npm - @solid-design-system/components - Versions diffs - 4.0.6 → 4.0.7 - Mend

@solid-design-system/components 4.0.6 → 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (255) hide show

package/dist-versioned/custom-elements.json CHANGED Viewed

@@ -50,11 +50,11 @@
               "name": "summary"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -223,7 +223,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
           "animations": [
             {
@@ -235,7 +235,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-4-0-6-accordion",
+          "tagName": "sd-4-0-7-accordion",
           "customElement": true
         }
       ],
@@ -250,7 +250,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-accordion",
+          "name": "sd-4-0-7-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -274,7 +274,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-0-6-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-4-0-7-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -384,9 +384,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-0-6-accordion"
+            "sd-4-0-7-accordion"
           ],
-          "tagName": "sd-4-0-6-accordion-group",
+          "tagName": "sd-4-0-7-accordion-group",
           "customElement": true
         }
       ],
@@ -401,7 +401,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-accordion-group",
+          "name": "sd-4-0-7-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -419,7 +419,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-4-0-6-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-4-0-7-animation>` elements.",
               "name": ""
             }
           ],
@@ -760,7 +760,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-animation",
+          "tagName": "sd-4-0-7-animation",
           "customElement": true
         }
       ],
@@ -775,7 +775,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-animation",
+          "name": "sd-4-0-7-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1156,9 +1156,9 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-audio",
+          "tagName": "sd-4-0-7-audio",
           "customElement": true
         }
       ],
@@ -1173,7 +1173,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-audio",
+          "name": "sd-4-0-7-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1546,7 +1546,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-4-0-6-badge",
+          "tagName": "sd-4-0-7-badge",
           "customElement": true
         }
       ],
@@ -1561,7 +1561,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-badge",
+          "name": "sd-4-0-7-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1737,7 +1737,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-4-0-6-brandshape",
+          "tagName": "sd-4-0-7-brandshape",
           "customElement": true
         }
       ],
@@ -1752,7 +1752,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-brandshape",
+          "name": "sd-4-0-7-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -2299,10 +2299,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-0-6-icon",
-            "sd-4-0-6-spinner"
+            "sd-4-0-7-icon",
+            "sd-4-0-7-spinner"
           ],
-          "tagName": "sd-4-0-6-button",
+          "tagName": "sd-4-0-7-button",
           "customElement": true
         }
       ],
@@ -2317,7 +2317,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-button",
+          "name": "sd-4-0-7-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -2341,7 +2341,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-4-0-6-button>` elements to display in the button group.",
+              "description": "One or more `<sd-4-0-7-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -2458,7 +2458,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-button-group",
+          "tagName": "sd-4-0-7-button-group",
           "customElement": true
         }
       ],
@@ -2473,7 +2473,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-button-group",
+          "name": "sd-4-0-7-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -2598,23 +2598,23 @@
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-4-0-6-carousel-item>` elements.",
+              "description": "The carousel's main content, one or more `<sd-4-0-7-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "next-icon"
             },
             {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "previous-icon"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "autoplay-start"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "autoplay-pause"
             }
           ],
@@ -2901,9 +2901,9 @@
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-carousel",
+          "tagName": "sd-4-0-7-carousel",
           "customElement": true
         }
       ],
@@ -2918,7 +2918,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-carousel",
+          "name": "sd-4-0-7-carousel",
           "declaration": {
             "name": "SdCarousel",
             "module": "components/carousel/carousel.js"
@@ -3071,7 +3071,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-4-0-6-carousel-item",
+          "tagName": "sd-4-0-7-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -3112,7 +3112,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-carousel-item",
+          "name": "sd-4-0-7-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -3146,11 +3146,11 @@
               "name": "control--indeterminate"
             },
             {
-              "description": "The checked icon, an `<sd-4-0-6-icon>` element.",
+              "description": "The checked icon, an `<sd-4-0-7-icon>` element.",
               "name": "checked-icon"
             },
             {
-              "description": "The indeterminate icon, an `<sd-4-0-6-icon>` element.",
+              "description": "The indeterminate icon, an `<sd-4-0-7-icon>` element.",
               "name": "indeterminate-icon"
             },
             {
@@ -3397,7 +3397,7 @@
             },
             {
               "description": "Emitted when the checkbox receives input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             }
           ],
           "attributes": [
@@ -3514,9 +3514,9 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-checkbox",
+          "tagName": "sd-4-0-7-checkbox",
           "customElement": true
         }
       ],
