@baloise/ds-core 20.0.0-next.7 → 20.0.0-next.8

package/docs/components.json

@@ -1423,7 +1423,7 @@
               "docs": ""
             }
           ],
-          "docs": "",
+          "docs": "Sets focus on the given elements using the app's focus-visible handling.",
           "docsTags": []
         }
       ],
@@ -1544,10 +1544,10 @@
       "props": [
         {
           "name": "color",
-          "type": "\"\" | \"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\"",
+          "type": "\"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\" | undefined",
           "complexType": {
             "original": "BadgeColor",
-            "resolved": "\"\" | \"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\"",
+            "resolved": "\"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\" | undefined",
             "references": {
               "BadgeColor": {
                 "location": "import",
@@ -1561,17 +1561,8 @@
           "attr": "color",
           "reflectToAttr": true,
           "docs": "Define the color for the badge.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "danger",
               "type": "string"
@@ -1603,9 +1594,12 @@
             {
               "value": "yellow",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -1641,10 +1635,10 @@
         },
         {
           "name": "position",
-          "type": "\"\" | \"button\" | \"card\" | \"tabs\"",
+          "type": "\"button\" | \"card\" | \"tabs\" | undefined",
           "complexType": {
             "original": "BadgePosition",
-            "resolved": "\"\" | \"button\" | \"card\" | \"tabs\"",
+            "resolved": "\"button\" | \"card\" | \"tabs\" | undefined",
             "references": {
               "BadgePosition": {
                 "location": "import",
@@ -1657,18 +1651,9 @@
           "mutable": false,
           "attr": "position",
           "reflectToAttr": true,
-          "docs": "If `true` the badge is added to the top right corner of the card.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docs": "Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "button",
               "type": "string"
@@ -1680,9 +1665,12 @@
             {
               "value": "tabs",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -1718,10 +1706,10 @@
         },
         {
           "name": "size",
-          "type": "\"\" | \"large\" | \"lg\" | \"sm\" | \"small\"",
+          "type": "\"large\" | \"lg\" | \"sm\" | \"small\" | undefined",
           "complexType": {
             "original": "BadgeSize",
-            "resolved": "\"\" | \"large\" | \"lg\" | \"sm\" | \"small\"",
+            "resolved": "\"large\" | \"lg\" | \"sm\" | \"small\" | undefined",
             "references": {
               "BadgeSize": {
                 "location": "import",
@@ -1735,17 +1723,8 @@
           "attr": "size",
           "reflectToAttr": true,
           "docs": "Define the size of badge. Small is recommended for tabs.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "large",
               "type": "string"
@@ -1761,9 +1740,12 @@
             {
               "value": "small",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -1849,219 +1831,219 @@
       "listeners": [],
       "tokens": [
         {
-          "name": "🧩 Component / Badge / Text / Family",
-          "cssVarName": "--ds-badge-text-family",
-          "value": "{🔗 Alias.🔤 Text.Family.Heading}",
-          "nativeValue": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
+          "name": "🧩 Component / Badge / Size / SM",
+          "cssVarName": "--ds-badge-size-sm",
+          "value": "{🔗 Alias.↔️ Space.SM.Mobile}",
+          "nativeValue": "12",
           "inheritance": [
             {
-              "cssVar": "--ds-font-family-heading",
-              "figmaName": "Global / Font / Family / Heading"
+              "cssVar": "--ds-size-space-12",
+              "figmaName": "Global / Size / Space / 12"
             },
             {
-              "cssVar": "--ds-text-family-heading",
-              "figmaName": "Alias / Text / Family / Heading"
+              "cssVar": "--ds-space-sm-mobile",
+              "figmaName": "Alias / Space / SM / Mobile"
             },
             {
-              "cssVar": "--ds-badge-text-family",
-              "figmaName": "Component / Badge / Text / Family"
+              "cssVar": "--ds-badge-size-sm",
+              "figmaName": "Component / Badge / Size / SM"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Text",
-            "Family"
+            "Size",
+            "SM"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Text / Weight",
-          "cssVarName": "--ds-badge-text-weight",
-          "value": "{🔗 Alias.🔤 Text.Weight.Bold}",
-          "nativeValue": "700",
+          "name": "🧩 Component / Badge / Size / Base",
+          "cssVarName": "--ds-badge-size-base",
+          "value": "{🔗 Alias.↔️ Space.LG.Mobile}",
+          "nativeValue": "24",
           "inheritance": [
             {
-              "cssVar": "--ds-font-weight-700",
-              "figmaName": "Global / Font / Weight / 700"
+              "cssVar": "--ds-size-space-24",
+              "figmaName": "Global / Size / Space / 24"
             },
             {
-              "cssVar": "--ds-text-weight-bold",
-              "figmaName": "Alias / Text / Weight / Bold"
+              "cssVar": "--ds-space-lg-mobile",
+              "figmaName": "Alias / Space / LG / Mobile"
             },
             {
-              "cssVar": "--ds-badge-text-weight",
-              "figmaName": "Component / Badge / Text / Weight"
+              "cssVar": "--ds-badge-size-base",
+              "figmaName": "Component / Badge / Size / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Text",
-            "Weight"
+            "Size",
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Text / Size / SM",
-          "cssVarName": "--ds-badge-text-size-sm",
-          "value": "{🔗 Alias.🔤 Text.Size.None.Mobile}",
-          "nativeValue": "0",
+          "name": "🧩 Component / Badge / Size / LG",
+          "cssVarName": "--ds-badge-size-lg",
+          "value": "{🔗 Alias.↔️ Space.XL.Mobile}",
+          "nativeValue": "32",
           "inheritance": [
             {
-              "cssVar": "--ds-font-size-0",
-              "figmaName": "Global / Font / Size / 0"
+              "cssVar": "--ds-size-space-32",
+              "figmaName": "Global / Size / Space / 32"
             },
             {
-              "cssVar": "--ds-text-size-none-mobile",
-              "figmaName": "Alias / Text / Size / None / Mobile"
+              "cssVar": "--ds-space-xl-mobile",
+              "figmaName": "Alias / Space / XL / Mobile"
             },
             {
-              "cssVar": "--ds-badge-text-size-sm",
-              "figmaName": "Component / Badge / Text / Size / SM"
+              "cssVar": "--ds-badge-size-lg",
+              "figmaName": "Component / Badge / Size / LG"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Text",
             "Size",
-            "SM"
+            "LG"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Text / Size / Base",
-          "cssVarName": "--ds-badge-text-size-base",
-          "value": "{🔗 Alias.🔤 Text.Size.XS.Mobile}",
-          "nativeValue": "12",
+          "name": "🧩 Component / Badge / Font / Family",
+          "cssVarName": "--ds-badge-font-family",
+          "value": "{🔗 Alias.🔤 Text.Family.Heading}",
+          "nativeValue": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
           "inheritance": [
             {
-              "cssVar": "--ds-font-size-12",
-              "figmaName": "Global / Font / Size / 12"
+              "cssVar": "--ds-font-family-heading",
+              "figmaName": "Global / Font / Family / Heading"
             },
             {
-              "cssVar": "--ds-text-size-xs-mobile",
-              "figmaName": "Alias / Text / Size / XS / Mobile"
+              "cssVar": "--ds-text-family-heading",
+              "figmaName": "Alias / Text / Family / Heading"
             },
             {
-              "cssVar": "--ds-badge-text-size-base",
-              "figmaName": "Component / Badge / Text / Size / Base"
+              "cssVar": "--ds-badge-font-family",
+              "figmaName": "Component / Badge / Font / Family"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Text",
-            "Size",
-            "Base"
+            "Font",
+            "Family"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Text / Size / LG",
-          "cssVarName": "--ds-badge-text-size-lg",
-          "value": "{🔗 Alias.🔤 Text.Size.Base.Mobile}",
-          "nativeValue": "16",
+          "name": "🧩 Component / Badge / Font / Weight",
+          "cssVarName": "--ds-badge-font-weight",
+          "value": "{🔗 Alias.🔤 Text.Weight.Bold}",
+          "nativeValue": "700",
           "inheritance": [
             {
-              "cssVar": "--ds-font-size-16",
-              "figmaName": "Global / Font / Size / 16"
+              "cssVar": "--ds-font-weight-700",
+              "figmaName": "Global / Font / Weight / 700"
             },
             {
-              "cssVar": "--ds-text-size-base-mobile",
-              "figmaName": "Alias / Text / Size / Base / Mobile"
+              "cssVar": "--ds-text-weight-bold",
+              "figmaName": "Alias / Text / Weight / Bold"
             },
             {
-              "cssVar": "--ds-badge-text-size-lg",
-              "figmaName": "Component / Badge / Text / Size / LG"
+              "cssVar": "--ds-badge-font-weight",
+              "figmaName": "Component / Badge / Font / Weight"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Text",
-            "Size",
-            "LG"
+            "Font",
+            "Weight"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Size / SM",
-          "cssVarName": "--ds-badge-size-sm",
-          "value": "{🔗 Alias.↔️ Space.SM.Mobile}",
-          "nativeValue": "12",
+          "name": "🧩 Component / Badge / Font / Size / SM",
+          "cssVarName": "--ds-badge-font-size-sm",
+          "value": "{🔗 Alias.🔤 Text.Size.None.Mobile}",
+          "nativeValue": "0",
           "inheritance": [
             {
-              "cssVar": "--ds-size-space-12",
-              "figmaName": "Global / Size / Space / 12"
+              "cssVar": "--ds-font-size-0",
+              "figmaName": "Global / Font / Size / 0"
             },
             {
-              "cssVar": "--ds-space-sm-mobile",
-              "figmaName": "Alias / Space / SM / Mobile"
+              "cssVar": "--ds-text-size-none-mobile",
+              "figmaName": "Alias / Text / Size / None / Mobile"
             },
             {
-              "cssVar": "--ds-badge-size-sm",
-              "figmaName": "Component / Badge / Size / SM"
+              "cssVar": "--ds-badge-font-size-sm",
+              "figmaName": "Component / Badge / Font / Size / SM"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
+            "Font",
             "Size",
             "SM"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Size / Base",
-          "cssVarName": "--ds-badge-size-base",
-          "value": "{🔗 Alias.↔️ Space.LG.Mobile}",
-          "nativeValue": "24",
+          "name": "🧩 Component / Badge / Font / Size / Base",
+          "cssVarName": "--ds-badge-font-size-base",
+          "value": "{🔗 Alias.🔤 Text.Size.XS.Mobile}",
+          "nativeValue": "12",
           "inheritance": [
             {
-              "cssVar": "--ds-size-space-24",
-              "figmaName": "Global / Size / Space / 24"
+              "cssVar": "--ds-font-size-12",
+              "figmaName": "Global / Font / Size / 12"
             },
             {
-              "cssVar": "--ds-space-lg-mobile",
-              "figmaName": "Alias / Space / LG / Mobile"
+              "cssVar": "--ds-text-size-xs-mobile",
+              "figmaName": "Alias / Text / Size / XS / Mobile"
             },
             {
-              "cssVar": "--ds-badge-size-base",
-              "figmaName": "Component / Badge / Size / Base"
+              "cssVar": "--ds-badge-font-size-base",
+              "figmaName": "Component / Badge / Font / Size / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
+            "Font",
             "Size",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Size / LG",
-          "cssVarName": "--ds-badge-size-lg",
-          "value": "{🔗 Alias.↔️ Space.XL.Mobile}",
-          "nativeValue": "32",
+          "name": "🧩 Component / Badge / Font / Size / LG",
+          "cssVarName": "--ds-badge-font-size-lg",
+          "value": "{🔗 Alias.🔤 Text.Size.Base.Mobile}",
+          "nativeValue": "16",
           "inheritance": [
             {
-              "cssVar": "--ds-size-space-32",
-              "figmaName": "Global / Size / Space / 32"
+              "cssVar": "--ds-font-size-16",
+              "figmaName": "Global / Font / Size / 16"
             },
             {
-              "cssVar": "--ds-space-xl-mobile",
-              "figmaName": "Alias / Space / XL / Mobile"
+              "cssVar": "--ds-text-size-base-mobile",
+              "figmaName": "Alias / Text / Size / Base / Mobile"
             },
             {
-              "cssVar": "--ds-badge-size-lg",
-              "figmaName": "Component / Badge / Size / LG"
+              "cssVar": "--ds-badge-font-size-lg",
+              "figmaName": "Component / Badge / Font / Size / LG"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
+            "Font",
             "Size",
             "LG"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Base / Text",
-          "cssVarName": "--ds-badge-color-base-text",
+          "name": "🧩 Component / Badge / Base / Color / Text",
+          "cssVarName": "--ds-badge-base-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2074,21 +2056,21 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-base-text",
-              "figmaName": "Component / Badge / Color / Base / Text"
+              "cssVar": "--ds-badge-base-color-text",
+              "figmaName": "Component / Badge / Base / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Base",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Base / Background",
-          "cssVarName": "--ds-badge-color-base-background",
+          "name": "🧩 Component / Badge / Base / Color / Background",
+          "cssVarName": "--ds-badge-base-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.Red}",
           "nativeValue": "#FFACA6",
           "inheritance": [
@@ -2101,21 +2083,21 @@
               "figmaName": "Alias / Background / Color / Red"
             },
             {
-              "cssVar": "--ds-badge-color-base-background",
-              "figmaName": "Component / Badge / Color / Base / Background"
+              "cssVar": "--ds-badge-base-color-background",
+              "figmaName": "Component / Badge / Base / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Base",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Info / Text",
-          "cssVarName": "--ds-badge-color-info-text",
+          "name": "🧩 Component / Badge / Info / Color / Text",
+          "cssVarName": "--ds-badge-info-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2128,21 +2110,21 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-info-text",
-              "figmaName": "Component / Badge / Color / Info / Text"
+              "cssVar": "--ds-badge-info-color-text",
+              "figmaName": "Component / Badge / Info / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Info",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Info / Background",
-          "cssVarName": "--ds-badge-color-info-background",
+          "name": "🧩 Component / Badge / Info / Color / Background",
+          "cssVarName": "--ds-badge-info-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.Purple}",
           "nativeValue": "#B8B2FF",
           "inheritance": [
@@ -2155,21 +2137,21 @@
               "figmaName": "Alias / Background / Color / Purple"
             },
             {
-              "cssVar": "--ds-badge-color-info-background",
-              "figmaName": "Component / Badge / Color / Info / Background"
+              "cssVar": "--ds-badge-info-color-background",
+              "figmaName": "Component / Badge / Info / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Info",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Success / Text",
-          "cssVarName": "--ds-badge-color-success-text",
+          "name": "🧩 Component / Badge / Success / Color / Text",
+          "cssVarName": "--ds-badge-success-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2182,21 +2164,21 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-success-text",
-              "figmaName": "Component / Badge / Color / Success / Text"
+              "cssVar": "--ds-badge-success-color-text",
+              "figmaName": "Component / Badge / Success / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Success",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Success / Background",
-          "cssVarName": "--ds-badge-color-success-background",
+          "name": "🧩 Component / Badge / Success / Color / Background",
+          "cssVarName": "--ds-badge-success-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.Green}",
           "nativeValue": "#94E3D4",
           "inheritance": [
@@ -2209,21 +2191,21 @@
               "figmaName": "Alias / Background / Color / Green"
             },
             {
-              "cssVar": "--ds-badge-color-success-background",
-              "figmaName": "Component / Badge / Color / Success / Background"
+              "cssVar": "--ds-badge-success-color-background",
+              "figmaName": "Component / Badge / Success / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Success",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Warning / Text",
-          "cssVarName": "--ds-badge-color-warning-text",
+          "name": "🧩 Component / Badge / Warning / Color / Text",
+          "cssVarName": "--ds-badge-warning-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2236,21 +2218,21 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-warning-text",
-              "figmaName": "Component / Badge / Color / Warning / Text"
+              "cssVar": "--ds-badge-warning-color-text",
+              "figmaName": "Component / Badge / Warning / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Warning",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Warning / Background",
-          "cssVarName": "--ds-badge-color-warning-background",
+          "name": "🧩 Component / Badge / Warning / Color / Background",
+          "cssVarName": "--ds-badge-warning-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.YellowLight}",
           "nativeValue": "#FFECBC",
           "inheritance": [
@@ -2263,21 +2245,21 @@
               "figmaName": "Alias / Background / Color / YellowLight"
             },
             {
-              "cssVar": "--ds-badge-color-warning-background",
-              "figmaName": "Component / Badge / Color / Warning / Background"
+              "cssVar": "--ds-badge-warning-color-background",
+              "figmaName": "Component / Badge / Warning / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Warning",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Danger / Text",
-          "cssVarName": "--ds-badge-color-danger-text",
+          "name": "🧩 Component / Badge / Danger / Color / Text",
+          "cssVarName": "--ds-badge-danger-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2290,21 +2272,75 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-danger-text",
-              "figmaName": "Component / Badge / Color / Danger / Text"
+              "cssVar": "--ds-badge-danger-color-text",
+              "figmaName": "Component / Badge / Danger / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
+            "Danger",
             "Color",
+            "Text"
+          ]
+        },
+        {
+          "name": "🧩 Component / Badge / Danger / Color / Background",
+          "cssVarName": "--ds-badge-danger-color-background",
+          "value": "{🔗 Alias.🎨 Background.Color.Red}",
+          "nativeValue": "#FFACA6",
+          "inheritance": [
+            {
+              "cssVar": "--ds-color-red-3",
+              "figmaName": "Global / Color / Red / 3"
+            },
+            {
+              "cssVar": "--ds-background-color-red",
+              "figmaName": "Alias / Background / Color / Red"
+            },
+            {
+              "cssVar": "--ds-badge-danger-color-background",
+              "figmaName": "Component / Badge / Danger / Color / Background"
+            }
+          ],
+          "path": [
+            "🧩 Component",
+            "Badge",
             "Danger",
+            "Color",
+            "Background"
+          ]
+        },
+        {
+          "name": "🧩 Component / Badge / Red / Color / Text",
+          "cssVarName": "--ds-badge-red-color-text",
+          "value": "{🔗 Alias.🔤 Text.Color.Primary}",
+          "nativeValue": "#000D6E",
+          "inheritance": [
+            {
+              "cssVar": "--ds-color-primary-5",
+              "figmaName": "Global / Color / Primary / 5"
+            },
+            {
+              "cssVar": "--ds-text-color-primary",
+              "figmaName": "Alias / Text / Color / Primary"
+            },
+            {
+              "cssVar": "--ds-badge-red-color-text",
+              "figmaName": "Component / Badge / Red / Color / Text"
+            }
+          ],
+          "path": [
+            "🧩 Component",
+            "Badge",
+            "Red",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Danger / Background",
-          "cssVarName": "--ds-badge-color-danger-background",
+          "name": "🧩 Component / Badge / Red / Color / Background",
+          "cssVarName": "--ds-badge-red-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.Red}",
           "nativeValue": "#FFACA6",
           "inheritance": [
@@ -2317,75 +2353,21 @@
               "figmaName": "Alias / Background / Color / Red"
             },
             {
-              "cssVar": "--ds-badge-color-danger-background",
-              "figmaName": "Component / Badge / Color / Danger / Background"
+              "cssVar": "--ds-badge-red-color-background",
+              "figmaName": "Component / Badge / Red / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
-            "Danger",
-            "Background"
-          ]
-        },
-        {
-          "name": "🧩 Component / Badge / Color / Red / Text",
-          "cssVarName": "--ds-badge-color-red-text",
-          "value": "{🔗 Alias.🔤 Text.Color.Primary}",
-          "nativeValue": "#000D6E",
-          "inheritance": [
-            {
-              "cssVar": "--ds-color-primary-5",
-              "figmaName": "Global / Color / Primary / 5"
-            },
-            {
-              "cssVar": "--ds-text-color-primary",
-              "figmaName": "Alias / Text / Color / Primary"
-            },
-            {
-              "cssVar": "--ds-badge-color-red-text",
-              "figmaName": "Component / Badge / Color / Red / Text"
-            }
-          ],
-          "path": [
-            "🧩 Component",
-            "Badge",
-            "Color",
             "Red",
-            "Text"
-          ]
-        },
-        {
-          "name": "🧩 Component / Badge / Color / Red / Background",
-          "cssVarName": "--ds-badge-color-red-background",
-          "value": "{🔗 Alias.🎨 Background.Color.RedLight}",
-          "nativeValue": "#FFD7D7",
-          "inheritance": [
-            {
-              "cssVar": "--ds-color-red-2",
-              "figmaName": "Global / Color / Red / 2"
-            },
-            {
-              "cssVar": "--ds-background-color-redlight",
-              "figmaName": "Alias / Background / Color / RedLight"
-            },
-            {
-              "cssVar": "--ds-badge-color-red-background",
-              "figmaName": "Component / Badge / Color / Red / Background"
-            }
-          ],
-          "path": [
-            "🧩 Component",
-            "Badge",
             "Color",
-            "Red",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Purple / Text",
-          "cssVarName": "--ds-badge-color-purple-text",
+          "name": "🧩 Component / Badge / Purple / Color / Text",
+          "cssVarName": "--ds-badge-purple-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2398,48 +2380,48 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-purple-text",
-              "figmaName": "Component / Badge / Color / Purple / Text"
+              "cssVar": "--ds-badge-purple-color-text",
+              "figmaName": "Component / Badge / Purple / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Purple",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Purple / Background",
-          "cssVarName": "--ds-badge-color-purple-background",
-          "value": "{🔗 Alias.🎨 Background.Color.PurpleLight}",
-          "nativeValue": "#E1D9FF",
+          "name": "🧩 Component / Badge / Purple / Color / Background",
+          "cssVarName": "--ds-badge-purple-color-background",
+          "value": "{🔗 Alias.🎨 Background.Color.Purple}",
+          "nativeValue": "#B8B2FF",
           "inheritance": [
             {
-              "cssVar": "--ds-color-purple-2",
-              "figmaName": "Global / Color / Purple / 2"
+              "cssVar": "--ds-color-purple-3",
+              "figmaName": "Global / Color / Purple / 3"
             },
             {
-              "cssVar": "--ds-background-color-purplelight",
-              "figmaName": "Alias / Background / Color / PurpleLight"
+              "cssVar": "--ds-background-color-purple",
+              "figmaName": "Alias / Background / Color / Purple"
             },
             {
-              "cssVar": "--ds-badge-color-purple-background",
-              "figmaName": "Component / Badge / Color / Purple / Background"
+              "cssVar": "--ds-badge-purple-color-background",
+              "figmaName": "Component / Badge / Purple / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Purple",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Green / Text",
-          "cssVarName": "--ds-badge-color-green-text",
+          "name": "🧩 Component / Badge / Green / Color / Text",
+          "cssVarName": "--ds-badge-green-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2452,48 +2434,48 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-green-text",
-              "figmaName": "Component / Badge / Color / Green / Text"
+              "cssVar": "--ds-badge-green-color-text",
+              "figmaName": "Component / Badge / Green / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Green",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Green / Background",
-          "cssVarName": "--ds-badge-color-green-background",
-          "value": "{🔗 Alias.🎨 Background.Color.GreenLight}",
-          "nativeValue": "#CBF2EC",
+          "name": "🧩 Component / Badge / Green / Color / Background",
+          "cssVarName": "--ds-badge-green-color-background",
+          "value": "{🔗 Alias.🎨 Background.Color.Green}",
+          "nativeValue": "#94E3D4",
           "inheritance": [
             {
-              "cssVar": "--ds-color-green-2",
-              "figmaName": "Global / Color / Green / 2"
+              "cssVar": "--ds-color-green-3",
+              "figmaName": "Global / Color / Green / 3"
             },
             {
-              "cssVar": "--ds-background-color-greenlight",
-              "figmaName": "Alias / Background / Color / GreenLight"
+              "cssVar": "--ds-background-color-green",
+              "figmaName": "Alias / Background / Color / Green"
             },
             {
-              "cssVar": "--ds-badge-color-green-background",
-              "figmaName": "Component / Badge / Color / Green / Background"
+              "cssVar": "--ds-badge-green-color-background",
+              "figmaName": "Component / Badge / Green / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Green",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Yellow / Text",
-          "cssVarName": "--ds-badge-color-yellow-text",
+          "name": "🧩 Component / Badge / Yellow / Color / Text",
+          "cssVarName": "--ds-badge-yellow-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -2506,48 +2488,48 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-badge-color-yellow-text",
-              "figmaName": "Component / Badge / Color / Yellow / Text"
+              "cssVar": "--ds-badge-yellow-color-text",
+              "figmaName": "Component / Badge / Yellow / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Yellow",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Yellow / Background",
-          "cssVarName": "--ds-badge-color-yellow-background",
-          "value": "{🔗 Alias.🎨 Background.Color.YellowLighter}",
-          "nativeValue": "#FFF9E8",
+          "name": "🧩 Component / Badge / Yellow / Color / Background",
+          "cssVarName": "--ds-badge-yellow-color-background",
+          "value": "{🔗 Alias.🎨 Background.Color.Yellow}",
+          "nativeValue": "#FAE052",
           "inheritance": [
             {
-              "cssVar": "--ds-color-yellow-1",
-              "figmaName": "Global / Color / Yellow / 1"
+              "cssVar": "--ds-color-yellow-3",
+              "figmaName": "Global / Color / Yellow / 3"
             },
             {
-              "cssVar": "--ds-background-color-yellowlighter",
-              "figmaName": "Alias / Background / Color / YellowLighter"
+              "cssVar": "--ds-background-color-yellow",
+              "figmaName": "Alias / Background / Color / Yellow"
             },
             {
-              "cssVar": "--ds-badge-color-yellow-background",
-              "figmaName": "Component / Badge / Color / Yellow / Background"
+              "cssVar": "--ds-badge-yellow-color-background",
+              "figmaName": "Component / Badge / Yellow / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Yellow",
+            "Color",
             "Background"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Grey / Text",
-          "cssVarName": "--ds-badge-color-grey-text",
+          "name": "🧩 Component / Badge / Grey / Color / Text",
+          "cssVarName": "--ds-badge-grey-color-text",
           "value": "{🔗 Alias.🔤 Text.Color.Grey}",
           "nativeValue": "#747474",
           "inheritance": [
@@ -2560,21 +2542,21 @@
               "figmaName": "Alias / Text / Color / Grey"
             },
             {
-              "cssVar": "--ds-badge-color-grey-text",
-              "figmaName": "Component / Badge / Color / Grey / Text"
+              "cssVar": "--ds-badge-grey-color-text",
+              "figmaName": "Component / Badge / Grey / Color / Text"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Grey",
+            "Color",
             "Text"
           ]
         },
         {
-          "name": "🧩 Component / Badge / Color / Grey / Background",
-          "cssVarName": "--ds-badge-color-grey-background",
+          "name": "🧩 Component / Badge / Grey / Color / Background",
+          "cssVarName": "--ds-badge-grey-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
           "nativeValue": "#F0F0F0",
           "inheritance": [
@@ -2587,15 +2569,15 @@
               "figmaName": "Alias / Background / Color / GreyLight"
             },
             {
-              "cssVar": "--ds-badge-color-grey-background",
-              "figmaName": "Component / Badge / Color / Grey / Background"
+              "cssVar": "--ds-badge-grey-color-background",
+              "figmaName": "Component / Badge / Grey / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Badge",
-            "Color",
             "Grey",
+            "Color",
             "Background"
           ]
         }
@@ -2837,10 +2819,10 @@
         },
         {
           "name": "color",
-          "type": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+          "type": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
           "complexType": {
             "original": "ButtonColor",
-            "resolved": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+            "resolved": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
             "references": {
               "ButtonColor": {
                 "location": "import",
@@ -2862,9 +2844,6 @@
           ],
           "default": "'primary'",
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "danger",
               "type": "string"
@@ -3929,7 +3908,7 @@
           "name": "🧩 Component / Button / LineHeight",
           "cssVarName": "--ds-button-lineheight",
           "value": "{🔗 Alias.🔤 Text.LineHeight.Heading}",
-          "nativeValue": "1.2999999523162842",
+          "nativeValue": "1.3",
           "inheritance": [
             {
               "cssVar": "--ds-font-lineheight-2",
@@ -10598,142 +10577,6 @@
         {
           "name": "--card-footer-padding",
           "docs": "Padding inside the footer section."
-        },
-        {
-          "name": "--ds-card-background",
-          "docs": "Background of the card"
-        },
-        {
-          "name": "--ds-card-background-white",
-          "docs": "Background of the card with the color white."
-        },
-        {
-          "name": "--ds-card-background-blue",
-          "docs": "Background of the card with the color blue."
-        },
-        {
-          "name": "--ds-card-background-primary",
-          "docs": "Background of the card with the color primary."
-        },
-        {
-          "name": "--ds-card-background-info",
-          "docs": "Background of the card with the color info."
-        },
-        {
-          "name": "--ds-card-background-success",
-          "docs": "Background of the card with the color success."
-        },
-        {
-          "name": "--ds-card-background-warning",
-          "docs": "Background of the card with the color warning."
-        },
-        {
-          "name": "--ds-card-background-danger",
-          "docs": "Background of the card with the color danger."
-        },
-        {
-          "name": "--ds-card-background-grey",
-          "docs": "Background of the card with the color grey."
-        },
-        {
-          "name": "--ds-card-background-red",
-          "docs": "Background of the card with the color red."
-        },
-        {
-          "name": "--ds-card-background-yellow",
-          "docs": "Background of the card with the color yellow."
-        },
-        {
-          "name": "--ds-card-background-purple",
-          "docs": "Background of the card with the color purple."
-        },
-        {
-          "name": "--ds-card-background-green",
-          "docs": "Background of the card with the color green."
-        },
-        {
-          "name": "--ds-card-background-red-light",
-          "docs": "Background of the card with the color red light."
-        },
-        {
-          "name": "--ds-card-background-yellow-light",
-          "docs": "Background of the card with the color yellow light."
-        },
-        {
-          "name": "--ds-card-background-purple-light",
-          "docs": "Background of the card with the color purple light."
-        },
-        {
-          "name": "--ds-card-background-green-light",
-          "docs": "Background of the card with the color green light."
-        },
-        {
-          "name": "--ds-card-background-grey-light",
-          "docs": "Background of the card with the color grey light."
-        },
-        {
-          "name": "--ds-card-background-purple-1",
-          "docs": "Background of the card with the color purple 1."
-        },
-        {
-          "name": "--ds-card-background-purple-2",
-          "docs": "Background of the card with the color purple 2."
-        },
-        {
-          "name": "--ds-card-background-purple-3",
-          "docs": "Background of the card with the color purple 3."
-        },
-        {
-          "name": "--ds-card-background-green-1",
-          "docs": "Background of the card with the color green 1."
-        },
-        {
-          "name": "--ds-card-background-green-2",
-          "docs": "Background of the card with the color green 2."
-        },
-        {
-          "name": "--ds-card-background-green-3",
-          "docs": "Background of the card with the color green 3."
-        },
-        {
-          "name": "--ds-card-background-red-1",
-          "docs": "Background of the card with the color red 1."
-        },
-        {
-          "name": "--ds-card-background-red-2",
-          "docs": "Background of the card with the color red 2."
-        },
-        {
-          "name": "--ds-card-background-red-3",
-          "docs": "Background of the card with the color red 3."
-        },
-        {
-          "name": "--ds-card-background-yellow-1",
-          "docs": "Background of the card with the color yellow 1."
-        },
-        {
-          "name": "--ds-card-background-yellow-2",
-          "docs": "Background of the card with the color yellow 2."
-        },
-        {
-          "name": "--ds-card-background-yellow-3",
-          "docs": "Background of the card with the color yellow 3."
-        },
-        {
-          "name": "--ds-card-selected-background",
-          "docs": "Background of the card with the color selected."
-        },
-        {
-          "name": "--ds-card-radius",
-          "docs": "Radius of the card."
-        },
-        {
-          "name": "--ds-card-square-radius",
-          "docs": "Radius of the square card."
-        },
-        {
-          "name": "--ds-card-border",
-          "docs": "Border of the card."
         }
       ],
       "slots": [
@@ -12975,10 +12818,10 @@
         },
         {
           "name": "color",
-          "type": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+          "type": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
           "complexType": {
             "original": "HeadingColor",
-            "resolved": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+            "resolved": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
             "references": {
               "HeadingColor": {
                 "location": "import",
@@ -12992,17 +12835,8 @@
           "attr": "color",
           "reflectToAttr": false,
           "docs": "If `true` the card text color becomes white.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "blue",
               "type": "string"
@@ -13030,89 +12864,92 @@
             {
               "value": "white",
               "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inverted",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "inverted",
+          "reflectToAttr": false,
+          "docs": "If `true` the card text color becomes white.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
             }
           ],
           "optional": false,
           "required": false,
           "getter": false,
           "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The subtitle text."
+        }
+      ],
+      "parts": [
+        {
+          "name": "card-subtitle",
+          "docs": "The card subtitle element."
+        }
+      ],
+      "customStates": [],
+      "listeners": [],
+      "type": "web-component"
+    },
+    {
+      "fileName": "card-title.tsx",
+      "tag": "ds-card-title",
+      "overview": "Card title renders a semantic heading for card titles with flexible visual styling independent of heading level.",
+      "usage": {},
+      "docs": "Card title renders a semantic heading for card titles with flexible visual styling independent of heading level.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- The title text."
         },
-        {
-          "name": "inverted",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "inverted",
-          "reflectToAttr": false,
-          "docs": "If `true` the card text color becomes white.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "The subtitle text."
-        }
-      ],
-      "parts": [
-        {
-          "name": "card-subtitle",
-          "docs": "The card subtitle element."
-        }
-      ],
-      "customStates": [],
-      "listeners": [],
-      "type": "web-component"
-    },
-    {
-      "fileName": "card-title.tsx",
-      "tag": "ds-card-title",
-      "overview": "Card title renders a semantic heading for card titles with flexible visual styling independent of heading level.",
-      "usage": {},
-      "docs": "Card title renders a semantic heading for card titles with flexible visual styling independent of heading level.",
-      "docsTags": [
-        {
-          "name": "slot",
-          "text": "- The title text."
-        },
-        {
-          "name": "part",
-          "text": "card-title - The card title heading element."
-        }
-      ],
-      "encapsulation": "shadow",
-      "dependents": [],
-      "dependencies": [
-        "ds-heading"
-      ],
-      "dependencyGraph": {
-        "ds-card-title": [
-          "ds-heading"
-        ]
-      },
-      "props": [
+        {
+          "name": "part",
+          "text": "card-title - The card title heading element."
+        }
+      ],
+      "encapsulation": "shadow",
+      "dependents": [],
+      "dependencies": [
+        "ds-heading"
+      ],
+      "dependencyGraph": {
+        "ds-card-title": [
+          "ds-heading"
+        ]
+      },
+      "props": [
         {
           "name": "inverted",
           "type": "boolean",
@@ -13216,10 +13053,10 @@
         },
         {
           "name": "visualLevel",
-          "type": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+          "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
           "complexType": {
             "original": "HeadingVisualLevel",
-            "resolved": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+            "resolved": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
             "references": {
               "HeadingVisualLevel": {
                 "location": "import",
@@ -13233,17 +13070,8 @@
           "attr": "visual-level",
           "reflectToAttr": false,
           "docs": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "2xl",
               "type": "string"
@@ -13303,9 +13131,12 @@
             {
               "value": "xl",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -15527,6 +15358,10 @@
         {
           "name": "slot",
           "text": "- The checkbox items to display inside the group."
+        },
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "encapsulation": "shadow",
@@ -16356,6 +16191,10 @@
         {
           "name": "",
           "docs": "The checkbox items to display inside the group."
+        },
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "parts": [],
@@ -16479,10 +16318,10 @@
         },
         {
           "name": "buttonColor",
-          "type": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+          "type": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\" | undefined",
           "complexType": {
             "original": "ButtonColor",
-            "resolved": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+            "resolved": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\" | undefined",
             "references": {
               "ButtonColor": {
                 "location": "import",
@@ -16496,17 +16335,8 @@
           "attr": "button-color",
           "reflectToAttr": false,
           "docs": "Defines the color of the button variant. Only applicable if `button` is `true`.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "danger",
               "type": "string"
@@ -16570,9 +16400,12 @@
             {
               "value": "warning",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -16637,10 +16470,10 @@
         },
         {
           "name": "size",
-          "type": "\"\" | \"md\" | \"medium\" | \"sm\" | \"small\"",
+          "type": "\"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
           "complexType": {
             "original": "CloseSize",
-            "resolved": "\"\" | \"md\" | \"medium\" | \"sm\" | \"small\"",
+            "resolved": "\"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
             "references": {
               "CloseSize": {
                 "location": "import",
@@ -16654,17 +16487,8 @@
           "attr": "size",
           "reflectToAttr": true,
           "docs": "Define the size of badge. Small is recommended for tabs.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "md",
               "type": "string"
@@ -16680,9 +16504,12 @@
             {
               "value": "small",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -16793,12 +16620,12 @@
         {
           "name": "🧩 Component / Close / Color / Background / Hover",
           "cssVarName": "--ds-close-color-background-hover",
-          "value": "{\"colorSpace\":\"srgb\",\"components\":[0,0.02659088373184204,0.22499999403953552],\"alpha\":0.10000000149011612,\"hex\":\"#000739\"}",
-          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[0,0.02659088373184204,0.22499999403953552],\"alpha\":0.10000000149011612,\"hex\":\"#000739\"}",
+          "value": "{\"colorSpace\":\"srgb\",\"components\":[0,0.02659088373184204,0.22499999403953552],\"alpha\":0.1,\"hex\":\"#000739\"}",
+          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[0,0.02659088373184204,0.22499999403953552],\"alpha\":0.1,\"hex\":\"#000739\"}",
           "inheritance": [
             {
-              "cssVar": "--ds-026590883731842040-22499999403953552alpha0-10000000149011612hex000739",
-              "figmaName": "colorSpacesrgbcomponents00 / 026590883731842040 / 22499999403953552alpha0 / 10000000149011612hex000739"
+              "cssVar": "--ds-026590883731842040-22499999403953552alpha0-1hex000739",
+              "figmaName": "colorSpacesrgbcomponents00 / 026590883731842040 / 22499999403953552alpha0 / 1hex000739"
             },
             {
               "cssVar": "--ds-close-color-background-hover",
@@ -16816,12 +16643,12 @@
         {
           "name": "🧩 Component / Close / Color / Background / Active",
           "cssVarName": "--ds-close-color-background-active",
-          "value": "{\"colorSpace\":\"srgb\",\"components\":[0,0.027450980618596077,0.2235294133424759],\"alpha\":0.30000001192092896,\"hex\":\"#000739\"}",
-          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[0,0.027450980618596077,0.2235294133424759],\"alpha\":0.30000001192092896,\"hex\":\"#000739\"}",
+          "value": "{\"colorSpace\":\"srgb\",\"components\":[0,0.027450980618596077,0.2235294133424759],\"alpha\":0.2,\"hex\":\"#000739\"}",
+          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[0,0.027450980618596077,0.2235294133424759],\"alpha\":0.2,\"hex\":\"#000739\"}",
           "inheritance": [
             {
-              "cssVar": "--ds-0274509806185960770-2235294133424759alpha0-30000001192092896hex000739",
-              "figmaName": "colorSpacesrgbcomponents00 / 0274509806185960770 / 2235294133424759alpha0 / 30000001192092896hex000739"
+              "cssVar": "--ds-0274509806185960770-2235294133424759alpha0-2hex000739",
+              "figmaName": "colorSpacesrgbcomponents00 / 0274509806185960770 / 2235294133424759alpha0 / 2hex000739"
             },
             {
               "cssVar": "--ds-close-color-background-active",
@@ -16837,18 +16664,22 @@
           ]
         },
         {
-          "name": "🧩 Component / Close / Color / Background / InvertedHover",
-          "cssVarName": "--ds-close-color-background-invertedhover",
-          "value": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.30000001192092896,\"hex\":\"#FFFFFF\"}",
-          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.30000001192092896,\"hex\":\"#FFFFFF\"}",
+          "name": "🧩 Component / Close / Color / Background / Disabled",
+          "cssVarName": "--ds-close-color-background-disabled",
+          "value": "{🔗 Alias.🎨 Background.Color.Grey}",
+          "nativeValue": "#E0E0E0",
           "inheritance": [
             {
-              "cssVar": "--ds-30000001192092896hexffffff",
-              "figmaName": "colorSpacesrgbcomponents111alpha0 / 30000001192092896hexFFFFFF"
+              "cssVar": "--ds-color-grey-2",
+              "figmaName": "Global / Color / Grey / 2"
             },
             {
-              "cssVar": "--ds-close-color-background-invertedhover",
-              "figmaName": "Component / Close / Color / Background / InvertedHover"
+              "cssVar": "--ds-background-color-grey",
+              "figmaName": "Alias / Background / Color / Grey"
+            },
+            {
+              "cssVar": "--ds-close-color-background-disabled",
+              "figmaName": "Component / Close / Color / Background / Disabled"
             }
           ],
           "path": [
@@ -16856,138 +16687,137 @@
             "Close",
             "Color",
             "Background",
-            "InvertedHover"
+            "Disabled"
           ]
         },
         {
-          "name": "🧩 Component / Close / Color / Background / InvertedActive",
-          "cssVarName": "--ds-close-color-background-invertedactive",
-          "value": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.5,\"hex\":\"#FFFFFF\"}",
-          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.5,\"hex\":\"#FFFFFF\"}",
+          "name": "🧩 Component / Close / Icon / Color / Base",
+          "cssVarName": "--ds-close-icon-color-base",
+          "value": "{🔗 Alias.🔤 Text.Color.Primary}",
+          "nativeValue": "#000D6E",
           "inheritance": [
             {
-              "cssVar": "--ds-5hexffffff",
-              "figmaName": "colorSpacesrgbcomponents111alpha0 / 5hexFFFFFF"
+              "cssVar": "--ds-color-primary-5",
+              "figmaName": "Global / Color / Primary / 5"
+            },
+            {
+              "cssVar": "--ds-text-color-primary",
+              "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-close-color-background-invertedactive",
-              "figmaName": "Component / Close / Color / Background / InvertedActive"
+              "cssVar": "--ds-close-icon-color-base",
+              "figmaName": "Component / Close / Icon / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Close",
+            "Icon",
             "Color",
-            "Background",
-            "InvertedActive"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Close / Color / Background / Disabled",
-          "cssVarName": "--ds-close-color-background-disabled",
-          "value": "{🔗 Alias.🎨 Background.Color.Grey}",
-          "nativeValue": "#E0E0E0",
+          "name": "🧩 Component / Close / Icon / Color / Disabled",
+          "cssVarName": "--ds-close-icon-color-disabled",
+          "value": "{🔗 Alias.🔤 Text.Color.Disabled}",
+          "nativeValue": "#747474",
           "inheritance": [
             {
-              "cssVar": "--ds-color-grey-2",
-              "figmaName": "Global / Color / Grey / 2"
+              "cssVar": "--ds-color-grey-5",
+              "figmaName": "Global / Color / Grey / 5"
             },
             {
-              "cssVar": "--ds-background-color-grey",
-              "figmaName": "Alias / Background / Color / Grey"
+              "cssVar": "--ds-text-color-disabled",
+              "figmaName": "Alias / Text / Color / Disabled"
             },
             {
-              "cssVar": "--ds-close-color-background-disabled",
-              "figmaName": "Component / Close / Color / Background / Disabled"
+              "cssVar": "--ds-close-icon-color-disabled",
+              "figmaName": "Component / Close / Icon / Color / Disabled"
             }
           ],
           "path": [
             "🧩 Component",
             "Close",
+            "Icon",
             "Color",
-            "Background",
             "Disabled"
           ]
         },
         {
-          "name": "🧩 Component / Close / Color / Icon / Base",
-          "cssVarName": "--ds-close-color-icon-base",
-          "value": "{🔗 Alias.🔤 Text.Color.Primary}",
-          "nativeValue": "#000D6E",
+          "name": "🧩 Component / Close / Inverted / Color / Background / Hover",
+          "cssVarName": "--ds-close-inverted-color-background-hover",
+          "value": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.30000001192092896,\"hex\":\"#FFFFFF\"}",
+          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.30000001192092896,\"hex\":\"#FFFFFF\"}",
           "inheritance": [
             {
-              "cssVar": "--ds-color-primary-5",
-              "figmaName": "Global / Color / Primary / 5"
-            },
-            {
-              "cssVar": "--ds-text-color-primary",
-              "figmaName": "Alias / Text / Color / Primary"
+              "cssVar": "--ds-30000001192092896hexffffff",
+              "figmaName": "colorSpacesrgbcomponents111alpha0 / 30000001192092896hexFFFFFF"
             },
             {
-              "cssVar": "--ds-close-color-icon-base",
-              "figmaName": "Component / Close / Color / Icon / Base"
+              "cssVar": "--ds-close-inverted-color-background-hover",
+              "figmaName": "Component / Close / Inverted / Color / Background / Hover"
             }
           ],
           "path": [
             "🧩 Component",
             "Close",
+            "Inverted",
             "Color",
-            "Icon",
-            "Base"
+            "Background",
+            "Hover"
           ]
         },
         {
-          "name": "🧩 Component / Close / Color / Icon / Inverted",
-          "cssVarName": "--ds-close-color-icon-inverted",
-          "value": "{🔗 Alias.🔤 Text.Color.White}",
-          "nativeValue": "#FFFFFF",
+          "name": "🧩 Component / Close / Inverted / Color / Background / Active",
+          "cssVarName": "--ds-close-inverted-color-background-active",
+          "value": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.5,\"hex\":\"#FFFFFF\"}",
+          "nativeValue": "{\"colorSpace\":\"srgb\",\"components\":[1,1,1],\"alpha\":0.5,\"hex\":\"#FFFFFF\"}",
           "inheritance": [
             {
-              "cssVar": "--ds-color-white",
-              "figmaName": "Global / Color / White"
-            },
-            {
-              "cssVar": "--ds-text-color-white",
-              "figmaName": "Alias / Text / Color / White"
+              "cssVar": "--ds-5hexffffff",
+              "figmaName": "colorSpacesrgbcomponents111alpha0 / 5hexFFFFFF"
             },
             {
-              "cssVar": "--ds-close-color-icon-inverted",
-              "figmaName": "Component / Close / Color / Icon / Inverted"
+              "cssVar": "--ds-close-inverted-color-background-active",
+              "figmaName": "Component / Close / Inverted / Color / Background / Active"
             }
           ],
           "path": [
             "🧩 Component",
             "Close",
+            "Inverted",
             "Color",
-            "Icon",
-            "Inverted"
+            "Background",
+            "Active"
           ]
         },
         {
-          "name": "🧩 Component / Close / Color / Icon / Disabled",
-          "cssVarName": "--ds-close-color-icon-disabled",
-          "value": "{🔗 Alias.🔤 Text.Color.Disabled}",
-          "nativeValue": "#747474",
+          "name": "🧩 Component / Close / Inverted / Icon / Color / Base",
+          "cssVarName": "--ds-close-inverted-icon-color-base",
+          "value": "{🔗 Alias.🔤 Text.Color.White}",
+          "nativeValue": "#FFFFFF",
           "inheritance": [
             {
-              "cssVar": "--ds-color-grey-5",
-              "figmaName": "Global / Color / Grey / 5"
+              "cssVar": "--ds-color-white",
+              "figmaName": "Global / Color / White"
             },
             {
-              "cssVar": "--ds-text-color-disabled",
-              "figmaName": "Alias / Text / Color / Disabled"
+              "cssVar": "--ds-text-color-white",
+              "figmaName": "Alias / Text / Color / White"
             },
             {
-              "cssVar": "--ds-close-color-icon-disabled",
-              "figmaName": "Component / Close / Color / Icon / Disabled"
+              "cssVar": "--ds-close-inverted-icon-color-base",
+              "figmaName": "Component / Close / Inverted / Icon / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Close",
-            "Color",
+            "Inverted",
             "Icon",
-            "Disabled"
+            "Color",
+            "Base"
           ]
         }
       ],
@@ -17035,10 +16865,10 @@
       "props": [
         {
           "name": "align",
-          "type": "\"\" | \"center\" | \"end\" | \"start\"",
+          "type": "\"center\" | \"end\" | \"start\" | undefined",
           "complexType": {
             "original": "ContentAlignment",
-            "resolved": "\"\" | \"center\" | \"end\" | \"start\"",
+            "resolved": "\"center\" | \"end\" | \"start\" | undefined",
             "references": {
               "ContentAlignment": {
                 "location": "import",
@@ -17052,17 +16882,8 @@
           "attr": "align",
           "reflectToAttr": false,
           "docs": "Defines the positioning like center, end or\ndefault to start.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "center",
               "type": "string"
@@ -17074,19 +16895,22 @@
             {
               "value": "start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
           "name": "direction",
-          "type": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+          "type": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
           "complexType": {
             "original": "StackDirection",
-            "resolved": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+            "resolved": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
             "references": {
               "StackDirection": {
                 "location": "import",
@@ -17100,17 +16924,8 @@
           "attr": "direction",
           "reflectToAttr": false,
           "docs": "Defines the direction of the child elements. Default is column.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "column",
               "type": "string"
@@ -17126,19 +16941,22 @@
             {
               "value": "row-reverse",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
           "name": "layout",
-          "type": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\"",
+          "type": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
           "complexType": {
             "original": "StackLayout",
-            "resolved": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\"",
+            "resolved": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
             "references": {
               "StackLayout": {
                 "location": "import",
@@ -17152,13 +16970,7 @@
           "attr": "layout",
           "reflectToAttr": false,
           "docs": "**Deprecated:** Use direction instead.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
             {
               "type": "\"\""
@@ -17178,19 +16990,22 @@
             {
               "value": "vertical-reverse",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
           "name": "space",
-          "type": "\"\" | \"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\"",
+          "type": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\" | undefined",
           "complexType": {
             "original": "ContentSpace",
-            "resolved": "\"\" | \"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\"",
+            "resolved": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\" | undefined",
             "references": {
               "ContentSpace": {
                 "location": "import",
@@ -17204,17 +17019,8 @@
           "attr": "space",
           "reflectToAttr": false,
           "docs": "Defines the space between the child elements. Default is xx-small.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "2xs",
               "type": "string"
@@ -17258,19 +17064,22 @@
             {
               "value": "xxx-small",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
           "name": "textAlign",
-          "type": "\"\" | \"center\" | \"left\" | \"right\"",
+          "type": "\"\" | \"center\" | \"left\" | \"right\" | undefined",
           "complexType": {
             "original": "ContentTextAlignment",
-            "resolved": "\"\" | \"center\" | \"left\" | \"right\"",
+            "resolved": "\"\" | \"center\" | \"left\" | \"right\" | undefined",
             "references": {
               "ContentTextAlignment": {
                 "location": "import",
@@ -17284,13 +17093,7 @@
           "attr": "text-align",
           "reflectToAttr": false,
           "docs": "Defines the text positioning like center, right or\ndefault to left.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
             {
               "type": "\"\""
@@ -17306,9 +17109,12 @@
             {
               "value": "right",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -17977,6 +17783,10 @@
       "usage": {},
       "docs": "Date renders a masked date input field with an interactive calendar popup for date selection.",
       "docsTags": [
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "input - The native HTML input element."
@@ -19329,7 +19139,12 @@
           "docs": "Navigation button color when disabled."
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        }
+      ],
       "parts": [
         {
           "name": "clear",
@@ -21452,7 +21267,7 @@
           "name": "🧩 Component / Drawer / Backdrop / Opacity",
           "cssVarName": "--ds-drawer-backdrop-opacity",
           "value": "{🔗 Alias.🌫️ Opacity.Backdrop}",
-          "nativeValue": "0.800000011920929",
+          "nativeValue": "0.8",
           "inheritance": [
             {
               "cssVar": "--ds-elevation-opacity-80",
@@ -21508,6 +21323,10 @@
       "usage": {},
       "docs": "FileUpload renders a drag-drop file upload area with optional file list, validation, and form field integration.",
       "docsTags": [
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "drop-zone - The main drop area where users drag files or click to select."
@@ -22437,7 +22256,12 @@
           "docs": "Text color when disabled."
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        }
+      ],
       "parts": [
         {
           "name": "drop-zone",
@@ -24537,10 +24361,10 @@
       "props": [
         {
           "name": "autoLevel",
-          "type": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+          "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
           "complexType": {
             "original": "HeadingVisualLevel",
-            "resolved": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+            "resolved": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
             "references": {
               "HeadingVisualLevel": {
                 "location": "import",
@@ -24554,17 +24378,8 @@
           "attr": "auto-level",
           "reflectToAttr": true,
           "docs": "The actual heading level used in the HTML markup.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "2xl",
               "type": "string"
@@ -24624,19 +24439,22 @@
             {
               "value": "xl",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
           "name": "color",
-          "type": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+          "type": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
           "complexType": {
             "original": "HeadingColor",
-            "resolved": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+            "resolved": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
             "references": {
               "HeadingColor": {
                 "location": "import",
@@ -24650,17 +24468,8 @@
           "attr": "color",
           "reflectToAttr": true,
           "docs": "The theme type of the toast.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "blue",
               "type": "string"
@@ -24688,9 +24497,12 @@
             {
               "value": "white",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -24856,10 +24668,10 @@
         },
         {
           "name": "space",
-          "type": "\"\" | \"all\" | \"bottom\" | \"none\" | \"top\"",
+          "type": "\"all\" | \"bottom\" | \"none\" | \"top\" | undefined",
           "complexType": {
             "original": "HeadingSpace",
-            "resolved": "\"\" | \"all\" | \"bottom\" | \"none\" | \"top\"",
+            "resolved": "\"all\" | \"bottom\" | \"none\" | \"top\" | undefined",
             "references": {
               "HeadingSpace": {
                 "location": "import",
@@ -24873,17 +24685,8 @@
           "attr": "space",
           "reflectToAttr": true,
           "docs": "Defines at which position the heading has spacing.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "all",
               "type": "string"
@@ -24899,9 +24702,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -24937,10 +24743,10 @@
         },
         {
           "name": "visualLevel",
-          "type": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+          "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
           "complexType": {
             "original": "HeadingVisualLevel",
-            "resolved": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+            "resolved": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
             "references": {
               "HeadingVisualLevel": {
                 "location": "import",
@@ -24954,17 +24760,8 @@
           "attr": "visual-level",
           "reflectToAttr": true,
           "docs": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "2xl",
               "type": "string"
@@ -25024,9 +24821,12 @@
             {
               "value": "xl",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -25619,8 +25419,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Heading / Family",
-          "cssVarName": "--ds-heading-family",
+          "name": "🧩 Component / Heading / Font Family",
+          "cssVarName": "--ds-heading-font-family",
           "value": "{🔗 Alias.🔤 Text.Family.Heading}",
           "nativeValue": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
           "inheritance": [
@@ -25633,19 +25433,19 @@
               "figmaName": "Alias / Text / Family / Heading"
             },
             {
-              "cssVar": "--ds-heading-family",
-              "figmaName": "Component / Heading / Family"
+              "cssVar": "--ds-heading-font-family",
+              "figmaName": "Component / Heading / Font Family"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Family"
+            "Font Family"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Weight",
-          "cssVarName": "--ds-heading-weight",
+          "name": "🧩 Component / Heading / Font Weight",
+          "cssVarName": "--ds-heading-font-weight",
           "value": "{🔗 Alias.🔤 Text.Weight.Bold}",
           "nativeValue": "700",
           "inheritance": [
@@ -25658,21 +25458,21 @@
               "figmaName": "Alias / Text / Weight / Bold"
             },
             {
-              "cssVar": "--ds-heading-weight",
-              "figmaName": "Component / Heading / Weight"
+              "cssVar": "--ds-heading-font-weight",
+              "figmaName": "Component / Heading / Font Weight"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Weight"
+            "Font Weight"
           ]
         },
         {
           "name": "🧩 Component / Heading / LineHeight",
           "cssVarName": "--ds-heading-lineheight",
           "value": "{🔗 Alias.🔤 Text.LineHeight.Heading}",
-          "nativeValue": "1.2999999523162842",
+          "nativeValue": "1.3",
           "inheritance": [
             {
               "cssVar": "--ds-font-lineheight-2",
@@ -25733,8 +25533,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Heading / Color / Primary",
-          "cssVarName": "--ds-heading-color-primary",
+          "name": "🧩 Component / Heading / Primary / Color / Base",
+          "cssVarName": "--ds-heading-primary-color-base",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -25747,20 +25547,21 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-heading-color-primary",
-              "figmaName": "Component / Heading / Color / Primary"
+              "cssVar": "--ds-heading-primary-color-base",
+              "figmaName": "Component / Heading / Primary / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
+            "Primary",
             "Color",
-            "Primary"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Color / White",
-          "cssVarName": "--ds-heading-color-white",
+          "name": "🧩 Component / Heading / White / Color / Base",
+          "cssVarName": "--ds-heading-white-color-base",
           "value": "{🔗 Alias.🔤 Text.Color.White}",
           "nativeValue": "#FFFFFF",
           "inheritance": [
@@ -25773,20 +25574,21 @@
               "figmaName": "Alias / Text / Color / White"
             },
             {
-              "cssVar": "--ds-heading-color-white",
-              "figmaName": "Component / Heading / Color / White"
+              "cssVar": "--ds-heading-white-color-base",
+              "figmaName": "Component / Heading / White / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
+            "White",
             "Color",
-            "White"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Color / Info",
-          "cssVarName": "--ds-heading-color-info",
+          "name": "🧩 Component / Heading / Info / Color / Base",
+          "cssVarName": "--ds-heading-info-color-base",
           "value": "{🔗 Alias.🔤 Text.Color.Info}",
           "nativeValue": "#1C77D2",
           "inheritance": [
@@ -25799,20 +25601,21 @@
               "figmaName": "Alias / Text / Color / Info"
             },
             {
-              "cssVar": "--ds-heading-color-info",
-              "figmaName": "Component / Heading / Color / Info"
+              "cssVar": "--ds-heading-info-color-base",
+              "figmaName": "Component / Heading / Info / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
+            "Info",
             "Color",
-            "Info"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Color / Success",
-          "cssVarName": "--ds-heading-color-success",
+          "name": "🧩 Component / Heading / Success / Color / Base",
+          "cssVarName": "--ds-heading-success-color-base",
           "value": "{🔗 Alias.🔤 Text.Color.Success}",
           "nativeValue": "#168741",
           "inheritance": [
@@ -25825,20 +25628,21 @@
               "figmaName": "Alias / Text / Color / Success"
             },
             {
-              "cssVar": "--ds-heading-color-success",
-              "figmaName": "Component / Heading / Color / Success"
+              "cssVar": "--ds-heading-success-color-base",
+              "figmaName": "Component / Heading / Success / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
+            "Success",
             "Color",
-            "Success"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Color / Warning",
-          "cssVarName": "--ds-heading-color-warning",
+          "name": "🧩 Component / Heading / Warning / Color / Base",
+          "cssVarName": "--ds-heading-warning-color-base",
           "value": "{🔗 Alias.🔤 Text.Color.Warning}",
           "nativeValue": "#B24A00",
           "inheritance": [
@@ -25851,20 +25655,21 @@
               "figmaName": "Alias / Text / Color / Warning"
             },
             {
-              "cssVar": "--ds-heading-color-warning",
-              "figmaName": "Component / Heading / Color / Warning"
+              "cssVar": "--ds-heading-warning-color-base",
+              "figmaName": "Component / Heading / Warning / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
+            "Warning",
             "Color",
-            "Warning"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Color / Danger",
-          "cssVarName": "--ds-heading-color-danger",
+          "name": "🧩 Component / Heading / Danger / Color / Base",
+          "cssVarName": "--ds-heading-danger-color-base",
           "value": "{🔗 Alias.🔤 Text.Color.Danger}",
           "nativeValue": "#EA1800",
           "inheritance": [
@@ -25877,20 +25682,21 @@
               "figmaName": "Alias / Text / Color / Danger"
             },
             {
-              "cssVar": "--ds-heading-color-danger",
-              "figmaName": "Component / Heading / Color / Danger"
+              "cssVar": "--ds-heading-danger-color-base",
+              "figmaName": "Component / Heading / Danger / Color / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
+            "Danger",
             "Color",
-            "Danger"
+            "Base"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display1 / Space",
-          "cssVarName": "--ds-heading-display1-space",
+          "name": "🧩 Component / Heading / Display 1 / Space",
+          "cssVarName": "--ds-heading-display-1-space",
           "value": "{🔗 Alias.↔️ Space.Base.Mobile}",
           "nativeValue": "16",
           "inheritance": [
@@ -25903,20 +25709,20 @@
               "figmaName": "Alias / Space / Base / Mobile"
             },
             {
-              "cssVar": "--ds-heading-display1-space",
-              "figmaName": "Component / Heading / Display1 / Space"
+              "cssVar": "--ds-heading-display-1-space",
+              "figmaName": "Component / Heading / Display 1 / Space"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display1",
+            "Display 1",
             "Space"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display1 / Size / Mobile",
-          "cssVarName": "--ds-heading-display1-size-mobile",
+          "name": "🧩 Component / Heading / Display 1 / Size / Mobile",
+          "cssVarName": "--ds-heading-display-1-size-mobile",
           "value": "{🔗 Alias.🔤 Text.Size.5XL.Mobile}",
           "nativeValue": "48",
           "inheritance": [
@@ -25929,21 +25735,21 @@
               "figmaName": "Alias / Text / Size / 5XL / Mobile"
             },
             {
-              "cssVar": "--ds-heading-display1-size-mobile",
-              "figmaName": "Component / Heading / Display1 / Size / Mobile"
+              "cssVar": "--ds-heading-display-1-size-mobile",
+              "figmaName": "Component / Heading / Display 1 / Size / Mobile"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display1",
+            "Display 1",
             "Size",
             "Mobile"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display1 / Size / Tablet",
-          "cssVarName": "--ds-heading-display1-size-tablet",
+          "name": "🧩 Component / Heading / Display 1 / Size / Tablet",
+          "cssVarName": "--ds-heading-display-1-size-tablet",
           "value": "{🔗 Alias.🔤 Text.Size.5XL.Tablet}",
           "nativeValue": "80",
           "inheritance": [
@@ -25956,21 +25762,21 @@
               "figmaName": "Alias / Text / Size / 5XL / Tablet"
             },
             {
-              "cssVar": "--ds-heading-display1-size-tablet",
-              "figmaName": "Component / Heading / Display1 / Size / Tablet"
+              "cssVar": "--ds-heading-display-1-size-tablet",
+              "figmaName": "Component / Heading / Display 1 / Size / Tablet"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display1",
+            "Display 1",
             "Size",
             "Tablet"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display1 / Size / Desktop",
-          "cssVarName": "--ds-heading-display1-size-desktop",
+          "name": "🧩 Component / Heading / Display 1 / Size / Desktop",
+          "cssVarName": "--ds-heading-display-1-size-desktop",
           "value": "{🔗 Alias.🔤 Text.Size.5XL.Desktop}",
           "nativeValue": "80",
           "inheritance": [
@@ -25983,21 +25789,21 @@
               "figmaName": "Alias / Text / Size / 5XL / Desktop"
             },
             {
-              "cssVar": "--ds-heading-display1-size-desktop",
-              "figmaName": "Component / Heading / Display1 / Size / Desktop"
+              "cssVar": "--ds-heading-display-1-size-desktop",
+              "figmaName": "Component / Heading / Display 1 / Size / Desktop"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display1",
+            "Display 1",
             "Size",
             "Desktop"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display2 / Space",
-          "cssVarName": "--ds-heading-display2-space",
+          "name": "🧩 Component / Heading / Display 2 / Space",
+          "cssVarName": "--ds-heading-display-2-space",
           "value": "{🔗 Alias.↔️ Space.Base.Mobile}",
           "nativeValue": "16",
           "inheritance": [
@@ -26010,20 +25816,20 @@
               "figmaName": "Alias / Space / Base / Mobile"
             },
             {
-              "cssVar": "--ds-heading-display2-space",
-              "figmaName": "Component / Heading / Display2 / Space"
+              "cssVar": "--ds-heading-display-2-space",
+              "figmaName": "Component / Heading / Display 2 / Space"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display2",
+            "Display 2",
             "Space"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display2 / Size / Mobile",
-          "cssVarName": "--ds-heading-display2-size-mobile",
+          "name": "🧩 Component / Heading / Display 2 / Size / Mobile",
+          "cssVarName": "--ds-heading-display-2-size-mobile",
           "value": "{🔗 Alias.🔤 Text.Size.4XL.Mobile}",
           "nativeValue": "32",
           "inheritance": [
@@ -26036,21 +25842,21 @@
               "figmaName": "Alias / Text / Size / 4XL / Mobile"
             },
             {
-              "cssVar": "--ds-heading-display2-size-mobile",
-              "figmaName": "Component / Heading / Display2 / Size / Mobile"
+              "cssVar": "--ds-heading-display-2-size-mobile",
+              "figmaName": "Component / Heading / Display 2 / Size / Mobile"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display2",
+            "Display 2",
             "Size",
             "Mobile"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display2 / Size / Tablet",
-          "cssVarName": "--ds-heading-display2-size-tablet",
+          "name": "🧩 Component / Heading / Display 2 / Size / Tablet",
+          "cssVarName": "--ds-heading-display-2-size-tablet",
           "value": "{🔗 Alias.🔤 Text.Size.4XL.Tablet}",
           "nativeValue": "48",
           "inheritance": [
@@ -26063,21 +25869,21 @@
               "figmaName": "Alias / Text / Size / 4XL / Tablet"
             },
             {
-              "cssVar": "--ds-heading-display2-size-tablet",
-              "figmaName": "Component / Heading / Display2 / Size / Tablet"
+              "cssVar": "--ds-heading-display-2-size-tablet",
+              "figmaName": "Component / Heading / Display 2 / Size / Tablet"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display2",
+            "Display 2",
             "Size",
             "Tablet"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Display2 / Size / Desktop",
-          "cssVarName": "--ds-heading-display2-size-desktop",
+          "name": "🧩 Component / Heading / Display 2 / Size / Desktop",
+          "cssVarName": "--ds-heading-display-2-size-desktop",
           "value": "{🔗 Alias.🔤 Text.Size.4XL.Desktop}",
           "nativeValue": "48",
           "inheritance": [
@@ -26090,21 +25896,21 @@
               "figmaName": "Alias / Text / Size / 4XL / Desktop"
             },
             {
-              "cssVar": "--ds-heading-display2-size-desktop",
-              "figmaName": "Component / Heading / Display2 / Size / Desktop"
+              "cssVar": "--ds-heading-display-2-size-desktop",
+              "figmaName": "Component / Heading / Display 2 / Size / Desktop"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
-            "Display2",
+            "Display 2",
             "Size",
             "Desktop"
           ]
         },
         {
-          "name": "🧩 Component / Heading / Subtitle / Family",
-          "cssVarName": "--ds-heading-subtitle-family",
+          "name": "🧩 Component / Heading / Subtitle / Font Family",
+          "cssVarName": "--ds-heading-subtitle-font-family",
           "value": "{🔗 Alias.🔤 Text.Family.Heading}",
           "nativeValue": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
           "inheritance": [
@@ -26117,22 +25923,22 @@
               "figmaName": "Alias / Text / Family / Heading"
             },
             {
-              "cssVar": "--ds-heading-subtitle-family",
-              "figmaName": "Component / Heading / Subtitle / Family"
+              "cssVar": "--ds-heading-subtitle-font-family",
+              "figmaName": "Component / Heading / Subtitle / Font Family"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
             "Subtitle",
-            "Family"
+            "Font Family"
           ]
         },
         {
           "name": "🧩 Component / Heading / Subtitle / LineHeight",
           "cssVarName": "--ds-heading-subtitle-lineheight",
           "value": "{🔗 Alias.🔤 Text.LineHeight.Heading}",
-          "nativeValue": "1.2999999523162842",
+          "nativeValue": "1.3",
           "inheritance": [
             {
               "cssVar": "--ds-font-lineheight-2",
@@ -26155,8 +25961,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Heading / Subtitle / Weight",
-          "cssVarName": "--ds-heading-subtitle-weight",
+          "name": "🧩 Component / Heading / Subtitle / Font Weight",
+          "cssVarName": "--ds-heading-subtitle-font-weight",
           "value": "{🔗 Alias.🔤 Text.Weight.Light}",
           "nativeValue": "300",
           "inheritance": [
@@ -26169,15 +25975,15 @@
               "figmaName": "Alias / Text / Weight / Light"
             },
             {
-              "cssVar": "--ds-heading-subtitle-weight",
-              "figmaName": "Component / Heading / Subtitle / Weight"
+              "cssVar": "--ds-heading-subtitle-font-weight",
+              "figmaName": "Component / Heading / Subtitle / Font Weight"
             }
           ],
           "path": [
             "🧩 Component",
             "Heading",
             "Subtitle",
-            "Weight"
+            "Font Weight"
           ]
         }
       ],
@@ -28015,6 +27821,10 @@
       "usage": {},
       "docs": "Input renders a text input field with validation, masking, autocomplete, and optional help/error messaging.",
       "docsTags": [
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "input - The native HTML input element."
@@ -29625,7 +29435,12 @@
           "docs": "Line height of the description."
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        }
+      ],
       "parts": [
         {
           "name": "input",
@@ -29714,6 +29529,10 @@
       "usage": {},
       "docs": "Input slider renders a noUiSlider-backed slider with validation and label/description messaging.",
       "docsTags": [
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "slider - The noUiSlider target element."
@@ -30333,7 +30152,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Emitted when the value is committed (noUiSlider `change`, not `blur` — see\nADR-0006/ADR-0007). Fires once per discrete drag/step, independent of focus.",
+          "docs": "Emitted when the value is committed (noUiSlider `change`, not `blur` — see\nADR-0010/ADR-0007). Fires once per discrete drag/step, independent of focus.",
           "docsTags": []
         },
         {
@@ -30474,7 +30293,12 @@
           "docs": "Line height of the description."
         }
       ],
-      "slots": [],
+      "slots": [
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        }
+      ],
       "parts": [
         {
           "name": "slider",
@@ -33868,7 +33692,7 @@
           "name": "🧩 Component / Modal / Backdrop / Opacity",
           "cssVarName": "--ds-modal-backdrop-opacity",
           "value": "{🧩 Component.Backdrop.Opacity}",
-          "nativeValue": "0.800000011920929",
+          "nativeValue": "0.8",
           "inheritance": [
             {
               "cssVar": "--ds-elevation-opacity-80",
@@ -33972,7 +33796,7 @@
           "name": "🧩 Component / Modal / Heading / LineHeight",
           "cssVarName": "--ds-modal-heading-lineheight",
           "value": "{🔗 Alias.🔤 Text.LineHeight.Heading}",
-          "nativeValue": "1.2999999523162842",
+          "nativeValue": "1.3",
           "inheritance": [
             {
               "cssVar": "--ds-font-lineheight-2",
@@ -38489,6 +38313,10 @@
           "name": "slot",
           "text": "- The number input field content and surrounding elements."
         },
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "input - The native HTML input element."
@@ -39389,6 +39217,10 @@
         {
           "name": "",
           "docs": "The number input field content and surrounding elements."
+        },
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "parts": [
@@ -41199,7 +41031,7 @@
           "name": "🧩 Component / Popup / Backdrop / Opacity",
           "cssVarName": "--ds-popup-backdrop-opacity",
           "value": "{🔗 Alias.🌫️ Opacity.Backdrop}",
-          "nativeValue": "0.800000011920929",
+          "nativeValue": "0.8",
           "inheritance": [
             {
               "cssVar": "--ds-elevation-opacity-80",
@@ -43111,6 +42943,10 @@
         {
           "name": "slot",
           "text": "- The radio items to display inside the group."
+        },
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "encapsulation": "shadow",
@@ -43935,6 +43771,10 @@
         {
           "name": "",
           "docs": "The radio items to display inside the group."
+        },
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "parts": [],
@@ -43984,6 +43824,10 @@
           "name": "slot",
           "text": "- One or more ds-segment-item elements."
         },
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "segment - The segment container element."
@@ -44576,6 +44420,10 @@
         {
           "name": "",
           "docs": "One or more ds-segment-item elements."
+        },
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "parts": [
@@ -45434,6 +45282,10 @@
           "name": "slot",
           "text": "- Optional ds-select-option / ds-select-optgroup elements, as an HTML-only alternative\nto the options / optionGroups props. Ignored whenever options or optionGroups is non-empty."
         },
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "inner - The inner wrapper element containing label, control, and description."
@@ -46329,6 +46181,10 @@
         {
           "name": "",
           "docs": "Optional ds-select-option / ds-select-optgroup elements, as an HTML-only alternative\nto the options / optionGroups props. Ignored whenever options or optionGroups is non-empty."
+        },
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "parts": [
@@ -50165,8 +50021,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Snackbar / Default / Color / Bg / Base",
-          "cssVarName": "--ds-snackbar-default-color-bg-base",
+          "name": "🧩 Component / Snackbar / Primary / Color / Bg / Base",
+          "cssVarName": "--ds-snackbar-primary-color-bg-base",
           "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
           "nativeValue": "#F0F0F0",
           "inheritance": [
@@ -50179,22 +50035,22 @@
               "figmaName": "Alias / Background / Color / GreyLight"
             },
             {
-              "cssVar": "--ds-snackbar-default-color-bg-base",
-              "figmaName": "Component / Snackbar / Default / Color / Bg / Base"
+              "cssVar": "--ds-snackbar-primary-color-bg-base",
+              "figmaName": "Component / Snackbar / Primary / Color / Bg / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Snackbar",
-            "Default",
+            "Primary",
             "Color",
             "Bg",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Snackbar / Default / Color / Border / Base",
-          "cssVarName": "--ds-snackbar-default-color-border-base",
+          "name": "🧩 Component / Snackbar / Primary / Color / Border / Base",
+          "cssVarName": "--ds-snackbar-primary-color-border-base",
           "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
           "nativeValue": "#F0F0F0",
           "inheritance": [
@@ -50207,22 +50063,22 @@
               "figmaName": "Alias / Background / Color / GreyLight"
             },
             {
-              "cssVar": "--ds-snackbar-default-color-border-base",
-              "figmaName": "Component / Snackbar / Default / Color / Border / Base"
+              "cssVar": "--ds-snackbar-primary-color-border-base",
+              "figmaName": "Component / Snackbar / Primary / Color / Border / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Snackbar",
-            "Default",
+            "Primary",
             "Color",
             "Border",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Snackbar / Default / Color / Text / Base",
-          "cssVarName": "--ds-snackbar-default-color-text-base",
+          "name": "🧩 Component / Snackbar / Primary / Color / Text / Base",
+          "cssVarName": "--ds-snackbar-primary-color-text-base",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -50235,22 +50091,22 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-snackbar-default-color-text-base",
-              "figmaName": "Component / Snackbar / Default / Color / Text / Base"
+              "cssVar": "--ds-snackbar-primary-color-text-base",
+              "figmaName": "Component / Snackbar / Primary / Color / Text / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Snackbar",
-            "Default",
+            "Primary",
             "Color",
             "Text",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Snackbar / Default / Color / ProgressBar / Base",
-          "cssVarName": "--ds-snackbar-default-color-progressbar-base",
+          "name": "🧩 Component / Snackbar / Primary / Color / ProgressBar / Base",
+          "cssVarName": "--ds-snackbar-primary-color-progressbar-base",
           "value": "{🌐 Global.🌈 Color.Primary.5}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -50259,22 +50115,22 @@
               "figmaName": "Global / Color / Primary / 5"
             },
             {
-              "cssVar": "--ds-snackbar-default-color-progressbar-base",
-              "figmaName": "Component / Snackbar / Default / Color / ProgressBar / Base"
+              "cssVar": "--ds-snackbar-primary-color-progressbar-base",
+              "figmaName": "Component / Snackbar / Primary / Color / ProgressBar / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Snackbar",
-            "Default",
+            "Primary",
             "Color",
             "ProgressBar",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Snackbar / Default / Color / ProgressBg / Base",
-          "cssVarName": "--ds-snackbar-default-color-progressbg-base",
+          "name": "🧩 Component / Snackbar / Primary / Color / ProgressBg / Base",
+          "cssVarName": "--ds-snackbar-primary-color-progressbg-base",
           "value": "{🌐 Global.🌈 Color.Primary.2}",
           "nativeValue": "#B3B6D4",
           "inheritance": [
@@ -50283,14 +50139,14 @@
               "figmaName": "Global / Color / Primary / 2"
             },
             {
-              "cssVar": "--ds-snackbar-default-color-progressbg-base",
-              "figmaName": "Component / Snackbar / Default / Color / ProgressBg / Base"
+              "cssVar": "--ds-snackbar-primary-color-progressbg-base",
+              "figmaName": "Component / Snackbar / Primary / Color / ProgressBg / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Snackbar",
-            "Default",
+            "Primary",
             "Color",
             "ProgressBg",
             "Base"
@@ -50902,6 +50758,10 @@
         {
           "name": "part",
           "text": "inner - The spinner animation container element."
+        },
+        {
+          "name": "part",
+          "text": "label - The visible label rendered next to the spinner."
         }
       ],
       "encapsulation": "shadow",
@@ -51126,10 +50986,10 @@
         },
         {
           "name": "size",
-          "type": "\"\" | \"sm\"",
+          "type": "\"sm\" | undefined",
           "complexType": {
             "original": "SpinnerSize",
-            "resolved": "\"\" | \"sm\"",
+            "resolved": "\"sm\" | undefined",
             "references": {
               "SpinnerSize": {
                 "location": "import",
@@ -51143,23 +51003,17 @@
           "attr": "size",
           "reflectToAttr": false,
           "docs": "Defines the size of the spinner. If `sm` the spinner is smaller.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "sm",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -51275,7 +51129,7 @@
         },
         {
           "name": "label",
-          "docs": ""
+          "docs": "The visible label rendered next to the spinner."
         }
       ],
       "customStates": [],
@@ -51413,8 +51267,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Spinner / Circle / Color / InvertedBackground",
-          "cssVarName": "--ds-spinner-circle-color-invertedbackground",
+          "name": "🧩 Component / Spinner / Inverted / Circle / Color / Background",
+          "cssVarName": "--ds-spinner-inverted-circle-color-background",
           "value": "{🔗 Alias.🎨 Background.Color.White}",
           "nativeValue": "#FFFFFF",
           "inheritance": [
@@ -51427,21 +51281,22 @@
               "figmaName": "Alias / Background / Color / White"
             },
             {
-              "cssVar": "--ds-spinner-circle-color-invertedbackground",
-              "figmaName": "Component / Spinner / Circle / Color / InvertedBackground"
+              "cssVar": "--ds-spinner-inverted-circle-color-background",
+              "figmaName": "Component / Spinner / Inverted / Circle / Color / Background"
             }
           ],
           "path": [
             "🧩 Component",
             "Spinner",
+            "Inverted",
             "Circle",
             "Color",
-            "InvertedBackground"
+            "Background"
           ]
         },
         {
-          "name": "🧩 Component / Spinner / Circle / Color / InvertedProgress",
-          "cssVarName": "--ds-spinner-circle-color-invertedprogress",
+          "name": "🧩 Component / Spinner / Inverted / Circle / Color / Progress",
+          "cssVarName": "--ds-spinner-inverted-circle-color-progress",
           "value": "{🔗 Alias.🎨 Background.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -51454,16 +51309,17 @@
               "figmaName": "Alias / Background / Color / Primary"
             },
             {
-              "cssVar": "--ds-spinner-circle-color-invertedprogress",
-              "figmaName": "Component / Spinner / Circle / Color / InvertedProgress"
+              "cssVar": "--ds-spinner-inverted-circle-color-progress",
+              "figmaName": "Component / Spinner / Inverted / Circle / Color / Progress"
             }
           ],
           "path": [
             "🧩 Component",
             "Spinner",
+            "Inverted",
             "Circle",
             "Color",
-            "InvertedProgress"
+            "Progress"
           ]
         }
       ],
@@ -51507,10 +51363,10 @@
       "props": [
         {
           "name": "align",
-          "type": "\"\" | \"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\"",
+          "type": "\"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\" | undefined",
           "complexType": {
             "original": "StackAlignment",
-            "resolved": "\"\" | \"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\"",
+            "resolved": "\"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\" | undefined",
             "references": {
               "StackAlignment": {
                 "location": "import",
@@ -51524,17 +51380,8 @@
           "attr": "align",
           "reflectToAttr": false,
           "docs": "Defines the text positioning like center, right or default to start.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "bottom center",
               "type": "string"
@@ -51570,19 +51417,22 @@
             {
               "value": "top start",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
           "name": "direction",
-          "type": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+          "type": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
           "complexType": {
             "original": "StackDirection",
-            "resolved": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+            "resolved": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
             "references": {
               "StackDirection": {
                 "location": "import",
@@ -51596,17 +51446,8 @@
           "attr": "direction",
           "reflectToAttr": false,
           "docs": "Defines the direction of the child elements. Default is column.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
+          "docsTags": [],
           "values": [
-            {
-              "type": "\"\""
-            },
             {
               "value": "column",
               "type": "string"
@@ -51622,9 +51463,12 @@
             {
               "value": "row-reverse",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -56905,8 +56749,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Tag / Default / Color / Text / Base",
-          "cssVarName": "--ds-tag-default-color-text-base",
+          "name": "🧩 Component / Tag / Base / Color / Text / Base",
+          "cssVarName": "--ds-tag-base-color-text-base",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -56919,22 +56763,22 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-tag-default-color-text-base",
-              "figmaName": "Component / Tag / Default / Color / Text / Base"
+              "cssVar": "--ds-tag-base-color-text-base",
+              "figmaName": "Component / Tag / Base / Color / Text / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Tag",
-            "Default",
+            "Base",
             "Color",
             "Text",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Tag / Default / Color / Bg / Base",
-          "cssVarName": "--ds-tag-default-color-bg-base",
+          "name": "🧩 Component / Tag / Base / Color / Bg / Base",
+          "cssVarName": "--ds-tag-base-color-bg-base",
           "value": "{🔗 Alias.🎨 Background.Color.Grey}",
           "nativeValue": "#E0E0E0",
           "inheritance": [
@@ -56947,14 +56791,14 @@
               "figmaName": "Alias / Background / Color / Grey"
             },
             {
-              "cssVar": "--ds-tag-default-color-bg-base",
-              "figmaName": "Component / Tag / Default / Color / Bg / Base"
+              "cssVar": "--ds-tag-base-color-bg-base",
+              "figmaName": "Component / Tag / Base / Color / Bg / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Tag",
-            "Default",
+            "Base",
             "Color",
             "Bg",
             "Base"
@@ -57665,6 +57509,10 @@
           "name": "slot",
           "text": "- The textarea field content and surrounding elements."
         },
+        {
+          "name": "slot",
+          "text": "invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+        },
         {
           "name": "part",
           "text": "textarea - The native HTML textarea element."
@@ -58913,6 +58761,10 @@
         {
           "name": "",
           "docs": "The textarea field content and surrounding elements."
+        },
+        {
+          "name": "invalid-text",
+          "docs": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
         }
       ],
       "parts": [
@@ -59542,8 +59394,8 @@
           ]
         },
         {
-          "name": "🧩 Component / Toast / Default / Color / Bg / Base",
-          "cssVarName": "--ds-toast-default-color-bg-base",
+          "name": "🧩 Component / Toast / Primary / Color / Bg / Base",
+          "cssVarName": "--ds-toast-primary-color-bg-base",
           "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
           "nativeValue": "#F0F0F0",
           "inheritance": [
@@ -59556,22 +59408,22 @@
               "figmaName": "Alias / Background / Color / GreyLight"
             },
             {
-              "cssVar": "--ds-toast-default-color-bg-base",
-              "figmaName": "Component / Toast / Default / Color / Bg / Base"
+              "cssVar": "--ds-toast-primary-color-bg-base",
+              "figmaName": "Component / Toast / Primary / Color / Bg / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Toast",
-            "Default",
+            "Primary",
             "Color",
             "Bg",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Toast / Default / Color / Border / Base",
-          "cssVarName": "--ds-toast-default-color-border-base",
+          "name": "🧩 Component / Toast / Primary / Color / Border / Base",
+          "cssVarName": "--ds-toast-primary-color-border-base",
           "value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
           "nativeValue": "#F0F0F0",
           "inheritance": [
@@ -59584,22 +59436,22 @@
               "figmaName": "Alias / Background / Color / GreyLight"
             },
             {
-              "cssVar": "--ds-toast-default-color-border-base",
-              "figmaName": "Component / Toast / Default / Color / Border / Base"
+              "cssVar": "--ds-toast-primary-color-border-base",
+              "figmaName": "Component / Toast / Primary / Color / Border / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Toast",
-            "Default",
+            "Primary",
             "Color",
             "Border",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Toast / Default / Color / Text / Base",
-          "cssVarName": "--ds-toast-default-color-text-base",
+          "name": "🧩 Component / Toast / Primary / Color / Text / Base",
+          "cssVarName": "--ds-toast-primary-color-text-base",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -59612,22 +59464,22 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-toast-default-color-text-base",
-              "figmaName": "Component / Toast / Default / Color / Text / Base"
+              "cssVar": "--ds-toast-primary-color-text-base",
+              "figmaName": "Component / Toast / Primary / Color / Text / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Toast",
-            "Default",
+            "Primary",
             "Color",
             "Text",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Toast / Default / Color / ProgressBar / Base",
-          "cssVarName": "--ds-toast-default-color-progressbar-base",
+          "name": "🧩 Component / Toast / Primary / Color / ProgressBar / Base",
+          "cssVarName": "--ds-toast-primary-color-progressbar-base",
           "value": "{🌐 Global.🌈 Color.Primary.5}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -59636,22 +59488,22 @@
               "figmaName": "Global / Color / Primary / 5"
             },
             {
-              "cssVar": "--ds-toast-default-color-progressbar-base",
-              "figmaName": "Component / Toast / Default / Color / ProgressBar / Base"
+              "cssVar": "--ds-toast-primary-color-progressbar-base",
+              "figmaName": "Component / Toast / Primary / Color / ProgressBar / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Toast",
-            "Default",
+            "Primary",
             "Color",
             "ProgressBar",
             "Base"
           ]
         },
         {
-          "name": "🧩 Component / Toast / Default / Color / ProgressBg / Base",
-          "cssVarName": "--ds-toast-default-color-progressbg-base",
+          "name": "🧩 Component / Toast / Primary / Color / ProgressBg / Base",
+          "cssVarName": "--ds-toast-primary-color-progressbg-base",
           "value": "{🌐 Global.🌈 Color.Primary.2}",
           "nativeValue": "#B3B6D4",
           "inheritance": [
@@ -59660,14 +59512,14 @@
               "figmaName": "Global / Color / Primary / 2"
             },
             {
-              "cssVar": "--ds-toast-default-color-progressbg-base",
-              "figmaName": "Component / Toast / Default / Color / ProgressBg / Base"
+              "cssVar": "--ds-toast-primary-color-progressbg-base",
+              "figmaName": "Component / Toast / Primary / Color / ProgressBg / Base"
             }
           ],
           "path": [
             "🧩 Component",
             "Toast",
-            "Default",
+            "Primary",
             "Color",
             "ProgressBg",
             "Base"
@@ -62370,7 +62222,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Color 2 / Base",
-          "cssVarName": "--ds-form-label-color 2-base",
+          "cssVarName": "--ds-form-label-color-2-base",
           "value": "{🔗 Alias.🔤 Text.Color.Primary}",
           "nativeValue": "#000D6E",
           "inheritance": [
@@ -62383,7 +62235,7 @@
               "figmaName": "Alias / Text / Color / Primary"
             },
             {
-              "cssVar": "--ds-form-label-color 2-base",
+              "cssVar": "--ds-form-label-color-2-base",
               "figmaName": "Component / Form / Label / Color 2 / Base"
             }
           ],
@@ -62397,7 +62249,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Color 2 / Success",
-          "cssVarName": "--ds-form-label-color 2-success",
+          "cssVarName": "--ds-form-label-color-2-success",
           "value": "{🔗 Alias.🔤 Text.Color.Success}",
           "nativeValue": "#168741",
           "inheritance": [
@@ -62410,7 +62262,7 @@
               "figmaName": "Alias / Text / Color / Success"
             },
             {
-              "cssVar": "--ds-form-label-color 2-success",
+              "cssVar": "--ds-form-label-color-2-success",
               "figmaName": "Component / Form / Label / Color 2 / Success"
             }
           ],
@@ -62424,7 +62276,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Color 2 / Warning",
-          "cssVarName": "--ds-form-label-color 2-warning",
+          "cssVarName": "--ds-form-label-color-2-warning",
           "value": "{🔗 Alias.🔤 Text.Color.Warning}",
           "nativeValue": "#B24A00",
           "inheritance": [
@@ -62437,7 +62289,7 @@
               "figmaName": "Alias / Text / Color / Warning"
             },
             {
-              "cssVar": "--ds-form-label-color 2-warning",
+              "cssVar": "--ds-form-label-color-2-warning",
               "figmaName": "Component / Form / Label / Color 2 / Warning"
             }
           ],
@@ -62451,7 +62303,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Color 2 / Danger",
-          "cssVarName": "--ds-form-label-color 2-danger",
+          "cssVarName": "--ds-form-label-color-2-danger",
           "value": "{🔗 Alias.🔤 Text.Color.Danger}",
           "nativeValue": "#EA1800",
           "inheritance": [
@@ -62464,7 +62316,7 @@
               "figmaName": "Alias / Text / Color / Danger"
             },
             {
-              "cssVar": "--ds-form-label-color 2-danger",
+              "cssVar": "--ds-form-label-color-2-danger",
               "figmaName": "Component / Form / Label / Color 2 / Danger"
             }
           ],
@@ -62478,7 +62330,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Color 2 / Disabled",
-          "cssVarName": "--ds-form-label-color 2-disabled",
+          "cssVarName": "--ds-form-label-color-2-disabled",
           "value": "{🔗 Alias.🔤 Text.Color.Disabled}",
           "nativeValue": "#747474",
           "inheritance": [
@@ -62491,7 +62343,7 @@
               "figmaName": "Alias / Text / Color / Disabled"
             },
             {
-              "cssVar": "--ds-form-label-color 2-disabled",
+              "cssVar": "--ds-form-label-color-2-disabled",
               "figmaName": "Component / Form / Label / Color 2 / Disabled"
             }
           ],
@@ -62505,7 +62357,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Size 2 / Mobile",
-          "cssVarName": "--ds-form-label-size 2-mobile",
+          "cssVarName": "--ds-form-label-size-2-mobile",
           "value": "{🔗 Alias.🔤 Text.Size.SM.Mobile}",
           "nativeValue": "14",
           "inheritance": [
@@ -62518,7 +62370,7 @@
               "figmaName": "Alias / Text / Size / SM / Mobile"
             },
             {
-              "cssVar": "--ds-form-label-size 2-mobile",
+              "cssVar": "--ds-form-label-size-2-mobile",
               "figmaName": "Component / Form / Label / Size 2 / Mobile"
             }
           ],
@@ -62532,7 +62384,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Size 2 / Tablet",
-          "cssVarName": "--ds-form-label-size 2-tablet",
+          "cssVarName": "--ds-form-label-size-2-tablet",
           "value": "{🔗 Alias.🔤 Text.Size.SM.Tablet}",
           "nativeValue": "14",
           "inheritance": [
@@ -62545,7 +62397,7 @@
               "figmaName": "Alias / Text / Size / SM / Tablet"
             },
             {
-              "cssVar": "--ds-form-label-size 2-tablet",
+              "cssVar": "--ds-form-label-size-2-tablet",
               "figmaName": "Component / Form / Label / Size 2 / Tablet"
             }
           ],
@@ -62559,7 +62411,7 @@
         },
         {
           "name": "🧩 Component / Form / Label / Size 2 / Desktop",
-          "cssVarName": "--ds-form-label-size 2-desktop",
+          "cssVarName": "--ds-form-label-size-2-desktop",
           "value": "{🔗 Alias.🔤 Text.Size.SM.Desktop}",
           "nativeValue": "14",
           "inheritance": [
@@ -62572,7 +62424,7 @@
               "figmaName": "Alias / Text / Size / SM / Desktop"
             },
             {
-              "cssVar": "--ds-form-label-size 2-desktop",
+              "cssVar": "--ds-form-label-size-2-desktop",
               "figmaName": "Component / Form / Label / Size 2 / Desktop"
             }
           ],
@@ -64283,22 +64135,22 @@
       "path": "src/components/alert/toast/toast.interfaces.ts"
     },
     "src/components/badge/badge.interfaces.ts::BadgeSize": {
-      "declaration": "\"\" | \"sm\" | \"lg\" | \"small\" | \"large\"",
+      "declaration": "\"sm\" | \"lg\" | \"small\" | \"large\"",
       "docstring": "",
       "path": "src/components/badge/badge.interfaces.ts"
     },
     "src/components/badge/badge.interfaces.ts::BadgeColor": {
-      "declaration": "\"\" | \"success\" | \"warning\" | \"danger\" | \"grey\" | \"red\" | \"yellow\" | \"green\" | \"purple\"",
+      "declaration": "\"success\" | \"warning\" | \"danger\" | \"grey\" | \"red\" | \"yellow\" | \"green\" | \"purple\"",
       "docstring": "",
       "path": "src/components/badge/badge.interfaces.ts"
     },
     "src/components/badge/badge.interfaces.ts::BadgePosition": {
-      "declaration": "\"\" | \"button\" | \"card\" | \"tabs\"",
+      "declaration": "\"button\" | \"card\" | \"tabs\"",
       "docstring": "",
       "path": "src/components/badge/badge.interfaces.ts"
     },
     "src/components/button/button.interfaces.ts::ButtonColor": {
-      "declaration": "\"\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\" | \"link\" | \"tertiary\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"tertiary-green\" | \"light\" | \"text\" | \"info\" | \"primary-light\" | \"info-light\"",
+      "declaration": "\"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\" | \"link\" | \"tertiary\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"tertiary-green\" | \"light\" | \"text\" | \"info\" | \"primary-light\" | \"info-light\"",
       "docstring": "",
       "path": "src/components/button/button.interfaces.ts"
     },
@@ -64378,7 +64230,7 @@
       "path": "src/components/card/card.interfaces.ts"
     },
     "src/components/heading/heading.interfaces.ts::HeadingColor": {
-      "declaration": "\"\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"white\" | \"blue\"",
+      "declaration": "\"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"white\" | \"blue\"",
       "docstring": "",
       "path": "src/components/heading/heading.interfaces.ts"
     },
@@ -64388,7 +64240,7 @@
       "path": "src/components/heading/heading.interfaces.ts"
     },
     "src/components/heading/heading.interfaces.ts::HeadingVisualLevel": {
-      "declaration": "\"\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"xl\" | \"base\" | \"md\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"display\" | \"display-2\"",
+      "declaration": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"xl\" | \"base\" | \"md\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"display\" | \"display-2\"",
       "docstring": "",
       "path": "src/components/heading/heading.interfaces.ts"
     },
@@ -64463,7 +64315,7 @@
       "path": "src/components/checkbox/checkbox.interfaces.ts"
     },
     "src/components/close/close.interfaces.ts::CloseSize": {
-      "declaration": "\"\" | \"sm\" | \"small\" | \"medium\" | \"md\"",
+      "declaration": "\"sm\" | \"small\" | \"medium\" | \"md\"",
       "docstring": "",
       "path": "src/components/close/close.interfaces.ts"
     },
@@ -64473,12 +64325,12 @@
       "path": "src/components/stack/stack.interfaces.ts"
     },
     "src/components/stack/stack.interfaces.ts::StackDirection": {
-      "declaration": "\"\" | \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
+      "declaration": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
       "docstring": "",
       "path": "src/components/stack/stack.interfaces.ts"
     },
     "src/components/content/content.interfaces.ts::ContentAlignment": {
-      "declaration": "\"\" | \"center\" | \"start\" | \"end\"",
+      "declaration": "\"center\" | \"start\" | \"end\"",
       "docstring": "",
       "path": "src/components/content/content.interfaces.ts"
     },
@@ -64488,12 +64340,12 @@
       "path": "src/components/content/content.interfaces.ts"
     },
     "src/components/content/content.interfaces.ts::ContentSpace": {
-      "declaration": "\"\" | \"none\" | \"sm\" | \"base\" | \"small\" | \"xx-small\" | \"x-small\" | \"normal\" | \"3xs\" | \"2xs\" | \"xs\" | \"xxx-small\"",
+      "declaration": "\"none\" | \"sm\" | \"base\" | \"small\" | \"xx-small\" | \"x-small\" | \"normal\" | \"3xs\" | \"2xs\" | \"xs\" | \"xxx-small\"",
       "docstring": "",
       "path": "src/components/content/content.interfaces.ts"
     },
     "src/components/stack/stack.interfaces.ts::StackAlignment": {
-      "declaration": "\"\" | \"center\" | \"top start\" | \"top center\" | \"top end\" | \"start\" | \"end\" | \"bottom start\" | \"bottom center\" | \"bottom end\"",
+      "declaration": "\"center\" | \"top start\" | \"top center\" | \"top end\" | \"start\" | \"end\" | \"bottom start\" | \"bottom center\" | \"bottom end\"",
       "docstring": "",
       "path": "src/components/stack/stack.interfaces.ts"
     },
@@ -64623,7 +64475,7 @@
       "path": "src/components/footer/footer.interfaces.ts"
     },
     "src/components/heading/heading.interfaces.ts::HeadingSpace": {
-      "declaration": "\"\" | \"none\" | \"bottom\" | \"top\" | \"all\"",
+      "declaration": "\"none\" | \"bottom\" | \"top\" | \"all\"",
       "docstring": "",
       "path": "src/components/heading/heading.interfaces.ts"
     },
@@ -64988,7 +64840,7 @@
       "path": "src/components/spinner/spinner.interfaces.ts"
     },
     "src/components/spinner/spinner.interfaces.ts::SpinnerSize": {
-      "declaration": "\"\" | \"sm\"",
+      "declaration": "\"sm\"",
       "docstring": "",
       "path": "src/components/spinner/spinner.interfaces.ts"
     },