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

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),s=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");var t=e.i`
     :host {
         display: inline-flex;
     }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-banner/ds-banner.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"),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"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("./styles/common.styles.cjs");var u,d=(u=class extends i.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}handleClose(){let e=new CustomEvent(`banner:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get containerClasses(){return{container:!0,[this.orientation??`horizontal`]:!0}}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
+            class="close-button"
+            data-aria-label="close"
+            @click=${this.handleClose}
+            icon-name="cross"
+            variant="tertiary"
+            size="medium"
+        ></ds-icon-button>`:e.E}render(){return this.show?e.x`
+            <div class=${c.e(this.containerClasses)}>
+                <div class="banner" part="banner">
+                    <slot name="image"></slot>
+                    <div class="content-actions">
+                        <slot></slot>
+                        <slot name="actions"></slot>
+                    </div>
+                </div>
+                ${this.closeButtonTemplate}
+            </div>
+        `:e.E}},u.styles=[l.bannerStyles],u);r.__decorate([t.n({type:String})],d.prototype,`orientation`,void 0),r.__decorate([t.n({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),r.__decorate([t.n({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),r.__decorate([n.r()],d.prototype,`_showState`,void 0),d=r.__decorate([a.customUiKitElement(`ds-banner`)],d);

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

@@ -0,0 +1,77 @@
+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: content;
+    }
+
+    .container {
+        display: flex;
+        align-items: flex-start;
+        position: var(--ui-kit-banner-position, static);
+    }
+
+    .container.horizontal {
+        width: var(--ui-kit-banner-width, 100%);
+        flex-direction: row;
+    }
+
+    .container.vertical {
+        width: var(--ui-kit-banner-width, fit-content);
+        flex-direction: column;
+    }
+
+    .banner {
+        display: flex;
+        box-sizing: border-box;
+        flex: 1 1 auto;
+        min-width: 0;
+    }
+
+    .container.horizontal .banner {
+        flex-direction: row;
+    }
+
+    .container.vertical .banner {
+        flex-direction: column;
+    }
+
+    .content-actions {
+        display: flex;
+        flex: 1 1 auto;
+        min-width: 0;
+        flex-direction: column;
+    }
+
+    slot[name='image']::slotted(*) {
+        display: block;
+    }
+
+    slot:not([name]) {
+        display: block;
+        flex: 0 0 auto;
+        min-width: 0;
+    }
+
+    slot[name='actions'] {
+        display: flex;
+        flex-wrap: wrap;
+        flex-shrink: 0;
+    }
+
+    .container.horizontal slot[name='actions'] {
+        flex-direction: row;
+        justify-content: flex-end;
+    }
+
+    .container.vertical slot[name='actions'] {
+        flex-direction: column-reverse;
+    }
+
+    .close-button {
+        flex-shrink: 0;
+    }
+
+    .container.vertical .close-button {
+        order: -1;
+        align-self: flex-end;
+    }
+`;exports.bannerStyles=t;

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

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=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 d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(s,e,i,r)=>{for(var t=r>1?void 0:r?h(e,i):e,a=s.length-1,c;a>=0;a--)(c=s[a])&&(t=(r?c(e,i,t):c(t))||t);return r&&t&&v(e,i,t),t};exports.DsBasicCard=class extends o.UiKitElement{constructor(){super(...arguments),this.variant="default"}get classes(){return{container:!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event("ds-basic-card:click",{bubbles:!0,composed:!0}))}render(){return n.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const o=require("./styles/common.styles.cjs");var s,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}get classes(){return{container:!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event(`ds-basic-card:click`,{bubbles:!0,composed:!0}))}render(){return e.x`
             <article
                 part="container"
-                class="${p.classMap(this.classes)}"
+                class="${a.e(this.classes)}"
                 @click=${this.handleClick}
                 data-testid="ds-basic-card-container"
             >
-                <div>${this.variant==="featured"?n.html`<slot name="featured-text"></slot>`:n.nothing}</div>
+                ${this.variant===`featured`?e.x`<div><slot name="featured-text"></slot></div>`:e.E}
                 <slot></slot>
             </article>
-        `}};exports.DsBasicCard.styles=[m.commonStyles];l([d.property({type:String})],exports.DsBasicCard.prototype,"variant",2);exports.DsBasicCard=l([u.customUiKitElement("ds-basic-card")],exports.DsBasicCard);
+        `}},s.styles=[o.commonStyles],s);n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),c=n.__decorate([i.customUiKitElement(`ds-basic-card`)],c);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");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 r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=r.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 {
         row-gap: 0;
         display: grid;
@@ -19,12 +19,5 @@
 
     ::slotted([slot='featured-text']) {
         pointer-events: none;
-        padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-2, 16px);
     }
