fix(swatch+swatchgroup): restore spacious density swatchgroup test; add tokens to changeset

cdransf · cdransf · commit a3c75327abbd · 2025-05-14T09:33:31.000-07:00
diff --git a/.changeset/proud-schools-reply.md b/.changeset/proud-schools-reply.md
@@ -1,6 +1,7 @@
 ---
 `@spectrum-css/swatchgroup`: major
 `@spectrum-css/swatch`: major
+`@spectrum-css/tokens`: minor
 ---
 
 #### S2 migration for Swatch group
diff --git a/components/swatchgroup/index.css b/components/swatchgroup/index.css
@@ -25,12 +25,10 @@
 	gap: var(--mod-swatchgroup-spacing, var(--spectrum-swatchgroup-spacing));
 }
 
-/* Small */
 .spectrum-SwatchGroup--compact {
 	--spectrum-swatchgroup-spacing: var(--spectrum-spacing-50);
 }
 
-/* Large */
 .spectrum-SwatchGroup--spacious:has(.spectrum-Swatch--sizeXS, .spectrum-Swatch--sizeS) {
 	--spectrum-swatchgroup-spacing: var(--spectrum-swatch-group-spacing-spacious);
 }
diff --git a/components/swatchgroup/stories/swatchgroup.test.js b/components/swatchgroup/stories/swatchgroup.test.js
@@ -11,6 +11,10 @@ export const SwatchgroupGroup = Variants({
 			testHeading: "Compact density",
 			density: "compact",
 		},
+		{
+			testHeading: "Spacious density",
+			density: "spacious",
+		},
 		{
 			testHeading: "Full rounding (regular density)",
 			rounding: "full",

Original file line number	Diff line number	Diff line change
`@@ -25,12 +25,10 @@`
`25`	`25`	`gap: var(--mod-swatchgroup-spacing, var(--spectrum-swatchgroup-spacing));`
`26`	`26`	`}`
`27`	`27`
`28`		`-/* Small */`
`29`	`28`	`.spectrum-SwatchGroup--compact {`
`30`	`29`	`--spectrum-swatchgroup-spacing: var(--spectrum-spacing-50);`
`31`	`30`	`}`
`32`	`31`
`33`		`-/* Large */`
`34`	`32`	`.spectrum-SwatchGroup--spacious:has(.spectrum-Swatch--sizeXS, .spectrum-Swatch--sizeS) {`
`35`	`33`	`--spectrum-swatchgroup-spacing: var(--spectrum-swatch-group-spacing-spacious);`
`36`	`34`	`}`