@synergy-design-system/components 2.39.2 → 2.40.1

package/dist/synergy.d.ts

@@ -50,3 +50,4 @@ export * from './utilities/form.js';
 export * from './components/combobox/option-renderer.js';
 export * from './utilities/defaultSettings/index.js';
 export * from './events/events.js';
+export { setSystemIconLibrary } from './components/icon/library.system.js';

package/dist/synergy.js

@@ -1,225 +1,225 @@
+import "./chunks/chunk.RSCUHBW3.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.MTN5NM4A.js";
 import "./chunks/chunk.NKIYFJN2.js";
-import "./chunks/chunk.RSCUHBW3.js";
 import {
   tooltip_default
-} from "./chunks/chunk.OT6GXHPS.js";
+} from "./chunks/chunk.KHY34L7S.js";
 import {
   validate_default
-} from "./chunks/chunk.IZFPJRKK.js";
-import "./chunks/chunk.L7MC33LZ.js";
-import "./chunks/chunk.674XN4CO.js";
+} from "./chunks/chunk.FLRO3FJY.js";
+import "./chunks/chunk.2WXD4VUE.js";
+import "./chunks/chunk.AA6DKLWU.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.WNXOSRUZ.js";
+} from "./chunks/chunk.X2Q5NUQI.js";
 import {
   textarea_default
-} from "./chunks/chunk.OR23ABVH.js";
-import "./chunks/chunk.DI2G33JI.js";
+} from "./chunks/chunk.YUYKZ3AR.js";
+import "./chunks/chunk.SLQSEZFN.js";
 import "./chunks/chunk.HQIVMAQI.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.H4GIDZS7.js";
+} from "./chunks/chunk.4VL6GRSE.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.EV762D3E.js";
-import "./chunks/chunk.CFY7RUEI.js";
+} from "./chunks/chunk.4OBJPVIG.js";
+import "./chunks/chunk.DPKFHLEJ.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.PHNV2RGT.js";
+} from "./chunks/chunk.S4F4ABM7.js";
 import {
   tab_default
-} from "./chunks/chunk.TRAZCCGZ.js";
-import "./chunks/chunk.GJAGMPA7.js";
+} from "./chunks/chunk.RSV2PJMM.js";
+import "./chunks/chunk.JMTCTJQ7.js";
 import "./chunks/chunk.JMMSJRM5.js";
 import "./chunks/chunk.43YNZAWL.js";
-import "./chunks/chunk.273BDPT7.js";
+import "./chunks/chunk.Y36TGO4Y.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   side_nav_default
-} from "./chunks/chunk.MGE72PYB.js";
+} from "./chunks/chunk.SBHQ7TLU.js";
+import "./chunks/chunk.WIXIKJR2.js";
+import "./chunks/chunk.FWLUR33I.js";
 import {
   spinner_default
-} from "./chunks/chunk.SHBC6J5V.js";
-import "./chunks/chunk.WRQXTISM.js";
+} from "./chunks/chunk.73QGLN2G.js";
+import "./chunks/chunk.ZOA5KDCL.js";
 import "./chunks/chunk.3QYBPNXR.js";
 import "./chunks/chunk.4TB35TYG.js";
+import {
+  range_tick_default
+} from "./chunks/chunk.U5ZERSUR.js";
+import "./chunks/chunk.VTQZDPDU.js";
+import "./chunks/chunk.OI3HOOCT.js";
 import {
   select_default
-} from "./chunks/chunk.GSZNHSDS.js";
-import "./chunks/chunk.H5OBHU2G.js";
-import "./chunks/chunk.PBIOSNNZ.js";
+} from "./chunks/chunk.JJQ3QTHK.js";
+import "./chunks/chunk.EUR262UX.js";
+import "./chunks/chunk.FR3X2GLI.js";
 import "./chunks/chunk.VN2PSQ4U.js";
 import "./chunks/chunk.6EPU7YUS.js";
-import "./chunks/chunk.DOOJ2WJ7.js";
+import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.DVJEJUT3.js";
-import "./chunks/chunk.FWLUR33I.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.432B4S5P.js";
 import {
   range_default
-} from "./chunks/chunk.OOPMDQNR.js";
-import "./chunks/chunk.N7BSULXL.js";
-import "./chunks/chunk.VHOOREGB.js";
+} from "./chunks/chunk.D2W5VAE6.js";
+import "./chunks/chunk.ZAK6JLAP.js";
+import "./chunks/chunk.K544FE2V.js";
 import "./chunks/chunk.YT5SHGUK.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.UFNQFJO6.js";
 import "./chunks/chunk.236RSW67.js";
