feat(opacitycheckerboard): S2, small t-shirt size squares (#2610)

Melissa Thompson · aramos-adobe · commit e919cb57c071 · 2025-01-09T16:54:49.000-05:00
* feat(opacitycheckerboard): small t-shirt size squares
* docs(opacitycheckerboard): chromatic coverage for t-shirt size
diff --git a/components/opacitycheckerboard/index.css b/components/opacitycheckerboard/index.css
@@ -23,6 +23,12 @@
 	--spectrum-opacity-checkerboard-size: var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-square-size-small));
 }
 
+.spectrum-OpacityCheckerboard--sizeS {
+	--spectrum-opacity-checkerboard-size: var(
+		--spectrum-opacity-checkerboard-square-size-small
+	);
+}
+
 .spectrum-OpacityCheckerboard {
 	background: repeating-conic-gradient(var(--spectrum-opacity-checkerboard-light) 0% 25%, var(--spectrum-opacity-checkerboard-dark) 0% 50%) var(--spectrum-opacity-checkerboard-position) / calc(var(--spectrum-opacity-checkerboard-size) * 2) calc(var(--spectrum-opacity-checkerboard-size) * 2);
 }

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,12 @@`
`23`	`23`	`--spectrum-opacity-checkerboard-size: var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-square-size-small));`
`24`	`24`	`}`
`25`	`25`
	`26`	`+.spectrum-OpacityCheckerboard--sizeS {`
	`27`	`+ --spectrum-opacity-checkerboard-size: var(`
	`28`	`+ --spectrum-opacity-checkerboard-square-size-small`
	`29`	`+ );`
	`30`	`+}`
	`31`	`+`
`26`	`32`	`.spectrum-OpacityCheckerboard {`
`27`	`33`	`background: repeating-conic-gradient(var(--spectrum-opacity-checkerboard-light) 0% 25%, var(--spectrum-opacity-checkerboard-dark) 0% 50%) var(--spectrum-opacity-checkerboard-position) / calc(var(--spectrum-opacity-checkerboard-size) * 2) calc(var(--spectrum-opacity-checkerboard-size) * 2);`
`28`	`34`	`}`