@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.160

package/dist-react/cjs/components/ds-dialog-body/ds-dialog-body.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("../../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.getOwnPropertyDescriptor,g=(t,o,i,r)=>{for(var e=r>1?void 0:r?y(o,i):o,s=t.length-1,l;s>=0;s--)(l=t[s])&&(e=l(e)||e);return e};exports.DsDialogBody=class extends n.UiKitElement{get classes(){return{container:!0}}get styleTokens(){return c.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(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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=class extends n.UiKitElement{static{this.styles=[a.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return e.x`
                 <style>
                     :host{
                         grid-area: body;
                     }
                 </style>
-        `}render(){return d.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-body-container" class=${u.classMap(this.classes)}>
+            <div data-testid="ds-dialog-body-container" class=${i.e(this.classes)}>
                 <slot name="description"></slot>
                 <slot name="image"></slot>
                 <slot></slot>
             </div>
-        `}};exports.DsDialogBody.styles=[m.commonStyles];exports.DsDialogBody=g([a.customUiKitElement("ds-dialog-body")],exports.DsDialogBody);
+        `}};o=t.__decorate([r.customUiKitElement(`ds-dialog-body`)],o);

package/dist-react/cjs/components/ds-dialog-body/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: inline-block;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-dialog-footer/ds-dialog-footer.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=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 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 v=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),D=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var p=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(o,t,s,r)=>{for(var e=r>1?void 0:r?g(t,s):t,i=o.length-1,l;i>=0;i--)(l=o[i])&&(e=(r?l(t,s,e):l(e))||e);return r&&e&&p(t,s,e),e};exports.DsDialogFooter=class extends c.UiKitElement{constructor(){super(...arguments),this.withDivider=!0}get classes(){return{container:!0}}render(){return n.html`
-            <div data-testid="ds-dialog-footer-container" class=${D.classMap(this.classes)}>
-                ${this.withDivider?n.html`<div class="divider"></div>`:n.nothing}
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0}static{this.styles=[s.commonStyles]}get classes(){return{container:!0}}render(){return e.x`
+            <div data-testid="ds-dialog-footer-container" class=${o.e(this.classes)}>
+                ${this.withDivider?e.x`<div class="divider"></div>`:e.E}
                 <slot></slot>
                 <slot name="actions"></slot>
             </div>
-        `}};exports.DsDialogFooter.styles=[m.commonStyles];a([v.property({type:Boolean,attribute:"with-divider",converter:d.booleanConverter})],exports.DsDialogFooter.prototype,"withDivider",2);exports.DsDialogFooter=a([u.customUiKitElement("ds-dialog-footer")],exports.DsDialogFooter);
+        `}};n.__decorate([t.n({type:Boolean,attribute:`with-divider`,converter:a.booleanConverter})],c.prototype,`withDivider`,void 0),c=n.__decorate([i.customUiKitElement(`ds-dialog-footer`)],c);

package/dist-react/cjs/components/ds-dialog-footer/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: flex;
     }
@@ -6,4 +6,4 @@
     .container {
         width: 100%;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-dialog-fullscreen/ds-dialog-fullscreen.cjs

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),y=require("../../utils/debounce.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),f=require("./styles/common.styles.cjs");var m=Object.defineProperty,D=Object.getOwnPropertyDescriptor,o=(l,e,s,n)=>{for(var t=n>1?void 0:n?D(e,s):e,r=l.length-1,i;r>=0;r--)(i=l[r])&&(t=(n?i(e,s,t):i(t))||t);return n&&t&&m(e,s,t),t};exports.DsDialogFullscreen=class extends u.UiKitElement{constructor(){super(...arguments),this.lockScroll=!0,this.open=!1,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=y.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key==="Escape"&&this.handleClose()}}async updated(e){super.updated(e),!this.hasBeenOpened&&e.has("open")&&this.open&&(this.hasBeenOpened=!0),e.has("open")&&this.handleResizeObserver(),e.has("open")&&this.open&&(await this.updateComplete,this.requestUpdate())}async handleResizeObserver(){var e;this.lockScroll&&(document.getElementById("storybook-root")||(document.body.style.overflow=this.open?"hidden":"")),(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.open=!1,this.dispatchEvent(new Event("ds-dialog-fullscreen:close",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener("keydown",this.handleKeyDown),this.lockScroll&&(document.getElementById("storybook-root")||(document.body.style.overflow="")),(e=this.resizeObserver)==null||e.disconnect()}checkScroll(){var e,s;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((s=this.content)==null?void 0:s.clientHeight)}render(){return!this.hasBeenOpened&&!this.open?c.nothing:c.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`../../utils/debounce.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this._open=void 0,this._openState=!1,this.hasScroll=!1,this.hasBeenOpened=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key===`Escape`&&this.handleClose()}}static{this.styles=[u.commonStyles]}get open(){return this._open??this._openState}set open(e){this._open=e}willUpdate(e){super.willUpdate(e),!this.hasBeenOpened&&(e.has(`_open`)||e.has(`_openState`))&&this.open&&(this.hasBeenOpened=!0)}updated(e){super.updated(e),(e.has(`_open`)||e.has(`_openState`))&&this.handleResizeObserver()}async handleResizeObserver(){this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=this.open?`hidden`:``)),this.resizeObserver?.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this._openState=!1,this._open=void 0,this.dispatchEvent(new Event(`ds-dialog-fullscreen:close`,{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener(`keydown`,this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`keydown`,this.handleKeyDown),this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=``)),this.resizeObserver?.disconnect()}checkScroll(){let e=this.content?.scrollHeight>this.content?.clientHeight;e!==this.hasScroll&&(this.hasScroll=e)}render(){return!this.hasBeenOpened&&!this.open?e.E:e.x`
             <style>
                 :host {
-                    display: ${this.open?"flex":"none"};
+                    display: ${this.open?`flex`:`none`};
                 }
             </style>
 
-            <div class=${v.classMap(this.containerClasses)}>
+            <div class=${c.e(this.containerClasses)}>
                 <dialog ?open=${this.open} data-testid="ds-dialog-fullscreen-container" class="dialog-fullscreen">
-                    <slot name="close-button" @click=${this.handleClose}></slot>
+                    ${this.lockClose?e.E:e.x`<slot name="close-button" @click=${this.handleClose}></slot>`}
                     <div class="content-container-fullscreen">
                         <div tabindex="0" class="content-fullscreen ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
                         </div>
                 </dialog>
             </div>
-        `}};exports.DsDialogFullscreen.styles=[f.commonStyles];o([h.property({type:Boolean,converter:a.booleanConverter,attribute:"lock-scroll"})],exports.DsDialogFullscreen.prototype,"lockScroll",2);o([h.property({type:Boolean,converter:a.booleanConverter})],exports.DsDialogFullscreen.prototype,"open",2);o([d.state()],exports.DsDialogFullscreen.prototype,"hasBeenOpened",2);o([d.state()],exports.DsDialogFullscreen.prototype,"hasScroll",2);o([b.query(".content")],exports.DsDialogFullscreen.prototype,"content",2);exports.DsDialogFullscreen=o([p.customUiKitElement("ds-dialog-fullscreen")],exports.DsDialogFullscreen);
+        `}};i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],d.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],d.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,attribute:`open`,converter:s.booleanConverter})],d.prototype,`_open`,void 0),i.__decorate([n.r()],d.prototype,`_openState`,void 0),i.__decorate([n.r()],d.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],d.prototype,`content`,void 0),d=i.__decorate([o.customUiKitElement(`ds-dialog-fullscreen`)],d);

package/dist-react/cjs/components/ds-dialog-fullscreen/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=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 e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../../utils/cssQueries.cjs`);var n=e.i`
     :host {
         transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
     }
@@ -19,7 +19,6 @@
         justify-content: center;
         align-items: center;
         z-index: var(--ds-z-index-modal);
-        background-color: var(--dg-color-bg-modal);
         transition:
             opacity 0.3s cubic-bezier(0, 0, 0.2, 1),
             display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
@@ -52,9 +51,7 @@
 
     .ds-scroll::-webkit-scrollbar-thumb,
     .ds-scroll-global *::-webkit-scrollbar-thumb {
-        border-radius: var(--dg-border-radius-full);
         background-clip: padding-box;
-        background-color: var(--dg-global-opacity-white-70);
     }
 
     .ds-scroll::-webkit-scrollbar-track,
@@ -62,7 +59,7 @@
         background-color: transparent;
     }
 
-    ${l.cssQueries.xs} {
+    ${t.cssQueries.xs} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 4px;
@@ -70,11 +67,11 @@
         }
     }
 
-    ${l.cssQueries.m} {
+    ${t.cssQueries.m} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 8px;
             width: 8px;
         }
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=n;

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

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

package/dist-react/cjs/components/ds-dialog-header/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: block;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

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

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),r=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     .divider {
         border: none;
         margin: 0;
     }
-`;exports.orientationStyles=r;
+`;exports.orientationStyles=t;

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

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

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

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

package/dist-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.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/uiKitHtml.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}static{this.styles=[l.commonStyles]}willUpdate(e){!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled`:`heart`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.x`
+            <button
+                type="button"
+                class=${c.e(this.classes)}
+                ?disabled=${this.disabled}
+                aria-pressed=${this.currentSelected}
+                aria-label=${this.dataAriaLabel||(this.currentSelected?`Remove from favourites`:`Add to favourites`)}
+                @click=${this.handleClick}
+            >
+                ${this.iconTemplate}
+            </button>
+        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],u.prototype,`initialSelected`,void 0),r.__decorate([t.n({type:Boolean,attribute:`selected`})],u.prototype,`selected`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label`})],u.prototype,`dataAriaLabel`,void 0),r.__decorate([n.r()],u.prototype,`_selected`,void 0),u=r.__decorate([a.customUiKitElement(`ds-favourite-action`)],u);

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.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
+    :host {
+        display: inline-flex;
+    }
+
+    .button {
+        display: inline-flex;
+        box-sizing: border-box;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border: none;
+        padding: 0;
+        background: transparent;
+    }
+`;exports.commonStyles=t;

package/dist-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.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}static{this.styles=[s.commonStyles]}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.x`
             <style>
                 :host {
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return u.html`
+        `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return e.x`
             ${this.styleTokens}
-            ${m.choose(this.htmlTagName||"a",[["button",()=>u.html`
-                        <button class=${h.classMap(this.classes)}>
+            ${o.r(this.htmlTagName||`a`,[[`button`,()=>e.x`
+                        <button class=${a.e(this.classes)}>
                             <slot></slot>
                         </button>
-                    `],["a",()=>u.html`
+                    `],[`a`,()=>e.x`
                         <a
-                            class=${h.classMap(this.classes)}
+                            class=${a.e(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -21,4 +21,4 @@
                             <slot></slot>
                         </a>
                     `]])}
-        `}};exports.DsHyperlinkButton.styles=[g.commonStyles];e([s.property({type:String,attribute:"html-tag-name"})],exports.DsHyperlinkButton.prototype,"htmlTagName",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"href",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"rel",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"target",2);e([s.property({type:String,reflect:!0})],exports.DsHyperlinkButton.prototype,"mode",2);e([s.property({type:String})],exports.DsHyperlinkButton.prototype,"size",2);exports.DsHyperlinkButton=e([c.customUiKitElement("ds-hyperlink")],exports.DsHyperlinkButton);
+        `}};n.__decorate([t.n({type:String,attribute:`html-tag-name`})],c.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`target`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],c.prototype,`size`,void 0),c=n.__decorate([i.customUiKitElement(`ds-hyperlink`)],c);

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

