fix(tokens): replace invalid tokens #229

AlaskaAirlines · Dec 4, 2023 · 965ebf6 · 965ebf6
1 parent 6462dbb
commit 965ebf6
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/style.scss b/src/style.scss
@@ -45,7 +45,7 @@ $auro-rgb-color-base-white-03: rgba(255, 255, 255, .03);
 // focus-visible mixin
 @mixin focus-visible {
   outline: 3px solid transparent;
-  box-shadow: inset 0 0 0 1px var(--ds-color-border-focus-inverse, $ds-color-border-focus-inverse), inset 0 0 0 3px var(--ds-color-background-lightest, $ds-color-background-lightest);
+  box-shadow: inset 0 0 0 1px var(--ds-color-base-white, $ds-color-base-white), inset 0 0 0 3px var(--ds-color-background-lightest, $ds-color-background-lightest);
 
   // auro-button--secondary
   &[variant='secondary'],
@@ -65,22 +65,22 @@ $auro-rgb-color-base-white-03: rgba(255, 255, 255, .03);
   // auro-buttonOndark
   &Ondark {
     background-color: var(--ds-color-ui-default-inverse, $ds-color-ui-default-inverse);
-    box-shadow: inset 0 0 0 3px var(--ds-color-border-focus-inverse, $ds-color-border-focus-inverse);
+    box-shadow: inset 0 0 0 3px var(--ds-color-base-white, $ds-color-base-white);
 
     // auro-buttonOndark--secondary
     &[variant='secondary'],
     &--secondary {
       background-color: var(--ds-color-base-black-opacity-15, $ds-color-base-black-opacity-15);
-      box-shadow: inset 0 0 0 3px var(--ds-color-ui-active-inverse, $ds-color-ui-active-inverse);
-      border: 1px solid var(--ds-color-ui-active-inverse, $ds-color-ui-active-inverse);
+      box-shadow: inset 0 0 0 3px var(--ds-color-brand-breeze-200, $ds-color-brand-breeze-200);
+      border: 1px solid var(--ds-color-brand-breeze-200, $ds-color-brand-breeze-200);
     }
 
     // auro-buttonOndark--tertiary
     &[variant='tertiary'],
     &--tertiary {
       background-color: var(--ds-color-base-black-opacity-15, $ds-color-base-black-opacity-15);
-      border-color: var(--ds-color-ui-active-inverse, $ds-color-ui-active-inverse);
-      box-shadow: inset 0 0 0 3px var(--ds-color-ui-active-inverse, $ds-color-ui-active-inverse);
+      border-color: var(--ds-color-brand-breeze-200, $ds-color-brand-breeze-200);
+      box-shadow: inset 0 0 0 3px var(--ds-color-brand-breeze-200, $ds-color-brand-breeze-200);
     }
   }
 }
@@ -290,8 +290,8 @@ slot {
     }
 
     &:active {
-      background-color: var(--ds-color-ui-active-inverse, $ds-color-ui-active-inverse);
-      border: 1px solid var(--ds-color-ui-active-inverse, $ds-color-ui-active-inverse);
+      background-color: var(--ds-color-brand-breeze-200, $ds-color-brand-breeze-200);
+      border: 1px solid var(--ds-color-brand-breeze-200, $ds-color-brand-breeze-200);
     }
 
     &:disabled {