@solid-design-system/components 6.0.0-next.8 → 6.0.0

package/dist-versioned/custom-elements.json

@@ -76,11 +76,11 @@
               "name": "summary"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -278,7 +278,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
           "animations": [
             {
@@ -290,7 +290,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-6-0-0-next-8-accordion",
+          "tagName": "sd-6-0-0-accordion",
           "customElement": true
         }
       ],
@@ -305,7 +305,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-accordion",
+          "name": "sd-6-0-0-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -329,7 +329,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-6-0-0-next-8-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-6-0-0-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -468,9 +468,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-6-0-0-next-8-accordion"
+            "sd-6-0-0-accordion"
           ],
-          "tagName": "sd-6-0-0-next-8-accordion-group",
+          "tagName": "sd-6-0-0-accordion-group",
           "customElement": true
         }
       ],
@@ -485,7 +485,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-accordion-group",
+          "name": "sd-6-0-0-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -503,7 +503,7 @@
           "name": "SdAnimation",
           "slots": [
             {
-              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sd-6-0-0-next-8-animation>` elements.",
+              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sd-6-0-0-animation>` elements.",
               "name": ""
             }
           ],
@@ -872,7 +872,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-animation",
+          "tagName": "sd-6-0-0-animation",
           "customElement": true
         }
       ],
@@ -887,7 +887,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-animation",
+          "name": "sd-6-0-0-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1312,11 +1312,11 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-button",
-            "sd-6-0-0-next-8-drawer"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-button",
+            "sd-6-0-0-drawer"
           ],
-          "tagName": "sd-6-0-0-next-8-audio",
+          "tagName": "sd-6-0-0-audio",
           "customElement": true
         }
       ],
@@ -1331,7 +1331,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-audio",
+          "name": "sd-6-0-0-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1542,6 +1542,44 @@
           "kind": "class",
           "description": "",
           "name": "SdBadge",
+          "cssProperties": [
+            {
+              "description": "The background color for the blue badge in its inverted state.",
+              "name": "--sd-badge--blue--inverted-color-background"
+            },
+            {
+              "description": "The text color for the blue badge in its inverted state.",
+              "name": "--sd-badge--blue--inverted-color-text"
+            },
+            {
+              "description": "The background color for the green badge in its inverted state.",
+              "name": "--sd-badge--green-color--inverted-background"
+            },
+            {
+              "description": "The text color for the green badge in its inverted state.",
+              "name": "--sd-badge--green-color--inverted-text"
+            },
+            {
+              "description": "The border color used in inverted state.",
+              "name": "--sd-badge--inverted-color-border"
+            },
+            {
+              "description": "The background color for the green badge.",
+              "name": "--sd-badge--green-color-background"
+            },
+            {
+              "description": "The background color for the red badge in its inverted state.",
+              "name": "--sd-badge--red--inverted-background"
+            },
+            {
+              "description": "The text color for the red badge in its inverted state.",
+              "name": "--sd-badge--red--inverted-text"
+            },
+            {
+              "description": "The background color for the red badge in its standard state.",
+              "name": "--sd-badge--red-color-background"
+            }
+          ],
           "cssParts": [
             {
               "description": "The badge's base wrapper.",
@@ -1732,7 +1770,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-6-0-0-next-8-badge",
+          "tagName": "sd-6-0-0-badge",
           "customElement": true
         }
       ],
@@ -1747,7 +1785,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-badge",
+          "name": "sd-6-0-0-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1763,6 +1801,16 @@
           "kind": "class",
           "description": "",
           "name": "SdBrandshape",
+          "cssProperties": [
+            {
+              "description": "The background color using the neutral‑100 variant.",
+              "name": "--sd-brandshape--neutral-100-color-background"
+            },
+            {
+              "description": "The background color using the white variant.",
+              "name": "--sd-brandshape--white-color-background"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -1952,7 +2000,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-6-0-0-next-8-brandshape",
+          "tagName": "sd-6-0-0-brandshape",
           "customElement": true
         }
       ],
@@ -1967,7 +2015,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-brandshape",
+          "name": "sd-6-0-0-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -2009,7 +2057,7 @@
           ],
           "slots": [
             {
-              "description": "`sd-6-0-0-next-8-breadcrumb-item` elements to display in the breadcrumb.",
+              "description": "`sd-6-0-0-breadcrumb-item` elements to display in the breadcrumb.",
               "name": ""
             }
           ],
@@ -2169,10 +2217,10 @@
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
-            "sd-6-0-0-next-8-dropdown",
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-dropdown",
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-breadcrumb",
+          "tagName": "sd-6-0-0-breadcrumb",
           "customElement": true
         }
       ],
@@ -2187,7 +2235,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-breadcrumb",
+          "name": "sd-6-0-0-breadcrumb",
           "declaration": {
             "name": "SdBreadcrumb",
             "module": "components/breadcrumb/breadcrumb.js"
@@ -2389,13 +2437,13 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "An individual breadcrumb item for use exclusively within the `sd-6-0-0-next-8-breadcrumb`.",
+          "summary": "An individual breadcrumb item for use exclusively within the `sd-6-0-0-breadcrumb`.",
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
-            "sd-6-0-0-next-8-link"
+            "sd-6-0-0-link"
           ],
-          "tagName": "sd-6-0-0-next-8-breadcrumb-item",
+          "tagName": "sd-6-0-0-breadcrumb-item",
           "customElement": true
         }
       ],
@@ -2410,7 +2458,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-breadcrumb-item",
+          "name": "sd-6-0-0-breadcrumb-item",
           "declaration": {
             "name": "SdBreadcrumbItem",
             "module": "components/breadcrumb-item/breadcrumb-item.js"
@@ -2427,6 +2475,22 @@
           "description": "",
           "name": "SdButton",
           "cssProperties": [
+            {
+              "description": "The background color for inverted buttons in disabled state.",
+              "name": "--sd-button--inverted--disabled-color-background"
+            },
+            {
+              "description": "The border color for inverted buttons in disabled state.",
+              "name": "--sd-button--inverted--disabled-color-border"
+            },
+            {
+              "description": "The text color for inverted buttons in disabled state.",
+              "name": "--sd-button--inverted--disabled-color-text"
+            },
+            {
+              "description": "The background color for inverted buttons in active state.",
+              "name": "--sd-button--inverted--active-color-background"
+            },
             {
               "description": "The text color for primary buttons in active state.",
               "name": "--sd-button--primary--active-color-text"
@@ -2479,6 +2543,18 @@
               "description": "The text color for inverted secondary buttons in hover state.",
               "name": "--sd-button--secondary--inverted--hover-color-text"
             },
+            {
+              "description": "The border color for inverted secondary buttons.",
+              "name": "--sd-button--secondary--inverted--color-border"
+            },
+            {
+              "description": "The text color for secondary buttons in disabled state.",
+              "name": "--sd-button--secondary--disabled-color-text"
+            },
+            {
+              "description": "The text color for tertiary buttons in disabled state.",
+              "name": "--sd-button--tertiary--disabled-color-text"
+            },
             {
               "description": "The background color for tertiary buttons in active state.",
               "name": "--sd-button--tertiary--active-color-background"
@@ -2487,14 +2563,54 @@
               "description": "The background color for tertiary buttons in hover state.",
               "name": "--sd-button--tertiary--hover-color-background"
             },
+            {
+              "description": "The background color for inverted tertiary buttons in hover state.",
+              "name": "--sd-button--tertiary--inverted--hover-color-background"
+            },
             {
               "description": "The background color for inverted tertiary buttons in active state.",
               "name": "--sd-button--tertiary--inverted--active-color-background"
             },
+            {
+              "description": "The text color for secondary buttons in default state.",
+              "name": "--sd-button--secondary--default-color-text"
+            },
             {
               "description": "The text color for inverted tertiary buttons in hover state.",
               "name": "--sd-button--tertiary--inverted--hover-color-text"
             },
+            {
+              "description": "The text color for tertiary buttons in default state.",
+              "name": "--sd-button--tertiary--default-color-text"
+            },
+            {
+              "description": "The background color for inverted CTA buttons in default state.",
+              "name": "--sd-button--cta--inverted--default-color-background"
+            },
+            {
+              "description": "The text color for inverted CTA buttons in default state.",
+              "name": "--sd-button--cta--inverted--default-color-text"
+            },
+            {
+              "description": "The text color for inverted CTA buttons in active state.",
+              "name": "--sd-button--cta--inverted--active-color-text"
+            },
+            {
+              "description": "The text color for inverted CTA buttons in hover state.",
+              "name": "--sd-button--cta--inverted--hover-color-text"
+            },
+            {
+              "description": "The background color for inverted CTA buttons in hover state.",
+              "name": "--sd-button--cta--inverted--hover-color-background"
+            },
+            {
+              "description": "The background color for inverted CTA buttons in active state.",
+              "name": "--sd-button--cta--inverted--active-color-background"
+            },
+            {
+              "description": "The small button border radius.",
+              "name": "--sd-button--size-sm-font-size"
+            },
             {
               "description": "The medium button text font size.",
               "name": "--sd-button--size-md-font-size"
@@ -2503,6 +2619,10 @@
               "description": "The large button text font size.",
               "name": "--sd-button--size-lg-font-size"
             },
+            {
+              "description": "The small button border radius.",
+              "name": "--sd-button--size-sm-border-radius"
+            },
             {
               "description": "The medium button border radius.",
               "name": "--sd-button--size-md-border-radius"
@@ -2511,6 +2631,10 @@
               "description": "The large button border radius.",
               "name": "--sd-button--size-lg-border-radius"
             },
+            {
+              "description": "The small button vertical padding value.",
+              "name": "--sd-button--size-sm-padding-block"
+            },
             {
               "description": "The medium button vertical padding value.",
               "name": "--sd-button--size-md-padding-block"
@@ -2518,6 +2642,10 @@
             {
               "description": "The large button vertical padding value.",
               "name": "--sd-button--size-lg-padding-block"
+            },
+            {
+              "description": "The text font weight for buttons.",
+              "name": "--sd-button-font-weight"
             }
           ],
           "cssParts": [
@@ -3112,10 +3240,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-loader"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-loader"
           ],
-          "tagName": "sd-6-0-0-next-8-button",
+          "tagName": "sd-6-0-0-button",
           "customElement": true
         }
       ],
@@ -3130,7 +3258,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-button",
+          "name": "sd-6-0-0-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -3154,7 +3282,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-6-0-0-next-8-button>` elements to display in the button group.",
+              "description": "One or more `<sd-6-0-0-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -3300,7 +3428,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-button-group",
+          "tagName": "sd-6-0-0-button-group",
           "customElement": true
         }
       ],
