npm - @solid-design-system/components - Versions diffs - 4.5.1 → 4.5.2 - Mend

@solid-design-system/components 4.5.1 → 4.5.2

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

Files changed (490) hide show

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

@@ -50,11 +50,11 @@
               "name": "summary"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -90,7 +90,8 @@
                 "text": "string"
               },
               "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "attribute": "summary"
+              "attribute": "summary",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -223,7 +224,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
           "animations": [
             {
@@ -235,7 +236,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-4-5-1-accordion",
+          "tagName": "sd-4-5-2-accordion",
           "customElement": true
         }
       ],
@@ -250,7 +251,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-accordion",
+          "name": "sd-4-5-2-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -274,7 +275,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-5-1-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-4-5-2-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -287,7 +288,8 @@
               },
               "default": "false",
               "description": "Closes other accordions.",
-              "attribute": "close-others"
+              "attribute": "close-others",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -384,9 +386,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-5-1-accordion"
+            "sd-4-5-2-accordion"
           ],
-          "tagName": "sd-4-5-1-accordion-group",
+          "tagName": "sd-4-5-2-accordion-group",
           "customElement": true
         }
       ],
@@ -401,7 +403,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-accordion-group",
+          "name": "sd-4-5-2-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -419,7 +421,7 @@
           "name": "SdAnimation",
           "slots": [
             {
-              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sd-4-5-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-4-5-2-animation>` elements.",
               "name": ""
             }
           ],
@@ -760,7 +762,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-animation",
+          "tagName": "sd-4-5-2-animation",
           "customElement": true
         }
       ],
@@ -775,7 +777,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-animation",
+          "name": "sd-4-5-2-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -934,7 +936,8 @@
               },
               "default": "1",
               "description": "Sets value of the audio element playback rate",
-              "attribute": "speed"
+              "attribute": "speed",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1164,9 +1167,9 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-audio",
+          "tagName": "sd-4-5-2-audio",
           "customElement": true
         }
       ],
@@ -1181,7 +1184,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-audio",
+          "name": "sd-4-5-2-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1554,7 +1557,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-4-5-1-badge",
+          "tagName": "sd-4-5-2-badge",
           "customElement": true
         }
       ],
@@ -1569,7 +1572,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-badge",
+          "name": "sd-4-5-2-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1630,7 +1633,8 @@
               },
               "default": "'primary'",
               "description": "The brandshape's theme variant.",
-              "attribute": "variant"
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1745,7 +1749,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-4-5-1-brandshape",
+          "tagName": "sd-4-5-2-brandshape",
           "customElement": true
         }
       ],
@@ -1760,7 +1764,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-brandshape",
+          "name": "sd-4-5-2-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -1816,7 +1820,8 @@
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1892,7 +1897,8 @@
               },
               "default": "'button'",
               "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-              "attribute": "type"
+              "attribute": "type",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1902,7 +1908,8 @@
               },
               "default": "''",
               "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1922,7 +1929,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1931,7 +1939,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1940,7 +1949,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1949,7 +1959,8 @@
                 "text": "string"
               },
               "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "attribute": "form"
+              "attribute": "form",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2327,10 +2338,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-5-1-icon",
-            "sd-4-5-1-spinner"
+            "sd-4-5-2-icon",
+            "sd-4-5-2-spinner"
           ],
-          "tagName": "sd-4-5-1-button",
+          "tagName": "sd-4-5-2-button",
           "customElement": true
         }
       ],
@@ -2345,7 +2356,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-button",
+          "name": "sd-4-5-2-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -2369,7 +2380,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-4-5-1-button>` elements to display in the button group.",
+              "description": "One or more `<sd-4-5-2-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -2390,7 +2401,8 @@
               },
               "default": "''",
               "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2486,7 +2498,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-button-group",
+          "tagName": "sd-4-5-2-button-group",
           "customElement": true
         }
       ],
@@ -2501,7 +2513,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-button-group",
+          "name": "sd-4-5-2-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -2626,23 +2638,23 @@
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-4-5-1-carousel-item>` elements.",
+              "description": "The carousel's main content, one or more `<sd-4-5-2-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "next-icon"
             },
             {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "previous-icon"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "autoplay-start"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "autoplay-pause"
             }
           ],
@@ -2699,7 +2711,8 @@
               },
               "default": "1",
               "description": "Specifies how many slides should be shown at a given time.",
-              "attribute": "slides-per-page"
+              "attribute": "slides-per-page",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2709,7 +2722,8 @@
               },
               "default": "1",
               "description": "Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>\n<b>Note:</b><br>\n<li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>\n<li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>",
