@solid-design-system/components 6.28.0 → 6.28.2

package/dist/solid-components.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 .sd-scroll-lock {
@@ -13,12 +13,12 @@
   max-width: 400px;
 }
 .sd-toast-stack--top-right {
-    top: calc(var(--sd-spacing-1) * 0);
-    right: calc(var(--sd-spacing-1) * 0);
+    top: 0;
+    right: 0;
     margin-right: var(--sd-spacing-4);
   }
 .sd-toast-stack--bottom-center {
-    bottom: calc(var(--sd-spacing-1) * 0);
+    bottom: 0;
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
     inset-inline-start: 50%;

package/dist/solid-components.js

@@ -1,205 +1,205 @@
 import {
   setupAutocomplete
-} from "./chunks/chunk.EAJ3CM6N.js";
+} from "./chunks/chunk.QGERTGJH.js";
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.MIDB4P4Z.js";
+} from "./chunks/chunk.GIDEWQA5.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.HFD4GVQH.js";
+} from "./chunks/chunk.NBC65PZK.js";
 import {
   SdTextarea
-} from "./chunks/chunk.EWBPFI7O.js";
+} from "./chunks/chunk.ZU6ELXPY.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.2QLV3FGQ.js";
+} from "./chunks/chunk.OLB3TM54.js";
 import {
   SdVideo
-} from "./chunks/chunk.6LUXWBVQ.js";
+} from "./chunks/chunk.P4OTU6XQ.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.HFUPD442.js";
+} from "./chunks/chunk.QOXHGCGA.js";
 import {
   SdSpinner
-} from "./chunks/chunk.FO2XDPBY.js";
+} from "./chunks/chunk.IDKDUGLS.js";
 import {
   SdStep
-} from "./chunks/chunk.LDEYZ5WH.js";
+} from "./chunks/chunk.S4GPAGEW.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.ISDCFN2T.js";
+} from "./chunks/chunk.HZWAYH5R.js";
 import {
   SdSwitch
-} from "./chunks/chunk.KNNHUZRK.js";
+} from "./chunks/chunk.H2JFSSRW.js";
 import {
   SdTab
-} from "./chunks/chunk.5SP53TRC.js";
+} from "./chunks/chunk.ZA4YNDFN.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.3YRBYYHB.js";
+} from "./chunks/chunk.JFNUNYMU.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.7DSVL7JH.js";
+} from "./chunks/chunk.TN5OFWBT.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.GURHKBOS.js";
+} from "./chunks/chunk.WICZ7UUY.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.HSMX4JWE.js";
+} from "./chunks/chunk.W3RJHGIR.js";
 import {
   SdRadio
-} from "./chunks/chunk.LVUKQ7ZS.js";
+} from "./chunks/chunk.HSAIWSZZ.js";
 import {
   SdRange
-} from "./chunks/chunk.WALY6H2S.js";
+} from "./chunks/chunk.JLR5AD3J.js";
 import {
   SdTooltip
-} from "./chunks/chunk.DPOFFN22.js";
+} from "./chunks/chunk.ZAMS4KU3.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.DFSINDVF.js";
+} from "./chunks/chunk.74U5JKZE.js";
 import {
   SdScrollable
-} from "./chunks/chunk.43WIFSAV.js";
+} from "./chunks/chunk.NL7DBE47.js";
 import {
   SdSelect
-} from "./chunks/chunk.2GY5X74S.js";
+} from "./chunks/chunk.6HFU74YX.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.QH4PJIEK.js";
+} from "./chunks/chunk.JTXYWF7N.js";
 import {
   SdNotification
-} from "./chunks/chunk.ZCK2AJ6F.js";
+} from "./chunks/chunk.O23ZIMK6.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.ON7JW7DZ.js";
+} from "./chunks/chunk.KQUNEIAM.js";
 import {
   SdOption
-} from "./chunks/chunk.LIHFBMY3.js";
+} from "./chunks/chunk.BRDVS66Q.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.PAGXROMQ.js";
+} from "./chunks/chunk.WPDX56YA.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.GIYK2K7S.js";
+} from "./chunks/chunk.7NV3LXUY.js";
 import {
   SdInclude
-} from "./chunks/chunk.3AZV733X.js";
+} from "./chunks/chunk.TEAEYNBH.js";
 import {
   SdInput
-} from "./chunks/chunk.6VONS4GH.js";
+} from "./chunks/chunk.2NNMNH53.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.2JVBNRAE.js";
+} from "./chunks/chunk.OMFSAQHZ.js";
 import {
   SdMenu
-} from "./chunks/chunk.67RQILIX.js";
+} from "./chunks/chunk.SBZZCZ4Z.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.FZW355YU.js";
+} from "./chunks/chunk.LFYHG4SF.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.QWPTKRZY.js";
+} from "./chunks/chunk.JZDVCSY3.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.32PMIHHH.js";
+} from "./chunks/chunk.UG2CM4HI.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.4QQTPWQK.js";
+} from "./chunks/chunk.LGHUPAQ5.js";
 import {
   SdDivider
-} from "./chunks/chunk.WC6QJGPY.js";
+} from "./chunks/chunk.OMNG75M4.js";
 import {
   SdExpandable
-} from "./chunks/chunk.22QJOKRT.js";
+} from "./chunks/chunk.VW2V4NLW.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.LMAZLSWN.js";
+} from "./chunks/chunk.BJJ6TMNB.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.ATPMJXDV.js";
+} from "./chunks/chunk.RGOLCGJ4.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.3UAYIX4K.js";
+} from "./chunks/chunk.GGCHJ3RE.js";
 import {
   SdCombobox
-} from "./chunks/chunk.Z4VNO3XB.js";
+} from "./chunks/chunk.UUSB6IKX.js";
 import {
   SdTag
-} from "./chunks/chunk.P7WF3BP4.js";
+} from "./chunks/chunk.4JEQUUUR.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.U4ES752F.js";
+} from "./chunks/chunk.UO53RPFR.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.LFY6FLC7.js";
+} from "./chunks/chunk.OT5PVYBU.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.H6AYJU2Z.js";
+} from "./chunks/chunk.TEUEZN5R.js";
 import {
   SdDropdown
-} from "./chunks/chunk.NF6TENBG.js";
+} from "./chunks/chunk.UDRAHWK7.js";
 import {
   SdPopup
-} from "./chunks/chunk.E32D3Z6I.js";
+} from "./chunks/chunk.SFM4G2VH.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.FDOJX6W4.js";
+} from "./chunks/chunk.TRAI2A3M.js";
 import {
   SdLink
-} from "./chunks/chunk.YVNA2ZV6.js";
-import "./chunks/chunk.76H4PKGT.js";
+} from "./chunks/chunk.7H7XOBSC.js";
+import "./chunks/chunk.QUTK63KE.js";
 import {
   SdCarousel
-} from "./chunks/chunk.RIMF3V3U.js";
+} from "./chunks/chunk.LMUB7ILW.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.6QITMMHT.js";
+} from "./chunks/chunk.EEYDDF6R.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.TVVA3SEO.js";
+} from "./chunks/chunk.567ETKG6.js";
 import {
   SdAccordion
-} from "./chunks/chunk.RJD5JWEE.js";
+} from "./chunks/chunk.755PXQIA.js";
 import {
   SdAnimation
-} from "./chunks/chunk.3JGLYKUT.js";
+} from "./chunks/chunk.BSTRQDQV.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.EQKXEQYI.js";
+} from "./chunks/chunk.TEQY4PKN.js";
 import {
   SdDrawer
-} from "./chunks/chunk.VMOVHC54.js";
+} from "./chunks/chunk.7LODAGP5.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.XAFXRA3O.js";
+} from "./chunks/chunk.Q37EUQ5P.js";
 import {
   SdLoader
-} from "./chunks/chunk.4CYE55LF.js";
+} from "./chunks/chunk.L34P53YK.js";
 import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.TA4UQZUE.js";
