Skip to content

Commit c0247c2

Browse files
committed
feat(calendar): match disabled tokens
1 parent 22a3747 commit c0247c2

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

components/calendar/index.css

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,9 @@ governing permissions and limitations under the License.
4949
--spectrum-calendar-day-text-color-disabled: var(--spectrum-gray-500);
5050

5151
--spectrum-calendar-day-text-color-key-focus: var(--spectrum-gray-900);
52+
53+
--spectrum-calendar-button-icon-color-disabled: var(--spectrum-disabled-content-color);
54+
5255
}
5356

5457
.spectrum-Calendar {
@@ -89,6 +92,10 @@ governing permissions and limitations under the License.
8992
&:not([disabled]) {
9093
color: var(--highcontrast-calendar-button-icon-color, var(--mod-calendar-button-icon-color, var(--spectrum-calendar-button-icon-color)));
9194
}
95+
96+
&:disabled {
97+
color: var(--highcontrast-calendar-button-icon-color-disabled, var(--mod-calendar-button-icon-color-disabled, var(--spectrum-calendar-button-icon-color-disabled)));
98+
}
9299
}
93100

94101
.spectrum-Calendar-prevMonth {
@@ -425,10 +432,14 @@ governing permissions and limitations under the License.
425432
}
426433

427434
@media (forced-colors: active) {
435+
.spectrum-Calendar-prevMonth,
436+
.spectrum-Calendar-nextMonth {
437+
--highcontrast-calendar-button-icon-color-disabled: GrayText;
438+
--highcontrast-calendar-button-icon-color: ButtonText;
439+
}
428440
.spectrum-Calendar-date {
429441
color: CanvasText;
430442
forced-color-adjust: none;
431-
--highcontrast-calendar-button-icon-color: ButtonText;
432443
--highcontrast-calendar-day-background-color-cap-selected: Highlight;
433444
--highcontrast-calendar-day-background-color-down: ButtonFace;
434445
--highcontrast-calendar-day-background-color-hover: Transparent;

0 commit comments

Comments
 (0)