@synergy-design-system/components 2.45.1 → 2.46.0

package/dist/synergy.js

@@ -6,220 +6,220 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tooltip_default
-} from "./chunks/chunk.6I4PJUUF.js";
+} from "./chunks/chunk.RROVEHIL.js";
 import {
   validate_default
-} from "./chunks/chunk.NEOUHIDX.js";
-import "./chunks/chunk.245S7GWI.js";
-import "./chunks/chunk.HN5M2E74.js";
+} from "./chunks/chunk.GHW5MFTH.js";
+import "./chunks/chunk.G6KYSOVZ.js";
+import "./chunks/chunk.UFGMLMQT.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.GMYIVXWP.js";
+} from "./chunks/chunk.A2B7C3N2.js";
 import {
   textarea_default
-} from "./chunks/chunk.C6UWNTFC.js";
-import "./chunks/chunk.CTIV3PDX.js";
+} from "./chunks/chunk.6C2VOQNT.js";
+import "./chunks/chunk.GPTWHLC2.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.Q3LUZOD3.js";
-import "./chunks/chunk.CADFUJEC.js";
+} from "./chunks/chunk.WNWP7RS3.js";
+import "./chunks/chunk.K262NS64.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.NJV5WZBN.js";
-import "./chunks/chunk.RAHUTBPN.js";
+} from "./chunks/chunk.UCO5W3GF.js";
+import "./chunks/chunk.WARYSDI4.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.RDRWZE6I.js";
-import "./chunks/chunk.MJSQXS35.js";
+} from "./chunks/chunk.TM3WJQ4I.js";
+import "./chunks/chunk.DVZP7JU3.js";
 import "./chunks/chunk.3QYBPNXR.js";
 import "./chunks/chunk.4TB35TYG.js";
 import {
   tab_default
-} from "./chunks/chunk.ZUHAUFNE.js";
-import "./chunks/chunk.4E6YKCXO.js";
+} from "./chunks/chunk.MW7HPGRL.js";
+import "./chunks/chunk.CNXJ4AUG.js";
 import "./chunks/chunk.JMMSJRM5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   side_nav_default
-} from "./chunks/chunk.NJXXQYZX.js";
-import "./chunks/chunk.G4XRAVPS.js";
+} from "./chunks/chunk.E5U2FHTA.js";
+import "./chunks/chunk.PLTOYKRN.js";
 import "./chunks/chunk.FWLUR33I.js";
 import {
   spinner_default
-} from "./chunks/chunk.HC77F5GA.js";
+} from "./chunks/chunk.IMDEWLAX.js";
 import {
   range_tick_default
-} from "./chunks/chunk.AAI3YT4E.js";
-import "./chunks/chunk.2ZILCVCN.js";
+} from "./chunks/chunk.S4A6UOQP.js";
+import "./chunks/chunk.XFFIE6E7.js";
 import "./chunks/chunk.OI3HOOCT.js";
 import {
   select_default
-} from "./chunks/chunk.JUON2HSD.js";
-import "./chunks/chunk.QLUFRXHK.js";
-import "./chunks/chunk.DXU26VPN.js";
-import "./chunks/chunk.VN2PSQ4U.js";
+} from "./chunks/chunk.6I6HQGH4.js";
+import "./chunks/chunk.6MR7BVV5.js";
+import "./chunks/chunk.UC7M2DXH.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 {
   radio_group_default
-} from "./chunks/chunk.TTKLTIKP.js";
+} from "./chunks/chunk.BWSRCH7T.js";
 import {
   range_default
-} from "./chunks/chunk.BHRS27UA.js";
-import "./chunks/chunk.TAHGMS7X.js";
-import "./chunks/chunk.5M5HOQHE.js";
+} from "./chunks/chunk.32OFRTVL.js";
+import "./chunks/chunk.WJXSE46S.js";
+import "./chunks/chunk.P5XGIJWS.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.UFNQFJO6.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.2YJPFMPZ.js";
+import "./chunks/chunk.JE4SNKTK.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   radio_default
-} from "./chunks/chunk.JVY2KNFK.js";
-import "./chunks/chunk.XYTP4HII.js";
+} from "./chunks/chunk.K2ZLVFCP.js";
+import "./chunks/chunk.24SRZBBX.js";
 import "./chunks/chunk.GKA5WPFF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.JLARVA4R.js";
