@synergy-design-system/components 3.9.0 → 3.10.0

package/dist/custom-elements.json

@@ -5959,6 +5959,10 @@
             {
               "description": "The position of the sticky header from the top of the viewport. Defaults to the top of the screen.",
               "name": "--sticky-position"
+            },
+            {
+              "description": "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)",
+              "name": "--metanavigation-item-size"
             }
           ],
           "cssParts": [
@@ -6059,6 +6063,14 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "metaNavigationSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -6116,6 +6128,12 @@
               "privacy": "private",
               "description": "Automatically update the burger menu icon based\non the state of the side-nav, if one is connected."
             },
+            {
+              "kind": "method",
+              "name": "updateMetaNavigation",
+              "privacy": "private",
+              "description": "#1130: Automatically set the correct styles for vertical syn-dividers in the meta navigation.\nDividers may be slotted directly in the meta navigation or be nested in another element, e.g. a wrapper for the meta navigation.\nHorizontal dividers are not supported in the meta navigation and we don't want to override any styles for them that might be set by the user."
+            },
             {
               "kind": "method",
               "name": "handleBurgerMenu"
@@ -6192,7 +6210,7 @@
           "tagNameWithoutPrefix": "header",
           "tagName": "syn-header",
           "customElement": true,
-          "jsDoc": "/**\n * @summary The <syn-header /> element provides a generic application header\n * that can be used to add applications name, toolbar and primary navigation.\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs\n * @status stable\n * @since 1.10.0\n *\n * @slot label - The label for the header\n * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided\n * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons\n *                     Best used with `<syn-icon-button />` and `<syn-drop-down />`\n * @slot navigation - This slot can be used to add an optional horizontal navigation\n * @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.\n *                      The default close icon is a 'x'.\n * @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.\n *                      The default open icon is a burger menu.\n *\n * @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed\n * @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden\n * @event syn-burger-menu-open - Emitted when the burger menu is toggled to open\n *\n * @csspart base - The component's base wrapper\n * @csspart content - The wrapper most content items reside\n * @csspart logo - The wrapper the application logo resides in\n * @csspart label - The element wrapping the application name\n * @csspart meta-navigation - The Item wrapping the optional application menu\n * @csspart navigation - The wrapper that is holding the optional top navigation section\n * @csspart burger-menu-toggle-button - The button that toggles the burger menu\n *\n * @cssproperty --sticky-position - The position of the sticky header from the top of the viewport. Defaults to the top of the screen.\n */",
+          "jsDoc": "/**\n * @summary The <syn-header /> element provides a generic application header\n * that can be used to add applications name, toolbar and primary navigation.\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs\n * @status stable\n * @since 1.10.0\n *\n * @slot label - The label for the header\n * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided\n * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons\n *                     Best used with `<syn-icon-button />` and `<syn-drop-down />`\n * @slot navigation - This slot can be used to add an optional horizontal navigation\n * @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.\n *                      The default close icon is a 'x'.\n * @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.\n *                      The default open icon is a burger menu.\n *\n * @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed\n * @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden\n * @event syn-burger-menu-open - Emitted when the burger menu is toggled to open\n *\n * @csspart base - The component's base wrapper\n * @csspart content - The wrapper most content items reside\n * @csspart logo - The wrapper the application logo resides in\n * @csspart label - The element wrapping the application name\n * @csspart meta-navigation - The Item wrapping the optional application menu\n * @csspart navigation - The wrapper that is holding the optional top navigation section\n * @csspart burger-menu-toggle-button - The button that toggles the burger menu\n *\n * @cssproperty --sticky-position - The position of the sticky header from the top of the viewport. Defaults to the top of the screen.\n * @cssproperty --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)\n */",
           "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs",
           "status": "stable",
           "since": "1.10.0"
@@ -16937,7 +16955,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "3.9.0",
+    "version": "3.10.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 3.9.0
+ * @synergy-design-system/components version 3.10.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

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.VL4EEI6U.js";
 import {
   validate_default
-} from "./chunks/chunk.AAOZUSFV.js";
-import "./chunks/chunk.YKMVSOZW.js";
-import "./chunks/chunk.KFU4WNH3.js";
+} from "./chunks/chunk.NMFSKEDU.js";
+import "./chunks/chunk.QN3G27AM.js";
+import "./chunks/chunk.IDBQG4AT.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.TTY4WEKL.js";
+import "./chunks/chunk.AK2Z3BDD.js";
 import "./chunks/chunk.TWTN3XDM.js";
 import {
   textarea_default
-} from "./chunks/chunk.Z6P2PWP5.js";
-import "./chunks/chunk.UVKFZBCK.js";
+} from "./chunks/chunk.ZXYJJTD7.js";
+import "./chunks/chunk.JMJGYDV3.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.7C6AW6ZI.js";
+import "./chunks/chunk.VTUMEUHA.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.6KIX3PER.js";
 import {
-  switch_default
-} from "./chunks/chunk.MWNEATCZ.js";
+  tag_default
+} from "./chunks/chunk.3MM2NNIE.js";
 import {
   tab_default
-} from "./chunks/chunk.WZJDP42F.js";
-import "./chunks/chunk.T4IW4PAT.js";
+} from "./chunks/chunk.DPHGF3E5.js";
+import "./chunks/chunk.U6QGIZAR.js";
 import "./chunks/chunk.XC4GHHH2.js";
 import "./chunks/chunk.JDYQ7EFG.js";
