@cupra/ui-kit 2.0.0-canary.88 → 2.0.0-canary.89

package/dist/cjs/components/ds-dialog-header/ds-dialog-header.cjs

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/htmlWithTokens.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"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("./styles/common.styles.cjs");var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(s,t,o,i)=>{for(var e=i>1?void 0:i?g(t,o):t,n=s.length-1,a;n>=0;n--)(a=s[n])&&(e=(i?a(t,o,e):a(e))||e);return i&&e&&y(t,o,e),e};exports.DsDialogHeader=class extends p.UiKitElement{constructor(){super(...arguments),this.title="primary",this.iconSize=32}get classes(){return{container:!0}}get styleTokens(){return m.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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}static{this.styles=[s.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return a.htmlWithTokens`
                 <style>
                     :host{
                         grid-area: header;
                     }
                 </style>
-        `}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize}):c.nothing}render(){return c.html`
+        `}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName,size:this.iconSize}):e.E}render(){return e.x`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-header-container" class=${d.classMap(this.classes)}>
+            <div data-testid="ds-dialog-header-container" class=${o.e(this.classes)}>
                 <div class="title-container">
                     ${this.iconTemplate}
                     <div class="title">${this.title}</div>
                 </div>
                 <slot name="subtitle"></slot>
             </div>
-        `}};exports.DsDialogHeader.styles=[h.commonStyles];r([l.property({type:String})],exports.DsDialogHeader.prototype,"title",2);r([l.property({type:String,attribute:"icon-name"})],exports.DsDialogHeader.prototype,"iconName",2);r([l.property({type:Number,attribute:"icon-size"})],exports.DsDialogHeader.prototype,"iconSize",2);exports.DsDialogHeader=r([u.customUiKitElement("ds-dialog-header")],exports.DsDialogHeader);
+        `}};n.__decorate([t.n({type:String})],c.prototype,`title`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],c.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],c.prototype,`iconSize`,void 0),c=n.__decorate([i.customUiKitElement(`ds-dialog-header`)],c);

package/dist/cjs/components/ds-dialog-header/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"),o=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;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.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 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 a=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"),v=require("./styles/common.styles.cjs");var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,t,o,r)=>{for(var e=r>1?void 0:r?y(t,o):t,n=s.length-1,l;n>=0;n--)(l=s[n])&&(e=(r?l(t,o,e):l(e))||e);return r&&e&&d(t,o,e),e};exports.DsDivider=class extends p.UiKitElement{constructor(){super(...arguments),this.orientation="horizontal",this.variant="primary",this.mode="light"}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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=class extends r.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.variant=`primary`,this.mode=`light`}static{this.styles=[s.orientationStyles]}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[this.mode]:!!this.mode}}get styleTokens(){return a.htmlWithTokens`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}render(){return u.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            <hr aria-orientation=${this.orientation} class=${m.classMap(this.classes)} />
-        `}};exports.DsDivider.styles=[v.orientationStyles];i([a.property({type:String})],exports.DsDivider.prototype,"orientation",2);i([a.property({type:String})],exports.DsDivider.prototype,"variant",2);i([a.property({type:String,reflect:!0})],exports.DsDivider.prototype,"mode",2);exports.DsDivider=i([c.customUiKitElement("ds-divider")],exports.DsDivider);
+            <hr aria-orientation=${this.orientation} class=${o.e(this.classes)} />
+        `}};n.__decorate([t.n({type:String})],c.prototype,`orientation`,void 0),n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),c=n.__decorate([i.customUiKitElement(`ds-divider`)],c),Object.defineProperty(exports,`DsDivider`,{enumerable:!0,get:function(){return c}});

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

@@ -1,6 +1,6 @@
-"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`
     .divider {
         border: none;
         margin: 0;
     }