@@ -3531,7 +3531,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-checkbox",
+          "name": "sd-4-0-7-checkbox",
           "declaration": {
             "name": "SdCheckbox",
             "module": "components/checkbox/checkbox.js"
@@ -3549,7 +3549,7 @@
           "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The default slot where `<sd-4-0-6-checkbox>` elements are placed.",
+              "description": "The default slot where `<sd-4-0-7-checkbox>` elements are placed.",
               "name": ""
             },
             {
@@ -3557,7 +3557,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-0-6-tooltip` component.",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-0-7-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -3706,7 +3706,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "tagName": "sd-4-0-6-checkbox-group",
+          "tagName": "sd-4-0-7-checkbox-group",
           "customElement": true
         }
       ],
@@ -3721,7 +3721,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-checkbox-group",
+          "name": "sd-4-0-7-checkbox-group",
           "declaration": {
             "name": "SdCheckboxGroup",
             "module": "components/checkbox-group/checkbox-group.js"
@@ -3795,7 +3795,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-0-6-option>` elements. You can use `<sd-4-0-6-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-0-7-option>` elements. You can use `<sd-4-0-7-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -3831,7 +3831,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-6-icon': SdIcon, 'sd-4-0-6-popup': SdPopup, 'sd-4-0-6-tag': SdTag }"
+              "default": "{ 'sd-4-0-7-icon': SdIcon, 'sd-4-0-7-popup': SdPopup, 'sd-4-0-7-tag': SdTag }"
             },
             {
               "kind": "field",
@@ -4070,7 +4070,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-0-6-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-0-7-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -4250,7 +4250,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -4436,7 +4436,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-0-6-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-0-7-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -4522,10 +4522,10 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-0-6-icon",
-            "sd-4-0-6-popup"
+            "sd-4-0-7-icon",
+            "sd-4-0-7-popup"
           ],
-          "tagName": "sd-4-0-6-combobox",
+          "tagName": "sd-4-0-7-combobox",
           "customElement": true
         }
       ],
@@ -4540,7 +4540,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-combobox",
+          "name": "sd-4-0-7-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -4663,7 +4663,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-4-0-6-optgroup"
+          "description": "Check if an item is a sd-4-0-7-optgroup"
         },
         {
           "kind": "function",
@@ -4810,7 +4810,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-0-6-button>`.",
+              "description": "The close button, an `<sd-4-0-7-button>`.",
               "name": "close-button"
             },
             {
@@ -4836,7 +4836,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-4-0-6-button>` and `<sd-4-0-6-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-4-0-7-button>` and `<sd-4-0-7-icon>`.",
               "name": "close-button"
             }
           ],
@@ -5032,8 +5032,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-4-0-6-button",
-            "sd-4-0-6-icon"
+            "sd-4-0-7-button",
+            "sd-4-0-7-icon"
           ],
           "animations": [
             {
@@ -5057,7 +5057,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-4-0-6-dialog",
+          "tagName": "sd-4-0-7-dialog",
           "customElement": true
         }
       ],
@@ -5072,7 +5072,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-dialog",
+          "name": "sd-4-0-7-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -5220,7 +5220,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-divider",
+          "tagName": "sd-4-0-7-divider",
           "customElement": true
         }
       ],
@@ -5235,7 +5235,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-divider",
+          "name": "sd-4-0-7-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -5279,7 +5279,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-0-6-button>`.",
+              "description": "The close button, an `<sd-4-0-7-button>`.",
               "name": "close-button"
             },
             {
@@ -5536,7 +5536,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-4-0-6-button"
+            "sd-4-0-7-button"
           ],
           "animations": [
             {
@@ -5568,7 +5568,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-4-0-6-drawer",
+          "tagName": "sd-4-0-7-drawer",
           "customElement": true
         }
       ],
@@ -5583,7 +5583,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-drawer",
+          "name": "sd-4-0-7-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -5593,104 +5593,181 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/expandable/expandable.js",
+      "path": "components/dropdown/dropdown.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdExpandable",
-          "cssProperties": [
+          "name": "SdDropdown",
+          "cssParts": [
             {
-              "description": "Start color of the gradient. Set the opacity to 0 (default: rgba(255, 255, 255, 0))",
-              "name": "--gradient-color-start"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "End color of the gradient. Set the opacity to 1 (default: rgba(255, 255, 255, 1))",
-              "name": "--gradient-color-end"
+              "description": "The container that wraps the trigger.",
+              "name": "trigger"
             },
             {
-              "description": "Height of the gradient (default: 24px)",
-              "name": "--gradient-height"
+              "description": "The panel that gets shown when the dropdown is open.",
+              "name": "panel"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The dropdown's main content.",
+              "name": ""
             },
             {
-              "description": "Different value for initial visible block (default: 90px)",
-              "name": "--component-expandable-max-block-size"
+              "description": "The dropdown's trigger, usually a `<sd-4-0-7-button>` element.",
+              "name": "trigger"
             }
           ],
-          "cssParts": [
+          "members": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "SdPopup"
+              }
             },
             {
-              "description": "The content of the expandable.",
-              "name": "content"
+              "kind": "field",
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
             },
             {
-              "description": "The toggle button of the expandable.",
-              "name": "toggle"
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
-              "description": "The summary of the expandable.",
-              "name": "summary"
+              "kind": "field",
+              "name": "rounded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the dropdown should be styled with rounded corners.",
+              "attribute": "rounded",
+              "reflects": true
             },
             {
-              "description": "The details element of the expandable.",
-              "name": "details"
-            }
-          ],
-          "slots": [
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              },
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
+            },
             {
-              "description": "Content of the expandable",
-              "name": ""
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the dropdown so the panel will not open.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "description": "Content of the toggle button when the expandable is open",
-              "name": "toggle-open"
+              "kind": "field",
+              "name": "stayOpenOnSelect",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
+              "attribute": "stay-open-on-select",
+              "reflects": true
             },
             {
-              "description": "Content of the toggle button when the expandable is closed",
-              "name": "toggle-closed"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel away from its trigger. This defaults to `0` for `rounded=false` and to a minimum of `1` for `rounded=true`.",
+              "attribute": "distance"
+            },
             {
               "kind": "field",
-              "name": "open",
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel along its trigger.",
+              "attribute": "skidding"
+            },
+            {
+              "kind": "field",
+              "name": "noAutoSize",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Used to check whether the component is expanded or not.",
-              "attribute": "open",
+              "description": "Indicates whether or not the dropdown should automatically resize its content's width/height regarding the available space on screen.",
+              "attribute": "no-auto-size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "noFlip",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Inverts the expandable and sets the color of the gradient to primary.",
-              "attribute": "inverted",
+              "description": "When set to true, the placement of the dropdown will not flip to the opposite site to keep it in view.",
+              "attribute": "no-flip",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "attribute": "hoist"
+            },
+            {
+              "kind": "method",
+              "name": "getAccessibleTrigger",
+              "return": {
+                "type": {
+                  "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-4-0-7-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",
               "name": "show",
-              "description": "Opens the expandable"
+              "description": "Shows the dropdown panel."
             },
             {
               "kind": "method",
               "name": "hide",
-              "description": "Closes the expandable"
+              "description": "Hides the dropdown panel"
+            },
+            {
+              "kind": "method",
+              "name": "reposition",
+              "description": "Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated."
             },
             {
               "kind": "field",
@@ -5745,19 +5822,19 @@
           ],
           "events": [
             {
-              "description": "Emitted when the expandable opens.",
+              "description": "Emitted when the dropdown opens.",
               "name": "sd-show"
             },
             {
-              "description": "Emitted after the expandable opens and all animations are complete.",
+              "description": "Emitted after the dropdown opens and all animations are complete.",
               "name": "sd-after-show"
             },
             {
-              "description": "Emitted when the expandable closes.",
+              "description": "Emitted when the dropdown closes.",
               "name": "sd-hide"
             },
             {
-              "description": "Emitted after the expandable closes and all animations are complete.",
+              "description": "Emitted after the dropdown closes and all animations are complete.",
               "name": "sd-after-hide"
             }
           ],
@@ -5768,17 +5845,89 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Used to check whether the component is expanded or not.",
+              "description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
               "fieldName": "open"
             },
             {
-              "name": "inverted",
+              "name": "rounded",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Inverts the expandable and sets the color of the gradient to primary.",
-              "fieldName": "inverted"
+              "description": "Indicates whether or not the dropdown should be styled with rounded corners.",
+              "fieldName": "rounded"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              },
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the dropdown so the panel will not open.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "stay-open-on-select",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
+              "fieldName": "stayOpenOnSelect"
+            },
+            {
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel away from its trigger. This defaults to `0` for `rounded=false` and to a minimum of `1` for `rounded=true`.",
+              "fieldName": "distance"
+            },
+            {
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel along its trigger.",
+              "fieldName": "skidding"
+            },
+            {
+              "name": "no-auto-size",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the dropdown should automatically resize its content's width/height regarding the available space on screen.",
+              "fieldName": "noAutoSize"
+            },
+            {
+              "name": "no-flip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to true, the placement of the dropdown will not flip to the opposite site to keep it in view.",
+              "fieldName": "noFlip"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "fieldName": "hoist"
             },
             {
               "name": "dir",
@@ -5809,14 +5958,24 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Expandable shows a brief summary and expands to show additional content.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/expandable",
-          "status": "stable",
-          "since": "3.11.0",
+          "summary": "Dropdowns expose additional content that \"drops down\" in a panel.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/dropdown",
+          "status": "stable",
+          "since": "1.8",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-popup"
+          ],
+          "animations": [
+            {
+              "name": "dropdown.show",
+              "description": "The animation to use when showing the dropdown."
+            },
+            {
+              "name": "dropdown.hide",
+              "description": "The animation to use when hiding the dropdown."
+            }
           ],