-import "./chunks/chunk.TSFHM3HG.js";
+import {
+  tab_group_default
+} from "./chunks/chunk.AH6MUKHT.js";
+import "./chunks/chunk.EUOTAFXP.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
 import {
   side_nav_default
-} from "./chunks/chunk.RLSJVZML.js";
+} from "./chunks/chunk.VCAYN7WB.js";
 import {
   spinner_default
-} from "./chunks/chunk.5232CWKL.js";
-import "./chunks/chunk.BV3HKUNH.js";
-import "./chunks/chunk.32WNHWXJ.js";
+} from "./chunks/chunk.2DCE3G2W.js";
 import {
-  range_tick_default
-} from "./chunks/chunk.QN33WI3M.js";
-import "./chunks/chunk.3534D3DE.js";
+  switch_default
+} from "./chunks/chunk.HE57NWUM.js";
+import "./chunks/chunk.SJASMVQN.js";
+import "./chunks/chunk.32WNHWXJ.js";
+import "./chunks/chunk.C74CF4GH.js";
 import "./chunks/chunk.5KL2GWNQ.js";
 import {
   select_default
-} from "./chunks/chunk.XBTYDP3X.js";
-import "./chunks/chunk.RJUVEZ6C.js";
+} from "./chunks/chunk.GGA5BII4.js";
+import "./chunks/chunk.GCV2PPRQ.js";
 import "./chunks/chunk.7DRFKCFD.js";
-import "./chunks/chunk.JOGXMAYO.js";
+import "./chunks/chunk.3QTME62A.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   radio_group_default
-} from "./chunks/chunk.FUKLGPBI.js";
+} from "./chunks/chunk.DZDVZA2D.js";
 import {
   range_default
-} from "./chunks/chunk.V4UFOTJL.js";
-import "./chunks/chunk.FIQXH2PG.js";
-import "./chunks/chunk.OFPUBX63.js";
+} from "./chunks/chunk.NV3T3WWW.js";
+import "./chunks/chunk.X77OL4XO.js";
+import "./chunks/chunk.ZGAIVSFN.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.FOQVHYKU.js";
+import "./chunks/chunk.QHKO5JIG.js";
+import "./chunks/chunk.2VDKBFQ7.js";
 import {
   radio_default
-} from "./chunks/chunk.GQ4NDAVI.js";
-import "./chunks/chunk.D5GWVKJR.js";
+} from "./chunks/chunk.VCLQC6OK.js";
+import "./chunks/chunk.N2Z3N52E.js";
 import "./chunks/chunk.432DTUIX.js";
 import {
   radio_button_default
-} from "./chunks/chunk.BZMUTANN.js";
-import "./chunks/chunk.VRUMAISD.js";
+} from "./chunks/chunk.2TZBEABR.js";
+import "./chunks/chunk.TBXPNSUZ.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
-import "./chunks/chunk.ES3OFKDV.js";
+import "./chunks/chunk.2JIWAGVI.js";
 import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.7V7YTGUR.js";
-import "./chunks/chunk.QVXP6DPP.js";
+} from "./chunks/chunk.OZOJTAFX.js";
+import "./chunks/chunk.PPYJBO7V.js";
 import "./chunks/chunk.3WVPUEAN.js";
 import "./chunks/chunk.VPL7U5EC.js";
