@solid-design-system/components 6.16.4 → 6.17.0

package/dist/solid-components.js

@@ -4,198 +4,198 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.P6YK6F7T.js";
+} from "./chunks/chunk.5UOC4OZ4.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.RL7BJYL6.js";
+} from "./chunks/chunk.MUMBMCAB.js";
 import {
   SdVideo
-} from "./chunks/chunk.JYR67QON.js";
+} from "./chunks/chunk.I52N7OPP.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.V3RBONZ7.js";
+} from "./chunks/chunk.DMDLO5DL.js";
 import {
   SdSwitch
-} from "./chunks/chunk.RXD64SUC.js";
+} from "./chunks/chunk.OD4O32CW.js";
 import {
   SdTab
-} from "./chunks/chunk.WV4VZLSM.js";
+} from "./chunks/chunk.A5JVBPWO.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.7LLWTMC3.js";
+} from "./chunks/chunk.ZWTZYBO7.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.FXZL5TSR.js";
+} from "./chunks/chunk.U7I3JTSV.js";
 import {
   SdTeaser
-} from "./chunks/chunk.ZN4E3BW3.js";
+} from "./chunks/chunk.5QJLPDI3.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.OQ5QEVJF.js";
+} from "./chunks/chunk.2YPLPBHV.js";
 import {
   SdRange
-} from "./chunks/chunk.Y226ELYU.js";
+} from "./chunks/chunk.HHE5BX7I.js";
 import {
   SdTooltip
-} from "./chunks/chunk.HMOYAY72.js";
+} from "./chunks/chunk.TYCEV44V.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.AQU3K3QW.js";
+} from "./chunks/chunk.QT545FQY.js";
 import {
   SdScrollable
-} from "./chunks/chunk.PO2OMSAQ.js";
+} from "./chunks/chunk.A372DMSH.js";
 import {
   SdSelect
-} from "./chunks/chunk.JT57FH4I.js";
+} from "./chunks/chunk.PBRDBJM3.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.UE4MIFO2.js";
+} from "./chunks/chunk.GQV5M7HP.js";
 import {
   SdSpinner
-} from "./chunks/chunk.K7OGNZLO.js";
+} from "./chunks/chunk.HKWXNTTJ.js";
 import {
   SdStep
-} from "./chunks/chunk.6GDF7RP6.js";
+} from "./chunks/chunk.PR5RDVMQ.js";
 import {
   SdNotification
-} from "./chunks/chunk.3PROMK3G.js";
+} from "./chunks/chunk.O72HG6IC.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.MBVWPMPN.js";
+} from "./chunks/chunk.L4CIZQD4.js";
 import {
   SdOption
-} from "./chunks/chunk.YC3R5M35.js";
+} from "./chunks/chunk.7VNN27TI.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.IXY6JRMU.js";
+} from "./chunks/chunk.EAWBAV6Q.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.4OJXQ3S3.js";
+} from "./chunks/chunk.TZWXMYO6.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.BDGTWJIT.js";
+} from "./chunks/chunk.IGOXLOQF.js";
 import {
   SdRadio
-} from "./chunks/chunk.YGCCHEFS.js";
+} from "./chunks/chunk.TU6RYP2A.js";
 import {
   SdInput
-} from "./chunks/chunk.5DLSMYYF.js";
+} from "./chunks/chunk.3PUYQYK7.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.J2WMB4UM.js";
+} from "./chunks/chunk.BW5FY6QJ.js";
 import {
   SdMenu
-} from "./chunks/chunk.4FQGHIRS.js";
+} from "./chunks/chunk.7DSIPKKV.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.7YOG7JGW.js";
+} from "./chunks/chunk.M4A7II5B.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.IRPULK4T.js";
+} from "./chunks/chunk.4V4TM346.js";
 import {
   SdInclude
-} from "./chunks/chunk.EGVMKWID.js";
+} from "./chunks/chunk.RYPEDJRA.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.QF4M6XJ6.js";
-import "./chunks/chunk.SMPFJ52B.js";
+} from "./chunks/chunk.OXT3AO6N.js";
+import "./chunks/chunk.A4LR62QO.js";
 import {
   SdDialog
-} from "./chunks/chunk.2EDPY2A5.js";
+} from "./chunks/chunk.GNUKJF4Y.js";
 import {
   SdDivider
-} from "./chunks/chunk.6JXHY72O.js";
+} from "./chunks/chunk.MOYNIJPD.js";
 import {
   SdExpandable
-} from "./chunks/chunk.AJJI7TJL.js";
+} from "./chunks/chunk.WKX63M7W.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.KLN5272I.js";
+} from "./chunks/chunk.U4MFOSYC.js";
 import {
   SdHeader
-} from "./chunks/chunk.27CORLGD.js";
+} from "./chunks/chunk.2RT2QZ7M.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.NAD637BO.js";
+} from "./chunks/chunk.LUSVOKAM.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.7OODH6S5.js";
+} from "./chunks/chunk.SVFMI2BT.js";
 import {
   SdCombobox
-} from "./chunks/chunk.S3AIPHMB.js";
+} from "./chunks/chunk.KCOZ2C4D.js";
 import {
   SdTag
-} from "./chunks/chunk.PJ4LG3IZ.js";
+} from "./chunks/chunk.7P2REW5V.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.CDI4YMFV.js";
+} from "./chunks/chunk.76V2ISKC.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.KJN55623.js";
+} from "./chunks/chunk.E5L6DQKL.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.IXAGOL3L.js";
+} from "./chunks/chunk.PXW33DB7.js";
 import {
   SdDropdown
-} from "./chunks/chunk.FV63VR7F.js";
+} from "./chunks/chunk.QOEAT2YX.js";
 import {
   SdPopup
-} from "./chunks/chunk.X7XDUKGF.js";
+} from "./chunks/chunk.B76GUA7Y.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.6WM4R2DA.js";
+} from "./chunks/chunk.3PNN625M.js";
 import {
   SdLink
-} from "./chunks/chunk.6SZCCE7T.js";
-import "./chunks/chunk.4WJBOMWG.js";
+} from "./chunks/chunk.PQAMJV7M.js";
+import "./chunks/chunk.L3ZE5UCG.js";
 import {
   SdCarousel
-} from "./chunks/chunk.ELS2J6VM.js";
+} from "./chunks/chunk.V4TRG2QV.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.FQAUOX63.js";
+} from "./chunks/chunk.TKSVNGDB.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.JCFYB72C.js";
+} from "./chunks/chunk.A65XKMJZ.js";
 import {
   SdAccordion
-} from "./chunks/chunk.4YGFM4I2.js";
+} from "./chunks/chunk.36VZHNCQ.js";
 import {
   SdAnimation
-} from "./chunks/chunk.FRVVZRCH.js";
+} from "./chunks/chunk.TWEYUZPD.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.E2USZ7GU.js";
+} from "./chunks/chunk.QJYIVBDS.js";
 import {
   SdDrawer
-} from "./chunks/chunk.MMI44BVI.js";
+} from "./chunks/chunk.PZYTCHKW.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.ANNKBF6X.js";
+} from "./chunks/chunk.ZBAZXZGL.js";
 import {
   SdLoader
-} from "./chunks/chunk.36OESV3O.js";
+} from "./chunks/chunk.KBYT7BIL.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.FJM4XRBD.js";
+} from "./chunks/chunk.ZJQST7NT.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.XNTGIC2L.js";
+import "./chunks/chunk.VU4ZPVVA.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.MQG727Y4.js";
-import "../chunks/chunk.X7XDUKGF.js";
-import "../chunks/chunk.XNTGIC2L.js";
+import "../chunks/chunk.B76GUA7Y.js";
+import "../chunks/chunk.VU4ZPVVA.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/date.js

