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

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

@@ -1,17 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../utils/cssQueries.cjs"),e=require("../../../utils/cssWithTokens.cjs"),r=e.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");const t=require("../../../utils/cssQueries.cjs");var n=e.i`
     :host {
         display: block;
     }
 
     .overlay {
         position: fixed;
-        inset: 0;        
+        inset: 0;
         opacity: 0;
         pointer-events: none;
         transition: opacity 300ms ease;
         z-index: 9998;
-        background: var(--dg-global-opacity-black-40);
-        backdrop-filter: var(--dg-elevation-blur-soft);
     }
 
     .overlay.open {
@@ -21,91 +19,67 @@
 
     .container {
         position: fixed;
-        z-index: 9999;        
+        z-index: 9999;
         transition: transform 320ms ease;
         will-change: transform;
         display: flex;
         flex-direction: column;
-        overflow: auto;  
-        border-radius: 0;  
-        height: 100vh; 
+        overflow: auto;
+        border-radius: 0;
+        height: 100vh;
         width: 100%;
-        bottom: 0; 
+        bottom: 0;
         right: 0;
         transform: translateY(100%);
 
-        ${o.cssQueries.m} {
-            border-radius: var(--dg-border-radius-m) 0px 0px var(--dg-border-radius-m);           
-            top: 0;           
+        ${t.cssQueries.m} {
+            top: 0;
             transform: translateX(100%);
-            width: 491px;         
+            width: 491px;
         }
 
-        ${o.cssQueries.l} {            
+        ${t.cssQueries.l} {
             width: 579px;
         }
 
-        ${o.cssQueries.xl} {             
+        ${t.cssQueries.xl} {
             width: 588px;
         }
 
-        ${o.cssQueries.xxl} {             
+        ${t.cssQueries.xxl} {
             width: 780px;
         }
-    }     
-      
-    .container.open { 
+    }
+
+    .container.open {
         transform: translateY(0);
-        ${o.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));
-        }  
-    }    
-
-    .drawer-header,
-    .drawer-content,
-    .drawer-footer {
-        padding-left: var(--dg-layout-margin); 
-        padding-right: var(--dg-layout-margin);       
-    }  
-
-    .drawer-header {
-        padding-top: var(--dg-spacing-layout-s); 
-        padding-bottom: var(--dg-spacing-m-3);
-        ${o.cssQueries.m} {
-            padding-bottom: var(--dg-spacing-layout-m); 
-        }  
-    }
-    
-    .drawer-footer {
-        padding-top: var(--dg-spacing-layout-m);   
-        padding-bottom: var(--dg-spacing-layout-l);            
+            box-shadow: 0 -8px 32px 0 var(--ds-opacity-black-60, rgba(9, 9, 11, 0.6));
+        }
     }
 
     .drawer-footer ::slotted(*) {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-2);
-        ${o.cssQueries.s} {
+        ${t.cssQueries.s} {
             flex-direction: row;
-        }  
+        }
     }
 
-    .drawer-content {       
-        flex: 0 0 auto;       
+    .drawer-content {
+        flex: 0 0 auto;
     }
-   
+
     .scroll-area {
         display: flex;
         flex-direction: column;
         height: 100%;
         overflow: auto;
-        -webkit-overflow-scrolling: touch;        
-    }    
-`,t=e.cssWithTokens`
-   .close-button {
+        -webkit-overflow-scrolling: touch;
+    }
+`,r=e.i`
+    .close-button {
         position: absolute;
-        top: calc(var(--dg-spacing-layout-s) - 2px);
-        right: var(--dg-spacing-layout-xl);         
     }
-`;exports.commonStyles=r;exports.iconStyles=t;
+`;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":"rounded"}};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

@@ -0,0 +1,12 @@
+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/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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 l=require("./styles/common.styles.cjs");var u,d=(u=class extends i.UiKitElement{constructor(...e){super(...e),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;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 s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.x`
+            <button
+                type="button"
+                class=${c.e(this.classes)}
+                ?disabled=${this.disabled}
+                aria-pressed=${this.currentSelected}
+                aria-label=${this.dataAriaLabel||(this.currentSelected?`Remove from favourites`:`Add to favourites`)}
+                @click=${this.handleClick}
+            >
+                ${this.iconTemplate}
+            </button>
+        `}},u.styles=[l.commonStyles],u);r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],d.prototype,`initialSelected`,void 0),r.__decorate([t.n({type:Boolean,attribute:`selected`})],d.prototype,`selected`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),r.__decorate([n.r()],d.prototype,`_selected`,void 0),d=r.__decorate([a.customUiKitElement(`ds-favourite-action`)],d);

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

@@ -0,0 +1,16 @@
+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;
+    }
+
+    .button {
+        display: inline-flex;
+        box-sizing: border-box;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border: none;
+        padding: 0;
+        background: transparent;
+    }
+`;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.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("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),s=require("./styles/common.styles.cjs");var c,l=(c=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.x`
             <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)}>
