@synergy-design-system/components 3.9.0 → 3.10.1

package/dist/synergy.js

@@ -1,226 +1,225 @@
-import "./chunks/chunk.RSCUHBW3.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.H6EHQYZA.js";
 import "./chunks/chunk.NKIYFJN2.js";
+import "./chunks/chunk.RSCUHBW3.js";
 import {
   tooltip_default
-} from "./chunks/chunk.GUXE5MQ3.js";
+} from "./chunks/chunk.4W44NHUC.js";
 import {
   validate_default
-} from "./chunks/chunk.AAOZUSFV.js";
-import "./chunks/chunk.YKMVSOZW.js";
-import "./chunks/chunk.KFU4WNH3.js";
+} from "./chunks/chunk.JMYN5V6W.js";
+import "./chunks/chunk.OAHGJ2N6.js";
+import "./chunks/chunk.TBGFSGWQ.js";
 import "./chunks/chunk.MVM3NN6Y.js";
-import {
-  tag_default
-} from "./chunks/chunk.UIICV3HJ.js";
 import {
   tag_group_default
-} from "./chunks/chunk.KYNJ7I5K.js";
-import "./chunks/chunk.MHSVPH6A.js";
+} from "./chunks/chunk.NQRKAQAE.js";
+import "./chunks/chunk.2K7YTAUF.js";
 import "./chunks/chunk.TWTN3XDM.js";
 import {
   textarea_default
-} from "./chunks/chunk.Z6P2PWP5.js";
-import "./chunks/chunk.UVKFZBCK.js";
+} from "./chunks/chunk.B2EB6PR5.js";
+import "./chunks/chunk.UQXHGSE4.js";
 import "./chunks/chunk.NDJJVGQL.js";
-import {
-  tab_group_default
-} from "./chunks/chunk.6WJ6US3R.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.RJXJFA4H.js";
-import "./chunks/chunk.R6IKOAIA.js";
+} from "./chunks/chunk.KTGGPDLB.js";
+import "./chunks/chunk.DMZVOWLP.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.6KIX3PER.js";
 import {
-  switch_default
-} from "./chunks/chunk.MWNEATCZ.js";
+  tag_default
+} from "./chunks/chunk.AW52PNUM.js";
 import {
   tab_default
-} from "./chunks/chunk.WZJDP42F.js";
-import "./chunks/chunk.T4IW4PAT.js";
+} from "./chunks/chunk.HZL26H73.js";
+import "./chunks/chunk.ULKB4NVT.js";
 import "./chunks/chunk.XC4GHHH2.js";
 import "./chunks/chunk.JDYQ7EFG.js";
-import "./chunks/chunk.TSFHM3HG.js";
+import {
+  tab_group_default
+} from "./chunks/chunk.Y33MLVER.js";
+import "./chunks/chunk.CR4ZIOT2.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
 import {
   side_nav_default
-} from "./chunks/chunk.RLSJVZML.js";
+} from "./chunks/chunk.ZZSF3VFK.js";
 import {
   spinner_default
-} from "./chunks/chunk.5232CWKL.js";
-import "./chunks/chunk.BV3HKUNH.js";
-import "./chunks/chunk.32WNHWXJ.js";
+} from "./chunks/chunk.L7ZOGFEB.js";
 import {
-  range_tick_default
-} from "./chunks/chunk.QN33WI3M.js";
-import "./chunks/chunk.3534D3DE.js";
+  switch_default
+} from "./chunks/chunk.ZZK73HTU.js";
+import "./chunks/chunk.TKW254XU.js";
+import "./chunks/chunk.32WNHWXJ.js";
+import "./chunks/chunk.HKLGO3YZ.js";
 import "./chunks/chunk.5KL2GWNQ.js";
 import {
   select_default
-} from "./chunks/chunk.XBTYDP3X.js";
-import "./chunks/chunk.RJUVEZ6C.js";
+} from "./chunks/chunk.JP6KJPBF.js";
+import "./chunks/chunk.6X62WEYA.js";
 import "./chunks/chunk.7DRFKCFD.js";
