fix(includes): correct token fallback order for focus mixins

Esri · May 14, 2024 · fe06c1c · fe06c1c
1 parent 7d11616
commit fe06c1c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/calcite-components/src/assets/styles/includes.scss b/packages/calcite-components/src/assets/styles/includes.scss
@@ -130,15 +130,15 @@
 @mixin focusInset($outline, $outlineOffset) {
   outline: var(
     #{$outline},
-    2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))
+    2px solid var(--calcite-color-brand-hover, var(--calcite-ui-focus-color, var(--calcite-color-brand)))
   );
   outline-offset: var(#{$outlineOffset}, calc(-2px * calc(1 - 2 * clamp(0, var(--calcite-offset-invert-focus), 1))));
 }
 
 @mixin focusOutset($outline, $outlineOffset) {
   outline: var(
     #{$outline},
-    2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))
+    2px solid var(--calcite-color-brand-hover, var(--calcite-ui-focus-color, var(--calcite-color-brand)))
   );
   outline-offset: var(#{$outlineOffset}, calc(2px * calc(1 - 2 * clamp(0, var(--calcite-offset-invert-focus), 1))));
 }