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

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