chore: update dependency @spectrum-css/swatchgroup to v5

Author: renovate[bot]

packages/swatch/package.json

@@ -84,7 +84,7 @@
     },
     "devDependencies": {
         "@spectrum-css/swatch": "7.0.0-s2-foundations.17",
-        "@spectrum-css/swatchgroup": "4.0.0-s2-foundations.15"
+        "@spectrum-css/swatchgroup": "5.1.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

packages/swatch/src/spectrum-swatch-group.css

@@ -12,17 +12,20 @@ governing permissions and limitations under the License.
 
 /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
 :host {
+    --spectrum-swatchgroup-spacing: var(--spectrum-spacing-75);
     justify-content: flex-start;
     align-items: flex-start;
-    gap: var(--mod-swatchgroup-spacing-regular, var(--spectrum-swatchgroup-spacing-regular));
+    gap: var(--mod-swatchgroup-spacing-regular, var(--spectrum-swatchgroup-spacing));
     flex-flow: wrap;
     display: inline-flex;
 }
 
 :host([density='compact']) {
-    gap: var(--mod-swatchgroup-spacing-compact, var(--spectrum-swatchgroup-spacing-compact));
+    --mod-swatchgroup-spacing-regular: var(--mod-swatchgroup-spacing-compact);
+    --spectrum-swatchgroup-spacing: var(--spectrum-spacing-50);
 }
 
 :host([density='spacious']) {
-    gap: var(--mod-swatchgroup-spacing-spacious, var(--spectrum-swatchgroup-spacing-spacious));
+    --mod-swatchgroup-spacing-regular: var(--mod-swatchgroup-spacing-spacious);
+    --spectrum-swatchgroup-spacing: var(--spectrum-spacing-100);
 }

packages/swatch/src/swatch-group-overrides.css

@@ -11,14 +11,3 @@ governing permissions and limitations under the License.
 */
 
 /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
-:host {
-    --spectrum-swatchgroup-spacing-compact: var(
-        --system-swatch-group-spacing-compact
-    );
-    --spectrum-swatchgroup-spacing-regular: var(
-        --system-swatch-group-spacing-regular
-    );
-    --spectrum-swatchgroup-spacing-spacious: var(
-        --system-swatch-group-spacing-spacious
-    );
-}

tools/styles/tokens-v2/system-theme-bridge.css

@@ -1228,9 +1228,6 @@
     --system-swatch-size-l-slash-thickness: var(
         --spectrum-swatch-slash-thickness-large
     );
-    --system-swatch-group-spacing-compact: var(--spectrum-spacing-50);
-    --system-swatch-group-spacing-regular: var(--spectrum-spacing-75);
-    --system-swatch-group-spacing-spacious: var(--spectrum-spacing-100);
     --system-switch-handle-border-color-default: var(--spectrum-gray-600);
     --system-switch-handle-border-color-hover: var(--spectrum-gray-700);
     --system-switch-handle-border-color-down: var(--spectrum-gray-800);

tools/styles/tokens/express/system-theme-bridge.css

@@ -1243,9 +1243,6 @@
     --system-swatch-size-l-slash-thickness: var(
         --spectrum-swatch-slash-thickness-large
     );
-    --system-swatch-group-spacing-compact: var(--spectrum-spacing-50);
-    --system-swatch-group-spacing-regular: var(--spectrum-spacing-75);
-    --system-swatch-group-spacing-spacious: var(--spectrum-spacing-100);
     --system-switch-handle-border-color-default: var(--spectrum-gray-800);
     --system-switch-handle-border-color-hover: var(--spectrum-gray-900);
     --system-switch-handle-border-color-down: var(--spectrum-gray-900);

tools/styles/tokens/spectrum/system-theme-bridge.css

@@ -1243,9 +1243,6 @@
     --system-swatch-size-l-slash-thickness: var(
         --spectrum-swatch-slash-thickness-large
     );
-    --system-swatch-group-spacing-compact: var(--spectrum-spacing-50);
-    --system-swatch-group-spacing-regular: var(--spectrum-spacing-75);
-    --system-swatch-group-spacing-spacious: var(--spectrum-spacing-100);
     --system-switch-handle-border-color-default: var(--spectrum-gray-600);
     --system-switch-handle-border-color-hover: var(--spectrum-gray-700);
     --system-switch-handle-border-color-down: var(--spectrum-gray-800);

yarn.lock

@@ -7669,13 +7669,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@spectrum-css/swatchgroup@npm:4.0.0-s2-foundations.15":
-  version: 4.0.0-s2-foundations.15
-  resolution: "@spectrum-css/swatchgroup@npm:4.0.0-s2-foundations.15"
+"@spectrum-css/swatchgroup@npm:5.1.0":
+  version: 5.1.0
+  resolution: "@spectrum-css/swatchgroup@npm:5.1.0"
   peerDependencies:
-    "@spectrum-css/swatch": ">=6"
-    "@spectrum-css/tokens": ">=14"
-  checksum: 10c0/7c5c2416479d8602c009f191e71a046af33ca96e3bb4b847586a568e52a5cb884e75cf02457d0c87aa8b5130c6817a328ea124b47c5a04dabc5918b4d8df5497
+    "@spectrum-css/swatch": ">=8.0.0 <9.0.0"
+    "@spectrum-css/tokens": ">=16.0.0 <17.0.0"
+  peerDependenciesMeta:
+    "@spectrum-css/swatch":
+      optional: true
+    "@spectrum-css/tokens":
+      optional: true
+  checksum: 10c0/2f0b5e818272c948e41a3b2372e1804266a5cbf1c296bfbade8dfd5eabe9b01366e971dc946e72c829641732171513ddfc2131c5348f0ba64a5d7f3d7c22e37b
   languageName: node
   linkType: hard
 
@@ -8833,7 +8838,7 @@ __metadata:
   dependencies:
     "@lit-labs/observers": "npm:^2.0.2"
     "@spectrum-css/swatch": "npm:7.0.0-s2-foundations.17"
-    "@spectrum-css/swatchgroup": "npm:4.0.0-s2-foundations.15"
+    "@spectrum-css/swatchgroup": "npm:5.1.0"
     "@spectrum-web-components/base": "npm:1.5.0"
     "@spectrum-web-components/icon": "npm:1.5.0"
     "@spectrum-web-components/icons-ui": "npm:1.5.0"