-import "./chunks/chunk.VPLFHUPG.js";
+} from "./chunks/chunk.6GVMJEC4.js";
+import "./chunks/chunk.XOLLUQPC.js";
 import "./chunks/chunk.4BRJ5OJE.js";
-import "./chunks/chunk.RHKI2RSX.js";
+import "./chunks/chunk.IIHE22EW.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.ANA4XLX5.js";
-import "./chunks/chunk.PBILQMHE.js";
+} from "./chunks/chunk.RSW3Y2GJ.js";
+import "./chunks/chunk.HNGYX2XS.js";
 import "./chunks/chunk.AX3K3YYK.js";
 import "./chunks/chunk.QUM76UHV.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.6UFMDQHA.js";
-import "./chunks/chunk.P7ET37O6.js";
+} from "./chunks/chunk.VUBC2ZG3.js";
+import "./chunks/chunk.3D5JYV3S.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.RCRHMX5J.js";
+} from "./chunks/chunk.NQBP2SWN.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.XLWYE4TZ.js";
-import "./chunks/chunk.GFJ5QZBK.js";
+} from "./chunks/chunk.WG5YK43A.js";
+import "./chunks/chunk.SD2GWOCP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import {
   optgroup_default
-} from "./chunks/chunk.VMO643NZ.js";
+} from "./chunks/chunk.TS47MMJD.js";
 import {
   option_default
-} from "./chunks/chunk.HANB33UT.js";
+} from "./chunks/chunk.GMVNHU5Q.js";
 import {
   menu_label_default
-} from "./chunks/chunk.ATBW2OIF.js";
-import "./chunks/chunk.UUOIHYGE.js";
+} from "./chunks/chunk.ILO46EOQ.js";
+import "./chunks/chunk.FYREWFTF.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.ERRWQS7Y.js";
-import "./chunks/chunk.CFPUCJM4.js";
+} from "./chunks/chunk.RPDSB3J2.js";
+import "./chunks/chunk.SCP6RLX6.js";
 import "./chunks/chunk.5V47GZA4.js";
-import "./chunks/chunk.3GKI2SN6.js";
+import "./chunks/chunk.NI7DHHFY.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.5MJ6U3ZD.js";
+} from "./chunks/chunk.63CI7YLN.js";
 import {
   menu_item_default
-} from "./chunks/chunk.C6TYP6DS.js";
-import "./chunks/chunk.5IZZU7YZ.js";
+} from "./chunks/chunk.EIZLOSHH.js";
+import "./chunks/chunk.T2TALM4R.js";
 import "./chunks/chunk.JQ5WZR46.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.GBHDS2IR.js";
