@solid-design-system/components 7.0.1 → 7.0.2

package/cdn-versioned/custom-elements.json

@@ -84,11 +84,11 @@
               "name": "summary"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -286,7 +286,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
           "animations": [
             {
@@ -298,7 +298,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-7-0-1-accordion",
+          "tagName": "sd-7-0-2-accordion",
           "customElement": true
         }
       ],
@@ -313,7 +313,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-accordion",
+          "name": "sd-7-0-2-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -343,7 +343,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-7-0-1-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-7-0-2-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -482,9 +482,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-7-0-1-accordion"
+            "sd-7-0-2-accordion"
           ],
-          "tagName": "sd-7-0-1-accordion-group",
+          "tagName": "sd-7-0-2-accordion-group",
           "customElement": true
         }
       ],
@@ -499,7 +499,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-accordion-group",
+          "name": "sd-7-0-2-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -517,7 +517,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-7-0-1-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-7-0-2-animation>` elements.",
               "name": ""
             }
           ],
@@ -886,7 +886,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-7-0-1-animation",
+          "tagName": "sd-7-0-2-animation",
           "customElement": true
         }
       ],
@@ -901,7 +901,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-animation",
+          "name": "sd-7-0-2-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1336,11 +1336,11 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-button",
-            "sd-7-0-1-drawer"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-button",
+            "sd-7-0-2-drawer"
           ],
-          "tagName": "sd-7-0-1-audio",
+          "tagName": "sd-7-0-2-audio",
           "customElement": true
         }
       ],
@@ -1355,7 +1355,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-audio",
+          "name": "sd-7-0-2-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1798,7 +1798,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-7-0-1-badge",
+          "tagName": "sd-7-0-2-badge",
           "customElement": true
         }
       ],
@@ -1813,7 +1813,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-badge",
+          "name": "sd-7-0-2-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -2028,7 +2028,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-7-0-1-brandshape",
+          "tagName": "sd-7-0-2-brandshape",
           "customElement": true
         }
       ],
@@ -2043,7 +2043,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-brandshape",
+          "name": "sd-7-0-2-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -2089,7 +2089,7 @@
           ],
           "slots": [
             {
-              "description": "`sd-7-0-1-breadcrumb-item` elements to display in the breadcrumb.",
+              "description": "`sd-7-0-2-breadcrumb-item` elements to display in the breadcrumb.",
               "name": ""
             }
           ],
@@ -2249,10 +2249,10 @@
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
-            "sd-7-0-1-dropdown",
-            "sd-7-0-1-icon"
+            "sd-7-0-2-dropdown",
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-breadcrumb",
+          "tagName": "sd-7-0-2-breadcrumb",
           "customElement": true
         }
       ],
@@ -2267,7 +2267,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-breadcrumb",
+          "name": "sd-7-0-2-breadcrumb",
           "declaration": {
             "name": "SdBreadcrumb",
             "module": "components/breadcrumb/breadcrumb.js"
@@ -2475,13 +2475,13 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used within `sd-7-0-1-breadcrumb` as individual item.",
+          "summary": "Used within `sd-7-0-2-breadcrumb` as individual item.",
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
-            "sd-7-0-1-link"
+            "sd-7-0-2-link"
           ],
-          "tagName": "sd-7-0-1-breadcrumb-item",
+          "tagName": "sd-7-0-2-breadcrumb-item",
           "customElement": true
         }
       ],
@@ -2496,7 +2496,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-breadcrumb-item",
+          "name": "sd-7-0-2-breadcrumb-item",
           "declaration": {
             "name": "SdBreadcrumbItem",
             "module": "components/breadcrumb-item/breadcrumb-item.js"
@@ -3374,11 +3374,11 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-loader",
-            "sd-7-0-1-theme-listener"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-loader",
+            "sd-7-0-2-theme-listener"
           ],
-          "tagName": "sd-7-0-1-button",
+          "tagName": "sd-7-0-2-button",
           "customElement": true
         }
       ],
@@ -3393,7 +3393,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-button",
+          "name": "sd-7-0-2-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -3417,7 +3417,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-7-0-1-button>` elements to display in the button group.",
+              "description": "One or more `<sd-7-0-2-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -3563,7 +3563,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-7-0-1-button-group",
+          "tagName": "sd-7-0-2-button-group",
           "customElement": true
         }
       ],
@@ -3578,7 +3578,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-button-group",
+          "name": "sd-7-0-2-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -3731,23 +3731,23 @@
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-7-0-1-carousel-item>` elements.",
+              "description": "The carousel's main content, one or more `<sd-7-0-2-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "next-icon"
             },
             {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "previous-icon"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "autoplay-start"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "autoplay-pause"
             }
           ],
@@ -4104,9 +4104,9 @@
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-carousel",
+          "tagName": "sd-7-0-2-carousel",
           "customElement": true
         }
       ],
@@ -4121,7 +4121,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-carousel",
+          "name": "sd-7-0-2-carousel",
           "declaration": {
             "name": "SdCarousel",
             "module": "components/carousel/carousel.js"
@@ -4320,11 +4320,11 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element.js"
           },
-          "summary": "Used within `sd-7-0-1-carousel` to represent a slide.",
+          "summary": "Used within `sd-7-0-2-carousel` to represent a slide.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-7-0-1-carousel-item",
+          "tagName": "sd-7-0-2-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -4365,7 +4365,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-carousel-item",
+          "name": "sd-7-0-2-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -4413,11 +4413,11 @@
               "name": "control--indeterminate"
             },
             {
-              "description": "The checked icon, an `<sd-7-0-1-icon>` element.",
+              "description": "The checked icon, an `<sd-7-0-2-icon>` element.",
               "name": "checked-icon"
             },
             {
-              "description": "The indeterminate icon, an `<sd-7-0-1-icon>` element.",
+              "description": "The indeterminate icon, an `<sd-7-0-2-icon>` element.",
               "name": "indeterminate-icon"
             },
             {
@@ -4706,7 +4706,7 @@
             },
             {
               "description": "Emitted when the checkbox receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             }
           ],
           "attributes": [
@@ -4833,9 +4833,9 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-checkbox",
+          "tagName": "sd-7-0-2-checkbox",
           "customElement": true
         }
       ],
