@synergy-design-system/components 3.2.1 → 3.4.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.QPZJTDAZ.js";
+} from "./chunks/chunk.M67Q34LS.js";
 import {
   getFormControls,
   serialize
@@ -9,150 +9,150 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.D6ABBPRU.js";
+} from "./chunks/chunk.DH2W34JP.js";
 import {
   tooltip_default
-} from "./chunks/chunk.TMCA3VCF.js";
-import "./chunks/chunk.65442A47.js";
+} from "./chunks/chunk.S2TKXK3H.js";
+import "./chunks/chunk.PLUVTBCU.js";
+import "./chunks/chunk.7BLGNQYF.js";
 import "./chunks/chunk.MVM3NN6Y.js";
-import "./chunks/chunk.S46B7VZA.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.DIZBFI6I.js";
+} from "./chunks/chunk.3LGIA5UJ.js";
 import {
   tag_default
-} from "./chunks/chunk.VWDX7DJ6.js";
-import "./chunks/chunk.EONM7YMW.js";
-import "./chunks/chunk.KPHDBL43.js";
+} from "./chunks/chunk.MGYKXWZG.js";
+import "./chunks/chunk.UQEZY2MP.js";
 import "./chunks/chunk.SHIPVO7H.js";
+import "./chunks/chunk.KPHDBL43.js";
 import {
   tab_default
-} from "./chunks/chunk.5GEZBXYH.js";
+} from "./chunks/chunk.AWSAP5JA.js";
 import {
   tab_group_default
-} from "./chunks/chunk.R4KRX3HP.js";
-import "./chunks/chunk.SQKP3P2V.js";
+} from "./chunks/chunk.L3VTFKPP.js";
+import "./chunks/chunk.RMLCZKL4.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
-import "./chunks/chunk.Y6ARGQPK.js";
-import "./chunks/chunk.6KIX3PER.js";
+import "./chunks/chunk.JZPLCDMG.js";
 import "./chunks/chunk.XHWYGYMQ.js";
+import "./chunks/chunk.6KIX3PER.js";
 import {
   spinner_default
-} from "./chunks/chunk.VG63OTN3.js";
+} from "./chunks/chunk.EME2XLLU.js";
 import {
   switch_default
-} from "./chunks/chunk.EG3IHOGQ.js";
-import "./chunks/chunk.FCXOOYNC.js";
+} from "./chunks/chunk.UNEKO4DQ.js";
+import "./chunks/chunk.XNWASDT5.js";
 import "./chunks/chunk.SLDFB2O3.js";
 import "./chunks/chunk.X323W6VB.js";
-import "./chunks/chunk.NNRQNQWD.js";
-import "./chunks/chunk.JDYQ7EFG.js";
+import "./chunks/chunk.5ZSMHHQE.js";
 import "./chunks/chunk.XC4GHHH2.js";
+import "./chunks/chunk.JDYQ7EFG.js";
 import {
   select_default
-} from "./chunks/chunk.HGR3332E.js";
+} from "./chunks/chunk.PXQUKOHR.js";
 import {
   side_nav_default
-} from "./chunks/chunk.NKWPAQM3.js";
-import "./chunks/chunk.EQ3KJJ3H.js";
+} from "./chunks/chunk.P5OWYFNJ.js";
+import "./chunks/chunk.P5VLLIAA.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.PSR5RQX5.js";
-import "./chunks/chunk.YONCZQL6.js";
+} from "./chunks/chunk.RBYUXWVU.js";
+import "./chunks/chunk.ZIPWPR45.js";
 import "./chunks/chunk.2VDKBFQ7.js";
-import "./chunks/chunk.HV57E6MJ.js";
+import "./chunks/chunk.VU45RYHZ.js";
 import "./chunks/chunk.5KL2GWNQ.js";
-import "./chunks/chunk.BAB5SWUZ.js";
-import "./chunks/chunk.GPP4D4HH.js";
+import "./chunks/chunk.QK2Z3GW3.js";
 import "./chunks/chunk.F7LCJU4M.js";
