From 1d1b933eafb8e9c3b8058aa1acaa9c0c990bd84b Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Thu, 8 Feb 2024 13:44:43 -0800 Subject: [PATCH] fix(preset): add back legacy token for calcite-ui-focus-color (#8694) **Related Issue:** #8548 ## Summary Resolves issue with missing `--calcite-ui-focus-color` --- packages/calcite-components/calcite-preset.ts | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/calcite-components/calcite-preset.ts b/packages/calcite-components/calcite-preset.ts index 59c4493fc6f..e89a48531ff 100644 --- 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": {