-import "./chunks/chunk.JOGXMAYO.js";
+import "./chunks/chunk.DZTRG3XE.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   radio_group_default
-} from "./chunks/chunk.FUKLGPBI.js";
+} from "./chunks/chunk.U5CMJZWI.js";
 import {
   range_default
-} from "./chunks/chunk.V4UFOTJL.js";
-import "./chunks/chunk.FIQXH2PG.js";
-import "./chunks/chunk.OFPUBX63.js";
+} from "./chunks/chunk.VQ7GSUBG.js";
+import "./chunks/chunk.IFQMLNMD.js";
+import "./chunks/chunk.5J6XQOR5.js";
 import "./chunks/chunk.EQUDFX74.js";
 import "./chunks/chunk.KEO5PHF2.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.74GIH5U3.js";
-import "./chunks/chunk.2VDKBFQ7.js";
 import {
-  progress_ring_default
-} from "./chunks/chunk.RURKZFUI.js";
+  range_tick_default
+} from "./chunks/chunk.6DVSMCXS.js";
+import "./chunks/chunk.MFNSIPMN.js";
+import "./chunks/chunk.2VDKBFQ7.js";
 import {
   radio_default
-} from "./chunks/chunk.GQ4NDAVI.js";
-import "./chunks/chunk.D5GWVKJR.js";
+} from "./chunks/chunk.ACKFMKOG.js";
+import "./chunks/chunk.U4XQOHCK.js";
 import "./chunks/chunk.432DTUIX.js";
 import {
   radio_button_default
-} from "./chunks/chunk.BZMUTANN.js";
-import "./chunks/chunk.VRUMAISD.js";
+} from "./chunks/chunk.KFCDM4YA.js";
+import "./chunks/chunk.VDTGOHLI.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
-import "./chunks/chunk.ES3OFKDV.js";
+import "./chunks/chunk.INJYSJWX.js";
 import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.7V7YTGUR.js";
-import "./chunks/chunk.QVXP6DPP.js";
+} from "./chunks/chunk.ZHFS6RON.js";
+import "./chunks/chunk.ONBJZABI.js";
 import "./chunks/chunk.3WVPUEAN.js";
 import "./chunks/chunk.VPL7U5EC.js";
-import "./chunks/chunk.SXNUJATG.js";
+import {
+  progress_ring_default
+} from "./chunks/chunk.U4V2OVNJ.js";
+import "./chunks/chunk.F6USPBFJ.js";
 import "./chunks/chunk.GCTLPTMT.js";
 import "./chunks/chunk.PB6IANE7.js";
-import {
-  option_default
-} from "./chunks/chunk.RTRVTWQO.js";
 import {
   popup_default
-} from "./chunks/chunk.Z6VXMEV2.js";
+} from "./chunks/chunk.LCFXBXMO.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.T4TTEGLR.js";
-import "./chunks/chunk.CYCLR6DQ.js";
-import "./chunks/chunk.OJ3N7TWP.js";
+} from "./chunks/chunk.JBJPQPMY.js";
+import "./chunks/chunk.CIQTR7LH.js";
 import "./chunks/chunk.74N5WLM5.js";
-import {
-  nav_item_default
-} from "./chunks/chunk.3WANFHCH.js";
+import "./chunks/chunk.OJ3N7TWP.js";
 import {
   optgroup_default
-} from "./chunks/chunk.E5FKFDHK.js";
-import "./chunks/chunk.FQ7OHAWV.js";
+} from "./chunks/chunk.3UEFE77U.js";
+import "./chunks/chunk.6IFY76ZF.js";
 import "./chunks/chunk.3T6ULO23.js";