-
-    ${e.cssQueries.m} {
-        ::slotted([slot='featured-text']) {
-            padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-header/ds-basic-card-header.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),l=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),p=require("./styles/common.styles.cjs");var m=Object.getOwnPropertyDescriptor,u=(r,a,d,s)=>{for(var e=s>1?void 0:s?m(a,d):a,t=r.length-1,i;t>=0;t--)(i=r[t])&&(e=i(e)||e);return e};exports.DsBasicCardHeader=class extends c.UiKitElement{get dividerTemplate(){return this.componentFactory.createDivider({class:"divider",variant:"secondary"})}get classes(){return{"header-wrapper":!0}}render(){return n.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.133.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../../utils/uiKitHtml.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"),require("../ds-divider/ds-divider.cjs");const o=require("./styles/common.styles.cjs");var s,c=(s=class extends n.UiKitElement{get dividerTemplate(){return i.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{"header-wrapper":!0}}render(){return e.x`
             <header
                 part="header-wrapper"
-                class="${o.classMap(this.classes)}"
+                class="${a.e(this.classes)}"
                 data-testid="ds-basic-card-header-container"
             >
                 <div class="header-content">
@@ -14,4 +14,4 @@
                 <slot name="sub-header" part="sub-header"></slot>
                 ${this.dividerTemplate}
             </header>
-        `}};exports.DsBasicCardHeader.styles=[p.commonStyles];exports.DsBasicCardHeader=u([l.customUiKitElement("ds-basic-card-header")],exports.DsBasicCardHeader);
+        `}},s.styles=[o.commonStyles],s);c=t.__decorate([r.customUiKitElement(`ds-basic-card-header`)],c);

package/dist/cjs/components/ds-basic-card-header/styles/common.styles.cjs

@@ -1,20 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");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 i=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=i.css`
-    :host {
-        padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-2, 16px) 0px var(--dg-spacing-m-2, 16px);
-    }
-
+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`
     .header-wrapper {
         align-items: flex-start;
         align-self: stretch;
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
     }
 
     .header-content {
         display: flex;
-        gap: var(--dg-spacing-m-1, 8px);
         width: 100%;
         justify-content: space-between;
     }
@@ -22,7 +16,6 @@
     .title-wrapper {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-s-5, 8px);
         width: 100%;
     }
 
@@ -32,7 +25,6 @@
 
     ::slotted([slot='sub-header']) {
         display: flex;
-        gap: var(--dg-spacing-m-1, 12px);
         flex-direction: column;
     }
 
@@ -40,10 +32,4 @@
         margin-top: auto;
         width: 100%;
     }
-
-    ${e.cssQueries.m} {
-        :host {
-            padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-4, 24px) 0px var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-image/ds-basic-card-image.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs");var d=Object.getOwnPropertyDescriptor,g=(s,t,c,a)=>{for(var e=a>1?void 0:a?d(t,c):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(e=i(e)||e);return e};exports.DsBasicCardImage=class extends l.UiKitElement{get classes(){return{"image-wrapper":!0}}render(){return n.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.133.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=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 a=require("./styles/common.styles.cjs");var o,s=(o=class extends n.UiKitElement{get classes(){return{"image-wrapper":!0}}render(){return e.x`
             <div
                 part="image-wrapper"
-                class="${o.classMap(this.classes)}"
+                class="${i.e(this.classes)}"
                 data-testid="ds-basic-card-image-container"
             >
                <slot></slot>
             </div>
