@solid-design-system/components 4.6.16 → 4.6.17

package/dist-versioned/custom-elements.json

@@ -50,11 +50,11 @@
               "name": "summary"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -224,7 +224,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
           "animations": [
             {
@@ -236,7 +236,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-4-6-16-accordion",
+          "tagName": "sd-4-6-17-accordion",
           "customElement": true
         }
       ],
@@ -251,7 +251,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-accordion",
+          "name": "sd-4-6-17-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -275,7 +275,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-6-16-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-4-6-17-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -386,9 +386,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-6-16-accordion"
+            "sd-4-6-17-accordion"
           ],
-          "tagName": "sd-4-6-16-accordion-group",
+          "tagName": "sd-4-6-17-accordion-group",
           "customElement": true
         }
       ],
@@ -403,7 +403,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-accordion-group",
+          "name": "sd-4-6-17-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -421,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-6-16-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-6-17-animation>` elements.",
               "name": ""
             }
           ],
@@ -762,7 +762,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-16-animation",
+          "tagName": "sd-4-6-17-animation",
           "customElement": true
         }
       ],
@@ -777,7 +777,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-animation",
+          "name": "sd-4-6-17-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1167,11 +1167,11 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-4-6-16-icon",
-            "sd-4-6-16-button",
-            "sd-4-6-16-drawer"
+            "sd-4-6-17-icon",
+            "sd-4-6-17-button",
+            "sd-4-6-17-drawer"
           ],
-          "tagName": "sd-4-6-16-audio",
+          "tagName": "sd-4-6-17-audio",
           "customElement": true
         }
       ],
@@ -1186,7 +1186,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-audio",
+          "name": "sd-4-6-17-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1559,7 +1559,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-4-6-16-badge",
+          "tagName": "sd-4-6-17-badge",
           "customElement": true
         }
       ],
@@ -1574,7 +1574,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-badge",
+          "name": "sd-4-6-17-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1751,7 +1751,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-4-6-16-brandshape",
+          "tagName": "sd-4-6-17-brandshape",
           "customElement": true
         }
       ],
@@ -1766,7 +1766,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-brandshape",
+          "name": "sd-4-6-17-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -2340,10 +2340,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-6-16-icon",
-            "sd-4-6-16-spinner"
+            "sd-4-6-17-icon",
+            "sd-4-6-17-spinner"
           ],
-          "tagName": "sd-4-6-16-button",
+          "tagName": "sd-4-6-17-button",
           "customElement": true
         }
       ],
@@ -2358,7 +2358,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-button",
+          "name": "sd-4-6-17-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -2382,7 +2382,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-4-6-16-button>` elements to display in the button group.",
+              "description": "One or more `<sd-4-6-17-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -2500,7 +2500,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-16-button-group",
+          "tagName": "sd-4-6-17-button-group",
           "customElement": true
         }
       ],