@@ -3315,7 +3443,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-button-group",
+          "name": "sd-6-0-0-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -3386,6 +3514,34 @@
             {
               "description": "The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint.",
               "name": "--scroll-hint"
+            },
+            {
+              "description": "The border width of the pager dots in the carousel.",
+              "name": "--sd-carousel__pager-dot-border-width"
+            },
+            {
+              "description": "The background for the pager dots in the inverted carousel when active.",
+              "name": "--sd-carousel__pager-dot--inverted-background"
+            },
+            {
+              "description": "The background for the pager dots in the inverted carousel when hovered.",
+              "name": "--sd-carousel__pager-dot--inverted--hovered-background"
+            },
+            {
+              "description": "The border color for the pager dots in the inverted carousel.",
+              "name": "--sd-carousel__pager-dot--inverted-border"
+            },
+            {
+              "description": "The background for the pager dots when active.",
+              "name": "--sd-carousel__pager-dot-background"
+            },
+            {
+              "description": "The border color for the active pagination item.",
+              "name": "--sd-carousel--active-color-border"
+            },
+            {
+              "description": "The border color for the active pagination item in inverted carousel.",
+              "name": "--sd-carousel--active--inverted-color-border"
             }
           ],
           "cssParts": [
@@ -3440,23 +3596,23 @@
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-6-0-0-next-8-carousel-item>` elements.",
+              "description": "The carousel's main content, one or more `<sd-6-0-0-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "next-icon"
             },
             {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "previous-icon"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "autoplay-start"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "autoplay-pause"
             }
           ],
@@ -3793,9 +3949,9 @@
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-carousel",
+          "tagName": "sd-6-0-0-carousel",
           "customElement": true
         }
       ],
@@ -3810,7 +3966,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-carousel",
+          "name": "sd-6-0-0-carousel",
           "declaration": {
             "name": "SdCarousel",
             "module": "components/carousel/carousel.js"
@@ -4013,7 +4169,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-6-0-0-next-8-carousel-item",
+          "tagName": "sd-6-0-0-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -4054,7 +4210,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-carousel-item",
+          "name": "sd-6-0-0-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -4070,6 +4226,16 @@
           "kind": "class",
           "description": "",
           "name": "SdCheckbox",
+          "cssProperties": [
+            {
+              "description": "The border width of the checkbox.",
+              "name": "--sd-checkbox-border-width"
+            },
+            {
+              "description": "The color border for form controls.",
+              "name": "--sd-form-control-color-border"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -4088,11 +4254,11 @@
               "name": "control--indeterminate"
             },
             {
-              "description": "The checked icon, an `<sd-6-0-0-next-8-icon>` element.",
+              "description": "The checked icon, an `<sd-6-0-0-icon>` element.",
               "name": "checked-icon"
             },
             {
-              "description": "The indeterminate icon, an `<sd-6-0-0-next-8-icon>` element.",
+              "description": "The indeterminate icon, an `<sd-6-0-0-icon>` element.",
               "name": "indeterminate-icon"
             },
             {
@@ -4381,7 +4547,7 @@
             },
             {
               "description": "Emitted when the checkbox receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             }
           ],
           "attributes": [
@@ -4508,9 +4674,9 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-checkbox",
+          "tagName": "sd-6-0-0-checkbox",
           "customElement": true
         }
       ],
@@ -4525,7 +4691,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-checkbox",
+          "name": "sd-6-0-0-checkbox",
           "declaration": {
             "name": "SdCheckbox",
             "module": "components/checkbox/checkbox.js"
@@ -4543,7 +4709,7 @@
           "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The default slot where `<sd-6-0-0-next-8-checkbox>` elements are placed.",
+              "description": "The default slot where `<sd-6-0-0-checkbox>` elements are placed.",
               "name": ""
             },
             {
@@ -4551,7 +4717,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-6-0-0-next-8-tooltip` component.",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-6-0-0-tooltip` component.",
               "name": "tooltip"
             },
             {
@@ -4753,7 +4919,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "tagName": "sd-6-0-0-next-8-checkbox-group",
+          "tagName": "sd-6-0-0-checkbox-group",
           "customElement": true
         }
       ],
@@ -4768,7 +4934,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-checkbox-group",
+          "name": "sd-6-0-0-checkbox-group",
           "declaration": {
             "name": "SdCheckboxGroup",
             "module": "components/checkbox-group/checkbox-group.js"
@@ -4788,6 +4954,14 @@
             {
               "description": "Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\"",
               "name": "--tag-max-width"
+            },
+            {
+              "description": "The background color for form controls in invalid state.",
+              "name": "--sd-form-control--invalid-color-background"
+            },
+            {
+              "description": "The text color for form controls.",
+              "name": "--sd-form-control-color-text"
             }
           ],
           "cssParts": [
@@ -4842,7 +5016,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-6-0-0-next-8-option>` elements. You can use `<sd-6-0-0-next-8-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-6-0-0-option>` elements. You can use `<sd-6-0-0-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -5098,6 +5272,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "floatingLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "attribute": "floating-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "type",
@@ -5137,7 +5322,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-6-0-0-next-8-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-6-0-0-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -5346,7 +5531,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -5517,6 +5702,15 @@
               "description": "The combobox's required attribute.",
               "fieldName": "required"
             },
+            {
+              "name": "floating-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "fieldName": "floatingLabel"
+            },
             {
               "name": "type",
               "type": {
@@ -5550,7 +5744,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-6-0-0-next-8-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-6-0-0-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -5636,11 +5830,11 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-popup",
-            "sd-6-0-0-next-8-tag"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-popup",
+            "sd-6-0-0-tag"
           ],
-          "tagName": "sd-6-0-0-next-8-combobox",
+          "tagName": "sd-6-0-0-combobox",
           "customElement": true
         }
       ],
@@ -5655,7 +5849,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-combobox",
+          "name": "sd-6-0-0-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -5778,7 +5972,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-6-0-0-next-8-optgroup"
+          "description": "Check if an item is a sd-6-0-0-optgroup"
         },
         {
           "kind": "function",
@@ -5897,94 +6091,6 @@
           "kind": "class",
           "description": "",
           "name": "SdDatepicker",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "datepicker"
-            },
-            {
-              "description": "The header containing the month/year and navigation buttons.",
-              "name": "header"
-            },
-            {
-              "description": "The button to go to the previous year.",
-              "name": "prev-year-button"
-            },
-            {
-              "description": "The button to go to the previous month.",
-              "name": "prev-month-button"
-            },
-            {
-              "description": "The month and year label.",
-              "name": "month-label"
-            },
-            {
-              "description": "The button to go to the next month.",
-              "name": "next-month-button"
-            },
-            {
-              "description": "The button to go to the next year.",
-              "name": "next-year-button"
-            },
-            {
-              "description": "The calendar grid container.",
-              "name": "grid"
-            },
-            {
-              "description": "Each weekday label in the calendar header.",
-              "name": "weekday"
-            },
-            {
-              "description": "Each day button in the calendar grid.",
-              "name": "day"
-            },
-            {
-              "description": "The form control wrapper around the input.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label for the input.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The input element.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The border around the input.",
-              "name": "border"
-            },
-            {
-              "description": "The icon shown when the input is invalid.",
-              "name": "invalid-icon"
-            },
-            {
-              "description": "The icon shown when the input is valid.",
-              "name": "valid-icon"
-            },
-            {
-              "description": "The help text, displayed below the input.",
-              "name": "form-control-help-text"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "The label for the date input.",
-              "name": "label"
-            },
-            {
-              "description": "The help text, displayed below the input.",
-              "name": "help-text"
-            },
-            {
-              "description": "The tooltip icon and content.",
-              "name": "tooltip"
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -6012,7 +6118,8 @@
               },
               "default": "null",
               "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
-              "attribute": "value"
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6033,7 +6140,8 @@
               },
               "default": "null",
               "description": "Range start date in local ISO format (YYYY-MM-DD).",
-              "attribute": "rangeStart"
+              "attribute": "range-start",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6043,7 +6151,8 @@
               },
               "default": "null",
               "description": "Range end date in local ISO format (YYYY-MM-DD).",
-              "attribute": "rangeEnd"
+              "attribute": "range-end",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6063,7 +6172,8 @@
               },
               "default": "undefined",
               "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
-              "attribute": "min"
+              "attribute": "min",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6073,7 +6183,8 @@
               },
               "default": "undefined",
               "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
-              "attribute": "max"
+              "attribute": "max",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -6158,6 +6269,17 @@
               "attribute": "help-text",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "floatingLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "attribute": "floating-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -6169,6 +6291,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "attribute": "required",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "visuallyDisabled",
@@ -6219,6 +6352,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "Placeholder text for the input when no date is selected.",
               "attribute": "placeholder",
               "reflects": true
             },
@@ -6365,40 +6499,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the date selection changes.",
-              "name": "sd-change"
-            },
-            {
-              "description": "Emitted when the date range selection changes.",
-              "name": "sd-6-0-0-next-8-range-select"
-            },
-            {
-              "description": "Emitted when the date selection changes.",
-              "name": "sd-6-0-0-next-8-select"
-            },
-            {
-              "description": "Emitted when the datepicker is closed.",
-              "name": "sd-6-0-0-next-8-datepicker-close"
-            },
-            {
-              "description": "Emitted when the datepicker is focused.",
-              "name": "sd-focus"
-            },
-            {
-              "description": "Emitted when the datepicker is blurred.",
-              "name": "sd-blur"
-            },
-            {
-              "description": "Emitted when the month is changed.",
-              "name": "sd-month-change"
-            },
-            {
-              "description": "Emitted when the year is changed.",
-              "name": "sd-month-year"
-            }
-          ],
           "attributes": [
             {
               "name": "locale",
@@ -6428,7 +6528,7 @@
               "fieldName": "range"
             },
             {
-              "name": "rangeStart",
+              "name": "range-start",
               "type": {
                 "text": "string | null"
               },
@@ -6437,7 +6537,7 @@
               "fieldName": "rangeStart"
             },
             {
-              "name": "rangeEnd",
+              "name": "range-end",
               "type": {
                 "text": "string | null"
               },
@@ -6535,6 +6635,15 @@
               "description": "Help text shown below the input. Can be overridden with slot=\"help-text\".",
               "fieldName": "helpText"
             },
+            {
+              "name": "floating-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "fieldName": "floatingLabel"
+            },
             {
               "name": "disabled",
               "type": {
@@ -6544,6 +6653,15 @@
               "description": "Disables the control entirely when true.",
               "fieldName": "disabled"
             },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "fieldName": "required"
+            },
             {
               "name": "visually-disabled",
               "type": {
@@ -6586,6 +6704,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "Placeholder text for the input when no date is selected.",
               "fieldName": "placeholder"
             },
             {
@@ -6635,15 +6754,7 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used to enter or select a date or a range of dates using a calendar view.",
-          "status": "stable",
-          "since": "5.16.0",
-          "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-divider",
-            "sd-6-0-0-next-8-popup"
-          ],
-          "tagName": "sd-6-0-0-next-8-datepicker",
+          "tagName": "sd-6-0-0-datepicker",
           "customElement": true
         }
       ],
