@cupra/ui-kit 2.0.0-canary.24 → 2.0.0-canary.241

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

@@ -1,10 +1,9 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import { type Placement } from '@floating-ui/dom';
-import { nothing } from 'lit';
 import type { DsTooltipAttrs } from './ds-tooltip.types';
-declare const DsTooltip_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
-export declare class DsTooltip extends DsTooltip_base {
+export declare class DsTooltip extends UiKitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabel: DsTooltipAttrs['data-aria-label'];
     mode: DsTooltipAttrs['mode'];
     show: DsTooltipAttrs['show'];
     disableHoverListener: DsTooltipAttrs['disable-hover-listener'];
@@ -25,6 +24,8 @@ export declare class DsTooltip extends DsTooltip_base {
     protected updatePosition(): void;
     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;
@@ -47,8 +48,8 @@ export declare class DsTooltip extends DsTooltip_base {
     };
     protected handleClose: () => void;
     protected get arrowTemplate(): import("lit").TemplateResult<1>;
-    protected get tooltipTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get tooltipTemplate(): import("lit").TemplateResult<1>;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected handleAnchorPointerDown: (event: PointerEvent) => void;
     protected handleAnchorMouseOver: () => void;
     protected handleAnchorMouseOut: () => void;
@@ -57,4 +58,3 @@ export declare class DsTooltip extends DsTooltip_base {
     protected handlePressOutside: (event: MouseEvent) => void;
     render(): import("lit").TemplateResult<1>;
 }
-export {};

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

@@ -1,5 +1,6 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsTooltipAttrs = CommonAttrs & {
+    'data-aria-label'?: string;
     mode?: 'dark' | 'light';
     show?: boolean;
     'disable-hover-listener'?: 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/ds-value-unit.d.ts

@@ -0,0 +1,9 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { ValueFontWeight, ValueUnitSize } from '../ds-value-unit/ds-value-unit.types.ts';
+export declare class DsValueUnit extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    size: ValueUnitSize;
+    valueWeight: ValueFontWeight;
+    unitWeight: ValueFontWeight;
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,8 @@
+import type { CommonAttrs } from '../../types/types';
+export type ValueUnitSize = 'colossal' | 'huge' | 'big' | 'large' | 'medium' | 'small' | 'micro' | 'nano';
+export type ValueFontWeight = 'regular' | 'light';
+export type DsValueUnitAttrs = CommonAttrs & {
+    size?: ValueUnitSize;
+    'value-weight'?: ValueFontWeight;
+    'unit-weight'?: ValueFontWeight;
+};

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

@@ -0,0 +1 @@
+export declare const commonStyles: 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/components/index.d.ts

@@ -1,17 +1,24 @@
 import './ds-accordion/ds-accordion.ts';
 import './ds-avatar/ds-avatar.ts';
 import './ds-badge/ds-badge.ts';
+import './ds-banner/ds-banner.ts';
 import './ds-basic-card/ds-basic-card.ts';
 import './ds-basic-card-image/ds-basic-card-image.ts';
 import './ds-basic-card-header/ds-basic-card-header.ts';
 import './ds-basic-card-section/ds-basic-card-section.ts';
+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';
 import './ds-chip/ds-chip.ts';
 import './ds-chips/ds-chips.ts';
 import './ds-currency/ds-currency.ts';
+import './ds-date-picker/ds-date-picker.ts';
 import './ds-dialog/ds-dialog.ts';
 import './ds-dialog-body/ds-dialog-body.ts';
 import './ds-dialog-footer/ds-dialog-footer.ts';
@@ -19,6 +26,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';
@@ -48,6 +56,7 @@ import './ds-secondary-navigation/ds-secondary-navigation.ts';
 import './ds-segmented-control/ds-segmented-control.ts';
 import './ds-select/ds-select.ts';
 import './ds-selection/ds-selection.ts';
+import './ds-skeleton/ds-skeleton.ts';
 import './ds-sidebar-navigation/ds-sidebar-navigation.ts';
 import './ds-slider/ds-slider.ts';
 import './ds-static-box/ds-static-box.ts';
@@ -58,12 +67,19 @@ import './ds-text/ds-text.ts';
 import './ds-text-input/ds-text-input.ts';
 import './ds-textarea/ds-textarea.ts';
 import './ds-theme-provider/ds-theme-provider.ts';
+import './ds-theme-switch/ds-theme-switch.ts';
 import './ds-toast/ds-toast.ts';
 import './ds-toast-message/ds-toast-message.ts';
 import './ds-inline-alert/ds-inline-alert.ts';
 import './ds-toggle-button/ds-toggle-button.ts';
 import './ds-toggle-switch/ds-toggle-switch.ts';
 import './ds-tooltip/ds-tooltip.ts';
+import './ds-value-unit/ds-value-unit.ts';
 import './ds-media-control/ds-media-control.ts';
 import './ds-list-item/ds-list-item.ts';
 import './ds-list/ds-list.ts';
+import './ds-icon-button-group/ds-icon-button-group.ts';
+import './ds-navigation-controls/ds-navigation-controls.ts';
+import './ds-table/ds-table.ts';
+import './ds-table-row/ds-table-row.ts';
+import './ds-table-cell/ds-table-cell.ts';

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/dist-react/types/index.d.ts

@@ -1,2 +1,3 @@
 import './components/index';
 export { iconNames } from './components/ds-icon/iconNames.ts';
+export { VERSION, VERSION_TAG_SUFFIX } from './utils/version.ts';

package/dist-react/types/mixins/inputStatesMixin.d.ts

@@ -8,6 +8,7 @@ export interface InputStatesInterface {
         invalid: boolean;
         filled: boolean;
         disabled: boolean;
+        readonly: boolean;
     };
     nativeInput: HTMLInputElement | HTMLTextAreaElement | undefined;
 }

package/dist-react/types/styles/source/shared/fonts-config.d.ts

@@ -0,0 +1,15 @@
+type FontDisplay = 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+export interface FontConfig {
+    name: string;
+    weight: string;
+    file: string;
+    unicodeRange?: string;
+    display?: FontDisplay;
+}
+interface FontsConfig {
+    [key: string]: {
+        fonts: Array<FontConfig>;
+    };
+}
+export declare const fontsConfig: FontsConfig;
+export {};

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

@@ -6,3 +6,4 @@ declare global {
         DS_THEME: string;
     }
 }
+export type InputDirection = 'ltr' | 'rtl' | 'auto';

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

@@ -1,4 +1,8 @@
-export declare const arrayConverter: {
-    fromAttribute(value: string): unknown[];
-    toAttribute(value: unknown[]): string;
+export declare const stringArrayConverter: {
+    fromAttribute(value: string | null): string[];
+    toAttribute(value: string[]): string;
+};
+export declare const numberArrayConverter: {
+    fromAttribute(value: string | null): number[];
+    toAttribute(value: number[]): string;
 };

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

@@ -1,4 +1,3 @@
-type Viewports = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type Viewports = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 export declare const breakpoints: Record<Viewports, number>;
 export declare const viewportQueries: Record<Viewports, string>;
-export {};

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

@@ -0,0 +1 @@
+export declare function closestAttribute(element: Element, attributeName: string): string | null;

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

@@ -196,7 +196,8 @@ export type Integer0To20 = 0 | Integer1To20;
 export type Integer1To21 = Integer1To20 | 21;
 export type Locale = {
     [K in keyof Locales]: Locales[K] extends '' ? K : `${K}-${Locales[K]}`;
-}[keyof Locales];
+}[keyof Locales] | 'ar';
+export type SymbolOverrides = Record<string, string | Partial<Record<Locale, string>>>;
 export type Currency = {
     style: 'currency';
     currency: string;
@@ -233,11 +234,14 @@ export type FormatNumberProps = UnitStyle & {
     thousandSeparator?: string;
     fractionSeparator?: string;
     useGrouping?: 'auto' | 'always' | 'min2' | boolean;
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    symbolOverrides?: SymbolOverrides | string;
 };
 export type FormatedNumber = {
+    formattedNumber: string;
     formattedValue: string;
     unitSymbol?: string;
-    unitSymbolPosition?: 'left' | 'right';
+    unitSymbolPosition?: 'left' | 'right' | 'start' | 'end';
 };
-export declare function formatNumber({ value, locale, style, unit, currency, localeMatcher, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, thousandSeparator, fractionSeparator, useGrouping, }: FormatNumberProps): FormatedNumber;
+export declare function formatNumber({ value, locale, style, unit, currency, localeMatcher, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, thousandSeparator, fractionSeparator, useGrouping, currencyDisplay, symbolOverrides, }: FormatNumberProps): FormatedNumber;
 export {};

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

@@ -0,0 +1,3 @@
+export type Direction = 'ltr' | 'rtl';
+export declare function getDirection(element: Element): Direction;
+export declare function getDirectionSign(element: Element): 1 | -1;

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

@@ -0,0 +1 @@
+export declare function normalizeDigits(text: string): string;

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

@@ -1 +1,4 @@
-export declare const objectConverter: (value: unknown) => any;
+import { Viewports } from './breakpoints';
+type Size = string | Viewports;
+export declare const objectConverter: (value: unknown) => Size;
+export {};

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

@@ -0,0 +1,9 @@
+export type ScrollState = {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+    start: boolean;
+    end: boolean;
+};
+export declare function observeScroll(element: HTMLElement, callback: (state: ScrollState) => void): () => void;

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

@@ -0,0 +1 @@
+export declare function resolveLang(element: Element, fallback?: string): string;

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

@@ -0,0 +1,6 @@
+export declare class ScrollLock {
+    #private;
+    lock(): void;
+    unlock(): void;
+}
+export declare const scrollLock: ScrollLock;

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

@@ -0,0 +1,2 @@
+import { type HTMLTemplateResult } from 'lit';
+export declare function uiKitHtml(strings: TemplateStringsArray, ...values: unknown[]): HTMLTemplateResult;

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

@@ -0,0 +1,2 @@
+export declare const VERSION: string;
+export declare const VERSION_TAG_SUFFIX: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.24",
+  "version": "2.0.0-canary.241",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -71,7 +71,8 @@
         "./dist-react/cjs/utils/*/*.cjs"
       ]
     },