-import "./chunks/chunk.SXNUJATG.js";
+import {
+  progress_ring_default
+} from "./chunks/chunk.CYPAV6UJ.js";
+import "./chunks/chunk.M3ETNEW4.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.IOAUW3OI.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.T4TTEGLR.js";
-import "./chunks/chunk.CYCLR6DQ.js";
-import "./chunks/chunk.OJ3N7TWP.js";
+} from "./chunks/chunk.KDQOGAS4.js";
+import "./chunks/chunk.YV64CRQI.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.47ZEHGGT.js";
+import "./chunks/chunk.VLWGYH4U.js";
 import "./chunks/chunk.3T6ULO23.js";
+import {
+  option_default
+} from "./chunks/chunk.2AGSJI6S.js";
 import {
   menu_item_default
-} from "./chunks/chunk.YHNKCQNE.js";
+} from "./chunks/chunk.54URY3UN.js";
 import {
   menu_label_default
-} from "./chunks/chunk.4YTW5CRV.js";
-import "./chunks/chunk.X75PXY2D.js";
+} from "./chunks/chunk.NEMONGRZ.js";
+import "./chunks/chunk.GPYWRAH4.js";
 import "./chunks/chunk.QKRQEB4F.js";
-import "./chunks/chunk.MTV7XKTR.js";
+import {
+  nav_item_default
+} from "./chunks/chunk.J2GTBJ2M.js";
+import "./chunks/chunk.UUDCUR6Y.js";
 import "./chunks/chunk.K5MZVORR.js";
 import {
   input_default
-} from "./chunks/chunk.HVXYV73T.js";
+} from "./chunks/chunk.Y25CSWQQ.js";
 import {
   menu_default
-} from "./chunks/chunk.BZYHIZ23.js";
-import "./chunks/chunk.DFSUCGP3.js";
+} from "./chunks/chunk.W3EUQLOW.js";
+import "./chunks/chunk.CVGNEZDT.js";
 import "./chunks/chunk.NXIQ25W4.js";
-import "./chunks/chunk.QSAG4P64.js";
-import "./chunks/chunk.CAEBFUZN.js";
+import "./chunks/chunk.5Q5YPLD6.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.WUWT57NY.js";
+import "./chunks/chunk.3KL2ORIF.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.AJWFDWGM.js";
 import {
   file_default
-} from "./chunks/chunk.WDTM5C6U.js";
-import "./chunks/chunk.H7QNIFOT.js";
+} from "./chunks/chunk.DPBJJE5J.js";
+import "./chunks/chunk.D6T6OY3C.js";
 import "./chunks/chunk.2ECWEEUO.js";
 import {
   header_default
-} from "./chunks/chunk.PJD5S5O5.js";
-import "./chunks/chunk.7KZAOIOQ.js";
+} from "./chunks/chunk.HXIFFDHP.js";
+import "./chunks/chunk.VQMLGIU2.js";
 import {
   icon_default
-} from "./chunks/chunk.YJRYZZHV.js";
-import "./chunks/chunk.CXQHLGXV.js";
+} from "./chunks/chunk.FJ2IBXMN.js";
+import "./chunks/chunk.MPJ2QALZ.js";
 import {
   divider_default
-} from "./chunks/chunk.JBHBQ3QU.js";
+} from "./chunks/chunk.32QEIJUT.js";
 import {
   drawer_default
-} from "./chunks/chunk.OWBXTG7M.js";
-import "./chunks/chunk.ZXDUCYD7.js";
+} from "./chunks/chunk.FB7ICN25.js";
+import "./chunks/chunk.V4Z4TZJV.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.UORFJFA2.js";
-import "./chunks/chunk.WEYBJEHH.js";
+import "./chunks/chunk.YMAMJCQD.js";
 import "./chunks/chunk.TUSN4AOP.js";
 import {
   details_default
-} from "./chunks/chunk.IZ674WI7.js";
-import "./chunks/chunk.H6UXTKL6.js";
+} from "./chunks/chunk.YSTRYDQO.js";
+import "./chunks/chunk.L5NVKMML.js";
 import "./chunks/chunk.IP6JSQWX.js";
 import {
   dialog_default
-} from "./chunks/chunk.QUDJLOVF.js";
-import "./chunks/chunk.EFEUHP3J.js";
+} from "./chunks/chunk.7NPI2OZM.js";
+import "./chunks/chunk.4P6KMC7A.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.35GHIM4N.js";
+import "./chunks/chunk.PTFUQEM7.js";
 import {
   checkbox_default
-} from "./chunks/chunk.2XB4ZNWZ.js";
-import "./chunks/chunk.PBKJDI7I.js";
+} from "./chunks/chunk.GOWS2Y7J.js";
+import "./chunks/chunk.LUCL3FNG.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.6MPF425H.js";
+import "./chunks/chunk.JOXIXJ74.js";
+import "./chunks/chunk.UFTSZ6BH.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.BDXPRKVN.js";
+import "./chunks/chunk.ENWMR7C2.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.WOWIDGEX.js";
+import "./chunks/chunk.ITJ327EY.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.27DUQQG7.js";
+import "./chunks/chunk.LLCUK5XN.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.LQLBHSIA.js";
+import "./chunks/chunk.JQLZZWWY.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.3OYNMKQL.js";
+import "./chunks/chunk.IWVT3WWG.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.JR3FA572.js";
+import "./chunks/chunk.YYDSHN4O.js";
+import "./chunks/chunk.YSMGYMUZ.js";
 import "./chunks/chunk.WQMTAEYE.js";
 import "./chunks/chunk.7V7XEBE2.js";
 import "./chunks/chunk.J3GDDM6Q.js";