-import {
-  range_tick_default
-} from "./chunks/chunk.P4SKOH7C.js";
-import "./chunks/chunk.ESQSOO2A.js";
+import "./chunks/chunk.7PQCAID5.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.27ER5LPY.js";
-import "./chunks/chunk.OI3HOOCT.js";
 import {
   radio_default
-} from "./chunks/chunk.DTQD3R26.js";
+} from "./chunks/chunk.4RS7AOC5.js";
 import {
   radio_button_default
-} from "./chunks/chunk.SLAM5GFS.js";
-import "./chunks/chunk.JISBIFSX.js";
+} from "./chunks/chunk.J3ZZSOFW.js";
+import "./chunks/chunk.MNKSFYBX.js";
 import "./chunks/chunk.4BRJ5OJE.js";
-import {
-  radio_group_default
-} from "./chunks/chunk.X4BEJUQS.js";
-import "./chunks/chunk.IZILPENH.js";
-import "./chunks/chunk.32LFHSM5.js";
+import "./chunks/chunk.6EIPAV5F.js";
 import "./chunks/chunk.K62NPKGN.js";
+import "./chunks/chunk.32LFHSM5.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.5RWHJLZQ.js";
+} from "./chunks/chunk.7VTBWS3C.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.3P52ZGNF.js";
-import "./chunks/chunk.GMQGWOVX.js";
+} from "./chunks/chunk.SSKPVU2O.js";
+import "./chunks/chunk.KWGOX2WS.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
-import "./chunks/chunk.AVC4SQZU.js";
-import "./chunks/chunk.34TP5THB.js";
+import "./chunks/chunk.5KJCVZC3.js";
+import "./chunks/chunk.GKA5WPFF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   popup_default
-} from "./chunks/chunk.CZTETL2M.js";
+} from "./chunks/chunk.NF3RTB5Z.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.7STFK4EC.js";
-import "./chunks/chunk.FAP6GP2Y.js";
+} from "./chunks/chunk.PWE53LVB.js";
+import "./chunks/chunk.KX7CWWH2.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
-import "./chunks/chunk.5B3SBEJG.js";
+import "./chunks/chunk.NSZKH2EQ.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
+import {
+  optgroup_default
+} from "./chunks/chunk.JV6JVXCN.js";
 import {
   option_default
-} from "./chunks/chunk.P6F3LXOR.js";
+} from "./chunks/chunk.UTKC7YGL.js";
 import {
   menu_label_default
-} from "./chunks/chunk.BFS2SPQ5.js";
+} from "./chunks/chunk.YO7ZIBAK.js";
+import "./chunks/chunk.FSV6NOGK.js";
+import "./chunks/chunk.X6GR6IA2.js";
+import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.2EJCRN3E.js";
-import "./chunks/chunk.MEM23U4C.js";
+} from "./chunks/chunk.VOBXSZWA.js";
+import "./chunks/chunk.N2U3S76W.js";
 import "./chunks/chunk.5V47GZA4.js";
-import {
-  optgroup_default
-} from "./chunks/chunk.LKPRZ4M7.js";
-import "./chunks/chunk.L5O3T2LE.js";
+import "./chunks/chunk.AXR46IOV.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.TTQVD62Z.js";
+} from "./chunks/chunk.4FP6CEY2.js";
 import {
   menu_item_default
-} from "./chunks/chunk.KA3HWM6N.js";
-import "./chunks/chunk.BZ35MQPO.js";
+} from "./chunks/chunk.TVSXWXEG.js";
+import "./chunks/chunk.55OP4YXG.js";
 import "./chunks/chunk.JQ5WZR46.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