@@ -2515,7 +2515,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-button-group",
+          "name": "sd-4-6-17-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -2525,537 +2525,228 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/carousel/autoplay-controller.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A controller that repeatedly calls the specified callback with the provided interval time.\nThe timer is automatically paused while the user is interacting with the component.",
-          "name": "AutoplayController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "paused",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "stopped",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "pause"
-            },
-            {
-              "kind": "field",
-              "name": "resume"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AutoplayController",
-          "declaration": {
-            "name": "AutoplayController",
-            "module": "components/carousel/autoplay-controller.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/carousel/carousel.js",
+      "path": "components/checkbox/checkbox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdCarousel",
-          "cssProperties": [
-            {
-              "description": "The space between each slide.",
-              "name": "--slide-gap"
-            },
-            {
-              "description": "The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint.",
-              "name": "--scroll-hint"
-            }
-          ],
+          "name": "SdCheckbox",
           "cssParts": [
             {
-              "description": "The carousel's internal wrapper.",
+              "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The scroll container that wraps the slides.",
-              "name": "scroll-container"
-            },
-            {
-              "description": "A wrapper for the navigation and autoplay controller buttons.",
-              "name": "controls"
-            },
-            {
-              "description": "The pagination indicator in dot format.",
-              "name": "pagination-dot"
-            },
-            {
-              "description": "The pagination indicator in number format.",
-              "name": "pagination-number"
-            },
-            {
-              "description": "The pagination indicator.",
-              "name": "pagination-item"
-            },
-            {
-              "description": "Applied when the item is active.",
-              "name": "pagination-item--active"
+              "description": "The square container that wraps the checkbox's checked state.",
+              "name": "control"
             },
             {
-              "description": "The navigation wrapper.",
-              "name": "navigation"
+              "description": "Matches the control part when the checkbox is checked.",
+              "name": "control--checked"
             },
             {
-              "description": "The navigation button.",
-              "name": "navigation-button"
+              "description": "Matches the control part when the checkbox is indeterminate.",
+              "name": "control--indeterminate"
             },
             {
-              "description": "Applied to the previous button.",
-              "name": "navigation-button--previous"
+              "description": "The checked icon, an `<sd-4-6-17-icon>` element.",
+              "name": "checked-icon"
             },
             {
-              "description": "Applied to the next button.",
-              "name": "navigation-button--next"
+              "description": "The indeterminate icon, an `<sd-4-6-17-icon>` element.",
+              "name": "indeterminate-icon"
             },
             {
-              "description": "A wrapper for pause/start button.",
-              "name": "autoplay-controls"
+              "description": "The container that wraps the checkbox's label.",
+              "name": "label"
             }
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-4-6-16-carousel-item>` elements.",
+              "description": "The checkbox's label.",
               "name": ""
-            },
-            {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
-              "name": "next-icon"
-            },
-            {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
-              "name": "previous-icon"
-            },
-            {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
-              "name": "autoplay-start"
-            },
-            {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
-              "name": "autoplay-pause"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'dot' | 'number'"
-              },
-              "default": "'number'",
-              "description": "Determines the counting system for the carousel.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "inverted",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Inverts the carousel",
-              "attribute": "inverted",
+              "default": "''",
+              "attribute": "title",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "loop",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
-              "attribute": "loop",
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "autoplay",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
-              "attribute": "autoplay",
-              "reflects": true
+              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "slidesPerPage",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "default": "1",
-              "description": "Specifies how many slides should be shown at a given time.",
-              "attribute": "slides-per-page",
+              "default": "'lg'",
+              "description": "The checkbox's size.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "slidesPerMove",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "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",
+              "default": "false",
+              "description": "Disables the checkbox.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "pause",
-              "privacy": "public",
-              "description": "Pause the autoplay."
-            },
-            {
-              "kind": "method",
-              "name": "resume",
-              "privacy": "public",
-              "description": "Resume the autoplay"
-            },
-            {
-              "kind": "method",
-              "name": "previous",
-              "parameters": [
-                {
-                  "name": "behavior",
-                  "default": "'smooth'",
-                  "type": {
-                    "text": "ScrollBehavior"
-                  },
-                  "description": "The behavior used for scrolling."
-                }
-              ],
-              "description": "Move the carousel backward by `slides-per-move` slides."
-            },
-            {
-              "kind": "method",
-              "name": "next",
-              "parameters": [
-                {
-                  "name": "behavior",
-                  "default": "'smooth'",
-                  "type": {
-                    "text": "ScrollBehavior"
-                  },
-                  "description": "The behavior used for scrolling."
-                }
-              ],
-              "description": "Move the carousel forward by `slides-per-move` slides."
-            },
-            {
-              "kind": "method",
-              "name": "goToSlide",
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The slide index."
-                },
-                {
-                  "name": "behavior",
-                  "default": "'smooth'",
-                  "type": {
-                    "text": "ScrollBehavior"
-                  },
-                  "description": "The behavior used for scrolling."
-                }
-              ],
-              "description": "Scrolls the carousel to the slide specified by `index`."
-            },
-            {
-              "kind": "field",
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "attribute": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "attribute": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "{ index: number, slide: SdCarouselItem }"
-              },
-              "description": "Emitted when the active slide changes.",
-              "name": "sd-slide-change"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'dot' | 'number'"
-              },
-              "default": "'number'",
-              "description": "Determines the counting system for the carousel.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "inverted",
+              "name": "visuallyDisabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Inverts the carousel",
-              "fieldName": "inverted"
+              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
             },
             {
-              "name": "loop",
+              "kind": "field",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
-              "fieldName": "loop"
+              "description": "Draws the checkbox in a checked state.",
+              "attribute": "checked",
+              "reflects": true
             },
             {
-              "name": "autoplay",
+              "kind": "field",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
-              "fieldName": "autoplay"
-            },
-            {
-              "name": "slides-per-page",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Specifies how many slides should be shown at a given time.",
-              "fieldName": "slidesPerPage"
-            },
-            {
-              "name": "slides-per-move",
-              "type": {
-                "text": "number"
-              },
-              "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>",
-              "fieldName": "slidesPerMove"
-            },
-            {
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "fieldName": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            },
-            {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "fieldName": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SolidElement",
-            "module": "/src/internal/solid-element.js"
-          },
-          "summary": "Carousels display an arbitrary number of content slides along a horizontal axis.",
-          "since": "1.18.0",
-          "status": "stable",
-          "dependencies": [
-            "sd-4-6-16-icon"
-          ],
-          "tagName": "sd-4-6-16-carousel",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdCarousel",
-            "module": "components/carousel/carousel.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-4-6-16-carousel",
-          "declaration": {
-            "name": "SdCarousel",
-            "module": "components/carousel/carousel.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/carousel/scroll-controller.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A controller for handling scrolling and mouse dragging.",
-          "name": "ScrollController",
-          "members": [
+              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "dragging",
+              "name": "defaultChecked",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
             },
             {
               "kind": "field",
-              "name": "scrolling",
+              "name": "form",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
+              "default": "''",
+              "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.",
+              "attribute": "form",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "mouseDragging",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "handleScroll"
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "handlePointerDown"
+              "kind": "method",
+              "name": "click",
+              "description": "Simulates a click on the checkbox."
             },
             {
-              "kind": "field",
-              "name": "handlePointerMove"
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the checkbox."
             },
             {
-              "kind": "field",
-              "name": "handlePointerUp"
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the checkbox."
             },
             {
-              "kind": "field",
-              "name": "handleTouchEnd"
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns true when valid and false when invalid."
             },
             {
-              "kind": "field",
-              "name": "handleTouchStart"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ScrollController",
-          "declaration": {
-            "name": "ScrollController",
-            "module": "components/carousel/scroll-controller.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/carousel-item/carousel-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdCarouselItem",
-          "slots": [
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
             {
-              "description": "The carousel item's content.",
-              "name": ""
-            }
-          ],
-          "members": [
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows a validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string."
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -3107,287 +2798,187 @@
               }
             }
           ],
-          "superclass": {
-            "name": "SolidElement",
-            "module": "/src/internal/solid-element.js"
-          },
-          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
-          "since": "1.12.0",
-          "status": "stable",
-          "tagName": "sd-4-6-16-carousel-item",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "fieldName": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            },
-            {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "fieldName": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdCarouselItem",
-            "module": "components/carousel-item/carousel-item.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-4-6-16-carousel-item",
-          "declaration": {
-            "name": "SdCarouselItem",
-            "module": "components/carousel-item/carousel-item.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/checkbox/checkbox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdCheckbox",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The square container that wraps the checkbox's checked state.",
-              "name": "control"
-            },
-            {
-              "description": "Matches the control part when the checkbox is checked.",
-              "name": "control--checked"
-            },
+          "events": [
             {
-              "description": "Matches the control part when the checkbox is indeterminate.",
-              "name": "control--indeterminate"
+              "description": "Emitted when the checkbox loses focus.",
+              "name": "sd-blur"
             },
             {
-              "description": "The checked icon, an `<sd-4-6-16-icon>` element.",
-              "name": "checked-icon"
+              "description": "Emitted when the checked state changes.",
+              "name": "sd-change"
             },
             {
-              "description": "The indeterminate icon, an `<sd-4-6-16-icon>` element.",
-              "name": "indeterminate-icon"
+              "description": "Emitted when the checkbox gains focus.",
+              "name": "sd-focus"
             },
             {
-              "description": "The container that wraps the checkbox's label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The checkbox's label.",
-              "name": ""
+              "description": "Emitted when the checkbox receives input.",
+              "name": "sd-4-6-17-input"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title",
-              "reflects": true
+              "fieldName": "title"
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "name",
-              "reflects": true
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "fieldName": "value"
             },
             {
-              "kind": "field",
               "name": "size",
               "type": {
                 "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'lg'",
               "description": "The checkbox's size.",
-              "attribute": "size",
-              "reflects": true
+              "fieldName": "size"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the checkbox.",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "visuallyDisabled",
+              "name": "visually-disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
-              "attribute": "visually-disabled",
-              "reflects": true
+              "fieldName": "visuallyDisabled"
             },
             {
-              "kind": "field",
               "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Draws the checkbox in a checked state.",
-              "attribute": "checked",
-              "reflects": true
+              "fieldName": "checked"
             },
             {
-              "kind": "field",
               "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "defaultChecked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+              "fieldName": "indeterminate"
             },
             {
-              "kind": "field",
               "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "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.",
-              "attribute": "form",
-              "reflects": true
+              "fieldName": "form"
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Makes the checkbox a required field.",
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the checkbox."
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the checkbox."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the checkbox."
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns true when valid and false when invalid."
+              "fieldName": "required"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
               },
-              "description": "Gets the associated form, if one exists."
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows a validation message if the control is invalid."
-            },
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element"
+          },
+          "summary": "Checkboxes allow the user to toggle an option on or off.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox",
+          "status": "stable",
+          "since": "1.22.0",
+          "dependencies": [
+            "sd-4-6-17-icon"
+          ],
+          "tagName": "sd-4-6-17-checkbox",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdCheckbox",
+            "module": "components/checkbox/checkbox.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-4-6-17-checkbox",
+          "declaration": {
+            "name": "SdCheckbox",
+            "module": "components/checkbox/checkbox.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/carousel-item/carousel-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdCarouselItem",
+          "slots": [
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string."
-            },
+              "description": "The carousel item's content.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "dir",
@@ -3439,112 +3030,221 @@
               }
             }
           ],
-          "events": [
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element.js"
+          },
+          "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
+          "since": "1.12.0",
+          "status": "stable",
+          "tagName": "sd-4-6-17-carousel-item",
+          "customElement": true,
+          "attributes": [
             {
-              "description": "Emitted when the checkbox loses focus.",
-              "name": "sd-blur"
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
             },
             {
-              "description": "Emitted when the checked state changes.",
-              "name": "sd-change"
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdCarouselItem",
+            "module": "components/carousel-item/carousel-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-4-6-17-carousel-item",
+          "declaration": {
+            "name": "SdCarouselItem",
+            "module": "components/carousel-item/carousel-item.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/checkbox-group/checkbox-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdCheckboxGroup",
+          "slots": [
+            {
+              "description": "The default slot where `<sd-4-6-17-checkbox>` elements are placed.",
+              "name": ""
             },
             {
-              "description": "Emitted when the checkbox gains focus.",
-              "name": "sd-focus"
+              "description": "The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "Emitted when the checkbox receives input.",
-              "name": "sd-4-6-16-input"
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-6-17-tooltip` component.",
+              "name": "tooltip"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
-          "attributes": [
+          "members": [
             {
-              "name": "title",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'lg' | 'md' | 'sm'"
               },
-              "default": "''",
-              "fieldName": "title"
+              "default": "'lg'",
+              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "''",
-              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+              "default": "'vertical'",
+              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "default": "''",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "attribute": "label",
+              "reflects": true
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "helpText",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string"
               },
-              "default": "'lg'",
-              "description": "The checkbox's size.",
-              "fieldName": "size"
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "dir",
               "type": {
-                "text": "boolean"
+                "text": "'ltr' | 'rtl' | 'auto'"
               },
-              "default": "false",
-              "description": "Disables the checkbox.",
-              "fieldName": "disabled"
+              "description": "The element's directionality.",
+              "attribute": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             },
             {
-              "name": "visually-disabled",
+              "kind": "field",
+              "name": "lang",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
-              "fieldName": "visuallyDisabled"
+              "description": "The element's language.",
+              "attribute": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             },
             {
-              "name": "checked",
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'lg' | 'md' | 'sm'"
               },
-              "default": "false",
-              "description": "Draws the checkbox in a checked state.",
-              "fieldName": "checked"
+              "default": "'lg'",
+              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+              "fieldName": "size"
             },
             {
-              "name": "indeterminate",
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "false",
-              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
-              "fieldName": "indeterminate"
+              "default": "'vertical'",
+              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+              "fieldName": "orientation"
             },
             {
-              "name": "form",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "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.",
-              "fieldName": "form"
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "fieldName": "label"
             },
             {
-              "name": "required",
+              "name": "help-text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "fieldName": "required"
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
               "name": "dir",
@@ -3575,14 +3275,11 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Checkboxes allow the user to toggle an option on or off.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox",
+          "summary": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "dependencies": [
-            "sd-4-6-16-icon"
-          ],
-          "tagName": "sd-4-6-16-checkbox",
+          "tagName": "sd-4-6-17-checkbox-group",
           "customElement": true
         }
       ],
@@ -3591,91 +3288,294 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdCheckbox",
-            "module": "components/checkbox/checkbox.js"
+            "name": "SdCheckboxGroup",
+            "module": "components/checkbox-group/checkbox-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-checkbox",
+          "name": "sd-4-6-17-checkbox-group",
           "declaration": {
-            "name": "SdCheckbox",
-            "module": "components/checkbox/checkbox.js"
+            "name": "SdCheckboxGroup",
+            "module": "components/checkbox-group/checkbox-group.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox-group/checkbox-group.js",
+      "path": "components/carousel/autoplay-controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A controller that repeatedly calls the specified callback with the provided interval time.\nThe timer is automatically paused while the user is interacting with the component.",
+          "name": "AutoplayController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "paused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "stopped",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "pause"
+            },
+            {
+              "kind": "field",
+              "name": "resume"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AutoplayController",
+          "declaration": {
+            "name": "AutoplayController",
+            "module": "components/carousel/autoplay-controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/carousel/carousel.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdCheckboxGroup",
+          "name": "SdCarousel",
+          "cssProperties": [
+            {
+              "description": "The space between each slide.",
+              "name": "--slide-gap"
+            },
+            {
+              "description": "The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint.",
+              "name": "--scroll-hint"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The carousel's internal wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The scroll container that wraps the slides.",
+              "name": "scroll-container"
+            },
+            {
+              "description": "A wrapper for the navigation and autoplay controller buttons.",
+              "name": "controls"
+            },
+            {
+              "description": "The pagination indicator in dot format.",
+              "name": "pagination-dot"
+            },
+            {
+              "description": "The pagination indicator in number format.",
+              "name": "pagination-number"
+            },
+            {
+              "description": "The pagination indicator.",
+              "name": "pagination-item"
+            },
+            {
+              "description": "Applied when the item is active.",
+              "name": "pagination-item--active"
+            },
+            {
+              "description": "The navigation wrapper.",
+              "name": "navigation"
+            },
+            {
+              "description": "The navigation button.",
+              "name": "navigation-button"
+            },
+            {
+              "description": "Applied to the previous button.",
+              "name": "navigation-button--previous"
+            },
+            {
+              "description": "Applied to the next button.",
+              "name": "navigation-button--next"
+            },
+            {
+              "description": "A wrapper for pause/start button.",
+              "name": "autoplay-controls"
+            }
+          ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-6-16-checkbox>` elements are placed.",
+              "description": "The carousel's main content, one or more `<sd-4-6-17-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "name": "next-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-6-16-tooltip` component.",
-              "name": "tooltip"
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "name": "previous-icon"
             },
             {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "name": "autoplay-start"
+            },
+            {
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "name": "autoplay-pause"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "variant",
               "type": {
-                "text": "'lg' | 'md' | 'sm'"
+                "text": "'dot' | 'number'"
               },
-              "default": "'lg'",
-              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
-              "attribute": "size",
+              "default": "'number'",
+              "description": "Determines the counting system for the carousel.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Inverts the carousel",
+              "attribute": "inverted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+              "attribute": "loop",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "autoplay",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "boolean"
               },
-              "default": "'vertical'",
-              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
-              "attribute": "orientation",
+              "default": "false",
+              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+              "attribute": "autoplay",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "slidesPerPage",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label",
+              "default": "1",
+              "description": "Specifies how many slides should be shown at a given time.",
+              "attribute": "slides-per-page",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "slidesPerMove",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text",
+              "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",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "pause",
+              "privacy": "public",
+              "description": "Pause the autoplay."
+            },
+            {
+              "kind": "method",
+              "name": "resume",
+              "privacy": "public",
+              "description": "Resume the autoplay"
+            },
+            {
+              "kind": "method",
+              "name": "previous",
+              "parameters": [
+                {
+                  "name": "behavior",
+                  "default": "'smooth'",
+                  "type": {
+                    "text": "ScrollBehavior"
+                  },
+                  "description": "The behavior used for scrolling."
+                }
+              ],
+              "description": "Move the carousel backward by `slides-per-move` slides."
+            },
+            {
+              "kind": "method",
+              "name": "next",
+              "parameters": [
+                {
+                  "name": "behavior",
+                  "default": "'smooth'",
+                  "type": {
+                    "text": "ScrollBehavior"
+                  },
+                  "description": "The behavior used for scrolling."
+                }
+              ],
+              "description": "Move the carousel forward by `slides-per-move` slides."
+            },
+            {
+              "kind": "method",
+              "name": "goToSlide",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The slide index."
+                },
+                {
+                  "name": "behavior",
+                  "default": "'smooth'",
+                  "type": {
+                    "text": "ScrollBehavior"
+                  },
+                  "description": "The behavior used for scrolling."
+                }
+              ],
+              "description": "Scrolls the carousel to the slide specified by `index`."
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -3727,42 +3627,69 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "{ index: number, slide: SdCarouselItem }"
+              },
+              "description": "Emitted when the active slide changes.",
+              "name": "sd-slide-change"
+            }
+          ],
           "attributes": [
             {
-              "name": "size",
+              "name": "variant",
               "type": {
-                "text": "'lg' | 'md' | 'sm'"
+                "text": "'dot' | 'number'"
               },
-              "default": "'lg'",
-              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
-              "fieldName": "size"
+              "default": "'number'",
+              "description": "Determines the counting system for the carousel.",
+              "fieldName": "variant"
             },
             {
-              "name": "orientation",
+              "name": "inverted",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "boolean"
               },
-              "default": "'vertical'",
-              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
-              "fieldName": "orientation"
+              "default": "false",
+              "description": "Inverts the carousel",
+              "fieldName": "inverted"
             },
             {
-              "name": "label",
+              "name": "loop",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+              "fieldName": "loop"
             },
             {
-              "name": "help-text",
+              "name": "autoplay",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "default": "false",
+              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+              "fieldName": "autoplay"
+            },
+            {
+              "name": "slides-per-page",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Specifies how many slides should be shown at a given time.",
+              "fieldName": "slidesPerPage"
+            },
+            {
+              "name": "slides-per-move",
+              "type": {
+                "text": "number"
+              },
+              "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>",
+              "fieldName": "slidesPerMove"
             },
             {
               "name": "dir",
@@ -3791,13 +3718,15 @@
           ],
           "superclass": {
             "name": "SolidElement",
-            "module": "/src/internal/solid-element"
+            "module": "/src/internal/solid-element.js"
           },
