@synergy-design-system/components 3.5.0 → 3.6.1

package/dist/synergy.js

@@ -1,232 +1,222 @@
+import "./chunks/chunk.NKIYFJN2.js";
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.EUQYBYAZ.js";
+} from "./chunks/chunk.5QUHHGOD.js";
+import "./chunks/chunk.3XZMOCG6.js";
+import "./chunks/chunk.MVM3NN6Y.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.H6EHQYZA.js";
-import "./chunks/chunk.NKIYFJN2.js";
+import {
+  tag_default
+} from "./chunks/chunk.6LMYTIGS.js";
 import {
   textarea_default
-} from "./chunks/chunk.3XQ5VLXY.js";
+} from "./chunks/chunk.HINYMLWI.js";
+import "./chunks/chunk.HBXMQ7PF.js";
+import "./chunks/chunk.NDJJVGQL.js";
 import {
   tooltip_default
-} from "./chunks/chunk.3DCW4HDA.js";
-import "./chunks/chunk.OY6ZX6TH.js";
-import "./chunks/chunk.MVM3NN6Y.js";
-import "./chunks/chunk.WEOHOC3C.js";
+} from "./chunks/chunk.ZOW7OV2U.js";
+import "./chunks/chunk.4GDY7NEK.js";
+import {
+  tab_group_default
+} from "./chunks/chunk.SCKEUIIF.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.BJUQE5YL.js";
+} from "./chunks/chunk.NWNEDOFO.js";
+import "./chunks/chunk.RXRHPQ7D.js";
+import "./chunks/chunk.XHWYGYMQ.js";
+import "./chunks/chunk.6KIX3PER.js";
 import {
-  tag_default
-} from "./chunks/chunk.XQZR2X4X.js";
-import "./chunks/chunk.BQ7JABKS.js";
-import "./chunks/chunk.NDJJVGQL.js";
+  switch_default
+} from "./chunks/chunk.J2QD6WCF.js";
 import {
   tab_default
-} from "./chunks/chunk.BZMKXI2L.js";
-import {
-  tab_group_default
-} from "./chunks/chunk.DYE6F2Y6.js";
-import "./chunks/chunk.CPC3JTDA.js";
+} from "./chunks/chunk.AHX2WNRS.js";
+import "./chunks/chunk.VEIXDC5G.js";
+import "./chunks/chunk.XC4GHHH2.js";
+import "./chunks/chunk.JDYQ7EFG.js";
+import "./chunks/chunk.34DCXKYT.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
-import "./chunks/chunk.6A2AHHWZ.js";
-import "./chunks/chunk.XHWYGYMQ.js";
-import "./chunks/chunk.6KIX3PER.js";
 import {
-  spinner_default
-} from "./chunks/chunk.SN2VEGTZ.js";
+  side_nav_default
+} from "./chunks/chunk.HSSW752S.js";
 import {
-  switch_default
-} from "./chunks/chunk.KGECDG22.js";
-import "./chunks/chunk.EX4R7WUE.js";
+  spinner_default
+} from "./chunks/chunk.XVXJDFUK.js";
+import "./chunks/chunk.FDOTWE5Q.js";
 import "./chunks/chunk.32WNHWXJ.js";
-import "./chunks/chunk.FOH4KP4A.js";
-import "./chunks/chunk.XC4GHHH2.js";
-import "./chunks/chunk.JDYQ7EFG.js";
+import {
+  range_tick_default
+} from "./chunks/chunk.SCMER6XQ.js";
+import "./chunks/chunk.ZQJTGEHX.js";
+import "./chunks/chunk.5KL2GWNQ.js";
 import {
   select_default
-} from "./chunks/chunk.RSTYXHB5.js";
-import "./chunks/chunk.O7OELAMY.js";
+} from "./chunks/chunk.57A42NLG.js";
+import "./chunks/chunk.R4FKW3GX.js";
 import "./chunks/chunk.7DRFKCFD.js";