-import "./chunks/chunk.525KNKXT.js";
-import "./chunks/chunk.RAOPZXJL.js";
-import "./chunks/chunk.X6GR6IA2.js";
+import {
+  icon_button_default
+} from "./chunks/chunk.NHLIJEJO.js";
 import {
   input_default
-} from "./chunks/chunk.3UDZJOOJ.js";
-import "./chunks/chunk.N3SF45J3.js";
+} from "./chunks/chunk.LF4Y5UVQ.js";
+import "./chunks/chunk.ZTUVBMBQ.js";
+import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.M6PF4GYJ.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.WWYXXQ4E.js";
+import "./chunks/chunk.JR4ZPNPW.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import {
-  icon_button_default
-} from "./chunks/chunk.SK55Y6LR.js";
-import "./chunks/chunk.NFXT5LNY.js";
 import {
   file_default
-} from "./chunks/chunk.EK6XPTBS.js";
+} from "./chunks/chunk.CP2OEWD2.js";
 import {
   header_default
-} from "./chunks/chunk.KWQYV5O3.js";
-import "./chunks/chunk.4FGY4MLD.js";
+} from "./chunks/chunk.IPUTRTZB.js";
+import "./chunks/chunk.YPSNAYJN.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.6YGX6KKE.js";
+} from "./chunks/chunk.QO2QG7IJ.js";
 import {
   drawer_default
-} from "./chunks/chunk.LQ7HRGSL.js";
+} from "./chunks/chunk.LCWLHBMO.js";
 import {
   dropdown_default
-} from "./chunks/chunk.YJ3PGJV2.js";
-import "./chunks/chunk.EJTHB3QF.js";
+} from "./chunks/chunk.N7OF5C4Y.js";
+import "./chunks/chunk.4G6X672L.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.O6GGBAYL.js";
+import "./chunks/chunk.BUZODQZT.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.MBGQC52S.js";
+} from "./chunks/chunk.RM6JEPJE.js";
 import {
   divider_default
-} from "./chunks/chunk.4L5XZWYC.js";
-import "./chunks/chunk.WCERZL43.js";
+} from "./chunks/chunk.LYI4H3ZC.js";
+import "./chunks/chunk.XL6JK6XI.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.RVXIVAV5.js";
+import "./chunks/chunk.5WSEP6GG.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.L6C4ZIQ4.js";
-import "./chunks/chunk.OBQ2QF4L.js";
+} from "./chunks/chunk.RCTJ2OZW.js";
+import "./chunks/chunk.G2VWR6MV.js";
 import "./chunks/chunk.KX43XLOR.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.K67EXCOB.js";
+import "./chunks/chunk.DI7MARZL.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.WPUAVVFO.js";
-import "./chunks/chunk.XVSUHYT2.js";
+} from "./chunks/chunk.G7I47ITN.js";
+import "./chunks/chunk.OEBRWGFY.js";
 import "./chunks/chunk.Y3LNC7J6.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.QPHSCKJC.js";
-import "./chunks/chunk.ZI6DZI2G.js";
-import "./chunks/chunk.CKEMXHVS.js";
+} from "./chunks/chunk.UQ4AJSDA.js";
+import "./chunks/chunk.RYANMKQO.js";
+import "./chunks/chunk.R467YNG5.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.BXYYVHJV.js";
+import "./chunks/chunk.KZA6DSRS.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -231,78 +231,83 @@ import "./chunks/chunk.3NXKLKWH.js";
 import "./chunks/chunk.G4URZQCL.js";
 import "./chunks/chunk.IEVIYOID.js";
 import "./chunks/chunk.QC7X32ZP.js";
-import "./chunks/chunk.GTAE5OSA.js";
+import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.QP7OZEMU.js";
+} from "./chunks/chunk.BJ6L7EPF.js";
 import {
   button_group_default
-} from "./chunks/chunk.QPVYAQ6C.js";
-import "./chunks/chunk.I4Q5USRW.js";
+} from "./chunks/chunk.2SDC5GWD.js";
+import "./chunks/chunk.4FU25Z5S.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.H3OLGIJM.js";
-import "./chunks/chunk.ZNZDDK7R.js";
+} from "./chunks/chunk.4ISA763I.js";
+import "./chunks/chunk.BHLPIBJ4.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.RLEXYIU5.js";
+} from "./chunks/chunk.6CUY7FJI.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.HPQYUDVM.js";
-import "./chunks/chunk.OYSBMQ64.js";
+} from "./chunks/chunk.5MRDFVLA.js";
+import "./chunks/chunk.SPBIB5PU.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.GQTVKA4Y.js";
-import "./chunks/chunk.TS6YMWYL.js";
+import "./chunks/chunk.5QCLYHN7.js";
+import "./chunks/chunk.C6HSIJI5.js";
 import "./chunks/chunk.AWJ376R6.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.AWI5CN3T.js";
 import {
   badge_default
-} from "./chunks/chunk.HOIAJILG.js";
-import "./chunks/chunk.DDWFMTMH.js";
-import "./chunks/chunk.J6CGTLVH.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.XGW4CMLO.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.DULX32XI.js";
 import {
-  accordion_default
-} from "./chunks/chunk.BLA26QQ4.js";
-import "./chunks/chunk.HCIE2O25.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.YMNBUVGS.js";
+  alert_default
+} from "./chunks/chunk.FB2LHMPM.js";
+import "./chunks/chunk.DXG6TLJT.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.HKUENGGY.js";
+import "./chunks/chunk.I77D2ORF.js";
 import "./chunks/chunk.YST4XUIG.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.SCBBNO7C.js";
