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

package/dist-react/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-react/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-react/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-react/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-react/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-react/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-react/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);

package/dist-react/cjs/components/ds-radio-button/styles/common.styles.cjs

@@ -47,7 +47,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         gap: var(--ds-spacing-s-5);
         padding: var(--ds-spacing-s-2) var(--ds-spacing-s-5);
     }
-    .container.right {
+    :is(.container.end, .container.right) {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host(:dir(rtl)) .container.right {
+        flex-direction: row;
+    }
+    :host(:dir(rtl)) .container.left {
         flex-direction: row-reverse;
         justify-content: space-between;
     }

package/dist-react/cjs/components/ds-rating/ds-rating.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");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.disabled=!1,this.hideRatingText=!1}get displayValue(){if(this.value===void 0||this.value===null||this.value<0)return 0;let e=Math.max(0,Math.min(5,this.value)),t=Math.floor(e),n=Number((e-t).toFixed(2));return t+Math.round(n/.5)*.5}get classes(){return{container:!0,disabled:this.disabled}}getStarIconName(e,t){return t>=e?`star-filled`:t>=e-.5?`half-star-filled`:`star`}get starsTemplate(){let e=this.displayValue,t=[];for(let n=1;n<=5;n++){let r=this.getStarIconName(n,e);t.push(o.uiKitHtml`<ds-icon class="star-icon" icon-name=${r} size="16"></ds-icon>`)}return t}render(){let t=this.value!==void 0&&this.value>=0?this.value:0,n=Math.max(0,Math.min(5,t)).toString();return e.html`
-            <div class=${s.classMap(this.classes)} aria-label=${`Rating: ${n} out of 5`} role="img">
+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");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.disabled=!1,this.hideRatingText=!1}get displayValue(){if(this.value===void 0||this.value===null||this.value<0)return 0;let e=Math.max(0,Math.min(5,this.value)),t=Math.floor(e),n=Number((e-t).toFixed(2));return t+Math.round(n/.5)*.5}get classes(){return{container:!0,disabled:this.disabled}}getStarIconName(e,t){return t>=e?`star-filled`:t>=e-.5?`half-star-filled`:`star`}get starsTemplate(){let e=this.displayValue,t=[];for(let n=1;n<=5;n++){let r=this.getStarIconName(n,e);t.push(o.uiKitHtml`<ds-icon class="star-icon" icon-name=${r} size="16"></ds-icon>`)}return t}render(){let t=this.value!==void 0&&this.value>=0?this.value:0,n=Math.max(0,Math.min(5,t)).toString();return e.html`
+            <div class=${s.classMap(this.classes)} aria-label=${this.dataAriaLabel||`Rating: ${n} out of 5`} role="img">
                 <div class="stars-wrapper">${this.starsTemplate}</div>
                 ${this.hideRatingText?``:e.html`<span class="rating-text">${n}</span>`}
             </div>
-        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:Number})],u.prototype,`value`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`hide-rating-text`})],u.prototype,`hideRatingText`,void 0),u=r.default([i.customUiKitElement(`ds-rating`)],u),Object.defineProperty(exports,"DsRating",{enumerable:!0,get:function(){return u}});
+        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:String,attribute:`data-aria-label`})],u.prototype,`dataAriaLabel`,void 0),r.default([n.property({type:Number})],u.prototype,`value`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`hide-rating-text`})],u.prototype,`hideRatingText`,void 0),u=r.default([i.customUiKitElement(`ds-rating`)],u),Object.defineProperty(exports,"DsRating",{enumerable:!0,get:function(){return u}});

package/dist-react/cjs/components/ds-search/ds-search.cjs

@@ -1,9 +1,16 @@
-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");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("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../../mixins/FormAssociatedMixin.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra.styles.cjs");var p=class extends u.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.name=``,this.placeholder=``,this.type=`text`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value=``,this.dispatchEvent(new CustomEvent(`ds-search:clear`,{bubbles:!0,composed:!0}))},this.handleInput=e=>{let t=e.target;this._value=t.value||``},this.handleSuccess=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-success`,{bubbles:!0,composed:!0,detail:{position:e}}))},this.handleError=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.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("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../../mixins/FormAssociatedMixin.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra.styles.cjs");var p=class extends u.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.name=``,this.placeholder=``,this.type=`text`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value=``,this.dispatchEvent(new CustomEvent(`ds-search:clear`,{bubbles:!0,composed:!0}))},this.handleInput=e=>{let t=e.target;this._value=t.value||``},this.handleSuccess=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-success`,{bubbles:!0,composed:!0,detail:{position:e}}))},this.handleError=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return e.html`
             ${c.uiKitHtml`<ds-icon class="search-icon" icon-name="magnifying-glass"></ds-icon>`}
         `}get positionIconTemplate(){return e.html`
             ${c.uiKitHtml`<ds-icon class="position-icon" icon-name="position"></ds-icon>`}
         `}get clearIconTemplate(){return e.html`