package/dist-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.1/node_modules/@lit/reactive-element/css-tag.cjs`),n=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/IconsManager.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);var u=class extends o.UiKitElement{static{this.styles=t.i`
+        :host {
+            line-height: 0;
+            display: inline-block;
+        }
+    `}#e=0;constructor(){super(),this.iconHtml=``,this.getIcon=async()=>{let e=++this.#e,t=await c.iconsManager.fetchIcon(this.iconName);e===this.#e&&(this.iconHtml=t)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.x`
             <style>
                 .ds-icon {
                     display: inline-block;
-                    width: ${t};
-                    height: ${r};
+                    width: ${e};
+                    height: ${t};
                 }
 
                 .ds-icon-color {
-                    fill: ${this.color?this.color:"var(--private-ds-icon-color, var(--ds-icon-color, black))"};
+                    fill: ${r};
                 }
 
                 .ds-icon-color-stroke {
-                    stroke: ${this.color?this.color:"var(--private-ds-icon-color, var(--ds-icon-color, black))"};
+                    stroke: ${r};
                 }
             </style>
-        `}render(){return l.html`
+        `}render(){return n.x`
             ${this.styleTokens}
-            ${this.iconHtml?I.unsafeHTML(this.iconHtml):l.html`<svg class="ds-icon">x</svg>`}
-        `}};c=new WeakMap;exports.DsIcon.styles=D.css`
-        :host {
-            line-height: 0;
-            display: inline-block;
-        }
-    `;o([n.property({type:String,attribute:"icon-name"})],exports.DsIcon.prototype,"iconName",2);o([n.property({type:String,attribute:"color"})],exports.DsIcon.prototype,"color",2);o([n.property({type:Number})],exports.DsIcon.prototype,"width",2);o([n.property({type:Number})],exports.DsIcon.prototype,"height",2);o([n.property({type:Number,attribute:"size"})],exports.DsIcon.prototype,"size",2);o([f.state()],exports.DsIcon.prototype,"iconHtml",2);exports.DsIcon=o([y.customUiKitElement("ds-icon")],exports.DsIcon);
+            ${this.iconHtml?l.o(this.iconHtml):n.x`<svg class="ds-icon">x</svg>`}
+        `}};a.__decorate([r.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),a.__decorate([r.n({type:String,attribute:`color`})],u.prototype,`color`,void 0),a.__decorate([r.n({type:Number})],u.prototype,`width`,void 0),a.__decorate([r.n({type:Number})],u.prototype,`height`,void 0),a.__decorate([r.n({type:Number,attribute:`size`})],u.prototype,`size`,void 0),a.__decorate([i.r()],u.prototype,`iconHtml`,void 0),u=a.__decorate([s.customUiKitElement(`ds-icon`)],u);