-          "tagName": "sd-4-0-6-expandable",
+          "tagName": "sd-4-0-7-dropdown",
           "customElement": true
         }
       ],
@@ -5825,36 +5984,44 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdExpandable",
-            "module": "components/expandable/expandable.js"
+            "name": "SdDropdown",
+            "module": "components/dropdown/dropdown.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-expandable",
+          "name": "sd-4-0-7-dropdown",
           "declaration": {
-            "name": "SdExpandable",
-            "module": "components/expandable/expandable.js"
+            "name": "SdDropdown",
+            "module": "components/dropdown/dropdown.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/flipcard/flipcard.js",
+      "path": "components/expandable/expandable.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdFlipcard",
+          "name": "SdExpandable",
           "cssProperties": [
             {
-              "description": "Description of the flipcard.",
-              "name": "--name"
+              "description": "Start color of the gradient. Set the opacity to 0 (default: rgba(255, 255, 255, 0))",
+              "name": "--gradient-color-start"
             },
             {
-              "description": "Use this property to set the height of the flipcard.",
-              "name": "--height"
+              "description": "End color of the gradient. Set the opacity to 1 (default: rgba(255, 255, 255, 1))",
+              "name": "--gradient-color-end"
+            },
+            {
+              "description": "Height of the gradient (default: 24px)",
+              "name": "--gradient-height"
+            },
+            {
+              "description": "Different value for initial visible block (default: 90px)",
+              "name": "--component-expandable-max-block-size"
             }
           ],
           "cssParts": [
@@ -5863,124 +6030,74 @@
               "name": "base"
             },
             {
-              "description": "The container that wraps the front-side of the flipcard.",
-              "name": "front"
-            },
-            {
-              "description": "The container that wraps the back-side of the flipcard.",
-              "name": "back"
-            },
-            {
-              "description": "The button that flips the flipcard to the back.",
-              "name": "front-button"
-            },
-            {
-              "description": "The button that flips the flipcard to the front.",
-              "name": "back-button"
-            },
-            {
-              "description": "The container that wraps the front side and the flip button.",
-              "name": "front-interactive-container"
-            },
-            {
-              "description": "The container that wraps the back side and the flip button.",
-              "name": "back-interactive-container"
-            },
-            {
-              "description": "The container that wraps the front slot.",
-              "name": "front-slot-container"
-            },
-            {
-              "description": "The container that wraps the back slot.",
-              "name": "back-slot-container"
-            },
-            {
-              "description": "The container that wraps the media-front slot.",
-              "name": "media-front"
+              "description": "The content of the expandable.",
+              "name": "content"
             },
             {
-              "description": "The container that wraps the media-back slot.",
-              "name": "media-back"
+              "description": "The toggle button of the expandable.",
+              "name": "toggle"
             },
             {
-              "description": "The container that wraps the secondary gradient of the front side.",
-              "name": "front-secondary-gradient"
+              "description": "The summary of the expandable.",
+              "name": "summary"
             },
             {
-              "description": "The container that wraps the secondary gradient of the back side.",
-              "name": "back-secondary-gradient"
+              "description": "The details element of the expandable.",
+              "name": "details"
             }
           ],
           "slots": [
             {
-              "description": "The front face of the flipcard.",
-              "name": "front"
-            },
-            {
-              "description": "The back face of the flipcard.",
-              "name": "back"
+              "description": "Content of the expandable",
+              "name": ""
             },
             {
-              "description": "An optional media slot which can be as a background. Dependent from gradient variant.",
-              "name": "media-front"
+              "description": "Content of the toggle button when the expandable is open",
+              "name": "toggle-open"
             },
             {
-              "description": "An optional media slot which can be as a background. Dependent from gradient variant.",
-              "name": "media-back"
+              "description": "Content of the toggle button when the expandable is closed",
+              "name": "toggle-closed"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "flipDirection",
+              "name": "open",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "boolean"
               },
-              "default": "'horizontal'",
-              "description": "Allows the flipcard to flip vertically or horizontally.",
-              "attribute": "flip-direction",
+              "default": "false",
+              "description": "Used to check whether the component is expanded or not.",
+              "attribute": "open",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "inverted",
               "type": {
-                "text": "'top' | 'bottom'"
+                "text": "boolean"
               },
-              "default": "'top'",
-              "description": "Determines the placement of the contents of the flipcard.",
-              "attribute": "placement",
+              "default": "false",
+              "description": "Inverts the expandable and sets the color of the gradient to primary.",
+              "attribute": "inverted",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "frontVariant",
-              "type": {
-                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
-              },
-              "default": "'primary'",
-              "description": "Determines the variant of the front face of the flipcard.",
-              "attribute": "front-variant",
-              "reflects": true
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
             },
             {
-              "kind": "field",
-              "name": "backVariant",
-              "type": {
-                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
-              },
-              "default": "'primary'",
-              "description": "Determines the variant of the back face of the flipcard.",
-              "attribute": "back-variant",
-              "reflects": true
+              "kind": "method",
+              "name": "show",
+              "description": "Opens the expandable"
             },
             {
-              "kind": "field",
-              "name": "activeSide",
-              "type": {
-                "text": "'front' | 'back'"
-              },
-              "default": "'front'"
+              "kind": "method",
+              "name": "hide",
+              "description": "Closes the expandable"
             },
             {
               "kind": "field",
@@ -6035,50 +6152,40 @@
           ],
           "events": [
             {
-              "description": "Emmited when the front face of the flipcard is clicked.",
-              "name": "sd-flip-front"
+              "description": "Emitted when the expandable opens.",
+              "name": "sd-show"
             },
             {
-              "description": "Emmited when the back face of the flipcard is clicked.",
-              "name": "sd-flip-back"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "flip-direction",
-              "type": {
-                "text": "'horizontal' | 'vertical'"
-              },
-              "default": "'horizontal'",
-              "description": "Allows the flipcard to flip vertically or horizontally.",
-              "fieldName": "flipDirection"
+              "description": "Emitted after the expandable opens and all animations are complete.",
+              "name": "sd-after-show"
             },
             {
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'bottom'"
-              },
-              "default": "'top'",
-              "description": "Determines the placement of the contents of the flipcard.",
-              "fieldName": "placement"
+              "description": "Emitted when the expandable closes.",
+              "name": "sd-hide"
             },
             {
-              "name": "front-variant",
+              "description": "Emitted after the expandable closes and all animations are complete.",
+              "name": "sd-after-hide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
               "type": {
-                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "Determines the variant of the front face of the flipcard.",
-              "fieldName": "frontVariant"
+              "default": "false",
+              "description": "Used to check whether the component is expanded or not.",
+              "fieldName": "open"
             },
             {
-              "name": "back-variant",
+              "name": "inverted",
               "type": {
-                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+                "text": "boolean"
               },
-              "default": "'primary'",
-              "description": "Determines the variant of the back face of the flipcard.",
-              "fieldName": "backVariant"
+              "default": "false",
+              "description": "Inverts the expandable and sets the color of the gradient to primary.",
+              "fieldName": "inverted"
             },
             {
               "name": "dir",
@@ -6109,15 +6216,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/flipcard",
+          "summary": "Expandable shows a brief summary and expands to show additional content.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/expandable",
           "status": "stable",
-          "since": "3.8.0",
+          "since": "3.11.0",
           "dependencies": [
-            "sd-4-0-6-button",
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-flipcard",
+          "tagName": "sd-4-0-7-expandable",
           "customElement": true
         }
       ],
@@ -6126,66 +6232,163 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdFlipcard",
-            "module": "components/flipcard/flipcard.js"
+            "name": "SdExpandable",
+            "module": "components/expandable/expandable.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-flipcard",
+          "name": "sd-4-0-7-expandable",
           "declaration": {
-            "name": "SdFlipcard",
-            "module": "components/flipcard/flipcard.js"
+            "name": "SdExpandable",
+            "module": "components/expandable/expandable.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/header/header.js",
+      "path": "components/flipcard/flipcard.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdHeader",
+          "name": "SdFlipcard",
           "cssProperties": [
             {
-              "description": "width of the header content",
-              "name": "--sd-header-inner-width"
-            },
-            {
-              "description": "max-width of the header content",
-              "name": "--sd-header-inner-max-width"
+              "description": "Description of the flipcard.",
+              "name": "--name"
             },
             {
-              "description": "padding-left and padding-right of the header content",
-              "name": "--sd-header-padding"
+              "description": "Use this property to set the height of the flipcard.",
+              "name": "--height"
             }
           ],
           "cssParts": [
             {
-              "description": "The container that wraps the header's content.",
-              "name": "main"
-            }
-          ],
-          "slots": [
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
             {
-              "description": "The header's default content.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "description": "The container that wraps the front-side of the flipcard.",
+              "name": "front"
+            },
+            {
+              "description": "The container that wraps the back-side of the flipcard.",
+              "name": "back"
+            },
+            {
+              "description": "The button that flips the flipcard to the back.",
+              "name": "front-button"
+            },
+            {
+              "description": "The button that flips the flipcard to the front.",
+              "name": "back-button"
+            },
+            {
+              "description": "The container that wraps the front side and the flip button.",
+              "name": "front-interactive-container"
+            },
+            {
+              "description": "The container that wraps the back side and the flip button.",
+              "name": "back-interactive-container"
+            },
+            {
+              "description": "The container that wraps the front slot.",
+              "name": "front-slot-container"
+            },
+            {
+              "description": "The container that wraps the back slot.",
+              "name": "back-slot-container"
+            },
+            {
+              "description": "The container that wraps the media-front slot.",
+              "name": "media-front"
+            },
+            {
+              "description": "The container that wraps the media-back slot.",
+              "name": "media-back"
+            },
+            {
+              "description": "The container that wraps the secondary gradient of the front side.",
+              "name": "front-secondary-gradient"
+            },
+            {
+              "description": "The container that wraps the secondary gradient of the back side.",
+              "name": "back-secondary-gradient"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The front face of the flipcard.",
+              "name": "front"
+            },
+            {
+              "description": "The back face of the flipcard.",
+              "name": "back"
+            },
+            {
+              "description": "An optional media slot which can be as a background. Dependent from gradient variant.",
+              "name": "media-front"
+            },
+            {
+              "description": "An optional media slot which can be as a background. Dependent from gradient variant.",
+              "name": "media-back"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "fixed",
+              "name": "flipDirection",
               "type": {
-                "text": "boolean"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "false",
-              "description": "Determines whether the header is fixed or not. If the header is fixed at the top of the page, a shadow is shown underneath.",
-              "attribute": "fixed",
+              "default": "'horizontal'",
+              "description": "Allows the flipcard to flip vertically or horizontally.",
+              "attribute": "flip-direction",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'top'",
+              "description": "Determines the placement of the contents of the flipcard.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "frontVariant",
+              "type": {
+                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+              },
+              "default": "'primary'",
+              "description": "Determines the variant of the front face of the flipcard.",
+              "attribute": "front-variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "backVariant",
+              "type": {
+                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+              },
+              "default": "'primary'",
+              "description": "Determines the variant of the back face of the flipcard.",
+              "attribute": "back-variant",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "activeSide",
+              "type": {
+                "text": "'front' | 'back'"
+              },
+              "default": "'front'"
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -6237,15 +6440,52 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "Emmited when the front face of the flipcard is clicked.",
+              "name": "sd-flip-front"
+            },
+            {
+              "description": "Emmited when the back face of the flipcard is clicked.",
+              "name": "sd-flip-back"
+            }
+          ],
           "attributes": [
             {
-              "name": "fixed",
+              "name": "flip-direction",
               "type": {
-                "text": "boolean"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "false",
-              "description": "Determines whether the header is fixed or not. If the header is fixed at the top of the page, a shadow is shown underneath.",
-              "fieldName": "fixed"
+              "default": "'horizontal'",
+              "description": "Allows the flipcard to flip vertically or horizontally.",
+              "fieldName": "flipDirection"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'top'",
+              "description": "Determines the placement of the contents of the flipcard.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "front-variant",
+              "type": {
+                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+              },
+              "default": "'primary'",
+              "description": "Determines the variant of the front face of the flipcard.",
+              "fieldName": "frontVariant"
+            },
+            {
+              "name": "back-variant",
+              "type": {
+                "text": "'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark'"
+              },
+              "default": "'primary'",
+              "description": "Determines the variant of the back face of the flipcard.",
+              "fieldName": "backVariant"
             },
             {
               "name": "dir",
@@ -6276,11 +6516,15 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Header",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/header",
+          "summary": "Flipcard allows for the addition of content/information on both \"sides\" of the card, through means of a flip animation. Used  to add dynamism and interactivity to a page.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/flipcard",
           "status": "stable",
-          "since": "1.25.0",
-          "tagName": "sd-4-0-6-header",
+          "since": "3.8.0",
+          "dependencies": [
+            "sd-4-0-7-button",
+            "sd-4-0-7-icon"
+          ],
+          "tagName": "sd-4-0-7-flipcard",
           "customElement": true
         }
       ],
@@ -6289,78 +6533,64 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdHeader",
-            "module": "components/header/header.js"
+            "name": "SdFlipcard",
+            "module": "components/flipcard/flipcard.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-header",
+          "name": "sd-4-0-7-flipcard",
           "declaration": {
-            "name": "SdHeader",
-            "module": "components/header/header.js"
+            "name": "SdFlipcard",
+            "module": "components/flipcard/flipcard.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/icon/icon.js",
+      "path": "components/header/header.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdIcon",
-          "members": [
+          "name": "SdHeader",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "attribute": "name",
-              "reflects": true
+              "description": "width of the header content",
+              "name": "--sd-header-inner-width"
             },
             {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.",
-              "attribute": "src"
+              "description": "max-width of the header content",
+              "name": "--sd-header-inner-max-width"
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
-              "attribute": "label"
-            },
+              "description": "padding-left and padding-right of the header content",
+              "name": "--sd-header-padding"
+            }
+          ],
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "library",
-              "type": {
-                "text": "string"
-              },
-              "default": "'default'",
-              "description": "The name of a registered custom icon library.",
-              "attribute": "library",
-              "reflects": true
-            },
+              "description": "The container that wraps the header's content.",
+              "name": "main"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The header's default content.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "color",
+              "name": "fixed",
               "type": {
-                "text": "'currentColor' | 'primary' | 'white'"
+                "text": "boolean"
               },
-              "default": "'currentColor'",
-              "description": "The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.",
-              "attribute": "color",
+              "default": "false",
+              "description": "Determines whether the header is fixed or not. If the header is fixed at the top of the page, a shadow is shown underneath.",
+              "attribute": "fixed",
               "reflects": true
             },
             {
@@ -6414,11 +6644,188 @@
               }
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "description": "Emitted when the icon has loaded.",
-              "name": "sd-load"
-            },
+              "name": "fixed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the header is fixed or not. If the header is fixed at the top of the page, a shadow is shown underneath.",
+              "fieldName": "fixed"
+            },
+            {
+              "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": "Header",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/header",
+          "status": "stable",
+          "since": "1.25.0",
+          "tagName": "sd-4-0-7-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdHeader",
+            "module": "components/header/header.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-4-0-7-header",
+          "declaration": {
+            "name": "SdHeader",
+            "module": "components/header/header.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/icon/icon.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdIcon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "library",
+              "type": {
+                "text": "string"
+              },
+              "default": "'default'",
+              "description": "The name of a registered custom icon library.",
+              "attribute": "library",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "'currentColor' | 'primary' | 'white'"
+              },
+              "default": "'currentColor'",
+              "description": "The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.",
+              "attribute": "color",
+              "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"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the icon has loaded.",
+              "name": "sd-load"
+            },
             {
               "description": "Emitted when the icon fails to load due to an error.",
               "name": "sd-error"
@@ -6500,7 +6907,7 @@
           "summary": "Icons are symbols that can be used to represent various options within an application.",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-icon",
+          "tagName": "sd-4-0-7-icon",
           "customElement": true
         }
       ],
