@helvetia-design/core 0.0.5 → 0.1.0

package/dist/esm/ds-button-group.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { a as BUTTON_GROUP_ALIGNMENTS, b as BUTTON_GROUP_DIRECTIONS } from './button.interfaces-B2Xeuprg.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const buttonGroupHostCss = () => `:host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}:host #group.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){:host #group ::slotted(.ds-button:not(.is-square)),:host #group .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square)),:host #group ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.ds-button),:host #group.as-col .ds-button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.ds-button),:host #group.as-col-reverse .ds-button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.ds-button:not(.is-square)),:host #group.is-wide .ds-button:not(.is-square),:host #group.is-wide ::slotted(ds-button:not(.is-square)),:host #group.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}`;
 

package/dist/esm/ds-card-actions.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { d as CARD_ACTIONS_ALIGNMENTS } from './card.interfaces-Cyz0da0t.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const CardActions = class {
     constructor(hostRef) {

package/dist/esm/ds-card-content.entry.js

@@ -1,8 +1,8 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 
 const cardContentHostCss = () => `:host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}:host h1.ds-subtitle,:host h2.ds-subtitle,:host h3.ds-subtitle,:host h4.ds-subtitle,:host h5.ds-subtitle,:host h6.ds-subtitle,:host ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}:host ds-heading:not(:last-child),:host h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}:host h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}:host ds-text:not(:last-child),:host p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}:host p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}:host{color:var(--_card-color-text)}`;
 

package/dist/esm/ds-card-header.entry.js

@@ -1,12 +1,12 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { e as CARD_HEADER_DIRECTIONS } from './card.interfaces-Cyz0da0t.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const cardHeaderHostCss = () => `:host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ds-brand-icon,:host ::slotted(ds-brand-icon),:host ::slotted(ds-icon){grid-area:icon}:host>.ds-tag,:host>.ds-tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .ds-title,:host .ds-heading,:host ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}:host>p,:host .ds-subtitle,:host ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}:host .ds-title,:host .ds-subtitle,:host .ds-heading{margin:0}`;
 

package/dist/esm/ds-card-subtitle.entry.js

@@ -1,13 +1,10 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
-import { H as HEADING_COLORS } from './heading.interfaces-QyQjrb1P.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const cardSubtitleHostCss = () => `:host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle;grid-area:subtitle}`;
 
@@ -35,14 +32,13 @@ const CardSubtitle = class {
      * ─────────────────────────────────────────────────────
      */
     render() {
-        return (h(Host, { key: 'd83be30191ce9a74ab17f0c477780984296c056c', class: {
+        return (h(Host, { key: '40b48a9ec2447bee033560813be6eb74d1829a89', class: {
                 'ds-card-header': true,
-            } }, h("span", { key: 'e9987cb8c3cc4f309e7da6a95dd5e1a6756aabb3', class: {
+            } }, h("span", { key: 'de9044fc58428a9209a6a7c349fb90921ae3d368', class: {
                 'ds-text': true,
                 'is-bold': this.bold,
-                [`is-${this.color}`]: hasValue(this.color) && !this.inverted,
                 'is-inverted': this.inverted,
-            } }, h("slot", { key: 'a71f62b0939612064bfef861fa60239195479356' }))));
+            } }, h("slot", { key: '7ae5d8dc2db26e3fdacb1aea81b87750613f809b' }))));
     }
     get el() { return getElement(this); }
 };
@@ -60,10 +56,6 @@ __decorate([
     Type('boolean'),
     __metadata("design:type", Boolean)
 ], CardSubtitle.prototype, "bold", void 0);
-__decorate([
-    OneOf(HEADING_COLORS),
-    __metadata("design:type", String)
-], CardSubtitle.prototype, "color", void 0);
 CardSubtitle.style = cardSubtitleHostCss();
 
 export { CardSubtitle as ds_card_subtitle };

package/dist/esm/ds-card-title.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { a as HEADING_TAGS, b as HEADING_VISUAL_LEVELS } from './heading.interfaces-QyQjrb1P.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { H as HEADING_TAGS, a as HEADING_VISUAL_LEVELS } from './heading.interfaces-CZXt-zTQ.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const cardTitleHostCss = () => `:host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{--mod-heading-color:var(--_card-color-text);grid-area:title;text-align:inherit}`;
 

package/dist/esm/ds-card.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { C as CARD_IMAGE_TEASERS, a as CARD_ALIGNMENTS, b as CARD_SPACES, c as CARD_COLORS } from './card.interfaces-Cyz0da0t.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const cardHostCss = () => `:host{--_card-position:var(--card-position, var(--mod-card-position, static));--_card-top:var(--card-top, var(--mod-card-top));--_card-right:var(--card-right, var(--mod-card-right));--_card-bottom:var(--card-bottom, var(--mod-card-bottom));--_card-left:var(--card-left, var(--mod-card-left));position:var(--_card-position);top:var(--_card-top);right:var(--_card-right);bottom:var(--_card-bottom);left:var(--_card-left);--_card-m:var(--card-m, var(--mod-card-m, 0));--_card-my:var(--card-my, var(--mod-card-my));--_card-mx:var(--card-mx, var(--mod-card-mx));--_card-ml:var(--card-ml, var(--mod-card-ml));--_card-mr:var(--card-mr, var(--mod-card-mr));--_card-mt:var(--card-mt, var(--mod-card-mt));--_card-mb:var(--card-mb, var(--mod-card-mb));margin:var(--_card-m);margin-inline:var(--_card-mx);margin-block:var(--_card-my);margin-left:var(--_card-ml);margin-right:var(--_card-mr);margin-top:var(--_card-mt);margin-bottom:var(--_card-mb);--_card-color-background:var(--card-color-background, var(--mod-card-color-background, var(--ds-card-color-default-background)));--_card-color-text:var(--card-color-text, var(--mod-card-color-text, var(--ds-card-color-default-text)));--_card-color-border:var(--card-color-border, var(--mod-card-color-border, var(--ds-card-color-default-border)));--_card-radius:var(--card-radius, var(--mod-card-radius, var(--ds-card-radius)));--_card-shadow:var(--card-shadow, var(--mod-card-shadow, var(--ds-card-shadow-base)));--_card-gap:var(--card-gap, var(--mod-card-gap, var(--ds-card-gap-base)));--_card-pl:var(--card-pl, var(--mod-card-pl, var(--ds-card-padding-base)));--_card-pr:var(--card-pr, var(--mod-card-pr, var(--ds-card-padding-base)));--_card-pt:var(--card-pt, var(--mod-card-pt, var(--ds-card-padding-base)));--_card-pb:var(--card-pb, var(--mod-card-pb, var(--ds-card-padding-base)));--_card-header-grid-template-columns:var(--card-header-grid-template-columns, var(--mod-card-header-grid-template-columns, 1fr auto));--_card-header-margin-left:var(--card-header-margin-left, var(--mod-card-header-margin-left, 0));--_card-header-grid-template-areas:var( --card-header-grid-template-areas, var(--mod-card-header-grid-template-areas, 'title .' 'subtitle subtitle') )}#card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:var(--_card-color-text);background-color:var(--_card-color-background);border-radius:var(--_card-radius);border:var(--_card-color-border);-webkit-box-shadow:var(--_card-shadow);box-shadow:var(--_card-shadow);gap:var(--_card-gap);padding-left:var(--_card-pl);padding-right:var(--_card-pr);padding-top:var(--_card-pt);padding-bottom:var(--_card-pb);text-decoration:none}#card .ds-card-header{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){#card .ds-card-header{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}#card .ds-card-header{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}#card .ds-card-header ds-icon,#card .ds-card-header ds-brand-icon,#card .ds-card-header ::slotted(ds-brand-icon),#card .ds-card-header ::slotted(ds-icon){grid-area:icon}#card .ds-card-header>.ds-tag,#card .ds-card-header>.ds-tags,#card .ds-card-header>ds-tag,#card .ds-card-header>ds-tag-group,#card .ds-card-header ::slotted(ds-tag),#card .ds-card-header ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}#card .ds-card-header .ds-title,#card .ds-card-header .ds-heading,#card .ds-card-header ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}#card .ds-card-header>p,#card .ds-card-header .ds-subtitle,#card .ds-card-header ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}#card .ds-card-header .ds-title,#card .ds-card-header .ds-subtitle,#card .ds-card-header .ds-heading{margin:0}#card .ds-card-content{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}#card .ds-card-content strong,#card .ds-card-content b{font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1,#card .ds-card-content h2,#card .ds-card-content h3,#card .ds-card-content h4,#card .ds-card-content h5,#card .ds-card-content h6,#card .ds-card-content ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}#card .ds-card-content h1.ds-subtitle,#card .ds-card-content h2.ds-subtitle,#card .ds-card-content h3.ds-subtitle,#card .ds-card-content h4.ds-subtitle,#card .ds-card-content h5.ds-subtitle,#card .ds-card-content h6.ds-subtitle,#card .ds-card-content ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}#card .ds-card-content h1,#card .ds-card-content [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}#card .ds-card-content h2,#card .ds-card-content [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}#card .ds-card-content h3,#card .ds-card-content [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}#card .ds-card-content h4,#card .ds-card-content [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}#card .ds-card-content h5,#card .ds-card-content [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}#card .ds-card-content ds-heading:not(:last-child),#card .ds-card-content h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}#card .ds-card-content h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}#card .ds-card-content h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}#card .ds-card-content h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}#card .ds-card-content ds-text:not(:last-child),#card .ds-card-content p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}#card .ds-card-content p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}#card .ds-card-content>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}#card .ds-card-actions{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}#card .ds-card-actions.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){#card .ds-card-actions ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}#card .ds-card-actions ::slotted(ds-button:not(.is-square)),#card .ds-card-actions ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}#card .ds-card-actions.as-col-reverse{--mod-buttons-direction:column-reverse}#card .ds-card-actions.as-row-reverse{--mod-buttons-direction:row-reverse}#card .ds-card-actions.as-row{--mod-buttons-direction:row}#card .ds-card-actions.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){#card .ds-card-actions.as-col ::slotted(.ds-button),#card .ds-card-actions.as-col .ds-button,#card .ds-card-actions.as-col ::slotted(ds-button),#card .ds-card-actions.as-col ds-button,#card .ds-card-actions.as-col-reverse ::slotted(.ds-button),#card .ds-card-actions.as-col-reverse .ds-button,#card .ds-card-actions.as-col-reverse ::slotted(ds-button),#card .ds-card-actions.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){#card .ds-card-actions.as-col.is-center,#card .ds-card-actions.as-col.is-centered,#card .ds-card-actions.as-col-reverse.is-center,#card .ds-card-actions.as-col-reverse.is-centered{--mod-buttons-align-items:center}#card .ds-card-actions.as-col.is-left,#card .ds-card-actions.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}#card .ds-card-actions.as-col.is-right,#card .ds-card-actions.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.as-row.is-center,#card .ds-card-actions.as-row.is-centered,#card .ds-card-actions.is-center:not(.as-col),#card .ds-card-actions.is-centered:not(.as-col){--mod-buttons-justify-content:center}#card .ds-card-actions.as-row.is-left,#card .ds-card-actions.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}#card .ds-card-actions.as-row.is-right,#card .ds-card-actions.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){#card .ds-card-actions.is-wide ::slotted(.ds-button:not(.is-square)),#card .ds-card-actions.is-wide .ds-button:not(.is-square),#card .ds-card-actions.is-wide ::slotted(ds-button:not(.is-square)),#card .ds-card-actions.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}#card.align-center{-ms-flex-align:center;align-items:center;--buttons-align-items:center;--buttons-justify-content:center}#card.align-right{--buttons-align-items:flex-end;--buttons-justify-content:flex-end}:host ::slotted(picture){--picture-img-radius:var(--_card-radius)}:host(.is-fullheight),:host(.is-fullheight) #card{height:100%}:host(.is-fullheight) ::slotted(ds-card-content){height:100%}:host ::slotted(ds-badge){--badge-position:absolute;--badge-top:0;-webkit-transform:translate(calc(50% + var(--_card-gap)), -50%);transform:translate(calc(50% + var(--_card-gap)), -50%);-ms-flex-item-align:end;align-self:flex-end}:host ::slotted(ds-tag[position=left]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=center]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:center;align-self:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host ::slotted(ds-tag[position=right]){--tag-position:absolute;--tag-top:0;-ms-flex-item-align:end;align-self:flex-end;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host(.is-flat){--mod-card-shadow:var(--ds-card-shadow-flat)}:host(.is-dense){--mod-card-shadow:var(--ds-card-shadow-flat);--mod-card-pl:0;--mod-card-pr:0;--mod-card-pt:0;--mod-card-pb:0}:host(.is-primary){--mod-card-color-background:var(--ds-card-color-primary-background);--mod-card-color-text:var(--ds-card-color-primary-text);--mod-card-color-border:var(--ds-card-color-primary-border, none)}:host(.is-grey){--mod-card-color-background:var(--ds-card-color-grey-background);--mod-card-color-text:var(--ds-card-color-grey-text);--mod-card-color-border:var(--ds-card-color-grey-border, none)}:host(.is-dashed){--mod-card-color-background:var(--ds-card-color-dashed-background);--mod-card-color-text:var(--ds-card-color-dashed-text);--mod-card-color-border:var(--ds-card-color-dashed-border, none)}:host(.is-red){--mod-card-color-background:var(--ds-card-color-red-background);--mod-card-color-text:var(--ds-card-color-red-text);--mod-card-color-border:var(--ds-card-color-red-border, none)}:host(.is-red-dark){--mod-card-color-background:var(--ds-card-color-red-dark-background);--mod-card-color-text:var(--ds-card-color-red-dark-text);--mod-card-color-border:var(--ds-card-color-red-dark-border, none)}:host(.is-green){--mod-card-color-background:var(--ds-card-color-green-background);--mod-card-color-text:var(--ds-card-color-green-text);--mod-card-color-border:var(--ds-card-color-green-border, none)}:host(.is-green-dark){--mod-card-color-background:var(--ds-card-color-green-dark-background);--mod-card-color-text:var(--ds-card-color-green-dark-text);--mod-card-color-border:var(--ds-card-color-green-dark-border, none)}:host(.is-purple){--mod-card-color-background:var(--ds-card-color-purple-background);--mod-card-color-text:var(--ds-card-color-purple-text);--mod-card-color-border:var(--ds-card-color-purple-border, none)}:host(.is-purple-dark){--mod-card-color-background:var(--ds-card-color-purple-dark-background);--mod-card-color-text:var(--ds-card-color-purple-dark-text);--mod-card-color-border:var(--ds-card-color-purple-dark-border, none)}:host(.is-yellow){--mod-card-color-background:var(--ds-card-color-yellow-background);--mod-card-color-text:var(--ds-card-color-yellow-text);--mod-card-color-border:var(--ds-card-color-yellow-border, none)}:host(.is-yellow-dark){--mod-card-color-background:var(--ds-card-color-yellow-dark-background);--mod-card-color-text:var(--ds-card-color-yellow-dark-text);--mod-card-color-border:var(--ds-card-color-yellow-dark-border, none)}:host(.has-space-sm){--mod-card-gap:var(--ds-card-gap-sm)}:host(.has-space-sm:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-sm);--mod-card-pr:var(--ds-card-padding-sm);--mod-card-pt:var(--ds-card-padding-sm);--mod-card-pb:var(--ds-card-padding-sm)}:host(.has-space-lg){--mod-card-gap:var(--ds-card-gap-lg)}:host(.has-space-lg:not(.is-dense)){--mod-card-pl:var(--ds-card-padding-lg);--mod-card-pr:var(--ds-card-padding-lg);--mod-card-pt:var(--ds-card-padding-lg);--mod-card-pb:var(--ds-card-padding-lg)}:host(.is-tile){--mod-card-header-grid-template-columns:auto 1fr auto;--mod-card-header-grid-template-areas:'icon title .' 'icon subtitle subtitle'}:host(.is-image-teaser) #card{margin-top:calc(var(--_card-gap)*-1*2);margin-left:calc(var(--_card-gap));margin-right:calc(var(--_card-gap));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media screen and (min-width: 769px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:75%;margin-left:calc(var(--_card-gap)*2);margin-right:calc(var(--_card-gap))}}@media screen and (min-width: 1024px){:host(.is-image-teaser-wide) #card,:host(.is-image-teaser-wide-center) #card,:host(.is-image-teaser-wide-right) #card{width:50%}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-center) #card{margin-left:auto;margin-right:auto}}@media screen and (min-width: 769px){:host(.is-image-teaser-wide-right) #card{margin-left:auto;margin-right:calc(var(--_card-gap)*2)}}a.ds-image-link,button.ds-image-link{cursor:pointer}a.ds-image-link picture,button.ds-image-link picture{display:block;overflow:hidden}a.ds-image-link img,button.ds-image-link img{display:block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}@media (hover: hover)and (pointer: fine){a.ds-image-link img:hover,a.ds-image-link img.is-hovered,button.ds-image-link img:hover,button.ds-image-link img.is-hovered{-webkit-transform:scale(1.1);transform:scale(1.1)}}a.ds-image-link img:active,a.ds-image-link img.is-pressed,button.ds-image-link img:active,button.ds-image-link img.is-pressed{-webkit-transform:scale(1.1);transform:scale(1.1)}:host{display:block;width:100%}`;
 

package/dist/esm/ds-carousel-item.entry.js

@@ -1,13 +1,13 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { b as CAROUSEL_ITEM_COLORS, a as CAROUSEL_VARIANTS } from './carousel.interfaces-ikuhnKGu.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const carouselItemHostCss = () => `:host(.is-slide){display:block;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;scroll-snap-align:start;overflow:hidden;border-radius:var(--ds-alias-radius-base)}:host(.is-slide) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}:host(.is-tile){position:relative;-ms-flex:0 0 var(--carousel-item-width, auto);flex:0 0 var(--carousel-item-width, auto);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--ds-alias-surface-grey-light);cursor:pointer;outline:none;-webkit-transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,-webkit-box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease;transition:background-color 120ms ease,box-shadow 120ms ease,-webkit-box-shadow 120ms ease}@media (hover: hover)and (pointer: fine){:host(.is-tile):hover{background-color:var(--ds-alias-surface-grey-dark)}}:host(.is-tile):active{background-color:var(--ds-alias-surface-grey-darker)}@media (hover: hover)and (pointer: fine){:host(.is-tile:focus-visible:not(:active)){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host(.is-tile.is-selected){background-color:var(--ds-alias-surface-selected)}:host(.is-tile.is-purple){background-color:var(--ds-alias-surface-purple-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-purple):hover{background-color:var(--ds-alias-surface-purple-light)}}:host(.is-tile.is-purple):active{background-color:var(--ds-alias-surface-purple)}:host(.is-tile.is-green){background-color:var(--ds-alias-surface-green-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-green):hover{background-color:var(--ds-alias-surface-green-light)}}:host(.is-tile.is-green):active{background-color:var(--ds-alias-surface-green)}:host(.is-tile.is-red){background-color:var(--ds-alias-surface-red-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-red):hover{background-color:var(--ds-alias-surface-red-light)}}:host(.is-tile.is-red):active{background-color:var(--ds-alias-surface-red)}:host(.is-tile.is-yellow){background-color:var(--ds-alias-surface-yellow-lighter)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-yellow):hover{background-color:var(--ds-alias-surface-yellow-light)}}:host(.is-tile.is-yellow):active{background-color:var(--ds-alias-surface-yellow)}:host(.is-tile.is-navigation){padding:0;cursor:default}:host(.is-tile.is-navigation) ::slotted(a){-ms-flex:1;flex:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-radius:inherit;color:inherit;text-decoration:none;text-align:center;font-size:inherit;line-height:inherit;outline:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-navigation) ::slotted(a:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}`;
 

package/dist/esm/ds-carousel.entry.js

@@ -1,15 +1,15 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, E as raf, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { d as directChildren, b as byTagName } from './dom-BbGwCnDa.js';
-import { s as stopEventBubbling } from './form-control-BJWSlSG_.js';
+import { s as stopEventBubbling } from './form-control-CDcwGSHl.js';
 import { C as CAROUSEL_CONTROLS, a as CAROUSEL_VARIANTS } from './carousel.interfaces-ikuhnKGu.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const i18nDsCarousel = {
     de: {

package/dist/esm/ds-checkbox-group.entry.js

@@ -1,22 +1,22 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, j as shallowReady, h as isDescendant, K as hasTagName, F as h, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { F as Field } from './field.util-Df-hqJaT.js';
-import { a as areArraysEqual } from './array-DoJNFnXv.js';
-import { a as setFormValue, s as stopEventBubbling } from './form-control-BJWSlSG_.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, j as shallowReady, h as isDescendant, K as hasTagName, F as h, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { F as Field } from './field.util-Bynx8isK.js';
+import { a as areArraysEqual } from './array-e_JtE-nB.js';
+import { a as setFormValue, s as stopEventBubbling } from './form-control-CDcwGSHl.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { w as watchInvalidTextSlot } from './invalid-text-slot-DK-5xkJt.js';
 import { I as INPUT_COLORS } from './input.interfaces-tQJW0EmK.js';
 import { b as CHECKBOX_GROUP_COLUMNS, C as CHECKBOX_LABEL_POSITIONS, a as CHECKBOX_TILE_COLORS } from './checkbox.interfaces-C8EHMokx.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
 import './aria-Bo-aKWH3.js';
 import './label.i18n-TfUKLdG8.js';
-import './isNil-CdsPICws.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import './isNil-CSyb5N-K.js';
+import './create-validator-decorator-DoOlbRcm.js';
 import './dom-BbGwCnDa.js';
 
 const checkboxGroupHostCss = () => `:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-checkbox-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-checkbox-group-label-color:var(--ds-form-disabled-label-color);--mod-checkbox-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}`;

package/dist/esm/ds-checkbox.entry.js

@@ -1,16 +1,16 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { a as setFormValue } from './form-control-BJWSlSG_.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
+import { a as setFormValue } from './form-control-CDcwGSHl.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
 import { C as CHECKBOX_LABEL_POSITIONS, a as CHECKBOX_TILE_COLORS, b as CHECKBOX_GROUP_COLUMNS } from './checkbox.interfaces-C8EHMokx.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { R as Required } from './required-BbKCKkv2.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { R as Required } from './required-DFokOkqn.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const checkboxHostCss = () => `:host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-min-height:var(--checkbox-min-height, var(--mod-checkbox-min-height, 3rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-label-disabled-color:var(--checkbox-label-disabled-color, var(--mod-checkbox-label-disabled-color, var(--ds-checkbox-label-color-disabled)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-p:var(--checkbox-tile-p, var(--mod-checkbox-tile-p, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-unchecked-disabled-color-background:var(--checkbox-unchecked-disabled-color-background, var(--mod-checkbox-unchecked-disabled-color-background, var(--ds-checkbox-unchecked-color-disabled-background)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:.25rem;padding-bottom:.25rem;min-height:var(--_checkbox-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;outline:none;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:"";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>");mask-image:url("data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-hover-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-active-color:var(--_checkbox-label-disabled-color);--mod-checkbox-unchecked-base-color-background:var(--_checkbox-unchecked-disabled-color-background);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{position:relative;width:100%;height:100%;padding:var(--_checkbox-tile-p);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=checkbox]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_checkbox-tile-p);right:var(--_checkbox-tile-p)}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}`;
 

package/dist/esm/ds-content_2.entry.js

@@ -1,17 +1,17 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { h as hasValue } from './has-value-gNK_M3-3.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { n as normalizeDeprecatedTShirtSize } from './t-shirt-B3VN_5Hp.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { h as hasValue } from './has-value-Bo85hk4Z.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { n as normalizeDeprecatedTShirtSize } from './t-shirt-BPtibja3.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const STACK_LAYOUTS = ['horizontal', 'vertical', 'horizontal-reverse', 'vertical-reverse'];
-const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl'];
-const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', 'xxl'];
+const STACK_SPACES = ['auto', 'none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
+const STACK_PADDINGS = ['none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl'];
 const STACK_ALIGNMENTS = [
     'top start',
     'top center',
@@ -65,14 +65,14 @@ const Content = class {
                 direction = 'row-reverse';
             }
         }
-        return (h(Host, { key: '9db1ada951bdf32a045b624204f528d9b815b402', class: {
+        return (h(Host, { key: '9050c16b949a60cf619b4663b6d71a1c78758e03', class: {
                 'ds-stack-content': true,
                 'as-row': direction === 'row',
                 'as-col': direction === 'column',
                 [`align-${alignValue}`]: align || alignment,
                 [`text-${this.textAlign}`]: hasValue(this.textAlign),
                 [`has-space-${this.space}`]: hasValue(this.space),
-            } }, h("slot", { key: 'abc5e0b224522a742635ce58f701c55b8bf2f65a' })));
+            } }, h("slot", { key: '72ff568267cde0af61c11dd297d58ed7ef8331c4' })));
     }
     get el() { return getElement(this); }
 };
@@ -150,10 +150,12 @@ const Stack = class {
         if (this.alignment) {
             alignValue = this.alignment.split(' ').join('-');
         }
-        return (h(Host, { key: '9d2f5fd3de8f6cf59064882572af921214b1e046', class: {
+        return (h(Host, { key: 'daf62e1eb100f42244b08750517a8d3b5120d0ab', class: {
                 'ds-stack': true,
                 'as-row': this.direction === 'row',
                 'as-col': this.direction === 'column',
+                'as-row-reverse': this.direction === 'row-reverse',
+                'as-col-reverse': this.direction === 'column-reverse',
                 'has-wrap': this.useWrap === true,
                 'fit-content': this.fitContent === true,
                 [`align-${alignValue}`]: align || alignment,
@@ -163,7 +165,7 @@ const Stack = class {
                 [`p-${p}`]: hasValue(this.p),
                 [`px-${px}`]: hasValue(this.px),
                 [`py-${py}`]: hasValue(this.py),
-            } }, h("slot", { key: '1dfe4af03e413819e9f0091fed1045806e2ea858' })));
+            } }, h("slot", { key: 'ed60bade936acf7e29d472cdfb7e21f5ca734509' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ds-counter.entry.js

@@ -1,17 +1,17 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, J as createEvent, x as defaultConfig, L as rIC, M as debounceEvent, F as h, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
+import { D as registerInstance, J as createEvent, x as defaultConfig, L as rIC, M as debounceEvent, F as h, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
 import { i as inheritAttributes } from './attributes-ChyhE5ro.js';
-import { a as setFormValue } from './form-control-BJWSlSG_.js';
-import { i as isValueEmpty } from './create-validator-decorator-C9h9tdvI.js';
+import { a as setFormValue } from './form-control-CDcwGSHl.js';
+import { i as isValueEmpty } from './create-validator-decorator-DoOlbRcm.js';
 import { f as formatLocaleNumber } from './number-BLExC8Zo.js';
-import { F as Field } from './field.util-Df-hqJaT.js';
+import { F as Field } from './field.util-Bynx8isK.js';
 import { I as INPUT_COLORS } from './input.interfaces-tQJW0EmK.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { O as OneOf } from './one-of-0XcP43f0.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { O as OneOf } from './one-of-CEp_lE0A.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
 import './aria-Bo-aKWH3.js';
 import './label.i18n-TfUKLdG8.js';
 
@@ -1106,7 +1106,7 @@ function stepMinus(value, step) {
     return new Big(value).minus(step).toNumber();
 }
 
-const counterHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}`;
+const counterHostCss = () => `:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}`;
 
 const STEP_FALLBACK = 1;
 // Must match the CSS animation duration in counter.host.scss (`.value-slide` `animation-duration`).
@@ -1427,11 +1427,11 @@ const Counter = class {
         const increaseLabel = i18nDsCounter[this.language].increase;
         const decreaseDisabled = this.disabled || this.readonly || this.value <= this.min;
         const increaseDisabled = this.disabled || this.readonly || this.value >= this.max;
-        return (h(Field, { key: '635a8c44149e5f08cc6682d2196698d8fd4b3dba', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("div", Object.assign({ key: '7e0eb54dc1a2825c44892046b507e71008f2d0ad', id: "counter", part: "counter", onKeyDown: this.handleKeyDown }, this.inheritedAttributes), h("ds-button", { key: 'b04c95d286b09bfc778a8e92e16c0ceb5fbaefd0', ref: el => (this.decreaseButtonEl = el), part: "decrease", "data-testid": "ds-counter-decrease", color: this.invalid
+        return (h(Field, { key: '282082964e12c3d53c20035b617ebbd7e173a424', disabled: this.disabled || this.readonly, color: this.color, invalid: this.invalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("div", Object.assign({ key: '4eafc01fe942902d72a9db63e73b345785b1f15a', id: "counter", part: "counter", onKeyDown: this.handleKeyDown }, this.inheritedAttributes), h("ds-button", { key: '165a93be231c9054fc6cf19f82c0a52fdcee6afc', ref: el => (this.decreaseButtonEl = el), part: "decrease", "data-testid": "ds-counter-decrease", color: this.invalid
                 ? 'danger'
                 : this.color === 'danger' || this.color === 'warning' || this.color === 'success'
                     ? this.color
-                    : 'ghost', size: "sm", square: true, icon: "minus", a11yLabel: decreaseLabel, a11yTitle: decreaseLabel, disabled: decreaseDisabled, onClick: this.handleDecrease, onDsFocus: this.handleFocusDecrease, onDsBlur: this.handleBlurDecrease }), h("span", { key: '4faef5385c53c5abadd242fd837583af3221434f', id: "value", part: "value", "data-testid": "ds-counter-value" }, this.previousValue !== null && (h("span", { key: `prev-${this.previousValue}`, "aria-hidden": "true", class: {
+                    : 'ghost', size: "sm", square: true, icon: "minus", a11yLabel: decreaseLabel, a11yTitle: decreaseLabel, disabled: decreaseDisabled, onClick: this.handleDecrease, onDsFocus: this.handleFocusDecrease, onDsBlur: this.handleBlurDecrease }), h("span", { key: 'df30901c4494a28a78a8738f8ad863b6255d4b92', id: "value", part: "value", "data-testid": "ds-counter-value" }, this.previousValue !== null && (h("span", { key: `prev-${this.previousValue}`, "aria-hidden": "true", class: {
                 'value-slide': true,
                 'value-out': true,
                 'is-increase': this.valueDirection === 'increase',
@@ -1441,7 +1441,7 @@ const Counter = class {
                 'value-in': this.previousValue !== null,
                 'is-increase': this.valueDirection === 'increase',
                 'is-decrease': this.valueDirection === 'decrease',
-            } }, formatLocaleNumber(this.value))), h("ds-button", { key: 'ca7098858e2df051efbaea9fffeff61886098cd0', ref: el => (this.increaseButtonEl = el), part: "increase", "data-testid": "ds-counter-increase", color: this.invalid
+            } }, formatLocaleNumber(this.value))), h("ds-button", { key: 'c6273e0b8351d7b9e63a37430ac2f4456acda82f', ref: el => (this.increaseButtonEl = el), part: "increase", "data-testid": "ds-counter-increase", color: this.invalid
                 ? 'danger'
                 : this.color === 'danger' || this.color === 'warning' || this.color === 'success'
                     ? this.color

package/dist/esm/ds-data-item.entry.js

@@ -1,11 +1,11 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, x as defaultConfig, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import { L as ListenToConfig } from './config.utils-Dp02shGd.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, x as defaultConfig, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import { L as ListenToConfig } from './config.utils-C2ZxpLao.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const i18nDsDataItem = {
     de: {

package/dist/esm/ds-data-label.entry.js

@@ -1,10 +1,10 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { D as registerInstance, F as h, G as Host, I as getElement } from './index-vF16SDFF.js';
-import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-CJY5Vco2.js';
-import { T as Type } from './type-CGNubZpn.js';
-import './create-validator-decorator-C9h9tdvI.js';
+import { D as registerInstance, F as h, G as Host, I as getElement } from './index-BZEWgXed.js';
+import { _ as __decorate, L as Logger, a as __metadata } from './tslib.es6-syzWW8yN.js';
+import { T as Type } from './type-Djd2i_VN.js';
+import './create-validator-decorator-DoOlbRcm.js';
 
 const dataLabelHostCss = () => `:host{display:contents}`;