@solid-design-system/components 4.6.17 → 4.7.0

package/cdn-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-17-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -152,6 +152,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -224,7 +252,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
           "animations": [
             {
@@ -236,7 +264,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-4-6-17-accordion",
+          "tagName": "sd-4-7-0-accordion",
           "customElement": true
         }
       ],
@@ -251,7 +279,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-accordion",
+          "name": "sd-4-7-0-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -275,7 +303,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-6-17-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-4-7-0-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -340,6 +368,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -386,9 +442,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-4-6-17-accordion"
+            "sd-4-7-0-accordion"
           ],
-          "tagName": "sd-4-6-17-accordion-group",
+          "tagName": "sd-4-7-0-accordion-group",
           "customElement": true
         }
       ],
@@ -403,7 +459,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-accordion-group",
+          "name": "sd-4-7-0-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -421,7 +477,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-17-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-7-0-animation>` elements.",
               "name": ""
             }
           ],
@@ -616,6 +672,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -762,7 +846,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-17-animation",
+          "tagName": "sd-4-7-0-animation",
           "customElement": true
         }
       ],
@@ -777,7 +861,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-animation",
+          "name": "sd-4-7-0-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1056,6 +1140,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -1167,11 +1279,11 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-4-6-17-icon",
-            "sd-4-6-17-button",
-            "sd-4-6-17-drawer"
+            "sd-4-7-0-icon",
+            "sd-4-7-0-button",
+            "sd-4-7-0-drawer"
           ],
-          "tagName": "sd-4-6-17-audio",
+          "tagName": "sd-4-7-0-audio",
           "customElement": true
         }
       ],
@@ -1186,7 +1298,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-audio",
+          "name": "sd-4-7-0-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1496,6 +1608,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -1559,7 +1699,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-4-6-17-badge",
+          "tagName": "sd-4-7-0-badge",
           "customElement": true
         }
       ],
@@ -1574,7 +1714,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-badge",
+          "name": "sd-4-7-0-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1697,6 +1837,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -1751,7 +1919,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-4-6-17-brandshape",
+          "tagName": "sd-4-7-0-brandshape",
           "customElement": true
         }
       ],
@@ -1766,7 +1934,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-brandshape",
+          "name": "sd-4-7-0-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -2127,6 +2295,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -2340,10 +2536,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-6-17-icon",
-            "sd-4-6-17-spinner"
+            "sd-4-7-0-icon",
+            "sd-4-7-0-spinner"
           ],
-          "tagName": "sd-4-6-17-button",
+          "tagName": "sd-4-7-0-button",
           "customElement": true
         }
       ],
@@ -2358,7 +2554,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-button",
+          "name": "sd-4-7-0-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -2382,7 +2578,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-4-6-17-button>` elements to display in the button group.",
+              "description": "One or more `<sd-4-7-0-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -2455,6 +2651,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -2500,7 +2724,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-17-button-group",
+          "tagName": "sd-4-7-0-button-group",
           "customElement": true
         }
       ],
@@ -2515,7 +2739,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-button-group",
+          "name": "sd-4-7-0-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -2525,227 +2749,277 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox/checkbox.js",
+      "path": "components/carousel/autoplay-controller.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"
-            },
-            {
-              "description": "Matches the control part when the checkbox is indeterminate.",
-              "name": "control--indeterminate"
-            },
-            {
-              "description": "The checked icon, an `<sd-4-6-17-icon>` element.",
-              "name": "checked-icon"
-            },
-            {
-              "description": "The indeterminate icon, an `<sd-4-6-17-icon>` element.",
-              "name": "indeterminate-icon"
-            },
-            {
-              "description": "The container that wraps the checkbox's label.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The checkbox's label.",
-              "name": ""
-            }
-          ],
+          "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": "title",
+              "name": "paused",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "title",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "stopped",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "name",
-              "reflects": true
+              "default": "true"
             },
             {
               "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"
+              "name": "pause"
             },
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'lg'",
-              "description": "The checkbox's size.",
-              "attribute": "size",
-              "reflects": true
+              "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": "SdCarousel",
+          "cssProperties": [
+            {
+              "description": "The space between each slide.",
+              "name": "--slide-gap"
             },
             {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables the checkbox.",
-              "attribute": "disabled",
-              "reflects": true
+              "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 carousel's main content, one or more `<sd-4-7-0-carousel-item>` elements.",
+              "name": ""
+            },
+            {
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
+              "name": "next-icon"
+            },
+            {
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
+              "name": "previous-icon"
             },
+            {
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
+              "name": "autoplay-start"
+            },
+            {
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
+              "name": "autoplay-pause"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "visuallyDisabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'dot' | 'number'"
               },
-              "default": "false",
-              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
-              "attribute": "visually-disabled",
+              "default": "'number'",
+              "description": "Determines the counting system for the carousel.",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in a checked state.",
-              "attribute": "checked",
+              "description": "Inverts the carousel",
+              "attribute": "inverted",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "loop",
               "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",
+              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+              "attribute": "loop",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultChecked",
+              "name": "autoplay",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+              "attribute": "autoplay",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "slidesPerPage",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "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",
+              "default": "1",
+              "description": "Specifies how many slides should be shown at a given time.",
+              "attribute": "slides-per-page",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "slidesPerMove",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "attribute": "required",
+              "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": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the checkbox."
+              "name": "pause",
+              "privacy": "public",
+              "description": "Pause the autoplay."
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "resume",
+              "privacy": "public",
+              "description": "Resume the autoplay"
+            },
+            {
+              "kind": "method",
+              "name": "previous",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "behavior",
+                  "default": "'smooth'",
                   "type": {
-                    "text": "FocusOptions"
-                  }
+                    "text": "ScrollBehavior"
+                  },
+                  "description": "The behavior used for scrolling."
                 }
               ],
