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

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
+import { LitElement } from 'lit';
 import type { DsSkeletonAttrs } from './ds-skeleton.types.js';
-export declare class DsSkeleton extends UiKitElement {
+export declare class DsSkeleton extends LitElement {
     static styles: import("lit").CSSResult[];
     variant: DsSkeletonAttrs['variant'];
     width?: DsSkeletonAttrs['width'];

package/dist-react/types/components/ds-slider/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-slider/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-slider/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-slider/styles/seat.styles.d.ts

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

package/dist-react/types/components/ds-static-box/ds-static-box.d.ts

@@ -14,6 +14,7 @@ export declare class DsStaticBox extends DsStaticBox_base {
     private get mainWrapperClasses();
     protected get styleTokens(): import("lit").TemplateResult<1>;
     private onSlotChange;
+    private onHeaderOrFooterSlotChange;
     firstUpdated(): void;
     disconnectedCallback(): void;
     render(): import("lit").TemplateResult<1>;

package/dist-react/types/components/ds-static-box/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-static-box/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-static-box/styles/seat.styles.d.ts

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

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

@@ -1,6 +1,5 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
-import { nothing } from 'lit';
-export declare class DsStepper extends UiKitElement {
+import { LitElement, nothing } from 'lit';
+export declare class DsStepper extends LitElement {
     static styles: import("lit").CSSResult[];
     steps: number;
     currentStep: number;

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

@@ -1,13 +1,15 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
-import { nothing } from 'lit';
-export declare class DsTable extends UiKitElement {
+import { LitElement } from 'lit';
+export declare class DsTable extends LitElement {
     static styles: import("lit").CSSResult[];
     emptyMessage: string;
     private hasHeaderContent;
     private hasBodyContent;
+    private columnCount;
+    private updateColumnCount;
     private handleHeaderSlotChange;
     private handleBodySlotChange;
-    private get columnCount();
+    private get headerSlot();
+    private get bodySlot();
     private get showEmptyState();
-    render(): import("lit").TemplateResult<1> | typeof nothing;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist-react/types/components/ds-table-cell/ds-table-cell.d.ts

@@ -1,6 +1,6 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
+import { LitElement } from 'lit';
 import type { TableCellVariant } from './ds-table-cell.types.ts';
-export declare class DsTableCell extends UiKitElement {
+export declare class DsTableCell extends LitElement {
     static styles: import("lit").CSSResult[];
     variant: TableCellVariant;
     render(): import("lit").TemplateResult<1>;

package/dist-react/types/components/ds-table-row/ds-table-row.d.ts

@@ -1,5 +1,5 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
-export declare class DsTableRow extends UiKitElement {
+import { LitElement } from 'lit';
+export declare class DsTableRow extends LitElement {
     static styles: import("lit").CSSResult[];
     private columnCount;
     private handleSlotChange;

package/dist-react/types/components/ds-tabs/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-tabs/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-tabs/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-tabs/styles/seat.styles.d.ts

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

package/dist-react/types/components/ds-tag/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-tag/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-tag/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-tag/styles/seat.styles.d.ts

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

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

@@ -13,6 +13,7 @@ export declare class DsText extends DsText_base {
     uppercase: DsTextAttrs['uppercase'];
     slotedNodes: Array<Node>;
     private get classes();
+    private onSlotChange;
     render(): import("lit").TemplateResult;
 }
 export {};

package/dist-react/types/components/ds-text/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-text/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-text/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-text/styles/seat.styles.d.ts

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

package/dist-react/types/components/ds-text-input/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-text-input/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-text-input/styles/seat.styles.d.ts

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

package/dist-react/types/components/ds-textarea/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-textarea/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-textarea/styles/seat.styles.d.ts

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

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

@@ -1,7 +1,7 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
 import '../ds-toast-message/ds-toast-message.ts';
+import { LitElement } from 'lit';
 import type { DsToastAttrs } from './ds-toast.types.ts';
-export declare class DsToast extends UiKitElement {
+export declare class DsToast extends LitElement {
     static styles: import("lit").CSSResult[];
     position: DsToastAttrs['position'];
     private toasts;

package/dist-react/types/components/ds-toast-message/ds-toast-message.d.ts

@@ -1,9 +1,9 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
 import '../ds-icon-button/ds-icon-button.ts';
 import '../ds-icon/ds-icon.ts';
 import '../ds-link-button/ds-link-button.ts';
+import { LitElement } from 'lit';
 import type { DsToastMessageAttrs } from './ds-toast-message.types.ts';
-export declare class DsToastMessage extends UiKitElement {
+export declare class DsToastMessage extends LitElement {
     static styles: import("lit").CSSResult[];
     status: DsToastMessageAttrs['status'];
     dataId: DsToastMessageAttrs['data-id'];

package/dist-react/types/components/ds-toggle-switch/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-toggle-switch/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-toggle-switch/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-toggle-switch/styles/seat.styles.d.ts

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

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

@@ -24,6 +24,7 @@ export declare class DsTooltip extends UiKitElement {
     protected handleKeyDown: () => void;
     protected handlePointerDown: () => void;
     protected handleTooltipPointerDown: (event: Event) => void;
+    protected handleContainerSlotChange: () => void;
     protected handleResize: (params?: any) => void | Function;
     protected get arrowClasses(): {
         [x: string]: boolean;

package/dist-react/types/components/ds-tooltip/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-tooltip/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-tooltip/styles/seat-legacy.styles.d.ts

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

package/dist-react/types/components/ds-tooltip/styles/seat.styles.d.ts

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

package/dist-react/types/components/ds-value-unit/styles/cupra-diagonal.styles.d.ts

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

package/dist-react/types/components/ds-value-unit/styles/cupra.styles.d.ts

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

package/dist-react/types/components/ds-value-unit/styles/seat.styles.d.ts

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

package/dist-react/types/decorators/customUiKitElement.d.ts

@@ -1,6 +1,3 @@
 type ConcreteCtor<T = HTMLElement> = new (...args: any[]) => T;
-export declare function customUiKitElement(tag: string, options?: {
-    skipTagAsComponentName?: boolean;
-    extendComponentNames?: string[];
-}): <T extends ConcreteCtor<HTMLElement>>(Ctor: T) => void;
+export declare function customUiKitElement(tag: string): <T extends ConcreteCtor<HTMLElement>>(Ctor: T) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.230",
+  "version": "2.0.0-canary.232",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -144,7 +144,7 @@
     "clean-dist:react": "rm -rf ./dist-react",
     "build-ts": "tsc -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.json",
     "build-ts:react": "tsc -p tsconfig.react.json && tsc-alias -p tsconfig.react.json",
-    "build-assets": "pnpm build:tokens && postcss src/styles/source/themes/**/theme.css --dir .tmp/styles --base src/styles/source/themes && node scripts/split-theme-tokens/split-theme-tokens.js && node scripts/build-component-styles/build-component-styles.js && node scripts/build-icons-zip/build-icons-zip.js",
+    "build-assets": "pnpm build:tokens && postcss src/styles/source/themes/**/theme.css --dir .tmp/styles --base src/styles/source/themes && node scripts/split-theme-tokens/split-theme-tokens.js && node scripts/build-icons-zip/build-icons-zip.js",
     "build-breakpoints": "mkdir -p dist/styles && cp src/styles/source/shared/breakpoints.css dist/styles/breakpoints.css",
     "build": "pnpm build-assets && pnpm clean-dist && pnpm build-ts && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false && pnpm build-breakpoints",
     "build-cdn": "pnpm build-assets && pnpm clean-dist-cdn && vite build --config vite.cdn.config.js --mode production",

package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs

@@ -1 +0,0 @@
-var e=require("../concurrencyLimit.cjs").concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.230/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||(t.instance=new t),t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist/cjs/utils/concurrencyLimit.cjs

@@ -1 +0,0 @@
-function e(e){let t=0,n=[];function r(){if(t<e){t++;return}return new Promise(e=>{n.push(()=>{t++,e()})})}function i(){t--;let e=n.shift();e&&e()}return async e=>{let t=r();t&&await t;try{return await e()}finally{i()}}}exports.concurrencyLimit=e;

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

@@ -1,30 +0,0 @@
-import { concurrencyLimit as e } from "../concurrencyLimit.js";
-//#region src/utils/StylesRegistry/StylesRegistry.ts
-var t = e(20), n = class e {
-	constructor() {
-		this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
-			if (!n || !e) return;
-			let r = `https://ds-assets.cupra.com/2.0.0-canary.230/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
-			if (i) return i;
-			let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
-			return this.stylePromises.set(r, a), this.stylePromises.get(r);
-		};
-	}
-	async fetchStyle({ url: e }) {
-		try {
-			if (typeof fetch > "u") return;
-			let t = await fetch(e, { cache: "force-cache" });
-			if (t.ok) return t.text();
-		} catch (t) {
-			console.error(`Failed to fetch Style Sheet "${e}":`, t);
-		}
-	}
-	getCachedStyleSheetPromise({ url: e }) {
-		return this.stylePromises.get(e);
-	}
-	static getInstance() {
-		return e.instance || (e.instance = new e()), e.instance;
-	}
-}.getInstance();
-//#endregion
-export { n as stylesRegistry };

package/dist/esm/utils/concurrencyLimit.js

@@ -1,31 +0,0 @@
-//#region src/utils/concurrencyLimit.ts
-function e(e) {
-	let t = 0, n = [];
-	function r() {
-		if (t < e) {
-			t++;
-			return;
-		}
-		return new Promise((e) => {
-			n.push(() => {
-				t++, e();
-			});
-		});
-	}
-	function i() {
-		t--;
-		let e = n.shift();
-		e && e();
-	}
-	return async (e) => {
-		let t = r();
-		t && await t;
-		try {
-			return await e();
-		} finally {
-			i();
-		}
-	};
-}
-//#endregion
-export { e as concurrencyLimit };

package/dist/types/utils/StylesRegistry/StylesRegistry.d.ts

@@ -1,14 +0,0 @@
-import { Theme } from '../../components/ds-theme-provider/themeContext.ts';
-declare class StylesRegistry {
-    private static instance;
-    private stylePromises;
-    getStyles: ({ componentName, theme, }: {
-        componentName?: string;
-        theme: Theme;
-    }) => Promise<string | void>;
-    private fetchStyle;
-    private getCachedStyleSheetPromise;
-    static getInstance(): StylesRegistry;
-}
-export declare const stylesRegistry: StylesRegistry;
-export {};

package/dist/types/utils/concurrencyLimit.d.ts

@@ -1,4 +0,0 @@
-type Callback<T> = () => Promise<T>;
-type LimitedPromises = <T>(callback: Callback<T>) => Promise<T>;
-export declare function concurrencyLimit(maxConcurrent: number): LimitedPromises;
-export {};

package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs

@@ -1 +0,0 @@
-var e=require("../concurrencyLimit.cjs").concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.230/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||(t.instance=new t),t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist-react/cjs/utils/concurrencyLimit.cjs

@@ -1 +0,0 @@
-function e(e){let t=0,n=[];function r(){if(t<e){t++;return}return new Promise(e=>{n.push(()=>{t++,e()})})}function i(){t--;let e=n.shift();e&&e()}return async e=>{let t=r();t&&await t;try{return await e()}finally{i()}}}exports.concurrencyLimit=e;

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

@@ -1,30 +0,0 @@
-import { concurrencyLimit as e } from "../concurrencyLimit.js";
-//#region src/utils/StylesRegistry/StylesRegistry.ts
-var t = e(20), n = class e {
-	constructor() {
-		this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
-			if (!n || !e) return;
-			let r = `https://ds-assets.cupra.com/2.0.0-canary.230/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
-			if (i) return i;
-			let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
-			return this.stylePromises.set(r, a), this.stylePromises.get(r);
-		};
-	}
-	async fetchStyle({ url: e }) {
-		try {
-			if (typeof fetch > "u") return;
-			let t = await fetch(e, { cache: "force-cache" });
-			if (t.ok) return t.text();
-		} catch (t) {
-			console.error(`Failed to fetch Style Sheet "${e}":`, t);
-		}
-	}
-	getCachedStyleSheetPromise({ url: e }) {
-		return this.stylePromises.get(e);
-	}
-	static getInstance() {
-		return e.instance || (e.instance = new e()), e.instance;
-	}
-}.getInstance();
-//#endregion
-export { n as stylesRegistry };

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

@@ -1,31 +0,0 @@
-//#region src/utils/concurrencyLimit.ts
-function e(e) {
-	let t = 0, n = [];
-	function r() {
-		if (t < e) {
-			t++;
-			return;
-		}
-		return new Promise((e) => {
-			n.push(() => {
-				t++, e();
-			});
-		});
-	}
-	function i() {
-		t--;
-		let e = n.shift();
-		e && e();
-	}
-	return async (e) => {
-		let t = r();
-		t && await t;
-		try {
-			return await e();
-		} finally {
-			i();
-		}
-	};
-}
-//#endregion
-export { e as concurrencyLimit };

package/dist-react/types/utils/StylesRegistry/StylesRegistry.d.ts

@@ -1,14 +0,0 @@
-import { Theme } from '../../components/ds-theme-provider/themeContext.ts';
-declare class StylesRegistry {
-    private static instance;
-    private stylePromises;
-    getStyles: ({ componentName, theme, }: {
-        componentName?: string;
-        theme: Theme;
-    }) => Promise<string | void>;
-    private fetchStyle;
-    private getCachedStyleSheetPromise;
-    static getInstance(): StylesRegistry;
-}
-export declare const stylesRegistry: StylesRegistry;
-export {};

package/dist-react/types/utils/concurrencyLimit.d.ts

@@ -1,4 +0,0 @@
-type Callback<T> = () => Promise<T>;
-type LimitedPromises = <T>(callback: Callback<T>) => Promise<T>;
-export declare function concurrencyLimit(maxConcurrent: number): LimitedPromises;
-export {};