@synergy-design-system/components 3.8.0 → 3.10.0

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 {
-  createMigrationLibrary,
-  migrateIconName,
-  migrateIconNameFilled,
-  migrationLibrary,
-  setupIcons
-} from "./chunks/chunk.WBOHZGDF.js";
+  tooltip_default
+} from "./chunks/chunk.VL4EEI6U.js";
 import {
   validate_default
-} from "./chunks/chunk.LP7UWDJ4.js";
-import "./chunks/chunk.7WVBZTTB.js";
-import "./chunks/chunk.T77GL7J3.js";
+} from "./chunks/chunk.NMFSKEDU.js";
+import "./chunks/chunk.QN3G27AM.js";
+import "./chunks/chunk.IDBQG4AT.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_group_default
-} from "./chunks/chunk.NVBJMYEV.js";
+} from "./chunks/chunk.TTY4WEKL.js";
+import "./chunks/chunk.AK2Z3BDD.js";
+import "./chunks/chunk.TWTN3XDM.js";
 import {
   textarea_default
-} from "./chunks/chunk.XRKDI5LI.js";
-import "./chunks/chunk.6PTFBY3W.js";
+} from "./chunks/chunk.ZXYJJTD7.js";
+import "./chunks/chunk.JMJGYDV3.js";
 import "./chunks/chunk.NDJJVGQL.js";
-import {
-  tooltip_default
-} from "./chunks/chunk.YB67WLRQ.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.K77GAAZC.js";
+} from "./chunks/chunk.7C6AW6ZI.js";
+import "./chunks/chunk.VTUMEUHA.js";
+import "./chunks/chunk.XHWYGYMQ.js";
+import "./chunks/chunk.6KIX3PER.js";
 import {
   tag_default
-} from "./chunks/chunk.5KB4MCFV.js";
-import "./chunks/chunk.MDRYYQRY.js";
-import "./chunks/chunk.TWTN3XDM.js";
+} from "./chunks/chunk.3MM2NNIE.js";
 import {
   tab_default
-} from "./chunks/chunk.I6YDCUVT.js";
+} from "./chunks/chunk.DPHGF3E5.js";
+import "./chunks/chunk.U6QGIZAR.js";
+import "./chunks/chunk.XC4GHHH2.js";
+import "./chunks/chunk.JDYQ7EFG.js";
 import {
   tab_group_default
-} from "./chunks/chunk.5AMCQ2MO.js";
-import "./chunks/chunk.2IIKMW2B.js";
+} from "./chunks/chunk.AH6MUKHT.js";
+import "./chunks/chunk.EUOTAFXP.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
-import "./chunks/chunk.FYTOXUXV.js";
-import "./chunks/chunk.XHWYGYMQ.js";
-import "./chunks/chunk.6KIX3PER.js";
+import {
+  side_nav_default
+} from "./chunks/chunk.VCAYN7WB.js";
 import {
   spinner_default
-} from "./chunks/chunk.EOWB3HIH.js";
+} from "./chunks/chunk.2DCE3G2W.js";
 import {
   switch_default
-} from "./chunks/chunk.ITY22RCO.js";
-import "./chunks/chunk.G75Q6XYK.js";
+} from "./chunks/chunk.HE57NWUM.js";
+import "./chunks/chunk.SJASMVQN.js";
 import "./chunks/chunk.32WNHWXJ.js";
-import "./chunks/chunk.H35X5VGF.js";
-import "./chunks/chunk.XC4GHHH2.js";
-import "./chunks/chunk.JDYQ7EFG.js";
+import "./chunks/chunk.C74CF4GH.js";
+import "./chunks/chunk.5KL2GWNQ.js";
 import {
   select_default
-} from "./chunks/chunk.JWHZPHUQ.js";
-import "./chunks/chunk.JHY4APCJ.js";
+} from "./chunks/chunk.GGA5BII4.js";
+import "./chunks/chunk.GCV2PPRQ.js";
 import "./chunks/chunk.7DRFKCFD.js";
-import {
-  side_nav_default
-} from "./chunks/chunk.Y7GS7PET.js";
-import "./chunks/chunk.JUXIBXZN.js";
+import "./chunks/chunk.3QTME62A.js";
 import "./chunks/chunk.EFSUQWJZ.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.DZDVZA2D.js";
 import {
   range_default
-} from "./chunks/chunk.252MI3E7.js";
-import "./chunks/chunk.64MTNQCP.js";
-import "./chunks/chunk.RZCVK55A.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 {
   range_tick_default
