@synergy-design-system/components 2.64.1 → 2.65.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.MROBX7K3.js";
+} from "./chunks/chunk.XM56USHV.js";
 import {
   getFormControls,
   serialize
@@ -9,224 +9,224 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.USJ65Q5K.js";
+} from "./chunks/chunk.5OUAPLOG.js";
 import {
   tooltip_default
-} from "./chunks/chunk.KVXJIDWK.js";
-import "./chunks/chunk.OUDK6MKS.js";
-import "./chunks/chunk.DRPMOCIT.js";
+} from "./chunks/chunk.I3P673HN.js";
+import "./chunks/chunk.DBUJEP7T.js";
+import "./chunks/chunk.JYNQPTNP.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.NKHRSUZN.js";
+} from "./chunks/chunk.5PFY75ZL.js";
 import {
   tag_default
-} from "./chunks/chunk.V6PU6KQE.js";
-import "./chunks/chunk.Z3AALKZJ.js";
+} from "./chunks/chunk.BDYEN33L.js";
+import "./chunks/chunk.73VHZBRE.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.TNLLYZDR.js";
+} from "./chunks/chunk.FFY3NBHU.js";
 import {
   tab_group_default
-} from "./chunks/chunk.POIPFRMZ.js";
-import "./chunks/chunk.6WEPOTHD.js";
-import "./chunks/chunk.XOXVVU5C.js";
+} from "./chunks/chunk.PLGGAUVC.js";
+import "./chunks/chunk.HKCCF3PQ.js";
+import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.UPMCT5ZH.js";
+import "./chunks/chunk.I24VNPLZ.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.5J5EMYDP.js";
+} from "./chunks/chunk.FYNIN2KN.js";
 import {
   switch_default
-} from "./chunks/chunk.5UPWOK65.js";
-import "./chunks/chunk.54PQE5R3.js";
+} from "./chunks/chunk.AJGYASY3.js";
+import "./chunks/chunk.STTOEMIZ.js";
 import "./chunks/chunk.ESOR5SLZ.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.LK2SNSNY.js";
-import "./chunks/chunk.JMMSJRM5.js";
+import "./chunks/chunk.EPOOI6WA.js";
+import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
-  createMigrationLibrary,
-  migrateIconName,
-  migrateIconNameFilled,
-  migrationLibrary,
-  setupIcons
-} from "./chunks/chunk.EEGT5ELQ.js";
+  select_default
+} from "./chunks/chunk.7J7OAU2H.js";
 import {
   side_nav_default
-} from "./chunks/chunk.UA3ADC6Y.js";
-import "./chunks/chunk.63C2FVQK.js";
+} from "./chunks/chunk.7EOYI5OF.js";
+import "./chunks/chunk.XRPHFQEC.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.46FMQNSY.js";
-import "./chunks/chunk.J6DRJPDH.js";
+} from "./chunks/chunk.EM2H6C6L.js";
+import "./chunks/chunk.477VJYGX.js";
+import "./chunks/chunk.DH3ESODU.js";
+import "./chunks/chunk.4VUTPQD3.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import {
-  select_default
-} from "./chunks/chunk.4MFIFEUR.js";
-import "./chunks/chunk.T6B3N5OV.js";
-import "./chunks/chunk.UNHMUUTJ.js";
+import "./chunks/chunk.EOTGBOJW.js";
+import "./chunks/chunk.JS3VQ4EC.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
+import "./chunks/chunk.VECCQZP5.js";
 import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
