@solid-design-system/components 6.16.1 → 6.16.3

package/dist/solid-components.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 .sd-scroll-lock {

package/dist/solid-components.js

@@ -1,201 +1,201 @@
 import {
   setupAutocomplete
-} from "./chunks/chunk.JBLVT4GJ.js";
+} from "./chunks/chunk.MQG727Y4.js";
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.OXOO3KJR.js";
+} from "./chunks/chunk.P6YK6F7T.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.W232H3IB.js";
+} from "./chunks/chunk.RL7BJYL6.js";
 import {
   SdVideo
-} from "./chunks/chunk.AFXQPWOT.js";
+} from "./chunks/chunk.JYR67QON.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.W5AX2LUX.js";
+} from "./chunks/chunk.V3RBONZ7.js";
 import {
   SdSwitch
-} from "./chunks/chunk.2MAKCGJO.js";
+} from "./chunks/chunk.RXD64SUC.js";
 import {
   SdTab
-} from "./chunks/chunk.M5DERDHH.js";
+} from "./chunks/chunk.WV4VZLSM.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.UF32T6VG.js";
+} from "./chunks/chunk.7LLWTMC3.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.3IATPYUU.js";
-import {
-  SdTeaser
-} from "./chunks/chunk.SVQ4W63O.js";
+} from "./chunks/chunk.FXZL5TSR.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.BN5RGZ7X.js";
+} from "./chunks/chunk.OQ5QEVJF.js";
+import {
+  SdTeaser
+} from "./chunks/chunk.ZN4E3BW3.js";
 import {
   SdRange
-} from "./chunks/chunk.2EW7BYJZ.js";
+} from "./chunks/chunk.Y226ELYU.js";
 import {
   SdTooltip
-} from "./chunks/chunk.OYNQ7MZD.js";
+} from "./chunks/chunk.HMOYAY72.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.B3QOYMWK.js";
+} from "./chunks/chunk.AQU3K3QW.js";
 import {
   SdScrollable
-} from "./chunks/chunk.E6I6KKTK.js";
+} from "./chunks/chunk.PO2OMSAQ.js";
 import {
   SdSelect
-} from "./chunks/chunk.64ZBVBUO.js";
+} from "./chunks/chunk.JT57FH4I.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.3EWWVPVW.js";
+} from "./chunks/chunk.UE4MIFO2.js";
 import {
   SdSpinner
-} from "./chunks/chunk.4PVDPEDP.js";
+} from "./chunks/chunk.K7OGNZLO.js";
 import {
   SdStep
-} from "./chunks/chunk.4DD46TI2.js";
+} from "./chunks/chunk.6GDF7RP6.js";
 import {
   SdNotification
-} from "./chunks/chunk.RKZHGP4C.js";
+} from "./chunks/chunk.3PROMK3G.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.ZXTVK4F6.js";
+} from "./chunks/chunk.MBVWPMPN.js";
 import {
   SdOption
-} from "./chunks/chunk.7BBBC4LC.js";
+} from "./chunks/chunk.YC3R5M35.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.ZZYYNAHQ.js";
+} from "./chunks/chunk.IXY6JRMU.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.SEB7UTAG.js";
+} from "./chunks/chunk.4OJXQ3S3.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.63RKU7YA.js";
+} from "./chunks/chunk.BDGTWJIT.js";
 import {
   SdRadio
-} from "./chunks/chunk.36LQO3TW.js";
+} from "./chunks/chunk.YGCCHEFS.js";
 import {
   SdInput
-} from "./chunks/chunk.GGTTE3O5.js";
+} from "./chunks/chunk.5DLSMYYF.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.ULAWTDWL.js";
+} from "./chunks/chunk.J2WMB4UM.js";
 import {
   SdMenu
-} from "./chunks/chunk.4OTHCSXL.js";
+} from "./chunks/chunk.4FQGHIRS.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.GYT2MOIG.js";
+} from "./chunks/chunk.7YOG7JGW.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.JTMX3R54.js";
+} from "./chunks/chunk.IRPULK4T.js";
 import {
   SdInclude
-} from "./chunks/chunk.UUWLJUQT.js";
+} from "./chunks/chunk.EGVMKWID.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.UCXRXX5Z.js";
+} from "./chunks/chunk.QF4M6XJ6.js";
 import "./chunks/chunk.SMPFJ52B.js";
 import {
   SdDialog
-} from "./chunks/chunk.2FVZOVKD.js";
+} from "./chunks/chunk.2EDPY2A5.js";
 import {
   SdDivider
-} from "./chunks/chunk.NMCXKPQT.js";
+} from "./chunks/chunk.6JXHY72O.js";
 import {
   SdExpandable
-} from "./chunks/chunk.OYGPRSLI.js";
+} from "./chunks/chunk.AJJI7TJL.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.PIOYH3TM.js";
+} from "./chunks/chunk.KLN5272I.js";
 import {
   SdHeader
-} from "./chunks/chunk.LVXSD6QO.js";
+} from "./chunks/chunk.27CORLGD.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.7MRFW5WU.js";
+} from "./chunks/chunk.NAD637BO.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.4UDWRELW.js";
+} from "./chunks/chunk.7OODH6S5.js";
 import {
   SdCombobox
-} from "./chunks/chunk.NJDWX5QK.js";
+} from "./chunks/chunk.S3AIPHMB.js";
 import {
   SdTag
-} from "./chunks/chunk.PZF3TKOL.js";
+} from "./chunks/chunk.PJ4LG3IZ.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.LQFP4TQA.js";
+} from "./chunks/chunk.CDI4YMFV.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.3CHCXOIV.js";
+} from "./chunks/chunk.KJN55623.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.R6MGPVBY.js";
+} from "./chunks/chunk.IXAGOL3L.js";
 import {
   SdDropdown
-} from "./chunks/chunk.TKDGBDMS.js";
+} from "./chunks/chunk.FV63VR7F.js";
 import {
   SdPopup
-} from "./chunks/chunk.VASBQKR7.js";
+} from "./chunks/chunk.X7XDUKGF.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.2LQUJBN6.js";
+} from "./chunks/chunk.6WM4R2DA.js";
 import {
   SdLink
-} from "./chunks/chunk.QGQMA2DH.js";
-import "./chunks/chunk.TEYSL3L7.js";
+} from "./chunks/chunk.6SZCCE7T.js";
+import "./chunks/chunk.4WJBOMWG.js";
 import {
   SdCarousel
-} from "./chunks/chunk.7GI2T2BZ.js";
+} from "./chunks/chunk.ELS2J6VM.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.YIT6KCWE.js";
+} from "./chunks/chunk.FQAUOX63.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.UX4SNJ4S.js";
+} from "./chunks/chunk.JCFYB72C.js";
 import {
   SdAccordion
-} from "./chunks/chunk.2KAT6BIE.js";
+} from "./chunks/chunk.4YGFM4I2.js";
 import {
   SdAnimation
-} from "./chunks/chunk.SP3UZWV2.js";
+} from "./chunks/chunk.FRVVZRCH.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.MSAZP6MW.js";
+} from "./chunks/chunk.E2USZ7GU.js";
 import {
   SdDrawer
-} from "./chunks/chunk.F4SSJ3OK.js";
+} from "./chunks/chunk.MMI44BVI.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.XYVBMQYZ.js";
+} from "./chunks/chunk.ANNKBF6X.js";
 import {
   SdLoader
-} from "./chunks/chunk.K35ZY362.js";
+} from "./chunks/chunk.36OESV3O.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.PBISMPN4.js";
+} from "./chunks/chunk.FJM4XRBD.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -211,7 +211,7 @@ import {
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.V7PNN6GB.js";
+import "./chunks/chunk.XNTGIC2L.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.JBLVT4GJ.js";
-import "../chunks/chunk.VASBQKR7.js";
-import "../chunks/chunk.V7PNN6GB.js";
+} from "../chunks/chunk.MQG727Y4.js";
+import "../chunks/chunk.X7XDUKGF.js";
+import "../chunks/chunk.XNTGIC2L.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -847,43 +847,6 @@
         }
       ]
     },
