@synergy-design-system/components 2.39.0 → 2.39.2

package/dist/custom-elements.json

@@ -144,82 +144,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/badge/badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SynBadge",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The badge's content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
-              },
-              "default": "'primary'",
-              "description": "The badge's theme variant.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "SynergyElement",
-            "module": "/src/internal/synergy-element.js"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "tagNameWithoutPrefix": "badge",
-          "tagName": "syn-badge",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs",
-          "status": "stable",
-          "since": "2.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SynBadge",
-            "module": "components/badge/badge.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -540,6 +464,82 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/badge/badge.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SynBadge",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The badge's theme variant.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "SynergyElement",
+            "module": "/src/internal/synergy-element.js"
+          },
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "tagNameWithoutPrefix": "badge",
+          "tagName": "syn-badge",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs",
+          "status": "stable",
+          "since": "2.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SynBadge",
+            "module": "components/badge/badge.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/breadcrumb/breadcrumb.js",
@@ -16272,7 +16272,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.39.0",
+    "version": "2.39.2",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.39.0
+ * @synergy-design-system/components version 2.39.2
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

package/dist/synergy.js

@@ -6,220 +6,220 @@ import "./chunks/chunk.NKIYFJN2.js";
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   tooltip_default
-} from "./chunks/chunk.3KLMWEEQ.js";
+} from "./chunks/chunk.OT6GXHPS.js";
 import {
   validate_default
-} from "./chunks/chunk.CIDNX73S.js";
-import "./chunks/chunk.MWG533EL.js";
-import "./chunks/chunk.RC75CW7X.js";
+} from "./chunks/chunk.IZFPJRKK.js";
+import "./chunks/chunk.L7MC33LZ.js";
+import "./chunks/chunk.674XN4CO.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.IRTPVWHU.js";
+} from "./chunks/chunk.WNXOSRUZ.js";
 import {
   textarea_default
-} from "./chunks/chunk.7IBSSLCM.js";
-import "./chunks/chunk.GE6TF42K.js";
+} from "./chunks/chunk.OR23ABVH.js";
+import "./chunks/chunk.DI2G33JI.js";
 import "./chunks/chunk.HQIVMAQI.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.HH5B5GDU.js";
+} from "./chunks/chunk.H4GIDZS7.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.MJFA7UUA.js";
-import "./chunks/chunk.VYIDZXNB.js";
+} from "./chunks/chunk.EV762D3E.js";
+import "./chunks/chunk.CFY7RUEI.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.OTRLSLEK.js";
+} from "./chunks/chunk.PHNV2RGT.js";
 import {
   tab_default
-} from "./chunks/chunk.PEXJJRDM.js";
-import "./chunks/chunk.DNLDF5UT.js";
+} from "./chunks/chunk.TRAZCCGZ.js";
+import "./chunks/chunk.GJAGMPA7.js";
 import "./chunks/chunk.JMMSJRM5.js";
 import "./chunks/chunk.43YNZAWL.js";
-import "./chunks/chunk.FMOQVTDZ.js";
+import "./chunks/chunk.273BDPT7.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   side_nav_default
-} from "./chunks/chunk.AXQGD7FI.js";
+} from "./chunks/chunk.MGE72PYB.js";
 import {
   spinner_default
-} from "./chunks/chunk.P74L5OIJ.js";
-import "./chunks/chunk.RZXUZQ3E.js";
+} from "./chunks/chunk.SHBC6J5V.js";
+import "./chunks/chunk.WRQXTISM.js";
 import "./chunks/chunk.3QYBPNXR.js";
 import "./chunks/chunk.4TB35TYG.js";
 import {
   select_default
-} from "./chunks/chunk.PFTG553Z.js";
-import "./chunks/chunk.LHHWSRJL.js";
-import "./chunks/chunk.ANCFAW4O.js";
+} from "./chunks/chunk.GSZNHSDS.js";
+import "./chunks/chunk.H5OBHU2G.js";
+import "./chunks/chunk.PBIOSNNZ.js";
 import "./chunks/chunk.VN2PSQ4U.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.DOOJ2WJ7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.SHB7XMYX.js";