-import {
-  radio_button_default
-} from "./chunks/chunk.Z7MROUJG.js";
+import "./chunks/chunk.GPP4D4HH.js";
 import {
   radio_group_default
-} from "./chunks/chunk.6V3QIL3Z.js";
-import "./chunks/chunk.XWRABNCX.js";
+} from "./chunks/chunk.P7EQPLEZ.js";
+import "./chunks/chunk.IGU6STLS.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.YPYFEST2.js";
 import {
   range_default
-} from "./chunks/chunk.C5WF3K27.js";
-import "./chunks/chunk.U6RI62CP.js";
-import "./chunks/chunk.BBWQBAFA.js";
+} from "./chunks/chunk.FQ4KGYKO.js";
+import "./chunks/chunk.5OQDAMNY.js";
+import "./chunks/chunk.HLBSU5HB.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.YOFWLXEH.js";
-import "./chunks/chunk.236RSW67.js";
 import "./chunks/chunk.IM54DI3K.js";
+import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.HZFEZO3W.js";
+} from "./chunks/chunk.NPEIIBBM.js";
 import {
   radio_default
-} from "./chunks/chunk.KO63FB6R.js";
-import "./chunks/chunk.VJQZ76BR.js";
+} from "./chunks/chunk.RQBH4AH3.js";
+import "./chunks/chunk.L7T7BH5I.js";
 import "./chunks/chunk.YOJL35VB.js";
 import "./chunks/chunk.YITQ6NLI.js";
-import "./chunks/chunk.5VNNTEAG.js";
-import "./chunks/chunk.ZXEPSSXQ.js";
 import {
-  prio_nav_default
-} from "./chunks/chunk.O2NJ7W2P.js";
+  radio_button_default
+} from "./chunks/chunk.Y7RYQ66B.js";
+import "./chunks/chunk.MI4UFWSY.js";
+import "./chunks/chunk.ZXEPSSXQ.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.CCWE4N5I.js";
-import "./chunks/chunk.FQPIRAA6.js";
+} from "./chunks/chunk.GS4XBPEE.js";
+import "./chunks/chunk.C4N7J54S.js";
 import "./chunks/chunk.3WVPUEAN.js";
 import "./chunks/chunk.VPL7U5EC.js";
-import "./chunks/chunk.FLDDHQXG.js";
-import "./chunks/chunk.PB6IANE7.js";
+import "./chunks/chunk.ZV4CF3ZJ.js";
 import "./chunks/chunk.GCTLPTMT.js";
-import {
-  option_default
-} from "./chunks/chunk.3NALMFRW.js";
+import "./chunks/chunk.PB6IANE7.js";
 import {
   popup_default
-} from "./chunks/chunk.OPZMUWWY.js";
-import "./chunks/chunk.JGZQEVJ6.js";
+} from "./chunks/chunk.F4ED64YD.js";
+import {
+  prio_nav_default
+} from "./chunks/chunk.IMNZVGH7.js";
+import "./chunks/chunk.2BBNSYOY.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
-import {
-  nav_item_default
-} from "./chunks/chunk.MEFGUKU5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.4XEXSCXG.js";
-import "./chunks/chunk.K7ZS3OCZ.js";
+} from "./chunks/chunk.J6VJSOK2.js";
+import "./chunks/chunk.QC4VGSZW.js";
 import "./chunks/chunk.3T6ULO23.js";
 import {
-  menu_item_default
-} from "./chunks/chunk.7G5PBA5Q.js";
+  option_default
+} from "./chunks/chunk.3V43VOCB.js";
 import {
   menu_label_default
-} from "./chunks/chunk.TNBDJ6PX.js";
-import "./chunks/chunk.TODG4C7Y.js";
+} from "./chunks/chunk.F7ESWLUJ.js";
+import "./chunks/chunk.OE5MIRYY.js";
 import "./chunks/chunk.GZHQAHOL.js";
 import "./chunks/chunk.JILCM7FD.js";
-import "./chunks/chunk.QSSDP7SD.js";
+import {
+  nav_item_default
+} from "./chunks/chunk.UNYKSD5O.js";
+import "./chunks/chunk.4AOCGMAY.js";
 import "./chunks/chunk.K5MZVORR.js";
 import {
   menu_default
-} from "./chunks/chunk.5MPCXTIF.js";
-import "./chunks/chunk.H6HGD46M.js";
+} from "./chunks/chunk.56TNALPZ.js";
+import "./chunks/chunk.RNZREX6Z.js";
 import "./chunks/chunk.3IQ2QEPZ.js";
 import "./chunks/chunk.V37RYGE7.js";