-        `}};exports.DsBasicCardImage.styles=[u.commonStyles];exports.DsBasicCardImage=g([m.customUiKitElement("ds-basic-card-image")],exports.DsBasicCardImage);
+        `}},o.styles=[a.commonStyles],o);s=t.__decorate([r.customUiKitElement(`ds-basic-card-image`)],s);

package/dist/cjs/components/ds-basic-card-image/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"),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 {
         height: 100%;
         width: 100%;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-section/ds-basic-card-section.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var y=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(i,t,s,r)=>{for(var e=r>1?void 0:r?h(t,s):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(e=(r?n(t,s,e):n(e))||e);return r&&e&&y(t,s,e),e};exports.DsBasicCardSection=class extends p.UiKitElement{constructor(){super(...arguments),this.withDivider=!0,this.centered=!0}get dividerTemplate(){return this.componentFactory.createDivider({class:"divider",variant:"secondary"})}get classes(){return{container:!0,centered:this.centered}}render(){return a.html`
-            <div part="container" class=${v.classMap(this.classes)} data-testid="ds-basic-card-section-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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs"),require("../ds-divider/ds-divider.cjs");const c=require("./styles/common.styles.cjs");var l,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0,this.centered=!0}get dividerTemplate(){return o.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{container:!0,centered:this.centered}}render(){return e.x`
+            <div part="container" class=${s.e(this.classes)} data-testid="ds-basic-card-section-container">
                 <slot></slot>
             </div>
-            ${this.withDivider?this.dividerTemplate:a.nothing}
-        `}};exports.DsBasicCardSection.styles=[m.commonStyles];c([l.property({type:Boolean,converter:d.booleanConverter})],exports.DsBasicCardSection.prototype,"withDivider",2);c([l.property({type:Boolean,converter:d.booleanConverter})],exports.DsBasicCardSection.prototype,"centered",2);exports.DsBasicCardSection=c([u.customUiKitElement("ds-basic-card-section")],exports.DsBasicCardSection);
+            ${this.withDivider?this.dividerTemplate:e.E}
+        `}},l.styles=[c.commonStyles],l);n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`withDivider`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`centered`,void 0),u=n.__decorate([i.customUiKitElement(`ds-basic-card-section`)],u);

package/dist/cjs/components/ds-basic-card-section/styles/common.styles.cjs

@@ -1,25 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");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 s=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=s.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: flex;
         flex-direction: column;
-        padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-2, 16px);
     }
 
     .container {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
-        padding: var(--dg-spacing-m-4, 24px) var(--dg-spacing-s-1, 0px);
     }
 
     .centered {
         justify-content: center;
     }
