@solid-design-system/components 6.28.2 → 6.29.1

package/dist/solid-components.js

@@ -4,202 +4,202 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.GIDEWQA5.js";
+} from "./chunks/chunk.TCCVXGO3.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.NBC65PZK.js";
+} from "./chunks/chunk.5JXNGWGO.js";
 import {
   SdTextarea
-} from "./chunks/chunk.ZU6ELXPY.js";
-import {
-  SdThemeListener
-} from "./chunks/chunk.OLB3TM54.js";
+} from "./chunks/chunk.67F53YIT.js";
 import {
   SdVideo
-} from "./chunks/chunk.P4OTU6XQ.js";
+} from "./chunks/chunk.ZJE7OCFV.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.QOXHGCGA.js";
+} from "./chunks/chunk.KPKOJGRC.js";
 import {
   SdSpinner
-} from "./chunks/chunk.IDKDUGLS.js";
+} from "./chunks/chunk.AQPWS7H5.js";
 import {
   SdStep
-} from "./chunks/chunk.S4GPAGEW.js";
+} from "./chunks/chunk.7QCSVC6W.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.HZWAYH5R.js";
+} from "./chunks/chunk.6A5KL2ME.js";
 import {
   SdSwitch
-} from "./chunks/chunk.H2JFSSRW.js";
+} from "./chunks/chunk.G3YXVIXP.js";
 import {
   SdTab
-} from "./chunks/chunk.ZA4YNDFN.js";
+} from "./chunks/chunk.DEKB47SU.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.JFNUNYMU.js";
+} from "./chunks/chunk.UPUTDGVP.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.TN5OFWBT.js";
+} from "./chunks/chunk.NEPWG7EE.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.WICZ7UUY.js";
+} from "./chunks/chunk.FGGJHWJQ.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.W3RJHGIR.js";
+} from "./chunks/chunk.TH56Y5BD.js";
 import {
   SdRadio
-} from "./chunks/chunk.HSAIWSZZ.js";
+} from "./chunks/chunk.OPHYFYBJ.js";
 import {
   SdRange
-} from "./chunks/chunk.JLR5AD3J.js";
+} from "./chunks/chunk.73VNCNET.js";
 import {
   SdTooltip
-} from "./chunks/chunk.ZAMS4KU3.js";
+} from "./chunks/chunk.J2IWPOVN.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.74U5JKZE.js";
+} from "./chunks/chunk.RM4W3RUJ.js";
 import {
   SdScrollable
-} from "./chunks/chunk.NL7DBE47.js";
+} from "./chunks/chunk.KOYTK43J.js";
 import {
   SdSelect
-} from "./chunks/chunk.6HFU74YX.js";
+} from "./chunks/chunk.M74NHLSR.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.JTXYWF7N.js";
+} from "./chunks/chunk.YJ3HFB7U.js";
 import {
   SdNotification
-} from "./chunks/chunk.O23ZIMK6.js";
+} from "./chunks/chunk.DZ52GJMF.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.KQUNEIAM.js";
+} from "./chunks/chunk.NZOLXA5P.js";
 import {
   SdOption
-} from "./chunks/chunk.BRDVS66Q.js";
+} from "./chunks/chunk.L3QZLYWI.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.WPDX56YA.js";
+} from "./chunks/chunk.DANLADQA.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.7NV3LXUY.js";
+} from "./chunks/chunk.2R6BV36X.js";
 import {
   SdInclude
-} from "./chunks/chunk.TEAEYNBH.js";
+} from "./chunks/chunk.5LPEWRVH.js";
 import {
   SdInput
-} from "./chunks/chunk.2NNMNH53.js";
+} from "./chunks/chunk.EVXE6QT5.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.OMFSAQHZ.js";
+} from "./chunks/chunk.E7TO66OI.js";
 import {
   SdMenu
-} from "./chunks/chunk.SBZZCZ4Z.js";
+} from "./chunks/chunk.YXXCQXMG.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.LFYHG4SF.js";
+} from "./chunks/chunk.KBLFP77D.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.JZDVCSY3.js";
+} from "./chunks/chunk.GGTNOUL3.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.UG2CM4HI.js";
+} from "./chunks/chunk.GKK76LN5.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.LGHUPAQ5.js";
+} from "./chunks/chunk.WWVBSSYI.js";
 import {
   SdDivider
-} from "./chunks/chunk.OMNG75M4.js";
+} from "./chunks/chunk.SZX2DZVG.js";
 import {
   SdExpandable
-} from "./chunks/chunk.VW2V4NLW.js";
+} from "./chunks/chunk.6CQHWDTR.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.BJJ6TMNB.js";
+} from "./chunks/chunk.XDHACCFS.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.RGOLCGJ4.js";
+} from "./chunks/chunk.U3TJBK63.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.GGCHJ3RE.js";
+} from "./chunks/chunk.AQ2YHTJT.js";
 import {
   SdCombobox
-} from "./chunks/chunk.UUSB6IKX.js";
+} from "./chunks/chunk.RZYQYD7F.js";
 import {
   SdTag
-} from "./chunks/chunk.4JEQUUUR.js";
+} from "./chunks/chunk.ZN6NBM5K.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.UO53RPFR.js";
+} from "./chunks/chunk.JZERVNQH.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.OT5PVYBU.js";
+} from "./chunks/chunk.G4M5E52C.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.TEUEZN5R.js";
+} from "./chunks/chunk.OVLIDOUF.js";
 import {
   SdDropdown
-} from "./chunks/chunk.UDRAHWK7.js";
+} from "./chunks/chunk.Q6BM6VB4.js";
 import {
   SdPopup
-} from "./chunks/chunk.SFM4G2VH.js";
+} from "./chunks/chunk.3SKQW3OF.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.TRAI2A3M.js";
+} from "./chunks/chunk.UU33HKYA.js";
 import {
   SdLink
-} from "./chunks/chunk.7H7XOBSC.js";
-import "./chunks/chunk.QUTK63KE.js";
+} from "./chunks/chunk.BHAJNYNR.js";
+import "./chunks/chunk.ZOAGCGB2.js";
 import {
   SdCarousel
-} from "./chunks/chunk.LMUB7ILW.js";
+} from "./chunks/chunk.S7MVQQ7P.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.EEYDDF6R.js";
+} from "./chunks/chunk.WQ53PAAJ.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.567ETKG6.js";
-import {
-  SdAccordion
-} from "./chunks/chunk.755PXQIA.js";
+} from "./chunks/chunk.QP6NYUMR.js";
 import {
   SdAnimation
-} from "./chunks/chunk.BSTRQDQV.js";
+} from "./chunks/chunk.KLDMZEUO.js";
 import "./chunks/chunk.TJOP7HQP.js";
