@cupra/ui-kit 2.0.0-canary.238 → 2.0.0-canary.239

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

@@ -1,6 +1,8 @@
 import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
 import type { CommonAttrs } from '../../types/types';
 export type DsChipAttrs = {
+    'data-aria-label-deselect-button'?: string;
+    'data-aria-label'?: string;
     value: string;
     mode?: 'dark' | 'light';
     size?: 'large' | 'medium' | string;

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

@@ -4,6 +4,7 @@ import { type PropertyValues, type TemplateResult } from 'lit';
 import type { DsChipsAttrs } from './ds-chips.types.ts';
 export declare class DsChips extends UiKitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabelScrollButton: DsChipsAttrs['data-aria-label-scroll-button'];
     selectedChips: DsChipsAttrs['selected-chips'];
     multiChoice: DsChipsAttrs['multi-choice'];
     size: DsChipsAttrs['size'];

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

@@ -1,5 +1,6 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsChipsAttrs = {
+    'data-aria-label-scroll-button'?: string;
     'selected-chips'?: string[] | undefined[];
     'multi-choice'?: boolean;
     size?: 'large' | 'medium' | string;

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

@@ -4,6 +4,7 @@ import { PropertyValues } from 'lit';
 import type { DsDrawerAttrs } from './ds-drawer.types.ts';
 export declare class DsDrawer extends UiKitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabelCloseButton: DsDrawerAttrs['data-aria-label-close-button'];
     _open: DsDrawerAttrs['open'];
     private _openState;
     get open(): boolean;

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

@@ -1,4 +1,5 @@
 import { CommonAttrs } from '../../types/types';
 export interface DsDrawerAttrs extends CommonAttrs {
+    'data-aria-label-close-button'?: string;
     open?: boolean;
 }

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

@@ -8,8 +8,12 @@ export declare class DsIcon extends LitElement {
     width: DsIconAttrs['width'];
     height: DsIconAttrs['height'];
     size: DsIconAttrs['size'];
+    mirror: DsIconAttrs['mirror'];
     iconHtml: string;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleDirectionChange;
     protected getIcon: () => Promise<void>;
     updated(changedProperties: PropertyValues): Promise<void>;
     getDimension(primary: number | undefined, secondary: number | undefined, defaultCssVar: string): string;

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

@@ -6,4 +6,5 @@ export interface DsIconAttrs extends CommonAttrs {
     size?: number;
     width?: number;
     height?: number;
+    mirror?: boolean;
 }

package/dist-react/types/components/ds-icon-button/ds-icon-button.d.ts

@@ -12,6 +12,7 @@ export declare class DsIconButton extends DsIconButton_base {
     size: DsIconButtonAttrs['size'];
     disabled: DsIconButtonAttrs['disabled'];
     iconName: DsIconButtonAttrs['icon-name'];
+    mirror: DsIconButtonAttrs['mirror'];
     htmlTagName: DsIconButtonAttrs['html-tag-name'];
     dataAriaLabel: DsIconButtonAttrs['data-aria-label'];
     dataAriaPressed: DsIconButtonAttrs['data-aria-pressed'];

package/dist-react/types/components/ds-icon-button/ds-icon-button.types.d.ts

@@ -34,5 +34,6 @@ export type DsIconButtonAttrs = {
     'data-aria-label'?: string;
     'data-aria-pressed'?: string;
     'icon-name'?: DsIconAttrs['icon-name'];
+    mirror?: DsIconAttrs['mirror'];
 } & HtmlElement & CommonAttrs;
 export {};

package/dist-react/types/components/ds-inline-alert/ds-inline-alert.d.ts

@@ -5,6 +5,7 @@ import { nothing } from 'lit';
 import type { DsInlineAlertAttrs } from './ds-inline-alert.types.ts';
 export declare class DsInlineAlert extends UiKitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabelCloseButton: DsInlineAlertAttrs['data-aria-label-close-button'];
     status: DsInlineAlertAttrs['status'];
     title: DsInlineAlertAttrs['title'];
     text: DsInlineAlertAttrs['text'];

package/dist-react/types/components/ds-inline-alert/ds-inline-alert.types.d.ts

@@ -1,6 +1,7 @@
 import type { CommonAttrs } from '../../types/types.ts';
 import type { ToastStatus } from '../ds-toast/ds-toast.types';
 export type DsInlineAlertAttrs = {
+    'data-aria-label-close-button'?: string;
     status?: ToastStatus;
     title?: string;
     text?: string;

package/dist-react/types/components/ds-interactive-card/ds-interactive-card.d.ts

@@ -4,6 +4,7 @@ import { LitElement, nothing } from 'lit';
 import { DsInteractiveCardAttrs } from './ds-interactive-card.types.ts';
 export declare class DsInteractiveCard extends LitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabelCloseButton: DsInteractiveCardAttrs['data-aria-label-close-button'];
     size: DsInteractiveCardAttrs['size'];
     selected: DsInteractiveCardAttrs['selected'];
     error: DsInteractiveCardAttrs['error'];

package/dist-react/types/components/ds-interactive-card/ds-interactive-card.types.d.ts

@@ -1,5 +1,6 @@
 import type { CommonAttrs } from '../../types/types.ts';
 export interface DsInteractiveCardAttrs extends CommonAttrs {
+    'data-aria-label-close-button'?: string;
     size?: 'large' | 'medium';
     selected?: boolean;
     error?: boolean;

package/dist-react/types/components/ds-link-button/ds-link-button.d.ts

@@ -21,7 +21,6 @@ export declare class DsLinkButton extends DsLinkButton_base {
         'link-button': boolean;
         disabled: boolean;
         underline: boolean;
-        'icon-left': boolean;
     };
     protected handleClick(event: Event): void;
     protected get styleTokens(): import("lit").TemplateResult<1>;

package/dist-react/types/components/ds-link-button/ds-link-button.types.d.ts

@@ -23,6 +23,6 @@ export type DsLinkButtonAttrs = {
     underline?: boolean;
     disabled?: boolean;
     'icon-name'?: DsIconAttrs['icon-name'] | 'none';
-    'icon-position'?: 'left' | 'right';
+    'icon-position'?: 'left' | 'right' | 'start' | 'end';
 } & Element & CommonAttrs;
 export {};

package/dist-react/types/components/ds-main-title/ds-main-title.types.d.ts

@@ -1,5 +1,5 @@
 import type { CommonAttrs } from '../../types/types';
-export type MainTitleAlignment = 'left' | 'center';
+export type MainTitleAlignment = 'left' | 'start' | 'center';
 export type DsMainTitleAttrs = {
     alignment?: MainTitleAlignment;
 } & CommonAttrs;

package/dist-react/types/components/ds-media-control/ds-media-control.d.ts

@@ -3,6 +3,7 @@ import { LitElement } from 'lit';
 import type { DsMediaControlAttrs } from './ds-media-control.types.ts';
 export declare class DsMediaControl extends LitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabel: DsMediaControlAttrs['data-aria-label'];
     _state: DsMediaControlAttrs['state'];
     private _stateValue;
     get state(): DsMediaControlAttrs['state'];

package/dist-react/types/components/ds-media-control/ds-media-control.types.d.ts

@@ -2,6 +2,7 @@ import { CommonAttrs } from '../../types/types.ts';
 export type state = 'play' | 'pause';
 export type size = 'xlarge' | 'large' | 'medium' | 'small';
 export type DsMediaControlAttrs = {
+    'data-aria-label'?: string;
     state?: state;
     size?: size;
     progress?: number;

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

@@ -6,6 +6,7 @@ import { type PropertyValues } from 'lit';
 import type { DsModalAttrs } from './ds-modal.types';
 declare const DsModal_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
 export declare class DsModal extends DsModal_base {
+    dataAriaLabelCloseButton: DsModalAttrs['data-aria-label-close-button'];
     open: DsModalAttrs['open'];
     withCloseButton: DsModalAttrs['with-close-button'];
     cancelButtonText: DsModalAttrs['cancel-button-text'];

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

@@ -1,6 +1,7 @@
 import type { DsIconAttrs } from '../ds-icon/ds-icon.types';
 import type { CommonAttrs } from '../../types/types';
 export interface DsModalAttrs extends CommonAttrs {
+    'data-aria-label-close-button'?: string;
     open: boolean;
     variant?: 'fullScreen' | 'dialog' | 'fit';
     'icon-name'?: DsIconAttrs['icon-name'];

package/dist-react/types/components/ds-navigation-controls/ds-navigation-controls.d.ts

@@ -1,7 +1,9 @@
 import { LitElement, type PropertyValues } from 'lit';
+import type { DsNavigationControlsAttrs } from './ds-navigation-controls.types.ts';
 declare const DsNavigationControls_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof LitElement;
 export declare class DsNavigationControls extends DsNavigationControls_base {
     static styles: import("lit").CSSResult[];
+    dataAriaLabel: DsNavigationControlsAttrs['data-aria-label'];
     private slottedElements;
     protected firstUpdated(changedProperties: PropertyValues): void;
     protected updated(changedProperties: PropertyValues): void;

package/dist-react/types/components/ds-navigation-controls/ds-navigation-controls.types.d.ts

@@ -1,2 +1,4 @@
 import { CommonAttrs } from '../../types/types.ts';
-export type DsNavigationControlsAttrs = CommonAttrs;
+export type DsNavigationControlsAttrs = CommonAttrs & {
+    'data-aria-label'?: string;
+};

package/dist-react/types/components/ds-radio-button/ds-radio-button.types.d.ts

@@ -4,5 +4,5 @@ export type DsRadioButtonAttrs = {
     'helper-text'?: string;
     error?: boolean;
     'error-text'?: string;
-    'input-placement'?: 'left' | 'right';
+    'input-placement'?: 'left' | 'right' | 'start' | 'end';
 } & CommonAttrs;

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

@@ -3,6 +3,7 @@ import { LitElement } from 'lit';
 import type { DsRatingAttrs } from './ds-rating.types';
 export declare class DsRating extends LitElement {
     static styles: import("lit").CSSResult[];
+    dataAriaLabel: DsRatingAttrs['data-aria-label'];
     value: DsRatingAttrs['value'];
     disabled: DsRatingAttrs['disabled'];
     hideRatingText: DsRatingAttrs['hide-rating-text'];

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

@@ -1,5 +1,6 @@
 import type { CommonAttrs } from '../../types/types.ts';
 export type DsRatingAttrs = {
+    'data-aria-label'?: string;
     value?: number;
     disabled?: boolean;
     'hide-rating-text'?: boolean;

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

@@ -3,10 +3,13 @@ import type { DsBaseInputAttrs } from '../base/ds-base-input/ds-base-input.types
 import type { DsInputAttrs } from '../ds-input/ds-input.types.ts';
 import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
+import type { DsSearchAttrs } from './ds-search.types.ts';
 declare const DsSearch_base: typeof UiKitElement;
 export declare class DsSearch extends DsSearch_base {
     initialValue: DsBaseInputAttrs['initial-value'];
     label: DsBaseInputAttrs['label'];
+    dataAriaLabel: DsSearchAttrs['data-aria-label'];
+    dataAriaLabelClearButton: DsSearchAttrs['data-aria-label-clear-button'];
     helperText: DsBaseInputAttrs['helper-text'];
     errorText: DsBaseInputAttrs['error-text'];
     disabled: DsBaseInputAttrs['disabled'];

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

@@ -8,5 +8,7 @@ export interface DsSearchAttrs extends CommonAttrs {
     mode?: 'dark' | 'light';
     size?: 'large' | 'small';
     placeholder?: string;
+    'data-aria-label'?: string;
+    'data-aria-label-clear-button'?: string;
     name?: string;
 }

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

@@ -6,6 +6,8 @@ import type { DsSecondaryNavigationAttrs } from './ds-secondary-navigation.types
 declare const DsSecondaryNavigation_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof LitElement;
 export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
     static styles: import("lit").CSSResult[];
+    dataAriaLabelItemsDropdown: DsSecondaryNavigationAttrs['data-aria-label-items-dropdown'];
+    dataAriaLabelActionsDropdown: DsSecondaryNavigationAttrs['data-aria-label-actions-dropdown'];
     dropdownButtonText: DsSecondaryNavigationAttrs['dropdown-button-text'];
     selectedIndex: DsSecondaryNavigationAttrs['selected-index'];
     keepDropdownButtonText: DsSecondaryNavigationAttrs['keep-dropdown-button-text'];

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

@@ -5,6 +5,8 @@ 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 = {
+    'data-aria-label-items-dropdown'?: string;
+    'data-aria-label-actions-dropdown'?: string;
     'dropdown-button-text'?: string;
     'selected-index'?: number;
     'keep-dropdown-button-text'?: boolean;

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

@@ -4,6 +4,7 @@ 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[];
+    dataAriaLabelMoreActionsButton: DsSidebarNavigationAttrs['data-aria-label-more-actions-button'];
     open: DsSidebarNavigationAttrs['open'];
     mainCtas: Array<Element>;
     ctasButtons: Array<Element>;

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

@@ -1,4 +1,5 @@
 import type { CommonAttrs } from '../../types/types.ts';
 export interface DsSidebarNavigationAttrs extends CommonAttrs {
+    'data-aria-label-more-actions-button'?: string;
     open?: boolean;
 }

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

@@ -19,6 +19,7 @@ export declare class DsSlider extends DsSlider_base {
     locale: DsSliderAttrs['locale'];
     localeMatcher: DsSliderAttrs['locale-matcher'];
     unitSymbol: DsSliderAttrs['unit-symbol'];
+    inputDir: DsSliderAttrs['input-dir'];
     unitSymbolPosition: DsSliderAttrs['unit-symbol-position'];
     unitStyle: DsSliderAttrs['unit-style'];
     currency: DsSliderAttrs['currency'];
@@ -31,6 +32,8 @@ export declare class DsSlider extends DsSlider_base {
     fractionSeparator: DsSliderAttrs['fraction-separator'];
     size: DsSliderAttrs['size'];
     disabled: DsSliderAttrs['disabled'];
+    thumbMinAriaLabel: DsSliderAttrs['thumb-min-aria-label'];
+    thumbMaxAriaLabel: DsSliderAttrs['thumb-max-aria-label'];
     inputMinAriaLabel: DsSliderAttrs['input-min-aria-label'];
     inputMaxAriaLabel: DsSliderAttrs['input-max-aria-label'];
     allowThumbOverlap: DsSliderAttrs['allow-thumb-overlap'];
@@ -55,6 +58,7 @@ export declare class DsSlider extends DsSlider_base {
     private applyInitialValues;
     protected getTrackPct(value: number): number;
     protected get thumbRadius(): number;
+    private static readonly PAGE_STEP_COUNT;
     private static readonly THUMB_RADIUS_CSS_VAR;
     private trackPosition;
     private trackWidth;
@@ -79,6 +83,9 @@ 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;
+    private getProposedValueForKey;
+    private isUnitSymbolFirst;
+    private getThumbValueText;
     protected getInputTemplate(id: 1 | 2): import("lit").HTMLTemplateResult;
     protected get inputsTemplate(): import("lit").TemplateResult<1>;
     protected getSecondaryInputTemplate(id: 1 | 2): import("lit").HTMLTemplateResult;

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

@@ -1,11 +1,11 @@
 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';
+import type { CommonAttrs, InputDirection } 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 UnitSymbolPosition = 'left' | 'right' | 'start' | 'end';
 type Mode = 'dark' | 'light';
 type SliderCurrency = Omit<Currency, 'style'> & {
     'unit-style': 'currency';
@@ -51,6 +51,7 @@ type ControlledMax = {
 type SliderValueProps = (UncontrolledMin | ControlledMin) & (UncontrolledMax | ControlledMax);
 export type DsSliderAttrs = CommonAttrs & {
     variant?: DsSliderVariant;
+    'input-dir'?: InputDirection;
     min?: number;
     max?: number;
     'min-label'?: string;
@@ -68,6 +69,8 @@ export type DsSliderAttrs = CommonAttrs & {
     'thousand-separator'?: string;
     'fraction-separator'?: string;
     'use-grouping'?: 'auto' | boolean;
+    'thumb-min-aria-label'?: string;
+    'thumb-max-aria-label'?: string;
     'input-min-aria-label'?: string;
     'input-max-aria-label'?: string;
     'allow-thumb-overlap'?: boolean;

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

@@ -1,6 +1,8 @@
 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;

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

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

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

@@ -4,6 +4,7 @@ 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[];
+    dataAriaLabelNavArrow: DsTabsAttrs['data-aria-label-nav-arrow'];
     _selectedTab: DsTabsAttrs['selected-tab'];
     private _selectedTabState;
     get selectedTab(): number;
@@ -15,6 +16,7 @@ export declare class DsTabs extends UiKitElement {
     private focusedTabIndex;
     private nav;
     private handleKeyDown;
+    private moveFocus;
     private tabs;
     private panels;
     private hasScrollLeft;
@@ -32,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;

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

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

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

@@ -16,6 +16,7 @@ export declare class DsTag extends UiKitElement {
         container: boolean;
     };
     protected get iconClasses(): {
+        [x: string]: boolean;
         icon: boolean;
         clicable: boolean;
     };

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

@@ -6,7 +6,7 @@ type DsTagBaseAttrs = CommonAttrs & {
     show?: boolean;
     'clickable-icon'?: boolean;
     'icon-name'?: DsIconAttrs['icon-name'];
-    'icon-position'?: 'left' | 'right';
+    'icon-position'?: 'left' | 'right' | 'start' | 'end';
 };
 export type DsTagAttrs = DsTagBaseAttrs & ({
     /** @deprecated Use `variant` instead. */

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

@@ -7,6 +7,11 @@ export declare class DsThemeProvider extends LitElement {
     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;

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

@@ -17,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-react/types/components/ds-toast-message/ds-toast-message.d.ts

@@ -5,6 +5,7 @@ import { LitElement } from 'lit';
 import type { DsToastMessageAttrs } from './ds-toast-message.types.ts';
 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'];

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

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

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

@@ -3,6 +3,7 @@ import { type Placement } from '@floating-ui/dom';
 import type { DsTooltipAttrs } from './ds-tooltip.types';
 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'];

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/styles/source/shared/fonts-config.d.ts

@@ -1,10 +1,14 @@
+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<{
-            name: string;
-            weight: string;
-            file: string;
-        }>;
+        fonts: Array<FontConfig>;
     };
 }
 export declare const fontsConfig: FontsConfig;

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/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,7 @@ 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';
@@ -241,7 +241,7 @@ 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, 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/observeScroll/observeScroll.d.ts

@@ -3,5 +3,7 @@ export type ScrollState = {
     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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.238",
+  "version": "2.0.0-canary.239",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -176,6 +176,7 @@
     "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",
+    "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"
   }
 }