-              "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."
+              "description": "Move the carousel backward by `slides-per-move` slides."
             },
             {
               "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
+              "name": "next",
+              "parameters": [
+                {
+                  "name": "behavior",
+                  "default": "'smooth'",
+                  "type": {
+                    "text": "ScrollBehavior"
+                  },
+                  "description": "The behavior used for scrolling."
                 }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows a validation message if the control is invalid."
+              ],
+              "description": "Move the carousel forward by `slides-per-move` slides."
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
+              "name": "goToSlide",
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "index",
                   "type": {
-                    "text": "string"
-                  }
+                    "text": "number"
+                  },
+                  "description": "The slide index."
+                },
+                {
+                  "name": "behavior",
+                  "default": "'smooth'",
+                  "type": {
+                    "text": "ScrollBehavior"
+                  },
+                  "description": "The behavior used for scrolling."
                 }
               ],
-              "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": "Scrolls the carousel to the slide specified by `index`."
             },
             {
               "kind": "field",
@@ -2796,114 +3070,99 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the checkbox loses focus.",
-              "name": "sd-blur"
-            },
-            {
-              "description": "Emitted when the checked state changes.",
-              "name": "sd-change"
-            },
-            {
-              "description": "Emitted when the checkbox gains focus.",
-              "name": "sd-focus"
             },
             {
-              "description": "Emitted when the checkbox receives input.",
-              "name": "sd-4-6-17-input"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
               },
-              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
-              "fieldName": "value"
-            },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "events": [
             {
-              "name": "size",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "{ index: number, slide: SdCarouselItem }"
               },
-              "default": "'lg'",
-              "description": "The checkbox's size.",
-              "fieldName": "size"
-            },
+              "description": "Emitted when the active slide changes.",
+              "name": "sd-slide-change"
+            }
+          ],
+          "attributes": [
             {
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'dot' | 'number'"
               },
-              "default": "false",
-              "description": "Disables the checkbox.",
-              "fieldName": "disabled"
+              "default": "'number'",
+              "description": "Determines the counting system for the carousel.",
+              "fieldName": "variant"
             },
             {
-              "name": "visually-disabled",
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
-              "fieldName": "visuallyDisabled"
+              "description": "Inverts the carousel",
+              "fieldName": "inverted"
             },
             {
-              "name": "checked",
+              "name": "loop",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the checkbox in a checked state.",
-              "fieldName": "checked"
+              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+              "fieldName": "loop"
             },
             {
-              "name": "indeterminate",
+              "name": "autoplay",
               "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.",
-              "fieldName": "indeterminate"
+              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+              "fieldName": "autoplay"
             },
             {
-              "name": "form",
+              "name": "slides-per-page",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "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"
+              "default": "1",
+              "description": "Specifies how many slides should be shown at a given time.",
+              "fieldName": "slidesPerPage"
             },
             {
-              "name": "required",
+              "name": "slides-per-move",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Makes the checkbox a required field.",
-              "fieldName": "required"
+              "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",
@@ -2932,16 +3191,15 @@
           ],
           "superclass": {
             "name": "SolidElement",
-            "module": "/src/internal/solid-element"
+            "module": "/src/internal/solid-element.js"
           },
-          "summary": "Checkboxes allow the user to toggle an option on or off.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox",
+          "summary": "Carousels display an arbitrary number of content slides along a horizontal axis.",
+          "since": "1.18.0",
           "status": "stable",
-          "since": "1.22.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-checkbox",
+          "tagName": "sd-4-7-0-carousel",
           "customElement": true
         }
       ],