-} from "./chunks/chunk.5T5E52YC.js";
-import "./chunks/chunk.OJF57KTK.js";
+} from "./chunks/chunk.FOQVHYKU.js";
+import "./chunks/chunk.QHKO5JIG.js";
 import "./chunks/chunk.2VDKBFQ7.js";
-import "./chunks/chunk.3CQ4EATS.js";
-import "./chunks/chunk.5KL2GWNQ.js";
 import {
   radio_default
-} from "./chunks/chunk.4P2PWGJF.js";
+} from "./chunks/chunk.VCLQC6OK.js";
+import "./chunks/chunk.N2Z3N52E.js";
+import "./chunks/chunk.432DTUIX.js";
 import {
   radio_button_default
-} from "./chunks/chunk.BDZKCGTX.js";
-import "./chunks/chunk.FDJLUATC.js";
+} from "./chunks/chunk.2TZBEABR.js";
+import "./chunks/chunk.TBXPNSUZ.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
-import {
-  radio_group_default
-} from "./chunks/chunk.R66RIGRW.js";
-import "./chunks/chunk.RXKC424O.js";
+import "./chunks/chunk.2JIWAGVI.js";
 import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.FSGBS3XO.js";
+} from "./chunks/chunk.OZOJTAFX.js";
+import "./chunks/chunk.PPYJBO7V.js";
+import "./chunks/chunk.3WVPUEAN.js";
+import "./chunks/chunk.VPL7U5EC.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.4L5KWRR4.js";
-import "./chunks/chunk.BKXDKB7J.js";
+} from "./chunks/chunk.CYPAV6UJ.js";
+import "./chunks/chunk.M3ETNEW4.js";
 import "./chunks/chunk.GCTLPTMT.js";
 import "./chunks/chunk.PB6IANE7.js";
-import "./chunks/chunk.35AHZ55B.js";
-import "./chunks/chunk.432DTUIX.js";
 import {
   popup_default
-} from "./chunks/chunk.QJVKU4JK.js";
+} from "./chunks/chunk.IOAUW3OI.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.ORPB3KTR.js";
-import "./chunks/chunk.3CBVKOMX.js";
+} from "./chunks/chunk.KDQOGAS4.js";
+import "./chunks/chunk.YV64CRQI.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
-import "./chunks/chunk.ZO626UBL.js";
-import "./chunks/chunk.3WVPUEAN.js";
-import "./chunks/chunk.VPL7U5EC.js";
 import {
   optgroup_default
-} from "./chunks/chunk.C6SHEIRM.js";
+} from "./chunks/chunk.47ZEHGGT.js";
+import "./chunks/chunk.VLWGYH4U.js";
+import "./chunks/chunk.3T6ULO23.js";
 import {
   option_default
-} from "./chunks/chunk.ICUVZSF3.js";
+} from "./chunks/chunk.2AGSJI6S.js";
+import {
+  menu_item_default
+} from "./chunks/chunk.54URY3UN.js";
 import {
   menu_label_default
-} from "./chunks/chunk.BDDHQK56.js";
-import "./chunks/chunk.P6UNEWV4.js";
+} from "./chunks/chunk.NEMONGRZ.js";
+import "./chunks/chunk.GPYWRAH4.js";
 import "./chunks/chunk.QKRQEB4F.js";
 import {
   nav_item_default
-} from "./chunks/chunk.CC44AN44.js";
-import "./chunks/chunk.AAGCSEFN.js";
+} from "./chunks/chunk.J2GTBJ2M.js";
+import "./chunks/chunk.UUDCUR6Y.js";
 import "./chunks/chunk.K5MZVORR.js";
-import "./chunks/chunk.IF5FGNDH.js";
-import "./chunks/chunk.3T6ULO23.js";
 import {
   input_default
-} from "./chunks/chunk.BDPUFNH7.js";
+} from "./chunks/chunk.Y25CSWQQ.js";
 import {
   menu_default
-} from "./chunks/chunk.HMKCHBRR.js";
-import "./chunks/chunk.4F4B7UJF.js";
+} from "./chunks/chunk.W3EUQLOW.js";
+import "./chunks/chunk.CVGNEZDT.js";
 import "./chunks/chunk.NXIQ25W4.js";