@@ -6515,7 +6922,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-icon",
+          "name": "sd-4-0-7-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -6902,7 +7309,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-include",
+          "tagName": "sd-4-0-7-include",
           "customElement": true
         }
       ],
@@ -6917,7 +7324,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-include",
+          "name": "sd-4-0-7-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -7062,7 +7469,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-6-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-7-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -7585,7 +7992,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             }
           ],
           "attributes": [
@@ -7881,9 +8288,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-input",
+          "tagName": "sd-4-0-7-input",
           "customElement": true
         }
       ],
@@ -7898,7 +8305,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-input",
+          "name": "sd-4-0-7-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -8174,7 +8581,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-4-0-6-link",
+          "tagName": "sd-4-0-7-link",
           "customElement": true
         }
       ],
@@ -8189,7 +8596,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-link",
+          "name": "sd-4-0-7-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -8429,7 +8836,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-4-0-6-map-marker",
+          "tagName": "sd-4-0-7-map-marker",
           "customElement": true
         }
       ],
@@ -8444,7 +8851,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-map-marker",
+          "name": "sd-4-0-7-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -8846,9 +9253,9 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-4-0-6-divider"
+            "sd-4-0-7-divider"
           ],
-          "tagName": "sd-4-0-6-navigation-item",
+          "tagName": "sd-4-0-7-navigation-item",
           "customElement": true
         }
       ],
