@synergy-design-system/components 2.47.2 → 2.49.0

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",
@@ -16308,7 +16308,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.47.2",
+    "version": "2.49.0",
     "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.47.2
+ * @synergy-design-system/components version 2.49.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

package/dist/synergy.js

@@ -6,64 +6,64 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tooltip_default
-} from "./chunks/chunk.JQ3RVS2T.js";
+} from "./chunks/chunk.B5WDBL25.js";
 import {
   validate_default
-} from "./chunks/chunk.PWMYPM6I.js";
-import "./chunks/chunk.RHDL2FDT.js";
-import "./chunks/chunk.2QIHEGII.js";
+} from "./chunks/chunk.66SBQU2J.js";
+import "./chunks/chunk.UCM4XBMO.js";
+import "./chunks/chunk.FM53IROI.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.JCOBVO7U.js";
+} from "./chunks/chunk.764GFY4V.js";
 import {
   textarea_default
-} from "./chunks/chunk.BXXG4ZBW.js";
-import "./chunks/chunk.NM2KLVKS.js";
+} from "./chunks/chunk.H7J6ZA3B.js";
+import "./chunks/chunk.D3HZNMFY.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.OZ6EHEVE.js";
-import "./chunks/chunk.LU6RAECR.js";
+} from "./chunks/chunk.HWQ52T2M.js";
+import "./chunks/chunk.WTAAGWSK.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.H4FR5HS2.js";
-import "./chunks/chunk.QI7CZWLI.js";
+} from "./chunks/chunk.5YMXKNYH.js";
+import "./chunks/chunk.3ETPIAX5.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.CZT4F4YD.js";
-import "./chunks/chunk.Q2EINZRL.js";
+} from "./chunks/chunk.AMBPYCPD.js";
+import "./chunks/chunk.2SGR2LUD.js";
 import "./chunks/chunk.3QYBPNXR.js";
 import "./chunks/chunk.4TB35TYG.js";
 import {
   tab_default
-} from "./chunks/chunk.PRC736ZT.js";
-import "./chunks/chunk.XTVYJOOM.js";
+} from "./chunks/chunk.CDH3TEKB.js";
+import "./chunks/chunk.CMZD6MEY.js";
 import "./chunks/chunk.JMMSJRM5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   side_nav_default
-} from "./chunks/chunk.FA3P5YIL.js";
-import "./chunks/chunk.QINH2R2G.js";
+} from "./chunks/chunk.G2U2Y2DB.js";
+import "./chunks/chunk.EHIG5WTU.js";
 import "./chunks/chunk.FWLUR33I.js";
 import {
   spinner_default
-} from "./chunks/chunk.IEOSXYIT.js";
+} from "./chunks/chunk.PKFFYQNK.js";
 import {
   range_tick_default
-} from "./chunks/chunk.VCXG25KC.js";
-import "./chunks/chunk.R3MJWNW5.js";
+} from "./chunks/chunk.NRH3VD5D.js";
+import "./chunks/chunk.6EKLVPT3.js";
 import "./chunks/chunk.OI3HOOCT.js";
 import {
   select_default
-} from "./chunks/chunk.VT2NY6TH.js";
-import "./chunks/chunk.M3BMTPG6.js";
-import "./chunks/chunk.UQMXY7RH.js";
+} from "./chunks/chunk.ZXRR45B6.js";
+import "./chunks/chunk.QRNXML3P.js";
+import "./chunks/chunk.CABG57FG.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
@@ -71,155 +71,155 @@ import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.SA6IRDQL.js";
+} from "./chunks/chunk.CDASZYQM.js";
 import {
   range_default
-} from "./chunks/chunk.UHWXVSFK.js";
-import "./chunks/chunk.AWV2JHUH.js";
-import "./chunks/chunk.PESMSK7I.js";
+} from "./chunks/chunk.G57FFWDI.js";
+import "./chunks/chunk.VW2JN3B4.js";
+import "./chunks/chunk.FXII2YMR.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.UFNQFJO6.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.A7VGFAAY.js";
+import "./chunks/chunk.2ISNL5X6.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   radio_default
-} from "./chunks/chunk.D5BNMLW4.js";
-import "./chunks/chunk.4ZIMRQC4.js";
+} from "./chunks/chunk.6LRROIZ3.js";
+import "./chunks/chunk.W2MLO5XY.js";
 import "./chunks/chunk.GKA5WPFF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.NVBWOXHT.js";
