@synergy-design-system/components 3.6.1 → 3.6.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",
@@ -560,6 +484,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",
@@ -16613,6 +16613,17 @@
               "privacy": "private",
               "description": "Update the events on the input element."
             },
+            {
+              "kind": "method",
+              "name": "getDisplayValidationMessage",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "#851: Get the validation message that should be displayed to the user.\nPrioritizes customValidationMessage over the internal validationMessage state.\nThis is needed because frameworks may clear the internal validation message on\ndynamically rendered elements, but the customValidationMessage is still valid."
+            },
             {
               "kind": "method",
               "name": "setValidationMessage",
@@ -16767,7 +16778,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "3.6.1",
+    "version": "3.6.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 3.6.1
+ * @synergy-design-system/components version 3.6.2
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

package/dist/synergy.js

@@ -2,8 +2,8 @@ import "./chunks/chunk.NKIYFJN2.js";
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.5QUHHGOD.js";
-import "./chunks/chunk.3XZMOCG6.js";
+} from "./chunks/chunk.MCYWBF3C.js";
+import "./chunks/chunk.MLZQKBRQ.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   getFormControls,
@@ -11,139 +11,139 @@ import {
 } from "./chunks/chunk.H6EHQYZA.js";
 import {
   tag_default
-} from "./chunks/chunk.6LMYTIGS.js";
+} from "./chunks/chunk.DKRP4SNW.js";
 import {
   textarea_default
-} from "./chunks/chunk.HINYMLWI.js";
-import "./chunks/chunk.HBXMQ7PF.js";
+} from "./chunks/chunk.DADFO7ZC.js";
+import "./chunks/chunk.ZREFWRNI.js";
 import "./chunks/chunk.NDJJVGQL.js";
 import {
   tooltip_default
-} from "./chunks/chunk.ZOW7OV2U.js";
-import "./chunks/chunk.4GDY7NEK.js";
+} from "./chunks/chunk.DEJRW5K6.js";
+import "./chunks/chunk.EP45YOKI.js";
 import {
   tab_group_default
-} from "./chunks/chunk.SCKEUIIF.js";
+} from "./chunks/chunk.FJFOBROM.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.NWNEDOFO.js";
-import "./chunks/chunk.RXRHPQ7D.js";
+} from "./chunks/chunk.IVO2TN3E.js";
+import "./chunks/chunk.RXNPDOC4.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.6KIX3PER.js";
 import {
   switch_default
-} from "./chunks/chunk.J2QD6WCF.js";
+} from "./chunks/chunk.RPB7V345.js";
 import {
   tab_default
-} from "./chunks/chunk.AHX2WNRS.js";
-import "./chunks/chunk.VEIXDC5G.js";
+} from "./chunks/chunk.RF7GHBQS.js";
+import "./chunks/chunk.HTGMGRHI.js";
 import "./chunks/chunk.XC4GHHH2.js";
 import "./chunks/chunk.JDYQ7EFG.js";
-import "./chunks/chunk.34DCXKYT.js";
+import "./chunks/chunk.R75HTBXO.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
 import {
   side_nav_default
-} from "./chunks/chunk.HSSW752S.js";
+} from "./chunks/chunk.Z6GESOQF.js";
 import {
   spinner_default
-} from "./chunks/chunk.XVXJDFUK.js";
-import "./chunks/chunk.FDOTWE5Q.js";
+} from "./chunks/chunk.MK34IILN.js";
+import "./chunks/chunk.JKM4YHGK.js";
 import "./chunks/chunk.32WNHWXJ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.SCMER6XQ.js";
-import "./chunks/chunk.ZQJTGEHX.js";
+} from "./chunks/chunk.ISWLS435.js";
+import "./chunks/chunk.23NFX54N.js";
 import "./chunks/chunk.5KL2GWNQ.js";
 import {
   select_default
-} from "./chunks/chunk.57A42NLG.js";
-import "./chunks/chunk.R4FKW3GX.js";
+} from "./chunks/chunk.U7YYSF25.js";
+import "./chunks/chunk.FHBK7TVL.js";
 import "./chunks/chunk.7DRFKCFD.js";