@@ -2950,16 +3208,87 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdCheckbox",
-            "module": "components/checkbox/checkbox.js"
+            "name": "SdCarousel",
+            "module": "components/carousel/carousel.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-checkbox",
+          "name": "sd-4-7-0-carousel",
           "declaration": {
-            "name": "SdCheckbox",
-            "module": "components/checkbox/checkbox.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"
           }
         }
       ]
@@ -3028,6 +3357,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "superclass": {
@@ -3038,7 +3395,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-4-6-17-carousel-item",
+          "tagName": "sd-4-7-0-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -3079,7 +3436,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-carousel-item",
+          "name": "sd-4-7-0-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -3089,75 +3446,228 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/checkbox-group/checkbox-group.js",
+      "path": "components/checkbox/checkbox.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdCheckboxGroup",
-          "slots": [
+          "name": "SdCheckbox",
+          "cssParts": [
             {
-              "description": "The default slot where `<sd-4-6-17-checkbox>` elements are placed.",
-              "name": ""
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
-              "name": "label"
+              "description": "The square container that wraps the checkbox's checked state.",
+              "name": "control"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-6-17-tooltip` component.",
-              "name": "tooltip"
+              "description": "Matches the control part when the checkbox is checked.",
+              "name": "control--checked"
             },
             {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "Matches the control part when the checkbox is indeterminate.",
+              "name": "control--indeterminate"
+            },
+            {
+              "description": "The checked icon, an `<sd-4-7-0-icon>` element.",
+              "name": "checked-icon"
+            },
+            {
+              "description": "The indeterminate icon, an `<sd-4-7-0-icon>` element.",
+              "name": "indeterminate-icon"
+            },
+            {
+              "description": "The container that wraps the checkbox's label.",
+              "name": "label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The checkbox's label.",
+              "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "title",
               "type": {
-                "text": "'lg' | 'md' | 'sm'"
+                "text": "string"
               },
-              "default": "'lg'",
-              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
-              "attribute": "size",
+              "default": "''",
+              "attribute": "title",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "name",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "string"
               },
-              "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": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "name",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label",
+              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'lg'",
+              "description": "The checkbox's size.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the checkbox.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the checkbox as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the checkbox in a checked state.",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "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."
+            },
+            {
+              "kind": "field",
+              "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text",
+              "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": "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."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "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",
@@ -3207,44 +3717,142 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the checkbox loses focus.",
+              "name": "sd-blur"
+            },
+            {
+              "description": "Emitted when the checked state changes.",
+              "name": "sd-change"
+            },
+            {
+              "description": "Emitted when the checkbox gains focus.",
+              "name": "sd-focus"
+            },
+            {
+              "description": "Emitted when the checkbox receives input.",
+              "name": "sd-4-7-0-input"
             }
           ],
           "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
             {
               "name": "size",
               "type": {
-                "text": "'lg' | 'md' | 'sm'"
+                "text": "'sm' | 'md' | 'lg'"
               },
               "default": "'lg'",
-              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+              "description": "The checkbox's size.",
               "fieldName": "size"
             },
             {
-              "name": "orientation",
+              "name": "disabled",
               "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": "Disables the checkbox.",
+              "fieldName": "disabled"
             },
             {
-              "name": "label",
+              "name": "visually-disabled",
               "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": "Styles the checkbox as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
             },
             {
-              "name": "help-text",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the checkbox in a checked state.",
+              "fieldName": "checked"
+            },
+            {
+              "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.",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "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"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the checkbox a required field.",
+              "fieldName": "required"
             },
             {
               "name": "dir",
@@ -3275,11 +3883,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "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": "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",
-          "tagName": "sd-4-6-17-checkbox-group",
+          "dependencies": [
+            "sd-4-7-0-icon"
+          ],
+          "tagName": "sd-4-7-0-checkbox",
           "customElement": true
         }
       ],
@@ -3288,294 +3899,91 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdCheckboxGroup",
-            "module": "components/checkbox-group/checkbox-group.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-4-6-17-checkbox-group",
-          "declaration": {
-            "name": "SdCheckboxGroup",
-            "module": "components/checkbox-group/checkbox-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "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": [
+            "name": "SdCheckbox",
+            "module": "components/checkbox/checkbox.js"
+          }
+        },
         {
-          "kind": "js",
-          "name": "AutoplayController",
+          "kind": "custom-element-definition",
+          "name": "sd-4-7-0-checkbox",
           "declaration": {
-            "name": "AutoplayController",
-            "module": "components/carousel/autoplay-controller.js"
+            "name": "SdCheckbox",
+            "module": "components/checkbox/checkbox.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/carousel/carousel.js",
+      "path": "components/checkbox-group/checkbox-group.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"
-            }
-          ],
-          "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"
-            }
-          ],
+          "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-4-6-17-carousel-item>` elements.",
+              "description": "The default slot where `<sd-4-7-0-checkbox>` elements are placed.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
-              "name": "next-icon"
-            },
-            {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
-              "name": "previous-icon"
+              "description": "The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
-              "name": "autoplay-start"
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-4-7-0-tooltip` component.",
+              "name": "tooltip"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
-              "name": "autoplay-pause"
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "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",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Inverts the carousel",
-              "attribute": "inverted",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "loop",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'lg' | 'md' | 'sm'"
               },
-              "default": "false",
-              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
-              "attribute": "loop",
+              "default": "'lg'",
+              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "autoplay",
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "false",
-              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
-              "attribute": "autoplay",
+              "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
             },
             {
               "kind": "field",
-              "name": "slidesPerPage",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "Specifies how many slides should be shown at a given time.",
-              "attribute": "slides-per-page",
+              "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
             },
             {
               "kind": "field",
-              "name": "slidesPerMove",
+              "name": "helpText",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "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": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text",
               "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",
@@ -3625,71 +4033,72 @@
                 "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",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
               },
-              "default": "false",
-              "description": "Inverts the carousel",
-              "fieldName": "inverted"
-            },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "name": "loop",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'lg' | 'md' | 'sm'"
               },
-              "default": "false",
-              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
-              "fieldName": "loop"
+              "default": "'lg'",
+              "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
+              "fieldName": "size"
             },
             {
-              "name": "autoplay",
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "false",
-              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
-              "fieldName": "autoplay"
+              "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": "slides-per-page",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "Specifies how many slides should be shown at a given time.",
-              "fieldName": "slidesPerPage"
+              "default": "''",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "fieldName": "label"
             },
             {
-              "name": "slides-per-move",
+              "name": "help-text",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "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"
+              "default": "''",
+              "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
               "name": "dir",
@@ -3718,15 +4127,13 @@
           ],
           "superclass": {
             "name": "SolidElement",
-            "module": "/src/internal/solid-element.js"
+            "module": "/src/internal/solid-element"
           },
-          "summary": "Carousels display an arbitrary number of content slides along a horizontal axis.",
-          "since": "1.18.0",
+          "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",
-          "dependencies": [
-            "sd-4-6-17-icon"
-          ],
-          "tagName": "sd-4-6-17-carousel",
+          "since": "1.22.0",
+          "tagName": "sd-4-7-0-checkbox-group",
           "customElement": true
         }
       ],
@@ -3735,87 +4142,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdCarousel",
-            "module": "components/carousel/carousel.js"
+            "name": "SdCheckboxGroup",
+            "module": "components/checkbox-group/checkbox-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-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": [
-            {
-              "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",
+          "name": "sd-4-7-0-checkbox-group",
           "declaration": {
-            "name": "ScrollController",
-            "module": "components/carousel/scroll-controller.js"
+            "name": "SdCheckboxGroup",
+            "module": "components/checkbox-group/checkbox-group.js"
           }
         }
       ]
@@ -3886,7 +4222,7 @@
           ],
           "slots": [
             {
-              "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.",
+              "description": "The listbox options. Must be `<sd-4-7-0-option>` elements. You can use `<sd-4-7-0-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -4181,7 +4517,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "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.",
+              "description": "Uses interactive `sd-4-7-0-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -4349,6 +4685,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -4362,7 +4726,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-17-input"
+              "name": "sd-4-7-0-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -4566,7 +4930,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "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.",
+              "description": "Uses interactive `sd-4-7-0-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -4652,11 +5016,11 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-6-17-icon",
-            "sd-4-6-17-popup",
-            "sd-4-6-17-tag"
+            "sd-4-7-0-icon",
+            "sd-4-7-0-popup",
+            "sd-4-7-0-tag"
           ],
-          "tagName": "sd-4-6-17-combobox",
+          "tagName": "sd-4-7-0-combobox",
           "customElement": true
         }
       ],
@@ -4671,7 +5035,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-combobox",
+          "name": "sd-4-7-0-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -4794,7 +5158,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-4-6-17-optgroup"
+          "description": "Check if an item is a sd-4-7-0-optgroup"
         },
         {
           "kind": "function",
@@ -4941,7 +5305,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-6-17-button>`.",
+              "description": "The close button, an `<sd-4-7-0-button>`.",
               "name": "close-button"
             },
             {
@@ -4967,7 +5331,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-4-6-17-button>` and `<sd-4-6-17-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-4-7-0-button>` and `<sd-4-7-0-icon>`.",
               "name": "close-button"
             }
           ],