+} from "./chunks/chunk.HC47LTMU.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -216,7 +216,7 @@ import {
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.PGR6OZIM.js";
+import "./chunks/chunk.DXRLWSKI.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
-} from "../chunks/chunk.EAJ3CM6N.js";
-import "../chunks/chunk.E32D3Z6I.js";
-import "../chunks/chunk.PGR6OZIM.js";
+} from "../chunks/chunk.QGERTGJH.js";
+import "../chunks/chunk.SFM4G2VH.js";
+import "../chunks/chunk.DXRLWSKI.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/vscode.html-custom-data.json

@@ -34,33 +34,6 @@
         }
       ]
     },
-    {
-      "name": "sd-accordion-group",
-      "description": "Used to group multiple accordions together.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "close-others",
-          "description": "Closes other accordions.",
-          "values": []
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-accordion-group--docs"
-        }
-      ]
-    },
     {
       "name": "sd-animation",
       "description": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n---\n\n\n### **Events:**\n - **sd-cancel** - Emitted when the animation is canceled.\n- **sd-finish** - Emitted when the animation finishes.\n- **sd-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - 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-animation>` elements.",
@@ -138,6 +111,33 @@
         }
       ]
     },
+    {
+      "name": "sd-accordion-group",
+      "description": "Used to group multiple accordions together.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot where `<sd-accordion>` elements are placed.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "close-others",
+          "description": "Closes other accordions.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-accordion-group--docs"
+        }
+      ]
+    },
     {
       "name": "sd-audio",
       "description": "Used to play audio files that are part of the page content.\n---\n\n\n### **Events:**\n - **sd-playback-start** - Emitted when the audio playback starts.\n- **sd-playback-end** - Emitted when the audio playback ends.\n- **sd-playback-pause** - Emitted when the audio playback pauses.\n- **sd-playback-mute** - Emitted when the audio is muted.\n- **sd-playback-unmute** - Emitted when the audio is unmuted.\n- **sd-playback-speed** - Emitted when the playback speed is changed.\n- **sd-transcript-click** - Emitted when the transcript button is clicked.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot.\n- **play-icon** - The play icon.\n- **pause-icon** - The pause icon.\n- **transcript** - The transcript.\n\n### **CSS Properties:**\n - **--sd-audio__slide-bar--inverted-color-background** - The background color for the progress slider when the component is inverted. _(default: undefined)_\n- **--sd-audio__track-bar--inverted-color-background** - The background color for the active part of the progress slider when the component is inverted. _(default: undefined)_\n- **--sd-audio__timestamp-color-text** - This custom property is deprecated. Use `--sd-color-text-neutral-700` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **audio-controls** - The audio controls.\n- **playback-speed** - The playback speed.\n- **play-button** - The play button.\n- **volume** - The volume button.\n- **progress-slider** - The audio progress slider.\n- **timestamps** - The audio timestamps.",
@@ -230,7 +230,6 @@
           "name": "variant",
           "description": "The brandshape's theme variant.",
           "values": [
-            { "name": "" },
             { "name": "neutral-100" },
             { "name": "primary" },
             { "name": "white" },
@@ -479,6 +478,33 @@
         }
       ]
     },