-import {
-  side_nav_default
-} from "./chunks/chunk.7J4TXMXH.js";
-import "./chunks/chunk.JCWTUOY2.js";
+import "./chunks/chunk.O5STVMJZ.js";
 import "./chunks/chunk.EFSUQWJZ.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.UEMDEZX6.js";
 import {
   range_default
-} from "./chunks/chunk.XCFOLSPD.js";
-import "./chunks/chunk.3AZ6O5UW.js";
-import "./chunks/chunk.KT6MHQM6.js";
-import "./chunks/chunk.E7LBPRDC.js";
-import "./chunks/chunk.YOFWLXEH.js";
+} from "./chunks/chunk.36JGEYPF.js";
+import "./chunks/chunk.LWIAMY4V.js";
+import "./chunks/chunk.6VJY3TRA.js";
+import "./chunks/chunk.EQUDFX74.js";
 import "./chunks/chunk.KEO5PHF2.js";
 import "./chunks/chunk.236RSW67.js";
-import {
-  range_tick_default
-} from "./chunks/chunk.TDWLNFH4.js";
-import "./chunks/chunk.GZVYO3UJ.js";
+import "./chunks/chunk.JHE7UVMI.js";
 import "./chunks/chunk.2VDKBFQ7.js";
-import "./chunks/chunk.QGLCODBD.js";
-import "./chunks/chunk.5KL2GWNQ.js";
+import {
+  progress_ring_default
+} from "./chunks/chunk.DFMLUH2N.js";
 import {
   radio_default
-} from "./chunks/chunk.BVFTZ3AB.js";
+} from "./chunks/chunk.S2IHOYLF.js";
+import "./chunks/chunk.ZJSALTLL.js";
+import "./chunks/chunk.432DTUIX.js";
 import {
   radio_button_default
-} from "./chunks/chunk.GT6WAUZ7.js";
-import "./chunks/chunk.EAEQ3AGO.js";
+} from "./chunks/chunk.Z7JE3NFJ.js";
+import "./chunks/chunk.3WVDHGXC.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
-import {
-  radio_group_default
-} from "./chunks/chunk.NTBDBGG7.js";
-import "./chunks/chunk.CMCJB5AA.js";
+import "./chunks/chunk.RU2RT37T.js";
 import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.SBLP34SQ.js";
-import {
-  progress_ring_default
-} from "./chunks/chunk.AVH3ZNCM.js";
-import "./chunks/chunk.MZJLG4BF.js";
+} from "./chunks/chunk.UCXZFEKY.js";
+import "./chunks/chunk.OEGAZKUI.js";
+import "./chunks/chunk.3WVPUEAN.js";
+import "./chunks/chunk.VPL7U5EC.js";
+import "./chunks/chunk.EA2ED5LW.js";
 import "./chunks/chunk.GCTLPTMT.js";
 import "./chunks/chunk.PB6IANE7.js";
-import "./chunks/chunk.CKADV3OI.js";
-import "./chunks/chunk.432DTUIX.js";
+import {
+  option_default
+} from "./chunks/chunk.N2P6JGTF.js";
 import {
   popup_default
-} from "./chunks/chunk.5T4HS4EI.js";
+} from "./chunks/chunk.2PPN6KVK.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.UCRA4FZW.js";
-import "./chunks/chunk.RHL3SPJO.js";
-import "./chunks/chunk.74N5WLM5.js";
+} from "./chunks/chunk.A2AYJJ7H.js";
+import "./chunks/chunk.4ZWPK4JG.js";
 import "./chunks/chunk.OJ3N7TWP.js";
