@synergy-design-system/components 3.4.0 → 3.5.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.M67Q34LS.js";
+} from "./chunks/chunk.EUQYBYAZ.js";
 import {
   getFormControls,
   serialize
@@ -9,262 +9,255 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.DH2W34JP.js";
+} from "./chunks/chunk.3XQ5VLXY.js";
 import {
   tooltip_default
-} from "./chunks/chunk.S2TKXK3H.js";
-import "./chunks/chunk.PLUVTBCU.js";
-import "./chunks/chunk.7BLGNQYF.js";
+} from "./chunks/chunk.3DCW4HDA.js";
+import "./chunks/chunk.OY6ZX6TH.js";
 import "./chunks/chunk.MVM3NN6Y.js";
+import "./chunks/chunk.WEOHOC3C.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.3LGIA5UJ.js";
+} from "./chunks/chunk.BJUQE5YL.js";
 import {
   tag_default
-} from "./chunks/chunk.MGYKXWZG.js";
-import "./chunks/chunk.UQEZY2MP.js";
-import "./chunks/chunk.SHIPVO7H.js";
-import "./chunks/chunk.KPHDBL43.js";
+} from "./chunks/chunk.XQZR2X4X.js";
+import "./chunks/chunk.BQ7JABKS.js";
+import "./chunks/chunk.NDJJVGQL.js";
 import {
   tab_default
-} from "./chunks/chunk.AWSAP5JA.js";
+} from "./chunks/chunk.BZMKXI2L.js";
 import {
   tab_group_default
-} from "./chunks/chunk.L3VTFKPP.js";
-import "./chunks/chunk.RMLCZKL4.js";
+} from "./chunks/chunk.DYE6F2Y6.js";
+import "./chunks/chunk.CPC3JTDA.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
-import "./chunks/chunk.JZPLCDMG.js";
+import "./chunks/chunk.6A2AHHWZ.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.6KIX3PER.js";
 import {
   spinner_default
-} from "./chunks/chunk.EME2XLLU.js";
+} from "./chunks/chunk.SN2VEGTZ.js";
 import {
   switch_default
-} from "./chunks/chunk.UNEKO4DQ.js";
-import "./chunks/chunk.XNWASDT5.js";
-import "./chunks/chunk.SLDFB2O3.js";
-import "./chunks/chunk.X323W6VB.js";
-import "./chunks/chunk.5ZSMHHQE.js";
+} from "./chunks/chunk.KGECDG22.js";
+import "./chunks/chunk.EX4R7WUE.js";
+import "./chunks/chunk.32WNHWXJ.js";
+import "./chunks/chunk.FOH4KP4A.js";
 import "./chunks/chunk.XC4GHHH2.js";
 import "./chunks/chunk.JDYQ7EFG.js";
 import {
   select_default
-} from "./chunks/chunk.PXQUKOHR.js";
+} from "./chunks/chunk.RSTYXHB5.js";
+import "./chunks/chunk.O7OELAMY.js";
+import "./chunks/chunk.7DRFKCFD.js";
 import {
   side_nav_default
-} from "./chunks/chunk.P5OWYFNJ.js";
-import "./chunks/chunk.P5VLLIAA.js";
+} from "./chunks/chunk.7J4TXMXH.js";
+import "./chunks/chunk.JCWTUOY2.js";
 import "./chunks/chunk.EFSUQWJZ.js";
