@cupra/ui-kit 1.1.0-canary.8 → 2.0.0-canary.16

package/dist/cjs/components/base/DsUiElement.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../ds-theme-provider/themeContext.cjs"),l=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),p=require("../../utils/PubSub.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");const m=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");var T=Object.defineProperty,i=(n,e,s,o)=>{for(var t=void 0,r=n.length-1,h;r>=0;r--)(h=n[r])&&(t=h(e,s,t)||t);return t&&T(e,s,t),t};class u extends m.LitElement{constructor(){super(),this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=p.pubSub.subscribe("theme",this.handleChangeTheme)}connectedCallback(){super.connectedCallback(),this.applyTheme()}updated(e){super.updated(e),(e.has("contextTheme")||e.has("pubSubTheme"))&&(this.theme=this.contextTheme??this.pubSubTheme,this.applyTheme())}applyTheme(){var r;const e=this.constructor,s=(r=e.themesStyles)==null?void 0:r[this.theme],o=Array.isArray(s)?s:[s];if(!(o!=null&&o.length))return;const t=Array.isArray(e.styles)?e.styles:[e.styles];y.adoptStyles(this.shadowRoot,[...t,...o].filter(Boolean))}}i([b.property({attribute:!1}),l.consume({context:c.themeContext,subscribe:!0})],u.prototype,"contextTheme");i([a.state()],u.prototype,"pubSubTheme");i([a.state()],u.prototype,"theme");exports.DsUiElement=u;

package/dist/cjs/components/base/UiKitElement.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../ds-theme-provider/themeContext.cjs"),m=require("../../core/theme.constants.cjs"),S=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),l=require("../../utils/PubSub.cjs"),y=require("../../utils/StylesRegistry/StylesRegistry.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");const b=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),f=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),T=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");var C=Object.defineProperty,p=(h,e,t,i)=>{for(var o=void 0,n=h.length-1,s;n>=0;n--)(s=h[n])&&(o=s(e,t,o)||o);return o&&C(e,t,o),o};const g=c.css`:host([unresolved]){visibility:hidden}`,a=class u extends b.LitElement{constructor(){super(),this.appliedConstructables=[],this.appliedStyleTags=[],this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=l.pubSub.subscribe("theme",this.handleChangeTheme)}get theme(){const e=typeof sessionStorage<"u"?sessionStorage==null?void 0:sessionStorage.getItem(m.THEME_STORAGE_KEY):null;return this.contextTheme??this.pubSubTheme??e}connectedCallback(){super.connectedCallback(),this.shadowRoot||this.attachShadow({mode:"open"}),this.setAttribute("unresolved","");const e=this.constructor,t=Array.isArray(e.styles)?e.styles:[e.styles].filter(Boolean);c.adoptStyles(this.shadowRoot,[...t,g]),this.applyThemeStyles()}disconnectedCallback(){super.disconnectedCallback(),l.pubSub.unsubscribe("theme",this.handleChangeTheme)}updated(e){super.updated(e),(e.has("contextTheme")||e.has("pubSubTheme"))&&this.applyThemeStyles()}getComponentNames(){const e=new Set;let t=this.constructor;for(;t&&t!==u;)Array.isArray(t.componentName)&&t.componentName.forEach(i=>e.add(i)),t=Object.getPrototypeOf(t);return Array.from(e).reverse()}supportsAdoptedSheets(){return"adoptedStyleSheets"in((ShadowRoot==null?void 0:ShadowRoot.prototype)||{})&&"replace"in CSSStyleSheet.prototype}async applyThemeStyles(){const e=this.getComponentNames();if(!(!this.theme||!(e!=null&&e.length)))try{const t=await Promise.all(e.map(s=>y.stylesRegistry.getStyles({componentName:s,theme:this.theme}))),i=this.supportsAdoptedSheets(),o=this.shadowRoot.adoptedStyleSheets||[],n=this.appliedConstructables?o.filter(s=>!this.appliedConstructables.includes(s)):o;this.appliedConstructables=[],this.appliedStyleTags.forEach(s=>s.remove()),this.appliedStyleTags=[],t.forEach(s=>{if(s)if(i){const r=new CSSStyleSheet;r.replaceSync(s),this.appliedConstructables.push(r)}else{const r=document.createElement("style");r.textContent=s,this.shadowRoot.appendChild(r),this.appliedStyleTags.push(r)}}),i&&(this.shadowRoot.adoptedStyleSheets=[...n,...this.appliedConstructables])}catch(t){console.error(t)}finally{this.removeAttribute("unresolved"),this.requestUpdate()}}};p([f.property({attribute:!1}),S.consume({context:d.themeContext,subscribe:!0})],a.prototype,"contextTheme");p([T.state()],a.prototype,"pubSubTheme");let E=a;exports.UiKitElement=E;