-import "./chunks/chunk.H5ZIVYK5.js";
+import {
+  menu_item_default
+} from "./chunks/chunk.CNZHJBMS.js";
+import "./chunks/chunk.7IUQZ2ML.js";
 import "./chunks/chunk.BC532CB6.js";
 import "./chunks/chunk.UNYO3GI7.js";
 import "./chunks/chunk.N7HN275B.js";
 import {
   icon_button_default
-} from "./chunks/chunk.KULTIH7F.js";
+} from "./chunks/chunk.BYEQNCV6.js";
 import {
   input_default
-} from "./chunks/chunk.IL75TLII.js";
-import "./chunks/chunk.B5CUPVI3.js";
+} from "./chunks/chunk.TUUD4GHX.js";
+import "./chunks/chunk.MRIKXX4L.js";
 import "./chunks/chunk.KVS7GBFQ.js";
 import "./chunks/chunk.6P2XCD2Q.js";
 import "./chunks/chunk.PHFTXPIT.js";
@@ -165,72 +165,71 @@ import {
 } from "./chunks/chunk.WBOHZGDF.js";
 import {
   file_default
-} from "./chunks/chunk.H7JZRD2G.js";
+} from "./chunks/chunk.BWL4ZDNA.js";
 import {
   header_default
-} from "./chunks/chunk.NVYIJYVF.js";
-import "./chunks/chunk.5IMXX2BZ.js";
+} from "./chunks/chunk.SLGR2ZGC.js";
+import "./chunks/chunk.5CMZF2WH.js";
+import "./chunks/chunk.CXQHLGXV.js";
 import {
   icon_default
-} from "./chunks/chunk.JKXO42MS.js";
-import "./chunks/chunk.5OXFZJYX.js";
+} from "./chunks/chunk.IRBFRL7V.js";
 import {
   drawer_default
-} from "./chunks/chunk.ZXYCYTZH.js";
+} from "./chunks/chunk.C3AKZ5AA.js";
 import {
   dropdown_default
-} from "./chunks/chunk.NWA2ZKLU.js";
-import "./chunks/chunk.U6HWY6PL.js";
+} from "./chunks/chunk.26UMEPIH.js";
+import "./chunks/chunk.I6WV64JG.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.TVVJTCGG.js";
-import "./chunks/chunk.N6DEOPEC.js";
+import "./chunks/chunk.2K4HDCDF.js";
 import "./chunks/chunk.CDOWFAH2.js";
 import {
   dialog_default
-} from "./chunks/chunk.WSPPSCSY.js";
+} from "./chunks/chunk.ZCZJZOM4.js";
 import {
   divider_default
-} from "./chunks/chunk.QHX346G7.js";
-import "./chunks/chunk.XMOH46TX.js";
+} from "./chunks/chunk.K6FQ7XXM.js";
+import "./chunks/chunk.TWCC2CP6.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.34A453XJ.js";
-import "./chunks/chunk.SYBGFDZR.js";
-import "./chunks/chunk.I4FIU7FA.js";
+import "./chunks/chunk.KLJESQ6T.js";
 import "./chunks/chunk.UORFJFA2.js";
+import "./chunks/chunk.I4FIU7FA.js";
 import {
   combobox_default
-} from "./chunks/chunk.DLHQKWGN.js";
+} from "./chunks/chunk.F5OQ5A6I.js";
 import {
   details_default
-} from "./chunks/chunk.QQFSMQ37.js";
-import "./chunks/chunk.TAZAKWO5.js";
-import "./chunks/chunk.GFX23JLA.js";
-import "./chunks/chunk.2BJPTG2Q.js";
-import "./chunks/chunk.PPOTUWL3.js";
-import "./chunks/chunk.EHZBQTCT.js";
+} from "./chunks/chunk.GF3HUMZQ.js";
+import "./chunks/chunk.VBDEVVCF.js";
+import "./chunks/chunk.IP6JSQWX.js";
+import "./chunks/chunk.XAZXQY2M.js";
 import "./chunks/chunk.PN64BR66.js";
 import "./chunks/chunk.P4JFVVSO.js";
 import "./chunks/chunk.XRSLCQH3.js";
+import "./chunks/chunk.EHZBQTCT.js";
 import {
   card_default
-} from "./chunks/chunk.AVMXNAAK.js";
+} from "./chunks/chunk.TTB55OFT.js";
 import {
   checkbox_default
-} from "./chunks/chunk.F2QQ2JAK.js";
-import "./chunks/chunk.KRF7VWRQ.js";
+} from "./chunks/chunk.GFOIJAQ7.js";
+import "./chunks/chunk.DHG2L3WA.js";
 import "./chunks/chunk.3JDUKQRN.js";
 import "./chunks/chunk.IZRTF5EM.js";
 import "./chunks/chunk.ZC3GXTWV.js";