-import {
-  range_tick_default
-} from "./chunks/chunk.RBYUXWVU.js";
-import "./chunks/chunk.ZIPWPR45.js";
-import "./chunks/chunk.2VDKBFQ7.js";
-import "./chunks/chunk.VU45RYHZ.js";
-import "./chunks/chunk.5KL2GWNQ.js";
-import "./chunks/chunk.QK2Z3GW3.js";
-import "./chunks/chunk.F7LCJU4M.js";
-import "./chunks/chunk.GPP4D4HH.js";
-import {
-  radio_group_default
-} 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.FQ4KGYKO.js";
-import "./chunks/chunk.5OQDAMNY.js";
-import "./chunks/chunk.HLBSU5HB.js";
+} 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";
-import "./chunks/chunk.IM54DI3K.js";
+import "./chunks/chunk.KEO5PHF2.js";
 import "./chunks/chunk.236RSW67.js";
 import {
-  progress_ring_default
-} from "./chunks/chunk.NPEIIBBM.js";
+  range_tick_default
+} from "./chunks/chunk.TDWLNFH4.js";
+import "./chunks/chunk.GZVYO3UJ.js";
+import "./chunks/chunk.2VDKBFQ7.js";
+import "./chunks/chunk.QGLCODBD.js";
+import "./chunks/chunk.5KL2GWNQ.js";
 import {
   radio_default
-} from "./chunks/chunk.RQBH4AH3.js";
-import "./chunks/chunk.L7T7BH5I.js";
-import "./chunks/chunk.YOJL35VB.js";
-import "./chunks/chunk.YITQ6NLI.js";
+} from "./chunks/chunk.BVFTZ3AB.js";
 import {
   radio_button_default
-} from "./chunks/chunk.Y7RYQ66B.js";
-import "./chunks/chunk.MI4UFWSY.js";
+} from "./chunks/chunk.GT6WAUZ7.js";
+import "./chunks/chunk.EAEQ3AGO.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.NTBDBGG7.js";
+import "./chunks/chunk.CMCJB5AA.js";
+import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.GS4XBPEE.js";
-import "./chunks/chunk.C4N7J54S.js";
-import "./chunks/chunk.3WVPUEAN.js";
-import "./chunks/chunk.VPL7U5EC.js";
-import "./chunks/chunk.ZV4CF3ZJ.js";
+} from "./chunks/chunk.SBLP34SQ.js";
+import {
+  progress_ring_default
+} from "./chunks/chunk.AVH3ZNCM.js";
+import "./chunks/chunk.MZJLG4BF.js";
 import "./chunks/chunk.GCTLPTMT.js";
 import "./chunks/chunk.PB6IANE7.js";
+import "./chunks/chunk.CKADV3OI.js";
+import "./chunks/chunk.432DTUIX.js";
 import {
   popup_default
-} from "./chunks/chunk.F4ED64YD.js";
+} from "./chunks/chunk.5T4HS4EI.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.IMNZVGH7.js";
-import "./chunks/chunk.2BBNSYOY.js";
-import "./chunks/chunk.OJ3N7TWP.js";
+} from "./chunks/chunk.UCRA4FZW.js";
+import "./chunks/chunk.RHL3SPJO.js";
 import "./chunks/chunk.74N5WLM5.js";
+import "./chunks/chunk.OJ3N7TWP.js";
+import "./chunks/chunk.MCAB6KY5.js";
+import "./chunks/chunk.3WVPUEAN.js";
+import "./chunks/chunk.VPL7U5EC.js";
 import {
   optgroup_default
-} from "./chunks/chunk.J6VJSOK2.js";
-import "./chunks/chunk.QC4VGSZW.js";
-import "./chunks/chunk.3T6ULO23.js";
+} from "./chunks/chunk.LALGMGC2.js";
 import {
   option_default
-} from "./chunks/chunk.3V43VOCB.js";
+} from "./chunks/chunk.DFS7LPJO.js";
 import {
   menu_label_default
-} from "./chunks/chunk.F7ESWLUJ.js";
-import "./chunks/chunk.OE5MIRYY.js";
-import "./chunks/chunk.GZHQAHOL.js";
-import "./chunks/chunk.JILCM7FD.js";
+} from "./chunks/chunk.UQ65IBBL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.UNYKSD5O.js";
-import "./chunks/chunk.4AOCGMAY.js";
+} from "./chunks/chunk.IPWLCVHW.js";
+import "./chunks/chunk.FKVCNOHV.js";
 import "./chunks/chunk.K5MZVORR.js";
+import "./chunks/chunk.MCKS4JLW.js";
+import "./chunks/chunk.3T6ULO23.js";
 import {
   menu_default
-} from "./chunks/chunk.56TNALPZ.js";
-import "./chunks/chunk.RNZREX6Z.js";
-import "./chunks/chunk.3IQ2QEPZ.js";
-import "./chunks/chunk.V37RYGE7.js";
+} from "./chunks/chunk.YUUXCVT2.js";
 import {
   menu_item_default
-} from "./chunks/chunk.CNZHJBMS.js";
-import "./chunks/chunk.7IUQZ2ML.js";
-import "./chunks/chunk.BC532CB6.js";
+} from "./chunks/chunk.YGMDIJUQ.js";
+import "./chunks/chunk.JJ2K4ORZ.js";
 import "./chunks/chunk.UNYO3GI7.js";
 import "./chunks/chunk.N7HN275B.js";