-
-    ${e.cssQueries.m} {
-        :host {
-            padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=i;
+`;exports.commonStyles=t;

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

@@ -0,0 +1,37 @@
+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/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/uiKitHtml.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-tooltip/ds-tooltip.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs"),require("../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs");var c=[{below:768,maxItems:3},{below:1024,maxItems:4}],l=5,u=class extends r.UiKitElement{constructor(...e){super(...e),this.items=[],this.maxItems=l,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{let e=c.find(({below:e})=>window.innerWidth<e);this.maxItems=(e==null?void 0:e.maxItems)??l}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>{var t,n;return{label:e.getAttribute(`label`)||((t=e.textContent)==null?void 0:t.trim())||``,href:e.getAttribute(`href`)||((n=e.querySelector(`[slot="item"]`))==null?void 0:n.getAttribute(`href`))||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}})}get separatorIcon(){return a.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`}itemTemplate(t,n){let r=t.selected,i=s.s(this.itemTag),a=r||t.disabled||!t.href?s.u`<span slot="item">${t.label}</span>`:s.u`<a href=${t.href} slot="item">${t.label}</a>`;return s.u`<li class="breadcrumb-list-item">
+            <${i}
+                ?selected=${r}
+                ?disabled=${t.disabled}
+                ?loading=${t.loading}
+            >
+                ${a}
+            </${i}>
+            ${n?e.E:this.separatorIcon}
+        </li>`}get slotTemplate(){return s.u`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){return s.u`<ul class="overflow-menu" role="menu">
+            ${this.items.slice(1,this.items.length-(this.maxItems-2)).map(e=>s.u`
+                    <li class="overflow-menu-item" role="none">
+                        <a href=${o.o(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
+                    </li>
+                `)}
+        </ul>`}get overflowTriggerTemplate(){return s.u`<button class="overflow-trigger">
+            <span class="overflow-label">...</span>
+        </button>`}get tooltipTemplate(){return a.uiKitHtml`<ds-tooltip class="breadcrumbs-tooltip">
+            ${this.overflowTriggerTemplate}
+            <div slot="content">${this.overflowMenuTemplate}</div>
+        </ds-tooltip>`}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return s.u`
+            ${this.itemTemplate(e[0],!1)}
+            <li class="breadcrumb-list-item">
+                <div class="overflow-item-wrapper">
+                    ${this.tooltipTemplate}
+                    ${this.separatorIcon}
+                </div>
+            </li>
+            ${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
+        `}render(){return s.u`
+            ${this.slotTemplate}
+            <nav class="container" aria-label="Breadcrumb">
+                <ol class="breadcrumb-list">
+                    ${this.listTemplate}
+                </ol>
+            </nav>
+        `}};n.__decorate([t.r()],u.prototype,`items`,void 0),n.__decorate([t.r()],u.prototype,`maxItems`,void 0),n.__decorate([t.r()],u.prototype,`itemTag`,void 0),u=n.__decorate([i.customUiKitElement(`ds-breadcrumbs`)],u);

package/dist/cjs/components/ds-breadcrumbs-item/ds-breadcrumbs-item.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("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");var s=class extends r.UiKitElement{constructor(...e){super(...e),this.selected=!1,this.disabled=!1,this.loading=!1}get classes(){return{"item-wrapper":!0,selected:this.selected,disabled:this.disabled,loading:this.loading}}render(){let t=this.loading?e.x`<div class="skeleton-placeholder"></div>`:e.x`<slot name="item"></slot>`;return e.x`
+            <div class=${o.e(this.classes)} part="item-wrapper">
+                ${t}
+            </div>
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`loading`,void 0),s=n.__decorate([i.customUiKitElement(`ds-breadcrumbs-item`)],s);

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

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),p=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(u,e,t,l)=>{for(var s=l>1?void 0:l?v(e,t):e,i=u.length-1,n;i>=0;i--)(n=u[i])&&(s=(l?n(e,t,s):n(s))||s);return l&&s&&d(e,t,s),s};exports.DsBullets=class extends h.UiKitElement{constructor(){super(...arguments),this.mode="light",this.activeBulletIndex=0,this.handleClickChunk=e=>()=>{this.activeBulletIndex!==e&&(this.activeBulletIndex=e,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{index:e}})))}}get bulletsTemplate(){const e=[];for(let t=0;t<this.bulletsNumber;t++){const l={bullet:!0,active:t===this.activeBulletIndex};e.push(o.html`
-                <div @click=${this.handleClickChunk(t)} class=${a.classMap(l)}></div>
-            `)}return e}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return p.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("./styles/common.styles.cjs");var s,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.activeBulletIndex=0,this.handleClickChunk=e=>()=>{this.activeBulletIndex!==e&&(this.activeBulletIndex=e,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{index:e}})))}}get bulletsTemplate(){let t=[];for(let n=0;n<this.bulletsNumber;n++){let r={bullet:!0,active:n===this.activeBulletIndex};t.push(e.x`
+                <div @click=${this.handleClickChunk(n)} class=${a.e(r)}></div>
+            `)}return t}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return e.x`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
                     }
                 </style>
-        `}render(){return this.bulletsNumber>0?o.html`
+        `}render(){return this.bulletsNumber>0?e.x`
                   ${this.styleTokens}
-                  <div class=${a.classMap(this.classes)}>${this.bulletsTemplate}</div>
-              `:o.nothing}};exports.DsBullets.styles=[b.commonStyles];r([c.property({type:String,reflect:!0})],exports.DsBullets.prototype,"mode",2);r([c.property({type:Number,attribute:"bullets-number"})],exports.DsBullets.prototype,"bulletsNumber",2);r([c.property({type:Number,attribute:"active-bullet-index",reflect:!0})],exports.DsBullets.prototype,"activeBulletIndex",2);exports.DsBullets=r([m.customUiKitElement("ds-bullets")],exports.DsBullets);
+                  <div class=${a.e(this.classes)}>${this.bulletsTemplate}</div>
+              `:e.E}},s.styles=[o.commonStyles],s);n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:Number,attribute:`bullets-number`})],c.prototype,`bulletsNumber`,void 0),n.__decorate([t.n({type:Number,attribute:`active-bullet-index`,reflect:!0})],c.prototype,`activeBulletIndex`,void 0),c=n.__decorate([i.customUiKitElement(`ds-bullets`)],c);

package/dist/cjs/components/ds-bullets/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"),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;
         width: 100%;
@@ -16,4 +16,4 @@
     .bullet.active {
         cursor: auto;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,56 +1,57 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),b=require("../../mixins/ViewportMixin.cjs"),n=require("../../utils/booleanConverter.cjs"),g=require("../../utils/htmlWithTokens.cjs"),v=require("../../utils/objectConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=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"),$=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var B=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(p,e,r,l)=>{for(var i=l>1?void 0:l?D(e,r):e,h=p.length-1,c;h>=0;h--)(c=p[h])&&(i=(l?c(e,r,i):c(i))||i);return l&&i&&B(e,r,i),i};exports.DsButton=class extends b.ViewportMixin(m.UiKitElement){constructor(){super(...arguments),this.variant="primary",this.mode="light",this.size="large",this.disabled=!1,this.destructive=!1,this.htmlTagName="button",this.type="button",this.iconPosition="left",this.rounded=!1,this.fullWidth=!1,this.loading=!1}firstUpdated(){this.closestForm=this.closest("form")}get classes(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName==="custom",[e]:!!e,[this.mode]:!!this.mode,[this.variant]:!!this.variant,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type==="submit"){const r=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(r)}}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):o.nothing}get loadingTemplate(){return this.loading?o.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../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("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),f=require("./styles/common.styles.cjs");var p,m=(p=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}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 iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`:e.E}get loadingTemplate(){return this.loading?e.x`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
                 <span>.</span>
             </span>
-        `:o.nothing}get cssTokens(){return g.htmlWithTokens`
+        `:e.E}get contentTemplate(){return this.loading&&this.textLoading?e.x`${this.textLoading}`:e.x`<slot></slot>`}get cssTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.loading||this.disabled?"none":"visible"};
+                    pointer-events: ${this.loading||this.disabled?`none`:`visible`};
                 }
 
                 :host:has(::slotted(*:disabled)){
                     pointer-events: none;
                 }
