npm - @solid-design-system/components - Versions diffs - 4.0.0-next.2 → 4.0.0-next.4 - Mend

@solid-design-system/components 4.0.0-next.2 → 4.0.0-next.4

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 (293) 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-0-next-2-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -65,6 +65,13 @@
               "privacy": "public",
               "default": "new LocalizeController(this)"
             },
+            {
+              "kind": "field",
+              "name": "accordionObserver",
+              "type": {
+                "text": "MutationObserver"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -216,7 +223,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
           "animations": [
             {
@@ -228,7 +235,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-4-0-0-next-2-accordion",
+          "tagName": "sd-4-0-0-next-4-accordion",
           "customElement": true
         }
       ],
@@ -243,7 +250,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-accordion",
+          "name": "sd-4-0-0-next-4-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -267,7 +274,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-0-0-next-2-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-4-0-0-next-4-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -377,9 +384,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-0-0-next-2-accordion"
+            "sd-4-0-0-next-4-accordion"
           ],
-          "tagName": "sd-4-0-0-next-2-accordion-group",
+          "tagName": "sd-4-0-0-next-4-accordion-group",
           "customElement": true
         }
       ],
@@ -394,7 +401,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-accordion-group",
+          "name": "sd-4-0-0-next-4-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -412,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-0-next-2-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-0-next-4-animation>` elements.",
               "name": ""
             }
           ],
@@ -753,7 +760,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-0-next-2-animation",
+          "tagName": "sd-4-0-0-next-4-animation",
           "customElement": true
         }
       ],
@@ -768,7 +775,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-animation",
+          "name": "sd-4-0-0-next-4-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1149,9 +1156,9 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-audio",
+          "tagName": "sd-4-0-0-next-4-audio",
           "customElement": true
         }
       ],
@@ -1166,7 +1173,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-audio",
+          "name": "sd-4-0-0-next-4-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1539,7 +1546,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-4-0-0-next-2-badge",
+          "tagName": "sd-4-0-0-next-4-badge",
           "customElement": true
         }
       ],
@@ -1554,7 +1561,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-badge",
+          "name": "sd-4-0-0-next-4-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1730,7 +1737,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-4-0-0-next-2-brandshape",
+          "tagName": "sd-4-0-0-next-4-brandshape",
           "customElement": true
         }
       ],
@@ -1745,7 +1752,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-brandshape",
+          "name": "sd-4-0-0-next-4-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -2292,10 +2299,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon",
-            "sd-4-0-0-next-2-spinner"
+            "sd-4-0-0-next-4-icon",
+            "sd-4-0-0-next-4-spinner"
           ],
-          "tagName": "sd-4-0-0-next-2-button",
+          "tagName": "sd-4-0-0-next-4-button",
           "customElement": true
         }
       ],
@@ -2310,7 +2317,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-button",
+          "name": "sd-4-0-0-next-4-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -2334,7 +2341,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-4-0-0-next-2-button>` elements to display in the button group.",
+              "description": "One or more `<sd-4-0-0-next-4-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -2451,7 +2458,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-0-next-2-button-group",
+          "tagName": "sd-4-0-0-next-4-button-group",
           "customElement": true
         }
       ],
@@ -2466,7 +2473,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-button-group",
+          "name": "sd-4-0-0-next-4-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -2591,23 +2598,23 @@
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-4-0-0-next-2-carousel-item>` elements.",
+              "description": "The carousel's main content, one or more `<sd-4-0-0-next-4-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "next-icon"
             },
             {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "previous-icon"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "autoplay-start"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "autoplay-pause"
             }
           ],
@@ -2894,9 +2901,9 @@
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-carousel",
+          "tagName": "sd-4-0-0-next-4-carousel",
           "customElement": true
         }
       ],
