From 31fdc3b7f9d0a09baf03f8675bbf4b418744db47 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Fri, 18 Oct 2024 12:33:53 -0700 Subject: [PATCH] chore(stylelint-badge): create property for forced-colors value to satisfy lint requirements (#3265) * chore(stylelint-badge): create property for forced-colors value to satisfy lint requirements * chore(stylelint-badge): add changeset * Update components/badge/index.css Co-authored-by: Stephanie Eckles * Update components/badge/index.css Co-authored-by: Stephanie Eckles * chore(stylelint-badge): generate metadata --------- Co-authored-by: Stephanie Eckles --- .changeset/silver-pianos-develop.md | 5 +++++ components/badge/index.css | 4 +++- components/badge/metadata/metadata.json | 2 +- 3 files changed, 9 insertions(+), 2 deletions(-) create mode 100644 .changeset/silver-pianos-develop.md diff --git a/.changeset/silver-pianos-develop.md b/.changeset/silver-pianos-develop.md new file mode 100644 index 0000000000..20e82339a0 --- /dev/null +++ b/.changeset/silver-pianos-develop.md @@ -0,0 +1,5 @@ +--- +"@spectrum-css/badge": minor +--- + +Assigns CanvasText to custom property to satisfy linting requirements. diff --git a/components/badge/index.css b/components/badge/index.css index 62d7b037fe..7dd1133e01 100644 --- a/components/badge/index.css +++ b/components/badge/index.css @@ -68,6 +68,8 @@ --spectrum-badge-icon-spacing-horizontal: var(--spectrum-component-edge-to-visual-100); --spectrum-badge-icon-spacing-vertical-top: var(--spectrum-component-top-to-workflow-icon-100); --spectrum-badge-icon-only-spacing-horizontal: var(--spectrum-component-edge-to-visual-only-100); + + --highcontrast-badge-border-color: CanvasText; } /* text and icon color is black for these background colors */ @@ -146,7 +148,7 @@ /* windows high contrast mode */ @media (forced-colors: active) { .spectrum-Badge { - border-color: CanvasText; /* stylelint-disable-line declaration-property-value-no-unknown */ + border-color: var(--highcontrast-badge-border-color); } } diff --git a/components/badge/metadata/metadata.json b/components/badge/metadata/metadata.json index 96a2416a8a..c8be859d83 100644 --- a/components/badge/metadata/metadata.json +++ b/components/badge/metadata/metadata.json @@ -177,5 +177,5 @@ ], "system-theme": [], "passthroughs": [], - "high-contrast": [] + "high-contrast": ["--highcontrast-badge-border-color"] }