-import {
-  icon_button_default
-} from "./chunks/chunk.BYEQNCV6.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.TUUD4GHX.js";
-import "./chunks/chunk.MRIKXX4L.js";
+} from "./chunks/chunk.UUECFETB.js";
+import "./chunks/chunk.7TPOI264.js";
 import "./chunks/chunk.KVS7GBFQ.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 {
   createMigrationLibrary,
   migrateIconName,
   migrateIconNameFilled,
   migrationLibrary,
   setupIcons
-} from "./chunks/chunk.WBOHZGDF.js";
-import {
-  file_default
-} from "./chunks/chunk.BWL4ZDNA.js";
-import {
-  header_default
-} from "./chunks/chunk.SLGR2ZGC.js";
-import "./chunks/chunk.5CMZF2WH.js";
-import "./chunks/chunk.CXQHLGXV.js";
-import {
-  icon_default
-} from "./chunks/chunk.IRBFRL7V.js";
-import {
-  drawer_default
-} from "./chunks/chunk.C3AKZ5AA.js";
+} from "./chunks/chunk.SFBSB7EM.js";
 import {
   dropdown_default
-} from "./chunks/chunk.26UMEPIH.js";
-import "./chunks/chunk.I6WV64JG.js";
+} from "./chunks/chunk.UE2OCWAE.js";
+import "./chunks/chunk.5RI2MXEU.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.TVVJTCGG.js";
-import "./chunks/chunk.2K4HDCDF.js";
-import "./chunks/chunk.CDOWFAH2.js";
 import {
-  dialog_default
-} from "./chunks/chunk.ZCZJZOM4.js";
+  file_default
+} from "./chunks/chunk.Q7G25NQW.js";
+import "./chunks/chunk.V6TCG5BQ.js";
+import "./chunks/chunk.2ECWEEUO.js";
+import "./chunks/chunk.VHCBBPBS.js";
+import "./chunks/chunk.CXQHLGXV.js";
+import {
+  icon_default
+} from "./chunks/chunk.K5OSYXNU.js";
 import {
   divider_default
-} from "./chunks/chunk.K6FQ7XXM.js";
-import "./chunks/chunk.TWCC2CP6.js";
+} from "./chunks/chunk.SKQK3F66.js";
+import "./chunks/chunk.VH6SKOPX.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.34A453XJ.js";
-import "./chunks/chunk.KLJESQ6T.js";
-import "./chunks/chunk.UORFJFA2.js";
-import "./chunks/chunk.I4FIU7FA.js";
 import {
-  combobox_default
-} from "./chunks/chunk.F5OQ5A6I.js";
+  drawer_default
+} from "./chunks/chunk.WUKKH3NE.js";
+import "./chunks/chunk.UNTUMNPO.js";
+import "./chunks/chunk.I4FIU7FA.js";
+import "./chunks/chunk.UORFJFA2.js";
 import {
   details_default
-} from "./chunks/chunk.GF3HUMZQ.js";
-import "./chunks/chunk.VBDEVVCF.js";
+} from "./chunks/chunk.Y5XMLHNP.js";
+import "./chunks/chunk.SWMV7T2O.js";
 import "./chunks/chunk.IP6JSQWX.js";
-import "./chunks/chunk.XAZXQY2M.js";
-import "./chunks/chunk.PN64BR66.js";
+import {
+  dialog_default
+} from "./chunks/chunk.J3GDNLNN.js";
+import "./chunks/chunk.LKMV5MVK.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.TTB55OFT.js";
+} from "./chunks/chunk.XWUVIVOV.js";
 import {
   checkbox_default
-} from "./chunks/chunk.GFOIJAQ7.js";
-import "./chunks/chunk.DHG2L3WA.js";
+} from "./chunks/chunk.UOEHTGNM.js";
+import "./chunks/chunk.XZ7DDRXL.js";
 import "./chunks/chunk.3JDUKQRN.js";
