Skip to content

Commit 9ce5df5

Browse files
jnurthenjnurthen
authored
Whcm fixes (#2620)
1 parent 5b6e59d commit 9ce5df5

File tree

13 files changed

+222
-0
lines changed

13 files changed

+222
-0
lines changed

‎packages/@adobe/spectrum-css-temp/components/accordion/skin.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,3 +62,10 @@ governing permissions and limitations under the License.
6262
}
6363
}
6464
}
65+
@media (forced-colors: active) {
66+
.spectrum-Accordion-itemHeader {
67+
&:focus-ring {
68+
outline: 3px solid CanvasText;
69+
}
70+
}
71+
}

‎packages/@adobe/spectrum-css-temp/components/avatar/skin.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,3 +19,11 @@ governing permissions and limitations under the License.
1919
opacity: var(--spectrum-avatar-small-opacity-disabled);
2020
}
2121
}
22+
@media (forced-colors: active) {
23+
.spectrum-Avatar {
24+
&.is-disabled {
25+
opacity: 1;
26+
border: 2px solid GrayText;
27+
}
28+
}
29+
}

‎packages/@adobe/spectrum-css-temp/components/barloader/skin.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,11 @@ governing permissions and limitations under the License.
6161
.spectrum-BarLoader-percentage {
6262
color: var(--spectrum-fieldlabel-text-color);
6363
}
64+
@media (forced-colors: active) {
65+
.spectrum-BarLoader-track {
66+
forced-color-adjust: none;
67+
--spectrum-barloader-large-track-fill-color: ButtonText;
68+
--spectrum-barloader-large-track-color: ButtonFace;
69+
border: 1px solid ButtonText;
70+
}
71+
}

‎packages/@adobe/spectrum-css-temp/components/breadcrumb/skin.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,3 +72,37 @@ governing permissions and limitations under the License.
7272
}
7373
}
7474
}
75+
@media (forced-colors: active) {
76+
.spectrum-Breadcrumbs-item {
77+
--spectrum-breadcrumb-item-border-color-drop: LinkText;
78+
--spectrum-breadcrumb-item-border-color-key-focus: CanvasText;
79+
--spectrum-breadcrumb-item-text-color-drop: LinkText;
80+
--spectrum-breadcrumb-text-color: LinkText;
81+
--spectrum-breadcrumb-text-color-down: CanvasText;
82+
--spectrum-breadcrumb-text-color-hover: LinkText;
83+
--spectrum-breadcrumb-text-color-key-focus: LinkText;
84+
--spectrum-breadcrumb-ui-icon-color: CanvasText;
85+
--spectrum-label-text-color-disabled: GrayText;
86+
/* Override the selected to be the Standard Text color */
87+
&.is-selected,
88+
&:last-of-type {
89+
color: var(--spectrum-breadcrumb-text-color-down);
90+
.spectrum-Breadcrumbs-itemLink {
91+
&:hover {
92+
color: var(--spectrum-breadcrumb-text-color-down);
93+
}
94+
}
95+
}
96+
/* Make links stay link color when clicked and disabled links remain disabled color */
97+
.spectrum-Breadcrumbs-itemLink {
98+
&:active {
99+
color: var(--spectrum-breadcrumb-text-color);
100+
}
101+
&.is-disabled {
102+
&:active {
103+
color: var(--spectrum-label-text-color-disabled);
104+
}
105+
}
106+
}
107+
}
108+
}

‎packages/@adobe/spectrum-css-temp/components/circleloader/skin.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,3 +35,9 @@ governing permissions and limitations under the License.
3535
border-color: var(--spectrum-loader-circle-medium-over-background-track-fill-color);
3636
}
3737
}
38+
39+
@media (forced-colors: active) {
40+
.spectrum-CircleLoader-fill {
41+
--spectrum-loader-circle-medium-track-fill-color: Highlight;
42+
}
43+
}