@@ -5070,6 +5434,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -5163,8 +5555,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-4-6-17-button",
-            "sd-4-6-17-icon"
+            "sd-4-7-0-button",
+            "sd-4-7-0-icon"
           ],
           "animations": [
             {
@@ -5188,7 +5580,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-4-6-17-dialog",
+          "tagName": "sd-4-7-0-dialog",
           "customElement": true
         }
       ],
@@ -5203,7 +5595,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-dialog",
+          "name": "sd-4-7-0-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -5297,6 +5689,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -5351,7 +5771,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-17-divider",
+          "tagName": "sd-4-7-0-divider",
           "customElement": true
         }
       ],
@@ -5366,7 +5786,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-divider",
+          "name": "sd-4-7-0-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -5410,7 +5830,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-4-6-17-button>`.",
+              "description": "The close button, an `<sd-4-7-0-button>`.",
               "name": "close-button"
             },
             {
@@ -5557,6 +5977,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -5668,7 +6116,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-4-6-17-button"
+            "sd-4-7-0-button"
           ],
           "animations": [
             {
@@ -5700,7 +6148,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-4-6-17-drawer",
+          "tagName": "sd-4-7-0-drawer",
           "customElement": true
         }
       ],
@@ -5715,7 +6163,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-drawer",
+          "name": "sd-4-7-0-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -5751,7 +6199,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-4-6-17-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-4-7-0-button>` element.",
               "name": "trigger"
             }
           ],