-    "./react/types/*": "./dist-react/types/components/*/*.types.d.ts"
+    "./react/types/*": "./dist-react/types/components/*/*.types.d.ts",
+    "./styles/breakpoints.css": "./dist/styles/breakpoints.css"
   },
   "files": [
     "LICENSE",
@@ -85,53 +86,55 @@
   },
   "private": false,
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "@lit/context": "^1.1.4",
-    "lit": "^3.2.1"
+    "@floating-ui/dom": "^1.8.0",
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.3"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.6",
-    "@inquirer/prompts": "^7.4.0",
+    "@chromatic-com/storybook": "^5.4.0",
+    "@inquirer/prompts": "^7.10.1",
     "@open-wc/testing": "^4.0.0",
     "@playwright/test": "1.56.1",
-    "@storybook/addon-a11y": "^8.6.11",
-    "@storybook/addon-essentials": "^8.6.11",
-    "@storybook/addon-interactions": "^8.6.11",
-    "@storybook/addon-links": "^8.6.11",
-    "@storybook/addon-viewport": "^8.6.11",
-    "@storybook/blocks": "^8.6.11",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/test": "^8.6.11",
-    "@storybook/theming": "^8.6.14",
-    "@storybook/web-components": "^8.6.11",
-    "@storybook/web-components-vite": "^8.6.11",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^18.3.20",
-    "ajv": "^8.17.1",
-    "autoprefixer": "^10.4.20",
+    "@storybook/addon-a11y": "^10.6.1",
+    "@storybook/addon-docs": "^10.6.2",
+    "@storybook/addon-links": "^10.6.2",
+    "@storybook/addon-vitest": "^10.6.2",
+    "@storybook/web-components": "^10.6.2",
+    "@storybook/web-components-vite": "^10.6.2",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^18.3.31",
+    "@vitest/browser": "^4.1.12",
+    "@vitest/browser-playwright": "^4.1.12",
+    "ajv": "^8.20.0",
+    "autoprefixer": "^10.6.1",
     "camelcase": "^8.0.0",