@@ -6658,7 +6769,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-datepicker",
+          "name": "sd-6-0-0-datepicker",
           "declaration": {
             "name": "SdDatepicker",
             "module": "components/datepicker/datepicker.js"
@@ -6710,7 +6821,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-6-0-0-next-8-button>`.",
+              "description": "The close button, an `<sd-6-0-0-button>`.",
               "name": "close-button"
             },
             {
@@ -6736,7 +6847,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-6-0-0-next-8-button>` and `<sd-6-0-0-next-8-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-6-0-0-button>` and `<sd-6-0-0-icon>`.",
               "name": "close-button"
             }
           ],
@@ -6960,8 +7071,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-6-0-0-next-8-button",
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-button",
+            "sd-6-0-0-icon"
           ],
           "animations": [
             {
@@ -6985,7 +7096,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-6-0-0-next-8-dialog",
+          "tagName": "sd-6-0-0-dialog",
           "customElement": true
         }
       ],
@@ -7000,7 +7111,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-dialog",
+          "name": "sd-6-0-0-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -7016,6 +7127,12 @@
           "kind": "class",
           "description": "",
           "name": "SdDivider",
+          "cssProperties": [
+            {
+              "description": "The border color for dividers in inverted state.",
+              "name": "--sd-divider--inverted-color-border"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -7176,7 +7293,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-divider",
+          "tagName": "sd-6-0-0-divider",
           "customElement": true
         }
       ],
@@ -7191,7 +7308,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-divider",
+          "name": "sd-6-0-0-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -7243,7 +7360,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-6-0-0-next-8-button>`.",
+              "description": "The close button, an `<sd-6-0-0-button>`.",
               "name": "close-button"
             },
             {
@@ -7529,7 +7646,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-6-0-0-next-8-button"
+            "sd-6-0-0-button"
           ],
           "animations": [
             {
@@ -7561,7 +7678,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-6-0-0-next-8-drawer",
+          "tagName": "sd-6-0-0-drawer",
           "customElement": true
         }
       ],
@@ -7576,7 +7693,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-drawer",
+          "name": "sd-6-0-0-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -7622,7 +7739,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-6-0-0-next-8-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-6-0-0-button>` element.",
               "name": "trigger"
             }
           ],
@@ -7758,7 +7875,7 @@
                   "text": "HTMLElement | null"
                 }
               },
-              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-6-0-0-next-8-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\""
+              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-6-0-0-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\""
             },
             {
               "kind": "method",
@@ -8005,7 +8122,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-6-0-0-next-8-popup"
+            "sd-6-0-0-popup"
           ],
           "animations": [
             {
@@ -8017,7 +8134,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-6-0-0-next-8-dropdown",
+          "tagName": "sd-6-0-0-dropdown",
           "customElement": true
         }
       ],
@@ -8032,7 +8149,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-dropdown",
+          "name": "sd-6-0-0-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -8303,9 +8420,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-expandable",
+          "tagName": "sd-6-0-0-expandable",
           "customElement": true
         }
       ],
@@ -8320,7 +8437,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-expandable",
+          "name": "sd-6-0-0-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -8631,10 +8748,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-6-0-0-next-8-button",
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-button",
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-flipcard",
+          "tagName": "sd-6-0-0-flipcard",
           "customElement": true
         }
       ],
@@ -8649,7 +8766,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-flipcard",
+          "name": "sd-6-0-0-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -8829,7 +8946,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-6-0-0-next-8-header",
+          "tagName": "sd-6-0-0-header",
           "customElement": true
         }
       ],
@@ -8844,7 +8961,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-header",
+          "name": "sd-6-0-0-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -9077,7 +9194,7 @@
           "summary": "Icons are symbols that can be used to represent various options within an application.",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-icon",
+          "tagName": "sd-6-0-0-icon",
           "customElement": true
         }
       ],
@@ -9092,7 +9209,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-icon",
+          "name": "sd-6-0-0-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -9110,7 +9227,7 @@
           "type": {
             "text": "IconLibrary"
           },
