WIP

pinterest · Sep 30, 2024 · 6b5758e · 6b5758e
1 parent 3dc4be1
commit 6b5758e
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 57 deletions.
diff --git a/packages/gestalt-design-tokens/tokens/classic/comp-web-color-dark.json b/packages/gestalt-design-tokens/tokens/classic/comp-web-color-dark.json
@@ -436,19 +436,6 @@
           }
         }
       },
-      "spinner": {
-        "color": {
-          "pink": {
-            "value": "#d452d1"
-          },
-          "orange": {
-            "value": "#ff7c36"
-          },
-          "blue": {
-            "value": "#24ccb0"
-          }
-        }
-      },
       "switch": {
         "default": {
           "selected": {

diff --git a/packages/gestalt-design-tokens/tokens/classic/comp-web-color-light.json b/packages/gestalt-design-tokens/tokens/classic/comp-web-color-light.json
@@ -468,19 +468,6 @@
           }
         }
       },
-      "spinner": {
-        "color": {
-          "pink": {
-            "value": "#d452d1"
-          },
-          "orange": {
-            "value": "#ff7c36"
-          },
-          "blue": {
-            "value": "#24ccb0"
-          }
-        }
-      },
       "switch": {
         "default": {
           "selected": {

diff --git a/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-dark.json b/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-dark.json
@@ -274,19 +274,6 @@
           }
         }
       },
-      "spinner": {
-        "color": {
-          "pink": {
-            "value": "{comp.spinner.color.pink}"
-          },
-          "orange": {
-            "value": "{comp.spinner.color.orange}"
-          },
-          "blue": {
-            "value": "{comp.spinner.color.blue}"
-          }
-        }
-      },
       "switch": {
         "default": {
           "unselected": {

diff --git a/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-light.json b/packages/gestalt-design-tokens/tokens/vr-theme-web-mapping/comp-web-color-light.json
@@ -259,19 +259,6 @@
           }
         }
       },
-      "spinner": {
-        "color": {
-          "pink": {
-            "value": "{comp.spinner.color.pink}"
-          },
-          "orange": {
-            "value": "{comp.spinner.color.orange}"
-          },
-          "blue": {
-            "value": "{comp.spinner.color.blue}"
-          }
-        }
-      },
       "switch": {
         "default": {
           "unselected": {

diff --git a/packages/gestalt/src/Spinner/VRSpinner.css b/packages/gestalt/src/Spinner/VRSpinner.css
@@ -77,18 +77,18 @@
 
 @keyframes colors {
   0% {
-    background-color: var(--color-background-spinner-color-pink);
+    background-color: var(--comp-spinner-color-pink);
   }
 
   33.333% {
-    background-color: var(--color-background-spinner-color-orange);
+    background-color: var(--comp-spinner-color-orange);
   }
 
   66.666% {
-    background-color: var(--color-background-spinner-color-blue);
+    background-color: var(--comp-spinner-color-blue);
   }
 
   100% {
-    background-color: var(--color-background-spinner-color-pink);
+    background-color: var(--comp-spinner-color-pink);
   }
 }
diff --git a/packages/gestalt/src/Spinner/VRSpinner.tsx b/packages/gestalt/src/Spinner/VRSpinner.tsx
@@ -25,7 +25,7 @@ export default function Spinner({ accessibilityLabel, delay = true, show, size =
     <Box display="flex" justifyContent="around">
       <div
         aria-label={accessibilityLabel ?? accessibilityLabelDefault}
-        className={classnames(styles.spinner, styles[size], { [styles.delay]: delay })}
+        className={classnames(styles.spinner, { [styles.delay]: delay })}
         style={
           {
             '--g-size': `${SIZE_NAME_TO_PIXEL[size]}px`,