+import {
+  option_default
+} from "./chunks/chunk.OGFM7X4X.js";
 import {
   menu_item_default
-} from "./chunks/chunk.YHNKCQNE.js";
+} from "./chunks/chunk.G557C5C6.js";
 import {
   menu_label_default
-} from "./chunks/chunk.4YTW5CRV.js";
-import "./chunks/chunk.X75PXY2D.js";
+} from "./chunks/chunk.GX2ENVIF.js";
+import "./chunks/chunk.J3IA4LW4.js";
 import "./chunks/chunk.QKRQEB4F.js";
-import "./chunks/chunk.MTV7XKTR.js";
+import {
+  nav_item_default
+} from "./chunks/chunk.ZXAQDMAM.js";
+import "./chunks/chunk.UIVHZNZM.js";
 import "./chunks/chunk.K5MZVORR.js";
 import {
   input_default
-} from "./chunks/chunk.HVXYV73T.js";
+} from "./chunks/chunk.NUAO3KGC.js";
 import {
   menu_default
-} from "./chunks/chunk.BZYHIZ23.js";
-import "./chunks/chunk.DFSUCGP3.js";
+} from "./chunks/chunk.H6PGMSOU.js";
+import "./chunks/chunk.BWB57K7S.js";
 import "./chunks/chunk.NXIQ25W4.js";
-import "./chunks/chunk.QSAG4P64.js";
-import "./chunks/chunk.CAEBFUZN.js";
+import "./chunks/chunk.CEZMICFV.js";
 import "./chunks/chunk.BC532CB6.js";
+import "./chunks/chunk.CAEBFUZN.js";
 import {
   icon_button_default
-} from "./chunks/chunk.7B3EVQLG.js";
-import "./chunks/chunk.LGQILVUW.js";
-import "./chunks/chunk.6P2XCD2Q.js";
+} from "./chunks/chunk.HESET27O.js";
+import "./chunks/chunk.YBMA26OX.js";
 import "./chunks/chunk.PHFTXPIT.js";
 import "./chunks/chunk.KVS7GBFQ.js";
+import "./chunks/chunk.6P2XCD2Q.js";
 import {
   createMigrationLibrary,
   migrateIconName,
   migrateIconNameFilled,
   migrationLibrary,
   setupIcons
-} from "./chunks/chunk.WBOHZGDF.js";
+} from "./chunks/chunk.MGO3VJHJ.js";
 import {
   dropdown_default
-} from "./chunks/chunk.MC2V2INM.js";
+} from "./chunks/chunk.I63SLYDR.js";
 import {
   file_default
-} from "./chunks/chunk.WDTM5C6U.js";
-import "./chunks/chunk.H7QNIFOT.js";
+} from "./chunks/chunk.ZQELQ3SY.js";
+import "./chunks/chunk.RBPTNDXQ.js";
 import "./chunks/chunk.2ECWEEUO.js";
 import {
   header_default
-} from "./chunks/chunk.PJD5S5O5.js";
-import "./chunks/chunk.7KZAOIOQ.js";
+} from "./chunks/chunk.2ZELDVDO.js";
+import "./chunks/chunk.L47HTZUV.js";
 import {
   icon_default
-} from "./chunks/chunk.YJRYZZHV.js";
-import "./chunks/chunk.CXQHLGXV.js";
+} from "./chunks/chunk.ZQEXEDIB.js";
+import "./chunks/chunk.MPJ2QALZ.js";
 import {
   divider_default
-} from "./chunks/chunk.JBHBQ3QU.js";
+} from "./chunks/chunk.3VRROLE3.js";
 import {
   drawer_default
-} from "./chunks/chunk.OWBXTG7M.js";
-import "./chunks/chunk.ZXDUCYD7.js";
+} from "./chunks/chunk.FYSJSYMJ.js";
+import "./chunks/chunk.LAJFH5KG.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.UORFJFA2.js";
-import "./chunks/chunk.WEYBJEHH.js";
+import "./chunks/chunk.NYDGZFQN.js";
 import "./chunks/chunk.TUSN4AOP.js";
 import {
   details_default
-} from "./chunks/chunk.IZ674WI7.js";
-import "./chunks/chunk.H6UXTKL6.js";
+} from "./chunks/chunk.QKWN77RJ.js";
+import "./chunks/chunk.SLETFEX3.js";
 import "./chunks/chunk.IP6JSQWX.js";
 import {
   dialog_default
-} from "./chunks/chunk.QUDJLOVF.js";
-import "./chunks/chunk.EFEUHP3J.js";
+} from "./chunks/chunk.RKM2XBCY.js";
+import "./chunks/chunk.QTWJH7IG.js";
 import "./chunks/chunk.P4JFVVSO.js";
 import "./chunks/chunk.XRSLCQH3.js";
 import "./chunks/chunk.EHZBQTCT.js";
 import "./chunks/chunk.PN64BR66.js";