package/dist/cjs/components/base/ds-base-input/ds-base-input.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../DsUiElement.cjs"),y=require("../../../mixins/FormAssociatedMixin.cjs"),c=require("../../../utils/booleanConverter.cjs"),v=require("../../../utils/htmlWithTokens.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const m=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/decorators/property.cjs"),h=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),f=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),b=require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs"),T=require("./styles/cupra.styles.cjs");var q=Object.defineProperty,t=(n,i,p,g)=>{for(var s=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(s=a(i,p,s)||s);return s&&q(i,p,s),s};const o=class o extends y.FormAssociatedMixin(d.DsUiElement){constructor(){super(...arguments),this.initialValue="",this.label="",this.helperText="",this.errorText="",this.disabled=!1,this.success=!1,this.mode="light",this.size="large",this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(i){this._value=i}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return v.htmlWithTokens`
+            <style>
+                :host{
+                    color-scheme: ${this.mode};
+                    pointer-events: ${this.disabled?"none":"visible"};
+                }
+            </style>
+        `}render(){return m.html`
+            ${this.styleTokens}
+            <div class=${b.classMap(this.classes)}>
+                <div class="inner-container">
+                    ${this.labelTemplate}
+                    ${this.inputTemplate}
+                    ${this.iconTemplate}
+                </div>
+                <div class="helper-text">${this.helperText}</div>
+                <div class="error-text">${this.errorText}</div>
+                ${this.dropdownTemplate}
+            </div>
+        `}};o.styles=[u.commonStyles,u.inputStyles],o.themesStyles={cupra:T.cupraStyles};let e=o;t([r.property({type:String,reflect:!0,attribute:"initial-value"})],e.prototype,"initialValue");t([r.property({type:String})],e.prototype,"label");t([r.property({type:String,attribute:"helper-text"})],e.prototype,"helperText");t([r.property({type:String,attribute:"error-text"})],e.prototype,"errorText");t([r.property({type:Boolean,converter:c.booleanConverter})],e.prototype,"disabled");t([r.property({type:Boolean,converter:c.booleanConverter})],e.prototype,"success");t([r.property({type:String,reflect:!0})],e.prototype,"mode");t([r.property({type:String})],e.prototype,"size");t([h.state()],e.prototype,"_value");t([h.state()],e.prototype,"focused");t([f.query(".input-field")],e.prototype,"inputField");exports.DsBaseInput=e;

package/dist/cjs/components/base/ds-base-input/styles/common.styles.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: block;
+        width: 100%;
+    }
+
+    .label,
+    .error-text,
+    .helper-text {
+        user-select: none;
+    }
+
+    .label {
+        position: absolute;
+        top: 0;
+        left: 0;
+        transform-origin: top left;
+        pointer-events: none;
+        transition:
+            transform 0.2s,
+            font-size 0.2s;
+        white-space: nowrap;
+    }
+`,n=e.css`
+    .container {
+        position: relative;
+    }
+
+    .input-field::-webkit-search-decoration,
+    .input-field::-webkit-search-cancel-button,
+    .input-field::-webkit-search-results-button,
+    .input-field::-webkit-search-results-decoration,
+    .input-field:not(.number)::-webkit-inner-spin-button,
+    .input-field::-webkit-calendar-picker-indicator {
+        display: none;
+    }
+
+    .input-field {
+        box-sizing: border-box;
+        width: 100%;
+        border: none;
+        outline: none;
+        background-color: transparent;
+    }
+
+    .inner-container {
+        align-items: center;
+        display: flex;
+        position: relative;
+    }
+
+    .input-field:focus {
+        outline: none;
+    }
+`;exports.commonStyles=t;exports.inputStyles=n;

package/dist/cjs/components/base/ds-base-input/styles/cupra.styles.cjs

@@ -0,0 +1,117 @@
+"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 r=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=r.css`
+    .container {
+        padding: 16px 0 0 0;
+    }
+    .inner-container {
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+        margin-top: 4px;
+    }
+    .light .inner-container {
+        border-bottom-color: var(--ds-color-dark-grey);
+    }
+    .dark .inner-container {
+        border-bottom-color: var(--ds-color-medium-grey);
+    }
+    .success.light .inner-container {
+        border-bottom-color: var(--ds-color-green-100);
+    }
+    .success.dark .inner-container {
+        border-bottom-color: var(--ds-color-green-100);
+    }
+    :focus.light .inner-container {
+        border-bottom-color: var(--ds-color-black);
+    }
+    .focused.dark .inner-container {
+        border-bottom-color: var(--ds-color-light-grey);
+    }
+    .error.light .inner-container {
+        border-bottom-color: #b50303;
+    }
+    .error.dark .inner-container {
+        border-bottom-color: #ec8b8b;
+    }
+    .disabled.light .inner-container {
+        border-bottom-color: var(--ds-color-medium-grey);
+    }
+    .disabled.dark .inner-container {
+        border-bottom-color: var(--ds-color-dark-grey);
+    }
+    .input-field {
+        padding: 0 0 8px 0;
+    }
+    .large .input-field {
+        font: var(--ds-font-cupra-light-30-title);
+    }
+    .small .input-field {
+        font: var(--ds-font-cupra-light-20-title);
+    }
+    .light .input-field {
+        color: var(--ds-color-black);
+    }
+    .dark .input-field {
+        color: var(--ds-color-white);
+    }
+    .disabled.light .input-field {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.dark .input-field {
+        color: var(--ds-color-grey);
+    }
+    .error-text {
+        font: var(--ds-font-cupra-light-10);
+        margin-top: 4px;
+    }
+    .light .error-text {
+        color: #b50303;
+    }
+    .dark .error-text {
+        color: #ec8b8b;
+    }
+    .helper-text {
+        font: var(--ds-font-cupra-light-10);
+        margin-top: 4px;
+    }
+    .light .helper-text {
+        color: var(--ds-color-grey);
+    }
+    .dark .helper-text {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.light .helper-text {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.dark .helper-text {
+        color: var(--ds-color-grey);
+    }
+    .large .label {
+        font: var(--ds-font-cupra-light-30-title);
+    }
+    .small .label {
+        font: var(--ds-font-cupra-light-20-title);
+    }
+    .light .label {
+        color: var(--ds-color-grey);
+    }
+    .dark .label {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.light .label {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.dark .label {
+        color: var(--ds-color-grey);
+    }
+    .light .icon {
+        --ds-icon-color: var(--ds-color-dark-grey);
+    }
+    .dark .icon {
+        --ds-icon-color: var(--ds-color-light-grey);
+    }
+    .disabled.light .icon {
+        --ds-icon-color: var(--ds-color-medium-grey);
+    }
+    .disabled.dark .icon {
+        --ds-icon-color: var(--ds-color-dark-grey);
+    }
+`,e=[o];exports.cupraStyles=e;

package/dist/cjs/components/base/ds-base-progress-bar/ds-base-progress-bar.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../DsUiElement.cjs"),p=require("../../../utils/booleanConverter.cjs"),y=require("../../../utils/htmlWithTokens.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const h=require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../../node_modules/.pnpm/@lit_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"),d=require("./styles/common.styles.cjs"),v=require("./styles/cupra-diagonal.styles.cjs"),q=require("./styles/cupra.styles.cjs"),g=require("./styles/seat.styles.cjs");var f=Object.defineProperty,i=(l,n,a,S)=>{for(var e=void 0,r=l.length-1,c;r>=0;r--)(c=l[r])&&(e=c(n,a,e)||e);return e&&f(n,a,e),e};const s=class s extends u.DsUiElement{constructor(){super(...arguments),this.show=!1,this.mode="light",this.size="large"}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return y.htmlWithTokens`
+            <style>
+                :host {
+                    color-scheme: ${this.mode};
+                }
+            </style>
+        `}get barTemplate(){return h.html`
+            ${this.styleTokens}
+            <div class=${m.classMap(this.classes)}>
+                <div class="fill"></div>
+            </div>
+        `}};s.styles=[d.commonStyles],s.themesStyles={cupra:q.cupraStyles,"cupra-diagonal":v.cupraDiagonalStyles,seat:g.seatStyles};let t=s;i([o.property({type:Boolean,converter:p.booleanConverter})],t.prototype,"show");i([o.property({type:String,reflect:!0})],t.prototype,"mode");i([o.property({type:String})],t.prototype,"size");exports.DsBaseProgressBar=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/common.styles.cjs

@@ -0,0 +1,15 @@
+"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`
+    .track {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .fill {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        display: block;
+    }
+`;exports.commonStyles=o;

package/dist/cjs/components/base/ds-base-progress-bar/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,20 @@
+"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 r=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=r.css`
+    .track.large {
+        height: 4px;
+    }
+    .track.small {
+        height: 2px;
+    }
+    .track.light {
+        background-color: var(--ds-color-off-white);
+    }
+    .track.dark {
+        background-color: var(--ds-color-off-white);
+    }
+    .light .fill {
+        background-color: var(--ds-color-black);
+    }
+    .dark .fill {
+        background-color: var(--ds-color-white);
+    }
+`,c=[o];exports.cupraDiagonalStyles=c;

package/dist/cjs/components/base/ds-base-progress-bar/styles/cupra.styles.cjs

@@ -0,0 +1,20 @@
+"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 r=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=r.css`
+    .track.large {
+        height: 4px;
+    }
+    .track.small {
+        height: 2px;
+    }
+    .track.light {
+        background-color: var(--ds-color-off-white);
+    }
+    .track.dark {
+        background-color: var(--ds-color-off-white);
+    }
+    .light .fill {
+        background-color: var(--ds-color-black);
+    }
+    .dark .fill {
+        background-color: var(--ds-color-white);
+    }
+`,c=[o];exports.cupraStyles=c;

package/dist/cjs/components/base/ds-base-progress-bar/styles/seat.styles.cjs

@@ -0,0 +1 @@
+"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"),s=e.css``,t=[s];exports.seatStyles=t;

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

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),u=require("./styles/common.styles.cjs"),p=require("./theme-config.cjs"),y=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),g=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),f=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(n,e,t,r)=>{for(var o=r>1?void 0:r?b(e,t):e,c=n.length-1,l;c>=0;c--)(l=n[c])&&(o=(r?l(e,t,o):l(o))||o);return r&&o&&v(e,t,o),o};exports.DsAccordion=class extends m.UiKitElement{constructor(){super(...arguments),this.maxHeight=300,this.open=!1,this.mode="light",this.size="medium",this.disabled=!1,this._open=!1}async firstUpdated(e){super.firstUpdated(e),await this.updateComplete,this._open=this.open}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return a.nothing;const e=(t=p.themeConfig[this.theme])==null?void 0:t["icon-names"];return this.componentFactory.createIcon({class:"icon open-icon",role:"image","aria-hidden":"true","icon-name":(e==null?void 0:e.open)||"minus"})}get closeIconTemplate(){var t;if(!this.theme)return a.nothing;const e=(t=p.themeConfig[this.theme])==null?void 0:t["icon-names"];return this.componentFactory.createIcon({class:"icon close-icon",role:"image","aria-hidden":"true","icon-name":(e==null?void 0:e.close)||"plus"})}get styleTokens(){return g.htmlWithTokens`
+                <style>
+                    :host{
+                        color-scheme: ${this.mode};
+                        pointer-events: ${this.disabled?"none":"visible"};
+                    }
+                </style>
+        `}handleKeyDown(e){this.disabled&&e.preventDefault()}handleToggle(e){this._open=e.newState==="open"}render(){return a.html`
+            ${this.styleTokens}
+
+            <details
+                class=${d.classMap(this.containerClasses)}
+                aria-disabled=${!!this.disabled}
+                ?open=${this.open}
+                @keydown=${this.handleKeyDown}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="title">
+                    <slot name="title"></slot>
+                    ${this.openIconTemplate}
+                    ${this.closeIconTemplate}
+                </summary>
+                <slot name="content"></slot>
+            </details>
+            <div class=${d.classMap(this.dividerClasses)}></div>
+        `}};exports.DsAccordion.styles=[u.commonStyles];s([i.property({type:Number,attribute:"max-height"})],exports.DsAccordion.prototype,"maxHeight",2);s([i.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsAccordion.prototype,"open",2);s([i.property({type:String,reflect:!0})],exports.DsAccordion.prototype,"mode",2);s([i.property({type:String})],exports.DsAccordion.prototype,"size",2);s([i.property({type:Boolean,converter:h.booleanConverter})],exports.DsAccordion.prototype,"disabled",2);s([f.state()],exports.DsAccordion.prototype,"_open",2);exports.DsAccordion=s([y.customUiKitElement("ds-accordion")],exports.DsAccordion);

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

@@ -0,0 +1,57 @@
+"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`
+    :host {
+        display: block;
+        width: 100%;
+    }
+
+    summary {
+        list-style: none;
+    }
+
+    summary::-webkit-details-marker {
+        display: none;
+    }
+
+    summary::marker {
+        content: none;
+    }
+
+    .title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .open .close-icon,
+    .open-icon {
+        display: none;
+    }
+
+    .open .open-icon,
+    .close-icon {
+        display: block;
+    }
+
+    details {
+        @media (prefers-reduced-motion: no-preference) {
+            interpolate-size: allow-keywords;
+        }
+
+        &::details-content {
+            opacity: 0;
+            block-size: 0;
+            overflow-y: clip;
+            transition:
+                content-visibility 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete,
+                opacity 0.3s cubic-bezier(0, 0, 0.2, 1),
+                block-size 0.3s cubic-bezier(0, 0, 0.2, 1);
+        }
+
+        &[open]::details-content {
+            opacity: 1;
+            block-size: auto;
+        }
+    }
+`;exports.commonStyles=o;

package/dist/cjs/components/ds-accordion/theme-config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={cupra:{"icon-names":{open:"minus",close:"plus"},"icon-button-variant":"secondary"},"cupra-diagonal":{"icon-names":{open:"arrow-up",close:"arrow-down"},"icon-button-variant":"primary"},seat:{"icon-names":{open:"minus",close:"plus"},"icon-button-variant":"secondary"}};exports.themeConfig=n;

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

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/booleanConverter.cjs"),p=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),g=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs"),v=require("./styles/common.styles.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(n,e,s,r)=>{for(var t=r>1?void 0:r?b(e,s):e,o=n.length-1,l;o>=0;o--)(l=n[o])&&(t=(r?l(e,s,t):l(t))||t);return r&&t&&f(e,s,t),t};exports.DsAvatar=class extends h.UiKitElement{constructor(){super(...arguments),this.size="medium",this.disabled=!1}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"user"})}get initialsTemplate(){const e=this.getInitialsFromName(this.name);return a.html`<span class="initials" aria-hidden="true">${e}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(s=>s[0]).join("").toUpperCase():""}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?"media":(e=this.name)!=null&&e.trim()?"text":"icon"}handleSlotChange(){this.requestUpdate()}get styleTokens(){return p.htmlWithTokens`
+            <style>
+                :host{
+                    pointer-events: ${this.disabled?"none":"auto"};
+                }
+            </style>
+        `}handleKeyDown(e){this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}render(){return a.html`
+            ${this.styleTokens}
+            <div
+                class=${y.classMap(this.classes)}
+                title=${d.ifDefined(this.name)}
+                aria-label=${`Open ${this.name?this.name+"'s ":""}profile menu`}
+                aria-disabled=${d.ifDefined(this.disabled?"true":void 0)}
+                role="button"
+                tabindex=${this.disabled?-1:0}
+                @keydown=${this.handleKeyDown}
+            >
+                ${this.mode==="icon"?this.iconTemplate:a.nothing}
+                ${this.mode==="text"?this.initialsTemplate:a.nothing}
+                <div class="media" aria-hidden=${String(this.mode!=="media")}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
+            </div>
+        `}};exports.DsAvatar.styles=[v.commonStyles];i([m.property({type:String})],exports.DsAvatar.prototype,"size",2);i([m.property({type:String})],exports.DsAvatar.prototype,"name",2);i([m.property({type:Boolean,converter:u.booleanConverter,reflect:!0})],exports.DsAvatar.prototype,"disabled",2);i([g.queryAssignedElements({slot:"media",selector:"img"})],exports.DsAvatar.prototype,"assignedImages",2);exports.DsAvatar=i([c.customUiKitElement("ds-avatar")],exports.DsAvatar);

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

@@ -0,0 +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"),s=e.css`
+    :host {
+        display: contents;
+    }
+`;exports.commonStyles=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),l=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs"),h=require("./styles/cupra-diagonal.styles.cjs");var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,s=(i,t,n,r)=>{for(var e=r>1?void 0:r?y(t,n):t,a=i.length-1,u;a>=0;a--)(u=i[a])&&(e=(r?u(t,n,e):u(e))||e);return r&&e&&b(t,n,e),e};exports.DsBadge=class extends p.UiKitElement{constructor(){super(...arguments),this.variant="base",this.size="medium"}get hasNumber(){return typeof this.number=="number"&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get contentTemplate(){return this.hasNumber?o.html`${this.number}`:o.nothing}render(){return o.html` <div class=${c.classMap(this.classes)}>${this.contentTemplate}</div> `}};exports.DsBadge.styles=[g.commonStyles,h.cupraDiagonalStyles];s([m.property({type:Number})],exports.DsBadge.prototype,"number",2);s([m.property({type:String})],exports.DsBadge.prototype,"variant",2);s([m.property({type:String})],exports.DsBadge.prototype,"size",2);exports.DsBadge=s([l.customUiKitElement("ds-badge")],exports.DsBadge);

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

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),s=e.cssWithTokens`
+    :host {
+        display: inline-flex;
+    }
+`;exports.commonStyles=s;

package/dist/cjs/components/ds-badge/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),r=e.cssWithTokens`
+  .container {
+    border-radius: 50%;
+  }
+
+  .number {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: var(--dg-font-family-base);
+    font-weight: 400;
+  }
+
+  .number.size-medium {
+    width: var(--dg-size-24);
+    height: var(--dg-size-24);
+    font-size: var(--dg-font-size-body-s);
+    line-height: var(--dg-font-body-s-medium-line-height);
+  }
+
+  .number.size-small {
+    width: var(--dg-size-16);
+    height: var(--dg-size-16);
+    font-size: var(--dg-font-size-body-xs);
+    line-height: var(--dg-font-body-xs-medium-line-height);
+  }
+
+  .variant-base {
+    color: var(--dg-color-text-strong);
+    background-color: var(--dg-color-bg-base);
+  }
+
+  .variant-inverted {
+    background-color: var(--dg-color-bg-inverted);
+    color: var(--dg-color-text-inverted);
+  }
+
+  .dot {
+    width: var(--dg-size-08);
+    height: var(--dg-size-08);
+    background-color: var(--dg-color-bg-error);
+  }
+`;exports.cupraDiagonalStyles=r;

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

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

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

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=r.css`
+    :host {
+        row-gap: 0;
+        display: grid;
+        grid-template-rows: subgrid;
+        grid-row: span 7;
+    }
+
+    .subgrid {
+        display: grid;
+        grid-template-rows: subgrid;
+        grid-row: span 7;
+    }
+
+    .container {
+        cursor: pointer;
+        overflow: hidden;
+    }
+
+    ::slotted([slot='featured-text']) {
+        pointer-events: none;
+        padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-2, 16px);
+    }
+
+    ${e.cssQueries.m} {
+        ::slotted([slot='featured-text']) {
+            padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-4, 24px);
+        }
+    }
+`;exports.commonStyles=s;

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

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

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

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

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

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

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

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