@@ -2911,7 +2918,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-carousel",
+          "name": "sd-4-0-0-next-4-carousel",
           "declaration": {
             "name": "SdCarousel",
             "module": "components/carousel/carousel.js"
@@ -3064,7 +3071,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-4-0-0-next-2-carousel-item",
+          "tagName": "sd-4-0-0-next-4-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -3105,7 +3112,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-carousel-item",
+          "name": "sd-4-0-0-next-4-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -3139,11 +3146,11 @@
               "name": "control--indeterminate"
             },
             {
-              "description": "The checked icon, an `<sd-4-0-0-next-2-icon>` element.",
+              "description": "The checked icon, an `<sd-4-0-0-next-4-icon>` element.",
               "name": "checked-icon"
             },
             {
-              "description": "The indeterminate icon, an `<sd-4-0-0-next-2-icon>` element.",
+              "description": "The indeterminate icon, an `<sd-4-0-0-next-4-icon>` element.",
               "name": "indeterminate-icon"
             },
             {
@@ -3390,7 +3397,7 @@
             },
             {
               "description": "Emitted when the checkbox receives input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             }
           ],
           "attributes": [
@@ -3507,9 +3514,9 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-checkbox",
+          "tagName": "sd-4-0-0-next-4-checkbox",
           "customElement": true
         }
       ],
@@ -3524,7 +3531,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-checkbox",
+          "name": "sd-4-0-0-next-4-checkbox",
           "declaration": {
             "name": "SdCheckbox",
             "module": "components/checkbox/checkbox.js"
@@ -3542,7 +3549,7 @@
           "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The default slot where `<sd-4-0-0-next-2-checkbox>` elements are placed.",
+              "description": "The default slot where `<sd-4-0-0-next-4-checkbox>` elements are placed.",
               "name": ""
             },
             {
@@ -3550,7 +3557,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-0-0-next-2-tooltip` component.",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-0-0-next-4-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -3699,7 +3706,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "tagName": "sd-4-0-0-next-2-checkbox-group",
+          "tagName": "sd-4-0-0-next-4-checkbox-group",
           "customElement": true
         }
       ],
@@ -3714,7 +3721,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-checkbox-group",
+          "name": "sd-4-0-0-next-4-checkbox-group",
           "declaration": {
             "name": "SdCheckboxGroup",
             "module": "components/checkbox-group/checkbox-group.js"
@@ -3788,7 +3795,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-0-0-next-2-option>` elements. You can use `<sd-4-0-0-next-2-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-0-0-next-4-option>` elements. You can use `<sd-4-0-0-next-4-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -3824,7 +3831,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-0-next-2-icon': SdIcon, 'sd-4-0-0-next-2-popup': SdPopup, 'sd-4-0-0-next-2-tag': SdTag }"
+              "default": "{ 'sd-4-0-0-next-4-icon': SdIcon, 'sd-4-0-0-next-4-popup': SdPopup, 'sd-4-0-0-next-4-tag': SdTag }"
             },
             {
               "kind": "field",
@@ -4049,7 +4056,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-0-0-next-2-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-0-0-next-4-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -4229,7 +4236,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -4402,7 +4409,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-0-0-next-2-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-0-0-next-4-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -4488,10 +4495,10 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon",
-            "sd-4-0-0-next-2-popup"
+            "sd-4-0-0-next-4-icon",
+            "sd-4-0-0-next-4-popup"
           ],
-          "tagName": "sd-4-0-0-next-2-combobox",
+          "tagName": "sd-4-0-0-next-4-combobox",
           "customElement": true
         }
       ],
@@ -4506,7 +4513,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-combobox",
+          "name": "sd-4-0-0-next-4-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -4629,7 +4636,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-4-0-0-next-2-optgroup"
+          "description": "Check if an item is a sd-4-0-0-next-4-optgroup"
         },
         {
           "kind": "function",
@@ -4776,7 +4783,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-0-0-next-2-button>`.",
+              "description": "The close button, an `<sd-4-0-0-next-4-button>`.",
               "name": "close-button"
             },
             {
@@ -4802,7 +4809,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-4-0-0-next-2-button>` and `<sd-4-0-0-next-2-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-4-0-0-next-4-button>` and `<sd-4-0-0-next-4-icon>`.",
               "name": "close-button"
             }
           ],
@@ -4998,8 +5005,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-4-0-0-next-2-button",
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-button",
+            "sd-4-0-0-next-4-icon"
           ],
           "animations": [
             {
@@ -5023,7 +5030,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-4-0-0-next-2-dialog",
+          "tagName": "sd-4-0-0-next-4-dialog",
           "customElement": true
         }
       ],
@@ -5038,7 +5045,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-dialog",
+          "name": "sd-4-0-0-next-4-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -5186,7 +5193,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-0-next-2-divider",
+          "tagName": "sd-4-0-0-next-4-divider",
           "customElement": true
         }
       ],
@@ -5201,7 +5208,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-divider",
+          "name": "sd-4-0-0-next-4-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -5245,7 +5252,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-0-0-next-2-button>`.",
+              "description": "The close button, an `<sd-4-0-0-next-4-button>`.",
               "name": "close-button"
             },
             {
@@ -5502,7 +5509,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-4-0-0-next-2-button"
+            "sd-4-0-0-next-4-button"
           ],
           "animations": [
             {
@@ -5534,7 +5541,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-4-0-0-next-2-drawer",
+          "tagName": "sd-4-0-0-next-4-drawer",
           "customElement": true
         }
       ],
