Skip to content

Commit ef18f8a

Browse files
feat(textfield): imrprovements for WHCM
1 parent 57212eb commit ef18f8a

File tree

1 file changed

+17
-2
lines changed

1 file changed

+17
-2
lines changed

components/textfield/index.css

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -261,7 +261,7 @@ governing permissions and limitations under the License.
261261
}
262262

263263
.is-disabled & {
264-
color: var(--spectrum-textfield-text-color-disabled);
264+
color: var(--highcontrast-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled));
265265
}
266266
}
267267

@@ -272,6 +272,10 @@ governing permissions and limitations under the License.
272272
grid-row: 3;
273273
grid-column: 1 / span 2;
274274
}
275+
276+
.is-disabled & .spectrum-HelpText-text {
277+
color: var(--highcontrast-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled));
278+
}
275279
}
276280

277281
/********* Child Element - Character Count *********/
@@ -292,6 +296,10 @@ governing permissions and limitations under the License.
292296
grid-column: 2 / span 1;
293297
padding-inline-end: calc(var(--mod-textfield-corner-radius, var(--spectrum-textfield-corner-radius)) / 2);
294298

299+
.is-disabled & {
300+
color: var(--highcontrast-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled));
301+
}
302+
295303
&:lang(ja),
296304
&:lang(zh),
297305
&:lang(ko) {
@@ -467,7 +475,7 @@ governing permissions and limitations under the License.
467475
.spectrum-Textfield.is-disabled:hover &,
468476
&:disabled {
469477
background-color: var(--mod-textfield-background-color-disabled, var(--spectrum-textfield-background-color-disabled));
470-
border-color: var(--mod-textfield-border-color-disabled, var(--spectrum-textfield-border-color-disabled));
478+
border-color: var(--highcontrast-textfield-border-color-disabled, var(--mod-textfield-border-color-disabled), var(--spectrum-textfield-border-color-disabled));
471479
color: var(--highcontrast-textfield-text-color-disabled, var(--mod-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled)));
472480

473481
/* Disable the resize functionality when disabled */
@@ -565,6 +573,7 @@ governing permissions and limitations under the License.
565573
--highcontrast-textfield-border-color-focus: Highlight;
566574
--highcontrast-textfield-border-color-keyboard-focus: CanvasText;
567575
--highcontrast-textfield-focus-indicator-color: Highlight;
576+
--highcontrast-textfield-border-color-disabled: GrayText;
568577

569578
--highcontrast-textfield-border-color-invalid-default: Highlight;
570579
--highcontrast-textfield-border-color-invalid-hover: Highlight;
@@ -589,5 +598,11 @@ governing permissions and limitations under the License.
589598
--highcontrast-textfield-text-color-readonly: CanvasText;
590599
}
591600
}
601+
602+
.spectrum-FieldLabel,
603+
.spectrum-HelpText-text,
604+
.spectrum-Textfield-characterCount {
605+
--highcontrast-textfield-text-color-disabled: GrayText;
606+
}
592607
}
593608
}

0 commit comments

Comments
 (0)