@cupra/ui-kit 2.0.0-canary.19 → 2.0.0-canary.191

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

@@ -1,5 +1,219 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     :host {
         display: contents;
     }
-`;exports.commonStyles=s;
+
+    .container {
+        position: relative;
+        backdrop-filter: blur(60px);
+        border: 1px solid var(--ds-color-border-default);
+        border-radius: var(--ds-border-radius-m);
+        padding: var(--ds-spacing-m-2);
+        width: var(--ui-kit-interactive-card-width, 320px);
+        background: var(--ds-card-bg-color-default);
+        display: flex;
+        flex-direction: column;
+        cursor: pointer;
+        box-sizing: border-box;
+    }
+
+    .container:not(.error):hover {
+        background: var(--ds-card-bg-color-hover);
+    }
+    .container:not(.error):active {
+        background: var(--ds-card-bg-color-pressed);
+    }
+    .container:not(.error):focus-visible {
+        outline: var(--ds-border-width-l) solid var(--ds-color-border-focus-ring);
+        outline-offset: 2px;
+    }
+    .container:not(.error).selected {
+        border: var(--ds-border-width-m) solid var(--ds-color-border-selected-subtle);
+        background: var(--ds-card-bg-color-default);
+    }
+
+    .container.error {
+        pointer-events: none;
+    }
+
+    .header {
+        display: flex;
+        padding: var(--ds-spacing-s-1);
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5);
+        align-self: stretch;
+    }
+
+    .header-main {
+        display: flex;
+        justify-content: space-between;
+        align-items: baseline;
+        gap: 8px;
+        width: 100%;
+    }
+
+    .title {
+        flex: 1 1 auto;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color: var(--ds-color-text-default);
+        font-family: var(--ds-typography-family-primary), sans-serif;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        font-weight: 500;
+    }
+
+    .subtitle {
+        white-space: nowrap;
+        color: var(--ds-color-text-default-subtlest);
+        font-family: var(--ds-typography-family-primary), sans-serif;
+        font-weight: 350;
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    .meta {
+        width: 100%;
+        color: var(--ds-color-text-default);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    .content {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        width: 100%;
+        color: var(--ds-color-text-default-subtlest);
+        font-family: var(--ds-typography-family-primary);
+        font-size: var(--ds-typography-size-body-m);
+        font-style: normal;
+        font-weight: 400;
+        line-height: var(--ds-typography-height-body-m);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    .cta {
+        width: 100%;
+    }
+
+    .error {
+        display: flex;
+        width: var(--ui-kit-interactive-card-width, 320px);
+        padding: var(--ds-spacing-m-2);
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5);
+        border-radius: var(--ds-border-radius-m);
+        border: var(--ds-border-width-m) solid var(--ds-color-border-default);
+        background: var(--ds-card-bg-color-default);
+        backdrop-filter: blur(60px);
+    }
+
+    .error-content {
+        display: flex;
+        padding: var(--ds-spacing-s-1);
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-5);
+        flex: 1 0 0;
+        align-self: stretch;
+    }
+
+    .error-title {
+        color: var(--ds-color-text-default);
+
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 500;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    .error-text {
+        color: var(--ds-color-text-default);
+
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    .large .error-title {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    .large .error-text {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    .medium .error-title {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    .medium .error-text {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-feedback-error);
+        --ui-kit-icon-width: 18px;
+        --ui-kit-icon-height: 18px;
+    }
+
+    .container.medium {
+        gap: var(--ds-spacing-s-5);
+    }
+
+    .container.medium .title {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    .container.medium .subtitle {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    .container.medium .meta,
+    .container.medium .content {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    .container.large {
+        gap: var(--ds-spacing-m-2);
+    }
+
+    .container.large .title {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    .container.large .subtitle {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    .container.large .meta,
+    .container.medium .content {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    .close-button {
+        position: absolute;
+        top: var(--ds-spacing-s-5);
+        right: var(--ds-spacing-s-5);
+    }
+
+    .has-close .header-main {
+        box-sizing: border-box;
+        padding-right: var(--ds-spacing-l-2);
+    }
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-link-button/ds-link-button.cjs

@@ -1,30 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),y=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(s,n,l,r)=>{for(var i=r>1?void 0:r?f(n,l):n,p=s.length-1,a;p>=0;p--)(a=s[p])&&(i=(r?a(n,l,i):a(i))||i);return r&&i&&b(n,l,i),i};exports.DsLinkButton=class extends u.UiKitElement{constructor(){super(...arguments),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"?o.nothing:this.componentFactory.createIcon({class:"icon","icon-name":this.iconName})}get classes(){return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[this.size]:!0,[this.mode]:!!this.mode}}handleClick(n){this.href||n.preventDefault()}get styleTokens(){return y.htmlWithTokens`
+require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.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.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),u=require("./styles/common.styles.cjs");var d,f=(d=class extends 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.E:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.iconName)}></ds-icon>`}get classes(){return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[this.size]:!0,[this.mode]:!!this.mode,"icon-left":this.iconPosition===`left`}}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}render(){return o.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            ${d.choose(this.htmlTagName||"button",[["button",()=>o.html`
-                        <button class=${c.classMap(this.classes)} ?disabled=${this.disabled}>
-                            ${this.iconPosition==="left"?this.iconTemplate:o.nothing}
-                            <slot></slot>
-                            ${this.iconPosition==="right"?this.iconTemplate:o.nothing}
+            ${l.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
+                        <button class=${s.e(this.classes)} ?disabled=${this.disabled}>
+                            <span class="label"><slot></slot></span>
+                            ${this.iconTemplate}
                         </button>
-                    `],["a",()=>o.html`
+                    `],[`a`,()=>e.x`
                         <a
-                            class=${c.classMap(this.classes)}
+                            class=${s.e(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${this.iconPosition==="left"?this.iconTemplate:o.nothing}
-                            <slot></slot>
-                            ${this.iconPosition==="right"?this.iconTemplate:o.nothing}
+                            <span class="label"><slot></slot></span>
+                            ${this.iconTemplate}
                         </a>
                     `]])}
-        `}};exports.DsLinkButton.styles=[g.commonStyles];t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"mode",2);t([e.property({type:String})],exports.DsLinkButton.prototype,"size",2);t([e.property({type:Boolean,converter:h.booleanConverter})],exports.DsLinkButton.prototype,"underline",2);t([e.property({type:Boolean,converter:h.booleanConverter})],exports.DsLinkButton.prototype,"disabled",2);t([e.property({type:String,attribute:"html-tag-name"})],exports.DsLinkButton.prototype,"htmlTagName",2);t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"href",2);t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"rel",2);t([e.property({type:String,reflect:!0})],exports.DsLinkButton.prototype,"target",2);t([e.property({type:String,attribute:"icon-name"})],exports.DsLinkButton.prototype,"iconName",2);t([e.property({type:String,attribute:"icon-position"})],exports.DsLinkButton.prototype,"iconPosition",2);exports.DsLinkButton=t([m.customUiKitElement("ds-link-button")],exports.DsLinkButton);
+        `}},d.styles=[u.commonStyles],d);n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],f.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`underline`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],f.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`target`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],f.prototype,`iconPosition`,void 0),f=n.__decorate([i.customUiKitElement(`ds-link-button`)],f);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     :host {
         display: inline-flex;
     }
@@ -14,4 +14,8 @@
         align-items: center;
         cursor: pointer;
     }
-`;exports.commonStyles=n;
+
+    .link-button.icon-left .icon {
+        order: -1;
+    }
+`;exports.commonStyles=t;

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs"),y=require("./styles/cupra-diagonal.styles.cjs");var D=Object.defineProperty,d=Object.getOwnPropertyDescriptor,n=(r,t,i,s)=>{for(var e=s>1?void 0:s?d(t,i):t,l=r.length-1,o;l>=0;l--)(o=r[l])&&(e=(s?o(t,i,e):o(e))||e);return s&&e&&D(t,i,e),e};exports.DsList=class extends u.UiKitElement{constructor(){super(...arguments),this.size="medium"}get classes(){return{"ds-list":!0,[`size-${this.size}`]:!0}}render(){return a.html`
-            <div class=${p.classMap(this.classes)}>
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const o=require("./styles/common.styles.cjs");var s,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`large`}get classes(){return{"ds-list":!0,[`size-${this.size}`]:!0}}render(){return e.x`
+            <div class=${a.e(this.classes)}>
                 <slot name="title"></slot>
                 <slot name="subtitle"></slot>
                 <div role="list">
                     <slot name="list-item"></slot>
                 </div>
             </div>
-        `}};exports.DsList.styles=[v.commonStyles,y.cupraDiagonalStyles];n([m.property({type:String,reflect:!0})],exports.DsList.prototype,"size",2);exports.DsList=n([c.customUiKitElement("ds-list")],exports.DsList);
+        `}},s.styles=[o.commonStyles],s);n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`size`,void 0),c=n.__decorate([i.customUiKitElement(`ds-list`)],c);

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

@@ -1,7 +1,44 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),o=t.cssWithTokens`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     :host {
         display: block;
         width: fit-content;
         padding: 16px 0;
     }