-              "attribute": "slides-per-move"
+              "attribute": "slides-per-move",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2929,9 +2943,9 @@
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-carousel",
+          "tagName": "sd-4-5-2-carousel",
           "customElement": true
         }
       ],
@@ -2946,7 +2960,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-carousel",
+          "name": "sd-4-5-2-carousel",
           "declaration": {
             "name": "SdCarousel",
             "module": "components/carousel/carousel.js"
@@ -3099,7 +3113,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-4-5-1-carousel-item",
+          "tagName": "sd-4-5-2-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -3140,7 +3154,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-carousel-item",
+          "name": "sd-4-5-2-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -3174,11 +3188,11 @@
               "name": "control--indeterminate"
             },
             {
-              "description": "The checked icon, an `<sd-4-5-1-icon>` element.",
+              "description": "The checked icon, an `<sd-4-5-2-icon>` element.",
               "name": "checked-icon"
             },
             {
-              "description": "The indeterminate icon, an `<sd-4-5-1-icon>` element.",
+              "description": "The indeterminate icon, an `<sd-4-5-2-icon>` element.",
               "name": "indeterminate-icon"
             },
             {
@@ -3200,7 +3214,8 @@
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3210,7 +3225,8 @@
               },
               "default": "''",
               "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3436,7 +3452,7 @@
             },
             {
               "description": "Emitted when the checkbox receives input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             }
           ],
           "attributes": [
@@ -3562,9 +3578,9 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-checkbox",
+          "tagName": "sd-4-5-2-checkbox",
           "customElement": true
         }
       ],
@@ -3579,7 +3595,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-checkbox",
+          "name": "sd-4-5-2-checkbox",
           "declaration": {
             "name": "SdCheckbox",
             "module": "components/checkbox/checkbox.js"
@@ -3597,7 +3613,7 @@
           "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The default slot where `<sd-4-5-1-checkbox>` elements are placed.",
+              "description": "The default slot where `<sd-4-5-2-checkbox>` elements are placed.",
               "name": ""
             },
             {
@@ -3605,7 +3621,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-5-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-5-2-tooltip` component.",
               "name": "tooltip"
             },
             {
@@ -3644,7 +3660,8 @@
               },
               "default": "''",
               "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3654,7 +3671,8 @@
               },
               "default": "''",
               "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3777,7 +3795,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "tagName": "sd-4-5-1-checkbox-group",
+          "tagName": "sd-4-5-2-checkbox-group",
           "customElement": true
         }
       ],
@@ -3792,7 +3810,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-checkbox-group",
+          "name": "sd-4-5-2-checkbox-group",
           "declaration": {
             "name": "SdCheckboxGroup",
             "module": "components/checkbox-group/checkbox-group.js"
@@ -3866,7 +3884,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-5-1-option>` elements. You can use `<sd-4-5-1-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-5-2-option>` elements. You can use `<sd-4-5-2-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -3902,7 +3920,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-5-1-icon': SdIcon, 'sd-4-5-1-popup': SdPopup, 'sd-4-5-1-tag': SdTag }"
+              "default": "{ 'sd-4-5-2-icon': SdIcon, 'sd-4-5-2-popup': SdPopup, 'sd-4-5-2-tag': SdTag }"
             },
             {
               "kind": "field",
@@ -3966,7 +3984,8 @@
               },
               "default": "''",
               "description": "The name of the combobox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4006,7 +4025,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4016,7 +4036,8 @@
               },
               "default": "''",
               "description": "Label text shown on tag if max-options-visible is reached.",
-              "attribute": "max-options-tag-label"
+              "attribute": "max-options-tag-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4048,7 +4069,8 @@
               },
               "default": "false",
               "description": "Adds a clear button when the combobox is not empty.",
-              "attribute": "clearable"
+              "attribute": "clearable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4069,7 +4091,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4079,7 +4102,8 @@
               },
               "default": "''",
               "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4100,7 +4124,8 @@
               },
               "default": "''",
               "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4152,7 +4177,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-5-1-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-5-2-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -4164,7 +4189,8 @@
               },
               "default": "3",
               "description": "The maximum number of selected options to show when `multiple` and `useTags` are `true`. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "attribute": "max-options-visible"
+              "attribute": "max-options-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4332,7 +4358,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -4527,7 +4553,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-5-1-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-5-2-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -4613,10 +4639,10 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-5-1-icon",
-            "sd-4-5-1-popup"
+            "sd-4-5-2-icon",
+            "sd-4-5-2-popup"
           ],
-          "tagName": "sd-4-5-1-combobox",
+          "tagName": "sd-4-5-2-combobox",
           "customElement": true
         }
       ],
@@ -4631,7 +4657,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-combobox",
+          "name": "sd-4-5-2-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -4754,7 +4780,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-4-5-1-optgroup"
+          "description": "Check if an item is a sd-4-5-2-optgroup"
         },
         {
           "kind": "function",
@@ -4901,7 +4927,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-5-1-button>`.",
+              "description": "The close button, an `<sd-4-5-2-button>`.",
               "name": "close-button"
             },
             {
@@ -4927,7 +4953,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-4-5-1-button>` and `<sd-4-5-1-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-4-5-2-button>` and `<sd-4-5-2-icon>`.",
               "name": "close-button"
             }
           ],
@@ -5123,8 +5149,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-4-5-1-button",
-            "sd-4-5-1-icon"
+            "sd-4-5-2-button",
+            "sd-4-5-2-icon"
           ],
           "animations": [
             {
@@ -5148,7 +5174,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-4-5-1-dialog",
+          "tagName": "sd-4-5-2-dialog",
           "customElement": true
         }
       ],
@@ -5163,7 +5189,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-dialog",
+          "name": "sd-4-5-2-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -5311,7 +5337,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-divider",
+          "tagName": "sd-4-5-2-divider",
           "customElement": true
         }
       ],
@@ -5326,7 +5352,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-divider",
+          "name": "sd-4-5-2-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -5370,7 +5396,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-5-1-button>`.",
+              "description": "The close button, an `<sd-4-5-2-button>`.",
               "name": "close-button"
             },
             {
@@ -5455,7 +5481,8 @@
               },
               "default": "false",
               "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