-          "summary": "Checkbox groups are used to group multiple [checkbox](/components/checkbox). It provides only presentational functionality.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
+          "summary": "Carousels display an arbitrary number of content slides along a horizontal axis.",
+          "since": "1.18.0",
           "status": "stable",
-          "since": "1.22.0",
-          "tagName": "sd-4-6-16-checkbox-group",
+          "dependencies": [
+            "sd-4-6-17-icon"
+          ],
+          "tagName": "sd-4-6-17-carousel",
           "customElement": true
         }
       ],
@@ -3806,16 +3735,87 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdCheckboxGroup",
-            "module": "components/checkbox-group/checkbox-group.js"
+            "name": "SdCarousel",
+            "module": "components/carousel/carousel.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-checkbox-group",
+          "name": "sd-4-6-17-carousel",
           "declaration": {
-            "name": "SdCheckboxGroup",
-            "module": "components/checkbox-group/checkbox-group.js"
+            "name": "SdCarousel",
+            "module": "components/carousel/carousel.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/carousel/scroll-controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A controller for handling scrolling and mouse dragging.",
+          "name": "ScrollController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "dragging",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "scrolling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "mouseDragging",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "handleScroll"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerDown"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerMove"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerUp"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchEnd"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchStart"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ScrollController",
+          "declaration": {
+            "name": "ScrollController",
+            "module": "components/carousel/scroll-controller.js"
           }
         }
       ]
