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

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

@@ -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/types/components/ds-static-box/ds-static-box.types.d.ts

@@ -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/types/components/ds-static-box/styles/cupra-diagonal.styles.d.ts

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

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

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

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

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

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

@@ -1,9 +1,15 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
-import { nothing } from 'lit';
-export declare class DsStepper extends UiKitElement {
+import { LitElement, nothing } from 'lit';
+import type { DsStepperAttrs } from './ds-stepper.types.ts';
+export declare class DsStepper extends LitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabel: DsStepperAttrs['data-aria-label'];
     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/types/components/ds-stepper/ds-stepper.types.d.ts

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

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

@@ -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/types/components/ds-table/ds-table.types.d.ts

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

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

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

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

@@ -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/types/components/ds-table-cell/ds-table-cell.types.d.ts

@@ -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/types/components/ds-table-cell/styles/common.styles.d.ts

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

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

@@ -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/types/components/ds-table-row/ds-table-row.types.d.ts

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

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

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

package/dist/types/components/ds-tabs/ds-tabs.d.ts

@@ -1,9 +1,14 @@
 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'];
+    dataAriaLabelNavArrow: DsTabsAttrs['data-aria-label-nav-arrow'];
+    _selectedTab: DsTabsAttrs['selected-tab'];
+    private _selectedTabState;
+    get selectedTab(): number;
+    set selectedTab(value: DsTabsAttrs['selected-tab']);
     mode: DsTabsAttrs['mode'];
     variant: string;
     size: DsTabsAttrs['size'];
@@ -11,6 +16,7 @@ export declare class DsTabs extends UiKitElement {
     private focusedTabIndex;
     private nav;
     private handleKeyDown;
+    private moveFocus;
     private tabs;
     private panels;
     private hasScrollLeft;
@@ -28,6 +34,7 @@ export declare class DsTabs extends UiKitElement {
     protected handlePanelSlotchange(e: any): void;
     private setTabsFocusable;
     protected selectTab(selectedTab: number): void;
+    private getCenteredScrollLeft;
     protected setupTabAccessibility(): void;
     protected handleFocus: (event: FocusEvent) => void;
     protected handleBlur: () => void;
@@ -40,6 +47,7 @@ export declare class DsTabs extends UiKitElement {
     };
     protected get navContainerClasses(): {
         'nav-container': boolean;
+        'ds-blur': boolean;
         'scroll-left': boolean;
         'scroll-right': boolean;
     };

package/dist/types/components/ds-tabs/ds-tabs.types.d.ts

@@ -3,9 +3,10 @@ export type SlottedContent = HTMLElement & {
     selected?: boolean;
 };
 export interface DsTabsAttrs extends CommonAttrs {
+    'data-aria-label-nav-arrow'?: string;
     'selected-tab'?: number;
     mode?: 'dark' | 'light';
-    size?: string;
+    size?: 'large' | 'medium' | string;
     variant?: string;
     disabled?: boolean;
 }

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

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

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

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

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

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

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

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

package/dist/types/components/ds-tag/ds-tag.d.ts

@@ -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,17 +8,19 @@ 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;
         container: boolean;
     };
     protected get iconClasses(): {
+        [x: string]: boolean;
         icon: boolean;
         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/types/components/ds-tag/ds-tag.types.d.ts

@@ -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 & {});
-}
+    'icon-position'?: 'left' | 'right' | 'start' | 'end';
+};
+export type DsTagAttrs = DsTagBaseAttrs & ({
+    /** @deprecated Use `variant` instead. */
+    color?: DsTagColor;
+    variant?: never;
+} | {
+    variant?: DsTagVariant;
+    color?: never;
+});
+export {};

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

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

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

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

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

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

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

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

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

@@ -1,18 +1,19 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-import { type TemplateResult } from 'lit';
 import type { DsTextAttrs } from './ds-text.types.ts';