@@ -4850,7 +4850,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-checkbox",
+          "name": "sd-7-0-2-checkbox",
           "declaration": {
             "name": "SdCheckbox",
             "module": "components/checkbox/checkbox.js"
@@ -4868,7 +4868,7 @@
           "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The default slot where `<sd-7-0-1-checkbox>` elements are placed.",
+              "description": "The default slot where `<sd-7-0-2-checkbox>` elements are placed.",
               "name": ""
             },
             {
@@ -4876,7 +4876,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-7-0-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-7-0-2-tooltip` component.",
               "name": "tooltip"
             },
             {
@@ -5078,7 +5078,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "tagName": "sd-7-0-1-checkbox-group",
+          "tagName": "sd-7-0-2-checkbox-group",
           "customElement": true
         }
       ],
@@ -5093,7 +5093,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-checkbox-group",
+          "name": "sd-7-0-2-checkbox-group",
           "declaration": {
             "name": "SdCheckboxGroup",
             "module": "components/checkbox-group/checkbox-group.js"
@@ -5215,7 +5215,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-7-0-1-option>` elements. You can use `<sd-7-0-1-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-7-0-2-option>` elements. You can use `<sd-7-0-2-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -5521,7 +5521,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-7-0-1-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-7-0-2-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -5730,7 +5730,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -5947,7 +5947,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-7-0-1-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-7-0-2-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -6033,11 +6033,11 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-popup",
-            "sd-7-0-1-tag"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-popup",
+            "sd-7-0-2-tag"
           ],
-          "tagName": "sd-7-0-1-combobox",
+          "tagName": "sd-7-0-2-combobox",
           "customElement": true
         }
       ],
@@ -6052,7 +6052,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-combobox",
+          "name": "sd-7-0-2-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -6175,7 +6175,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-7-0-1-optgroup"
+          "description": "Check if an item is a sd-7-0-2-optgroup"
         },
         {
           "kind": "function",
@@ -6972,15 +6972,15 @@
             },
             {
               "description": "Emitted when the date range selection changes.",
-              "name": "sd-7-0-1-range-select"
+              "name": "sd-7-0-2-range-select"
             },
             {
               "description": "Emitted when the date selection changes.",
-              "name": "sd-7-0-1-select"
+              "name": "sd-7-0-2-select"
             },
             {
               "description": "Emitted when the datepicker is closed.",
-              "name": "sd-7-0-1-datepicker-close"
+              "name": "sd-7-0-2-datepicker-close"
             },
             {
               "description": "Emitted when the datepicker is focused.",
@@ -7267,11 +7267,11 @@
           "status": "stable",
           "since": "5.16.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-divider",
-            "sd-7-0-1-popup"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-divider",
+            "sd-7-0-2-popup"
           ],
-          "tagName": "sd-7-0-1-datepicker",
+          "tagName": "sd-7-0-2-datepicker",
           "customElement": true
         }
       ],
@@ -7286,7 +7286,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-datepicker",
+          "name": "sd-7-0-2-datepicker",
           "declaration": {
             "name": "SdDatepicker",
             "module": "components/datepicker/datepicker.js"
@@ -7338,7 +7338,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-7-0-1-button>`.",
+              "description": "The close button, an `<sd-7-0-2-button>`.",
               "name": "close-button"
             },
             {
@@ -7364,7 +7364,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-7-0-1-button>` and `<sd-7-0-1-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-7-0-2-button>` and `<sd-7-0-2-icon>`.",
               "name": "close-button"
             }
           ],
@@ -7588,9 +7588,9 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-7-0-1-button",
-            "sd-7-0-1-icon",
-            "sd-7-0-1-theme-listener"
+            "sd-7-0-2-button",
+            "sd-7-0-2-icon",
+            "sd-7-0-2-theme-listener"
           ],
           "animations": [
             {
@@ -7614,7 +7614,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-7-0-1-dialog",
+          "tagName": "sd-7-0-2-dialog",
           "customElement": true
         }
       ],
@@ -7629,7 +7629,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-dialog",
+          "name": "sd-7-0-2-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -7811,7 +7811,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-7-0-1-divider",
+          "tagName": "sd-7-0-2-divider",
           "customElement": true
         }
       ],
@@ -7826,7 +7826,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-divider",
+          "name": "sd-7-0-2-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -7874,7 +7874,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-7-0-1-button>`.",
+              "description": "The close button, an `<sd-7-0-2-button>`.",
               "name": "close-button"
             },
             {
@@ -8144,7 +8144,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-7-0-1-button"
+            "sd-7-0-2-button"
           ],
           "animations": [
             {
@@ -8176,7 +8176,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-7-0-1-drawer",
+          "tagName": "sd-7-0-2-drawer",
           "customElement": true
         }
       ],
@@ -8191,7 +8191,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-drawer",
+          "name": "sd-7-0-2-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -8241,7 +8241,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-7-0-1-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-7-0-2-button>` element.",
               "name": "trigger"
             }
           ],
@@ -8377,7 +8377,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-7-0-1-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-7-0-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.\""
             },
             {
               "kind": "method",
@@ -8624,7 +8624,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-7-0-1-popup"
+            "sd-7-0-2-popup"
           ],
           "animations": [
             {
@@ -8636,7 +8636,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-7-0-1-dropdown",
+          "tagName": "sd-7-0-2-dropdown",
           "customElement": true
         }
       ],
@@ -8651,7 +8651,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-dropdown",
+          "name": "sd-7-0-2-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -8922,9 +8922,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-expandable",
+          "tagName": "sd-7-0-2-expandable",
           "customElement": true
         }
       ],
@@ -8939,7 +8939,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-expandable",
+          "name": "sd-7-0-2-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -8987,7 +8987,7 @@
               "name": "button-wrapper"
             },
             {
-              "description": "The sd-7-0-1-button acting as a file input trigger.",
+              "description": "The sd-7-0-2-button acting as a file input trigger.",
               "name": "button"
             },
             {
@@ -9385,7 +9385,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             }
           ],
           "attributes": [
@@ -9585,10 +9585,10 @@
           "status": "experimental",
           "since": "6.28.0",
           "dependencies": [
-            "sd-7-0-1-button",
-            "sd-7-0-1-icon"
+            "sd-7-0-2-button",
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-file-selector",
+          "tagName": "sd-7-0-2-file-selector",
           "customElement": true
         }
       ],