+import "./chunks/chunk.DVJEJUT3.js";
 import "./chunks/chunk.FWLUR33I.js";
 import {
   range_default
-} from "./chunks/chunk.VKP7VPGF.js";
-import "./chunks/chunk.6ICKBTLA.js";
-import "./chunks/chunk.WXFHFWIV.js";
+} from "./chunks/chunk.OOPMDQNR.js";
+import "./chunks/chunk.N7BSULXL.js";
+import "./chunks/chunk.VHOOREGB.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.ENLYTIM2.js";
-import "./chunks/chunk.PQ5NGVBA.js";
+} from "./chunks/chunk.P4SKOH7C.js";
+import "./chunks/chunk.ESQSOO2A.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.OUWI6IUF.js";
+import "./chunks/chunk.27ER5LPY.js";
 import "./chunks/chunk.OI3HOOCT.js";
 import {
   radio_default
-} from "./chunks/chunk.JTCT3IAB.js";
+} from "./chunks/chunk.DTQD3R26.js";
 import {
   radio_button_default
-} from "./chunks/chunk.AMKJ43ST.js";
-import "./chunks/chunk.QNCFY3QL.js";
+} from "./chunks/chunk.SLAM5GFS.js";
+import "./chunks/chunk.JISBIFSX.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   radio_group_default
-} from "./chunks/chunk.WPFLEID5.js";
-import "./chunks/chunk.MKEKIQQZ.js";
+} from "./chunks/chunk.X4BEJUQS.js";
+import "./chunks/chunk.IZILPENH.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.MMVNZ6SZ.js";
+} from "./chunks/chunk.5RWHJLZQ.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.VG6F2R4N.js";
-import "./chunks/chunk.SKMMTUKT.js";
+} from "./chunks/chunk.3P52ZGNF.js";
+import "./chunks/chunk.GMQGWOVX.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
-import "./chunks/chunk.S6NPNE7J.js";
+import "./chunks/chunk.AVC4SQZU.js";
 import "./chunks/chunk.34TP5THB.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   popup_default
-} from "./chunks/chunk.B7RCQW6B.js";
+} from "./chunks/chunk.CZTETL2M.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.MSJRULQN.js";
-import "./chunks/chunk.RRSIS7PO.js";
+} from "./chunks/chunk.7STFK4EC.js";
+import "./chunks/chunk.FAP6GP2Y.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
-import "./chunks/chunk.WJX7LPPF.js";
+import "./chunks/chunk.5B3SBEJG.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
 import {
   option_default
-} from "./chunks/chunk.6LNO7YOX.js";
+} from "./chunks/chunk.P6F3LXOR.js";
 import {
   menu_label_default
-} from "./chunks/chunk.JDBHRFZH.js";
+} from "./chunks/chunk.BFS2SPQ5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.JPRA2R4Q.js";
-import "./chunks/chunk.SEKB2UQT.js";
+} from "./chunks/chunk.2EJCRN3E.js";
+import "./chunks/chunk.MEM23U4C.js";
 import "./chunks/chunk.5V47GZA4.js";
 import {
   optgroup_default
-} from "./chunks/chunk.MXHSSO67.js";
-import "./chunks/chunk.YCQWTIMU.js";
+} from "./chunks/chunk.LKPRZ4M7.js";
+import "./chunks/chunk.L5O3T2LE.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.L3SITWBM.js";
+} from "./chunks/chunk.TTQVD62Z.js";
 import {
   menu_item_default
-} from "./chunks/chunk.PVSQJRBA.js";
-import "./chunks/chunk.JVRXSH37.js";
+} from "./chunks/chunk.KA3HWM6N.js";
+import "./chunks/chunk.BZ35MQPO.js";
 import "./chunks/chunk.JQ5WZR46.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
-import "./chunks/chunk.OXUPDGJ4.js";
+import "./chunks/chunk.525KNKXT.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import {
   input_default
-} from "./chunks/chunk.TMD47FNF.js";
-import "./chunks/chunk.SJ2MSJHG.js";
+} from "./chunks/chunk.3UDZJOOJ.js";
+import "./chunks/chunk.N3SF45J3.js";
 import "./chunks/chunk.M6PF4GYJ.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.Q5TP4PGM.js";
+import "./chunks/chunk.WWYXXQ4E.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   icon_button_default
-} from "./chunks/chunk.6LLD4UMP.js";
+} from "./chunks/chunk.SK55Y6LR.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import {
   file_default
