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

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

@@ -1,9 +1,10 @@
-const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),a=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 o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldGet2.cjs");var p=new WeakMap,m=class extends r.LitElement{constructor(){super(),u.default(this,p,void 0),this.iconHtml=``,d.default(p,this,0),this.getIcon=async()=>{var e;let t=d.default(p,this,(e=f.default(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f.default(p,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.html`
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),a=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 o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../utils/getDirection/getDirection.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const f=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldInitSpec.cjs"),p=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldSet2.cjs"),m=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldGet2.cjs");var h=new WeakMap,g=class extends r.LitElement{constructor(){super(),f.default(this,h,void 0),this.mirror=!1,this.iconHtml=``,p.default(h,this,0),this.handleDirectionChange=()=>{this.requestUpdate()},this.getIcon=async()=>{var e;let t=p.default(h,this,(e=m.default(h,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===m.default(h,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}connectedCallback(){super.connectedCallback(),e.pubSub.subscribe(`direction`,this.handleDirectionChange)}disconnectedCallback(){super.disconnectedCallback(),e.pubSub.unsubscribe(`direction`,this.handleDirectionChange)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`,i=this.mirror&&u.getDirection(this)===`rtl`?`scaleX(-1)`:`none`;return n.html`
             <style>
                 .ds-icon {
                     display: inline-block;
                     width: ${e};
                     height: ${t};
+                    transform: ${i};
                 }
 
                 .ds-icon-color {
@@ -16,10 +17,10 @@ const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@l
             </style>
         `}render(){return n.html`
             ${this.styleTokens}
-            ${this.iconHtml?l.unsafeHTML(this.iconHtml):n.html`<svg class="ds-icon">x</svg>`}
-        `}},h=(m.styles=t.css`
+            ${this.iconHtml?d.unsafeHTML(this.iconHtml):n.html`<svg class="ds-icon">x</svg>`}
+        `}},_=(g.styles=t.css`
         :host {
             line-height: 0;
             display: inline-block;
         }
-    `,m);o.default([i.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),o.default([i.property({type:String,attribute:`color`})],h.prototype,`color`,void 0),o.default([i.property({type:Number})],h.prototype,`width`,void 0),o.default([i.property({type:Number})],h.prototype,`height`,void 0),o.default([i.property({type:Number,attribute:`size`})],h.prototype,`size`,void 0),o.default([a.state()],h.prototype,`iconHtml`,void 0),h=o.default([s.customUiKitElement(`ds-icon`)],h),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return h}});
+    `,g);o.default([i.property({type:String,attribute:`icon-name`})],_.prototype,`iconName`,void 0),o.default([i.property({type:String,attribute:`color`})],_.prototype,`color`,void 0),o.default([i.property({type:Number})],_.prototype,`width`,void 0),o.default([i.property({type:Number})],_.prototype,`height`,void 0),o.default([i.property({type:Number,attribute:`size`})],_.prototype,`size`,void 0),o.default([i.property({type:Boolean,converter:l.booleanConverter})],_.prototype,`mirror`,void 0),o.default([a.state()],_.prototype,`iconHtml`,void 0),_=o.default([s.customUiKitElement(`ds-icon`)],_),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return _}});

package/dist/cjs/components/ds-icon-button/ds-icon-button.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("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`:e.nothing}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){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("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.mirror=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)} ?mirror=${this.mirror}></ds-icon>`:e.nothing}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -33,4 +33,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             <slot></slot>
                         </div>
                     `]])}
-        `}},v=(_.styles=[f.buttonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],v.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],v.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],v.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),v=n.default([i.customUiKitElement(`ds-icon-button`)],v),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return v}});
+        `}},v=(_.styles=[f.buttonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],v.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],v.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`mirror`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],v.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),v=n.default([i.customUiKitElement(`ds-icon-button`)],v),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return v}});

package/dist/cjs/components/ds-inline-alert/ds-inline-alert.cjs