-            </style>`}render(){return o.html`
+            </style>`}render(){return e.x`
             ${this.cssTokens}
-            ${$.choose(this.htmlTagName||"button",[["button",()=>{var e;return o.html`
+            ${u.r(this.htmlTagName||`button`,[[`button`,()=>{var t;return e.x`
                         <button
-                            aria-label=${(e=this.textContent)==null?void 0:e.replace(/^\s+|\s+$/g,"")}
-                            class=${u.classMap(this.classes)}
+                            class=${s.e(this.classes)}
+                            aria-label=${(t=this.textContent)==null?void 0:t.replace(/^\s+|\s+$/g,``)}
                             type=${this.type}
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${a.when(this.iconPosition==="left",()=>o.html` ${this.iconTemplate} `)}
+                            ${d.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
                             <span class="container">
-                                <slot></slot>
+                                ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${a.when(this.iconPosition==="right",()=>o.html` ${this.iconTemplate} `)}
+                            ${d.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
                         </button>
-                    `}],["a",()=>{var e;return o.html`
+                    `}],[`a`,()=>{var t;return e.x`
                         <a
-                            aria-label=${(e=this.textContent)==null?void 0:e.replace(/^\s+|\s+$/g,"")}
-                            class=${u.classMap(this.classes)}
+                            class=${s.e(this.classes)}
+                            aria-label=${(t=this.textContent)==null?void 0:t.replace(/^\s+|\s+$/g,``)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
                             @click=${this.handleClick}
-                            ?disabled=${this.disabled}
                         >
-                            ${a.when(this.iconPosition==="left",()=>o.html`${this.iconTemplate}`)}
+                            ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                             <span class="container">
-                                <slot></slot>
+                                ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${a.when(this.iconPosition==="right",()=>o.html`${this.iconTemplate}`)}
+                            ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                         </a>
-                    `}],["custom",()=>o.html`
-                        <div class=${u.classMap(this.classes)}>
-                            <slot></slot>
+                    `}],[`custom`,()=>e.x`
+                        <div class=${s.e(this.classes)} @click=${this.handleCustomClick}>
+                            ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+                            ${this.loading&&this.textLoading?e.x`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.x`<slot></slot>${this.loadingTemplate}`}
+                            ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                         </div>
                     `]])}
-        `}};exports.DsButton.styles=[d.buttonStyles,d.textStyles,d.loadingDotsStyles];t([s.property({type:String})],exports.DsButton.prototype,"variant",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"mode",2);t([s.property({type:String,converter:v.objectConverter})],exports.DsButton.prototype,"size",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"disabled",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"destructive",2);t([s.property({type:String,attribute:"icon-name"})],exports.DsButton.prototype,"iconName",2);t([s.property({type:String,attribute:"html-tag-name"})],exports.DsButton.prototype,"htmlTagName",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"href",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"rel",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"target",2);t([s.property({type:String})],exports.DsButton.prototype,"type",2);t([s.property({type:String,attribute:"icon-position"})],exports.DsButton.prototype,"iconPosition",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"rounded",2);t([s.property({type:Boolean,converter:n.booleanConverter,attribute:"full-width"})],exports.DsButton.prototype,"fullWidth",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"loading",2);t([f.state()],exports.DsButton.prototype,"closestForm",2);exports.DsButton=t([y.customUiKitElement("ds-button")],exports.DsButton);
+        `}},p.styles=[f.buttonStyles,f.textStyles,f.loadingDotsStyles],p);n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:l.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:Boolean,converter:a.booleanConverter})],m.prototype,`destructive`,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,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),n.__decorate([t.n({type:String})],m.prototype,`type`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],m.prototype,`iconPosition`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],m.prototype,`rounded`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],m.prototype,`fullWidth`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],m.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`text-loading`})],m.prototype,`textLoading`,void 0),m=n.__decorate([i.customUiKitElement(`ds-button`)],m),Object.defineProperty(exports,"DsButton",{enumerable:!0,get:function(){return m}});

