@solid-design-system/components 3.3.1 → 3.5.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "3.3.1",
+  "version": "3.5.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -4263,6 +4263,166 @@
             }
           ]
         },
+        {
+          "name": "sd-scrollable",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/scrollable",
+          "js": {
+            "properties": [
+              {
+                "name": "orientation",
+                "description": "Defines the scroll orientation",
+                "value": {
+                  "type": "'horizontal' | 'vertical' | 'auto'"
+                }
+              },
+              {
+                "name": "buttons",
+                "description": "Activates scroll buttons",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "step",
+                "description": "The amount in px to be scrolled when clicking the buttons.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "scrollbars",
+                "description": "Activates browser scrollbars",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "shadows",
+                "description": "Activates a shadow as optional visual scroll indicator",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "inset",
+                "description": "Adds inset padding",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "canScroll",
+                "value": {
+                  "type": "Record<'left' | 'right' | 'up' | 'down', boolean>"
+                }
+              },
+              {
+                "name": "isScrollHorizontalEnabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isScrollVerticalEnabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "updateScrollEnabledFlags",
+                "value": {}
+              },
+              {
+                "name": "updateScrollIndicatorVisibility",
+                "value": {}
+              },
+              {
+                "name": "handleScroll",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "start",
+                "description": "Emitted when the start of the scrollable is reached."
+              },
+              {
+                "name": "end",
+                "description": "Emitted when the end of the scrollable is reached."
+              },
+              {
+                "name": "eventName"
+              },
+              {
+                "name": "button-left",
+                "description": "Emitted when the left button is clicked."
+              },
+              {
+                "name": "button-right",
+                "description": "Emitted when the right button is clicked."
+              },
+              {
+                "name": "button-up",
+                "description": "Emitted when the top button is clicked."
+              },
+              {
+                "name": "button-down",
+                "description": "Emitted when the bottom button is clicked."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "Defines the scroll orientation",
+              "value": {
+                "type": "'horizontal' | 'vertical' | 'auto'"
+              }
+            },
+            {
+              "name": "buttons",
+              "description": "Activates scroll buttons",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "step",
+              "description": "The amount in px to be scrolled when clicking the buttons.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "scrollbars",
+              "description": "Activates browser scrollbars",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "shadows",
+              "description": "Activates a shadow as optional visual scroll indicator",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "inset",
+              "description": "Adds inset padding",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "sd-select",
           "description": "",
@@ -4814,127 +4974,407 @@
           ]
         },
         {
-          "name": "sd-switch",
+          "name": "sd-step-group",
           "description": "",
-          "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/step-group",
           "js": {
             "properties": [
               {
-                "name": "formControlController",
+                "name": "steps",
                 "value": {
-                  "type": "FormControlController"
+                  "type": "SdStep[]"
                 }
               },
               {
-                "name": "title",
-                "description": "The title of the switch adds a tooltip with title text.",
+                "name": "size",
+                "description": "The step-groups's size.",
                 "value": {
-                  "type": "string"
+                  "type": "'lg' | 'sm'"
                 }
               },
               {
-                "name": "name",
-                "description": "The name of the switch, submitted as a name/value pair with form data.",
+                "name": "orientation",
+                "description": "Determines the orientation of the step-group.",
                 "value": {
-                  "type": "string"
+                  "type": "'horizontal' | 'vertical'"
                 }
               },
               {
-                "name": "value",
-                "description": "The current value of the switch, submitted as a name/value pair with form data.",
+                "name": "activeStep",
+                "description": "The active step in the step-group.",
                 "value": {
-                  "type": "string"
+                  "type": "number"
                 }
               },
               {
-                "name": "disabled",
-                "description": "Disables the switch.",
+                "name": "notInteractive",
+                "description": "Determines if the step-group is not interactive.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "checked",
-                "description": "Draws the switch in a checked state.",
+                "name": "updateSize",
+                "value": {}
+              },
+              {
+                "name": "updateOrientation",
+                "value": {}
+              },
+              {
+                "name": "getAllSteps",
+                "value": {}
+              },
+              {
+                "name": "setActiveStep",
+                "description": "Sets the active step.",
+                "value": {}
+              },
+              {
+                "name": "handleInteractivityChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The step-groups's size.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Determines the orientation of the step-group.",
+              "value": {
+                "type": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "active-step",
+              "description": "The active step in the step-group.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "not-interactive",
+              "description": "Determines if the step-group is not interactive.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-step",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/step",
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The step's size.",
                 "value": {
-                  "type": "boolean"
+                  "type": "'lg' | 'sm'"
                 }
               },
               {
-                "name": "defaultChecked",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "name": "orientation",
+                "description": "Determines the orientation of the step.",
                 "value": {
-                  "type": "boolean"
+                  "type": "'horizontal' | 'vertical'"
                 }
               },
               {
-                "name": "form",
-                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "name": "disabled",
+                "description": "Sets the step to a disabled state.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "required",
-                "description": "Makes the switch a required field.",
+                "name": "current",
+                "description": "Sets the step to an active state.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "validity",
-                "description": "Gets the validity state object",
-                "value": {}
+                "name": "noTail",
+                "description": "Removes the tail from the step.",
+                "value": {
+                  "type": "boolean"
+                }
               },
               {
-                "name": "handleClick",
-                "value": {}
+                "name": "notInteractive",
+                "description": "Determines if the step is not interactive.",
+                "value": {
+                  "type": "boolean"
+                }
               },
               {
-                "name": "handleBlur",
-                "value": {}
+                "name": "label",
+                "description": "The step's label overwriting the `label` slot. Use the `label` slot for complex label content.",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "handleInput",
-                "value": {}
+                "name": "description",
+                "description": "The step's description overwriting the `description` slot. Use the `description` slot for complex description content.",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "handleInvalid",
-                "value": {}
+                "name": "index",
+                "description": "The step's number in a step-group",
+                "value": {
+                  "type": "number"
+                }
               },
               {
-                "name": "handleFocus",
-                "value": {}
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "handleDisabledChange",
+                "name": "isLink",
                 "value": {}
               },
               {
-                "name": "handleStateChange",
+                "name": "handleBlur",
                 "value": {}
               },
               {
-                "name": "click",
-                "description": "Simulates a click on the switch.",
+                "name": "handleFocus",
                 "value": {}
               },
               {
-                "name": "focus",
-                "description": "Sets focus on the switch.",
+                "name": "handleCurrentChange",
                 "value": {}
               },
               {
-                "name": "blur",
-                "description": "Removes focus from the switch.",
+                "name": "handleDisabledChange",
                 "value": {}
               },
               {
-                "name": "checkValidity",
-                "description": "Checks for validity but does not show a validation message. Returns true when valid and false when invalid.",
+                "name": "handleInteractivityChange",
                 "value": {}
-              },
-              {
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-blur",
+                "description": "Emitted when the button loses focus."
+              },
+              {
+                "name": "sd-focus",
+                "description": "Emitted when the button gains focus."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The step's size.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Determines the orientation of the step.",
+              "value": {
+                "type": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Sets the step to a disabled state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "current",
+              "description": "Sets the step to an active state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "no-tail",
+              "description": "Removes the tail from the step.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "not-interactive",
+              "description": "Determines if the step is not interactive.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The step's label overwriting the `label` slot. Use the `label` slot for complex label content.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "description",
+              "description": "The step's description overwriting the `description` slot. Use the `description` slot for complex description content.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "index",
+              "description": "The step's number in a step-group",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-switch",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {
+                  "type": "FormControlController"
+                }
+              },
+              {
+                "name": "title",
+                "description": "The title of the switch adds a tooltip with title text.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "name",
+                "description": "The name of the switch, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current value of the switch, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the switch.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "checked",
+                "description": "Draws the switch in a checked state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "defaultChecked",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "required",
+                "description": "Makes the switch a required field.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleInvalid",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleStateChange",
+                "value": {}
+              },
+              {
+                "name": "click",
+                "description": "Simulates a click on the switch.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the switch.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the switch.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns true when valid and false when invalid.",
+                "value": {}
+              },
+              {
                 "name": "getForm",
                 "description": "Gets the associated form, if one exists.",
                 "value": {}
@@ -6287,7 +6727,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-accordion-group",
+          "name": "sd-3-5-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -6317,7 +6757,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-accordion",
+          "name": "sd-3-5-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -6400,7 +6840,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-badge",
+          "name": "sd-3-5-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -6454,7 +6894,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-brandshape",
+          "name": "sd-3-5-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -6537,7 +6977,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-button",
+          "name": "sd-3-5-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -6893,7 +7333,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-carousel-item",
+          "name": "sd-3-5-0-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -6908,7 +7348,7 @@
           "attributes": []
         },
         {
-          "name": "sd-3-3-1-carousel",
+          "name": "sd-3-5-0-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -7100,7 +7540,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-checkbox-group",
+          "name": "sd-3-5-0-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -7178,7 +7618,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-checkbox",
+          "name": "sd-3-5-0-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -7412,7 +7852,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-dialog",
+          "name": "sd-3-5-0-dialog",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
           "js": {
@@ -7535,7 +7975,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-divider",
+          "name": "sd-3-5-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -7575,7 +8015,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-drawer",
+          "name": "sd-3-5-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -7728,7 +8168,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-dropdown",
+          "name": "sd-3-5-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -7982,7 +8422,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-header",
+          "name": "sd-3-5-0-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -8034,7 +8474,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-icon",
+          "name": "sd-3-5-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -8137,7 +8577,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-include",
+          "name": "sd-3-5-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -8208,7 +8648,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-input",
+          "name": "sd-3-5-0-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -8796,7 +9236,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-link",
+          "name": "sd-3-5-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -8923,7 +9363,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-map-marker",
+          "name": "sd-3-5-0-map-marker",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/map-marker",
           "js": {
@@ -8977,7 +9417,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-navigation-item",
+          "name": "sd-3-5-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -9202,7 +9642,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-notification",
+          "name": "sd-3-5-0-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -9368,7 +9808,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-option",
+          "name": "sd-3-5-0-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -9479,7 +9919,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-popup",
+          "name": "sd-3-5-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -9831,7 +10271,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-radio-button",
+          "name": "sd-3-5-0-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -9930,7 +10370,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-radio-group",
+          "name": "sd-3-5-0-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -10170,7 +10610,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-radio",
+          "name": "sd-3-5-0-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -10285,106 +10725,266 @@
           ]
         },
         {
-          "name": "sd-3-3-1-select",
+          "name": "sd-3-5-0-scrollable",
           "description": "",
-          "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "js": {
             "properties": [
               {
-                "name": "dependencies",
+                "name": "orientation",
+                "description": "Defines the scroll orientation",
                 "value": {
-                  "type": "object"
+                  "type": "'horizontal' | 'vertical' | 'auto'"
                 }
               },
               {
-                "name": "formControlController",
+                "name": "buttons",
+                "description": "Activates scroll buttons",
                 "value": {
-                  "type": "FormControlController"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "hasSlotController",
-                "value": {}
-              },
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "typeToSelectString",
+                "name": "step",
+                "description": "The amount in px to be scrolled when clicking the buttons.",
                 "value": {
-                  "type": "string"
+                  "type": "number"
                 }
               },
               {
-                "name": "typeToSelectTimeout",
+                "name": "scrollbars",
+                "description": "Activates browser scrollbars",
                 "value": {
-                  "type": "number"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "_optionsInDefaultSlot",
+                "name": "shadows",
+                "description": "Activates a shadow as optional visual scroll indicator",
                 "value": {
-                  "type": "SdOption[]"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "popup",
+                "name": "inset",
+                "description": "Adds inset padding",
                 "value": {
-                  "type": "SdPopup"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "name": "canScroll",
                 "value": {
-                  "type": "string | string[]"
+                  "type": "Record<'left' | 'right' | 'up' | 'down', boolean>"
                 }
               },
               {
-                "name": "open",
-                "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+                "name": "isScrollHorizontalEnabled",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "size",
-                "description": "The select's size.",
+                "name": "isScrollVerticalEnabled",
                 "value": {
-                  "type": "'lg' | 'md' | 'sm'"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "label",
-                "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
+                "name": "resizeObserver",
                 "value": {
-                  "type": "string"
+                  "type": "ResizeObserver"
                 }
               },
               {
-                "name": "placeholder",
-                "description": "Placeholder text to show as a hint when the select is empty.",
+                "name": "updateScrollEnabledFlags",
                 "value": {}
               },
               {
-                "name": "helpText",
-                "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "placement",
-                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-                "value": {
-                  "type": "'top' | 'bottom'"
-                }
+                "name": "updateScrollIndicatorVisibility",
+                "value": {}
               },
               {
-                "name": "clearable",
-                "description": "Adds a clear button when the select is not empty.",
-                "value": {
+                "name": "handleScroll",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "start",
+                "description": "Emitted when the start of the scrollable is reached."
+              },
+              {
+                "name": "end",
+                "description": "Emitted when the end of the scrollable is reached."
+              },
+              {
+                "name": "eventName"
+              },
+              {
+                "name": "button-left",
+                "description": "Emitted when the left button is clicked."
+              },
+              {
+                "name": "button-right",
+                "description": "Emitted when the right button is clicked."
+              },
+              {
+                "name": "button-up",
+                "description": "Emitted when the top button is clicked."
+              },
+              {
+                "name": "button-down",
+                "description": "Emitted when the bottom button is clicked."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "Defines the scroll orientation",
+              "value": {
+                "type": "'horizontal' | 'vertical' | 'auto'"
+              }
+            },
+            {
+              "name": "buttons",
+              "description": "Activates scroll buttons",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "step",
+              "description": "The amount in px to be scrolled when clicking the buttons.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "scrollbars",
+              "description": "Activates browser scrollbars",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "shadows",
+              "description": "Activates a shadow as optional visual scroll indicator",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "inset",
+              "description": "Adds inset padding",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-3-5-0-select",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
+          "js": {
+            "properties": [
+              {
+                "name": "dependencies",
+                "value": {
+                  "type": "object"
+                }
+              },
+              {
+                "name": "formControlController",
+                "value": {
+                  "type": "FormControlController"
+                }
+              },
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "typeToSelectString",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "typeToSelectTimeout",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "_optionsInDefaultSlot",
+                "value": {
+                  "type": "SdOption[]"
+                }
+              },
+              {
+                "name": "popup",
+                "value": {
+                  "type": "SdPopup"
+                }
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "string | string[]"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The select's size.",
+                "value": {
+                  "type": "'lg' | 'md' | 'sm'"
+                }
+              },
+              {
+                "name": "label",
+                "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "placeholder",
+                "description": "Placeholder text to show as a hint when the select is empty.",
+                "value": {}
+              },
+              {
+                "name": "helpText",
+                "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "placement",
+                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "value": {
+                  "type": "'top' | 'bottom'"
+                }
+              },
+              {
+                "name": "clearable",
+                "description": "Adds a clear button when the select is not empty.",
+                "value": {
                   "type": "boolean"
                 }
               },
@@ -10805,7 +11405,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-spinner",
+          "name": "sd-3-5-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -10835,7 +11435,287 @@
           ]
         },
         {
-          "name": "sd-3-3-1-switch",
+          "name": "sd-3-5-0-step-group",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/step-group",
+          "js": {
+            "properties": [
+              {
+                "name": "steps",
+                "value": {
+                  "type": "SdStep[]"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The step-groups's size.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "orientation",
+                "description": "Determines the orientation of the step-group.",
+                "value": {
+                  "type": "'horizontal' | 'vertical'"
+                }
+              },
+              {
+                "name": "activeStep",
+                "description": "The active step in the step-group.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "notInteractive",
+                "description": "Determines if the step-group is not interactive.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "updateSize",
+                "value": {}
+              },
+              {
+                "name": "updateOrientation",
+                "value": {}
+              },
+              {
+                "name": "getAllSteps",
+                "value": {}
+              },
+              {
+                "name": "setActiveStep",
+                "description": "Sets the active step.",
+                "value": {}
+              },
+              {
+                "name": "handleInteractivityChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The step-groups's size.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Determines the orientation of the step-group.",
+              "value": {
+                "type": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "active-step",
+              "description": "The active step in the step-group.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "not-interactive",
+              "description": "Determines if the step-group is not interactive.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-3-5-0-step",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/step",
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The step's size.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "orientation",
+                "description": "Determines the orientation of the step.",
+                "value": {
+                  "type": "'horizontal' | 'vertical'"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Sets the step to a disabled state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "current",
+                "description": "Sets the step to an active state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "noTail",
+                "description": "Removes the tail from the step.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "notInteractive",
+                "description": "Determines if the step is not interactive.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "label",
+                "description": "The step's label overwriting the `label` slot. Use the `label` slot for complex label content.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "description",
+                "description": "The step's description overwriting the `description` slot. Use the `description` slot for complex description content.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "index",
+                "description": "The step's number in a step-group",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "href",
+                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "isLink",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleCurrentChange",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleInteractivityChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-blur",
+                "description": "Emitted when the button loses focus."
+              },
+              {
+                "name": "sd-focus",
+                "description": "Emitted when the button gains focus."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The step's size.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Determines the orientation of the step.",
+              "value": {
+                "type": "'horizontal' | 'vertical'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Sets the step to a disabled state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "current",
+              "description": "Sets the step to an active state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "no-tail",
+              "description": "Removes the tail from the step.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "not-interactive",
+              "description": "Determines if the step is not interactive.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The step's label overwriting the `label` slot. Use the `label` slot for complex label content.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "description",
+              "description": "The step's description overwriting the `description` slot. Use the `description` slot for complex description content.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "index",
+              "description": "The step's number in a step-group",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-3-5-0-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -11043,7 +11923,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tab-group",
+          "name": "sd-3-5-0-tab-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "js": {
@@ -11162,7 +12042,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tab-panel",
+          "name": "sd-3-5-0-tab-panel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "js": {
@@ -11216,7 +12096,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tab",
+          "name": "sd-3-5-0-tab",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab",
           "js": {
@@ -11312,7 +12192,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tag",
+          "name": "sd-3-5-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -11466,7 +12346,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-teaser-media",
+          "name": "sd-3-5-0-teaser-media",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser-media",
           "js": {
@@ -11494,7 +12374,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-teaser",
+          "name": "sd-3-5-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -11560,7 +12440,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-textarea",
+          "name": "sd-3-5-0-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -12014,7 +12894,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-tooltip",
+          "name": "sd-3-5-0-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -12207,7 +13087,7 @@
           ]
         },
         {
-          "name": "sd-3-3-1-video",
+          "name": "sd-3-5-0-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {