@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

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;

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

@@ -1,20 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),h=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 i=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"),d=require("./styles/common.styles.cjs");var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(o,s,c,n)=>{for(var t=n>1?void 0:n?b(s,c):s,p=o.length-1,l;p>=0;p--)(l=o[p])&&(t=(n?l(s,c,t):l(t))||t);return n&&t&&y(s,c,t),t};exports.DsMapPin=class extends a.UiKitElement{constructor(){super(...arguments),this.width=48,this.height=48,this.checked=!1,this.iconSize=24,this.iconTop=8}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize}):r.nothing}get clusterNumberTemplate(){return this.clusterCount?r.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/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("./styles/common.styles.cjs");var u,d=(u=class extends r.UiKitElement{constructor(...e){super(...e),this.width=48,this.height=48,this.checked=!1,this.iconSize=24,this.iconTop=8}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.iconName)} size=${c.o(this.iconSize)}></ds-icon>`:e.E}get clusterNumberTemplate(){return this.clusterCount?e.x`
             <div class='cluster-count'>
                     ${this.clusterCount}
             </div>
-        `:r.nothing}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}get styleTokens(){return r.html`
+        `:e.E}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}get styleTokens(){return e.x`
             <style>
-                :host{
-                    --ds-icon-color: var(--ds-map-pin-icon-color);
-                }
-
                 .icon {
                     top: ${this.iconTop}px;
                 }
             </style>
-        `}get classes(){return{container:!0,checked:this.checked,cluster:!!this.clusterCount}}render(){return r.html`
+        `}get classes(){return{container:!0,checked:this.checked,cluster:!!this.clusterCount}}render(){return e.x`
             ${this.styleTokens}
-            <span data-testid="ds-map-pin-container" class=${m.classMap(this.classes)} @click=${this.handleClick}>
+            <span data-testid="ds-map-pin-container" class=${s.e(this.classes)} @click=${this.handleClick}>
                 <svg
                     class="marker"
                     xmlns="http://www.w3.org/2000/svg"
@@ -27,10 +23,9 @@
                         fill-rule="evenodd"
                         clip-rule="evenodd"
                         d="M24.1599 48.6467C26.4109 38.2008 41.9998 30.5848 41.9998 18.5849C41.9998 8.74991 33.9409 0.777954 23.9999 0.777954C14.059 0.777954 6 8.74991 6 18.5849C6 31.2298 21.5719 37.9948 23.5469 48.6077C23.7759 48.8277 23.8869 48.8277 24.1599 48.6467Z"
-                        fill="#1B1B1B"
                     />
                 </svg>
                 ${this.iconTemplate}
                 ${this.clusterNumberTemplate}
             </span>
-        `}};exports.DsMapPin.styles=[d.mapPinStyles];e([i.property({type:Number,attribute:"width"})],exports.DsMapPin.prototype,"width",2);e([i.property({type:Number,attribute:"height"})],exports.DsMapPin.prototype,"height",2);e([i.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsMapPin.prototype,"checked",2);e([i.property({type:String,attribute:"icon-name"})],exports.DsMapPin.prototype,"iconName",2);e([i.property({type:Number,attribute:"icon-size"})],exports.DsMapPin.prototype,"iconSize",2);e([i.property({type:Number,attribute:"icon-top"})],exports.DsMapPin.prototype,"iconTop",2);e([i.property({type:Number,attribute:"cluster-count"})],exports.DsMapPin.prototype,"clusterCount",2);exports.DsMapPin=e([u.customUiKitElement("ds-map-pin")],exports.DsMapPin);
+        `}},u.styles=[l.mapPinStyles],u);n.__decorate([t.n({type:Number,attribute:`width`})],d.prototype,`width`,void 0),n.__decorate([t.n({type:Number,attribute:`height`})],d.prototype,`height`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],d.prototype,`checked`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],d.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],d.prototype,`iconSize`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-top`})],d.prototype,`iconTop`,void 0),n.__decorate([t.n({type:Number,attribute:`cluster-count`})],d.prototype,`clusterCount`,void 0),d=n.__decorate([i.customUiKitElement(`ds-map-pin`)],d);

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

@@ -1,6 +1,7 @@
-"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 t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=t.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-block;
+        --ui-kit-icon-color: var(--ui-kit-private-map-pin-icon-color);
     }
 
     .container {
@@ -18,19 +19,11 @@
     .cluster-count {
         display: flex;
         position: absolute;
-        border-radius: var(--dg-border-radius-full);
-        background: var(--dg-color-bg-base);
         align-items: center;
         justify-content: center;
         top: -8px;
         right: -6px;
         width: 24px;
         height: 24px;
-        font-size: var(--dg-font-size-body-s, 12px);
-        font-style: normal;
-        font-weight: 400;
-        line-height: var(--dg-font-height-body-s, 16px); /* 133.333% */
-        letter-spacing: var(--dg-font-letter-spacing-m, 0.5px);
-        color: var(--dg-color-text-strong);
     }
-`;exports.mapPinStyles=e;
+`;exports.mapPinStyles=t;

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

@@ -1,27 +1,27 @@
-"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 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 l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(n,e,r,t)=>{for(var s=t>1?void 0:t?v(e,r):e,o=n.length-1,i;o>=0;o--)(i=n[o])&&(s=(t?i(e,r,s):i(s))||s);return t&&s&&f(e,r,s),s};exports.DsMediaControl=class extends m.UiKitElement{constructor(){super(...arguments),this.state="pause",this.size="medium",this.progress=0,this.handleToggle=e=>{e.stopPropagation();const r=this.state==="play"?"pause":"play";this.state=r;const t=r==="play"?"ds-media-control:play":"ds-media-control:pause";this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0}))},this.onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleToggle(e))}}get normalizedProgress(){const e=Number(this.progress??0);return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}get classes(){return{container:!0,[this.size]:!!this.size,[this.state]:!!this.state}}get iconSize(){switch(this.size){case"large":return 24;case"small":return 16;default:return 20}}get iconName(){return this.state==="play"?"pause":"play"}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize})}get progressTemplate(){const e=this.size==="large"?46:this.size==="small"?30:38,t=e/2-2/2,s=t-1,o=2*Math.PI*t,i=this.normalizedProgress/100,p=o.toFixed(3),u=(o*(1-i)).toFixed(3),h=`${-e/2} ${-e/2} ${e} ${e}`;return c.html`
-            <svg part="progress" class="progress" viewBox="${h}" aria-hidden="true" focusable="false">
+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"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/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("./styles/common.styles.cjs");var u,d=(u=class extends i.UiKitElement{constructor(...e){super(...e),this._state=void 0,this._stateValue=`pause`,this.size=`medium`,this.progress=0,this.handleToggle=e=>{e.stopPropagation();let t=this.state===`play`?`pause`:`play`;this._stateValue=t,this._state=void 0;let n=t===`play`?`ds-media-control:play`:`ds-media-control:pause`;this.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0}))},this.onKeyDown=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleToggle(e))}}get state(){return this._state??this._stateValue}set state(e){this._state=e}get normalizedProgress(){let e=Number(this.progress??0);return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}get classes(){return{container:!0,[this.size]:!!this.size,[this.state]:!!this.state}}get iconSize(){switch(this.size){case`large`:return 24;case`small`:return 16;default:return 20}}get iconName(){return this.state===`play`?`pause`:`play`}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName} size=${c.o(this.iconSize)}></ds-icon>`}get progressTemplate(){let t=this.size===`large`?46:this.size===`small`?30:38,n=t/2-2/2,r=n-1,i=2*Math.PI*n,a=this.normalizedProgress/100,o=i.toFixed(3),s=(i*(1-a)).toFixed(3);return e.x`
+            <svg part="progress" class="progress" viewBox="${`${-t/2} ${-t/2} ${t} ${t}`}" aria-hidden="true" focusable="false">
                 <circle
                     class="indicator"
                     cx="0"
                     cy="0"