-    "chromatic": "^11.27.0",
-    "cssnano": "^7.0.6",
-    "dotenv": "^16.4.7",
-    "jsdom": "^26.0.0",
-    "lodash": "^4.17.23",
-    "nodemon": "^3.1.10",
+    "chromatic": "^11.29.0",
+    "cssnano": "^7.1.9",
+    "dotenv": "^16.6.1",
+    "es-check": "^9.8.1",
+    "jsdom": "^26.1.0",
+    "lodash": "^4.18.1",
+    "lottie-web": "^5.13.0",
+    "nodemon": "^3.1.14",
     "playwright": "1.56.1",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.29",
     "postcss-cli": "^11.0.1",
     "postcss-custom-media": "^11.0.6",
-    "postcss-import": "^16.1.0",
+    "postcss-import": "^16.2.0",
     "postcss-pxtorem": "^6.1.0",
     "postcss-simple-vars": "^7.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "readline": "^1.3.0",
-    "shadow-dom-testing-library": "^1.12.0",
-    "storybook": "^8.6.15",
-    "ts-morph": "^26.0.0",
-    "tsc-alias": "^1.8.13",
-    "typescript": "^5.8.2",
-    "vite": "^6.4.1",
+    "shadow-dom-testing-library": "^1.14.2",
+    "storybook": "^10.6.2",
+    "style-dictionary": "^5.6.0",
+    "ts-morph": "^27.0.2",
+    "tsc-alias": "~1.8.17",
+    "typescript": "^5.9.3",
+    "vite": "^8.3.3",
     "vite-bundle-analyzer": "^0.22.3",
     "xml2js": "^0.6.2"
   },