@@ -9603,7 +9603,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-file-selector",
+          "name": "sd-7-0-2-file-selector",
           "declaration": {
             "name": "SdFileSelector",
             "module": "components/file-selector/file-selector.js"
@@ -9918,10 +9918,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-7-0-1-button",
-            "sd-7-0-1-icon"
+            "sd-7-0-2-button",
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-flipcard",
+          "tagName": "sd-7-0-2-flipcard",
           "customElement": true
         }
       ],
@@ -9936,7 +9936,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-flipcard",
+          "name": "sd-7-0-2-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -10152,7 +10152,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-7-0-1-header",
+          "tagName": "sd-7-0-2-header",
           "customElement": true
         }
       ],
@@ -10167,7 +10167,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-header",
+          "name": "sd-7-0-2-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -10400,7 +10400,7 @@
           "summary": "Used to display icons.",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-7-0-1-icon",
+          "tagName": "sd-7-0-2-icon",
           "customElement": true
         }
       ],
@@ -10415,7 +10415,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-icon",
+          "name": "sd-7-0-2-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -10891,7 +10891,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-7-0-1-include",
+          "tagName": "sd-7-0-2-include",
           "customElement": true
         }
       ],
@@ -10906,7 +10906,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-include",
+          "name": "sd-7-0-2-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -11093,7 +11093,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-7-0-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-7-0-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11686,7 +11686,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -12004,9 +12004,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-input",
+          "tagName": "sd-7-0-2-input",
           "customElement": true
         }
       ],
@@ -12021,7 +12021,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-input",
+          "name": "sd-7-0-2-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -12358,7 +12358,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-7-0-1-link",
+          "tagName": "sd-7-0-2-link",
           "customElement": true
         }
       ],
@@ -12373,7 +12373,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-link",
+          "name": "sd-7-0-2-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -12529,7 +12529,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/loader",
           "status": "stable",
           "since": "5.12",
-          "tagName": "sd-7-0-1-loader",
+          "tagName": "sd-7-0-2-loader",
           "customElement": true
         }
       ],
@@ -12544,7 +12544,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-loader",
+          "name": "sd-7-0-2-loader",
           "declaration": {
             "name": "SdLoader",
             "module": "components/loader/loader.js"
@@ -12892,7 +12892,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-7-0-1-map-marker",
+          "tagName": "sd-7-0-2-map-marker",
           "customElement": true
         }
       ],
@@ -12907,7 +12907,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-map-marker",
+          "name": "sd-7-0-2-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -13018,7 +13018,7 @@
           "events": [
             {
               "description": "Emitted when a menu item is selected.",
-              "name": "sd-7-0-1-select"
+              "name": "sd-7-0-2-select"
             }
           ],
           "superclass": {
@@ -13029,12 +13029,12 @@
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
-            "sd-7-0-1-menu-item",
-            "sd-7-0-1-divider",
-            "sd-7-0-1-icon",
-            "sd-7-0-1-dropdown"
+            "sd-7-0-2-menu-item",
+            "sd-7-0-2-divider",
+            "sd-7-0-2-icon",
+            "sd-7-0-2-dropdown"
           ],
-          "tagName": "sd-7-0-1-menu",
+          "tagName": "sd-7-0-2-menu",
           "customElement": true,
           "attributes": [
             {
@@ -13075,7 +13075,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-menu",
+          "name": "sd-7-0-2-menu",
           "declaration": {
             "name": "SdMenu",
             "module": "components/menu/menu.js"
@@ -13373,10 +13373,10 @@
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-popup"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-popup"
           ],
-          "tagName": "sd-7-0-1-menu-item",
+          "tagName": "sd-7-0-2-menu-item",
           "customElement": true
         }
       ],
@@ -13391,7 +13391,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-menu-item",
+          "name": "sd-7-0-2-menu-item",
           "declaration": {
             "name": "SdMenuItem",
             "module": "components/menu-item/menu-item.js"
@@ -13899,10 +13899,10 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-7-0-1-divider",
-            "sd-7-0-1-icon"
+            "sd-7-0-2-divider",
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-navigation-item",
+          "tagName": "sd-7-0-2-navigation-item",
           "customElement": true
         }
       ],
@@ -13917,7 +13917,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-navigation-item",
+          "name": "sd-7-0-2-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -13989,17 +13989,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-7-0-1-icon-button>`.",
+              "description": "The close button, an `<sd-7-0-2-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-7-0-1-notification's main content.",
+              "description": "The sd-7-0-2-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-7-0-1-notification. Works best with `<sd-7-0-1-icon>`.",
+              "description": "An icon to show in the sd-7-0-2-notification. Works best with `<sd-7-0-2-icon>`.",
               "name": "icon"
             }
           ],
@@ -14017,7 +14017,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-7-0-1-notification's theme.",
+              "description": "The sd-7-0-2-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -14028,7 +14028,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-7-0-1-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-7-0-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.",
               "attribute": "open",
               "reflects": true
             },
@@ -14047,7 +14047,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-7-0-1-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-7-0-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.",
               "attribute": "duration",
               "reflects": true
             },
@@ -14069,7 +14069,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-7-0-1-notification.",
+              "description": "The position of the toasted sd-7-0-2-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -14192,7 +14192,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-7-0-1-notification's theme.",
+              "description": "The sd-7-0-2-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -14201,7 +14201,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-7-0-1-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-7-0-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.",
               "fieldName": "open"
             },
             {
@@ -14216,7 +14216,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-7-0-1-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-7-0-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.",
               "fieldName": "duration"
             },
             {
@@ -14234,7 +14234,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-7-0-1-notification.",
+              "description": "The position of the toasted sd-7-0-2-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -14271,20 +14271,20 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-7-0-1-button",
-            "sd-7-0-1-icon"
+            "sd-7-0-2-button",
+            "sd-7-0-2-icon"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-7-0-1-notification."
+              "description": "The animation to use when showing the sd-7-0-2-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-7-0-1-notification."
+              "description": "The animation to use when hiding the sd-7-0-2-notification."
             }
           ],
-          "tagName": "sd-7-0-1-notification",
+          "tagName": "sd-7-0-2-notification",
           "customElement": true
         }
       ],