-import "./chunks/chunk.MCAB6KY5.js";
-import "./chunks/chunk.3WVPUEAN.js";
-import "./chunks/chunk.VPL7U5EC.js";
+import "./chunks/chunk.74N5WLM5.js";
+import {
+  nav_item_default
+} from "./chunks/chunk.TASXJ4ZX.js";
 import {
   optgroup_default
-} from "./chunks/chunk.LALGMGC2.js";
+} from "./chunks/chunk.ZS2RODX4.js";
+import "./chunks/chunk.IKGD2H5A.js";
+import "./chunks/chunk.3T6ULO23.js";
 import {
-  option_default
-} from "./chunks/chunk.DFS7LPJO.js";
+  menu_item_default
+} from "./chunks/chunk.L6H7CHLC.js";
 import {
   menu_label_default
-} from "./chunks/chunk.UQ65IBBL.js";
-import {
-  nav_item_default
-} from "./chunks/chunk.IPWLCVHW.js";
-import "./chunks/chunk.FKVCNOHV.js";
+} from "./chunks/chunk.YYCO33PM.js";
+import "./chunks/chunk.SBAXRTPJ.js";
+import "./chunks/chunk.QKRQEB4F.js";
+import "./chunks/chunk.KC4VEV4Y.js";
 import "./chunks/chunk.K5MZVORR.js";
-import "./chunks/chunk.MCKS4JLW.js";
-import "./chunks/chunk.3T6ULO23.js";
 import {
-  menu_default
-} from "./chunks/chunk.YUUXCVT2.js";
+  input_default
+} from "./chunks/chunk.Q7VKIJC3.js";
 import {
-  menu_item_default
-} from "./chunks/chunk.YGMDIJUQ.js";
-import "./chunks/chunk.JJ2K4ORZ.js";
-import "./chunks/chunk.UNYO3GI7.js";
-import "./chunks/chunk.N7HN275B.js";
+  menu_default
+} from "./chunks/chunk.NMBIRUQU.js";
+import "./chunks/chunk.X5VH7MID.js";
+import "./chunks/chunk.NXIQ25W4.js";
+import "./chunks/chunk.MAKIWTSE.js";
+import "./chunks/chunk.CAEBFUZN.js";
 import "./chunks/chunk.BC532CB6.js";
-import "./chunks/chunk.7RZ27FQL.js";
-import "./chunks/chunk.GZHQAHOL.js";
-import "./chunks/chunk.JILCM7FD.js";
 import {
-  input_default
-} from "./chunks/chunk.UUECFETB.js";
-import "./chunks/chunk.7TPOI264.js";
-import "./chunks/chunk.KVS7GBFQ.js";
+  icon_button_default
+} from "./chunks/chunk.YSWL6IJW.js";
+import "./chunks/chunk.QTVJRWRP.js";
 import "./chunks/chunk.6P2XCD2Q.js";
 import "./chunks/chunk.PHFTXPIT.js";
-import "./chunks/chunk.H63OT7RB.js";
-import "./chunks/chunk.V37RYGE7.js";
-import "./chunks/chunk.3IQ2QEPZ.js";
-import {
-  icon_button_default
-} from "./chunks/chunk.BBPFCDZW.js";
-import {
-  header_default
-} from "./chunks/chunk.OZ3LPRZE.js";
+import "./chunks/chunk.KVS7GBFQ.js";
 import {
   createMigrationLibrary,
   migrateIconName,
   migrateIconNameFilled,
   migrationLibrary,
   setupIcons
-} from "./chunks/chunk.SFBSB7EM.js";
+} from "./chunks/chunk.WBOHZGDF.js";
 import {
   dropdown_default
-} from "./chunks/chunk.UE2OCWAE.js";
-import "./chunks/chunk.5RI2MXEU.js";
-import "./chunks/chunk.2KYFCKCK.js";
-import "./chunks/chunk.TVVJTCGG.js";
+} from "./chunks/chunk.EJTQEUF4.js";
 import {
   file_default
-} from "./chunks/chunk.Q7G25NQW.js";
-import "./chunks/chunk.V6TCG5BQ.js";
+} from "./chunks/chunk.P4ZXNQQ4.js";
+import "./chunks/chunk.2A5ZKU32.js";
 import "./chunks/chunk.2ECWEEUO.js";