@@ -261,52 +260,52 @@ import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   badge_default
-} from "./chunks/chunk.KQDKTOHH.js";
+} from "./chunks/chunk.RPCTZEFZ.js";
+import "./chunks/chunk.UCF2NSFX.js";
+import "./chunks/chunk.SA423NRC.js";
+import "./chunks/chunk.CMOZ4SCN.js";
+import {
+  breadcrumb_default
+} from "./chunks/chunk.VCJMQQWM.js";
+import "./chunks/chunk.YDSPUGCN.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.WRPQ3635.js";
+import {
+  accordion_default
+} from "./chunks/chunk.AA3DOMWR.js";
+import "./chunks/chunk.NAASGFHG.js";
+import "./chunks/chunk.WNUZ6LH4.js";
 import {
   alert_default
-} from "./chunks/chunk.35ALU3NM.js";
-import "./chunks/chunk.HITFIILS.js";
+} from "./chunks/chunk.R66HU2TV.js";
+import "./chunks/chunk.FYVTCEAE.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.AUY36WL4.js";
+import "./chunks/chunk.VAMPFLW5.js";
 import "./chunks/chunk.OQUVO5QW.js";
 import "./chunks/chunk.DAIQ5WRI.js";
 import "./chunks/chunk.LQDIH4Z5.js";
 import "./chunks/chunk.Q6HZ4JXR.js";
 import "./chunks/chunk.RJUVM6NO.js";
 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";
+import "./chunks/chunk.QH24FRAZ.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.32CYREEV.js";
-import "./chunks/chunk.WRPQ3635.js";
+import "./chunks/chunk.66HKI7Q7.js";
+import "./chunks/chunk.QLETXF4A.js";
+import "./chunks/chunk.BHJVE26D.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.PLV4PZYX.js";
-import {
-  accordion_default
-} from "./chunks/chunk.Z6KXYAVJ.js";
-import "./chunks/chunk.EGEMAD4I.js";
-import "./chunks/chunk.SMIMHADA.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.ME37X4TB.js";
-import "./chunks/chunk.QLETXF4A.js";
-import "./chunks/chunk.BHJVE26D.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.5YZ63VR2.js";
@@ -320,10 +319,10 @@ import {
 import "./chunks/chunk.JIHDB74M.js";
 import "./chunks/chunk.ST3G47SZ.js";
 import "./chunks/chunk.QDG5AJZX.js";
+import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.2NT3B5WJ.js";
-import "./chunks/chunk.EOGFB2C7.js";
-import "./chunks/chunk.SA423NRC.js";
-import "./chunks/chunk.CMOZ4SCN.js";
+import "./chunks/chunk.WAPIOWX2.js";
+import "./chunks/chunk.UA5B6CPN.js";
 import "./chunks/chunk.MO2GTRUM.js";
 export {
   accordion_default as SynAccordion,

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

@@ -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.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -94,8 +94,8 @@
     "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.9.0"
+    "@synergy-design-system/tokens": "3.10.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
@@ -105,7 +105,7 @@
     "lit": "^3.3.2"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "3.9.0"
+    "@synergy-design-system/tokens": "3.10.0"
   },
   "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": []
-}