‎packages/@adobe/spectrum-css-temp/components/dialog/skin.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,3 +36,8 @@ governing permissions and limitations under the License.
3636
color: var(--spectrum-dialog-warning-icon-color);
3737
}
3838
}
39+
@media (forced-colors: active) {
40+
.spectrum-Dialog {
41+
border: 1px solid transparent;
42+
}
43+
}

‎packages/@adobe/spectrum-css-temp/components/sidenav/skin.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,3 +62,23 @@ governing permissions and limitations under the License.
6262
.spectrum-SideNav-heading {
6363
color: var(--spectrum-sidenav-header-text-color);
6464
}
65+
66+
@media (forced-colors: active) {
67+
.spectrum-SideNav-item {
68+
forced-color-adjust: none;
69+
--spectrum-sidenav-item-text-color-selected: HighlightText;
70+
--spectrum-sidenav-item-background-color-selected: Highlight;
71+
--spectrum-sidenav-item-background-color-down: Highlight;
72+
--spectrum-sidenav-item-background-color-disabled: ButtonFace;
73+
--spectrum-sidenav-item-text-color-disabled: GrayText;
74+
--spectrum-sidenav-item-background-color: ButtonFace;
75+
--spectrum-sidenav-item-text-color: ButtonText;
76+
--spectrum-sidenav-item-background-color-hover: ButtonFace;
77+
--spectrum-sidenav-item-text-color-hover: ButtonText;
78+
--spectrum-sidenav-item-background-color-down: ButtonFace;
79+
--spectrum-sidenav-item-background-color-key-focus: ButtonFace;
80+
--spectrum-sidenav-item-text-color-key-focus: ButtonText;
81+
--spectrum-sidenav-item-border-color-key-focus: ButtonText;
82+
--spectrum-sidenav-header-text-color: ButtonText;
83+
}
84+
}

‎packages/@adobe/spectrum-css-temp/components/statuslight/skin.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,3 +79,14 @@ governing permissions and limitations under the License.
7979
.spectrum-StatusLight--purple::before {
8080
background-color: var(--spectrum-statuslight-dot-color-label-purple);
8181
}
82+
83+
@media (forced-colors: active) {
84+
.spectrum-StatusLight {
85+
forced-color-adjust: none;
86+
--spectrum-statuslight-text-color-disabled: GrayText;
87+
--spectrum-statuslight-dot-color-disabled: GrayText;
88+
&:before {
89+
border: 1px solid ButtonText;
90+
}
91+
}
92+
}

‎packages/@adobe/spectrum-css-temp/components/tabs/skin.css

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,3 +105,52 @@ governing permissions and limitations under the License.
105105
border-color: var(--spectrum-tabs-focus-ring-color);
106106
}
107107
}
108+
109+
@media (forced-colors: active) {
110+
.spectrum-Tabs {
111+
forced-color-adjust: none;
112+
--spectrum-tabs-focus-ring-color: ButtonText;
113+
--spectrum-tabs-icon-color: ButtonText;
114+
--spectrum-tabs-icon-color-disabled: GrayText;
115+
--spectrum-tabs-icon-color-hover: ButtonText;
116+
--spectrum-tabs-icon-color-key-focus: ButtonText;
117+
--spectrum-tabs-icon-color-selected: HighlightText;
118+
--spectrum-tabs-quiet-rule-color: transparent;
119+
--spectrum-tabs-quiet-selection-indicator-color: transparent;
120+
--spectrum-tabs-quiet-vertical-rule-color: transparent;
121+
--spectrum-tabs-rule-color: transparent;
122+
--spectrum-tabs-selection-indicator-color: transparent;
123+
--spectrum-tabs-text-color: ButtonText;
124+
--spectrum-tabs-text-color-disabled: GrayText;
125+
--spectrum-tabs-text-color-hover: ButtonText;
126+
--spectrum-tabs-text-color-key-focus: ButtonText;
127+
--spectrum-tabs-text-color-selected: HighlightText;
128+
--spectrum-tabs-vertical-rule-color: transparent;
129+
.spectrum-Tabs-item {
130+
&:before {
131+
background-color: ButtonFace;
132+
}
133+
.spectrum-Icon {
134+
z-index: 1;
135+
position: relative;
136+
}
137+
.spectrum-Tabs-itemLabel {
138+
position: relative;
139+
z-index: 1;
140+
}
141+
}
142+
.is-selected {
143+
color: HighlightText;
144+
.spectrum-Icon {
145+
fill: HighlightText;
146+
}
147+
&:before {
148+
background-color: Highlight;
149+
color: HighlightText;
150+
}
151+
.spectrum-Tabs-itemLabel {
152+
color: HighlightText;
153+
}
154+
}
155+
}
156+
}