-`;exports.orientationStyles=r;
+`;exports.orientationStyles=t;

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),u=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 v=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 h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),l=require("./styles/common.styles.cjs"),m=require("./theme-config.cjs");var w=Object.defineProperty,y=Object.getOwnPropertyDescriptor,c=(o,e,t,r)=>{for(var s=r>1?void 0:r?y(e,t):e,n=o.length-1,a;n>=0;n--)(a=o[n])&&(s=(r?a(e,t,s):a(s))||s);return r&&s&&w(e,t,s),s};exports.DsDrawer=class extends d.UiKitElement{constructor(){super(...arguments),this.open=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event("ds-drawer:close",{bubbles:!0,composed:!0})),this.open=!1},this.handleKeyDown=e=>{(e.key==="Escape"||e.key==="Esc")&&this.open&&this.handleOverlayClick()}}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var t;const e=(t=m.themeConfig[this.theme])==null?void 0:t["icon-button-variant"];return this.componentFactory.createIconButton({class:"close-button visible","data-testid":"close-button","data-aria-label":"close-button","@click":this.handleOverlayClick,size:"medium","icon-name":"cross",variant:e,mode:"dark"})}updated(e){var t;(t=super.updated)==null||t.call(this,e),e.has&&e.has("open")&&window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}render(){return v.html`          
-            <div class=${i.classMap({overlay:!0,open:!!this.open})} @click=${this.handleOverlayClick}></div>
-            <div data-testid="ds-drawer-container" class=${i.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.122.0/helpers/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(`./styles/common.styles.cjs`),c=require(`./theme-config.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.open=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this.open=!1},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}static{this.styles=[s.commonStyles,s.iconStyles]}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){let e=c.themeConfig[this.theme]?.[`icon-button-variant`];return this.componentFactory.createIconButton({class:`close-button visible`,"data-testid":`close-button`,"data-aria-label":`close-button`,"@click":this.handleOverlayClick,size:`medium`,"icon-name":`cross`,variant:e,mode:`dark`})}updated(e){super.updated?.(e),e.has&&e.has(`open`)&&window.addEventListener(`keydown`,this.handleKeyDown)}disconnectedCallback(){window.removeEventListener(`keydown`,this.handleKeyDown),super.disconnectedCallback()}render(){return e.x`          
+            <div class=${o.e({overlay:!0,open:!!this.open})} @click=${this.handleOverlayClick}></div>
+            <div data-testid="ds-drawer-container" class=${o.e(this.classes)}>
                 <div class="scroll-area">
                     <div class="drawer-header">
                         <slot name="header"></slot>                        
@@ -16,4 +16,4 @@
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}};exports.DsDrawer.styles=[l.commonStyles,l.iconStyles];c([h.property({type:Boolean,converter:p.booleanConverter})],exports.DsDrawer.prototype,"open",2);exports.DsDrawer=c([u.customUiKitElement("ds-drawer")],exports.DsDrawer);
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`open`,void 0),l=n.__decorate([i.customUiKitElement(`ds-drawer`)],l);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs"),o=require("../../../utils/cssWithTokens.cjs"),t=o.cssWithTokens`
+const e=require(`../../../utils/cssWithTokens.cjs`),t=require(`../../../utils/cssQueries.cjs`);var n=e.cssWithTokens`
     :host {
         display: block;
     }
@@ -32,28 +32,28 @@
         right: 0;
         transform: translateY(100%);
 
-        ${e.cssQueries.m} {
+        ${t.cssQueries.m} {
             top: 0;
             transform: translateX(100%);
             width: 491px;
         }
 
-        ${e.cssQueries.l} {
+        ${t.cssQueries.l} {
             width: 579px;
         }
 
-        ${e.cssQueries.xl} {
+        ${t.cssQueries.xl} {
             width: 588px;
         }
 
-        ${e.cssQueries.xxl} {
+        ${t.cssQueries.xxl} {
             width: 780px;
         }
     }
 
     .container.open {
         transform: translateY(0);
-        ${e.cssQueries.m} {
+        ${t.cssQueries.m} {
             transform: translateX(0);
             box-shadow: 0 -8px 32px 0 var(--ds-opacity-black-60, rgba(9, 9, 11, 0.60));
         }
@@ -62,7 +62,7 @@
     .drawer-footer ::slotted(*) {
         display: flex;
         flex-direction: column;
-        ${e.cssQueries.s} {
+        ${t.cssQueries.s} {
             flex-direction: row;
         }
     }
@@ -78,8 +78,8 @@
         overflow: auto;
         -webkit-overflow-scrolling: touch;
     }
-`,s=o.cssWithTokens`
+`,r=e.cssWithTokens`
    .close-button {
         position: absolute;
     }
-`;exports.commonStyles=t;exports.iconStyles=s;
+`;exports.commonStyles=n,exports.iconStyles=r;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={cupra:{"icon-button-variant":"primary"},"cupra-diagonal":{"icon-button-variant":"tertiary"},seat:{"icon-button-variant":"tertiary"}};exports.themeConfig=t;
+var e={cupra:{"icon-button-variant":`primary`},"cupra-diagonal":{"icon-button-variant":`tertiary`},seat:{"icon-button-variant":`tertiary`}};exports.themeConfig=e;

package/dist/cjs/components/ds-favourite-action/ds-favourite-action.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const p=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 s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(o,e,l,r)=>{for(var t=r>1?void 0:r?y(e,l):e,a=o.length-1,n;a>=0;a--)(n=o[a])&&(t=(r?n(e,l,t):n(t))||t);return r&&t&&m(e,l,t),t};exports.DsFavouriteAction=class extends d.UiKitElement{constructor(){super(...arguments),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){!this._initializedFromInitialSelected&&e.has("initialSelected")&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;const e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent("ds-favourite-action:change",{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?"heart-filled":"heart"}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.iconName})}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return p.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`),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.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.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(`./styles/common.styles.cjs`);var l=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}static{this.styles=[c.commonStyles]}willUpdate(e){!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled`:`heart`}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName})}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.x`
             <button
                 type="button"
-                class=${v.classMap(this.classes)}
+                class=${s.e(this.classes)}
                 ?disabled=${this.disabled}
                 aria-pressed=${this.currentSelected}
-                aria-label=${this.dataAriaLabel||(this.currentSelected?"Remove from favourites":"Add to favourites")}
+                aria-label=${this.dataAriaLabel||(this.currentSelected?`Remove from favourites`:`Add to favourites`)}
                 @click=${this.handleClick}
             >
                 ${this.iconTemplate}
             </button>
-        `}};exports.DsFavouriteAction.styles=[b.commonStyles];i([s.property({type:Boolean,converter:c.booleanConverter,attribute:"initial-selected"})],exports.DsFavouriteAction.prototype,"initialSelected",2);i([s.property({type:Boolean,attribute:"selected"})],exports.DsFavouriteAction.prototype,"selected",2);i([s.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsFavouriteAction.prototype,"disabled",2);i([s.property({type:String,attribute:"data-aria-label"})],exports.DsFavouriteAction.prototype,"dataAriaLabel",2);i([h.state()],exports.DsFavouriteAction.prototype,"_selected",2);exports.DsFavouriteAction=i([u.customUiKitElement("ds-favourite-action")],exports.DsFavouriteAction);
+        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],l.prototype,`initialSelected`,void 0),r.__decorate([t.n({type:Boolean,attribute:`selected`})],l.prototype,`selected`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label`})],l.prototype,`dataAriaLabel`,void 0),r.__decorate([n.r()],l.prototype,`_selected`,void 0),l=r.__decorate([a.customUiKitElement(`ds-favourite-action`)],l);