@@ -5549,7 +5556,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-drawer",
+          "name": "sd-4-0-0-next-4-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -5585,7 +5592,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-4-0-0-next-2-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-4-0-0-next-4-button>` element.",
               "name": "trigger"
             }
           ],
@@ -5718,7 +5725,7 @@
                   "text": "HTMLElement | null"
                 }
               },
-              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-4-0-0-next-2-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\""
+              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-4-0-0-next-4-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",
@@ -5929,7 +5936,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-4-0-0-next-2-popup"
+            "sd-4-0-0-next-4-popup"
           ],
           "animations": [
             {
@@ -5941,7 +5948,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-4-0-0-next-2-dropdown",
+          "tagName": "sd-4-0-0-next-4-dropdown",
           "customElement": true
         }
       ],
@@ -5956,7 +5963,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-dropdown",
+          "name": "sd-4-0-0-next-4-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -6183,9 +6190,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-expandable",
+          "tagName": "sd-4-0-0-next-4-expandable",
           "customElement": true
         }
       ],
@@ -6200,7 +6207,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-expandable",
+          "name": "sd-4-0-0-next-4-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -6475,10 +6482,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-4-0-0-next-2-button",
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-button",
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-flipcard",
+          "tagName": "sd-4-0-0-next-4-flipcard",
           "customElement": true
         }
       ],
@@ -6493,7 +6500,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-flipcard",
+          "name": "sd-4-0-0-next-4-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -6641,7 +6648,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-4-0-0-next-2-header",
+          "tagName": "sd-4-0-0-next-4-header",
           "customElement": true
         }
       ],
@@ -6656,7 +6663,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-header",
+          "name": "sd-4-0-0-next-4-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -6861,7 +6868,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-0-next-2-icon",
+          "tagName": "sd-4-0-0-next-4-icon",
           "customElement": true
         }
       ],
@@ -6876,7 +6883,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-icon",
+          "name": "sd-4-0-0-next-4-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -7263,7 +7270,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-0-next-2-include",
+          "tagName": "sd-4-0-0-next-4-include",
           "customElement": true
         }
       ],
@@ -7278,7 +7285,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-include",
+          "name": "sd-4-0-0-next-4-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -7423,7 +7430,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-0-next-2-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-0-next-4-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -7946,7 +7953,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             }
           ],
           "attributes": [
@@ -8242,9 +8249,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-input",
+          "tagName": "sd-4-0-0-next-4-input",
           "customElement": true
         }
       ],
@@ -8259,7 +8266,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-input",
+          "name": "sd-4-0-0-next-4-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -8535,7 +8542,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-4-0-0-next-2-link",
+          "tagName": "sd-4-0-0-next-4-link",
           "customElement": true
         }
       ],
@@ -8550,7 +8557,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-link",
+          "name": "sd-4-0-0-next-4-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -8790,7 +8797,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-4-0-0-next-2-map-marker",
+          "tagName": "sd-4-0-0-next-4-map-marker",
           "customElement": true
         }
       ],
@@ -8805,7 +8812,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-map-marker",
+          "name": "sd-4-0-0-next-4-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -9207,9 +9214,9 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-4-0-0-next-2-divider"
+            "sd-4-0-0-next-4-divider"
           ],
-          "tagName": "sd-4-0-0-next-2-navigation-item",
+          "tagName": "sd-4-0-0-next-4-navigation-item",
           "customElement": true
         }
       ],
@@ -9224,7 +9231,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-navigation-item",
+          "name": "sd-4-0-0-next-4-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -9266,17 +9273,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-4-0-0-next-2-icon-button>`.",
+              "description": "The close button, an `<sd-4-0-0-next-4-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-4-0-0-next-2-notification's main content.",
+              "description": "The sd-4-0-0-next-4-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-4-0-0-next-2-notification. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "An icon to show in the sd-4-0-0-next-4-notification. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "icon"
             }
           ],
