From bd5163466e942eb3ca3ee8a9b19e5b705126b664 Mon Sep 17 00:00:00 2001 From: Marissa Huysentruyt Date: Mon, 23 Sep 2024 14:59:07 -0400 Subject: [PATCH] fix(statuslight): add disabled styles --- components/statuslight/index.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/components/statuslight/index.css b/components/statuslight/index.css index fa5beaaa236..1ce6a191507 100644 --- a/components/statuslight/index.css +++ b/components/statuslight/index.css @@ -34,6 +34,7 @@ /* Color */ --spectrum-statuslight-content-color-default: var(--spectrum-neutral-content-color-default); --spectrum-statuslight-subdued-content-color-default: var(--spectrum-neutral-subdued-content-color-default); + --spectrum-statuslight-content-color-disabled: var(--spectrum-disabled-content-color); --spectrum-statuslight-semantic-neutral-color: var(--spectrum-neutral-visual-color); --spectrum-statuslight-semantic-accent-color: var(--spectrum-accent-visual-color); --spectrum-statuslight-semantic-negative-color: var(--spectrum-negative-visual-color); @@ -143,6 +144,15 @@ margin-block-start: var(--spectrum-statuslight-spacing-computed-top-to-dot); margin-inline-end: var(--mod-statuslight-spacing-dot-to-label, var(--spectrum-statuslight-spacing-dot-to-label)); } + + &[disabled], + &.is-disabled { + color: var(--mod-statuslight-content-color-default, var(--spectrum-statuslight-content-color-disabled)); + + &::before { + background-color: var(--mod-statuslight-content-color-default, var(--spectrum-statuslight-content-color-disabled)); + } + } } .spectrum-StatusLight--neutral {