+    {
+      "name": "sd-button-group",
+      "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - One or more `<sd-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-button-group--docs"
+        }
+      ]
+    },
     {
       "name": "sd-carousel",
       "description": "Used to display an arbitrary number of content slides along a horizontal axis.\n---\n\n\n### **Events:**\n - **sd-slide-change** - Emitted when the active slide changes.\n\n### **Methods:**\n - **pause()** - Pause the autoplay.\n- **resume()** - Resume the autoplay\n- **previous(behavior: _ScrollBehavior_)** - Move the carousel backward by `slides-per-move` slides.\n- **next(behavior: _ScrollBehavior_)** - Move the carousel forward by `slides-per-move` slides.\n- **goToSlide(index: _number_, behavior: _ScrollBehavior_)** - Scrolls the carousel to the slide specified by `index`.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The carousel's main content, one or more `<sd-carousel-item>` elements.\n- **next-icon** - Optional next icon to use instead of the default. Works best with `<sd-icon>`.\n- **previous-icon** - Optional previous icon to use instead of the default. Works best with `<sd-icon>`.\n- **autoplay-start** - Optional start icon to use instead of the default. Works best with `<sd-icon>`.\n- **autoplay-pause** - Optional pause icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Properties:**\n - **--slide-gap** - The space between each slide. _(default: undefined)_\n- **--scroll-hint** - The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint. _(default: undefined)_\n- **--sd-carousel__pager-dot-border-width** - The border width of the pager dots in the carousel. _(default: undefined)_\n- **--sd-carousel__pager-dot--inverted-background** - The background for the pager dots in the inverted carousel when active. _(default: undefined)_\n- **--sd-carousel__pager-dot--inverted--hovered-background** - The background for the pager dots in the inverted carousel when hovered. _(default: undefined)_\n- **--sd-carousel__pager-dot--inverted-border** - The border color for the pager dots in the inverted carousel. _(default: undefined)_\n- **--sd-carousel__pager-dot-background** - The background for the pager dots when active. _(default: undefined)_\n- **--sd-carousel--active-color-border** - The border color for the active pagination item. _(default: undefined)_\n- **--sd-carousel--active--inverted-color-border** - The border color for the active pagination item in inverted carousel. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The carousel's internal wrapper.\n- **scroll-container** - The scroll container that wraps the slides.\n- **controls** - A wrapper for the navigation and autoplay controller buttons.\n- **pagination-dot** - The pagination indicator in dot format.\n- **pagination-number** - The pagination indicator in number format.\n- **pagination-item** - The pagination indicator.\n- **pagination-item--active** - Applied when the item is active.\n- **navigation** - The navigation wrapper.\n- **navigation-button** - The navigation button.\n- **navigation-button--previous** - Applied to the previous button.\n- **navigation-button--next** - Applied to the next button.\n- **autoplay-controls** - A wrapper for pause/start button.",
@@ -541,33 +567,6 @@
         }
       ]
     },