-import "./chunks/chunk.VECCQZP5.js";
 import {
   radio_group_default
-} from "./chunks/chunk.V77YMTRK.js";
+} from "./chunks/chunk.3NYWRCZM.js";
+import "./chunks/chunk.A6JBE45E.js";
+import "./chunks/chunk.6USNG4EL.js";
+import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.JQGS5RXN.js";
-import "./chunks/chunk.KEONVAGG.js";
-import "./chunks/chunk.IO7HGVDM.js";
+} from "./chunks/chunk.UTPFOMS3.js";
+import "./chunks/chunk.SJ2EYSGL.js";
+import "./chunks/chunk.4TKHRLEX.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.BXXVSZMC.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.JS6UDUQX.js";
-import "./chunks/chunk.DH3ESODU.js";
+import {
+  progress_ring_default
+} from "./chunks/chunk.ZGMOGML7.js";
 import {
   radio_default
-} from "./chunks/chunk.CCOIUDCF.js";
+} from "./chunks/chunk.VH7JZBFN.js";
+import "./chunks/chunk.Q537KN5V.js";
+import "./chunks/chunk.JK6P7JZN.js";
+import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.MEAG3XN5.js";
-import "./chunks/chunk.G6YEGNEJ.js";
+} from "./chunks/chunk.OAPIFRL6.js";
+import "./chunks/chunk.NKIZN4PF.js";
 import "./chunks/chunk.4BRJ5OJE.js";
-import "./chunks/chunk.HOUWMX4P.js";
-import "./chunks/chunk.K62NPKGN.js";
-import "./chunks/chunk.6USNG4EL.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.RAMLUWQO.js";
-import {
-  progress_ring_default
-} from "./chunks/chunk.IO4CVQMO.js";
-import "./chunks/chunk.G2ZHRJL3.js";
+} from "./chunks/chunk.NXWNC7XV.js";
+import "./chunks/chunk.R6CXN5G3.js";
+import "./chunks/chunk.A7LOAARY.js";
+import "./chunks/chunk.QUM76UHV.js";
+import "./chunks/chunk.WAD6H5MV.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
-import "./chunks/chunk.XDTXK5YQ.js";
-import "./chunks/chunk.JK6P7JZN.js";
-import "./chunks/chunk.EHSNF4SS.js";
 import {
   popup_default
-} from "./chunks/chunk.2TJTDQ25.js";
+} from "./chunks/chunk.A3W2XWRV.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.EW2OHZZF.js";
-import "./chunks/chunk.JLM45YDS.js";
-import "./chunks/chunk.74N5WLM5.js";
+} from "./chunks/chunk.PF3NAG26.js";
+import "./chunks/chunk.62TJ27QL.js";
 import "./chunks/chunk.OJ3N7TWP.js";
-import "./chunks/chunk.S5QEDRXS.js";
-import "./chunks/chunk.A7LOAARY.js";
-import "./chunks/chunk.QUM76UHV.js";
+import "./chunks/chunk.74N5WLM5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.54GG4GGT.js";
+} from "./chunks/chunk.OGXDZ7AA.js";
+import "./chunks/chunk.AVAUNQOJ.js";
+import "./chunks/chunk.MJ7R4QQT.js";
 import {
   option_default
-} from "./chunks/chunk.RE3XYMEM.js";
+} from "./chunks/chunk.3HNANGHN.js";
 import {
   menu_label_default
-} from "./chunks/chunk.KLHQOYVO.js";
+} from "./chunks/chunk.MSICZKUD.js";
+import "./chunks/chunk.ZMNFX2AU.js";
+import "./chunks/chunk.GZHQAHOL.js";
+import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.SLYPBBCN.js";
-import "./chunks/chunk.2LGLJN2Q.js";
+} from "./chunks/chunk.K2QKG2CJ.js";
+import "./chunks/chunk.OE7XO7OF.js";
 import "./chunks/chunk.M74YQZ5G.js";
-import "./chunks/chunk.L35BG3C2.js";
-import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.IXNHHNSF.js";
+} from "./chunks/chunk.JSZLWD7O.js";
+import "./chunks/chunk.S7PUIVDX.js";
+import "./chunks/chunk.3IQ2QEPZ.js";
+import "./chunks/chunk.C2CWYCOU.js";
 import {
   menu_item_default
-} from "./chunks/chunk.UQGNX6OP.js";
-import "./chunks/chunk.LQCEWIDN.js";
+} from "./chunks/chunk.TKTAC7AI.js";
+import "./chunks/chunk.T62TMDQX.js";
+import "./chunks/chunk.V4HPWQE7.js";
 import "./chunks/chunk.SZEHOV5P.js";
 import "./chunks/chunk.FSWTBNSI.js";
