diff --git a/packages/genesys-spark-components/src/components/stable/gux-action-button/example.html b/packages/genesys-spark-components/src/components/stable/gux-action-button/example.html index 4a308c54d..5a8162a32 100644 --- a/packages/genesys-spark-components/src/components/stable/gux-action-button/example.html +++ b/packages/genesys-spark-components/src/components/stable/gux-action-button/example.html @@ -1,8 +1,9 @@

gux-action-button

+

Default

-

Primary

+

Primary

Primary
Test 1 @@ -13,7 +14,7 @@

Primary

-

Secondary

+

Secondary

Secondary
Test 1 @@ -24,7 +25,7 @@

Secondary

-

Tertiary

+

Tertiary

Tertiary
Test 1 @@ -35,7 +36,7 @@

Tertiary

-

Danger

+

Danger

Danger
Test 1 @@ -47,7 +48,7 @@

Danger

-

Invalid

+

Invalid

Invalid
Test 1 @@ -59,7 +60,7 @@

Invalid

-

Disabled

+

Disabled

Disabled
Test 1 @@ -71,9 +72,10 @@

Disabled

+

Icon

-

Primary

+

Primary

Primary
-

Secondary

+

Secondary

Secondary
-

Tertiary

+

Tertiary

Tertiary
-

Danger

+

Danger

Danger
-

Invalid

+

Invalid

Invalid
-

Disabled

+

Disabled

+ +
+ + Disabled +
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+ +

RTL

+

Default

+
+
+

Primary

+ +
Primary
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+

Secondary

+ +
Secondary
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+

Tertiary

+ +
Tertiary
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+

Danger

+ +
Danger
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+ +
+

Invalid

+ +
Invalid
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+ +
+

Disabled

+ +
Disabled
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+ +

Icon

+
+
+

Primary

+ +
+ + Primary +
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+

Secondary

+ +
+ + Secondary +
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+

Tertiary

+ +
+ + Tertiary +
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+
+

Danger

+ +
+ + Danger +
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+ +
+

Invalid

+ +
+ + Invalid +
+ Test 1 + Test 2 + Test 3 + + Test 4 +
+
+ +
+

Disabled

Disabled place-content: stretch space-around; align-items: flex-start; width: 100%; + padding-bottom: 24px; }
diff --git a/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.light.scss b/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.light.scss index 1d7b7802a..b97fc6b78 100644 --- a/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.light.scss +++ b/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.light.scss @@ -7,7 +7,7 @@ gux-action-button { gux-icon { width: var(--gse-ui-button-icon-size); height: var(--gse-ui-button-icon-size); - padding-right: var(--gse-ui-button-gap); + padding-inline-end: var(--gse-ui-button-gap); } } } diff --git a/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.scss b/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.scss index df17d3459..e8742f8ad 100644 --- a/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.scss +++ b/packages/genesys-spark-components/src/components/stable/gux-action-button/gux-action-button.scss @@ -22,14 +22,14 @@ .gux-action-button { width: calc(100% - 33px); - margin-right: 1px; + margin-inline-end: 1px; button { width: 100%; max-width: none; text-align: center; - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-start-end-radius: 0; + border-end-end-radius: 0; } } @@ -40,8 +40,8 @@ justify-content: center; width: var(--gse-ui-button-iconOnly-width); padding: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-start-start-radius: 0; + border-end-start-radius: 0; gux-icon { width: var(--gse-ui-button-icon-size);