-    {
-      "name": "sd-dialog",
-      "description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dialog opens.\n- **sd-after-show** - Emitted after the dialog opens and all animations are complete.\n- **sd-hide** - Emitted when the dialog closes.\n- **sd-after-hide** - Emitted after the dialog closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog\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 dialog's main content.\n- **headline** - The dialog's headline. Alternatively, you can use the `headline` attribute.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n- **close-button** - The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the dialog panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the dialog overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the dialog.\n- **panel** - The dialog's panel (where the dialog and its content are rendered).\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **title** - The dialog's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
-      "attributes": [
-        {
-          "name": "open",
-          "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
-          "values": []
-        },
-        {
-          "name": "headline",
-          "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
-          "values": []
-        },
-        {
-          "name": "no-close-button",
-          "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
-          "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-dialog--docs"
-        }
-      ]
-    },
     {
       "name": "sd-datepicker",
       "description": "\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.",
@@ -1036,6 +999,43 @@
         }
       ]
     },
+    {
+      "name": "sd-dialog",
+      "description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dialog opens.\n- **sd-after-show** - Emitted after the dialog opens and all animations are complete.\n- **sd-hide** - Emitted when the dialog closes.\n- **sd-after-hide** - Emitted after the dialog closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog\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 dialog's main content.\n- **headline** - The dialog's headline. Alternatively, you can use the `headline` attribute.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n- **close-button** - The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the dialog panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the dialog overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the dialog.\n- **panel** - The dialog's panel (where the dialog and its content are rendered).\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **title** - The dialog's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+          "values": []
+        },
+        {
+          "name": "headline",
+          "description": "The dialog's headline as displayed in the header. If you need to display HTML, use the `headline` slot instead.",
+          "values": []
+        },
+        {
+          "name": "no-close-button",
+          "description": "This will remove the default close button. Please ensure you provide an easy, accessible way for users to dismiss the dialog.",
+          "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-dialog--docs"
+        }
+      ]
+    },
     {
       "name": "sd-divider",
       "description": "Dividers are used to visually separate or group elements.\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### **CSS Properties:**\n - **--sd-divider--inverted-color-border** - The border color for dividers in inverted state. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -3060,55 +3060,6 @@
         }
       ]
     },