-import "./chunks/chunk.V4HPWQE7.js";
-import "./chunks/chunk.Z4IAL2B6.js";
-import "./chunks/chunk.GZHQAHOL.js";
-import "./chunks/chunk.RAOPZXJL.js";
+import {
+  icon_button_default
+} from "./chunks/chunk.5EEFXI3K.js";
 import {
   input_default
-} from "./chunks/chunk.5VTF57UQ.js";
-import "./chunks/chunk.TWUZAFB2.js";
+} from "./chunks/chunk.DIT5V5V5.js";
+import "./chunks/chunk.OUSHHTEA.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.PKEDRAAE.js";
-import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.3IQ2QEPZ.js";
+import {
+  createMigrationLibrary,
+  migrateIconName,
+  migrateIconNameFilled,
+  migrationLibrary,
+  setupIcons
+} from "./chunks/chunk.RKQUXZPO.js";
 import {
   file_default
-} from "./chunks/chunk.4TX67LYO.js";
+} from "./chunks/chunk.B3G4IOML.js";
 import {
   header_default
-} from "./chunks/chunk.EMTFZ5ZW.js";
-import "./chunks/chunk.FVQDWSFK.js";
-import {
-  icon_default
-} from "./chunks/chunk.5CL5XD25.js";
+} from "./chunks/chunk.LYDOPYXG.js";
+import "./chunks/chunk.KEZKD5TK.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
-  icon_button_default
-} from "./chunks/chunk.J5UV2DQB.js";
+  icon_default
+} from "./chunks/chunk.IR6FQJMH.js";
 import {
   drawer_default
-} from "./chunks/chunk.56KN4GMX.js";
+} from "./chunks/chunk.C435SRBD.js";
 import {
   dropdown_default
-} from "./chunks/chunk.XXEALYGQ.js";
-import "./chunks/chunk.OZMPEUXP.js";
+} from "./chunks/chunk.2IT6WXJR.js";
+import "./chunks/chunk.CHKWEODV.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.WWG56SLA.js";
+import "./chunks/chunk.4F5FHM3R.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.J6AALDBL.js";
+} from "./chunks/chunk.BEMZYDHO.js";
 import {
   divider_default
-} from "./chunks/chunk.SJEHKWBV.js";
-import "./chunks/chunk.GJKZLFB3.js";
+} from "./chunks/chunk.4K2HW4XO.js";
+import "./chunks/chunk.ERQ4XWOU.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.T4J7JNYQ.js";
+import "./chunks/chunk.KJWL6FCT.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.T6LOB6P4.js";
-import "./chunks/chunk.CX2I67SA.js";
+} from "./chunks/chunk.YCPNLURD.js";
+import "./chunks/chunk.7CCK36W7.js";
 import "./chunks/chunk.DFK2PRNS.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.ORLUWKDS.js";
+import "./chunks/chunk.E4K54L6Y.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.UCLYCASW.js";
 import {
   checkbox_default
-} from "./chunks/chunk.IVKL22PW.js";
-import "./chunks/chunk.5VYWXI7Q.js";
+} from "./chunks/chunk.S6D324DF.js";
+import "./chunks/chunk.OKAR4RM4.js";
 import "./chunks/chunk.TKNBZNA7.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.PIJ4Z6AQ.js";
