@synergy-design-system/tokens 1.7.1 → 1.8.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v1.8.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.7.1...tokens/1.8.0) (2024-02-28)
+
+
+### Features
+
+* ✨ Create syn-header ([#331](https://github.com/synergy-design-system/synergy-design-system/issues/331)) ([acde61d](https://github.com/synergy-design-system/synergy-design-system/commit/acde61d762dd4123aae553227f3af2015e824208))
+
 # [@synergy-design-system/tokens-v1.7.1](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.7.0...tokens/1.7.1) (2024-02-27)
 
 

package/dist/js/index.d.ts

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

package/dist/js/index.js

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

package/dist/scss/_tokens.scss

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

package/dist/themes/dark.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.7.0
+ * @synergy-design-system/tokens version 1.7.1
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Tue, 27 Feb 2024 14:13:18 GMT
+ * Generated on Wed, 28 Feb 2024 13:40:21 GMT
  */
 
 :root, .syn-theme-dark {

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.7.0
+ * @synergy-design-system/tokens version 1.7.1
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Tue, 27 Feb 2024 14:13:18 GMT
+ * Generated on Wed, 28 Feb 2024 13:40:21 GMT
  */
 
 :root, .syn-theme-light {

package/package.json

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

package/src/figma-tokens/_docs.json

@@ -1701,6 +1701,68 @@
           "type": "text"
         }
       }
+    },
+    "header": {
+      "default": {
+        "title": {
+          "value": "Header",
+          "type": "text"
+        },
+        "description": {
+          "value": "The header is used to indicate the name of the app, provide important actions in a toolbar and a navigation.",
+          "type": "text"
+        }
+      },
+      "label": {
+        "title": {
+          "value": "Label",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the label attribute to change the app name.",
+          "type": "text"
+        }
+      },
+      "logo": {
+        "title": {
+          "value": "Logo",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the logo slot to change the app logo. Usually this is only needed in whitelabel solutions, when the SICK branding explicitly has to be hidden.",
+          "type": "text"
+        }
+      },
+      "focus": {
+        "title": {
+          "value": "Focus",
+          "type": "text"
+        },
+        "description": {
+          "value": "The focus event gives the user feedback that a link in the logo has been focused by the keyboard interaction and that the link is ready to be navigated to.",
+          "type": "text"
+        }
+      },
+      "options": {
+        "title": {
+          "value": "Meta Navigation",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the Meta Navigation slot to add additional functionalities to your application. Please be aware of the guidelines regarding the order of icons in the toolbar.\nImportant: The Options Menu doesn’t handle any responsive behaviour, e. g. if there is not enough space for all items in different screen sizes. You have to make sure yourself, that your app works correctly and e. g. move elements into the footer of the side navigation or inside a “more” button in the Options Menu.",
+          "type": "text"
+        }
+      },
+      "navigation": {
+        "title": {
+          "value": "Top Navigation",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the top navigation slot to add syn-navigation and horizontal syn-navigation-items.",
+          "type": "text"
+        }
+      }
     }
   },
   "frameworks": {
@@ -1993,4 +2055,4 @@
       }
     }
   }
-}
+}