+} from "./chunks/chunk.2MMV32NH.js";
 import {
   input_default
-} from "./chunks/chunk.H7FTAZDC.js";
-import "./chunks/chunk.WQ5WXIL6.js";
+} from "./chunks/chunk.2BPIJI67.js";
+import "./chunks/chunk.5C44JOXD.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.BDVEGRSM.js";
+import "./chunks/chunk.UA4FJIW7.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   file_default
-} from "./chunks/chunk.KDYONRAA.js";
+} from "./chunks/chunk.CZ7FEHUZ.js";
 import {
   header_default
-} from "./chunks/chunk.JE7DIAFP.js";
-import "./chunks/chunk.YCOTL24V.js";
+} from "./chunks/chunk.NCRBZGL4.js";
+import "./chunks/chunk.IUYRRS5J.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.MBRJXK3O.js";
+} from "./chunks/chunk.ZTMSCQCP.js";
 import {
   drawer_default
-} from "./chunks/chunk.TMIYLOAZ.js";
+} from "./chunks/chunk.TEF2Q62M.js";
 import {
   dropdown_default
-} from "./chunks/chunk.HVUYGACL.js";
-import "./chunks/chunk.PHIRFXRF.js";
+} from "./chunks/chunk.SWI5UBDN.js";
+import "./chunks/chunk.4RDGXLUO.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.FMX3E6SS.js";
+import "./chunks/chunk.ONGOE6ER.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.YNYJD6XX.js";
+} from "./chunks/chunk.R2GYT6JI.js";
 import {
   divider_default
-} from "./chunks/chunk.Z4KPGJ4M.js";
-import "./chunks/chunk.F6QEUBK3.js";
-import "./chunks/chunk.FA6V2WD6.js";
+} from "./chunks/chunk.IKNWSMF2.js";
+import "./chunks/chunk.EGURWFSB.js";
+import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.CRNTLHHO.js";
+import "./chunks/chunk.Q2T5DCFZ.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.ZNBA6PHQ.js";
-import "./chunks/chunk.DQDMEFGY.js";
-import "./chunks/chunk.KX43XLOR.js";
+} from "./chunks/chunk.VAFK2X26.js";
+import "./chunks/chunk.ZXSNBDGX.js";
+import "./chunks/chunk.DFK2PRNS.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.LGYTX653.js";
+import "./chunks/chunk.QSWGIFIY.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.PBYEKOOF.js";
-import "./chunks/chunk.3GR65RWU.js";
+} from "./chunks/chunk.4ONQSQWY.js";
+import "./chunks/chunk.HXHXOCAN.js";
 import "./chunks/chunk.Y3LNC7J6.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.TVIGWT6Z.js";
-import "./chunks/chunk.BXBQK3TB.js";
-import "./chunks/chunk.HIJUMXP4.js";
+} from "./chunks/chunk.FWTCHF66.js";
+import "./chunks/chunk.I5SXKW7U.js";
+import "./chunks/chunk.23VRSHVV.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.L6GZTHH2.js";
+import "./chunks/chunk.VHCKZLOU.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -235,80 +235,79 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.TLOBRCJ7.js";
+} from "./chunks/chunk.TI3ZCBPE.js";
 import {
   button_group_default
-} from "./chunks/chunk.YS5HAVJH.js";
-import "./chunks/chunk.WH653LKD.js";
+} from "./chunks/chunk.Z2CIZBMC.js";
+import "./chunks/chunk.PJXJAPHZ.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.KSCYTDDN.js";
-import "./chunks/chunk.LX6MQEJV.js";
+} from "./chunks/chunk.OIZYIGAV.js";
+import "./chunks/chunk.O32ZC2KV.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.ROS6G7F5.js";
+} from "./chunks/chunk.G4ZT554K.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.6WGVJKL6.js";
-import "./chunks/chunk.J4AQWKAH.js";
+} from "./chunks/chunk.FDLAEOEF.js";
+import "./chunks/chunk.EPSBD2E6.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.ZC3WZ4HD.js";
-import "./chunks/chunk.5RXKCWCZ.js";
+import "./chunks/chunk.3CIWKBTC.js";
+import "./chunks/chunk.PARACD3O.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.TKJ4LQUN.js";
 import {
   badge_default
-} from "./chunks/chunk.ME6NYHXY.js";
+} from "./chunks/chunk.FWBTDW6R.js";
+import "./chunks/chunk.LMSCYNAW.js";
+import "./chunks/chunk.J6CGTLVH.js";
+import "./chunks/chunk.Y5TMYX2L.js";
+import "./chunks/chunk.IEGVIV7L.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
 import {
-  alert_default
-} from "./chunks/chunk.YBI7X2BA.js";
-import "./chunks/chunk.7FW3LXOS.js";
+  accordion_default
+} from "./chunks/chunk.YXHAGEYM.js";
+import "./chunks/chunk.WSI6742A.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.A4HL3BIH.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.66X6L2S6.js";
+import "./chunks/chunk.TPA42B34.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.QBHZAR4C.js";
-import "./chunks/chunk.BXY667C7.js";
-import "./chunks/chunk.GCRXP6BG.js";
-import "./chunks/chunk.KVGLARVX.js";
+import "./chunks/chunk.OUB2FMOU.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.DVUFNZNA.js";
+} from "./chunks/chunk.KFKQ3W6V.js";
 import "./chunks/chunk.YTEJW7IF.js";
 import {
   setSystemIconLibrary
-} from "./chunks/chunk.NMQAMCTH.js";
-import "./chunks/chunk.UBCXGNY7.js";
-import "./chunks/chunk.UUKF7HEE.js";
+} from "./chunks/chunk.TQLPO53Q.js";
+import "./chunks/chunk.LOOQDMQL.js";
+import "./chunks/chunk.HSKSME2B.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+import "./chunks/chunk.OAQRCZOO.js";
+import "./chunks/chunk.X7XPEYAM.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
-import {
-  accordion_default
-} from "./chunks/chunk.HB7DPOMI.js";
-import "./chunks/chunk.NDXRKDL3.js";
-import "./chunks/chunk.BVZQ6QSY.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.RZKOGDMT.js";
-import "./chunks/chunk.OAQRCZOO.js";
-import "./chunks/chunk.X7XPEYAM.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -320,10 +319,11 @@ 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.7C42R3TS.js";
-import "./chunks/chunk.J6CGTLVH.js";
-import "./chunks/chunk.Y5TMYX2L.js";
+import "./chunks/chunk.IQ4IN3TD.js";
+import "./chunks/chunk.QBHZAR4C.js";
+import "./chunks/chunk.BXY667C7.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.DVUFNZNA.js";
+} from "../chunks/chunk.KFKQ3W6V.js";
 import "../chunks/chunk.YTEJW7IF.js";