-              "attribute": "no-header"
+              "attribute": "no-header",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -5627,7 +5654,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-4-5-1-button"
+            "sd-4-5-2-button"
           ],
           "animations": [
             {
@@ -5659,7 +5686,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-4-5-1-drawer",
+          "tagName": "sd-4-5-2-drawer",
           "customElement": true
         }
       ],
@@ -5674,7 +5701,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-drawer",
+          "name": "sd-4-5-2-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -5710,7 +5737,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-4-5-1-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-4-5-2-button>` element.",
               "name": "trigger"
             }
           ],
@@ -5791,7 +5818,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel away from its trigger. This defaults to `0` for `rounded=false` and to a minimum of `1` for `rounded=true`.",
-              "attribute": "distance"
+              "attribute": "distance",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5801,7 +5829,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel along its trigger.",
-              "attribute": "skidding"
+              "attribute": "skidding",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5833,7 +5862,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -5843,7 +5873,7 @@
                   "text": "HTMLElement | null"
                 }
               },
-              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-4-5-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-4-5-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",
@@ -6054,7 +6084,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-4-5-1-popup"
+            "sd-4-5-2-popup"
           ],
           "animations": [
             {
@@ -6066,7 +6096,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-4-5-1-dropdown",
+          "tagName": "sd-4-5-2-dropdown",
           "customElement": true
         }
       ],
@@ -6081,7 +6111,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-dropdown",
+          "name": "sd-4-5-2-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -6312,9 +6342,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-expandable",
+          "tagName": "sd-4-5-2-expandable",
           "customElement": true
         }
       ],
@@ -6329,7 +6359,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-expandable",
+          "name": "sd-4-5-2-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -6612,10 +6642,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-4-5-1-button",
-            "sd-4-5-1-icon"
+            "sd-4-5-2-button",
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-flipcard",
+          "tagName": "sd-4-5-2-flipcard",
           "customElement": true
         }
       ],
@@ -6630,7 +6660,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-flipcard",
+          "name": "sd-4-5-2-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -6778,7 +6808,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-4-5-1-header",
+          "tagName": "sd-4-5-2-header",
           "customElement": true
         }
       ],
@@ -6793,7 +6823,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-header",
+          "name": "sd-4-5-2-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -6998,7 +7028,7 @@
           "summary": "Icons are symbols that can be used to represent various options within an application.",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-icon",
+          "tagName": "sd-4-5-2-icon",
           "customElement": true
         }
       ],
@@ -7013,7 +7043,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-icon",
+          "name": "sd-4-5-2-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -7294,7 +7324,8 @@
                 "text": "string"
               },
               "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "src"
+              "attribute": "src",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7304,7 +7335,8 @@
               },
               "default": "'cors'",
               "description": "The fetch mode to use.",
