@scania/tegel 0.0.33 → 0.0.51

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
          */
@@ -149,6 +145,14 @@ export namespace Components {
           * 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;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsButton {
         /**
@@ -271,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';
         /**
@@ -279,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
          */
@@ -299,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
@@ -325,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';
         /**
@@ -348,7 +358,7 @@ export namespace Components {
         /**
           * Support `error` state
          */
-        "state": string;
+        "state": boolean;
         /**
           * `Controls type of dropdown.
          */
@@ -382,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
          */
@@ -402,7 +416,7 @@ export namespace Components {
         /**
           * Support `error` state
          */
-        "state": string;
+        "state": boolean;
     }
     interface SddsDropdownOption {
         /**
@@ -418,6 +432,76 @@ 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.
+         */
+        "modeVariant": 'primary' | 'secondary';
+    }
+    interface SddsFooterLink {
+        /**
+          * URL for the link
+         */
+        "linkHref": string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that prevents the opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel": string;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
+    }
+    interface SddsFooterLinkGroup {
+        /**
+          * Title text for the link group, only valid on top part of footer.
+         */
+        "titleText": string;
+    }
     interface SddsHeaderCell {
         /**
           * Value of column key, usually comes from JSON, needed for sorting
@@ -450,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 {
         /**
@@ -528,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
          */
@@ -547,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
          */
@@ -558,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;
         /**
@@ -570,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;
     }
@@ -664,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.
          */
@@ -706,6 +858,38 @@ export namespace Components {
          */
         "variant": 'standard' | 'inverted';
     }
+    interface SddsStepper {
+        /**
+          * The direction the children are layed out.
+         */
+        "direction": 'horizontal' | 'vertical';
+        /**
+          * Hides the label for the child components if true.
+         */
+        "hideLabels": boolean;
+        /**
+          * Text position, only available on direction:horizontal
+         */
+        "labelPosition": 'aside' | 'below';
+        /**
+          * Size of the component and it's children.
+         */
+        "size": 'sm' | 'lg';
+    }
+    interface SddsStepperItem {
+        /**
+          * Label text for the stepper-item.
+         */
+        "labelText": string;
+        /**
+          * Method to set the width if the stepper item based on its siblings widht, used by the parent element.
+         */
+        "setWidth": (width: any) => Promise<void>;
+        /**
+          * State of the stepper-item
+         */
+        "state": 'current' | 'error' | 'success' | 'upcoming';
+    }
     interface SddsTable {
         /**
           * Enables style where data-table toolbar, rows and footer are less high
@@ -845,6 +1029,10 @@ export namespace Components {
           * Name attribute
          */
         "name": string;
+        /**
+          * Unset minimum width of 208px.
+         */
+        "noMinWidth": boolean;
         /**
           * Placeholder text
          */
@@ -963,14 +1151,6 @@ export namespace Components {
         "type": 'information' | 'error' | 'warning' | 'success';
     }
     interface SddsToggle {
-        /**
-          * Aria-describedby for the toggles input element.
-         */
-        "ariaDescribedby": string;
-        /**
-          * Aria-labelledby for the toggles input element.
-         */
-        "ariaLabelledby": string;
         /**
           * Sets the toggle as checked
          */
@@ -983,10 +1163,6 @@ export namespace Components {
           * Headline for the toggle
          */
         "headline": string;
-        /**
-          * Label for the toggle
-         */
-        "label": string;
         /**
           * Name of the toggles input element
          */
@@ -1063,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;
@@ -1162,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 {
     }
@@ -1192,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: {
@@ -1210,6 +1408,42 @@ 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: {
+        prototype: HTMLSddsFooterElement;
+        new (): HTMLSddsFooterElement;
+    };
+    interface HTMLSddsFooterLinkElement extends Components.SddsFooterLink, HTMLStencilElement {
+    }
+    var HTMLSddsFooterLinkElement: {
+        prototype: HTMLSddsFooterLinkElement;
+        new (): HTMLSddsFooterLinkElement;
+    };
+    interface HTMLSddsFooterLinkGroupElement extends Components.SddsFooterLinkGroup, HTMLStencilElement {
+    }
+    var HTMLSddsFooterLinkGroupElement: {
+        prototype: HTMLSddsFooterLinkGroupElement;
+        new (): HTMLSddsFooterLinkGroupElement;
+    };
     interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
     }
     var HTMLSddsHeaderCellElement: {
@@ -1222,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 HTMLSddsInlineTabsButtonElement: {
+        prototype: HTMLSddsInlineTabsButtonElement;
+        new (): HTMLSddsInlineTabsButtonElement;
+    };
+    interface HTMLSddsInlineTabsLinkElement extends Components.SddsInlineTabsLink, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsFullbleedElement: {
-        prototype: HTMLSddsInlineTabsFullbleedElement;
-        new (): HTMLSddsInlineTabsFullbleedElement;
+    var HTMLSddsInlineTabsLinkElement: {
+        prototype: HTMLSddsInlineTabsLinkElement;
+        new (): HTMLSddsInlineTabsLinkElement;
     };
     interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
     }
@@ -1264,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: {
@@ -1294,6 +1540,18 @@ declare global {
         prototype: HTMLSddsSpinnerElement;
         new (): HTMLSddsSpinnerElement;
     };
+    interface HTMLSddsStepperElement extends Components.SddsStepper, HTMLStencilElement {
+    }
+    var HTMLSddsStepperElement: {
+        prototype: HTMLSddsStepperElement;
+        new (): HTMLSddsStepperElement;
+    };
+    interface HTMLSddsStepperItemElement extends Components.SddsStepperItem, HTMLStencilElement {
+    }
+    var HTMLSddsStepperItemElement: {
+        prototype: HTMLSddsStepperItemElement;
+        new (): HTMLSddsStepperItemElement;
+    };
     interface HTMLSddsTableElement extends Components.SddsTable, HTMLStencilElement {
     }
     var HTMLSddsTableElement: {
@@ -1374,28 +1632,39 @@ 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;
         "sdds-slider": HTMLSddsSliderElement;
         "sdds-spinner": HTMLSddsSpinnerElement;
+        "sdds-stepper": HTMLSddsStepperElement;
+        "sdds-stepper-item": HTMLSddsStepperItemElement;
         "sdds-table": HTMLSddsTableElement;
         "sdds-table-body": HTMLSddsTableBodyElement;
         "sdds-table-body-row": HTMLSddsTableBodyRowElement;
@@ -1412,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.
          */
@@ -1540,7 +1805,7 @@ declare namespace LocalJSX {
     }
     interface SddsBreadcrumb {
     }
-    interface SddsBreadcrumbItem {
+    interface SddsBreadcrumbLink {
         /**
           * Boolean for the current link
          */
@@ -1553,6 +1818,14 @@ declare namespace LocalJSX {
           * 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;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsButton {
         /**
@@ -1693,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';
         /**
@@ -1701,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
          */
@@ -1725,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
@@ -1751,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';
         /**
@@ -1774,7 +2061,7 @@ declare namespace LocalJSX {
         /**
           * Support `error` state
          */
-        "state"?: string;
+        "state"?: boolean;
         /**
           * `Controls type of dropdown.
          */
@@ -1808,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
          */
@@ -1824,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
          */
@@ -1841,6 +2131,74 @@ 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.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+    }
+    interface SddsFooterLink {
+        /**
+          * URL for the link
+         */
+        "linkHref"?: string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that prevents the opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel"?: string;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+    }
+    interface SddsFooterLinkGroup {
+        /**
+          * Title text for the link group, only valid on top part of footer.
+         */
+        "titleText"?: string;
+    }
     interface SddsHeaderCell {
         /**
           * Value of column key, usually comes from JSON, needed for sorting
@@ -1855,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
-         */
-        "onHeadCellHoverEvent"?: (event: SddsHeaderCellCustomEvent<any>) => void;
-        /**
-          * Sends unique table identifier,column key and sorting direction to the sdds-table-body component
+          * 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.
          */
-        "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
          */
@@ -1885,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 {
         /**
@@ -1959,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
          */
@@ -1974,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
          */
@@ -1985,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;
         /**
@@ -1997,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;
     }
@@ -2090,7 +2516,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Sends unique checkbox identifier and value when the slider has a change in value.
+          * Sends the value of the slider when changed.
          */
         "onSddsChange"?: (event: SddsSliderCustomEvent<{
     value: string;
@@ -2100,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.
          */
@@ -2142,6 +2568,34 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'inverted';
     }
+    interface SddsStepper {
+        /**
+          * The direction the children are layed out.
+         */
+        "direction"?: 'horizontal' | 'vertical';
+        /**
+          * Hides the label for the child components if true.
+         */
+        "hideLabels"?: boolean;
+        /**
+          * Text position, only available on direction:horizontal
+         */
+        "labelPosition"?: 'aside' | 'below';
+        /**
+          * Size of the component and it's children.
+         */
+        "size"?: 'sm' | 'lg';
+    }
+    interface SddsStepperItem {
+        /**
+          * Label text for the stepper-item.
+         */
+        "labelText"?: string;
+        /**
+          * State of the stepper-item
+         */
+        "state"?: 'current' | 'error' | 'success' | 'upcoming';
+    }
     interface SddsTable {
         /**
           * Enables style where data-table toolbar, rows and footer are less high
@@ -2167,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.
          */
@@ -2197,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 {
         /**
@@ -2260,23 +2682,15 @@ declare namespace LocalJSX {
          */
         "enablePagination"?: boolean;
         /**
-          * Event to send current page value back to sdds-table-body component
-         */
-        "onCurrentPageValueEvent"?: (event: SddsTableFooterCustomEvent<any>) => void;
-        /**
-          * Event that footer sends out in order to receive other necessary information from other subcomponents
+          * Event to send current page value back to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
-        "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 {
         /**
@@ -2284,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
          */
@@ -2329,6 +2743,10 @@ declare namespace LocalJSX {
           * Name attribute
          */
         "name"?: string;
+        /**
+          * Unset minimum width of 208px.
+         */
+        "noMinWidth"?: boolean;
         /**
           * Blur event for the textarea
          */
@@ -2477,14 +2895,6 @@ declare namespace LocalJSX {
         "type"?: 'information' | 'error' | 'warning' | 'success';
     }
     interface SddsToggle {
-        /**
-          * Aria-describedby for the toggles input element.
-         */
-        "ariaDescribedby"?: string;
-        /**
-          * Aria-labelledby for the toggles input element.
-         */
-        "ariaLabelledby"?: string;
         /**
           * Sets the toggle as checked
          */
@@ -2497,10 +2907,6 @@ declare namespace LocalJSX {
           * Headline for the toggle
          */
         "headline"?: string;
-        /**
-          * Label for the toggle
-         */
-        "label"?: string;
         /**
           * Name of the toggles input element
          */
@@ -2508,7 +2914,7 @@ declare namespace LocalJSX {
         /**
           * Sends unique toggle identifier and status when it is toggled.
          */
-        "onSddsToggleChangeEvent"?: (event: SddsToggleCustomEvent<{
+        "onSddsToggle"?: (event: SddsToggleCustomEvent<{
     toggleId: string;
     checked: boolean;
   }>) => void;
@@ -2559,28 +2965,39 @@ 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;
         "sdds-slider": SddsSlider;
         "sdds-spinner": SddsSpinner;
+        "sdds-stepper": SddsStepper;
+        "sdds-stepper-item": SddsStepperItem;
         "sdds-table": SddsTable;
         "sdds-table-body": SddsTableBody;
         "sdds-table-body-row": SddsTableBodyRow;
@@ -2606,28 +3023,39 @@ 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>;
             "sdds-slider": LocalJSX.SddsSlider & JSXBase.HTMLAttributes<HTMLSddsSliderElement>;
             "sdds-spinner": LocalJSX.SddsSpinner & JSXBase.HTMLAttributes<HTMLSddsSpinnerElement>;
+            "sdds-stepper": LocalJSX.SddsStepper & JSXBase.HTMLAttributes<HTMLSddsStepperElement>;
+            "sdds-stepper-item": LocalJSX.SddsStepperItem & JSXBase.HTMLAttributes<HTMLSddsStepperItemElement>;
             "sdds-table": LocalJSX.SddsTable & JSXBase.HTMLAttributes<HTMLSddsTableElement>;
             "sdds-table-body": LocalJSX.SddsTableBody & JSXBase.HTMLAttributes<HTMLSddsTableBodyElement>;
             "sdds-table-body-row": LocalJSX.SddsTableBodyRow & JSXBase.HTMLAttributes<HTMLSddsTableBodyRowElement>;