@@ -14299,7 +14299,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-notification",
+          "name": "sd-7-0-2-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -14335,13 +14335,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-7-0-1-option> elements.",
+              "description": "The container that wraps the <sd-7-0-2-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-7-0-1-option>` elements.",
+              "description": "The given options. Must be `<sd-7-0-2-option>` elements.",
               "name": ""
             },
             {
@@ -14499,14 +14499,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used to group `sd-7-0-1-option`components within an `sd-7-0-1-combobox`.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-7-0-1-optgroup",
+          "summary": "Used to group `sd-7-0-2-option`components within an `sd-7-0-2-combobox`.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-7-0-2-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-7-0-1-divider"
+            "sd-7-0-2-divider"
           ],
-          "tagName": "sd-7-0-1-optgroup",
+          "tagName": "sd-7-0-2-optgroup",
           "customElement": true
         }
       ],
@@ -14521,7 +14521,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-optgroup",
+          "name": "sd-7-0-2-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -14549,7 +14549,7 @@
           ],
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-7-0-1-icon>` element.",
+              "description": "The checked icon, an `<sd-7-0-2-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -14591,7 +14591,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-7-0-1-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-7-0-2-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -14602,7 +14602,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-7-0-1-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-7-0-2-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -14719,7 +14719,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-7-0-1-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-7-0-2-select`.",
               "fieldName": "size"
             },
             {
@@ -14728,7 +14728,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-7-0-1-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-7-0-2-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -14783,9 +14783,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-option",
+          "tagName": "sd-7-0-2-option",
           "customElement": true
         }
       ],
@@ -14800,7 +14800,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-option",
+          "name": "sd-7-0-2-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -14810,138 +14810,271 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/progress-bar/progress-bar.js",
+      "path": "components/popup/popup.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdProgressBar",
+          "name": "SdPopup",
           "cssProperties": [
             {
-              "description": "Use this property to set the height of the progress-bar.",
-              "name": "--height"
+              "description": "The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used.",
+              "name": "--arrow-size",
+              "default": "6px"
             },
             {
-              "description": "The background color of the progress bar when the `inverted` attribute is set.",
-              "name": "--sd-progress-bar__slide-bar--inverted-color-background"
+              "description": "The color of the arrow.",
+              "name": "--arrow-color",
+              "default": "var(--sd-color-neutral-0)"
             },
             {
-              "description": "The background color of the progress bar.",
-              "name": "--sd-progress-bar__slide-bar-color-background"
+              "description": "A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
+              "name": "--auto-size-available-width"
             },
             {
-              "description": "The color of the progress indicator when the `inverted` attribute is set.",
-              "name": "--sd-progress-bar--active--inverted-color-background"
+              "description": "A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
+              "name": "--auto-size-available-height"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "Value's on the right side of the indicator.",
-              "name": "value-right"
-            },
-            {
-              "description": "Value's on the bottom of the indicator.",
-              "name": "value-bottom"
-            },
-            {
-              "description": "The label element.",
-              "name": "label"
+              "description": "The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.",
+              "name": "arrow"
             },
             {
-              "description": "The progress bar's container.",
-              "name": "bar"
+              "description": "The popup's container. Useful for setting a background color, box shadow, etc.",
+              "name": "popup"
             }
           ],
           "slots": [
             {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "description": "The popup's content.",
+              "name": ""
+            },
+            {
+              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.",
+              "name": "anchor"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "value",
+              "name": "anchor",
               "type": {
-                "text": "number | null"
+                "text": "Element | string"
               },
-              "default": "null",
-              "description": "The current progress value.",
-              "attribute": "value",
+              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
+              "attribute": "anchor",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "active",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "100",
-              "description": "The maximum progress value.",
-              "attribute": "max",
+              "default": "false",
+              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
+              "attribute": "active",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "placement",
               "type": {
-                "text": "string"
+                "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": "''",
-              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label",
+              "default": "'top'",
+              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
+              "attribute": "placement",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "valuePosition",
+              "name": "strategy",
               "type": {
-                "text": "'right' | 'bottom' | null"
+                "text": "'absolute' | 'fixed'"
               },
-              "default": "null",
-              "description": "Displays the progress value on the right side of the indicator.",
-              "attribute": "value-position",
+              "default": "'absolute'",
+              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if\noverflow is clipped, using a `fixed` position strategy can often workaround it.",
+              "attribute": "strategy",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel away from its anchor.",
+              "attribute": "distance",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel along its anchor.",
+              "attribute": "skidding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "arrow",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Inverts the progress bar's colors.",
-              "attribute": "inverted",
+              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
+              "attribute": "arrow",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "showLabel",
+              "name": "arrowPlacement",
+              "type": {
+                "text": "'start' | 'end' | 'center' | 'anchor'"
+              },
+              "default": "'anchor'",
+              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
+              "attribute": "arrow-placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "arrowPadding",
+              "type": {
+                "text": "number"
+              },
+              "default": "10",
+              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
+              "attribute": "arrow-padding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "flip",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows the label visually.",
-              "attribute": "show-label",
+              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
+              "attribute": "flip",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "valueFormatter",
+              "name": "flipFallbackPlacements",
               "type": {
-                "text": "(value: number) => string"
+                "text": "string"
               },
-              "description": "A function used to format the progress-bar's value.\nThe value of the progress-bar is passed as the only argument.\nThe function should return a string to display in the value-position part."
+              "default": "''",
+              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
+              "attribute": "flip-fallback-placements"
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
+              "name": "flipFallbackStrategy",
+              "type": {
+                "text": "'best-fit' | 'initial'"
+              },
+              "default": "'best-fit'",
+              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
+              "attribute": "flip-fallback-strategy"
+            },
+            {
+              "kind": "field",
+              "name": "flipBoundary",
+              "type": {
+                "text": "Element | Element[]"
+              },
+              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "attribute": "flipBoundary"
+            },
+            {
+              "kind": "field",
+              "name": "flipPadding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
+              "attribute": "flip-padding"
+            },
+            {
+              "kind": "field",
+              "name": "shift",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Moves the popup along the axis to keep it in view when clipped.",
+              "attribute": "shift"
+            },
+            {
+              "kind": "field",
+              "name": "shiftBoundary",
+              "type": {
+                "text": "Element | Element[]"
+              },
+              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "attribute": "shiftBoundary"
+            },
+            {
+              "kind": "field",
+              "name": "shiftPadding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
+              "attribute": "shift-padding"
+            },
+            {
+              "kind": "field",
+              "name": "autoSize",
+              "type": {
+                "text": "'horizontal' | 'vertical' | 'both'"
+              },
+              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
+              "attribute": "auto-size"
+            },
+            {
+              "kind": "field",
+              "name": "sync",
+              "type": {
+                "text": "'width' | 'height' | 'both'"
+              },
+              "description": "Syncs the popup's width or height to that of the anchor element.",
+              "attribute": "sync"
+            },
+            {
+              "kind": "field",
+              "name": "autoSizeBoundary",
+              "type": {
+                "text": "Element | Element[]"
+              },
+              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "attribute": "autoSizeBoundary"
+            },
+            {
+              "kind": "field",
+              "name": "autoSizePadding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
+              "attribute": "auto-size-padding"
+            },
+            {
+              "kind": "method",
+              "name": "reposition",
+              "description": "Forces the popup to recalculate and reposition itself."
             },
             {
               "kind": "field",
@@ -15022,383 +15155,390 @@
               }
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "value",
-              "type": {
-                "text": "number | null"
-              },
-              "default": "null",
-              "description": "The current progress value.",
-              "fieldName": "value"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "100",
-              "description": "The maximum progress value.",
-              "fieldName": "max"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "value-position",
-              "type": {
-                "text": "'right' | 'bottom' | null"
-              },
-              "default": "null",
-              "description": "Displays the progress value on the right side of the indicator.",
-              "fieldName": "valuePosition"
-            },
-            {
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Inverts the progress bar's colors.",
-              "fieldName": "inverted"
-            },
-            {
-              "name": "show-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows the label visually.",
-              "fieldName": "showLabel"
-            },
-            {
-              "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": "Used to visually represent the progression of an activity.",
-          "status": "stable",
-          "since": "6.23",
-          "tagName": "sd-7-0-1-progress-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdProgressBar",
-            "module": "components/progress-bar/progress-bar.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-7-0-1-progress-bar",
-          "declaration": {
-            "name": "SdProgressBar",
-            "module": "components/progress-bar/progress-bar.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/popup/popup.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdPopup",
-          "cssProperties": [
-            {
-              "description": "The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used.",
-              "name": "--arrow-size",
-              "default": "6px"
-            },
-            {
-              "description": "The color of the arrow.",
-              "name": "--arrow-color",
-              "default": "var(--sd-color-neutral-0)"
-            },
-            {
-              "description": "A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
-              "name": "--auto-size-available-width"
-            },
-            {
-              "description": "A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
-              "name": "--auto-size-available-height"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.",
-              "name": "arrow"
-            },
-            {
-              "description": "The popup's container. Useful for setting a background color, box shadow, etc.",
-              "name": "popup"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The popup's content.",
-              "name": ""
+              "description": "Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.",
+              "name": "sd-reposition"
             },
             {
-              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.",
-              "name": "anchor"
+              "description": "Emitted when the popup's placement changes automatically based on screen limitations.",
+              "name": "sd-current-placement"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "anchor",
               "type": {
                 "text": "Element | string"
               },
               "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
-              "attribute": "anchor",
-              "reflects": true
+              "fieldName": "anchor"
             },
             {
-              "kind": "field",
               "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
-              "attribute": "active",
-              "reflects": true
+              "fieldName": "active"
             },
             {
-              "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": "'top'",
               "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
+              "fieldName": "placement"
             },
             {
-              "kind": "field",
               "name": "strategy",
               "type": {
                 "text": "'absolute' | 'fixed'"
               },
               "default": "'absolute'",
               "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if\noverflow is clipped, using a `fixed` position strategy can often workaround it.",
-              "attribute": "strategy",
-              "reflects": true
+              "fieldName": "strategy"
             },
             {
-              "kind": "field",
               "name": "distance",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel away from its anchor.",
-              "attribute": "distance",
-              "reflects": true
+              "fieldName": "distance"
             },
             {
-              "kind": "field",
               "name": "skidding",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel along its anchor.",
-              "attribute": "skidding",
-              "reflects": true
+              "fieldName": "skidding"
             },
             {
-              "kind": "field",
               "name": "arrow",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
-              "attribute": "arrow",
-              "reflects": true
+              "fieldName": "arrow"
             },
             {
-              "kind": "field",
-              "name": "arrowPlacement",
+              "name": "arrow-placement",
               "type": {
                 "text": "'start' | 'end' | 'center' | 'anchor'"
               },
               "default": "'anchor'",
               "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
-              "attribute": "arrow-placement",
-              "reflects": true
+              "fieldName": "arrowPlacement"
             },
             {
-              "kind": "field",
-              "name": "arrowPadding",
+              "name": "arrow-padding",
               "type": {
                 "text": "number"
               },
               "default": "10",
               "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
-              "attribute": "arrow-padding",
-              "reflects": true
+              "fieldName": "arrowPadding"
             },
             {
-              "kind": "field",
               "name": "flip",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
-              "attribute": "flip",
-              "reflects": true
+              "fieldName": "flip"
             },
             {
-              "kind": "field",
-              "name": "flipFallbackPlacements",
+              "name": "flip-fallback-placements",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
-              "attribute": "flip-fallback-placements"
+              "fieldName": "flipFallbackPlacements"
             },
             {
-              "kind": "field",
-              "name": "flipFallbackStrategy",
+              "name": "flip-fallback-strategy",
               "type": {
                 "text": "'best-fit' | 'initial'"
               },
               "default": "'best-fit'",
               "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
-              "attribute": "flip-fallback-strategy"
+              "fieldName": "flipFallbackStrategy"
             },
             {
-              "kind": "field",
               "name": "flipBoundary",
               "type": {
                 "text": "Element | Element[]"
               },
               "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "attribute": "flipBoundary"
+              "fieldName": "flipBoundary"
             },
             {
-              "kind": "field",
-              "name": "flipPadding",
+              "name": "flip-padding",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
-              "attribute": "flip-padding"
+              "fieldName": "flipPadding"
             },
             {
-              "kind": "field",
               "name": "shift",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Moves the popup along the axis to keep it in view when clipped.",
-              "attribute": "shift"
+              "fieldName": "shift"
             },
             {
-              "kind": "field",
               "name": "shiftBoundary",
               "type": {
                 "text": "Element | Element[]"
               },
               "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "attribute": "shiftBoundary"
+              "fieldName": "shiftBoundary"
+            },
+            {
+              "name": "shift-padding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
+              "fieldName": "shiftPadding"
+            },
+            {
+              "name": "auto-size",
+              "type": {
+                "text": "'horizontal' | 'vertical' | 'both'"
+              },
+              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
+              "fieldName": "autoSize"
+            },
+            {
+              "name": "sync",
+              "type": {
+                "text": "'width' | 'height' | 'both'"
+              },
+              "description": "Syncs the popup's width or height to that of the anchor element.",
+              "fieldName": "sync"
+            },
+            {
+              "name": "autoSizeBoundary",
+              "type": {
+                "text": "Element | Element[]"
+              },
+              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "fieldName": "autoSizeBoundary"
+            },
+            {
+              "name": "auto-size-padding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
+              "fieldName": "autoSizePadding"
+            },
+            {
+              "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": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
+          "status": "stable",
+          "since": "1.8",
+          "tagName": "sd-7-0-2-popup",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdPopup",
+            "module": "components/popup/popup.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-7-0-2-popup",
+          "declaration": {
+            "name": "SdPopup",
+            "module": "components/popup/popup.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/progress-bar/progress-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdProgressBar",
+          "cssProperties": [
+            {
+              "description": "Use this property to set the height of the progress-bar.",
+              "name": "--height"
+            },
+            {
+              "description": "The background color of the progress bar when the `inverted` attribute is set.",
+              "name": "--sd-progress-bar__slide-bar--inverted-color-background"
+            },
+            {
+              "description": "The background color of the progress bar.",
+              "name": "--sd-progress-bar__slide-bar-color-background"
+            },
+            {
+              "description": "The color of the progress indicator when the `inverted` attribute is set.",
+              "name": "--sd-progress-bar--active--inverted-color-background"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "Value's on the right side of the indicator.",
+              "name": "value-right"
+            },
+            {
+              "description": "Value's on the bottom of the indicator.",
+              "name": "value-bottom"
+            },
+            {
+              "description": "The label element.",
+              "name": "label"
+            },
+            {
+              "description": "The progress bar's container.",
+              "name": "bar"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "shiftPadding",
+              "name": "value",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "The current progress value.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The maximum progress value.",
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
-              "attribute": "shift-padding"
+              "default": "''",
+              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "autoSize",
+              "name": "valuePosition",
               "type": {
-                "text": "'horizontal' | 'vertical' | 'both'"
+                "text": "'right' | 'bottom' | null"
               },
-              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
-              "attribute": "auto-size"
+              "default": "null",
+              "description": "Displays the progress value on the right side of the indicator.",
+              "attribute": "value-position",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "sync",
+              "name": "inverted",
               "type": {
-                "text": "'width' | 'height' | 'both'"
+                "text": "boolean"
               },
-              "description": "Syncs the popup's width or height to that of the anchor element.",
-              "attribute": "sync"
+              "default": "false",
+              "description": "Inverts the progress bar's colors.",
+              "attribute": "inverted",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "autoSizeBoundary",
+              "name": "showLabel",
               "type": {
-                "text": "Element | Element[]"
+                "text": "boolean"
               },
-              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "attribute": "autoSizeBoundary"
+              "default": "false",
+              "description": "Shows the label visually.",
+              "attribute": "show-label",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "autoSizePadding",
+              "name": "valueFormatter",
               "type": {
-                "text": "number"
+                "text": "(value: number) => string"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
-              "attribute": "auto-size-padding"
+              "description": "A function used to format the progress-bar's value.\nThe value of the progress-bar is passed as the only argument.\nThe function should return a string to display in the value-position part."
             },
             {
-              "kind": "method",
-              "name": "reposition",
-              "description": "Forces the popup to recalculate and reposition itself."
+              "kind": "field",
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
@@ -15479,199 +15619,60 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.",
-              "name": "sd-reposition"
-            },
-            {
-              "description": "Emitted when the popup's placement changes automatically based on screen limitations.",
-              "name": "sd-current-placement"
-            }
-          ],
           "attributes": [
             {
-              "name": "anchor",
-              "type": {
-                "text": "Element | string"
-              },
-              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
-              "fieldName": "anchor"
-            },
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
-              "fieldName": "active"
-            },
-            {
-              "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": "'top'",
-              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
-              "fieldName": "placement"
-            },
-            {
-              "name": "strategy",
-              "type": {
-                "text": "'absolute' | 'fixed'"
-              },
-              "default": "'absolute'",
-              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if\noverflow is clipped, using a `fixed` position strategy can often workaround it.",
-              "fieldName": "strategy"
-            },
-            {
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel away from its anchor.",
-              "fieldName": "distance"
-            },
-            {
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel along its anchor.",
-              "fieldName": "skidding"
-            },
-            {
-              "name": "arrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
-              "fieldName": "arrow"
-            },
-            {
-              "name": "arrow-placement",
+              "name": "value",
               "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+                "text": "number | null"
               },
-              "default": "'anchor'",
-              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
-              "fieldName": "arrowPlacement"
+              "default": "null",
+              "description": "The current progress value.",
+              "fieldName": "value"
             },
             {
-              "name": "arrow-padding",
+              "name": "max",
               "type": {
                 "text": "number"
               },
-              "default": "10",
-              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
-              "fieldName": "arrowPadding"
-            },
-            {
-              "name": "flip",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
-              "fieldName": "flip"
+              "default": "100",
+              "description": "The maximum progress value.",
+              "fieldName": "max"
             },
             {
-              "name": "flip-fallback-placements",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
-              "fieldName": "flipFallbackPlacements"
-            },
-            {
-              "name": "flip-fallback-strategy",
-              "type": {
-                "text": "'best-fit' | 'initial'"
-              },
-              "default": "'best-fit'",
-              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
-              "fieldName": "flipFallbackStrategy"
-            },
-            {
-              "name": "flipBoundary",
-              "type": {
-                "text": "Element | Element[]"
-              },
-              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "fieldName": "flipBoundary"
+              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
             },
             {
-              "name": "flip-padding",
+              "name": "value-position",
               "type": {
-                "text": "number"
+                "text": "'right' | 'bottom' | null"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
-              "fieldName": "flipPadding"
+              "default": "null",
+              "description": "Displays the progress value on the right side of the indicator.",
+              "fieldName": "valuePosition"
             },
             {
-              "name": "shift",
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Moves the popup along the axis to keep it in view when clipped.",
-              "fieldName": "shift"
-            },
-            {
-              "name": "shiftBoundary",
-              "type": {
-                "text": "Element | Element[]"
-              },
-              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "fieldName": "shiftBoundary"
-            },
-            {
-              "name": "shift-padding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
-              "fieldName": "shiftPadding"
-            },
-            {
-              "name": "auto-size",
-              "type": {
-                "text": "'horizontal' | 'vertical' | 'both'"
-              },
-              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
-              "fieldName": "autoSize"
-            },
-            {
-              "name": "sync",
-              "type": {
-                "text": "'width' | 'height' | 'both'"
-              },
-              "description": "Syncs the popup's width or height to that of the anchor element.",
-              "fieldName": "sync"
-            },
-            {
-              "name": "autoSizeBoundary",
-              "type": {
-                "text": "Element | Element[]"
-              },
-              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "fieldName": "autoSizeBoundary"
+              "description": "Inverts the progress bar's colors.",
+              "fieldName": "inverted"
             },
             {
-              "name": "auto-size-padding",
+              "name": "show-label",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
-              "fieldName": "autoSizePadding"
+              "default": "false",
+              "description": "Shows the label visually.",
+              "fieldName": "showLabel"
             },
             {
               "name": "dir",
@@ -15702,11 +15703,10 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
+          "summary": "Used to visually represent the progression of an activity.",
           "status": "stable",
-          "since": "1.8",
-          "tagName": "sd-7-0-1-popup",
+          "since": "6.23",
+          "tagName": "sd-7-0-2-progress-bar",
           "customElement": true
         }
       ],
@@ -15715,16 +15715,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdPopup",
-            "module": "components/popup/popup.js"
+            "name": "SdProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-popup",
+          "name": "sd-7-0-2-progress-bar",
           "declaration": {
-            "name": "SdPopup",
-            "module": "components/popup/popup.js"
+            "name": "SdProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
           }
         }
       ]
@@ -15871,7 +15871,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-7-0-2-icon>`.",
               "name": "icon"
             },
             {
@@ -15891,7 +15891,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -15899,7 +15899,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-7-0-1-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-7-0-2-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -16135,10 +16135,10 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-accordion"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-accordion"
           ],