-import "./chunks/chunk.LWXR2S4D.js";
-import "./chunks/chunk.57RV2JXO.js";
-import "./chunks/chunk.34A453XJ.js";
+import "./chunks/chunk.FWTDIVSJ.js";
+import "./chunks/chunk.PTFUQEM7.js";
 import {
   checkbox_default
-} from "./chunks/chunk.2XB4ZNWZ.js";
-import "./chunks/chunk.PBKJDI7I.js";
+} from "./chunks/chunk.JUCJXX7Y.js";
+import "./chunks/chunk.UEM6T5YO.js";
 import "./chunks/chunk.3JDUKQRN.js";
 import "./chunks/chunk.VOUZJK5T.js";
 import {
   combobox_default
-} from "./chunks/chunk.AUI2727X.js";
-import "./chunks/chunk.LC2KV7Q5.js";
-import "./chunks/chunk.SIWQWGHV.js";
+} from "./chunks/chunk.KFHEYEM3.js";
+import "./chunks/chunk.3DUROXKZ.js";
+import "./chunks/chunk.DYQ7NFWE.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.BDXPRKVN.js";
+import "./chunks/chunk.P6LF2OPN.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.WOWIDGEX.js";
+import "./chunks/chunk.A3YIU7LV.js";
 import "./chunks/chunk.3334XOIY.js";
 import "./chunks/chunk.2DT3C6WE.js";
 import "./chunks/chunk.34WYIU4C.js";
@@ -233,27 +232,27 @@ import {
 import "./chunks/chunk.FVIRHFY6.js";
 import {
   button_group_default
-} from "./chunks/chunk.FDRHT5LC.js";
-import "./chunks/chunk.RZ6E5RS6.js";
+} from "./chunks/chunk.723OK5XD.js";
+import "./chunks/chunk.WACF7GKD.js";
 import "./chunks/chunk.34RGILSE.js";
 import "./chunks/chunk.CX7IEDUW.js";
 import {
   card_default
-} from "./chunks/chunk.2WTILIBY.js";
-import "./chunks/chunk.OTSWX2CI.js";
+} from "./chunks/chunk.DMJXQYSD.js";
+import "./chunks/chunk.OLLMTSKP.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.R3SMKUIL.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.KPYKVLIK.js";
-import "./chunks/chunk.NC7VMCQG.js";
+} from "./chunks/chunk.SGILCSGA.js";
+import "./chunks/chunk.FG4TEPUZ.js";
 import "./chunks/chunk.BVV2XKW3.js";
 import "./chunks/chunk.OFKOVRHG.js";
 import {
   button_default
-} from "./chunks/chunk.2ZLBJOVO.js";
-import "./chunks/chunk.TA4HJA54.js";
-import "./chunks/chunk.IJ2U52QQ.js";
+} from "./chunks/chunk.GFIM4FBW.js";
+import "./chunks/chunk.CWZOEJDL.js";
+import "./chunks/chunk.G7OPEGVA.js";
 import "./chunks/chunk.WQMTAEYE.js";
 import "./chunks/chunk.7V7XEBE2.js";
 import "./chunks/chunk.J3GDDM6Q.js";