-          "default": "{ name: 'default', resolver: name => { const path = name.split('/'); if (path[0] === 'content' || path[0] === 'system') { name = 'union-investment/' + name; } return `https://celum-icons.fe.union-investment.de/${name}.svg`; }, mutator: svg => { const recoloredElements = { currentColorFills: [] as unknown as NodeListOf<SVGElement>, currentColorStrokes: [] as unknown as NodeListOf<SVGElement>, greenFills: [] as unknown as NodeListOf<SVGElement>, greenStrokes: [] as unknown as NodeListOf<SVGElement> }; recoloredElements['currentColorFills'] = svg.querySelectorAll('[fill=\"#00358e\" i]'); recoloredElements['currentColorStrokes'] = svg.querySelectorAll('[stroke=\"#00358e\" i]'); recoloredElements['greenFills'] = svg.querySelectorAll('[fill=\"#2d9d00\" i]'); recoloredElements['greenStrokes'] = svg.querySelectorAll('[stroke=\"#2d9d00\" i]'); recoloredElements.currentColorFills.forEach(filledElement => { filledElement.setAttribute('fill', 'currentColor'); }); recoloredElements.currentColorStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'currentColor'); }); recoloredElements.greenFills.forEach(filledElement => { filledElement.setAttribute('fill', 'var(--sd-color-accent, 45 157 0)'); }); recoloredElements.greenStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'var(--sd-color-accent, 45 157 0)'); }); return svg; } }"
+          "default": "{ name: 'default', resolver: name => { const path = name.split('/'); if (path[0] === 'content' || path[0] === 'system') { name = 'union-investment/' + name; } return `https://celum-icons.fe.union-investment.de/${name}.svg`; }, mutator: svg => { const recoloredElements = { currentColorFills: [] as unknown as NodeListOf<SVGElement>, currentColorStrokes: [] as unknown as NodeListOf<SVGElement>, greenFills: [] as unknown as NodeListOf<SVGElement>, greenStrokes: [] as unknown as NodeListOf<SVGElement> }; recoloredElements['currentColorFills'] = svg.querySelectorAll('[fill=\"#00358e\" i]'); recoloredElements['currentColorStrokes'] = svg.querySelectorAll('[stroke=\"#00358e\" i]'); recoloredElements['greenFills'] = svg.querySelectorAll('[fill=\"#2d9d00\" i]'); recoloredElements['greenStrokes'] = svg.querySelectorAll('[stroke=\"#2d9d00\" i]'); recoloredElements.currentColorFills.forEach(filledElement => { filledElement.setAttribute('fill', 'currentColor'); }); recoloredElements.currentColorStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'currentColor'); }); recoloredElements.greenFills.forEach(filledElement => { filledElement.setAttribute('fill', 'rgb(var(--sd-color-accent, 45 157 0))'); }); recoloredElements.greenStrokes.forEach(strokedElement => { strokedElement.setAttribute('stroke', 'rgb(var(--sd-color-accent, 45 157 0))'); }); return svg; } }"
         }
       ],
       "exports": [
@@ -9134,7 +9251,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ calendar: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1M6 4v1.7a1 1 0 0 0 2 0V4h8v1.7a1 1 0 0 0 2 0V4h2v4H4V4zM4 20V10h16v10z\"/> <path d=\"m7.6 13.3.6.8.3-.3.7-.6V18h1.3v-6H9.4zm7-1.4q-2.2 0-2.2 3.1 0 3 2.2 3c2.2 0 2.2-1 2.2-3q0-3.1-2.1-3.1m0 5.3q-1 0-1-2.3t1-2.2c1 0 1 .8 1 2.3q0 2.2-1 2.2\"/> </svg> `, 'chevron-down': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M20.3 6.3 12 15.5 3.7 6.3 3 6a1 1 0 0 0-.7 1.7l9 10a1 1 0 0 0 1.4 0l9-10q.3-.3.3-.7a1 1 0 0 0-1.7-.7\"/> </svg> `, 'chevron-up': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.7 6.3a1 1 0 0 0-1.4 0l-9 10-.3.7a1 1 0 0 0 1.7.7L12 8.5l8.3 9.2q.2.2.7.3a1 1 0 0 0 .7-1.7z\"/> </svg> `, 'chevron-right': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z\"/> </svg> `, 'chevron-left': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M17.7 2.3a1 1 0 0 0-1.4 0l-10 9a1 1 0 0 0 0 1.4l10 9a1 1 0 0 0 1.4-1.4L8.5 12l9.2-8.3a1 1 0 0 0 0-1.4\"/> </svg> `, 'chevron-sm-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M10.688 6.257a1 1 0 1 0-1.336 1.485h.002L14.528 12l-5.174 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .002-1.485l-.002-.001-6-5Z\"/> </svg>`, 'chevron-sm-left': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M14.742 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0 0 1.486v.001l6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> </svg>`, 'chevrons-sm-left': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M11.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> <path fill=\"currentColor\" d=\"M18.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> </svg>`, 'chevrons-sm-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M13.718 6.257a1 1 0 1 0-1.336 1.485h.002L17.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z\"/> <path fill=\"currentColor\" d=\"M6.718 6.257a1 1 0 1 0-1.336 1.485h.002L10.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z\"/> </svg>`, clock: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 11.6V8a1 1 0 0 0-2 0v4.4h.1v.2l.2.1 2.8 2.8a1 1 0 0 0 1.4-1.4z\"/> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> </svg> `, close: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21.7 2.3a1 1 0 0 0-1.4 0L12 10.6 3.7 2.3a1 1 0 0 0-1.4 1.4l8.3 8.3-8.3 8.3a1 1 0 0 0 0 1.4 1 1 0 0 0 1.4 0l8.3-8.3 8.3 8.3a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4L13.4 12l8.3-8.3a1 1 0 0 0 0-1.4\"/> </svg> `, 'closing-round': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> <path d=\"M16.4 7.6a1 1 0 0 0-1.4 0l-3 3-3-3A1 1 0 0 0 7.6 9l3 3-3 3A1 1 0 0 0 9 16.4l3-3 3 3a1 1 0 0 0 1.4-1.4l-3-3 3-3a1 1 0 0 0 0-1.4\"/> </svg> `, eye: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 19c-5.3 0-10-5.7-10-7s4.7-7 10-7 10 5.7 10 7-4.7 7-10 7m-7.9-7c.8 1.2 4 5 7.9 5s7.1-3.8 7.9-5c-.8-1.2-4-5-7.9-5s-7.1 3.8-7.9 5\"/> <path d=\"M12 16.1A4 4 0 0 1 7.9 12 4 4 0 0 1 12 7.9a4 4 0 0 1 4.1 4.1 4 4 0 0 1-4.1 4.1m0-6.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2\"/> </svg> `, 'eye-crossed-out': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 16.1A4 4 0 0 1 7.9 12 4 4 0 0 1 12 7.9a4 4 0 0 1 4.1 4.1 4 4 0 0 1-4.1 4.1m0-6.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2\"/> <path d=\"M12 19c-5.3 0-10-5.7-10-7s4.7-7 10-7 10 5.7 10 7-4.7 7-10 7m-7.9-7c.8 1.2 4 5 7.9 5s7.1-3.8 7.9-5c-.8-1.2-4-5-7.9-5s-7.1 3.8-7.9 5\"/> <path d=\"M3 22a1 1 0 0 1-.7-1.7l18-18a1 1 0 0 1 1.4 1.4l-18 18z\"/> </svg> `, 'info-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> <path d=\"M13.3 7.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-.3 3.9a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.6h2zM11 16.3v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1m3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2\"/> <path d=\"M13 16.3v-1h-2v1a1 1 0 0 0 2 0\"/> </svg> `, 'status-check': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 13\"> <path d=\"M10 1.1 4.3 9.5 1.9 7a.6.6 0 0 0-1 .5L1 8l3 3 .5.1q.4 0 .5-.2l6-9a1 1 0 0 0-.2-1 1 1 0 0 0-.9.2\"/> </svg> `, 'status-minus': ` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"> <path d=\"M10 5.4H2a.6.6 0 0 0 0 1.2h8a.6.6 0 0 0 0-1.2\"/> </svg> `, 'minus-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\"> <path d=\"M49.5 33h-27a3 3 0 0 0 0 6h27a3 3 0 0 0 0-6Z\"/> <path d=\"M36 6a30 30 0 1 0 30 30A30 30 0 0 0 36 6Zm0 54a24 24 0 1 1 24-24 24 24 0 0 1-24 24Z\"/> </svg> `, pause: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M9 22a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1zM6 4h2v16H6zm13 18q.4 0 .7-.3l.3-.7V3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1zM16 4h2v16h-2z\"/> </svg> `, 'plus-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\"> <path d=\"M49.5 33H39V22.5a3 3 0 0 0-6 0V33H22.5a3 3 0 0 0 0 6H33v10.5a3 3 0 0 0 6 0V39h10.5a3 3 0 0 0 0-6Z\"/> <path d=\"M36 6a30 30 0 1 0 30 30A30 30 0 0 0 36 6Zm0 54a24 24 0 1 1 24-24 24 24 0 0 1-24 24Z\"/> </svg> `, risk: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.9 2.6a1 1 0 0 0-1.8 0l-9 18A1 1 0 0 0 3 22h18a1 1 0 0 0 .9-1.5zM4.6 20 12 5.2 19.4 20z\"/> <path d=\"M11 10.7V15a1 1 0 0 0 2 0v-4.3a1 1 0 0 0-2 0m2 7.3a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/> </svg> `, start: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"> <path d=\"m57.4 29.8-37.3-24A2.7 2.7 0 0 0 16 8v48a2.7 2.7 0 0 0 2.7 2.7 3 3 0 0 0 1.4-.5l37.3-24a3 3 0 0 0 1.2-2.2q0-1.4-1.2-2.2M21.4 51V13L51 32z\"/> </svg> `, 'confirm-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> <path d=\"M15.8 7.5a1 1 0 0 0-1.4.3L10.9 14 9 12.3a1 1 0 0 0-1.6.7q0 .4.2.7l2.7 2.7q.3.2.7.3h.1q.5-.1.8-.5l4.3-7.4.1-.5a1 1 0 0 0-.5-.8\"/> </svg> `, warning: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.9 2.6a1 1 0 0 0-1.8 0l-9 18-.1.4q0 1 1 1h18a1 1 0 0 0 .9-1.5zM4.6 20 12 5.2 19.4 20z\"/> <path d=\"M11 10.7V15a1 1 0 0 0 2 0v-4.3a1 1 0 0 0-2 0m2 7.3a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/> </svg> `, 'exclamation-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0M12 6a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V7q0-1-1-1\"/> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> </svg> `, 'magnifying-glass': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"m21.7 20.3-7-7h-.1a7 7 0 1 0-1.4 1.4v-.1l.1.1 7 7a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4M9 14a5 5 0 1 1 5-5 5 5 0 0 1-5 5\"/> </svg> `, transcript: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M19 22H5a1 1 0 0 1-1-1V3q0-1 1-1h9q.4 0 .7.3l5 5q.3.3.3.7v13q0 1-1 1M6 20h12V8.4L13.6 4H6z\"/> <path d=\"M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2m-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2m-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2\"/> </svg> `, mute: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M8.7 0a1 1 0 0 0-1 .3L3.8 4H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3l3.6 3.7.7.3h.4q.6-.3.6-1V1a1 1 0 0 0-.6-1M2 6h1.3v4H2zm5.3 6.6-2-2V5.4l2-2zm12.4-9a1 1 0 0 0-1.4 0l-3 3-3-3A1 1 0 0 0 11 5l3 3-3 3a1 1 0 0 0 1.4 1.4l3-3 2.9 3a1 1 0 0 0 1.4-1.4l-3-3 3-3a1 1 0 0 0 0-1.4\"/> </svg> `, volume: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M10.7 4a1 1 0 0 0-1 .3L5.8 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3l3.6 3.7.7.3h.4q.6-.4.6-1V5a1 1 0 0 0-.6-1M4 10h1.3v4H4zm5.3 6.6-2-2V9.4l2-2zM18.6 3a1 1 0 0 0-.5 1.3Q20 7.8 20 12t-2 7.6h.1a1 1 0 0 0 .4 1.3 1 1 0 0 0 1.4-.4q2-3.8 2.1-8.5 0-4.6-2.2-8.5a1 1 0 0 0-1.3-.4\"/> <path d=\"M14.4 5.2a1 1 0 0 0-.2 1.4Q16 9.3 16 12t-1.8 5.4a1 1 0 0 0 1.6 1.2Q18 15.2 18 12t-2.2-6.6a1 1 0 0 0-1.4-.2\"/> </svg> `, reload: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"m1.7 7.11 1.33 1.34C3.13 3.69 6.75 0 11.33 0a8.67 8.67 0 1 1 0 17.33 1 1 0 0 1 0-2 6.67 6.67 0 1 0 0-13.33C7.8 2 5.14 4.74 5 8.42l1.34-1.3a1 1 0 1 1 1.41 1.41l-3.02 3.02a1 1 0 0 1-1.42 0L.3 8.53A1 1 0 0 1 1.7 7.11z\"/> </svg> ` }"
+          "default": "{ calendar: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1M6 4v1.7a1 1 0 0 0 2 0V4h8v1.7a1 1 0 0 0 2 0V4h2v4H4V4zM4 20V10h16v10z\"/> <path d=\"m7.6 13.3.6.8.3-.3.7-.6V18h1.3v-6H9.4zm7-1.4q-2.2 0-2.2 3.1 0 3 2.2 3c2.2 0 2.2-1 2.2-3q0-3.1-2.1-3.1m0 5.3q-1 0-1-2.3t1-2.2c1 0 1 .8 1 2.3q0 2.2-1 2.2\"/> </svg> `, 'chevron-down': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M20.3 6.3 12 15.5 3.7 6.3 3 6a1 1 0 0 0-.7 1.7l9 10a1 1 0 0 0 1.4 0l9-10q.3-.3.3-.7a1 1 0 0 0-1.7-.7\"/> </svg> `, 'chevron-up': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.7 6.3a1 1 0 0 0-1.4 0l-9 10-.3.7a1 1 0 0 0 1.7.7L12 8.5l8.3 9.2q.2.2.7.3a1 1 0 0 0 .7-1.7z\"/> </svg> `, 'chevron-right': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z\"/> </svg> `, 'chevron-left': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M17.7 2.3a1 1 0 0 0-1.4 0l-10 9a1 1 0 0 0 0 1.4l10 9a1 1 0 0 0 1.4-1.4L8.5 12l9.2-8.3a1 1 0 0 0 0-1.4\"/> </svg> `, 'chevron-sm-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M10.688 6.257a1 1 0 1 0-1.336 1.485h.002L14.528 12l-5.174 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .002-1.485l-.002-.001-6-5Z\"/> </svg>`, 'chevron-sm-left': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M14.742 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0 0 1.486v.001l6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> </svg>`, 'chevrons-sm-left': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M11.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> <path fill=\"currentColor\" d=\"M18.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> </svg>`, 'chevrons-sm-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M13.718 6.257a1 1 0 1 0-1.336 1.485h.002L17.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z\"/> <path fill=\"currentColor\" d=\"M6.718 6.257a1 1 0 1 0-1.336 1.485h.002L10.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z\"/> </svg>`, clock: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 11.6V8a1 1 0 0 0-2 0v4.4h.1v.2l.2.1 2.8 2.8a1 1 0 0 0 1.4-1.4z\"/> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> </svg> `, close: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21.7 2.3a1 1 0 0 0-1.4 0L12 10.6 3.7 2.3a1 1 0 0 0-1.4 1.4l8.3 8.3-8.3 8.3a1 1 0 0 0 0 1.4 1 1 0 0 0 1.4 0l8.3-8.3 8.3 8.3a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4L13.4 12l8.3-8.3a1 1 0 0 0 0-1.4\"/> </svg> `, 'closing-round': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> <path d=\"M16.4 7.6a1 1 0 0 0-1.4 0l-3 3-3-3A1 1 0 0 0 7.6 9l3 3-3 3A1 1 0 0 0 9 16.4l3-3 3 3a1 1 0 0 0 1.4-1.4l-3-3 3-3a1 1 0 0 0 0-1.4\"/> </svg> `, eye: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 19c-5.3 0-10-5.7-10-7s4.7-7 10-7 10 5.7 10 7-4.7 7-10 7m-7.9-7c.8 1.2 4 5 7.9 5s7.1-3.8 7.9-5c-.8-1.2-4-5-7.9-5s-7.1 3.8-7.9 5\"/> <path d=\"M12 16.1A4 4 0 0 1 7.9 12 4 4 0 0 1 12 7.9a4 4 0 0 1 4.1 4.1 4 4 0 0 1-4.1 4.1m0-6.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2\"/> </svg> `, 'eye-crossed-out': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 16.1A4 4 0 0 1 7.9 12 4 4 0 0 1 12 7.9a4 4 0 0 1 4.1 4.1 4 4 0 0 1-4.1 4.1m0-6.2a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2\"/> <path d=\"M12 19c-5.3 0-10-5.7-10-7s4.7-7 10-7 10 5.7 10 7-4.7 7-10 7m-7.9-7c.8 1.2 4 5 7.9 5s7.1-3.8 7.9-5c-.8-1.2-4-5-7.9-5s-7.1 3.8-7.9 5\"/> <path d=\"M3 22a1 1 0 0 1-.7-1.7l18-18a1 1 0 0 1 1.4 1.4l-18 18z\"/> </svg> `, 'info-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> <path d=\"M13.3 7.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-.3 3.9a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.6h2zM11 16.3v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1m3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2\"/> <path d=\"M13 16.3v-1h-2v1a1 1 0 0 0 2 0\"/> </svg> `, 'status-check': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 13\"> <path d=\"M10 1.1 4.3 9.5 1.9 7a.6.6 0 0 0-1 .5L1 8l3 3 .5.1q.4 0 .5-.2l6-9a1 1 0 0 0-.2-1 1 1 0 0 0-.9.2\"/> </svg> `, 'status-minus': ` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"> <path d=\"M10 5.4H2a.6.6 0 0 0 0 1.2h8a.6.6 0 0 0 0-1.2\"/> </svg> `, 'minus-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\"> <path d=\"M49.5 33h-27a3 3 0 0 0 0 6h27a3 3 0 0 0 0-6Z\"/> <path d=\"M36 6a30 30 0 1 0 30 30A30 30 0 0 0 36 6Zm0 54a24 24 0 1 1 24-24 24 24 0 0 1-24 24Z\"/> </svg> `, pause: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M9 22a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1zM6 4h2v16H6zm13 18q.4 0 .7-.3l.3-.7V3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1zM16 4h2v16h-2z\"/> </svg> `, 'plus-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\"> <path d=\"M49.5 33H39V22.5a3 3 0 0 0-6 0V33H22.5a3 3 0 0 0 0 6H33v10.5a3 3 0 0 0 6 0V39h10.5a3 3 0 0 0 0-6Z\"/> <path d=\"M36 6a30 30 0 1 0 30 30A30 30 0 0 0 36 6Zm0 54a24 24 0 1 1 24-24 24 24 0 0 1-24 24Z\"/> </svg> `, risk: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.9 2.6a1 1 0 0 0-1.8 0l-9 18A1 1 0 0 0 3 22h18a1 1 0 0 0 .9-1.5zM4.6 20 12 5.2 19.4 20z\"/> <path d=\"M11 10.7V15a1 1 0 0 0 2 0v-4.3a1 1 0 0 0-2 0m2 7.3a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/> </svg> `, start: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"> <path d=\"m57.4 29.8-37.3-24A2.7 2.7 0 0 0 16 8v48a2.7 2.7 0 0 0 2.7 2.7 3 3 0 0 0 1.4-.5l37.3-24a3 3 0 0 0 1.2-2.2q0-1.4-1.2-2.2M21.4 51V13L51 32z\"/> </svg> `, 'confirm-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> <path d=\"M15.8 7.5a1 1 0 0 0-1.4.3L10.9 14 9 12.3a1 1 0 0 0-1.6.7q0 .4.2.7l2.7 2.7q.3.2.7.3h.1q.5-.1.8-.5l4.3-7.4.1-.5a1 1 0 0 0-.5-.8\"/> </svg> `, warning: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.9 2.6a1 1 0 0 0-1.8 0l-9 18-.1.4q0 1 1 1h18a1 1 0 0 0 .9-1.5zM4.6 20 12 5.2 19.4 20z\"/> <path d=\"M11 10.7V15a1 1 0 0 0 2 0v-4.3a1 1 0 0 0-2 0m2 7.3a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/> </svg> `, 'exclamation-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0M12 6a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0V7q0-1-1-1\"/> <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16\"/> </svg> `, 'magnifying-glass': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"m21.7 20.3-7-7h-.1a7 7 0 1 0-1.4 1.4v-.1l.1.1 7 7a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4M9 14a5 5 0 1 1 5-5 5 5 0 0 1-5 5\"/> </svg> `, transcript: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M19 22H5a1 1 0 0 1-1-1V3q0-1 1-1h9q.4 0 .7.3l5 5q.3.3.3.7v13q0 1-1 1M6 20h12V8.4L13.6 4H6z\"/> <path d=\"M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2m-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2m-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2\"/> </svg> `, mute: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M10.72 4.08a1 1 0 0 0-1.1.21L5.93 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.7 3.7a1 1 0 0 0 .71.3h.01a1 1 0 0 0 .38-.08 1 1 0 0 0 .61-.92V5a1 1 0 0 0-.6-.92zM4 10h1.33v4H4zm5.33 6.59-2-2V9.4l2-2zm12.38-8.96a1 1 0 0 0-1.42 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.41 1.41L15.92 12l-2.96 2.96a1 1 0 0 0 1.41 1.41l2.96-2.96 2.96 2.96a1 1 0 0 0 1.42-1.41L18.75 12l2.96-2.96a1 1 0 0 0 0-1.41\"/> </svg> `, volume: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M10.7 4a1 1 0 0 0-1 .3L5.8 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3l3.6 3.7.7.3h.4q.6-.4.6-1V5a1 1 0 0 0-.6-1M4 10h1.3v4H4zm5.3 6.6-2-2V9.4l2-2zM18.6 3a1 1 0 0 0-.5 1.3Q20 7.8 20 12t-2 7.6h.1a1 1 0 0 0 .4 1.3 1 1 0 0 0 1.4-.4q2-3.8 2.1-8.5 0-4.6-2.2-8.5a1 1 0 0 0-1.3-.4\"/> <path d=\"M14.4 5.2a1 1 0 0 0-.2 1.4Q16 9.3 16 12t-1.8 5.4a1 1 0 0 0 1.6 1.2Q18 15.2 18 12t-2.2-6.6a1 1 0 0 0-1.4-.2\"/> </svg> `, reload: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 17 15\"> <path d=\"M1.42 5.928 2.533 7.04C2.615 3.073 5.629 0 9.45 0a7.223 7.223 0 0 1 0 14.445.834.834 0 0 1 0-1.667 5.556 5.556 0 0 0 0-11.111c-2.944 0-5.173 2.285-5.278 5.35l1.111-1.09a.834.834 0 0 1 1.178 1.18l-2.519 2.52a.83.83 0 0 1-1.18 0L.244 7.108a.835.835 0 0 1 1.18-1.18h-.003Z\"/> </svg> ` }"
         },
         {
           "kind": "variable",
@@ -9550,7 +9667,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-include",
+          "tagName": "sd-6-0-0-include",
           "customElement": true
         }
       ],