package/dist/cjs/components/ds-favourite-action/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;
     }
@@ -13,4 +13,4 @@
         padding: 0;
         background: transparent;
     }
-`;exports.commonStyles=n;
+`;exports.commonStyles=t;

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

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/htmlWithTokens.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 s=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/choose.cjs"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs");var f=Object.defineProperty,k=Object.getOwnPropertyDescriptor,e=(i,r,l,o)=>{for(var t=o>1?void 0:o?k(r,l):r,n=i.length-1,p;n>=0;n--)(p=i[n])&&(t=(o?p(r,l,t):p(t))||t);return o&&t&&f(r,l,t),t};exports.DsHyperlinkButton=class extends y.UiKitElement{constructor(){super(...arguments),this.htmlTagName="a",this.mode="light",this.size="large"}handleClick(r){this.href||r.preventDefault()}get styleTokens(){return a.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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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/choose.cjs`),c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}static{this.styles=[c.commonStyles]}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return a.htmlWithTokens`
             <style>
                 :host {
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return u.html`
+        `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return e.x`
             ${this.styleTokens}
-            ${m.choose(this.htmlTagName||"a",[["button",()=>u.html`
-                        <button class=${h.classMap(this.classes)}>
+            ${s.r(this.htmlTagName||`a`,[[`button`,()=>e.x`
+                        <button class=${o.e(this.classes)}>
                             <slot></slot>
                         </button>
-                    `],["a",()=>u.html`
+                    `],[`a`,()=>e.x`
                         <a
-                            class=${h.classMap(this.classes)}
+                            class=${o.e(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -21,4 +21,4 @@
                             <slot></slot>
                         </a>
                     `]])}
-        `}};exports.DsHyperlinkButton.styles=[g.commonStyles];e([s.property({type:String,attribute:"html-tag-name"})],exports.DsHyperlinkButton.prototype,"htmlTagName",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"href",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"rel",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"target",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"mode",2);e([s.property({type:String})],exports.DsHyperlinkButton.prototype,"size",2);exports.DsHyperlinkButton=e([c.customUiKitElement("ds-hyperlink")],exports.DsHyperlinkButton);
+        `}};n.__decorate([t.n({type:String,attribute:`html-tag-name`})],l.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`target`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],l.prototype,`size`,void 0),l=n.__decorate([i.customUiKitElement(`ds-hyperlink`)],l);

package/dist/cjs/components/ds-hyperlink/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: inline-flex;
     }
@@ -12,4 +12,4 @@
         padding: 0;
         background: transparent;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

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

