@synergy-design-system/tokens 2.48.1 → 3.0.0

package/dist/themes/sick2025_dark.css

@@ -1,10 +1,10 @@
 /**
- * @synergy-design-system/tokens version 2.48.0
+ * @synergy-design-system/tokens version 2.48.2
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
 
-:root, .syn-sick2025-dark {
+:root, .syn-sick2025-dark, .syn-theme-dark {
   color-scheme: dark;
 
   --syn-alert-error-color-background: var(--syn-namur-error-color-background);
@@ -307,7 +307,8 @@
   --syn-option-icon-color-hover: var(--syn-color-neutral-0);
   --syn-overlay-background-blur: 8px;
   --syn-overlay-background-color: rgba(0, 5, 26, 0.6);
-  --syn-page-background: var(--syn-color-neutral-0);
+  --syn-page-background: var(--syn-color-neutral-0); /** Will be DEPRECATED */
+  --syn-page-background-color: var(--syn-color-neutral-0);
   --syn-panel-background-color: var(--syn-color-neutral-50);
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-radius: var(--syn-border-radius-medium);

package/dist/themes/sick2025_light.css

@@ -1,10 +1,10 @@
 /**
- * @synergy-design-system/tokens version 2.48.0
+ * @synergy-design-system/tokens version 2.48.2
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
 
-:root, .syn-sick2025-light {
+:root, .syn-sick2025-light, .syn-theme-light {
   color-scheme: light;
 
   --syn-alert-error-color-background: var(--syn-namur-error-color-background);
@@ -307,7 +307,8 @@
   --syn-option-icon-color-hover: var(--syn-color-neutral-0);
   --syn-overlay-background-blur: 8px;
   --syn-overlay-background-color: rgba(0, 5, 26, 0.3);
-  --syn-page-background: #f8f7f6;
+  --syn-page-background: #f8f7f6; /** Will be DEPRECATED */
+  --syn-page-background-color: #f8f7f6;
   --syn-panel-background-color: var(--syn-color-neutral-0);
   --syn-panel-border-color: #e6e1dc;
   --syn-panel-border-radius: var(--syn-border-radius-medium);

package/package.json

@@ -5,20 +5,20 @@
   },
   "description": "Design tokens for Synergy, the SICK Design System",
   "devDependencies": {
-    "@dotenvx/dotenvx": "^1.44.2",
-    "@figma-export/cli": "^6.2.2",
-    "@figma-export/types": "^6.2.2",
-    "@figma/rest-api-spec": "^0.31.0",
+    "@dotenvx/dotenvx": "^1.51.4",
+    "@figma-export/cli": "^6.3.0",
+    "@figma-export/types": "^6.2.4",
+    "@figma/rest-api-spec": "^0.35.0",
     "@tamtamchik/json-deep-sort": "^1.3.0",
-    "@tokens-studio/sd-transforms": "^2.0.1",
-    "@types/node": "^22.17.0",
+    "@tokens-studio/sd-transforms": "^2.0.3",
+    "@types/node": "^24.0.0",
     "chalk": "^5.4.1",
     "change-case": "^5.4.4",
-    "eslint": "^8.57.1",
+    "eslint": "^9.39.2",
     "eslint-import-resolver-typescript": "^4.4.4",
-    "rimraf": "^6.0.1",
-    "style-dictionary": "^5.0.1",
-    "stylelint": "^16.23.0",
+    "rimraf": "^6.1.2",
+    "style-dictionary": "^5.1.1",
+    "stylelint": "^16.26.1",
     "typescript": "^5.8.3",
     "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0"
@@ -57,7 +57,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "2.48.1",
+  "version": "3.0.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "build:all": "dotenvx -q run pnpm build:_all",

package/src/figma-tokens/_docs.json

@@ -2521,13 +2521,15 @@
       }
     },
     "tab-panel": {
-      "description": {
-        "value": "Tab panels are used inside tab groups to display tabbed content.",
-        "type": "text"
-      },
-      "title": {
-        "value": "Tab Panel",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Tab panels are used inside tab groups to display tabbed content.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Tab Panel",
+          "type": "text"
+        }
       }
     },
     "tab": {

package/src/figma-variables/output/sick2018-dark.json

@@ -94,7 +94,7 @@
   "background": {
     "color-1": {
       "type": "color",
-      "value": "{color.neutral.50}"
+      "value": "{color.neutral.200}"
     },
     "color-2": {
       "type": "color",
@@ -1428,6 +1428,11 @@
   },
   "page": {
     "background": {
+      "description": "Will be DEPRECATED",
+      "type": "color",
+      "value": "{color.neutral.50}"
+    },
+    "background-color": {
       "type": "color",
       "value": "{color.neutral.50}"
     }
@@ -1674,6 +1679,16 @@
       }
     }
   },
+  "toggle-button": {
+    "border-radius": {
+      "type": "sizing",
+      "value": "{border-radius.none}"
+    },
+    "color": {
+      "type": "color",
+      "value": "{panel.border.color}"
+    }
+  },
   "tooltip": {
     "arrow-size": {
       "type": "sizing",

package/src/figma-variables/output/sick2018-light.json

@@ -1428,6 +1428,11 @@
   },
   "page": {
     "background": {
+      "description": "Will be DEPRECATED",
+      "type": "color",
+      "value": "{color.neutral.100}"
+    },
+    "background-color": {
       "type": "color",
       "value": "{color.neutral.100}"
     }
@@ -1674,6 +1679,16 @@
       }
     }
   },
+  "toggle-button": {
+    "border-radius": {
+      "type": "sizing",
+      "value": "{border-radius.none}"
+    },
+    "color": {
+      "type": "color",
+      "value": "{panel.border.color}"
+    }
+  },
   "tooltip": {
     "arrow-size": {
       "type": "sizing",

package/src/figma-variables/output/sick2025-dark.json

@@ -1428,6 +1428,11 @@
   },
   "page": {
     "background": {
+      "description": "Will be DEPRECATED",
+      "type": "color",
+      "value": "{color.neutral.0}"
+    },
+    "background-color": {
       "type": "color",
       "value": "{color.neutral.0}"
     }
@@ -1674,6 +1679,16 @@
       }
     }
   },
+  "toggle-button": {
+    "border-radius": {
+      "type": "sizing",
+      "value": "{border-radius.medium}"
+    },
+    "color": {
+      "type": "color",
+      "value": "{panel.border.color}"
+    }
+  },
   "tooltip": {
     "arrow-size": {
       "type": "sizing",

package/src/figma-variables/output/sick2025-light.json

@@ -1428,6 +1428,11 @@
   },
   "page": {
     "background": {
+      "description": "Will be DEPRECATED",
+      "type": "color",
+      "value": "#f8f7f6"
+    },
+    "background-color": {
       "type": "color",
       "value": "#f8f7f6"
     }
@@ -1674,6 +1679,16 @@
       }
     }
   },
+  "toggle-button": {
+    "border-radius": {
+      "type": "sizing",
+      "value": "{border-radius.medium}"
+    },
+    "color": {
+      "type": "color",
+      "value": "{panel.border.color}"
+    }
+  },
   "tooltip": {
     "arrow-size": {
       "type": "sizing",