@@ -3886,7 +3886,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-6-16-option>` elements. You can use `<sd-4-6-16-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-6-17-option>` elements. You can use `<sd-4-6-17-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -4181,7 +4181,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-6-16-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-6-17-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -4362,7 +4362,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-16-input"
+              "name": "sd-4-6-17-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -4566,7 +4566,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-4-6-16-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-4-6-17-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -4652,11 +4652,11 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-6-16-icon",
-            "sd-4-6-16-popup",
-            "sd-4-6-16-tag"
+            "sd-4-6-17-icon",
+            "sd-4-6-17-popup",
+            "sd-4-6-17-tag"
           ],
-          "tagName": "sd-4-6-16-combobox",
+          "tagName": "sd-4-6-17-combobox",
           "customElement": true
         }
       ],
@@ -4671,7 +4671,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-combobox",
+          "name": "sd-4-6-17-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -4794,7 +4794,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-4-6-16-optgroup"
+          "description": "Check if an item is a sd-4-6-17-optgroup"
         },
         {
           "kind": "function",
@@ -4941,7 +4941,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-6-16-button>`.",
+              "description": "The close button, an `<sd-4-6-17-button>`.",
               "name": "close-button"
             },
             {
@@ -4967,7 +4967,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-4-6-16-button>` and `<sd-4-6-16-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-4-6-17-button>` and `<sd-4-6-17-icon>`.",
               "name": "close-button"
             }
           ],