@@ -1,25 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),g=require("../../utils/IconsManager.cjs"),m=require("../../utils/PubSub.cjs"),_=require("../../utils/htmlWithTokens.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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),f=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),I=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs"),k=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");var D=Object.defineProperty,q=Object.getOwnPropertyDescriptor,p=e=>{throw TypeError(e)},o=(e,t,i,r)=>{for(var s=r>1?void 0:r?q(t,i):t,a=e.length-1,h;a>=0;a--)(h=e[a])&&(s=(r?h(t,i,s):h(s))||s);return r&&s&&D(t,i,s),s},u=(e,t,i)=>t.has(e)||p("Cannot "+i),v=(e,t,i)=>(u(e,t,"read from private field"),i?i.call(e):t.get(e)),w=(e,t,i)=>t.has(e)?p("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),b=(e,t,i,r)=>(u(e,t,"write to private field"),t.set(e,i),i),H=(e,t,i,r)=>({set _(s){b(e,t,s)},get _(){return v(e,t,r)}}),c;exports.DsIcon=class extends d.UiKitElement{constructor(){super(),this.iconHtml="",w(this,c,0),this.getIcon=async()=>{const t=++H(this,c)._,i=await g.iconsManager.fetchIcon(this.iconName);t===v(this,c)&&(this.iconHtml=i)},m.pubSub.subscribe("theme",this.getIcon)}async updated(t){super.updated(t),(t.has("iconName")||!this.iconHtml)&&await this.getIcon()}getDimension(t,i,r){return t?`${t}px`:i?"auto":this.size?`${this.size}px`:r}get styleTokens(){const t=this.getDimension(this.width,this.height,"var(--private-ui-kit-icon-width, var(--ui-kit-icon-width, 20px))"),i=this.getDimension(this.height,this.width,"var(--private-ui-kit-icon-height, var(--ui-kit-icon-height, 20px))");return _.htmlWithTokens`
+const e=require(`../../utils/PubSub.cjs`),t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`),n=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 r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),i=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 a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);const l=require(`../../utils/htmlWithTokens.cjs`),u=require(`../../utils/IconsManager.cjs`);var d=class extends o.UiKitElement{static{this.styles=t.i`
+        :host {
+            line-height: 0;
+            display: inline-block;
+        }
+    `}#e=0;constructor(){super(),this.iconHtml=``,this.getIcon=async()=>{let e=++this.#e,t=await u.iconsManager.fetchIcon(this.iconName);e===this.#e&&(this.iconHtml=t)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){return l.htmlWithTokens`
             <style>
                 .ds-icon {
                     display: inline-block;
-                    width: ${t};
-                    height: ${i};
+                    width: ${this.getDimension(this.width,this.height,`var(--private-ui-kit-icon-width, var(--ui-kit-icon-width, 20px))`)};
+                    height: ${this.getDimension(this.height,this.width,`var(--private-ui-kit-icon-height, var(--ui-kit-icon-height, 20px))`)};
                 }
 
                 .ds-icon-color {
-                    fill: ${this.color?this.color:"var(--private-ui-kit-icon-color, var(--ui-kit-icon-color, black))"};
+                    fill: ${this.color?this.color:`var(--private-ui-kit-icon-color, var(--ui-kit-icon-color, black))`};
                 }
 
                 .ds-icon-color-stroke {
-                    stroke: ${this.color?this.color:"var(--private-ui-kit-icon-color, var(--ui-kit-icon-color, black))"};
+                    stroke: ${this.color?this.color:`var(--private-ui-kit-icon-color, var(--ui-kit-icon-color, black))`};
                 }
             </style>
-        `}render(){return l.html`
+        `}render(){return n.x`
             ${this.styleTokens}
-            ${this.iconHtml?I.unsafeHTML(this.iconHtml):l.html`<svg class="ds-icon">x</svg>`}
-        `}};c=new WeakMap;exports.DsIcon.styles=k.css`
-        :host {
-            line-height: 0;
-            display: inline-block;
-        }
-    `;o([n.property({type:String,attribute:"icon-name"})],exports.DsIcon.prototype,"iconName",2);o([n.property({type:String,attribute:"color"})],exports.DsIcon.prototype,"color",2);o([n.property({type:Number})],exports.DsIcon.prototype,"width",2);o([n.property({type:Number})],exports.DsIcon.prototype,"height",2);o([n.property({type:Number,attribute:"size"})],exports.DsIcon.prototype,"size",2);o([f.state()],exports.DsIcon.prototype,"iconHtml",2);exports.DsIcon=o([y.customUiKitElement("ds-icon")],exports.DsIcon);
+            ${this.iconHtml?c.o(this.iconHtml):n.x`<svg class="ds-icon">x</svg>`}
+        `}};a.__decorate([r.n({type:String,attribute:`icon-name`})],d.prototype,`iconName`,void 0),a.__decorate([r.n({type:String,attribute:`color`})],d.prototype,`color`,void 0),a.__decorate([r.n({type:Number})],d.prototype,`width`,void 0),a.__decorate([r.n({type:Number})],d.prototype,`height`,void 0),a.__decorate([r.n({type:Number,attribute:`size`})],d.prototype,`size`,void 0),a.__decorate([i.r()],d.prototype,`iconHtml`,void 0),d=a.__decorate([s.customUiKitElement(`ds-icon`)],d),Object.defineProperty(exports,`DsIcon`,{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-icon/iconNames.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["9-circles","ad-color","ae-color","af-color","ag-color","ai-color","al-color","am-color","an-color","ao-color","ar-color","arrow-down","arrow-down-line","arrow-download","arrow-exit","arrow-expand","arrow-external-link","arrow-left","arrow-left-line","arrow-reload","arrow-right","arrow-right-line","arrow-rotate-360","arrow-rotate-360-horizontal","arrow-switch","arrow-up","arrow-up-line","arrow-upload","at-color","au-color","aw-color","ax-color","az-color","b-color","ba-color","battery-g-4-01","battery-inclined-fill","battery-vertical-100","battery-2-sub-arrows-up","battery-3-sub-arrows-up","bb-color","bd-color","be-color","bell","bf-color","bg-color","bh-color","bi-color","bill","bin","bj-color","bm-color","bn-color","bo-color","book-mark","box","br-color","bs-color","bt-color","bw-color","by-color","bz-color","c-color","ca-color","cable","caf-color","calendar","camera","car-arrow-down","car-compare","car-door","car-frontal","car-imodel","car-in-window","car-lateral","car-model","car-seat","cart","cart-down","cas-color","cd-color","cercle-ribbon-check","ceu-color","cf-color","cg-color","ch-color","charger-acc","charger-type-2","chat-bubble","check","check-mark-circle","ci-color","city","cl-color","clock","cloud-co-2","cm-color","cn-color","cna-color","co-color","coc-color","computer-display","cr-color","credit-card","cross","cross-circle","csa-color","cu-color","cv-color","cy-color","cz-color","de-color","dj-color","dk-color","dm-color","do-color","document","document-check","document-copy","document-download","document-time","dot","dz-color","ec-color","eco-color","ee-color","eg-color","electric-station","engine","envelope","equals-sign","er-color","es-color","et-color","eu-color","euro","exclamation-mark-circle","exclamation-mark-triangle","eye","eye-crossed-out","facebook","fi-color","filter","fj-color","fk-color","fm-color","fr-color","fuel-station","ga-color","garage","gb-color","gd-color","ge-color","gear","gg-color","gh-color","gi-color","globe","gm-color","gn-color","gq-color","gr-color","gt-color","gw-color","gy-color","half-star-filled","headlight","heart","heart-filled","highway","hk-color","hn-color","hr-color","ht-color","hu-color","id-color","ie-color","il-color","im-color","in-color","info-circle","info-triangle","instagram","iq-color","ir-color","is-color","it-color","je-color","jm-color","jo-color","jp-color","ke-color","key","kg-color","kh-color","km-color","kn-color","kp-color","kr-color","kw-color","ky-color","kz-color","la-color","label-a-color","label-b-color","label-c-color","label-d-color","label-e-color","label-f-color","label-g-color","label-h-color","label-i-color","label-j-color","label-k-color","label-l-color","label-m-color","lb-color","lc-color","li-color","light","lightning","link","linkedin","list","lk-color","loader","location-poi","lock-locked","lock-unlocked","logo","logo-light","logo-lockup","logo-wordmark","lr-color","ls-color","lt-color","lu-color","lv-color","ly-color","map","ma-color","magnifying-glass","magnifying-glass-minus","magnifying-glass-plus","math-symbols-square","mc-color","md-color","me-color","menu","mg-color","micro","micro-crossed-out","minus","mk-color","ml-color","mm-color","mn-color","mo-color","mobile","moon","mountains","mr-color","ms-color","mt-color","mu-color","mv-color","mw-color","mx-color","my-color","mz-color","na-color","ne-color","ng-color","ni-color","nl-color","no-color","np-color","nz-color","om-color","pa-color","parking","pause","pause-loading","pcircle","pe-color","pen","pen-paper","person-open-arms","pf-color","pg-color","ph-color","phone-contact","pig-coin","pk-color","pl-color","play","play-circle","plug-charge","plug-regular","plus","position","pr-color","pt-color","pw-color","py-color","qa-color","question-mark","ro-color","road","road-mountain","rs-color","ru-color","rw-color","sa-color","sb-color","scan-qr","sc-color","sd-color","se-color","seat-front","sg-color","sh-color","share","shopping-bag","si-color","sk-color","sl-color","sm-color","sn-color","so-color","speaker","speaker-crossed-out","spray","sr-color","st-color","star","star-filled","store","suitcase","sun","sv-color","sy-color","sz-color","tag","tc-color","td-color","telegram","tg-color","th-color","ticket","tj-color","tl-color","tm-color","tn-color","to-color","tr-color","transmission-automatic","transmission-manual","triple-dot-h","triple-dot-v","tt-color","tw-color","twitter","tz-color","ua-color","ug-color","us-color","user","uy-color","uz-color","vc-color","ve-color","vg-color","video-camera","video-camera-crossed-out","vimeo","vn-color","vu-color","wall-charger","whatsapp","wheel","wifi","wrench-hammer","ws-color","ww-color","ye-color","youtube","za-color","zero-color","zm-color","zw-color"];exports.iconNames=o;
+var e=`9-circles.ad-color.ae-color.af-color.ag-color.ai-color.al-color.am-color.an-color.ao-color.ar-color.arrow-down.arrow-down-line.arrow-download.arrow-exit.arrow-expand.arrow-external-link.arrow-left.arrow-left-line.arrow-reload.arrow-right.arrow-right-line.arrow-rotate-360.arrow-rotate-360-horizontal.arrow-switch.arrow-up.arrow-up-line.arrow-upload.at-color.au-color.aw-color.ax-color.az-color.b-color.ba-color.battery-g-4-01.battery-inclined-fill.battery-vertical-100.battery-2-sub-arrows-up.battery-3-sub-arrows-up.bb-color.bd-color.be-color.bell.bf-color.bg-color.bh-color.bi-color.bill.bin.bj-color.bm-color.bn-color.bo-color.book-mark.box.br-color.bs-color.bt-color.bw-color.by-color.bz-color.c-color.ca-color.cable.caf-color.calendar.camera.car-arrow-down.car-compare.car-door.car-frontal.car-imodel.car-in-window.car-lateral.car-model.car-seat.cart.cart-down.cas-color.cd-color.cercle-ribbon-check.ceu-color.cf-color.cg-color.ch-color.charger-acc.charger-type-2.chat-bubble.check.check-mark-circle.ci-color.city.cl-color.clock.cloud-co-2.cm-color.cn-color.cna-color.co-color.coc-color.computer-display.cr-color.credit-card.cross.cross-circle.csa-color.cu-color.cv-color.cy-color.cz-color.de-color.dj-color.dk-color.dm-color.do-color.document.document-check.document-copy.document-download.document-time.dot.dz-color.ec-color.eco-color.ee-color.eg-color.electric-station.engine.envelope.equals-sign.er-color.es-color.et-color.eu-color.euro.exclamation-mark-circle.exclamation-mark-triangle.eye.eye-crossed-out.facebook.fi-color.filter.fj-color.fk-color.fm-color.fr-color.fuel-station.ga-color.garage.gb-color.gd-color.ge-color.gear.gg-color.gh-color.gi-color.globe.gm-color.gn-color.gq-color.gr-color.gt-color.gw-color.gy-color.half-star-filled.headlight.heart.heart-filled.highway.hk-color.hn-color.hr-color.ht-color.hu-color.id-color.ie-color.il-color.im-color.in-color.info-circle.info-triangle.instagram.iq-color.ir-color.is-color.it-color.je-color.jm-color.jo-color.jp-color.ke-color.key.kg-color.kh-color.km-color.kn-color.kp-color.kr-color.kw-color.ky-color.kz-color.la-color.label-a-color.label-b-color.label-c-color.label-d-color.label-e-color.label-f-color.label-g-color.label-h-color.label-i-color.label-j-color.label-k-color.label-l-color.label-m-color.lb-color.lc-color.li-color.light.lightning.link.linkedin.list.lk-color.loader.location-poi.lock-locked.lock-unlocked.logo.logo-light.logo-lockup.logo-wordmark.lr-color.ls-color.lt-color.lu-color.lv-color.ly-color.map.ma-color.magnifying-glass.magnifying-glass-minus.magnifying-glass-plus.math-symbols-square.mc-color.md-color.me-color.menu.mg-color.micro.micro-crossed-out.minus.mk-color.ml-color.mm-color.mn-color.mo-color.mobile.moon.mountains.mr-color.ms-color.mt-color.mu-color.mv-color.mw-color.mx-color.my-color.mz-color.na-color.ne-color.ng-color.ni-color.nl-color.no-color.np-color.nz-color.om-color.pa-color.parking.pause.pause-loading.pcircle.pe-color.pen.pen-paper.person-open-arms.pf-color.pg-color.ph-color.phone-contact.pig-coin.pk-color.pl-color.play.play-circle.plug-charge.plug-regular.plus.position.pr-color.pt-color.pw-color.py-color.qa-color.question-mark.ro-color.road.road-mountain.rs-color.ru-color.rw-color.sa-color.sb-color.scan-qr.sc-color.sd-color.se-color.seat-front.sg-color.sh-color.share.shopping-bag.si-color.sk-color.sl-color.sm-color.sn-color.so-color.speaker.speaker-crossed-out.spray.sr-color.st-color.star.star-filled.store.suitcase.sun.sv-color.sy-color.sz-color.tag.tc-color.td-color.telegram.tg-color.th-color.ticket.tj-color.tl-color.tm-color.tn-color.to-color.tr-color.transmission-automatic.transmission-manual.triple-dot-h.triple-dot-v.tt-color.tw-color.twitter.tz-color.ua-color.ug-color.us-color.user.uy-color.uz-color.vc-color.ve-color.vg-color.video-camera.video-camera-crossed-out.vimeo.vn-color.vu-color.wall-charger.whatsapp.wheel.wifi.wrench-hammer.ws-color.ww-color.ye-color.youtube.za-color.zero-color.zm-color.zw-color`.split(`.`);exports.iconNames=e;

package/dist/cjs/components/ds-icon-button/ds-icon-button.cjs

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),m=require("../../mixins/ViewportMixin.cjs"),y=require("../../utils/booleanConverter.cjs"),b=require("../../utils/htmlWithTokens.cjs"),d=require("../../utils/objectConverter.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 e=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/choose.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");var f=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(n,r,a,i)=>{for(var o=i>1?void 0:i?D(r,a):r,l=n.length-1,c;l>=0;l--)(c=n[l])&&(o=(i?c(r,a,o):c(o))||o);return i&&o&&f(r,a,o),o};exports.DsIconButton=class extends m.ViewportMixin(h.UiKitElement){constructor(){super(...arguments),this.variant="primary",this.mode="light",this.size="large",this.disabled=!1,this.htmlTagName="button"}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):s.nothing}handleClick(r){this.href||r.preventDefault()}get classes(){const r=typeof this.size=="string"?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName==="custom",disabled:this.disabled,[r]:!!r,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}get variantColorTokens(){return b.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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/htmlWithTokens.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(`../../mixins/ViewportMixin.cjs`),l=require(`../../utils/objectConverter.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}static{this.styles=[d.buttonStyles]}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}handleClick(e){this.href||e.preventDefault()}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName===`custom`,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}get variantColorTokens(){return o.htmlWithTokens`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}render(){return s.html`
+        `}render(){return e.x`
             <style>
                 :host {
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
             ${this.variantColorTokens}
-            ${g.choose(this.htmlTagName||"button",[["button",()=>s.html`
+            ${u.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
                         <button
                             ?disabled=${this.disabled}
-                            class=${p.classMap(this.classes)}
+                            class=${s.e(this.classes)}
                             aria-label=${this.dataAriaLabel}
                         >
                             ${this.iconTemplate}
                         </button>
-                    `],["a",()=>s.html`
+                    `],[`a`,()=>e.x`
                         <a
                             ?disabled=${this.disabled}
-                            class=${p.classMap(this.classes)}
+                            class=${s.e(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -32,9 +32,9 @@
                         >
                             ${this.iconTemplate}
                         </a>
-                    `],["custom",()=>s.html`
-                        <div class=${p.classMap(this.classes)}>
+                    `],[`custom`,()=>e.x`
+                        <div class=${s.e(this.classes)}>
                             <slot></slot>
                         </div>
                     `]])}
-        `}};exports.DsIconButton.styles=[v.buttonStyles];t([e.property({type:String})],exports.DsIconButton.prototype,"variant",2);t([e.property({type:String,reflect:!0})],exports.DsIconButton.prototype,"mode",2);t([e.property({type:String,converter:d.objectConverter})],exports.DsIconButton.prototype,"size",2);t([e.property({type:Boolean,converter:y.booleanConverter})],exports.DsIconButton.prototype,"disabled",2);t([e.property({type:String,attribute:"icon-name"})],exports.DsIconButton.prototype,"iconName",2);t([e.property({type:String,attribute:"html-tag-name"})],exports.DsIconButton.prototype,"htmlTagName",2);t([e.property({type:String,attribute:"data-aria-label"})],exports.DsIconButton.prototype,"dataAriaLabel",2);t([e.property({type:String,reflect:!0})],exports.DsIconButton.prototype,"href",2);t([e.property({type:String,reflect:!0})],exports.DsIconButton.prototype,"rel",2);t([e.property({type:String,reflect:!0})],exports.DsIconButton.prototype,"target",2);exports.DsIconButton=t([u.customUiKitElement("ds-icon-button")],exports.DsIconButton);
+        `}};n.__decorate([t.n({type:String})],f.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:l.objectConverter})],f.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],f.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,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),f=n.__decorate([i.customUiKitElement(`ds-icon-button`)],f),Object.defineProperty(exports,`DsIconButton`,{enumerable:!0,get:function(){return f}});

package/dist/cjs/components/ds-icon-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"),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: inline-flex;
     }
@@ -14,4 +14,4 @@
         outline-style: solid;
         padding: 0;
     }
-`;exports.buttonStyles=t;
+`;exports.buttonStyles=t;

package/dist/cjs/components/ds-icon-button-group/ds-icon-button-group.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=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 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 m=require("./styles/common.styles.cjs");var p=Object.getOwnPropertyDescriptor,a=(e,r,u,n)=>{for(var t=n>1?void 0:n?p(r,u):r,o=e.length-1,s;o>=0;o--)(s=e[o])&&(t=s(t)||t);return t};exports.DsIconButtonGroup=class extends i.UiKitElement{render(){return l.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(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`./styles/common.styles.cjs`);var a=class extends n.UiKitElement{static{this.styles=[i.commonStyles]}render(){return e.x`
             <div part="container" class="container">
                 <slot></slot>
             </div>
-        `}};exports.DsIconButtonGroup.styles=[m.commonStyles];exports.DsIconButtonGroup=a([c.customUiKitElement("ds-icon-button-group")],exports.DsIconButtonGroup);
+        `}};a=t.__decorate([r.customUiKitElement(`ds-icon-button-group`)],a);

package/dist/cjs/components/ds-icon-button-group/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: inline-flex;
     }
