@synergy-design-system/tokens 2.48.2 → 3.0.0

package/dist/themes/sick2025_dark.css

@@ -1,10 +1,10 @@
 /**
- * @synergy-design-system/tokens version 2.48.1
+ * @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.1
+ * @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

@@ -57,7 +57,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "2.48.2",
+  "version": "3.0.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "build:all": "dotenvx -q run pnpm build:_all",

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",