-    {
-      "name": "sd-button-group",
-      "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - One or more `<sd-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-          "values": []
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-button-group--docs"
-        }
-      ]
-    },
     {
       "name": "sd-carousel-item",
       "description": "Used within `sd-carousel` to represent a slide.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The carousel item's content.",
@@ -1422,7 +1421,6 @@
           "name": "type",
           "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
           "values": [
-            { "name": "" },
             { "name": "date" },
             { "name": "datetime-local" },
             { "name": "email" },
@@ -1444,7 +1442,6 @@
           "name": "inputmode",
           "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
           "values": [
-            { "name": "" },
             { "name": "none" },
             { "name": "text" },
             { "name": "decimal" },
@@ -1569,7 +1566,6 @@
           "name": "autocapitalize",
           "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
           "values": [
-            { "name": "" },
             { "name": "off" },
             { "name": "none" },
             { "name": "on" },
@@ -1596,7 +1592,6 @@
           "name": "enterkeyhint",
           "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
           "values": [
-            { "name": "" },
             { "name": "enter" },
             { "name": "done" },
             { "name": "go" },
@@ -2143,7 +2138,6 @@
           "name": "arrow-placement",
           "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
           "values": [
-            { "name": "" },
             { "name": "start" },
             { "name": "end" },
             { "name": "center" },
@@ -2534,7 +2528,6 @@
           "name": "tooltip",
           "description": "Defines the thumbs tooltip behaviour.",
           "values": [
-            { "name": "" },
             { "name": "on-interaction" },
             { "name": "hidden" },
             { "name": "always-visible" }
@@ -3197,7 +3190,6 @@
           "name": "variant",
           "description": "Variant of the teaser",
           "values": [
-            { "name": "" },
             { "name": "white" },
             { "name": "white border-neutral-400" },
             { "name": "neutral-100" },
@@ -3238,6 +3230,45 @@
         }
       ]
     },
+    {
+      "name": "sd-teaser-media",
+      "description": "Used as a flexible container with image that groups related items and links them to further content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **expandable** - An optional expandable slot, <strong>not</strong> shown on small devices.\n- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--sd-teaser-media--white--hover-color-background** - The background color for white teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--white-color-background** - The default background color for white teaser media. _(default: undefined)_\n- **--sd-teaser-media--neutral-100--hover-color-background** - The background color for neutral‑100 teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--neutral-100-color-background** - The default background color for neutral‑100 teaser media. _(default: undefined)_\n- **--sd-teaser-media--primary-100--hover-color-background** - The background color for primary‑100 teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--primary-100-color-background** - The default background color for primary‑100 teaser media. _(default: undefined)_\n- **--sd-teaser-media-color-icon-fill** - The default color for the icon in the toggle button. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** -  The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **expandable** - The container that wraps the expandable.\n- **main** - The container that wraps the main content.\n- **toggle** - The button that toggles the expandable content.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "Variant of the teaser",
+          "values": [
+            { "name": "white" },
+            { "name": "neutral-100" },
+            { "name": "primary" },
+            { "name": "primary-100" },
+            { "name": "gradient-light" },
+            { "name": "gradient-dark" }
+          ]
+        },
+        {
+          "name": "open",
+          "description": "Controls whether the expandable content is visible",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-teaser-media--docs"
+        }
+      ]
+    },
     {
       "name": "sd-textarea",
       "description": "Used to allow users to input and edit multiple lines of text.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{ top?: number; left?: number }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea's scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **label** - The textarea's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Properties:**\n - **--sd-form-control--invalid-color-background** - The background color for form controls in invalid state. _(default: undefined)_\n- **--sd-form-control-color-text** - The text color for form controls. _(default: undefined)_\n- **--sd-form-control-border-radius** - The border radius for form controls. _(default: undefined)_\n- **--sd-form-control--filled__floating-label-color-text** - The floating label text color. _(default: undefined)_\n- **--sd-form-control--hover-color-background** - The background color for form controls on hover. _(default: undefined)_\n- **--sd-form-control--read-only-color-background** - The background color for read-only form controls. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **border** - The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.\n- **textarea** - The internal `<textarea>` control.",
@@ -3326,7 +3357,6 @@
           "name": "autocapitalize",
           "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
           "values": [
-            { "name": "" },
             { "name": "off" },
             { "name": "none" },
             { "name": "on" },
@@ -3354,7 +3384,6 @@
           "name": "enterkeyhint",
           "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
           "values": [
-            { "name": "" },
             { "name": "enter" },
             { "name": "done" },
             { "name": "go" },
@@ -3397,46 +3426,6 @@
         }
       ]
     },
-    {
-      "name": "sd-teaser-media",
-      "description": "Used as a flexible container with image that groups related items and links them to further content.\n---\n\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - An optional main content slot.\n- **media** - An optional media slot.\n- **meta** - An optional meta slot.\n- **expandable** - An optional expandable slot, <strong>not</strong> shown on small devices.\n- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--sd-teaser-media--white--hover-color-background** - The background color for white teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--white-color-background** - The default background color for white teaser media. _(default: undefined)_\n- **--sd-teaser-media--neutral-100--hover-color-background** - The background color for neutral‑100 teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--neutral-100-color-background** - The default background color for neutral‑100 teaser media. _(default: undefined)_\n- **--sd-teaser-media--primary-100--hover-color-background** - The background color for primary‑100 teaser media in hover state. _(default: undefined)_\n- **--sd-teaser-media--primary-100-color-background** - The default background color for primary‑100 teaser media. _(default: undefined)_\n- **--sd-teaser-media-color-icon-fill** - The default color for the icon in the toggle button. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **media** - The container that wraps the media.\n- **content** - The container that wraps the content.\n- **meta** -  The container that wraps the meta.\n- **headline** - The container that wraps the headline.\n- **expandable** - The container that wraps the expandable.\n- **main** - The container that wraps the main content.\n- **toggle** - The button that toggles the expandable content.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "Variant of the teaser",
-          "values": [
-            { "name": "" },
-            { "name": "white" },
-            { "name": "neutral-100" },
-            { "name": "primary" },
-            { "name": "primary-100" },
-            { "name": "gradient-light" },
-            { "name": "gradient-dark" }
-          ]
-        },
-        {
-          "name": "open",
-          "description": "Controls whether the expandable content is visible",
-          "values": []
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-teaser-media--docs"
-        }
-      ]
-    },
     {
       "name": "sd-theme-listener",
       "description": "Theme listener is a utility that listens to theme changes and triggers an event.\n---\n\n\n### **Events:**\n - **sd-theme-change** - Emitted when the sd-theme changes.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.",
@@ -3477,7 +3466,6 @@
           "name": "placement",
           "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
           "values": [
-            { "name": "" },
             { "name": "top" },
             { "name": "top-start" },
             { "name": "top-end" },