@cupra/ui-kit 2.0.0-canary.23 → 2.0.0-canary.231

package/dist-react/cjs/components/ds-drawer/styles/seat.styles.cjs

@@ -0,0 +1,50 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat']) .overlay {
+        background: var(--ds-opacity-black-40);
+        -webkit-backdrop-filter: var(--ds-elevation-blur-level-01);
+        backdrop-filter: var(--ds-elevation-blur-level-01);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        color: var(--ui-kit-private-drawer-container-color, #ffffff);
+        background: var(--ds-color-bg-default);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) .container {
+            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-header,
+    :host([data-ui-kit-theme='seat']) .drawer-content,
+    :host([data-ui-kit-theme='seat']) .drawer-footer {
+        padding-left: var(--ds-layout-margin);
+        padding-right: var(--ds-layout-margin);
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-header {
+        padding-top: var(--ds-spacing-layout-s);
+        padding-bottom: var(--ds-spacing-m-3);
+    }
+
+    @media (min-width: 768px) {
+        :host([data-ui-kit-theme='seat']) .drawer-header {
+            padding-bottom: var(--ds-spacing-layout-m);
+        }
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-footer {
+        padding-top: var(--ds-spacing-layout-m);
+        padding-bottom: var(--ds-spacing-layout-l);
+    }
+
+    :host([data-ui-kit-theme='seat']) .drawer-footer ::slotted(*) {
+        gap: var(--ds-spacing-m-2);
+    }
+
+    :host([data-ui-kit-theme='seat']) .close-button {
+        top: calc(var(--ds-spacing-layout-s) - 0.125rem);
+        right: var(--ds-spacing-layout-xl);
+    }
+`;exports.seatStyles=t;

package/dist-react/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-react/cjs/components/ds-favourite-action/ds-favourite-action.cjs

@@ -0,0 +1,12 @@
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.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.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){super.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-color`:`heart-color`}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.html`
+            <button
+                type="button"
+                class=${c.classMap(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>
+        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],h.prototype,`initialSelected`,void 0),r.default([t.property({type:Boolean,attribute:`selected`})],h.prototype,`selected`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`disabled`,void 0),r.default([t.property({type:String,attribute:`data-aria-label`})],h.prototype,`dataAriaLabel`,void 0),r.default([n.state()],h.prototype,`_selected`,void 0),h=r.default([a.customUiKitElement(`ds-favourite-action`)],h),Object.defineProperty(exports,"DsFavouriteAction",{enumerable:!0,get:function(){return h}});

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

@@ -0,0 +1,16 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :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-react/cjs/components/ds-favourite-action/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,40 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra-diagonal']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ui-kit-favourite-action-background, transparent);
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button:hover {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button:active {
+        background: var(
+            --ui-kit-favourite-action-background-active,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist-react/cjs/components/ds-favourite-action/styles/cupra.styles.cjs

@@ -0,0 +1,59 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: transparent;
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:hover {
+        background: var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3));
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:active {
+        background: var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3));
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-color: var(--ds-color-icon-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:hover .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button:focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.selected .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.selected:hover .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.selected:focus-visible .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .button.disabled .icon {
+        --ui-kit-icon-color: var(--ds-color-icon-disabled, #5a5c67);
+    }
+`;exports.cupraStyles=t;

package/dist-react/cjs/components/ds-favourite-action/styles/seat-legacy.styles.cjs

@@ -0,0 +1,40 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat-legacy']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ui-kit-favourite-action-background, transparent);
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button:hover {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button:active {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+`;exports.seatLegacyStyles=t;

package/dist-react/cjs/components/ds-favourite-action/styles/seat.styles.cjs

@@ -0,0 +1,40 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat']) .button {
+        width: var(--ds-sizing-40, 40px);
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ui-kit-favourite-action-background, transparent);
+        outline: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .button:hover {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .button:focus-visible {
+        background: transparent;
+        outline: var(--ds-border-width-l, 2px) solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0;
+    }
+
+    :host([data-ui-kit-theme='seat']) .button:active {
+        background: var(
+            --ui-kit-favourite-action-background-hover,
+            var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3))
+        );
+    }
+
+    :host([data-ui-kit-theme='seat']) .button.disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+    }
+`;exports.seatStyles=t;

package/dist-react/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.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra.styles.cjs");var l=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.html`
             <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.html`
             ${this.styleTokens}
-            ${m.choose(this.htmlTagName||"a",[["button",()=>u.html`
-                        <button class=${h.classMap(this.classes)}>
+            ${o.choose(this.htmlTagName||`a`,[[`button`,()=>e.html`
+                        <button class=${a.classMap(this.classes)}>
                             <slot></slot>
                         </button>
-                    `],["a",()=>u.html`
+                    `],[`a`,()=>e.html`
                         <a
-                            class=${h.classMap(this.classes)}
+                            class=${a.classMap(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);
+        `}},u=(l.styles=[s.commonStyles,c.cupraStyles],l);n.default([t.property({type:String,attribute:`html-tag-name`})],u.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`target`,void 0),n.default([t.property({type:String,reflect:!0})],u.prototype,`mode`,void 0),n.default([t.property({type:String})],u.prototype,`size`,void 0),u=n.default([i.customUiKitElement(`ds-hyperlink`)],u),Object.defineProperty(exports,"DsHyperlinkButton",{enumerable:!0,get:function(){return u}});

package/dist-react/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.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: inline-flex;
     }
@@ -12,4 +12,4 @@
         padding: 0;
         background: transparent;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-hyperlink/styles/cupra.styles.cjs

@@ -0,0 +1,29 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra']) .hyperlink {
+        border-bottom: 1px solid;
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.light {
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.dark {
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink:hover.light {
+        color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink:hover.dark {
+        color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.large {
+        font: var(--ds-font-cupra-light-30-paragraph);
+        height: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.medium {
+        font: var(--ds-font-cupra-light-20-paragraph);
+        height: 1.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .hyperlink.small {
+        font: var(--ds-font-cupra-light-10);
+        height: 1rem;
+    }
+`;exports.cupraStyles=t;

package/dist-react/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.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const o=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldGet2.cjs");var p=new WeakMap,m=class extends r.LitElement{constructor(){super(),u.default(this,p,void 0),this.iconHtml=``,d.default(p,this,0),this.getIcon=async()=>{var e;let t=d.default(p,this,(e=f.default(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f.default(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.html`
             <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.html`
             ${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.unsafeHTML(this.iconHtml):n.html`<svg class="ds-icon">x</svg>`}
+        `}},h=(m.styles=t.css`
         :host {
             line-height: 0;
             display: inline-block;
         }
-    `;o([n.property({type:String,attribute:"icon-name"})],exports.DsIcon.prototype,"iconName",2);o([n.property({type:String,attribute:"color"})],exports.DsIcon.prototype,"color",2);o([n.property({type:Number})],exports.DsIcon.prototype,"width",2);o([n.property({type:Number})],exports.DsIcon.prototype,"height",2);o([n.property({type:Number,attribute:"size"})],exports.DsIcon.prototype,"size",2);o([f.state()],exports.DsIcon.prototype,"iconHtml",2);exports.DsIcon=o([y.customUiKitElement("ds-icon")],exports.DsIcon);
+    `,m);o.default([i.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),o.default([i.property({type:String,attribute:`color`})],h.prototype,`color`,void 0),o.default([i.property({type:Number})],h.prototype,`width`,void 0),o.default([i.property({type:Number})],h.prototype,`height`,void 0),o.default([i.property({type:Number,attribute:`size`})],h.prototype,`size`,void 0),o.default([a.state()],h.prototype,`iconHtml`,void 0),h=o.default([s.customUiKitElement(`ds-icon`)],h),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return h}});

package/dist-react/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.cross-image.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-color.heart-filled.heart-filled-color.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.rgb-circles.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-react/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.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.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.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/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.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=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.ifDefined(this.iconName)}></ds-icon>`:e.nothing}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.html`
             <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.html`
             ${this.variantColorTokens}
-            ${g.choose(this.htmlTagName||"button",[["button",()=>s.html`
+            ${d.choose(this.htmlTagName||`button`,[[`button`,()=>e.html`
                         <button
                             ?disabled=${this.disabled}
-                            class=${p.classMap(this.classes)}
+                            class=${s.classMap(this.classes)}
                             aria-label=${this.dataAriaLabel}
+                            aria-pressed=${c.ifDefined(this.dataAriaPressed)}
                         >
                             ${this.iconTemplate}
                         </button>
-                    `],["a",()=>s.html`
+                    `],[`a`,()=>e.html`
                         <a
                             ?disabled=${this.disabled}
-                            class=${p.classMap(this.classes)}
+                            class=${s.classMap(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.html`
+                        <div class=${s.classMap(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);
+        `}},v=(_.styles=[f.buttonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],v.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],v.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],v.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),v=n.default([i.customUiKitElement(`ds-icon-button`)],v),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return v}});

package/dist-react/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.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: inline-flex;
     }
@@ -14,4 +14,4 @@
         outline-style: solid;
         padding: 0;
     }
-`;exports.buttonStyles=t;
+`;exports.buttonStyles=t;