@@ -8863,7 +9270,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-navigation-item",
+          "name": "sd-4-0-7-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -8905,17 +9312,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-4-0-6-icon-button>`.",
+              "description": "The close button, an `<sd-4-0-7-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-4-0-6-notification's main content.",
+              "description": "The sd-4-0-7-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-4-0-6-notification. Works best with `<sd-4-0-6-icon>`.",
+              "description": "An icon to show in the sd-4-0-7-notification. Works best with `<sd-4-0-7-icon>`.",
               "name": "icon"
             }
           ],
@@ -8933,7 +9340,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-0-6-notification's theme.",
+              "description": "The sd-4-0-7-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -8944,7 +9351,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-0-6-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-4-0-7-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
             },
@@ -8963,7 +9370,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-0-6-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-4-0-7-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"
             },
             {
@@ -8984,7 +9391,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-0-6-notification.",
+              "description": "The position of the toasted sd-4-0-7-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -9079,7 +9486,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-0-6-notification's theme.",
+              "description": "The sd-4-0-7-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -9088,7 +9495,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-0-6-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-4-0-7-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"
             },
             {
@@ -9103,7 +9510,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-0-6-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-4-0-7-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"
             },
             {
@@ -9121,7 +9528,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-0-6-notification.",
+              "description": "The position of the toasted sd-4-0-7-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -9158,19 +9565,19 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-0-6-button"
+            "sd-4-0-7-button"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-4-0-6-notification."
+              "description": "The animation to use when showing the sd-4-0-7-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-4-0-6-notification."
+              "description": "The animation to use when hiding the sd-4-0-7-notification."
             }
           ],