package/dist/cjs/components/ds-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 t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=t.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
     :host {
         display: contents;
     }
@@ -10,6 +10,15 @@
         box-sizing: border-box;
         justify-content: center;
         align-items: center;
+        gap: var(--ui-kit-private-button-gap, 0);
+        padding: 0;
+        margin: 0;
+        background: transparent;
+        border: none;
+        color: inherit;
+        font: inherit;
+        text-transform: inherit;
+        letter-spacing: inherit;
         cursor: pointer;
         outline-style: solid;
         max-width: 100%;
@@ -18,7 +27,39 @@
     .button.full-width {
         width: 100%;
     }
-`,o=t.css`
+
+    .tag-custom ::slotted(*) {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        flex: 1;
+        min-width: 0;
+        gap: var(--ui-kit-private-button-gap, 0);
+        padding: 0;
+        margin: 0;
+        background: transparent;
+        border: none;
+        color: inherit;
+        font: inherit;
+        text-transform: inherit;
+        letter-spacing: inherit;
+        text-decoration: none;
+        cursor: inherit;
+        outline: none;
+        box-sizing: border-box;
+    }
+
+    .tag-custom ::slotted(*:disabled),
+    .tag-custom.disabled ::slotted(*) {
+        pointer-events: none;
+        cursor: default;
+    }
+
+    .tag-custom ::slotted(*:focus-visible) {
+        outline: none;
+    }
+`,n=e.i`
     .naked.container {
         display: inline-flex;
     }
@@ -28,7 +69,7 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-`,n=t.css`
+`,r=e.i`
     .loading-dots {
         display: inline-flex;
         align-items: baseline;
@@ -104,4 +145,4 @@
             opacity: 1;
         }
     }
-`;exports.buttonStyles=i;exports.loadingDotsStyles=n;exports.textStyles=o;
+`;exports.buttonStyles=t,exports.loadingDotsStyles=r,exports.textStyles=n;