-              "attribute": "mode"
+              "attribute": "mode",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7314,7 +7346,8 @@
               },
               "default": "false",
               "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "allow-scripts"
+              "attribute": "allow-scripts",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7440,7 +7473,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-include",
+          "tagName": "sd-4-5-2-include",
           "customElement": true
         }
       ],
@@ -7455,7 +7488,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-include",
+          "name": "sd-4-5-2-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -7600,7 +7633,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-5-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-5-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -7637,10 +7670,11 @@
               "kind": "field",
               "name": "inputmode",
               "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "attribute": "inputmode"
+              "attribute": "inputmode",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7669,7 +7703,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the input is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7679,7 +7714,8 @@
               },
               "default": "''",
               "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7689,7 +7725,8 @@
               },
               "default": "''",
               "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7699,7 +7736,8 @@
               },
               "default": "false",
               "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
+              "attribute": "clearable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7742,7 +7780,8 @@
               },
               "default": "false",
               "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-              "attribute": "password-toggle"
+              "attribute": "password-toggle",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7752,7 +7791,8 @@
               },
               "default": "false",
               "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "attribute": "password-visible"
+              "attribute": "password-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7762,7 +7802,8 @@
               },
               "default": "false",
               "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs and displays custom buttons.",
-              "attribute": "spin-buttons"
+              "attribute": "spin-buttons",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7771,7 +7812,8 @@
                 "text": "number"
               },
               "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength"
+              "attribute": "minlength",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7780,7 +7822,8 @@
                 "text": "number"
               },
               "description": "The maximum length of input that will be considered valid.",
-              "attribute": "maxlength"
+              "attribute": "maxlength",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7789,7 +7832,8 @@
                 "text": "number | string"
               },
               "description": "The input's minimum value. Only applies to date and number input types.",
-              "attribute": "min"
+              "attribute": "min",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7798,7 +7842,8 @@
                 "text": "number | string"
               },
               "description": "The input's maximum value. Only applies to date and number input types.",
-              "attribute": "max"
+              "attribute": "max",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7819,7 +7864,8 @@
               },
               "default": "''",
               "description": "The name of the input, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7829,7 +7875,8 @@
               },
               "default": "''",
               "description": "The `title` attribute specifies extra information about an element most often as tooltip text when the mouse moves over the element.",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7858,16 +7905,18 @@
                 "text": "number | 'any'"
               },
               "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "attribute": "step"
+              "attribute": "step",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "attribute": "autocapitalize"
+              "attribute": "autocapitalize",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7876,7 +7925,8 @@
                 "text": "'off' | 'on'"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect"
+              "attribute": "autocorrect",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7885,7 +7935,8 @@
                 "text": "string"
               },
               "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
+              "attribute": "autocomplete",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7894,16 +7945,18 @@
                 "text": "boolean"
               },
               "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus"
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint"
+              "attribute": "enterkeyhint",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8134,7 +8187,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -8163,7 +8216,7 @@
             {
               "name": "inputmode",
               "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "fieldName": "inputmode"
@@ -8354,7 +8407,7 @@
             {
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
               "fieldName": "autocapitalize"
@@ -8386,7 +8439,7 @@
             {
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
               "fieldName": "enterkeyhint"
@@ -8443,9 +8496,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-input",
+          "tagName": "sd-4-5-2-input",
           "customElement": true
         }
       ],
@@ -8460,7 +8513,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-input",
+          "name": "sd-4-5-2-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -8550,7 +8603,8 @@
               },
               "default": "''",
               "description": "When not set, the link will render as disabled.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8560,7 +8614,8 @@
               },
               "default": "false",
               "description": "Styles the link as if it was disabled and enables aria-disabled",
-              "attribute": "visually-disabled"
+              "attribute": "visually-disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8569,7 +8624,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8578,7 +8634,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -8755,7 +8812,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-4-5-1-link",
+          "tagName": "sd-4-5-2-link",
           "customElement": true
         }
       ],
@@ -8770,7 +8827,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-link",
+          "name": "sd-4-5-2-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -8851,7 +8908,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8860,7 +8918,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8870,7 +8929,8 @@
               },
               "default": "''",
               "description": "Only relevant when map-marker is interactive.\nWhen set, it will be used to announce the name of the map-marker to screenreaders,\notherwise, screenreaders will announce the content inside the default slot.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9029,7 +9089,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-4-5-1-map-marker",
+          "tagName": "sd-4-5-2-map-marker",
           "customElement": true
         }
       ],