@@ -9294,7 +9301,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-0-0-next-2-notification's theme.",
+              "description": "The sd-4-0-0-next-4-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -9305,7 +9312,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-0-0-next-2-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-0-next-4-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
             },
@@ -9324,7 +9331,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-0-0-next-2-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-0-next-4-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"
             },
             {
@@ -9345,7 +9352,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-0-0-next-2-notification.",
+              "description": "The position of the toasted sd-4-0-0-next-4-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -9440,7 +9447,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-0-0-next-2-notification's theme.",
+              "description": "The sd-4-0-0-next-4-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -9449,7 +9456,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-0-0-next-2-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-0-next-4-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"
             },
             {
@@ -9464,7 +9471,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-0-0-next-2-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-0-next-4-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"
             },
             {
@@ -9482,7 +9489,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-0-0-next-2-notification.",
+              "description": "The position of the toasted sd-4-0-0-next-4-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -9519,19 +9526,19 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-0-0-next-2-button"
+            "sd-4-0-0-next-4-button"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-4-0-0-next-2-notification."
+              "description": "The animation to use when showing the sd-4-0-0-next-4-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-4-0-0-next-2-notification."
+              "description": "The animation to use when hiding the sd-4-0-0-next-4-notification."
             }
           ],
-          "tagName": "sd-4-0-0-next-2-notification",
+          "tagName": "sd-4-0-0-next-4-notification",
           "customElement": true
         }
       ],
@@ -9546,7 +9553,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-notification",
+          "name": "sd-4-0-0-next-4-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -9582,13 +9589,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-4-0-0-next-2-option> elements.",
+              "description": "The container that wraps the <sd-4-0-0-next-4-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-4-0-0-next-2-option>` elements.",
+              "description": "The given options. Must be `<sd-4-0-0-next-4-option>` elements.",
               "name": ""
             },
             {
@@ -9604,7 +9611,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-0-next-2-divider': SdDivider }"
+              "default": "{ 'sd-4-0-0-next-4-divider': SdDivider }"
             },
             {
               "kind": "field",
@@ -9726,14 +9733,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-4-0-0-next-2-optgroup> element creates a grouping for <sd-4-0-0-next-2-option>s within a <sd-4-0-0-next-2-combobox>.",
+          "summary": "The <sd-4-0-0-next-4-optgroup> element creates a grouping for <sd-4-0-0-next-4-option>s within a <sd-4-0-0-next-4-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-0-0-next-2-divider"
+            "sd-4-0-0-next-4-divider"
           ],
-          "tagName": "sd-4-0-0-next-2-optgroup",
+          "tagName": "sd-4-0-0-next-4-optgroup",
           "customElement": true
         }
       ],
