@cupra/ui-kit 0.0.2-placeholder → 0.2.0-canary.0

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

@@ -0,0 +1,21 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsTextareaAttrs } from './ds-textarea.types.ts';
+declare const DsTextarea_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
+export declare class DsTextarea extends DsTextarea_base {
+    static styles: import("lit").CSSResult[];
+    private keyboardMode;
+    size: DsTextareaAttrs['size'];
+    helperText: DsTextareaAttrs['helper-text'];
+    forcedError: DsTextareaAttrs['forced-error'];
+    invalidError: DsTextareaAttrs['invalid-error'];
+    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>;
+}
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsTextareaAttrs = {
+    size?: 'medium' | 'small';
+    'helper-text'?: string;
+    'forced-error'?: string;
+    'invalid-error'?: string;
+    mode?: 'dark' | 'light';
+} & CommonAttrs;

package/dist/components/ds-textarea/styles/common.styles.d.ts

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

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

@@ -0,0 +1,14 @@
+import type { DsThemeProviderAttrs } from '../ds-theme-provider/ds-theme-provider.types.ts';
+import { LitElement, type PropertyValues, nothing } from 'lit';
+export declare class DsThemeProvider extends LitElement {
+    loadFonts: DsThemeProviderAttrs['load-fonts'];
+    loadStyles: DsThemeProviderAttrs['load-styles'];
+    theme: DsThemeProviderAttrs['theme'];
+    private cssLoaded;
+    private loadedFonts;
+    protected updated(changedProperties: PropertyValues): void;
+    private loadThemeFonts;
+    private loadThemeFont;
+    private loadThemeStyles;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,7 @@
+import type { Theme } from '../ds-theme-provider/themeContext.ts';
+import type { CommonAttrs } from '../../types/types';
+export interface DsThemeProviderAttrs extends CommonAttrs {
+    theme?: Theme;
+    'load-fonts': boolean;
+    'load-styles': boolean;
+}

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

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

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

@@ -0,0 +1,17 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsToastAttrs } from './ds-toast.types.ts';
+export declare class DsToast extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    position: DsToastAttrs['position'];
+    private toasts;
+    private unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleAnimationEnd;
+    private getToastMessageTemplate;
+    protected get containerClasses(): {
+        [x: string]: boolean;
+        'toast-container': boolean;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,9 @@
+import type { DsToast } from './ds-toast';
+import '../ds-theme-provider/ds-theme-provider.ts';
+import '../ds-toast-message/ds-toast-message.ts';
+import './ds-toast.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-toast': DsToast;
+    }
+}

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

@@ -0,0 +1,18 @@
+import type { CommonAttrs } from '../../types/types.ts';
+export type ToastStatus = 'success' | 'error' | 'warning' | 'info' | 'default';
+export interface ToastOptions {
+    id?: string;
+    title?: string;
+    text?: string;
+    status?: ToastStatus;
+    duration?: number;
+    referenceId?: string;
+}
+export interface Toast extends ToastOptions {
+    timeoutId?: number;
+    exiting?: boolean;
+}
+export type ToastManagerSubscriber = (toasts: Toast[]) => void;
+export type DsToastAttrs = {
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+} & CommonAttrs;

package/dist/components/ds-toast/styles/common.styles.d.ts

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

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