+import "./chunks/chunk.QBHZAR4C.js";
+import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.66K5C6XW.js";
+import "./chunks/chunk.2XG4KPH5.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.MFZ7CHDU.js";
+} from "./chunks/chunk.PNQZGRUP.js";
 import "./chunks/chunk.YTEJW7IF.js";
-import "./chunks/chunk.S6MAPJII.js";
+import {
+  setSystemIconLibrary
+} from "./chunks/chunk.OPFES4QD.js";
+import "./chunks/chunk.ITEXZXUT.js";
+import "./chunks/chunk.6T5NZTW7.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.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.23CNZLNO.js";
+import "./chunks/chunk.WWYG5ZAH.js";
+import "./chunks/chunk.BVZQ6QSY.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.PFY3SYZG.js";
+import "./chunks/chunk.OAQRCZOO.js";
+import "./chunks/chunk.X7XPEYAM.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -314,11 +319,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.OPKEGGJH.js";
-import "./chunks/chunk.QBHZAR4C.js";
-import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.F54ODM5Z.js";
+import "./chunks/chunk.J6CGTLVH.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import "./chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as SynAccordion,
@@ -379,6 +383,7 @@ export {
   setBasePath,
   setDefaultSettingsForElement,
   setGlobalDefaultSettings,
+  setSystemIconLibrary,
   unregisterIconLibrary
 };
 //# sourceMappingURL=synergy.js.map

package/dist/utilities/icon-library.js

@@ -2,9 +2,11 @@ import "../chunks/chunk.NKIYFJN2.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.MFZ7CHDU.js";
+} from "../chunks/chunk.PNQZGRUP.js";
 import "../chunks/chunk.YTEJW7IF.js";
-import "../chunks/chunk.S6MAPJII.js";
+import "../chunks/chunk.OPFES4QD.js";
+import "../chunks/chunk.ITEXZXUT.js";
+import "../chunks/chunk.6T5NZTW7.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"
         }
       ]
     },