@@ -5887,7 +6335,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-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.\""
+              "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-7-0-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",
@@ -5944,11 +6392,39 @@
                   "name": "options",
                   "optional": true,
                   "type": {
-                    "text": "CustomEventInit"
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
                   }
                 }
               ],
-              "description": "Emits a custom event with more convenient defaults.",
+              "description": "Retrieves the value of a css variable token.",
               "inheritedFrom": {
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
@@ -6106,7 +6582,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-4-6-17-popup"
+            "sd-4-7-0-popup"
           ],
           "animations": [
             {
@@ -6118,7 +6594,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-4-6-17-dropdown",
+          "tagName": "sd-4-7-0-dropdown",
           "customElement": true
         }
       ],
@@ -6133,7 +6609,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-dropdown",
+          "name": "sd-4-7-0-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -6291,6 +6767,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -6364,9 +6868,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-expandable",
+          "tagName": "sd-4-7-0-expandable",
           "customElement": true
         }
       ],
@@ -6381,7 +6885,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-expandable",
+          "name": "sd-4-7-0-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -6581,6 +7085,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -6664,10 +7196,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-4-6-17-button",
-            "sd-4-6-17-icon"
+            "sd-4-7-0-button",
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-flipcard",
+          "tagName": "sd-4-7-0-flipcard",
           "customElement": true
         }
       ],
@@ -6682,7 +7214,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-flipcard",
+          "name": "sd-4-7-0-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -6785,6 +7317,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -6830,7 +7390,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-4-6-17-header",
+          "tagName": "sd-4-7-0-header",
           "customElement": true
         }
       ],
@@ -6845,7 +7405,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-header",
+          "name": "sd-4-7-0-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -6962,6 +7522,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -7050,7 +7638,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-17-icon",
+          "tagName": "sd-4-7-0-icon",
           "customElement": true
         }
       ],
@@ -7065,7 +7653,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-icon",
+          "name": "sd-4-7-0-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -7420,6 +8008,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -7495,7 +8111,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-17-include",
+          "tagName": "sd-4-7-0-include",
           "customElement": true
         }
       ],
@@ -7510,7 +8126,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-include",
+          "name": "sd-4-7-0-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -7655,7 +8271,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-17-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-7-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -8188,6 +8804,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -8209,7 +8853,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-17-input"
+              "name": "sd-4-7-0-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -8518,9 +9162,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-input",
+          "tagName": "sd-4-7-0-input",
           "customElement": true
         }
       ],
@@ -8535,7 +9179,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-input",
+          "name": "sd-4-7-0-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -8727,6 +9371,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -8834,7 +9506,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-4-6-17-link",
+          "tagName": "sd-4-7-0-link",
           "customElement": true
         }
       ],
@@ -8849,7 +9521,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-link",
+          "name": "sd-4-7-0-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -9003,6 +9675,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -9111,7 +9811,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-4-6-17-map-marker",
+          "tagName": "sd-4-7-0-map-marker",
           "customElement": true
         }
       ],
@@ -9126,7 +9826,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-map-marker",
+          "name": "sd-4-7-0-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -9371,6 +10071,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -9530,10 +10258,10 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-4-6-17-divider",
-            "sd-4-6-17-icon"
+            "sd-4-7-0-divider",
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-navigation-item",
+          "tagName": "sd-4-7-0-navigation-item",
           "customElement": true
         }
       ],