-          "tagName": "sd-7-0-1-quickfact",
+          "tagName": "sd-7-0-2-quickfact",
           "customElement": true,
           "events": [
             {
@@ -16187,7 +16187,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-quickfact",
+          "name": "sd-7-0-2-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -16502,7 +16502,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-7-0-1-radio",
+          "tagName": "sd-7-0-2-radio",
           "customElement": true
         }
       ],
@@ -16517,7 +16517,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-radio",
+          "name": "sd-7-0-2-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -16815,7 +16815,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-7-0-1-radio-button",
+          "tagName": "sd-7-0-2-radio-button",
           "customElement": true
         }
       ],
@@ -16830,7 +16830,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-radio-button",
+          "name": "sd-7-0-2-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -16884,7 +16884,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-7-0-1-radio>` or `<sd-7-0-1-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-7-0-2-radio>` or `<sd-7-0-2-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -16896,7 +16896,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-7-0-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-7-0-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -17127,7 +17127,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -17236,14 +17236,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used to group multiple `sd-7-0-1-radio` or `sd-7-0-1-radio-button` components so they function as a single form control.",
+          "summary": "Used to group multiple `sd-7-0-2-radio` or `sd-7-0-2-radio-button` components so they function as a single form control.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-7-0-1-button-group"
+            "sd-7-0-2-button-group"
           ],