@@ -9044,7 +9104,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-map-marker",
+          "name": "sd-4-5-2-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -9140,7 +9200,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is defined.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9149,7 +9210,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is defined.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9446,9 +9508,9 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-4-5-1-divider"
+            "sd-4-5-2-divider"
           ],
-          "tagName": "sd-4-5-1-navigation-item",
+          "tagName": "sd-4-5-2-navigation-item",
           "customElement": true
         }
       ],
@@ -9463,7 +9525,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-navigation-item",
+          "name": "sd-4-5-2-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -9505,17 +9567,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-4-5-1-icon-button>`.",
+              "description": "The close button, an `<sd-4-5-2-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-4-5-1-notification's main content.",
+              "description": "The sd-4-5-2-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-4-5-1-notification. Works best with `<sd-4-5-1-icon>`.",
+              "description": "An icon to show in the sd-4-5-2-notification. Works best with `<sd-4-5-2-icon>`.",
               "name": "icon"
             }
           ],
@@ -9533,7 +9595,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-5-1-notification's theme.",
+              "description": "The sd-4-5-2-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -9544,7 +9606,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-5-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-4-5-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
             },
@@ -9563,8 +9625,9 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-5-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.",
-              "attribute": "duration"
+              "description": "The length of time, in milliseconds, the sd-4-5-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
             },
             {
               "kind": "field",
@@ -9584,7 +9647,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-5-1-notification.",
+              "description": "The position of the toasted sd-4-5-2-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -9679,7 +9742,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-5-1-notification's theme.",
+              "description": "The sd-4-5-2-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -9688,7 +9751,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-5-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-4-5-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"
             },
             {
@@ -9703,7 +9766,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-5-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-4-5-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"
             },
             {
@@ -9721,7 +9784,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-5-1-notification.",
+              "description": "The position of the toasted sd-4-5-2-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -9758,19 +9821,19 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-5-1-button"
+            "sd-4-5-2-button"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-4-5-1-notification."
+              "description": "The animation to use when showing the sd-4-5-2-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-4-5-1-notification."
+              "description": "The animation to use when hiding the sd-4-5-2-notification."
             }
           ],
-          "tagName": "sd-4-5-1-notification",
+          "tagName": "sd-4-5-2-notification",
           "customElement": true
         }
       ],
@@ -9785,7 +9848,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-notification",
+          "name": "sd-4-5-2-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -9821,13 +9884,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-4-5-1-option> elements.",
+              "description": "The container that wraps the <sd-4-5-2-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-4-5-1-option>` elements.",
+              "description": "The given options. Must be `<sd-4-5-2-option>` elements.",
               "name": ""
             },
             {
@@ -9843,7 +9906,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-5-1-divider': SdDivider }"
+              "default": "{ 'sd-4-5-2-divider': SdDivider }"
             },
             {
               "kind": "field",
@@ -9864,7 +9927,8 @@
               },
               "default": "''",
               "description": "The optgroups label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9965,14 +10029,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-4-5-1-optgroup> element creates a grouping for <sd-4-5-1-option>s within a <sd-4-5-1-combobox>.",
+          "summary": "The <sd-4-5-2-optgroup> element creates a grouping for <sd-4-5-2-option>s within a <sd-4-5-2-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-5-1-divider"
+            "sd-4-5-2-divider"
           ],
-          "tagName": "sd-4-5-1-optgroup",
+          "tagName": "sd-4-5-2-optgroup",
           "customElement": true
         }
       ],
