fix(preset): add back legacy token for calcite-ui-focus-color (#8694)

**Related Issue:** #8548 ## Summary Resolves issue with missing `--calcite-ui-focus-color`
Esri · Feb 15, 2024 · 3d8389c · 3d8389c
1 parent 06ec437
commit 3d8389c
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/calcite-components/calcite-preset.ts b/packages/calcite-components/calcite-preset.ts
@@ -258,14 +258,17 @@ export default {
           "outline-color": "transparent",
         },
         ".focus-normal": {
-          outline: "2px solid var(--calcite-color-brand-hover, var(--calcite--color-brand))",
+          outline:
+            "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
         },
         ".focus-outset": {
-          outline: "2px solid var(--calcite-color-brand)",
+          outline:
+            "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
           "outline-offset": invert("2px", "--calcite-offset-invert-focus"),
         },
         ".focus-inset": {
-          outline: "2px solid var(--calcite-color-brand)",
+          outline:
+            "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)))",
           "outline-offset": invert("-2px", "--calcite-offset-invert-focus"),
         },
         ".focus-outset-danger": {