-          "tagName": "sd-4-0-6-notification",
+          "tagName": "sd-4-0-7-notification",
           "customElement": true
         }
       ],
@@ -9185,7 +9592,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-notification",
+          "name": "sd-4-0-7-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -9221,13 +9628,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-4-0-6-option> elements.",
+              "description": "The container that wraps the <sd-4-0-7-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-4-0-6-option>` elements.",
+              "description": "The given options. Must be `<sd-4-0-7-option>` elements.",
               "name": ""
             },
             {
@@ -9243,7 +9650,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-6-divider': SdDivider }"
+              "default": "{ 'sd-4-0-7-divider': SdDivider }"
             },
             {
               "kind": "field",
@@ -9365,14 +9772,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-4-0-6-optgroup> element creates a grouping for <sd-4-0-6-option>s within a <sd-4-0-6-combobox>.",
+          "summary": "The <sd-4-0-7-optgroup> element creates a grouping for <sd-4-0-7-option>s within a <sd-4-0-7-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-0-6-divider"
+            "sd-4-0-7-divider"
           ],
-          "tagName": "sd-4-0-6-optgroup",
+          "tagName": "sd-4-0-7-optgroup",
           "customElement": true
         }
       ],
@@ -9387,7 +9794,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-optgroup",
+          "name": "sd-4-0-7-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -9405,7 +9812,7 @@
           "name": "SdOption",
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-4-0-6-icon>` element.",
+              "description": "The checked icon, an `<sd-4-0-7-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -9447,7 +9854,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-0-6-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-0-7-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -9458,7 +9865,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-6-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-7-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -9547,7 +9954,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-0-6-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-0-7-select`.",
               "fieldName": "size"
             },
             {
@@ -9556,7 +9963,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-6-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-7-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -9611,9 +10018,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-option",
+          "tagName": "sd-4-0-7-option",
           "customElement": true
         }
       ],
@@ -9628,7 +10035,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-option",
+          "name": "sd-4-0-7-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -10175,7 +10582,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-4-0-6-popup",
+          "tagName": "sd-4-0-7-popup",
           "customElement": true
         }
       ],
@@ -10190,7 +10597,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-popup",
+          "name": "sd-4-0-7-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -10270,7 +10677,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-4-0-7-icon>`.",
               "name": "icon"
             },
             {
@@ -10290,7 +10697,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10298,7 +10705,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-6-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-7-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10505,9 +10912,9 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-quickfact",
+          "tagName": "sd-4-0-7-quickfact",
           "customElement": true,
           "events": [
             {
@@ -10556,7 +10963,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-quickfact",
+          "name": "sd-4-0-7-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -10773,7 +11180,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-4-0-6-radio",
+          "tagName": "sd-4-0-7-radio",
           "customElement": true
         }
       ],
@@ -10788,7 +11195,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-radio",
+          "name": "sd-4-0-7-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -11008,7 +11415,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-4-0-6-radio-button",
+          "tagName": "sd-4-0-7-radio-button",
           "customElement": true
         }
       ],
