@cupra/ui-kit 2.0.0-canary.237 → 2.0.0-canary.239

package/dist/cjs/components/ds-chip/ds-chip.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{let t=e.target.assignedNodes({flatten:!0});this.slottedText=t.filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{let t=e.target.assignedNodes({flatten:!0});this.slottedText=t.filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.html`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -13,13 +13,13 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             @click=${this.handleClickIcon}
             @keydown=${this.handleKeyDownIcon}
             role="button"
-            aria-label=${`deselect ${this.slottedText}`}
+            aria-label=${this.dataAriaLabelDeselectButton||`deselect ${this.slottedText}`}
             tabindex="0"
         ></ds-icon>`}render(){return e.html`
             ${this.styleTokens}
             <div
                 role="button"
-                aria-label=${`chip ${this.slottedText}`}
+                aria-label=${this.dataAriaLabel||`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
                 class=${s.classMap(this.classes)}
@@ -30,4 +30,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 <slot @slotchange=${this.handleSlotChange}></slot>
                 ${this.iconTemplate}
             </div>
-        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);n.default([t.property({type:String})],h.prototype,`value`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],h.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],h.prototype,`deselectable`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),h=n.default([i.customUiKitElement(`ds-chip`)],h),Object.defineProperty(exports,"DsChip",{enumerable:!0,get:function(){return h}});
+        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);n.default([t.property({type:String,attribute:`data-aria-label-deselect-button`})],h.prototype,`dataAriaLabelDeselectButton`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],h.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String})],h.prototype,`value`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],h.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],h.prototype,`deselectable`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),h=n.default([i.customUiKitElement(`ds-chip`)],h),Object.defineProperty(exports,"DsChip",{enumerable:!0,get:function(){return h}});

package/dist/cjs/components/ds-chip/styles/cupra-diagonal.styles.cjs

@@ -13,7 +13,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         width: 100%;
         height: 100%;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         background: var(--ui-kit-private-blur-background);
         -webkit-backdrop-filter: blur(var(--ui-kit-private-blur-size));
         backdrop-filter: blur(var(--ui-kit-private-blur-size));

package/dist/cjs/components/ds-chip/styles/seat.styles.cjs

@@ -13,7 +13,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         width: 100%;
         height: 100%;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         background: var(--ui-kit-private-blur-background);
         -webkit-backdrop-filter: blur(var(--ui-kit-private-blur-size));
         backdrop-filter: blur(var(--ui-kit-private-blur-size));

package/dist/cjs/components/ds-chips/ds-chips.cjs