@@ -9548,7 +10276,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-navigation-item",
+          "name": "sd-4-7-0-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -9590,17 +10318,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-4-6-17-icon-button>`.",
+              "description": "The close button, an `<sd-4-7-0-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-4-6-17-notification's main content.",
+              "description": "The sd-4-7-0-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-4-6-17-notification. Works best with `<sd-4-6-17-icon>`.",
+              "description": "An icon to show in the sd-4-7-0-notification. Works best with `<sd-4-7-0-icon>`.",
               "name": "icon"
             }
           ],
@@ -9618,7 +10346,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-6-17-notification's theme.",
+              "description": "The sd-4-7-0-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -9629,7 +10357,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "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.",
+              "description": "Indicates whether or not sd-4-7-0-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 +10376,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "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.",
+              "description": "The length of time, in milliseconds, the sd-4-7-0-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 +10398,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-6-17-notification.",
+              "description": "The position of the toasted sd-4-7-0-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -9738,6 +10466,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -9765,7 +10521,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-4-6-17-notification's theme.",
+              "description": "The sd-4-7-0-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -9774,7 +10530,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "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.",
+              "description": "Indicates whether or not sd-4-7-0-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 +10545,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "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.",
+              "description": "The length of time, in milliseconds, the sd-4-7-0-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 +10563,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-4-6-17-notification.",
+              "description": "The position of the toasted sd-4-7-0-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -9844,20 +10600,20 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-4-6-17-button",
-            "sd-4-6-17-icon"
+            "sd-4-7-0-button",
+            "sd-4-7-0-icon"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-4-6-17-notification."
+              "description": "The animation to use when showing the sd-4-7-0-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-4-6-17-notification."
+              "description": "The animation to use when hiding the sd-4-7-0-notification."
             }
           ],
-          "tagName": "sd-4-6-17-notification",
+          "tagName": "sd-4-7-0-notification",
           "customElement": true
         }
       ],
@@ -9872,7 +10628,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-notification",
+          "name": "sd-4-7-0-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -9908,13 +10664,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-4-6-17-option> elements.",
+              "description": "The container that wraps the <sd-4-7-0-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-4-6-17-option>` elements.",
+              "description": "The given options. Must be `<sd-4-7-0-option>` elements.",
               "name": ""
             },
             {
@@ -9930,7 +10686,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-6-17-divider': SdDivider }"
+              "default": "{ 'sd-4-7-0-divider': SdDivider }"
             },
             {
               "kind": "field",
@@ -9991,14 +10747,42 @@
                   }
                 },
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
                   "type": {
-                    "text": "CustomEventInit"
+                    "text": "T"
                   }
                 }
               ],
-              "description": "Emits a custom event with more convenient defaults.",
+              "description": "Retrieves the value of a css variable token.",
               "inheritedFrom": {
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
@@ -10053,14 +10837,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "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>.",
+          "summary": "The <sd-4-7-0-optgroup> element creates a grouping for <sd-4-7-0-option>s within a <sd-4-7-0-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-4-6-17-divider"
+            "sd-4-7-0-divider"
           ],
-          "tagName": "sd-4-6-17-optgroup",
+          "tagName": "sd-4-7-0-optgroup",
           "customElement": true
         }
       ],
@@ -10075,7 +10859,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-optgroup",
+          "name": "sd-4-7-0-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -10093,7 +10877,7 @@
           "name": "SdOption",
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-4-6-17-icon>` element.",
+              "description": "The checked icon, an `<sd-4-7-0-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -10135,7 +10919,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-17-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-7-0-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -10146,7 +10930,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-6-17-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-7-0-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -10226,6 +11010,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -10235,7 +11047,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-17-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-4-7-0-select`.",
               "fieldName": "size"
             },
             {
@@ -10244,7 +11056,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-6-17-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-4-7-0-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -10299,9 +11111,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-option",
+          "tagName": "sd-4-7-0-option",
           "customElement": true
         }
       ],
@@ -10316,7 +11128,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-option",
+          "name": "sd-4-7-0-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -10641,6 +11453,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -10870,7 +11710,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-4-6-17-popup",
+          "tagName": "sd-4-7-0-popup",
           "customElement": true
         }
       ],
@@ -10885,7 +11725,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-popup",
+          "name": "sd-4-7-0-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -10965,7 +11805,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-4-6-17-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-4-7-0-icon>`.",
               "name": "icon"
             },
             {
@@ -10985,7 +11825,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -10993,7 +11833,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-6-17-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-4-7-0-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -11130,6 +11970,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -11201,10 +12069,10 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-4-6-17-icon",
-            "sd-4-6-17-accordion"
+            "sd-4-7-0-icon",
+            "sd-4-7-0-accordion"
           ],
