Skip to content

Commit 3aec28a

Browse files
fix(stepper): fast follows for focus/focus+hover/keyboardFocus borders (#3621)
* fix(stepper): focus/focus+hover/keyboardFocus border colors * chore(stepper): add changeset
1 parent ae8a126 commit 3aec28a

File tree

2 files changed

+8
-2
lines changed

2 files changed

+8
-2
lines changed

.changeset/sharp-spiders-complain.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@spectrum-css/stepper": patch
3+
---
4+
5+
- Updates `--spectrum-stepper-border-color-focus-hover` from `gray-800` to `gray-900`.
6+
- Updates `--spectrum-stepper-buttons-border-color-keyboard-focus` from `gray-900` to `gray-800` to match the rest of the border color on keyboardFocus.

components/stepper/themes/spectrum-two.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
--spectrum-stepper-border-color-default: var(--spectrum-gray-500);
1818
--spectrum-stepper-border-color-hover: var(--spectrum-gray-600);
1919
--spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
20-
--spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-800);
20+
--spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-900);
2121
--spectrum-stepper-border-color-keyboard-focus: var(--spectrum-gray-800);
2222

2323
--spectrum-stepper-buttons-border-style: none;
@@ -26,7 +26,7 @@
2626
--spectrum-stepper-buttons-background-color: var(--spectrum-gray-100);
2727
--spectrum-stepper-buttons-border-color-hover: var(--spectrum-gray-600);
2828
--spectrum-stepper-buttons-border-color-focus: var(--spectrum-gray-800);
29-
--spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-900);
29+
--spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-800);
3030

3131
--spectrum-stepper-button-border-width: var(--spectrum-border-width-100);
3232

0 commit comments

Comments
 (0)