@@ -1,5 +1,5 @@
-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("../../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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`inline-alert:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
-            data-aria-label="close-button"
+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("../../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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`inline-alert:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
+            data-aria-label=${this.dataAriaLabelCloseButton||`close-button`}
             @click=${this.handleClickCloseButton}
             icon-name="cross"
             variant="naked"
@@ -16,4 +16,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `:e.nothing}},g=(h.styles=[d.inlineAlertStyles,f.cupraDiagonalStyles,m.seatStyles,p.seatLegacyStyles],h);r.default([t.property({type:String})],g.prototype,`status`,void 0),r.default([t.property({type:String})],g.prototype,`title`,void 0),r.default([t.property({type:String})],g.prototype,`text`,void 0),r.default([t.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],g.prototype,`showClose`,void 0),r.default([t.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],g.prototype,`_show`,void 0),r.default([n.state()],g.prototype,`_showState`,void 0),g=r.default([a.customUiKitElement(`ds-inline-alert`)],g),Object.defineProperty(exports,"DsInlineAlert",{enumerable:!0,get:function(){return g}});
+        `:e.nothing}},g=(h.styles=[d.inlineAlertStyles,f.cupraDiagonalStyles,m.seatStyles,p.seatLegacyStyles],h);r.default([t.property({type:String,attribute:`data-aria-label-close-button`})],g.prototype,`dataAriaLabelCloseButton`,void 0),r.default([t.property({type:String})],g.prototype,`status`,void 0),r.default([t.property({type:String})],g.prototype,`title`,void 0),r.default([t.property({type:String})],g.prototype,`text`,void 0),r.default([t.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],g.prototype,`showClose`,void 0),r.default([t.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],g.prototype,`_show`,void 0),r.default([n.state()],g.prototype,`_showState`,void 0),g=r.default([a.customUiKitElement(`ds-inline-alert`)],g),Object.defineProperty(exports,"DsInlineAlert",{enumerable:!0,get:function(){return g}});

package/dist/cjs/components/ds-interactive-card/ds-interactive-card.cjs

@@ -1,6 +1,6 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.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");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("../../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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleCtaSlotChange=()=>{this.requestUpdate()},this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get hasCta(){return!!this.querySelector(`[slot="cta"]`)}get ctaClasses(){return{cta:!0,empty:!this.hasCta}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.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");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("../../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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleCtaSlotChange=()=>{this.requestUpdate()},this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get hasCta(){return!!this.querySelector(`[slot="cta"]`)}get ctaClasses(){return{cta:!0,empty:!this.hasCta}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
             class="close-button"
-            data-aria-label="Close"
+            data-aria-label=${this.dataAriaLabelCloseButton||`Close`}
             @click=${this.handleCloseButtonClick}
             icon-name="cross"
             variant="naked"
@@ -31,4 +31,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
     `:e.nothing}render(){return e.html`
             ${this.contentTemplate}
             ${this.errorTemplate}
-        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:String})],u.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=r.default([i.customUiKitElement(`ds-interactive-card`)],u),Object.defineProperty(exports,"DsInteractiveCard",{enumerable:!0,get:function(){return u}});
+        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:String,attribute:`data-aria-label-close-button`})],u.prototype,`dataAriaLabelCloseButton`,void 0),r.default([n.property({type:String})],u.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=r.default([i.customUiKitElement(`ds-interactive-card`)],u),Object.defineProperty(exports,"DsInteractiveCard",{enumerable:!0,get:function(){return u}});

package/dist/cjs/components/ds-interactive-card/styles/common.styles.cjs

@@ -214,11 +214,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .close-button {
         position: absolute;
         top: var(--ds-spacing-s-5);
-        right: var(--ds-spacing-s-5);
+        inset-inline-end: var(--ds-spacing-s-5);
     }
 
     .has-close .header-main {
         box-sizing: border-box;
-        padding-right: var(--ds-spacing-l-2);
+        padding-inline-end: var(--ds-spacing-l-2);
     }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-link-button/ds-link-button.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("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}get iconTemplate(){return this.iconName===`none`?e.nothing:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[e]:!!e,[this.mode]:!!this.mode,"icon-left":this.iconPosition===`left`}}handleClick(e){this.href||e.preventDefault()}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("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}get iconTemplate(){return this.iconName===`none`?e.nothing:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)} ?mirror=${this.iconName===`arrow-right`||this.iconName===`arrow-left`}></ds-icon>`}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[e]:!!e,[this.mode]:!!this.mode,[`icon-${this.iconPosition}`]:!!this.iconPosition}}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.html`
             <style>
                 :host {
                     color-scheme: ${this.mode};

package/dist/cjs/components/ds-link-button/styles/common.styles.cjs

@@ -15,7 +15,13 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         cursor: pointer;
     }
 