@@ -9748,7 +9755,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-optgroup",
+          "name": "sd-4-0-0-next-4-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -9766,7 +9773,7 @@
           "name": "SdOption",
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-4-0-0-next-2-icon>` element.",
+              "description": "The checked icon, an `<sd-4-0-0-next-4-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -9808,7 +9815,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-0-next-2-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-0-0-next-4-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -9819,7 +9826,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-0-next-2-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-0-next-4-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -9908,7 +9915,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-0-next-2-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-0-0-next-4-select`.",
               "fieldName": "size"
             },
             {
@@ -9917,7 +9924,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-0-next-2-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-0-0-next-4-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -9972,9 +9979,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-option",
+          "tagName": "sd-4-0-0-next-4-option",
           "customElement": true
         }
       ],
@@ -9989,7 +9996,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-option",
+          "name": "sd-4-0-0-next-4-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -10536,7 +10543,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-4-0-0-next-2-popup",
+          "tagName": "sd-4-0-0-next-4-popup",
           "customElement": true
         }
       ],
@@ -10551,7 +10558,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-popup",
+          "name": "sd-4-0-0-next-4-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -10631,7 +10638,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "icon"
             },
             {
@@ -10651,7 +10658,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10659,7 +10666,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-0-next-2-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-0-0-next-4-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10689,6 +10696,17 @@
                 "module": "components/accordion/accordion.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "accordionObserver",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "inheritedFrom": {
+                "name": "SdAccordion",
+                "module": "components/accordion/accordion.js"
+              }
+            },
             {
               "kind": "field",
               "name": "open",
@@ -10855,9 +10873,9 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-quickfact",
+          "tagName": "sd-4-0-0-next-4-quickfact",
           "customElement": true,
           "events": [
             {
@@ -10906,7 +10924,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-quickfact",
+          "name": "sd-4-0-0-next-4-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -11123,7 +11141,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-4-0-0-next-2-radio",
+          "tagName": "sd-4-0-0-next-4-radio",
           "customElement": true
         }
       ],
@@ -11138,7 +11156,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-radio",
+          "name": "sd-4-0-0-next-4-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -11358,7 +11376,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-4-0-0-next-2-radio-button",
+          "tagName": "sd-4-0-0-next-4-radio-button",
           "customElement": true
         }
       ],
@@ -11373,7 +11391,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-radio-button",
+          "name": "sd-4-0-0-next-4-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -11413,7 +11431,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-0-0-next-2-radio>` or `<sd-4-0-0-next-2-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-4-0-0-next-4-radio>` or `<sd-4-0-0-next-4-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -11421,7 +11439,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-0-0-next-2-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-0-0-next-4-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11433,7 +11451,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-0-next-2-button-group': SdButtonGroup }"
+              "default": "{ 'sd-4-0-0-next-4-button-group': SdButtonGroup }"
             },
             {
               "kind": "field",
@@ -11632,7 +11650,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -11746,9 +11764,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-4-0-0-next-2-button-group"
+            "sd-4-0-0-next-4-button-group"
           ],
-          "tagName": "sd-4-0-0-next-2-radio-group",
+          "tagName": "sd-4-0-0-next-4-radio-group",
           "customElement": true
         }
       ],
@@ -11763,7 +11781,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-radio-group",
+          "name": "sd-4-0-0-next-4-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -12099,7 +12117,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-0-next-2-scrollable",
+          "tagName": "sd-4-0-0-next-4-scrollable",
           "customElement": true
         }
       ],
@@ -12114,7 +12132,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-scrollable",
+          "name": "sd-4-0-0-next-4-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -12190,7 +12208,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-0-0-next-2-option>` elements. You can use `<sd-4-0-0-next-2-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-0-0-next-4-option>` elements. You can use `<sd-4-0-0-next-4-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -12210,7 +12228,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-0-next-2-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-0-next-4-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -12222,7 +12240,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-0-0-next-2-icon': SdIcon, 'sd-4-0-0-next-2-popup': SdPopup, 'sd-4-0-0-next-2-tag': SdTag }"
+              "default": "{ 'sd-4-0-0-next-4-icon': SdIcon, 'sd-4-0-0-next-4-popup': SdPopup, 'sd-4-0-0-next-4-tag': SdTag }"
             },
             {
               "kind": "field",
@@ -12351,7 +12369,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-0-0-next-2-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-0-0-next-4-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -12564,7 +12582,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -12679,7 +12697,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-0-0-next-2-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-0-0-next-4-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -12786,11 +12804,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon",
-            "sd-4-0-0-next-2-popup",
-            "sd-4-0-0-next-2-tag"
+            "sd-4-0-0-next-4-icon",
+            "sd-4-0-0-next-4-popup",
+            "sd-4-0-0-next-4-tag"
           ],
-          "tagName": "sd-4-0-0-next-2-select",
+          "tagName": "sd-4-0-0-next-4-select",
           "customElement": true
         }
       ],
@@ -12805,7 +12823,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-select",
+          "name": "sd-4-0-0-next-4-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -12933,7 +12951,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-0-0-next-2-spinner",
+          "tagName": "sd-4-0-0-next-4-spinner",
           "customElement": true
         }
       ],
@@ -12948,7 +12966,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-spinner",
+          "name": "sd-4-0-0-next-4-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -13306,10 +13324,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon",
-            "sd-4-0-0-next-2-divider"
+            "sd-4-0-0-next-4-icon",
+            "sd-4-0-0-next-4-divider"
           ],
-          "tagName": "sd-4-0-0-next-2-step",
+          "tagName": "sd-4-0-0-next-4-step",
           "customElement": true
         }
       ],
@@ -13324,7 +13342,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-step",
+          "name": "sd-4-0-0-next-4-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -13352,7 +13370,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-4-0-0-next-2-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-4-0-0-next-4-step>` elements.",
               "name": ""
             }
           ],
@@ -13536,7 +13554,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-4-0-0-next-2-step-group",
+          "tagName": "sd-4-0-0-next-4-step-group",
           "customElement": true
         }
       ],
