@synergy-design-system/tokens 1.16.0 → 1.17.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v1.17.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.16.0...tokens/1.17.0) (2024-05-08)
+
+
+### Features
+
+* ✨ syn-dialog ([#458](https://github.com/synergy-design-system/synergy-design-system/issues/458)) ([7247f0c](https://github.com/synergy-design-system/synergy-design-system/commit/7247f0cca654ea10ec5968d92175e546c43515cd))
+
 # [@synergy-design-system/tokens-v1.16.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.15.0...tokens/1.16.0) (2024-05-02)
 
 

package/dist/js/index.d.ts

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

package/dist/js/index.js

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

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.15.0
+ * @synergy-design-system/tokens version 1.16.0
  * 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.15.0
+ * @synergy-design-system/tokens version 1.16.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Thu, 02 May 2024 06:39:11 GMT
+ * Generated on Wed, 08 May 2024 05:53:28 GMT
  */
 
 :root, .syn-theme-dark {
@@ -126,7 +126,7 @@
   --syn-input-font-size-small: var(--syn-font-size-small);
   --syn-input-font-size-medium: var(--syn-font-size-medium);
   --syn-input-font-size-large: var(--syn-font-size-large);
-  --syn-overlay-background-color: rgba(0, 0, 0, 0.4);
+  --syn-overlay-background-color: rgba(0, 0, 0, 0.5);
   --syn-panel-background-color: var(--syn-color-neutral-0);
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-width: var(--syn-border-width-small);

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.15.0
+ * @synergy-design-system/tokens version 1.16.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Thu, 02 May 2024 06:39:11 GMT
+ * Generated on Wed, 08 May 2024 05:53:28 GMT
  */
 
 :root, .syn-theme-light {
@@ -126,7 +126,7 @@
   --syn-input-font-size-small: var(--syn-font-size-small);
   --syn-input-font-size-medium: var(--syn-font-size-medium);
   --syn-input-font-size-large: var(--syn-font-size-large);
-  --syn-overlay-background-color: rgba(0, 0, 0, 0.4);
+  --syn-overlay-background-color: rgba(0, 0, 0, 0.5);
   --syn-panel-background-color: var(--syn-color-neutral-0);
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-width: var(--syn-border-width-small);

package/package.json

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

package/src/figma-tokens/_docs.json

@@ -175,13 +175,55 @@
       }
     },
     "breadcrumb": {
-      "description": {
-        "value": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy. Breadcrumbs are usually placed before a page’s main content with the current page shown last to indicate the user’s position in the navigation.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Breadcrumb",
+          "type": "text"
+        }
       },
-      "title": {
-        "value": "Breadcrumb",
-        "type": "text"
+      "links": {
+        "title": {
+          "value": "Breadcrumb Links",
+          "type": "text"
+        },
+        "description": {
+          "value": "By default, breadcrumb items are rendered as buttons so you can use them to navigate single-page applications. In this case, you’ll need to add event listeners to handle clicks.\n\nFor websites, you’ll probably want to use links instead. You can make any breadcrumb item a link by applying an href attribute to it. Now, when the user activates it, they’ll be taken to the corresponding page — no event listeners required.",
+          "type": "text"
+        }
+      },
+      "prefix": {
+        "title": {
+          "value": "Prefixes",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the prefix slot to add content before any breadcrumb item.",
+          "type": "text"
+        }
+      },
+      "suffix": {
+        "title": {
+          "value": "Suffixes",
+          "type": "text"
+        },
+        "description": {
+          "value": "Use the suffix slot to add content after any breadcrumb item.",
+          "type": "text"
+        }
+      },
+      "menu": {
+        "title": {
+          "value": "With Dropdowns",
+          "type": "text"
+        },
+        "description": {
+          "value": "Dropdown menus can be placed in a prefix or suffix slot to provide additional options.",
+          "type": "text"
+        }
       }
     },
     "button": {

package/src/figma-tokens/semantic/overlays.json

@@ -2,9 +2,9 @@
   "overlay": {
     "background": {
       "color": {
-        "value": "rgba(0, 0, 0, 0.4)",
+        "value": "rgba(0, 0, 0, 0.5)",
         "type": "color"
       }
     }
   }
-}
+}