-import "./chunks/chunk.IZRTF5EM.js";
-import "./chunks/chunk.ZC3GXTWV.js";
-import "./chunks/chunk.RA6YFHDM.js";
-import "./chunks/chunk.PJTZN7JM.js";
+import "./chunks/chunk.VOUZJK5T.js";
+import {
+  combobox_default
+} from "./chunks/chunk.FFAHZBAJ.js";
+import "./chunks/chunk.IFEFFC3Q.js";
+import "./chunks/chunk.G7UFPFQ2.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.YWHVN3AH.js";
-import "./chunks/chunk.ARR23WUY.js";
+import "./chunks/chunk.CJLZ3QMG.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.PFYIQKRP.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.2DT3C6WE.js";
+import "./chunks/chunk.34WYIU4C.js";
+import "./chunks/chunk.4P4UJDDZ.js";
+import "./chunks/chunk.AMDQJFFP.js";
 import {
   defaultOptionRenderer,
   highlightOptionRenderer
 } from "./chunks/chunk.KLL2SVR7.js";
-import "./chunks/chunk.FVIRHFY6.js";
-import "./chunks/chunk.2DT3C6WE.js";
-import "./chunks/chunk.PTRCO527.js";
-import "./chunks/chunk.2IL4PA6Q.js";
-import "./chunks/chunk.AMDQJFFP.js";
-import "./chunks/chunk.6AT5JL7A.js";
 import {
   button_default
-} from "./chunks/chunk.4LOKOAC6.js";
+} from "./chunks/chunk.THNHZ3LC.js";
 import {
   button_group_default
-} from "./chunks/chunk.YRAMLOFR.js";
-import "./chunks/chunk.VOQPP2ZZ.js";
+} from "./chunks/chunk.RZ3REQWL.js";
+import "./chunks/chunk.PODVUIE6.js";
 import "./chunks/chunk.34RGILSE.js";
 import "./chunks/chunk.CX7IEDUW.js";
-import "./chunks/chunk.FBC4N7NR.js";
+import "./chunks/chunk.KUTXV7RO.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.R3SMKUIL.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.CIJVYJBT.js";
+} from "./chunks/chunk.GCISSJZP.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.H7S3NKK3.js";
-import "./chunks/chunk.HUPHWV4R.js";
+} from "./chunks/chunk.N4Y2OUEA.js";
+import "./chunks/chunk.MJA5HEFN.js";
 import "./chunks/chunk.BVV2XKW3.js";
 import "./chunks/chunk.OFKOVRHG.js";
-import "./chunks/chunk.CKHWRU6K.js";
-import "./chunks/chunk.2KZDXUHA.js";
+import "./chunks/chunk.CV7OGSN7.js";
+import "./chunks/chunk.XUAUB2UI.js";
 import "./chunks/chunk.WQMTAEYE.js";
 import "./chunks/chunk.7V7XEBE2.js";
 import "./chunks/chunk.J3GDDM6Q.js";
@@ -272,43 +265,43 @@ import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   alert_default
-} from "./chunks/chunk.BAQANMLJ.js";
+} from "./chunks/chunk.XLYCEJU4.js";
 import {
   badge_default
-} from "./chunks/chunk.BRNM4AJ5.js";
-import "./chunks/chunk.UCZ34PDA.js";
+} from "./chunks/chunk.X4NXSNI6.js";
+import "./chunks/chunk.STHUTCU7.js";
 import "./chunks/chunk.SA423NRC.js";
 import "./chunks/chunk.CMOZ4SCN.js";
-import "./chunks/chunk.U565GVEJ.js";
+import "./chunks/chunk.2YBC7C2K.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.WRPQ3635.js";
 import {
   accordion_default
-} from "./chunks/chunk.XAQXEY2M.js";
-import "./chunks/chunk.V7UB7DDN.js";
+} from "./chunks/chunk.ZJ6JMFVP.js";
+import "./chunks/chunk.JHJFFBNL.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.HHYD4FQJ.js";
+import "./chunks/chunk.6L4RCUNM.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.MQG45CA3.js";
-import "./chunks/chunk.DAIQ5WRI.js";
+import "./chunks/chunk.FKDUVEOP.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.645UJMOV.js";
+import "./chunks/chunk.TBZAI6T6.js";
+import "./chunks/chunk.PJO6TM3T.js";
+import "./chunks/chunk.4XZTYPIY.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.NMWM3BP7.js";
-import "./chunks/chunk.RODNHT5C.js";
+} from "./chunks/chunk.2BATB6NO.js";
 import {
   setSystemIconLibrary
 } from "./chunks/chunk.3RR4RIR7.js";
 import "./chunks/chunk.66HKI7Q7.js";
 import "./chunks/chunk.VBS3JEIP.js";