-import "./chunks/chunk.RU6AG3ZT.js";
-import "./chunks/chunk.V7CBOZZP.js";
+} from "./chunks/chunk.GNLYKZOF.js";
+import "./chunks/chunk.N7Y7ZHLT.js";
+import "./chunks/chunk.NZEOBBK5.js";
+import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.XQVTOS2E.js";
+import "./chunks/chunk.QH76BBND.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -242,65 +242,58 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.TC7JKBVX.js";
+} from "./chunks/chunk.3AIIOH66.js";
 import {
   button_group_default
-} from "./chunks/chunk.KBBW7LAA.js";
-import "./chunks/chunk.2WSTW4B6.js";
+} from "./chunks/chunk.FYHQNCFP.js";
+import "./chunks/chunk.BCFNMS5C.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.63HEH5TJ.js";
-import "./chunks/chunk.KQZ74HZ5.js";
+} from "./chunks/chunk.C2TKN5PK.js";
+import "./chunks/chunk.2FFAEHHU.js";
 import "./chunks/chunk.UT6RKBNF.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.5X62CXYV.js";
+} from "./chunks/chunk.7UAZWW4T.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.2EVHZNU4.js";
-import "./chunks/chunk.4F3JRFS6.js";
+} from "./chunks/chunk.WRSRCL2G.js";
+import "./chunks/chunk.JAX7HDCO.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.GB5NBCDB.js";
-import "./chunks/chunk.AYXU6EH6.js";
+import "./chunks/chunk.OBAC5UL4.js";
+import "./chunks/chunk.ODETUKGQ.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
 import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
-import {
-  alert_default
-} from "./chunks/chunk.DKWCCIO7.js";
 import {
   badge_default
-} from "./chunks/chunk.WETE2BL7.js";
-import "./chunks/chunk.CCKZZGBW.js";
-import "./chunks/chunk.NQ4HEUZZ.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.3XNTQDVL.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.LYVILCS2.js";
 import {
-  accordion_default
-} from "./chunks/chunk.DWUMJLMR.js";
-import "./chunks/chunk.PIRBID4F.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.G4MICPFE.js";
+  alert_default
+} from "./chunks/chunk.RCC62FQY.js";
+import "./chunks/chunk.EAEOSCPK.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.BSWTYIMG.js";
-import "./chunks/chunk.E3Z62YYT.js";
+import "./chunks/chunk.LSTXIYCM.js";
 import "./chunks/chunk.DZ7YIR5N.js";
+import "./chunks/chunk.E3Z62YYT.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.XXWCH7BU.js";
+import "./chunks/chunk.MX72UPWV.js";
+import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.HSA4UVXY.js";
+import "./chunks/chunk.BTZ53ROB.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.HOOK2D2A.js";
+} from "./chunks/chunk.CBEHC72O.js";
+import "./chunks/chunk.YTEJW7IF.js";
 import {
   setSystemIconLibrary
 } from "./chunks/chunk.KGAGKTX3.js";
@@ -308,13 +301,21 @@ import "./chunks/chunk.N6NACQIL.js";
 import "./chunks/chunk.RFC3WYPX.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.YTEJW7IF.js";
-import "./chunks/chunk.OAQRCZOO.js";
-import "./chunks/chunk.X7XPEYAM.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import {
+  accordion_default
+} from "./chunks/chunk.V6RIOLIF.js";
+import "./chunks/chunk.3PCWQLVU.js";
+import "./chunks/chunk.BVZQ6QSY.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.574CCTBO.js";
+import "./chunks/chunk.OAQRCZOO.js";
+import "./chunks/chunk.X7XPEYAM.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -326,11 +327,10 @@ import {
 } from "./chunks/chunk.HC4N72MX.js";
 import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
-import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.A6LVL6ZN.js";
-import "./chunks/chunk.MX72UPWV.js";
-import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.YMV5UUZV.js";
+import "./chunks/chunk.NQ4HEUZZ.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import "./chunks/chunk.Z4XV3SMG.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.HOOK2D2A.js";
+} from "../chunks/chunk.CBEHC72O.js";
+import "../chunks/chunk.YTEJW7IF.js";
 import "../chunks/chunk.KGAGKTX3.js";
 import "../chunks/chunk.N6NACQIL.js";
 import "../chunks/chunk.RFC3WYPX.js";