@@ -1,6 +1,6 @@
 import {
   DateUtils
-} from "../chunks/chunk.SMPFJ52B.js";
+} from "../chunks/chunk.A4LR62QO.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   DateUtils

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

@@ -34,6 +34,33 @@
         }
       ]
     },
+    {
+      "name": "sd-accordion-group",
+      "description": "Short summary of the component's intended use.\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": "Short summary of the component's intended use.\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.",
@@ -2775,7 +2775,7 @@
         {
           "name": "size",
           "description": "The step's size.",
-          "values": [{ "name": "lg" }, { "name": "sm" }]
+          "values": [{ "name": "lg" }, { "name": "sm" }, { "name": "xs" }]
         },
         {
           "name": "orientation",
@@ -2857,7 +2857,7 @@
         {
           "name": "size",
           "description": "The step-groups's size.",
-          "values": [{ "name": "lg" }, { "name": "sm" }]
+          "values": [{ "name": "lg" }, { "name": "sm" }, { "name": "xs" }]
         },
         {
           "name": "orientation",

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.16.4",
+  "version": "6.17.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -110,6 +110,55 @@
             ]
           }
         },
+        {
+          "name": "sd-accordion-group",
+          "description": "Short summary of the component's intended use.\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": "Short summary of the component's intended use.\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.",
@@ -6290,7 +6290,7 @@
             {
               "name": "size",
               "description": "The step's size.",
-              "value": { "type": "'lg' | 'sm'", "default": "'lg'" }
+              "value": { "type": "'lg' | 'sm' | 'xs'", "default": "'lg'" }
             },
             {
               "name": "orientation",
@@ -6384,7 +6384,7 @@
               {
                 "name": "size",
                 "description": "The step's size.",
-                "type": "'lg' | 'sm'"
+                "type": "'lg' | 'sm' | 'xs'"
               },
               {
                 "name": "orientation",
@@ -6472,7 +6472,7 @@
             {
               "name": "size",
               "description": "The step-groups's size.",
-              "value": { "type": "'lg' | 'sm'", "default": "'lg'" }
+              "value": { "type": "'lg' | 'sm' | 'xs'", "default": "'lg'" }
             },
             {
               "name": "orientation",
@@ -6520,7 +6520,7 @@
               {
                 "name": "size",
                 "description": "The step-groups's size.",
-                "type": "'lg' | 'sm'"
+                "type": "'lg' | 'sm' | 'xs'"
               },
               {
                 "name": "orientation",

package/dist-versioned/chunks/{chunk.27CORLGD.js → chunk.2RT2QZ7M.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -54,7 +54,7 @@ var SdHeader = class extends SolidElement {
     }
   }
   render() {
-    return html`<header class="w-full sd-6-16-4-header-color-background sd-6-16-4-header-padding-bottom relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
+    return html`<header class="w-full sd-6-17-0-header-color-background sd-6-17-0-header-padding-bottom relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`;
   }
 };
 SdHeader.styles = [
@@ -72,7 +72,7 @@ __decorateClass([
   debounce(100)
 ], SdHeader.prototype, "updateCalculatedHeight", 1);
 SdHeader = __decorateClass([
-  customElement("sd-6-16-4-header")
+  customElement("sd-6-17-0-header")
 ], SdHeader);
 
 export {

package/dist-versioned/chunks/{chunk.OQ5QEVJF.js → chunk.2YPLPBHV.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.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-16-4-teaser-media--white-color-background group-hover:sd-6-16-4-teaser-media--white--hover-color-background ",
-        "neutral-100": "sd-6-16-4-teaser-media--neutral-100-color-background group-hover:sd-6-16-4-teaser-media--neutral-100--hover-color-background",
+        white: "sd-6-17-0-teaser-media--white-color-background group-hover:sd-6-17-0-teaser-media--white--hover-color-background ",
+        "neutral-100": "sd-6-17-0-teaser-media--neutral-100-color-background group-hover:sd-6-17-0-teaser-media--neutral-100--hover-color-background",
         primary: "bg-primary/[.8] text-white group-hover:bg-primary/90",
-        "primary-100": "sd-6-16-4-teaser-media--primary-100-color-background group-hover:sd-6-16-4-teaser-media--primary-100--hover-color-background",
+        "primary-100": "sd-6-17-0-teaser-media--primary-100-color-background group-hover:sd-6-17-0-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]
@@ -56,11 +56,11 @@ var SdTeaserMedia = class extends SolidElement {
       "mt-3 transition-opacity duration-300",
       !this.open && "hidden",
       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="sd-interactive sd-interactive--reset mt-2" @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-16-4-icon class="${cx(
+    )}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div>${slots["teaser-has-expandable"] ? html`<button part="toggle" class="sd-interactive sd-interactive--reset mt-2" @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-17-0-icon class="${cx(
       "w-6 h-6 transition-transform",
       this.open && "rotate-180",
       ["primary", "gradient-dark"].includes(this.variant) ? "text-white" : "text-primary"
-    )}" library="_internal" name="chevron-down"></sd-6-16-4-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>`;
+    )}" library="_internal" name="chevron-down"></sd-6-17-0-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 = [
@@ -81,7 +81,7 @@ __decorateClass([
   query('[part="base"]')
 ], SdTeaserMedia.prototype, "teaserMedia", 2);
 SdTeaserMedia = __decorateClass([
-  customElement("sd-6-16-4-teaser-media")
+  customElement("sd-6-17-0-teaser-media")
 ], SdTeaserMedia);
 
 export {