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

package/dist/cjs/components/ds-checkbox/styles/cupra.styles.cjs

@@ -0,0 +1,74 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra']) .disabled label {
+        opacity: 0.4;
+    }
+    :host([data-ui-kit-theme='cupra']) label {
+        gap: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .medium label {
+        font: var(--ds-font-cupra-light-30-paragraph);
+    }
+    :host([data-ui-kit-theme='cupra']) .small label {
+        font: var(--ds-font-cupra-light-20-paragraph);
+    }
+    :host([data-ui-kit-theme='cupra']) .light label {
+        color: var(--ds-color-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .dark label {
+        color: var(--ds-color-off-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .medium .checkmark-container {
+        margin: 0.125rem 0 0 0;
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark {
+        width: 1.25rem;
+        height: 1.25rem;
+        border-width: 1px;
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.light .checkmark {
+        background-color: var(--ds-color-black);
+        color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.dark .checkmark {
+        background-color: var(--ds-color-white);
+        color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.light {
+        border-color: var(--ds-color-dark-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.dark {
+        border-color: var(--ds-color-medium-grey);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.checked.light {
+        border-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.checked.dark {
+        border-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.error.light {
+        border-color: #b50303;
+    }
+    :host([data-ui-kit-theme='cupra']) .checkmark.error.dark {
+        border-color: #ec8b8b;
+    }
+    :host([data-ui-kit-theme='cupra']) .light .error-text {
+        color: #b50303;
+    }
+    :host([data-ui-kit-theme='cupra']) .dark .error-text {
+        color: #ec8b8b;
+    }
+    :host([data-ui-kit-theme='cupra']) .error-text {
+        margin-top: 0.25rem;
+        font: var(--ds-font-cupra-light-10);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.light .icon {
+        --ui-kit-icon-color: var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .checked.dark .icon {
+        --ui-kit-icon-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-checkbox/styles/seat-legacy.styles.cjs

@@ -0,0 +1,83 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat-legacy']) .disabled label {
+        opacity: 0.6;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) label {
+        gap: 0.75rem;
+        justify-content: flex-start;
+        align-items: center;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium label {
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .small label {
+        font: var(--dg-font-body-s-regular-weight) var(--dg-font-body-s-regular-size) /
+            var(--dg-font-body-s-regular-line-height) var(--dg-font-body-s-regular-family);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .light label {
+        color: var(--dg-global-color-gray-85);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .dark label {
+        color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .medium .checkmark-container {
+        margin: 0.125rem 0 0 0;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark {
+        width: 1.25rem;
+        height: 1.25rem;
+        border-width: 1px;
+        border-radius: 2px;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked.light .checkmark {
+        background-color: var(--dg-global-color-black-100);
+        color: var(--dg-global-color-black-100);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .checked.dark .checkmark {
+        background-color: #ece9e1;
+        color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.light {
+        border-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.dark {
+        border-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.checked.light {
+        border-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.checked.dark {
+        border-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.error.light {
+        border-color: #b0042c;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checkmark.error.dark {
+        border-color: #e38f95;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .light .error-text {
+        color: #b0042c;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .dark .error-text {
+        color: #e38f95;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .error-text {
+        margin-top: 0.25rem;
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked.light .icon {
+        --ui-kit-icon-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .checked.dark .icon {
+        --ui-kit-icon-color: var(--dg-global-color-black-100);
+        background-color: #ece9e1;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-checkbox/styles/seat.styles.cjs

@@ -0,0 +1,180 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat']) .container {
+        padding: var(--ds-spacing-s-2) var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .container:not(.disabled):active {
+        background-color: var(--ds-checkbox-bg-color-pressed);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='seat']) .text-container {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+    :host([data-ui-kit-theme='seat']) .large .text-container {
+        margin: var(--ds-spacing-s-3) 0 0 0;
+    }
+    :host([data-ui-kit-theme='seat']) .medium .text-container {
+        margin: var(--ds-spacing-s-2) 0 0 0;
+    }
+    :host([data-ui-kit-theme='seat']) .checkmark-container {
+        pointer-events: none;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        background-color: transparent;
+        border-radius: var(--ds-border-radius-s);
+        outline-style: solid;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .large .checkmark-container {
+        width: var(--ds-sizing-32);
+        height: var(--ds-sizing-32);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .checkmark-container {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+    }
+    :host([data-ui-kit-theme='seat']) :hover .checkmark-container {
+        background-color: var(--ds-checkbox-bg-color-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .checkmark-container:has(input:focus-visible) {
+        background-color: var(--ds-checkbox-bg-color-focus);
+        outline-offset: 0;
+        outline-color: var(--ds-color-border-focus-ring);
+        outline-width: 0.125rem;
+    }
+    :host([data-ui-kit-theme='seat']) label:active .checkmark-container {
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .large .checkmark {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .checkmark {
+        width: var(--ds-sizing-16);
+        height: var(--ds-sizing-16);
+        border-radius: var(--ds-border-radius-xxs);
+    }
+    :host([data-ui-kit-theme='seat']) .checkmark {
+        border-width: 1px;
+        border-color: var(--ds-checkbox-border-color-default);
+    }
+    :host([data-ui-kit-theme='seat']) .checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-selected);
+        border-color: var(--ds-checkbox-border-color-selected);
+    }
+    :host([data-ui-kit-theme='seat']) .error.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-error);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) :has(input:invalid) .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='seat']) .error .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .checkmark {
+        border-color: var(--ds-checkbox-border-color-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) label {
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='seat']) .right label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-active);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: 1rem;
+        --ui-kit-icon-width: 1rem;
+    }
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: 0.75rem;
+        --ui-kit-icon-width: 0.75rem;
+    }
+    :host([data-ui-kit-theme='seat']) .text {
+        display: flex;
+        width: 100%;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.625rem;
+        color: var(--ds-checkbox-text-color-label-default);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .large .text {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .text {
+        color: var(--ds-checkbox-text-color-label-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .text {
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .helper-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-caption-default);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .helper-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .helper-text {
+        font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .large .helper-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .info-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-secondary-default);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .info-text {
+        color: var(--ds-checkbox-text-color-secondary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .info-text {
+        font: 400 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .large .info-text {
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .error-text {
+        overflow: hidden;
+        color: var(--ds-checkbox-text-color-caption-error);
+        text-overflow: ellipsis;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+    :host([data-ui-kit-theme='seat']) .disabled .error-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .error-text {
+        font: 350 var(--ds-typography-size-body-s) / var(--ds-typography-height-body-s)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .large .error-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-checkbox-group/ds-checkbox-group.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs"),t=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("./styles/common.styles.cjs");var u,d=e.createContext(Symbol(`ds-checkbox-group:disabled`)),f=e.createContext(Symbol(`ds-checkbox-group:error`)),p=e.createContext(Symbol(`ds-checkbox-group:error-text`)),m=e.createContext(Symbol(`ds-checkbox-group:helper-text`)),h=e.createContext(Symbol(`ds-checkbox-group:size`)),g=(u=class extends a.UiKitElement{constructor(...e){super(...e),this.error=!1,this.errorText=``,this.helperText=``,this.disabled=!1,this.size=`medium`,this.orientation=`vertical`}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return n.html`
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs"),t=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("./styles/common.styles.cjs");var u,d=e.createContext(Symbol(`ds-checkbox-group:disabled`)),f=e.createContext(Symbol(`ds-checkbox-group:error`)),p=e.createContext(Symbol(`ds-checkbox-group:error-text`)),m=e.createContext(Symbol(`ds-checkbox-group:helper-text`)),h=e.createContext(Symbol(`ds-checkbox-group:size`)),g=(u=class extends r.LitElement{constructor(...e){super(...e),this.error=!1,this.errorText=``,this.helperText=``,this.disabled=!1,this.size=`medium`,this.orientation=`vertical`}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return n.html`
             <div
                 data-testid="ds-checkbox-group-container"
                 class=${c.classMap(this.classes)}
@@ -12,4 +12,4 @@ const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
                 ${!this.error&&this.helperText?n.html`<div class="helper-text">${this.helperText}</div>`:n.nothing}
                 ${this.error&&this.errorText?n.html`<div class="error-text">${this.errorText}</div>`:n.nothing}
             </div>
-        `}},u.styles=[l.commonStyles],u);i.default([t.provide({context:f}),r.property({type:Boolean,converter:s.booleanConverter})],g.prototype,`error`,void 0),i.default([t.provide({context:p}),r.property({type:String,attribute:`error-text`})],g.prototype,`errorText`,void 0),i.default([t.provide({context:m}),r.property({type:String,attribute:`helper-text`})],g.prototype,`helperText`,void 0),i.default([t.provide({context:d}),r.property({type:Boolean,converter:s.booleanConverter})],g.prototype,`disabled`,void 0),i.default([t.provide({context:h}),r.property({type:String})],g.prototype,`size`,void 0),i.default([r.property({type:String,reflect:!0})],g.prototype,`orientation`,void 0),g=i.default([o.customUiKitElement(`ds-checkbox-group`)],g),Object.defineProperty(exports,"DsCheckboxGroup",{enumerable:!0,get:function(){return g}}),exports.checkboxGroupDisabledContext=d,exports.checkboxGroupErrorContext=f,exports.checkboxGroupErrorTextContext=p,exports.checkboxGroupHelperTextContext=m,exports.checkboxGroupSizeContext=h;
+        `}},u.styles=[l.commonStyles],u);a.default([t.provide({context:f}),i.property({type:Boolean,converter:s.booleanConverter})],g.prototype,`error`,void 0),a.default([t.provide({context:p}),i.property({type:String,attribute:`error-text`})],g.prototype,`errorText`,void 0),a.default([t.provide({context:m}),i.property({type:String,attribute:`helper-text`})],g.prototype,`helperText`,void 0),a.default([t.provide({context:d}),i.property({type:Boolean,converter:s.booleanConverter})],g.prototype,`disabled`,void 0),a.default([t.provide({context:h}),i.property({type:String})],g.prototype,`size`,void 0),a.default([i.property({type:String,reflect:!0})],g.prototype,`orientation`,void 0),g=a.default([o.customUiKitElement(`ds-checkbox-group`)],g),Object.defineProperty(exports,"DsCheckboxGroup",{enumerable:!0,get:function(){return g}}),exports.checkboxGroupDisabledContext=d,exports.checkboxGroupErrorContext=f,exports.checkboxGroupErrorTextContext=p,exports.checkboxGroupHelperTextContext=m,exports.checkboxGroupSizeContext=h;

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{let t=e.target.assignedNodes({flatten:!0});this.slottedText=t.filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{let t=e.target.assignedNodes({flatten:!0});this.slottedText=t.filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.html`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -30,4 +30,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 <slot @slotchange=${this.handleSlotChange}></slot>
                 ${this.iconTemplate}
             </div>
-        `}},d=(u.styles=[l.commonStyles],u);n.default([t.property({type:String})],d.prototype,`value`,void 0),n.default([t.property({type:String,reflect:!0})],d.prototype,`mode`,void 0),n.default([t.property({type:String,reflect:!0})],d.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],d.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],d.prototype,`deselectable`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],d.prototype,`iconName`,void 0),d=n.default([i.customUiKitElement(`ds-chip`)],d),Object.defineProperty(exports,"DsChip",{enumerable:!0,get:function(){return d}});
+        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);n.default([t.property({type:String})],h.prototype,`value`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],h.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],h.prototype,`deselectable`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),h=n.default([i.customUiKitElement(`ds-chip`)],h),Object.defineProperty(exports,"DsChip",{enumerable:!0,get:function(){return h}});

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

@@ -0,0 +1,75 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra-diagonal']) .ds-blur {
+        position: relative;
+        isolation: isolate;
+        overflow: visible;
+        background: transparent;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .ds-blur::before {
+        content: '';
+        box-sizing: border-box;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        background: var(--ui-kit-private-blur-background);
+        -webkit-backdrop-filter: blur(var(--ui-kit-private-blur-size));
+        backdrop-filter: blur(var(--ui-kit-private-blur-size));
+        border-radius: var(--ui-kit-private-blur-border-radius, inherit);
+        border: var(--ui-kit-private-blur-border, inherit);
+        pointer-events: none;
+        z-index: -1;
+        will-change: filter;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        padding: 0 1rem;
+        gap: 0.375rem;
+        box-sizing: border-box;
+        min-width: var(--ds-sizing-80, 80px);
+        letter-spacing: var(--ds-typography-letter-spacing-base, 0.5px);
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-default);
+        --ui-kit-private-blur-size: 2.5rem;
+        --ui-kit-private-blur-border: 1px solid transparent;
+        --ui-kit-private-blur-border-radius: var(--ds-border-radius-full);
+        color: var(--ds-color-text-default);
+        --ui-kit-icon-color: var(--ds-color-text-default);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.selected {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-active);
+        --ui-kit-private-blur-border: 1px solid var(--ds-color-border-selected-subtle);
+        color: var(--ds-color-text-selected-subtle);
+        --ui-kit-icon-color: var(--ds-color-text-selected-subtle);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:hover {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:focus-visible {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-hover);
+        border-radius: var(--ds-border-radius-full, 100000px);
+        outline-width: var(--ds-border-width-l, 2px);
+        outline-offset: 0.125rem;
+        outline-color: var(--ds-button-outline-color-focus, #6b8494);
+        outline-style: solid;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:active {
+        --ui-kit-private-blur-background: var(--ds-color-surface-container-active);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.large {
+        height: 3rem;
+        --ui-kit-icon-width: 1.5rem;
+        --ui-kit-icon-height: 1.5rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.medium {
+        height: 2.5rem;
+        --ui-kit-icon-width: 1.25rem;
+        --ui-kit-icon-height: 1.25rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-chip/styles/cupra.styles.cjs

@@ -0,0 +1,67 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='cupra']) .container {
+        padding: 0 1rem;
+        gap: var(--ds-cp-scale-on-8);
+        box-sizing: border-box;
+        border-radius: var(--ds-cp-scale-on-24);
+        border: var(--ui-kit-private-chip-border);
+        color: var(--ui-kit-private-chip-color);
+        background-color: var(--ui-kit-private-chip-bg, transparent);
+        --ui-kit-icon-color: var(--ui-kit-private-chip-color);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container.light {
+        --ui-kit-private-chip-border: var(--ds-cp-scale-on-1) solid var(--ds-color-black);
+        --ui-kit-private-chip-color: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.dark {
+        --ui-kit-private-chip-border: var(--ds-cp-scale-on-2) solid var(--ds-color-white);
+        --ui-kit-private-chip-color: var(--ds-color-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container.selected {
+        --ui-kit-private-chip-border: none;
+        --ui-kit-private-chip-color: var(--ds-color-desert-sand-100);
+        --ui-kit-private-chip-bg: var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.selected.dark {
+        --ui-kit-private-chip-color: var(--ds-color-black);
+        --ui-kit-private-chip-bg: var(--ds-color-desert-sand-100);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container:not(.selected):hover {
+        --ui-kit-private-chip-border: var(--ds-cp-scale-on-2) solid var(--ds-color-black);
+    }
+    :host([data-ui-kit-theme='cupra']) .container:not(.selected):hover.dark {
+        --ui-kit-private-chip-border: var(--ds-cp-scale-on-2) solid var(--ds-color-white);
+    }
+    :host([data-ui-kit-theme='cupra']) .container:not(.selected):focus-visible,
+    :host([data-ui-kit-theme='cupra']) .container:not(.selected):active {
+        --ui-kit-private-chip-border: var(--ds-cp-scale-on-2) solid var(--ds-color-black);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .container.large {
+        height: 3rem;
+        font: var(--ds-font-cupra-regular-30-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.medium {
+        height: 2.5rem;
+        font: var(--ds-font-cupra-regular-30-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .container.small {
+        height: 2.25rem;
+        font: var(--ds-font-cupra-regular-20-title);
+    }
+    :host([data-ui-kit-theme='cupra']) .icon.large {
+        --ui-kit-icon-width: 1.5rem;
+        --ui-kit-icon-height: 1.5rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .icon.medium {
+        --ui-kit-icon-width: 1.25rem;
+        --ui-kit-icon-height: 1.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) .icon.small {
+        --ui-kit-icon-width: 1rem;
+        --ui-kit-icon-height: 1rem;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-chip/styles/seat-legacy.styles.cjs

@@ -0,0 +1,69 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host([data-ui-kit-theme='seat-legacy']) .container {
+        padding: 0 1rem;
+        gap: var(--dg-spacing-s-5);
+        box-sizing: border-box;
+        border-radius: var(--dg-border-radius-02);
+        border: var(--ui-kit-private-chip-border);
+        color: var(--ui-kit-private-chip-color);
+        font-family: var(--dg-font-family-base);
+        font-weight: 700;
+        background-color: var(--ui-kit-private-chip-bg, transparent);
+        --ui-kit-icon-color: var(--ui-kit-private-chip-color);
+        --ui-kit-icon-height: 1.5rem;
+        --ui-kit-icon-width: 1.5rem;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.light {
+        --ui-kit-private-chip-border: var(--dg-border-width-m) solid var(--dg-color-field-border-filled);
+        --ui-kit-private-chip-color: var(--dg-color-text-strong);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.dark {
+        --ui-kit-private-chip-border: var(--dg-border-width-m) solid var(--dg-color-text-inverted);
+        --ui-kit-private-chip-color: var(--dg-color-text-inverted);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.selected {
+        --ui-kit-private-chip-color: var(--dg-color-text-inverted);
+        --ui-kit-private-chip-bg: var(--dg-global-color-black-100);
+        --ui-kit-private-chip-border: none;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.selected.dark {
+        --ui-kit-private-chip-color: var(--dg-color-text-strong);
+        --ui-kit-private-chip-bg: var(--dg-color-field-bg-selected);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container:not(.selected):hover,
+    :host([data-ui-kit-theme='seat-legacy']) .container:not(.selected):focus-visible,
+    :host([data-ui-kit-theme='seat-legacy']) .container:not(.selected):active {
+        outline: var(--ui-kit-private-chip-border);
+        outline-offset: -0.125rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.large {
+        height: 3rem;
+        font-size: var(--dg-font-size-body-l);
+        line-height: var(--dg-font-height-body-m);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.medium {
+        height: 2.5rem;
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-height-body-s);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .container.small {
+        height: 2.25rem;
+        font-size: var(--dg-font-size-body-s);
+        line-height: var(--dg-font-height-body-xs);
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon.large {
+        --ui-kit-icon-width: 1.5rem;
+        --ui-kit-icon-height: 1.5rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon.medium {
+        --ui-kit-icon-width: 1.25rem;
+        --ui-kit-icon-height: 1.25rem;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .icon.small {
+        --ui-kit-icon-width: 1rem;
+        --ui-kit-icon-height: 1rem;
+    }
+`;exports.seatLegacyStyles=t;