@scania/tegel 1.42.0 → 1.44.0-sonarcloud-0

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

@@ -11,11 +11,11 @@ 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 */
-    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 */
@@ -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

@@ -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. */
@@ -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

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

@@ -5,12 +5,12 @@ 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.
      * 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,11 +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;
     /** Helper text */
-    helper: string;
+    helper?: string;
     /** Placeholder text */
     placeholder: string;
     /** Value of the input text */
@@ -33,7 +35,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 */
@@ -41,15 +43,17 @@ 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 */
     autocomplete: string;
+    /** Hides the native arrows on number input type */
+    hideNumberArrows: boolean;
     /** Listen to the focus state of the input */
     focusInput: boolean;
     /** Change event for the Text Field */
@@ -57,6 +61,7 @@ export declare class TdsTextField {
     handleChange(event: Event): void;
     /** Input event for the Text Field */
     tdsInput: EventEmitter<InputEvent>;
+    /** Data input event in value prop */
     handleInput(event: InputEvent): void;
     /** Focus event for the Text Field */
     tdsFocus: EventEmitter<FocusEvent>;
@@ -64,8 +69,14 @@ export declare class TdsTextField {
     handleFocus(event: FocusEvent): void;
     /** Blur event for the Text Field */
     tdsBlur: EventEmitter<FocusEvent>;
+    /** Error event for the Text Field - emitted when value is clamped to min/max */
+    tdsError: EventEmitter<{
+        originalValue: string;
+        clampedValue: string;
+        reason: 'min' | 'max';
+    }>;
     /** Set the input as focus when clicking the whole Text Field with suffix/prefix */
-    handleBlur(event: any): void;
+    handleBlur(event: FocusEvent): void;
     /** Method to handle focus */
     focusElement(): Promise<void>;
     render(): any;

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,15 +29,15 @@ 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';
+    modeVariant: 'primary' | 'secondary' | null;
     /** Control of autofocus */
     autofocus: boolean;
     /** 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 */
@@ -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/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. */
@@ -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 */
@@ -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: {