chore(stylelint-badge): create property for forced-colors value to sa…

…tisfy 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 <thinkdobecreate@gmail.com> * Update components/badge/index.css Co-authored-by: Stephanie Eckles <thinkdobecreate@gmail.com> * chore(stylelint-badge): generate metadata --------- Co-authored-by: Stephanie Eckles <thinkdobecreate@gmail.com>
adobe · Oct 18, 2024 · 31fdc3b · 31fdc3b
1 parent b9b910f
commit 31fdc3b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/silver-pianos-develop.md 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
@@ -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
@@ -177,5 +177,5 @@
  ],
  "system-theme": [],
  "passthroughs": [],
- "high-contrast": []
+ "high-contrast": ["--highcontrast-badge-border-color"]
 }