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

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

@@ -1,6 +1,13 @@
 import { LinkTarget } from '../../../utils/link/linkUtils';
 type LinkSize = '2xLarge' | 'xLarge' | 'large' | 'medium' | 'small' | 'xSmall';
 declare const DsLinkLogo_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
+} & {
     dsClick: import("@stencil/core").EventEmitter<MouseEvent>;
     dsRel?: string;
     dsHrefLang?: string;
@@ -21,15 +28,15 @@ declare const DsLinkLogo_base: abstract new (...args: any[]) => {
 export declare class DsLinkLogo extends DsLinkLogo_base {
     private inheritedAttributes;
     private readonly visuallyHiddenAssistiveTextId;
-    el: HTMLAnchorElement | HTMLSpanElement;
-    dsIcon: string;
+    el: HTMLElement;
+    dsIcon?: string;
     dsText?: string;
     dsSize?: LinkSize;
     dsTarget?: LinkTarget;
     dsIconTitle?: string;
     dsIconAriaLabel?: string;
     dsColour?: 'black' | 'white';
-    dsTag?: 'a' | 'span';
+    dsTag: 'a' | 'span';
     targetBlank: {
         icon: string;
         rel: string;
@@ -45,8 +52,9 @@ export declare class DsLinkLogo extends DsLinkLogo_base {
         rel: string;
         target: LinkTarget;
     };
-    setTargetBlank(dsTarget: LinkTarget): void;
+    setTargetBlank(dsTarget: LinkTarget | undefined): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     onAriaChanged(newValue: string): void;
     get DsIcon(): "ds-icon";
     render(): any;

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

@@ -1,9 +1,12 @@
 type LinkIconPosition = 'start' | 'end';
 type LinkIcon = 'arrow_forward' | 'arrow_back';
 declare const DsLinkWithArrow_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 } & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;

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

@@ -3,9 +3,12 @@ export type MediaType = 'image' | 'video' | 'youtube';
 export type DsMediaLoadEvent = void;
 export type DsMediaErrorEvent = string;
 declare const DsMedia_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../store").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../store").Language>): void;
 };
 export declare class DsMedia extends DsMedia_base {
     private inheritedAttributes;

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

@@ -1,8 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 declare const DsModal_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../store").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../store").Language>): void;
 };
 export declare class DsModal extends DsModal_base {
     el: HTMLElement;
@@ -54,7 +57,7 @@ export declare class DsModal extends DsModal_base {
     disconnectedCallback(): void;
     hasContentSlotObserver(newValue: boolean): void;
     dsOpenObserver(newValue: boolean): void;
-    resizeListener(): void;
+    handleWindowResize(): void;
     private handleBackdropClose;
     private handleCloseClick;
     private handleContentScroll;

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

@@ -4,9 +4,12 @@ type Variant = (typeof variants)[number];
 type CssLength = `${number}px` | `${number}rem` | `${number}%`;
 type DsDescriptionMaxWidth = 'none' | CssLength;
 declare const DsNotification_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../store").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../store").Language>): void;
 } & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;