@@ -261,13 +260,13 @@ import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   badge_default
-} from "./chunks/chunk.KQDKTOHH.js";
+} from "./chunks/chunk.MG2WOJN4.js";
 import {
   alert_default
-} from "./chunks/chunk.35ALU3NM.js";
-import "./chunks/chunk.HITFIILS.js";
+} from "./chunks/chunk.UR3344BA.js";
+import "./chunks/chunk.65ANDWV2.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.AUY36WL4.js";
+import "./chunks/chunk.SSRFISNT.js";
 import "./chunks/chunk.OQUVO5QW.js";
 import "./chunks/chunk.DAIQ5WRI.js";
 import "./chunks/chunk.LQDIH4Z5.js";
@@ -277,21 +276,21 @@ import "./chunks/chunk.CHFWLQN5.js";
 import "./chunks/chunk.UA5B6CPN.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.HLR5SDJE.js";
-import "./chunks/chunk.CE7ICC2L.js";
-import "./chunks/chunk.D6AM63PR.js";
+} from "./chunks/chunk.VDJILVXM.js";
+import "./chunks/chunk.AU7V2YKB.js";
+import "./chunks/chunk.6HHFOZFZ.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.4XZTYPIY.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.NMWM3BP7.js";
+} from "./chunks/chunk.REFQKTZD.js";
 import "./chunks/chunk.RODNHT5C.js";
 import {
   setSystemIconLibrary
-} from "./chunks/chunk.3RR4RIR7.js";
-import "./chunks/chunk.66HKI7Q7.js";
+} from "./chunks/chunk.7AVVOYAA.js";
 import "./chunks/chunk.VBS3JEIP.js";
+import "./chunks/chunk.66HKI7Q7.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.WRPQ3635.js";
 import {
@@ -300,11 +299,11 @@ import {
 } from "./chunks/chunk.PLV4PZYX.js";
 import {
   accordion_default
-} from "./chunks/chunk.Z6KXYAVJ.js";
-import "./chunks/chunk.EGEMAD4I.js";
+} from "./chunks/chunk.WQKXULBZ.js";
+import "./chunks/chunk.646Q3OAT.js";
 import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.ME37X4TB.js";
+import "./chunks/chunk.6DETDK24.js";
 import "./chunks/chunk.QLETXF4A.js";
 import "./chunks/chunk.BHJVE26D.js";
 import {
@@ -321,7 +320,7 @@ import "./chunks/chunk.JIHDB74M.js";
 import "./chunks/chunk.ST3G47SZ.js";
 import "./chunks/chunk.QDG5AJZX.js";
 import "./chunks/chunk.2NT3B5WJ.js";
-import "./chunks/chunk.EOGFB2C7.js";
+import "./chunks/chunk.T7NCJ2IE.js";
 import "./chunks/chunk.SA423NRC.js";
 import "./chunks/chunk.CMOZ4SCN.js";
 import "./chunks/chunk.MO2GTRUM.js";

package/dist/utilities/icon-library.js

@@ -2,11 +2,11 @@ import "../chunks/chunk.NKIYFJN2.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.NMWM3BP7.js";
+} from "../chunks/chunk.REFQKTZD.js";
 import "../chunks/chunk.RODNHT5C.js";
-import "../chunks/chunk.3RR4RIR7.js";
-import "../chunks/chunk.66HKI7Q7.js";
+import "../chunks/chunk.7AVVOYAA.js";
 import "../chunks/chunk.VBS3JEIP.js";
+import "../chunks/chunk.66HKI7Q7.js";
 import "../chunks/chunk.PLV4PZYX.js";
 import "../chunks/chunk.MO2GTRUM.js";
 export {

package/dist/vscode.html-custom-data.json

@@ -33,29 +33,6 @@
         }
       ]
     },
