@scania/tegel 0.0.4 → 0.0.5

package/dist/types/components.d.ts

@@ -6,15 +6,11 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
-import { TablePropsChangedEvent } from "./components/data-table/table/table";
+import { InternalSddsTablePropChange } from "./components/data-table/table/table";
 export { Placement } from "@popperjs/core";
-export { TablePropsChangedEvent } from "./components/data-table/table/table";
+export { InternalSddsTablePropChange } from "./components/data-table/table/table";
 export namespace Components {
     interface SddsAccordion {
-        /**
-          * Enable or disable divider lines between items
-         */
-        "divider": boolean;
         /**
           * Set the variant of the the accordion.
          */
@@ -136,7 +132,7 @@ export namespace Components {
     }
     interface SddsBreadcrumb {
     }
-    interface SddsBreadcrumbItem {
+    interface SddsBreadcrumbLink {
         /**
           * Boolean for the current link
          */
@@ -279,7 +275,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Set the variant of the the datetime component.
+          * Set the variant of the datetime component.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -287,13 +283,13 @@ export namespace Components {
          */
         "name": string;
         /**
-          * With setting
+          * Resets min width rule
          */
         "noMinWidth": boolean;
         /**
           * Size of the input
          */
-        "size": 'sm' | 'md' | '';
+        "size": 'sm' | 'md' | 'lg';
         /**
           * Error state of input
          */
@@ -307,6 +303,12 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsDivider {
+        /**
+          * Orientation of the Divider, horizontal if not specified.
+         */
+        "orientation": 'horizontal' | 'vertical';
+    }
     interface SddsDropdown {
         /**
           * Add the value of the option as string to set it as default
@@ -333,11 +335,11 @@ export namespace Components {
          */
         "labelPosition": 'no-label' | 'inside' | 'outside';
         /**
-          * Set the variant of the the dropdown.
+          * Set the variant of the dropdown.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Direction that the dropdown will open. By default set to auto.
+          * Direction that the dropdown will open. Default is auto.
          */
         "openDirection": 'down' | 'up' | 'auto';
         /**
@@ -356,7 +358,7 @@ export namespace Components {
         /**
           * Support `error` state
          */
-        "state": string;
+        "state": boolean;
         /**
           * `Controls type of dropdown.
          */
@@ -390,7 +392,11 @@ export namespace Components {
         /**
           * Position of label
          */
-        "labelPosition": 'no-label' | 'inside' | 'outside';
+        "labelPosition": 'no-label' | 'outside';
+        /**
+          * Set the variant of the dropdown.
+         */
+        "modeVariant": 'primary' | 'secondary';
         /**
           * Placeholder text for dropdown with no selected item
          */
@@ -410,7 +416,7 @@ export namespace Components {
         /**
           * Support `error` state
          */
-        "state": string;
+        "state": boolean;
     }
     interface SddsDropdownOption {
         /**
@@ -426,6 +432,50 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsFolderTabs {
+        /**
+          * Variant of the tabs, primary= on white, secondary= on grey50
+         */
+        "modeVariant": 'primary' | 'secondary';
+        /**
+          * Sets the passed tabindex as the selected tab.
+         */
+        "selectTab": (tabIndex: number) => Promise<{ selectedTab: string; selectedTabIndex: number; }>;
+    }
+    interface SddsFolderTabsButton {
+        /**
+          * Disables the tab.
+         */
+        "disabled": boolean;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected": boolean;
+        "setTabWidth": (width: number) => Promise<void>;
+    }
+    interface SddsFolderTabsLink {
+        /**
+          * Disables the tab.
+         */
+        "disabled": boolean;
+        /**
+          * Href for the link
+         */
+        "href": string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel": string;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected": boolean;
+        "setTabWidth": (width: number) => Promise<void>;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
+    }
     interface SddsFooter {
         /**
           * Mode variant of the component, based on current mode.
@@ -484,34 +534,47 @@ export namespace Components {
          */
         "size": string;
     }
-    interface SddsInlineTab {
-        "default": boolean;
-        "disabled": boolean;
-        "label": string;
-    }
     interface SddsInlineTabs {
         /**
-          * different height settings. right now only supports "auto", otherwise ignored
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "autoHeight": boolean;
+        "modeVariant": 'primary' | 'secondary';
         /**
-          * either use this (default-tab="...") or read attribute "default" from one of the slotted children.
+          * Selects a tab based on tabindex, will not select a disabled tab.
          */
-        "defaultTab": string;
+        "selectTab": (tabIndex: number) => Promise<{ selectedTab: string; selectedTabIndex: number; }>;
+    }
+    interface SddsInlineTabsButton {
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Disables the tab.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "disabled": boolean;
         /**
-          * used for switching to a tab programmatically
+          * Marks the tab as the selected one.
          */
-        "showTab": (key: string) => Promise<void>;
+        "selected": boolean;
     }
-    interface SddsInlineTabsFullbleed {
+    interface SddsInlineTabsLink {
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Disables the tab.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "disabled": boolean;
+        /**
+          * Href for the link
+         */
+        "href": string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel": string;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected": boolean;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsLink {
         /**
@@ -562,15 +625,30 @@ export namespace Components {
           * Sticky or Static Actions
          */
         "actions": 'sticky' | 'static';
-        "open": boolean;
         /**
-          * Shows the modal
+          * Closes the modal.
          */
-        "openModal": () => Promise<void>;
+        "closeModal": () => Promise<void>;
         /**
           * Disables closing modal on clicking on overlay area.
          */
         "prevent": boolean;
+        /**
+          * Element that will show the modal (takes priority over selector)
+         */
+        "referenceEl": HTMLElement;
+        /**
+          * CSS selector for the element that will show the modal.
+         */
+        "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;
+        /**
+          * Shows the modal.
+         */
+        "showModal": () => Promise<void>;
         /**
           * Size of modal
          */
@@ -581,8 +659,48 @@ export namespace Components {
           * Variant of the tabs, primary= on white, secondary= on grey50
          */
         "modeVariant": 'primary' | 'secondary';
+        /**
+          * Selects a tab based on tabindex, will not select a disabled tab.
+         */
+        "selectTab": (tabIndex: number) => Promise<{ selectedTab: string; selectedTabIndex: number; }>;
+    }
+    interface SddsNavigationTabsButton {
+        /**
+          * Disables the tab.
+         */
+        "disabled": boolean;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected": boolean;
+    }
+    interface SddsNavigationTabsLink {
+        /**
+          * Disables the tab.
+         */
+        "disabled": boolean;
+        /**
+          * Href for the link
+         */
+        "href": string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel": string;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected": boolean;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsPopoverCanvas {
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers": Object[];
         /**
           * Sets the offset distance
          */
@@ -592,7 +710,7 @@ export namespace Components {
          */
         "offsetSkidding": number;
         /**
-          * Decides the placement of the Popover Canvas
+          * Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
          */
         "placement": Placement;
         /**
@@ -604,7 +722,7 @@ export namespace Components {
          */
         "selector": string;
         /**
-          * Decides if the Popover Canvas should be visible from the start
+          * Controls wether 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.
          */
         "show": boolean;
     }
@@ -698,13 +816,13 @@ export namespace Components {
          */
         "reset": () => Promise<void>;
         /**
-          * Decide to show numbers above the tick markers or not
+          * Sets the size of the scrubber
          */
-        "showTickNumbers": boolean;
+        "scrubberSize": 'sm' | 'lg';
         /**
-          * Sets the size of the scrubber
+          * Decide to show numbers above the tick markers or not
          */
-        "size": 'sm' | '';
+        "showTickNumbers": boolean;
         /**
           * Id for the sliders input element, randomly generated if not specified.
          */
@@ -1121,10 +1239,26 @@ export interface SddsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsDropdownOptionElement;
 }
+export interface SddsFolderTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsFolderTabsElement;
+}
 export interface SddsHeaderCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsHeaderCellElement;
 }
+export interface SddsInlineTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsInlineTabsElement;
+}
+export interface SddsModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsModalElement;
+}
+export interface SddsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsNavigationTabsElement;
+}
 export interface SddsRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsRadioButtonElement;
@@ -1220,11 +1354,11 @@ declare global {
         prototype: HTMLSddsBreadcrumbElement;
         new (): HTMLSddsBreadcrumbElement;
     };
-    interface HTMLSddsBreadcrumbItemElement extends Components.SddsBreadcrumbItem, HTMLStencilElement {
+    interface HTMLSddsBreadcrumbLinkElement extends Components.SddsBreadcrumbLink, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbItemElement: {
-        prototype: HTMLSddsBreadcrumbItemElement;
-        new (): HTMLSddsBreadcrumbItemElement;
+    var HTMLSddsBreadcrumbLinkElement: {
+        prototype: HTMLSddsBreadcrumbLinkElement;
+        new (): HTMLSddsBreadcrumbLinkElement;
     };
     interface HTMLSddsButtonElement extends Components.SddsButton, HTMLStencilElement {
     }
@@ -1250,6 +1384,12 @@ declare global {
         prototype: HTMLSddsDatetimeElement;
         new (): HTMLSddsDatetimeElement;
     };
+    interface HTMLSddsDividerElement extends Components.SddsDivider, HTMLStencilElement {
+    }
+    var HTMLSddsDividerElement: {
+        prototype: HTMLSddsDividerElement;
+        new (): HTMLSddsDividerElement;
+    };
     interface HTMLSddsDropdownElement extends Components.SddsDropdown, HTMLStencilElement {
     }
     var HTMLSddsDropdownElement: {
@@ -1268,6 +1408,24 @@ declare global {
         prototype: HTMLSddsDropdownOptionElement;
         new (): HTMLSddsDropdownOptionElement;
     };
+    interface HTMLSddsFolderTabsElement extends Components.SddsFolderTabs, HTMLStencilElement {
+    }
+    var HTMLSddsFolderTabsElement: {
+        prototype: HTMLSddsFolderTabsElement;
+        new (): HTMLSddsFolderTabsElement;
+    };
+    interface HTMLSddsFolderTabsButtonElement extends Components.SddsFolderTabsButton, HTMLStencilElement {
+    }
+    var HTMLSddsFolderTabsButtonElement: {
+        prototype: HTMLSddsFolderTabsButtonElement;
+        new (): HTMLSddsFolderTabsButtonElement;
+    };
+    interface HTMLSddsFolderTabsLinkElement extends Components.SddsFolderTabsLink, HTMLStencilElement {
+    }
+    var HTMLSddsFolderTabsLinkElement: {
+        prototype: HTMLSddsFolderTabsLinkElement;
+        new (): HTMLSddsFolderTabsLinkElement;
+    };
     interface HTMLSddsFooterElement extends Components.SddsFooter, HTMLStencilElement {
     }
     var HTMLSddsFooterElement: {
@@ -1298,23 +1456,23 @@ declare global {
         prototype: HTMLSddsIconElement;
         new (): HTMLSddsIconElement;
     };
-    interface HTMLSddsInlineTabElement extends Components.SddsInlineTab, HTMLStencilElement {
-    }
-    var HTMLSddsInlineTabElement: {
-        prototype: HTMLSddsInlineTabElement;
-        new (): HTMLSddsInlineTabElement;
-    };
     interface HTMLSddsInlineTabsElement extends Components.SddsInlineTabs, HTMLStencilElement {
     }
     var HTMLSddsInlineTabsElement: {
         prototype: HTMLSddsInlineTabsElement;
         new (): HTMLSddsInlineTabsElement;
     };
-    interface HTMLSddsInlineTabsFullbleedElement extends Components.SddsInlineTabsFullbleed, HTMLStencilElement {
+    interface HTMLSddsInlineTabsButtonElement extends Components.SddsInlineTabsButton, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsFullbleedElement: {
-        prototype: HTMLSddsInlineTabsFullbleedElement;
-        new (): HTMLSddsInlineTabsFullbleedElement;
+    var HTMLSddsInlineTabsButtonElement: {
+        prototype: HTMLSddsInlineTabsButtonElement;
+        new (): HTMLSddsInlineTabsButtonElement;
+    };
+    interface HTMLSddsInlineTabsLinkElement extends Components.SddsInlineTabsLink, HTMLStencilElement {
+    }
+    var HTMLSddsInlineTabsLinkElement: {
+        prototype: HTMLSddsInlineTabsLinkElement;
+        new (): HTMLSddsInlineTabsLinkElement;
     };
     interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
     }
@@ -1340,6 +1498,18 @@ declare global {
         prototype: HTMLSddsNavigationTabsElement;
         new (): HTMLSddsNavigationTabsElement;
     };
+    interface HTMLSddsNavigationTabsButtonElement extends Components.SddsNavigationTabsButton, HTMLStencilElement {
+    }
+    var HTMLSddsNavigationTabsButtonElement: {
+        prototype: HTMLSddsNavigationTabsButtonElement;
+        new (): HTMLSddsNavigationTabsButtonElement;
+    };
+    interface HTMLSddsNavigationTabsLinkElement extends Components.SddsNavigationTabsLink, HTMLStencilElement {
+    }
+    var HTMLSddsNavigationTabsLinkElement: {
+        prototype: HTMLSddsNavigationTabsLinkElement;
+        new (): HTMLSddsNavigationTabsLinkElement;
+    };
     interface HTMLSddsPopoverCanvasElement extends Components.SddsPopoverCanvas, HTMLStencilElement {
     }
     var HTMLSddsPopoverCanvasElement: {
@@ -1462,26 +1632,32 @@ declare global {
         "sdds-block": HTMLSddsBlockElement;
         "sdds-body-cell": HTMLSddsBodyCellElement;
         "sdds-breadcrumb": HTMLSddsBreadcrumbElement;
-        "sdds-breadcrumb-item": HTMLSddsBreadcrumbItemElement;
+        "sdds-breadcrumb-link": HTMLSddsBreadcrumbLinkElement;
         "sdds-button": HTMLSddsButtonElement;
         "sdds-card": HTMLSddsCardElement;
         "sdds-checkbox": HTMLSddsCheckboxElement;
         "sdds-datetime": HTMLSddsDatetimeElement;
+        "sdds-divider": HTMLSddsDividerElement;
         "sdds-dropdown": HTMLSddsDropdownElement;
         "sdds-dropdown-filter": HTMLSddsDropdownFilterElement;
         "sdds-dropdown-option": HTMLSddsDropdownOptionElement;
+        "sdds-folder-tabs": HTMLSddsFolderTabsElement;
+        "sdds-folder-tabs-button": HTMLSddsFolderTabsButtonElement;
+        "sdds-folder-tabs-link": HTMLSddsFolderTabsLinkElement;
         "sdds-footer": HTMLSddsFooterElement;
         "sdds-footer-link": HTMLSddsFooterLinkElement;
         "sdds-footer-link-group": HTMLSddsFooterLinkGroupElement;
         "sdds-header-cell": HTMLSddsHeaderCellElement;
         "sdds-icon": HTMLSddsIconElement;
-        "sdds-inline-tab": HTMLSddsInlineTabElement;
         "sdds-inline-tabs": HTMLSddsInlineTabsElement;
-        "sdds-inline-tabs-fullbleed": HTMLSddsInlineTabsFullbleedElement;
+        "sdds-inline-tabs-button": HTMLSddsInlineTabsButtonElement;
+        "sdds-inline-tabs-link": HTMLSddsInlineTabsLinkElement;
         "sdds-link": HTMLSddsLinkElement;
         "sdds-message": HTMLSddsMessageElement;
         "sdds-modal": HTMLSddsModalElement;
         "sdds-navigation-tabs": HTMLSddsNavigationTabsElement;
+        "sdds-navigation-tabs-button": HTMLSddsNavigationTabsButtonElement;
+        "sdds-navigation-tabs-link": HTMLSddsNavigationTabsLinkElement;
         "sdds-popover-canvas": HTMLSddsPopoverCanvasElement;
         "sdds-popover-menu": HTMLSddsPopoverMenuElement;
         "sdds-radio-button": HTMLSddsRadioButtonElement;
@@ -1505,10 +1681,6 @@ declare global {
 }
 declare namespace LocalJSX {
     interface SddsAccordion {
-        /**
-          * Enable or disable divider lines between items
-         */
-        "divider"?: boolean;
         /**
           * Set the variant of the the accordion.
          */
@@ -1633,7 +1805,7 @@ declare namespace LocalJSX {
     }
     interface SddsBreadcrumb {
     }
-    interface SddsBreadcrumbItem {
+    interface SddsBreadcrumbLink {
         /**
           * Boolean for the current link
          */
@@ -1794,7 +1966,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Set the variant of the the datetime component.
+          * Set the variant of the datetime component.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -1802,17 +1974,25 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * With setting
+          * Resets min width rule
          */
         "noMinWidth"?: boolean;
+        /**
+          * Blur event for the datetime
+         */
+        "onSddsBlur"?: (event: SddsDatetimeCustomEvent<FocusEvent>) => void;
         /**
           * Change event for the datetime
          */
-        "onCustomChange"?: (event: SddsDatetimeCustomEvent<any>) => void;
+        "onSddsChange"?: (event: SddsDatetimeCustomEvent<any>) => void;
+        /**
+          * Focus event for the datetime
+         */
+        "onSddsFocus"?: (event: SddsDatetimeCustomEvent<FocusEvent>) => void;
         /**
           * Size of the input
          */
-        "size"?: 'sm' | 'md' | '';
+        "size"?: 'sm' | 'md' | 'lg';
         /**
           * Error state of input
          */
@@ -1826,6 +2006,12 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsDivider {
+        /**
+          * Orientation of the Divider, horizontal if not specified.
+         */
+        "orientation"?: 'horizontal' | 'vertical';
+    }
     interface SddsDropdown {
         /**
           * Add the value of the option as string to set it as default
@@ -1852,12 +2038,12 @@ declare namespace LocalJSX {
          */
         "labelPosition"?: 'no-label' | 'inside' | 'outside';
         /**
-          * Set the variant of the the dropdown.
+          * Set the variant of the dropdown.
          */
         "modeVariant"?: 'primary' | 'secondary';
         "onInputSearch"?: (event: SddsDropdownCustomEvent<any>) => void;
         /**
-          * Direction that the dropdown will open. By default set to auto.
+          * Direction that the dropdown will open. Default is auto.
          */
         "openDirection"?: 'down' | 'up' | 'auto';
         /**
@@ -1875,7 +2061,7 @@ declare namespace LocalJSX {
         /**
           * Support `error` state
          */
-        "state"?: string;
+        "state"?: boolean;
         /**
           * `Controls type of dropdown.
          */
@@ -1909,7 +2095,11 @@ declare namespace LocalJSX {
         /**
           * Position of label
          */
-        "labelPosition"?: 'no-label' | 'inside' | 'outside';
+        "labelPosition"?: 'no-label' | 'outside';
+        /**
+          * Set the variant of the dropdown.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
         /**
           * Placeholder text for dropdown with no selected item
          */
@@ -1925,14 +2115,13 @@ declare namespace LocalJSX {
         /**
           * Support `error` state
          */
-        "state"?: string;
+        "state"?: boolean;
     }
     interface SddsDropdownOption {
         /**
           * Sets option to disabled state if true
          */
         "disabled"?: boolean;
-        "onSelectOption"?: (event: SddsDropdownOptionCustomEvent<any>) => void;
         /**
           * Selected set to true if selected
          */
@@ -1942,6 +2131,48 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsFolderTabs {
+        /**
+          * Variant of the tabs, primary= on white, secondary= on grey50
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        "onSddsChange"?: (event: SddsFolderTabsCustomEvent<{
+    selectedTab: string;
+    selectedTabIndex: number;
+  }>) => void;
+    }
+    interface SddsFolderTabsButton {
+        /**
+          * Disables the tab.
+         */
+        "disabled"?: boolean;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsFolderTabsLink {
+        /**
+          * Disables the tab.
+         */
+        "disabled"?: boolean;
+        /**
+          * Href for the link
+         */
+        "href"?: string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel"?: string;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected"?: boolean;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+    }
     interface SddsFooter {
         /**
           * Mode variant of the component, based on current mode.
@@ -1982,17 +2213,9 @@ declare namespace LocalJSX {
          */
         "customWidth"?: string;
         /**
-          * Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell
+          * Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic.
          */
-        "onHeadCellHoverEvent"?: (event: SddsHeaderCellCustomEvent<any>) => void;
-        /**
-          * Sends unique table identifier,column key and sorting direction to the sdds-table-body component
-         */
-        "onSortColumnDataEvent"?: (event: SddsHeaderCellCustomEvent<any>) => void;
-        /**
-          * Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell
-         */
-        "onTextAlignEvent"?: (event: SddsHeaderCellCustomEvent<any>) => void;
+        "onSddsSortChange"?: (event: SddsHeaderCellCustomEvent<any>) => void;
         /**
           * If passed as prop, enables sorting on that column
          */
@@ -2012,30 +2235,49 @@ declare namespace LocalJSX {
          */
         "size"?: string;
     }
-    interface SddsInlineTab {
-        "default"?: boolean;
-        "disabled"?: boolean;
-        "label"?: string;
-    }
     interface SddsInlineTabs {
         /**
-          * different height settings. right now only supports "auto", otherwise ignored
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "autoHeight"?: boolean;
+        "modeVariant"?: 'primary' | 'secondary';
+        "onSddsChange"?: (event: SddsInlineTabsCustomEvent<{
+    selectedTab: {
+      tab: string;
+      tabIndex: number;
+    };
+  }>) => void;
+    }
+    interface SddsInlineTabsButton {
         /**
-          * either use this (default-tab="...") or read attribute "default" from one of the slotted children.
+          * Disables the tab.
          */
-        "defaultTab"?: string;
+        "disabled"?: boolean;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Marks the tab as the selected one.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "selected"?: boolean;
     }
-    interface SddsInlineTabsFullbleed {
+    interface SddsInlineTabsLink {
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Disables the tab.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "disabled"?: boolean;
+        /**
+          * Href for the link
+         */
+        "href"?: string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel"?: string;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected"?: boolean;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsLink {
         /**
@@ -2086,11 +2328,26 @@ declare namespace LocalJSX {
           * Sticky or Static Actions
          */
         "actions"?: 'sticky' | 'static';
-        "open"?: boolean;
+        /**
+          * Emitts when the modal is closed.
+         */
+        "onSddsClose"?: (event: SddsModalCustomEvent<any>) => void;
         /**
           * Disables closing modal on clicking on overlay area.
          */
         "prevent"?: boolean;
+        /**
+          * Element that will show the modal (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement;
+        /**
+          * CSS selector for the element that will show the modal.
+         */
+        "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;
         /**
           * Size of modal
          */
@@ -2101,8 +2358,50 @@ declare namespace LocalJSX {
           * Variant of the tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
+        "onSddsChange"?: (event: SddsNavigationTabsCustomEvent<{
+    selectedTab: {
+      tab: string;
+      tabIndex: number;
+    };
+  }>) => void;
+    }
+    interface SddsNavigationTabsButton {
+        /**
+          * Disables the tab.
+         */
+        "disabled"?: boolean;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsNavigationTabsLink {
+        /**
+          * Disables the tab.
+         */
+        "disabled"?: boolean;
+        /**
+          * Href for the link
+         */
+        "href"?: string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel"?: string;
+        /**
+          * Marks the tab as the selected one.
+         */
+        "selected"?: boolean;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsPopoverCanvas {
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers"?: Object[];
         /**
           * Sets the offset distance
          */
@@ -2112,7 +2411,7 @@ declare namespace LocalJSX {
          */
         "offsetSkidding"?: number;
         /**
-          * Decides the placement of the Popover Canvas
+          * Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
          */
         "placement"?: Placement;
         /**
@@ -2124,7 +2423,7 @@ declare namespace LocalJSX {
          */
         "selector"?: string;
         /**
-          * Decides if the Popover Canvas should be visible from the start
+          * Controls wether 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.
          */
         "show"?: boolean;
     }
@@ -2227,13 +2526,13 @@ declare namespace LocalJSX {
          */
         "readOnly"?: boolean;
         /**
-          * Decide to show numbers above the tick markers or not
+          * Sets the size of the scrubber
          */
-        "showTickNumbers"?: boolean;
+        "scrubberSize"?: 'sm' | 'lg';
         /**
-          * Sets the size of the scrubber
+          * Decide to show numbers above the tick markers or not
          */
-        "size"?: 'sm' | '';
+        "showTickNumbers"?: boolean;
         /**
           * Id for the sliders input element, randomly generated if not specified.
          */
@@ -2322,10 +2621,6 @@ declare namespace LocalJSX {
           * Enables to customise width on data-table columns
          */
         "noMinWidth"?: boolean;
-        /**
-          * Broadcasts changes to the tables props
-         */
-        "onTablePropsChangedEvent"?: (event: SddsTableCustomEvent<TablePropsChangedEvent>) => void;
         /**
           * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for table events you need to set this ID yourself to identify the table, as the default ID is random and will be different every time.
          */
@@ -2352,42 +2647,14 @@ declare namespace LocalJSX {
           * Prop for showcase of rendering JSON in body-data, just for presentation purposes
          */
         "enableDummyData"?: boolean;
-        /**
-          * Event that sends unique table identifier and enable/disable status for sorting functionality
-         */
-        "onSortingSwitcherEvent"?: (event: SddsTableBodyCustomEvent<any>) => void;
-        /**
-          * Sends unique table identifier and mainCheckbox status to all rows when multiselect feature is enabled
-         */
-        "onUpdateBodyCheckboxesEvent"?: (event: SddsTableBodyCustomEvent<any>) => void;
-        /**
-          * Sends unique table identifier and status if mainCheckbox should change its state based on selection status of single rows when multiselect feature is used
-         */
-        "onUpdateMainCheckboxEvent"?: (event: SddsTableBodyCustomEvent<any>) => void;
     }
     interface SddsTableBodyRow {
-        /**
-          * Send status of single row to the parent, sdds-table component that hold logic for data export and main checkbox control
-         */
-        "onBodyRowToTable"?: (event: SddsTableBodyRowCustomEvent<boolean>) => void;
-        /**
-          * Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run
-         */
-        "onRunPaginationEvent"?: (event: SddsTableBodyRowCustomEvent<string>) => void;
     }
     interface SddsTableBodyRowExpandable {
         /**
           * 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;
-        /**
-          * Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run
-         */
-        "onRunPaginationEvent"?: (event: SddsTableBodyRowExpandableCustomEvent<string>) => void;
-        /**
-          * Sends out status of itw own expended status feature to table header component
-         */
-        "onSingleRowExpandedEvent"?: (event: SddsTableBodyRowExpandableCustomEvent<any>) => void;
     }
     interface SddsTableFooter {
         /**
@@ -2415,23 +2682,15 @@ declare namespace LocalJSX {
          */
         "enablePagination"?: boolean;
         /**
-          * Event to send current page value back to sdds-table-body component
+          * Event to send current page value back to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
-        "onCurrentPageValueEvent"?: (event: SddsTableFooterCustomEvent<any>) => void;
-        /**
-          * Event that footer sends out in order to receive other necessary information from other subcomponents
-         */
-        "onEnablePaginationEvent"?: (event: SddsTableFooterCustomEvent<any>) => void;
+        "onSddsPageChange"?: (event: SddsTableFooterCustomEvent<any>) => void;
         /**
           * Sets how many rows to display when pagination is enabled
          */
         "rowsPerPage"?: number;
     }
     interface SddsTableHeader {
-        /**
-          * Send status of main checkbox in header to the parent, sdds-table component
-         */
-        "onMainCheckboxSelectedEvent"?: (event: SddsTableHeaderCustomEvent<any>) => void;
     }
     interface SddsTableToolbar {
         /**
@@ -2439,9 +2698,9 @@ declare namespace LocalJSX {
          */
         "enableFiltering"?: boolean;
         /**
-          * Used for sending users input to main parent <sdds-table> component
+          * Used for sending users input to main parent <sdds-table> component, can also be listened to in order to implement custom sorting logic.
          */
-        "onTableFilteringTerm"?: (event: SddsTableToolbarCustomEvent<any>) => void;
+        "onSddsFilter"?: (event: SddsTableToolbarCustomEvent<any>) => void;
         /**
           * Adds title to the data-table
          */
@@ -2706,26 +2965,32 @@ declare namespace LocalJSX {
         "sdds-block": SddsBlock;
         "sdds-body-cell": SddsBodyCell;
         "sdds-breadcrumb": SddsBreadcrumb;
-        "sdds-breadcrumb-item": SddsBreadcrumbItem;
+        "sdds-breadcrumb-link": SddsBreadcrumbLink;
         "sdds-button": SddsButton;
         "sdds-card": SddsCard;
         "sdds-checkbox": SddsCheckbox;
         "sdds-datetime": SddsDatetime;
+        "sdds-divider": SddsDivider;
         "sdds-dropdown": SddsDropdown;
         "sdds-dropdown-filter": SddsDropdownFilter;
         "sdds-dropdown-option": SddsDropdownOption;
+        "sdds-folder-tabs": SddsFolderTabs;
+        "sdds-folder-tabs-button": SddsFolderTabsButton;
+        "sdds-folder-tabs-link": SddsFolderTabsLink;
         "sdds-footer": SddsFooter;
         "sdds-footer-link": SddsFooterLink;
         "sdds-footer-link-group": SddsFooterLinkGroup;
         "sdds-header-cell": SddsHeaderCell;
         "sdds-icon": SddsIcon;
-        "sdds-inline-tab": SddsInlineTab;
         "sdds-inline-tabs": SddsInlineTabs;
-        "sdds-inline-tabs-fullbleed": SddsInlineTabsFullbleed;
+        "sdds-inline-tabs-button": SddsInlineTabsButton;
+        "sdds-inline-tabs-link": SddsInlineTabsLink;
         "sdds-link": SddsLink;
         "sdds-message": SddsMessage;
         "sdds-modal": SddsModal;
         "sdds-navigation-tabs": SddsNavigationTabs;
+        "sdds-navigation-tabs-button": SddsNavigationTabsButton;
+        "sdds-navigation-tabs-link": SddsNavigationTabsLink;
         "sdds-popover-canvas": SddsPopoverCanvas;
         "sdds-popover-menu": SddsPopoverMenu;
         "sdds-radio-button": SddsRadioButton;
@@ -2758,26 +3023,32 @@ declare module "@stencil/core" {
             "sdds-block": LocalJSX.SddsBlock & JSXBase.HTMLAttributes<HTMLSddsBlockElement>;
             "sdds-body-cell": LocalJSX.SddsBodyCell & JSXBase.HTMLAttributes<HTMLSddsBodyCellElement>;
             "sdds-breadcrumb": LocalJSX.SddsBreadcrumb & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbElement>;
-            "sdds-breadcrumb-item": LocalJSX.SddsBreadcrumbItem & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbItemElement>;
+            "sdds-breadcrumb-link": LocalJSX.SddsBreadcrumbLink & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbLinkElement>;
             "sdds-button": LocalJSX.SddsButton & JSXBase.HTMLAttributes<HTMLSddsButtonElement>;
             "sdds-card": LocalJSX.SddsCard & JSXBase.HTMLAttributes<HTMLSddsCardElement>;
             "sdds-checkbox": LocalJSX.SddsCheckbox & JSXBase.HTMLAttributes<HTMLSddsCheckboxElement>;
             "sdds-datetime": LocalJSX.SddsDatetime & JSXBase.HTMLAttributes<HTMLSddsDatetimeElement>;
+            "sdds-divider": LocalJSX.SddsDivider & JSXBase.HTMLAttributes<HTMLSddsDividerElement>;
             "sdds-dropdown": LocalJSX.SddsDropdown & JSXBase.HTMLAttributes<HTMLSddsDropdownElement>;
             "sdds-dropdown-filter": LocalJSX.SddsDropdownFilter & JSXBase.HTMLAttributes<HTMLSddsDropdownFilterElement>;
             "sdds-dropdown-option": LocalJSX.SddsDropdownOption & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionElement>;
+            "sdds-folder-tabs": LocalJSX.SddsFolderTabs & JSXBase.HTMLAttributes<HTMLSddsFolderTabsElement>;
+            "sdds-folder-tabs-button": LocalJSX.SddsFolderTabsButton & JSXBase.HTMLAttributes<HTMLSddsFolderTabsButtonElement>;
+            "sdds-folder-tabs-link": LocalJSX.SddsFolderTabsLink & JSXBase.HTMLAttributes<HTMLSddsFolderTabsLinkElement>;
             "sdds-footer": LocalJSX.SddsFooter & JSXBase.HTMLAttributes<HTMLSddsFooterElement>;
             "sdds-footer-link": LocalJSX.SddsFooterLink & JSXBase.HTMLAttributes<HTMLSddsFooterLinkElement>;
             "sdds-footer-link-group": LocalJSX.SddsFooterLinkGroup & JSXBase.HTMLAttributes<HTMLSddsFooterLinkGroupElement>;
             "sdds-header-cell": LocalJSX.SddsHeaderCell & JSXBase.HTMLAttributes<HTMLSddsHeaderCellElement>;
             "sdds-icon": LocalJSX.SddsIcon & JSXBase.HTMLAttributes<HTMLSddsIconElement>;
-            "sdds-inline-tab": LocalJSX.SddsInlineTab & JSXBase.HTMLAttributes<HTMLSddsInlineTabElement>;
             "sdds-inline-tabs": LocalJSX.SddsInlineTabs & JSXBase.HTMLAttributes<HTMLSddsInlineTabsElement>;
-            "sdds-inline-tabs-fullbleed": LocalJSX.SddsInlineTabsFullbleed & JSXBase.HTMLAttributes<HTMLSddsInlineTabsFullbleedElement>;
+            "sdds-inline-tabs-button": LocalJSX.SddsInlineTabsButton & JSXBase.HTMLAttributes<HTMLSddsInlineTabsButtonElement>;
+            "sdds-inline-tabs-link": LocalJSX.SddsInlineTabsLink & JSXBase.HTMLAttributes<HTMLSddsInlineTabsLinkElement>;
             "sdds-link": LocalJSX.SddsLink & JSXBase.HTMLAttributes<HTMLSddsLinkElement>;
             "sdds-message": LocalJSX.SddsMessage & JSXBase.HTMLAttributes<HTMLSddsMessageElement>;
             "sdds-modal": LocalJSX.SddsModal & JSXBase.HTMLAttributes<HTMLSddsModalElement>;
             "sdds-navigation-tabs": LocalJSX.SddsNavigationTabs & JSXBase.HTMLAttributes<HTMLSddsNavigationTabsElement>;
+            "sdds-navigation-tabs-button": LocalJSX.SddsNavigationTabsButton & JSXBase.HTMLAttributes<HTMLSddsNavigationTabsButtonElement>;
+            "sdds-navigation-tabs-link": LocalJSX.SddsNavigationTabsLink & JSXBase.HTMLAttributes<HTMLSddsNavigationTabsLinkElement>;
             "sdds-popover-canvas": LocalJSX.SddsPopoverCanvas & JSXBase.HTMLAttributes<HTMLSddsPopoverCanvasElement>;
             "sdds-popover-menu": LocalJSX.SddsPopoverMenu & JSXBase.HTMLAttributes<HTMLSddsPopoverMenuElement>;
             "sdds-radio-button": LocalJSX.SddsRadioButton & JSXBase.HTMLAttributes<HTMLSddsRadioButtonElement>;