@@ -1,13 +1,14 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const f=require("../../utils/arrayConverter.cjs"),p=require("./styles/common.styles.cjs"),m=require("./styles/cupra-diagonal.styles.cjs"),h=require("./styles/cupra.styles.cjs"),g=require("./styles/seat-legacy.styles.cjs"),_=require("./styles/seat.styles.cjs");var v=class extends o.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.chipsContainer)==null?void 0:e.scrollLeft)+((t=this.chipsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.chipsContainer)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.chipsContainer)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:`smooth`})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav)}getScrollButtonTemplate(t,n){if(t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.nothing;let r=`arrow-${t}`;return l.uiKitHtml`<ds-icon-button
-            class=${`scroll-button ${t}`}
-            data-testid=${`scroll-button-${t}`}
-            data-aria-label=${`scroll-button-${t}`}
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../utils/getDirection/getDirection.cjs"),d=require("../../utils/uiKitHtml.cjs"),f=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const p=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const m=require("../../utils/arrayConverter.cjs"),h=require("./styles/common.styles.cjs"),g=require("./styles/cupra-diagonal.styles.cjs"),_=require("./styles/cupra.styles.cjs"),v=require("./styles/seat-legacy.styles.cjs"),y=require("./styles/seat.styles.cjs");var b=class extends s.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n;let r=Math.abs((e=this.chipsContainer)==null?void 0:e.scrollLeft),i=r+((t=this.chipsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=r>0,this.hasScrollRight=i<((n=this.chipsContainer)==null?void 0:n.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150*u.getDirectionSign(this),behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150*u.getDirectionSign(this),behavior:`smooth`})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav),e.pubSub.subscribe(`direction`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav),e.pubSub.unsubscribe(`direction`,this.handleScrollNav)}getScrollButtonTemplate(e,n){if(e===`left`&&!this.hasScrollLeft||e===`right`&&!this.hasScrollRight)return t.nothing;let r=`arrow-${e}`;return d.uiKitHtml`<ds-icon-button
+            class=${`scroll-button ${e}`}
+            data-testid=${`scroll-button-${e}`}
+            data-aria-label=${this.dataAriaLabelScrollButton||`scroll-button-${e}`}
             @click=${n}
             size=${this.size||`large`}
             icon-name=${r}
+            mirror
             variant="rounded"
-            mode=${d.ifDefined(this.mode)}
-        ></ds-icon-button>`}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(e=>{var t,n;e.size=this.size,e.selected=(t=this.selectedChips)==null||(n=t.includes)==null?void 0:n.call(t,e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var t,n;let r;r=this.multiChoice&&!((t=this.selectedChips)!=null&&(n=t.includes)!=null&&n.call(t,e.detail.value))?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=r,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:r}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return e.html`
+            mode=${p.ifDefined(this.mode)}
+        ></ds-icon-button>`}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(e=>{var t,n;e.size=this.size,e.selected=(t=this.selectedChips)==null||(n=t.includes)==null?void 0:n.call(t,e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var t,n;let r;r=this.multiChoice&&!((t=this.selectedChips)!=null&&(n=t.includes)!=null&&n.call(t,e.detail.value))?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=r,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:r}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return t.html`
             <div
                 class="container"
                 data-testid="ds-chips-container"
@@ -15,9 +16,9 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 @deselect=${this.handleDeselect}
             >
                 ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
-                <nav tabindex="0" class=${u.classMap(this.chipsContainerClasses)}>
+                <nav tabindex="0" class=${f.classMap(this.chipsContainerClasses)}>
                     <slot @slotchange=${this.updateChildChips}></slot>
                 </nav>
                 ${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}
             </div>
-        `}},y=(v.styles=[p.commonStyles,m.cupraDiagonalStyles,_.seatStyles,h.cupraStyles,g.seatLegacyStyles],v);a.default([t.property({type:Array,attribute:`selected-chips`,converter:f.stringArrayConverter,reflect:!0})],y.prototype,`selectedChips`,void 0),a.default([t.property({type:Boolean,attribute:`multi-choice`,converter:c.booleanConverter})],y.prototype,`multiChoice`,void 0),a.default([t.property({type:String})],y.prototype,`size`,void 0),a.default([t.property({type:String,reflect:!0})],y.prototype,`mode`,void 0),a.default([n.state()],y.prototype,`hasScrollLeft`,void 0),a.default([n.state()],y.prototype,`hasScrollRight`,void 0),a.default([i.queryAssignedElements({slot:``})],y.prototype,`chips`,void 0),a.default([r.query(`.chips-container`)],y.prototype,`chipsContainer`,void 0),y=a.default([s.customUiKitElement(`ds-chips`)],y),Object.defineProperty(exports,"DsChips",{enumerable:!0,get:function(){return y}});
+        `}},x=(b.styles=[h.commonStyles,g.cupraDiagonalStyles,y.seatStyles,_.cupraStyles,v.seatLegacyStyles],b);o.default([n.property({type:String,attribute:`data-aria-label-scroll-button`})],x.prototype,`dataAriaLabelScrollButton`,void 0),o.default([n.property({type:Array,attribute:`selected-chips`,converter:m.stringArrayConverter,reflect:!0})],x.prototype,`selectedChips`,void 0),o.default([n.property({type:Boolean,attribute:`multi-choice`,converter:l.booleanConverter})],x.prototype,`multiChoice`,void 0),o.default([n.property({type:String})],x.prototype,`size`,void 0),o.default([n.property({type:String,reflect:!0})],x.prototype,`mode`,void 0),o.default([r.state()],x.prototype,`hasScrollLeft`,void 0),o.default([r.state()],x.prototype,`hasScrollRight`,void 0),o.default([a.queryAssignedElements({slot:``})],x.prototype,`chips`,void 0),o.default([i.query(`.chips-container`)],x.prototype,`chipsContainer`,void 0),x=o.default([c.customUiKitElement(`ds-chips`)],x),Object.defineProperty(exports,"DsChips",{enumerable:!0,get:function(){return x}});

package/dist/cjs/components/ds-chips/styles/common.styles.cjs

@@ -34,10 +34,10 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     .scroll-button.left {
-        left: 0;
+        inset-inline-start: 0;
     }
 
     .scroll-button.right {
-        right: 0;
+        inset-inline-end: 0;
     }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-currency/ds-currency.cjs

