Skip to content

Commit 725f47c

Browse files
authored
fix(preset): update the focus outline color (#9098)
**Related Issue:** #9099 ## Summary Resolves color error identified yesterday by Design
1 parent 13ba953 commit 725f47c

File tree

1 file changed

+3
-6
lines changed

1 file changed

+3
-6
lines changed

packages/calcite-components/calcite-preset.ts

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -258,17 +258,14 @@ export default {
258258
"outline-color": "transparent",
259259
},
260260
".focus-normal": {
261-
outline:
262-
"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))",
261+
outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))",
263262
},
264263
".focus-outset": {
265-
outline:
266-
"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))",
264+
outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))",
267265
"outline-offset": invert("2px", "--calcite-offset-invert-focus"),
268266
},
269267
".focus-inset": {
270-
outline:
271-
"2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)))",
268+
outline: "2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))",
272269
"outline-offset": invert("-2px", "--calcite-offset-invert-focus"),
273270
},
274271
".focus-outset-danger": {

0 commit comments

Comments
 (0)