-import "../chunks/chunk.NMQAMCTH.js";
-import "../chunks/chunk.UBCXGNY7.js";
-import "../chunks/chunk.UUKF7HEE.js";
+import "../chunks/chunk.TQLPO53Q.js";
+import "../chunks/chunk.LOOQDMQL.js";
+import "../chunks/chunk.HSKSME2B.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"
         }
       ]
     },
@@ -465,7 +465,7 @@
     },
     {
       "name": "syn-details",
-      "description": "Details show a brief summary and expand to show additional content.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the details opens.\n- **syn-after-show** - Emitted after the details opens and all animations are complete.\n- **syn-hide** - Emitted when the details closes.\n- **syn-after-hide** - Emitted after the details closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the details.\n- **hide()** - Hides the details\n\n### **Slots:**\n - _default_ - The details' main content.\n- **summary** - The details' summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<syn-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **content** - The details content.\n- **body** - The container that wraps the details content.",
+      "description": "Details show a brief summary and expand to show additional content.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the details opens.\n- **syn-after-show** - Emitted after the details opens and all animations are complete.\n- **syn-hide** - Emitted when the details closes.\n- **syn-after-hide** - Emitted after the details closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the details.\n- **hide()** - Hides the details\n\n### **Slots:**\n - _default_ - The details' main content.\n- **summary** - The details' summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<syn-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<syn-icon>`.\n\n### **CSS Properties:**\n - **--syn-details-open-rotation** - The rotation angle of the summary icon when the details is open. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **content** - The details content.\n- **body** - The container that wraps the details content.",
       "attributes": [
         {
           "name": "open",
@@ -1022,7 +1022,7 @@
         {
           "name": "autocorrect",
           "description": "Indicates whether the browser's autocorrect feature is on or off.",
-          "values": [{ "name": "off" }, { "name": "on" }]
+          "values": []
         },
         {
           "name": "autocomplete",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.45.1",
+  "version": "2.46.0",
   "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.26.1",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0"
+    "@synergy-design-system/tokens": "2.27.0"
   },
   "release": {
     "branches": [
@@ -174,7 +174,7 @@
     "lit": "^3.3.0"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.26.1"
+    "@synergy-design-system/tokens": "^2.27.0"
   },
   "scripts": {
     "figma-export": "pnpm run /^figma-export:.*/",
@@ -185,7 +185,7 @@
     "report-bundle-size": "pnpm exec size-limit --json",
     "build": "node scripts/build.js",
     "test": "web-test-runner --group default",
-    "test.watch": "pnpm test -- --watch",
+    "test.watch": "pnpm test --watch",
     "vendor": "node scripts/vendorism.js",
     "vendor.get": "node scripts/vendorism.js -g",
     "vendor.set": "node scripts/vendorism.js -s",