Skip to content

Commit 2e17d10

Browse files
TarunAdobecastastropherise-erpelding
authored
fix(textfield): update border and background color (#3575)
* fix(textfield): update border and background color * fix(swatch): adjust disabled icon color across themes (#3547) * fix(textfield): update border color on keyfocus in s2 --------- Co-authored-by: [ Cassondra ] <[email protected]> Co-authored-by: rise-erpelding <[email protected]>
1 parent 81195bb commit 2e17d10

File tree

4 files changed

+13
-1
lines changed

4 files changed

+13
-1
lines changed

.changeset/fast-hats-worry.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@spectrum-css/swatch": patch
3+
---
4+
5+
Reverts all themes' disabled icon color back to original spectrum-white and border color to black with opacity token `swatch-disabled-icon-border-opacity`.

.changeset/strong-falcons-switch.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@spectrum-css/textfield": patch
3+
---
4+
5+
updated border color on keyboard focus state for textfield in spectrum-two theme

components/textfield/themes/spectrum-two.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
--spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
2121
--spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
2222
--spectrum-textfield-border-color-focus-hover: var(--spectrum-gray-900);
23-
--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
23+
--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-800);
2424
--spectrum-textfield-border-color-disabled: var(--spectrum-gray-300);
2525

2626
--spectrum-textfield-border-width: var(--spectrum-border-width-100);

components/textfield/themes/spectrum.css

+2
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@
2222

2323
--spectrum-textfield-border-color-disabled: var(--spectrum-gray-200);
2424

25+
--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
26+
2527
--spectrum-textfield-icon-spacing-block-invalid: var(--spectrum-field-top-to-alert-icon-medium);
2628

2729
&.spectrum-Textfield--sizeS {

0 commit comments

Comments
 (0)