@uh-design-system/component-library 1.4.0 → 1.5.0

package/dist/types/components/01-base-components/ds-datepicker/ds-datepicker-simple/ds-datepicker-simple.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { DsSubmitInvalidEvent, DsValidityEvent } from '../../../../utils/controls/controlUtils';
+export declare class DsDatepickerSimple {
+    el: HTMLDivElement;
+    dsAriaDescribedby?: string;
+    dsAriaControls?: string;
+    dsId?: string;
+    dsLabel: string;
+    dsValue?: string;
+    dsName?: string;
+    dsForm?: string;
+    dsDisabled: boolean;
+    dsReadonly: boolean;
+    dsErrorText?: string;
+    dsRequired: boolean;
+    dsOptional?: boolean;
+    dsOptionalText?: string;
+    dsAssistiveText?: string;
+    dsHiddenAssistiveText?: string;
+    dsPlaceholder?: string;
+    dsMin?: string;
+    dsMax?: string;
+    dsDisabledDates?: string[];
+    dsChange: EventEmitter<string>;
+    dsValidity: EventEmitter<DsValidityEvent>;
+    dsSubmitInvalid: EventEmitter<DsSubmitInvalidEvent>;
+    dsBlur: EventEmitter<void>;
+    dsFocus: EventEmitter<void>;
+    selectedDate: string;
+    hasFocus: boolean;
+    internalErrorText: string;
+    wasInvalidOnBlur: boolean;
+    inputValue: string | null;
+    private textInputRef?;
+    private inputRef?;
+    private get validityText();
+    private get DsControlLabel();
+    private get DsInputValidityTag();
+    private get DsTextInputTag();
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    onFocusIn(): void;
+    onFocusOut(e: FocusEvent): void;
+    hasFocusObserver(newValue: boolean): void;
+    dsValueObserver(newValue: string): void;
+    private validateInputValue;
+    private handleInputChange;
+    private getValidityMessage;
+    private handleValidityEvent;
+    render(): any;
+}

package/dist/types/components/01-base-components/ds-datepicker/ds-datepicker.d.ts

@@ -17,21 +17,28 @@ export declare class DsDatepicker {
     dsPlaceholder?: string;
     dsVariant: 'native' | 'simple' | 'custom';
     dsDisabled: boolean;
+    dsReadonly: boolean;
     dsErrorText: string;
-    dsValue: string | null;
+    dsAssistiveText?: string;
+    dsHiddenAssistiveText?: string;
+    dsValue: string | undefined;
     dsRequired: boolean;
+    dsOptional?: boolean;
+    dsOptionalText?: string;
     dsMin?: string;
     dsMax?: string;
+    dsDisabledDates?: string[];
+    dsYearRangeStart?: number;
+    dsYearRangeEnd?: number;
     dsAriaDescribedby?: string;
     dsAriaControls?: string;
     hasFocus: boolean;
     private get isNative();
     private get isSimple();
-    dsValueObserver(newValue: string): void;
-    private handleNativeChange;
-    private handleNativeBlur;
-    private handleNativeFocus;
-    private handleNativeValidity;
-    private handleNativeSubmitInvalid;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    private handleValidity;
+    private handleSubmitInvalid;
     render(): any;
 }

package/dist/types/components/01-base-components/ds-datepicker/stories/ds-datepicker.features.stories.d.ts

@@ -1,7 +1,23 @@
 import { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
+import { DsDatepicker } from '../ds-datepicker';
+declare const meta: Meta<typeof DsDatepicker.prototype>;
 export default meta;
 type Story = StoryObj;
 export declare const NativeVariant: Story;
 export declare const SimpleVariant: Story;
+export declare const CustomVariant: Story;
+export declare const WithPlaceholder: Story;
+export declare const WithAssistiveText: Story;
+export declare const WithHiddenAssistiveText: Story;
+export declare const ReadOnly: Story;
+export declare const Required: Story;
+export declare const Optional: Story;
+export declare const OptionalWithCustomText: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;
+export declare const PrefilledDate: Story;
+export declare const WithMinAndMaxDate: Story;
+export declare const DisabledDates: Story;
+export declare const YearRange: Story;
+export declare const Slots: Story;
 export declare const CustomTagName: Story;

package/dist/types/components/01-base-components/ds-datepicker/stories/ds-datepicker.stories.d.ts

@@ -1,7 +1,10 @@
 import { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
+import { DsDatepicker } from '../ds-datepicker';
+declare const meta: Meta<typeof DsDatepicker.prototype>;
 export default meta;
 type Story = StoryObj;
 export declare const Default: Story;
 export declare const Events: Story;
+export declare const EventsNative: Story;
+export declare const EventsSimple: Story;
 export declare const Playground: Story;

package/dist/types/components/01-base-components/ds-grid/ds-grid.d.ts

@@ -2,7 +2,12 @@ type MobileGridSize = 1 | 2 | 3 | 4;
 type TabletGridSize = MobileGridSize | 5 | 6;
 type DesktopGridSize = TabletGridSize | 7 | 8 | 9 | 10 | 11 | 12;
 type GridSize = DesktopGridSize;
-export declare class DsGrid {
+declare const DsGrid_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+};
+export declare class DsGrid extends DsGrid_base {
     el: HTMLElement;
     dsContainer: boolean;
     dsType: 'grid' | 'flex';

package/dist/types/components/01-base-components/ds-icon/ds-icon.d.ts

@@ -1,5 +1,9 @@
 export type Size = string;
 declare const DsIcon_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;
     getDeprecationWarningsForAriaAttributes: (el: HTMLElement) => void;
@@ -22,6 +26,7 @@ export declare class DsIcon extends DsIcon_base {
     dsAriaHidden?: boolean;
     ariaAttributeObserver(newValue: string, _oldValue: string, propName: 'role' | 'aria-label'): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     private getIconColour;
     render(): any;
 }

package/dist/types/components/01-base-components/ds-link/ds-link.d.ts

@@ -4,6 +4,10 @@ type LinkVariant = 'inline' | 'standalone';
 type LinkWeight = 'regular' | 'semibold' | 'bold';
 type LinkIconPosition = 'start' | 'end';
 declare const DsLink_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;
     getDeprecationWarningsForAriaAttributes: (el: HTMLElement) => void;
@@ -11,8 +15,8 @@ declare const DsLink_base: abstract new (...args: any[]) => {
     dsClick: import("@stencil/core").EventEmitter<MouseEvent>;
     dsRel?: string;
     dsHrefLang?: string;
-    dsHref: string;
-    dsTarget?: LinkTarget;
+    dsHref?: string;
+    dsTarget?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
     dsDownload?: boolean;
     dsAriaLabel?: string;
     dsAriaLabelledby?: string;
@@ -21,7 +25,7 @@ declare const DsLink_base: abstract new (...args: any[]) => {
         dsHref: string;
         dsHrefLang: string;
         dsRel: string;
-        dsTarget: LinkTarget;
+        dsTarget: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         dsDownload: boolean;
     };
 };
@@ -41,7 +45,7 @@ export declare class DsLink extends DsLink_base {
     dsIconHidden?: boolean;
     dsIconAriaHidden?: boolean;
     dsColour?: 'black' | 'white';
-    dsTag?: 'a' | 'span';
+    dsTag: 'a' | 'span';
     targetBlank: {
         icon: string;
         rel: string;
@@ -58,11 +62,12 @@ export declare class DsLink extends DsLink_base {
         href: string;
         hrefLang: string;
         rel: string;
-        target: LinkTarget;
+        target: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         download: boolean;
     };
-    setTargetBlank(dsTarget: LinkTarget): void;
+    setTargetBlank(dsTarget?: LinkTarget): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     onTargetChanged(newValue: LinkTarget): void;
     ariaLabelObserver(newValue: string): void;
     private renderIcon;

package/dist/types/components/01-base-components/ds-link-cta/ds-link-cta.d.ts

@@ -1,10 +1,14 @@
 import { LinkTarget } from '../../../utils/link/linkUtils';
 declare const DsLinkCta_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     dsClick: import("@stencil/core").EventEmitter<MouseEvent>;
     dsRel?: string;
     dsHrefLang?: string;
-    dsHref: string;
-    dsTarget?: LinkTarget;
+    dsHref?: string;
+    dsTarget?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
     dsDownload?: boolean;
     dsAriaLabel?: string;
     dsAriaLabelledby?: string;
@@ -13,7 +17,7 @@ declare const DsLinkCta_base: abstract new (...args: any[]) => {
         dsHref: string;
         dsHrefLang: string;
         dsRel: string;
-        dsTarget: LinkTarget;
+        dsTarget: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         dsDownload: boolean;
     };
 };
@@ -29,7 +33,7 @@ export declare class DsLinkCta extends DsLinkCta_base {
     dsHideIcon: boolean;
     dsIcon?: string;
     dsIconPosition: 'start' | 'end';
-    dsTag?: 'a' | 'span';
+    dsTag: 'a' | 'span';
     dsTabIndex?: string;
     dsDisabled: boolean;
     rel?: string;
@@ -45,11 +49,12 @@ export declare class DsLinkCta extends DsLinkCta_base {
         href: string;
         hrefLang: string;
         rel: string;
-        target: LinkTarget;
+        target: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         download: boolean;
     };
-    updateIcon(dsTarget: LinkTarget): void;
+    updateIcon(dsTarget?: LinkTarget): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     onTargetChanged(newValue: LinkTarget): void;
     private handleKeyDown;
     render(): any;

package/dist/types/components/01-base-components/ds-link-logo/ds-link-logo.d.ts

@@ -4,8 +4,8 @@ declare const DsLinkLogo_base: abstract new (...args: any[]) => {
     dsClick: import("@stencil/core").EventEmitter<MouseEvent>;
     dsRel?: string;
     dsHrefLang?: string;
-    dsHref: string;
-    dsTarget?: LinkTarget;
+    dsHref?: string;
+    dsTarget?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
     dsDownload?: boolean;
     dsAriaLabel?: string;
     dsAriaLabelledby?: string;
@@ -14,7 +14,7 @@ declare const DsLinkLogo_base: abstract new (...args: any[]) => {
         dsHref: string;
         dsHrefLang: string;
         dsRel: string;
-        dsTarget: LinkTarget;
+        dsTarget: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         dsDownload: boolean;
     };
 };

package/dist/types/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.d.ts

@@ -1,6 +1,10 @@
 type LinkIconPosition = 'start' | 'end';
 type LinkIcon = 'arrow_forward' | 'arrow_back';
 declare const DsLinkWithArrow_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;
     getDeprecationWarningsForAriaAttributes: (el: HTMLElement) => void;
@@ -8,8 +12,8 @@ declare const DsLinkWithArrow_base: abstract new (...args: any[]) => {
     dsClick: import("@stencil/core").EventEmitter<MouseEvent>;
     dsRel?: string;
     dsHrefLang?: string;
-    dsHref: string;
-    dsTarget?: import("../../../utils/link/linkUtils").LinkTarget;
+    dsHref?: string;
+    dsTarget?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
     dsDownload?: boolean;
     dsAriaLabel?: string;
     dsAriaLabelledby?: string;
@@ -18,7 +22,7 @@ declare const DsLinkWithArrow_base: abstract new (...args: any[]) => {
         dsHref: string;
         dsHrefLang: string;
         dsRel: string;
-        dsTarget: import("../../../utils/link/linkUtils").LinkTarget;
+        dsTarget: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         dsDownload: boolean;
     };
 };
@@ -30,7 +34,7 @@ export declare class DsLinkWithArrow extends DsLinkWithArrow_base {
     el: HTMLElement;
     dsText?: string;
     dsIconPosition: LinkIconPosition;
-    dsTag?: 'a' | 'span';
+    dsTag: 'a' | 'span';
     dsFullWidth?: boolean;
     dsIcon: LinkIcon;
     rel?: string;
@@ -46,13 +50,14 @@ export declare class DsLinkWithArrow extends DsLinkWithArrow_base {
         href: string;
         hrefLang: string;
         rel: string;
-        target: import("../../../utils/link/linkUtils").LinkTarget;
+        target: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
         download: boolean;
     };
     private setIconSize;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     render(): any;
 }
 export {};

package/dist/types/components/01-base-components/ds-media/ds-media.d.ts

@@ -2,7 +2,12 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 export type MediaType = 'image' | 'video' | 'youtube';
 export type DsMediaLoadEvent = void;
 export type DsMediaErrorEvent = string;
-export declare class DsMedia {
+declare const DsMedia_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+};
+export declare class DsMedia extends DsMedia_base {
     private inheritedAttributes;
     dsSrc: string;
     dsType: MediaType;
@@ -12,7 +17,7 @@ export declare class DsMedia {
     dsLoop?: boolean;
     dsMuted?: boolean;
     dsUseLazy?: boolean;
-    dsAspectRatio?: string;
+    dsAspectRatio: string;
     dsFluid?: boolean;
     el: HTMLElement;
     isLoading: boolean;
@@ -21,6 +26,7 @@ export declare class DsMedia {
     dsLoad: EventEmitter<DsMediaLoadEvent>;
     dsError: EventEmitter<DsMediaErrorEvent>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     onSrcChange(): void;
     onTypeChange(): void;
     private get defaultLoadError();
@@ -40,3 +46,4 @@ export declare class DsMedia {
     private renderMedia;
     render(): any;
 }
+export {};

package/dist/types/components/01-base-components/ds-modal/ds-modal.d.ts

@@ -1,5 +1,10 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class DsModal {
+declare const DsModal_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+};
+export declare class DsModal extends DsModal_base {
     el: HTMLElement;
     private readonly RESIZE_THROTTLE_TIMEOUT;
     private readonly reducedMotionMediaQuery;
@@ -26,10 +31,10 @@ export declare class DsModal {
     hasHeaderSlot: boolean;
     hasContentSlot: boolean;
     hasFooterSlot: boolean;
-    scrollableContentState?: {
+    scrollableContentState: {
         atTop: boolean;
         atBottom: boolean;
-    };
+    } | null;
     private get close();
     private get warning();
     private get contentScrollArea();
@@ -55,3 +60,4 @@ export declare class DsModal {
     private handleContentScroll;
     render(): any;
 }
+export {};

package/dist/types/components/01-base-components/ds-notification/ds-notification.d.ts

@@ -4,6 +4,10 @@ type Variant = (typeof variants)[number];
 type CssLength = `${number}px` | `${number}rem` | `${number}%`;
 type DsDescriptionMaxWidth = 'none' | CssLength;
 declare const DsNotification_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;
     getDeprecationWarningsForAriaAttributes: (el: HTMLElement) => void;
@@ -13,9 +17,9 @@ export declare class DsNotification extends DsNotification_base {
     dsAriaLabelledby?: string;
     dsRole?: string;
     private inheritedAttributes;
-    el: HTMLInputElement;
+    el: HTMLElement;
     dsDismiss: EventEmitter<void>;
-    dsId?: string;
+    dsId: string;
     private variant;
     get dsVariant(): Variant;
     set dsVariant(value: Variant);
@@ -41,6 +45,7 @@ export declare class DsNotification extends DsNotification_base {
     private get ariaLabelledBy();
     ariaAttributeObserver(newValue: string, _oldValue: string, propName: string): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     private handleDismissButtonClick;
     render(): any;
 }

package/dist/types/components/01-base-components/ds-pagination/ds-pagination.d.ts

@@ -1,4 +1,9 @@
-export declare class DsPagination {
+declare const DsPagination_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+};
+export declare class DsPagination extends DsPagination_base {
     el: HTMLElement;
     dsCurrentPage: number;
     dsTotalPages: number;
@@ -29,3 +34,4 @@ export declare class DsPagination {
     private setTexts;
     render(): any;
 }
+export {};

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

@@ -8,6 +8,10 @@ export type DsRadioButtonCheckEvent = void;
 export type DsRadioButtonFocusEvent = string;
 export type DsRadioButtonBlurEvent = string;
 declare const DsRadioButton_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;
     getDeprecationWarningsForAriaAttributes: (el: HTMLElement) => void;
@@ -30,13 +34,13 @@ export declare class DsRadioButton extends DsRadioButton_base {
     dsSubmitInvalid: EventEmitter<DsSubmitInvalidEvent>;
     dsValidity: EventEmitter<DsValidityEvent>;
     dsForm?: string;
-    dsId?: string;
+    dsId: string;
     private _dsName;
     private setName;
     get dsName(): string;
     set dsName(value: string);
     dsErrorsDisabled: boolean;
-    dsValue?: string;
+    dsValue: string;
     dsLabel?: string;
     dsAssistiveText?: string;
     dsText?: string;
@@ -56,6 +60,7 @@ export declare class DsRadioButton extends DsRadioButton_base {
     dsCheckedObserver(isChecked: boolean): void;
     ariaAttributeObserver(newValue: string, _oldValue: string, propName: string): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     formResetCallback(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -7,11 +7,16 @@ export type DsRadioButtonGroupChangeEvent = {
     value: string;
 };
 declare const DsRadioButtonGroup_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+} & {
     _disableEventEmits: boolean;
     setDisableEventEmits(value?: boolean): void;
     getShouldEmit(conditions?: boolean[]): boolean;
 };
 export declare class DsRadioButtonGroup extends DsRadioButtonGroup_base {
+    private readonly generatedId;
     private readonly fieldsetId;
     private readonly legendId;
     private readonly errorTextId;
@@ -19,7 +24,7 @@ export declare class DsRadioButtonGroup extends DsRadioButtonGroup_base {
     private childBlurTimeout;
     private inheritedAttributes;
     el: HTMLElement;
-    internals: ElementInternals;
+    internals?: ElementInternals;
     dsRadioButtonGroupValueChange: EventEmitter<DsRadioButtonGroupValueChangeEvent>;
     dsRadioButtonGroupInvalidStateChange: EventEmitter<DsRadioButtonGroupInvalidStateChangeEvent>;
     dsChange: EventEmitter<DsRadioButtonGroupChangeEvent>;

package/dist/types/components/01-base-components/ds-ribbon/ds-ribbon.d.ts

@@ -1,7 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { Language } from '../../../store';
 import { RibbonLink, RibbonData } from '../../../data';
-export declare class DsRibbon {
+declare const DsRibbon_base: abstract new (...args: any[]) => {
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+};
+export declare class DsRibbon extends DsRibbon_base {
     private inheritedAttributes;
     el: HTMLElement;
     private drawerRef?;
@@ -24,8 +29,8 @@ export declare class DsRibbon {
     isMobileDrawerClicked: boolean;
     loadedExternalData: RibbonData | null;
     lang: Language;
-    icon: string;
-    brandingUrls: Record<string, string>;
+    icon?: string;
+    brandingUrls?: Record<string, string>;
     private get DsLinkLogo();
     private get DsLink();
     private get DsButton();
@@ -39,8 +44,8 @@ export declare class DsRibbon {
     private get localizedLogoAriaLabel();
     dsDrawerToggle: EventEmitter<boolean>;
     componentWillLoad(): void;
-    componentDidLoad(): Promise<void>;
     private loadExternalData;
+    componentDidLoad(): void;
     private setupStoreListener;
     dsIconObserver(newIcon: string): void;
     dsBrandingUrlsObserver(newUrls: Record<string, string>): void;
@@ -69,3 +74,4 @@ export declare class DsRibbon {
     disconnectedCallback(): void;
     render(): any;
 }
+export {};

package/dist/types/components/01-base-components/ds-select/ds-select-native/ds-select-native.d.ts

@@ -18,14 +18,16 @@ export declare class DsSelectNative extends DsSelectNative_base {
     dsPlaceholder?: string;
     dsValue?: string;
     dsIcon: string;
+    dsIconSize?: string;
     dsName?: string;
     dsForm?: string;
     dsDisabled: boolean;
     dsErrorText?: string;
     dsFullWidth: boolean;
     dsRequired: boolean;
+    dsAriaLabel?: string;
     value: string;
-    private inputValidityId;
+    private get inputValidityId();
     private nativeSelectRef?;
     private get DsInputValidityTag();
     private get DsIconTag();

package/dist/types/components/01-base-components/ds-select/ds-select.d.ts

@@ -15,7 +15,7 @@ declare const DsSelect_base: abstract new (...args: any[]) => {
     setDisableEventEmits(value?: boolean): void;
     getShouldEmit(conditions?: boolean[]): boolean;
 } & {
-    value?: string[];
+    value?: string[] | null;
     withValue(value: string): string[];
     withoutValue(value: string): string[];
     withoutValues(values: string[]): string[];
@@ -34,15 +34,17 @@ export declare class DsSelect extends DsSelect_base {
     dsBlur: EventEmitter<DsSelectBlurEvent>;
     dsFocus: EventEmitter<DsSelectFocusEvent>;
     dsForm?: string;
-    dsId?: string;
+    dsId: string;
     dsName?: string;
-    dsLabel: string;
+    dsLabel?: string;
+    dsAssistiveText?: string;
     dsPlaceholder?: string;
     dsVariant: 'default' | 'multiple' | 'native';
     dsClearable: boolean;
     dsDisabled: boolean;
     dsErrorText: string;
     dsIcon?: string;
+    dsIconSize?: string;
     dsValue: string | string[] | null;
     dsLoading: boolean;
     dsLoadingText?: string;
@@ -51,7 +53,8 @@ export declare class DsSelect extends DsSelect_base {
     dsOptionsErrorText?: string;
     dsFullWidth: boolean;
     dsRequired: boolean;
-    activeOption?: HTMLDsOptionElement;
+    dsAriaLabel?: string;
+    activeOption: HTMLDsOptionElement | null;
     selectedOptions: HTMLDsOptionElement[];
     selectedOptionsLabel?: string;
     isOpen: boolean;
@@ -61,18 +64,15 @@ export declare class DsSelect extends DsSelect_base {
     iconRef?: HTMLDsIconElement;
     badgeRef?: HTMLDsBadgeElement;
     badgeContainerOffset: number | null;
-    texts: {
-        dsPlaceholder: string;
-    };
     feedback: {
         key: FeedbackKey;
         message: string;
     }[];
-    private inputValidityId;
     private get isNative();
     private get isMultiple();
-    private getInputValidityId;
-    private setTexts;
+    private get inputValidityId();
+    private get assistiveTextId();
+    private get placeholder();
     private handleInvalid;
     checkValidity(): Promise<boolean>;
     getSelectedOption(): Promise<{
@@ -96,7 +96,6 @@ export declare class DsSelect extends DsSelect_base {
     private customSelectRef?;
     private nativeSelectRef?;
     handleEscEvent(event: CustomEvent<DsOptionsEscEvent>): void;
-    handleLanguageChange(): void;
     onFocusIn(): void;
     onFocusOut(e: FocusEvent): void;
     private handleOptionClick;
@@ -109,7 +108,6 @@ export declare class DsSelect extends DsSelect_base {
     private updateActiveIndex;
     activeIndexObserver(newValue: number | null): void;
     clearButtonRefObserver(): void;
-    textPropObserver(newValue: string, _oldValue: string, propName: string): void;
     valueObserver(newValue: string[] | null): void;
     dsValueObserver(newValue: string | string[] | null): void;
     selectedOptionsObserver(newValue: HTMLDsOptionElement[], oldValue?: HTMLDsOptionElement[]): void;