@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

package/dist/collection/components/close/close.interfaces.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-export const CLOSE_SIZES = ['', 'sm', 'md', 'small', 'medium'];
+export const CLOSE_SIZES = ['sm', 'md', 'small', 'medium'];

package/dist/collection/components/close/close.js

@@ -17,10 +17,6 @@ export class Close {
     constructor() {
         this.language = defaultConfig.language;
         this.region = defaultConfig.region;
-        /**
-         * Define the size of badge. Small is recommended for tabs.
-         */
-        this.size = '';
         /**
          * If `true` it supports dark backgrounds.
          */
@@ -34,14 +30,14 @@ export class Close {
          * This is useful when you want to use the close component outside of a notification or alert, for example as a standalone button.
          */
         this.button = false;
-        /**
-         * Defines the color of the button variant. Only applicable if `button` is `true`.
-         */
-        this.buttonColor = '';
     }
     createLogger(log) {
         this.log = log;
     }
+    /**
+     * PUBLIC METHODS
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * @internal define config for the component
      */
@@ -49,6 +45,10 @@ export class Close {
         this.language = state.language;
         this.region = state.region;
     }
+    /**
+     * RENDER
+     * ─────────────────────────────────────────────────────
+     */
     render() {
         const label = i18nDsClose[this.language].close;
         const size = normalizeDeprecatedTShirtSize(this.size) || '';
@@ -80,7 +80,7 @@ export class Close {
                 "mutable": false,
                 "complexType": {
                     "original": "CloseSize",
-                    "resolved": "\"\" | \"md\" | \"medium\" | \"sm\" | \"small\"",
+                    "resolved": "\"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
                     "references": {
                         "CloseSize": {
                             "location": "import",
@@ -91,7 +91,7 @@ export class Close {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Define the size of badge. Small is recommended for tabs."
@@ -99,8 +99,7 @@ export class Close {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
-                "attribute": "size",
-                "defaultValue": "''"
+                "attribute": "size"
             },
             "inverted": {
                 "type": "boolean",
@@ -167,7 +166,7 @@ export class Close {
                 "mutable": false,
                 "complexType": {
                     "original": "ButtonColor",
-                    "resolved": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+                    "resolved": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\" | undefined",
                     "references": {
                         "ButtonColor": {
                             "location": "import",
@@ -178,7 +177,7 @@ export class Close {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines the color of the button variant. Only applicable if `button` is `true`."
@@ -186,8 +185,7 @@ export class Close {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "button-color",
-                "defaultValue": "''"
+                "attribute": "button-color"
             }
         };
     }

package/dist/collection/components/content/content.host.css

@@ -1 +1 @@
-.stack,.stack-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{align-self:stretch}.stack.is-horizontal>.stack-content{align-self:center}.stack.has-wrap,.stack-content.has-wrap{flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{flex-flow:row nowrap;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{flex-flow:row-reverse nowrap;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{justify-content:flex-start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{justify-content:flex-start;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{justify-content:flex-start;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{justify-content:center;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{justify-content:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{justify-content:center;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{justify-content:flex-end;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{justify-content:flex-end;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{justify-content:flex-end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{align-items:flex-start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{align-items:flex-start;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{align-items:flex-start;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{align-items:center;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{align-items:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{align-items:center;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{align-items:flex-end;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{align-items:flex-end;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{align-items:flex-end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left}.stack-content.text-center{text-align:center}.stack-content.text-right{text-align:right}.stack.fit-content,.stack-content.fit-content{flex:unset;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-content{position:static}
+.stack,.stack-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{align-self:stretch}.stack.is-horizontal>.stack-content{align-self:center}.stack.has-wrap,.stack-content.has-wrap{flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{flex-flow:row nowrap;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{flex-flow:row-reverse nowrap;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{justify-content:flex-start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{justify-content:flex-start;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{justify-content:flex-start;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{justify-content:center;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{justify-content:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{justify-content:center;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{justify-content:flex-end;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{justify-content:flex-end;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{justify-content:flex-end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{align-items:flex-start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{align-items:flex-start;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{align-items:flex-start;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{align-items:center;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{align-items:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{align-items:center;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{align-items:flex-end;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{align-items:flex-end;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{align-items:flex-end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left !important}.stack-content.text-center{text-align:center !important}.stack-content.text-right{text-align:right !important}.stack.fit-content,.stack-content.fit-content{flex:unset;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-content{position:static}

package/dist/collection/components/content/content.interfaces.js

@@ -2,9 +2,8 @@
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
 export const CONTENT_LAYOUTS = ['', 'horizontal', 'vertical'];
-export const CONTENT_DIRECTIONS = ['', 'column', 'row'];
+export const CONTENT_DIRECTIONS = ['column', 'row'];
 export const CONTENT_SPACES = [
-    '',
     'none',
     '3xs',
     '2xs',
@@ -18,5 +17,5 @@ export const CONTENT_SPACES = [
     'small',
     'normal',
 ];
-export const CONTENT_ALIGNMENTS = ['', 'start', 'center', 'end'];
+export const CONTENT_ALIGNMENTS = ['start', 'center', 'end'];
 export const CONTENT_TEXT_ALIGNMENTS = ['', 'left', 'center', 'right'];

package/dist/collection/components/content/content.js

@@ -13,39 +13,6 @@ import { CONTENT_DIRECTIONS, CONTENT_ALIGNMENTS, CONTENT_SPACES, } from "./conte
  * @part content - The content container element.
  */
 export class Content {
-    constructor() {
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * **Deprecated:** Use direction instead.
-         */
-        this.layout = '';
-        /**
-         * Defines the direction of the child elements. Default is column.
-         */
-        this.direction = '';
-        /**
-         * Defines the positioning like center, end or
-         * default to start.
-         */
-        this.align = '';
-        /**
-         * Defines the text positioning like center, right or
-         * default to left.
-         */
-        this.textAlign = '';
-        /**
-         * Defines the space between the child elements. Default is xx-small.
-         */
-        this.space = '';
-        /**
-         * @internal
-         * Please use align instead.
-         */
-        this.alignment = '';
-    }
     createLogger(log) {
         this.log = log;
     }
@@ -59,7 +26,7 @@ export class Content {
         const align = hasValue(this.align);
         const space = normalizeDeprecatedTShirtSize(this.space) || '';
         let alignValue = (_a = this.align) === null || _a === void 0 ? void 0 : _a.split(' ').join('-');
-        if (hasValue(this.alignment)) {
+        if (this.alignment) {
             alignValue = this.alignment.split(' ').join('-');
         }
         let direction = this.direction;
@@ -77,14 +44,14 @@ export class Content {
                 direction = 'row-reverse';
             }
         }
-        return (h(Host, { key: '5e1dd2f21df711ad1be750936272efbc08ff3523', class: {
+        return (h(Host, { key: 'a1cd5de9505f4bfa2888e453c3c40d9e95bd5931', class: {
                 'stack-content': true,
                 'as-row': direction === 'row',
                 'as-col': direction === 'column',
                 [`align-${alignValue}`]: align || alignment,
                 [`text-${this.textAlign}`]: hasValue(this.textAlign),
                 [`has-space-${space}`]: hasValue(this.space),
-            } }, h("slot", { key: '551c92899f3580cc78643957fdfe7dad302927a4' })));
+            } }, h("slot", { key: 'd4b6a17b957bc3aff33e3f09eb123c8350c214eb' })));
     }
     static get is() { return "ds-content"; }
     static get originalStyleUrls() {
@@ -104,7 +71,7 @@ export class Content {
                 "mutable": false,
                 "complexType": {
                     "original": "StackLayout",
-                    "resolved": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\"",
+                    "resolved": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
                     "references": {
                         "StackLayout": {
                             "location": "import",
@@ -115,7 +82,7 @@ export class Content {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "**Deprecated:** Use direction instead."
@@ -123,15 +90,14 @@ export class Content {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "layout",
-                "defaultValue": "''"
+                "attribute": "layout"
             },
             "direction": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "StackDirection",
-                    "resolved": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+                    "resolved": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
                     "references": {
                         "StackDirection": {
                             "location": "import",
@@ -142,7 +108,7 @@ export class Content {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines the direction of the child elements. Default is column."
@@ -150,15 +116,14 @@ export class Content {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "direction",
-                "defaultValue": "''"
+                "attribute": "direction"
             },
             "align": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "ContentAlignment",
-                    "resolved": "\"\" | \"center\" | \"end\" | \"start\"",
+                    "resolved": "\"center\" | \"end\" | \"start\" | undefined",
                     "references": {
                         "ContentAlignment": {
                             "location": "import",
@@ -169,7 +134,7 @@ export class Content {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines the positioning like center, end or\ndefault to start."
@@ -177,15 +142,14 @@ export class Content {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "align",
-                "defaultValue": "''"
+                "attribute": "align"
             },
             "textAlign": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "ContentTextAlignment",
-                    "resolved": "\"\" | \"center\" | \"left\" | \"right\"",
+                    "resolved": "\"\" | \"center\" | \"left\" | \"right\" | undefined",
                     "references": {
                         "ContentTextAlignment": {
                             "location": "import",
@@ -196,7 +160,7 @@ export class Content {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines the text positioning like center, right or\ndefault to left."
@@ -204,15 +168,14 @@ export class Content {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "text-align",
-                "defaultValue": "''"
+                "attribute": "text-align"
             },
             "space": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "ContentSpace",
-                    "resolved": "\"\" | \"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\"",
+                    "resolved": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\" | undefined",
                     "references": {
                         "ContentSpace": {
                             "location": "import",
@@ -223,7 +186,7 @@ export class Content {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines the space between the child elements. Default is xx-small."
@@ -231,15 +194,14 @@ export class Content {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "space",
-                "defaultValue": "''"
+                "attribute": "space"
             },
             "alignment": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "StackAlignment",
-                    "resolved": "\"\" | \"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\"",
+                    "resolved": "\"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\" | undefined",
                     "references": {
                         "StackAlignment": {
                             "location": "import",
@@ -250,7 +212,7 @@ export class Content {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [{
                             "name": "internal",
@@ -261,8 +223,7 @@ export class Content {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "alignment",
-                "defaultValue": "''"
+                "attribute": "alignment"
             }
         };
     }

package/dist/collection/components/date/date.js

@@ -3,7 +3,7 @@
  */
 import { __decorate, __metadata } from "tslib";
 import { h } from "@stencil/core";
-import { inheritAttributes, FormControl, FocusHandler, debounceEvent, Logger, isEscapeKey, OneOf, Type, raf, } from "../../utils/index";
+import { inheritAttributes, FormControl, FocusHandler, debounceEvent, Logger, isEscapeKey, OneOf, Type, raf, watchInvalidTextSlot, } from "../../utils/index";
 import { defaultConfig, ListenToConfig } from "../../global/index";
 import { Field } from "../input/field.util";
 import { ClearButton } from "../input/clear-button.util";
@@ -15,6 +15,7 @@ import { i18nDsTriggerButton } from "../input/trigger-button.i18n";
 /**
  * Date renders a masked date input field with an interactive calendar popup for date selection.
  *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part input - The native HTML input element.
  * @part clear - The clear button that removes the selected date.
  * @part trigger - The calendar icon button that opens the date picker popup.
@@ -30,6 +31,7 @@ export class DsDate {
         this.language = defaultConfig.language;
         this.region = defaultConfig.region;
         this.isOpen = false;
+        this.hasInvalidTextSlotContent = false;
         /**
          * PUBLIC PROPERTY API
          * ------------------------------------------------------
@@ -245,6 +247,9 @@ export class DsDate {
     connectedCallback() {
         this.debounceChanged();
         this.control.connectedCallback();
+        this.disconnectInvalidTextSlotWatcher = watchInvalidTextSlot(this.el, hasContent => {
+            this.hasInvalidTextSlotContent = hasContent;
+        });
     }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title', 'data-hj-allow']);
@@ -283,12 +288,13 @@ export class DsDate {
         }
     }
     disconnectedCallback() {
-        var _a, _b;
+        var _a, _b, _c;
         this.focusHandler.disconnect();
         (_a = this.dateMask) === null || _a === void 0 ? void 0 : _a.destroy();
         this.dateMask = undefined;
         (_b = this.datePicker) === null || _b === void 0 ? void 0 : _b.destroy();
         this.datePicker = undefined;
+        (_c = this.disconnectInvalidTextSlotWatcher) === null || _c === void 0 ? void 0 : _c.call(this);
     }
     /**
      * PUBLIC METHODS
@@ -361,7 +367,8 @@ export class DsDate {
         const displayValue = isoToDisplay(this.value, getDisplayFormat(this.region));
         const triggerLabel = i18nDsTriggerButton[this.language].openCalendar;
         const chooseDateLabel = i18nDsTriggerButton[this.language].chooseDate;
-        return (h(Field, { key: '859a54d8d31278c3fec25f00ac9929181cd7a7b5', disabled: this.disabled, color: this.color, invalid: this.invalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: "input" }, h("input", Object.assign({ key: '4ad6e0bae869a59beb72ed72e5d90e58efbab930', id: "input", part: "input", name: this.name, type: "text", inputMode: "numeric", ref: inputEl => (this.control.nativeEl = inputEl), "aria-describedby": "description", "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, value: displayValue, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes)), h(ClearButton, { key: 'cb317335e4e6053cc2dc3f45c59bb7c8b3418bd4', value: this.value, disabled: this.disabled, readonly: this.readonly, language: this.language, onClick: this.handleClearClick }), !this.freeSolo && !this.disabled && !this.readonly && (h("button", { key: 'ba6176e8c753d5055e0cd67eb0d8f973e4c06ce3', id: "trigger", part: "trigger", type: "button", ref: el => (this.triggerEl = el), "aria-label": triggerLabel, title: triggerLabel, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": "popup", onClick: this.handleTriggerClick }, h("ds-icon", { key: 'e5753c5a882058c816cf1feb1d73d2fb2043d027', name: "date" }))), !this.freeSolo && (h("div", { key: 'ceafaa1297f32cf6d6614ecbe21230c5bee7327d', id: "popup", role: "dialog", "aria-modal": "true", "aria-label": chooseDateLabel, "aria-hidden": this.isOpen ? 'false' : 'true', inert: this.isOpen ? undefined : true, ref: el => (this.popupHostEl = el) }))));
+        const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
+        return (h(Field, { key: '8014eb5d73b80fa1509c5f26443bfef49bc52323', disabled: this.disabled, color: this.color, invalid: isInvalid, loading: this.loading, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: "input" }, h("input", Object.assign({ key: 'def1cdff17dc0ab2041a721a9410dd7dc1910d6d', id: "input", part: "input", name: this.name, type: "text", inputMode: "numeric", ref: inputEl => (this.control.nativeEl = inputEl), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, value: displayValue, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes)), h(ClearButton, { key: '186a489abe898f6bca4d3b1b6680d7040c29346e', value: this.value, disabled: this.disabled, readonly: this.readonly, language: this.language, onClick: this.handleClearClick }), !this.freeSolo && !this.disabled && !this.readonly && (h("button", { key: 'be3c5c0c05f0d9833925e9a55ced39a761f93b8c', id: "trigger", part: "trigger", type: "button", ref: el => (this.triggerEl = el), "aria-label": triggerLabel, title: triggerLabel, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": "popup", onClick: this.handleTriggerClick }, h("ds-icon", { key: '9f8e939473943399badc13b7ea45c9585dc474f5', name: "date" }))), !this.freeSolo && (h("div", { key: '4073f568bba1558bb57d894b789580d52601bf1c', id: "popup", role: "dialog", "aria-modal": "true", "aria-label": chooseDateLabel, "aria-hidden": this.isOpen ? 'false' : 'true', inert: this.isOpen ? undefined : true, ref: el => (this.popupHostEl = el) }))));
     }
     static get is() { return "ds-date"; }
     static get encapsulation() { return "shadow"; }
@@ -857,7 +864,8 @@ export class DsDate {
             "focused": {},
             "language": {},
             "region": {},
-            "isOpen": {}
+            "isOpen": {},
+            "hasInvalidTextSlotContent": {}
         };
     }
     static get events() {

package/dist/collection/components/date/test/date.visual.play.js

@@ -12,6 +12,7 @@ const VARIANTS = [
     'allowed-dates',
     'disabled',
     'invalid',
+    'invalid-slot',
     'valid',
     'warning',
     'loading',

package/dist/collection/components/file-upload/file-upload.js

@@ -3,7 +3,7 @@
  */
 import { __decorate, __metadata } from "tslib";
 import { h } from "@stencil/core";
-import { Logger, stopEventBubbling, areArraysEqual, OneOf, Type } from "../../utils/index";
+import { Logger, stopEventBubbling, areArraysEqual, OneOf, Type, watchInvalidTextSlot } from "../../utils/index";
 import { defaultConfig, ListenToConfig } from "../../global/index";
 import { Field } from "../input/field.util";
 import { INPUT_COLORS } from "../input/input.interfaces";
@@ -14,6 +14,7 @@ import { i18nDsFileUpload } from "./file-upload.i18n";
 /**
  * FileUpload renders a drag-drop file upload area with optional file list, validation, and form field integration.
  *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part drop-zone - The main drop area where users drag files or click to select.
  * @part file-list - The list of selected files below the drop zone.
  */
@@ -26,6 +27,7 @@ export class FileUpload {
         this.isDragOver = false;
         this.language = defaultConfig.language;
         this.region = defaultConfig.region;
+        this.hasInvalidTextSlotContent = false;
         /**
          * PUBLIC PROPERTY API
          * ------------------------------------------------------
@@ -216,12 +218,17 @@ export class FileUpload {
     }
     connectedCallback() {
         this.initialValue = [...(this.value || [])];
+        this.disconnectInvalidTextSlotWatcher = watchInvalidTextSlot(this.el, hasContent => {
+            this.hasInvalidTextSlotContent = hasContent;
+        });
     }
     componentDidLoad() {
         this.addDragListeners();
     }
     disconnectedCallback() {
+        var _a;
         this.removeDragListeners();
+        (_a = this.disconnectInvalidTextSlotWatcher) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     /**
      * LISTENERS
@@ -269,11 +276,12 @@ export class FileUpload {
         const dropZoneLabel = this.dropZoneLabel || i18nDsFileUpload[this.language].dropZoneLabel;
         const selectedFilesLabel = i18nDsFileUpload[this.language].selectedFilesLabel;
         const removeFileLabel = i18nDsFileUpload[this.language].removeFileLabel;
-        return (h(Field, { key: '0262acd3da4ebb07ab1207c456eb49e2b7abd638', color: this.color, disabled: this.disabled, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: this.fileUploadId }, h("div", { key: '53ef4c5d329415ccd17d0be52ab73aadd1845612', id: "drop-zone", part: "drop-zone", ref: el => (this.dropZoneEl = el), class: {
+        const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
+        return (h(Field, { key: '264facee2060dc2a63d529c762384c93539994d3', color: this.color, disabled: this.disabled, invalid: isInvalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language, inputId: this.fileUploadId }, h("div", { key: '16930c2a8604287d7d4514b0faabb7afabc213f6', id: "drop-zone", part: "drop-zone", ref: el => (this.dropZoneEl = el), class: {
                 'file-upload-drop-zone': true,
                 'is-dragover': this.isDragOver,
                 'is-disabled': isDisabled,
-            }, onClick: () => { var _a; return !isDisabled && ((_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click()); } }, h("span", { key: 'a4a362449b720986bbd9d6d82032c0004c760b19', id: "drop-zone-status", role: "status", "aria-live": "polite" }, this.isDragOver ? 'Drop files here' : ''), h("input", { key: '456e17b2975c5ee0755b16d07a8ab3c2fa4f66d6', part: "input", ref: el => (this.nativeInput = el), id: this.fileUploadId, type: "file", name: this.name, multiple: this.multiple, disabled: isDisabled, required: this.required, accept: this.accept || undefined, "aria-invalid": this.invalid ? 'true' : 'false', "aria-describedby": "description", onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, "data-testid": "ds-file-upload-input" }), h("div", { key: 'dfe3c5972da1593bef6c0aa94cc79851b6fe7b44', id: "drop-zone-content", class: { 'is-disabled': isDisabled } }, h("slot", { key: 'a76bb47e49f108cf9c054cba02a78110869870ce' }, h("div", { key: 'bc52009e955c1267d28f097a37e64019caaf364d', id: "drop-zone-placeholder", class: { 'is-disabled': isDisabled } }, !this.loading && h("ds-icon", { key: 'dcab355b1cb4a89a8c8b2d67e3ab3f22d4a0eb7a', name: "upload", size: "lg" }), this.loading && h("ds-spinner", { key: '8e5451696abcdb8679d6741b53ce8267234b6435', variation: "circle" }), h("span", { key: 'e7989e8a8d431d0cb3709e890929d9fc59f01fef' }, dropZoneLabel))))), this.hasFileList && this.files.length > 0 && (h("ul", { key: '973570b4094cad00ee06b6dd1ca4ffbc55e76fee', id: "file-list", part: "file-list", role: "list", "aria-label": selectedFilesLabel, class: {
+            }, onClick: () => { var _a; return !isDisabled && ((_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click()); } }, h("span", { key: 'daf3fe680737e74fadd0304123b567fb29ddb677', id: "drop-zone-status", role: "status", "aria-live": "polite" }, this.isDragOver ? 'Drop files here' : ''), h("input", { key: 'b47ca36b002f49964c5dbacd01fba6726ac5d1ec', part: "input", ref: el => (this.nativeInput = el), id: this.fileUploadId, type: "file", name: this.name, multiple: this.multiple, disabled: isDisabled, required: this.required, accept: this.accept || undefined, "aria-invalid": isInvalid ? 'true' : 'false', "aria-describedby": "description", onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, "data-testid": "ds-file-upload-input" }), h("div", { key: '26354b7f63a925ad4a9d9bf55636a16a53a14d97', id: "drop-zone-content", class: { 'is-disabled': isDisabled } }, h("slot", { key: '56d73b20cbf45122db3dbed32a3fc97b7e622fc1' }, h("div", { key: 'd295ffa0e196e8bd99a743b648c443fe8414f413', id: "drop-zone-placeholder", class: { 'is-disabled': isDisabled } }, !this.loading && h("ds-icon", { key: '6cb31c32f06b44142ff48a0f9a9bb9b088af26e6', name: "upload", size: "lg" }), this.loading && h("ds-spinner", { key: 'c7b165be814544ac85a80c34d260c03a7e416d5e', variation: "circle" }), h("span", { key: 'd9b6c717c0fc6891d53e76e53686ef3e402b3257' }, dropZoneLabel))))), this.hasFileList && this.files.length > 0 && (h("ul", { key: 'a9669c46401067ba400c9080f2907f43e66e7419', id: "file-list", part: "file-list", role: "list", "aria-label": selectedFilesLabel, class: {
                 'file-list': true,
                 'is-disabled': isDisabled,
             } }, this.files.map((file, index) => (h("li", { id: `file-list-item-${index}`, key: file.name, class: "file-list-item" }, h("ds-stack", { direction: "row", align: "center" }, h("ds-icon", { name: "document", size: "md" }), h("ds-content", { space: "none" }, h("span", { class: "file-name", title: file.name }, file.name), h("span", { class: "file-size" }, formatFileSize(file.size))), h("ds-button", { size: "sm", icon: "trash", square: true, color: "secondary", a11yLabel: `${removeFileLabel} ${file.name}`, disabled: isDisabled, onKeyDown: (ev) => {
@@ -691,7 +699,8 @@ export class FileUpload {
             "focused": {},
             "isDragOver": {},
             "language": {},
-            "region": {}
+            "region": {},
+            "hasInvalidTextSlotContent": {}
         };
     }
     static get events() {