-          "tagName": "sd-4-6-17-quickfact",
+          "tagName": "sd-4-7-0-quickfact",
           "customElement": true,
           "events": [
             {
@@ -11253,7 +12121,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-quickfact",
+          "name": "sd-4-7-0-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -11400,6 +12268,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -11490,7 +12386,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-4-6-17-radio",
+          "tagName": "sd-4-7-0-radio",
           "customElement": true
         }
       ],
@@ -11505,7 +12401,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-radio",
+          "name": "sd-4-7-0-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -11664,6 +12560,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -11745,7 +12669,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-4-6-17-radio-button",
+          "tagName": "sd-4-7-0-radio-button",
           "customElement": true
         }
       ],
@@ -11760,7 +12684,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-radio-button",
+          "name": "sd-4-7-0-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -11800,7 +12724,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-4-6-17-radio>` or `<sd-4-6-17-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-4-7-0-radio>` or `<sd-4-7-0-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -11812,7 +12736,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-6-17-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-4-7-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -11824,7 +12748,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'sd-4-6-17-button-group': SdButtonGroup }"
+              "default": "{ 'sd-4-7-0-button-group': SdButtonGroup }"
             },
             {
               "kind": "field",
@@ -12026,6 +12950,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -12035,7 +12987,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-4-6-17-input"
+              "name": "sd-4-7-0-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -12158,9 +13110,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-4-6-17-button-group"
+            "sd-4-7-0-button-group"
           ],
-          "tagName": "sd-4-6-17-radio-group",
+          "tagName": "sd-4-7-0-radio-group",
           "customElement": true
         }
       ],
@@ -12175,7 +13127,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-radio-group",
+          "name": "sd-4-7-0-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -12383,6 +13335,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -12512,9 +13492,9 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-scrollable",
+          "tagName": "sd-4-7-0-scrollable",
           "customElement": true
         }
       ],
@@ -12529,7 +13509,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-scrollable",
+          "name": "sd-4-7-0-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -12611,7 +13591,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-4-6-17-option>` elements. You can use `<sd-4-6-17-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-4-7-0-option>` elements. You can use `<sd-4-7-0-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -12631,7 +13611,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-17-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-7-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -12793,7 +13773,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-6-17-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-7-0-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -12996,6 +13976,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -13009,7 +14017,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-17-input"
+              "name": "sd-4-7-0-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -13146,7 +14154,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-4-6-17-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-4-7-0-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -13253,11 +14261,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-4-6-17-icon",
-            "sd-4-6-17-popup",
-            "sd-4-6-17-tag"
+            "sd-4-7-0-icon",
+            "sd-4-7-0-popup",
+            "sd-4-7-0-tag"
           ],
-          "tagName": "sd-4-6-17-select",
+          "tagName": "sd-4-7-0-select",
           "customElement": true
         }
       ],
@@ -13272,7 +14280,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-select",
+          "name": "sd-4-7-0-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -13355,6 +14363,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -13400,7 +14436,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-4-6-17-spinner",
+          "tagName": "sd-4-7-0-spinner",
           "customElement": true
         }
       ],
@@ -13415,7 +14451,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-spinner",
+          "name": "sd-4-7-0-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -13639,6 +14675,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -13776,10 +14840,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-4-6-17-icon",
-            "sd-4-6-17-divider"
+            "sd-4-7-0-icon",
+            "sd-4-7-0-divider"
           ],
-          "tagName": "sd-4-6-17-step",
+          "tagName": "sd-4-7-0-step",
           "customElement": true
         }
       ],
@@ -13794,7 +14858,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-step",
+          "name": "sd-4-7-0-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -13822,7 +14886,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-4-6-17-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-4-7-0-step>` elements.",
               "name": ""
             }
           ],
@@ -13924,7 +14988,36 @@
             },
             {
               "kind": "method",
-              "name": "emit",
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
               "parameters": [
                 {
                   "name": "name",
@@ -13933,14 +15026,13 @@
                   }
                 },
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "fallback",
                   "type": {
-                    "text": "CustomEventInit"
+                    "text": "T"
                   }
                 }
               ],
-              "description": "Emits a custom event with more convenient defaults.",
+              "description": "Retrieves the value of a css variable token.",
               "inheritedFrom": {
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
@@ -14026,7 +15118,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-4-6-17-step-group",
+          "tagName": "sd-4-7-0-step-group",
           "customElement": true
         }
       ],
@@ -14041,7 +15133,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-step-group",
+          "name": "sd-4-7-0-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -14286,6 +15378,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -14303,7 +15423,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-4-6-17-input"
+              "name": "sd-4-7-0-input"
             }
           ],
           "attributes": [
@@ -14402,7 +15522,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-4-6-17-switch",
+          "tagName": "sd-4-7-0-switch",
           "customElement": true
         }
       ],