‎packages/@adobe/spectrum-css-temp/components/tags/skin.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -155,3 +155,50 @@ governing permissions and limitations under the License.
155155
}
156156
}
157157
}
158+
159+
@media (forced-colors: active) {
160+
.spectrum-Tags-item {
161+
forced-color-adjust: none;
162+
--spectrum-tag-background-color: ButtonFace;
163+
--spectrum-tag-background-color-disabled: ButtonFace;
164+
--spectrum-tag-background-color-hover: ButtonFace;
165+
--spectrum-tag-background-color-key-focus: ButtonFace;
166+
--spectrum-tag-background-color-selected: Highlight;
167+
--spectrum-tag-background-color-selected-hover: Highlight;
168+
--spectrum-tag-border-color: ButtonText;
169+
--spectrum-tag-border-color-disabled: GrayText;
170+
--spectrum-tag-border-color-error: ButtonText;
171+
--spectrum-tag-border-color-error-hover: ButtonText;
172+
--spectrum-tag-border-color-error-selected: HighlightText;
173+
--spectrum-tag-border-color-hover: Highlight;
174+
--spectrum-tag-border-color-key-focus: Highlight;
175+
--spectrum-tag-border-color-selected: HighlightText;
176+
--spectrum-tag-border-color-selected-key-focus: ButtonText;
177+
--spectrum-tag-icon-color-error: ButtonText;
178+
--spectrum-tag-icon-color-error-hover: ButtonText;
179+
--spectrum-tag-removable-border-color-error-down: Highlight;
180+
--spectrum-tag-removable-border-color-error-hover: Highlight;
181+
--spectrum-tag-removable-border-color-key-focus: Highlight;
182+
--spectrum-tag-removable-button-background-color-hover: ButtonFace;
183+
--spectrum-tag-removable-button-background-color-key-focus: ButtonFace;
184+
--spectrum-tag-removable-button-background-color-selected-hover: Highlight;
185+
--spectrum-tag-removable-button-icon-color-hover: Highlight;
186+
--spectrum-tag-removable-button-icon-color-key-focus: Highlight;
187+
--spectrum-tag-removable-button-icon-color-selected: HighlightText;
188+
--spectrum-tag-removable-button-icon-color-selected-hover: HighlightText;
189+
--spectrum-tag-removable-text-color-down: ButtonText;
190+
--spectrum-tag-removable-text-color-error-down: Highlight;
191+
--spectrum-tag-removable-text-color-error-key-focus: Highlight;
192+
--spectrum-tag-removable-text-color-hover: ButtonText;
193+
--spectrum-tag-removable-text-color-key-focus: ButtonText;
194+
--spectrum-tag-removable-text-color-selected: HighlightText;
195+
--spectrum-tag-removable-text-color-selected-key-focus: HighlightText;
196+
--spectrum-tag-text-color: ButtonText;
197+
--spectrum-tag-text-color-disabled: GrayText;
198+
--spectrum-tag-text-color-error-selected: HighlightText;
199+
--spectrum-tag-text-color-hover: ButtonText;
200+
--spectrum-tag-text-color-key-focus: ButtonText;
201+
--spectrum-tag-text-color-selected: HighlightText;
202+
--spectrum-tag-text-color-selected-key-focus: HighlightText;
203+
}
204+
}

0 commit comments

Comments
 (0)