npm - @cupra/ui-kit - Versions diffs - 2.0.0-canary.23 → 2.0.0-canary.231 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2482) hide show

package/dist-react/types/components/ds-secondary-navigation/ds-secondary-navigation.types.d.ts CHANGED Viewed

@@ -1,6 +1,13 @@
 import { CommonAttrs } from '../../types/types';
+export type ItemsMode = 'auto' | 'inline' | 'select' | 'icon-button';
+export type ActionsMode = 'auto' | 'inline' | 'dropdown';
+export type ViewportKey = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type ResponsiveItemsMode = Partial<Record<ViewportKey, ItemsMode>>;
+export type ResponsiveActionsMode = Partial<Record<ViewportKey, ActionsMode>>;
 export type DsSecondaryNavigationAttrs = {
     'dropdown-button-text'?: string;
     'selected-index'?: number;
-    'text-transform'?: string;
+    'keep-dropdown-button-text'?: boolean;
+    'items-mode'?: ItemsMode | string;
+    'actions-mode'?: ActionsMode | string;
 } & CommonAttrs;

package/dist-react/types/components/ds-segmented-control/styles/cupra-diagonal.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-segmented-control/styles/cupra.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-segmented-control/styles/seat-legacy.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-segmented-control/styles/seat.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-select/ds-select.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsSelectAttrs } from '../ds-select/ds-select.types.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-loader-spinner/ds-loader-spinner.ts';
+import { nothing } from 'lit';
 export declare class DsSelect extends UiKitElement {
     static styles: import("lit").CSSResult[];
     private static readonly ARIA_OPTION_PREFIX;
@@ -7,11 +10,17 @@ export declare class DsSelect extends UiKitElement {
     mode: DsSelectAttrs['mode'];
     size: DsSelectAttrs['size'];
     variant: DsSelectAttrs['variant'];
+    readonly: DsSelectAttrs['readonly'];
+    loading: DsSelectAttrs['loading'];
+    loadingAriaLabel: DsSelectAttrs['loading-aria-label'];
+    iconName: DsSelectAttrs['icon-name'];
+    dataAriaLabel: DsSelectAttrs['data-aria-label'];
     private _open;
+    private _keyboardNavigating;
     private nativeSelect;
     private nativeLabel;
     private nativeOptions;
-    activeIndex: number;
+    keyboardFocusIndex: number;
     hasForcedError: boolean;
     private nativeSelects;
     private nativeLabels;
@@ -44,6 +53,8 @@ export declare class DsSelect extends UiKitElement {
         container: boolean;
         open: boolean;
         disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
         filled: boolean;
         invalid: boolean;
         error: boolean;
@@ -51,7 +62,9 @@ export declare class DsSelect extends UiKitElement {
     set open(value: boolean);
     get open(): boolean;
     render(): import("lit").TemplateResult<1>;
-    protected get iconTemplate(): any;
+    private get spinnerSize();
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get leftIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     private get displaySelectTemplate();
     private get activeDescendantId();
     private get optionsContainerTemplate();

package/dist-react/types/components/ds-select/ds-select.types.d.ts CHANGED Viewed

@@ -1,6 +1,12 @@
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
 import type { CommonAttrs } from '../../types/types.ts';
 export interface DsSelectAttrs extends CommonAttrs {
     mode?: 'dark' | 'light';
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium';
     variant?: 'primary' | 'secondary' | (string & {});
+    readonly?: boolean;
+    'icon-name'?: DsIconAttrs['icon-name'];
+    loading?: boolean;
+    'loading-aria-label'?: string;
+    'data-aria-label'?: string;
 }

package/dist-react/types/components/ds-select/styles/cupra-diagonal.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-select/styles/cupra.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-select/styles/seat-legacy.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-select/styles/seat.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-selection/ds-selection.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsSelectionAttrs } from './ds-selection.types.ts';
 export declare class DsSelection extends UiKitElement {
     static styles: import("lit").CSSResult[];
     checked: DsSelectionAttrs['checked'];
-    protected get iconTemplate(): any;
+    dataAriaLabel: DsSelectionAttrs['data-aria-label'];
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     private get classes();
     handleClick(): void;
     render(): import("lit").TemplateResult<1>;

package/dist-react/types/components/ds-selection/ds-selection.types.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsSelectionAttrs = {
     checked: boolean;
+    'data-aria-label'?: string;
 } & CommonAttrs;

package/dist-react/types/components/ds-selection/styles/cupra.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-sidebar-navigation/ds-sidebar-navigation.d.ts CHANGED Viewed

@@ -1,15 +1,23 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues } from 'lit';
 import type { DsSidebarNavigationAttrs } from './ds-sidebar-navigation.types';
 export declare class DsSidebarNavigation extends UiKitElement implements DsSidebarNavigationAttrs {
     static styles: import("lit").CSSResult[];
-    private open;
-    mainCtas: Array<Node>;
+    open: DsSidebarNavigationAttrs['open'];
+    mainCtas: Array<Element>;
+    ctasButtons: Array<Element>;
+    private scrollLocked;
     protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
     private toggleModal;
+    private handleModalClick;
     private modalButtonTemplate;
     private handleSlotChange;
+    private handleCtasSlotChange;
     private setMainCtaSize;
+    private setButtonSize;
     private classes;
     render(): import("lit").TemplateResult<1>;
 }

package/dist-react/types/components/ds-sidebar-navigation/ds-sidebar-navigation.types.d.ts CHANGED Viewed

@@ -1,6 +1,4 @@
 import type { CommonAttrs } from '../../types/types.ts';
-export type DsSidebarNavigationVariant = 'default';
-export type DsSidebarNavigationSize = 'md' | 'lg';
-export type DsSidebarNavigationState = 'default' | 'disabled';
 export interface DsSidebarNavigationAttrs extends CommonAttrs {
+    open?: boolean;
 }

package/dist-react/types/components/ds-sidebar-navigation/styles/cupra-diagonal.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-sidebar-navigation/styles/seat-legacy.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-sidebar-navigation/styles/seat.styles.d.ts ADDED Viewed

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

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

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import type { DsSkeletonAttrs } from './ds-skeleton.types.js';
+export declare class DsSkeleton extends LitElement {
+    static styles: import("lit").CSSResult[];
+    variant: DsSkeletonAttrs['variant'];
+    width?: DsSkeletonAttrs['width'];
+    height?: DsSkeletonAttrs['height'];
+    animation: DsSkeletonAttrs['animation'];
+    protected get classes(): {
+        [x: string]: boolean;
+        skeleton: boolean;
+    };
+    protected get inlineStyles(): {
+        width: string;
+        height: string;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,7 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsSkeletonAttrs extends CommonAttrs {
+    variant?: 'text' | 'circular' | 'rectangular';
+    width?: string;
+    height?: string;
+    animation?: 'shimmer' | 'none';
+}

package/dist-react/types/components/ds-skeleton/styles/common.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-slider/ds-slider.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-text-input/ds-text-input.ts';
 import { type FormatedNumber } from '../../utils/formatNumber/formatNumber.ts';
 import { type PropertyValues } from 'lit';
-import type { DsSliderAttrs } from './ds-slider.types';
+import type { DsSliderAttrs, DsSliderVariant } from './ds-slider.types';
 declare const DsSlider_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
 export declare class DsSlider extends DsSlider_base {
+    variant: DsSliderVariant;
     min: DsSliderAttrs['min'];
     max: DsSliderAttrs['max'];
     minLabel: DsSliderAttrs['min-label'];
@@ -11,6 +13,8 @@ export declare class DsSlider extends DsSlider_base {
     step: DsSliderAttrs['step'];
     initialValueMin: DsSliderAttrs['initial-value-min'];
     initialValueMax: DsSliderAttrs['initial-value-max'];
+    valueMin: DsSliderAttrs['value-min'];
+    valueMax: DsSliderAttrs['value-max'];
     mode: DsSliderAttrs['mode'];
     locale: DsSliderAttrs['locale'];
     localeMatcher: DsSliderAttrs['locale-matcher'];
@@ -29,17 +33,31 @@ export declare class DsSlider extends DsSlider_base {
     disabled: DsSliderAttrs['disabled'];
     inputMinAriaLabel: DsSliderAttrs['input-min-aria-label'];
     inputMaxAriaLabel: DsSliderAttrs['input-max-aria-label'];
+    allowThumbOverlap: DsSliderAttrs['allow-thumb-overlap'];
     protected track: HTMLInputElement;
-    protected valueMin: number;
-    protected valueMax: number;
+    protected _valueMin: number;
+    protected _valueMax: number;
+    protected editingField?: 'min' | 'max' | null;
     protected activeThumb: 'min' | 'max' | null;
     protected animationFrameRequest: number;
-    protected editingField?: 'min' | 'max' | null;
     protected keyboardMode: boolean;
+    private _initialValuesApplied;
     static styles: import("lit").CSSResult[];
+    protected get isRange(): boolean;
+    private get sliderSizeToTextInputSize();
+    private isControlled;
+    private getRoleById;
+    private get currentValues();
+    private computeStep;
+    protected willUpdate(changedProps: PropertyValues): void;
     disconnectedCallback(): void;
     protected firstUpdated(changedProps: PropertyValues): void;
+    private applyInitialValues;
     protected getTrackPct(value: number): number;
+    protected get thumbRadius(): number;
+    private static readonly THUMB_RADIUS_CSS_VAR;
+    private trackPosition;
+    private trackWidth;
     protected getNewValue: (event: MouseEvent | TouchEvent) => number;
     protected setActiveThumb: (event: MouseEvent | TouchEvent) => void;
     protected handleMouseMove: (event: MouseEvent | TouchEvent) => void;
@@ -61,14 +79,16 @@ export declare class DsSlider extends DsSlider_base {
     protected onInputBlur: (event: FocusEvent) => void;
     protected onInputKeyDown: (event: KeyboardEvent, id: 1 | 2) => void;
     protected onThumbKeyDown: (event: KeyboardEvent, id: 1 | 2) => void;
-    protected getInputTemplate(id: number): import("lit").TemplateResult<1>;
+    protected getInputTemplate(id: 1 | 2): import("lit").HTMLTemplateResult;
     protected get inputsTemplate(): import("lit").TemplateResult<1>;
+    protected getSecondaryInputTemplate(id: 1 | 2): import("lit").HTMLTemplateResult;
+    protected get secondaryInputsTemplate(): import("lit").TemplateResult<1>;
     protected get containerClasses(): {
         [x: string]: boolean;
         container: boolean;
         disabled: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-slider/ds-slider.types.d.ts CHANGED Viewed

@@ -1,5 +1,12 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { Currency, Decimal, Integer0To20, Integer1To21, Locale, NoUnit, Percent, Unit } from '../../utils/formatNumber/formatNumber.ts';
 import type { CommonAttrs } from '../../types/types';
+export type DsSliderVariant = 'primary' | 'secondary';
+type PresetSize = 'large' | 'medium';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
+type UnitSymbolPosition = 'left' | 'right';
+type Mode = 'dark' | 'light';
 type SliderCurrency = Omit<Currency, 'style'> & {
     'unit-style': 'currency';
     'unit-symbol'?: never;
@@ -25,18 +32,34 @@ type SliderCustomUnit = Omit<NoUnit, 'style'> & {
     'unit-symbol': string;
 };
 type SliderUnitStyle = SliderCurrency | SliderDecimal | SliderPercent | SliderUnit | SliderNoUnit | SliderCustomUnit;
+type UncontrolledMin = {
+    'initial-value-min'?: number;
+    'value-min'?: never;
+};
+type ControlledMin = {
+    'initial-value-min'?: never;
+    'value-min'?: number;
+};
+type UncontrolledMax = {
+    'initial-value-max'?: number;
+    'value-max'?: never;
+};
+type ControlledMax = {
+    'initial-value-max'?: never;
+    'value-max'?: number;
+};
+type SliderValueProps = (UncontrolledMin | ControlledMin) & (UncontrolledMax | ControlledMax);
 export type DsSliderAttrs = CommonAttrs & {
+    variant?: DsSliderVariant;
     min?: number;
     max?: number;
     'min-label'?: string;
     'max-label'?: string;
     step?: number;
-    'initial-value-min'?: number;
-    'initial-value-max'?: number;
-    mode?: 'dark' | 'light';
-    size?: 'medium' | 'large' | string;
+    mode?: Mode;
+    size?: Size | ResponsiveSize;
     disabled?: boolean;
-    'unit-symbol-position'?: 'left' | 'right';
+    'unit-symbol-position'?: UnitSymbolPosition;
     locale?: Locale;
     localeMatcher?: 'lookup' | 'best fit';
     'minimum-integer-digits'?: Integer1To21;
@@ -47,5 +70,6 @@ export type DsSliderAttrs = CommonAttrs & {
     'use-grouping'?: 'auto' | boolean;
     'input-min-aria-label'?: string;
     'input-max-aria-label'?: string;
-} & SliderUnitStyle;
+    'allow-thumb-overlap'?: boolean;
+} & SliderValueProps & SliderUnitStyle;
 export {};

package/dist-react/types/components/ds-slider/styles/common.styles.d.ts CHANGED Viewed

@@ -3,3 +3,4 @@ export declare const currentValueStyles: import("lit").CSSResult;
 export declare const rangeValueStyles: import("lit").CSSResult;
 export declare const trackStyles: import("lit").CSSResult;
 export declare const thumbStyles: import("lit").CSSResult;
+export declare const inputResetStyles: import("lit").CSSResult;

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

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

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

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

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

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

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

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

package/dist-react/types/components/ds-slider/utils/getStepValue/getStepValue.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ type GetStepValue = (props: {
     proposedValue: number;
     role: 'min' | 'max';
     currentValues: Record<string, number>;
+    allowOverlap?: boolean;
 }) => {
     stepValue: number;
     minLimit: number;

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

@@ -6,8 +6,17 @@ export declare class DsStaticBox extends DsStaticBox_base {
     size: DsStaticBoxAttrs['size'];
     headerItems: Array<Node>;
     footerItems: Array<Node>;
+    mainElement: HTMLElement;
+    showTopShadow: boolean;
+    showBottomShadow: boolean;
+    private cleanupScrollObserver?;
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    private get mainWrapperClasses();
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    private onSlotChange;
+    private onHeaderOrFooterSlotChange;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

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

@@ -1,4 +1,9 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import { CommonAttrs } from '../../types/types';
+type PresetSize = 'large' | 'medium' | 'small';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
 export type DsStaticBoxAttrs = {
-    size?: 'small' | 'medium' | 'large' | string;
+    size?: Size | ResponsiveSize;
 } & CommonAttrs;
+export {};

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

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

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

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

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

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

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

@@ -1,9 +1,13 @@
-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;
+    sectionName: string;
     private get classes();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    private get clampedCurrentStep();
+    private get sectionNumberText();
+    private get headerTemplate();
+    private get stepsRowTemplate();
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

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

@@ -2,4 +2,5 @@ import type { CommonAttrs } from '../../types/types';
 export type DsStepperAttrs = {
     steps?: number;
     'current-step'?: number;
+    'section-name'?: string;
 } & CommonAttrs;

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

@@ -0,0 +1,15 @@
+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 headerSlot();
+    private get bodySlot();
+    private get showEmptyState();
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,4 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsTableAttrs extends CommonAttrs {
+    'empty-message'?: string;
+}

package/dist-react/types/components/ds-table/styles/common.styles.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+import type { TableCellVariant } from './ds-table-cell.types.ts';
+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-cell/ds-table-cell.types.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { CommonAttrs } from '../../types/types';
+export type TableCellVariant = 'header' | 'default' | 'alternative';
+export interface DsTableCellAttrs extends CommonAttrs {
+    variant?: TableCellVariant;
+}

package/dist-react/types/components/ds-table-cell/styles/common.styles.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class DsTableRow extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private columnCount;
+    private handleSlotChange;
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,3 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsTableRowAttrs extends CommonAttrs {
+}

package/dist-react/types/components/ds-table-row/styles/common.styles.d.ts ADDED Viewed

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

package/dist-react/types/components/ds-tabs/ds-tabs.d.ts CHANGED Viewed

@@ -1,9 +1,13 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import type { DsTabsAttrs } from './ds-tabs.types';
 export declare class DsTabs extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    selectedTab: DsTabsAttrs['selected-tab'];
+    _selectedTab: DsTabsAttrs['selected-tab'];
+    private _selectedTabState;
+    get selectedTab(): number;
+    set selectedTab(value: DsTabsAttrs['selected-tab']);
     mode: DsTabsAttrs['mode'];
     variant: string;
     size: DsTabsAttrs['size'];
@@ -40,6 +44,7 @@ export declare class DsTabs extends UiKitElement {
     };
     protected get navContainerClasses(): {
         'nav-container': boolean;
+        'ds-blur': boolean;
         'scroll-left': boolean;
         'scroll-right': boolean;
     };

package/dist-react/types/components/ds-tabs/ds-tabs.types.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export type SlottedContent = HTMLElement & {
 export interface DsTabsAttrs extends CommonAttrs {
     'selected-tab'?: number;
     mode?: 'dark' | 'light';
-    size?: string;
+    size?: 'large' | 'medium' | string;
     variant?: string;
     disabled?: boolean;
 }

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

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

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

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

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

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

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

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

package/dist-react/types/components/ds-tag/ds-tag.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-import type { DsTagAttrs } from '../ds-tag/ds-tag.types';
+import '../ds-icon/ds-icon.ts';
+import type { DsTagAttrs, DsTagColor, DsTagVariant } from '../ds-tag/ds-tag.types';
 import { nothing } from 'lit';
 export declare class DsTag extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -7,7 +8,8 @@ export declare class DsTag extends UiKitElement {
     clickableIcon: DsTagAttrs['clickable-icon'];
     iconName: DsTagAttrs['icon-name'];
     iconPosition: DsTagAttrs['icon-position'];
-    color: DsTagAttrs['color'];
+    color?: DsTagColor;
+    variant?: DsTagVariant;
     protected onClickHandler: Function;
     protected get classes(): {
         [x: string]: boolean;
@@ -18,6 +20,6 @@ export declare class DsTag extends UiKitElement {
         clicable: boolean;
     };
     private handleClickIcon;
-    protected get iconTemplate(): any;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist-react/types/components/ds-tag/ds-tag.types.d.ts CHANGED Viewed

@@ -1,9 +1,19 @@
 import type { DsIconAttrs } from '../ds-icon/ds-icon.types';
 import type { CommonAttrs } from '../../types/types';
-export interface DsTagAttrs extends CommonAttrs {
+export type DsTagColor = 'moonlate' | 'white' | 'copper' | 'rio-green' | 'electric' | 'yellow' | 'red' | 'green' | 'black' | (string & {});
+export type DsTagVariant = 'default' | 'contrast' | 'accent-01' | 'accent-02' | 'accent-03' | 'warning' | 'error' | 'success' | 'subtle' | 'disabled';
+type DsTagBaseAttrs = CommonAttrs & {
     show?: boolean;
     'clickable-icon'?: boolean;
     'icon-name'?: DsIconAttrs['icon-name'];
     'icon-position'?: 'left' | 'right';
-    color?: 'moonlate' | 'white' | 'copper' | 'rio-green' | 'electric' | (string & {});
-}
+};
+export type DsTagAttrs = DsTagBaseAttrs & ({
+    /** @deprecated Use `variant` instead. */
+    color?: DsTagColor;
+    variant?: never;
+} | {
+    variant?: DsTagVariant;
+    color?: never;
+});
+export {};

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

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

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

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

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

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

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

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