-import "./chunks/chunk.O5STVMJZ.js";
+import "./chunks/chunk.IVA4SQG5.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   radio_group_default
-} from "./chunks/chunk.UEMDEZX6.js";
+} from "./chunks/chunk.H6IBEFIP.js";
 import {
   range_default
-} from "./chunks/chunk.36JGEYPF.js";
-import "./chunks/chunk.LWIAMY4V.js";
-import "./chunks/chunk.6VJY3TRA.js";
+} from "./chunks/chunk.OZQGH3XJ.js";
+import "./chunks/chunk.3U62422U.js";
+import "./chunks/chunk.GXMTAN3E.js";
 import "./chunks/chunk.EQUDFX74.js";
 import "./chunks/chunk.KEO5PHF2.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.JHE7UVMI.js";
+import "./chunks/chunk.KBUH5F5U.js";
 import "./chunks/chunk.2VDKBFQ7.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.DFMLUH2N.js";
+} from "./chunks/chunk.5MDIMDW7.js";
 import {
   radio_default
-} from "./chunks/chunk.S2IHOYLF.js";
-import "./chunks/chunk.ZJSALTLL.js";
+} from "./chunks/chunk.R5PHRI64.js";
+import "./chunks/chunk.JS5JBZSI.js";
 import "./chunks/chunk.432DTUIX.js";
 import {
   radio_button_default
-} from "./chunks/chunk.Z7JE3NFJ.js";
-import "./chunks/chunk.3WVDHGXC.js";
+} from "./chunks/chunk.53STUHE4.js";
+import "./chunks/chunk.ZX37OTAK.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
-import "./chunks/chunk.RU2RT37T.js";
+import "./chunks/chunk.JYUFPJEK.js";
 import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.UCXZFEKY.js";
-import "./chunks/chunk.OEGAZKUI.js";
+} from "./chunks/chunk.ATVH3IN5.js";
+import "./chunks/chunk.VZKW6FE7.js";
 import "./chunks/chunk.3WVPUEAN.js";
 import "./chunks/chunk.VPL7U5EC.js";
-import "./chunks/chunk.EA2ED5LW.js";
+import "./chunks/chunk.PKY6NBL3.js";
 import "./chunks/chunk.GCTLPTMT.js";
 import "./chunks/chunk.PB6IANE7.js";
 import {
   option_default
-} from "./chunks/chunk.N2P6JGTF.js";
+} from "./chunks/chunk.4P4I7LQD.js";
 import {
   popup_default
-} from "./chunks/chunk.2PPN6KVK.js";
+} from "./chunks/chunk.WHL6RT4F.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.A2AYJJ7H.js";
-import "./chunks/chunk.4ZWPK4JG.js";
+} from "./chunks/chunk.WSUVXQLC.js";
+import "./chunks/chunk.CGBISFLP.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.TASXJ4ZX.js";
+} from "./chunks/chunk.CSOJ7GAN.js";
 import {
   optgroup_default
-} from "./chunks/chunk.ZS2RODX4.js";
-import "./chunks/chunk.IKGD2H5A.js";
+} from "./chunks/chunk.YG6GHM5E.js";
+import "./chunks/chunk.3QP4VLRZ.js";
 import "./chunks/chunk.3T6ULO23.js";
 import {
   menu_item_default
-} from "./chunks/chunk.L6H7CHLC.js";
+} from "./chunks/chunk.TWI7JGQG.js";
 import {
   menu_label_default
-} from "./chunks/chunk.YYCO33PM.js";
-import "./chunks/chunk.SBAXRTPJ.js";
+} from "./chunks/chunk.WWUVHRGT.js";
+import "./chunks/chunk.E232H3UG.js";
 import "./chunks/chunk.QKRQEB4F.js";
-import "./chunks/chunk.KC4VEV4Y.js";
+import "./chunks/chunk.B2DOGABS.js";
 import "./chunks/chunk.K5MZVORR.js";
 import {
   input_default
-} from "./chunks/chunk.Q7VKIJC3.js";
+} from "./chunks/chunk.TWN2IINB.js";
 import {
   menu_default
-} from "./chunks/chunk.NMBIRUQU.js";
-import "./chunks/chunk.X5VH7MID.js";
+} from "./chunks/chunk.U5RPGYIW.js";
+import "./chunks/chunk.KLXJZGUV.js";
 import "./chunks/chunk.NXIQ25W4.js";