-          "tagName": "sd-7-0-1-radio-group",
+          "tagName": "sd-7-0-2-radio-group",
           "customElement": true
         }
       ],
@@ -17258,7 +17258,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-radio-group",
+          "name": "sd-7-0-2-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -17624,7 +17624,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             },
             {
               "description": "Emitted when the user moves a thumb, either via touch or keyboard. Use `Event.preventDefault()` to prevent movement.",
@@ -17760,9 +17760,9 @@
           "status": "experimental",
           "since": "5.9",
           "dependencies": [
-            "sd-7-0-1-tooltip"
+            "sd-7-0-2-tooltip"
           ],
-          "tagName": "sd-7-0-1-range",
+          "tagName": "sd-7-0-2-range",
           "customElement": true
         }
       ],
@@ -17777,7 +17777,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-range",
+          "name": "sd-7-0-2-range",
           "declaration": {
             "name": "SdRange",
             "module": "components/range/range.js"
@@ -18059,10 +18059,10 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used to represent a tick within `sd-7-0-1-range`.",
+          "summary": "Used to represent a tick within `sd-7-0-2-range`.",
           "status": "experimental",
           "since": "5.9",
-          "tagName": "sd-7-0-1-range-tick",
+          "tagName": "sd-7-0-2-range-tick",
           "customElement": true
         }
       ],