-    .link-button.icon-left .icon {
+    :is(.link-button.icon-start, .link-button.icon-left) .icon {
+        order: -1;
+    }
+    :host(:dir(rtl)) .link-button.icon-left .icon {
+        order: 0;
+    }
+    :host(:dir(rtl)) .link-button.icon-right .icon {
         order: -1;
     }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-link-button/styles/cupra-diagonal.styles.cjs

@@ -1,7 +1,7 @@
 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");var t=e.css`
     :host([data-ui-kit-theme='cupra-diagonal']) .link-button {
         letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
-        text-align: left;
+        text-align: start;
         text-decoration: none;
         border-radius: var(--ds-border-radius-xs, 6px);
         color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
@@ -34,8 +34,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         content: '';
         position: absolute;
         bottom: 0.1em;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         height: 0.09em;
         background-color: currentColor;
     }

package/dist/cjs/components/ds-link-button/styles/seat.styles.cjs

@@ -1,7 +1,7 @@
 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");var t=e.css`
     :host([data-ui-kit-theme='seat']) .link-button {
         letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
-        text-align: left;
+        text-align: start;
         text-decoration: none;
         border-radius: var(--ds-border-radius-xs, 6px);
         color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
@@ -34,8 +34,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         content: '';
         position: absolute;
         bottom: 0.1em;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         height: 0.09em;
         background-color: currentColor;
     }

package/dist/cjs/components/ds-list-item/ds-list-item.cjs

@@ -1,5 +1,6 @@
-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/uiKitHtml.cjs"),o=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 s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/seat.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`selection`,this.selected=!1,this.disabled=!1,this.size=`large`}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var e;if((e=super.connectedCallback)==null||e.call(this),!this.hasAttribute(`size`)){let e=this.closest(`ds-list`);e&&(this.size=e.size)}}renderSelectionTemplate(){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/uiKitHtml.cjs"),o=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 s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`selection`,this.selected=!1,this.disabled=!1,this.size=`large`}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var e;if((e=super.connectedCallback)==null||e.call(this),!this.hasAttribute(`size`)){let e=this.closest(`ds-list`);e&&(this.size=e.size)}}renderSelectionTemplate(){return e.html`
             <slot name="input-left"></slot>
+            <slot name="input-start"></slot>
             <slot name="icon"></slot>
             <div class="container-text">
                 <slot name="primary-text"></slot>
@@ -7,16 +8,19 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             </div>
             <slot name="secondary-text"></slot>
             <slot name="input-right"></slot>
+            <slot name="input-end"></slot>
         `}renderActionTemplate(){return e.html`
             <slot name="image-square"></slot>
             <slot name="image-wide"></slot>
             <slot name="icon-left"></slot>
+            <slot name="icon-start"></slot>
             <div class="container-text">
                 <slot name="primary-text"></slot>
                 <slot name="description-text"></slot>
             </div>
             <slot name="secondary-text"></slot>
             <slot name="icon-right"></slot>
+            <slot name="icon-end"></slot>
         `}renderInfoTemplate(){return e.html`
             <slot name="icon"></slot>
             <div class="container-text">
@@ -33,4 +37,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             </li>
 
             ${t?a.uiKitHtml`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>`:e.nothing}
-        `}},d=(u.styles=[s.commonStyles,c.cupraDiagonalStyles,l.seatStyles],u);n.default([t.property({type:String,reflect:!0})],d.prototype,`variant`,void 0),n.default([t.property({type:Boolean,reflect:!0})],d.prototype,`selected`,void 0),n.default([t.property({type:Boolean,reflect:!0})],d.prototype,`disabled`,void 0),n.default([t.property({type:String,reflect:!0})],d.prototype,`size`,void 0),d=n.default([i.customUiKitElement(`ds-list-item`)],d),Object.defineProperty(exports,"DsListItem",{enumerable:!0,get:function(){return d}});
+        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:String,reflect:!0})],l.prototype,`variant`,void 0),n.default([t.property({type:Boolean,reflect:!0})],l.prototype,`selected`,void 0),n.default([t.property({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`size`,void 0),l=n.default([i.customUiKitElement(`ds-list-item`)],l),Object.defineProperty(exports,"DsListItem",{enumerable:!0,get:function(){return l}});

package/dist/cjs/components/ds-list-item/styles/common.styles.cjs

@@ -3,4 +3,123 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         display: block;
         width: fit-content;
     }
+
+    :host .content {
+        display: flex;
+        align-items: center;
+        padding: var(--ds-sizing-08) 0;
+        font-family: var(--ds-typography-family-primary);
+        font-weight: 400;
+        gap: var(--ds-sizing-08);
+    }
+
+    :host .container {
+        display: flex;
+        gap: var(--ds-sizing-08);
+    }
+
+    :host .container-text {
+        padding-inline-end: var(--ds-sizing-24);
+    }
+
+    :host .content.info-variant,
+    :host .content.action-variant {
+        padding: var(--ds-sizing-08);
+    }
+
+    :host ::slotted([slot='input-left']),
+    :host ::slotted([slot='input-right']),
+    :host ::slotted([slot='input-start']),
+    :host ::slotted([slot='input-end']) {
+        width: unset;
+    }
+
+    :host ::slotted([slot='primary-text']) {
+        color: var(--ds-color-text-default-subtlest);
+    }
+
+    :host ::slotted([slot='primary-subtext']),
+    :host ::slotted([slot='secondary-text']),
+    :host ::slotted([slot='description-text']) {
+        color: var(--ds-color-text-default-subtle);
+    }
+
+    :host ::slotted([slot='description-text']) {
+        padding-top: var(--ds-sizing-08);
+    }
+
+    :host([size='large']) ::slotted([slot='image-square']) {
+        width: var(--ds-sizing-48);
+        height: var(--ds-sizing-48);
+    }
+
+    :host([size='medium']) ::slotted([slot='image-square']) {
+        width: var(--ds-sizing-32);
+        height: var(--ds-sizing-32);
+    }
+
+    :host ::slotted([slot='image-wide']) {
+        -o-object-fit: cover;
+        object-fit: cover;
+    }
+
+    :host([size='large']) ::slotted([slot='image-wide']) {
+        width: var(--ds-sizing-96);
+        height: var(--ds-sizing-48);
+    }
+
+    :host([size='medium']) ::slotted([slot='image-wide']) {
+        width: var(--ds-sizing-64);
+        height: var(--ds-sizing-32);
+    }
+
+    :host([size='medium']) ::slotted([slot='primary-text']),
+    :host([size='medium']) ::slotted([slot='secondary-text']),
+    :host([size='medium']) ::slotted([slot='description-text']),
+    :host([size='medium']) ::slotted([slot='primary-subtext']),
+    :host([size='medium']) ::slotted([slot='aside']) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-xs);
+    }
+
+    :host([size='large']) ::slotted([slot='primary-text']),
+    :host([size='large']) ::slotted([slot='secondary-text']),
+    :host([size='large']) ::slotted([slot='description-text']),
+    :host([size='large']) ::slotted([slot='primary-subtext']),
+    :host([size='large']) ::slotted([slot='aside']) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([size='small']) ::slotted([slot='primary-text']),
+    :host([size='small']) ::slotted([slot='secondary-text']),
+    :host([size='small']) ::slotted([slot='description-text']),
+    :host([size='small']) ::slotted([slot='primary-subtext']),
+    :host([size='small']) ::slotted([slot='aside']) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-xs);
+    }
+
+    :host .content:hover {
+        background: var(--ds-color-control-bg-hover);
+    }
+
+    :host .content:active {
+        background: var(--ds-color-control-bg-pressed);
+    }
+
+    :host .content:focus-visible {
+        outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
+        background-color: var(--ds-color-control-bg-hover);
+    }
+
+    :host .selected {
+        background: var(--ds-color-control-bg-default);
+        border-inline-start: var(--ds-sizing-04) solid var(--ds-color-border-selected);
+    }
+
+    :host .disabled {
+        opacity: 0.25;
+        pointer-events: none;
+    }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-loader-bar/styles/common.styles.cjs