@@ -11023,7 +11430,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-radio-button",
+          "name": "sd-4-0-7-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -11063,7 +11470,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-0-6-radio>` or `<sd-4-0-6-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-4-0-7-radio>` or `<sd-4-0-7-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -11071,7 +11478,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-0-6-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-0-7-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11083,7 +11490,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-6-button-group': SdButtonGroup }"
+              "default": "{ 'sd-4-0-7-button-group': SdButtonGroup }"
             },
             {
               "kind": "field",
@@ -11282,7 +11689,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -11396,9 +11803,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-4-0-6-button-group"
+            "sd-4-0-7-button-group"
           ],
-          "tagName": "sd-4-0-6-radio-group",
+          "tagName": "sd-4-0-7-radio-group",
           "customElement": true
         }
       ],
@@ -11413,7 +11820,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-radio-group",
+          "name": "sd-4-0-7-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -11749,7 +12156,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-scrollable",
+          "tagName": "sd-4-0-7-scrollable",
           "customElement": true
         }
       ],
@@ -11764,7 +12171,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-scrollable",
+          "name": "sd-4-0-7-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -11846,7 +12253,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-0-6-option>` elements. You can use `<sd-4-0-6-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-0-7-option>` elements. You can use `<sd-4-0-7-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -11866,7 +12273,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-6-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-7-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11878,7 +12285,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-6-icon': SdIcon, 'sd-4-0-6-popup': SdPopup, 'sd-4-0-6-tag': SdTag }"
+              "default": "{ 'sd-4-0-7-icon': SdIcon, 'sd-4-0-7-popup': SdPopup, 'sd-4-0-7-tag': SdTag }"
             },
             {
               "kind": "field",
@@ -12021,7 +12428,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-0-6-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-0-7-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -12234,7 +12641,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -12362,7 +12769,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-0-6-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-0-7-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -12469,11 +12876,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-0-6-icon",
-            "sd-4-0-6-popup",
-            "sd-4-0-6-tag"
+            "sd-4-0-7-icon",
+            "sd-4-0-7-popup",
+            "sd-4-0-7-tag"
           ],
-          "tagName": "sd-4-0-6-select",
+          "tagName": "sd-4-0-7-select",
           "customElement": true
         }
       ],
@@ -12488,7 +12895,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-select",
+          "name": "sd-4-0-7-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -12616,7 +13023,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-6-spinner",
+          "tagName": "sd-4-0-7-spinner",
           "customElement": true
         }
       ],
@@ -12631,7 +13038,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-spinner",
+          "name": "sd-4-0-7-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -12989,10 +13396,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-4-0-6-icon",
-            "sd-4-0-6-divider"
+            "sd-4-0-7-icon",
+            "sd-4-0-7-divider"
           ],
-          "tagName": "sd-4-0-6-step",
+          "tagName": "sd-4-0-7-step",
           "customElement": true
         }
       ],
@@ -13007,7 +13414,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-step",
+          "name": "sd-4-0-7-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -13035,7 +13442,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-4-0-6-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-4-0-7-step>` elements.",
               "name": ""
             }
           ],
@@ -13219,7 +13626,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-4-0-6-step-group",
+          "tagName": "sd-4-0-7-step-group",
           "customElement": true
         }
       ],
@@ -13234,7 +13641,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-step-group",
+          "name": "sd-4-0-7-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -13494,7 +13901,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             }
           ],
           "attributes": [
@@ -13593,7 +14000,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-4-0-6-switch",
+          "tagName": "sd-4-0-7-switch",
           "customElement": true
         }
       ],
@@ -13608,7 +14015,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-switch",
+          "name": "sd-4-0-7-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -13834,9 +14241,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-0-6-button"
+            "sd-4-0-7-button"
           ],
-          "tagName": "sd-4-0-6-tab",
+          "tagName": "sd-4-0-7-tab",
           "customElement": true
         }
       ],