-import "./chunks/chunk.MAKIWTSE.js";
+import "./chunks/chunk.CH2LD3AA.js";
 import "./chunks/chunk.CAEBFUZN.js";
 import "./chunks/chunk.BC532CB6.js";
 import {
   icon_button_default
-} from "./chunks/chunk.YSWL6IJW.js";
-import "./chunks/chunk.QTVJRWRP.js";
+} from "./chunks/chunk.EFSUVXPR.js";
+import "./chunks/chunk.SSKABUHR.js";
 import "./chunks/chunk.6P2XCD2Q.js";
 import "./chunks/chunk.PHFTXPIT.js";
 import "./chunks/chunk.KVS7GBFQ.js";
@@ -156,66 +156,66 @@ import {
 } from "./chunks/chunk.WBOHZGDF.js";
 import {
   dropdown_default
-} from "./chunks/chunk.EJTQEUF4.js";
+} from "./chunks/chunk.C2FRRPVQ.js";
 import {
   file_default
-} from "./chunks/chunk.P4ZXNQQ4.js";
-import "./chunks/chunk.2A5ZKU32.js";
+} from "./chunks/chunk.QYUYJHSU.js";
+import "./chunks/chunk.5WDT4XAG.js";
 import "./chunks/chunk.2ECWEEUO.js";
 import {
   header_default
-} from "./chunks/chunk.CVUNFQUG.js";
-import "./chunks/chunk.XBDUDOPF.js";
+} from "./chunks/chunk.SYWUH3B2.js";
+import "./chunks/chunk.5IBHNTGE.js";
 import {
   icon_default
-} from "./chunks/chunk.JWA6M5ZZ.js";
+} from "./chunks/chunk.DKOGU73U.js";
 import "./chunks/chunk.CXQHLGXV.js";
 import {
   divider_default
-} from "./chunks/chunk.TB237H74.js";
+} from "./chunks/chunk.YQW5XR5D.js";
 import {
   drawer_default
-} from "./chunks/chunk.SYMEFYEK.js";
-import "./chunks/chunk.Q7TOL5PH.js";
+} from "./chunks/chunk.MOBPMDEL.js";
+import "./chunks/chunk.W5FLBYFD.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.UORFJFA2.js";
-import "./chunks/chunk.E3U7WNRA.js";
+import "./chunks/chunk.AX7CY3YV.js";
 import "./chunks/chunk.TUSN4AOP.js";
 import {
   details_default
-} from "./chunks/chunk.PLIBKR5J.js";
-import "./chunks/chunk.PIKKRGFU.js";
+} from "./chunks/chunk.MZRF75R4.js";
+import "./chunks/chunk.AGUBFW23.js";
 import "./chunks/chunk.IP6JSQWX.js";
 import {
   dialog_default
-} from "./chunks/chunk.RCI5CCXX.js";
-import "./chunks/chunk.JKA6KBXT.js";
+} from "./chunks/chunk.4H3YZMAS.js";
+import "./chunks/chunk.AM2GARN3.js";
 import "./chunks/chunk.P4JFVVSO.js";
 import "./chunks/chunk.XRSLCQH3.js";
 import "./chunks/chunk.EHZBQTCT.js";
 import "./chunks/chunk.PN64BR66.js";
-import "./chunks/chunk.NEHYBY5N.js";
+import "./chunks/chunk.DFSXHO6C.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.34A453XJ.js";
 import {
   checkbox_default
-} from "./chunks/chunk.D5UFMTUH.js";
-import "./chunks/chunk.XIO6NVNU.js";
+} from "./chunks/chunk.HIBFS52G.js";
+import "./chunks/chunk.PNWAFKQK.js";
 import "./chunks/chunk.3JDUKQRN.js";
 import "./chunks/chunk.VOUZJK5T.js";
 import {
   combobox_default
-} from "./chunks/chunk.HZ74RYOQ.js";
-import "./chunks/chunk.3NWL4AL3.js";
-import "./chunks/chunk.PDOQLAYW.js";
+} from "./chunks/chunk.TKML63IS.js";
+import "./chunks/chunk.5TG44M6G.js";
+import "./chunks/chunk.WAWHW5YZ.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.VCJQ6DPU.js";
+import "./chunks/chunk.RYZBQX3Z.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.AOOC5ALQ.js";
+import "./chunks/chunk.WEELXGV7.js";
 import "./chunks/chunk.3334XOIY.js";
 import "./chunks/chunk.2DT3C6WE.js";
 import "./chunks/chunk.34WYIU4C.js";