@@ -0,0 +1,27 @@
+import type { Toast, ToastManagerSubscriber, ToastOptions } from '../ds-toast.types';
+type AddEvent = CustomEvent<ToastOptions>;
+type RemoveEvent = CustomEvent<Extract<ToastOptions, 'id | referenceId'>>;
+declare global {
+    interface WindowEventMap {
+        'toast:add': AddEvent;
+        'toast:remove': RemoveEvent;
+    }
+}
+export declare const generateId: () => string;
+declare class ToastManager {
+    private static instance;
+    private toasts;
+    private subscribers;
+    private defaultDuration;
+    constructor();
+    private initialize;
+    static getInstance(): ToastManager;
+    private handleAddToast;
+    private handleRemoveToast;
+    removeToast(id: string): void;
+    getToasts(): Toast[];
+    subscribe(subscriber: ToastManagerSubscriber): () => void;
+    private notifySubscribers;
+}
+export declare const toastManager: ToastManager;
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,20 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsToastMessageAttrs } from './ds-toast-message.types.ts';
+export declare class DsToastMessage extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    status: DsToastMessageAttrs['status'];
+    dataId: DsToastMessageAttrs['data-id'];
+    title: DsToastMessageAttrs['title'];
+    text: DsToastMessageAttrs['text'];
+    dataTemplate: DsToastMessageAttrs['data-template'];
+    private getIconName;
+    private handleClickCloseButton;
+    protected get toastMessageClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+    };
+    protected get iconTemplate(): any;
+    protected get closeButtonTemplate(): any;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,9 @@
+import type { DsToastMessage } from './ds-toast-message';
+import './ds-toast-message.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+import '../ds-toast/ds-toast.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-toast-message': DsToastMessage;
+    }
+}

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

@@ -0,0 +1,9 @@
+import type { CommonAttrs } from '../../types/types.ts';
+import type { ToastStatus } from '../ds-toast/ds-toast.types';
+export type DsToastMessageAttrs = {
+    status?: ToastStatus;
+    'data-id': string;
+    title?: string;
+    text?: string;
+    'data-template'?: boolean;
+} & CommonAttrs;

package/dist/components/ds-toast-message/styles/common.styles.d.ts

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

package/dist/components/ds-toggle-button/ds-toggle-button.d.ts