@@ -1,16 +1,20 @@
 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");var t=e.css`
+    :host(:dir(rtl)) {
+        --ui-kit-private-dir: -1;
+    }
+
     .fill {
         width: 33%;
-        transform: translateX(-100%);
+        transform: translateX(calc(-100% * var(--ui-kit-private-dir, 1)));
         animation: loader 1.4s linear infinite;
     }
 
     @keyframes loader {
         0% {
-            transform: translateX(-100%);
+            transform: translateX(calc(-100% * var(--ui-kit-private-dir, 1)));
         }
         100% {
-            transform: translateX(300%);
+            transform: translateX(calc(300% * var(--ui-kit-private-dir, 1)));
         }
     }
 `;exports.commonStyles=t;

package/dist/cjs/components/ds-loader-logo/ds-loader-logo.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/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const c=require("./ds-loader-logo.styles.cjs"),l=require("./styles/cupra.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.zIndex=2e3,this.iconName=`logo`}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/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const c=require("./ds-loader-logo.styles.cjs"),l=require("./styles/cupra.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.zIndex=2e3,this.iconName=`logo`}get styleTokens(){return e.html`
                 <style>
                     :host {
                         --ui-kit-icon-color: ${this.color||`var(--ui-kit-private-loader-logo-icon-color)`};

package/dist/cjs/components/ds-main-title/styles/common.styles.cjs

@@ -28,10 +28,18 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         align-items: center;
     }
 
