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"] }