@@ -228,27 +228,27 @@ import {
 import "./chunks/chunk.FVIRHFY6.js";
 import {
   button_group_default
-} from "./chunks/chunk.N5ZE6OSY.js";
-import "./chunks/chunk.JXKV4DYA.js";
+} from "./chunks/chunk.YAI45VKX.js";
+import "./chunks/chunk.F5ZCL426.js";
 import "./chunks/chunk.34RGILSE.js";
 import "./chunks/chunk.CX7IEDUW.js";
 import {
   card_default
-} from "./chunks/chunk.WOUHL4WE.js";
-import "./chunks/chunk.XO7VQMVX.js";
+} from "./chunks/chunk.L637U7ZN.js";
+import "./chunks/chunk.WNZKI3PE.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.R3SMKUIL.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.WM6M3IWG.js";
-import "./chunks/chunk.PDVI2IPR.js";
+} from "./chunks/chunk.3M3NFWNU.js";
+import "./chunks/chunk.S45RRNGO.js";
 import "./chunks/chunk.BVV2XKW3.js";
 import "./chunks/chunk.OFKOVRHG.js";
 import {
   button_default
-} from "./chunks/chunk.NUNQOP7A.js";
-import "./chunks/chunk.2IVMHEQ6.js";
-import "./chunks/chunk.J37FDI7L.js";
+} from "./chunks/chunk.CG6KDIHY.js";
+import "./chunks/chunk.TGAM2TG2.js";
+import "./chunks/chunk.MEPMES2G.js";
 import "./chunks/chunk.WQMTAEYE.js";
 import "./chunks/chunk.7V7XEBE2.js";
 import "./chunks/chunk.J3GDDM6Q.js";
@@ -256,13 +256,13 @@ import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   badge_default
-} from "./chunks/chunk.EPMUBNXV.js";
+} from "./chunks/chunk.EMEFYG3J.js";
 import {
   alert_default
-} from "./chunks/chunk.VU6FOBTQ.js";
-import "./chunks/chunk.SSOL4LVM.js";
+} from "./chunks/chunk.7A6XCVHJ.js";
+import "./chunks/chunk.R7CEVVUS.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.QOBJ2NX5.js";
+import "./chunks/chunk.FYLQ2KPN.js";
 import "./chunks/chunk.OQUVO5QW.js";
 import "./chunks/chunk.DAIQ5WRI.js";
 import "./chunks/chunk.LQDIH4Z5.js";
@@ -272,9 +272,9 @@ import "./chunks/chunk.CHFWLQN5.js";
 import "./chunks/chunk.UA5B6CPN.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.XYDE666E.js";
-import "./chunks/chunk.XAXHRDXN.js";
-import "./chunks/chunk.LJNMLUJK.js";
+} from "./chunks/chunk.CQ5YK2UI.js";
+import "./chunks/chunk.ED42IBEQ.js";
+import "./chunks/chunk.N26YJUY5.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.4XZTYPIY.js";
 import {
@@ -295,11 +295,11 @@ import {
 } from "./chunks/chunk.PLV4PZYX.js";
 import {
   accordion_default
-} from "./chunks/chunk.TVSMRXAW.js";
-import "./chunks/chunk.Q3XZRHS6.js";
+} from "./chunks/chunk.GEIZGJXS.js";
+import "./chunks/chunk.OKOF6KVW.js";
 import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.KURP6IS6.js";
+import "./chunks/chunk.LLLGWSSG.js";
 import "./chunks/chunk.QLETXF4A.js";
 import "./chunks/chunk.BHJVE26D.js";
 import {
@@ -316,7 +316,7 @@ import "./chunks/chunk.VL3GX6WV.js";
 import "./chunks/chunk.VMLERD3J.js";
 import "./chunks/chunk.QDG5AJZX.js";
 import "./chunks/chunk.2NT3B5WJ.js";
-import "./chunks/chunk.IUFTAV2I.js";
+import "./chunks/chunk.PMLEHSEE.js";
 import "./chunks/chunk.SA423NRC.js";
 import "./chunks/chunk.CMOZ4SCN.js";
 import "./chunks/chunk.MO2GTRUM.js";

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

@@ -33,29 +33,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.",
@@ -103,6 +80,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.",