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);