@scania/tegel 0.0.9 → 0.0.11

package/dist/types/components.d.ts

@@ -80,7 +80,7 @@ export namespace Components {
          */
         "hideBanner": () => Promise<void>;
         /**
-          * Name of the icon for the component. For error and information type, the icon is predefined.
+          * Name of the icon for the component. For error and information variant, the icon is predefined.
          */
         "icon": string;
         /**
@@ -92,9 +92,13 @@ export namespace Components {
          */
         "showBanner": () => Promise<void>;
         /**
-          * Type of Banner
+          * Subheader text.
          */
-        "type": 'error' | 'information' | 'none';
+        "subheader": string;
+        /**
+          * Variant of Banner
+         */
+        "variant": 'error' | 'information' | 'none';
     }
     interface TdsBlock {
         /**
@@ -121,10 +125,6 @@ export namespace Components {
           * Boolean for the current link
          */
         "current": boolean;
-        /**
-          * Toggle the disabled state for the Breadcrumb
-         */
-        "disabled": boolean;
     }
     interface TdsBreadcrumbs {
     }
@@ -141,15 +141,22 @@ export namespace Components {
           * Set the mode variant of the Button.
          */
         "modeVariant": 'primary' | 'secondary';
+        /**
+          * Size of a Button
+         */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Text displayed inside the Button
          */
         "text": string;
         /**
-          * Type of Button
+          * Button's type
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
          */
-        "type": 'primary' | 'secondary' | 'ghost' | 'danger';
+        "variant": 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
@@ -176,18 +183,10 @@ export namespace Components {
           * Text in the header
          */
         "header": string;
-        /**
-          * Header image src
-         */
-        "headerImg": string;
-        /**
-          * Alt text for the header image
-         */
-        "headerImgAlt": string;
         /**
           * Placement of the header
          */
-        "headerPlacement": 'above' | 'below';
+        "imagePlacement": 'above-header' | 'below-header';
         /**
           * Variant of the Card based on the theme used.
          */
@@ -312,147 +311,6 @@ export namespace Components {
         "orientation": 'horizontal' | 'vertical';
     }
     interface TdsDropdown {
-        /**
-          * Add the value of the option as string to set it as default
-         */
-        "defaultOption": string;
-        /**
-          * Set to true for disabled states
-         */
-        "disabled": boolean;
-        /**
-          * Add helper text in the bottom of Dropdown
-         */
-        "helper": string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline": boolean;
-        /**
-          * Label text for label inside & outside
-         */
-        "label": string;
-        /**
-          * Controls position of label
-         */
-        "labelPosition": 'no-label' | 'inside' | 'outside';
-        /**
-          * Set the variant of the Dropdown.
-         */
-        "modeVariant": 'primary' | 'secondary';
-        /**
-          * Direction that the Dropdown will open. Default is auto.
-         */
-        "openDirection": 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for Dropdown with no selectedLabel item
-         */
-        "placeholder": string;
-        "resetOption": () => Promise<void>;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption": string;
-        /**
-          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state": boolean;
-        /**
-          * `Controls type of Dropdown.
-         */
-        "type": 'default' | 'multiselect' | 'filter';
-    }
-    interface TdsDropdownFilter {
-        /**
-          * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-         */
-        "data": string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "defaultOption": string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "disabled": boolean;
-        /**
-          * Add helper text in the bottom of Dropdown
-         */
-        "helper": string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline": boolean;
-        /**
-          * Label for Dropdown with no selected item
-         */
-        "label": string;
-        /**
-          * Position of label
-         */
-        "labelPosition": 'no-label' | 'outside';
-        /**
-          * Set the variant of the Dropdown.
-         */
-        "modeVariant": 'primary' | 'secondary';
-        /**
-          * Direction that the Dropdown will open. Default is auto.
-         */
-        "openDirection": 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for Dropdown with no selected item
-         */
-        "placeholder": string;
-        /**
-          * Use this method to reset the Dropdown. Then it will go back to its initial state.
-         */
-        "resetOption": () => Promise<void>;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption": string;
-        /**
-          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state": boolean;
-    }
-    interface TdsDropdownOption {
-        /**
-          * Sets option to disabled state if true
-         */
-        "disabled": boolean;
-        /**
-          * Set to true if selected
-         */
-        "selected": boolean;
-        /**
-          * Value is a unique string that will be used for application logic
-         */
-        "value": string;
-    }
-    interface TdsDropdownOptionV2 {
-        /**
-          * Sets the option as disabled.
-         */
-        "disabled": boolean;
-        /**
-          * Method to select/deselect an option if the option is not disabled.
-         */
-        "setSelected": (selected: boolean) => Promise<void>;
-        /**
-          * Value for the Dropdown option.
-         */
-        "value": string;
-    }
-    interface TdsDropdownV2 {
         /**
           * Method for closing the Dropdown.
          */
@@ -530,6 +388,20 @@ export namespace Components {
          */
         "size": 'sm' | 'md' | 'lg';
     }
+    interface TdsDropdownOption {
+        /**
+          * Sets the option as disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Method to select/deselect an option if the option is not disabled.
+         */
+        "setSelected": (selected: boolean) => Promise<void>;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value": string;
+    }
     interface TdsFolderTab {
         /**
           * Disables the Tab.
@@ -600,7 +472,7 @@ export namespace Components {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
-        "buttonLabel": string;
+        "label": string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
          */
@@ -611,7 +483,10 @@ export namespace Components {
         "selected": boolean;
     }
     interface TdsHeaderDropdownList {
-        "type": 'lg' | 'md';
+        /**
+          * The size of the component.
+         */
+        "size": 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
@@ -619,15 +494,15 @@ export namespace Components {
          */
         "selected": boolean;
         /**
-          * The type of the list.
+          * The size of the component.
          */
-        "type": 'md' | 'lg';
+        "size": 'md' | 'lg';
     }
     interface TdsHeaderDropdownListUser {
         /**
-          * Heading, usually the users first name and last name.
+          * Header text, usually the users first name and last name.
          */
-        "heading": string;
+        "header": string;
         /**
           * Image alt text.
          */
@@ -637,9 +512,9 @@ export namespace Components {
          */
         "imgUrl": string;
         /**
-          * Subheading.
+          * Subheader text.
          */
-        "subheading": string;
+        "subheader": string;
     }
     interface TdsHeaderHamburger {
     }
@@ -738,9 +613,9 @@ export namespace Components {
          */
         "noIcon": boolean;
         /**
-          * Type of Message.
+          * Variant of Message.
          */
-        "type": 'information' | 'error' | 'warning' | 'success';
+        "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsModal {
         /**
@@ -751,6 +626,10 @@ export namespace Components {
           * Closes the Modal.
          */
         "closeModal": () => Promise<void>;
+        /**
+          * Sets the header of the Modal.
+         */
+        "header": string;
         /**
           * Disables closing Modal on clicking on overlay area.
          */
@@ -758,7 +637,7 @@ export namespace Components {
         /**
           * Element that will show the Modal (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * CSS selector for the element that will show the Modal.
          */
@@ -821,7 +700,7 @@ export namespace Components {
         /**
           * Element that will trigger the Popover (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Popover
          */
@@ -831,6 +710,44 @@ export namespace Components {
          */
         "show": boolean;
     }
+    interface TdsPopoverCore {
+        /**
+          * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+         */
+        "autoHide": boolean;
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers": Object[];
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance": number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding": number;
+        /**
+          * Decides the placement of the Popover Menu
+         */
+        "placement": Placement;
+        /**
+          * Element that will trigger the pop-over (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement | null;
+        /**
+          * The CSS-selector for an element that will trigger the pop-over
+         */
+        "selector": string;
+        /**
+          * Decides if the Popover Menu should be visible from the start
+         */
+        "show": boolean;
+        /**
+          * What triggers the popover to show
+         */
+        "trigger": 'click' | 'hover' | 'hover-popover';
+    }
     interface TdsPopoverMenu {
         /**
           * Sets the offset distance
@@ -847,7 +764,7 @@ export namespace Components {
         /**
           * Element that will trigger the pop-over (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the pop-over
          */
@@ -1125,9 +1042,9 @@ export namespace Components {
          */
         "bodyData": any;
         /**
-          * Prop for showcase of rendering JSON in body-data, just for presentation purposes
+          * Prop for no result message when using filtering
          */
-        "enableDummyData": boolean;
+        "noResultMessage": string;
     }
     interface TdsTableBodyRow {
     }
@@ -1139,23 +1056,23 @@ export namespace Components {
     }
     interface TdsTableFooter {
         /**
-          * 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
+          * <b>Client override</b> Used to set the number of columns, use as fallback if the automatic count of columns fail.
          */
-        "clientSetColumnsNumber": number;
+        "cols": number;
         /**
-          * Prop for a client to set max number of pages.
+          * Sets the default page number.
          */
-        "maxPages": number;
+        "defaultPage": number;
         /**
-          * Enable pagination and show pagination controls
+          * Sets the number of pages.
          */
-        "pagination": boolean;
+        "pages": number;
         /**
-          * Sets the pagination number.
+          * Enable pagination and show pagination controls
          */
-        "paginationValue": number;
+        "pagination": boolean;
         /**
-          * Sets how many rows to display when pagination is enabled.
+          * @deprecated Used to set rows per page, this also enabled automatic pagination of the table.
          */
         "rowsPerPage": number;
     }
@@ -1327,7 +1244,7 @@ export namespace Components {
         /**
           * Type of Toast.
          */
-        "type": 'information' | 'error' | 'warning' | 'success';
+        "variant": 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
@@ -1375,7 +1292,7 @@ export namespace Components {
         /**
           * Element that will trigger the Tooltip (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Tooltip
          */
@@ -1422,14 +1339,6 @@ export interface TdsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTdsDropdownOptionElement;
 }
-export interface TdsDropdownOptionV2CustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLTdsDropdownOptionV2Element;
-}
-export interface TdsDropdownV2CustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLTdsDropdownV2Element;
-}
 export interface TdsFolderTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTdsFolderTabsElement;
@@ -1450,6 +1359,10 @@ export interface TdsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTdsNavigationTabsElement;
 }
+export interface TdsPopoverCoreCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTdsPopoverCoreElement;
+}
 export interface TdsRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTdsRadioButtonElement;
@@ -1611,30 +1524,12 @@ declare global {
         prototype: HTMLTdsDropdownElement;
         new (): HTMLTdsDropdownElement;
     };
-    interface HTMLTdsDropdownFilterElement extends Components.TdsDropdownFilter, HTMLStencilElement {
-    }
-    var HTMLTdsDropdownFilterElement: {
-        prototype: HTMLTdsDropdownFilterElement;
-        new (): HTMLTdsDropdownFilterElement;
-    };
     interface HTMLTdsDropdownOptionElement extends Components.TdsDropdownOption, HTMLStencilElement {
     }
     var HTMLTdsDropdownOptionElement: {
         prototype: HTMLTdsDropdownOptionElement;
         new (): HTMLTdsDropdownOptionElement;
     };
-    interface HTMLTdsDropdownOptionV2Element extends Components.TdsDropdownOptionV2, HTMLStencilElement {
-    }
-    var HTMLTdsDropdownOptionV2Element: {
-        prototype: HTMLTdsDropdownOptionV2Element;
-        new (): HTMLTdsDropdownOptionV2Element;
-    };
-    interface HTMLTdsDropdownV2Element extends Components.TdsDropdownV2, HTMLStencilElement {
-    }
-    var HTMLTdsDropdownV2Element: {
-        prototype: HTMLTdsDropdownV2Element;
-        new (): HTMLTdsDropdownV2Element;
-    };
     interface HTMLTdsFolderTabElement extends Components.TdsFolderTab, HTMLStencilElement {
     }
     var HTMLTdsFolderTabElement: {
@@ -1827,6 +1722,12 @@ declare global {
         prototype: HTMLTdsPopoverCanvasElement;
         new (): HTMLTdsPopoverCanvasElement;
     };
+    interface HTMLTdsPopoverCoreElement extends Components.TdsPopoverCore, HTMLStencilElement {
+    }
+    var HTMLTdsPopoverCoreElement: {
+        prototype: HTMLTdsPopoverCoreElement;
+        new (): HTMLTdsPopoverCoreElement;
+    };
     interface HTMLTdsPopoverMenuElement extends Components.TdsPopoverMenu, HTMLStencilElement {
     }
     var HTMLTdsPopoverMenuElement: {
@@ -2018,10 +1919,7 @@ declare global {
         "tds-datetime": HTMLTdsDatetimeElement;
         "tds-divider": HTMLTdsDividerElement;
         "tds-dropdown": HTMLTdsDropdownElement;
-        "tds-dropdown-filter": HTMLTdsDropdownFilterElement;
         "tds-dropdown-option": HTMLTdsDropdownOptionElement;
-        "tds-dropdown-option-v2": HTMLTdsDropdownOptionV2Element;
-        "tds-dropdown-v2": HTMLTdsDropdownV2Element;
         "tds-folder-tab": HTMLTdsFolderTabElement;
         "tds-folder-tabs": HTMLTdsFolderTabsElement;
         "tds-footer": HTMLTdsFooterElement;
@@ -2054,6 +1952,7 @@ declare global {
         "tds-navigation-tab": HTMLTdsNavigationTabElement;
         "tds-navigation-tabs": HTMLTdsNavigationTabsElement;
         "tds-popover-canvas": HTMLTdsPopoverCanvasElement;
+        "tds-popover-core": HTMLTdsPopoverCoreElement;
         "tds-popover-menu": HTMLTdsPopoverMenuElement;
         "tds-radio-button": HTMLTdsRadioButtonElement;
         "tds-side-menu": HTMLTdsSideMenuElement;
@@ -2148,7 +2047,7 @@ declare namespace LocalJSX {
          */
         "hidden"?: boolean;
         /**
-          * Name of the icon for the component. For error and information type, the icon is predefined.
+          * Name of the icon for the component. For error and information variant, the icon is predefined.
          */
         "icon"?: string;
         /**
@@ -2168,9 +2067,13 @@ declare namespace LocalJSX {
          */
         "persistent"?: boolean;
         /**
-          * Type of Banner
+          * Subheader text.
          */
-        "type"?: 'error' | 'information' | 'none';
+        "subheader"?: string;
+        /**
+          * Variant of Banner
+         */
+        "variant"?: 'error' | 'information' | 'none';
     }
     interface TdsBlock {
         /**
@@ -2197,10 +2100,6 @@ declare namespace LocalJSX {
           * Boolean for the current link
          */
         "current"?: boolean;
-        /**
-          * Toggle the disabled state for the Breadcrumb
-         */
-        "disabled"?: boolean;
     }
     interface TdsBreadcrumbs {
     }
@@ -2217,15 +2116,22 @@ declare namespace LocalJSX {
           * Set the mode variant of the Button.
          */
         "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Size of a Button
+         */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Text displayed inside the Button
          */
         "text"?: string;
         /**
-          * Type of Button
+          * Button's type
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
          */
-        "type"?: 'primary' | 'secondary' | 'ghost' | 'danger';
+        "variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
     interface TdsCard {
         /**
@@ -2252,18 +2158,10 @@ declare namespace LocalJSX {
           * Text in the header
          */
         "header"?: string;
-        /**
-          * Header image src
-         */
-        "headerImg"?: string;
-        /**
-          * Alt text for the header image
-         */
-        "headerImgAlt"?: string;
         /**
           * Placement of the header
          */
-        "headerPlacement"?: 'above' | 'below';
+        "imagePlacement"?: 'above-header' | 'below-header';
         /**
           * Variant of the Card based on the theme used.
          */
@@ -2431,153 +2329,6 @@ declare namespace LocalJSX {
         "orientation"?: 'horizontal' | 'vertical';
     }
     interface TdsDropdown {
-        /**
-          * Add the value of the option as string to set it as default
-         */
-        "defaultOption"?: string;
-        /**
-          * Set to true for disabled states
-         */
-        "disabled"?: boolean;
-        /**
-          * Add helper text in the bottom of Dropdown
-         */
-        "helper"?: string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline"?: boolean;
-        /**
-          * Label text for label inside & outside
-         */
-        "label"?: string;
-        /**
-          * Controls position of label
-         */
-        "labelPosition"?: 'no-label' | 'inside' | 'outside';
-        /**
-          * Set the variant of the Dropdown.
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        /**
-          * Direction that the Dropdown will open. Default is auto.
-         */
-        "openDirection"?: 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for Dropdown with no selectedLabel item
-         */
-        "placeholder"?: string;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption"?: string;
-        /**
-          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state"?: boolean;
-        /**
-          * `Controls type of Dropdown.
-         */
-        "type"?: 'default' | 'multiselect' | 'filter';
-    }
-    interface TdsDropdownFilter {
-        /**
-          * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-         */
-        "data"?: string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "defaultOption"?: string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "disabled"?: boolean;
-        /**
-          * Add helper text in the bottom of Dropdown
-         */
-        "helper"?: string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline"?: boolean;
-        /**
-          * Label for Dropdown with no selected item
-         */
-        "label"?: string;
-        /**
-          * Position of label
-         */
-        "labelPosition"?: 'no-label' | 'outside';
-        /**
-          * Set the variant of the Dropdown.
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        /**
-          * Direction that the Dropdown will open. Default is auto.
-         */
-        "openDirection"?: 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for Dropdown with no selected item
-         */
-        "placeholder"?: string;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption"?: string;
-        /**
-          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state"?: boolean;
-    }
-    interface TdsDropdownOption {
-        /**
-          * Sets option to disabled state if true
-         */
-        "disabled"?: boolean;
-        /**
-          * Set to true if selected
-         */
-        "selected"?: boolean;
-        /**
-          * Value is a unique string that will be used for application logic
-         */
-        "value"?: string;
-    }
-    interface TdsDropdownOptionV2 {
-        /**
-          * Sets the option as disabled.
-         */
-        "disabled"?: boolean;
-        /**
-          * Blur event for the Dropdown option.
-         */
-        "onTdsBlur"?: (event: TdsDropdownOptionV2CustomEvent<FocusEvent>) => void;
-        /**
-          * Focus event for the Dropdown option.
-         */
-        "onTdsFocus"?: (event: TdsDropdownOptionV2CustomEvent<FocusEvent>) => void;
-        /**
-          * Click event for the Dropdown option.
-         */
-        "onTdsSelect"?: (event: TdsDropdownOptionV2CustomEvent<{
-    selected: boolean;
-    value: string;
-  }>) => void;
-        /**
-          * Value for the Dropdown option.
-         */
-        "value"?: string;
-    }
-    interface TdsDropdownV2 {
         /**
           * Default value selected in the Dropdown.
          */
@@ -2625,22 +2376,22 @@ declare namespace LocalJSX {
         /**
           * Blur event for the Dropdown.
          */
-        "onTdsBlur"?: (event: TdsDropdownV2CustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsDropdownCustomEvent<FocusEvent>) => void;
         /**
           * Change event for the Dropdown.
          */
-        "onTdsChange"?: (event: TdsDropdownV2CustomEvent<{
+        "onTdsChange"?: (event: TdsDropdownCustomEvent<{
     name: string;
     value: string;
   }>) => void;
         /**
           * Focus event for the Dropdown.
          */
-        "onTdsFocus"?: (event: TdsDropdownV2CustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsDropdownCustomEvent<FocusEvent>) => void;
         /**
           * Input event for the Dropdown.
          */
-        "onTdsInput"?: (event: TdsDropdownV2CustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
         /**
           * The direction the Dropdown should open, auto if not specified.
          */
@@ -2658,6 +2409,31 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'md' | 'lg';
     }
+    interface TdsDropdownOption {
+        /**
+          * Sets the option as disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Blur event for the Dropdown option.
+         */
+        "onTdsBlur"?: (event: TdsDropdownOptionCustomEvent<FocusEvent>) => void;
+        /**
+          * Focus event for the Dropdown option.
+         */
+        "onTdsFocus"?: (event: TdsDropdownOptionCustomEvent<FocusEvent>) => void;
+        /**
+          * Click event for the Dropdown option.
+         */
+        "onTdsSelect"?: (event: TdsDropdownOptionCustomEvent<{
+    selected: boolean;
+    value: string;
+  }>) => void;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value"?: string;
+    }
     interface TdsFolderTab {
         /**
           * Disables the Tab.
@@ -2736,7 +2512,7 @@ declare namespace LocalJSX {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
-        "buttonLabel"?: string;
+        "label"?: string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
          */
@@ -2747,7 +2523,10 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface TdsHeaderDropdownList {
-        "type"?: 'lg' | 'md';
+        /**
+          * The size of the component.
+         */
+        "size"?: 'lg' | 'md';
     }
     interface TdsHeaderDropdownListItem {
         /**
@@ -2755,15 +2534,15 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
         /**
-          * The type of the list.
+          * The size of the component.
          */
-        "type"?: 'md' | 'lg';
+        "size"?: 'md' | 'lg';
     }
     interface TdsHeaderDropdownListUser {
         /**
-          * Heading, usually the users first name and last name.
+          * Header text, usually the users first name and last name.
          */
-        "heading"?: string;
+        "header"?: string;
         /**
           * Image alt text.
          */
@@ -2773,9 +2552,9 @@ declare namespace LocalJSX {
          */
         "imgUrl"?: string;
         /**
-          * Subheading.
+          * Subheader text.
          */
-        "subheading"?: string;
+        "subheader"?: string;
     }
     interface TdsHeaderHamburger {
     }
@@ -2872,15 +2651,19 @@ declare namespace LocalJSX {
          */
         "noIcon"?: boolean;
         /**
-          * Type of Message.
+          * Variant of Message.
          */
-        "type"?: 'information' | 'error' | 'warning' | 'success';
+        "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsModal {
         /**
           * Sticky or Static Actions
          */
         "actions"?: 'sticky' | 'static';
+        /**
+          * Sets the header of the Modal.
+         */
+        "header"?: string;
         /**
           * Emits when the Modal is closed.
          */
@@ -2892,7 +2675,7 @@ declare namespace LocalJSX {
         /**
           * Element that will show the Modal (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * CSS selector for the element that will show the Modal.
          */
@@ -2952,7 +2735,7 @@ declare namespace LocalJSX {
         /**
           * Element that will trigger the Popover (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Popover
          */
@@ -2962,6 +2745,44 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
+    interface TdsPopoverCore {
+        /**
+          * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+         */
+        "autoHide"?: boolean;
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers"?: Object[];
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance"?: number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding"?: number;
+        /**
+          * Decides the placement of the Popover Menu
+         */
+        "placement"?: Placement;
+        /**
+          * Element that will trigger the pop-over (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement | null;
+        /**
+          * The CSS-selector for an element that will trigger the pop-over
+         */
+        "selector"?: string;
+        /**
+          * Decides if the Popover Menu should be visible from the start
+         */
+        "show"?: boolean;
+        /**
+          * What triggers the popover to show
+         */
+        "trigger"?: 'click' | 'hover' | 'hover-popover';
+    }
     interface TdsPopoverMenu {
         /**
           * Sets the offset distance
@@ -2978,7 +2799,7 @@ declare namespace LocalJSX {
         /**
           * Element that will trigger the pop-over (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the pop-over
          */
@@ -3274,9 +3095,9 @@ declare namespace LocalJSX {
          */
         "bodyData"?: any;
         /**
-          * Prop for showcase of rendering JSON in body-data, just for presentation purposes
+          * Prop for no result message when using filtering
          */
-        "enableDummyData"?: boolean;
+        "noResultMessage"?: string;
     }
     interface TdsTableBodyRow {
     }
@@ -3288,13 +3109,13 @@ declare namespace LocalJSX {
     }
     interface TdsTableFooter {
         /**
-          * 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
+          * <b>Client override</b> Used to set the number of columns, use as fallback if the automatic count of columns fail.
          */
-        "clientSetColumnsNumber"?: number;
+        "cols"?: number;
         /**
-          * Prop for a client to set max number of pages.
+          * Sets the default page number.
          */
-        "maxPages"?: number;
+        "defaultPage"?: number;
         /**
           * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
@@ -3303,15 +3124,15 @@ declare namespace LocalJSX {
     paginationValue: number;
   }>) => void;
         /**
-          * Enable pagination and show pagination controls
+          * Sets the number of pages.
          */
-        "pagination"?: boolean;
+        "pages"?: number;
         /**
-          * Sets the pagination number.
+          * Enable pagination and show pagination controls
          */
-        "paginationValue"?: number;
+        "pagination"?: boolean;
         /**
-          * Sets how many rows to display when pagination is enabled.
+          * @deprecated Used to set rows per page, this also enabled automatic pagination of the table.
          */
         "rowsPerPage"?: number;
     }
@@ -3520,7 +3341,7 @@ declare namespace LocalJSX {
         /**
           * Type of Toast.
          */
-        "type"?: 'information' | 'error' | 'warning' | 'success';
+        "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface TdsToggle {
         /**
@@ -3571,7 +3392,7 @@ declare namespace LocalJSX {
         /**
           * Element that will trigger the Tooltip (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Tooltip
          */
@@ -3602,10 +3423,7 @@ declare namespace LocalJSX {
         "tds-datetime": TdsDatetime;
         "tds-divider": TdsDivider;
         "tds-dropdown": TdsDropdown;
-        "tds-dropdown-filter": TdsDropdownFilter;
         "tds-dropdown-option": TdsDropdownOption;
-        "tds-dropdown-option-v2": TdsDropdownOptionV2;
-        "tds-dropdown-v2": TdsDropdownV2;
         "tds-folder-tab": TdsFolderTab;
         "tds-folder-tabs": TdsFolderTabs;
         "tds-footer": TdsFooter;
@@ -3638,6 +3456,7 @@ declare namespace LocalJSX {
         "tds-navigation-tab": TdsNavigationTab;
         "tds-navigation-tabs": TdsNavigationTabs;
         "tds-popover-canvas": TdsPopoverCanvas;
+        "tds-popover-core": TdsPopoverCore;
         "tds-popover-menu": TdsPopoverMenu;
         "tds-radio-button": TdsRadioButton;
         "tds-side-menu": TdsSideMenu;
@@ -3689,10 +3508,7 @@ declare module "@stencil/core" {
             "tds-datetime": LocalJSX.TdsDatetime & JSXBase.HTMLAttributes<HTMLTdsDatetimeElement>;
             "tds-divider": LocalJSX.TdsDivider & JSXBase.HTMLAttributes<HTMLTdsDividerElement>;
             "tds-dropdown": LocalJSX.TdsDropdown & JSXBase.HTMLAttributes<HTMLTdsDropdownElement>;
-            "tds-dropdown-filter": LocalJSX.TdsDropdownFilter & JSXBase.HTMLAttributes<HTMLTdsDropdownFilterElement>;
             "tds-dropdown-option": LocalJSX.TdsDropdownOption & JSXBase.HTMLAttributes<HTMLTdsDropdownOptionElement>;
-            "tds-dropdown-option-v2": LocalJSX.TdsDropdownOptionV2 & JSXBase.HTMLAttributes<HTMLTdsDropdownOptionV2Element>;
-            "tds-dropdown-v2": LocalJSX.TdsDropdownV2 & JSXBase.HTMLAttributes<HTMLTdsDropdownV2Element>;
             "tds-folder-tab": LocalJSX.TdsFolderTab & JSXBase.HTMLAttributes<HTMLTdsFolderTabElement>;
             "tds-folder-tabs": LocalJSX.TdsFolderTabs & JSXBase.HTMLAttributes<HTMLTdsFolderTabsElement>;
             "tds-footer": LocalJSX.TdsFooter & JSXBase.HTMLAttributes<HTMLTdsFooterElement>;
@@ -3725,6 +3541,7 @@ declare module "@stencil/core" {
             "tds-navigation-tab": LocalJSX.TdsNavigationTab & JSXBase.HTMLAttributes<HTMLTdsNavigationTabElement>;
             "tds-navigation-tabs": LocalJSX.TdsNavigationTabs & JSXBase.HTMLAttributes<HTMLTdsNavigationTabsElement>;
             "tds-popover-canvas": LocalJSX.TdsPopoverCanvas & JSXBase.HTMLAttributes<HTMLTdsPopoverCanvasElement>;
+            "tds-popover-core": LocalJSX.TdsPopoverCore & JSXBase.HTMLAttributes<HTMLTdsPopoverCoreElement>;
             "tds-popover-menu": LocalJSX.TdsPopoverMenu & JSXBase.HTMLAttributes<HTMLTdsPopoverMenuElement>;
             "tds-radio-button": LocalJSX.TdsRadioButton & JSXBase.HTMLAttributes<HTMLTdsRadioButtonElement>;
             "tds-side-menu": LocalJSX.TdsSideMenu & JSXBase.HTMLAttributes<HTMLTdsSideMenuElement>;