-                    r="${s}"
+                    r="${r}"
                     fill="none"
-                    stroke-dasharray="${p}"
-                    stroke-dashoffset="${u}"
+                    stroke-dasharray="${o}"
+                    stroke-dashoffset="${s}"
                     vector-effect="non-scaling-stroke"
                 ></circle>
             </svg>
-        `}render(){const e=this.state==="play"?"pause":"play";return c.html`
+        `}render(){let t=this.state===`play`?`pause`:`play`;return e.x`
             <div
                 part="container"
-                class=${g.classMap(this.classes)}
+                class=${s.e(this.classes)}
                 role="button"
                 tabindex="0"
-                aria-label=${`${e} media ${this.size}`}
+                aria-label=${`${t} media ${this.size}`}
                 @click=${this.handleToggle}
                 @keydown=${this.onKeyDown}
             >
                 ${this.progressTemplate}
                 ${this.iconTemplate}
             </div>
-        `}};exports.DsMediaControl.styles=[y.commonStyles];a([l.property({type:String,reflect:!0})],exports.DsMediaControl.prototype,"state",2);a([l.property({type:String,reflect:!0})],exports.DsMediaControl.prototype,"size",2);a([l.property({type:Number,reflect:!0})],exports.DsMediaControl.prototype,"progress",2);exports.DsMediaControl=a([d.customUiKitElement("ds-media-control")],exports.DsMediaControl);
+        `}},u.styles=[l.commonStyles],u);r.__decorate([t.n({type:String,attribute:`state`,reflect:!0})],d.prototype,`_state`,void 0),r.__decorate([n.r()],d.prototype,`_stateValue`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`size`,void 0),r.__decorate([t.n({type:Number,reflect:!0})],d.prototype,`progress`,void 0),d=r.__decorate([a.customUiKitElement(`ds-media-control`)],d);