@@ -9987,7 +10051,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-optgroup",
+          "name": "sd-4-5-2-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -10005,7 +10069,7 @@
           "name": "SdOption",
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-4-5-1-icon>` element.",
+              "description": "The checked icon, an `<sd-4-5-2-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -10047,7 +10111,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-5-1-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-5-2-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -10058,7 +10122,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-5-1-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-5-2-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -10147,7 +10211,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-5-1-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-5-2-select`.",
               "fieldName": "size"
             },
             {
@@ -10156,7 +10220,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-5-1-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-5-2-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -10211,9 +10275,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-option",
+          "tagName": "sd-4-5-2-option",
           "customElement": true
         }
       ],
@@ -10228,7 +10292,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-option",
+          "name": "sd-4-5-2-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -10292,7 +10356,8 @@
                 "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"
+              "attribute": "anchor",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10335,7 +10400,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel away from its anchor.",
-              "attribute": "distance"
+              "attribute": "distance",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10345,7 +10411,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel along its anchor.",
-              "attribute": "skidding"
+              "attribute": "skidding",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10355,17 +10422,19 @@
               },
               "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"
+              "attribute": "arrow",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "arrowPlacement",
               "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+                "text": "| 'start'\n    | 'end'\n    | 'center'\n    | '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"
+              "attribute": "arrow-placement",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10375,7 +10444,8 @@
               },
               "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"
+              "attribute": "arrow-padding",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10385,7 +10455,8 @@
               },
               "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"
+              "attribute": "flip",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10624,7 +10695,7 @@
             {
               "name": "arrow-placement",
               "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+                "text": "| 'start'\n    | 'end'\n    | 'center'\n    | '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.",
@@ -10775,7 +10846,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-4-5-1-popup",
+          "tagName": "sd-4-5-2-popup",
           "customElement": true
         }
       ],
@@ -10790,7 +10861,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-popup",
+          "name": "sd-4-5-2-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -10870,7 +10941,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-4-5-2-icon>`.",
               "name": "icon"
             },
             {
@@ -10890,7 +10961,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10898,7 +10969,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-5-1-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-5-2-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10962,6 +11033,7 @@
               },
               "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
               "attribute": "summary",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "SdAccordion",
                 "module": "components/accordion/accordion.js"
@@ -11105,9 +11177,9 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-quickfact",
+          "tagName": "sd-4-5-2-quickfact",
           "customElement": true,
           "events": [
             {
@@ -11156,7 +11228,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-quickfact",
+          "name": "sd-4-5-2-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -11393,7 +11465,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-4-5-1-radio",
+          "tagName": "sd-4-5-2-radio",
           "customElement": true
         }
       ],
@@ -11408,7 +11480,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-radio",
+          "name": "sd-4-5-2-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -11648,7 +11720,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-4-5-1-radio-button",
+          "tagName": "sd-4-5-2-radio-button",
           "customElement": true
         }
       ],
@@ -11663,7 +11735,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-radio-button",
+          "name": "sd-4-5-2-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -11703,7 +11775,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-5-1-radio>` or `<sd-4-5-1-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-4-5-2-radio>` or `<sd-4-5-2-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -11715,7 +11787,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-5-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-5-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11727,7 +11799,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-5-1-button-group': SdButtonGroup }"
+              "default": "{ 'sd-4-5-2-button-group': SdButtonGroup }"
             },
             {
               "kind": "field",
@@ -11770,7 +11842,8 @@
               },
               "default": "''",
               "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11780,7 +11853,8 @@
               },
               "default": "''",
               "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11801,7 +11875,8 @@
               },
               "default": "'option'",
               "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11811,8 +11886,7 @@
               },
               "default": "''",
               "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "value",
-              "reflects": true
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -11936,7 +12010,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -12059,9 +12133,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-4-5-1-button-group"
+            "sd-4-5-2-button-group"
           ],
-          "tagName": "sd-4-5-1-radio-group",
+          "tagName": "sd-4-5-2-radio-group",
           "customElement": true
         }
       ],
@@ -12076,7 +12150,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-radio-group",
+          "name": "sd-4-5-2-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -12412,7 +12486,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-scrollable",
+          "tagName": "sd-4-5-2-scrollable",
           "customElement": true
         }
       ],
@@ -12427,7 +12501,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-scrollable",
+          "name": "sd-4-5-2-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -12509,7 +12583,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-5-1-option>` elements. You can use `<sd-4-5-1-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-5-2-option>` elements. You can use `<sd-4-5-2-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -12529,7 +12603,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-5-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-5-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -12541,7 +12615,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-5-1-icon': SdIcon, 'sd-4-5-1-popup': SdPopup, 'sd-4-5-1-tag': SdTag }"
+              "default": "{ 'sd-4-5-2-icon': SdIcon, 'sd-4-5-2-popup': SdPopup, 'sd-4-5-2-tag': SdTag }"
             },
             {
               "kind": "field",
@@ -12613,7 +12687,8 @@
               },
               "default": "''",
               "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12623,7 +12698,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the select is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12633,7 +12709,8 @@
               },
               "default": "''",
               "description": "Label text shown on tag if max-options-visible is reached.",
-              "attribute": "max-options-tag-label"
+              "attribute": "max-options-tag-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12665,7 +12742,8 @@
               },
               "default": "''",
               "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12695,7 +12773,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-5-1-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-5-2-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -12707,7 +12785,8 @@
               },
               "default": "3",
               "description": "The maximum number of selected options to show when `multiple` and `useTags` are `true`. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "attribute": "max-options-visible"
