@cupra/ui-kit 2.0.0-canary.79 → 2.0.0-canary.81

package/dist-react/esm/components/ds-favourite-action/styles/common.styles.js

@@ -0,0 +1,23 @@
+import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import { css as n } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+const e = n`
+    :host {
+        display: inline-flex;
+    }
+
+    .button {
+        display: inline-flex;
+        box-sizing: border-box;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border: none;
+        padding: 0;
+        background: transparent;
+    }
+`;
+export {
+  e as commonStyles
+};

package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js

@@ -54,7 +54,7 @@ let m = class extends v {
   }
   loadThemeStyles() {
     return this.loadStyles ? new Promise((t, o) => {
-      const s = "/2.0.0-canary.79", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
+      const s = "/2.0.0-canary.81", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
       if (document.head.querySelector(`link[href="${r}"]`)) t();
       else {
         const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");

package/dist-react/esm/index.js

@@ -9,6 +9,8 @@ import "./components/ds-breadcrumbs/ds-breadcrumbs.js";
 import "./components/ds-breadcrumbs-item/ds-breadcrumbs-item.js";
 import "./components/ds-bullets/ds-bullets.js";
 import "./components/ds-button/ds-button.js";
+import "./components/ds-calendar/ds-calendar.js";
+import "./components/ds-calendar-day/ds-calendar-day.js";
 import "./components/ds-carousel-indicator/ds-carousel-indicator.js";
 import "./components/ds-checkbox/ds-checkbox.js";
 import "./components/ds-checkbox-group/ds-checkbox-group.js";
@@ -22,6 +24,7 @@ import "./components/ds-dialog-fullscreen/ds-dialog-fullscreen.js";
 import "./components/ds-dialog-header/ds-dialog-header.js";
 import "./components/ds-divider/ds-divider.js";
 import "./components/ds-drawer/ds-drawer.js";
+import "./components/ds-favourite-action/ds-favourite-action.js";
 import "./components/ds-hyperlink/ds-hyperlink.js";
 import "./components/ds-icon/ds-icon.js";
 import "./components/ds-icon-button/ds-icon-button.js";
@@ -77,7 +80,7 @@ import "./components/ds-navigation-controls/ds-navigation-controls.js";
 import "./components/ds-table/ds-table.js";
 import "./components/ds-table-row/ds-table-row.js";
 import "./components/ds-table-cell/ds-table-cell.js";
-import { iconNames as Bo } from "./components/ds-icon/iconNames.js";
+import { iconNames as Eo } from "./components/ds-icon/iconNames.js";
 export {
-  Bo as iconNames
+  Eo as iconNames
 };

package/dist-react/esm/utils/IconsManager.js

@@ -25,7 +25,7 @@ class l {
     }), f.subscribe("theme", this.handleChangeTheme);
   }
 }
-const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.79"), h = globalThis;
+const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.81"), h = globalThis;
 let i = h[c];
 i || (i = new l(), Object.defineProperty(h, c, {
   value: i,

package/dist-react/esm/utils/PubSub.js

@@ -18,7 +18,7 @@ class e {
     });
   }
 }
-const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.79"), t = globalThis;
+const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.81"), t = globalThis;
 let b = t[u];
 b || (b = new e(), Object.defineProperty(t, u, {
   value: b,

package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js

@@ -7,7 +7,7 @@ class s {
       theme: t
     }) => {
       if (!t || !e) return;
-      const c = `https://ds-assets.cupra.com/2.0.0-canary.79/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
+      const c = `https://ds-assets.cupra.com/2.0.0-canary.81/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
       if (r) return r;
       const i = h(() => this.fetchStyle({ url: c })).then((n) => (n || this.stylePromises.delete(c), n));
       return this.stylePromises.set(c, i), this.stylePromises.get(c);

package/dist-react/esm/utils/cssWithTokens.js

@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
 import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
 function x(t, ...r) {
-  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-79"), i = n(e);
+  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-81"), i = n(e);
   return o`${i}`;
 }
 export {

package/dist-react/esm/utils/htmlWithTokens.js

@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
 function x(t, ...r) {
-  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-79"), e = i(o);
+  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-81"), e = i(o);
   return n`${e}`;
 }
 export {

package/dist-react/types/components/ds-calendar/ds-calendar.d.ts

@@ -0,0 +1,42 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-calendar-day/ds-calendar-day.ts';
+import type { DsCalendarAttrs, DsCalendarVariant, WeekDay } from './ds-calendar.types';
+export declare class DsCalendar extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    value: DsCalendarAttrs['value'];
+    variant: DsCalendarVariant;
+    locale: DsCalendarAttrs['locale'];
+    firstDayOfWeek: WeekDay;
+    minDate: DsCalendarAttrs['min-date'];
+    maxDate: DsCalendarAttrs['max-date'];
+    disabledDates: DsCalendarAttrs['disabled-dates'];
+    disabledWeekdays: DsCalendarAttrs['disabled-weekdays'];
+    viewDateAttr: DsCalendarAttrs['view-date'];
+    initialValue: DsCalendarAttrs['initial-value'];
+    private _viewDate;
+    private _value;
+    private _initialValueApplied;
+    private get selectedDate();
+    get viewDate(): Date;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private applyInitialValue;
+    private initializeViewDate;
+    private parseDate;
+    private get calendarClasses();
+    private get weekdayNames();
+    private get monthYearLabel();
+    private getDaysInMonth;
+    private getFirstDayOfMonth;
+    private get calendarDays();
+    private createCalendarDay;
+    private isDateDisabled;
+    private handlePrevMonth;
+    private handleNextMonth;
+    private handleDayChange;
+    private get prevButtonTemplate();
+    private get nextButtonTemplate();
+    private get weekdaysTemplate();
+    private get daysTemplate();
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-calendar/ds-calendar.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsCalendar } from './ds-calendar';
+import './ds-calendar';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-calendar': DsCalendar;
+    }
+}

package/dist-react/types/components/ds-calendar/ds-calendar.types.d.ts

@@ -0,0 +1,35 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsCalendarVariant = 'plane' | 'elevated';
+export type WeekDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export interface DsCalendarAttrs extends CommonAttrs {
+    /** Selected date in ISO format (YYYY-MM-DD) */
+    value?: string;
+    /** Visual style variant */
+    variant?: DsCalendarVariant;
+    /** BCP 47 locale for formatting (e.g., 'es-ES', 'en-US') */
+    locale?: string;
+    /** First day of week (0=Sunday, 1=Monday, etc.) */
+    'first-day-of-week'?: WeekDay;
+    /** Minimum selectable date (YYYY-MM-DD) */
+    'min-date'?: string;
+    /** Maximum selectable date (YYYY-MM-DD) */
+    'max-date'?: string;
+    /** Array of specific dates to disable (YYYY-MM-DD) */
+    'disabled-dates'?: string[];
+    /** Array of weekdays to disable (0=Sunday, 6=Saturday) */
+    'disabled-weekdays'?: WeekDay[];
+    /** Month/year to display (YYYY-MM or YYYY-MM-DD). Overrides value for view. */
+    'view-date'?: string;
+    /** Initial value for uncontrolled mode (YYYY-MM-DD). Applied once on mount. */
+    'initial-value'?: string;
+}
+export interface CalendarDay {
+    day: number;
+    month: number;
+    year: number;
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}

package/dist-react/types/components/ds-calendar/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist-react/types/components/ds-calendar-day/ds-calendar-day.d.ts

@@ -0,0 +1,20 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCalendarDayAttrs } from './ds-calendar-day.types';
+export declare class DsCalendarDay extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    day: DsCalendarDayAttrs['day'];
+    disabled: DsCalendarDayAttrs['disabled'];
+    selected: DsCalendarDayAttrs['selected'];
+    today: DsCalendarDayAttrs['today'];
+    outsideMonth: DsCalendarDayAttrs['outside-month'];
+    protected get classes(): {
+        day: boolean;
+        disabled: boolean;
+        selected: boolean;
+        today: boolean;
+        'outside-month': boolean;
+    };
+    private handleClick;
+    private handleKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-calendar-day/ds-calendar-day.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsCalendarDay } from './ds-calendar-day';
+import './ds-calendar-day';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-calendar-day': DsCalendarDay;
+    }
+}

