refactor: bump style-dictionary and @tokens-studio/sd-transforms to latest

package.json

@@ -57,7 +57,7 @@
     "@storybook/preview-api": "8.5.6",
     "@storybook/storybook-deployer": "2.8.16",
     "@storybook/web-components-vite": "8.5.6",
-    "@tokens-studio/sd-transforms": "0.12.2",
+    "@tokens-studio/sd-transforms": "1.2.9",
     "@types/dedent": "0.7.2",
     "@types/eslint": "9.6.1",
     "@types/estree": "1.0.6",
@@ -111,7 +111,7 @@
     "shell-quote": "1.8.2",
     "storybook": "8.5.6",
     "storybook-addon-rtl": "1.0.1",
-    "style-dictionary": "3.9.2",
+    "style-dictionary": "4.3.0",
     "stylelint": "16.14.1",
     "stylelint-config-recommended-scss": "14.1.0",
     "stylelint-use-logical-spec": "5.0.1",

packages/calcite-components/src/components/sheet/sheet.scss

@@ -25,7 +25,8 @@
 }
 
 .calcite--rtl {
-  --calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-scrim-shadow-inline-start-internal:
+    -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);
   --calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);
 }
 

packages/calcite-components/src/components/shell-panel/shell-panel.scss

@@ -25,21 +25,21 @@
     items-stretch;
   z-index: var(--calcite-shell-panel-z-index, theme("zIndex.default"));
   --calcite-shell-panel-max-height: unset;
-  --calcite-internal-shell-panel-shadow-block-start: 0 4px 8px -1px rgba(0, 0, 0, 0.08),
-    0 2px 4px -1px rgba(0, 0, 0, 0.04);
-  --calcite-internal-shell-panel-shadow-block-end: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),
-    0 -2px 4px -1px rgba(0, 0, 0, 0.04);
-  --calcite-internal-shell-panel-shadow-inline-start: 4px 0 8px -1px rgba(0, 0, 0, 0.08),
-    2px 0 4px -1px rgba(0, 0, 0, 0.04);
-  --calcite-internal-shell-panel-shadow-inline-end: -4px 0 8px -1px rgba(0, 0, 0, 0.08),
-    -2px 0 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-internal-shell-panel-shadow-block-start:
+    0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-internal-shell-panel-shadow-block-end:
+    0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-internal-shell-panel-shadow-inline-start:
+    4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-internal-shell-panel-shadow-inline-end:
+    -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);
 }
 
 .calcite--rtl.content--overlay {
-  --calcite-internal-shell-panel-shadow-inline-start: -4px 0 8px -1px rgba(0, 0, 0, 0.08),
-    -2px 0 4px -1px rgba(0, 0, 0, 0.04);
-  --calcite-internal-shell-panel-shadow-inline-end: 4px 0 8px -1px rgba(0, 0, 0, 0.08),
-    2px 0 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-internal-shell-panel-shadow-inline-start:
+    -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);
+  --calcite-internal-shell-panel-shadow-inline-end:
+    4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);
 }
 
 :host([layout="vertical"]) {

packages/calcite-design-tokens/package.json

@@ -27,7 +27,7 @@
   },
   "license": "SEE LICENSE.md",
   "scripts": {
-    "build": "tsx support/run.ts",
+    "build": "tsx src/buildTokens.ts",
     "clean": "rimraf dist",
     "lint:json": "prettier --write \"**/*.json\" >/dev/null",
     "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint \"**/*.md\" --fix --dot --ignore-path ../../.gitignore",

packages/calcite-design-tokens/src/$metadata.json

@@ -0,0 +1,25 @@
+{
+  "tokenSetOrder": [
+    "core/color",
+    "core/container-size",
+    "core/font",
+    "core/opacity",
+    "core/shadow",
+    "core/size",
+    "core/z-index",
+    "core/$metadata",
+    "core/$themes",
+    "semantic/border",
+    "semantic/container-size",
+    "semantic/corner",
+    "semantic/font",
+    "semantic/opacity",
+    "semantic/shadow",
+    "semantic/size",
+    "semantic/space",
+    "semantic/z-index",
+    "semantic/calcite/dark",
+    "semantic/calcite/light",
+    "semantic/typography"
+  ]
+}