@@ -5163,8 +5163,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-4-6-16-button",
-            "sd-4-6-16-icon"
+            "sd-4-6-17-button",
+            "sd-4-6-17-icon"
           ],
           "animations": [
             {
@@ -5188,7 +5188,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-4-6-16-dialog",
+          "tagName": "sd-4-6-17-dialog",
           "customElement": true
         }
       ],
@@ -5203,7 +5203,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-dialog",
+          "name": "sd-4-6-17-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -5351,7 +5351,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-16-divider",
+          "tagName": "sd-4-6-17-divider",
           "customElement": true
         }
       ],
@@ -5366,7 +5366,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-divider",
+          "name": "sd-4-6-17-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -5410,7 +5410,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-6-16-button>`.",
+              "description": "The close button, an `<sd-4-6-17-button>`.",
               "name": "close-button"
             },
             {
@@ -5668,7 +5668,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-4-6-16-button"
+            "sd-4-6-17-button"
           ],
           "animations": [
             {
@@ -5700,7 +5700,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-4-6-16-drawer",
+          "tagName": "sd-4-6-17-drawer",
           "customElement": true
         }
       ],
@@ -5715,7 +5715,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-drawer",
+          "name": "sd-4-6-17-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -5751,7 +5751,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-4-6-16-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-4-6-17-button>` element.",
               "name": "trigger"
             }
           ],