-    {
-      "name": "sd-teaser",
-      "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\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- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--distribution-media** - The distribution ratio of the media. _(default: undefined)_\n- **--distribution-content** - The distribution ratio of the content. _(default: undefined)_\n- **--sd-teaser--neutral-100-color-background** - The background color for neutral‑100 teasers. _(default: undefined)_\n- **--sd-teaser--neutral-400-color-border** - The border color for neutral‑400 teasers. _(default: undefined)_\n- **--sd-teaser--primary-100-color-background** - The background color for primary‑100 teasers. _(default: undefined)_\n- **--sd-teaser-border-radius** - The border radius for teasers. _(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- **main** - The container that wraps the main content.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "Variant of the teaser",
-          "values": [
-            { "name": "" },
-            { "name": "white" },
-            { "name": "white border-neutral-400" },
-            { "name": "neutral-100" },
-            { "name": "primary" },
-            { "name": "primary-100" }
-          ]
-        },
-        {
-          "name": "breakpoint",
-          "description": "Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.",
-          "values": []
-        },
-        {
-          "name": "inset",
-          "description": "The teaser's inner padding. This is always set in `white border-neutral-400`.",
-          "values": []
-        },
-        {
-          "name": "reversed-layout",
-          "description": "Reverses the layout in horizontal variant",
-          "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--docs"
-        }
-      ]
-    },
     {
       "name": "sd-tag",
       "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the tag loses focus.\n- **sd-focus** - Emitted when the tag gains focus.\n- **sd-remove** - Emitted when the remove button is activated.\n- **sd-hide** - Emitted when the hide method is triggered.\n- **sd-after-hide** - Emitted after the tag is hidden and all animations are complete.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag.\n- **blur()** - Removes focus from the tag.\n- **hide()** - Visually hides the tag\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 tag's content.\n- **icon-left** - A prefix icon or similar element.\n- **removable-indicator** - The tag's removability indicator.\n\n### **CSS Properties:**\n - **--sd-tag--default-color-text** - The default text color for tags in their default state. _(default: undefined)_\n- **--sd-tag--default-color-background** - The default color background for tags in their default state. _(default: undefined)_\n- **--sd-tag--default-color-border** - The default color border for tags in their default state. _(default: undefined)_\n- **--sd-tag--default--hover-color-background** - The background color for tags in default state on hover. _(default: undefined)_\n- **--sd-tag--selected--default-color-background** - The default background color for selected tags. _(default: undefined)_\n- **--sd-tag--selected--default-color-text** - The default text color for selected tags. _(default: undefined)_\n- **--sd-tag--selected--default-color-border** - The border color for selected tags in default state. _(default: undefined)_\n- **--sd-tag--selected--hover-color-background** - The background color for selected tags in hover state. _(default: undefined)_\n- **--sd-tag--selected--hover-color-border** - The border color for selected tags in hover state. _(default: undefined)_\n- **--sd-tag--selected--hover-color-text** - The text color for selected tags in hover state. _(default: undefined)_\n- **--sd-tag--selected-border-width** - The border width for selected tags. _(default: undefined)_\n- **--sd-tag-border-radius** - The border radius for tags. _(default: undefined)_\n- **--sd-tag--size-lg-font-size** - The font size for large tags. _(default: undefined)_\n- **--sd-tag--size-sm-font-size** - The font size for small tags. _(default: undefined)_\n- **--sd-choice-control-font-weight** - The font weight for tags. _(default: undefined)_\n- **--sd-tag--disabled-color-text** - The text color for disabled tags. _(default: undefined)_\n- **--sd-tag--disabled-color-border** - This custom property is deprecated. Use `--sd-color-border-neutral-500` instead. _(default: undefined)_\n- **--sd-tag-font-weight** - This custom property is deprecated. Use `--sd-choice-control-font-weight` instead. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **removable-indicator** - The tag's removability indicator.\n- **icon-left** - The container that wraps the left icon area.",
@@ -3176,6 +3127,55 @@
         }
       ]
     },
