@synergy-design-system/tokens 2.18.1 → 2.19.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v2.19.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.18.1...tokens/2.19.0) (2025-05-21)
+
+
+### Features
+
+* ✨ Add variant="sticky" to syn-side-nav ([#855](https://github.com/synergy-design-system/synergy-design-system/issues/855)) ([0004497](https://github.com/synergy-design-system/synergy-design-system/commit/0004497ff3c35fab1de65fdd70730f5962ffd748))
+
 # [@synergy-design-system/tokens-v2.18.1](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.18.0...tokens/2.18.1) (2025-03-31)
 
 

package/dist/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.18.0
+ * @synergy-design-system/tokens version 2.18.1
  * SICK Global UX Foundation
  */
 

package/dist/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.18.0
+ * @synergy-design-system/tokens version 2.18.1
  * SICK Global UX Foundation
  */
 

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.18.0
+ * @synergy-design-system/tokens version 2.18.1
  * SICK Global UX Foundation
  */
 $SynFontSizeXSmall: var(--syn-font-size-x-small) !default;

package/dist/themes/dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.18.0
+ * @synergy-design-system/tokens version 2.18.1
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/dist/themes/light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.18.0
+ * @synergy-design-system/tokens version 2.18.1
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/package.json

@@ -107,7 +107,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "2.18.1",
+  "version": "2.19.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

package/src/figma-tokens/$themes.json

@@ -4,9 +4,6 @@
     "name": "Default",
     "$figmaStyleReferences": {},
     "selectedTokenSets": {
-      "globals": "disabled",
-      "color/dark": "disabled",
-      "color/light": "disabled",
       "color/primitives": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:9166:113417",
@@ -87,10 +84,7 @@
     "id": "eda1d35f1a28a0d1fce620eca524dde48d6b5817",
     "name": "Light",
     "selectedTokenSets": {
-      "globals": "disabled",
-      "color/dark": "disabled",
-      "color/light": "enabled",
-      "color/primitives": "disabled"
+      "color/light": "enabled"
     },
     "$figmaStyleReferences": {},
     "$figmaVariableReferences": {
@@ -171,10 +165,7 @@
     "id": "f39c786993e4942a7c329538c246ec8fa5e56c30",
     "name": "Dark",
     "selectedTokenSets": {
-      "globals": "disabled",
-      "color/dark": "enabled",
-      "color/light": "disabled",
-      "color/primitives": "disabled"
+      "color/dark": "enabled"
     },
     "$figmaStyleReferences": {},
     "$figmaVariableReferences": {
@@ -255,10 +246,7 @@
     "id": "bc6b869612b2783f5cf45d3783bee47bdf9e2e27",
     "name": "Default",
     "selectedTokenSets": {
-      "globals": "enabled",
-      "color/dark": "disabled",
-      "color/light": "disabled",
-      "color/primitives": "disabled"
+      "globals": "enabled"
     },
     "$figmaStyleReferences": {
       "shadow.overflow-down": "S:83a7cfa6ab292f413e064c58b850a3931c575de8,",
@@ -352,8 +340,6 @@
       "semantic/panels": "enabled",
       "semantic/tooltip": "enabled",
       "globals": "source",
-      "color/dark": "disabled",
-      "color/light": "disabled",
       "color/primitives": "source"
     },
     "$figmaCollectionId": "VariableCollectionId:790:67393",

package/src/figma-tokens/_docs.json

@@ -3105,7 +3105,17 @@
           "type": "text"
         },
         "description": {
-          "value": "Use the rail attribute to only show the prefix of navigation items. This will open on hover on the rail navigation, therefore the header doesn't have an burger-menu-icon.\nOn touch devices the navigation opens on click and shows an overlay to be closable.\n\nNote: The Rail is only an option if all Navigation Items on the first level have an Icon. If this is not the case you should use a burger navigation.",
+          "value": "Set the variant attribute to rail to only show a small navigation stripe at the left side using only the prefix-icons of the navigation items. This will open on hover on the rail navigation, therefore the header doesn't have an burger-menu-icon.\nOn touch devices the navigation opens on click and shows an overlay to be closable.\n\nNote: The Rail is only an option if all Navigation Items on the first level have an Icon. If this is not the case you should use a burger navigation.",
+          "type": "text"
+        }
+      },
+      "sticky": {
+        "title": {
+          "value": "Sticky",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the sticky variant when you need a persistent, toggleable side navigation that alternates between a compact “rail” (icon‐only) state and a full‐width state. \n\nNote: This pattern is only possible for flat navigation structures (no nesting) where every first‐level item has an icon.",
           "type": "text"
         }
       },
@@ -3923,6 +3933,26 @@
           "type": "text"
         }
       },
+      "sticky-navigation-desktop": {
+        "title": {
+          "value": "Sticky Navigation (Desktop)",
+          "type": "text"
+        },
+        "description": {
+          "value": "General Behaviour\n\nThe navigation maintains its compact width until the user clicks the “show sidebar” icon at the bottom. When the navigation expands, it shifts the content area. To reduce the navigation's width, the user simply clicks “Hide sidebar” again.",
+          "type": "text"
+        }
+      },
+      "sticky-navigation-mobile": {
+        "title": {
+          "value": "Sticky Navigation (Mobile)",
+          "type": "text"
+        },
+        "description": {
+          "value": "General Behaviour\n\nThe navigation maintains its compact width until the user clicks the “show sidebar” icon at the bottom. When the navigation expands, it shifts the content area. To reduce the navigation's width, the user simply clicks “Hide sidebar” again.",
+          "type": "text"
+        }
+      },
       "top-navigation": {
         "title": {
           "value": "Top Navigation",