@@ -5887,7 +5887,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-6-16-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-6-17-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",
@@ -6106,7 +6106,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-4-6-16-popup"
+            "sd-4-6-17-popup"
           ],
           "animations": [
             {
@@ -6118,7 +6118,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-4-6-16-dropdown",
+          "tagName": "sd-4-6-17-dropdown",
           "customElement": true
         }
       ],
@@ -6133,7 +6133,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-dropdown",
+          "name": "sd-4-6-17-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -6364,9 +6364,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-expandable",
+          "tagName": "sd-4-6-17-expandable",
           "customElement": true
         }
       ],
@@ -6381,7 +6381,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-expandable",
+          "name": "sd-4-6-17-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -6664,10 +6664,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-4-6-16-button",
-            "sd-4-6-16-icon"
+            "sd-4-6-17-button",
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-flipcard",
+          "tagName": "sd-4-6-17-flipcard",
           "customElement": true
         }
       ],
@@ -6682,7 +6682,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-flipcard",
+          "name": "sd-4-6-17-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -6830,7 +6830,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-4-6-16-header",
+          "tagName": "sd-4-6-17-header",
           "customElement": true
         }
       ],
@@ -6845,7 +6845,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-header",
+          "name": "sd-4-6-17-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -7050,7 +7050,7 @@
           "summary": "Icons are symbols that can be used to represent various options within an application.",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-16-icon",
+          "tagName": "sd-4-6-17-icon",
           "customElement": true
         }
       ],
@@ -7065,7 +7065,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-icon",
+          "name": "sd-4-6-17-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -7495,7 +7495,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-16-include",
+          "tagName": "sd-4-6-17-include",
           "customElement": true
         }
       ],
@@ -7510,7 +7510,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-include",
+          "name": "sd-4-6-17-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -7655,7 +7655,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-16-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-17-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -8209,7 +8209,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-16-input"
+              "name": "sd-4-6-17-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -8518,9 +8518,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-input",
+          "tagName": "sd-4-6-17-input",
           "customElement": true
         }
       ],
@@ -8535,7 +8535,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-input",
+          "name": "sd-4-6-17-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -8834,7 +8834,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-4-6-16-link",
+          "tagName": "sd-4-6-17-link",
           "customElement": true
         }
       ],
@@ -8849,7 +8849,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-link",
+          "name": "sd-4-6-17-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -9111,7 +9111,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-4-6-16-map-marker",
+          "tagName": "sd-4-6-17-map-marker",
           "customElement": true
         }
       ],
@@ -9126,7 +9126,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-map-marker",
+          "name": "sd-4-6-17-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -9530,10 +9530,10 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-4-6-16-divider",
-            "sd-4-6-16-icon"
+            "sd-4-6-17-divider",
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-navigation-item",
+          "tagName": "sd-4-6-17-navigation-item",
           "customElement": true
         }
       ],
@@ -9548,7 +9548,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-navigation-item",
+          "name": "sd-4-6-17-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -9590,17 +9590,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-4-6-16-icon-button>`.",
+              "description": "The close button, an `<sd-4-6-17-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-4-6-16-notification's main content.",
+              "description": "The sd-4-6-17-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-4-6-16-notification. Works best with `<sd-4-6-16-icon>`.",
+              "description": "An icon to show in the sd-4-6-17-notification. Works best with `<sd-4-6-17-icon>`.",
               "name": "icon"
             }
           ],
@@ -9618,7 +9618,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-6-16-notification's theme.",
+              "description": "The sd-4-6-17-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -9629,7 +9629,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-6-16-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-6-17-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
             },
@@ -9648,7 +9648,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-6-16-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-6-17-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
             },