@@ -29,12 +32,13 @@ export declare class DsNotification extends DsNotification_base {
     private headingLevel;
     get dsHeadingLevel(): number;
     set dsHeadingLevel(value: number);
-    private icon;
+    private _dsIcon;
     get dsIcon(): string | undefined;
     set dsIcon(value: string | undefined);
     dsDescription?: string;
     dsDescriptionMaxWidth: DsDescriptionMaxWidth;
     private get variantIcon();
+    private get icon();
     private get DsIcon();
     private get DsButton();
     private get DsVisuallyHidden();

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

@@ -11,7 +11,15 @@ export type DsOptionLabelChangeEvent = {
     newLabel: string;
     oldLabel: string;
 };
-export declare class DsOption {
+declare const DsOption_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
+};
+export declare class DsOption extends DsOption_base {
     el: HTMLElement;
     private inheritedAttributes;
     private observer?;
@@ -34,8 +42,8 @@ export declare class DsOption {
     dsVariant?: 'default' | 'multiple';
     internalTabIndex: number;
     private get isMultiple();
-    onMouseDown(event: MouseEvent): void;
-    onClick(): void;
+    handleMouseDown(event: MouseEvent): void;
+    handleClick(): void;
     dsActiveObserver(newValue: boolean): void;
     dsValueObserver(newValue: string, oldValue: string): void;
     dsLabelObserver(newValue: string, oldValue: string): void;
@@ -46,3 +54,4 @@ export declare class DsOption {
     componentDidLoad(): void;
     render(): any;
 }
+export {};

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

@@ -1,14 +1,22 @@
-export declare class DsOptionGroup {
+declare const DsOptionGroup_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
+};
+export declare class DsOptionGroup extends DsOptionGroup_base {
     private inheritedAttributes;
     el: HTMLElement;
     dsLabel: string;
     dsHidden: boolean;
     dsMouseDownPreventDefault: boolean;
-    groupId: string;
     private get DsOptionTag();
-    dsLabelObserver(newValue: string): void;
+    private get groupId();
     hasVisibleOptions(): Promise<boolean>;
     componentWillLoad(): void;
-    onMouseDown(event: MouseEvent): void;
+    handleMouseDown(event: MouseEvent): void;
     render(): any;
 }
+export {};

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

@@ -3,14 +3,22 @@ export type DsOptionsEscEvent = {
     key: string;
 };
 export type DsOptionsActiveIndexChangeEvent = number;
-export declare class DsOptions {
+declare const DsOptions_base: abstract new (...args: any[]) => {
     el: HTMLElement;
-    private optionsListRef?;
-    private optionsListInnerRef?;
+    lang: import("../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
+};
+export declare class DsOptions extends DsOptions_base {
+    el: HTMLElement;
+    private optionsListRef;
+    private optionsListInnerRef;
     private inheritedAttributes;
     dsEsc: EventEmitter<DsOptionsEscEvent>;
     dsActiveIndexChange: EventEmitter<DsOptionsActiveIndexChangeEvent>;
-    dsId?: string;
+    dsId: string;
     dsSelectedValue?: string;
     dsActiveIndex: number;
     dsLabelId?: string;
@@ -30,3 +38,4 @@ export declare class DsOptions {
     handleKeyDown: (e: KeyboardEvent) => void;
     render(): any;
 }
+export {};

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

@@ -1,5 +1,12 @@
-type TextKeys = 'dsErrorTitle' | 'dsErrorText' | 'dsLoadingText' | 'dsNoResultsTitle' | 'dsNoResultsText';
-export declare class DsOptionsMessage {
+declare const DsOptionsMessage_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../store").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../store").Language>): void;
+};
+export declare class DsOptionsMessage extends DsOptionsMessage_base {
     el: HTMLElement;
     dsLoading: boolean;
     dsError: boolean;
@@ -9,11 +16,11 @@ export declare class DsOptionsMessage {
     dsLoadingText?: string;
     dsNoResultsTitle?: string;
     dsNoResultsText?: string;
-    texts: Record<TextKeys, string>;
-    private setTexts;
-    textPropObserver(newValue: string, _oldValue: string, propName: string): void;
-    componentWillLoad(): void;
-    handleLanguageChange(): void;
+    private get errorTitle();
+    private get errorText();
+    private get loadingText();
+    private get noResultsTitle();
+    private get noResultsText();
     render(): any;
 }
 export {};

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

@@ -1,7 +1,10 @@
 declare const DsPagination_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsPagination extends DsPagination_base {
     el: HTMLElement;
@@ -10,19 +13,8 @@ export declare class DsPagination extends DsPagination_base {
     dsLayout: 'auto' | 'compact' | 'full';
     dsVariant: 'small' | 'medium';
     dsAriaLabel?: string;
-    texts: {
-        firstPage: string;
-        lastPage: string;
-        previousPage: string;
-        nextPage: string;
-        goToFirstPage: string;
-        goToLastPage: string;
-        goToPreviousPage: string;
-        goToNextPage: string;
-        currentPage: string;
-        ellipsis: string;
-    };
-    handleLanguageChange(): void;
+    private get texts();
+    langObserver(): void;
     dsCurrentPageObserver(newValue: number): void;
     dsTotalPagesObserver(newValue: number): void;
     componentWillLoad(): void;
@@ -31,7 +23,6 @@ export declare class DsPagination extends DsPagination_base {
     private storeContext;
     private updateContext;
     private createContext;
-    private setTexts;
     render(): any;
 }
 export {};

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

@@ -8,9 +8,12 @@ export type DsRadioButtonCheckEvent = void;
 export type DsRadioButtonFocusEvent = string;
 export type DsRadioButtonBlurEvent = string;
 declare const DsRadioButton_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 } & {
     dsMuteAriaDeprecationWarning: boolean;
     getDeprecationWarningForAriaAttribute: (el: HTMLElement, attr: string) => void;

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

@@ -7,9 +7,12 @@ export type DsRadioButtonGroupChangeEvent = {
     value: string;
 };
 declare const DsRadioButtonGroup_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 } & {
     _disableEventEmits: boolean;
     setDisableEventEmits(value?: boolean): void;
@@ -59,10 +62,10 @@ export declare class DsRadioButtonGroup extends DsRadioButtonGroup_base {
     dsValueObserver(value: string): void;
     focusedChildRadioButtonObserver(newValue: string): void;
     dsFormAssociatedPropObserver(newValue: string, _oldValue: string, propName: 'dsForm' | 'dsName'): void;
-    onInputChange(e: CustomEvent<DsRadioButtonCheckEvent>): void;
-    listenFocus(e: CustomEvent<DsRadioButtonFocusEvent>): void;
-    listenBlur(e: CustomEvent<DsRadioButtonBlurEvent>): void;
-    onKeyDown(e: KeyboardEvent): void;
+    handleDsCheck(e: CustomEvent<DsRadioButtonCheckEvent>): void;
+    handleDsFocus(e: CustomEvent<DsRadioButtonFocusEvent>): void;
+    handleDsBlur(e: CustomEvent<DsRadioButtonBlurEvent>): void;
+    handleKeyDown(e: KeyboardEvent): void;
     render(): any;
 }
 export {};

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

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { Language } from '../../../store';
 import { RibbonLink, RibbonData } from '../../../data';
 declare const DsRibbon_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../store").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../store").Language>): void;
 };
 export declare class DsRibbon extends DsRibbon_base {
     private inheritedAttributes;
@@ -28,7 +30,6 @@ export declare class DsRibbon extends DsRibbon_base {
     isMobileDrawerOpen: boolean;
     isMobileDrawerClicked: boolean;
     loadedExternalData: RibbonData | null;
-    lang: Language;
     icon?: string;
     brandingUrls?: Record<string, string>;
     private get DsLinkLogo();
@@ -50,7 +51,6 @@ export declare class DsRibbon extends DsRibbon_base {
     dsIconObserver(newIcon: string): void;
     dsBrandingUrlsObserver(newUrls: Record<string, string>): void;
     isMobileDrawerOpenObserver(isOpen: boolean): void;
-    handleLanguageChange(newValue: CustomEvent<Language>): void;
     handleKeyDown(event: KeyboardEvent): void;
     handleWindowResize(): void;
     private resizeTimeout;

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

@@ -11,6 +11,13 @@ export type DsSelectBlurEvent = void;
 export type DsSelectFocusEvent = void;
 type FeedbackKey = 'dsLoading' | 'dsOptionsError' | 'default';
 declare const DsSelect_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
+} & {
     _disableEventEmits: boolean;
     setDisableEventEmits(value?: boolean): void;
     getShouldEmit(conditions?: boolean[]): boolean;
@@ -96,8 +103,8 @@ export declare class DsSelect extends DsSelect_base {
     private customSelectRef?;
     private nativeSelectRef?;
     handleEscEvent(event: CustomEvent<DsOptionsEscEvent>): void;
-    onFocusIn(): void;
-    onFocusOut(e: FocusEvent): void;
+    handleFocusIn(): void;
+    handleFocusOut(e: FocusEvent): void;
     private handleOptionClick;
     toggleDropdown(): void;
     handleClearSelection(): void;

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

@@ -2,9 +2,12 @@ type SpinnerColor = 'blue' | 'black' | 'white' | 'danger';
 type SpinnerSize = 'small' | 'medium' | 'large' | 'xLarge' | '2xLarge';
 type SpinnerTextPosition = 'below' | 'side';
 declare const DsSpinner_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsSpinner extends DsSpinner_base {
     private inheritedAttributes;

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

@@ -8,6 +8,13 @@ export type DsTabFocusEvent = {
     tabId: string;
 };
 declare const DsTab_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../..").Language>): void;
+} & {
     context?: import("../tabsContext").TabsContext;
     el: HTMLElement;
     contextUpdateHandler: (event: Event) => void;

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

@@ -5,6 +5,13 @@ export type DsTabChangeEvent = {
     tabPanelId: string;
 };
 declare const DsTablist_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../..").Language>): void;
+} & {
     context?: import("../tabsContext").TabsContext;
     el: HTMLElement;
     contextUpdateHandler: (event: Event) => void;
@@ -28,10 +35,10 @@ export declare class DsTablist extends DsTablist_base {
     private throttledSetButtonsVisibility;
     tabConnected(): Promise<void>;
     tabDisconnected(): Promise<void>;
-    handleResize(): void;
-    handleTabClick(event: CustomEvent<DsTabClickEvent>): void;
+    handleWindowResize(): void;
+    handleDsTabClick(event: CustomEvent<DsTabClickEvent>): void;
     private scrollTabIntoView;
-    handleTabFocus(event: CustomEvent<DsTabFocusEvent>): void;
+    handleDsTabFocus(event: CustomEvent<DsTabFocusEvent>): void;
     private handleKeyDown;
     private handleScroll;
     private handleButtonClick;

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

@@ -1,4 +1,11 @@
 declare const DsTabpanel_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../../..").Language;
+    getGenerator(): Generator<string, void, unknown>;
+    getUniqueId(): string;
+    componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../../..").Language>): void;
+} & {
     context?: import("../tabsContext").TabsContext;
     el: HTMLElement;
     contextUpdateHandler: (event: Event) => void;

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

@@ -1,15 +1,18 @@
 import { DsTabChangeEvent } from './ds-tablist/ds-tablist';
 declare const DsTabs_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsTabs extends DsTabs_base {
     el: HTMLElement;
     dsCurrentTab: string;
     dsCurrentTabPanel: string;
     dsVariant: 'container' | 'line';
-    handleTabChange(event: CustomEvent<DsTabChangeEvent>): void;
+    handleDsTabChange(event: CustomEvent<DsTabChangeEvent>): void;
     private createContext;
     private storeContext;
     private updateContext;

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

@@ -2,9 +2,12 @@ import { tagColours } from './utils';
 import { LinkTarget } from '../../../utils/link/linkUtils';
 type TagColour = (typeof tagColours)[number];
 declare const DsTag_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsTag extends DsTag_base {
     private inheritedAttributes;

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

@@ -1,7 +1,10 @@
 declare const DsTagGroup_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsTagGroup extends DsTagGroup_base {
     private readonly tagGroupId;

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

@@ -5,9 +5,12 @@ export type DsTextAreaEvent<T extends Event = Event> = {
     value: string;
 };
 declare const DsTextArea_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsTextArea extends DsTextArea_base {
     private inheritedAttributes;

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

@@ -6,9 +6,12 @@ export type DsTextInputEvent<T extends Event = Event> = {
     value: string;
 };
 declare const DsTextInput_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 } & {
     _disableEventEmits: boolean;
     setDisableEventEmits(value?: boolean): void;

package/dist/types/components/01-base-components/ds-versioned-css-variables/ds-versioned-css-variables.d.ts

@@ -1,9 +1,13 @@
 declare const DsVersionedCssVariables_base: abstract new (...args: any[]) => {
+    el: HTMLElement;
+    lang: import("../../..").Language;
     getGenerator(): Generator<string, void, unknown>;
     getUniqueId(): string;
     componentMounted(): void;
+    handleLanguageChange(newValue: CustomEvent<import("../../..").Language>): void;
 };
 export declare class DsVersionedCssVariables extends DsVersionedCssVariables_base {
+    el: HTMLElement;
     componentDidLoad(): void;
     render(): any;
 }

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

@@ -1,4 +1,4 @@
 export declare class DsVisuallyHidden {
-    dsTag?: 'div' | 'span';
+    dsTag: 'div' | 'span';
     render(): any;
 }