@@ -1,3 +1,3 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../utils/formatNumber/formatNumber.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs");var f=class extends r.UiKitElement{constructor(...e){super(...e),this.currencyDisplay=`symbol`,this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize=`medium`,this.amountWeight=`medium`,this.periodSize=`medium`,this.periodWeight=`medium`,this.noteSize=`medium`,this.noteWeight=`medium`,this.variant=`default`}get valueTemplate(){let{formattedValue:t}=o.formatNumber({value:this.amountNumber??0,locale:this.locale,style:`currency`,currency:this.currencyCode,localeMatcher:`lookup`,useGrouping:`always`,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,currencyDisplay:this.currencyDisplay,symbolOverrides:this.symbolOverrides}),n=this.valueText||t,r={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0};return e.html`<span class=${a.classMap(r)}>${n}</span>`}get periodTemplate(){if(!this.period)return e.nothing;let t=new Intl.DisplayNames(this.locale,{type:`dateTimeField`}),n={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return e.html`<span class=${a.classMap(n)}"period">/${t.of(this.period)}</span>`}get noteTemplate(){if(!this.note)return e.nothing;let t={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return e.html`<span class=${a.classMap(t)}>${this.note}</span>`}render(){let t={container:!0,strikethrough:this.variant===`strikethrough`},n=this.variant===`strikethrough`?e.html`<div class="strikethrough-line"></div>`:e.nothing;return e.html`<div class=${a.classMap(t)}>
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../utils/formatNumber/formatNumber.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs");var f=class extends r.UiKitElement{constructor(...e){super(...e),this.currencyDisplay=`symbol`,this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize=`medium`,this.amountWeight=`medium`,this.periodSize=`medium`,this.periodWeight=`medium`,this.noteSize=`medium`,this.noteWeight=`medium`,this.variant=`default`}get valueTemplate(){let{formattedValue:t}=o.formatNumber({value:this.amountNumber??0,locale:this.locale,style:`currency`,currency:this.currencyCode,localeMatcher:`lookup`,useGrouping:`always`,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,currencyDisplay:this.currencyDisplay,symbolOverrides:this.symbolOverrides,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator}),n=this.valueText||t,r={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0};return e.html`<span class=${a.classMap(r)}><bdi>${n}</bdi></span>`}get periodTemplate(){if(!this.period)return e.nothing;let t=new Intl.DisplayNames(this.locale,{type:`dateTimeField`}),n={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return e.html`<span class=${a.classMap(n)}"period">/${t.of(this.period)}</span>`}get noteTemplate(){if(!this.note)return e.nothing;let t={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return e.html`<span class=${a.classMap(t)}>${this.note}</span>`}render(){let t={container:!0,strikethrough:this.variant===`strikethrough`},n=this.variant===`strikethrough`?e.html`<div class="strikethrough-line"></div>`:e.nothing;return e.html`<div class=${a.classMap(t)}>
             ${this.valueTemplate}${this.periodTemplate}${this.noteTemplate}${n}
         </div>`}},p=(f.styles=[s.commonStyles,c.cupraDiagonalStyles,d.seatStyles,l.cupraStyles,u.seatLegacyStyles],f);n.default([t.property({type:String})],p.prototype,`locale`,void 0),n.default([t.property({type:String,attribute:`currency-code`})],p.prototype,`currencyCode`,void 0),n.default([t.property({type:String,attribute:`currency-display`})],p.prototype,`currencyDisplay`,void 0),n.default([t.property({type:Object,attribute:`symbol-overrides`})],p.prototype,`symbolOverrides`,void 0),n.default([t.property({type:String,attribute:`value-text`})],p.prototype,`valueText`,void 0),n.default([t.property({type:Number,attribute:`amount-number`})],p.prototype,`amountNumber`,void 0),n.default([t.property({type:Number,attribute:`minimum-fraction-digits`})],p.prototype,`minimumFractionDigits`,void 0),n.default([t.property({type:Number,attribute:`maximum-fraction-digits`})],p.prototype,`maximumFractionDigits`,void 0),n.default([t.property({type:String})],p.prototype,`period`,void 0),n.default([t.property({type:String})],p.prototype,`note`,void 0),n.default([t.property({type:String,attribute:`thousand-separator`})],p.prototype,`thousandSeparator`,void 0),n.default([t.property({type:String,attribute:`fraction-separator`})],p.prototype,`fractionSeparator`,void 0),n.default([t.property({type:String,attribute:`amount-size`})],p.prototype,`amountSize`,void 0),n.default([t.property({type:String,attribute:`amount-weight`})],p.prototype,`amountWeight`,void 0),n.default([t.property({type:String,attribute:`period-size`})],p.prototype,`periodSize`,void 0),n.default([t.property({type:String,attribute:`period-weight`})],p.prototype,`periodWeight`,void 0),n.default([t.property({type:String,attribute:`note-size`})],p.prototype,`noteSize`,void 0),n.default([t.property({type:String,attribute:`note-weight`})],p.prototype,`noteWeight`,void 0),n.default([t.property({type:String})],p.prototype,`variant`,void 0),p=n.default([i.customUiKitElement(`ds-currency`)],p),Object.defineProperty(exports,"DsCurrency",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-currency/styles/common.styles.cjs

@@ -12,8 +12,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .strikethrough-line {
         position: absolute;
         height: 1px;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         top: 50%;
     }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-date-picker/ds-date-picker.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs"),u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/seat.styles.cjs");var p=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.syncCalendarValue=()=>{let e=this.calendarElement;if(e){var t;e.value=((t=this.nativeInput)==null?void 0:t.value)||void 0}},this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}get calendarElement(){return this.querySelector(`[slot="calendar"]`)}onInputReady(e){this.syncCalendarValue(),e.addEventListener(`input`,this.syncCalendarValue)}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),m.injectNativeInputStyles()}static injectNativeInputStyles(){if(m.nativeStylesInjected)return;m.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs"),u=require("./styles/common.styles.cjs");var d=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.syncCalendarValue=()=>{let e=this.calendarElement;if(e){var t;e.value=((t=this.nativeInput)==null?void 0:t.value)||void 0}},this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}get calendarElement(){return this.querySelector(`[slot="calendar"]`)}onInputReady(e){this.syncCalendarValue(),e.addEventListener(`input`,this.syncCalendarValue)}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),f.injectNativeInputStyles()}static injectNativeInputStyles(){if(f.nativeStylesInjected)return;f.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
 `),document.head.appendChild(e)}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange),(e=this.nativeInput)==null||e.removeEventListener(`input`,this.syncCalendarValue)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.html`
             <div class=${s.classMap(this.classes)}>
                 <div class="input-container">
@@ -7,9 +7,7 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.calendarDropdownTemplate}
                 <div class="footer">
-                    ${this.readonlyTextTemplate}
-                    ${this.helperTextTemplate}
-                    ${this.forcedErrorTemplate}
+                    ${this.readonlyTextTemplate} ${this.helperTextTemplate} ${this.forcedErrorTemplate}
                     ${this.invalidErrorTemplate}
                 </div>
             </div>
@@ -25,4 +23,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             variant="naked"
             @click=${this.handleCalendarButtonClick}
             data-aria-label=${this.dataAriaLabelCalendarButton||`open calendar`}
-        ></ds-icon-button>`}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},m=p,h=(p.styles=[u.commonStyles,d.cupraDiagonalStyles,f.seatStyles],p.nativeStylesInjected=!1,p);r.default([t.property({type:String})],h.prototype,`size`,void 0),r.default([t.property({type:String,attribute:`helper-text`})],h.prototype,`helperText`,void 0),r.default([t.property({type:String,attribute:`forced-error`})],h.prototype,`forcedError`,void 0),r.default([t.property({type:String,attribute:`invalid-error`})],h.prototype,`invalidError`,void 0),r.default([t.property({type:String,attribute:`readonly-text`})],h.prototype,`readonlyText`,void 0),r.default([t.property({type:String,attribute:`data-aria-label-calendar-button`})],h.prototype,`dataAriaLabelCalendarButton`,void 0),r.default([n.state()],h.prototype,`isExpanded`,void 0),h=m=r.default([a.customUiKitElement(`ds-date-picker`)],h),Object.defineProperty(exports,"DsDatePicker",{enumerable:!0,get:function(){return h}});
+        ></ds-icon-button>`}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},f=d,p=(d.styles=[u.commonStyles],d.nativeStylesInjected=!1,d);r.default([t.property({type:String})],p.prototype,`size`,void 0),r.default([t.property({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),r.default([t.property({type:String,attribute:`forced-error`})],p.prototype,`forcedError`,void 0),r.default([t.property({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),r.default([t.property({type:String,attribute:`readonly-text`})],p.prototype,`readonlyText`,void 0),r.default([t.property({type:String,attribute:`data-aria-label-calendar-button`})],p.prototype,`dataAriaLabelCalendarButton`,void 0),r.default([n.state()],p.prototype,`isExpanded`,void 0),p=f=r.default([a.customUiKitElement(`ds-date-picker`)],p),Object.defineProperty(exports,"DsDatePicker",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-date-picker/styles/common.styles.cjs

@@ -2,4 +2,205 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host {
         display: contents;
     }
+
+    :host:has(.disabled),
+    :host:has(.readonly) {
+        pointer-events: none;
+    }
+
+    :host .container {
+        position: relative;
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+
+    :host .container.focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host .large ::slotted(label) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host .medium ::slotted(label) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host .disabled ::slotted(label) {
+        color: var(--ds-field-text-color-label-disabled, #5a5c67);
+    }
+
+    :host .readonly ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+    }
+
+    :host ::slotted(input) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+        cursor: text;
+    }
+
+    :host .focus:not(.filled) ::slotted(input) {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host .filled ::slotted(input) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host ::slotted(input:disabled) {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host .readonly ::slotted(input) {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host .large ::slotted(input) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+        height: var(--ds-sizing-48, 48px);
+        padding: var(--ds-spacing-m-1) 0;
+    }
+
+    :host .medium ::slotted(input) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5) 0;
+    }
+
+    :host .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        width: 100%;
+        padding-block: var(--ds-spacing-s-5) 0;
+        padding-inline: var(--ds-spacing-m-1) var(--ds-spacing-s-5);
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
+            var(--ds-border-radius-none);
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host .medium .input-container {
+        padding-inline-start: var(--ds-spacing-s-5);
+    }
+
+    :host .input-container > div {
+        flex: 1 1 auto;
+    }
+
+    :host .input-container:hover,
+    :host .focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host .focus:not(.focus-visible) .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host .filled .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host .container.error .input-container,
+    :host .container.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host .disabled .input-container,
+    :host .disabled.error .input-container,
+    :host .disabled.invalid .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host .readonly .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host .footer {
+        box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: var(--ds-spacing-s-5, 8px);
+        overflow: hidden;
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
+    }
+
+    :host .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host .helper-text,
+    :host .readonly-text {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+
+    :host .error-text {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host .disabled .support-text {
+        color: var(--ds-field-text-color-caption-disabled, #5a5c67);
+    }
+
+    :host .readonly .support-text {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+
+    :host .calendar-dropdown {
+        position: absolute;
+        top: 100%;
+        inset-inline-start: 0;
+        z-index: 10;
+        margin-top: var(--ds-spacing-s-3, 4px);
+    }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-dialog/styles/cupra-diagonal.styles.cjs

@@ -32,7 +32,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .with-scroll .content {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .content {

package/dist/cjs/components/ds-dialog/styles/seat.styles.cjs

@@ -32,7 +32,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='seat']) .with-scroll .content {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='seat']) .content {

package/dist/cjs/components/ds-dialog-fullscreen/styles/common.styles.cjs

@@ -11,7 +11,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .container-fullscreen {
         position: fixed;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         padding: 0;
         width: 100dvw;
         height: 100dvh;

package/dist/cjs/components/ds-dialog-fullscreen/styles/cupra-diagonal.styles.cjs

@@ -30,7 +30,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .with-scroll .content-fullscreen {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .content-fullscreen {
@@ -43,6 +43,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='close-button']) {
         position: absolute;
         top: var(--ds-spacing-m-2);
-        right: var(--ds-spacing-m-2);
+        inset-inline-end: var(--ds-spacing-m-2);
     }
 `;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-dialog-fullscreen/styles/seat.styles.cjs

