@cupra/ui-kit 2.0.0-canary.18 → 2.0.0-canary.180

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

@@ -1,5 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),v=require("../../decorators/customUiKitElement.cjs"),p=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=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"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs");var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(i,t,o,s)=>{for(var e=s>1?void 0:s?y(t,o):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(s?c(t,o,e):c(e))||e);return s&&e&&h(t,o,e),e};exports.DsInteractiveCard=class extends m.UiKitElement{constructor(){super(...arguments),this.size="medium",this.selected=!1,this.error=!1,this.handleClick=t=>{t.stopPropagation()}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"cross-circle",size:24})}get contentTemplate(){return this.error?r.nothing:r.html`
-            <div part="container" class=${d.classMap(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
+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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
+            class="close-button"
+            data-aria-label="Close"
+            @click=${this.handleCloseButtonClick}
+            icon-name="cross"
+            variant="naked"
+            size="medium"
+        ></ds-icon-button>`:e.E}get contentTemplate(){return this.error?e.E:e.x`
+            <div part="container" class=${s.e(this.classes)} data-testid="ds-interactive-card-container" tabindex="0">
+                ${this.closeButtonTemplate}
                 <header class="header" part="header">
                     <div class="header-main">
                         <slot name="title" class="title" part="title"></slot>
@@ -10,15 +18,15 @@
                 <div data-testid="ds-interactive-card-content" class="content" part="content"><slot name="content"></slot></div>
                 <footer @click=${this.handleClick} class="cta" part="cta"><slot name="cta"></slot></footer>
             </div>
-    `}get errorTemplate(){return this.error?r.html`
-            <div part="error" class=${d.classMap(this.errorClasses)}>
+    `}get errorTemplate(){return this.error?e.x`
+            <div part="error" class=${s.e(this.errorClasses)}>
                 ${this.iconTemplate}
                 <div class="error-content" part="error-text">
                     <slot class="error-title" name="error-title"></slot>
                     <slot class="error-text" name="error-text" data-testid="ds-interactive-card-error-text"></slot>
                 </div>
             </div>
-    `:r.nothing}render(){return r.html`
+    `:e.E}render(){return e.x`
             ${this.contentTemplate}
             ${this.errorTemplate}
-        `}};exports.DsInteractiveCard.styles=[u.commonStyles];a([l.property({type:String})],exports.DsInteractiveCard.prototype,"size",2);a([l.property({type:Boolean,converter:p.booleanConverter})],exports.DsInteractiveCard.prototype,"selected",2);a([l.property({type:Boolean,converter:p.booleanConverter})],exports.DsInteractiveCard.prototype,"error",2);exports.DsInteractiveCard=a([v.customUiKitElement("ds-interactive-card")],exports.DsInteractiveCard);
+        `}},l.styles=[c.commonStyles],l);n.__decorate([t.n({type:String})],u.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=n.__decorate([i.customUiKitElement(`ds-interactive-card`)],u);

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

@@ -1,5 +1,5 @@
-"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;
+`;exports.commonStyles=t;

package/dist/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/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/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/cjs/components/ds-list/styles/common.styles.cjs

