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

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

@@ -0,0 +1,276 @@
+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']) .button {
+        text-transform: var(--ui-kit-button-text-transform, var(--ui-kit-private-button-text-transform, none));
+        border-radius: var(--ds-button-border-radius-base, 6px);
+        outline-color: transparent;
+        letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
+        border-style: none;
+        border-width: var(--ui-kit-button-border-width, var(--ui-kit-private-button-border-width, 0));
+        font-size: var(--ui-kit-button-font-size, var(--ui-kit-private-button-font-size));
+        line-height: var(--ui-kit-button-line-height, var(--ui-kit-private-button-line-height));
+        font-weight: var(--ui-kit-button-font-weight, var(--ui-kit-private-button-font-weight));
+        font-family: var(--ui-kit-button-font-family, var(--ui-kit-private-button-font-family));
+        background: var(--ui-kit-button-background, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color,
+            var(--ui-kit-button-color, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color, var(--ui-kit-private-button-color));
+        transition: var(
+            --ui-kit-button-transition,
+            background-color 0.3s cubic-bezier(0, 0, 0.2, 1),
+            color 0.3s cubic-bezier(0, 0, 0.2, 1),
+            border-color 0.3s cubic-bezier(0, 0, 0.2, 1)
+        );
+    }
+    :host([data-ui-kit-theme='seat']) .button.large {
+        height: var(--ds-sizing-48, 48px);
+        padding: var(--ds-spacing-m-1, 12px) var(--ds-spacing-m-2, 16px);
+        gap: var(--ds-spacing-s-5, 8px);
+        --ui-kit-private-button-gap: var(--ds-spacing-s-5, 8px);
+        --ui-kit-private-button-font-size: var(--ds-typography-size-body-l);
+        --ui-kit-private-button-line-height: var(--ds-typography-height-body-l);
+        --ui-kit-private-button-font-weight: 500;
+        --ui-kit-private-button-font-family: var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .button.medium {
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ds-spacing-s-5, 8px) var(--ds-spacing-m-1, 12px);
+        gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-font-size: var(--ds-typography-size-body-m);
+        --ui-kit-private-button-line-height: var(--ds-typography-height-body-m);
+        --ui-kit-private-button-font-weight: 500;
+        --ui-kit-private-button-font-family: var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .button.small {
+        height: var(--ds-sizing-36, 36px);
+        padding: var(--ds-spacing-s-4, 6px) var(--ds-spacing-m-1, 12px);
+        gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-gap: var(--ds-spacing-s-4, 6px);
+        --ui-kit-private-button-font-size: var(--ds-typography-size-body-m);
+        --ui-kit-private-button-line-height: var(--ds-typography-height-body-m);
+        --ui-kit-private-button-font-weight: 500;
+        --ui-kit-private-button-font-family: var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .button:has(:focus-visible) {
+        background: var(--ui-kit-button-background-focus, var(--ui-kit-private-button-bg));
+        outline-width: var(--ds-button-border-width-base, 2px);
+        outline-offset: 0.125rem;
+        outline-color: var(--ds-button-outline-color-focus, #6b8494);
+    }
+    :host([data-ui-kit-theme='seat']) .button:hover {
+        background: var(--ui-kit-button-background-hover, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color-hover, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color-hover,
+            var(--ui-kit-button-color-hover, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color-hover, var(--ui-kit-private-button-color));
+    }
+    :host([data-ui-kit-theme='seat']) .button:active {
+        background: var(--ui-kit-button-background-active, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color-active, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color-active,
+            var(--ui-kit-button-color-active, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color-active, var(--ui-kit-private-button-color));
+    }
+    :host([data-ui-kit-theme='seat']) .button.disabled {
+        background: var(--ui-kit-button-background-disabled, var(--ui-kit-private-button-bg));
+        color: var(--ui-kit-button-color-disabled, var(--ui-kit-private-button-color));
+        border-color: var(
+            --ui-kit-button-border-color-disabled,
+            var(--ui-kit-button-color-disabled, var(--ui-kit-private-button-border-color))
+        );
+        --ui-kit-icon-color: var(--ui-kit-button-color-disabled, var(--ui-kit-private-button-color));
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-default);
+        --ui-kit-private-button-border-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-default);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-default);
+        --ui-kit-private-button-border-width: var(--ds-button-border-width-base, 2px);
+        border-style: solid;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-default);
+        --ui-kit-private-button-border-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-default, #a7b5be);
+        --ui-kit-private-button-border-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-default);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-default);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-default);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-default);
+        border-style: solid;
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-default, #ff6966);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-hover);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked:hover {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-hover, #8ea1ae);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive:hover {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-hover);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-hover);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-hover);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive:hover {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-hover, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-focus);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked:has(:focus-visible) {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-focus, #8ea1ae);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive:has(:focus-visible) {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-focus);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive:has(:focus-visible) {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-focus, #ff403d);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-pressed);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked:active {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-pressed, #f9fafb);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive:active {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-pressed);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-pressed);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-pressed);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive:active {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-pressed, #eb0400);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-disabled);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-tertiary.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-tertiary-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-tertiary-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.disabled {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-primary.destructive.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-primary-destructive-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-primary-destructive-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-secondary.destructive.disabled {
+        --ui-kit-private-button-bg: var(--ds-button-bg-color-secondary-destructive-disabled);
+        --ui-kit-private-button-color: var(--ds-button-text-color-secondary-destructive-disabled);
+        --ui-kit-private-button-border-color: var(--ds-button-border-color-secondary-destructive-disabled);
+    }
+    :host([data-ui-kit-theme='seat']) .button.variant-naked.destructive.disabled {
+        --ui-kit-private-button-bg: transparent;
+        --ui-kit-private-button-color: var(--ds-button-text-color-naked-destructive-disabled, #5a5c67);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(a),
+    :host([data-ui-kit-theme='seat']) ::slotted(button) {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        background: transparent;
+        border: none;
+        padding: 0;
+        color: var(--ui-kit-button-color, var(--ui-kit-private-button-color));
+        font: inherit;
+        cursor: pointer;
+        text-decoration: none;
+        text-transform: inherit;
+        letter-spacing: inherit;
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted(*) {
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(*) {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .small ::slotted(*) {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: var(--ds-sizing-24, 24px);
+        --ui-kit-icon-width: var(--ds-sizing-24, 24px);
+    }
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+    :host([data-ui-kit-theme='seat']) .small .icon {
+        --ui-kit-icon-height: var(--ds-sizing-20, 20px);
+        --ui-kit-icon-width: var(--ds-sizing-20, 20px);
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-calendar/ds-calendar.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"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/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"),require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-calendar-day/ds-calendar-day.cjs");const l=require("../../utils/arrayConverter.cjs"),u=require("./styles/common.styles.cjs");var d=class extends i.UiKitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._viewDate=this._value?new Date(this._value):new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>e===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.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"),require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-calendar-day/ds-calendar-day.cjs");const l=require("../../utils/arrayConverter.cjs"),u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._viewDate=this._value?new Date(this._value):new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>e===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
             class="nav-button"
             icon-name="arrow-left"
             data-aria-label="Previous month"
@@ -40,4 +40,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.weekdaysTemplate} ${this.daysTemplate}
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);r.default([t.property({type:String,reflect:!0})],f.prototype,`value`,void 0),r.default([t.property({type:String,reflect:!0})],f.prototype,`variant`,void 0),r.default([t.property({type:String,reflect:!0})],f.prototype,`size`,void 0),r.default([t.property({type:String,reflect:!0})],f.prototype,`locale`,void 0),r.default([t.property({type:Number,reflect:!0,attribute:`first-day-of-week`})],f.prototype,`firstDayOfWeek`,void 0),r.default([t.property({type:String,reflect:!0,attribute:`min-date`})],f.prototype,`minDate`,void 0),r.default([t.property({type:String,reflect:!0,attribute:`max-date`})],f.prototype,`maxDate`,void 0),r.default([t.property({attribute:`disabled-dates`,converter:l.stringArrayConverter})],f.prototype,`disabledDates`,void 0),r.default([t.property({attribute:`disabled-weekdays`,converter:l.numberArrayConverter})],f.prototype,`disabledWeekdays`,void 0),r.default([t.property({type:String,reflect:!0,attribute:`view-date`})],f.prototype,`viewDateAttr`,void 0),r.default([t.property({type:String,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),r.default([n.state()],f.prototype,`_viewDate`,void 0),r.default([n.state()],f.prototype,`_value`,void 0),f=r.default([a.customUiKitElement(`ds-calendar`)],f),Object.defineProperty(exports,"DsCalendar",{enumerable:!0,get:function(){return f}});
+        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String,reflect:!0})],f.prototype,`value`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`variant`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`size`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`locale`,void 0),i.default([n.property({type:Number,reflect:!0,attribute:`first-day-of-week`})],f.prototype,`firstDayOfWeek`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`min-date`})],f.prototype,`minDate`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`max-date`})],f.prototype,`maxDate`,void 0),i.default([n.property({attribute:`disabled-dates`,converter:l.stringArrayConverter})],f.prototype,`disabledDates`,void 0),i.default([n.property({attribute:`disabled-weekdays`,converter:l.numberArrayConverter})],f.prototype,`disabledWeekdays`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`view-date`})],f.prototype,`viewDateAttr`,void 0),i.default([n.property({type:String,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.default([r.state()],f.prototype,`_viewDate`,void 0),i.default([r.state()],f.prototype,`_value`,void 0),f=i.default([a.customUiKitElement(`ds-calendar`)],f),Object.defineProperty(exports,"DsCalendar",{enumerable:!0,get:function(){return f}});

package/dist/cjs/components/ds-calendar-day/ds-calendar-day.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"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=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 n=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 r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return e.html`
             <button
                 class=${o.classMap(this.classes)}
                 ?disabled=${this.disabled}
@@ -12,4 +12,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             >
                 ${this.day}
             </button>
-        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:Number,reflect:!0})],l.prototype,`day`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`today`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],l.prototype,`outsideMonth`,void 0),l=n.default([i.customUiKitElement(`ds-calendar-day`)],l),Object.defineProperty(exports,"DsCalendarDay",{enumerable:!0,get:function(){return l}});
+        `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:Number,reflect:!0})],l.prototype,`day`,void 0),r.default([n.property({type:String,reflect:!0})],l.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`today`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],l.prototype,`outsideMonth`,void 0),l=r.default([i.customUiKitElement(`ds-calendar-day`)],l),Object.defineProperty(exports,"DsCalendarDay",{enumerable:!0,get:function(){return l}});

package/dist/cjs/components/ds-carousel-indicator/ds-carousel-indicator.cjs

@@ -1,5 +1,5 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends i.UiKitElement{constructor(...e){super(...e),this.maxSelectorsShown=6}get classes(){return{container:!0,infinite:this.selectorsNumber>this.maxSelectorsShown}}get selectorsTemplate(){let t=[],n=this.selectorsNumber>this.maxSelectorsShown;for(let r=0;r<this.selectorsNumber;r++){let i=!1,a=this.selectedIndex>=3&&this.selectedIndex<this.selectorsNumber-3,s=this.selectedIndex<3,c=this.selectedIndex>=this.selectorsNumber-3;n&&(a&&(r<this.selectedIndex-3||r>this.selectedIndex+3)||s&&r>=5||c&&r<this.selectorsNumber-5)&&(i=n);let l={selector:!0,selected:r===this.selectedIndex,hidden:i};t.push(e.html` <div class=${o.classMap(l)}></div> `)}return t}render(){return this.selectorsNumber>0?e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.maxSelectorsShown=6}get classes(){return{container:!0,infinite:this.selectorsNumber>this.maxSelectorsShown}}get selectorsTemplate(){let t=[],n=this.selectorsNumber>this.maxSelectorsShown;for(let r=0;r<this.selectorsNumber;r++){let i=!1,a=this.selectedIndex>=3&&this.selectedIndex<this.selectorsNumber-3,s=this.selectedIndex<3,c=this.selectedIndex>=this.selectorsNumber-3;n&&(a&&(r<this.selectedIndex-3||r>this.selectedIndex+3)||s&&r>=5||c&&r<this.selectorsNumber-5)&&(i=n);let l={selector:!0,selected:r===this.selectedIndex,hidden:i};t.push(e.html` <div class=${o.classMap(l)}></div> `)}return t}render(){return this.selectorsNumber>0?e.html`
                   <div data-testid="ds-carousel-indicator-container" class=${o.classMap(this.classes)}>
                       ${this.selectorsTemplate}
                   </div>