@@ -141,9 +144,11 @@
     "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": "postcss src/styles/**/theme.css --dir public/assets/styles --base src/styles && node scripts/build-component-styles/build-component-styles.js",
-    "build": "pnpm build-assets && pnpm clean-dist && pnpm build-ts && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false",
+    "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",
+    "check:browser-compat": "es-check es2020 dist-cdn/*.iife.js",
     "build:react": "pnpm build-assets && pnpm clean-dist:react && pnpm build-ts:react && BUILD_FORMAT=esm vite build --config vite.react.config.js --emptyOutDir false && BUILD_FORMAT=cjs vite build --config vite.react.config.js --emptyOutDir false",
     "build:react:dev": "pnpm build-assets && pnpm clean-dist:react && pnpm build-ts:react && BUILD_FORMAT=esm vite build --mode development --config vite.react.config.js --emptyOutDir false && BUILD_FORMAT=cjs vite build --mode development --config vite.react.config.js --emptyOutDir false",
     "analyze": "pnpm clean-dist && pnpm build-ts && ANALYZE=true  vite build --mode production",
@@ -153,19 +158,25 @@
     "dev:watch": "nodemon --exec \"pnpm build-cdn --mode development && pnpm build-assets && vite\"",
     "preview": "vite preview",
     "storybook": "pnpm build-cdn --mode development && pnpm build-assets && storybook dev -p 6006 --ci",