@@ -9565,7 +9682,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-include",
+          "name": "sd-6-0-0-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -9622,6 +9739,28 @@
           "kind": "class",
           "description": "",
           "name": "SdInput",
+          "cssProperties": [
+            {
+              "description": "The background color for form controls in invalid state.",
+              "name": "--sd-form-control--invalid-color-background"
+            },
+            {
+              "description": "The text color for form controls.",
+              "name": "--sd-form-control-color-text"
+            },
+            {
+              "description": "The floating label text color when active.",
+              "name": "--sd-form-control--filled__floating-label-color-text"
+            },
+            {
+              "description": "The color border for form controls.",
+              "name": "--sd-form-control-color-border"
+            },
+            {
+              "description": "The icon color for form controls.",
+              "name": "--sd-form-control-color-icon"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -9639,6 +9778,10 @@
               "description": "The help text's wrapper.",
               "name": "form-control-help-text"
             },
+            {
+              "description": "The floating label text's wrapper.",
+              "name": "form-control-floating-label"
+            },
             {
               "description": "The component's base wrapper.",
               "name": "base"
@@ -9710,7 +9853,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-6-0-0-next-8-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-6-0-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -9968,12 +10111,23 @@
             },
             {
               "kind": "field",
-              "name": "pattern",
+              "name": "floatingLabel",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "A regular expression pattern to validate input against.",
-              "attribute": "pattern"
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "attribute": "floating-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against.",
+              "attribute": "pattern"
             },
             {
               "kind": "field",
@@ -10291,7 +10445,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -10492,6 +10646,15 @@
               "description": "Makes the input a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "floating-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "fieldName": "floatingLabel"
+            },
             {
               "name": "pattern",
               "type": {
@@ -10599,9 +10762,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-input",
+          "tagName": "sd-6-0-0-input",
           "customElement": true
         }
       ],
@@ -10616,7 +10779,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-input",
+          "name": "sd-6-0-0-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -10949,7 +11112,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-6-0-0-next-8-link",
+          "tagName": "sd-6-0-0-link",
           "customElement": true
         }
       ],
@@ -10964,7 +11127,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-link",
+          "name": "sd-6-0-0-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -11120,7 +11283,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/loader",
           "status": "stable",
           "since": "5.12",
-          "tagName": "sd-6-0-0-next-8-loader",
+          "tagName": "sd-6-0-0-loader",
           "customElement": true
         }
       ],
@@ -11135,7 +11298,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-loader",
+          "name": "sd-6-0-0-loader",
           "declaration": {
             "name": "SdLoader",
             "module": "components/loader/loader.js"
@@ -11155,6 +11318,14 @@
             {
               "description": "Scale the marker size.",
               "name": "--map-marker-scaling"
+            },
+            {
+              "description": "The icon fill color for map marker clusters in hovered state.",
+              "name": "--sd-map-marker-cluster--hovered-color-icon-fill"
+            },
+            {
+              "description": "The default icon fill color for map marker clusters.",
+              "name": "--sd-map-marker-cluster-color-icon-fill"
             }
           ],
           "cssParts": [
@@ -11443,7 +11614,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-6-0-0-next-8-map-marker",
+          "tagName": "sd-6-0-0-map-marker",
           "customElement": true
         }
       ],