+import {
+  SdAccordion
+} from "./chunks/chunk.SUBKF7CK.js";
 import {
   SdAudio
-} from "./chunks/chunk.TEQY4PKN.js";
+} from "./chunks/chunk.UHD76K4J.js";
 import {
   SdDrawer
-} from "./chunks/chunk.7LODAGP5.js";
+} from "./chunks/chunk.TD274Z54.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.Q37EUQ5P.js";
+} from "./chunks/chunk.SFQPANQ4.js";
+import {
+  SdThemeListener
+} from "./chunks/chunk.SMXDKTQJ.js";
 import {
   SdLoader
-} from "./chunks/chunk.L34P53YK.js";
+} from "./chunks/chunk.YVETO4SL.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.HC47LTMU.js";
+} from "./chunks/chunk.LCMQJOE7.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.DXRLWSKI.js";
+import "./chunks/chunk.T73O2TL3.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.QGERTGJH.js";
-import "../chunks/chunk.SFM4G2VH.js";
-import "../chunks/chunk.DXRLWSKI.js";
+import "../chunks/chunk.3SKQW3OF.js";
+import "../chunks/chunk.T73O2TL3.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -34,6 +34,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-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.",
@@ -111,33 +138,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-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.",

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.28.2",
+  "version": "6.29.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -110,6 +110,55 @@
             ]
           }
         },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "close-others",
+              "description": "Closes other accordions.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot where `<sd-accordion>` elements are placed."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "closeOthers",
+                "description": "Closes other accordions.",
+                "type": "boolean"
+              },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "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.",
@@ -295,55 +344,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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "close-others",
-              "description": "Closes other accordions.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "dir",
-              "description": "The element's directionality.",
-              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
-            },
-            {
-              "name": "lang",
-              "description": "The element's language.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot where `<sd-accordion>` elements are placed."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "closeOthers",
-                "description": "Closes other accordions.",
-                "type": "boolean"
-              },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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.",