+    {
+      "name": "sd-teaser",
+      "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\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- **headline** - headline slot.\n\n### **CSS Properties:**\n - **--distribution-media** - The distribution ratio of the media. _(default: undefined)_\n- **--distribution-content** - The distribution ratio of the content. _(default: undefined)_\n- **--sd-teaser--neutral-100-color-background** - The background color for neutral‑100 teasers. _(default: undefined)_\n- **--sd-teaser--neutral-400-color-border** - The border color for neutral‑400 teasers. _(default: undefined)_\n- **--sd-teaser--primary-100-color-background** - The background color for primary‑100 teasers. _(default: undefined)_\n- **--sd-teaser-border-radius** - The border radius for teasers. _(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- **main** - The container that wraps the main content.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "Variant of the teaser",
+          "values": [
+            { "name": "" },
+            { "name": "white" },
+            { "name": "white border-neutral-400" },
+            { "name": "neutral-100" },
+            { "name": "primary" },
+            { "name": "primary-100" }
+          ]
+        },
+        {
+          "name": "breakpoint",
+          "description": "Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.",
+          "values": []
+        },
+        {
+          "name": "inset",
+          "description": "The teaser's inner padding. This is always set in `white border-neutral-400`.",
+          "values": []
+        },
+        {
+          "name": "reversed-layout",
+          "description": "Reverses the layout in horizontal variant",
+          "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--docs"
+        }
+      ]
+    },
     {
       "name": "sd-teaser-media",
       "description": "Teasers group information into flexible containers so users can browse a collection of related items and actions.\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\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.",