@@ -14417,7 +15537,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-switch",
+          "name": "sd-4-7-0-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -14581,6 +15701,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -14663,9 +15811,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-6-17-button"
+            "sd-4-7-0-button"
           ],
-          "tagName": "sd-4-6-17-tab",
+          "tagName": "sd-4-7-0-tab",
           "customElement": true
         }
       ],
@@ -14680,7 +15828,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-tab",
+          "name": "sd-4-7-0-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -14736,11 +15884,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-6-17-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-4-7-0-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-6-17-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-4-7-0-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -14824,6 +15972,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -14832,14 +16008,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-4-6-17-tab-show"
+              "name": "sd-4-7-0-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-4-6-17-tab-hide"
+              "name": "sd-4-7-0-tab-hide"
             }
           ],
           "attributes": [
@@ -14886,9 +16062,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-4-6-17-tab"
+            "sd-4-7-0-tab"
           ],
-          "tagName": "sd-4-6-17-tab-group",
+          "tagName": "sd-4-7-0-tab-group",
           "customElement": true
         }
       ],
@@ -14903,7 +16079,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-tab-group",
+          "name": "sd-4-7-0-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -15009,6 +16185,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -15063,7 +16267,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-4-6-17-tab-panel",
+          "tagName": "sd-4-7-0-tab-panel",
           "customElement": true
         }
       ],
@@ -15078,7 +16282,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-tab-panel",
+          "name": "sd-4-7-0-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -15229,6 +16433,12 @@
               "name": "blur",
               "description": "Removes focus from the tag."
             },
+            {
+              "kind": "method",
+              "name": "hide",
+              "privacy": "public",
+              "description": "Visually hides the tag"
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -15278,6 +16488,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -15292,6 +16530,14 @@
             {
               "description": "Emitted when the remove button is activated.",
               "name": "sd-remove"
+            },
+            {
+              "description": "Emitted when the hide method is triggered.",
+              "name": "sd-hide"
+            },
+            {
+              "description": "Emitted after the tag is hidden and all animations are complete.",
+              "name": "sd-after-hide"
             }
           ],
           "attributes": [
@@ -15399,9 +16645,9 @@
           "status": "stable",
           "since": "1.10",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-tag",
+          "tagName": "sd-4-7-0-tag",
           "customElement": true
         }
       ],
@@ -15416,7 +16662,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-tag",
+          "name": "sd-4-7-0-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -15569,6 +16815,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -15632,7 +16906,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-4-6-17-teaser",
+          "tagName": "sd-4-7-0-teaser",
           "customElement": true
         }
       ],
@@ -15647,7 +16921,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-teaser",
+          "name": "sd-4-7-0-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -15776,6 +17050,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "attributes": [
@@ -15821,7 +17123,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-17-teaser-media",
+          "tagName": "sd-4-7-0-teaser-media",
           "customElement": true
         }
       ],
@@ -15836,7 +17138,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-teaser-media",
+          "name": "sd-4-7-0-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -15892,7 +17194,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-6-17-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-4-7-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -16346,6 +17648,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -16363,7 +17693,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-4-6-17-input"
+              "name": "sd-4-7-0-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -16603,9 +17933,9 @@
           "status": "stable",
           "since": "1.31.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-textarea",
+          "tagName": "sd-4-7-0-textarea",
           "customElement": true
         }
       ],
@@ -16620,7 +17950,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-textarea",
+          "name": "sd-4-7-0-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -16652,7 +17982,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-4-6-17-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-4-7-0-popup>` element.",
               "name": "base"
             },
             {
@@ -16832,6 +18162,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -16950,8 +18308,8 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-4-6-17-popup",
-            "sd-4-6-17-icon"
+            "sd-4-7-0-popup",
+            "sd-4-7-0-icon"
           ],
           "animations": [
             {
@@ -16963,7 +18321,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-4-6-17-tooltip",
+          "tagName": "sd-4-7-0-tooltip",
           "customElement": true
         }
       ],
@@ -16978,7 +18336,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-tooltip",
+          "name": "sd-4-7-0-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -17099,6 +18457,34 @@
                 "name": "SolidElement",
                 "module": "internal/solid-element.js"
               }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             }
           ],
           "events": [
@@ -17159,9 +18545,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-4-6-17-icon"
+            "sd-4-7-0-icon"
           ],
-          "tagName": "sd-4-6-17-video",
+          "tagName": "sd-4-7-0-video",
           "customElement": true
         }
       ],
@@ -17176,7 +18562,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-4-6-17-video",
+          "name": "sd-4-7-0-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -17188,7 +18574,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.6.17",
+    "version": "4.7.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"