-export declare class DsText extends UiKitElement {
+declare const DsText_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
+export declare class DsText extends DsText_base {
     static styles: import("lit").CSSResult[];
     size: DsTextAttrs['size'];
-    weight: DsTextAttrs['weight'];
+    emphasis: DsTextAttrs['emphasis'];
     variant: DsTextAttrs['variant'];
     htmlTagName: DsTextAttrs['html-tag-name'];
     value: DsTextAttrs['value'];
     mode: DsTextAttrs['mode'];
     color: DsTextAttrs['color'];
     uppercase: DsTextAttrs['uppercase'];
+    slotedNodes: Array<Node>;
     private get classes();
-    private get customElementTemplate();
-    protected get styles(): import("lit").HTMLTemplateResult;
-    render(): TemplateResult<1>;
+    private onSlotChange;
+    render(): import("lit").TemplateResult;
 }
+export {};

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

@@ -1,12 +1,12 @@
 import type { CommonAttrs } from '../../types/types';
-export type TextSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-export type TextWeight = 'light' | 'regular' | 'medium' | 'book' | string;
+export type TextSize = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type TextEmphasis = 'primary' | 'secondary' | 'tertiary';
 export type TextVariant = 'display' | 'headline' | 'body';
 export type DsTextAttrs = {
     size?: TextSize;
-    weight?: TextWeight;
+    emphasis?: TextEmphasis;
     variant?: TextVariant;
-    'html-tag-name'?: string;
+    'html-tag-name'?: 'span' | 'p' | 'strong' | 'em' | 'small' | 'label' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     value?: string;
     mode?: 'dark' | 'light';
     color?: string;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { nothing } from 'lit';
 import type { DsTextInputAttrs } from './ds-text-input.types.ts';
 declare const DsTextInput_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
@@ -9,14 +10,17 @@ export declare class DsTextInput extends DsTextInput_base {
     helperText: DsTextInputAttrs['helper-text'];
     forcedError: DsTextInputAttrs['forced-error'];
     invalidError: DsTextInputAttrs['invalid-error'];
+    readonlyText: DsTextInputAttrs['readonly-text'];
     dataAriaLabelRemoveButton: DsTextInputAttrs['data-aria-label-remove-button'];
+    hideClearButton: boolean;
     protected handleClickIcon: () => void;
     private get classes();
     render(): import("lit").TemplateResult<1>;
-    protected get iconTemplate(): any;
-    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get lengthTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get forcedErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get readonlyTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get invalidErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export {};

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

@@ -1,8 +1,10 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsTextInputAttrs = {
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium' | 'xlarge';
     'helper-text'?: string;
     'forced-error'?: string;
     'invalid-error'?: string;
+    'readonly-text'?: string;
     'data-aria-label-remove-button'?: string;
+    'hide-clear-button'?: boolean;
 } & CommonAttrs;

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

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

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

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

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

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

package/dist/types/components/ds-textarea/ds-textarea.d.ts

@@ -9,13 +9,15 @@ export declare class DsTextarea extends DsTextarea_base {
     helperText: DsTextareaAttrs['helper-text'];
     forcedError: DsTextareaAttrs['forced-error'];
     invalidError: DsTextareaAttrs['invalid-error'];
+    readonlyText: DsTextareaAttrs['readonly-text'];
     mode: DsTextareaAttrs['mode'];
     protected onInputReady(nativeInput: HTMLInputElement | HTMLTextAreaElement): void;
     private get classes();
     render(): import("lit").TemplateResult<1>;
-    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get lengthTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get forcedErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get readonlyTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get invalidErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export {};

package/dist/types/components/ds-textarea/ds-textarea.types.d.ts

@@ -1,8 +1,14 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { CommonAttrs } from '../../types/types';
+type PresetSize = 'large' | 'medium';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
 export type DsTextareaAttrs = {
-    size?: 'medium' | 'small';
+    size?: Size | ResponsiveSize;
     'helper-text'?: string;
     'forced-error'?: string;
     'invalid-error'?: string;
+    'readonly-text'?: string;
     mode?: 'dark' | 'light';
 } & CommonAttrs;
+export {};

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

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

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

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

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

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

package/dist/types/components/ds-theme-provider/ds-theme-provider.d.ts

@@ -3,12 +3,19 @@ import { LitElement, type PropertyValues, nothing } from 'lit';
 export declare class DsThemeProvider extends LitElement {
     loadFonts: DsThemeProviderAttrs['load-fonts'];
     loadStyles: DsThemeProviderAttrs['load-styles'];
+    loadUnusedStyles: DsThemeProviderAttrs['load-unused-styles'];
     theme: DsThemeProviderAttrs['theme'];
     private cssLoaded;
     private loadedFonts;
+    private documentAttributesObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private observeDocumentAttributes;
+    private publishDocumentAttributes;
     protected updated(changedProperties: PropertyValues): void;
     private loadThemeFonts;
     private loadThemeFont;
     private loadThemeStyles;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    private applyUnusedStyles;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-theme-provider/ds-theme-provider.types.d.ts

@@ -4,4 +4,5 @@ export interface DsThemeProviderAttrs extends CommonAttrs {
     theme: Theme;
     'load-fonts': boolean;
     'load-styles': boolean;
+    'load-unused-styles'?: boolean;
 }

package/dist/types/components/ds-theme-provider/themeContext.d.ts

@@ -1,4 +1,4 @@
-export type Theme = 'cupra' | 'cupra-diagonal' | 'seat';
+export type Theme = 'cupra' | 'cupra-diagonal' | 'seat' | 'seat-legacy';
 export declare const themeContext: {
     __context__: Theme;
 };

package/dist/types/components/ds-theme-switch/ds-theme-switch.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, nothing } from 'lit';
+export declare class DsThemeSwitch extends LitElement {
+    private activeTheme?;
+    private getMatchingTemplate;
+    private getDefaultTemplate;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-theme-switch': DsThemeSwitch;
+    }
+}

package/dist/types/components/ds-theme-switch/ds-theme-switch.types.d.ts

@@ -0,0 +1,2 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsThemeSwitchAttrs = CommonAttrs;

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

@@ -1,6 +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/types/components/ds-toast/ds-toast.types.d.ts

@@ -6,7 +6,10 @@ export interface ToastOptions {
     text?: string;
     status?: ToastStatus;
     duration?: number;
-    referenceId?: string;
+    action?: {
+        text: string;
+        callback?: () => void;
+    };
 }
 export interface Toast extends ToastOptions {
     timeoutId?: number;
@@ -14,5 +17,5 @@ export interface Toast extends ToastOptions {
 }
 export type ToastManagerSubscriber = (toasts: Toast[]) => void;
 export type DsToastAttrs = {
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
 } & CommonAttrs;

package/dist/types/components/ds-toast/utils/ToastManager.d.ts

@@ -1,10 +1,18 @@
 import type { Toast, ToastManagerSubscriber, ToastOptions } from '../ds-toast.types';
 type AddEvent = CustomEvent<ToastOptions>;
-type RemoveEvent = CustomEvent<Extract<ToastOptions, 'id | referenceId'>>;
+type RemoveEvent = CustomEvent<Pick<ToastOptions, 'id'>>;
+type ActionClickEvent = CustomEvent<{
+    id: string;
+}>;
+type ActionEvent = CustomEvent<{
+    toastId: string;
+}>;
 declare global {
     interface WindowEventMap {
         'toast:add': AddEvent;
         'toast:remove': RemoveEvent;
+        'ds-toast:action-click': ActionClickEvent;
+        'ds-toast:action': ActionEvent;
     }
 }
 export declare const generateId: () => string;
@@ -18,6 +26,7 @@ declare class ToastManager {
     static getInstance(): ToastManager;
     private handleAddToast;
     private handleRemoveToast;
+    private handleActionClick;
     removeToast(id: string): void;
     getToasts(): Toast[];
     subscribe(subscriber: ToastManagerSubscriber): () => void;

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

@@ -1,20 +1,26 @@
-import { UiKitElement } from '../base/UiKitElement.ts';
-import { nothing } from 'lit';
+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[];
+    dataAriaLabelCloseButton: DsToastMessageAttrs['data-aria-label-close-button'];
     status: DsToastMessageAttrs['status'];
     dataId: DsToastMessageAttrs['data-id'];
     title: DsToastMessageAttrs['title'];
     text: DsToastMessageAttrs['text'];
-    dataTemplate: DsToastMessageAttrs['data-template'];
+    action: DsToastMessageAttrs['action'];
     private getIconName;
     private handleClickCloseButton;
+    private handleClickAction;
     protected get toastMessageClasses(): {
         [x: string]: boolean;
         container: boolean;
     };
-    protected get iconTemplate(): any;
-    protected get closeButtonTemplate(): any;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get headerTemplate(): import("lit").TemplateResult<1>;
+    protected get closeButtonTemplate(): import("lit").HTMLTemplateResult;
+    protected get actionTemplate(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
 }

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

@@ -1,9 +1,13 @@
 import type { CommonAttrs } from '../../types/types.ts';
 import type { ToastStatus } from '../ds-toast/ds-toast.types';
 export type DsToastMessageAttrs = {
+    'data-aria-label-close-button'?: string;
     status?: ToastStatus;
     'data-id': string;
     title?: string;
     text?: string;
-    'data-template'?: boolean;
+    action?: {
+        text: string;
+        callback?: () => void;
+    };
 } & CommonAttrs;

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

@@ -3,14 +3,17 @@ import type { DsToggleSwitchAttrs } from '../ds-toggle-switch/ds-toggle-switch.t
 export declare class DsToggleSwitch extends UiKitElement {
     static styles: import("lit").CSSResult[];
     size: DsToggleSwitchAttrs['size'];
-    checked: DsToggleSwitchAttrs['checked'];
+    _checked: DsToggleSwitchAttrs['checked'];
+    private _checkedState;
+    get checked(): boolean;
+    set checked(value: DsToggleSwitchAttrs['checked']);
     disabled: DsToggleSwitchAttrs['disabled'];
     mode: DsToggleSwitchAttrs['mode'];
     dataAriaLabel: DsToggleSwitchAttrs['data-aria-label'];
     protected handleClick(): void;
-    protected handleClickOff(): void;
-    protected handleClickOn(): void;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected handleClickOff(event: Event): void;
+    protected handleClickOn(event: Event): void;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get labelClasses(): {
         [x: string]: boolean;
         container: boolean;

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

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