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

package/dist-react/cjs/components/ds-date-picker/ds-date-picker.cjs

@@ -0,0 +1,28 @@
+const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs"),u=require("./styles/common.styles.cjs");var d,f,p=(d=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),f.injectNativeInputStyles()}static injectNativeInputStyles(){if(f.nativeStylesInjected)return;f.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
+`),document.head.appendChild(e)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.x`
+            <div class=${s.e(this.classes)}>
+                <div class="input-container">
+                    <div><slot></slot></div>
+                    ${this.calendarButtonTemplate}
+                </div>
+                ${this.calendarDropdownTemplate}
+                <div class="footer">
+                    ${this.readonlyTextTemplate}
+                    ${this.helperTextTemplate}
+                    ${this.forcedErrorTemplate}
+                    ${this.invalidErrorTemplate}
+                </div>
+            </div>
+        `}get calendarDropdownTemplate(){return e.x`
+            <div class="calendar-dropdown" ?hidden=${!this.isExpanded}>
+                <slot name="calendar"></slot>
+            </div>
+        `}get calendarButtonTemplate(){var e;return o.uiKitHtml`<ds-icon-button
+            class="calendar-button"
+            icon-name="calendar"
+            size=${c.o(this.size)}
+            ?disabled=${!!((e=this.nativeInput)!=null&&e.disabled)}
+            variant="naked"
+            @click=${this.handleCalendarButtonClick}
+            data-aria-label=${this.dataAriaLabelCalendarButton||`open calendar`}
+        ></ds-icon-button>`}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.E:e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.E:e.x`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},f=d,d.styles=[u.commonStyles],d.nativeStylesInjected=!1,d);r.__decorate([t.n({type:String})],p.prototype,`size`,void 0),r.__decorate([t.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),r.__decorate([t.n({type:String,attribute:`forced-error`})],p.prototype,`forcedError`,void 0),r.__decorate([t.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),r.__decorate([t.n({type:String,attribute:`readonly-text`})],p.prototype,`readonlyText`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label-calendar-button`})],p.prototype,`dataAriaLabelCalendarButton`,void 0),r.__decorate([n.r()],p.prototype,`isExpanded`,void 0),p=f=r.__decorate([a.customUiKitElement(`ds-date-picker`)],p);

package/dist-react/cjs/components/ds-date-picker/styles/common.styles.cjs

@@ -0,0 +1,5 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
+    :host {
+        display: contents;
+    }
+`;exports.commonStyles=t;

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

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),v=require("../../decorators/customUiKitElement.cjs"),d=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 a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=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"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),D=require("./styles/common.styles.cjs");var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,t=(n,e,o,i)=>{for(var s=i>1?void 0:i?m(e,o):e,l=n.length-1,r;l>=0;l--)(r=n[l])&&(s=(i?r(e,o,s):r(s))||s);return i&&s&&g(e,o,s),s};exports.DsDialog=class extends u.UiKitElement{constructor(){super(...arguments),this.lockScroll=!0,this.open=!1,this.size="medium",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.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:!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}get dialogClasses(){return{dialog:!0,[this.size]:!!this.size}}handleClose(){this.open=!1,this.dispatchEvent(new Event("ds-dialog: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.body.style.overflow=""),(e=this.resizeObserver)==null||e.disconnect()}checkScroll(){var e,o;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((o=this.content)==null?void 0:o.clientHeight)}render(){return!this.hasBeenOpened&&!this.open?c.nothing:c.html`
-            <style>
-                :host {
-                    display: ${this.open?"flex":"none"};
-                }
-            </style>
-
-            <div class=${h.classMap(this.containerClasses)}>
-                <div class="overlay" @click=${this.handleClose}></div>
-                <dialog ?open=${this.open} data-testid="ds-dialog-container" class=${h.classMap(this.dialogClasses)}>
-                    <slot name="close-button" @click=${this.handleClose}></slot>
+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.133.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.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("../../utils/scrollLock.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this._open=void 0,this._openState=!1,this.size=`medium`,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.scrollLocked=!1,this.handleCloseButtonClick=()=>{this.handleClose(`button`)},this.handleDialogClick=e=>{e.target===this.nativeDialog&&this.handleClose(`backdrop`)},this.handleCancel=e=>{e.preventDefault(),this.lockClose||this.handleClose(`escape`)},this.handleHostClick=e=>{e.stopPropagation()}}get open(){return this._open??this._openState}set open(e){this._open=e}updated(e){super.updated(e),!this.hasBeenOpened&&(e.has(`_open`)||e.has(`_openState`))&&this.open&&(this.hasBeenOpened=!0),(e.has(`_open`)||e.has(`_openState`))&&(this.open||(this.hasScroll=!1),this.handleResizeObserver(),this.syncNativeDialogState(),this.syncScrollLock())}syncScrollLock(){this.open&&this.lockScroll?(u.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(u.scrollLock.unlock(),this.scrollLocked=!1)}syncNativeDialogState(){this.nativeDialog&&(this.open?this.openNativeDialog():this.closeNativeDialog())}openNativeDialog(){if(!this.nativeDialog.open){var e,t;(e=(t=this.nativeDialog).showModal)==null||e.call(t)}}closeNativeDialog(){if(this.nativeDialog.open){var e,t;(e=(t=this.nativeDialog).close)==null||e.call(t)}}async handleResizeObserver(){var e;(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get panelClasses(){return{panel:!0,"with-scroll":this.open&&this.hasScroll,[this.size]:!!this.size}}dispatchCloseEvents(e){let t=`ds-dialog:close-${e}`;this.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`ds-dialog:close`,{bubbles:!0,composed:!0}))}handleClose(e){this.lockClose||(this._openState=!1,this._open=void 0,this.dispatchCloseEvents(e))}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver(),this.addEventListener(`click`,this.handleHostClick)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.disconnect(),this.scrollLocked&&(u.scrollLock.unlock(),this.scrollLocked=!1),this.removeEventListener(`click`,this.handleHostClick)}checkScroll(){if(!this.hasScroll){var e,t;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight)}}render(){return!this.hasBeenOpened&&!this.open?e.E:e.x`
+            <dialog
+                class="dialog"
+                data-testid="ds-dialog-container"
+                aria-label=${this.dataAriaLabel||e.E}
+                aria-description=${this.dataAriaDescription||e.E}
+                @cancel=${this.handleCancel}
+                @click=${this.handleDialogClick}
+            >
+                <div class=${c.e(this.panelClasses)}>
+                    ${this.lockClose?e.E:e.x`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
                     <div class="content-container">
                         <div tabindex="0" class="content ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
                         </div>
                         <slot name="footer"></slot>
                     </div>
-                </dialog>
-            </div>
-        `}};exports.DsDialog.styles=[D.commonStyles];t([a.property({type:Boolean,converter:d.booleanConverter,attribute:"lock-scroll"})],exports.DsDialog.prototype,"lockScroll",2);t([a.property({type:Boolean,converter:d.booleanConverter})],exports.DsDialog.prototype,"open",2);t([a.property({type:String})],exports.DsDialog.prototype,"size",2);t([p.state()],exports.DsDialog.prototype,"hasBeenOpened",2);t([p.state()],exports.DsDialog.prototype,"hasScroll",2);t([b.query(".content")],exports.DsDialog.prototype,"content",2);exports.DsDialog=t([v.customUiKitElement("ds-dialog")],exports.DsDialog);
+                </div>
+            </dialog>
+        `}},f.styles=[d.commonStyles],f);i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],p.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],p.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,attribute:`open`,converter:s.booleanConverter})],p.prototype,`_open`,void 0),i.__decorate([n.r()],p.prototype,`_openState`,void 0),i.__decorate([t.n({type:String})],p.prototype,`size`,void 0),i.__decorate([t.n({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`data-aria-description`})],p.prototype,`dataAriaDescription`,void 0),i.__decorate([n.r()],p.prototype,`hasBeenOpened`,void 0),i.__decorate([n.r()],p.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],p.prototype,`content`,void 0),i.__decorate([r.e(`dialog`)],p.prototype,`nativeDialog`,void 0),p=i.__decorate([o.customUiKitElement(`ds-dialog`)],p);

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.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;
+        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.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const a=require("./styles/common.styles.cjs");var o,s=(o=class extends n.UiKitElement{get classes(){return{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.styles=[a.commonStyles],o);s=t.__decorate([r.customUiKitElement(`ds-dialog-body`)],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.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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c,l=(c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0}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);
+        `}},c.styles=[s.commonStyles],c);n.__decorate([t.n({type:Boolean,attribute:`with-divider`,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),l=n.__decorate([i.customUiKitElement(`ds-dialog-footer`)],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.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.133.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.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,f=(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.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);
+        `}},d.styles=[u.commonStyles],d);i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],f.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],f.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,attribute:`open`,converter:s.booleanConverter})],f.prototype,`_open`,void 0),i.__decorate([n.r()],f.prototype,`_openState`,void 0),i.__decorate([n.r()],f.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],f.prototype,`content`,void 0),f=i.__decorate([o.customUiKitElement(`ds-dialog-fullscreen`)],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.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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/uiKitHtml.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/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,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}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);
+        `}},l.styles=[c.commonStyles],l);n.__decorate([t.n({type:String})],u.prototype,`title`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],u.prototype,`iconSize`,void 0),u=n.__decorate([i.customUiKitElement(`ds-dialog-header`)],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.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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const o=require("./styles/common.styles.cjs");var s,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.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.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)} />
+        `}},s.styles=[o.orientationStyles],s);n.__decorate([t.n({type:String})],c.prototype,`orientation`,void 0),n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),c=n.__decorate([i.customUiKitElement(`ds-divider`)],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.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.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");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,p=(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.o(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.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);
+        `}},f.styles=[u.commonStyles,u.iconStyles],f);r.__decorate([t.n({type:Boolean,attribute:`open`,converter:o.booleanConverter})],p.prototype,`_open`,void 0),r.__decorate([n.r()],p.prototype,`_openState`,void 0),p=r.__decorate([a.customUiKitElement(`ds-drawer`)],p);