@solid-design-system/components 6.5.2 → 6.7.0

package/dist/components/teaser/teaser.js

@@ -1,8 +1,8 @@
 import {
   SdTeaser
-} from "../../chunks/chunk.2HTII44Q.js";
+} from "../../chunks/chunk.MRI5QQUM.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.TNJNUASM.js";
+import "../../chunks/chunk.H7FDVZRQ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/teaser-media/teaser-media.d.ts

@@ -1,8 +1,10 @@
 import SolidElement from '../../internal/solid-element';
 export default class SdTeaserMedia extends SolidElement {
     variant: 'white' | 'neutral-100' | 'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark';
+    open: boolean;
     teaserMedia: HTMLElement;
     private readonly hasSlotController;
+    private onToggleClick;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist/components/teaser-media/teaser-media.js

@@ -1,8 +1,8 @@
 import {
   SdTeaserMedia
-} from "../../chunks/chunk.FKFGVTXH.js";
+} from "../../chunks/chunk.3JA6XC66.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.TNJNUASM.js";
+import "../../chunks/chunk.H7FDVZRQ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/textarea/textarea.d.ts

@@ -48,6 +48,7 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
     handleDisabledChange(): void;
     handleRowsChange(): void;
     handleValueChange(): Promise<void>;
+    handleSizeChange(): void;
     focus(options?: FocusOptions): void;
     blur(): void;
     select(): void;

package/dist/components/textarea/textarea.js

@@ -1,10 +1,10 @@
 import {
   SdTextarea
-} from "../../chunks/chunk.5XWO3USG.js";
+} from "../../chunks/chunk.FHD6XY2M.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.MH7JHBWP.js";
+import "../../chunks/chunk.ZULS2JUR.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.TNJNUASM.js";
+import "../../chunks/chunk.H7FDVZRQ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/theme-listener/theme-listener.js

@@ -1,7 +1,7 @@
 import {
   SdThemeListener
-} from "../../chunks/chunk.DCHRUIDY.js";
-import "../../chunks/chunk.TNJNUASM.js";
+} from "../../chunks/chunk.IM7UBJL2.js";
+import "../../chunks/chunk.H7FDVZRQ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tooltip/tooltip.js

@@ -1,11 +1,11 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.ZD2JI4OC.js";
-import "../../chunks/chunk.P5FGSFP3.js";
+} from "../../chunks/chunk.DKXRGYTS.js";
+import "../../chunks/chunk.37TQP26W.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.MH7JHBWP.js";
+import "../../chunks/chunk.ZULS2JUR.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
 import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.TNJNUASM.js";
+import "../../chunks/chunk.H7FDVZRQ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -1,8 +1,8 @@
 import {
   SdVideo
-} from "../../chunks/chunk.BSP6J6R2.js";
+} from "../../chunks/chunk.WU5L6FE5.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.MH7JHBWP.js";
+import "../../chunks/chunk.ZULS2JUR.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
 import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.TNJNUASM.js";
+import "../../chunks/chunk.H7FDVZRQ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -20689,6 +20689,10 @@
             {
               "description": "The container that wraps the main content.",
               "name": "main"
+            },
+            {
+              "description": "The button that toggles the expandable content.",
+              "name": "toggle"
             }
           ],
           "slots": [
@@ -20725,6 +20729,17 @@
               "attribute": "variant",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the expandable content is visible",
+              "attribute": "open",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -20814,6 +20829,15 @@
               "description": "Variant of the teaser",
               "fieldName": "variant"
             },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the expandable content is visible",