@@ -11,4 +11,4 @@
         border-radius: var(--ds-border-radius-xs, 6px);
         overflow: hidden;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-inline-alert/ds-inline-alert.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.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 l=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"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(t,s,o,n)=>{for(var e=n>1?void 0:n?y(s,o):s,c=t.length-1,a;c>=0;c--)(a=t[c])&&(e=(n?a(s,o,e):a(e))||e);return n&&e&&v(s,o,e),e};exports.DsInlineAlert=class extends h.UiKitElement{constructor(){super(...arguments),this.status="default",this.title="",this.text="",this.show=!0}getIconName(){switch(this.status){case"success":return"check-mark-circle";case"error":return"cross-circle";case"warning":return"exclamation-mark-circle";case"info":return"info-circle";default:return"chat-bubble"}}handleClickCloseButton(){const s=new CustomEvent("inline-alert:close",{bubbles:!0,composed:!0});this.dispatchEvent(s),this.show=!1}get inlineAlertClasses(){return{container:!0,[this.status||"default"]:!0,show:this.show}}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.getIconName(),size:24})}get closeButtonTemplate(){return this.componentFactory.createIconButton({"data-aria-label":"close-button","@click":this.handleClickCloseButton,"icon-name":"cross",variant:"naked",size:"medium"})}render(){return this.show?i.html`
