WIP

pinterest · Jan 14, 2025 · 4be1d04 · 4be1d04
1 parent e329556
commit 4be1d04
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/gestalt/src/Spinner/VRSpinner.tsx b/packages/gestalt/src/Spinner/VRSpinner.tsx
@@ -29,14 +29,14 @@ function SpinnerBody({
 }: SpinnerBodyProps) {
   const colorWhite = color === 'white' && vrLightDesignTokens['sema-color-background-light'];
   const colorGrayscale = color === 'grayscale' && vrLightDesignTokens['base-color-grayscale-350'];
-  const colorValue = colorWhite || colorGrayscale;
-  const spinnerColor = colorValue
-    ? ({
-        '--comp-spinner-color-background-1': colorValue,
-        '--comp-spinner-color-background-2': colorValue,
-        '--comp-spinner-color-background-3': colorValue,
-      } as React.CSSProperties)
-    : {};
+  const nonDefaultSpinnerColor =
+    colorWhite || colorGrayscale
+      ? ({
+          '--comp-spinner-color-background-1': colorWhite || colorGrayscale,
+          '--comp-spinner-color-background-2': colorWhite || colorGrayscale,
+          '--comp-spinner-color-background-3': colorWhite || colorGrayscale,
+        } as React.CSSProperties)
+      : {};
 
   return (
     <Box display="flex" justifyContent="around">
@@ -50,7 +50,7 @@ function SpinnerBody({
           {
             '--g-enter-delay': delay ? '300ms' : undefined,
             '--g-size': `${SIZE_NAME_TO_PIXEL[size]}px`,
-            ...spinnerColor,
+            ...nonDefaultSpinnerColor,
           } as React.CSSProperties
         }
       >