@@ -30,7 +30,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='seat']) .with-scroll .content-fullscreen {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='seat']) .content-fullscreen {
@@ -43,6 +43,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='seat']) ::slotted([slot='close-button']) {
         position: absolute;
         top: var(--ds-spacing-m-2);
-        right: var(--ds-spacing-m-2);
+        inset-inline-end: var(--ds-spacing-m-2);
     }
 `;exports.seatStyles=t;

package/dist/cjs/components/ds-drawer/ds-drawer.cjs

@@ -1,7 +1,7 @@
 const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs"),m=require("./theme-config.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this._open=void 0,this._openState=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this._openState=!1,this._open=void 0},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=m.themeConfig[this.theme])==null?void 0:e[`icon-button-variant`];return s.uiKitHtml`<ds-icon-button
             class="close-button visible"
             data-testid="close-button"
-            data-aria-label="close-button"
+            data-aria-label=${this.dataAriaLabelCloseButton||`close-button`}
             @click=${this.handleOverlayClick}
             size="medium"
             icon-name="cross"
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}},g=(h.styles=[u.commonStyles,u.iconStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],h);r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],g.prototype,`_open`,void 0),r.default([n.state()],g.prototype,`_openState`,void 0),g=r.default([a.customUiKitElement(`ds-drawer`)],g),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return g}});
+        `}},g=(h.styles=[u.commonStyles,u.iconStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],h);r.default([t.property({type:String,attribute:`data-aria-label-close-button`})],g.prototype,`dataAriaLabelCloseButton`,void 0),r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],g.prototype,`_open`,void 0),r.default([n.state()],g.prototype,`_openState`,void 0),g=r.default([a.customUiKitElement(`ds-drawer`)],g),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return g}});

package/dist/cjs/components/ds-drawer/styles/common.styles.cjs

@@ -1,4 +1,8 @@
 const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
+    :host(:dir(rtl)) {
+        --ui-kit-private-dir: -1;
+    }
+
     :host {
         display: block;
     }
@@ -29,12 +33,12 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         height: 100vh;
         width: 100%;
         bottom: 0;
-        right: 0;
+        inset-inline-end: 0;
         transform: translateY(100%);
 
         ${t.cssQueries.m} {
             top: 0;
-            transform: translateX(100%);
+            transform: translateX(calc(100% * var(--ui-kit-private-dir, 1)));
             width: 491px;
         }
 

package/dist/cjs/components/ds-drawer/styles/cupra-diagonal.styles.cjs

@@ -12,15 +12,18 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     @media (min-width: 768px) {
         :host([data-ui-kit-theme='cupra-diagonal']) .container {
-            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+            border-start-start-radius: var(--ds-border-radius-m);
+            border-end-start-radius: var(--ds-border-radius-m);
+            border-start-end-radius: 0;
+            border-end-end-radius: 0;
         }
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header,
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-content,
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-footer {
-        padding-left: var(--ds-layout-margin);
-        padding-right: var(--ds-layout-margin);
+        padding-inline-start: var(--ds-layout-margin);
+        padding-inline-end: var(--ds-layout-margin);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header {
@@ -45,6 +48,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     :host([data-ui-kit-theme='cupra-diagonal']) .close-button {
         top: calc(var(--ds-spacing-layout-s) - 0.125rem);
-        right: var(--ds-spacing-layout-xl);
+        inset-inline-end: var(--ds-spacing-layout-xl);
     }
 `;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-drawer/styles/seat.styles.cjs