+    .container.alignment-start {
+        align-items: flex-start;
+    }
+
     .container.alignment-left {
         align-items: flex-start;
     }
 
+    :host(:dir(rtl)) .container.alignment-left {
+        align-items: flex-end;
+    }
+
     ::slotted([slot='title']) {
         margin: 0;
         font-family: var(--ds-typography-family-primary);
@@ -57,6 +65,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         text-align: center;
     }
 
+    .container.alignment-start ::slotted([slot='title']),
+    .container.alignment-start ::slotted([slot='subtitle']) {
+        text-align: start;
+    }
+
     .container.alignment-left ::slotted([slot='title']),
     .container.alignment-left ::slotted([slot='subtitle']) {
         text-align: left;

package/dist/cjs/components/ds-map-pin/ds-map-pin.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("../../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 u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.width=48,this.height=48,this._checked=void 0,this.initialChecked=!1,this.iconSize=24,this.iconTop=8}get checked(){return this._checked??this._checkedState??this.initialChecked}set checked(e){this._checked=e}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.iconName)} size=${l.ifDefined(this.iconSize)}></ds-icon>`:e.nothing}get clusterNumberTemplate(){return this.clusterCount?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("../../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 u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.width=48,this.height=48,this._checked=void 0,this.initialChecked=!1,this.iconSize=24,this.iconTop=8}get checked(){return this._checked??this._checkedState??this.initialChecked}set checked(e){this._checked=e}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.iconName)} size=${l.ifDefined(this.iconSize)}></ds-icon>`:e.nothing}get clusterNumberTemplate(){return this.clusterCount?e.html`
             <div class='cluster-count'>
                     ${this.clusterCount}
             </div>