-import {
-  menu_item_default
-} from "./chunks/chunk.YZVFQNLJ.js";
-import "./chunks/chunk.JXMGFNRP.js";
+import "./chunks/chunk.5Q5YPLD6.js";
 import "./chunks/chunk.BC532CB6.js";
 import "./chunks/chunk.CAEBFUZN.js";
 import {
   icon_button_default
-} from "./chunks/chunk.O23M47UY.js";
-import "./chunks/chunk.64E3G4KT.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 "./chunks/chunk.PHFTXPIT.js";
+import {
+  createMigrationLibrary,
+  migrateIconName,
+  migrateIconNameFilled,
+  migrationLibrary,
+  setupIcons
+} from "./chunks/chunk.MGO3VJHJ.js";
 import {
   dropdown_default
-} from "./chunks/chunk.F3L2A5JT.js";
+} from "./chunks/chunk.AJWFDWGM.js";
 import {
   file_default
-} from "./chunks/chunk.A6XW4ITW.js";
-import "./chunks/chunk.A7PSX2BY.js";
+} from "./chunks/chunk.DPBJJE5J.js";
+import "./chunks/chunk.D6T6OY3C.js";
 import "./chunks/chunk.2ECWEEUO.js";
 import {
   header_default
-} from "./chunks/chunk.ISGI4UJC.js";
-import "./chunks/chunk.ETVHAHZK.js";
+} from "./chunks/chunk.HXIFFDHP.js";
+import "./chunks/chunk.VQMLGIU2.js";
 import {
   icon_default
-} from "./chunks/chunk.X3WCJE3F.js";
-import "./chunks/chunk.CXQHLGXV.js";
+} from "./chunks/chunk.FJ2IBXMN.js";
+import "./chunks/chunk.MPJ2QALZ.js";
 import {
   divider_default
-} from "./chunks/chunk.FG4NW767.js";
+} from "./chunks/chunk.32QEIJUT.js";
 import {
   drawer_default
-} from "./chunks/chunk.IWN5JGZJ.js";
-import "./chunks/chunk.K5HTRLDF.js";
+} from "./chunks/chunk.FB7ICN25.js";
+import "./chunks/chunk.V4Z4TZJV.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.UORFJFA2.js";
-import "./chunks/chunk.6G4C4ZQX.js";
+import "./chunks/chunk.YMAMJCQD.js";
 import "./chunks/chunk.TUSN4AOP.js";
 import {
   details_default
-} from "./chunks/chunk.FGYVHE7U.js";
-import "./chunks/chunk.J7UDZGZE.js";
+} from "./chunks/chunk.YSTRYDQO.js";
+import "./chunks/chunk.L5NVKMML.js";
 import "./chunks/chunk.IP6JSQWX.js";
 import {
   dialog_default
-} from "./chunks/chunk.XNA6GGMO.js";
-import "./chunks/chunk.DKPEM3BP.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.5HPKJLZA.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.CVXT6CBP.js";
-import "./chunks/chunk.THNTAD74.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.AYOTXWCM.js";
-import "./chunks/chunk.Q2KIW4NJ.js";
-import "./chunks/chunk.GP3YJZO4.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.TCPGSO7U.js";
+import "./chunks/chunk.ENWMR7C2.js";
+import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.KTRTYOB6.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.HCN577KQ.js";
-import "./chunks/chunk.7EYJQ6ZZ.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.2VLBABBF.js";
-import "./chunks/chunk.YDYXATFT.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.UYYTVBND.js";
-import "./chunks/chunk.BWH7RFAC.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.2YABDWMA.js";
-import "./chunks/chunk.SDYCYTFL.js";
-import "./chunks/chunk.OQY54ANX.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,50 +260,52 @@ import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   badge_default
-} from "./chunks/chunk.37EXQAWG.js";
-import {
-  accordion_default
-} from "./chunks/chunk.QG75ZVTJ.js";
-import "./chunks/chunk.ZZOQVKMM.js";
-import "./chunks/chunk.WNUZ6LH4.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.5DDQJQYZ.js";
-import "./chunks/chunk.FVYWLOGY.js";
+} 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.AR27K4HY.js";
-import "./chunks/chunk.H5OWBY3I.js";
+} from "./chunks/chunk.R66HU2TV.js";
+import "./chunks/chunk.FYVTCEAE.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.U7UO6V4X.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.Z44IIHD4.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.PJO6TM3T.js";
-import "./chunks/chunk.4XZTYPIY.js";
-import "./chunks/chunk.SMIMHADA.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 "./chunks/chunk.UA5B6CPN.js";
-import "./chunks/chunk.4TE6DOQ5.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.5YZ63VR2.js";
@@ -318,12 +319,10 @@ import {
 import "./chunks/chunk.JIHDB74M.js";
 import "./chunks/chunk.ST3G47SZ.js";
 import "./chunks/chunk.QDG5AJZX.js";
-import "./chunks/chunk.QLETXF4A.js";
-import "./chunks/chunk.BHJVE26D.js";
+import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.2NT3B5WJ.js";
-import "./chunks/chunk.7CJJRXDG.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

@@ -33,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.",
@@ -80,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.",
@@ -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.8.0",
+  "version": "3.10.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/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "3.8.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.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.8.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": []
-}