+            ${o.r(this.htmlTagName||`a`,[[`button`,()=>e.x`
+                        <button class=${a.e(this.classes)}>
                             <slot></slot>
                         </button>
-                    `],["a",()=>u.html`
+                    `],[`a`,()=>e.x`
                         <a
-                            class=${h.classMap(this.classes)}
+                            class=${a.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);
+        `}},c.styles=[s.commonStyles],c);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 v=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"),D=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");var q=Object.defineProperty,w=Object.getOwnPropertyDescriptor,p=e=>{throw TypeError(e)},o=(e,t,r,i)=>{for(var s=i>1?void 0:i?w(t,r):t,a=e.length-1,h;a>=0;a--)(h=e[a])&&(s=(i?h(t,r,s):h(s))||s);return i&&s&&q(t,r,s),s},u=(e,t,r)=>t.has(e)||p("Cannot "+r),d=(e,t,r)=>(u(e,t,"read from private field"),r?r.call(e):t.get(e)),b=(e,t,r)=>t.has(e)?p("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),H=(e,t,r,i)=>(u(e,t,"write to private field"),t.set(e,r),r),k=(e,t,r,i)=>({set _(s){H(e,t,s)},get _(){return d(e,t,i)}}),c;exports.DsIcon=class extends v.UiKitElement{constructor(){super(),this.iconHtml="",b(this,c,0),this.getIcon=async()=>{const t=++k(this,c)._,r=await g.iconsManager.fetchIcon(this.iconName);t===d(this,c)&&(this.iconHtml=r)},m.pubSub.subscribe("theme",this.getIcon)}async updated(t){super.updated(t),(t.has("iconName")||!this.iconHtml)&&await this.getIcon()}getDimension(t,r,i){return t?`${t}px`:r?"auto":this.size?`${this.size}px`:i}get styleTokens(){const t=this.getDimension(this.width,this.height,"var(--private-ds-icon-width, var(--ds-icon-width, 20px))"),r=this.getDimension(this.height,this.width,"var(--private-ds-icon-height, var(--ds-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.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=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 u=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldGet2.cjs");var p,m,h=(p=new WeakMap,m=class extends o.UiKitElement{constructor(){super(),u._classPrivateFieldInitSpec(this,p,void 0),this.iconHtml=``,d._classPrivateFieldSet2(p,this,0),this.getIcon=async()=>{var e;let t=d._classPrivateFieldSet2(p,this,(e=f._classPrivateFieldGet2(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f._classPrivateFieldGet2(p,this)&&(this.iconHtml=n)},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(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.x`
             <style>
                 .ds-icon {
                     display: inline-block;
-                    width: ${t};
-                    height: ${r};
+                    width: ${e};
+                    height: ${t};
                 }
 
                 .ds-icon-color {
-                    fill: ${this.color?this.color:"var(--private-ds-icon-color, var(--ds-icon-color, black))"};
+                    fill: ${r};
                 }
 
                 .ds-icon-color-stroke {
-                    stroke: ${this.color?this.color:"var(--private-ds-icon-color, var(--ds-icon-color, black))"};
+                    stroke: ${r};
                 }
             </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=D.css`
+            ${this.iconHtml?l.o(this.iconHtml):n.x`<svg class="ds-icon">x</svg>`}
+        `}},m.styles=t.i`
         :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);
+    `,m);a.__decorate([r.n({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),a.__decorate([r.n({type:String,attribute:`color`})],h.prototype,`color`,void 0),a.__decorate([r.n({type:Number})],h.prototype,`width`,void 0),a.__decorate([r.n({type:Number})],h.prototype,`height`,void 0),a.__decorate([r.n({type:Number,attribute:`size`})],h.prototype,`size`,void 0),a.__decorate([i.r()],h.prototype,`iconHtml`,void 0),h=a.__decorate([s.customUiKitElement(`ds-icon`)],h);

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","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-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.debit-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.list-line.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.snowflake.so-color.speaker.speaker-crossed-out.spray.sr-color.st-color.star.star-filled.store.suitcase.sun.sunset.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,25 @@
-"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.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"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs");var p,m=(p=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.iconName)}></ds-icon>`:e.E}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
-                }
-            </style>
-        `}render(){return s.html`
-            <style>
-                :host {
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
+        `}render(){return e.x`
             ${this.variantColorTokens}
-            ${g.choose(this.htmlTagName||"button",[["button",()=>s.html`
+            ${d.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}
+                            aria-pressed=${c.o(this.dataAriaPressed)}
                         >
                             ${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 +28,9 @@
                         >
                             ${this.iconTemplate}
                         </a>
-                    `],["custom",()=>s.html`
-                        <div class=${p.classMap(this.classes)}>
+                    `],[`custom`,()=>e.x`
+                        <div class=${s.e(this.classes)} @click=${this.handleCustomClick}>
                             <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);
+        `}},p.styles=[f.buttonStyles],p);n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`variant`,void 0),n.__decorate([t.n({type:String,attribute:`custom-background`})],m.prototype,`customBackground`,void 0),n.__decorate([t.n({type:String,attribute:`custom-color`})],m.prototype,`customColor`,void 0),n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],m.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],m.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],m.prototype,`dataAriaLabel`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-pressed`})],m.prototype,`dataAriaPressed`,void 0),n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`target`,void 0),m=n.__decorate([i.customUiKitElement(`ds-icon-button`)],m);

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

@@ -0,0 +1,5 @@
+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("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("./styles/common.styles.cjs");var a,o=(a=class extends n.UiKitElement{render(){return e.x`
+            <div part="container" class="container">
+                <slot></slot>
+            </div>
+        `}},a.styles=[i.commonStyles],a);o=t.__decorate([r.customUiKitElement(`ds-icon-button-group`)],o);

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

@@ -0,0 +1,14 @@
+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;
+    }
+
+    .container {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ds-spacing-s-1, 0px);
+        border: var(--ds-border-width-m, 1px) solid var(--ds-icon-button-border-color-secondary-default, #5a5c67);
+        border-radius: var(--ds-border-radius-xs, 6px);
+        overflow: hidden;
+    }
+`;exports.commonStyles=t;

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