package/dist/cjs/components/ds-map-pin/styles/common.styles.cjs

@@ -22,7 +22,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         align-items: center;
         justify-content: center;
         top: -8px;
-        right: -6px;
+        inset-inline-end: -6px;
         width: 24px;
         height: 24px;
     }

package/dist/cjs/components/ds-media-control/ds-media-control.cjs

@@ -17,11 +17,11 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 class=${s.classMap(this.classes)}
                 role="button"
                 tabindex="0"
-                aria-label=${`${t} media ${this.size}`}
+                aria-label=${this.dataAriaLabel||`${t} media ${this.size}`}
                 @click=${this.handleToggle}
                 @keydown=${this.onKeyDown}
             >
                 ${this.progressTemplate}
                 ${this.iconTemplate}
             </div>
-        `}},d=(u.styles=[l.commonStyles],u);i.default([n.property({type:String,attribute:`state`,reflect:!0})],d.prototype,`_state`,void 0),i.default([r.state()],d.prototype,`_stateValue`,void 0),i.default([n.property({type:String,reflect:!0})],d.prototype,`size`,void 0),i.default([n.property({type:Number,reflect:!0})],d.prototype,`progress`,void 0),d=i.default([a.customUiKitElement(`ds-media-control`)],d),Object.defineProperty(exports,"DsMediaControl",{enumerable:!0,get:function(){return d}});
+        `}},d=(u.styles=[l.commonStyles],u);i.default([n.property({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),i.default([n.property({type:String,attribute:`state`,reflect:!0})],d.prototype,`_state`,void 0),i.default([r.state()],d.prototype,`_stateValue`,void 0),i.default([n.property({type:String,reflect:!0})],d.prototype,`size`,void 0),i.default([n.property({type:Number,reflect:!0})],d.prototype,`progress`,void 0),d=i.default([a.customUiKitElement(`ds-media-control`)],d),Object.defineProperty(exports,"DsMediaControl",{enumerable:!0,get:function(){return d}});

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

@@ -1,6 +1,6 @@
-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("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.withCloseButton=!0,this.variant=`fullScreen`,this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign=`default`}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight=`0`,document.body.style.overflow=``}handleScroll(){let e=this.open&&!this.disableScrollLock,t=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=e&&t?`${window.innerWidth-document.documentElement.clientWidth}px`:`0`,document.body.style.overflow=e?`hidden`:``}updated(e){super.updated(e),(e.has(`open`)||e.has(`disableScrollLock`))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant===`dialog`?e.html`<div class=${s.classMap(this.backdropClasses)} />`:e.nothing}get buttonSize(){return[`xs`,`s`,`m`].includes(this.viewport)?`medium`:`large`}get closeButtonSize(){return this.variant===`dialog`||[`xs`,`s`].includes(this.viewport)?`small`:`medium`}get closeButtonTemplate(){return this.withCloseButton?o.uiKitHtml`<ds-icon-button
+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("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.withCloseButton=!0,this.variant=`fullScreen`,this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign=`default`}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight=`0`,document.body.style.overflow=``}handleScroll(){let e=this.open&&!this.disableScrollLock,t=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=e&&t?`${window.innerWidth-document.documentElement.clientWidth}px`:`0`,document.body.style.overflow=e?`hidden`:``}updated(e){super.updated(e),(e.has(`open`)||e.has(`disableScrollLock`))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant===`dialog`?e.html`<div class=${s.classMap(this.backdropClasses)} />`:e.nothing}get buttonSize(){return[`xs`,`s`,`m`].includes(this.viewport)?`medium`:`large`}get closeButtonSize(){return this.variant===`dialog`||[`xs`,`s`].includes(this.viewport)?`small`:`medium`}get closeButtonTemplate(){return this.withCloseButton?o.uiKitHtml`<ds-icon-button
             class="close-button"
-            data-aria-label="close-button"
+            data-aria-label=${this.dataAriaLabelCloseButton||`close-button`}
             @click=${this.handleClickCloseButton}
             size=${c.ifDefined(this.closeButtonSize)}
             icon-name="cross"
@@ -41,4 +41,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     ${this.confirmButtonTemplate}
                 </div>
             </div>
-        `}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-cancel-button`,{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent(`click-confirm-button`,{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-close-button`,{bubbles:!0,composed:!0}))}handleTransitionEnd(e){e.propertyName===`opacity`&&(this.open?this.dispatchEvent(new CustomEvent(`open-transition-end`,{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent(`close-transition-end`,{bubbles:!0,composed:!0})))}},h=(m.styles=[u.fullScreenStyles,u.dialogStyles,u.fitStyles,u.commonStyles,u.alignStyles,d.cupraDiagonalStyles,p.seatStyles,f.cupraStyles],m);n.default([t.property({type:Boolean,reflect:!0,converter:a.booleanConverter})],h.prototype,`open`,void 0),n.default([t.property({type:Boolean,attribute:`with-close-button`,converter:a.booleanConverter})],h.prototype,`withCloseButton`,void 0),n.default([t.property({type:String,attribute:`cancel-button-text`})],h.prototype,`cancelButtonText`,void 0),n.default([t.property({type:String,attribute:`confirm-button-text`})],h.prototype,`confirmButtonText`,void 0),n.default([t.property({type:String})],h.prototype,`variant`,void 0),n.default([t.property({type:Number,attribute:`z-index`})],h.prototype,`zIndex`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`disable-scroll-lock`})],h.prototype,`disableScrollLock`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],h.prototype,`fullWidth`,void 0),n.default([t.property({type:String,attribute:`v-align`})],h.prototype,`vAlign`,void 0),h=n.default([i.customUiKitElement(`ds-modal`)],h),Object.defineProperty(exports,"DsModal",{enumerable:!0,get:function(){return h}});
+        `}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-cancel-button`,{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent(`click-confirm-button`,{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-close-button`,{bubbles:!0,composed:!0}))}handleTransitionEnd(e){e.propertyName===`opacity`&&(this.open?this.dispatchEvent(new CustomEvent(`open-transition-end`,{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent(`close-transition-end`,{bubbles:!0,composed:!0})))}},h=(m.styles=[u.fullScreenStyles,u.dialogStyles,u.fitStyles,u.commonStyles,u.alignStyles,d.cupraDiagonalStyles,p.seatStyles,f.cupraStyles],m);n.default([t.property({type:String,attribute:`data-aria-label-close-button`})],h.prototype,`dataAriaLabelCloseButton`,void 0),n.default([t.property({type:Boolean,reflect:!0,converter:a.booleanConverter})],h.prototype,`open`,void 0),n.default([t.property({type:Boolean,attribute:`with-close-button`,converter:a.booleanConverter})],h.prototype,`withCloseButton`,void 0),n.default([t.property({type:String,attribute:`cancel-button-text`})],h.prototype,`cancelButtonText`,void 0),n.default([t.property({type:String,attribute:`confirm-button-text`})],h.prototype,`confirmButtonText`,void 0),n.default([t.property({type:String})],h.prototype,`variant`,void 0),n.default([t.property({type:Number,attribute:`z-index`})],h.prototype,`zIndex`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`disable-scroll-lock`})],h.prototype,`disableScrollLock`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],h.prototype,`fullWidth`,void 0),n.default([t.property({type:String,attribute:`v-align`})],h.prototype,`vAlign`,void 0),h=n.default([i.customUiKitElement(`ds-modal`)],h),Object.defineProperty(exports,"DsModal",{enumerable:!0,get:function(){return h}});

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

@@ -30,7 +30,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     .close-button {
         position: absolute;
-        right: 8px;
+        inset-inline-end: 8px;
         top: 24px;
         z-index: 1;
     }
@@ -94,7 +94,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         }
 
         .close-button {
-            right: 24px;
+            inset-inline-end: 24px;
             top: 24px;
         }
     }
