chore(stylelint): disable stylelint violation; use comment as description (#3272)

cdransf · web-flow · commit a354b166727f · 2024-10-21T08:53:55.000-07:00
diff --git a/.changeset/two-mayflies-divide.md b/.changeset/two-mayflies-divide.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/colorloupe": patch
+---
+
+Disables lint violation and moves comment to stylelint-disable description.
diff --git a/components/colorloupe/index.css b/components/colorloupe/index.css
@@ -60,7 +60,7 @@
 }
 
 .spectrum-ColorLoupe-inner-border {
-	/* Undefined variable allows custom stylesheet or JS to pass the value to this element */
+	/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- undefined variable allows custom stylesheet or JS to pass the value to this element */
 	fill: var(--spectrum-picked-color);
 	stroke: var(--mod-colorloupe-inner-border-color, var(--spectrum-colorloupe-inner-border-color));
 	stroke-width: var(--mod-colorloupe-inner-border-width, var(--spectrum-colorloupe-inner-border-width));

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@spectrum-css/colorloupe": patch
 +---
++
 +Disables lint violation and moves comment to stylelint-disable description.
Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`.spectrum-ColorLoupe-inner-border {`
`63`		`- /* Undefined variable allows custom stylesheet or JS to pass the value to this element */`
	`63`	`+ /* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- undefined variable allows custom stylesheet or JS to pass the value to this element */`
`64`	`64`	`fill: var(--spectrum-picked-color);`
`65`	`65`	`stroke: var(--mod-colorloupe-inner-border-color, var(--spectrum-colorloupe-inner-border-color));`
`66`	`66`	`stroke-width: var(--mod-colorloupe-inner-border-width, var(--spectrum-colorloupe-inner-border-width));`