@@ -9670,7 +9670,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-6-16-notification.",
+              "description": "The position of the toasted sd-4-6-17-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -9765,7 +9765,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-6-16-notification's theme.",
+              "description": "The sd-4-6-17-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -9774,7 +9774,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-4-6-16-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-6-17-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"
             },
             {
@@ -9789,7 +9789,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-4-6-16-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-6-17-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"
             },
             {
@@ -9807,7 +9807,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-6-16-notification.",
+              "description": "The position of the toasted sd-4-6-17-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -9844,20 +9844,20 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-6-16-button",
-            "sd-4-6-16-icon"
+            "sd-4-6-17-button",
+            "sd-4-6-17-icon"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-4-6-16-notification."
+              "description": "The animation to use when showing the sd-4-6-17-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-4-6-16-notification."
+              "description": "The animation to use when hiding the sd-4-6-17-notification."
             }
           ],
-          "tagName": "sd-4-6-16-notification",
+          "tagName": "sd-4-6-17-notification",
           "customElement": true
         }
       ],
@@ -9872,7 +9872,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-notification",
+          "name": "sd-4-6-17-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -9908,13 +9908,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-4-6-16-option> elements.",
+              "description": "The container that wraps the <sd-4-6-17-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-4-6-16-option>` elements.",
+              "description": "The given options. Must be `<sd-4-6-17-option>` elements.",
               "name": ""
             },
             {
@@ -9930,7 +9930,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-6-16-divider': SdDivider }"
+              "default": "{ 'sd-4-6-17-divider': SdDivider }"
             },
             {
               "kind": "field",
@@ -10053,14 +10053,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-4-6-16-optgroup> element creates a grouping for <sd-4-6-16-option>s within a <sd-4-6-16-combobox>.",
+          "summary": "The <sd-4-6-17-optgroup> element creates a grouping for <sd-4-6-17-option>s within a <sd-4-6-17-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-6-16-divider"
+            "sd-4-6-17-divider"
           ],
-          "tagName": "sd-4-6-16-optgroup",
+          "tagName": "sd-4-6-17-optgroup",
           "customElement": true
         }
       ],
@@ -10075,7 +10075,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-optgroup",
+          "name": "sd-4-6-17-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -10093,7 +10093,7 @@
           "name": "SdOption",
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-4-6-16-icon>` element.",
+              "description": "The checked icon, an `<sd-4-6-17-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -10135,7 +10135,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-6-16-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-6-17-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -10146,7 +10146,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-6-16-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-6-17-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -10235,7 +10235,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-6-16-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-6-17-select`.",
               "fieldName": "size"
             },
             {
@@ -10244,7 +10244,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-6-16-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-6-17-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -10299,9 +10299,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-option",
+          "tagName": "sd-4-6-17-option",
           "customElement": true
         }
       ],
@@ -10316,7 +10316,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-option",
+          "name": "sd-4-6-17-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -10870,7 +10870,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-4-6-16-popup",
+          "tagName": "sd-4-6-17-popup",
           "customElement": true
         }
       ],
@@ -10885,7 +10885,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-popup",
+          "name": "sd-4-6-17-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -10965,7 +10965,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-4-6-16-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-4-6-17-icon>`.",
               "name": "icon"
             },
             {
@@ -10985,7 +10985,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10993,7 +10993,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-6-16-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -11201,10 +11201,10 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-4-6-16-icon",
-            "sd-4-6-16-accordion"
+            "sd-4-6-17-icon",
+            "sd-4-6-17-accordion"
           ],
-          "tagName": "sd-4-6-16-quickfact",
+          "tagName": "sd-4-6-17-quickfact",
           "customElement": true,
           "events": [
             {
@@ -11253,7 +11253,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-quickfact",
+          "name": "sd-4-6-17-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -11490,7 +11490,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-4-6-16-radio",
+          "tagName": "sd-4-6-17-radio",
           "customElement": true
         }
       ],
@@ -11505,7 +11505,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-radio",
+          "name": "sd-4-6-17-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -11745,7 +11745,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-4-6-16-radio-button",
+          "tagName": "sd-4-6-17-radio-button",
           "customElement": true
         }
       ],
@@ -11760,7 +11760,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-radio-button",
+          "name": "sd-4-6-17-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -11800,7 +11800,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-6-16-radio>` or `<sd-4-6-16-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-4-6-17-radio>` or `<sd-4-6-17-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -11812,7 +11812,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-6-16-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-6-17-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11824,7 +11824,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-6-16-button-group': SdButtonGroup }"
+              "default": "{ 'sd-4-6-17-button-group': SdButtonGroup }"
             },
             {
               "kind": "field",
@@ -12035,7 +12035,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-4-6-16-input"
+              "name": "sd-4-6-17-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -12158,9 +12158,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-4-6-16-button-group"
+            "sd-4-6-17-button-group"
           ],
-          "tagName": "sd-4-6-16-radio-group",
+          "tagName": "sd-4-6-17-radio-group",
           "customElement": true
         }
       ],
@@ -12175,7 +12175,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-radio-group",
+          "name": "sd-4-6-17-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -12512,9 +12512,9 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-scrollable",
+          "tagName": "sd-4-6-17-scrollable",
           "customElement": true
         }
       ],
@@ -12529,7 +12529,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-scrollable",
+          "name": "sd-4-6-17-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -12611,7 +12611,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-6-16-option>` elements. You can use `<sd-4-6-16-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-6-17-option>` elements. You can use `<sd-4-6-17-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -12631,7 +12631,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-16-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-17-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -12793,7 +12793,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-6-16-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-6-17-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -13009,7 +13009,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-16-input"
+              "name": "sd-4-6-17-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -13146,7 +13146,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-6-16-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-6-17-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -13253,11 +13253,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-6-16-icon",
-            "sd-4-6-16-popup",
-            "sd-4-6-16-tag"
+            "sd-4-6-17-icon",
+            "sd-4-6-17-popup",
+            "sd-4-6-17-tag"
           ],