@@ -1937,7 +1937,7 @@
     },
     {
       "name": "syn-tab-group",
-      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **syn-tab-show** - Emitted when a tab is shown. The payload of the event returns the \"panel\" attribute of the shown tab.\n- **syn-tab-hide** - Emitted when a tab is hidden. The payload of the event returns the \"panel\" attribute of the hidden tab.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<syn-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<syn-tab>` elements.\n\n### **CSS Properties:**\n - **--indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--indicator-width** - The width of the active tab indicator. _(default: undefined)_\n- **--track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable, an `<syn-icon-button>`.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
+      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **syn-tab-show** - Emitted when a tab is shown. The payload of the event returns the \"panel\" attribute of the shown tab.\n- **syn-tab-hide** - Emitted when a tab is hidden. The payload of the event returns the \"panel\" attribute of the hidden tab.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<syn-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<syn-tab>` elements.\n\n### **CSS Properties:**\n - **--indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--indicator-width** - The width of the active tab indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable, an `<syn-icon-button>`.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
       "attributes": [
         {
           "name": "placement",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.39.2",
+  "version": "2.40.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -104,9 +104,9 @@
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0",
     "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.21.0"
+    "@synergy-design-system/tokens": "2.23.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [
@@ -174,7 +174,7 @@
     "lit": "^3.3.0"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.21.0"
+    "@synergy-design-system/tokens": "^2.23.0"
   },
   "scripts": {
     "figma-export": "pnpm run /^figma-export:.*/",

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/icon/library.system.ts"],
-  "sourcesContent": ["/* eslint-disable */\nimport type { IconLibrary } from './library.js';\n\n//\n// System icons are a separate library to ensure they're always available, regardless of how the default icon library is\n// configured or if its icons resolve properly.\n//\n// All Synergy components must use the system library instead of the default library. For visual consistency, system\n// icons are a subset of Bootstrap Icons.\n//\n// **Start system icons**\nconst icons = {\n  \"add\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z\\\"/></svg>\",\n  \"caret\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z\\\"/></svg>\",\n  \"check\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m8.795 15.875-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z\\\"/></svg>\",\n  \"chevron-down\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z\\\"/></svg>\",\n  \"chevron-right\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m9.705 6-1.41 1.41 4.58 4.59-4.58 4.59L9.705 18l6-6z\\\"/></svg>\",\n  \"error\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z\\\"/></svg>\",\n  \"eye\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3\\\"/></svg>\",\n  \"eye-slash\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12.005 6.5c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16c.57-.23 1.18-.36 1.83-.36m-10-2.73 2.74 2.74a11.8 11.8 0 0 0-3.74 4.99c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42 2.93 2.92 1.27-1.27L3.275 2.5zm5.53 5.53 1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z\\\"/></svg>\",\n  \"indeterminate\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19 13H5v-2h14z\\\"/></svg>\",\n  \"logo-color\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"295\\\" height=\\\"94\\\" viewBox=\\\"0 0 295 94\\\" fill='currentColor'><g clip-path=\\\"url(#a)\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M207.961 69.06c-7.829 14.83-23.348 24.923-41.157 24.923-25.708 0-46.547-21.04-46.547-46.991C120.257 21.04 141.096 0 166.804 0c17.635 0 32.971 9.893 40.87 24.489l-19.072 10.293c-4.267-7.864-12.514-13.106-21.798-13.106-13.542 0-24.872 11.138-24.872 25.316s11.33 25.315 24.872 25.315c9.475 0 17.922-5.451 22.103-13.594zM111.078 1.662H89.777v90.204h21.301zM26.082 91.867c-12.13 0-25.49-6.549-25.49-21.754 0 0 46.582 0 54.002.008 7.899-1.576 7.02-11.538 0-12.914h-27.72c-14.752 0-26.43-12.593-26.43-27.598 0-14.43 10.79-27.937 26.43-27.937h30.411c12.54 0 21.493 9.388 21.493 21.293H26.875c-6.976.992-7.42 11.695 0 12.906h27.64c15.162.409 27.258 12.48 27.258 27.763 0 14.081-11.948 28.233-27.188 28.233zm189.908 0V1.663h21.545V37.84h8.291l22.398-36.176h26.492L264.192 47.34l30.08 44.527h-26.501l-22.668-34.948h-7.568v34.948z\\\" clip-rule=\\\"evenodd\\\"/></g><defs><clipPath id=\\\"a\\\"><path d=\\\"M0 0h295v94H0z\\\"/></clipPath></defs></svg>\",\n  \"menu\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z\\\"/></svg>\",\n  \"more\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\\\"/></svg>\",\n  \"more-vert\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\\\"/></svg>\",\n  \"radio\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M17 12a5 5 0 1 1-10 0 5 5 0 0 1 10 0\\\"/></svg>\",\n  \"sticky_sidebar\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm5-2h9V5h-9z\\\"/></svg>\",\n  \"upload-file\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z\\\"/></svg>\",\n  \"x-circle-fill\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z\\\"/></svg>\",\n  \"x-lg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\\\"/></svg>\"\n};\n// **End system icons**\n\nconst systemLibrary: IconLibrary = {\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return icons[name];\n    }\n    return '';\n  }\n};\n\nexport default systemLibrary;\n"],
-  "mappings": ";AAWA,IAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAGA,IAAM,gBAA6B;AAAA,EACjC,MAAM;AAAA,EACN,UAAU,CAAC,SAA6B;AACtC,QAAI,QAAQ,OAAO;AACjB,aAAO,MAAM,IAAI;AAAA,IACnB;AACA,WAAO;AAAA,EACT;AACF;AAEA,IAAO,yBAAQ;",
-  "names": []
-}