-} from "./chunks/chunk.HTYUHRNV.js";
+} from "./chunks/chunk.EK6XPTBS.js";
 import {
   header_default
-} from "./chunks/chunk.XGXDSUKC.js";
-import "./chunks/chunk.BTJLKS3J.js";
+} from "./chunks/chunk.KWQYV5O3.js";
+import "./chunks/chunk.4FGY4MLD.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.YN26HJZI.js";
+} from "./chunks/chunk.6YGX6KKE.js";
 import {
   drawer_default
-} from "./chunks/chunk.GXGNLYPX.js";
+} from "./chunks/chunk.LQ7HRGSL.js";
 import {
   dropdown_default
-} from "./chunks/chunk.EHXGKI7G.js";
-import "./chunks/chunk.ZQEVP3DQ.js";
+} from "./chunks/chunk.YJ3PGJV2.js";
+import "./chunks/chunk.EJTHB3QF.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.ZAR4SQNS.js";
+import "./chunks/chunk.O6GGBAYL.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.3QLTMSVQ.js";
+} from "./chunks/chunk.MBGQC52S.js";
 import {
   divider_default
-} from "./chunks/chunk.HYYSNP2X.js";
-import "./chunks/chunk.DUXL5UQG.js";
+} from "./chunks/chunk.4L5XZWYC.js";
+import "./chunks/chunk.WCERZL43.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.NCYYR6TT.js";
+import "./chunks/chunk.RVXIVAV5.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.MR7IEDPC.js";
-import "./chunks/chunk.ACKETVZW.js";
+} from "./chunks/chunk.L6C4ZIQ4.js";
+import "./chunks/chunk.OBQ2QF4L.js";
 import "./chunks/chunk.KX43XLOR.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.2MISZWM3.js";
+import "./chunks/chunk.K67EXCOB.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.ZC2AB2WR.js";
-import "./chunks/chunk.VFF4K5EP.js";
+} from "./chunks/chunk.WPUAVVFO.js";
+import "./chunks/chunk.XVSUHYT2.js";
 import "./chunks/chunk.Y3LNC7J6.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.FTHKO3NA.js";
-import "./chunks/chunk.YAO6NVQB.js";
-import "./chunks/chunk.EEPBPVPH.js";
+} from "./chunks/chunk.QPHSCKJC.js";
+import "./chunks/chunk.ZI6DZI2G.js";
+import "./chunks/chunk.CKEMXHVS.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.XLX5ZW4Q.js";
+import "./chunks/chunk.BXYYVHJV.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -234,29 +234,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.GTAE5OSA.js";
 import {
   button_default
-} from "./chunks/chunk.AIY3IYKQ.js";
+} from "./chunks/chunk.QP7OZEMU.js";
 import {
   button_group_default
-} from "./chunks/chunk.4VB3YUMI.js";
-import "./chunks/chunk.EWFQ4AGV.js";
+} from "./chunks/chunk.QPVYAQ6C.js";
+import "./chunks/chunk.I4Q5USRW.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.AJI6CHGK.js";
-import "./chunks/chunk.VEXR3FXP.js";
+} from "./chunks/chunk.H3OLGIJM.js";
+import "./chunks/chunk.ZNZDDK7R.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.JMZ62FLK.js";
+} from "./chunks/chunk.RLEXYIU5.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.BT4JP342.js";
-import "./chunks/chunk.FFZMSFN4.js";
+} from "./chunks/chunk.HPQYUDVM.js";
+import "./chunks/chunk.OYSBMQ64.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.NEROWQUF.js";
-import "./chunks/chunk.3A5J53Q6.js";
+import "./chunks/chunk.GQTVKA4Y.js";
+import "./chunks/chunk.TS6YMWYL.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
@@ -264,31 +264,31 @@ import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.DP44T25M.js";
+} from "./chunks/chunk.AWI5CN3T.js";
 import {
   badge_default
-} from "./chunks/chunk.SJHBJDZW.js";
-import "./chunks/chunk.FXF3NF2A.js";
+} from "./chunks/chunk.HOIAJILG.js";
+import "./chunks/chunk.DDWFMTMH.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.HKB44BOJ.js";
+import "./chunks/chunk.XGW4CMLO.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.5T5ZFM4K.js";
-import "./chunks/chunk.ACA3IODK.js";
+} from "./chunks/chunk.BLA26QQ4.js";
+import "./chunks/chunk.HCIE2O25.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.B6QMAV3K.js";
+import "./chunks/chunk.YMNBUVGS.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.AGQSPXQ5.js";
+import "./chunks/chunk.HKUENGGY.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.WMP2ZCAC.js";
+import "./chunks/chunk.SCBBNO7C.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -316,7 +316,7 @@ import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.MILWWSWV.js";
+import "./chunks/chunk.OPKEGGJH.js";
 import "./chunks/chunk.QBHZAR4C.js";
 import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.Z4XV3SMG.js";

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

@@ -29,29 +29,6 @@
         }
       ]
     },
-    {
-      "name": "syn-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
-        }
-      ]
-    },
     {
       "name": "syn-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the alert opens.\n- **syn-after-show** - Emitted after the alert opens and all animations are complete.\n- **syn-hide** - Emitted when the alert closes.\n- **syn-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<syn-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
@@ -90,6 +67,29 @@
         }
       ]
     },
+    {
+      "name": "syn-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs"
+        }
+      ]
+    },
     {
       "name": "syn-breadcrumb",
       "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",