@@ -12,15 +12,18 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     @media (min-width: 768px) {
         :host([data-ui-kit-theme='seat']) .container {
-            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+            border-start-start-radius: var(--ds-border-radius-m);
+            border-end-start-radius: var(--ds-border-radius-m);
+            border-start-end-radius: 0;
+            border-end-end-radius: 0;
         }
     }
 
     :host([data-ui-kit-theme='seat']) .drawer-header,
     :host([data-ui-kit-theme='seat']) .drawer-content,
     :host([data-ui-kit-theme='seat']) .drawer-footer {
-        padding-left: var(--ds-layout-margin);
-        padding-right: var(--ds-layout-margin);
+        padding-inline-start: var(--ds-layout-margin);
+        padding-inline-end: var(--ds-layout-margin);
     }
 
     :host([data-ui-kit-theme='seat']) .drawer-header {
@@ -45,6 +48,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     :host([data-ui-kit-theme='seat']) .close-button {
         top: calc(var(--ds-spacing-layout-s) - 0.125rem);
-        right: var(--ds-spacing-layout-xl);
+        inset-inline-end: var(--ds-spacing-layout-xl);
     }
 `;exports.seatStyles=t;

package/dist/cjs/components/ds-favourite-action/ds-favourite-action.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){super.willUpdate(e),!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){super.willUpdate(e),!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.html`
             <button
                 type="button"
                 class=${c.classMap(this.classes)}