@@ -18077,7 +18077,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-range-tick",
+          "name": "sd-7-0-2-range-tick",
           "declaration": {
             "name": "SdRangeTick",
             "module": "components/range-tick/range-tick.js"
@@ -18442,9 +18442,9 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-scrollable",
+          "tagName": "sd-7-0-2-scrollable",
           "customElement": true
         }
       ],
@@ -18459,7 +18459,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-scrollable",
+          "name": "sd-7-0-2-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -18577,7 +18577,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-7-0-1-option>` elements. You can use `<sd-7-0-1-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-7-0-2-option>` elements. You can use `<sd-7-0-2-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -18597,7 +18597,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-7-0-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-7-0-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -18759,7 +18759,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-7-0-1-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-7-0-2-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -19014,7 +19014,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -19151,7 +19151,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-7-0-1-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-7-0-2-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -19267,11 +19267,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-popup",
-            "sd-7-0-1-tag"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-popup",
+            "sd-7-0-2-tag"
           ],
-          "tagName": "sd-7-0-1-select",
+          "tagName": "sd-7-0-2-select",
           "customElement": true
         }
       ],
@@ -19286,7 +19286,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-select",
+          "name": "sd-7-0-2-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -19454,7 +19454,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/skeleton",
           "status": "stable",
           "since": "5.17.0",
-          "tagName": "sd-7-0-1-skeleton",
+          "tagName": "sd-7-0-2-skeleton",
           "customElement": true
         }
       ],