-import "../chunks/chunk.YTEJW7IF.js";
 import "../chunks/chunk.234ERFCE.js";
 import "../chunks/chunk.Z4XV3SMG.js";
 export {

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

@@ -30,22 +30,12 @@
       ]
     },
     {
-      "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.",
+      "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": "open",
-          "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-          "values": []
-        },
-        {
-          "name": "closable",
-          "description": "Enables a close button that allows the user to dismiss the alert.",
-          "values": []
-        },
         {
           "name": "variant",
-          "description": "The alert's theme variant.",
+          "description": "The badge's theme variant.",
           "values": [
             { "name": "primary" },
             { "name": "success" },
@@ -53,27 +43,32 @@
             { "name": "warning" },
             { "name": "danger" }
           ]
-        },
-        {
-          "name": "duration",
-          "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs"
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
         }
       ]
     },
     {
-      "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.",
+      "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.",
       "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Enables a close button that allows the user to dismiss the alert.",
+          "values": []
+        },
         {
           "name": "variant",
-          "description": "The badge's theme variant.",
+          "description": "The alert's theme variant.",
           "values": [
             { "name": "primary" },
             { "name": "success" },
@@ -81,12 +76,17 @@
             { "name": "warning" },
             { "name": "danger" }
           ]
+        },
+        {
+          "name": "duration",
+          "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs"
         }
       ]
     },

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.64.1",
+  "version": "2.65.0",
   "description": "",
   "repository": {
     "type": "git",

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/tab/tab.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* Write custom CSS here */\n\n  :host {\n    --background-color: none;\n    --border-width: var(--syn-border-width-none);\n    --border-color: none;\n    --border-radius: var(--syn-border-radius-none);\n  }\n\n  .tab {\n    border-color: transparent;\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-small-bold);\n    min-height: var(--syn-spacing-2x-large);\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n\n    /* Stretch the tabs so they are aligned to each other vertically and the focus width stays the same  */\n    width: 100%;\n  }\n\n\n  /** #429: Use token for opacity */\n  .tab.tab--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Focus\n   */\n  :host(:focus-visible) {\n    outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n  }\n\n  :host(:focus-visible:not(.tab--disabled)) {\n    color: var(--syn-typography-color-text);\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n    }\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--syn-color-primary-700);\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--syn-typography-color-text);\n  }\n\n\n  /**\n   * Closable\n   */\n  .tab.tab--closable {\n    padding: var(--syn-spacing-2x-small) var(--syn-spacing-large);\n  }\n\n  .tab__close-button {\n    color: var(--syn-color-neutral-500);\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .tab__close-button::part(base) {\n    padding: var(--syn-spacing-x-small);\n  }\n\n  .tab__close-button::part(base):hover {\n    color: var(--syn-color-primary-700);\n  }\n\n  .tab--active {\n    background-color: var(--background-color);\n    border-color: var(--border-color);\n    border-style: solid;\n    border-width: var(--border-width);\n  }\n\n  /* Slotted icon style */\n  .tab ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,4BAAQ;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": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/tab-group/tab-group.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* stylelint-disable no-descending-specificity */\n  /* Write custom CSS here */\n  :host {\n    --track-width: var(--syn-border-width-small);\n    --track-color: var(--syn-color-neutral-300);\n    --indicator-width: var(--syn-border-width-x-large);\n  }\n\n  /* we need to augment the size of the height of the tab-group__nav to make the focus outline and the hiding white border visible of the tab because of overflow-x value  */\n  .tab-group--top .tab-group__body {\n    position: relative;\n    top: calc(-1 * var(--syn-panel-border-width));\n  }\n\n  .tab-group--top .tab-group__nav {\n    padding: 0 0 var(--syn-panel-border-width) 0;\n  }\n\n  /**\n   * Indicator\n   */\n  .tab-group--top .tab-group__indicator {\n    border-bottom: solid var(--indicator-width) var(--indicator-color);\n    bottom: 0;\n  }\n\n  .tab-group--start .tab-group__indicator {\n    border-right: solid var(--indicator-width) var(--indicator-color);\n    right: 0;\n  }\n\n  .tab-group--start.tab-group--rtl .tab-group__indicator {\n    left: 0;\n  }\n\n  .tab-group--end .tab-group__indicator {\n    border-inline-start: solid var(--indicator-width) var(--indicator-color);\n    left: 0;\n  }\n\n  .tab-group--end.tab-group--rtl .tab-group__indicator {\n    right: 0;\n  }\n\n  /**\n   * Panel\n   */\n  .tab-group--top ::slotted(syn-tab-panel) {\n    --padding: var(--syn-spacing-large) 0;\n  }\n\n  .tab-group--start ::slotted(syn-tab-panel) {\n    --padding: 0 var(--syn-spacing-large);\n  }\n\n  .tab-group--end ::slotted(syn-tab-panel) {\n    --padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * Contained styling\n   */ \n  .tab-group--contained .tab-group__tabs {\n    border: none;\n  }\n\n  .tab-group--contained ::slotted(syn-tab-panel) {\n    --padding: var(--syn-spacing-large);\n\n    background-color: var(--syn-panel-background-color);\n    border: var(--syn-panel-border-width) solid var(--syn-panel-border-color);\n    border-radius: var(--syn-border-radius-medium);\n  }\n\n  /* Stretch the tab panel container for non-top placements, otherwise the borders are not drawn correctly */\n  .tab-group--contained:not(.tab-group--top) ::slotted(syn-tab-panel) {\n    height: 100%;\n  }\n\n  /* Draw the correct border radii of the panel depending on the placement and direction */\n  .tab-group--top.tab-group--contained:not(.tab-group--sharp):not(.tab-group--has-scroll-controls) ::slotted(syn-tab-panel:first-of-type),\n  .tab-group--start.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:first-of-type) {\n    border-start-start-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--start.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:last-of-type) {\n    border-end-start-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--end.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:last-of-type) {\n    border-end-end-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--end.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:first-of-type) {\n    border-start-end-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--contained .tab-group__indicator {\n    /* Remove the animation of the indicator */\n    transition: none;\n    \n    /* Needed, otherwise the indicator is hidden under the background of the tab */\n    z-index: 2;\n  }\n\n  /* Contained styling for tabs */\n  .tab-group--contained ::slotted(syn-tab) {\n    --background-color: var(--syn-panel-background-color);\n    --border-width: var(--syn-panel-border-width);\n\n    position: relative;\n    z-index: 1;\n  }\n\n  /* Top */\n  .tab-group--top.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab) {\n    --border-radius: var(--syn-border-radius-medium) var(--syn-border-radius-medium) var(--syn-border-radius-none) var(--syn-border-radius-none);\n  }\n\n  .tab-group--top.tab-group--contained ::slotted(syn-tab[active]) {\n    --border-color: var(--syn-panel-border-color) var(--syn-panel-border-color) var(--syn-panel-background-color);\n\n    /* We need to move the tab down, so the bottom border, hides parts of the border of the tab-group */\n    top: var(--syn-panel-border-width);\n  }\n\n  .tab-group--top.tab-group--contained ::slotted(syn-tab:not([active])) {\n    /*  We need to move down the non-active tabs also, so we don't get jumping of the tab text content */\n    top: var(--syn-panel-border-width);\n  }\n\n  /* Start & End with rtl */\n  .tab-group--start.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab),\n  .tab-group--end.tab-group--rtl.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab) {\n    --border-radius: var(--syn-border-radius-medium) var(--syn-border-radius-none) var(--syn-border-radius-none) var(--syn-border-radius-medium);\n  }\n\n  .tab-group--start.tab-group--contained ::slotted(syn-tab[active]),\n  .tab-group--end.tab-group--rtl.tab-group--contained ::slotted(syn-tab[active]) {\n    --border-color: var(--syn-panel-border-color) var(--syn-panel-background-color) var(--syn-panel-border-color)  var(--syn-panel-border-color) ;\n\n    /* We need to move the tab right, so the right border, hides parts of the border of the tab-group */\n    left: var(--syn-panel-border-width);\n    right: unset;\n  }\n\n  .tab-group--start.tab-group--contained ::slotted(syn-tab:not([active])),\n  .tab-group--end.tab-group--rtl.tab-group--contained ::slotted(syn-tab:not([active])) {\n    /*  We need to move right the non-active tabs also, so we don't get jumping of the tab text content */\n    left: var(--syn-panel-border-width);\n    right: unset;\n  }\n\n  /* End & Start with rtl */\n  .tab-group--end.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab),\n  .tab-group--start.tab-group--rtl.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab) {\n    --border-radius: var(--syn-border-radius-none) var(--syn-border-radius-medium) var(--syn-border-radius-medium) var(--syn-border-radius-none);\n  }\n\n  .tab-group--end.tab-group--contained ::slotted(syn-tab[active]),\n  .tab-group--start.tab-group--rtl.tab-group--contained ::slotted(syn-tab[active]) {\n    --border-color: var(--syn-panel-border-color) var(--syn-panel-border-color) var(--syn-panel-border-color) var(--syn-panel-background-color);\n\n    /* We need to move the tab left, so the left border, hides parts of the border of the tab-group */\n    left: unset;\n    right: var(--syn-panel-border-width);\n  }\n\n  .tab-group--end.tab-group--contained ::slotted(syn-tab:not([active])),\n  .tab-group--start.tab-group--rtl.tab-group--contained ::slotted(syn-tab:not([active])) {\n    /*  We need to move left the non-active tabs also, so we don't get jumping of the tab text content */\n    left: unset;\n    right: var(--syn-panel-border-width);\n  }\n\n\n  /**\n   * Sharp styling\n   */\n  .tab-group--sharp ::slotted(syn-tab-panel) {\n    border-radius: var(--syn-border-radius-none);\n  }\n\n\n  /**\n   * Scroll buttons\n   */\n  .tab-group--has-scroll-controls .tab-group__nav-container {\n    padding: 0 calc(var(--syn-spacing-x-large) + var( --syn-spacing-2x-small));\n  }\n\n  .tab-group__scroll-button {\n    /* we need to move the scroll buttons to the top, to align the borders with the border of the tab-group--nav  */\n    bottom: var(--syn-panel-border-width);\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-font-size-medium);\n    width: calc(var(--syn-spacing-x-large) + var( --syn-spacing-2x-small));\n  }\n\n  .tab-group__scroll-button::part(base) {\n    padding: calc(var(--syn-spacing-small) - var(--syn-spacing-3x-small));\n  }\n\n  /* Make sure the direction of the chevrons match the scrolling directions. */\n  .tab-group--has-scroll-controls:not(.tab-group--rtl) .tab-group__scroll-button--start,\n  .tab-group--rtl .tab-group__scroll-button--end {\n    rotate: 180deg;\n  }\n\n  .tab-group--has-scroll-controls:not(.tab-group--contained) .tab-group__scroll-button--start {\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--has-scroll-controls:not(.tab-group--contained) .tab-group__scroll-button--end {\n    border-bottom: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--rtl:not(.tab-group--contained) .tab-group__scroll-button--start {\n    border-bottom: solid var(--track-width) var(--track-color);\n    border-top: none;\n  }\n\n  .tab-group--rtl:not(.tab-group--contained) .tab-group__scroll-button--end {\n    border-bottom: none;\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  /**\n   * Shoelace 2.17 introduced a new attribute \"fixed-scroll-controls\".\n   * Per default, tab-groups now hide the scroll buttons when they are not needed.\n   * \"fixed-scroll-controls\" will keep the scroll buttons visible at all times,\n   * which is the default behavior of Synergy.\n   * For this reason, we make the buttons visible by default, but show them in a \"disabled\" state when they are not needed.\n   */\n  .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,\n  .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden {\n    visibility: visible;\n  }\n\n  .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden::part(base),\n  .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden::part(base) {\n    opacity: var(--syn-input-disabled-opacity);\n    pointer-events: none;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,kCAAQ;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;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": []
-}