-          "tagName": "sd-4-6-16-select",
+          "tagName": "sd-4-6-17-select",
           "customElement": true
         }
       ],
@@ -13272,7 +13272,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-select",
+          "name": "sd-4-6-17-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -13400,7 +13400,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-16-spinner",
+          "tagName": "sd-4-6-17-spinner",
           "customElement": true
         }
       ],
@@ -13415,7 +13415,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-spinner",
+          "name": "sd-4-6-17-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -13776,10 +13776,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-4-6-16-icon",
-            "sd-4-6-16-divider"
+            "sd-4-6-17-icon",
+            "sd-4-6-17-divider"
           ],
-          "tagName": "sd-4-6-16-step",
+          "tagName": "sd-4-6-17-step",
           "customElement": true
         }
       ],
@@ -13794,7 +13794,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-step",
+          "name": "sd-4-6-17-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -13822,7 +13822,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-4-6-16-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-4-6-17-step>` elements.",
               "name": ""
             }
           ],
@@ -14026,7 +14026,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-4-6-16-step-group",
+          "tagName": "sd-4-6-17-step-group",
           "customElement": true
         }
       ],
@@ -14041,7 +14041,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-step-group",
+          "name": "sd-4-6-17-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -14303,7 +14303,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-4-6-16-input"
+              "name": "sd-4-6-17-input"
             }
           ],
           "attributes": [
@@ -14402,7 +14402,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-4-6-16-switch",
+          "tagName": "sd-4-6-17-switch",
           "customElement": true
         }
       ],
@@ -14417,7 +14417,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-switch",
+          "name": "sd-4-6-17-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -14663,9 +14663,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-6-16-button"
+            "sd-4-6-17-button"
           ],
-          "tagName": "sd-4-6-16-tab",
+          "tagName": "sd-4-6-17-tab",
           "customElement": true
         }
       ],
@@ -14680,7 +14680,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-tab",
+          "name": "sd-4-6-17-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -14736,11 +14736,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-6-16-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-6-17-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-6-16-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-6-17-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -14832,14 +14832,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-4-6-16-tab-show"
+              "name": "sd-4-6-17-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-4-6-16-tab-hide"
+              "name": "sd-4-6-17-tab-hide"
             }
           ],
           "attributes": [
@@ -14886,9 +14886,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-6-16-tab"
+            "sd-4-6-17-tab"
           ],
-          "tagName": "sd-4-6-16-tab-group",
+          "tagName": "sd-4-6-17-tab-group",
           "customElement": true
         }
       ],
@@ -14903,7 +14903,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-tab-group",
+          "name": "sd-4-6-17-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -15063,7 +15063,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-6-16-tab-panel",
+          "tagName": "sd-4-6-17-tab-panel",
           "customElement": true
         }
       ],
@@ -15078,7 +15078,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-tab-panel",
+          "name": "sd-4-6-17-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -15399,9 +15399,9 @@
           "status": "stable",
           "since": "1.10",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-tag",
+          "tagName": "sd-4-6-17-tag",
           "customElement": true
         }
       ],
@@ -15416,7 +15416,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-tag",
+          "name": "sd-4-6-17-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -15632,7 +15632,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-4-6-16-teaser",
+          "tagName": "sd-4-6-17-teaser",
           "customElement": true
         }
       ],
@@ -15647,7 +15647,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-teaser",
+          "name": "sd-4-6-17-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -15821,7 +15821,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-6-16-teaser-media",
+          "tagName": "sd-4-6-17-teaser-media",
           "customElement": true
         }
       ],
@@ -15836,7 +15836,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-teaser-media",
+          "name": "sd-4-6-17-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -15892,7 +15892,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-16-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-17-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -16363,7 +16363,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-16-input"
+              "name": "sd-4-6-17-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -16603,9 +16603,9 @@
           "status": "stable",
           "since": "1.31.0",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-textarea",
+          "tagName": "sd-4-6-17-textarea",
           "customElement": true
         }
       ],
@@ -16620,7 +16620,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-textarea",
+          "name": "sd-4-6-17-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -16652,7 +16652,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-4-6-16-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-4-6-17-popup>` element.",
               "name": "base"
             },
             {
@@ -16950,8 +16950,8 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-4-6-16-popup",
-            "sd-4-6-16-icon"
+            "sd-4-6-17-popup",
+            "sd-4-6-17-icon"
           ],
           "animations": [
             {
@@ -16963,7 +16963,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-4-6-16-tooltip",
+          "tagName": "sd-4-6-17-tooltip",
           "customElement": true
         }
       ],
@@ -16978,7 +16978,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-tooltip",
+          "name": "sd-4-6-17-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -17159,9 +17159,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-4-6-16-icon"
+            "sd-4-6-17-icon"
           ],
-          "tagName": "sd-4-6-16-video",
+          "tagName": "sd-4-6-17-video",
           "customElement": true
         }
       ],
@@ -17176,7 +17176,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-16-video",
+          "name": "sd-4-6-17-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -17188,7 +17188,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.6.16",
+    "version": "4.6.17",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"