@@ -19469,7 +19469,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-skeleton",
+          "name": "sd-7-0-2-skeleton",
           "declaration": {
             "name": "SdSkeleton",
             "module": "components/skeleton/skeleton.js"
@@ -19903,15 +19903,15 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used to determine a step in a process or task inside `sd-7-0-1-step-group`.",
+          "summary": "Used to determine a step in a process or task inside `sd-7-0-2-step-group`.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/step",
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-7-0-1-icon",
-            "sd-7-0-1-divider"
+            "sd-7-0-2-icon",
+            "sd-7-0-2-divider"
           ],
-          "tagName": "sd-7-0-1-step",
+          "tagName": "sd-7-0-2-step",
           "customElement": true
         }
       ],
@@ -19926,7 +19926,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-step",
+          "name": "sd-7-0-2-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -19954,7 +19954,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-7-0-1-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-7-0-2-step>` elements.",
               "name": ""
             }
           ],
@@ -20186,7 +20186,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-7-0-1-step-group",
+          "tagName": "sd-7-0-2-step-group",
           "customElement": true
         }
       ],
@@ -20201,7 +20201,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-step-group",
+          "name": "sd-7-0-2-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -20275,7 +20275,7 @@
               "name": ""
             },
             {
-              "description": "An optional tooltip that helps describe the switch. Use this slot with the `sd-7-0-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the switch. Use this slot with the `sd-7-0-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -20521,7 +20521,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             }
           ],
           "attributes": [
@@ -20620,7 +20620,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-7-0-1-switch",
+          "tagName": "sd-7-0-2-switch",
           "customElement": true
         }
       ],
@@ -20635,7 +20635,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-switch",
+          "name": "sd-7-0-2-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -20948,14 +20948,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used inside `sd-7-0-1-tab-group` to represent and activate `sd-7-0-1-tab-panel`.",
+          "summary": "Used inside `sd-7-0-2-tab-group` to represent and activate `sd-7-0-2-tab-panel`.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab",
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-7-0-1-button"
+            "sd-7-0-2-button"
           ],
-          "tagName": "sd-7-0-1-tab",
+          "tagName": "sd-7-0-2-tab",
           "customElement": true
         }
       ],
@@ -20970,7 +20970,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-tab",
+          "name": "sd-7-0-2-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -21036,11 +21036,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-7-0-1-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-7-0-2-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-7-0-1-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-7-0-2-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -21160,14 +21160,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-7-0-1-tab-show"
+              "name": "sd-7-0-2-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-7-0-1-tab-hide"
+              "name": "sd-7-0-2-tab-hide"
             }
           ],
           "attributes": [
@@ -21214,9 +21214,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-7-0-1-tab"
+            "sd-7-0-2-tab"
           ],
-          "tagName": "sd-7-0-1-tab-group",
+          "tagName": "sd-7-0-2-tab-group",
           "customElement": true
         }
       ],
@@ -21231,7 +21231,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-tab-group",
+          "name": "sd-7-0-2-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -21415,11 +21415,11 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Used inside `sd-7-0-1-tab-group` to display tabbed content.",
+          "summary": "Used inside `sd-7-0-2-tab-group` to display tabbed content.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-7-0-1-tab-panel",
+          "tagName": "sd-7-0-2-tab-panel",
           "customElement": true
         }
       ],
@@ -21434,7 +21434,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-tab-panel",
+          "name": "sd-7-0-2-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -21895,9 +21895,9 @@
           "status": "stable",
           "since": "1.10",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-tag",
+          "tagName": "sd-7-0-2-tag",
           "customElement": true
         }
       ],
@@ -21912,7 +21912,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-tag",
+          "name": "sd-7-0-2-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -22192,7 +22192,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-7-0-1-teaser",
+          "tagName": "sd-7-0-2-teaser",
           "customElement": true
         }
       ],
@@ -22207,7 +22207,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-teaser",
+          "name": "sd-7-0-2-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -22460,10 +22460,10 @@
             "module": "/src/internal/solid-element"
           },
           "summary": "Used as a flexible container with image that groups related items and links them to further content.",
-          "documentation": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-7-0-1-teaser-media--docs",
+          "documentation": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-7-0-2-teaser-media--docs",
           "status": "stable",
           "since": "2.4.0",
-          "tagName": "sd-7-0-1-teaser-media",
+          "tagName": "sd-7-0-2-teaser-media",
           "customElement": true
         }
       ],
@@ -22478,7 +22478,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-teaser-media",
+          "name": "sd-7-0-2-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -22560,7 +22560,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-7-0-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-7-0-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -23070,7 +23070,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-7-0-1-input"
+              "name": "sd-7-0-2-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -23319,9 +23319,9 @@
           "status": "stable",
           "since": "1.31.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-textarea",
+          "tagName": "sd-7-0-2-textarea",
           "customElement": true
         }
       ],
@@ -23336,7 +23336,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-textarea",
+          "name": "sd-7-0-2-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -23445,7 +23445,7 @@
           "summary": "Theme listener is a utility that listens to theme changes and triggers an event.",
           "status": "experimental",
           "since": "1.0",
-          "tagName": "sd-7-0-1-theme-listener",
+          "tagName": "sd-7-0-2-theme-listener",
           "customElement": true,
           "attributes": [
             {
@@ -23486,7 +23486,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-theme-listener",
+          "name": "sd-7-0-2-theme-listener",
           "declaration": {
             "name": "SdThemeListener",
             "module": "components/theme-listener/theme-listener.js"
@@ -23526,7 +23526,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-7-0-1-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-7-0-2-popup>` element.",
               "name": "base"
             },
             {
@@ -23872,8 +23872,8 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-7-0-1-popup",
-            "sd-7-0-1-icon"
+            "sd-7-0-2-popup",
+            "sd-7-0-2-icon"
           ],
           "animations": [
             {
@@ -23885,7 +23885,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-7-0-1-tooltip",
+          "tagName": "sd-7-0-2-tooltip",
           "customElement": true
         }
       ],
@@ -23900,7 +23900,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-tooltip",
+          "name": "sd-7-0-2-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -24123,9 +24123,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-7-0-1-icon"
+            "sd-7-0-2-icon"
           ],
-          "tagName": "sd-7-0-1-video",
+          "tagName": "sd-7-0-2-video",
           "customElement": true
         }
       ],
@@ -24140,7 +24140,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-7-0-1-video",
+          "name": "sd-7-0-2-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -24152,7 +24152,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "7.0.1",
+    "version": "7.0.2",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"