-    {
-      "name": "syn-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
-        }
-      ]
-    },
     {
       "name": "syn-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the alert opens.\n- **syn-after-show** - Emitted after the alert opens and all animations are complete.\n- **syn-hide** - Emitted when the alert closes.\n- **syn-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<syn-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
@@ -103,6 +80,29 @@
         }
       ]
     },
+    {
+      "name": "syn-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
+        }
+      ]
+    },
     {
       "name": "syn-breadcrumb",
       "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -818,7 +818,7 @@
     },
     {
       "name": "syn-header",
-      "description": "The <syn-header /> element provides a generic application header\nthat can be used to add applications name, toolbar and primary navigation.\n---\n\n\n### **Events:**\n - **syn-burger-menu-closed** - Emitted when the burger menu is toggled to closed\n- **syn-burger-menu-hidden** - Emitted when the burger menu is toggled to hidden\n- **syn-burger-menu-open** - Emitted when the burger menu is toggled to open\n\n### **Methods:**\n - **connectSideNavigation(sideNav: _SynSideNav | null_)** - Connect a `syn-side-nav` to add automatic interaction of the header with the side navigation\nlike showing the burger menu icon and open / close handling.\n\nIf no side navigation is connected, the header will use the first `syn-side-nav` element it\nfinds.\n\n### **Slots:**\n - **label** - The label for the header\n- **logo** - The logo that should be displayed. Will fall back to the SICK logo if not provided\n- **meta-navigation** - The meta-navigation is used to add various application toolbar icons Best used with `<syn-icon-button />` and `<syn-drop-down />`\n- **navigation** - This slot can be used to add an optional horizontal navigation\n- **open-burger-menu-icon** - An icon to use in lieu of the default burger-menu=open state. The default close icon is a 'x'.\n- **closed-burger-menu-icon** - An icon to use in lieu of the default burger-menu=closed state. The default open icon is a burger menu.\n\n### **CSS Properties:**\n - **--sticky-position** - The position of the sticky header from the top of the viewport. Defaults to the top of the screen. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper\n- **content** - The wrapper most content items reside\n- **logo** - The wrapper the application logo resides in\n- **label** - The element wrapping the application name\n- **meta-navigation** - The Item wrapping the optional application menu\n- **navigation** - The wrapper that is holding the optional top navigation section\n- **burger-menu-toggle-button** - The button that toggles the burger menu",
+      "description": "The <syn-header /> element provides a generic application header\nthat can be used to add applications name, toolbar and primary navigation.\n---\n\n\n### **Events:**\n - **syn-burger-menu-closed** - Emitted when the burger menu is toggled to closed\n- **syn-burger-menu-hidden** - Emitted when the burger menu is toggled to hidden\n- **syn-burger-menu-open** - Emitted when the burger menu is toggled to open\n\n### **Methods:**\n - **connectSideNavigation(sideNav: _SynSideNav | null_)** - Connect a `syn-side-nav` to add automatic interaction of the header with the side navigation\nlike showing the burger menu icon and open / close handling.\n\nIf no side navigation is connected, the header will use the first `syn-side-nav` element it\nfinds.\n\n### **Slots:**\n - **label** - The label for the header\n- **logo** - The logo that should be displayed. Will fall back to the SICK logo if not provided\n- **meta-navigation** - The meta-navigation is used to add various application toolbar icons Best used with `<syn-icon-button />` and `<syn-drop-down />`\n- **navigation** - This slot can be used to add an optional horizontal navigation\n- **open-burger-menu-icon** - An icon to use in lieu of the default burger-menu=open state. The default close icon is a 'x'.\n- **closed-burger-menu-icon** - An icon to use in lieu of the default burger-menu=closed state. The default open icon is a burger menu.\n\n### **CSS Properties:**\n - **--sticky-position** - The position of the sticky header from the top of the viewport. Defaults to the top of the screen. _(default: undefined)_\n- **--metanavigation-item-size** - The size of the items in the meta navigation. Also used for the height of dividers in the meta navigation. Defaults to var(--syn-font-size-x-large) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper\n- **content** - The wrapper most content items reside\n- **logo** - The wrapper the application logo resides in\n- **label** - The element wrapping the application name\n- **meta-navigation** - The Item wrapping the optional application menu\n- **navigation** - The wrapper that is holding the optional top navigation section\n- **burger-menu-toggle-button** - The button that toggles the burger menu",
       "attributes": [
         {
           "name": "label",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "3.9.0",
+  "version": "3.10.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -52,15 +52,15 @@
   "license": "MIT",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@figma/code-connect": "^1.3.13",
+    "@figma/code-connect": "^1.4.1",
     "@open-wc/testing": "^4.0.0",
     "@playwright/test": "^1.58.2",
-    "@size-limit/esbuild": "^12.0.0",
-    "@size-limit/file": "^12.0.0",
+    "@size-limit/esbuild": "^12.0.1",
+    "@size-limit/file": "^12.0.1",
     "@types/mocha": "^10.0.10",
     "@types/sinon": "^21.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.56.0",
-    "@typescript-eslint/parser": "^8.56.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "@typescript-eslint/parser": "^8.56.1",
     "@web/dev-server-esbuild": "^1.0.5",
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-commands": "^0.9.0",
@@ -73,39 +73,39 @@
     "del": "^8.0.1",
     "esbuild": "^0.27.3",
     "esbuild-plugin-replace": "^1.4.0",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.4",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest": "^29.15.0",
     "eslint-plugin-lit": "^2.2.1",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-playwright": "^2.6.0",
+    "eslint-plugin-playwright": "^2.9.0",
     "eslint-plugin-wc": "^3.1.0",
     "globby": "^16.1.1",
-    "html-validate": "^10.8.0",
+    "html-validate": "^10.11.1",
     "ora": "^9.3.0",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "postcss-header": "^3.0.3",
     "postcss-import": "^16.1.1",
     "prettier": "^3.8.1",
-    "sinon": "^21.0.1",
-    "size-limit": "^12.0.0",
-    "stylelint": "^17.3.0",
+    "sinon": "^21.0.2",
+    "size-limit": "^12.0.1",
+    "stylelint": "^17.4.0",
     "typescript": "~5.9.3",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "3.9.0"
+    "@synergy-design-system/tokens": "3.10.1",
+    "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.5",
+    "@floating-ui/dom": "^1.7.6",
     "@shoelace-style/animations": "^1.2.0",
     "@shoelace-style/localize": "^3.2.1",
     "composed-offset-position": "^0.0.6",
     "lit": "^3.3.2"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "3.9.0"
+    "@synergy-design-system/tokens": "3.10.1"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

package/dist/chunks/chunk.34A453XJ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/divider/divider.styles.ts"],
-  "sourcesContent": ["/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    --color: var(--syn-panel-border-color);\n    --width: var(--syn-panel-border-width);\n    --spacing: var(--syn-spacing-medium);\n  }\n\n  :host(:not([vertical])) {\n    display: block;\n    border-top: solid var(--width) var(--color);\n    margin: var(--spacing) 0;\n  }\n\n  :host([vertical]) {\n    display: inline-block;\n    height: 100%;\n    border-left: solid var(--width) var(--color);\n    margin: 0 var(--spacing);\n  }\n`;\n"],
-  "mappings": ";AACA,SAAS,WAAW;AAEpB,IAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/chunks/chunk.57RV2JXO.js

@@ -1,10 +0,0 @@
-// src/components/divider/divider.custom.styles.ts
-import { css } from "lit";
-var divider_custom_styles_default = css`
-  /* Write custom CSS here */
-`;
-
-export {
-  divider_custom_styles_default
-};
-//# sourceMappingURL=chunk.57RV2JXO.js.map

package/dist/chunks/chunk.57RV2JXO.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/divider/divider.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* Write custom CSS here */\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,gCAAQ;AAAA;AAAA;",
-  "names": []
-}