-            <div class=${m.classMap(this.inlineAlertClasses)} part="container">
+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.122.0/helpers/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(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.show=!0}static{this.styles=[s.inlineAlertStyles]}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`inline-alert:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this.show=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":this.getIconName(),size:24})}get closeButtonTemplate(){return this.componentFactory.createIconButton({"data-aria-label":`close-button`,"@click":this.handleClickCloseButton,"icon-name":`cross`,variant:`naked`,size:`medium`})}render(){return this.show?e.x`
+            <div class=${a.e(this.inlineAlertClasses)} part="container">
                 ${this.iconTemplate}
                 <div class="content">
                     <div class="header">
-                        ${u.when(this.title,()=>i.html`<div class="title">${this.title}</div>`)}
-                        ${u.when(this.text,()=>i.html`<div class="message">${this.text}</div>`)}
+                        ${o.n(this.title,()=>e.x`<div class="title">${this.title}</div>`)}
+                        ${o.n(this.text,()=>e.x`<div class="message">${this.text}</div>`)}
                     </div>
                     <slot></slot>
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `:i.nothing}};exports.DsInlineAlert.styles=[d.inlineAlertStyles];r([l.property({type:String})],exports.DsInlineAlert.prototype,"status",2);r([l.property({type:String})],exports.DsInlineAlert.prototype,"title",2);r([l.property({type:String})],exports.DsInlineAlert.prototype,"text",2);r([l.property({type:Boolean,converter:t=>t!==null&&t!=="false",reflect:!0})],exports.DsInlineAlert.prototype,"show",2);exports.DsInlineAlert=r([p.customUiKitElement("ds-inline-alert")],exports.DsInlineAlert);
+        `:e.E}};n.__decorate([t.n({type:String})],c.prototype,`status`,void 0),n.__decorate([t.n({type:String})],c.prototype,`title`,void 0),n.__decorate([t.n({type:String})],c.prototype,`text`,void 0),n.__decorate([t.n({type:Boolean,converter:e=>e!==null&&e!==`false`,reflect:!0})],c.prototype,`show`,void 0),c=n.__decorate([i.customUiKitElement(`ds-inline-alert`)],c),Object.defineProperty(exports,`DsInlineAlert`,{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-inline-alert/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"),a=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;
     }
@@ -34,4 +34,4 @@
         flex-direction: column;
         gap: 4px;
     }
-`;exports.inlineAlertStyles=a;
+`;exports.inlineAlertStyles=t;