@scania/tegel 1.42.0 → 1.44.0-sonarcloud-0

package/dist/types/components.d.ts

@@ -6,12 +6,14 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IconNames } from "./types/Icons";
+import { TextAlign } from "./components/table/table/table";
 import { Placement } from "@popperjs/core";
 import { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
 import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
 import { InternalTdsStepperPropChange } from "./components/stepper/stepper";
 import { InternalTdsTablePropChange } from "./components/table/table/table";
 export { IconNames } from "./types/Icons";
+export { TextAlign } from "./components/table/table/table";
 export { Placement } from "@popperjs/core";
 export { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
 export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
@@ -26,7 +28,7 @@ export namespace Components {
         /**
           * Set the variant of the Accordion.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
     }
     interface TdsAccordionItem {
         /**
@@ -96,7 +98,7 @@ export namespace Components {
         /**
           * Header text.
          */
-        "header": string;
+        "header"?: string;
         /**
           * Hides the Banner
          */
@@ -108,7 +110,7 @@ export namespace Components {
         /**
           * Name of the icon for the component. For error and information variant, the icon is predefined.
          */
-        "icon": IconNames;
+        "icon"?: IconNames;
         /**
           * Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
          */
@@ -120,7 +122,7 @@ export namespace Components {
         /**
           * Subheader text.
          */
-        "subheader": string;
+        "subheader"?: string;
         /**
           * Variant of Banner
          */
@@ -146,17 +148,17 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
     }
     interface TdsBodyCell {
         /**
           * 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;
         /**
           * Value that will be presented as text inside a cell
          */
-        "cellValue": string | number;
+        "cellValue"?: string | number;
         /**
           * Disables internal padding. Useful when passing other components to cell.
          */
@@ -164,7 +166,7 @@ export namespace Components {
         /**
           * Setting for text align, default value "left". Other accepted values are "left", "start", "right", "end" or "center".
          */
-        "textAlign": 'left' | 'start' | 'right' | 'end' | 'center';
+        "textAlign"?: TextAlign;
     }
     interface TdsBreadcrumb {
         /**
@@ -176,7 +178,7 @@ export namespace Components {
         /**
           * The value to be used for the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
     }
     interface TdsButton {
         /**
@@ -194,11 +196,11 @@ export namespace Components {
         /**
           * Set the mode variant of the Button.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * The name attribute allows for different ways of accessing the button element
          */
-        "name": string;
+        "name"?: string;
         /**
           * Size of a Button
          */
@@ -206,11 +208,11 @@ export namespace Components {
         /**
           * The value to be used for the aria-label attribute if onlyIcon is set to true
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Text displayed inside the Button
          */
-        "text": string;
+        "text"?: string;
         /**
           * Button's type
          */
@@ -218,7 +220,7 @@ export namespace Components {
         /**
           * The value attribute can be used when handling a form submission
          */
-        "value": string;
+        "value"?: string;
         /**
           * Variation of Button's design
          */
@@ -232,11 +234,11 @@ export namespace Components {
         /**
           * Body image src
          */
-        "bodyImg": string;
+        "bodyImg"?: string;
         /**
           * Alt text for the body image
          */
-        "bodyImgAlt": string;
+        "bodyImgAlt"?: string;
         /**
           * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
          */
@@ -256,7 +258,7 @@ export namespace Components {
         /**
           * Text in the header
          */
-        "header": string;
+        "header"?: string;
         /**
           * Placement of the header
          */
@@ -264,12 +266,12 @@ export namespace Components {
         /**
           * Variant of the Card based on the theme used.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         "stretch": boolean;
         /**
           * Subheader text in the header
          */
-        "subheader": string;
+        "subheader"?: string;
     }
     interface TdsCheckbox {
         /**
@@ -295,7 +297,7 @@ export namespace Components {
         /**
           * Name for the Checkbox's input element.
          */
-        "name": string;
+        "name"?: string;
         /**
           * Make the Checkbox required
          */
@@ -303,11 +305,11 @@ export namespace Components {
         /**
           * Value to be used for the aria-describedby attribute
          */
-        "tdsAriaDescribedby": string;
+        "tdsAriaDescribedby"?: string;
         /**
           * Value to be used for the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Toggles the checked value of the component.
          */
@@ -315,7 +317,7 @@ export namespace Components {
         /**
           * Value for the Checkbox
          */
-        "value": string;
+        "value"?: string;
     }
     interface TdsChip {
         /**
@@ -333,7 +335,7 @@ export namespace Components {
         /**
           * Name for the checkbox or radio input element. Also creates a reference between label and input. Valid only for type checkbox and radio.
          */
-        "name": string;
+        "name"?: string;
         /**
           * Size of the Chip component
          */
@@ -341,7 +343,7 @@ export namespace Components {
         /**
           * Value to be used for the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Type of Chip, depends on usage
          */
@@ -349,7 +351,7 @@ export namespace Components {
         /**
           * Value of input. Valid only for type checkbox and radio.
          */
-        "value": string;
+        "value"?: string;
     }
     interface TdsCoreHeaderItem {
     }
@@ -385,15 +387,15 @@ export namespace Components {
         /**
           * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
          */
-        "max": string;
+        "max"?: string;
         /**
           * Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
          */
-        "min": string;
+        "min"?: string;
         /**
           * 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.
          */
@@ -417,11 +419,11 @@ export namespace Components {
         /**
           * Error state of input
          */
-        "state": string;
+        "state"?: string;
         /**
           * Value for the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Sets an input type
          */
@@ -451,7 +453,7 @@ export namespace Components {
         /**
           * Default value selected in the Dropdown.
          */
-        "defaultValue": string | number;
+        "defaultValue"?: string | number;
         /**
           * Sets the Dropdown in a disabled state
          */
@@ -471,19 +473,19 @@ export namespace Components {
         /**
           * 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;
         /**
           * Enables multiselect in the Dropdown.
          */
@@ -491,7 +493,7 @@ export namespace Components {
         /**
           * Name for the Dropdowns input element.
          */
-        "name": string;
+        "name"?: string;
         /**
           * Text that is displayed if filter is used and there are no options that matches the search. Setting it to an empty string disables message from showing up.
          */
@@ -507,13 +509,13 @@ export namespace Components {
         /**
           * Placeholder text for the Dropdown.
          */
-        "placeholder": string;
+        "placeholder"?: string;
         "removeValue": (oldValue: string) => Promise<void>;
         "reset": () => Promise<void>;
         /**
           * Method for setting the selected value of the Dropdown.  Single selection example:  <code> dropdown.setValue('option-1', 'Option 1'); </code>  Multiselect example:  <code> dropdown.setValue(['option-1', 'option-2']); </code>
          */
-        "setValue": (value: string | number | string[] | number[], label?: string) => Promise<{ value: string | number; label: string; }[]>;
+        "setValue": (value: string | number | string[] | number[], label?: string) => Promise<{ value: string | number | undefined; label: string | undefined; }[]>;
         /**
           * The size of the Dropdown.
          */
@@ -521,7 +523,7 @@ export namespace Components {
         /**
           * Defines aria-label attribute for input
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Method to force update the dropdown display value. Use this method when you programmatically change the text content of dropdown options to ensure the selected value display updates immediately.
          */
@@ -529,7 +531,7 @@ export namespace Components {
         /**
           * 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;
     }
     interface TdsDropdownOption {
         /**
@@ -543,11 +545,11 @@ export namespace Components {
         /**
           * Defines aria-label attribute for the option
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Value of the dropdown option
          */
-        "value": string | number;
+        "value"?: string | number;
     }
     interface TdsFolderTab {
         /**
@@ -565,7 +567,7 @@ export namespace Components {
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Reinitializes the component.
          */
@@ -573,11 +575,11 @@ export namespace Components {
         /**
           * Sets the passed tabindex as the selected Tab.
          */
-        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
+        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number | undefined; }>;
         /**
           * 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
          */
@@ -591,17 +593,17 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
     }
     interface TdsFooterGroup {
         /**
           * 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;
         /**
           * Title text for the link group, only valid on top part of Footer.
          */
-        "titleText": string;
+        "titleText"?: string;
     }
     interface TdsFooterItem {
     }
@@ -637,13 +639,13 @@ export namespace Components {
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
-        "textAlign": 'left' | 'start' | 'right' | 'end' | 'center';
+        "textAlign": TextAlign;
     }
     interface TdsHeaderDropdown {
         /**
           * 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.
          */
@@ -655,7 +657,7 @@ export namespace Components {
         /**
           * Value to be used by the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderDropdownList {
         /**
@@ -677,25 +679,25 @@ export namespace Components {
         /**
           * Header text, usually the users first name and last name.
          */
-        "header": string;
+        "header"?: string;
         /**
           * Image alt text.
          */
-        "imgAlt": string;
+        "imgAlt"?: string;
         /**
           * Image URL.
          */
-        "imgUrl": string;
+        "imgUrl"?: string;
         /**
           * Subheader text.
          */
-        "subheader": string;
+        "subheader"?: string;
     }
     interface TdsHeaderHamburger {
         /**
           * Value to be used by the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderItem {
         /**
@@ -711,7 +713,7 @@ export namespace Components {
         /**
           * Value to be used by the aria-label attribute of the launcher button
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderLauncherButton {
         /**
@@ -721,7 +723,7 @@ export namespace Components {
         /**
           * Value to be used by the aria-label attribute
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderLauncherGrid {
     }
@@ -786,11 +788,11 @@ export namespace Components {
         /**
           * Selects a Tab based on tabindex, will not select a disabled Tab.
          */
-        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
+        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number | undefined; }>;
         /**
           * 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
          */
@@ -818,7 +820,7 @@ export namespace Components {
         /**
           * Header text for the component.
          */
-        "header": string;
+        "header"?: string;
         /**
           * Minimal Message styling.
          */
@@ -826,7 +828,7 @@ export namespace Components {
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Removes the icon in the Message.
          */
@@ -838,7 +840,7 @@ export namespace Components {
         /**
           * 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;
         /**
           * Variant of Message.
          */
@@ -864,7 +866,7 @@ export namespace Components {
         /**
           * Sets the header of the Modal.
          */
-        "header": string;
+        "header"?: string;
         /**
           * Initializes or re-initializes the modal, setting up event listeners.
          */
@@ -884,11 +886,11 @@ export namespace Components {
         /**
           * CSS selector for the element that will show the Modal.
          */
-        "selector": string;
+        "selector"?: string;
         /**
           * 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 the Modal.
          */
@@ -929,11 +931,11 @@ export namespace Components {
         /**
           * Sets the passed tabindex as the selected Tab.
          */
-        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
+        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number | undefined; }>;
         /**
           * 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
          */
@@ -959,7 +961,7 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -983,11 +985,11 @@ export namespace Components {
         /**
           * The CSS-selector for an element that will trigger the Popover
          */
-        "selector": string;
+        "selector"?: string;
         /**
           * 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;
         /**
           * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
          */
@@ -1013,7 +1015,7 @@ export namespace Components {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
-        "modifiers": Object[];
+        "modifiers": object[];
         /**
           * Sets the offset distance
          */
@@ -1033,11 +1035,11 @@ export namespace Components {
         /**
           * The CSS-selector for an element that will trigger the pop-over
          */
-        "selector": string;
+        "selector"?: string;
         /**
           * 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;
         /**
           * What triggers the popover to show
          */
@@ -1063,7 +1065,7 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Sets the offset distance
          */
@@ -1083,11 +1085,11 @@ export namespace Components {
         /**
           * The CSS-selector for an element that will trigger the pop-over
          */
-        "selector": string;
+        "selector"?: string;
         /**
           * 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;
     }
     interface TdsPopoverMenuItem {
         /**
@@ -1111,7 +1113,7 @@ export namespace Components {
         /**
           * Name of Radio Button, used for reference.
          */
-        "name": string;
+        "name"?: string;
         /**
           * Unique Radio Button identifier.
          */
@@ -1123,15 +1125,15 @@ export namespace Components {
         /**
           * Provides an accessible name for the component
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Provides a tabindex used when radio buttons are grouped
          */
-        "tdsTabIndex": number;
+        "tdsTabIndex"?: number;
         /**
           * Value of input.
          */
-        "value": string;
+        "value"?: string;
     }
     interface TdsSideMenu {
         /**
@@ -1155,7 +1157,7 @@ export namespace Components {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the label slot.
          */
-        "buttonLabel": string;
+        "buttonLabel"?: string;
         /**
           * If the dropdown should be open from the start.
          */
@@ -1197,25 +1199,25 @@ export namespace Components {
         /**
           * The image alt text.
          */
-        "imgAlt": string;
+        "imgAlt"?: string;
         /**
           * The image source.
          */
-        "imgSrc": string;
+        "imgSrc"?: string;
         /**
           * The subheading text.
          */
-        "subheading": string;
+        "subheading"?: string;
     }
     interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
-        "alt": string;
+        "alt"?: string;
         /**
           * The image source.
          */
-        "src": string;
+        "src"?: string;
     }
     interface TdsSideMenuUserLabel {
         /**
@@ -1225,7 +1227,7 @@ export namespace Components {
         /**
           * The subheading text.
          */
-        "subheading": string;
+        "subheading"?: string;
     }
     interface TdsSlider {
         /**
@@ -1319,12 +1321,12 @@ export namespace Components {
         /**
           * 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;
+        "tdsAriaCurrent"?: string;
     }
     interface TdsStepper {
         /**
@@ -1364,15 +1366,15 @@ export namespace Components {
         /**
           * Returns all selected rows data.
          */
-        "getSelectedRows": () => Promise<any[]>;
+        "getSelectedRows": () => Promise<{ cellKey: string; cellValue: string | number; }[][]>;
         /**
           * 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;
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Enables multiselect feature of Table
          */
@@ -1380,7 +1382,7 @@ export namespace Components {
         /**
           * Enables to customize width on Table columns
          */
-        "noMinWidth": boolean;
+        "noMinWidth"?: boolean;
         /**
           * Enables Table to take 100% available width with equal spacing of columns
          */
@@ -1432,7 +1434,7 @@ export namespace Components {
         /**
           * 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;
         /**
           * Method to collapse table row
          */
@@ -1444,7 +1446,7 @@ export namespace Components {
         /**
           * Sets isExpanded state to true or false externally
          */
-        "expanded": boolean;
+        "expanded"?: boolean;
         /**
           * Controls the overflow behavior of the expandable row content
          */
@@ -1462,7 +1464,7 @@ export namespace Components {
         /**
           * <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;
         /**
           * Sets the number of pages.
          */
@@ -1500,7 +1502,7 @@ export namespace Components {
         /**
           * Prop for controlling the checked/unchecked state of the "All selected"-checkbox.
          */
-        "selected": boolean;
+        "selected"?: boolean;
     }
     interface TdsTableHeaderInputWrapper {
         "compactDesign": boolean;
@@ -1557,7 +1559,11 @@ export namespace Components {
         /**
           * Helper text
          */
-        "helper": string;
+        "helper"?: string;
+        /**
+          * Hides the native arrows on number input type
+         */
+        "hideNumberArrows": boolean;
         /**
           * Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
          */
@@ -1573,19 +1579,19 @@ export namespace Components {
         /**
           * Max allowed value for input type number
          */
-        "max": string | number;
+        "max"?: string | number;
         /**
           * Max length of input
          */
-        "maxLength": number;
+        "maxLength"?: number;
         /**
           * Min allowed value for input type number
          */
-        "min": string | number;
+        "min"?: string | number;
         /**
           * Mode variant of the Text Field
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Name property
          */
@@ -1614,10 +1620,14 @@ export namespace Components {
           * Error state of input
          */
         "state": 'error' | 'success' | 'default';
+        /**
+          * Step value for input type number
+         */
+        "step"?: string | number;
         /**
           * 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;
         /**
           * Which input type, text, password or similar
          */
@@ -1635,7 +1645,7 @@ export namespace Components {
         /**
           * Textarea cols attribute
          */
-        "cols": number;
+        "cols"?: number;
         /**
           * Set input in disabled state
          */
@@ -1647,7 +1657,7 @@ export namespace Components {
         /**
           * Helper text
          */
-        "helper": string;
+        "helper"?: string;
         /**
           * Hide the readonly icon
          */
@@ -1663,11 +1673,11 @@ export namespace Components {
         /**
           * Max length of input
          */
-        "maxLength": number;
+        "maxLength"?: number;
         /**
           * Mode variant of the Textarea
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Name attribute
          */
@@ -1687,7 +1697,7 @@ export namespace Components {
         /**
           * Textarea rows attribute
          */
-        "rows": number;
+        "rows"?: number;
         /**
           * Error state of input
          */
@@ -1695,7 +1705,7 @@ export namespace Components {
         /**
           * 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;
         /**
           * Value of the input text
          */
@@ -1709,7 +1719,7 @@ export namespace Components {
         /**
           * Header text for the component.
          */
-        "header": string;
+        "header"?: string;
         /**
           * Hides the Toast.
          */
@@ -1725,7 +1735,7 @@ export namespace Components {
         /**
           * Subheader text for the component.
          */
-        "subheader": string;
+        "subheader"?: string;
         /**
           * ARIA live for the Toast.
          */
@@ -1733,7 +1743,7 @@ export namespace Components {
         /**
           * Provides an accessible name for the components close button
          */
-        "tdsCloseAriaLabel": string;
+        "tdsCloseAriaLabel"?: string;
         /**
           * ID for the Toast. Randomly generated if not specified.
          */
@@ -1763,11 +1773,11 @@ export namespace Components {
         /**
           * Headline for the Toggle
          */
-        "headline": string;
+        "headline"?: string;
         /**
           * Name of the toggle's input element
          */
-        "name": string;
+        "name"?: string;
         /**
           * Make the Toggle required
          */
@@ -1779,7 +1789,7 @@ export namespace Components {
         /**
           * Defines aria-label attribute for input
          */
-        "tdsAriaLabel": string;
+        "tdsAriaLabel"?: string;
         /**
           * Toggles the Toggle.
          */
@@ -1817,15 +1827,15 @@ export namespace Components {
         /**
           * The CSS-selector for an element that will trigger the Tooltip
          */
-        "selector": string;
+        "selector"?: string;
         /**
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
          */
-        "show": boolean;
+        "show": boolean | null;
         /**
           * Sets the aria-describedby attribute
          */
-        "tdsAriaDescribedby": string;
+        "tdsAriaDescribedby"?: string;
         /**
           * In case Tooltip contains only text, no HTML, a text can be passed by this prop
          */
@@ -2084,13 +2094,13 @@ declare global {
     interface HTMLTdsChipElementEventMap {
         "tdsChange": {
     chipId: string;
-    value: string;
+    value: string | undefined;
     checked?: boolean;
   };
         "internalRadioOnChange": {
     chipId: string;
     checked: boolean;
-    groupName: string;
+    groupName: string | undefined;
   };
         "tdsClick": {
     chipId: string;
@@ -2144,8 +2154,8 @@ declare global {
     };
     interface HTMLTdsDropdownElementEventMap {
         "tdsChange": {
-    name: string;
-    value: string;
+    name: string | undefined;
+    value: string | null;
   };
         "tdsFocus": FocusEvent;
         "tdsBlur": FocusEvent;
@@ -2245,17 +2255,17 @@ declare global {
     };
     interface HTMLTdsHeaderCellElementEventMap {
         "tdsSort": {
-    tableId: string;
-    columnKey: string;
+    tableId: string | undefined;
+    columnKey: string | undefined;
     sortingDirection: 'asc' | 'desc';
   };
         "internalSortButtonClicked": {
-    tableId: string;
-    key: string;
+    tableId: string | undefined;
+    key: string | undefined;
   };
-        "internalTdsTextAlign": any;
+        "internalTdsTextAlign": object;
         "internalTdsHover": {
-    tableId: string;
+    tableId: string | undefined;
     key: string;
   };
     }
@@ -2407,7 +2417,7 @@ declare global {
         new (): HTMLTdsMessageElement;
     };
     interface HTMLTdsModalElementEventMap {
-        "tdsClose": any;
+        "tdsClose": object;
         "tdsOpen": void;
     }
     interface HTMLTdsModalElement extends Components.TdsModal, HTMLStencilElement {
@@ -2456,8 +2466,8 @@ declare global {
         new (): HTMLTdsPopoverCanvasElement;
     };
     interface HTMLTdsPopoverCoreElementEventMap {
-        "internalTdsShow": {};
-        "internalTdsClose": {};
+        "internalTdsShow": object;
+        "internalTdsClose": object;
     }
     interface HTMLTdsPopoverCoreElement extends Components.TdsPopoverCore, HTMLStencilElement {
         addEventListener<K extends keyof HTMLTdsPopoverCoreElementEventMap>(type: K, listener: (this: HTMLTdsPopoverCoreElement, ev: TdsPopoverCoreCustomEvent<HTMLTdsPopoverCoreElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2488,7 +2498,7 @@ declare global {
     interface HTMLTdsRadioButtonElementEventMap {
         "tdsChange": {
     radioId: string;
-    value: string;
+    value: string | undefined;
   };
     }
     interface HTMLTdsRadioButtonElement extends Components.TdsRadioButton, HTMLStencilElement {
@@ -2678,13 +2688,13 @@ declare global {
     };
     interface HTMLTdsTableBodyRowElementEventMap {
         "tdsSelect": {
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   };
         "tdsClick": {
     event: MouseEvent;
-    tableId: string;
+    tableId: string | undefined;
     rowIndex: number;
   };
     }
@@ -2703,11 +2713,11 @@ declare global {
         new (): HTMLTdsTableBodyRowElement;
     };
     interface HTMLTdsTableBodyRowExpandableElementEventMap {
-        "internalTdsRowExpanded": any;
+        "internalTdsRowExpanded": object;
         "tdsChange": {
     rowId: string;
     isExpanded: boolean;
-    tableId: string;
+    tableId: string | undefined;
   };
     }
     interface HTMLTdsTableBodyRowExpandableElement extends Components.TdsTableBodyRowExpandable, HTMLStencilElement {
@@ -2726,7 +2736,7 @@ declare global {
     };
     interface HTMLTdsTableFooterElementEventMap {
         "tdsPagination": {
-    tableId: string;
+    tableId: string | undefined;
     paginationValue: number;
     rowsPerPage?: number;
   };
@@ -2747,9 +2757,9 @@ declare global {
     };
     interface HTMLTdsTableHeaderElementEventMap {
         "tdsSelectAll": {
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   };
     }
     interface HTMLTdsTableHeaderElement extends Components.TdsTableHeader, HTMLStencilElement {
@@ -2774,7 +2784,7 @@ declare global {
     };
     interface HTMLTdsTableToolbarElementEventMap {
         "tdsFilter": {
-    tableId: string;
+    tableId: string | undefined;
     query: string;
   };
     }
@@ -2803,6 +2813,7 @@ declare global {
         "tdsInput": InputEvent;
         "tdsFocus": FocusEvent;
         "tdsBlur": FocusEvent;
+        "tdsError": { originalValue: string; clampedValue: string; reason: 'min' | 'max' };
     }
     interface HTMLTdsTextFieldElement extends Components.TdsTextField, HTMLStencilElement {
         addEventListener<K extends keyof HTMLTdsTextFieldElementEventMap>(type: K, listener: (this: HTMLTdsTextFieldElement, ev: TdsTextFieldCustomEvent<HTMLTdsTextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2978,7 +2989,7 @@ declare namespace LocalJSX {
         /**
           * Set the variant of the Accordion.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
     }
     interface TdsAccordionItem {
         /**
@@ -3086,13 +3097,13 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
     }
     interface TdsBodyCell {
         /**
           * 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;
         /**
           * Value that will be presented as text inside a cell
          */
@@ -3104,7 +3115,7 @@ declare namespace LocalJSX {
         /**
           * Setting for text align, default value "left". Other accepted values are "left", "start", "right", "end" or "center".
          */
-        "textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
+        "textAlign"?: TextAlign;
     }
     interface TdsBreadcrumb {
         /**
@@ -3134,7 +3145,7 @@ declare namespace LocalJSX {
         /**
           * Set the mode variant of the Button.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * The name attribute allows for different ways of accessing the button element
          */
@@ -3204,7 +3215,7 @@ declare namespace LocalJSX {
         /**
           * Variant of the Card based on the theme used.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Sends unique Card identifier when the Card is clicked, if clickable=true
          */
@@ -3294,7 +3305,7 @@ declare namespace LocalJSX {
          */
         "onTdsChange"?: (event: TdsChipCustomEvent<{
     chipId: string;
-    value: string;
+    value: string | undefined;
     checked?: boolean;
   }>) => void;
         /**
@@ -3358,7 +3369,7 @@ declare namespace LocalJSX {
         /**
           * 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.
          */
@@ -3447,7 +3458,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Enables multiselect in the Dropdown.
          */
@@ -3472,8 +3483,8 @@ declare namespace LocalJSX {
           * Change event for the Dropdown.
          */
         "onTdsChange"?: (event: TdsDropdownCustomEvent<{
-    name: string;
-    value: string;
+    name: string | undefined;
+    value: string | null;
   }>) => void;
         /**
           * Clear event for the Dropdown.
@@ -3506,7 +3517,7 @@ declare namespace LocalJSX {
         /**
           * 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;
     }
     interface TdsDropdownOption {
         /**
@@ -3551,7 +3562,7 @@ declare namespace LocalJSX {
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Event emitted when the selected Tab is changed.
          */
@@ -3575,7 +3586,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
     }
     interface TdsFooterGroup {
         /**
@@ -3614,8 +3625,8 @@ declare namespace LocalJSX {
           * Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to implement custom-sorting logic.
          */
         "onTdsSort"?: (event: TdsHeaderCellCustomEvent<{
-    tableId: string;
-    columnKey: string;
+    tableId: string | undefined;
+    columnKey: string | undefined;
     sortingDirection: 'asc' | 'desc';
   }>) => void;
         /**
@@ -3629,7 +3640,7 @@ declare namespace LocalJSX {
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
-        "textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
+        "textAlign"?: TextAlign;
     }
     interface TdsHeaderDropdown {
         /**
@@ -3815,7 +3826,7 @@ declare namespace LocalJSX {
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Removes the icon in the Message.
          */
@@ -3849,7 +3860,7 @@ declare namespace LocalJSX {
         /**
           * Emits when the Modal is closed.
          */
-        "onTdsClose"?: (event: TdsModalCustomEvent<any>) => void;
+        "onTdsClose"?: (event: TdsModalCustomEvent<object>) => void;
         /**
           * Emits just before Modal is opened.
          */
@@ -3929,7 +3940,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -3957,7 +3968,7 @@ declare namespace LocalJSX {
         /**
           * 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;
         /**
           * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
          */
@@ -3979,7 +3990,7 @@ declare namespace LocalJSX {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
-        "modifiers"?: Object[];
+        "modifiers"?: object[];
         /**
           * Sets the offset distance
          */
@@ -4003,7 +4014,7 @@ declare namespace LocalJSX {
         /**
           * 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;
         /**
           * What triggers the popover to show
          */
@@ -4025,7 +4036,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Sets the offset distance
          */
@@ -4049,7 +4060,7 @@ declare namespace LocalJSX {
         /**
           * 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;
     }
     interface TdsPopoverMenuItem {
         /**
@@ -4075,7 +4086,7 @@ declare namespace LocalJSX {
          */
         "onTdsChange"?: (event: TdsRadioButtonCustomEvent<{
     radioId: string;
-    value: string;
+    value: string | undefined;
   }>) => void;
         /**
           * Unique Radio Button identifier.
@@ -4345,11 +4356,11 @@ declare namespace LocalJSX {
         /**
           * 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;
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Enables multiselect feature of Table
          */
@@ -4401,16 +4412,16 @@ declare namespace LocalJSX {
          */
         "onTdsClick"?: (event: TdsTableBodyRowCustomEvent<{
     event: MouseEvent;
-    tableId: string;
+    tableId: string | undefined;
     rowIndex: number;
   }>) => void;
         /**
           * Event emitted when a row is selected/deselected.
          */
         "onTdsSelect"?: (event: TdsTableBodyRowCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   }>) => void;
         /**
           * Marks the row as selected, used for multiselect table.
@@ -4425,7 +4436,7 @@ declare namespace LocalJSX {
         /**
           * 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;
         /**
           * Sets isExpanded state to true or false externally
          */
@@ -4436,7 +4447,7 @@ declare namespace LocalJSX {
         "onTdsChange"?: (event: TdsTableBodyRowExpandableCustomEvent<{
     rowId: string;
     isExpanded: boolean;
-    tableId: string;
+    tableId: string | undefined;
   }>) => void;
         /**
           * Controls the overflow behavior of the expandable row content
@@ -4455,12 +4466,12 @@ declare namespace LocalJSX {
         /**
           * <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;
         /**
           * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
         "onTdsPagination"?: (event: TdsTableFooterCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     paginationValue: number;
     rowsPerPage?: number;
   }>) => void;
@@ -4502,9 +4513,9 @@ declare namespace LocalJSX {
           * Event emitted when the status of the select all checkbox changes.
          */
         "onTdsSelectAll"?: (event: TdsTableHeaderCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   }>) => void;
         /**
           * Prop for controlling the checked/unchecked state of the "All selected"-checkbox.
@@ -4527,7 +4538,7 @@ declare namespace LocalJSX {
           * 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.
          */
         "onTdsFilter"?: (event: TdsTableToolbarCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     query: string;
   }>) => void;
         /**
@@ -4570,6 +4581,10 @@ declare namespace LocalJSX {
           * Helper text
          */
         "helper"?: string;
+        /**
+          * Hides the native arrows on number input type
+         */
+        "hideNumberArrows"?: boolean;
         /**
           * Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
          */
@@ -4597,7 +4612,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the Text Field
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Name property
          */
@@ -4614,6 +4629,10 @@ declare namespace LocalJSX {
           * Change event for the Text Field
          */
         "onTdsChange"?: (event: TdsTextFieldCustomEvent<any>) => void;
+        /**
+          * Error event for the Text Field - emitted when value is clamped to min/max
+         */
+        "onTdsError"?: (event: TdsTextFieldCustomEvent<{ originalValue: string; clampedValue: string; reason: 'min' | 'max' }>) => void;
         /**
           * Focus event for the Text Field
          */
@@ -4642,6 +4661,10 @@ declare namespace LocalJSX {
           * Error state of input
          */
         "state"?: 'error' | 'success' | 'default';
+        /**
+          * Step value for input type number
+         */
+        "step"?: string | number;
         /**
           * Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true.
          */
@@ -4691,7 +4714,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the Textarea
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Name attribute
          */
@@ -4858,7 +4881,7 @@ declare namespace LocalJSX {
         /**
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
          */
-        "show"?: boolean;
+        "show"?: boolean | null;
         /**
           * Sets the aria-describedby attribute
          */