+              "fieldName": "open"
+            },
             {
               "name": "dir",
               "type": {
@@ -22520,7 +22544,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.5.2",
+    "version": "6.7.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,198 +4,198 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.5XWO3USG.js";
+} from "./chunks/chunk.FHD6XY2M.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.DCHRUIDY.js";
+} from "./chunks/chunk.IM7UBJL2.js";
 import {
   SdTooltip
-} from "./chunks/chunk.ZD2JI4OC.js";
+} from "./chunks/chunk.DKXRGYTS.js";
 import {
   SdVideo
-} from "./chunks/chunk.BSP6J6R2.js";
+} from "./chunks/chunk.WU5L6FE5.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.4UT3FCHQ.js";
+} from "./chunks/chunk.7TNM3KIX.js";
 import {
   SdSwitch
-} from "./chunks/chunk.ASEJW6QN.js";
+} from "./chunks/chunk.QH2KMZDB.js";
 import {
   SdTab
-} from "./chunks/chunk.DCOB6WLB.js";
+} from "./chunks/chunk.KB7VIBAE.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.L6ZE3RXX.js";
+} from "./chunks/chunk.FH7IYLFW.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.R56JDQAF.js";
+} from "./chunks/chunk.VOPJWC6H.js";
 import {
   SdTeaser
-} from "./chunks/chunk.2HTII44Q.js";
+} from "./chunks/chunk.MRI5QQUM.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.FKFGVTXH.js";
+} from "./chunks/chunk.3JA6XC66.js";
 import {
   SdRange
-} from "./chunks/chunk.QFB3GZEP.js";
+} from "./chunks/chunk.TGZE77AF.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.K66JHYHC.js";
+} from "./chunks/chunk.BMSVBL74.js";
 import {
   SdScrollable
-} from "./chunks/chunk.M2D3WWF3.js";
+} from "./chunks/chunk.JXJ5ABVB.js";
 import {
   SdSelect
-} from "./chunks/chunk.LZVVDTSP.js";
+} from "./chunks/chunk.RS56W46S.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.DXDDB6AB.js";
+} from "./chunks/chunk.JHGB2ZMH.js";
 import {
   SdSpinner
-} from "./chunks/chunk.D7CJJHHA.js";
+} from "./chunks/chunk.FC3YSKGL.js";
 import {
   SdStep
-} from "./chunks/chunk.UDPSGKZL.js";
+} from "./chunks/chunk.CBC4EZWD.js";
 import {
   SdNotification
-} from "./chunks/chunk.ZMEUQIVY.js";
+} from "./chunks/chunk.XYDUW4SZ.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.SQYISG5I.js";
+} from "./chunks/chunk.46HLMURY.js";
 import {
   SdOption
-} from "./chunks/chunk.UWQPJU3Q.js";
+} from "./chunks/chunk.O75UK37Y.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.MLRNCOWA.js";
+} from "./chunks/chunk.V5OZWLLA.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.BTNS6ZNO.js";
+} from "./chunks/chunk.ADLNODYZ.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.FSUOT4WC.js";
+} from "./chunks/chunk.WR3SE4O5.js";
 import {
   SdRadio
-} from "./chunks/chunk.AUSBWPVD.js";
+} from "./chunks/chunk.36PZ2ZYY.js";
 import {
   SdInput
-} from "./chunks/chunk.LBDV5GNR.js";
+} from "./chunks/chunk.XCFDPNXY.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.UPCVQSXM.js";
+} from "./chunks/chunk.7UVXJDH2.js";
 import {
   SdMenu
-} from "./chunks/chunk.SVYFJMYF.js";
+} from "./chunks/chunk.7WUGACZI.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.TUMONDN4.js";
+} from "./chunks/chunk.QXENWV2D.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.YFRD2UEO.js";
+} from "./chunks/chunk.TUSC7AK7.js";
 import {
   SdInclude
-} from "./chunks/chunk.L3OEOSPQ.js";
+} from "./chunks/chunk.RVIQ642S.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.CMGWC5BG.js";
+} from "./chunks/chunk.PBVPL25D.js";
 import "./chunks/chunk.SMPFJ52B.js";
 import {
   SdDialog
-} from "./chunks/chunk.XV2UO6TF.js";
+} from "./chunks/chunk.FDRFLSGY.js";
 import {
   SdDivider
-} from "./chunks/chunk.Q7ZMX7IB.js";
+} from "./chunks/chunk.F5PRJGBD.js";
 import {
   SdExpandable
-} from "./chunks/chunk.BBLAIT57.js";
+} from "./chunks/chunk.SAOVIYDI.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.PBXAIJQ4.js";
+} from "./chunks/chunk.GAZNGQ6X.js";
 import {
   SdHeader
-} from "./chunks/chunk.3PTRIEGP.js";
+} from "./chunks/chunk.WZQBNRPA.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.NEUULRS7.js";
+} from "./chunks/chunk.CGQHCRPP.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.DFHY67LW.js";
+} from "./chunks/chunk.W7QB7KQG.js";
 import {
   SdCombobox
-} from "./chunks/chunk.75WDCMIC.js";
+} from "./chunks/chunk.66BLBC6H.js";
 import {
   SdTag
-} from "./chunks/chunk.L2RS3IA6.js";
+} from "./chunks/chunk.KGN4OSJS.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.AZPOFDJP.js";
+} from "./chunks/chunk.UHNAADFP.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.3EJL5IKL.js";
+} from "./chunks/chunk.35O2UVGB.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.XALPLS2Y.js";
+} from "./chunks/chunk.CTZIFPPT.js";
 import {
   SdDropdown
-} from "./chunks/chunk.D4UC3BVQ.js";
+} from "./chunks/chunk.NJMHI5UM.js";
 import {
   SdPopup
-} from "./chunks/chunk.P5FGSFP3.js";
+} from "./chunks/chunk.37TQP26W.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.IJIPMNT2.js";
+} from "./chunks/chunk.EFL7UGJF.js";
 import {
   SdLink
-} from "./chunks/chunk.22PWID5B.js";
-import "./chunks/chunk.DTTVI7KT.js";
+} from "./chunks/chunk.34FNDYY2.js";
+import "./chunks/chunk.CECM7HKR.js";
 import {
   SdCarousel
-} from "./chunks/chunk.SCWR4Q4K.js";
+} from "./chunks/chunk.6OQST4MV.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.JGRI4R23.js";
+} from "./chunks/chunk.MA3U64BI.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.RFDAZXJG.js";
+} from "./chunks/chunk.ZQFW6FCT.js";
 import {
   SdAccordion
-} from "./chunks/chunk.YNBR5ZDU.js";
+} from "./chunks/chunk.EP3FJ6UU.js";
 import {
   SdAnimation
-} from "./chunks/chunk.IYXPHPNO.js";
+} from "./chunks/chunk.KFH26OT3.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.T46LX45D.js";
+} from "./chunks/chunk.EY7UK2BZ.js";
 import {
   SdDrawer
-} from "./chunks/chunk.TVWV4PUH.js";
+} from "./chunks/chunk.UVGX2XYL.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.YATRFNET.js";
+} from "./chunks/chunk.GMYIZ3J2.js";
 import {
   SdLoader
-} from "./chunks/chunk.2EWH2DC2.js";
+} from "./chunks/chunk.FJ3FPGND.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.MH7JHBWP.js";
+} from "./chunks/chunk.ZULS2JUR.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -211,7 +211,7 @@ import {
 import "./chunks/chunk.GWKDETUD.js";
 import "./chunks/chunk.M6QWSNU3.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.TNJNUASM.js";