@@ -11458,7 +11629,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-map-marker",
+          "name": "sd-6-0-0-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -11474,6 +11645,24 @@
           "kind": "class",
           "description": "",
           "name": "SdMenu",
+          "cssProperties": [
+            {
+              "description": "The default icon color for menu items.",
+              "name": "--sd-menu-color-icon"
+            },
+            {
+              "description": "The default text color for menu items.",
+              "name": "--sd-menu-color-text"
+            },
+            {
+              "description": "The icon color for disabled menu items.",
+              "name": "--sd-menu--disabled-color-icon"
+            },
+            {
+              "description": "The text color for disabled menu items.",
+              "name": "--sd-menu--disabled-color-text"
+            }
+          ],
           "slots": [
             {
               "description": "The menu's content.",
@@ -11569,7 +11758,7 @@
           "events": [
             {
               "description": "Emitted when a menu item is selected.",
-              "name": "sd-6-0-0-next-8-select"
+              "name": "sd-6-0-0-select"
             }
           ],
           "superclass": {
@@ -11580,12 +11769,12 @@
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
-            "sd-6-0-0-next-8-menu-item",
-            "sd-6-0-0-next-8-divider",
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-dropdown"
+            "sd-6-0-0-menu-item",
+            "sd-6-0-0-divider",
+            "sd-6-0-0-icon",
+            "sd-6-0-0-dropdown"
           ],
-          "tagName": "sd-6-0-0-next-8-menu",
+          "tagName": "sd-6-0-0-menu",
           "customElement": true,
           "attributes": [
             {
@@ -11626,7 +11815,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-menu",
+          "name": "sd-6-0-0-menu",
           "declaration": {
             "name": "SdMenu",
             "module": "components/menu/menu.js"
@@ -11908,10 +12097,10 @@
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-popup"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-popup"
           ],
-          "tagName": "sd-6-0-0-next-8-menu-item",
+          "tagName": "sd-6-0-0-menu-item",
           "customElement": true
         }
       ],
@@ -11926,7 +12115,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-menu-item",
+          "name": "sd-6-0-0-menu-item",
           "declaration": {
             "name": "SdMenuItem",
             "module": "components/menu-item/menu-item.js"
@@ -11967,11 +12156,11 @@
           "cssProperties": [
             {
               "description": "The navigation-item text color when current state.",
-              "name": "--sd-navigation--current-color-text"
+              "name": "--sd-navigation-item--current-color-text"
             },
             {
               "description": "The navigation-item text color.",
-              "name": "--sd-navigation-color-text"
+              "name": "--sd-navigation-item-color-text"
             },
             {
               "description": "The navigation-item border radius on hover and active state.",
@@ -12410,10 +12599,10 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-6-0-0-next-8-divider",
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-divider",
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-navigation-item",
+          "tagName": "sd-6-0-0-navigation-item",
           "customElement": true
         }
       ],
@@ -12428,7 +12617,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-navigation-item",
+          "name": "sd-6-0-0-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -12446,8 +12635,24 @@
           "name": "SdNotification",
           "cssProperties": [
             {
-              "description": "The border color of panels for toast notifications.",
-              "name": "--sd-panel-color-border"
+              "description": "The background color for error notifications.",
+              "name": "--sd-notification--error-color-background"
+            },
+            {
+              "description": "The background color for info notifications.",
+              "name": "--sd-notification--info-color-background"
+            },
+            {
+              "description": "The background color for success notifications.",
+              "name": "--sd-notification--success-color-background"
+            },
+            {
+              "description": "The background color for warning notifications.",
+              "name": "--sd-notification--warning-color-background"
+            },
+            {
+              "description": "the border color of notifications.",
+              "name": "--sd-notification-color-border"
             }
           ],
           "cssParts": [
@@ -12480,17 +12685,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-6-0-0-next-8-icon-button>`.",
+              "description": "The close button, an `<sd-6-0-0-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-6-0-0-next-8-notification's main content.",
+              "description": "The sd-6-0-0-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-6-0-0-next-8-notification. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "An icon to show in the sd-6-0-0-notification. Works best with `<sd-6-0-0-icon>`.",
               "name": "icon"
             }
           ],
@@ -12508,7 +12713,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-6-0-0-next-8-notification's theme.",
+              "description": "The sd-6-0-0-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -12519,7 +12724,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-6-0-0-next-8-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
+              "description": "Indicates whether or not sd-6-0-0-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
               "attribute": "open",
               "reflects": true
             },
@@ -12538,7 +12743,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-6-0-0-next-8-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
+              "description": "The length of time, in milliseconds, the sd-6-0-0-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
               "attribute": "duration",
               "reflects": true
             },
@@ -12560,7 +12765,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-6-0-0-next-8-notification.",
+              "description": "The position of the toasted sd-6-0-0-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -12683,7 +12888,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-6-0-0-next-8-notification's theme.",
+              "description": "The sd-6-0-0-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -12692,7 +12897,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-6-0-0-next-8-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
+              "description": "Indicates whether or not sd-6-0-0-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
               "fieldName": "open"
             },
             {
@@ -12707,7 +12912,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-6-0-0-next-8-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
+              "description": "The length of time, in milliseconds, the sd-6-0-0-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
               "fieldName": "duration"
             },
             {
@@ -12725,7 +12930,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-6-0-0-next-8-notification.",
+              "description": "The position of the toasted sd-6-0-0-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -12762,20 +12967,20 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-6-0-0-next-8-button",
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-button",
+            "sd-6-0-0-icon"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-6-0-0-next-8-notification."
+              "description": "The animation to use when showing the sd-6-0-0-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-6-0-0-next-8-notification."
+              "description": "The animation to use when hiding the sd-6-0-0-notification."
             }
           ],
-          "tagName": "sd-6-0-0-next-8-notification",
+          "tagName": "sd-6-0-0-notification",
           "customElement": true
         }
       ],
@@ -12790,7 +12995,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-notification",
+          "name": "sd-6-0-0-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -12826,13 +13031,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-6-0-0-next-8-option> elements.",
+              "description": "The container that wraps the <sd-6-0-0-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-6-0-0-next-8-option>` elements.",
+              "description": "The given options. Must be `<sd-6-0-0-option>` elements.",
               "name": ""
             },
             {
@@ -12990,14 +13195,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-6-0-0-next-8-optgroup> element creates a grouping for <sd-6-0-0-next-8-option>s within a <sd-6-0-0-next-8-combobox>.",
+          "summary": "The <sd-6-0-0-optgroup> element creates a grouping for <sd-6-0-0-option>s within a <sd-6-0-0-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-6-0-0-next-8-divider"
+            "sd-6-0-0-divider"
           ],
-          "tagName": "sd-6-0-0-next-8-optgroup",
+          "tagName": "sd-6-0-0-optgroup",
           "customElement": true
         }
       ],
@@ -13012,7 +13217,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-optgroup",
+          "name": "sd-6-0-0-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -13028,9 +13233,15 @@
           "kind": "class",
           "description": "",
           "name": "SdOption",
+          "cssProperties": [
+            {
+              "description": "The border color of checkboxes for the disabled options.",
+              "name": "--sd-option--disabled-color-border"
+            }
+          ],
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-6-0-0-next-8-icon>` element.",
+              "description": "The checked icon, an `<sd-6-0-0-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -13072,7 +13283,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-6-0-0-next-8-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-6-0-0-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -13083,7 +13294,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-6-0-0-next-8-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-6-0-0-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -13200,7 +13411,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-6-0-0-next-8-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-6-0-0-select`.",
               "fieldName": "size"
             },
             {
@@ -13209,7 +13420,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-6-0-0-next-8-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-6-0-0-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -13264,9 +13475,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-option",
+          "tagName": "sd-6-0-0-option",
           "customElement": true
         }
       ],
@@ -13281,7 +13492,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-option",
+          "name": "sd-6-0-0-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -13863,7 +14074,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-6-0-0-next-8-popup",
+          "tagName": "sd-6-0-0-popup",
           "customElement": true
         }
       ],
@@ -13878,7 +14089,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-popup",
+          "name": "sd-6-0-0-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -13894,6 +14105,60 @@
           "kind": "class",
           "description": "",
           "name": "SdQuickfact",
+          "cssProperties": [
+            {
+              "description": "The text color for expandable quickfact.",
+              "name": "--sd-quickfact--expandable-color-text"
+            },
+            {
+              "description": "The accordion border width.",
+              "name": "--sd-accordion-border-width",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion background color.",
+              "name": "--sd-accordion-color-background",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion color text.",
+              "name": "--sd-accordion-color-text",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion vertical padding value.",
+              "name": "--sd-accordion-padding-block",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion chevron color.",
+              "name": "--sd-accordion__chevron-color-text",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            },
+            {
+              "description": "The accordion indicator color.",
+              "name": "--sd-accordion__indicator-color",
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "src/components/accordion/accordion.ts"
+              }
+            }
+          ],
           "cssParts": [
             {
               "description": "The container that wraps the icon.",
@@ -13958,7 +14223,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-6-0-0-icon>`.",
               "name": "icon"
             },
             {
@@ -13978,7 +14243,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -13986,7 +14251,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-6-0-0-next-8-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-6-0-0-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -14222,61 +14487,11 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-accordion"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-accordion"
           ],
-          "tagName": "sd-6-0-0-next-8-quickfact",
+          "tagName": "sd-6-0-0-quickfact",
           "customElement": true,