@@ -0,0 +1,12 @@
+import { DsButton } from '../ds-button/ds-button';
+import { type PropertyValues } from 'lit';
+import type { DsToggleButtonAttrs } from './ds-toggle-button.types';
+export declare class DsToggleButton extends DsButton {
+    checked: DsToggleButtonAttrs['checked'];
+    checkedText: DsToggleButtonAttrs['checked-text'];
+    uncheckedText: DsToggleButtonAttrs['unchecked-text'];
+    rounded: DsToggleButtonAttrs['rounded'];
+    updated(changedProperties: PropertyValues): void;
+    protected handleClick(): void;
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,10 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsToggleButtonAttrs extends CommonAttrs {
+    checked?: boolean;
+    'checked-text'?: string;
+    'unchecked-text'?: string;
+    rounded?: boolean;
+    size?: 'large' | 'medium' | 'small';
+    'full-width'?: boolean;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,21 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsToggleSwitchAttrs } from '../ds-toggle-switch/ds-toggle-switch.types';
+export declare class DsToggleSwitch extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    size: DsToggleSwitchAttrs['size'];
+    checked: 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 get labelClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+        checked: boolean;
+        disabled: boolean;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsToggleSwitchAttrs extends CommonAttrs {
+    checked?: boolean;
+    disabled?: boolean;
+    mode?: 'dark' | 'light';
+    size?: 'medium' | 'small';
+    'data-aria-label'?: string;
+}

package/dist/components/ds-toggle-switch/styles/common.styles.d.ts

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

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

@@ -0,0 +1,45 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+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 {
+    static styles: import("lit").CSSResult[];
+    mode: DsTooltipAttrs['mode'];
+    titleText: DsTooltipAttrs['title-text'];
+    bodyText: DsTooltipAttrs['body-text'];
+    position: DsTooltipAttrs['position'];
+    align: DsTooltipAttrs['align'];
+    cancelButtonText: DsTooltipAttrs['cancel-button-text'];
+    confirmButtonText: DsTooltipAttrs['confirm-button-text'];
+    show: DsTooltipAttrs['show'];
+    zIndex: DsTooltipAttrs['z-index'];
+    bodyWidth: DsTooltipAttrs['body-width'];
+    protected tooltip: HTMLInputElement;
+    protected arrow: HTMLInputElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    protected handleResize: (params?: any) => void | Function;
+    protected get arrowClasses(): {
+        [x: string]: boolean;
+        arrow: boolean;
+        'not-positionable': boolean;
+    };
+    protected get tooltipClasses(): {
+        [x: string]: string | boolean;
+        tooltip: boolean;
+        complex: string;
+    };
+    protected get buttonsTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get tooltipTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    private getTooltipWidth;
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+    protected handleClickSlot(): void;
+    protected handleMouseOver(): void;
+    protected handleMouseOut(): void;
+    protected handleClickCancelButton(): void;
+    protected handleClickConfirmButton(): void;
+    protected handleClickOutside: (event: MouseEvent | TouchEvent) => void;
+}
+export {};

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

@@ -0,0 +1,13 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsTooltipAttrs extends CommonAttrs {
+    mode?: 'dark' | 'light';
+    'title-text'?: string;
+    'body-text'?: string;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    show?: boolean;
+    'body-width'?: string;
+    'cancel-button-text'?: string;
+    'confirm-button-text'?: string;
+    'z-index'?: number;
+}

package/dist/components/ds-tooltip/styles/common.styles.d.ts

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

package/dist/components/index.d.ts

@@ -0,0 +1,56 @@
+import './ds-accordion/ds-accordion.ts';
+import './ds-bullets/ds-bullets.ts';
+import './ds-button/ds-button.ts';
+import './ds-carousel-indicator/ds-carousel-indicator.ts';
+import './ds-checkbox/ds-checkbox.ts';
+import './ds-chip/ds-chip.ts';
+import './ds-chips/ds-chips.ts';
+import './ds-currency/ds-currency.ts';
+import './ds-dialog-body/ds-dialog-body.ts';
+import './ds-dialog-footer/ds-dialog-footer.ts';
+import './ds-dialog-header/ds-dialog-header.ts';
+import './ds-dialog/ds-dialog.ts';
+import './ds-divider/ds-divider.ts';
+import './ds-hyperlink/ds-hyperlink.ts';
+import './ds-icon-button/ds-icon-button.ts';
+import './ds-icon/ds-icon.ts';
+import './ds-input/ds-input.ts';
+import './ds-link-button/ds-link-button.ts';
+import './ds-loader-bar/ds-loader-bar.ts';
+import './ds-loader-dots/ds-loader-dots.ts';
+import './ds-loader-logo/ds-loader-logo.ts';
+import './ds-loader-spinner/ds-loader-spinner.ts';
+import './ds-logo/ds-logo.ts';
+import './ds-map-pin/ds-map-pin.ts';
+import './ds-modal/ds-modal.ts';
+import './ds-password-input/ds-password-input.ts';
+import './ds-picker-item/ds-picker-item.ts';
+import './ds-portal/ds-portal.ts';
+import './ds-progress-bar/ds-progress-bar.ts';
+import './ds-radio-button/ds-radio-button.ts';
+import './ds-radio-group/ds-radio-group.ts';
+import './ds-radio/ds-radio.ts';
+import './ds-search-input/ds-search-input.ts';
+import './ds-search/ds-search.ts';
+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-slider/ds-slider.ts';
+import './ds-tabs/ds-tabs.ts';
+import './ds-tag/ds-tag.ts';
+import './ds-text-input/ds-text-input.ts';
+import './ds-text/ds-text.ts';
+import './ds-textarea/ds-textarea.ts';
+import './ds-theme-provider/ds-theme-provider.ts';
+import './ds-toast-message/ds-toast-message.ts';
+import './ds-toast/ds-toast.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-avatar/ds-avatar.ts';
+import './ds-stepper/ds-stepper.ts';
+import './ds-static-box/ds-static-box.ts';
+import './ds-interactive-card/ds-interactive-card.ts';
+import './ds-radio-button-group/ds-radio-button-group.ts';
+import './ds-sidebar-navigation/ds-sidebar-navigation.ts';

package/dist/decorators/customUiKitElement.d.ts

@@ -0,0 +1,6 @@
+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 {};

package/dist/index.d.ts

@@ -0,0 +1 @@
+import './components/index';