-            ${c.uiKitHtml`<ds-icon class="clear-icon" data-testid="clear-icon" icon-name="cross" @click=${this.handleClickClearIcon}></ds-icon>`}
+            <button
+                class="clear-button"
+                type="button"
+                aria-label=${this.dataAriaLabelClearButton||`Clear search`}
+                @click=${this.handleClickClearIcon}
+            >
+                ${c.uiKitHtml`<ds-icon class="clear-icon" data-testid="clear-icon" icon-name="cross"></ds-icon>`}
+            </button>
         `}get inputTemplate(){return e.html`
             <input
                 class="input-field"
@@ -12,7 +19,7 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 maxlength=${this.maxLength}
                 .placeholder=${this.placeholder}
                 .value=${this._value}
-                aria-label=${this._value}
+                aria-label=${this.dataAriaLabel||`Search`}
                 @focus=${this.handleFocus}
                 @blur=${this.handleBlur}
                 @input=${this.handleInput}
@@ -41,4 +48,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${this.errorTextTemplate}
                 ${this.helperTextTemplate}
             </div>
-        `}},m=(p.styles=[d.commonStyles,d.containerStyles,d.helperTextStyles,d.inputFieldStyles,d.inputContainerStyles,f.cupraStyles],p);i.default([t.property({type:String,reflect:!0,attribute:`initial-value`})],m.prototype,`initialValue`,void 0),i.default([t.property({type:String})],m.prototype,`label`,void 0),i.default([t.property({type:String,attribute:`helper-text`})],m.prototype,`helperText`,void 0),i.default([t.property({type:String,attribute:`error-text`})],m.prototype,`errorText`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`disabled`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`success`,void 0),i.default([t.property({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.default([t.property({type:String})],m.prototype,`size`,void 0),i.default([t.property({type:String})],m.prototype,`name`,void 0),i.default([t.property({type:String})],m.prototype,`placeholder`,void 0),i.default([t.property({type:String,attribute:`max-length`})],m.prototype,`maxLength`,void 0),i.default([t.property({type:String})],m.prototype,`type`,void 0),i.default([n.state()],m.prototype,`_value`,void 0),i.default([n.state()],m.prototype,`focused`,void 0),i.default([r.query(`.input-field`)],m.prototype,`inputField`,void 0),m=i.default([o.customUiKitElement(`ds-search`)],m),Object.defineProperty(exports,"DsSearch",{enumerable:!0,get:function(){return m}});
+        `}},m=(p.styles=[d.commonStyles,d.containerStyles,d.helperTextStyles,d.inputFieldStyles,d.inputContainerStyles,f.cupraStyles],p);i.default([t.property({type:String,reflect:!0,attribute:`initial-value`})],m.prototype,`initialValue`,void 0),i.default([t.property({type:String})],m.prototype,`label`,void 0),i.default([t.property({type:String,attribute:`data-aria-label`})],m.prototype,`dataAriaLabel`,void 0),i.default([t.property({type:String,attribute:`data-aria-label-clear-button`})],m.prototype,`dataAriaLabelClearButton`,void 0),i.default([t.property({type:String,attribute:`helper-text`})],m.prototype,`helperText`,void 0),i.default([t.property({type:String,attribute:`error-text`})],m.prototype,`errorText`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`disabled`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`success`,void 0),i.default([t.property({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.default([t.property({type:String})],m.prototype,`size`,void 0),i.default([t.property({type:String})],m.prototype,`name`,void 0),i.default([t.property({type:String})],m.prototype,`placeholder`,void 0),i.default([t.property({type:String,attribute:`max-length`})],m.prototype,`maxLength`,void 0),i.default([t.property({type:String})],m.prototype,`type`,void 0),i.default([n.state()],m.prototype,`_value`,void 0),i.default([n.state()],m.prototype,`focused`,void 0),i.default([r.query(`.input-field`)],m.prototype,`inputField`,void 0),m=i.default([o.customUiKitElement(`ds-search`)],m),Object.defineProperty(exports,"DsSearch",{enumerable:!0,get:function(){return m}});

package/dist-react/cjs/components/ds-search/styles/common.styles.cjs

@@ -8,6 +8,17 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .helper-text {
         user-select: none;
     }
+
+    .clear-button {
+        all: unset;
+        display: inline-flex;
+        align-items: center;
+        cursor: pointer;
+    }
+
+    .clear-button:focus-visible {
+        outline: revert;
+    }
 `,n=e.css`
     .container {
         position: relative;

package/dist-react/cjs/components/ds-search-input/ds-search-input.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"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs");require("../ds-loader-spinner/ds-loader-spinner.cjs");const u=require("../../utils/validateMaxLength.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/cupra.styles.cjs"),m=require("./styles/seat-legacy.styles.cjs"),h=require("./styles/seat.styles.cjs");var g=class extends l.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}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");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"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs");require("../ds-loader-spinner/ds-loader-spinner.cjs");const u=require("../../utils/validateMaxLength.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/cupra.styles.cjs"),m=require("./styles/seat-legacy.styles.cjs"),h=require("./styles/seat.styles.cjs");var g=class extends l.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
             <div part="container" class=${s.classMap(this.classes)}>
                 <div part="input-container" class="input-container">
                     ${this.searchIconTemplate}

package/dist-react/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs

@@ -1,7 +1,7 @@
-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/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("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const d=require("./styles/common.styles.cjs");var f=class extends u.ViewportMixin(t.LitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.actionsCount=0,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var e,t,n,r;let i=((e=this.itemsContainer)==null?void 0:e.scrollLeft)+((t=this.itemsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.itemsContainer)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.itemsContainer)==null?void 0:r.scrollWidth)}}static resolveResponsive(e,t,n){let r;try{r=JSON.parse(e)}catch{return e}if(typeof r!=`object`||!r||Array.isArray(r))return e;let i=r,a=p.VIEWPORT_ORDER.indexOf(t);for(let e=a;e>=0;e--){let t=p.VIEWPORT_ORDER[e];if(t in i)return i[t]}return n}get resolvedItemsMode(){return p.resolveResponsive(this.itemsMode,this.viewport,`auto`)}get resolvedActionsMode(){return p.resolveResponsive(this.actionsMode,this.viewport,`auto`)}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(e){var t;super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),(t=this.itemsContainer)==null||t.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){var e;return this.keepDropdownButtonText?this.dropdownButtonText:((e=this.items)==null||(e=e[this.selectedIndex])==null||(e=e.textContent)==null?void 0:e.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem(),this.requestUpdate()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){var e,t;this.actionsCount=((e=this.ctas)==null?void 0:e.length)??0,(t=this.ctas)==null||t.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e==null||e.setAttribute(`size`,`large`):e==null||e.setAttribute(`size`,`medium`)})}handleItemClick(e){var t;let n=e.target,r=((t=this.items)==null?void 0:t.indexOf(n))??-1;if(r!==-1){var i;this.selectedIndex=r,this.updateSelectedItem();let e=((i=n.textContent)==null?void 0:i.trim())||n.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:r,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get shouldShowItemsInline(){return this.resolvedItemsMode===`inline`?!0:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.resolvedItemsMode===`inline`?!1:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`||[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.resolvedActionsMode===`inline`)return!0;if(this.resolvedActionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.resolvedActionsMode===`inline`?!1:this.resolvedActionsMode===`dropdown`||[`xxs`,`xs`,`s`].includes(this.viewport)&&this.actionsCount>1}render(){return e.html`
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),n=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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),o=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 s=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),c=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const 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("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const f=require("./styles/common.styles.cjs");var p=class extends d.ViewportMixin(n.LitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.actionsCount=0,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var e,t,n;let r=Math.abs((e=this.itemsContainer)==null?void 0:e.scrollLeft),i=r+((t=this.itemsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=r>0,this.hasScrollRight=i<((n=this.itemsContainer)==null?void 0:n.scrollWidth)}}static resolveResponsive(e,t,n){let r;try{r=JSON.parse(e)}catch{return e}if(typeof r!=`object`||!r||Array.isArray(r))return e;let i=r,a=m.VIEWPORT_ORDER.indexOf(t);for(let e=a;e>=0;e--){let t=m.VIEWPORT_ORDER[e];if(t in i)return i[t]}return n}get resolvedItemsMode(){return m.resolveResponsive(this.itemsMode,this.viewport,`auto`)}get resolvedActionsMode(){return m.resolveResponsive(this.actionsMode,this.viewport,`auto`)}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(t){var n;super.firstUpdated(t),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),(n=this.itemsContainer)==null||n.addEventListener(`scroll`,this.handleScroll),e.pubSub.subscribe(`direction`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll),e.pubSub.unsubscribe(`direction`,this.handleScroll)}get selectedItemText(){var e;return this.keepDropdownButtonText?this.dropdownButtonText:((e=this.items)==null||(e=e[this.selectedIndex])==null||(e=e.textContent)==null?void 0:e.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem(),this.requestUpdate()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){var e,t;this.actionsCount=((e=this.ctas)==null?void 0:e.length)??0,(t=this.ctas)==null||t.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e==null||e.setAttribute(`size`,`large`):e==null||e.setAttribute(`size`,`medium`)})}handleItemClick(e){var t;let n=e.target,r=((t=this.items)==null?void 0:t.indexOf(n))??-1;if(r!==-1){var i;this.selectedIndex=r,this.updateSelectedItem();let e=((i=n.textContent)==null?void 0:i.trim())||n.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:r,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get shouldShowItemsInline(){return this.resolvedItemsMode===`inline`?!0:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.resolvedItemsMode===`inline`?!1:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`||[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.resolvedActionsMode===`inline`)return!0;if(this.resolvedActionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.resolvedActionsMode===`inline`?!1:this.resolvedActionsMode===`dropdown`||[`xxs`,`xs`,`s`].includes(this.viewport)&&this.actionsCount>1}render(){return t.html`
             ${this.backdropTemplate}
             <div class="container gutter">
-                <nav data-testid="ds-secondary-navigation-container" class=${l.classMap(this.classes)}>
+                <nav data-testid="ds-secondary-navigation-container" class=${u.classMap(this.classes)}>
                     ${this.itemsTemplate}
                     ${this.itemsDropdownButtonTemplate}
                     ${this.actionsTemplate}
@@ -10,35 +10,35 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     ${this.actionsDropdownTemplate}
                 </nav>
             </div>
-        `}get itemsTemplate(){return this.shouldShowItemsInline?e.html`
+        `}get itemsTemplate(){return this.shouldShowItemsInline?t.html`
             <div class="items-container">
                 <div>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:e.nothing}get actionsTemplate(){return this.shouldShowActionsInline?e.html`
+        `:t.nothing}get actionsTemplate(){return this.shouldShowActionsInline?t.html`
             <div class="actions-container">
                 <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
             </div>
-        `:e.nothing}get iconTemplate(){return c.uiKitHtml`<ds-icon class="icon" icon-name=${this.openItems?`arrow-down`:`arrow-up`} size="20"></ds-icon>`}get itemsDropdownButtonTemplate(){return this.shouldShowItemsDropdownButton?this.resolvedItemsMode===`icon-button`?c.uiKitHtml`<ds-icon-button
+        `:t.nothing}get iconTemplate(){return l.uiKitHtml`<ds-icon class="icon" icon-name=${this.openItems?`arrow-down`:`arrow-up`} size="20"></ds-icon>`}get itemsDropdownButtonTemplate(){return this.shouldShowItemsDropdownButton?this.resolvedItemsMode===`icon-button`?l.uiKitHtml`<ds-icon-button
                 class="items-list-button"
-                data-aria-label="open items dropdown"
+                data-aria-label=${this.dataAriaLabelItemsDropdown||`open items dropdown`}
                 @click=${this.toggleItemsDropdown}
-                size=${p.RESPONSIVE_BUTTON_SIZE}
+                size=${m.RESPONSIVE_BUTTON_SIZE}
                 variant="secondary"
                 icon-name="list-line"
-            ></ds-icon-button>`:c.uiKitHtml`<ds-button
+            ></ds-icon-button>`:l.uiKitHtml`<ds-button
             class="items-dropdown-button"
             variant="secondary"
-            size=${p.RESPONSIVE_BUTTON_SIZE}
+            size=${m.RESPONSIVE_BUTTON_SIZE}
             icon-name=${this.openItems?`arrow-down`:`arrow-up`}
-            icon-position="right"
+            icon-position="end"
             @click=${this.toggleItemsDropdown}
             aria-expanded=${this.openItems}
             aria-haspopup="true"
-        ><span>${this.selectedItemText}</span></ds-button>`:e.nothing}get itemsDropdownTemplate(){return this.shouldShowItemsDropdownButton?e.html`
+        ><span>${this.selectedItemText}</span></ds-button>`:t.nothing}get itemsDropdownTemplate(){return this.shouldShowItemsDropdownButton?t.html`
             <div
-                class=${l.classMap({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
+                class=${u.classMap({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
                 role="menu"
                 aria-hidden=${!this.openItems}
                 ?inert=${!this.openItems}
@@ -47,15 +47,15 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:e.nothing}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?c.uiKitHtml`<ds-icon-button
+        `:t.nothing}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?l.uiKitHtml`<ds-icon-button
             class="nav-arrow"
-            data-aria-label="open actions dropdown"
+            data-aria-label=${this.dataAriaLabelActionsDropdown||`open actions dropdown`}
             @click=${this.toggleActionsDropdown}
-            size=${p.RESPONSIVE_BUTTON_SIZE}
+            size=${m.RESPONSIVE_BUTTON_SIZE}
             icon-name="triple-dot-v"
-        ></ds-icon-button>`:e.nothing}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?e.html`
+        ></ds-icon-button>`:t.nothing}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?t.html`
             <div
-                class=${l.classMap({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
+                class=${u.classMap({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
                 role="menu"
                 aria-hidden=${!this.openCtas}
                 ?inert=${!this.openCtas}
@@ -64,4 +64,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
                 </div>
             </div>
-        `:e.nothing}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.nothing:e.html`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}},p=f,m=(f.styles=[d.commonStyles],f.RESPONSIVE_BUTTON_SIZE=JSON.stringify({xs:`medium`,s:`medium`,m:`medium`,l:`medium`,xl:`large`,xxl:`large`}),f.VIEWPORT_ORDER=[`xs`,`s`,`m`,`l`,`xl`,`xxl`],f);o.default([n.property({type:String,attribute:`dropdown-button-text`})],m.prototype,`dropdownButtonText`,void 0),o.default([n.property({type:Number,attribute:`selected-index`})],m.prototype,`selectedIndex`,void 0),o.default([n.property({type:Boolean,attribute:`keep-dropdown-button-text`})],m.prototype,`keepDropdownButtonText`,void 0),o.default([n.property({type:String,attribute:`items-mode`})],m.prototype,`itemsMode`,void 0),o.default([n.property({type:String,attribute:`actions-mode`})],m.prototype,`actionsMode`,void 0),o.default([r.state()],m.prototype,`openItems`,void 0),o.default([r.state()],m.prototype,`openCtas`,void 0),o.default([r.state()],m.prototype,`hasScrollLeft`,void 0),o.default([r.state()],m.prototype,`hasScrollRight`,void 0),o.default([r.state()],m.prototype,`actionsCount`,void 0),o.default([a.queryAssignedElements({slot:`items`})],m.prototype,`items`,void 0),o.default([a.queryAssignedElements({slot:`actions`})],m.prototype,`ctas`,void 0),o.default([i.query(`.items-container`)],m.prototype,`itemsContainer`,void 0),m=p=o.default([s.customUiKitElement(`ds-secondary-navigation`)],m),Object.defineProperty(exports,"DsSecondaryNavigation",{enumerable:!0,get:function(){return m}});
+        `:t.nothing}get backdropTemplate(){return!this.openItems&&!this.openCtas?t.nothing:t.html`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}},m=p,h=(p.styles=[f.commonStyles],p.RESPONSIVE_BUTTON_SIZE=JSON.stringify({xs:`medium`,s:`medium`,m:`medium`,l:`medium`,xl:`large`,xxl:`large`}),p.VIEWPORT_ORDER=[`xs`,`s`,`m`,`l`,`xl`,`xxl`],p);s.default([r.property({type:String,attribute:`data-aria-label-items-dropdown`})],h.prototype,`dataAriaLabelItemsDropdown`,void 0),s.default([r.property({type:String,attribute:`data-aria-label-actions-dropdown`})],h.prototype,`dataAriaLabelActionsDropdown`,void 0),s.default([r.property({type:String,attribute:`dropdown-button-text`})],h.prototype,`dropdownButtonText`,void 0),s.default([r.property({type:Number,attribute:`selected-index`})],h.prototype,`selectedIndex`,void 0),s.default([r.property({type:Boolean,attribute:`keep-dropdown-button-text`})],h.prototype,`keepDropdownButtonText`,void 0),s.default([r.property({type:String,attribute:`items-mode`})],h.prototype,`itemsMode`,void 0),s.default([r.property({type:String,attribute:`actions-mode`})],h.prototype,`actionsMode`,void 0),s.default([i.state()],h.prototype,`openItems`,void 0),s.default([i.state()],h.prototype,`openCtas`,void 0),s.default([i.state()],h.prototype,`hasScrollLeft`,void 0),s.default([i.state()],h.prototype,`hasScrollRight`,void 0),s.default([i.state()],h.prototype,`actionsCount`,void 0),s.default([o.queryAssignedElements({slot:`items`})],h.prototype,`items`,void 0),s.default([o.queryAssignedElements({slot:`actions`})],h.prototype,`ctas`,void 0),s.default([a.query(`.items-container`)],h.prototype,`itemsContainer`,void 0),h=m=s.default([c.customUiKitElement(`ds-secondary-navigation`)],h),Object.defineProperty(exports,"DsSecondaryNavigation",{enumerable:!0,get:function(){return h}});

package/dist-react/cjs/components/ds-secondary-navigation/styles/common.styles.cjs

@@ -17,7 +17,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);
         backdrop-filter: blur(var(--ui-kit-private-blur-size));
         border-radius: var(--ui-kit-private-blur-border-radius, inherit);
@@ -134,6 +134,26 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         );
     }
 
+    :host(:dir(rtl)) .scroll-left .items-container {
+        mask-image: linear-gradient(
+            to right,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 1) 80%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
+    :host(:dir(rtl)) .scroll-right .items-container {
+        mask-image: linear-gradient(
+            to left,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 1) 80%,
+            rgba(0, 0, 0, 0.5) 95%,
+            rgba(0, 0, 0, 0) 100%
+        );
+    }
+
     .scroll-left.scroll-right .items-container {
         mask-image: linear-gradient(
             to right,
@@ -231,7 +251,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         box-sizing: border-box;
         width: 100%;
         z-index: var(--ds-z-index-context-menu);
-        left: 0;
+        inset-inline-start: 0;
         bottom: calc(var(--ui-kit-private-secondary-navigation-container-height) + var(--ds-spacing-s-5));
     }
 
@@ -273,8 +293,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .dropdown-backdrop {
         position: fixed;
         top: 0;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         bottom: 0;
     }
 

package/dist-react/cjs/components/ds-select/ds-select.cjs

@@ -1,4 +1,4 @@
-require("../ds-theme-provider/themeContext.cjs");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");require("../ds-icon/ds-icon.cjs");const 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-loader-spinner/ds-loader-spinner.cjs");const f=require("./controllers/SelectKeyboardController.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.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.loading=!1,this.loadingAriaLabel=`Loading`,this.iconName=void 0,this.dataAriaLabel=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||this.loading||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,f.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):f.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var e,t;this.nativeSelect=(e=this.nativeSelects)==null?void 0:e[0],this.nativeLabel=(t=this.nativeLabels)==null?void 0:t[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var e;this.hasForcedError=((e=this.forcedError)==null?void 0:e.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var e,t;(e=this.nativeSelect)==null||e.removeEventListener(`change`,this.syncNativeOptions),(t=this.observer)==null||t.disconnect()}findSelectedOptionIndex(){var e;let t=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return(e=this.nativeOptions[t])!=null&&e.hidden?this.nativeOptions.findIndex(e=>!e.hidden):t}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){var t;e==null||(t=e.scrollIntoView)==null||t.call(e,{block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t!=null&&t.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,n;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),readonly:!!this.readonly,loading:!!this.loading,filled:!!((t=this.nativeOptions)!=null&&(t=t.find(e=>e.selected&&!e.hidden))!=null&&t.selected),invalid:!((n=this.nativeSelect)!=null&&n.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.html`
+require("../ds-theme-provider/themeContext.cjs");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");require("../ds-icon/ds-icon.cjs");const 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-loader-spinner/ds-loader-spinner.cjs");const f=require("./controllers/SelectKeyboardController.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.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.loading=!1,this.loadingAriaLabel=`Loading`,this.iconName=void 0,this.dataAriaLabel=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||this.loading||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,f.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):f.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var e,t;this.nativeSelect=(e=this.nativeSelects)==null?void 0:e[0],this.nativeLabel=(t=this.nativeLabels)==null?void 0:t[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var e;this.hasForcedError=((e=this.forcedError)==null?void 0:e.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var e,t;(e=this.nativeSelect)==null||e.removeEventListener(`change`,this.syncNativeOptions),(t=this.observer)==null||t.disconnect()}findSelectedOptionIndex(){var e;let t=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return(e=this.nativeOptions[t])!=null&&e.hidden?this.nativeOptions.findIndex(e=>!e.hidden):t}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){var t;e==null||(t=e.scrollIntoView)==null||t.call(e,{block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t!=null&&t.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,n;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),readonly:!!this.readonly,loading:!!this.loading,filled:!!((t=this.nativeOptions)!=null&&(t=t.find(e=>e.selected&&!e.hidden))!=null&&t.selected),invalid:!((n=this.nativeSelect)!=null&&n.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.html`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
             <div class=${u.classMap(this.containerClasses)}>
                 ${this.displaySelectTemplate}

package/dist-react/cjs/components/ds-select/styles/cupra-diagonal.styles.cjs

@@ -220,7 +220,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         display: flex;
         width: 100%;
         box-sizing: border-box;
-        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) var(--ds-spacing-s-5) var(--ds-spacing-m-2);
+        padding-block: var(--ds-spacing-s-5);
+        padding-inline: var(--ds-spacing-m-2) var(--ds-spacing-s-5);
         align-items: flex-start;
         gap: var(--ds-spacing-s-5);
         color: var(--ds-dropdown-select-list-text-color-input-default, #fafafa);
@@ -236,9 +237,10 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
             var(--ds-typography-family-primary);
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .option.selected {
-        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) var(--ds-spacing-s-5) calc(var(--ds-spacing-m-2) - 0.25rem);
+        padding-block: var(--ds-spacing-s-5);
+        padding-inline: calc(var(--ds-spacing-m-2) - 0.25rem) var(--ds-spacing-s-5);
         background: var(--ds-dropdown-select-list-bg-color-default, rgba(195, 195, 203, 0.05));
-        border-left: 4px solid var(--ds-color-surface-selected);
+        border-inline-start: 4px solid var(--ds-color-surface-selected);
         --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .option:last-child {
@@ -253,10 +255,12 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         background: var(--ds-dropdown-select-list-bg-color-hover, rgba(195, 195, 203, 0.1));
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .primary.large .label {
-        padding: var(--ds-spacing-s-3, 4px) 0 0 var(--ds-spacing-m-2, 16px);
+        padding-block: var(--ds-spacing-s-3, 4px) 0;
+        padding-inline: var(--ds-spacing-m-2, 16px) 0;
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .primary.medium .label {
-        padding: var(--ds-spacing-s-3, 4px) 0 0 var(--ds-spacing-m-1, 12px);
+        padding-block: var(--ds-spacing-s-3, 4px) 0;
+        padding-inline: var(--ds-spacing-m-1, 12px) 0;
         font: 350 var(--ds-typography-size-body-s, 12px) / var(--ds-typography-height-body-s, 16px)
             var(--ds-typography-family-primary);
     }
@@ -303,7 +307,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted([slot='helper-text']) {
         font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
             var(--ds-typography-family-primary);
-        padding-left: var(--ds-spacing-m-1, 12px);
+        padding-inline-start: var(--ds-spacing-m-1, 12px);
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted([slot='helper-text']) {
         font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
@@ -327,7 +331,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted([slot='readonly-text']) {
         font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
             var(--ds-typography-family-primary);
-        padding-left: var(--ds-spacing-m-1, 12px);
+        padding-inline-start: var(--ds-spacing-m-1, 12px);
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted([slot='readonly-text']) {
         font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
@@ -342,7 +346,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted([slot='forced-error']) {
         font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
             var(--ds-typography-family-primary);
-        padding-left: var(--ds-spacing-m-1, 12px);
+        padding-inline-start: var(--ds-spacing-m-1, 12px);
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted([slot='forced-error']) {
         font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
@@ -363,7 +367,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted([slot='invalid-error']) {
         font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
             var(--ds-typography-family-primary);
-        padding-left: var(--ds-spacing-m-1, 12px);
+        padding-inline-start: var(--ds-spacing-m-1, 12px);
     }
     :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted([slot='invalid-error']) {
         font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)