package/dist-versioned/chunks/{chunk.7NV3LXUY.js → chunk.2R6BV36X.js}

@@ -1,13 +1,13 @@
 import {
   SdAccordion
-} from "./chunk.755PXQIA.js";
+} from "./chunk.SUBKF7CK.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.DXRLWSKI.js";
+} from "./chunk.T73O2TL3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -31,12 +31,12 @@ var SdQuickfact = class extends SdAccordion {
       this.expandable && "cursor-pointer select-none"
     )}" role="${ifDefined(this.expandable ? "button" : void 0)}" aria-expanded="${ifDefined(this.expandable ? this.open ? "true" : "false" : void 0)}" aria-controls="${ifDefined(this.expandable ? "content" : void 0)}" tabindex="${this.expandable ? "0" : "-1"}" @click="${this.expandable ? this.handleSummaryClick : null}" @keydown="${this.expandable ? this.handleSummaryKeyDown : null}"><div part="icon" class="${cx("flex flex-grow-0 flex-shrink-0 flex-auto items-center", !this.expandable && "cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${cx(
       "flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",
-      this.expandable ? "sd-6-28-2-quickfact--expandable-color-text" : "text-black cursor-default"
+      this.expandable ? "sd-6-29-1-quickfact--expandable-color-text" : "text-black cursor-default"
     )}">${this.summary}</slot><span part="summary-icon" class="${cx(
       "flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:mt-2",
       this.open && "rotate-180",
       !this.expandable && "hidden"
-    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-28-2-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-28-2-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-28-2-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-28-2-icon></slot></span></${header}><div part="content" id="content" class="${cx("overflow-hidden", !this.expandable && "hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${base}>`;
+    )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-6-29-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-29-1-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-6-29-1-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-6-29-1-icon></slot></span></${header}><div part="content" id="content" class="${cx("overflow-hidden", !this.expandable && "hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${base}>`;
   }
 };
 SdQuickfact.styles = [
@@ -48,7 +48,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdQuickfact.prototype, "expandable", 2);
 SdQuickfact = __decorateClass([
-  customElement("sd-6-28-2-quickfact")
+  customElement("sd-6-29-1-quickfact")
 ], SdQuickfact);
 setDefaultAnimation("quickfact.show", {
   keyframes: [{ height: "0" }, { height: "auto" }],

package/dist-versioned/chunks/{chunk.SFM4G2VH.js → chunk.3SKQW3OF.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.DXRLWSKI.js";
+} from "./chunk.T73O2TL3.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-28-2-popup")
+  customElement("sd-6-29-1-popup")
 ], SdPopup);
 
 export {

package/dist-versioned/chunks/{chunk.NBC65PZK.js → chunk.5JXNGWGO.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DXRLWSKI.js";
+} from "./chunk.T73O2TL3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -45,10 +45,10 @@ var SdTeaserMedia = class extends SolidElement {
     )}"></div><div class="${cx("relative", ["primary", "gradient-dark"].includes(this.variant) && "text-white")}"><div class="${cx(
       "absolute inset-0 pointer-events-none",
       {
-        white: "sd-6-28-2-teaser-media--white-color-background group-hover:sd-6-28-2-teaser-media--white--hover-color-background ",
-        "neutral-100": "sd-6-28-2-teaser-media--neutral-100-color-background group-hover:sd-6-28-2-teaser-media--neutral-100--hover-color-background",
+        white: "sd-6-29-1-teaser-media--white-color-background group-hover:sd-6-29-1-teaser-media--white--hover-color-background ",
+        "neutral-100": "sd-6-29-1-teaser-media--neutral-100-color-background group-hover:sd-6-29-1-teaser-media--neutral-100--hover-color-background",
         primary: "bg-primary/80 text-white group-hover:bg-primary/90",
-        "primary-100": "sd-6-28-2-teaser-media--primary-100-color-background group-hover:sd-6-28-2-teaser-media--primary-100--hover-color-background",
+        "primary-100": "sd-6-29-1-teaser-media--primary-100-color-background group-hover:sd-6-29-1-teaser-media--primary-100--hover-color-background",
         "gradient-light": "bg-gradient-to-t from-white/75 to-white/60",
         "gradient-dark": "bg-gradient-to-t from-primary-800/75 to-primary-800/60"
       }[this.variant]
@@ -58,8 +58,8 @@ var SdTeaserMedia = class extends SolidElement {
       this.open ? "opacity-100" : "opacity-0"
     )}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="${cx(
       "mt-2",
-      ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-6-28-2-teaser-media-color-icon-fill"
-    )}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-28-2-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-6-28-2-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
+      ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "sd-6-29-1-teaser-media-color-icon-fill"
+    )}" @click="${this.onToggleClick}" aria-expanded="${this.open}" aria-label="${this.open ? "Collapse content" : "Expand content"}"><div class="h-full justify-start flex items-start"><sd-6-29-1-icon class="${cx("w-6 h-6 transition-transform", this.open && "rotate-180")}" library="_internal" name="chevron-down"></sd-6-29-1-icon></div></button>` : null}</div></div></div><div class="${cx("mb-4 -z-10", !slots["teaser-has-media"] && "hidden")}" part="media"><slot name="media"></slot></div></div>`;
   }
 };
 SdTeaserMedia.styles = [
@@ -80,7 +80,7 @@ __decorateClass([
   query('[part="base"]')
 ], SdTeaserMedia.prototype, "teaserMedia", 2);
 SdTeaserMedia = __decorateClass([
-  customElement("sd-6-28-2-teaser-media")
+  customElement("sd-6-29-1-teaser-media")
 ], SdTeaserMedia);
 
 export {

package/dist-versioned/chunks/{chunk.TEAEYNBH.js → chunk.5LPEWRVH.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DXRLWSKI.js";
+} from "./chunk.T73O2TL3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -69,7 +69,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-6-28-2-include")
+  customElement("sd-6-29-1-include")
 ], SdInclude);
 
 export {

package/dist-versioned/chunks/{chunk.ZU6ELXPY.js → chunk.67F53YIT.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.DXRLWSKI.js";
+} from "./chunk.T73O2TL3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -228,7 +228,7 @@ var SdTextarea = class extends SolidElement {
       textareaState === "disabled" || textareaState === "visuallyDisabled" ? "text-neutral-500" : "text-black",
       ["invalid", "activeInvalid"].includes(textareaState) && "form-control--invalid-color-background"
     )}"><textarea part="textarea" id="input" class="${cx(
-      "ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-28-2-icon]:pe-8",
+      "ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-6-29-1-icon]:pe-8",
       {
         sm: isFloatingLabelActive ? "pb-1" : "py-2",
         md: isFloatingLabelActive ? "pb-1" : "py-2",
@@ -236,7 +236,7 @@ var SdTextarea = class extends SolidElement {
       }[this.size],
       this.disabled && "cursor-not-allowed",
       textSize
-    )}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? ifDefined(this.placeholder) : ""}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-6-28-2-icon class="${cx("text-error absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="risk" part="invalid-icon"></sd-6-28-2-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-6-28-2-icon class="${cx("text-success absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-28-2-icon>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
+    )}" title="${this.title}" name="${ifDefined(this.name)}" .value="${live(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel || isFloatingLabelActive ? ifDefined(this.placeholder) : ""}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" rows="${ifDefined(this.rows)}" autocapitalize="${ifDefined(this.autocapitalize)}" autocorrect="${ifDefined(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${ifDefined(this.spellcheck)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle ? html`<sd-6-29-1-icon class="${cx("text-error absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="risk" part="invalid-icon"></sd-6-29-1-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-6-29-1-icon class="${cx("text-success absolute right-4 pointer-events-none", iconSize)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-6-29-1-icon>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx(
       "text-sm mt-1",
       hasHelpText && !this.showInvalidStyle ? "block" : "hidden",
       this.visuallyDisabled || this.disabled ? "text-neutral-500" : "text-neutral-700"
@@ -361,7 +361,7 @@ __decorateClass([
   watch(["size", "floatingLabel"])
 ], SdTextarea.prototype, "handleSizeChange", 1);
 SdTextarea = __decorateClass([
-  customElement("sd-6-28-2-textarea")
+  customElement("sd-6-29-1-textarea")
 ], SdTextarea);
 
 export {