-import "./chunks/chunk.NY33MDYP.js";
-import "./chunks/chunk.SRY32QYH.js";
+import "./chunks/chunk.RA6YFHDM.js";
+import "./chunks/chunk.PJTZN7JM.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.2PW7XZZF.js";
+import "./chunks/chunk.YWHVN3AH.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.T3OH2LR6.js";
+import "./chunks/chunk.PFYIQKRP.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.DEJAPNIZ.js";
 import {
@@ -245,59 +244,59 @@ import "./chunks/chunk.AMDQJFFP.js";
 import "./chunks/chunk.6AT5JL7A.js";
 import {
   button_default
-} from "./chunks/chunk.P4I2WO5B.js";
+} from "./chunks/chunk.4LOKOAC6.js";
 import {
   button_group_default
-} from "./chunks/chunk.TJ2I3X4N.js";
-import "./chunks/chunk.EQ34CAWI.js";
+} from "./chunks/chunk.YRAMLOFR.js";
+import "./chunks/chunk.VOQPP2ZZ.js";
 import "./chunks/chunk.34RGILSE.js";
 import "./chunks/chunk.CX7IEDUW.js";
-import "./chunks/chunk.26MIXER6.js";
+import "./chunks/chunk.FBC4N7NR.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.R3SMKUIL.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.WT3TWFBE.js";
+} from "./chunks/chunk.CIJVYJBT.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.ISCXRNH4.js";
-import "./chunks/chunk.32C66EYB.js";
+} from "./chunks/chunk.H7S3NKK3.js";
+import "./chunks/chunk.HUPHWV4R.js";
 import "./chunks/chunk.BVV2XKW3.js";
 import "./chunks/chunk.OFKOVRHG.js";
-import "./chunks/chunk.36HGXE6I.js";
-import "./chunks/chunk.2RS24S7K.js";
-import "./chunks/chunk.7V7XEBE2.js";
+import "./chunks/chunk.CKHWRU6K.js";
+import "./chunks/chunk.2KZDXUHA.js";
 import "./chunks/chunk.WQMTAEYE.js";
+import "./chunks/chunk.7V7XEBE2.js";
 import "./chunks/chunk.J3GDDM6Q.js";
 import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   alert_default
-} from "./chunks/chunk.B5H54LE5.js";
+} from "./chunks/chunk.BAQANMLJ.js";
 import {
   badge_default
-} from "./chunks/chunk.EVSLGGKP.js";
-import "./chunks/chunk.AUJMQLMT.js";
+} from "./chunks/chunk.BRNM4AJ5.js";
+import "./chunks/chunk.UCZ34PDA.js";
 import "./chunks/chunk.SA423NRC.js";
 import "./chunks/chunk.CMOZ4SCN.js";
-import "./chunks/chunk.JTE7XOWE.js";
+import "./chunks/chunk.U565GVEJ.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.WRPQ3635.js";
 import {
   accordion_default
-} from "./chunks/chunk.MQKESAOP.js";
-import "./chunks/chunk.JSBJOKER.js";
+} from "./chunks/chunk.XAQXEY2M.js";
+import "./chunks/chunk.V7UB7DDN.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.S362IGFM.js";
+import "./chunks/chunk.HHYD4FQJ.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.OFF4U2HZ.js";
-import "./chunks/chunk.OQUVO5QW.js";
+import "./chunks/chunk.MQG45CA3.js";
 import "./chunks/chunk.DAIQ5WRI.js";
+import "./chunks/chunk.OQUVO5QW.js";
 import "./chunks/chunk.LQDIH4Z5.js";
 import "./chunks/chunk.Q6HZ4JXR.js";
 import "./chunks/chunk.RJUVM6NO.js";
 import "./chunks/chunk.CHFWLQN5.js";
-import "./chunks/chunk.7XSJ52RM.js";
+import "./chunks/chunk.645UJMOV.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -331,7 +330,7 @@ import "./chunks/chunk.VMLERD3J.js";
 import "./chunks/chunk.QDG5AJZX.js";
 import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.FXJLG622.js";
-import "./chunks/chunk.VWFRCPN5.js";
+import "./chunks/chunk.XBQWANZE.js";
 import "./chunks/chunk.TSWB7UFK.js";
 import "./chunks/chunk.CCY6IYFD.js";
 import "./chunks/chunk.MO2GTRUM.js";

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