@@ -1,7 +1,7 @@
-"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;
+`;exports.commonStyles=t;

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

package/dist/cjs/components/ds-loader-spinner/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: contents;
     }
@@ -15,10 +15,8 @@
     .container.default ::slotted([slot='text']) {
         display: none;
     }
-`,t=e.css`
+`,e.i`
     .spinner {
-        width: 24px;
-        height: 24px;
         animation: spin 1s linear infinite;
     }
 
@@ -46,4 +44,4 @@
             transform: rotate(360deg);
         }
     }
-`,r=[n,t];exports.commonStyles=r;
+`];exports.commonStyles=t;

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const g=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"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),c=require("./styles/common.styles.cjs");var y=Object.defineProperty,d=Object.getOwnPropertyDescriptor,l=(s,t,r,o)=>{for(var e=o>1?void 0:o?d(t,r):t,i=s.length-1,n;i>=0;i--)(n=s[i])&&(e=(o?n(t,r,e):n(e))||e);return o&&e&&y(t,r,e),e};exports.DsLogo=class extends a.UiKitElement{constructor(){super(...arguments),this.size="xxsmall",this.mode="light"}get logoTemplate(){return this.componentFactory.createIcon({class:"icon-logo","icon-name":"logo"})}get logoWordmarkTemplate(){return this.componentFactory.createIcon({class:"icon-wordmark","icon-name":"logo-wordmark"})}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return u.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");require("../ds-icon/ds-icon.cjs");const 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"),c=require("./theme-config.cjs");var l,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`xxsmall`,this.mode=`light`}get logoTemplate(){return a.uiKitHtml`<ds-icon class="icon-logo" icon-name="logo"></ds-icon>`}get logoWordmarkTemplate(){var t;return!this.theme||!((t=c.themeConfig[this.theme])!=null&&t[`show-wordmark`])?e.E:a.uiKitHtml`<ds-icon class="icon-wordmark" icon-name="logo-wordmark"></ds-icon>`}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 g.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            <div data-testid="ds-logo-container" class=${h.classMap(this.classes)}>
+            <div data-testid="ds-logo-container" class=${o.e(this.classes)}>
                 ${this.logoTemplate}
                 ${this.logoWordmarkTemplate}
             </div>
-        `}};exports.DsLogo.styles=[c.commonStyles,c.containerStyles];l([m.property({type:String})],exports.DsLogo.prototype,"size",2);l([m.property({type:String,reflect:!0})],exports.DsLogo.prototype,"mode",2);exports.DsLogo=l([p.customUiKitElement("ds-logo")],exports.DsLogo);
+        `}},l.styles=[s.commonStyles,s.containerStyles],l);n.__decorate([t.n({type:String})],u.prototype,`size`,void 0),n.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),u=n.__decorate([i.customUiKitElement(`ds-logo`)],u);

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

@@ -1,10 +1,10 @@
-"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`
     :host {
         display: contents;
     }
-`,s=e.css`
+`,n=e.i`
     .container {
         display: grid;
         grid-template-columns: auto auto;
     }
-`;exports.commonStyles=t;exports.containerStyles=s;
+`;exports.commonStyles=t,exports.containerStyles=n;

package/dist/cjs/components/ds-logo/theme-config.cjs

@@ -0,0 +1 @@
+var e={"cupra-diagonal":{"show-wordmark":!0},cupra:{"show-wordmark":!0},seat:{"show-wordmark":!1}};exports.themeConfig=e;

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),c=require("../../mixins/ViewportMixin.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=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-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),M=require("./styles/common.styles.cjs");var p=Object.getOwnPropertyDescriptor,q=(t,s,l,r)=>{for(var e=r>1?void 0:r?p(s,l):s,i=t.length-1,n;i>=0;i--)(n=t[i])&&(e=n(e)||e);return e};exports.DsMainTitle=class extends c.ViewportMixin(o.UiKitElement){get containerClasses(){return{container:!0}}render(){return u.html`
-            <div class=${m.classMap(this.containerClasses)}>
-                <slot name="title"></slot>
-                <slot name="description"></slot>
+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.alignment=`left`}get classes(){return{container:!0,[`alignment-${this.alignment}`]:!!this.alignment}}render(){return e.x`
+            <div class=${a.e(this.classes)} part="container">
+                <slot name="title" class="title"></slot>
+                <slot name="subtitle" class="subtitle"></slot>
             </div>
-        `}};exports.DsMainTitle.styles=[M.commonStyles];exports.DsMainTitle=q([a.customUiKitElement("ds-main-title")],exports.DsMainTitle);
+        `}},s.styles=[o.commonStyles],s);n.__decorate([t.n({type:String})],c.prototype,`alignment`,void 0),c=n.__decorate([i.customUiKitElement(`ds-main-title`)],c);

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

@@ -1,12 +1,20 @@
-"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`
     :host {
         display: block;
-        width: 100%;
         box-sizing: border-box;
     }
 
-    ::slotted([slot='title']),
-    ::slotted([slot='description']) {
+    .container {
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+    }
+
+    .subtitle {
+        margin: 0;
+    }
+
+    ::slotted(*) {
         margin: 0;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;