package/dist/cjs/components/ds-media-control/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`
     :host {
         display: contents;
     }
@@ -36,12 +36,12 @@
     }
 
     .progress .indicator {
-        stroke: var(--ds-icon-color);
+        stroke: var(--ds-color-icon-default-subtlest, #d3d6d9);
         stroke-width: 1.5px;
         transform: rotate(-90deg);
     }
 
     [part='container']:focus-visible {
-        box-shadow: 0 0 0 2px var(--ds-color-focus-ring, rgba(255, 255, 255, 0.6));
+        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

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

@@ -1,7 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),b=require("../../mixins/ViewportMixin.cjs"),a=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=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 o=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"),r=require("./styles/common.styles.cjs");var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,e=(c,t,s,l)=>{for(var n=l>1?void 0:l?v(t,s):t,u=c.length-1,d;u>=0;u--)(d=c[u])&&(n=(l?d(t,s,n):d(n))||n);return l&&n&&y(t,s,n),n};exports.DsModal=class extends b.ViewportMixin(h.UiKitElement){constructor(){super(...arguments),this.withCloseButton=!0,this.variant="fullScreen",this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign="default"}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight="0",document.body.style.overflow=""}handleScroll(){const t=this.open&&!this.disableScrollLock,s=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=t&&s?`${window.innerWidth-document.documentElement.clientWidth}px`:"0",document.body.style.overflow=t?"hidden":""}updated(t){super.updated(t),(t.has("open")||t.has("disableScrollLock"))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant==="dialog"?i.html`<div class=${p.classMap(this.backdropClasses)} />`:i.nothing}get buttonSize(){return["xs","s","m"].includes(this.viewport)?"medium":"large"}get closeButtonSize(){return this.variant==="dialog"||["xs","s"].includes(this.viewport)?"small":"medium"}get closeButtonTemplate(){return this.withCloseButton?this.componentFactory.createIconButton({class:"close-button","data-aria-label":"close-button","@click":this.handleClickCloseButton,size:this.closeButtonSize,"icon-name":"cross",mode:"light",variant:"primary"}):i.nothing}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:64}):i.nothing}get cancelButtonTemplate(){return this.cancelButtonText?this.componentFactory.createButton({class:"cancel-button",variant:"secondary",size:this.buttonSize,"@click":this.handleClickCancelButton,children:this.cancelButtonText}):i.nothing}get confirmButtonTemplate(){return this.confirmButtonText?this.componentFactory.createButton({class:"confirm-button",variant:"primary",size:this.buttonSize,"@click":this.handleClickConfirmButton,children:this.confirmButtonText}):i.nothing}get modalClasses(){return{container:!0,animate:!0,open:this.open,close:!this.open,dialog:this.variant==="dialog","full-screen":this.variant==="fullScreen"||this.variant==="fit",fit:this.variant==="fit",[`v-align-${this.vAlign}`]:!!this.vAlign}}get contentClasses(){return{"content-container":!0,"full-width":!!this.fullWidth}}render(){return i.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/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("../../mixins/ViewportMixin.cjs");require("../ds-button/ds-button.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("./styles/common.styles.cjs");var d,f=(d=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.withCloseButton=!0,this.variant=`fullScreen`,this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign=`default`}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight=`0`,document.body.style.overflow=``}handleScroll(){let e=this.open&&!this.disableScrollLock,t=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=e&&t?`${window.innerWidth-document.documentElement.clientWidth}px`:`0`,document.body.style.overflow=e?`hidden`:``}updated(e){super.updated(e),(e.has(`open`)||e.has(`disableScrollLock`))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant===`dialog`?e.x`<div class=${s.e(this.backdropClasses)} />`:e.E}get buttonSize(){return[`xs`,`s`,`m`].includes(this.viewport)?`medium`:`large`}get closeButtonSize(){return this.variant===`dialog`||[`xs`,`s`].includes(this.viewport)?`small`:`medium`}get closeButtonTemplate(){return this.withCloseButton?o.uiKitHtml`<ds-icon-button
+            class="close-button"
+            data-aria-label="close-button"
+            @click=${this.handleClickCloseButton}
+            size=${c.o(this.closeButtonSize)}
+            icon-name="cross"
+            mode="light"
+            variant="primary"
+        ></ds-icon-button>`:e.E}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.iconName)} size="64"></ds-icon>`:e.E}get cancelButtonTemplate(){return this.cancelButtonText?o.uiKitHtml`<ds-button
+            class="cancel-button"
+            variant="secondary"
+            size=${c.o(this.buttonSize)}
+            @click=${this.handleClickCancelButton}
+        >${this.cancelButtonText}</ds-button>`:e.E}get confirmButtonTemplate(){return this.confirmButtonText?o.uiKitHtml`<ds-button
+            class="confirm-button"
+            variant="primary"
+            size=${c.o(this.buttonSize)}
+            @click=${this.handleClickConfirmButton}
+        >${this.confirmButtonText}</ds-button>`:e.E}get modalClasses(){return{container:!0,animate:!0,open:this.open,close:!this.open,dialog:this.variant===`dialog`,"full-screen":this.variant===`fullScreen`||this.variant===`fit`,fit:this.variant===`fit`,[`v-align-${this.vAlign}`]:!!this.vAlign}}get contentClasses(){return{"content-container":!0,"full-width":!!this.fullWidth}}render(){return e.x`
             <style>
                 :host {
-                    ${!this.open&&"display: none;"}
+                    ${!this.open&&`display: none;`}
                 }
                 .container, .backdrop {
                     z-index: ${this.zIndex};
@@ -11,16 +29,16 @@
             <div
                 role="dialog"
                 aria-labelledby="ds-modal-title"
-                class=${p.classMap(this.modalClasses)}
+                class=${s.e(this.modalClasses)}
                 @transitionend=${this.handleTransitionEnd}
             >
                 ${this.closeButtonTemplate}
                 ${this.iconTemplate}
-                <div class=${p.classMap(this.contentClasses)}>
+                <div class=${s.e(this.contentClasses)}>
                     <slot id="ds-modal-title" name="title"></slot>
                     <slot name="content"></slot>
                     ${this.cancelButtonTemplate}
                     ${this.confirmButtonTemplate}
                 </div>
             </div>
-        `}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-cancel-button",{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent("click-confirm-button",{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-close-button",{bubbles:!0,composed:!0}))}handleTransitionEnd(t){t.propertyName==="opacity"&&(this.open?this.dispatchEvent(new CustomEvent("open-transition-end",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close-transition-end",{bubbles:!0,composed:!0})))}};exports.DsModal.styles=[r.fullScreenStyles,r.dialogStyles,r.fitStyles,r.commonStyles,r.alignStyles];e([o.property({type:Boolean,reflect:!0,converter:a.booleanConverter})],exports.DsModal.prototype,"open",2);e([o.property({type:Boolean,attribute:"with-close-button",converter:a.booleanConverter})],exports.DsModal.prototype,"withCloseButton",2);e([o.property({type:String,attribute:"cancel-button-text"})],exports.DsModal.prototype,"cancelButtonText",2);e([o.property({type:String,attribute:"confirm-button-text"})],exports.DsModal.prototype,"confirmButtonText",2);e([o.property({type:String})],exports.DsModal.prototype,"variant",2);e([o.property({type:Number,attribute:"z-index"})],exports.DsModal.prototype,"zIndex",2);e([o.property({type:Boolean,converter:a.booleanConverter,attribute:"disable-scroll-lock"})],exports.DsModal.prototype,"disableScrollLock",2);e([o.property({type:String,attribute:"icon-name"})],exports.DsModal.prototype,"iconName",2);e([o.property({type:Boolean,converter:a.booleanConverter,attribute:"full-width"})],exports.DsModal.prototype,"fullWidth",2);e([o.property({type:String,attribute:"v-align"})],exports.DsModal.prototype,"vAlign",2);exports.DsModal=e([m.customUiKitElement("ds-modal")],exports.DsModal);
+        `}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-cancel-button`,{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent(`click-confirm-button`,{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-close-button`,{bubbles:!0,composed:!0}))}handleTransitionEnd(e){e.propertyName===`opacity`&&(this.open?this.dispatchEvent(new CustomEvent(`open-transition-end`,{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent(`close-transition-end`,{bubbles:!0,composed:!0})))}},d.styles=[u.fullScreenStyles,u.dialogStyles,u.fitStyles,u.commonStyles,u.alignStyles],d);n.__decorate([t.n({type:Boolean,reflect:!0,converter:a.booleanConverter})],f.prototype,`open`,void 0),n.__decorate([t.n({type:Boolean,attribute:`with-close-button`,converter:a.booleanConverter})],f.prototype,`withCloseButton`,void 0),n.__decorate([t.n({type:String,attribute:`cancel-button-text`})],f.prototype,`cancelButtonText`,void 0),n.__decorate([t.n({type:String,attribute:`confirm-button-text`})],f.prototype,`confirmButtonText`,void 0),n.__decorate([t.n({type:String})],f.prototype,`variant`,void 0),n.__decorate([t.n({type:Number,attribute:`z-index`})],f.prototype,`zIndex`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`disable-scroll-lock`})],f.prototype,`disableScrollLock`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],f.prototype,`fullWidth`,void 0),n.__decorate([t.n({type:String,attribute:`v-align`})],f.prototype,`vAlign`,void 0),f=n.__decorate([i.customUiKitElement(`ds-modal`)],f);