-              `:e.nothing}},l=(c.styles=[s.commonStyles],c);r.default([t.property({type:Number,attribute:`selectors-number`})],l.prototype,`selectorsNumber`,void 0),r.default([t.property({type:Number,attribute:`selected-index`})],l.prototype,`selectedIndex`,void 0),r.default([n.state()],l.prototype,`maxSelectorsShown`,void 0),l=r.default([a.customUiKitElement(`ds-carousel-indicator`)],l),Object.defineProperty(exports,"DsCarouselIndicator",{enumerable:!0,get:function(){return l}});
+              `:e.nothing}},l=(c.styles=[s.commonStyles],c);i.default([n.property({type:Number,attribute:`selectors-number`})],l.prototype,`selectorsNumber`,void 0),i.default([n.property({type:Number,attribute:`selected-index`})],l.prototype,`selectedIndex`,void 0),i.default([r.state()],l.prototype,`maxSelectorsShown`,void 0),l=i.default([a.customUiKitElement(`ds-carousel-indicator`)],l),Object.defineProperty(exports,"DsCarouselIndicator",{enumerable:!0,get:function(){return l}});

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../ds-checkbox-group/ds-checkbox-group.cjs"),d=require("../../mixins/FormAssociatedMixin.cjs"),f=require("./styles/common.styles.cjs");var p=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.ContextConsumer(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.nothing;let e=this.indeterminate?`minus`:`check`;return c.uiKitHtml`<ds-icon class="icon" icon-name=${e}></ds-icon>`}get styleTokens(){return t.html`
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../ds-checkbox-group/ds-checkbox-group.cjs"),d=require("../../mixins/FormAssociatedMixin.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.ContextConsumer(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.nothing;let e=this.indeterminate?`minus`:`check`;return c.uiKitHtml`<ds-icon class="icon" icon-name=${e}></ds-icon>`}get styleTokens(){return t.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -36,4 +36,4 @@ const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
                     </div>
                 </label>
             </div>
-        `}},m=(p.styles=[f.commonStyles],p);i.default([n.property({type:String})],m.prototype,`name`,void 0),i.default([n.property({type:String})],m.prototype,`value`,void 0),i.default([n.property({type:String,attribute:`input-placement`})],m.prototype,`inputPlacement`,void 0),i.default([n.property({type:Boolean,attribute:`checked`,converter:s.booleanConverter,reflect:!0})],m.prototype,`_checked`,void 0),i.default([r.state()],m.prototype,`_checkedState`,void 0),i.default([n.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`required`,void 0),i.default([n.property({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],m.prototype,`_disabled`,void 0),i.default([n.property({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.default([n.property({type:String,attribute:`size`})],m.prototype,`_size`,void 0),i.default([n.property({type:String,attribute:`helper-text`})],m.prototype,`helperText`,void 0),i.default([n.property({type:String,attribute:`info-text`})],m.prototype,`infoText`,void 0),i.default([n.property({type:String,attribute:`forced-error`})],m.prototype,`_forcedError`,void 0),i.default([n.property({type:String,attribute:`invalid-error`})],m.prototype,`invalidError`,void 0),i.default([n.property({type:Boolean,converter:s.booleanConverter})],m.prototype,`indeterminate`,void 0),i.default([n.property({type:String,attribute:`data-aria-label`})],m.prototype,`dataAriaLabel`,void 0),i.default([r.state()],m.prototype,`disabledGroup`,void 0),i.default([r.state()],m.prototype,`errorGroup`,void 0),i.default([r.state()],m.prototype,`sizeGroup`,void 0),m=i.default([o.customUiKitElement(`ds-checkbox`)],m),Object.defineProperty(exports,"DsCheckbox",{enumerable:!0,get:function(){return m}});
+        `}},v=(_.styles=[f.commonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);i.default([n.property({type:String})],v.prototype,`name`,void 0),i.default([n.property({type:String})],v.prototype,`value`,void 0),i.default([n.property({type:String,attribute:`input-placement`})],v.prototype,`inputPlacement`,void 0),i.default([n.property({type:Boolean,attribute:`checked`,converter:s.booleanConverter,reflect:!0})],v.prototype,`_checked`,void 0),i.default([r.state()],v.prototype,`_checkedState`,void 0),i.default([n.property({type:Boolean,converter:s.booleanConverter})],v.prototype,`required`,void 0),i.default([n.property({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],v.prototype,`_disabled`,void 0),i.default([n.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),i.default([n.property({type:String,attribute:`size`})],v.prototype,`_size`,void 0),i.default([n.property({type:String,attribute:`helper-text`})],v.prototype,`helperText`,void 0),i.default([n.property({type:String,attribute:`info-text`})],v.prototype,`infoText`,void 0),i.default([n.property({type:String,attribute:`forced-error`})],v.prototype,`_forcedError`,void 0),i.default([n.property({type:String,attribute:`invalid-error`})],v.prototype,`invalidError`,void 0),i.default([n.property({type:Boolean,converter:s.booleanConverter})],v.prototype,`indeterminate`,void 0),i.default([n.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),i.default([r.state()],v.prototype,`disabledGroup`,void 0),i.default([r.state()],v.prototype,`errorGroup`,void 0),i.default([r.state()],v.prototype,`sizeGroup`,void 0),v=i.default([o.customUiKitElement(`ds-checkbox`)],v),Object.defineProperty(exports,"DsCheckbox",{enumerable:!0,get:function(){return v}});

package/dist/cjs/components/ds-checkbox/styles/cupra-diagonal.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='cupra-diagonal']) .container {
+        padding: var(--ds-spacing-s-2) var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .container:not(.disabled):active {
+        background-color: var(--ds-checkbox-bg-color-pressed);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .large .text-container {
+        margin: var(--ds-spacing-s-3) 0 0 0;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .text-container {
+        margin: var(--ds-spacing-s-2) 0 0 0;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .large .checkmark-container {
+        width: var(--ds-sizing-32);
+        height: var(--ds-sizing-32);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .checkmark-container {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :hover .checkmark-container {
+        background-color: var(--ds-checkbox-bg-color-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) label:active .checkmark-container {
+        background-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .checkmark {
+        width: var(--ds-sizing-24);
+        height: var(--ds-sizing-24);
+        border-radius: var(--ds-border-radius-xs);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .checkmark {
+        width: var(--ds-sizing-16);
+        height: var(--ds-sizing-16);
+        border-radius: var(--ds-border-radius-xxs);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .checkmark {
+        border-width: 1px;
+        border-color: var(--ds-checkbox-border-color-default);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-selected);
+        border-color: var(--ds-checkbox-border-color-selected);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .error.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-error);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.checked .checkmark {
+        background-color: var(--ds-checkbox-bg-color-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) :has(input:invalid) .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .error .checkmark {
+        border-color: var(--ds-checkbox-border-color-error);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .checkmark {
+        border-color: var(--ds-checkbox-border-color-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) label {
+        display: flex;
+        gap: var(--ds-spacing-s-5);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .right label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-active);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .icon {
+        --ui-kit-icon-color: var(--ds-checkbox-icon-color-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .icon {
+        --ui-kit-icon-height: 1rem;
+        --ui-kit-icon-width: 1rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .icon {
+        --ui-kit-icon-height: 0.75rem;
+        --ui-kit-icon-width: 0.75rem;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .disabled .text {
+        color: var(--ds-checkbox-text-color-label-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .disabled .helper-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .disabled .info-text {
+        color: var(--ds-checkbox-text-color-secondary-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .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='cupra-diagonal']) .disabled .error-text {
+        color: var(--ds-checkbox-text-color-caption-disabled);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .large .error-text {
+        font: 350 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+`;exports.cupraDiagonalStyles=t;