package/dist/chunks/chunk.5HPKJLZA.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/divider/divider.component.ts"],
-  "sourcesContent": ["/* eslint-disable */\nimport { property } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './divider.styles.js';\nimport customStyles from './divider.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-divider--docs\n * @status stable\n * @since 2.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */\nexport default class SynDivider extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  /** Draws the divider in a vertical orientation. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  @watch('vertical')\n  handleVerticalChange() {\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB;AAkBzB,IAAqB,aAArB,cAAwC,eAAe;AAAA,EAAvD;AAAA;AAI8C,oBAAW;AAAA;AAAA,EAEvD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,aAAa,QAAQ,WAAW;AAAA,EACvC;AAAA,EAGA,uBAAuB;AACrB,SAAK,aAAa,oBAAoB,KAAK,WAAW,aAAa,YAAY;AAAA,EACjF;AACF;AAfqB,WACZ,SAAyB,CAAC,0BAAiB,wBAAQ,6BAAY;AAG1B;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJvB,WAIyB;AAQ5C;AAAA,EADC,MAAM,UAAU;AAAA,GAXE,WAYnB;",
-  "names": []
-}

package/dist/chunks/chunk.CXQHLGXV.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/header/header.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --sticky-position: 0;\n\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-panel-background-color);\n    box-shadow: inset 0 -1px 0 0 var(--syn-header-border-color);\n  }\n\n  /**\n   * The primary content area displays one to many slotted items\n   * and contains the following items:\n   * - side nav state icon (OPTIONAL)\n   * - company or application logo\n   * - application name\n   * - meta-navigation\n   */\n  .header__content {\n    align-items: center;\n    box-sizing: content-box;\n    display: flex;\n    min-height: 40px;\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n  }\n\n  /**\n   * The logo slot includes the application or company logo\n   */\n  .header__logo ::slotted(*),\n  .header__logo syn-icon {\n    display: block;\n  }\n\n  /**\n   * Make sure to use the correct color and outline for links\n   */\n  .header__logo ::slotted(a),\n  .header__logo ::slotted(a:hover) {\n    color: var(--syn-logo-color);\n  }\n\n  .header__logo ::slotted(a:is(:focus-visible)) {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color\n   */\n  .header__logo syn-icon,\n  .header__logo syn-icon::part(svg) {\n    color: var(--syn-logo-color);\n    height: 32px;\n    width: auto;\n  }\n\n  /**\n   * The label section hosts the application name\n   */\n  .header__label {\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-large-bold);\n    padding: 0 var(--syn-spacing-2x-large);\n    white-space: nowrap;\n  }\n\n  /**\n   * The options menu holds an arbitrary list of <syn-icon-button />\n   */\n  .header__meta-navigation {\n    display: flex;\n    flex: 1;\n    gap: var(--syn-spacing-x-small);\n    justify-content: end;\n  }\n\n  .header__meta-navigation ::slotted(*) {\n    color: var(--syn-interactive-quiet-color);\n    display: contents;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * The horizontal top navigation section\n   */\n  .header__navigation {\n    padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * The burger menu icon styles\n   */\n  .header__burger-menu-toggle {\n    align-items: center;\n    background: none;\n    border: none;\n    color: var(--syn-interactive-quiet-color);\n    cursor: pointer;\n    display: flex;\n    font-size: var(--syn-font-size-x-large);\n    margin-right: calc(var(--syn-spacing-medium) + var(--syn-spacing-2x-small));\n    padding: var(--syn-spacing-x-small);\n    transition: var(--syn-transition-x-fast) color;\n  }\n\n  .header__burger-menu-toggle:hover {\n    color: var(--syn-interactive-quiet-color-hover);\n  }\n\n  .header__burger-menu-toggle:active {\n    color: var(--syn-interactive-quiet-color-active);\n  }\n\n  .header__burger-menu-toggle:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * If the burger menu is provided, use a smaller spacing on the left side\n   */\n  .header--has-burger-menu .header__content {\n    padding-left: var(--syn-spacing-medium);\n  }\n\n  /**\n   * #529: Sticky header styles\n   */\n  :host([sticky]) {\n    box-shadow: var(--syn-shadow-sticky-down);\n    position: sticky;\n    top: var(--sticky-position);\n\n    /* Make sure the header is above all other content, but below any potential modals or overlays */\n    z-index: calc(infinity - 1);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;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;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": []
-}