-import "./chunks/chunk.PJO6TM3T.js";
-import "./chunks/chunk.4XZTYPIY.js";
+import "./chunks/chunk.RODNHT5C.js";
 import "./chunks/chunk.QLETXF4A.js";
 import "./chunks/chunk.BHJVE26D.js";
 import {
@@ -329,8 +322,8 @@ import "./chunks/chunk.VL3GX6WV.js";
 import "./chunks/chunk.VMLERD3J.js";
 import "./chunks/chunk.QDG5AJZX.js";
 import "./chunks/chunk.SMIMHADA.js";
-import "./chunks/chunk.FXJLG622.js";
-import "./chunks/chunk.XBQWANZE.js";
+import "./chunks/chunk.2NT3B5WJ.js";
+import "./chunks/chunk.V4GFOKBI.js";
 import "./chunks/chunk.TSWB7UFK.js";
 import "./chunks/chunk.CCY6IYFD.js";
 import "./chunks/chunk.MO2GTRUM.js";

package/dist/utilities/icon-library.js

@@ -2,11 +2,11 @@ import "../chunks/chunk.NKIYFJN2.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.NMWM3BP7.js";
-import "../chunks/chunk.RODNHT5C.js";
+} from "../chunks/chunk.2BATB6NO.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,29 +33,6 @@
         }
       ]
     },
-    {
-      "name": "syn-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
-        }
-      ]
-    },
     {
       "name": "syn-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the alert opens.\n- **syn-after-show** - Emitted after the alert opens and all animations are complete.\n- **syn-hide** - Emitted when the alert closes.\n- **syn-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<syn-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
@@ -103,6 +80,29 @@
         }
       ]
     },
+    {
+      "name": "syn-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
+        }
+      ]
+    },
     {
       "name": "syn-breadcrumb",
       "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -363,6 +363,11 @@
           "description": "Disables the checkbox.",
           "values": []
         },
+        {
+          "name": "readonly",
+          "description": "Sets the checkbox to a readonly state.",
+          "values": []
+        },
         {
           "name": "checked",
           "description": "Draws the checkbox in a checked state.",
@@ -424,6 +429,11 @@
           "description": "Disables the combobox control.",
           "values": []
         },
+        {
+          "name": "readonly",
+          "description": "Sets the combobox to a readonly state.",
+          "values": []
+        },
         {
           "name": "clearable",
           "description": "Adds a clear button when the combobox is not empty.",
@@ -748,6 +758,11 @@
           "description": "Disables the file control.",
           "values": []
         },
+        {
+          "name": "readonly",
+          "description": "Sets the file control to a readonly state.",
+          "values": []
+        },
         {
           "name": "droparea",
           "description": "Draw the file control as a drop area",
@@ -1534,6 +1549,11 @@
           "name": "disabled",
           "description": "Disables the radio.",
           "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the radio to a readonly state.",
+          "values": []
         }
       ],
       "references": [
@@ -1654,6 +1674,11 @@
           "description": "Disables the range.",
           "values": []
         },
+        {
+          "name": "readonly",
+          "description": "Sets the range to a readonly state.",
+          "values": []
+        },
         {
           "name": "min",
           "description": "The minimum acceptable value of the range.",
@@ -1787,6 +1812,11 @@
           "description": "Disables the select control.",
           "values": []
         },
+        {
+          "name": "readonly",
+          "description": "Sets the select to a readonly state.",
+          "values": []
+        },
         {
           "name": "clearable",
           "description": "Adds a clear button when the select is not empty.",
@@ -1914,6 +1944,11 @@
           "description": "Disables the switch.",
           "values": []
         },
+        {
+          "name": "readonly",
+          "description": "Sets the switch to a readonly state.",
+          "values": []
+        },
         {
           "name": "checked",
           "description": "Draws the switch in a checked state.",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -94,8 +94,8 @@
     "stylelint": "^17.3.0",
     "typescript": "~5.9.3",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "3.4.0"
+    "@synergy-design-system/tokens": "3.5.0",
+    "@synergy-design-system/eslint-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.4.0"
+    "@synergy-design-system/tokens": "3.5.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {