@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

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

@@ -1,7 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 export declare class DsList extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    size: 'small' | 'medium';
+    size: 'medium' | 'large';
     protected get classes(): {
         [x: string]: boolean;
         'ds-list': boolean;

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

@@ -1,4 +1,4 @@
 import type { CommonAttrs } from '../../types/types';
 export interface DsListAttrs extends CommonAttrs {
-    size?: 'small' | 'medium';
+    size?: 'large' | 'medium';
 }

package/dist-react/types/components/ds-list-item/ds-list-item.d.ts

@@ -4,7 +4,7 @@ export declare class DsListItem extends UiKitElement {
     variant: 'selection' | 'action' | 'info';
     selected: boolean;
     disabled: boolean;
-    size: 'small' | 'medium';
+    size: 'medium' | 'large';
     protected get classes(): {
         [x: string]: boolean;
         content: boolean;

package/dist-react/types/components/ds-list-item/ds-list-item.types.d.ts

@@ -3,5 +3,5 @@ export interface DsListItemAttrs extends CommonAttrs {
     variant?: 'selection' | 'action' | 'info';
     selected?: boolean;
     disabled?: boolean;
-    size?: 'small' | 'medium';
+    size?: 'large' | 'medium';
 }

package/dist-react/types/components/ds-loader-bar/ds-loader-bar.d.ts

@@ -2,5 +2,5 @@ import { DsBaseProgressBar } from '../base/ds-base-progress-bar/ds-base-progress
 import { nothing } from 'lit';
 export declare class DsLoaderBar extends DsBaseProgressBar {
     static styles: import("lit").CSSResult[];
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist-react/types/components/ds-loader-dots/ds-loader-dots.d.ts

@@ -6,10 +6,11 @@ export declare class DsLoaderDots extends UiKitElement {
     show: DsLoaderDotsAttrs['show'];
     mode: DsLoaderDotsAttrs['mode'];
     size: DsLoaderDotsAttrs['size'];
+    dataAriaLabel: DsLoaderDotsAttrs['data-aria-label'];
     protected get classes(): {
         [x: string]: boolean;
         container: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist-react/types/components/ds-loader-dots/ds-loader-dots.types.d.ts

@@ -3,4 +3,5 @@ export interface DsLoaderDotsAttrs extends CommonAttrs {
     show?: boolean;
     mode?: 'dark' | 'light';
     size?: 'large' | 'medium' | 'small';
+    'data-aria-label'?: string;
 }

package/dist-react/types/components/ds-loader-logo/ds-loader-logo.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsLoaderLogoAttrs } from './ds-loader-logo.types';
 export declare class DsLoaderLogo extends UiKitElement {
@@ -9,5 +10,5 @@ export declare class DsLoaderLogo extends UiKitElement {
     color: DsLoaderLogoAttrs['color'];
     protected get styleTokens(): import("lit").TemplateResult<1>;
     private get iconTemplate();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist-react/types/components/ds-loader-spinner/ds-loader-spinner.d.ts

@@ -6,9 +6,15 @@ export declare class DsLoaderSpinner extends UiKitElement {
     show: DsLoaderSpinnerAttrs['show'];
     mode: DsLoaderSpinnerAttrs['mode'];
     orientation: DsLoaderSpinnerAttrs['orientation'];
+    size: DsLoaderSpinnerAttrs['size'];
+    dataAriaLabel: DsLoaderSpinnerAttrs['data-aria-label'];
     protected get classes(): {
         [x: string]: boolean;
         container: boolean;
     };
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get spinnerStyles(): {
+        width: string;
+        height: string;
+    };
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist-react/types/components/ds-loader-spinner/ds-loader-spinner.types.d.ts

@@ -1,6 +1,9 @@
 import type { CommonAttrs } from '../../types/types';
+export type LoaderSpinnerSize = 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 96 | 128 | 192;
 export interface DsLoaderSpinnerAttrs extends CommonAttrs {
     show?: boolean;
     mode?: 'dark' | 'light';
     orientation?: 'row' | 'column';
+    size?: LoaderSpinnerSize;
+    'data-aria-label'?: string;
 }

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

@@ -1,12 +1,14 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import type { DsLogoAttrs } from './ds-logo.types.ts';
 export declare class DsLogo extends UiKitElement {
     static styles: import("lit").CSSResult[];
     size: DsLogoAttrs['size'];
     mode: DsLogoAttrs['mode'];
-    protected get logoTemplate(): any;
-    protected get logoWordmarkTemplate(): any;
+    protected get logoTemplate(): import("lit").HTMLTemplateResult;
+    protected get logoWordmarkTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

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

@@ -0,0 +1,8 @@
+interface LogoThemeConfig {
+    'show-wordmark': boolean;
+}
+type ThemeConfig = {
+    [brand: string]: LogoThemeConfig;
+};
+export declare const themeConfig: ThemeConfig;
+export {};

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

@@ -1,10 +1,8 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-declare const DsMainTitle_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
-export declare class DsMainTitle extends DsMainTitle_base {
+import type { DsMainTitleAttrs } from './ds-main-title.types.ts';
+export declare class DsMainTitle extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    protected get containerClasses(): {
-        container: boolean;
-    };
+    alignment: DsMainTitleAttrs['alignment'];
+    private get classes();
     render(): import("lit").TemplateResult<1>;
 }
-export {};

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

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

package/dist-react/types/components/ds-map-pin/ds-map-pin.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsMapPinAttrs } from './ds-map-pin.types.ts';
 export declare class DsMapPin extends UiKitElement {
@@ -10,8 +11,8 @@ export declare class DsMapPin extends UiKitElement {
     iconSize: DsMapPinAttrs['icon-size'];
     iconTop: DsMapPinAttrs['icon-top'];
     clusterCount: DsMapPinAttrs['cluster-count'];
-    protected get iconTemplate(): any;
-    protected get clusterNumberTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get clusterNumberTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected handleClick(): void;
     protected get styleTokens(): import("lit").TemplateResult<1>;
     protected get classes(): {

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

@@ -1,8 +1,12 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsMediaControlAttrs } from './ds-media-control.types.ts';
 export declare class DsMediaControl extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    state: DsMediaControlAttrs['state'];
+    _state: DsMediaControlAttrs['state'];
+    private _stateValue;
+    get state(): DsMediaControlAttrs['state'];
+    set state(value: DsMediaControlAttrs['state']);
     size: DsMediaControlAttrs['size'];
     progress: DsMediaControlAttrs['progress'];
     private get normalizedProgress();

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

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-button/ds-button.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 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;

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

@@ -0,0 +1,15 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type PropertyValues } from 'lit';
+declare const DsNavigationControls_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
+export declare class DsNavigationControls extends DsNavigationControls_base {
+    static styles: import("lit").CSSResult[];
+    private slottedElements;
+    protected firstUpdated(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private handleSlotChange;
+    private getButtonSize;
+    private findIconButtons;
+    private updateIconButtonSizes;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

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

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

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

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

package/dist-react/types/components/ds-password-input/ds-password-input.d.ts

@@ -1,9 +1,10 @@
 import type { DsPasswordInputAttrs } from '../ds-password-input/ds-password-input.types.ts';
 import { DsTextInput } from '../ds-text-input/ds-text-input.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 export declare class DsPasswordInput extends DsTextInput {
     dataAriaLabelHideButton: DsPasswordInputAttrs['data-aria-label-hide-button'];
     dataAriaLabelShowButton: DsPasswordInputAttrs['data-aria-label-show-button'];
     protected visible: boolean;
     protected handleClickIcon: () => void;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
 }

package/dist-react/types/components/ds-picker-item/ds-picker-item.d.ts

@@ -19,7 +19,7 @@ export declare class DsPickerItem extends DsPickerItem_base {
         [x: string]: boolean;
         'image-container': boolean;
     };
-    protected get loadingTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-picker-item/ds-picker-item.types.d.ts

@@ -1,7 +1,12 @@
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { CommonAttrs } from '../../types/types.ts';
+type PresetSize = 'large' | 'medium' | 'small' | 'x-small';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
 export type DsPickerItemAttrs = {
     variant?: 'with-border' | 'without-border';
-    size?: 'small' | 'medium' | string;
+    size?: Size | ResponsiveSize;
     loading?: boolean;
     selected?: boolean;
 } & CommonAttrs;
+export {};

package/dist-react/types/components/ds-progress-bar/ds-progress-bar.d.ts

@@ -4,5 +4,6 @@ import type { DsProgressBarAttrs } from './ds-progress-bar.types';
 export declare class DsProgressBar extends DsBaseProgressBar {
     progress: DsProgressBarAttrs['progress'];
     static styles: import("lit").CSSResult[];
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get progressAriaValue(): number | undefined;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

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

@@ -21,6 +21,6 @@ export declare class DsRadio extends UiKitElement {
         [x: string]: boolean;
         disabled: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

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

@@ -1,6 +1,6 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsRadioButtonAttrs = {
-    size?: 'medium' | 'large' | (string & {});
+    size?: 'large' | 'medium' | string;
     'helper-text'?: string;
     error?: boolean;
     'error-text'?: string;

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

@@ -6,5 +6,5 @@ export type DsRadioButtonGroupAttrs = {
     'helper-text'?: string;
     disabled?: boolean;
     orientation?: Orientation;
-    size?: 'medium' | 'small' | (string & {});
+    size?: 'large' | 'medium' | string;
 } & CommonAttrs;

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

@@ -1,6 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsBaseInputAttrs } from '../base/ds-base-input/ds-base-input.types.ts';
 import type { DsInputAttrs } from '../ds-input/ds-input.types.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 declare const DsSearch_base: typeof UiKitElement;
 export declare class DsSearch extends DsSearch_base {
@@ -39,9 +40,9 @@ export declare class DsSearch extends DsSearch_base {
     protected get clearIconTemplate(): import("lit").TemplateResult<1>;
     protected handleInput: (event: Event) => void;
     protected get inputTemplate(): import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get errorTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get errorTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleSuccess: (position: GeolocationPosition) => void;
     handleError: (error: GeolocationPositionError) => void;
     protected handleClickHelperText(): void;

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

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-loader-spinner/ds-loader-spinner.ts';
 import { nothing } from 'lit';
 import type { DsSearchInputAttrs } from './ds-search-input.types.ts';
 declare const DsSearchInput_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
@@ -16,15 +19,15 @@ export declare class DsSearchInput extends DsSearchInput_base {
     protected handleRemove: () => void;
     private get classes();
     render(): import("lit").TemplateResult<1>;
-    protected get searchIconTemplate(): any;
-    protected get removeTemplate(): any;
-    protected get positionTemplate(): any;
-    protected get loaderSpinnerTemplate(): any;
-    protected get footerTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get searchIconTemplate(): import("lit").HTMLTemplateResult;
+    protected get removeTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get positionTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get loaderSpinnerTemplate(): import("lit").HTMLTemplateResult;
+    protected get footerTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     handleClickPositionButton: () => void;
-    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get forcedErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get invalidErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get lengthTemplate(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export {};

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

@@ -1,6 +1,6 @@
 import type { CommonAttrs } from '../../types/types';
 export type DsSearchInputAttrs = {
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium';
     variant?: 'primary' | 'secondary';
     loading?: boolean;
     'with-position-button'?: boolean;

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

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-button/ds-button.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { type PropertyValues } from 'lit';
 import type { DsSecondaryNavigationAttrs } from './ds-secondary-navigation.types';
 declare const DsSecondaryNavigation_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
@@ -6,10 +9,18 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
     static styles: import("lit").CSSResult[];
     dropdownButtonText: DsSecondaryNavigationAttrs['dropdown-button-text'];
     selectedIndex: DsSecondaryNavigationAttrs['selected-index'];
+    keepDropdownButtonText: DsSecondaryNavigationAttrs['keep-dropdown-button-text'];
+    itemsMode: string;
+    actionsMode: string;
     private openItems;
     private openCtas;
     private hasScrollLeft;
     private hasScrollRight;
+    private static readonly RESPONSIVE_BUTTON_SIZE;
+    private static readonly VIEWPORT_ORDER;
+    private static resolveResponsive;
+    private get resolvedItemsMode();
+    private get resolvedActionsMode();
     private items;
     private ctas;
     private itemsContainer;
@@ -28,10 +39,14 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
     private updateSelectedItem;
     private updateCtas;
     private handleItemClick;
+    private get shouldShowItemsInline();
+    private get shouldShowItemsDropdownButton();
+    private get shouldShowActionsInline();
+    private get shouldShowActionsDropdownButton();
     render(): import("lit").TemplateResult<1>;
     private get itemsTemplate();
     private get actionsTemplate();
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     private get itemsDropdownButtonTemplate();
     private get itemsDropdownTemplate();
     private get actionsDropdownButtonTemplate();

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

@@ -1,5 +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;
+    'keep-dropdown-button-text'?: boolean;
+    'items-mode'?: ItemsMode | string;
+    'actions-mode'?: ActionsMode | string;
 } & CommonAttrs;

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

@@ -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

@@ -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-selection/ds-selection.d.ts

@@ -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

@@ -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-sidebar-navigation/ds-sidebar-navigation.d.ts

@@ -1,15 +1,24 @@
 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 handleClick;
     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

@@ -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-skeleton/ds-skeleton.d.ts

@@ -0,0 +1,18 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsSkeletonAttrs } from './ds-skeleton.types.js';
+export declare class DsSkeleton extends UiKitElement {
+    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

@@ -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

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