@@ -0,0 +1,19 @@
+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/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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 l=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"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends i.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}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._showState=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${l.o(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
+            data-aria-label="close-button"
+            @click=${this.handleClickCloseButton}
+            icon-name="cross"
+            variant="naked"
+            size="medium"
+        ></ds-icon-button>`:e.E}render(){return this.show?e.x`
+            <div class=${c.e(this.inlineAlertClasses)} part="container">
+                ${this.iconTemplate}
+                <div class="content">
+                    <div class="header">
+                        ${u.n(this.title,()=>e.x`<div class="title">${this.title}</div>`)}
+                        ${u.n(this.text,()=>e.x`<div class="message">${this.text}</div>`)}
+                    </div>
+                    <slot></slot>
+                </div>
+                ${this.closeButtonTemplate}
+            </div>
+        `:e.E}},f.styles=[d.inlineAlertStyles],f);r.__decorate([t.n({type:String})],p.prototype,`status`,void 0),r.__decorate([t.n({type:String})],p.prototype,`title`,void 0),r.__decorate([t.n({type:String})],p.prototype,`text`,void 0),r.__decorate([t.n({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],p.prototype,`showClose`,void 0),r.__decorate([t.n({type:Boolean,attribute:`show`,converter:o.booleanConverter})],p.prototype,`_show`,void 0),r.__decorate([n.r()],p.prototype,`_showState`,void 0),p=r.__decorate([a.customUiKitElement(`ds-inline-alert`)],p);

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

@@ -0,0 +1,37 @@
+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;
+    }
+
+    .container {
+        display: none;
+        align-items: flex-start;
+        gap: var(--ds-spacing-m-1, 12px);
+        padding: var(--ds-spacing-m-3, 20px) var(--ds-spacing-m-2, 16px);
+        border-radius: var(--ds-button-border-radius-base, 6px);
+        background: var(--ds-color-surface-container-default, rgba(250, 250, 250, 0.05));
+        box-shadow: 0 4px 4px 0 var(--ds-opacity-black-20, rgba(9, 9, 11, 0.2));
+        width: 100%;
+    }
+
+    .container.show {
+        display: flex;
+    }
+
+    .icon {
+        flex: 0 0 auto;
+    }
+
+    .content {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        min-inline-size: 0;
+    }
+
+    .header {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    }
+`;exports.inlineAlertStyles=t;

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

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/ds-base-input/ds-base-input.cjs"),h=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 p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs");var y=Object.defineProperty,d=Object.getOwnPropertyDescriptor,e=(a,t,s,n)=>{for(var r=n>1?void 0:n?d(t,s):t,l=a.length-1,o;l>=0;l--)(o=a[l])&&(r=(n?o(t,s,r):o(r))||r);return n&&r&&y(t,s,r),r};exports.DsInput=class extends u.DsBaseInput{constructor(){super(...arguments),this.name="",this.placeholder="",this.type="text",this.min=0,this.max=100,this.step=1,this._hasPicker=!1,this.handleClickIcon=()=>{var t,s;(s=(t=this.inputField)==null?void 0:t.showPicker)==null||s.call(t)},this.handleInput=t=>{const s=t.target;this._value=s.value||""}}firstUpdated(){var t;super.firstUpdated(),this._hasPicker=!!((t=this.inputField)!=null&&t.showPicker)}get iconTemplate(){if(this.type!=="time"&&this.type!=="date")return i.nothing;let t;switch(this.type){case"date":t="calendar";break;case"time":t="clock";break}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"),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("../../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/choose.cjs"),s=require("../base/ds-base-input/ds-base-input.cjs");var c=class extends s.DsBaseInput{constructor(...e){super(...e),this.name=``,this.placeholder=``,this.type=`text`,this.min=0,this.max=100,this.step=1,this._hasPicker=!1,this.handleClickIcon=()=>{var e,t;(e=this.inputField)==null||(t=e.showPicker)==null||t.call(e)},this.handleInput=e=>{let t=e.target;this._value=t.value||``}}firstUpdated(){var e;super.firstUpdated(),this._hasPicker=!!((e=this.inputField)!=null&&e.showPicker)}get iconTemplate(){if(this.type!==`time`&&this.type!==`date`)return e.E;let t;switch(this.type){case`date`:t=`calendar`;break;case`time`:t=`clock`;break}return e.x`
             <style>
                 .icon {
-                    cursor: ${this._hasPicker?"pointer":"auto"};
+                    cursor: ${this._hasPicker?`pointer`:`auto`};
                 }
             </style>
-            ${this.componentFactory.createIcon({class:"icon","icon-name":t,"@click":this.handleClickIcon})}
-        `}get labelTemplate(){return i.html`
+            ${a.uiKitHtml`<ds-icon class="icon" icon-name=${t} @click=${this.handleClickIcon}></ds-icon>`}
+        `}get labelTemplate(){return e.x`
             <label
                 id="label"
                 class="label"
-                style=${this.focused||this._value||["date","time"].includes(this.type)?"transform: translateY(-18px); font-size: 12px;":"transform: translateY(0);"}
+                style=${this.focused||this._value||[`date`,`time`].includes(this.type)?`transform: translateY(-18px); font-size: 12px;`:`transform: translateY(0);`}
             >
                 ${this.label}
             </label>
-        `}get inputTemplate(){return i.html`
-            ${m.choose(this.type==="number",[[!0,()=>i.html`
+        `}get inputTemplate(){return e.x`
+            ${o.r(this.type===`number`,[[!0,()=>e.x`
                         <input
                             aria-labelledby="label"
                             class="input-field number"
@@ -23,24 +23,24 @@
                             max="${this.max}"
                             step="${this.step}"
                             name=${this.name}
-                            placeholder=${this.focused?this.placeholder:""}
+                            placeholder=${this.focused?this.placeholder:``}
                             value=${this._value}
                             @focus=${this.handleFocus}
                             @blur=${this.handleBlur}
                             @input=${this.handleInput}
                         />
-                    `],[!1,()=>i.html`
+                    `],[!1,()=>e.x`
                         <input
                             aria-labelledby="label"
                             class="input-field"
                             type=${this.type}
                             maxlength=${this.maxLength}
                             name=${this.name}
-                            placeholder=${this.focused?this.placeholder:""}
+                            placeholder=${this.focused?this.placeholder:``}
                             value=${this._value}
                             @focus=${this.handleFocus}
                             @blur=${this.handleBlur}
                             @input=${this.handleInput}
                         />
                     `]])}
-        `}get dropdownTemplate(){return i.nothing}};e([p.property({type:String})],exports.DsInput.prototype,"name",2);e([p.property({type:String})],exports.DsInput.prototype,"placeholder",2);e([p.property({type:String,attribute:"max-length"})],exports.DsInput.prototype,"maxLength",2);e([p.property({type:String})],exports.DsInput.prototype,"type",2);e([p.property({type:Number})],exports.DsInput.prototype,"min",2);e([p.property({type:Number})],exports.DsInput.prototype,"max",2);e([p.property({type:Number})],exports.DsInput.prototype,"step",2);e([c.state()],exports.DsInput.prototype,"_hasPicker",2);exports.DsInput=e([h.customUiKitElement("ds-input",{skipTagAsComponentName:!0})],exports.DsInput);
+        `}get dropdownTemplate(){return e.E}};r.__decorate([t.n({type:String})],c.prototype,`name`,void 0),r.__decorate([t.n({type:String})],c.prototype,`placeholder`,void 0),r.__decorate([t.n({type:String,attribute:`max-length`})],c.prototype,`maxLength`,void 0),r.__decorate([t.n({type:String})],c.prototype,`type`,void 0),r.__decorate([t.n({type:Number})],c.prototype,`min`,void 0),r.__decorate([t.n({type:Number})],c.prototype,`max`,void 0),r.__decorate([t.n({type:Number})],c.prototype,`step`,void 0),r.__decorate([n.r()],c.prototype,`_hasPicker`,void 0),c=r.__decorate([i.customUiKitElement(`ds-input`,{skipTagAsComponentName:!0})],c);