-import "./chunks/chunk.A4DOZYFO.js";
+} from "./chunks/chunk.EFKMINFI.js";
+import "./chunks/chunk.HA7TCHN3.js";
 import "./chunks/chunk.4BRJ5OJE.js";
-import "./chunks/chunk.A2TLBP3N.js";
+import "./chunks/chunk.2VP53H45.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.63GDUKQE.js";
-import "./chunks/chunk.QKX4N5I3.js";
+} from "./chunks/chunk.Q2IZZCKE.js";
+import "./chunks/chunk.LCILZ6ML.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.CVXDQ5EL.js";
-import "./chunks/chunk.PDIAMWOK.js";
+} from "./chunks/chunk.UFJY3HA6.js";
+import "./chunks/chunk.OHKQ4EAU.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.SHYSFV3X.js";
+} from "./chunks/chunk.77RZPPWO.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.LXV3AP62.js";
-import "./chunks/chunk.TCZ5RL7U.js";
+} from "./chunks/chunk.2TRODX4P.js";
+import "./chunks/chunk.HRQCDCPL.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import {
   optgroup_default
-} from "./chunks/chunk.BQI4YIKL.js";
+} from "./chunks/chunk.WMHSFQ2B.js";
 import {
   option_default
-} from "./chunks/chunk.BXGK6FWY.js";
+} from "./chunks/chunk.P6FVKDFM.js";
 import {
   menu_label_default
-} from "./chunks/chunk.T6N3RPAY.js";
-import "./chunks/chunk.PDLHTDVG.js";
+} from "./chunks/chunk.DFE33BT4.js";
+import "./chunks/chunk.2BKGVPOY.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.ZL2LIFN2.js";
-import "./chunks/chunk.3PJGYKT4.js";
+} from "./chunks/chunk.OIPVO2SW.js";
+import "./chunks/chunk.JY4UI66L.js";
 import "./chunks/chunk.5V47GZA4.js";
-import "./chunks/chunk.ALIIO6MD.js";
+import "./chunks/chunk.JR3EOIU6.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.BIZ2NMW7.js";
+} from "./chunks/chunk.23V2NY7G.js";
 import {
   menu_item_default
-} from "./chunks/chunk.2FHURIXG.js";
-import "./chunks/chunk.WREU2PFE.js";
+} from "./chunks/chunk.2QDOGAQS.js";
+import "./chunks/chunk.VB6YVUCB.js";
 import "./chunks/chunk.JQ5WZR46.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.6EJKJNDY.js";
+} from "./chunks/chunk.OZBIXWLQ.js";
 import {
   input_default
-} from "./chunks/chunk.L7VRYK5M.js";
-import "./chunks/chunk.DV4OXOWS.js";
+} from "./chunks/chunk.7UQQKTVF.js";
+import "./chunks/chunk.FCOXMGDA.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.ERGKK3FY.js";
+import "./chunks/chunk.W65INGIM.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   file_default
-} from "./chunks/chunk.U7RPRAHL.js";
+} from "./chunks/chunk.ZP7KLZXV.js";
 import {
   header_default
-} from "./chunks/chunk.RD47DJK7.js";
-import "./chunks/chunk.3VBE57YC.js";
-import "./chunks/chunk.5T3OGIGW.js";
+} from "./chunks/chunk.6GI7DJIT.js";
+import "./chunks/chunk.7F3UUUQG.js";
+import "./chunks/chunk.PKWF5OH4.js";
 import {
   icon_default
-} from "./chunks/chunk.S5CLRJ5O.js";
+} from "./chunks/chunk.7MQVIJSD.js";
 import {
   drawer_default
-} from "./chunks/chunk.LQ3BKITM.js";
+} from "./chunks/chunk.6KK62OEN.js";
 import {
   dropdown_default
-} from "./chunks/chunk.4LISAZSS.js";
-import "./chunks/chunk.35HGU4LT.js";
+} from "./chunks/chunk.2X5WHE4C.js";
+import "./chunks/chunk.IF6GNCAP.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.AK3EILTF.js";
+import "./chunks/chunk.THNPEIXW.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.EP2ZPZGU.js";
+} from "./chunks/chunk.B3JJBKYO.js";
 import {
   divider_default
-} from "./chunks/chunk.LE6CIOQ6.js";
-import "./chunks/chunk.IG6FZLX5.js";
+} from "./chunks/chunk.ZCCH7IBZ.js";
+import "./chunks/chunk.CFZ7E5WY.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.DNF2JSWN.js";
+import "./chunks/chunk.RIAMORXC.js";
 import "./chunks/chunk.N7QJ54ZM.js";