-          "cssProperties": [
-            {
-              "description": "The accordion border width.",
-              "name": "--sd-accordion-border-width",
-              "inheritedFrom": {
-                "name": "SdAccordion",
-                "module": "src/components/accordion/accordion.ts"
-              }
-            },
-            {
-              "description": "The accordion background color.",
-              "name": "--sd-accordion-color-background",
-              "inheritedFrom": {
-                "name": "SdAccordion",
-                "module": "src/components/accordion/accordion.ts"
-              }
-            },
-            {
-              "description": "The accordion color text.",
-              "name": "--sd-accordion-color-text",
-              "inheritedFrom": {
-                "name": "SdAccordion",
-                "module": "src/components/accordion/accordion.ts"
-              }
-            },
-            {
-              "description": "The accordion vertical padding value.",
-              "name": "--sd-accordion-padding-block",
-              "inheritedFrom": {
-                "name": "SdAccordion",
-                "module": "src/components/accordion/accordion.ts"
-              }
-            },
-            {
-              "description": "The accordion chevron color.",
-              "name": "--sd-accordion__chevron-color-text",
-              "inheritedFrom": {
-                "name": "SdAccordion",
-                "module": "src/components/accordion/accordion.ts"
-              }
-            },
-            {
-              "description": "The accordion indicator color.",
-              "name": "--sd-accordion__indicator-color",
-              "inheritedFrom": {
-                "name": "SdAccordion",
-                "module": "src/components/accordion/accordion.ts"
-              }
-            }
-          ],
           "events": [
             {
               "description": "Emitted when the accordion opens.",
@@ -14324,7 +14539,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-quickfact",
+          "name": "sd-6-0-0-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -14340,6 +14555,44 @@
           "kind": "class",
           "description": "",
           "name": "SdRadio",
+          "cssProperties": [
+            {
+              "description": "The background color for checked radios in default state.",
+              "name": "--sd-radio--checked--default-color-background"
+            },
+            {
+              "description": "The icon background color for checked radios in default state.",
+              "name": "--sd-radio--checked--default__icon-color-background"
+            },
+            {
+              "description": "The background color for checked radios in hover state.",
+              "name": "--sd-radio--checked--hover-color-background"
+            },
+            {
+              "description": "The icon background color for checked radios in hover state.",
+              "name": "--sd-radio--checked--hover__icon-color-background"
+            },
+            {
+              "description": "The background color for checked invalid radios in default state.",
+              "name": "--sd-radio--checked--invalid--default-color-background"
+            },
+            {
+              "description": "The icon background color for checked invalid radios in default state.",
+              "name": "--sd-radio--checked--invalid--default__icon-color-background"
+            },
+            {
+              "description": "The icon background color for checked invalid radios in hover state.",
+              "name": "--sd-radio--checked--invalid--hover__icon-color-background"
+            },
+            {
+              "description": "The background color for invalid radios in default state.",
+              "name": "--sd-radio--default--invalid-color-background"
+            },
+            {
+              "description": "The border width for the radio.",
+              "name": "--sd-radio-border-width"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -14589,7 +14842,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-6-0-0-next-8-radio",
+          "tagName": "sd-6-0-0-radio",
           "customElement": true
         }
       ],
@@ -14604,7 +14857,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-radio",
+          "name": "sd-6-0-0-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -14632,6 +14885,14 @@
             {
               "description": "The background color of radio-button on hover when checked.",
               "name": "--sd-button--primary--hover-color-background"
+            },
+            {
+              "description": "The border radius of the radio-button.",
+              "name": "--sd-radio-button-border-radius"
+            },
+            {
+              "description": "The text color of the radio-button.",
+              "name": "--sd-radio-button-color-text"
             }
           ],
           "cssParts": [
@@ -14886,7 +15147,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-6-0-0-next-8-radio-button",
+          "tagName": "sd-6-0-0-radio-button",
           "customElement": true
         }
       ],
@@ -14901,7 +15162,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-radio-button",
+          "name": "sd-6-0-0-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -14917,6 +15178,20 @@
           "kind": "class",
           "description": "",
           "name": "SdRadioGroup",
+          "cssProperties": [
+            {
+              "description": "The border radius for radio button groups.",
+              "name": "--sd-radio-button-group-border-radius"
+            },
+            {
+              "description": "The border width for radio button groups.",
+              "name": "--sd-radio-button-group-border-width"
+            },
+            {
+              "description": "The padding for radio button groups.",
+              "name": "--sd-radio-button-group-padding"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and error text.",
@@ -14941,7 +15216,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-6-0-0-next-8-radio>` or `<sd-6-0-0-next-8-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-6-0-0-radio>` or `<sd-6-0-0-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -14953,7 +15228,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-6-0-0-next-8-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-6-0-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -15013,17 +15288,6 @@
               "attribute": "help-text",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "boldLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
-              "attribute": "boldLabel",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "name",
@@ -15195,7 +15459,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -15248,15 +15512,6 @@
               "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
               "fieldName": "helpText"
             },
-            {
-              "name": "boldLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
-              "fieldName": "boldLabel"
-            },
             {
               "name": "name",
               "type": {
@@ -15318,9 +15573,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-6-0-0-next-8-button-group"
+            "sd-6-0-0-button-group"
           ],
-          "tagName": "sd-6-0-0-next-8-radio-group",
+          "tagName": "sd-6-0-0-radio-group",
           "customElement": true
         }
       ],
@@ -15335,7 +15590,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-radio-group",
+          "name": "sd-6-0-0-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -15701,7 +15956,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             },
             {
               "description": "Emitted when the user moves a thumb, either via touch or keyboard. Use `Event.preventDefault()` to prevent movement.",
@@ -15837,9 +16092,9 @@
           "status": "experimental",
           "since": "5.9",
           "dependencies": [
-            "sd-6-0-0-next-8-tooltip"
+            "sd-6-0-0-tooltip"
           ],
-          "tagName": "sd-6-0-0-next-8-range",
+          "tagName": "sd-6-0-0-range",
           "customElement": true
         }
       ],
@@ -15854,7 +16109,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-range",
+          "name": "sd-6-0-0-range",
           "declaration": {
             "name": "SdRange",
             "module": "components/range/range.js"
@@ -15974,6 +16229,12 @@
           "kind": "class",
           "description": "",
           "name": "SdRangeTick",
+          "cssProperties": [
+            {
+              "description": "The text color for range scale ticks.",
+              "name": "--sd-range-scale-ticks-color-text"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -16133,7 +16394,7 @@
           "summary": "Ticks visually improve positioning on range sliders.",
           "status": "experimental",
           "since": "5.9",
-          "tagName": "sd-6-0-0-next-8-range-tick",
+          "tagName": "sd-6-0-0-range-tick",
           "customElement": true
         }
       ],
@@ -16148,7 +16409,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-range-tick",
+          "name": "sd-6-0-0-range-tick",
           "declaration": {
             "name": "SdRangeTick",
             "module": "components/range-tick/range-tick.js"
@@ -16513,9 +16774,9 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-scrollable",
+          "tagName": "sd-6-0-0-scrollable",
           "customElement": true
         }
       ],
@@ -16530,7 +16791,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-scrollable",
+          "name": "sd-6-0-0-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -16550,6 +16811,14 @@
             {
               "description": "Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\"",
               "name": "--tag-max-width"
+            },
+            {
+              "description": "The background color for form controls in invalid state.",
+              "name": "--sd-form-control--invalid-color-background"
+            },
+            {
+              "description": "The text color for form controls.",
+              "name": "--sd-form-control-color-text"
             }
           ],
           "cssParts": [
@@ -16612,7 +16881,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-6-0-0-next-8-option>` elements. You can use `<sd-6-0-0-next-8-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-6-0-0-option>` elements. You can use `<sd-6-0-0-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -16632,7 +16901,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-6-0-0-next-8-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-6-0-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -16794,7 +17063,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-6-0-0-next-8-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-6-0-0-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -16852,6 +17121,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "floatingLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "attribute": "floating-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "styleOnValid",
@@ -17038,7 +17318,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -17175,7 +17455,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-6-0-0-next-8-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-6-0-0-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -17223,6 +17503,15 @@
               "description": "The select's required attribute.",
               "fieldName": "required"
             },
+            {
+              "name": "floating-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "fieldName": "floatingLabel"
+            },
             {
               "name": "style-on-valid",
               "type": {
@@ -17282,11 +17571,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-popup",
-            "sd-6-0-0-next-8-tag"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-popup",
+            "sd-6-0-0-tag"
           ],
-          "tagName": "sd-6-0-0-next-8-select",
+          "tagName": "sd-6-0-0-select",
           "customElement": true
         }
       ],
@@ -17301,7 +17590,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-select",
+          "name": "sd-6-0-0-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -17309,6 +17598,183 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/skeleton/skeleton.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdSkeleton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The skeleton's content. When provided, adapts to the content's dimensions. When empty, displays according to the variant property.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'rectangular' | 'circular'"
+              },
+              "default": "'rectangular'",
+              "description": "The shape variant when used without slotted content.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "attribute": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "attribute": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'rectangular' | 'circular'"
+              },
+              "default": "'rectangular'",
+              "description": "The shape variant when used without slotted content.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element"
+          },
+          "summary": "Skeleton loaders are used as placeholder previews of content before data gets loaded.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/skeleton",
+          "status": "stable",
+          "since": "5.17.0",
+          "tagName": "sd-6-0-0-skeleton",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-6-0-0-skeleton",
+          "declaration": {
+            "name": "SdSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/spinner/spinner.js",
@@ -17457,7 +17923,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-spinner",
+          "tagName": "sd-6-0-0-spinner",
           "customElement": true
         }
       ],
@@ -17472,7 +17938,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-spinner",
+          "name": "sd-6-0-0-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -17488,6 +17954,16 @@
           "kind": "class",
           "description": "",
           "name": "SdStep",
+          "cssProperties": [
+            {
+              "description": "The border width of the step circle.",
+              "name": "--sd-step__circle-border-width"
+            },
+            {
+              "description": "The border width of the step tail.",
+              "name": "--sd-step__tail-border-width"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -17897,10 +18373,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon",
-            "sd-6-0-0-next-8-divider"
+            "sd-6-0-0-icon",
+            "sd-6-0-0-divider"
           ],
-          "tagName": "sd-6-0-0-next-8-step",
+          "tagName": "sd-6-0-0-step",
           "customElement": true
         }
       ],
@@ -17915,7 +18391,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-step",
+          "name": "sd-6-0-0-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -17943,7 +18419,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-6-0-0-next-8-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-6-0-0-step>` elements.",
               "name": ""
             }
           ],
@@ -18175,7 +18651,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-6-0-0-next-8-step-group",
+          "tagName": "sd-6-0-0-step-group",
           "customElement": true
         }
       ],
@@ -18190,7 +18666,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-step-group",
+          "name": "sd-6-0-0-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -18206,6 +18682,24 @@
           "kind": "class",
           "description": "",
           "name": "SdSwitch",
+          "cssProperties": [
+            {
+              "description": "The background color for the switch in checked hover state.",
+              "name": "--sd-switch--checked--hover-color-background"
+            },
+            {
+              "description": "The border color for the switch in unchecked state.",
+              "name": "--sd-switch--unchecked-color-border"
+            },
+            {
+              "description": "The icon background color for the switch in unchecked state.",
+              "name": "--sd-switch--unchecked__icon-color-background"
+            },
+            {
+              "description": "The text color for the switch label.",
+              "name": "--sd-switch-color-text"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -18238,7 +18732,7 @@
               "name": ""
             },
             {
-              "description": "An optional tooltip that helps describe the switch. Use this slot with the `sd-6-0-0-next-8-tooltip` component.",
+              "description": "An optional tooltip that helps describe the switch. Use this slot with the `sd-6-0-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -18484,7 +18978,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             }
           ],
           "attributes": [
@@ -18583,7 +19077,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-6-0-0-next-8-switch",
+          "tagName": "sd-6-0-0-switch",
           "customElement": true
         }
       ],
