fix: removed deprecated tokens from actiongroup

Author: GarthDB

components/actiongroup/index.css

@@ -12,7 +12,9 @@ governing permissions and limitations under the License.
 
 :root {
   --spectrum-actiongroup-button-gap-reset: 0;
-  --spectrum-actiongroup-quiet-compact-button-gap: var(--spectrum-global-dimension-size-25);
+  --spectrum-actiongroup-quiet-compact-button-gap: var(
+    --spectrum-global-dimension-size-25
+  );
 }
 
 .spectrum-ActionGroup {
@@ -24,14 +26,14 @@ governing permissions and limitations under the License.
   }
 
   &:not(.spectrum-ActionGroup--vertical)&:not(.spectrum-ActionGroup--compact) {
-    margin-block-start: calc(-1 * var(--spectrum-actionbuttongroup-text-button-gap-y));
+    margin-block-start: calc(-1 * var(--spectrum-actiongroup-button-gap-y));
 
     .spectrum-ActionGroup-item {
       flex-shrink: 0;
-      margin-block-start: var(--spectrum-actionbuttongroup-text-button-gap-y);
+      margin-block-start: var(--spectrum-actiongroup-button-gap-y);
 
       &:not(:last-child) {
-        margin-inline-end: var(--spectrum-actionbuttongroup-text-button-gap-x);
+        margin-inline-end: var(--spectrum-actiongroup-button-gap-x);
       }
     }
   }
@@ -42,12 +44,12 @@ governing permissions and limitations under the License.
   flex-direction: column;
 
   .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
-    margin-block-start: var(--spectrum-actionbuttongroup-text-button-gap-y);
+    margin-block-start: var(--spectrum-actiongroup-button-gap-y);
     margin-inline-start: var(--spectrum-actiongroup-button-gap-reset);
   }
 
   &.spectrum-ActionGroup--vertical {
-    margin-block-start: var(--spectrum-actionbuttongroup-text-button-gap-y);
+    margin-block-start: var(--spectrum-actiongroup-button-gap-y);
     margin-inline-start: var(--spectrum-actiongroup-button-gap-reset);
   }
 }
@@ -62,7 +64,9 @@ governing permissions and limitations under the License.
     &.spectrum-ActionGroup--vertical {
       .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
         margin-inline-start: var(--spectrum-actiongroup-button-gap-reset);
-        margin-block-start: var(--spectrum-actiongroup-quiet-compact-button-gap);
+        margin-block-start: var(
+          --spectrum-actiongroup-quiet-compact-button-gap
+        );
       }
     }
   }
@@ -78,13 +82,17 @@ governing permissions and limitations under the License.
       &:first-child {
         border-start-start-radius: var(--spectrum-actionbutton-border-radius);
         border-end-start-radius: var(--spectrum-actionbutton-border-radius);
-        margin-inline-end: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
+        margin-inline-end: calc(
+          -1 * var(--spectrum-actionbutton-border-size) / 2
+        );
       }
 
       &:last-child {
         border-start-end-radius: var(--spectrum-actionbutton-border-radius);
         border-end-end-radius: var(--spectrum-actionbutton-border-radius);
-        margin-inline-start: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
+        margin-inline-start: calc(
+          -1 * var(--spectrum-actionbutton-border-size) / 2
+        );
         margin-inline-end: 0;
       }
 
@@ -102,8 +110,12 @@ governing permissions and limitations under the License.
       }
 
       & + .spectrum-ActionGroup-item {
-        margin-inline-start: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
-        margin-inline-end: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
+        margin-inline-start: calc(
+          -1 * var(--spectrum-actionbutton-border-size) / 2
+        );
+        margin-inline-end: calc(
+          -1 * var(--spectrum-actionbutton-border-size) / 2
+        );
       }
 
       .spectrum-ActionButton-label {
@@ -116,22 +128,30 @@ governing permissions and limitations under the License.
         border-radius: 0;
 
         & + .spectrum-ActionGroup-item {
-          margin-block-start: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
-          margin-block-end: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
+          margin-block-start: calc(
+            -1 * var(--spectrum-actionbutton-border-size) / 2
+          );
+          margin-block-end: calc(
+            -1 * var(--spectrum-actionbutton-border-size) / 2
+          );
         }
 
         &:first-child {
           border-start-start-radius: var(--spectrum-actionbutton-border-radius);
           border-start-end-radius: var(--spectrum-actionbutton-border-radius);
           border-radius: 0;
-          margin-block-end: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
+          margin-block-end: calc(
+            -1 * var(--spectrum-actionbutton-border-size) / 2
+          );
         }
 
         &:last-child {
           border-end-start-radius: var(--spectrum-actionbutton-border-radius);
           border-end-end-radius: var(--spectrum-actionbutton-border-radius);
           border-radius: 0;
-          margin-block-start: calc(-1 * var(--spectrum-actionbutton-border-size) / 2);
+          margin-block-start: calc(
+            -1 * var(--spectrum-actionbutton-border-size) / 2
+          );
           margin-block-end: 0;
         }
       }