+              "attribute": "max-options-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12728,7 +12807,8 @@
               },
               "default": "''",
               "description": "The name of the select, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12770,7 +12850,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12908,7 +12989,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -13045,7 +13126,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-5-1-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-5-2-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -13152,11 +13233,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-5-1-icon",
-            "sd-4-5-1-popup",
-            "sd-4-5-1-tag"
+            "sd-4-5-2-icon",
+            "sd-4-5-2-popup",
+            "sd-4-5-2-tag"
           ],
-          "tagName": "sd-4-5-1-select",
+          "tagName": "sd-4-5-2-select",
           "customElement": true
         }
       ],
@@ -13171,7 +13252,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-select",
+          "name": "sd-4-5-2-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -13299,7 +13380,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-5-1-spinner",
+          "tagName": "sd-4-5-2-spinner",
           "customElement": true
         }
       ],
@@ -13314,7 +13395,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-spinner",
+          "name": "sd-4-5-2-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -13453,7 +13534,8 @@
               },
               "default": "''",
               "description": "The step's label overwriting the `label` slot. Use the `label` slot for complex label content.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13463,7 +13545,8 @@
               },
               "default": "''",
               "description": "The step's description overwriting the `description` slot. Use the `description` slot for complex description content.",
-              "attribute": "description"
+              "attribute": "description",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13484,7 +13567,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13672,10 +13756,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-4-5-1-icon",
-            "sd-4-5-1-divider"
+            "sd-4-5-2-icon",
+            "sd-4-5-2-divider"
           ],
-          "tagName": "sd-4-5-1-step",
+          "tagName": "sd-4-5-2-step",
           "customElement": true
         }
       ],
@@ -13690,7 +13774,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-step",
+          "name": "sd-4-5-2-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -13718,7 +13802,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-4-5-1-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-4-5-2-step>` elements.",
               "name": ""
             }
           ],
@@ -13775,7 +13859,8 @@
               },
               "default": "''",
               "description": "A label to use in the step-group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -13921,7 +14006,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-4-5-1-step-group",
+          "tagName": "sd-4-5-2-step-group",
           "customElement": true
         }
       ],
@@ -13936,7 +14021,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-step-group",
+          "name": "sd-4-5-2-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -13993,7 +14078,8 @@
               },
               "default": "''",
               "description": "The title of the switch adds a tooltip with title text.",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -14003,7 +14089,8 @@
               },
               "default": "''",
               "description": "The name of the switch, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -14196,7 +14283,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             }
           ],
           "attributes": [
@@ -14295,7 +14382,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-4-5-1-switch",
+          "tagName": "sd-4-5-2-switch",
           "customElement": true
         }
       ],
@@ -14310,7 +14397,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-switch",
+          "name": "sd-4-5-2-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -14536,9 +14623,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-5-1-button"
+            "sd-4-5-2-button"
           ],
-          "tagName": "sd-4-5-1-tab",
+          "tagName": "sd-4-5-2-tab",
           "customElement": true
         }
       ],
@@ -14553,7 +14640,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-tab",
+          "name": "sd-4-5-2-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -14609,11 +14696,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-5-1-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-5-2-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-5-1-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-5-2-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -14632,7 +14719,8 @@
               },
               "default": "'auto'",
               "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
-              "attribute": "activation"
+              "attribute": "activation",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -14704,14 +14792,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-4-5-1-tab-show"
+              "name": "sd-4-5-2-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-4-5-1-tab-hide"
+              "name": "sd-4-5-2-tab-hide"
             }
           ],
           "attributes": [
@@ -14757,7 +14845,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-5-1-tab-group",
+          "tagName": "sd-4-5-2-tab-group",
           "customElement": true
         }
       ],
@@ -14772,7 +14860,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-tab-group",
+          "name": "sd-4-5-2-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -14932,7 +15020,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-5-1-tab-panel",
+          "tagName": "sd-4-5-2-tab-panel",
           "customElement": true
         }
       ],
@@ -14947,7 +15035,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-tab-panel",
+          "name": "sd-4-5-2-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -15051,7 +15139,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15060,7 +15149,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15069,7 +15159,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -15264,7 +15355,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tag",
           "status": "stable",
           "since": "1.10",
-          "tagName": "sd-4-5-1-tag",
+          "tagName": "sd-4-5-2-tag",
           "customElement": true
         }
       ],