@@ -13551,7 +13569,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-step-group",
+          "name": "sd-4-0-0-next-4-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -13811,7 +13829,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             }
           ],
           "attributes": [
@@ -13910,7 +13928,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-4-0-0-next-2-switch",
+          "tagName": "sd-4-0-0-next-4-switch",
           "customElement": true
         }
       ],
@@ -13925,7 +13943,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-switch",
+          "name": "sd-4-0-0-next-4-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -14151,9 +14169,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-0-0-next-2-button"
+            "sd-4-0-0-next-4-button"
           ],
-          "tagName": "sd-4-0-0-next-2-tab",
+          "tagName": "sd-4-0-0-next-4-tab",
           "customElement": true
         }
       ],
@@ -14168,7 +14186,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-tab",
+          "name": "sd-4-0-0-next-4-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -14224,11 +14242,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-0-0-next-2-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-0-0-next-4-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-0-0-next-2-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-0-0-next-4-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -14319,14 +14337,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-4-0-0-next-2-tab-show"
+              "name": "sd-4-0-0-next-4-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-4-0-0-next-2-tab-hide"
+              "name": "sd-4-0-0-next-4-tab-hide"
             }
           ],
           "attributes": [
@@ -14372,7 +14390,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-0-0-next-2-tab-group",
+          "tagName": "sd-4-0-0-next-4-tab-group",
           "customElement": true
         }
       ],
@@ -14387,7 +14405,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-tab-group",
+          "name": "sd-4-0-0-next-4-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -14547,7 +14565,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-0-0-next-2-tab-panel",
+          "tagName": "sd-4-0-0-next-4-tab-panel",
           "customElement": true
         }
       ],
@@ -14562,7 +14580,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-tab-panel",
+          "name": "sd-4-0-0-next-4-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -14879,7 +14897,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tag",
           "status": "stable",
           "since": "1.10",
-          "tagName": "sd-4-0-0-next-2-tag",
+          "tagName": "sd-4-0-0-next-4-tag",
           "customElement": true
         }
       ],
@@ -14894,7 +14912,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-tag",
+          "name": "sd-4-0-0-next-4-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -15110,7 +15128,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-4-0-0-next-2-teaser",
+          "tagName": "sd-4-0-0-next-4-teaser",
           "customElement": true
         }
       ],
@@ -15125,7 +15143,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-teaser",
+          "name": "sd-4-0-0-next-4-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -15299,7 +15317,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-0-next-2-teaser-media",
+          "tagName": "sd-4-0-0-next-4-teaser-media",
           "customElement": true
         }
       ],
@@ -15314,7 +15332,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-teaser-media",
+          "name": "sd-4-0-0-next-4-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -15370,7 +15388,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-0-next-2-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-0-0-next-4-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -15816,7 +15834,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-0-0-next-2-input"
+              "name": "sd-4-0-0-next-4-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -16046,7 +16064,7 @@
           "summary": "Textareas collect data from the user and allow multiple lines of text.",
           "status": "stable",
           "since": "1.31.0",
-          "tagName": "sd-4-0-0-next-2-textarea",
+          "tagName": "sd-4-0-0-next-4-textarea",
           "customElement": true
         }
       ],
@@ -16061,7 +16079,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-textarea",
+          "name": "sd-4-0-0-next-4-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -16093,7 +16111,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-4-0-0-next-2-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-4-0-0-next-4-popup>` element.",
               "name": "base"
             },
             {
@@ -16387,7 +16405,7 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-4-0-0-next-2-popup"
+            "sd-4-0-0-next-4-popup"
           ],
           "animations": [
             {
@@ -16399,7 +16417,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-4-0-0-next-2-tooltip",
+          "tagName": "sd-4-0-0-next-4-tooltip",
           "customElement": true
         }
       ],
@@ -16414,7 +16432,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-tooltip",
+          "name": "sd-4-0-0-next-4-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -16613,9 +16631,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-4-0-0-next-2-icon"
+            "sd-4-0-0-next-4-icon"
           ],
-          "tagName": "sd-4-0-0-next-2-video",
+          "tagName": "sd-4-0-0-next-4-video",
           "customElement": true
         }
       ],
@@ -16630,7 +16648,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-0-0-next-2-video",
+          "name": "sd-4-0-0-next-4-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -16642,7 +16660,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.0.0-next.2",
+    "version": "4.0.0-next.4",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"