-import "./chunks/chunk.VHCBBPBS.js";
-import "./chunks/chunk.CXQHLGXV.js";
+import {
+  header_default
+} from "./chunks/chunk.CVUNFQUG.js";
+import "./chunks/chunk.XBDUDOPF.js";
 import {
   icon_default
-} from "./chunks/chunk.K5OSYXNU.js";
+} from "./chunks/chunk.JWA6M5ZZ.js";
+import "./chunks/chunk.CXQHLGXV.js";
 import {
   divider_default
-} from "./chunks/chunk.SKQK3F66.js";
-import "./chunks/chunk.VH6SKOPX.js";
-import "./chunks/chunk.57RV2JXO.js";
-import "./chunks/chunk.34A453XJ.js";
+} from "./chunks/chunk.TB237H74.js";
 import {
   drawer_default
-} from "./chunks/chunk.WUKKH3NE.js";
-import "./chunks/chunk.UNTUMNPO.js";
+} from "./chunks/chunk.SYMEFYEK.js";
+import "./chunks/chunk.Q7TOL5PH.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.UORFJFA2.js";
+import "./chunks/chunk.E3U7WNRA.js";
+import "./chunks/chunk.TUSN4AOP.js";
 import {
   details_default
-} from "./chunks/chunk.Y5XMLHNP.js";
-import "./chunks/chunk.SWMV7T2O.js";
+} from "./chunks/chunk.PLIBKR5J.js";
+import "./chunks/chunk.PIKKRGFU.js";
 import "./chunks/chunk.IP6JSQWX.js";
 import {
   dialog_default
-} from "./chunks/chunk.J3GDNLNN.js";
-import "./chunks/chunk.LKMV5MVK.js";
+} from "./chunks/chunk.RCI5CCXX.js";
+import "./chunks/chunk.JKA6KBXT.js";
 import "./chunks/chunk.P4JFVVSO.js";
 import "./chunks/chunk.XRSLCQH3.js";
 import "./chunks/chunk.EHZBQTCT.js";
 import "./chunks/chunk.PN64BR66.js";
-import {
-  card_default
-} from "./chunks/chunk.XWUVIVOV.js";
+import "./chunks/chunk.NEHYBY5N.js";
+import "./chunks/chunk.57RV2JXO.js";
+import "./chunks/chunk.34A453XJ.js";
 import {
   checkbox_default
-} from "./chunks/chunk.UOEHTGNM.js";
-import "./chunks/chunk.XZ7DDRXL.js";
+} from "./chunks/chunk.D5UFMTUH.js";
+import "./chunks/chunk.XIO6NVNU.js";
 import "./chunks/chunk.3JDUKQRN.js";
 import "./chunks/chunk.VOUZJK5T.js";
 import {
   combobox_default
-} from "./chunks/chunk.FFAHZBAJ.js";
-import "./chunks/chunk.IFEFFC3Q.js";
-import "./chunks/chunk.G7UFPFQ2.js";
+} from "./chunks/chunk.HZ74RYOQ.js";
+import "./chunks/chunk.3NWL4AL3.js";
+import "./chunks/chunk.PDOQLAYW.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.CJLZ3QMG.js";
+import "./chunks/chunk.VCJQ6DPU.js";
+import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.GIEAMHSU.js";
-import "./chunks/chunk.36EHOOOO.js";
-import "./chunks/chunk.DEJAPNIZ.js";
-import "./chunks/chunk.FVIRHFY6.js";
+import "./chunks/chunk.AOOC5ALQ.js";
+import "./chunks/chunk.3334XOIY.js";
 import "./chunks/chunk.2DT3C6WE.js";
 import "./chunks/chunk.34WYIU4C.js";
 import "./chunks/chunk.4P4UJDDZ.js";
@@ -235,79 +225,83 @@ import {
   defaultOptionRenderer,
   highlightOptionRenderer
 } from "./chunks/chunk.KLL2SVR7.js";
-import {
-  button_default
-} from "./chunks/chunk.THNHZ3LC.js";
+import "./chunks/chunk.FVIRHFY6.js";
 import {
   button_group_default
-} from "./chunks/chunk.RZ3REQWL.js";
-import "./chunks/chunk.PODVUIE6.js";
+} from "./chunks/chunk.N5ZE6OSY.js";
+import "./chunks/chunk.JXKV4DYA.js";
 import "./chunks/chunk.34RGILSE.js";
 import "./chunks/chunk.CX7IEDUW.js";