-`;exports.commonStyles=o;
+
+    .ds-list {
+        display: flex;
+        flex-direction: column;
+        row-gap: var(--ds-sizing-16);
+        font-family: var(--ds-typography-family-primary);
+    }
+
+    ::slotted([slot='title']) {
+        color: var(--ds-color-neutral-10);
+        font-weight: 400;
+    }
+
+    ::slotted([slot='subtitle']) {
+        color: var(--ds-color-neutral-60);
+        font-weight: 400;
+    }
+
+    :host([size='medium']) ::slotted([slot='title']) {
+        font-size: var(--ds-typography-size-headline-xxs);
+        line-height: var(--ds-typography-height-headline-xxs);
+    }
+
+    :host([size='large']) ::slotted([slot='title']) {
+        font-size: var(--ds-typography-size-headline-xxs);
+        line-height: var(--ds-typography-height-headline-xxs);
+    }
+
+    :host([size='medium']) ::slotted([slot='subtitle']) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-xs);
+    }
+
+    :host([size='large']) ::slotted([slot='subtitle']) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-s);
+    }
+`;exports.commonStyles=t;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs"),h=require("./styles/cupra-diagonal.styles.cjs");var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(o,t,i,n)=>{for(var e=n>1?void 0:n?v(t,i):t,a=o.length-1,c;a>=0;a--)(c=o[a])&&(e=(n?c(t,i,e):c(e))||e);return n&&e&&y(t,i,e),e};exports.DsListItem=class extends m.UiKitElement{constructor(){super(...arguments),this.variant="selection",this.selected=!1,this.disabled=!1,this.size="medium"}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var t;if((t=super.connectedCallback)==null||t.call(this),!this.hasAttribute("size")){const i=this.closest("ds-list");i&&(this.size=i.size)}}renderSelectionTemplate(){return s.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.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.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c,l=(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.x`
             <slot name="input-left"></slot>
             <slot name="icon"></slot>
             <div class="container-text">
