@scania/tegel 1.43.0 → 1.44.0-sonarcloud.0

package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts

@@ -6,13 +6,13 @@ import { TdsCheckboxCustomEvent } from '../../../components';
 export declare class TdsDropdownOption {
     host: HTMLElement;
     /** Value of the dropdown option */
-    value: string | number;
+    value?: string | number;
     /** Internal value storage that's always a string */
     internalValue: string;
     /** Sets the option as disabled. */
     disabled: boolean;
     /** Defines aria-label attribute for the option */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     selected: boolean;
     multiselect: boolean;
     size: 'xs' | 'sm' | 'md' | 'lg';

package/dist/types/components/dropdown/dropdown.d.ts

@@ -5,21 +5,21 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsDropdown {
     host: HTMLElement;
     /** Name for the Dropdowns input element. */
-    name: string;
+    name?: string;
     /** Sets the Dropdown in a disabled state */
     disabled: boolean;
     /** Helper text for the Dropdown. */
-    helper: string;
+    helper?: string;
     /** Label text for the Dropdown. */
-    label: string;
+    label?: string;
     /** Label text position */
-    labelPosition: 'inside' | 'outside';
+    labelPosition?: 'inside' | 'outside';
     /** Mode variant of the component, based on current mode. */
     modeVariant: 'primary' | 'secondary' | null;
     /** The direction the Dropdown should open, auto if not specified. */
     openDirection: 'up' | 'down' | 'auto';
     /** Placeholder text for the Dropdown. */
-    placeholder: string;
+    placeholder?: string;
     /** The size of the Dropdown. */
     size: 'xs' | 'sm' | 'md' | 'lg';
     animation: 'none' | 'slide';
@@ -35,11 +35,11 @@ export declare class TdsDropdown {
      * Setting it to an empty string disables message from showing up. */
     noResultText?: string;
     /** Default value selected in the Dropdown. */
-    defaultValue: string | number;
+    defaultValue?: string | number;
     /** Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number. */
     value: string | number | (string | number)[] | null;
     /** Defines aria-label attribute for input */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     open: boolean;
     internalValue: string;
     filterResult: number | null;
@@ -74,7 +74,7 @@ export declare class TdsDropdown {
      * </code>
      */
     setValue(value: string | number | string[] | number[], label?: string): Promise<{
-        value: string | number;
+        value: string | number | undefined;
         label: string | undefined;
     }[]>;
     reset(): Promise<void>;
@@ -90,7 +90,7 @@ export declare class TdsDropdown {
     updateDisplay(): Promise<void>;
     /** Change event for the Dropdown. */
     tdsChange: EventEmitter<{
-        name: string;
+        name: string | undefined;
         value: string | null;
     }>;
     /** Focus event for the Dropdown. */

package/dist/types/components/footer/footer-group/footer-group.d.ts

@@ -5,9 +5,9 @@
 export declare class TdsFooterGroup {
     host: HTMLElement;
     /** Title text for the link group, only valid on top part of Footer. */
-    titleText: string;
+    titleText?: string;
     /** Value to be used for the aria-label attribute for the nav element wrapping the list. Should be unique for accessibility. */
-    tdsListAriaLabel: string;
+    tdsListAriaLabel?: string;
     /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
     open: boolean;
     /** Indicates if the component is in mobile view. */

package/dist/types/components/header/header-dropdown/header-dropdown.d.ts

@@ -7,13 +7,13 @@ export declare class TdsHeaderDropdown {
     host: HTMLElement;
     /** The label of the button that opens the dropdown.
      * This is an alternative to the label slot. */
-    label: string;
+    label?: string;
     /** If the dropdown icon (downwards chevron) should be hidden. */
     noDropdownIcon: boolean;
     /** If the button that opens the dropdown should appear selected. */
     selected: boolean;
     /** Value to be used by the aria-label attribute */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     open: boolean;
     buttonEl?: HTMLButtonElement;
     private uuid;

package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts

@@ -4,13 +4,13 @@
  */
 export declare class TdsHeaderDropdownListLgUser {
     /** Image URL. */
-    imgUrl: string;
+    imgUrl?: string;
     /** Image alt text. */
-    imgAlt: string;
+    imgAlt?: string;
     /** Header text, usually the users first name and last name. */
-    header: string;
+    header?: string;
     /** Subheader text. */
-    subheader: string;
+    subheader?: string;
     host: HTMLElement;
     render(): any;
 }

package/dist/types/components/header/header-hamburger/header-hamburger.d.ts

@@ -1,6 +1,6 @@
 export declare class TdsHeaderHamburger {
     host: HTMLElement;
     /** Value to be used by the aria-label attribute */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     render(): any;
 }

package/dist/types/components/header/header-launcher/header-launcher.d.ts

@@ -7,7 +7,7 @@ export declare class TdsHeaderLauncher {
     buttonEl?: HTMLTdsHeaderLauncherButtonElement;
     hasListTypeMenu: boolean;
     /** Value to be used by the aria-label attribute of the launcher button */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     private uuid;
     private ariaAttributes;
     onAnyClick(event: MouseEvent): void;

package/dist/types/components/header/header-launcher-button/header-launcher-button.d.ts

@@ -4,7 +4,7 @@ export declare class TdsHeaderLauncherButton {
      * triggering a dropdown, and the dropdown is open, for example. */
     active: boolean;
     /** Value to be used by the aria-label attribute */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     private ariaAttributes;
     render(): any;
 }

package/dist/types/components/header/header-launcher-grid/header-launcher-grid.d.ts

@@ -3,7 +3,7 @@
  */
 export declare class TdsHeaderLauncherGrid {
     host: HTMLElement;
-    headingElement: HTMLElement;
+    headingElement?: HTMLElement;
     componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components/message/message.d.ts

@@ -3,7 +3,7 @@
  */
 export declare class TdsMessage {
     /** Header text for the component. */
-    header: string;
+    header?: string;
     /** Variant of the component, based on current mode. */
     modeVariant: 'primary' | 'secondary' | null;
     /** Variant of Message. */
@@ -15,7 +15,7 @@ export declare class TdsMessage {
     /** Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
     tdsAlertDialog: 'alertdialog' | 'dialog';
     /** Provides an accessible name for the message component when no header is present. This ensures proper screen reader support for dialog/alertdialog roles. */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     getIconName: () => "info" | "error" | "tick" | "warning";
     private getAriaLabel;
     render(): any;

package/dist/types/components/modal/modal.d.ts

@@ -7,7 +7,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsModal {
     host: HTMLElement;
     /** Sets the header of the Modal. */
-    header: string;
+    header?: string;
     /** Disables closing Modal on clicking on overlay area. */
     prevent: boolean;
     /** Size of Modal  */
@@ -15,12 +15,12 @@ export declare class TdsModal {
     /** Changes the position behaviour of the actions slot.  */
     actionsPosition: 'sticky' | 'static';
     /** CSS selector for the element that will show the Modal. */
-    selector: string;
+    selector?: string;
     /** Element that will show the Modal (takes priority over selector) */
     referenceEl?: HTMLElement | null;
     /** Controls whether the Modal is shown or not. If this is set hiding and showing
      * will be decided by this prop and will need to be controlled from the outside. */
-    show: boolean;
+    show?: boolean;
     /** Shows or hides the close [X] button. */
     closable: boolean;
     /** Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */

package/dist/types/components/popover-canvas/popover-canvas.d.ts

@@ -6,7 +6,7 @@ import { Attributes } from '../../types/Attributes';
 export declare class TdsPopoverCanvas {
     host: HTMLTdsPopoverCanvasElement;
     /** The CSS-selector for an element that will trigger the Popover */
-    selector: string;
+    selector?: string;
     /** Element that will trigger the Popover (takes priority over selector) */
     referenceEl?: HTMLElement | null;
     /** Decides if the component should be visible from the start. */

package/dist/types/components/popover-core/popover-core.d.ts

@@ -3,7 +3,7 @@ import type { Placement, Instance } from '@popperjs/core';
 export declare class TdsPopoverCore {
     host: HTMLTdsPopoverCoreElement;
     /** The CSS-selector for an element that will trigger the pop-over */
-    selector: string;
+    selector?: string;
     /** Element that will trigger the pop-over (takes priority over selector) */
     referenceEl?: HTMLElement | null;
     /** Decides if the component should be visible from the start. */

package/dist/types/components/popover-menu/popover-menu.d.ts

@@ -6,7 +6,7 @@ import { Attributes } from '../../types/Attributes';
 export declare class TdsPopoverMenu {
     host: HTMLTdsPopoverMenuElement;
     /** The CSS-selector for an element that will trigger the pop-over */
-    selector: string;
+    selector?: string;
     /** Element that will trigger the pop-over (takes priority over selector) */
     referenceEl?: HTMLElement | null;
     /** Controls whether the Popover is shown or not. If this is set hiding and showing

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

@@ -5,9 +5,9 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsRadioButton {
     host: HTMLElement;
     /** Name of Radio Button, used for reference. */
-    name: string;
+    name?: string;
     /** Value of input. */
-    value: string;
+    value?: string;
     /** Unique Radio Button identifier. */
     radioId: string;
     /** Decides if the Radio Button is checked or not. */
@@ -17,9 +17,9 @@ export declare class TdsRadioButton {
     /** Decides if the Radio Button is disabled or not. */
     disabled: boolean;
     /** Provides an accessible name for the component */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     /** Provides a tabindex used when radio buttons are grouped */
-    tdsTabIndex: number;
+    tdsTabIndex?: number;
     private inputElement;
     /** Method to programmatically focus the radio button element */
     focusElement(): Promise<void>;
@@ -28,7 +28,7 @@ export declare class TdsRadioButton {
      * To use this listener, don't use the randomized ID, use a specific one of your choosing. */
     tdsChange: EventEmitter<{
         radioId: string;
-        value: string;
+        value: string | undefined;
     }>;
     handleChange: () => void;
     render(): any;

package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts

@@ -10,7 +10,7 @@ export declare class TdsSideMenuDropdown {
     defaultOpen: boolean;
     /** The label of the button that opens the dropdown.
      * This is an alternative to the label slot. */
-    buttonLabel: string;
+    buttonLabel?: string;
     /** If the button that opens the dropdown should appear selected. */
     selected: boolean;
     /** Toggle open state programmatically */

package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts

@@ -5,10 +5,10 @@ export declare class TdsSideMenuUser {
     /** The heading text. */
     heading: string;
     /** The subheading text. */
-    subheading: string;
+    subheading?: string;
     /** The image source. */
-    imgSrc: string;
+    imgSrc?: string;
     /** The image alt text. */
-    imgAlt: string;
+    imgAlt?: string;
     render(): any;
 }

package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts

@@ -4,8 +4,8 @@
  * */
 export declare class TdsSideMenuUserImage {
     /** The image source. */
-    src: string;
+    src?: string;
     /** The image alt text. */
-    alt: string;
+    alt?: string;
     render(): any;
 }

package/dist/types/components/side-menu/side-menu-user-label/side-menu-user-label.d.ts

@@ -2,6 +2,6 @@ export declare class TdsSideMenuUserLabel {
     /** The heading text. */
     heading: string;
     /** The subheading text. */
-    subheading: string;
+    subheading?: string;
     render(): any;
 }

package/dist/types/components/stepper/step/step.d.ts

@@ -4,14 +4,14 @@ import { InternalTdsStepperPropChange } from '../stepper';
  */
 export declare class TdsStep {
     /** Index of the step. Will be displayed in the step if the state is current/upcoming. */
-    index: string;
+    index?: string;
     /** State of the Step */
     state: 'current' | 'error' | 'success' | 'upcoming';
-    tdsAriaCurrent: string;
-    hideLabels: boolean;
-    size: 'sm' | 'lg';
-    orientation: 'horizontal' | 'vertical';
-    labelPosition: 'aside' | 'below';
+    tdsAriaCurrent?: string;
+    hideLabels?: boolean;
+    size?: 'sm' | 'lg';
+    orientation?: 'horizontal' | 'vertical';
+    labelPosition?: 'aside' | 'below';
     el: HTMLElement;
     private stepperEl;
     private stepperId;

package/dist/types/components/table/table/table.d.ts

@@ -15,6 +15,7 @@ export type InternalTdsTablePropChange = {
     tableId: string;
     changed: Array<keyof Props>;
 } & Partial<Props>;
+export type TextAlign = 'left' | 'start' | 'right' | 'end' | 'center';
 /**
  * @slot <default> - <b>Unnamed slot.</b> For the table contents.
  */
@@ -24,7 +25,7 @@ export declare class TdsTable {
     /** Enables style where Table toolbar, rows and footer are less high */
     compactDesign: boolean;
     /** Enables to customize width on Table columns */
-    noMinWidth: boolean;
+    noMinWidth?: boolean;
     /** Enables multiselect feature of Table */
     multiselect: boolean;
     /** Enables extended row feature of Table */

package/dist/types/components/table/table-body-cell/table-body-cell.d.ts

@@ -1,17 +1,17 @@
-import { InternalTdsTablePropChange } from '../table/table';
+import { InternalTdsTablePropChange, TextAlign } from '../table/table';
 /**
  * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
  */
 export declare class TdsTableBodyCell {
     /** Value that will be presented as text inside a cell */
-    cellValue: string | number;
+    cellValue?: string | number;
     /** Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering */
-    cellKey: string;
+    cellKey?: string;
     /** Disables internal padding. Useful when passing other components to cell. */
     disablePadding: boolean;
     /** Setting for text align, default value "left". Other accepted values are "left", "start", "right", "end" or "center". */
-    textAlign: 'left' | 'start' | 'right' | 'end' | 'center';
-    textAlignState: string;
+    textAlign?: TextAlign;
+    textAlignState: TextAlign | undefined;
     activeSorting: boolean;
     verticalDividers: boolean;
     compactDesign: boolean;

package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts

@@ -15,7 +15,7 @@ export declare class TdsTableBodyRowExpandable {
     /** ID for the table row. Randomly generated if not specified. */
     rowId: string;
     /** Sets isExpanded state to true or false externally */
-    expanded: boolean;
+    expanded?: boolean;
     /** Controls the overflow behavior of the expandable row content */
     overflow: 'auto' | 'hidden' | 'visible';
     /** Sets isExpanded state to true or false internally */

package/dist/types/components/table/table-header/table-header.d.ts

@@ -7,7 +7,7 @@ export declare class TdsTableHeaderRow {
     /** @deprecated Deprecated, use selected instead. */
     allSelected: boolean;
     /** Prop for controlling the checked/unchecked state of the "All selected"-checkbox. */
-    selected: boolean;
+    selected?: boolean;
     /** Prop for controlling the enabled/disabled state of the "All selected"-checkbox. */
     disabled?: boolean;
     /** Prop for controlling the indeterminate state of the "All selected"-checkbox. */

package/dist/types/components/table/table-header-cell/table-header-cell.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { InternalTdsTablePropChange } from '../table/table';
+import { InternalTdsTablePropChange, TextAlign } from '../table/table';
 /**
  * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
  */
@@ -13,12 +13,12 @@ export declare class TdsTableHeaderCell {
     /** Enables sorting on that column */
     sortable: boolean;
     /** Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end". */
-    textAlign: 'left' | 'start' | 'right' | 'end' | 'center';
+    textAlign: TextAlign;
     /** Disables internal padding. Useful when passing other components to cell. */
     disablePadding: boolean;
     /** Aria label for the sort button, providing an accessible description */
     tdsAriaLabelSortButton?: string;
-    textAlignState: string;
+    textAlignState: TextAlign;
     sortingDirection: 'asc' | 'desc' | undefined;
     sortedByMyKey: boolean;
     verticalDividers: boolean;

package/dist/types/components/tabs/folder-tabs/folder-tab/folder-tab.d.ts

@@ -6,7 +6,7 @@ export declare class TdsFolderTab {
     /** Disables the Tab. */
     disabled: boolean;
     selected: boolean;
-    tabWidth: number;
+    tabWidth?: number;
     /** @internal Method to set the width of the tab. Used by the <tds-folder-tabs> */
     setTabWidth(width: number): Promise<void>;
     /** @internal Method to set the tab as selected. Used by the <tds-folder-tabs> */

package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts

@@ -10,7 +10,7 @@ export declare class TdsFolderTabs {
     defaultSelectedIndex: number;
     /** Sets the selected Tab.
      * If this is set, all Tab changes need to be handled by the user. */
-    selectedIndex: number;
+    selectedIndex?: number;
     /** Defines aria-label on left scroll button */
     tdsScrollLeftAriaLabel: string;
     /** Defines aria-label on right scroll button */
@@ -30,7 +30,7 @@ export declare class TdsFolderTabs {
     }>;
     /** Sets the passed tabindex as the selected Tab. */
     selectTab(tabIndex: number): Promise<{
-        selectedTabIndex: number;
+        selectedTabIndex: number | undefined;
     }>;
     /** Reinitializes the component. */
     reinitialize(): Promise<void>;

package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts

@@ -10,7 +10,7 @@ export declare class TdsInlineTabs {
     defaultSelectedIndex: number;
     /** Sets the selected Tab.
      * If this is set, all Tab changes need to be handled by the user. */
-    selectedIndex: number;
+    selectedIndex?: number;
     /** Defines aria-label on left scroll button */
     tdsScrollLeftAriaLabel: string;
     /** Defines aria-label on right scroll button */
@@ -31,7 +31,7 @@ export declare class TdsInlineTabs {
     }>;
     /** Selects a Tab based on tabindex, will not select a disabled Tab. */
     selectTab(tabIndex: number): Promise<{
-        selectedTabIndex: number;
+        selectedTabIndex: number | undefined;
     }>;
     /** Reinitializes the component. */
     reinitialize(): Promise<void>;

package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts

@@ -10,7 +10,7 @@ export declare class TdsNavigationTabs {
     defaultSelectedIndex: number;
     /** Sets the selected Tab.
      * If this is set, all Tab changes need to be handled by the user. */
-    selectedIndex: number;
+    selectedIndex?: number;
     /** Custom left padding value for the wrapper element. */
     leftPadding: number;
     /** Defines aria-label on left scroll button */
@@ -31,7 +31,7 @@ export declare class TdsNavigationTabs {
     }>;
     /** Sets the passed tabindex as the selected Tab. */
     selectTab(tabIndex: number): Promise<{
-        selectedTabIndex: number;
+        selectedTabIndex: number | undefined;
     }>;
     /** Reinitializes the component. */
     reinitialize(): Promise<void>;

package/dist/types/components/text-field/text-field.d.ts

@@ -15,13 +15,13 @@ export declare class TdsTextField {
     /** Label text */
     label: string;
     /** Min allowed value for input type number */
-    min: string | number;
+    min?: string | number;
     /** Max allowed value for input type number */
-    max: string | number;
+    max?: string | number;
     /** Step value for input type number */
-    step: string | number;
+    step?: string | number;
     /** Helper text */
-    helper: string;
+    helper?: string;
     /** Placeholder text */
     placeholder: string;
     /** Value of the input text */
@@ -43,11 +43,11 @@ export declare class TdsTextField {
     /** Error state of input */
     state: 'error' | 'success' | 'default';
     /** Max length of input */
-    maxLength: number;
+    maxLength?: number;
     /** Autofocus for input */
     autofocus: boolean;
     /** Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true. */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     /** Makes the text field required */
     required: boolean;
     /** Value to be used for the text field's autocomplete attribute */

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

@@ -9,11 +9,11 @@ export declare class TdsTextarea {
     /** Name attribute */
     name: string;
     /** Helper text */
-    helper: string;
+    helper?: string;
     /** Textarea cols attribute */
-    cols: number;
+    cols?: number;
     /** Textarea rows attribute */
-    rows: number;
+    rows?: number;
     /** Position of the label for the Textarea. */
     labelPosition: 'inside' | 'outside' | 'no-label';
     /** Placeholder text */
@@ -29,7 +29,7 @@ export declare class TdsTextarea {
     /** Error state of input */
     state: 'error' | 'success' | 'default';
     /** Max length of input */
-    maxLength: number;
+    maxLength?: number;
     /** Mode variant of the Textarea */
     modeVariant: 'primary' | 'secondary' | null;
     /** Control of autofocus */
@@ -37,7 +37,7 @@ export declare class TdsTextarea {
     /** Unset minimum width of 208px. */
     noMinWidth: boolean;
     /** Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true. */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     /** Listen to the focus state of the input */
     focusInput: boolean;
     /** Change event for the Textarea */

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

@@ -9,9 +9,9 @@ export declare class TdsToast {
     /** ID for the Toast. Randomly generated if not specified. */
     toastId: string;
     /** Header text for the component. */
-    header: string;
+    header?: string;
     /** Subheader text for the component. */
-    subheader: string;
+    subheader?: string;
     /** Type of Toast. */
     variant: 'information' | 'error' | 'warning' | 'success';
     /** Hides the Toast. */
@@ -21,7 +21,7 @@ export declare class TdsToast {
     /** ARIA role for the Toast. */
     toastRole: 'alert' | 'log' | 'status';
     /** Provides an accessible name for the components close button */
-    tdsCloseAriaLabel: string;
+    tdsCloseAriaLabel?: string;
     /** ARIA live for the Toast. */
     tdsAriaLive: 'polite' | 'assertive';
     /** Hides the Toast. */

package/dist/types/components/toggle/toggle.d.ts

@@ -11,15 +11,15 @@ export declare class TdsToggle {
     /** Size of the Toggle */
     size: 'sm' | 'lg';
     /** Name of the toggle's input element */
-    name: string;
+    name?: string;
     /** Headline for the Toggle */
-    headline: string;
+    headline?: string;
     /** Sets the Toggle in a disabled state */
     disabled: boolean;
     /** ID of the Toggle's input element, if not specified, it's randomly generated */
     toggleId: string;
     /** Defines aria-label attribute for input */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     private labelSlot;
     private inputElement;
     /** Toggles the Toggle. */

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

@@ -8,7 +8,7 @@ export declare class TdsTooltip {
     /** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
     text: string;
     /** The CSS-selector for an element that will trigger the Tooltip */
-    selector: string;
+    selector?: string;
     /** Element that will trigger the Tooltip (takes priority over selector) */
     referenceEl?: HTMLElement | null;
     /** Decides if the component should be visible from the start. */
@@ -26,7 +26,7 @@ export declare class TdsTooltip {
     /** Sets the offset distance */
     offsetDistance: number;
     /** Sets the aria-describedby attribute */
-    tdsAriaDescribedby: string;
+    tdsAriaDescribedby?: string;
     handleKeyDown(event: KeyboardEvent): void;
     border: string;
     popperjsExtraModifiers: {