@@ -140,7 +140,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         height: 100%;
         width: 100%;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         box-sizing: border-box;
     }
 
@@ -162,7 +162,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .backdrop {
         position: fixed;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         height: 100%;
         width: 100%;
         max-height: 100dvh;

package/dist/cjs/components/ds-navigation-controls/ds-navigation-controls.cjs

@@ -1,5 +1,5 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.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/query-assigned-elements.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("../../decorators/customUiKitElement.cjs"),a=require("../../mixins/ViewportMixin.cjs"),o=require("./styles/common.styles.cjs");var s,c=[`DS-ICON-BUTTON`,`DS-ICON-BUTTON-REACT`],l=(s=class extends a.ViewportMixin(t.LitElement){constructor(...e){super(...e),this.handleSlotChange=()=>{this.updateIconButtonSizes()}}firstUpdated(e){super.firstUpdated(e),this.updateIconButtonSizes()}updated(e){super.updated(e),e.has(`viewport`)&&this.updateIconButtonSizes()}getButtonSize(){return[`xxl`,`xl`].includes(this.viewport)?`large`:`medium`}findIconButtons(e){let t=[];c.includes(e.tagName)&&t.push(e);for(let n of e.children)t.push(...this.findIconButtons(n));return t}updateIconButtonSizes(){let e=this.getButtonSize(),t=this.slottedElements.flatMap(e=>this.findIconButtons(e));for(let n of t)n.setAttribute(`size`,e)}render(){return e.html`
-            <div part="container" class="container" role="group" aria-label="Navigation controls">
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.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/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../mixins/ViewportMixin.cjs"),s=require("./styles/common.styles.cjs");var c,l=[`DS-ICON-BUTTON`,`DS-ICON-BUTTON-REACT`],u=(c=class extends o.ViewportMixin(t.LitElement){constructor(...e){super(...e),this.handleSlotChange=()=>{this.updateIconButtonSizes()}}firstUpdated(e){super.firstUpdated(e),this.updateIconButtonSizes()}updated(e){super.updated(e),e.has(`viewport`)&&this.updateIconButtonSizes()}getButtonSize(){return[`xxl`,`xl`].includes(this.viewport)?`large`:`medium`}findIconButtons(e){let t=[];l.includes(e.tagName)&&t.push(e);for(let n of e.children)t.push(...this.findIconButtons(n));return t}updateIconButtonSizes(){let e=this.getButtonSize(),t=this.slottedElements.flatMap(e=>this.findIconButtons(e));for(let n of t)n.setAttribute(`size`,e)}render(){return e.html`
+            <div part="container" class="container" role="group" aria-label=${this.dataAriaLabel||`Navigation controls`}>
                 <slot @slotchange=${this.handleSlotChange}></slot>
             </div>
-        `}},s.styles=[o.commonStyles],s);r.default([n.queryAssignedElements({flatten:!0})],l.prototype,`slottedElements`,void 0),l=r.default([i.customUiKitElement(`ds-navigation-controls`)],l),Object.defineProperty(exports,"DsNavigationControls",{enumerable:!0,get:function(){return l}});
+        `}},c.styles=[s.commonStyles],c);i.default([n.property({type:String,attribute:`data-aria-label`})],u.prototype,`dataAriaLabel`,void 0),i.default([r.queryAssignedElements({flatten:!0})],u.prototype,`slottedElements`,void 0),u=i.default([a.customUiKitElement(`ds-navigation-controls`)],u),Object.defineProperty(exports,"DsNavigationControls",{enumerable:!0,get:function(){return u}});

package/dist/cjs/components/ds-navigation-controls/styles/common.styles.cjs

@@ -31,6 +31,10 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         background-position: calc(var(--ds-spacing-m-3) / 2) center;
     }
 
+    :host(:dir(rtl)) ::slotted(*:not(:first-child)) {
+        background-position: calc(100% - var(--ds-spacing-m-3) / 2) center;
+    }
+
     @media (max-width: 1439px) {
         :host {
             --ui-kit-private-navigation-controls-section-gap: var(--ds-spacing-s-4);