@@ -7,7 +7,7 @@
             </div>
             <slot name="secondary-text"></slot>
             <slot name="input-right"></slot>
-        `}renderActionTemplate(){return s.html`
+        `}renderActionTemplate(){return e.x`
             <slot name="image-square"></slot>
             <slot name="image-wide"></slot>
             <slot name="icon-left"></slot>
@@ -17,7 +17,7 @@
             </div>
             <slot name="secondary-text"></slot>
             <slot name="icon-right"></slot>
-        `}renderInfoTemplate(){return s.html`
+        `}renderInfoTemplate(){return e.x`
             <slot name="icon"></slot>
             <div class="container-text">
                 <div class="container">
@@ -27,10 +27,10 @@
                 <slot name="description-text"></slot>
             </div>
             <slot name="aside"></slot>
-        `}renderByTemplate(){switch(this.variant){case"selection":return this.renderSelectionTemplate();case"action":return this.renderActionTemplate();case"info":return this.renderInfoTemplate();default:return s.nothing}}render(){const t=this.variant!=="info";return s.html`
-            <li class=${p.classMap(this.classes)} role="listitem" tabindex="0" ?aria-disabled=${this.disabled}>
+        `}renderByTemplate(){switch(this.variant){case`selection`:return this.renderSelectionTemplate();case`action`:return this.renderActionTemplate();case`info`:return this.renderInfoTemplate();default:return e.E}}render(){let t=this.variant!==`info`;return e.x`
+            <li class=${o.e(this.classes)} role="listitem" tabindex="0" ?aria-disabled=${this.disabled}>
                 ${this.renderByTemplate()}
             </li>
 