-import "./chunks/chunk.KUTXV7RO.js";
+import {
+  card_default
+} from "./chunks/chunk.WOUHL4WE.js";
+import "./chunks/chunk.XO7VQMVX.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.R3SMKUIL.js";
-import {
-  breadcrumb_default
-} from "./chunks/chunk.GCISSJZP.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.N4Y2OUEA.js";
-import "./chunks/chunk.MJA5HEFN.js";
+} from "./chunks/chunk.WM6M3IWG.js";
+import "./chunks/chunk.PDVI2IPR.js";
 import "./chunks/chunk.BVV2XKW3.js";
 import "./chunks/chunk.OFKOVRHG.js";
-import "./chunks/chunk.CV7OGSN7.js";
-import "./chunks/chunk.XUAUB2UI.js";
+import {
+  button_default
+} from "./chunks/chunk.NUNQOP7A.js";
+import "./chunks/chunk.2IVMHEQ6.js";
+import "./chunks/chunk.J37FDI7L.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.XLYCEJU4.js";
 import {
   badge_default
-} from "./chunks/chunk.X4NXSNI6.js";
-import "./chunks/chunk.STHUTCU7.js";
-import "./chunks/chunk.SA423NRC.js";
-import "./chunks/chunk.CMOZ4SCN.js";
-import "./chunks/chunk.2YBC7C2K.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.WRPQ3635.js";
+} from "./chunks/chunk.EPMUBNXV.js";
 import {
-  accordion_default
-} from "./chunks/chunk.ZJ6JMFVP.js";
-import "./chunks/chunk.JHJFFBNL.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.6L4RCUNM.js";
+  alert_default
+} from "./chunks/chunk.VU6FOBTQ.js";
+import "./chunks/chunk.SSOL4LVM.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.FKDUVEOP.js";
+import "./chunks/chunk.QOBJ2NX5.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.TBZAI6T6.js";
+import "./chunks/chunk.UA5B6CPN.js";
+import {
+  breadcrumb_default
+} from "./chunks/chunk.XYDE666E.js";
+import "./chunks/chunk.XAXHRDXN.js";
+import "./chunks/chunk.LJNMLUJK.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.4XZTYPIY.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.2BATB6NO.js";
+} from "./chunks/chunk.NMWM3BP7.js";
+import "./chunks/chunk.RODNHT5C.js";
 import {
   setSystemIconLibrary
 } from "./chunks/chunk.3RR4RIR7.js";
 import "./chunks/chunk.66HKI7Q7.js";
 import "./chunks/chunk.VBS3JEIP.js";
-import "./chunks/chunk.RODNHT5C.js";
-import "./chunks/chunk.QLETXF4A.js";
-import "./chunks/chunk.BHJVE26D.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.WRPQ3635.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.PLV4PZYX.js";
+import {
+  accordion_default
+} from "./chunks/chunk.TVSMRXAW.js";
+import "./chunks/chunk.Q3XZRHS6.js";
+import "./chunks/chunk.SMIMHADA.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.KURP6IS6.js";
+import "./chunks/chunk.QLETXF4A.js";
+import "./chunks/chunk.BHJVE26D.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.YACUYJZN.js";
@@ -321,11 +315,10 @@ import {
 import "./chunks/chunk.VL3GX6WV.js";
 import "./chunks/chunk.VMLERD3J.js";
 import "./chunks/chunk.QDG5AJZX.js";
-import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.2NT3B5WJ.js";
-import "./chunks/chunk.V4GFOKBI.js";
-import "./chunks/chunk.TSWB7UFK.js";
-import "./chunks/chunk.CCY6IYFD.js";
+import "./chunks/chunk.IUFTAV2I.js";
+import "./chunks/chunk.SA423NRC.js";
+import "./chunks/chunk.CMOZ4SCN.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.2BATB6NO.js";
+} from "../chunks/chunk.NMWM3BP7.js";
+import "../chunks/chunk.RODNHT5C.js";
 import "../chunks/chunk.3RR4RIR7.js";
 import "../chunks/chunk.66HKI7Q7.js";
 import "../chunks/chunk.VBS3JEIP.js";