@@ -15279,7 +15370,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-tag",
+          "name": "sd-4-5-2-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -15495,7 +15586,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-4-5-1-teaser",
+          "tagName": "sd-4-5-2-teaser",
           "customElement": true
         }
       ],
@@ -15510,7 +15601,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-teaser",
+          "name": "sd-4-5-2-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -15684,7 +15775,7 @@
           "documentation": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-teaser-media--docs",
           "status": "stable",
           "since": "2.4.0",
-          "tagName": "sd-4-5-1-teaser-media",
+          "tagName": "sd-4-5-2-teaser-media",
           "customElement": true
         }
       ],
@@ -15699,7 +15790,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-teaser-media",
+          "name": "sd-4-5-2-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -15755,7 +15846,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-5-1-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-5-2-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -15768,7 +15859,8 @@
               },
               "default": "''",
               "description": "An empty title prevents browser validation tooltips from appearing on hover",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15778,7 +15870,8 @@
               },
               "default": "''",
               "description": "The name of the textarea, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15809,7 +15902,8 @@
               },
               "default": "''",
               "description": "The textarea's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15819,7 +15913,8 @@
               },
               "default": "''",
               "description": "The textarea's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15829,7 +15924,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the input is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15839,7 +15935,8 @@
               },
               "default": "4",
               "description": "The number of rows to display by default.",
-              "attribute": "rows"
+              "attribute": "rows",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15903,7 +16000,8 @@
                 "text": "number"
               },
               "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength"
+              "attribute": "minlength",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15912,16 +16010,18 @@
                 "text": "number"
               },
               "description": "The maximum length of input that will be considered valid.",
-              "attribute": "maxlength"
+              "attribute": "maxlength",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "attribute": "autocapitalize"
+              "attribute": "autocapitalize",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15930,7 +16030,8 @@
                 "text": "'off' | 'on'"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect"
+              "attribute": "autocorrect",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15939,7 +16040,8 @@
                 "text": "string"
               },
               "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
+              "attribute": "autocomplete",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15948,16 +16050,18 @@
                 "text": "boolean"
               },
               "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus"
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint"
+              "attribute": "enterkeyhint",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15987,7 +16091,8 @@
                 "text": "'none' | 'text'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "attribute": "inputmode"
+              "attribute": "inputmode",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16212,7 +16317,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-5-1-input"
+              "name": "sd-4-5-2-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -16356,7 +16461,7 @@
             {
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
               "fieldName": "autocapitalize"
@@ -16388,7 +16493,7 @@
             {
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
               "fieldName": "enterkeyhint"
@@ -16451,7 +16556,7 @@
           "summary": "Textareas collect data from the user and allow multiple lines of text.",
           "status": "stable",
           "since": "1.31.0",
-          "tagName": "sd-4-5-1-textarea",
+          "tagName": "sd-4-5-2-textarea",
           "customElement": true
         }
       ],
@@ -16466,7 +16571,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-textarea",
+          "name": "sd-4-5-2-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -16498,7 +16603,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-4-5-1-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-4-5-2-popup>` element.",
               "name": "base"
             },
             {
@@ -16550,7 +16655,8 @@
               },
               "default": "'lg'",
               "description": "Sets the size of the default trigger icon.",
-              "attribute": "size"
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16560,13 +16666,14 @@
               },
               "default": "''",
               "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
-              "attribute": "content"
+              "attribute": "content",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "placement",
               "type": {
-                "text": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
               },
               "default": "'top'",
               "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
@@ -16603,7 +16710,8 @@
               },
               "default": "'click focus'",
               "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "attribute": "trigger"
+              "attribute": "trigger",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16613,7 +16721,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -16716,7 +16825,7 @@
             {
               "name": "placement",
               "type": {
-                "text": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
               },
               "default": "'top'",
               "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
@@ -16792,7 +16901,7 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-4-5-1-popup"
+            "sd-4-5-2-popup"
           ],
           "animations": [
             {
@@ -16804,7 +16913,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-4-5-1-tooltip",
+          "tagName": "sd-4-5-2-tooltip",
           "customElement": true
         }
       ],
@@ -16819,7 +16928,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-tooltip",
+          "name": "sd-4-5-2-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -17000,9 +17109,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-4-5-1-icon"
+            "sd-4-5-2-icon"
           ],
-          "tagName": "sd-4-5-1-video",
+          "tagName": "sd-4-5-2-video",
           "customElement": true
         }
       ],
@@ -17017,7 +17126,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-5-1-video",
+          "name": "sd-4-5-2-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -17029,7 +17138,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.5.1",
+    "version": "4.5.2",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"