-            ${t?s.html`<ds-divider orientation="horizontal" variant="primary"></ds-divider>`:s.nothing}
-        `}};exports.DsListItem.styles=[u.commonStyles,h.cupraDiagonalStyles];r([l.property({type:String,reflect:!0})],exports.DsListItem.prototype,"variant",2);r([l.property({type:Boolean,reflect:!0})],exports.DsListItem.prototype,"selected",2);r([l.property({type:Boolean,reflect:!0})],exports.DsListItem.prototype,"disabled",2);r([l.property({type:String,reflect:!0})],exports.DsListItem.prototype,"size",2);exports.DsListItem=r([d.customUiKitElement("ds-list-item")],exports.DsListItem);
+            ${t?a.uiKitHtml`<ds-divider orientation="horizontal" variant="primary" role="presentation"></ds-divider>`:e.E}
+        `}},c.styles=[s.commonStyles],c);n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`variant`,void 0),n.__decorate([t.n({type:Boolean,reflect:!0})],l.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`size`,void 0),l=n.__decorate([i.customUiKitElement(`ds-list-item`)],l);

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),o=t.cssWithTokens`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     :host {
         display: block;
         width: fit-content;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-loader-bar/ds-loader-bar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/ds-base-progress-bar/ds-base-progress-bar.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("./styles/common.styles.cjs");var d=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,g=Reflect.get,B=(e,r,s,a)=>{for(var t=a>1?void 0:a?d(r,s):r,o=e.length-1,n;o>=0;o--)(n=e[o])&&(t=n(t)||t);return t},_=(e,r,s)=>g(m(e),s,r);exports.DsLoaderBar=class extends l.DsBaseProgressBar{render(){return this.show?this.barTemplate:c.nothing}};exports.DsLoaderBar.styles=[..._(exports.DsLoaderBar,exports.DsLoaderBar,"styles"),u.commonStyles];exports.DsLoaderBar=B([i.customUiKitElement("ds-loader-bar",{skipTagAsComponentName:!0})],exports.DsLoaderBar);
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),n=require("../../decorators/customUiKitElement.cjs"),r=require("../base/ds-base-progress-bar/ds-base-progress-bar.cjs"),i=require("./styles/common.styles.cjs"),a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/superPropGet.cjs");var o,s=(o=class extends r.DsBaseProgressBar{render(){return this.show?this.barTemplate:e.E}},o.styles=[...a._superPropGet(o,`styles`,o),i.commonStyles],o);s=t.__decorate([n.customUiKitElement(`ds-loader-bar`,{skipTagAsComponentName:!0})],s);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     .fill {
         width: 33%;
         transform: translateX(-100%);
@@ -13,4 +13,4 @@
             transform: translateX(300%);
         }
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-loader-dots/ds-loader-dots.cjs

@@ -1,14 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/booleanConverter.cjs"),h=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var v=Object.defineProperty,D=Object.getOwnPropertyDescriptor,r=(o,t,i,s)=>{for(var e=s>1?void 0:s?D(t,i):t,l=o.length-1,n;l>=0;l--)(n=o[l])&&(e=(s?n(t,i,e):n(e))||e);return s&&e&&v(t,i,e),e};exports.DsLoaderDots=class extends d.UiKitElement{constructor(){super(...arguments),this.show=!1,this.mode="light",this.size="large"}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return h.htmlWithTokens`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const c=require("./styles/common.styles.cjs");var l,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.size=`large`}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return e.x`
                 <style>
                     :host {
                         color-scheme: ${this.mode};
                     }
                 </style>
-        `}render(){return this.show?a.html`
+        `}render(){return this.show?e.x`
                   ${this.styleTokens}
-                  <div class=${m.classMap(this.classes)}>
+                  <div
+                      class=${o.e(this.classes)}
+                      role=${s.o(this.dataAriaLabel?`img`:void 0)}
+                      aria-label=${s.o(this.dataAriaLabel)}
+                      aria-hidden=${s.o(this.dataAriaLabel?void 0:`true`)}
+                  >
                       <div class="dot first"></div>
                       <div class="dot middle"></div>
                       <div class="dot last"></div>
                   </div>
-              `:a.nothing}};exports.DsLoaderDots.styles=[y.commonStyles];r([c.property({type:Boolean,converter:u.booleanConverter})],exports.DsLoaderDots.prototype,"show",2);r([c.property({type:String,reflect:!0})],exports.DsLoaderDots.prototype,"mode",2);r([c.property({type:String})],exports.DsLoaderDots.prototype,"size",2);exports.DsLoaderDots=r([p.customUiKitElement("ds-loader-dots")],exports.DsLoaderDots);
+              `:e.E}},l.styles=[c.commonStyles],l);n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`show`,void 0),n.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],u.prototype,`size`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],u.prototype,`dataAriaLabel`,void 0),u=n.__decorate([i.customUiKitElement(`ds-loader-dots`)],u);

package/dist-react/cjs/components/ds-loader-dots/styles/common.styles.cjs

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../utils/cssWithTokens.cjs"),n=i.cssWithTokens`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     .container {
         display: inline-flex;
         justify-content: center;
         align-items: center;
     }