-import "../chunks/chunk.RODNHT5C.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.",
@@ -2312,12 +2312,16 @@
     },
     {
       "name": "syn-validate",
-      "description": "Validate provides form field validation messages in a unified way.\nIt does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\nand showing the validation message in a consistent, user defined way.\n---\n\n\n### **Methods:**\n - **getValidity()** - Returns the validity state of the input component.\n`true` for valid and `false` for invalid.\n\n### **Slots:**\n - _default_ - The form field that should be validated. Avoid slotting in more than one element, as subsequent ones will be ignored.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input-wrapper** - The container that wraps the form field.\n- **alert** - The syn-alert that is shown when the variant is set to \"inline\".\n- **alert__base** - The container that wraps the alert.\n- **alert__message** - The container that wraps the alert message.\n- **alert__icon** - The container that wraps the alert icon.",
+      "description": "Validate provides form field validation messages in a unified way.\nIt does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\nand showing the validation message in a consistent, user defined way.\n---\n\n\n### **Methods:**\n - **getValidity()** - Returns the validity state of the input component.\n`true` for valid and `false` for invalid.\n\n### **Slots:**\n - _default_ - The form field that should be validated. Avoid slotting in more than one element, as subsequent ones will be ignored.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **input-wrapper** - The container that wraps the form field.\n- **alert** - The syn-alert that is shown when the variant is set to \"inline\".\n- **alert__base** - The container that wraps the alert.\n- **alert__message** - The container that wraps the alert message.\n- **alert__icon** - The container that wraps the alert icon.\n- **tooltip** - The syn-tooltip that is shown when the variant is set to \"tooltip\".\n- **tooltip__base** - The container that wraps the tooltip.\n- **tooltip__popup** - The container that wraps the tooltip popup.\n- **tooltip__arrow** - The container that wraps the tooltip arrow.\n- **tooltip__body** - The container that wraps the tooltip body.",
       "attributes": [
         {
           "name": "variant",
-          "description": "The variant that should be used to show validation alerts.\n\nThe following variants are supported:\n- **native** (default): Uses the native browser validation, usually a browser tooltip.\n- **inline**: Show the validation message underneath the element, using a `<syn-alert>`",
-          "values": [{ "name": "native" }, { "name": "inline" }]
+          "description": "The variant that should be used to show validation alerts.\n\nThe following variants are supported:\n- **native** (default): Uses the native browser validation, usually a browser tooltip.\n- **tooltip**: Show the validation message as a tooltip using a `<syn-tooltip>`.\n- **inline**: Show the validation message underneath the element, using a `<syn-alert>`",
+          "values": [
+            { "name": "native" },
+            { "name": "tooltip" },
+            { "name": "inline" }
+          ]
         },
         {
           "name": "hide-icon",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "3.5.0",
+  "version": "3.6.1",
   "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.5.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/tokens": "3.6.1"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
@@ -105,7 +105,7 @@
     "lit": "^3.3.2"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "3.5.0"
+    "@synergy-design-system/tokens": "3.6.1"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/dropdown/dropdown.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,iCAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/chunks/chunk.36EHOOOO.js

@@ -1,23 +0,0 @@
-// src/components/popup/popup.custom.styles.ts
-import { css } from "lit";
-var popup_custom_styles_default = css`
-  .popup {
-    /* Clear UA styles for [popover] */
-    :where(&) {
-      background: unset;
-      border: unset;
-      color: unset;
-      height: unset;
-      inset: unset;
-      margin: unset;
-      overflow: unset;
-      padding: unset;
-      width: unset;
-    }
-  }
-`;
-
-export {
-  popup_custom_styles_default
-};
-//# sourceMappingURL=chunk.36EHOOOO.js.map