-import "./chunks/chunk.I4FIU7FA.js";
+import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.WHK45NZE.js";
-import "./chunks/chunk.HB6PVYCD.js";
+} from "./chunks/chunk.E7BUQNQO.js";
+import "./chunks/chunk.HJLEG3NS.js";
 import "./chunks/chunk.DFK2PRNS.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.27BAHDDB.js";
+import "./chunks/chunk.M5GSJGIY.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.EQIGUROV.js";
-import "./chunks/chunk.S4262JYI.js";
+} from "./chunks/chunk.J2N4FDZA.js";
+import "./chunks/chunk.5FHV54UL.js";
 import "./chunks/chunk.Y3LNC7J6.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.5WQJW6WF.js";
-import "./chunks/chunk.N432ILPI.js";
-import "./chunks/chunk.YHHG5NHX.js";
+} from "./chunks/chunk.N7OBF4T7.js";
+import "./chunks/chunk.RXPGDNPE.js";
+import "./chunks/chunk.DRKU3RVE.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.QZ57DEAN.js";
+import "./chunks/chunk.RWFBTXXG.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -235,59 +235,61 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.54MNAYUM.js";
+} from "./chunks/chunk.GNBB27YV.js";
 import {
   button_group_default
-} from "./chunks/chunk.HY6PKMC6.js";
-import "./chunks/chunk.7MFRYO3I.js";
+} from "./chunks/chunk.6HFMP4CQ.js";
+import "./chunks/chunk.WKI4Y3B2.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.BHRSOMOT.js";
-import "./chunks/chunk.W4KE2WGZ.js";
+} from "./chunks/chunk.6NQLSSML.js";
+import "./chunks/chunk.FAASA3TT.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.NTM5IMES.js";
+} from "./chunks/chunk.J4FUYZJZ.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.ASH7ES6M.js";
-import "./chunks/chunk.GPQJ5ZSW.js";
+} from "./chunks/chunk.SDNLB63W.js";
+import "./chunks/chunk.XQ2V5II6.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.VVNIXXNY.js";
-import "./chunks/chunk.GQBC5IJ6.js";
+import "./chunks/chunk.XKOSP4J5.js";
+import "./chunks/chunk.HBDXU52C.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 {
-  accordion_default
-} from "./chunks/chunk.UPIPYJKW.js";
+  alert_default
+} from "./chunks/chunk.FPSWUSG2.js";
 import {
   badge_default
-} from "./chunks/chunk.BSOM6NXY.js";
-import "./chunks/chunk.KAVJYP4Y.js";
+} from "./chunks/chunk.PWQJC3ZW.js";
+import "./chunks/chunk.2D25YSSN.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.J6476KFX.js";
+import "./chunks/chunk.X52X2LRR.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
-  alert_default
-} from "./chunks/chunk.6JYHEYTZ.js";
-import "./chunks/chunk.E5PDDEZN.js";
+  accordion_default
+} from "./chunks/chunk.CZDS5U7Z.js";
+import "./chunks/chunk.QA6AFDTO.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.X3G3M5XC.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.43IR6FQY.js";
+import "./chunks/chunk.KCVDLTXN.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.JE3BCMTL.js";
+import "./chunks/chunk.AJVSCBE3.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -306,9 +308,6 @@ import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
-import "./chunks/chunk.QBHZAR4C.js";
-import "./chunks/chunk.BXY667C7.js";
-import "./chunks/chunk.GFSP5QG6.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -322,8 +321,9 @@ import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.DCCUFNJR.js";
-import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.AOPHACUY.js";
+import "./chunks/chunk.QBHZAR4C.js";
+import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as SynAccordion,

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.",