-    
+
     .dot.middle {
         animation-delay: 0.4s;
     }
-    
+
     .dot.last {
         animation-delay: 0.8s;
     }
-    
+
     .dot {
         border-radius: 50%;
         animation-name: loader;
@@ -23,9 +23,17 @@
     }
 
     @keyframes loader {
-        0% { opacity: 1 }
-        18% { opacity: 0.2 }
-        82% { opacity: 0.6 }
-        100% { opacity: 1 }
+        0% {
+            opacity: 1;
+        }
+        18% {
+            opacity: 0.2;
+        }
+        82% {
+            opacity: 0.6;
+        }
+        100% {
+            opacity: 1;
+        }
     }
-`;exports.commonStyles=n;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-loader-logo/ds-loader-logo.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),y=require("./ds-loader-logo.styles.cjs");var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(i,t,c,r)=>{for(var e=r>1?void 0:r?g(t,c):t,l=i.length-1,a;l>=0;l--)(a=i[l])&&(e=(r?a(t,c,e):a(e))||e);return r&&e&&m(t,c,e),e};exports.DsLoaderLogo=class extends p.UiKitElement{constructor(){super(...arguments),this.show=!1,this.zIndex=2e3,this.iconName="logo"}get styleTokens(){return s.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.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.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const c=require("./ds-loader-logo.styles.cjs");var l,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.zIndex=2e3,this.iconName=`logo`}get styleTokens(){return e.x`
                 <style>
                     :host {
-                        --ds-icon-color: ${this.color||"var(--ds-loader-logo-icon-color)"};
+                        --ui-kit-icon-color: ${this.color||`var(--ui-kit-private-loader-logo-icon-color)`};
                     }
                 </style>
