@synergy-design-system/tokens 1.17.0 → 1.19.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [@synergy-design-system/tokens-v1.19.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.18.0...tokens/1.19.0) (2024-05-15)
+
+
+### Features
+
+* ✨ syn-breadcrumb ([#470](https://github.com/synergy-design-system/synergy-design-system/issues/470)) ([3f15e28](https://github.com/synergy-design-system/synergy-design-system/commit/3f15e28c60829f344d07c3751d19e1cf8787e64e))
+
+# [@synergy-design-system/tokens-v1.18.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/1.17.0...tokens/1.18.0) (2024-05-15)
+
+
+### Features
+
+* ✨ syn-card ([#467](https://github.com/synergy-design-system/synergy-design-system/issues/467)) ([6fa03de](https://github.com/synergy-design-system/synergy-design-system/commit/6fa03def4564236b737df851880902da03b4f47d))
+
 # [@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)
 
 

package/dist/js/index.d.ts

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

package/dist/js/index.js

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

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 1.16.0
+ * @synergy-design-system/tokens version 1.18.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.16.0
+ * @synergy-design-system/tokens version 1.18.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Wed, 08 May 2024 05:53:28 GMT
+ * Generated on Wed, 15 May 2024 12:54:42 GMT
  */
 
 :root, .syn-theme-dark {

package/dist/themes/light.css

@@ -1,8 +1,8 @@
 /**
- * @synergy-design-system/tokens version 1.16.0
+ * @synergy-design-system/tokens version 1.18.0
  * SICK Global UX Foundation
  * Do not edit directly
- * Generated on Wed, 08 May 2024 05:53:28 GMT
+ * Generated on Wed, 15 May 2024 12:54:42 GMT
  */
 
 :root, .syn-theme-light {

package/package.json

@@ -18,8 +18,8 @@
     "semantic-release-monorepo": "7.0.5",
     "style-dictionary": "^3.9.2",
     "stylelint": "^16.3.1",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "exports": {
     ".": {
@@ -101,7 +101,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "1.17.0",
+  "version": "1.19.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "clean": "rimraf build",

package/src/figma-tokens/_docs.json

@@ -165,13 +165,15 @@
       }
     },
     "breadcrumb-item": {
-      "description": {
-        "value": "Breadcrumb Items are used inside breadcrumbs to represent different links.",
-        "type": "text"
-      },
-      "title": {
-        "value": "Breadcrumb Item",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Breadcrumb Items are used inside breadcrumbs to represent different links.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Breadcrumb Item",
+          "type": "text"
+        }  
       }
     },
     "breadcrumb": {
@@ -339,13 +341,65 @@
       }
     },
     "card": {
-      "description": {
-        "value": "Cards can be used to group related subjects in a container.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Cards can be used to group related subjects in a container.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Card",
+          "type": "text"
+        }  
       },
-      "title": {
-        "value": "Card",
-        "type": "text"
+      "basic-card": {
+        "description": {
+          "value": "Basic cards aren’t very exciting, but they can display any content you want them to.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Basic Card",
+          "type": "text"
+        }
+      },
+      "with-header": {
+        "description": {
+          "value": "Headers can be used to display titles and more.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Card with Header",
+          "type": "text"
+        }
+      },
+      "with-footer": {
+        "description": {
+          "value": "Footers can be used to display actions, summaries, or other relevant content.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Card with Footer",
+          "type": "text"
+        }
+      },
+      "images": {
+        "description": {
+          "value": "Cards accept an image slot. The image is displayed atop the card and stretches to fit.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Images",
+          "type": "text"
+        }
+      },
+      "nested": {
+        "description": {
+          "value": "Its possible to expand the Card to a Background Card and nest multiple cards into.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Nested Card",
+          "type": "text"
+        }
       }
     },
     "carousel-item": {
@@ -1813,13 +1867,75 @@
       }
     },
     "tab-group": {
-      "description": {
-        "value": "Tab groups organize content into a container that shows one section at a time.",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Tab groups organize content into a container that shows one section at a time. Tab groups make use of tabs and tab panels. Each tab must be slotted into the nav slot and its panel must refer to a tab panel of the same name.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Tab Group",
+          "type": "text"
+        }
       },
-      "title": {
-        "value": "Tab Group",
-        "type": "text"
+      "start": {
+        "title": {
+          "value": "Tabs on Start",
+          "type": "text"
+        },
+        "description": {
+          "value": "Tabs can be shown on the starting side by setting placement to start.",
+          "type": "text"
+        }
+      },
+      "end": {
+        "title": {
+          "value": "Tabs on End",
+          "type": "text"
+        },
+        "description": {
+          "value": "Tabs can be shown on the ending side by setting placement to end.",
+          "type": "text"
+        }
+      },
+      "closable": {
+        "title": {
+          "value": "Closable Tabs",
+          "type": "text"
+        },
+        "description": {
+          "value": "Add the closable attribute to a tab to show a close button. This example shows how you can dynamically remove tabs from the DOM when the close button is activated.",
+          "type": "text"
+        }
+      },
+      "scrolling": {
+        "title": {
+          "value": "Scrolling Tabs",
+          "type": "text"
+        },
+        "description": {
+          "value": "When there are more tabs than horizontal space allows, the nav will be scrollable.",
+          "type": "text"
+        }
+      },
+      "manuel": {
+        "title": {
+          "value": "Manual Activation",
+          "type": "text"
+        },
+        "description": {
+          "value": "When focused, keyboard users can press Left or Right to select the desired tab. By default, the corresponding tab panel will be shown immediately (automatic activation). You can change this behavior by setting activation=\"manual\" which will require the user to press Space or Enter before showing the tab panel (manual activation).",
+          "type": "text"
+        }
+      },
+      "hierachy": {
+        "title": {
+          "value": "Visual Hierarchy",
+          "type": "text"
+        },
+        "description": {
+          "value": "To structure the Page, you can use different tab styles.",
+          "type": "text"
+        }
       }
     },
     "tab-panel": {
@@ -1833,13 +1949,15 @@
       }
     },
     "tab": {
-      "description": {
-        "value": "Tabs are used inside tab groups to represent and activate tab panels.",
-        "type": "text"
-      },
-      "title": {
-        "value": "Tab",
-        "type": "text"
+      "default": {
+        "description": {
+          "value": "Tabs are used inside tab groups to represent and activate tab panels.",
+          "type": "text"
+        },
+        "title": {
+          "value": "Tab",
+          "type": "text"
+        }
       }
     },
     "tag": {
@@ -2843,4 +2961,4 @@
       }
     }
   }
-}
+}

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

@@ -7,4 +7,4 @@
       }
     }
   }
-}
+}