@@ -18598,7 +19092,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-switch",
+          "name": "sd-6-0-0-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -18626,6 +19120,14 @@
             {
               "description": "The tab current indicator border radius value.",
               "name": "--sd-navigable__current-indicator-border-radius:"
+            },
+            {
+              "description": "The background color when on hover state.",
+              "name": "--sd-color-background"
+            },
+            {
+              "description": "The border color for the tab.",
+              "name": "--sd-tab-color-border"
             }
           ],
           "cssParts": [
@@ -18892,9 +19394,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-6-0-0-next-8-button"
+            "sd-6-0-0-button"
           ],
-          "tagName": "sd-6-0-0-next-8-tab",
+          "tagName": "sd-6-0-0-tab",
           "customElement": true
         }
       ],
@@ -18909,7 +19411,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-tab",
+          "name": "sd-6-0-0-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -18975,11 +19477,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-6-0-0-next-8-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-6-0-0-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-6-0-0-next-8-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-6-0-0-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -19099,14 +19601,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-6-0-0-next-8-tab-show"
+              "name": "sd-6-0-0-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-6-0-0-next-8-tab-hide"
+              "name": "sd-6-0-0-tab-hide"
             }
           ],
           "attributes": [
@@ -19153,9 +19655,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-6-0-0-next-8-tab"
+            "sd-6-0-0-tab"
           ],
-          "tagName": "sd-6-0-0-next-8-tab-group",
+          "tagName": "sd-6-0-0-tab-group",
           "customElement": true
         }
       ],
@@ -19170,7 +19672,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-tab-group",
+          "name": "sd-6-0-0-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -19358,7 +19860,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-6-0-0-next-8-tab-panel",
+          "tagName": "sd-6-0-0-tab-panel",
           "customElement": true
         }
       ],
@@ -19373,7 +19875,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-tab-panel",
+          "name": "sd-6-0-0-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -19390,6 +19892,22 @@
           "description": "",
           "name": "SdTag",
           "cssProperties": [
+            {
+              "description": "The default text color for tags in their default state.",
+              "name": "--sd-tag--default-color-text"
+            },
+            {
+              "description": "The default color background for tags in their default state.",
+              "name": "--sd-tag--default-color-background"
+            },
+            {
+              "description": "The default color border for tags in their default state.",
+              "name": "--sd-tag--default-color-border"
+            },
+            {
+              "description": "The background color for tags in default state on hover.",
+              "name": "--sd-tag--default--hover-color-background"
+            },
             {
               "description": "The default background color for selected tags.",
               "name": "--sd-tag--selected--default-color-background"
@@ -19397,6 +19915,46 @@
             {
               "description": "The default text color for selected tags.",
               "name": "--sd-tag--selected--default-color-text"
+            },
+            {
+              "description": "The border color for selected tags in default state.",
+              "name": "--sd-tag--selected--default-color-border"
+            },
+            {
+              "description": "The background color for selected tags in hover state.",
+              "name": "--sd-tag--selected--hover-color-background"
+            },
+            {
+              "description": "The border color for selected tags in hover state.",
+              "name": "--sd-tag--selected--hover-color-border"
+            },
+            {
+              "description": "The text color for selected tags in hover state.",
+              "name": "--sd-tag--selected--hover-color-text"
+            },
+            {
+              "description": "The border width for selected tags.",
+              "name": "--sd-tag--selected-border-width"
+            },
+            {
+              "description": "The border color for disabled tags.",
+              "name": "--sd-tag--disabled-color-border"
+            },
+            {
+              "description": "The border radius for tags.",
+              "name": "--sd-tag-border-radius"
+            },
+            {
+              "description": "The font size for large tags.",
+              "name": "--sd-tag--size-lg-font-size"
+            },
+            {
+              "description": "The font size for small tags.",
+              "name": "--sd-tag--size-sm-font-size"
+            },
+            {
+              "description": "The font weight for tags.",
+              "name": "--sd-tag-font-weight"
             }
           ],
           "cssParts": [
@@ -19411,6 +19969,10 @@
             {
               "description": "The tag's removability indicator.",
               "name": "removable-indicator"
+            },
+            {
+              "description": "The container that wraps the left icon area.",
+              "name": "icon-left"
             }
           ],
           "slots": [
@@ -19418,6 +19980,10 @@
               "description": "The tag's content.",
               "name": ""
             },
+            {
+              "description": "A prefix icon or similar element.",
+              "name": "icon-left"
+            },
             {
               "description": "The tag's removability indicator.",
               "name": "removable-indicator"
@@ -19746,9 +20312,9 @@
           "status": "stable",
           "since": "1.10",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-tag",
+          "tagName": "sd-6-0-0-tag",
           "customElement": true
         }
       ],
@@ -19763,7 +20329,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-tag",
+          "name": "sd-6-0-0-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -19787,6 +20353,18 @@
             {
               "description": "The distribution ratio of the content.",
               "name": "--distribution-content"
+            },
+            {
+              "description": "The background color for neutral‑100 teasers.",
+              "name": "--sd-teaser--neutral-100-color-background"
+            },
+            {
+              "description": "The border color for neutral‑400 teasers.",
+              "name": "--sd-teaser--neutral-400-color-border"
+            },
+            {
+              "description": "The background color for primary‑100 teasers.",
+              "name": "--sd-teaser--primary-100-color-background"
             }
           ],
           "cssParts": [
@@ -20027,7 +20605,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-6-0-0-next-8-teaser",
+          "tagName": "sd-6-0-0-teaser",
           "customElement": true
         }
       ],
@@ -20042,7 +20620,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-teaser",
+          "name": "sd-6-0-0-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -20058,6 +20636,24 @@
           "kind": "class",
           "description": "",
           "name": "SdTeaserMedia",
+          "cssProperties": [
+            {
+              "description": "The background color for neutral‑100 teaser media in hover state.",
+              "name": "--sd-teaser-media--neutral-100--hover-color-background"
+            },
+            {
+              "description": "The default background color for neutral‑100 teaser media.",
+              "name": "--sd-teaser-media--neutral-100-color-background"
+            },
+            {
+              "description": "The background color for primary‑100 teaser media in hover state.",
+              "name": "--sd-teaser-media--primary-100--hover-color-background"
+            },
+            {
+              "description": "The default background color for primary‑100 teaser media.",
+              "name": "--sd-teaser-media--primary-100-color-background"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -20244,7 +20840,7 @@
           "documentation": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-teaser-media--docs",
           "status": "stable",
           "since": "2.4.0",
-          "tagName": "sd-6-0-0-next-8-teaser-media",
+          "tagName": "sd-6-0-0-teaser-media",
           "customElement": true
         }
       ],
@@ -20259,7 +20855,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-teaser-media",
+          "name": "sd-6-0-0-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -20275,6 +20871,16 @@
           "kind": "class",
           "description": "",
           "name": "SdTextarea",
+          "cssProperties": [
+            {
+              "description": "The background color for form controls in invalid state.",
+              "name": "--sd-form-control--invalid-color-background"
+            },
+            {
+              "description": "The text color for form controls.",
+              "name": "--sd-form-control-color-text"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -20315,7 +20921,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-6-0-0-next-8-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-6-0-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -20462,6 +21068,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "floatingLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "attribute": "floating-label",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "minlength",
@@ -20814,7 +21431,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-6-0-0-next-8-input"
+              "name": "sd-6-0-0-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -20939,6 +21556,15 @@
               "description": "Makes the textarea a required field.",
               "fieldName": "required"
             },
+            {
+              "name": "floating-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables the floating label behavior for the input.",
+              "fieldName": "floatingLabel"
+            },
             {
               "name": "minlength",
               "type": {
@@ -21054,9 +21680,9 @@
           "status": "stable",
           "since": "1.31.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-textarea",
+          "tagName": "sd-6-0-0-textarea",
           "customElement": true
         }
       ],
@@ -21071,7 +21697,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-textarea",
+          "name": "sd-6-0-0-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -21180,7 +21806,7 @@
           "summary": "Theme listener is a utility that listens to theme changes and triggers an event.",
           "status": "experimental",
           "since": "1.0",
-          "tagName": "sd-6-0-0-next-8-theme-listener",
+          "tagName": "sd-6-0-0-theme-listener",
           "customElement": true,
           "attributes": [
             {
@@ -21221,7 +21847,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-theme-listener",
+          "name": "sd-6-0-0-theme-listener",
           "declaration": {
             "name": "SdThemeListener",
             "module": "components/theme-listener/theme-listener.js"
@@ -21249,11 +21875,19 @@
             {
               "description": "The amount of time to wait before showing the tooltip when hovering.",
               "name": "--show-delay"
+            },
+            {
+              "description": "The background color for the tooltip.",
+              "name": "--sd-tooltip-color-background"
+            },
+            {
+              "description": "The text color for the tooltip.",
+              "name": "--sd-tooltip-color-text"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-6-0-0-next-8-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-6-0-0-popup>` element.",
               "name": "base"
             },
             {
@@ -21579,8 +22213,8 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-6-0-0-next-8-popup",
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-popup",
+            "sd-6-0-0-icon"
           ],
           "animations": [
             {
@@ -21592,7 +22226,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-6-0-0-next-8-tooltip",
+          "tagName": "sd-6-0-0-tooltip",
           "customElement": true
         }
       ],
@@ -21607,7 +22241,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-tooltip",
+          "name": "sd-6-0-0-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -21623,6 +22257,16 @@
           "kind": "class",
           "description": "",
           "name": "SdVideo",
+          "cssProperties": [
+            {
+              "description": "The background color for the video play button.",
+              "name": "--sd-video--play-button-color-background"
+            },
+            {
+              "description": "The icon fill color for the video play button.",
+              "name": "--sd-video--play-button-color-icon-fill"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -21820,9 +22464,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-6-0-0-next-8-icon"
+            "sd-6-0-0-icon"
           ],
-          "tagName": "sd-6-0-0-next-8-video",
+          "tagName": "sd-6-0-0-video",
           "customElement": true
         }
       ],
@@ -21837,7 +22481,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-6-0-0-next-8-video",
+          "name": "sd-6-0-0-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -21849,7 +22493,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.0.0-next.8",
+    "version": "6.0.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"