-        `}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):s.nothing}render(){return this.show?s.html`
+        `}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${s.o(this.iconName)}></ds-icon>`:e.E}render(){return this.show?e.x`
                   <style>
                       .backdrop {
                           z-index: ${this.zIndex};
@@ -14,4 +14,4 @@
                   <div class="backdrop">
                       <div class="container">${this.iconTemplate}</div>
                   </div>
-              `:s.nothing}};exports.DsLoaderLogo.styles=[y.commonStyles];o([n.property({type:Boolean,converter:u.booleanConverter})],exports.DsLoaderLogo.prototype,"show",2);o([n.property({type:Number,attribute:"z-index"})],exports.DsLoaderLogo.prototype,"zIndex",2);o([n.property({type:String,attribute:"icon-name"})],exports.DsLoaderLogo.prototype,"iconName",2);o([n.property({type:String})],exports.DsLoaderLogo.prototype,"color",2);exports.DsLoaderLogo=o([d.customUiKitElement("ds-loader-logo")],exports.DsLoaderLogo);
+              `:e.E}},l.styles=[c.commonStyles],l);n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`show`,void 0),n.__decorate([t.n({type:Number,attribute:`z-index`})],u.prototype,`zIndex`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),n.__decorate([t.n({type:String})],u.prototype,`color`,void 0),u=n.__decorate([i.customUiKitElement(`ds-loader-logo`)],u);

package/dist-react/cjs/components/ds-loader-logo/ds-loader-logo.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     .backdrop {
         display: flex;
         position: fixed;
@@ -57,4 +57,4 @@
     .back-logo {
         z-index: 0;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-loader-spinner/ds-loader-spinner.cjs

@@ -1,9 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(o,r,n,t)=>{for(var e=t>1?void 0:t?v(r,n):r,i=o.length-1,p;i>=0;i--)(p=o[i])&&(e=(t?p(r,n,e):p(e))||e);return t&&e&&h(r,n,e),e};exports.DsLoaderSpinner=class extends a.UiKitElement{constructor(){super(...arguments),this.show=!1,this.mode="light",this.orientation="row"}get classes(){return{container:!0,[this.mode]:!!this.mode,[this.orientation]:!!this.orientation}}render(){return this.show?l.html`
-                  <div class=${d.classMap(this.classes)}>
-                      <svg class="spinner" viewBox="0 0 50 50">
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs");const l=require("./styles/common.styles.cjs");var u,d=(u=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.orientation=`row`,this.size=24}get classes(){return{container:!0,[this.mode]:!!this.mode,[this.orientation]:!!this.orientation}}get spinnerStyles(){return{width:`${this.size}px`,height:`${this.size}px`}}render(){return this.show?e.x`
+                  <div class=${o.e(this.classes)}>
+                      <svg
+                          class="spinner"
+                          style=${c.o(this.spinnerStyles)}
+                          viewBox="0 0 50 50"
+                          role=${s.o(this.dataAriaLabel?`img`:void 0)}
+                          aria-label=${s.o(this.dataAriaLabel)}
+                          aria-hidden=${s.o(this.dataAriaLabel?void 0:`true`)}
+                      >
                           <circle class="spinner-bg" cx="25" cy="25" r="20" />
                           <circle class="spinner-fg" cx="25" cy="25" r="20" />
                       </svg>
                       <slot name="text"></slot>
                   </div>
-              `:l.nothing}};exports.DsLoaderSpinner.styles=y.commonStyles;s([c.property({type:Boolean,converter:m.booleanConverter})],exports.DsLoaderSpinner.prototype,"show",2);s([c.property({type:String,reflect:!0})],exports.DsLoaderSpinner.prototype,"mode",2);s([c.property({type:String})],exports.DsLoaderSpinner.prototype,"orientation",2);exports.DsLoaderSpinner=s([u.customUiKitElement("ds-loader-spinner")],exports.DsLoaderSpinner);
+              `:e.E}},u.styles=l.commonStyles,u);n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],d.prototype,`show`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],d.prototype,`orientation`,void 0),n.__decorate([t.n({type:Number,reflect:!0})],d.prototype,`size`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),d=n.__decorate([i.customUiKitElement(`ds-loader-spinner`)],d);