package/dist-react/types/components/ds-calendar-day/ds-calendar-day.types.d.ts

@@ -0,0 +1,10 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsCalendarDayState = 'default' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'today';
+export interface DsCalendarDayAttrs extends CommonAttrs {
+    day?: number;
+    state?: DsCalendarDayState;
+    disabled?: boolean;
+    selected?: boolean;
+    today?: boolean;
+    'outside-month'?: boolean;
+}

package/dist-react/types/components/ds-calendar-day/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist-react/types/components/ds-favourite-action/ds-favourite-action.d.ts

@@ -0,0 +1,23 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsFavouriteActionAttrs } from '../ds-favourite-action/ds-favourite-action.types.ts';
+import type { Icons } from '../ds-icon/Icons.type.ts';
+export declare class DsFavouriteAction extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    initialSelected: DsFavouriteActionAttrs['initial-selected'];
+    selected: DsFavouriteActionAttrs['selected'];
+    disabled: DsFavouriteActionAttrs['disabled'];
+    dataAriaLabel: DsFavouriteActionAttrs['data-aria-label'];
+    private _selected;
+    private _initializedFromInitialSelected;
+    protected willUpdate(changedProperties: Map<string, unknown>): void;
+    protected get currentSelected(): boolean;
+    protected handleClick(): void;
+    protected get iconName(): Icons;
+    protected get iconTemplate(): any;
+    protected get classes(): {
+        button: boolean;
+        selected: boolean;
+        disabled: boolean;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-favourite-action/ds-favourite-action.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsFavouriteAction } from './ds-favourite-action';
+import './ds-favourite-action';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-favourite-action': DsFavouriteAction;
+    }
+}