@@ -19,7 +19,11 @@
         {
           "name": "size",
           "description": "The size that should be applied to all slotted `<syn-details>` elements",
-          "values": [{ "name": "medium" }, { "name": "large" }]
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
         }
       ],
       "references": [
@@ -29,6 +33,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-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.",
@@ -76,29 +103,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-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.",
@@ -536,7 +540,11 @@
         {
           "name": "size",
           "description": "The details's size.",
-          "values": [{ "name": "medium" }, { "name": "large" }]
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
         }
       ],
       "references": [
@@ -790,7 +798,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 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\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",
@@ -805,6 +813,11 @@
             { "name": "open" },
             { "name": "closed" }
           ]
+        },
+        {
+          "name": "sticky",
+          "description": "Makes the header stick to the top of the viewport when scrolling.\nAlso applies a shadow to the header when scrolling.",
+          "values": []
         }
       ],
       "references": [

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "3.2.1",
+  "version": "3.4.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -93,9 +93,9 @@
     "size-limit": "^12.0.0",
     "stylelint": "^17.3.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.2.1"
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/tokens": "3.4.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
@@ -105,7 +105,7 @@
     "lit": "^3.3.2"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "3.2.1"
+    "@synergy-design-system/tokens": "3.4.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

package/dist/chunks/chunk.2BJPTG2Q.js

@@ -1,87 +0,0 @@
-// src/components/details/details.styles.ts
-import { css } from "lit";
-var details_styles_default = css`
-	/* stylelint-disable */
-  :host {
-    display: block;
-  }
-
-  .details {
-    border: solid 1px var(--syn-color-neutral-200);
-    border-radius: var(--syn-border-radius-medium);
-    background-color: var(--syn-color-neutral-0);
-    overflow-anchor: none;
-  }
-
-  .details--disabled {
-    opacity: 0.5;
-  }
-
-  .details__header {
-    display: flex;
-    align-items: center;
-    border-radius: inherit;
-    padding: var(--syn-spacing-medium);
-    user-select: none;
-    -webkit-user-select: none;
-    cursor: pointer;
-  }
-
-  .details__header::-webkit-details-marker {
-    display: none;
-  }
-
-  .details__header:focus {
-    outline: none;
-  }
-
-  .details__header:focus-visible {
-    outline: var(--syn-focus-ring);
-    outline-offset: calc(1px + var(--syn-focus-ring-offset));
-  }
-
-  .details--disabled .details__header {
-    cursor: not-allowed;
-  }
-
-  .details--disabled .details__header:focus-visible {
-    outline: none;
-    box-shadow: none;
-  }
-
-  .details__summary {
-    flex: 1 1 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .details__summary-icon {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    transition: var(--syn-transition-medium) rotate ease;
-  }
-
-  .details--open .details__summary-icon {
-    rotate: 90deg;
-  }
-
-  .details--open slot[name='expand-icon'],
-  .details:not(.details--open) slot[name='collapse-icon'] {
-    display: none;
-  }
-
-  .details__body {
-    overflow: hidden;
-  }
-
-  .details__content {
-    display: block;
-    padding: var(--syn-spacing-medium);
-  }
-`;
-
-export {
-  details_styles_default
-};
-//# sourceMappingURL=chunk.2BJPTG2Q.js.map

package/dist/chunks/chunk.2BJPTG2Q.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/details/details.styles.ts"],
-  "sourcesContent": ["/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    display: block;\n  }\n\n  .details {\n    border: solid 1px var(--syn-color-neutral-200);\n    border-radius: var(--syn-border-radius-medium);\n    background-color: var(--syn-color-neutral-0);\n    overflow-anchor: none;\n  }\n\n  .details--disabled {\n    opacity: 0.5;\n  }\n\n  .details__header {\n    display: flex;\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--syn-spacing-medium);\n    user-select: none;\n    -webkit-user-select: none;\n    cursor: pointer;\n  }\n\n  .details__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .details__header:focus {\n    outline: none;\n  }\n\n  .details__header:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: calc(1px + var(--syn-focus-ring-offset));\n  }\n\n  .details--disabled .details__header {\n    cursor: not-allowed;\n  }\n\n  .details--disabled .details__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .details__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .details__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: var(--syn-transition-medium) rotate ease;\n  }\n\n  .details--open .details__summary-icon {\n    rotate: 90deg;\n  }\n\n  .details--open slot[name='expand-icon'],\n  .details:not(.details--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .details__body {\n    overflow: hidden;\n  }\n\n  .details__content {\n    display: block;\n    padding: var(--syn-spacing-medium);\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}