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

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

@@ -1,33 +1,23 @@
-"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 r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=r.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");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :host {
-        transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
+        display: contents;
     }
 
-    .container.close {
-        display: none;
-        opacity: 0;
-    }
-
-    .container {
-        position: fixed;
-        top: 0;
-        left: 0;
+    .dialog[open] {
+        max-width: none;
+        max-height: none;
+        border: none;
+        background: transparent;
+        overflow: visible;
         width: 100dvw;
         height: 100dvh;
+        box-sizing: border-box;
         display: flex;
         justify-content: center;
         align-items: center;
-        z-index: var(--ds-z-index-modal);
-        transition:
-            opacity 0.3s cubic-bezier(0, 0, 0.2, 1),
-            display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
-        opacity: 1;
-        @starting-style {
-            opacity: 0;
-        }
     }
 
-    .dialog {
+    .panel {
         padding: 0;
         position: relative;
     }
@@ -38,6 +28,10 @@
         overflow: hidden;
     }
 
+    .content:focus {
+        outline: none;
+    }
+
     .ds-scroll::-webkit-scrollbar,
     .ds-scroll-global *::-webkit-scrollbar {
         appearance: none;
@@ -46,9 +40,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,
@@ -56,7 +48,7 @@
         background-color: transparent;
     }
 
-    ${l.cssQueries.xs} {
+    ${t.cssQueries.xs} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 4px;
@@ -64,11 +56,11 @@
         }
     }
 
-    ${l.cssQueries.m} {
+    ${t.cssQueries.m} {
         .ds-scroll::-webkit-scrollbar,
         .ds-scroll-global *::-webkit-scrollbar {
             height: 8px;
             width: 8px;
         }
     }
-`;exports.commonStyles=e;
+`;exports.commonStyles=n;

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.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=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 a=require("./styles/common.styles.cjs");var o=class extends n.UiKitElement{get classes(){return{container:!0}}get styleTokens(){return e.html`
                 <style>
                     :host{
                         grid-area: body;
                     }
                 </style>
-        `}render(){return d.html`
+        `}render(){return e.html`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-body-container" class=${u.classMap(this.classes)}>
+            <div data-testid="ds-dialog-body-container" class=${i.classMap(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);
+        `}},s=(o.styles=[a.commonStyles],o);s=t.default([r.customUiKitElement(`ds-dialog-body`)],s),Object.defineProperty(exports,"DsDialogBody",{enumerable:!0,get:function(){return s}});

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.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-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.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("../../utils/booleanConverter.cjs"),o=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 s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0}get classes(){return{container:!0}}render(){return e.html`
+            <div data-testid="ds-dialog-footer-container" class=${o.classMap(this.classes)}>
+                ${this.withDivider?e.html`<div class="divider"></div>`:e.nothing}
                 <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);
+        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:Boolean,attribute:`with-divider`,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),l=n.default([i.customUiKitElement(`ds-dialog-footer`)],l),Object.defineProperty(exports,"DsDialogFooter",{enumerable:!0,get:function(){return l}});

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.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: 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.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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/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.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("../../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()}}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(){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.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(){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,t;let n=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight);n!==this.hasScroll&&(this.hasScroll=n)}render(){return!this.hasBeenOpened&&!this.open?e.nothing:e.html`
             <style>
                 :host {
-                    display: ${this.open?"flex":"none"};
+                    display: ${this.open?`flex`:`none`};
                 }
             </style>
 
-            <div class=${v.classMap(this.containerClasses)}>
+            <div class=${c.classMap(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.nothing:e.html`<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);
+        `}},f=(d.styles=[u.commonStyles],d);i.default([t.property({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],f.prototype,`lockClose`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],f.prototype,`lockScroll`,void 0),i.default([t.property({type:Boolean,attribute:`open`,converter:s.booleanConverter})],f.prototype,`_open`,void 0),i.default([n.state()],f.prototype,`_openState`,void 0),i.default([n.state()],f.prototype,`hasScroll`,void 0),i.default([r.query(`.content`)],f.prototype,`content`,void 0),f=i.default([o.customUiKitElement(`ds-dialog-fullscreen`)],f),Object.defineProperty(exports,"DsDialogFullscreen",{enumerable:!0,get:function(){return f}});

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.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :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.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/uiKitHtml.cjs"),o=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 s=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 c=require("./styles/common.styles.cjs");var l=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}get classes(){return{container:!0}}get styleTokens(){return e.html`
                 <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.ifDefined(this.iconName)} size=${s.ifDefined(this.iconSize)}></ds-icon>`:e.nothing}render(){return e.html`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-header-container" class=${d.classMap(this.classes)}>
+            <div data-testid="ds-dialog-header-container" class=${o.classMap(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);
+        `}},u=(l.styles=[c.commonStyles],l);n.default([t.property({type:String})],u.prototype,`title`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),n.default([t.property({type:Number,attribute:`icon-size`})],u.prototype,`iconSize`,void 0),u=n.default([i.customUiKitElement(`ds-dialog-header`)],u),Object.defineProperty(exports,"DsDialogHeader",{enumerable:!0,get:function(){return u}});

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.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: 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.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("./styles/common.styles.cjs");var s=class extends r.UiKitElement{constructor(...e){super(...e),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 e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}render(){return u.html`
+        `}render(){return e.html`
             ${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.classMap(this.classes)} />
+        `}},c=(s.styles=[o.orientationStyles],s);n.default([t.property({type:String})],c.prototype,`orientation`,void 0),n.default([t.property({type:String})],c.prototype,`variant`,void 0),n.default([t.property({type:String,reflect:!0})],c.prototype,`mode`,void 0),c=n.default([i.customUiKitElement(`ds-divider`)],c),Object.defineProperty(exports,"DsDivider",{enumerable:!0,get:function(){return c}});

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.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`
     .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.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"),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("../../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"),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()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=d.themeConfig[this.theme])==null?void 0:e[`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.ifDefined(t)}
+            mode="dark"
+        ></ds-icon-button>`}updated(e){var t;(t=super.updated)==null||t.call(this,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.html`          
+            <div class=${c.classMap({overlay:!0,open:!!this.open})} @click=${this.handleOverlayClick}></div>
+            <div data-testid="ds-drawer-container" class=${c.classMap(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);
+        `}},p=(f.styles=[u.commonStyles,u.iconStyles],f);r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],p.prototype,`_open`,void 0),r.default([n.state()],p.prototype,`_openState`,void 0),p=r.default([a.customUiKitElement(`ds-drawer`)],p),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return p}});

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.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :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.css`
+    .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.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");var u=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-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>
+        `}},d=(u.styles=[l.commonStyles],u);r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],d.prototype,`initialSelected`,void 0),r.default([t.property({type:Boolean,attribute:`selected`})],d.prototype,`selected`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.default([t.property({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),r.default([n.state()],d.prototype,`_selected`,void 0),d=r.default([a.customUiKitElement(`ds-favourite-action`)],d),Object.defineProperty(exports,"DsFavouriteAction",{enumerable:!0,get:function(){return d}});

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-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");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.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);
+        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:String,attribute:`html-tag-name`})],l.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`target`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.default([t.property({type:String})],l.prototype,`size`,void 0),l=n.default([i.customUiKitElement(`ds-hyperlink`)],l),Object.defineProperty(exports,"DsHyperlinkButton",{enumerable:!0,get:function(){return l}});

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;