package/dist-react/types/components/ds-favourite-action/ds-favourite-action.types.d.ts

@@ -0,0 +1,7 @@
+import type { CommonAttrs } from '../../types/types.ts';
+export type DsFavouriteActionAttrs = {
+    'initial-selected'?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    'data-aria-label'?: string;
+} & CommonAttrs;

package/dist-react/types/components/ds-favourite-action/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist-react/types/components/index.d.ts

@@ -9,6 +9,8 @@ import './ds-breadcrumbs/ds-breadcrumbs.ts';
 import './ds-breadcrumbs-item/ds-breadcrumbs-item.ts';
 import './ds-bullets/ds-bullets.ts';
 import './ds-button/ds-button.ts';
+import './ds-calendar/ds-calendar.ts';
+import './ds-calendar-day/ds-calendar-day.ts';
 import './ds-carousel-indicator/ds-carousel-indicator.ts';
 import './ds-checkbox/ds-checkbox.ts';
 import './ds-checkbox-group/ds-checkbox-group.ts';
@@ -22,6 +24,7 @@ import './ds-dialog-fullscreen/ds-dialog-fullscreen.ts';
 import './ds-dialog-header/ds-dialog-header.ts';
 import './ds-divider/ds-divider.ts';
 import './ds-drawer/ds-drawer.ts';
+import './ds-favourite-action/ds-favourite-action.ts';
 import './ds-hyperlink/ds-hyperlink.ts';
 import './ds-icon/ds-icon.ts';
 import './ds-icon-button/ds-icon-button.ts';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.79",
+  "version": "2.0.0-canary.81",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",