Skip to content

Commit 8581d50

Browse files
committed
fix: allow global focus color token to inherit fallback value (#11711)
**Related Issue:** #10510 ## Summary Removes the global focus color introduced in [#10512](#10512) to match the behavior of the deprecated `--calcite-ui-focus-color`. Previously, `--calcite-color-focus` was defined at `:root`, preventing it from inheriting updates to `--calcite-color-brand` (its fallback). This is **not** considered a breaking change because: * it only affects outputs that are not publicly documented * the default color will still be applied as expected * `--calcite-color-focus` remains available for overriding the focus color **Note**: #11713 will restore `--calcite-color-focus` after #11391 lands.
1 parent 6fb3807 commit 8581d50

File tree

1 file changed

+0
-6
lines changed

1 file changed

+0
-6
lines changed

packages/calcite-design-tokens/src/build/tests/__snapshots__/index.spec.ts.snap

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -368,7 +368,6 @@ exports[`generated tokens > CSS > dark should match 1`] = `
368368
--calcite-color-foreground-2: #202020;
369369
--calcite-color-foreground-1: #2b2b2b;
370370
--calcite-color-background: #353535;
371-
--calcite-color-focus: #009af2;
372371
}
373372
"
374373
`;
@@ -538,7 +537,6 @@ exports[`generated tokens > CSS > light should match 1`] = `
538537
--calcite-color-foreground-2: #f3f3f3;
539538
--calcite-color-foreground-1: #ffffff;
540539
--calcite-color-background: #f8f8f8;
541-
--calcite-color-focus: #007ac2;
542540
}
543541
"
544542
`;
@@ -870,7 +868,6 @@ export const calciteBorderWidthMd = "2px";
870868
export const calciteBorderWidthLg = "4px";
871869
export const calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
872870
export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
873-
export const calciteColorFocus = {"light":"#007ac2","dark":"#009af2"};
874871
export const calciteColorForeground1 = {"light":"#ffffff","dark":"#2b2b2b"};
875872
export const calciteColorForeground2 = {"light":"#f3f3f3","dark":"#202020"};
876873
export const calciteColorForeground3 = {"light":"#eaeaea","dark":"#151515"};
@@ -1094,7 +1091,6 @@ export const calciteBorderWidthMd : string;
10941091
export const calciteBorderWidthLg : string;
10951092
export const calciteColorBackground : { light: string, dark: string };
10961093
export const calciteColorBackgroundNone : string;
1097-
export const calciteColorFocus : { light: string, dark: string };
10981094
export const calciteColorForeground1 : { light: string, dark: string };
10991095
export const calciteColorForeground2 : { light: string, dark: string };
11001096
export const calciteColorForeground3 : { light: string, dark: string };
@@ -2062,7 +2058,6 @@ $calcite-color-foreground-3: #151515;
20622058
$calcite-color-foreground-2: #202020;
20632059
$calcite-color-foreground-1: #2b2b2b;
20642060
$calcite-color-background: #353535;
2065-
$calcite-color-focus: #009af2;
20662061
"
20672062
`;
20682063

@@ -2230,6 +2225,5 @@ $calcite-color-foreground-3: #eaeaea;
22302225
$calcite-color-foreground-2: #f3f3f3;
22312226
$calcite-color-foreground-1: #ffffff;
22322227
$calcite-color-background: #f8f8f8;
2233-
$calcite-color-focus: #007ac2;
22342228
"
22352229
`;

0 commit comments

Comments
 (0)