+import "./chunks/chunk.H7FDVZRQ.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.U2BN2DBY.js";
-import "../chunks/chunk.P5FGSFP3.js";
-import "../chunks/chunk.TNJNUASM.js";
+import "../chunks/chunk.37TQP26W.js";
+import "../chunks/chunk.H7FDVZRQ.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -3169,7 +3169,7 @@
     },
     {
       "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--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.",
+      "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--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.",
       "attributes": [
         {
           "name": "variant",
@@ -3184,6 +3184,11 @@
             { "name": "gradient-dark" }
           ]
         },
+        {
+          "name": "open",
+          "description": "Controls whether the expandable content is visible",
+          "values": []
+        },
         {
           "name": "dir",
           "description": "The element's directionality.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.5.2",
+  "version": "6.7.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -7173,7 +7173,7 @@
         },
         {
           "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--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.",
+          "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--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.",
           "doc-url": "",
           "attributes": [
             {
@@ -7184,6 +7184,11 @@
                 "default": "'white'"
               }
             },
+            {
+              "name": "open",
+              "description": "Controls whether the expandable content is visible",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "dir",
               "description": "The element's directionality.",
@@ -7213,6 +7218,11 @@
                 "description": "Variant of the teaser",
                 "type": "| 'white'\n    | 'neutral-100'\n    | 'primary'\n    | 'primary-100'\n    | 'gradient-light'\n    | 'gradient-dark'"
               },
+              {
+                "name": "open",
+                "description": "Controls whether the expandable content is visible",
+                "type": "boolean"
+              },
               {
                 "name": "dir",
                 "description": "The element's directionality.",

package/dist-versioned/chunks/{chunk.22PWID5B.js → chunk.34FNDYY2.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TNJNUASM.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -84,7 +84,7 @@ var SdLink = class extends SolidElement {
 SdLink.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-::slotted(sd-6-5-2-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-5-2-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-5-2-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
+::slotted(sd-6-7-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-7-0-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-7-0-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
 ];
 __decorateClass([
   query("a")
@@ -111,7 +111,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdLink.prototype, "download", 2);
 SdLink = __decorateClass([
-  customElement("sd-6-5-2-link")
+  customElement("sd-6-7-0-link")
 ], SdLink);
 
 export {

package/dist-versioned/chunks/{chunk.3EJL5IKL.js → chunk.35O2UVGB.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TNJNUASM.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -130,7 +130,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-6-5-2-brandshape")
+  customElement("sd-6-7-0-brandshape")
 ], SdBrandshape);
 
 export {

package/dist-versioned/chunks/{chunk.AUSBWPVD.js → chunk.36PZ2ZYY.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.TNJNUASM.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -71,7 +71,7 @@ var SdRadio = class extends SolidElement {
   }
   render() {
     return html`<span part="base" class="${cx(
-      "sd-6-5-2-radio group flex items-center text-base leading-normal text-black cursor-pointer",
+      "sd-6-7-0-radio group flex items-center text-base leading-normal text-black cursor-pointer",
       (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
       {
         /* sizes, fonts */
@@ -80,15 +80,15 @@ var SdRadio = class extends SolidElement {
         lg: "text-base"
       }[this.size]
     )}"><span part="${`${this.checked ? "control--checked" : "control--unchecked"}`}" class="${cx(
-      "flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-5-2-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",
+      "flex-initial shrink-0 relative inline-flex items-center justify-center border sd-6-7-0-radio-border-width rounded-full bg-white h-4 w-4 duration-fast ease-in-out",
       this.disabled || this.visuallyDisabled ? "border-neutral-500" : this.invalid ? cx(
         "border-error hover:border-error-400 group-hover:border-error-400",
-        this.checked ? "sd-6-5-2-radio--checked--invalid--default-color-background" : "sd-6-5-2-radio--default--invalid-color-background"
-      ) : this.checked ? "sd-6-5-2-radio--checked--default-color-background hover:sd-6-5-2-radio--checked--hover-color-background group-hover:sd-6-5-2-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550" : "form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200"
+        this.checked ? "sd-6-7-0-radio--checked--invalid--default-color-background" : "sd-6-7-0-radio--default--invalid-color-background"
+      ) : this.checked ? "sd-6-7-0-radio--checked--default-color-background hover:sd-6-7-0-radio--checked--hover-color-background group-hover:sd-6-7-0-radio--checked--hover-color-background border-accent hover:border-accent-550 group-hover:border-accent-550" : "form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200"
     )}"><span part="checked" class="${cx(
-      "rounded-full inline-flex text-white sd-6-5-2-radio--checked--default__icon-color-background h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out",
+      "rounded-full inline-flex text-white sd-6-7-0-radio--checked--default__icon-color-background h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out",
       this.checked ? "scale-100" : "scale-0",
-      this.disabled ? "bg-neutral-500" : this.visuallyDisabled ? "bg-white" : this.invalid ? "sd-6-5-2-radio--checked--invalid--default__icon-color-background hover:sd-6-5-2-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-5-2-radio--checked--invalid--hover__icon-color-background" : this.checked ? "sd-6-5-2-radio--checked--default__icon-color-background hover:sd-6-5-2-radio--checked--hover__icon-color-background group-hover:sd-6-5-2-radio--checked--hover__icon-color-background" : "bg-neutral-800"
+      this.disabled ? "bg-neutral-500" : this.visuallyDisabled ? "bg-white" : this.invalid ? "sd-6-7-0-radio--checked--invalid--default__icon-color-background hover:sd-6-7-0-radio--checked--invalid--hover__icon-color-background group-hover:sd-6-7-0-radio--checked--invalid--hover__icon-color-background" : this.checked ? "sd-6-7-0-radio--checked--default__icon-color-background hover:sd-6-7-0-radio--checked--hover__icon-color-background group-hover:sd-6-7-0-radio--checked--hover__icon-color-background" : "bg-neutral-800"
     )}"></span></span><slot part="label" class="${cx(
       "ml-2 select-none inline-block",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.invalid ? "text-error" : "text-black"
@@ -131,7 +131,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadio.prototype, "handleDisabledChange", 1);
 SdRadio = __decorateClass([
-  customElement("sd-6-5-2-radio")
+  customElement("sd-6-7-0-radio")
 ], SdRadio);
 
 export {

package/dist-versioned/chunks/{chunk.P5FGSFP3.js → chunk.37TQP26W.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.TNJNUASM.js";
+} from "./chunk.H7FDVZRQ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -324,7 +324,7 @@ __decorateClass([
   property({ attribute: "auto-size-padding", type: Number })
 ], SdPopup.prototype, "autoSizePadding", 2);
 SdPopup = __decorateClass([
-  customElement("sd-6-5-2-popup")
+  customElement("sd-6-7-0-popup")
 ], SdPopup);
 
 export {