-    "storybook:watch": "nodemon --exec \"pnpm build-cdn --mode development && pnpm build-assets && storybook dev -p 6006 --ci -- --force\"",
-    "storybook:cupra-diagonal": "VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci -- --force",
-    "storybook:watch:cupra-diagonal": "nodemon --exec \"VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci -- --force\"",
+    "storybook:watch": "nodemon --exec \"pnpm build-cdn --mode development && pnpm build-assets && storybook dev -p 6006 --ci\"",
+    "storybook:cupra-diagonal": "VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci",
+    "storybook:watch:cupra-diagonal": "nodemon --exec \"VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci\"",
     "build-storybook:cupra-diagonal": "pnpm build-cdn && pnpm build-assets && storybook build --config-dir .storybook/themes/cupra-diagonal --output-dir dist-storybook/cupra-diagonal",
+    "storybook:seat": "VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/seat -p 6007 --ci",
+    "storybook:watch:seat": "nodemon --exec \"VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/seat -p 6007 --ci\"",
+    "build-storybook:seat": "pnpm build-cdn && pnpm build-assets && storybook build --config-dir .storybook/themes/seat --output-dir dist-storybook/seat",
+    "build:tokens": "node style-dictionary.config.js && biome format --write src/styles/generated-tokens-css/",
     "process-icons": "node scripts/process-icons/process-icons.js && git add .",
     "process-docs": "node scripts/process-docs/process-docs.js",
     "create-wc": "node scripts/create-wc/create-wc.js && git add .",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "test": "vitest run",
-    "test:visual:github": "pnpm build-cdn --mode development && playwright test --config=visual-tests/playwright.config.ts",
+    "test": "vitest run --project unit",
+    "test:storybook": "vitest run --project storybook-cupra-diagonal --project storybook-seat",
+    "test:storybook:coverage": "vitest run --coverage --project storybook-cupra-diagonal --project storybook-seat",
     "test:visual:update": "docker build -f $(git rev-parse --show-toplevel)/Dockerfile.visual.update -t ds-visual-tests-update $(git rev-parse --show-toplevel) && docker run --rm -v $(git rev-parse --show-toplevel):/app ds-visual-tests-update && pnpm install --force",
     "test:visual:check": "docker build -f $(git rev-parse --show-toplevel)/Dockerfile.visual.check -t ds-visual-tests-check $(git rev-parse --show-toplevel) && docker run --rm -v $(git rev-parse --show-toplevel):/app ds-visual-tests-check && pnpm install --force",
     "validate:icons": "node scripts/validate-icons/validate-icons.js",
-    "generate-licenses": "npx generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci"
+    "lint:logical-css": "node scripts/check-logical-css/check-logical-css.js",
+    "generate-licenses": "generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci"
   }
 }

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

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

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

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),e=t.cssWithTokens`
-    .ds-list {
-        display: flex;
-        flex-direction: column;
-        row-gap: var(--dg-size-16);
-        font-family: var(--dg-font-family-base);
-    }
-
-    ::slotted([slot="title"]) {
-        color: var(--dg-global-color-neutral-10);
-        font-weight: 400;
-    }
-
-    ::slotted([slot="subtitle"]) {
-        color: var(--dg-global-color-neutral-60);
-        font-weight: 400;
-    }
-    
-    :host([size="small"]) ::slotted([slot="title"]) {
-        font-size: var(--dg-font-size-body-m);
-        line-height: var(--dg-font-body-xs-medium-line-height);
-    }
-
-    :host([size="medium"]) ::slotted([slot="title"]) {
-        font-size: var(--dg-font-size-body-l);
-        line-height: var(--dg-font-body-s-medium-line-height);
-    }
-
-    :host([size="small"]) ::slotted([slot="subtitle"]) {
-        font-size: var(--dg-font-size-body-m);
-        line-height: var(--dg-font-body-xs-medium-line-height);
-    }
-
-    :host([size="medium"]) ::slotted([slot="subtitle"]) {
-        font-size: var(--dg-font-size-body-l);
-        line-height: var(--dg-font-body-s-medium-line-height);
-    }
-`;exports.cupraDiagonalStyles=e;