@@ -13851,7 +14258,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-tab",
+          "name": "sd-4-0-7-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -13859,413 +14266,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/dropdown/dropdown.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdDropdown",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the trigger.",
-              "name": "trigger"
-            },
-            {
-              "description": "The panel that gets shown when the dropdown is open.",
-              "name": "panel"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The dropdown's main content.",
-              "name": ""
-            },
-            {
-              "description": "The dropdown's trigger, usually a `<sd-4-0-6-button>` element.",
-              "name": "trigger"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "SdPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "rounded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dropdown should be styled with rounded corners.",
-              "attribute": "rounded",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              "default": "'bottom-start'",
-              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the dropdown so the panel will not open.",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "stayOpenOnSelect",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
-              "attribute": "stay-open-on-select",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel away from its trigger. This defaults to `0` for `rounded=false` and to a minimum of `1` for `rounded=true`.",
-              "attribute": "distance"
-            },
-            {
-              "kind": "field",
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel along its trigger.",
-              "attribute": "skidding"
-            },
-            {
-              "kind": "field",
-              "name": "noAutoSize",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dropdown should automatically resize its content's width/height regarding the available space on screen.",
-              "attribute": "no-auto-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "noFlip",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When set to true, the placement of the dropdown will not flip to the opposite site to keep it in view.",
-              "attribute": "no-flip",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
-            },
-            {
-              "kind": "method",
-              "name": "getAccessibleTrigger",
-              "return": {
-                "type": {
-                  "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-4-0-6-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",
-              "name": "show",
-              "description": "Shows the dropdown panel."
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the dropdown panel"
-            },
-            {
-              "kind": "method",
-              "name": "reposition",
-              "description": "Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated."
-            },
-            {
-              "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"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the dropdown opens.",
-              "name": "sd-show"
-            },
-            {
-              "description": "Emitted after the dropdown opens and all animations are complete.",
-              "name": "sd-after-show"
-            },
-            {
-              "description": "Emitted when the dropdown closes.",
-              "name": "sd-hide"
-            },
-            {
-              "description": "Emitted after the dropdown closes and all animations are complete.",
-              "name": "sd-after-hide"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "rounded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dropdown should be styled with rounded corners.",
-              "fieldName": "rounded"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              "default": "'bottom-start'",
-              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
-              "fieldName": "placement"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the dropdown so the panel will not open.",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "stay-open-on-select",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
-              "fieldName": "stayOpenOnSelect"
-            },
-            {
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel away from its trigger. This defaults to `0` for `rounded=false` and to a minimum of `1` for `rounded=true`.",
-              "fieldName": "distance"
-            },
-            {
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel along its trigger.",
-              "fieldName": "skidding"
-            },
-            {
-              "name": "no-auto-size",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dropdown should automatically resize its content's width/height regarding the available space on screen.",
-              "fieldName": "noAutoSize"
-            },
-            {
-              "name": "no-flip",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When set to true, the placement of the dropdown will not flip to the opposite site to keep it in view.",
-              "fieldName": "noFlip"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "fieldName": "hoist"
-            },
-            {
-              "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": "Dropdowns expose additional content that \"drops down\" in a panel.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/dropdown",
-          "status": "stable",
-          "since": "1.8",
-          "dependencies": [
-            "sd-4-0-6-popup"
-          ],
-          "animations": [
-            {
-              "name": "dropdown.show",
-              "description": "The animation to use when showing the dropdown."
-            },
-            {
-              "name": "dropdown.hide",
-              "description": "The animation to use when hiding the dropdown."
-            }
-          ],
-          "tagName": "sd-4-0-6-dropdown",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdDropdown",
-            "module": "components/dropdown/dropdown.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-4-0-6-dropdown",
-          "declaration": {
-            "name": "SdDropdown",
-            "module": "components/dropdown/dropdown.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/tab-group/tab-group.js",
@@ -14314,11 +14314,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-0-6-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-0-7-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-0-6-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-0-7-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -14409,14 +14409,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-4-0-6-tab-show"
+              "name": "sd-4-0-7-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-4-0-6-tab-hide"
+              "name": "sd-4-0-7-tab-hide"
             }
           ],
           "attributes": [
@@ -14462,7 +14462,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-0-6-tab-group",
+          "tagName": "sd-4-0-7-tab-group",
           "customElement": true
         }
       ],
@@ -14477,7 +14477,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-tab-group",
+          "name": "sd-4-0-7-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -14637,7 +14637,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-0-6-tab-panel",
+          "tagName": "sd-4-0-7-tab-panel",
           "customElement": true
         }
       ],
@@ -14652,7 +14652,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-tab-panel",
+          "name": "sd-4-0-7-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -14969,7 +14969,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tag",
           "status": "stable",
           "since": "1.10",
-          "tagName": "sd-4-0-6-tag",
+          "tagName": "sd-4-0-7-tag",
           "customElement": true
         }
       ],
@@ -14984,7 +14984,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-tag",
+          "name": "sd-4-0-7-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -15200,7 +15200,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-4-0-6-teaser",
+          "tagName": "sd-4-0-7-teaser",
           "customElement": true
         }
       ],
@@ -15215,7 +15215,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-teaser",
+          "name": "sd-4-0-7-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -15389,7 +15389,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-4-0-6-teaser-media",
+          "tagName": "sd-4-0-7-teaser-media",
           "customElement": true
         }
       ],
@@ -15404,7 +15404,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-teaser-media",
+          "name": "sd-4-0-7-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -15460,7 +15460,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-6-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-7-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -15906,7 +15906,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-6-input"
+              "name": "sd-4-0-7-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -16136,7 +16136,7 @@
           "summary": "Textareas collect data from the user and allow multiple lines of text.",
           "status": "stable",
           "since": "1.31.0",
-          "tagName": "sd-4-0-6-textarea",
+          "tagName": "sd-4-0-7-textarea",
           "customElement": true
         }
       ],
@@ -16151,7 +16151,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-textarea",
+          "name": "sd-4-0-7-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -16183,7 +16183,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-4-0-6-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-4-0-7-popup>` element.",
               "name": "base"
             },
             {
@@ -16477,7 +16477,7 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-4-0-6-popup"
+            "sd-4-0-7-popup"
           ],
           "animations": [
             {
@@ -16489,7 +16489,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-4-0-6-tooltip",
+          "tagName": "sd-4-0-7-tooltip",
           "customElement": true
         }
       ],
@@ -16504,7 +16504,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-tooltip",
+          "name": "sd-4-0-7-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -16679,9 +16679,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-4-0-6-icon"
+            "sd-4-0-7-icon"
           ],
-          "tagName": "sd-4-0-6-video",
+          "tagName": "sd-4-0-7-video",
           "customElement": true
         }
       ],
@@ -16696,7 +16696,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-6-video",
+          "name": "sd-4-0-7-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -16708,7 +16708,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.0.6",
+    "version": "4.0.7",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"