@scania/tegel 1.41.0 → 1.42.0-sass-migration-beta.0

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

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

@@ -13,7 +13,7 @@ export declare class TdsPopoverMenu {
      * 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/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/table/table/table.d.ts

@@ -32,13 +32,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 +52,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

@@ -6,7 +6,7 @@ export declare class TdsTableBodyCell {
     /** Value that will be presented as text inside a cell */
     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". */
@@ -16,12 +16,15 @@ export declare class TdsTableBodyCell {
     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>;

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

@@ -11,7 +11,7 @@ import { InternalTdsTablePropChange } from '../table/table';
 export declare class TdsTableBodyRowExpandable {
     /** In case that automatic count of columns does not work, user can manually set this one.
      *  Take in mind that expandable control is column too */
-    colSpan: number;
+    colSpan: number | null;
     /** ID for the table row. Randomly generated if not specified. */
     rowId: string;
     /** Sets isExpanded state to true or false externally */
@@ -25,21 +25,21 @@ export declare class TdsTableBodyRowExpandable {
     tdsAriaLabelExpandButton: string;
     /** Sets isExpanded state to true or fals internally */
     isExpanded: boolean;
-    tableId: string;
-    columnsNumber: number;
+    tableId: string | undefined;
+    columnsNumber: number | null;
     verticalDividers: boolean;
     compactDesign: boolean;
     noMinWidth: boolean;
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     host: HTMLElement;
-    tableEl: HTMLTdsTableElement;
+    tableEl: HTMLTdsTableElement | null;
     /** @internal Sends out expanded status which is used by the Table header component */
-    internalTdsRowExpanded: EventEmitter<any>;
+    internalTdsRowExpanded: EventEmitter<object>;
     /** Sends unique table row identifier and isExpanded status when it is expanded/collapsed. */
     tdsChange: EventEmitter<{
         rowId: string;
         isExpanded: boolean;
-        tableId: string;
+        tableId: string | undefined;
     }>;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
     handleRowExpand(event: CustomEvent<{

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

@@ -12,20 +12,20 @@ export declare class TdsTableFooter {
     /** Sets the number of pages. */
     pages: number;
     /** <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails. */
-    cols: number;
+    cols: number | null;
     /** State that memorize number of columns to display colSpan correctly - set from parent level */
     columnsNumber: number;
     compactDesign: boolean;
     lastCorrectValue: number;
-    tableId: string;
-    horizontalScrollWidth: string;
+    tableId: string | undefined;
+    horizontalScrollWidth: string | null;
     rowsPerPageValue: number;
     host: HTMLElement;
     private inputElement;
     private tableEl;
     /** Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic. */
     tdsPagination: EventEmitter<{
-        tableId: string;
+        tableId: string | undefined;
         paginationValue: number;
         rowsPerPage?: number;
     }>;

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

@@ -21,17 +21,17 @@ export declare class TdsTableHeaderRow {
     noMinWidth: boolean;
     whiteBackground: boolean;
     enableToolbarDesign: boolean;
-    tableId: string;
+    tableId: string | undefined;
     host: HTMLElement;
-    tableEl: HTMLTdsTableElement;
+    tableEl: HTMLTdsTableElement | null;
     /** Event emitted when the status of the select all checkbox changes. */
     tdsSelectAll: EventEmitter<{
-        tableId: string;
+        tableId: string | undefined;
         checked: boolean;
-        selectedRows: any[];
+        selectedRows: object[] | undefined;
     }>;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-    internalTdsRowExpandedListener(event: CustomEvent<any>): void;
+    internalTdsRowExpandedListener(event: CustomEvent<object>): void;
     bodyExpandClicked(): void;
     connectedCallback(): void;
     componentWillLoad(): void;

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

@@ -26,29 +26,29 @@ export declare class TdsTableHeaderCell {
     noMinWidth: boolean;
     multiselect: boolean;
     enableToolbarDesign: boolean;
-    tableId: string;
+    tableId: string | undefined;
     expandableRows: boolean;
     host: HTMLElement;
-    tableEl: HTMLTdsTableElement;
+    tableEl: HTMLTdsTableElement | null;
     /** Sends unique Table identifier, column key and sorting direction to the tds-table-body component,
      * can also be listened to implement custom-sorting logic. */
     tdsSort: EventEmitter<{
-        tableId: string;
-        columnKey: string;
+        tableId: string | undefined;
+        columnKey: string | undefined;
         sortingDirection: 'asc' | 'desc';
     }>;
     /**  @internal Sends unique Table identifier, column key and sorting direction to the tds-table-body component,
      * can also be listened to implement custom-sorting logic. */
     internalSortButtonClicked: EventEmitter<{
-        tableId: string;
-        key: string;
+        tableId: string | undefined;
+        key: string | undefined;
     }>;
     /** @internal Sends unique Table identifier,
      * column key and text align value so the body cells with a same key take the same text alignment as header cell */
-    internalTdsTextAlign: EventEmitter<any>;
+    internalTdsTextAlign: EventEmitter<object>;
     /** @internal Sends unique Table identifier, column key so the body cells with the same key change background when user hovers over header cell */
     internalTdsHover: EventEmitter<{
-        tableId: string;
+        tableId: string | undefined;
         key: string;
     }>;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;

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

@@ -6,7 +6,7 @@ export declare class TdsTableHeaderInputWrapper {
     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-toolbar/table-toolbar.d.ts

@@ -15,14 +15,14 @@ export declare class TdsTableToolbar {
     compactDesign: boolean;
     noMinWidth: boolean;
     whiteBackground: boolean;
-    tableId: string;
-    horizontalScrollWidth: string;
+    tableId: string | undefined;
+    horizontalScrollWidth: string | null;
     host: HTMLElement;
-    tableEl: HTMLTdsTableElement;
+    tableEl: HTMLTdsTableElement | null;
     /** Used for sending users' input to the main parent tds-table the component,
      * can also be listened to in order to implement custom sorting logic. */
     tdsFilter: EventEmitter<{
-        tableId: string;
+        tableId: string | undefined;
         query: string;
     }>;
     internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;

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

@@ -5,7 +5,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class TdsFolderTabs {
     host: HTMLElement;
     /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Sets the default selected Tab. */
     defaultSelectedIndex: number;
     /** Sets the selected Tab.

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

@@ -33,7 +33,7 @@ export declare class TdsTextField {
     /** Size of the input */
     size: 'sm' | 'md' | 'lg';
     /** Mode variant of the Text Field */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Unset minimum width of 208px. */
     noMinWidth: boolean;
     /** Name property */

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

@@ -31,7 +31,7 @@ export declare class TdsTextarea {
     /** Max length of input */
     maxLength: number;
     /** Mode variant of the Textarea */
-    modeVariant: 'primary' | 'secondary';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Control of autofocus */
     autofocus: boolean;
     /** Unset minimum width of 208px. */
@@ -54,6 +54,6 @@ export declare class TdsTextarea {
     handleFocus(event: FocusEvent): void;
     /** Method to programmatically focus the textarea element */
     focusElement(): Promise<void>;
-    setModeVariant(modeVariant: 'primary' | 'secondary'): string | null;
+    setModeVariant(modeVariant: 'primary' | 'secondary' | null): string | null;
     render(): any;
 }

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

@@ -18,7 +18,7 @@ export declare class TdsTooltip {
     /** What triggers the popover to show */
     trigger: 'click' | 'hover';
     /** Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop. */
-    show: boolean;
+    show: boolean | null;
     /** Placement of Tooltip. */
     placement: Placement;
     /** Sets the offset skidding */