@scania/tegel 1.42.0 → 1.44.0-sonarcloud-0

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

@@ -1,15 +1,15 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsDatetime {
     /** Text-input for focus state */
-    textInput?: HTMLInputElement;
+    private textInput;
     /** Sets an input type */
     type: 'datetime-local' | 'date' | 'month' | 'week' | 'time';
     /** Value of the input text */
     value: string;
     /** Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00" */
-    min: string;
+    min?: string;
     /** Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00" */
-    max: string;
+    max?: string;
     /** Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www  Format for date-time: YY-MM-DDTHH-MM */
     defaultValue: string | 'none';
     /** Set input in disabled state */
@@ -19,11 +19,11 @@ export declare class TdsDatetime {
     /** Resets min width rule */
     noMinWidth: boolean;
     /** Set the variant of the Datetime component. */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Name property. Uses a unique ID as fallback if not specified. */
     name: string;
     /** Error state of input */
-    state: string;
+    state?: string;
     /** Autofocus for input */
     autofocus: boolean;
     /** Label text for the component */
@@ -33,7 +33,7 @@ export declare class TdsDatetime {
     /** Helper text for the component */
     helper: string;
     /** Value for the aria-label attribute */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     /** Listen to the focus state of the input */
     focusInput: boolean;
     /** Change event for the Datetime */

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';
+    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,14 +35,14 @@ 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)[];
+    value: string | number | (string | number)[] | null;
     /** Defines aria-label attribute for input */
-    tdsAriaLabel: string;
+    tdsAriaLabel?: string;
     open: boolean;
     internalValue: string;
-    filterResult: number;
+    filterResult: number | null;
     filterFocus: boolean;
     internalDefaultValue: string;
     private selectedOptions;
@@ -74,8 +74,8 @@ export declare class TdsDropdown {
      * </code>
      */
     setValue(value: string | number | string[] | number[], label?: string): Promise<{
-        value: string | number;
-        label: string;
+        value: string | number | undefined;
+        label: string | undefined;
     }[]>;
     reset(): Promise<void>;
     removeValue(oldValue: string): Promise<void>;
@@ -90,8 +90,8 @@ export declare class TdsDropdown {
     updateDisplay(): Promise<void>;
     /** Change event for the Dropdown. */
     tdsChange: EventEmitter<{
-        name: string;
-        value: string;
+        name: string | undefined;
+        value: string | null;
     }>;
     /** Focus event for the Dropdown. */
     tdsFocus: EventEmitter<FocusEvent>;

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/footer/footer.d.ts

@@ -7,7 +7,7 @@
 export declare class TdsFooter {
     host: HTMLElement;
     /** Mode variant of the component, based on current mode. */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     copyrightText: string;
     render(): any;
 }

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/icon/icon.d.ts

@@ -13,7 +13,7 @@ export declare class Icon {
     /** Set description for the svg. Also used by aria-describedby. */
     svgDescription?: string;
     icons_object: string;
-    arrayOfIcons: any[];
+    arrayOfIcons: never[];
     componentWillLoad(): void;
     private detectAndSetBrand;
     private arrayDataWatcher;

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

@@ -3,9 +3,9 @@
  */
 export declare class TdsMessage {
     /** Header text for the component. */
-    header: string;
+    header?: string;
     /** Variant of the component, based on current mode. */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Variant of Message. */
     variant: 'information' | 'error' | 'warning' | 'success';
     /** Removes the icon in the 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. */
@@ -34,7 +34,7 @@ export declare class TdsModal {
     /** Returns the current open state of the Modal. */
     isOpen(): Promise<boolean>;
     /** Emits when the Modal is closed. */
-    tdsClose: EventEmitter<any>;
+    tdsClose: EventEmitter<object>;
     /** Emits just before Modal is opened. */
     tdsOpen: EventEmitter<void>;
     connectedCallback(): void;

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. */
@@ -15,7 +15,7 @@ export declare class TdsPopoverCanvas {
      * will be decided by this prop and will need to be controlled from the outside. This
      * also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
      */
-    show: boolean;
+    show: boolean | null;
     /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
     placement: Placement;
     /** Sets the offset skidding */
@@ -29,7 +29,7 @@ export declare class TdsPopoverCanvas {
     /** Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
     tdsAlertDialog: 'alertdialog' | 'dialog';
     /** Mode variant of the component, based on current mode. */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Property for closing popover programmatically */
     close(): Promise<void>;
     childRef?: HTMLTdsPopoverCoreElement;

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. */
@@ -14,7 +14,7 @@ export declare class TdsPopoverCore {
      * will be decided by this prop and will need to be controlled from the outside. This
      * also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
      */
-    show: boolean;
+    show: boolean | null;
     /** Decides the placement of the Popover Menu */
     placement: Placement;
     /** Sets the offset skidding */
@@ -22,7 +22,7 @@ export declare class TdsPopoverCore {
     /** Sets the offset distance */
     offsetDistance: number;
     /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
-    modifiers: Object[];
+    modifiers: object[];
     /** What triggers the popover to show */
     trigger: 'click' | 'hover' | 'hover-popover';
     /** Decides if the popover should hide automatically.
@@ -39,9 +39,9 @@ export declare class TdsPopoverCore {
     close(): Promise<void>;
     private uuid;
     /** @internal Show event. */
-    internalTdsShow: EventEmitter<{}>;
+    internalTdsShow: EventEmitter<object>;
     /** @internal Close event. */
-    internalTdsClose: EventEmitter<{}>;
+    internalTdsClose: EventEmitter<object>;
     onAnyClick(event: MouseEvent): void;
     onTdsShow(event: Event): void;
     handleKeydown(event: KeyboardEvent): void;

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

@@ -6,14 +6,14 @@ 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
      * will be decided by this prop and will need to be controlled from the outside. This
      * also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
      */
-    show: boolean;
+    show: boolean | null;
     /** Decides if the component should be visible from the start. */
     defaultShow: boolean;
     /** Decides the placement of the Popover Menu */
@@ -27,7 +27,7 @@ export declare class TdsPopoverMenu {
     /** If true this unsets the width (160px) of the Popover Menu */
     fluidWidth: boolean;
     /** Mode variant of the component, based on current mode. */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Property for closing popover programmatically */
     close(): Promise<void>;
     childRef?: HTMLTdsPopoverCoreElement;

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/slider/slider-stories-setup.d.ts

@@ -140,7 +140,7 @@ export declare const SliderArgTypes: ({ storyName }: {
         control: {
             type: string;
             min: number;
-            step: number;
+            step: number | undefined;
         };
         table: {
             defaultValue: {

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 */
@@ -32,13 +33,13 @@ export declare class TdsTable {
     /** Enables Table to take 100% available width with equal spacing of columns */
     responsive: boolean;
     /** Variant of the component, based on current mode. */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Enables zebra stripe mode on the table rows or columns. */
     zebraMode: 'rows-odd' | 'rows-even' | 'columns-odd' | 'columns-even' | 'none';
     /** Width of the table, used as the constraint for horizontal scrolling.
      * **NOTE**: this will disable usage of the responsive flag
      * */
-    horizontalScrollWidth?: string;
+    horizontalScrollWidth?: string | null;
     /** ID used for internal Table functionality and events, must be unique.
      *
      * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
@@ -52,7 +53,10 @@ export declare class TdsTable {
     internalTdsTablePropChange: EventEmitter<InternalTdsTablePropChange>;
     emitInternalTdsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
     /** Returns all selected rows data. */
-    getSelectedRows(): Promise<any[]>;
+    getSelectedRows(): Promise<{
+        cellKey: string;
+        cellValue: string | number;
+    }[][]>;
     private getStyles;
     multiselectChanged(newValue: boolean): void;
     enableExpandableRowsChanged(newValue: boolean): void;

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

@@ -7,13 +7,13 @@ export declare class TdsTableBody {
     multiselect: boolean;
     enablePaginationTableBody: boolean;
     expandableRows: boolean;
-    multiselectArray: any[];
+    multiselectArray: never[];
     multiselectArrayJSON: string;
     mainCheckboxStatus: boolean;
     columnsNumber: number;
     zebraMode: 'rows-odd' | 'rows-even' | 'columns-odd' | 'columns-even' | 'none';
-    tableId: string;
-    tableEl: HTMLTdsTableElement;
+    tableId: string | undefined;
+    tableEl: HTMLTdsTableElement | null;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
     bodyCheckBoxClicked: () => void;
     bodyCheckboxListener(): void;

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

@@ -1,27 +1,30 @@
-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: any;
+    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;
     noMinWidth: boolean;
-    tableId: string;
+    tableId: string | undefined;
     host: HTMLElement;
-    tableEl: HTMLTdsTableElement;
+    tableEl: HTMLTdsTableElement | null;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-    internalTdsHoverListener(event: CustomEvent<any>): void;
-    internalTdsTextAlignListener(event: CustomEvent<any>): void;
+    internalTdsHoverListener(event: CustomEvent<{
+        tableId: string | undefined;
+        key: string;
+    }>): void;
+    internalTdsTextAlignListener(event: CustomEvent<string[]>): void;
     connectedCallback(): void;
     componentWillLoad(): void;
     render(): any;

package/dist/types/components/table/table-body-input-wrapper/table-body-input-wrapper.d.ts

@@ -6,7 +6,7 @@ export declare class TdsTableBodyInputWrapper {
     renderSlot: boolean;
     inputFocused: boolean;
     compactDesign: boolean;
-    tableId: string;
+    tableId: string | null;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
     connectedCallback(): void;
     componentWillLoad(): void;

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

@@ -15,19 +15,19 @@ export declare class TdsTableBodyRow {
     verticalDividers: boolean;
     compactDesign: boolean;
     noMinWidth: boolean;
-    tableId: string;
+    tableId: string | undefined;
     host: HTMLElement;
-    tableEl: HTMLTdsTableElement;
+    tableEl: HTMLTdsTableElement | null;
     /** Event emitted when a row is selected/deselected. */
     tdsSelect: EventEmitter<{
-        tableId: string;
+        tableId: string | undefined;
         checked: boolean;
-        selectedRows: any[];
+        selectedRows: object[] | undefined;
     }>;
     /** Event emitted when a row is clicked. */
     tdsClick: EventEmitter<{
         event: MouseEvent;
-        tableId: string;
+        tableId: string | undefined;
         rowIndex: number;
     }>;
     handleCheckboxChange(event: any): Promise<void>;