@scania/tegel 0.0.4 → 0.0.6

package/dist/types/components.d.ts

@@ -6,15 +6,15 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
-import { TablePropsChangedEvent } from "./components/data-table/table/table";
+import { CollapsedEvent } from "./components/side-menu/webcomponent/side-menu";
+import { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
+import { InternalSddsTablePropChange } from "./components/data-table/table/table";
 export { Placement } from "@popperjs/core";
-export { TablePropsChangedEvent } from "./components/data-table/table/table";
+export { CollapsedEvent } from "./components/side-menu/webcomponent/side-menu";
+export { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
+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.
          */
@@ -41,6 +41,10 @@ export namespace Components {
           * When true 16px on right padding instead of 64px
          */
         "paddingReset": boolean;
+        /**
+          * Method for toggeling the expanded state of the accordion item.
+         */
+        "toggleAccordionItem": () => Promise<void>;
     }
     interface SddsBadges {
         /**
@@ -76,27 +80,11 @@ export namespace Components {
         /**
           * Hides the banner.
          */
-        "hideBanner": () => Promise<{ bannerId: string; hidden: boolean; }>;
-        /**
-          * Href for the link
-         */
-        "href": string;
+        "hideBanner": () => Promise<void>;
         /**
           * Name of the icon for the component. For error and information type the icon is predefined.
          */
         "icon": string;
-        /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
-         */
-        "linkRel": string;
-        /**
-          * Where to open the linked URL
-         */
-        "linkTarget": '_self' | '_blank' | '_parent' | '_top';
-        /**
-          * Link text.
-         */
-        "linkText": string;
         /**
           * Removes the close button on the banner.
          */
@@ -104,11 +92,7 @@ export namespace Components {
         /**
           * Shows the banner
          */
-        "showBanner": () => Promise<{ bannerId: string; hidden: boolean; }>;
-        /**
-          * Subheader text.
-         */
-        "subheader": string;
+        "showBanner": () => Promise<void>;
         /**
           * Type of banner
          */
@@ -145,18 +129,6 @@ export namespace Components {
           * Toggle the disabled state for the breadcrumb
          */
         "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;
-        /**
-          * Where to open the linked URL
-         */
-        "target": '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsButton {
         /**
@@ -257,6 +229,34 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsChip {
+        /**
+          * Setting it to true set component state to checked. Valid only for type checkbox and radio.
+         */
+        "checked": boolean;
+        /**
+          * ID used for internal chip functionality and events, must be unique.  **NOTE**: If you're listening for input events you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
+         */
+        "chipId": string;
+        /**
+          * Name for the checkbox or radio input element. Also creates a reference between label and input. Valid only for type checkbox and radio.
+         */
+        "name": string;
+        /**
+          * Size of the chip component
+         */
+        "size": 'sm' | 'lg';
+        /**
+          * Type of chip, depends on usage
+         */
+        "type": 'button' | 'radio' | 'checkbox';
+        /**
+          * Value of input. Valid only for type checkbox and radio.
+         */
+        "value": string;
+    }
+    interface SddsCoreHeaderItem {
+    }
     interface SddsDatetime {
         /**
           * Autofocus for input
@@ -279,7 +279,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 +287,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 +307,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 +339,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 +362,7 @@ export namespace Components {
         /**
           * Support `error` state
          */
-        "state": string;
+        "state": boolean;
         /**
           * `Controls type of dropdown.
          */
@@ -390,7 +396,15 @@ export namespace Components {
         /**
           * Position of label
          */
-        "labelPosition": 'no-label' | 'inside' | 'outside';
+        "labelPosition": 'no-label' | 'outside';
+        /**
+          * Set the variant of the dropdown.
+         */
+        "modeVariant": 'primary' | 'secondary';
+        /**
+          * Direction that the dropdown will open. Default is auto.
+         */
+        "openDirection": 'down' | 'up' | 'auto';
         /**
           * Placeholder text for dropdown with no selected item
          */
@@ -410,7 +424,7 @@ export namespace Components {
         /**
           * Support `error` state
          */
-        "state": string;
+        "state": boolean;
     }
     interface SddsDropdownOption {
         /**
@@ -426,32 +440,54 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsFooter {
+    interface SddsFolderTab {
         /**
-          * Mode variant of the component, based on current mode.
+          * Disables the tab.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "disabled": boolean;
+        "setSelected": (selected: boolean) => Promise<void>;
+        "setTabWidth": (width: number) => Promise<void>;
     }
-    interface SddsFooterLink {
+    interface SddsFolderTabs {
         /**
-          * URL for the link
+          * Sets the default selected tab.
          */
-        "linkHref": string;
+        "defaultSelectedIndex": number;
+        /**
+          * 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<{ selectedTabIndex: number; }>;
         /**
-          * 'noopener' is a security measure for legacy browsers that prevents the opened page from getting access to the original page when using target='_blank'.
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "rel": string;
+        "selectedIndex": number;
+    }
+    interface SddsFooter {
         /**
-          * Where to open the linked URL
+          * Mode variant of the component, based on current mode.
          */
-        "target": '_self' | '_blank' | '_parent' | '_top';
+        "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsFooterLinkGroup {
+    interface SddsFooterGroup {
         /**
           * Title text for the link group, only valid on top part of footer.
          */
         "titleText": string;
     }
+    interface SddsFooterItem {
+    }
+    interface SddsHeader {
+    }
+    interface SddsHeaderBrandSymbol {
+        /**
+          * The href for the logo link.
+         */
+        "linkHref": string;
+    }
     interface SddsHeaderCell {
         /**
           * Value of column key, usually comes from JSON, needed for sorting
@@ -474,6 +510,85 @@ export namespace Components {
          */
         "textAlign": string;
     }
+    interface SddsHeaderDropdown {
+        /**
+          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+         */
+        "buttonLabel": string;
+        /**
+          * If the dropdown icon (downwards chevron) should be hidden.
+         */
+        "noDropdownIcon": boolean;
+        /**
+          * If the button that opens the dropdown should appear selected.
+         */
+        "selected": boolean;
+    }
+    interface SddsHeaderDropdownList {
+        "type": 'lg' | 'md';
+    }
+    interface SddsHeaderDropdownListItem {
+        /**
+          * If the link should appear selected.
+         */
+        "selected": boolean;
+        /**
+          * The type of the list.
+         */
+        "type": 'md' | 'lg';
+    }
+    interface SddsHeaderDropdownListUser {
+        /**
+          * Heading, usually the users first name and last name.
+         */
+        "heading": string;
+        /**
+          * Image alt text.
+         */
+        "imgAlt": string;
+        /**
+          * Image URL.
+         */
+        "imgUrl": string;
+        /**
+          * Subheading.
+         */
+        "subheading": string;
+    }
+    interface SddsHeaderHamburger {
+    }
+    interface SddsHeaderItem {
+        /**
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+         */
+        "active": boolean;
+        /**
+          * If the button should appear selected.
+         */
+        "selected": boolean;
+    }
+    interface SddsHeaderLauncher {
+    }
+    interface SddsHeaderLauncherButton {
+        /**
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+         */
+        "active": boolean;
+    }
+    interface SddsHeaderLauncherGrid {
+    }
+    interface SddsHeaderLauncherGridItem {
+    }
+    interface SddsHeaderLauncherGridTitle {
+    }
+    interface SddsHeaderLauncherList {
+    }
+    interface SddsHeaderLauncherListItem {
+    }
+    interface SddsHeaderLauncherListTitle {
+    }
+    interface SddsHeaderTitle {
+    }
     interface SddsIcon {
         /**
           * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
@@ -485,51 +600,35 @@ export namespace Components {
         "size": string;
     }
     interface SddsInlineTab {
-        "default": boolean;
+        /**
+          * Disables the tab.
+         */
         "disabled": boolean;
-        "label": string;
+        "setSelected": (selected: boolean) => Promise<void>;
     }
     interface SddsInlineTabs {
         /**
-          * different height settings. right now only supports "auto", otherwise ignored
-         */
-        "autoHeight": boolean;
-        /**
-          * either use this (default-tab="...") or read attribute "default" from one of the slotted children.
+          * Sets the default selected tab.
          */
-        "defaultTab": string;
+        "defaultSelectedIndex": number;
         /**
           * Variant of the tabs, primary= on white, secondary= on grey50
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * used for switching to a tab programmatically
+          * Selects a tab based on tabindex, will not select a disabled tab.
          */
-        "showTab": (key: string) => Promise<void>;
-    }
-    interface SddsInlineTabsFullbleed {
+        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "selectedIndex": number;
     }
     interface SddsLink {
         /**
           * Disables the link
          */
         "disabled": boolean;
-        /**
-          * URL 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';
         /**
           * Displays the link with an underline.
          */
@@ -562,27 +661,65 @@ 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
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
     }
+    interface SddsNavigationTab {
+        /**
+          * Disables the tab.
+         */
+        "disabled": boolean;
+        "setSelected": (selected: boolean) => Promise<void>;
+    }
     interface SddsNavigationTabs {
+        /**
+          * Sets the default selected tab.
+         */
+        "defaultSelectedIndex": number;
         /**
           * 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<{ selectedTabIndex: number; }>;
+        /**
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+         */
+        "selectedIndex": number;
     }
     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 +729,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 +741,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;
     }
@@ -660,6 +797,96 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsSideMenu {
+        /**
+          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+         */
+        "collapsed": boolean;
+        /**
+          * If the side menu is open or not.
+         */
+        "open": boolean;
+        /**
+          * If the side menu should always be shown on desktop screens to the side.
+         */
+        "persistent": boolean;
+    }
+    interface SddsSideMenuCloseButton {
+    }
+    interface SddsSideMenuCollapseButton {
+    }
+    interface SddsSideMenuDropdown {
+        /**
+          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+         */
+        "buttonLabel": string;
+        /**
+          * If the dropdown should be open from the start.
+         */
+        "defaultOpen": boolean;
+        /**
+          * If the button that opens the dropdown should appear selected.
+         */
+        "selected": boolean;
+    }
+    interface SddsSideMenuDropdownList {
+    }
+    interface SddsSideMenuDropdownListItem {
+        /**
+          * If the item should appear selected.
+         */
+        "selected": boolean;
+    }
+    interface SddsSideMenuItem {
+        /**
+          * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
+         */
+        "active": boolean;
+        /**
+          * If the item should appear selected.
+         */
+        "selected": boolean;
+    }
+    interface SddsSideMenuOverlay {
+    }
+    interface SddsSideMenuUser {
+        /**
+          * The heading text.
+         */
+        "heading": string;
+        /**
+          * The image alt text.
+         */
+        "imgAlt": string;
+        /**
+          * The image source.
+         */
+        "imgSrc": string;
+        /**
+          * The subheading text.
+         */
+        "subheading": string;
+    }
+    interface SddsSideMenuUserImage {
+        /**
+          * The image alt text.
+         */
+        "alt": string;
+        /**
+          * The image source.
+         */
+        "src": string;
+    }
+    interface SddsSideMenuUserLabel {
+        /**
+          * The heading text.
+         */
+        "heading": string;
+        /**
+          * The subheading text.
+         */
+        "subheading": string;
+    }
     interface SddsSlider {
         /**
           * Decide to show the controls or not
@@ -698,15 +925,15 @@ 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.
+          * ID for the sliders input element, randomly generated if not specified.
          */
         "sliderId": string;
         /**
@@ -741,10 +968,6 @@ 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.
          */
@@ -753,20 +976,24 @@ export namespace Components {
           * Text position, only available on direction:horizontal
          */
         "labelPosition": 'aside' | 'below';
+        /**
+          * The orientation the children are layed out.
+         */
+        "orientation": 'horizontal' | 'vertical';
         /**
           * Size of the component and it's children.
          */
         "size": 'sm' | 'lg';
-    }
-    interface SddsStepperItem {
         /**
-          * Label text for the stepper-item.
+          * ID used for internal stepper functionality and events, must be unique.  **NOTE**: If you're listening for stepper events you need to set this ID yourself to identify the stepper, as the default ID is random and will be different every time.
          */
-        "labelText": string;
+        "stepperId": string;
+    }
+    interface SddsStepperItem {
         /**
-          * Method to set the width if the stepper item based on its siblings widht, used by the parent element.
+          * Index of the step. Will be displayed in the step if state is current/upcoming.
          */
-        "setWidth": (width: any) => Promise<void>;
+        "index": string;
         /**
           * State of the stepper-item
          */
@@ -1010,11 +1237,11 @@ export namespace Components {
         /**
           * Hides the toast.
          */
-        "hideToast": () => Promise<{ toastId: string; }>;
+        "hideToast": () => Promise<void>;
         /**
           * Shows the toast.
          */
-        "showToast": () => Promise<{ toastId: string; }>;
+        "showToast": () => Promise<void>;
         /**
           * Subheader text for the component.
          */
@@ -1109,6 +1336,10 @@ export interface SddsCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsCheckboxElement;
 }
+export interface SddsChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsChipElement;
+}
 export interface SddsDatetimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsDatetimeElement;
@@ -1121,18 +1352,42 @@ 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;
 }
+export interface SddsSideMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsSideMenuElement;
+}
 export interface SddsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsSliderElement;
 }
+export interface SddsStepperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsStepperElement;
+}
 export interface SddsTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsTableElement;
@@ -1244,12 +1499,30 @@ declare global {
         prototype: HTMLSddsCheckboxElement;
         new (): HTMLSddsCheckboxElement;
     };
+    interface HTMLSddsChipElement extends Components.SddsChip, HTMLStencilElement {
+    }
+    var HTMLSddsChipElement: {
+        prototype: HTMLSddsChipElement;
+        new (): HTMLSddsChipElement;
+    };
+    interface HTMLSddsCoreHeaderItemElement extends Components.SddsCoreHeaderItem, HTMLStencilElement {
+    }
+    var HTMLSddsCoreHeaderItemElement: {
+        prototype: HTMLSddsCoreHeaderItemElement;
+        new (): HTMLSddsCoreHeaderItemElement;
+    };
     interface HTMLSddsDatetimeElement extends Components.SddsDatetime, HTMLStencilElement {
     }
     var HTMLSddsDatetimeElement: {
         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,23 +1541,47 @@ declare global {
         prototype: HTMLSddsDropdownOptionElement;
         new (): HTMLSddsDropdownOptionElement;
     };
+    interface HTMLSddsFolderTabElement extends Components.SddsFolderTab, HTMLStencilElement {
+    }
+    var HTMLSddsFolderTabElement: {
+        prototype: HTMLSddsFolderTabElement;
+        new (): HTMLSddsFolderTabElement;
+    };
+    interface HTMLSddsFolderTabsElement extends Components.SddsFolderTabs, HTMLStencilElement {
+    }
+    var HTMLSddsFolderTabsElement: {
+        prototype: HTMLSddsFolderTabsElement;
+        new (): HTMLSddsFolderTabsElement;
+    };
     interface HTMLSddsFooterElement extends Components.SddsFooter, HTMLStencilElement {
     }
     var HTMLSddsFooterElement: {
         prototype: HTMLSddsFooterElement;
         new (): HTMLSddsFooterElement;
     };
-    interface HTMLSddsFooterLinkElement extends Components.SddsFooterLink, HTMLStencilElement {
+    interface HTMLSddsFooterGroupElement extends Components.SddsFooterGroup, HTMLStencilElement {
+    }
+    var HTMLSddsFooterGroupElement: {
+        prototype: HTMLSddsFooterGroupElement;
+        new (): HTMLSddsFooterGroupElement;
+    };
+    interface HTMLSddsFooterItemElement extends Components.SddsFooterItem, HTMLStencilElement {
     }
-    var HTMLSddsFooterLinkElement: {
-        prototype: HTMLSddsFooterLinkElement;
-        new (): HTMLSddsFooterLinkElement;
+    var HTMLSddsFooterItemElement: {
+        prototype: HTMLSddsFooterItemElement;
+        new (): HTMLSddsFooterItemElement;
     };
-    interface HTMLSddsFooterLinkGroupElement extends Components.SddsFooterLinkGroup, HTMLStencilElement {
+    interface HTMLSddsHeaderElement extends Components.SddsHeader, HTMLStencilElement {
     }
-    var HTMLSddsFooterLinkGroupElement: {
-        prototype: HTMLSddsFooterLinkGroupElement;
-        new (): HTMLSddsFooterLinkGroupElement;
+    var HTMLSddsHeaderElement: {
+        prototype: HTMLSddsHeaderElement;
+        new (): HTMLSddsHeaderElement;
+    };
+    interface HTMLSddsHeaderBrandSymbolElement extends Components.SddsHeaderBrandSymbol, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderBrandSymbolElement: {
+        prototype: HTMLSddsHeaderBrandSymbolElement;
+        new (): HTMLSddsHeaderBrandSymbolElement;
     };
     interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
     }
@@ -1292,29 +1589,113 @@ declare global {
         prototype: HTMLSddsHeaderCellElement;
         new (): HTMLSddsHeaderCellElement;
     };
-    interface HTMLSddsIconElement extends Components.SddsIcon, HTMLStencilElement {
+    interface HTMLSddsHeaderDropdownElement extends Components.SddsHeaderDropdown, HTMLStencilElement {
     }
-    var HTMLSddsIconElement: {
-        prototype: HTMLSddsIconElement;
-        new (): HTMLSddsIconElement;
+    var HTMLSddsHeaderDropdownElement: {
+        prototype: HTMLSddsHeaderDropdownElement;
+        new (): HTMLSddsHeaderDropdownElement;
     };
-    interface HTMLSddsInlineTabElement extends Components.SddsInlineTab, HTMLStencilElement {
+    interface HTMLSddsHeaderDropdownListElement extends Components.SddsHeaderDropdownList, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabElement: {
-        prototype: HTMLSddsInlineTabElement;
-        new (): HTMLSddsInlineTabElement;
+    var HTMLSddsHeaderDropdownListElement: {
+        prototype: HTMLSddsHeaderDropdownListElement;
+        new (): HTMLSddsHeaderDropdownListElement;
     };
-    interface HTMLSddsInlineTabsElement extends Components.SddsInlineTabs, HTMLStencilElement {
+    interface HTMLSddsHeaderDropdownListItemElement extends Components.SddsHeaderDropdownListItem, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsElement: {
-        prototype: HTMLSddsInlineTabsElement;
-        new (): HTMLSddsInlineTabsElement;
+    var HTMLSddsHeaderDropdownListItemElement: {
+        prototype: HTMLSddsHeaderDropdownListItemElement;
+        new (): HTMLSddsHeaderDropdownListItemElement;
+    };
+    interface HTMLSddsHeaderDropdownListUserElement extends Components.SddsHeaderDropdownListUser, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderDropdownListUserElement: {
+        prototype: HTMLSddsHeaderDropdownListUserElement;
+        new (): HTMLSddsHeaderDropdownListUserElement;
+    };
+    interface HTMLSddsHeaderHamburgerElement extends Components.SddsHeaderHamburger, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderHamburgerElement: {
+        prototype: HTMLSddsHeaderHamburgerElement;
+        new (): HTMLSddsHeaderHamburgerElement;
     };
-    interface HTMLSddsInlineTabsFullbleedElement extends Components.SddsInlineTabsFullbleed, HTMLStencilElement {
+    interface HTMLSddsHeaderItemElement extends Components.SddsHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsFullbleedElement: {
-        prototype: HTMLSddsInlineTabsFullbleedElement;
-        new (): HTMLSddsInlineTabsFullbleedElement;
+    var HTMLSddsHeaderItemElement: {
+        prototype: HTMLSddsHeaderItemElement;
+        new (): HTMLSddsHeaderItemElement;
+    };
+    interface HTMLSddsHeaderLauncherElement extends Components.SddsHeaderLauncher, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherElement: {
+        prototype: HTMLSddsHeaderLauncherElement;
+        new (): HTMLSddsHeaderLauncherElement;
+    };
+    interface HTMLSddsHeaderLauncherButtonElement extends Components.SddsHeaderLauncherButton, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherButtonElement: {
+        prototype: HTMLSddsHeaderLauncherButtonElement;
+        new (): HTMLSddsHeaderLauncherButtonElement;
+    };
+    interface HTMLSddsHeaderLauncherGridElement extends Components.SddsHeaderLauncherGrid, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherGridElement: {
+        prototype: HTMLSddsHeaderLauncherGridElement;
+        new (): HTMLSddsHeaderLauncherGridElement;
+    };
+    interface HTMLSddsHeaderLauncherGridItemElement extends Components.SddsHeaderLauncherGridItem, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherGridItemElement: {
+        prototype: HTMLSddsHeaderLauncherGridItemElement;
+        new (): HTMLSddsHeaderLauncherGridItemElement;
+    };
+    interface HTMLSddsHeaderLauncherGridTitleElement extends Components.SddsHeaderLauncherGridTitle, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherGridTitleElement: {
+        prototype: HTMLSddsHeaderLauncherGridTitleElement;
+        new (): HTMLSddsHeaderLauncherGridTitleElement;
+    };
+    interface HTMLSddsHeaderLauncherListElement extends Components.SddsHeaderLauncherList, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherListElement: {
+        prototype: HTMLSddsHeaderLauncherListElement;
+        new (): HTMLSddsHeaderLauncherListElement;
+    };
+    interface HTMLSddsHeaderLauncherListItemElement extends Components.SddsHeaderLauncherListItem, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherListItemElement: {
+        prototype: HTMLSddsHeaderLauncherListItemElement;
+        new (): HTMLSddsHeaderLauncherListItemElement;
+    };
+    interface HTMLSddsHeaderLauncherListTitleElement extends Components.SddsHeaderLauncherListTitle, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderLauncherListTitleElement: {
+        prototype: HTMLSddsHeaderLauncherListTitleElement;
+        new (): HTMLSddsHeaderLauncherListTitleElement;
+    };
+    interface HTMLSddsHeaderTitleElement extends Components.SddsHeaderTitle, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderTitleElement: {
+        prototype: HTMLSddsHeaderTitleElement;
+        new (): HTMLSddsHeaderTitleElement;
+    };
+    interface HTMLSddsIconElement extends Components.SddsIcon, HTMLStencilElement {
+    }
+    var HTMLSddsIconElement: {
+        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 HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
     }
@@ -1334,6 +1715,12 @@ declare global {
         prototype: HTMLSddsModalElement;
         new (): HTMLSddsModalElement;
     };
+    interface HTMLSddsNavigationTabElement extends Components.SddsNavigationTab, HTMLStencilElement {
+    }
+    var HTMLSddsNavigationTabElement: {
+        prototype: HTMLSddsNavigationTabElement;
+        new (): HTMLSddsNavigationTabElement;
+    };
     interface HTMLSddsNavigationTabsElement extends Components.SddsNavigationTabs, HTMLStencilElement {
     }
     var HTMLSddsNavigationTabsElement: {
@@ -1358,6 +1745,72 @@ declare global {
         prototype: HTMLSddsRadioButtonElement;
         new (): HTMLSddsRadioButtonElement;
     };
+    interface HTMLSddsSideMenuElement extends Components.SddsSideMenu, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuElement: {
+        prototype: HTMLSddsSideMenuElement;
+        new (): HTMLSddsSideMenuElement;
+    };
+    interface HTMLSddsSideMenuCloseButtonElement extends Components.SddsSideMenuCloseButton, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuCloseButtonElement: {
+        prototype: HTMLSddsSideMenuCloseButtonElement;
+        new (): HTMLSddsSideMenuCloseButtonElement;
+    };
+    interface HTMLSddsSideMenuCollapseButtonElement extends Components.SddsSideMenuCollapseButton, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuCollapseButtonElement: {
+        prototype: HTMLSddsSideMenuCollapseButtonElement;
+        new (): HTMLSddsSideMenuCollapseButtonElement;
+    };
+    interface HTMLSddsSideMenuDropdownElement extends Components.SddsSideMenuDropdown, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuDropdownElement: {
+        prototype: HTMLSddsSideMenuDropdownElement;
+        new (): HTMLSddsSideMenuDropdownElement;
+    };
+    interface HTMLSddsSideMenuDropdownListElement extends Components.SddsSideMenuDropdownList, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuDropdownListElement: {
+        prototype: HTMLSddsSideMenuDropdownListElement;
+        new (): HTMLSddsSideMenuDropdownListElement;
+    };
+    interface HTMLSddsSideMenuDropdownListItemElement extends Components.SddsSideMenuDropdownListItem, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuDropdownListItemElement: {
+        prototype: HTMLSddsSideMenuDropdownListItemElement;
+        new (): HTMLSddsSideMenuDropdownListItemElement;
+    };
+    interface HTMLSddsSideMenuItemElement extends Components.SddsSideMenuItem, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuItemElement: {
+        prototype: HTMLSddsSideMenuItemElement;
+        new (): HTMLSddsSideMenuItemElement;
+    };
+    interface HTMLSddsSideMenuOverlayElement extends Components.SddsSideMenuOverlay, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuOverlayElement: {
+        prototype: HTMLSddsSideMenuOverlayElement;
+        new (): HTMLSddsSideMenuOverlayElement;
+    };
+    interface HTMLSddsSideMenuUserElement extends Components.SddsSideMenuUser, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuUserElement: {
+        prototype: HTMLSddsSideMenuUserElement;
+        new (): HTMLSddsSideMenuUserElement;
+    };
+    interface HTMLSddsSideMenuUserImageElement extends Components.SddsSideMenuUserImage, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuUserImageElement: {
+        prototype: HTMLSddsSideMenuUserImageElement;
+        new (): HTMLSddsSideMenuUserImageElement;
+    };
+    interface HTMLSddsSideMenuUserLabelElement extends Components.SddsSideMenuUserLabel, HTMLStencilElement {
+    }
+    var HTMLSddsSideMenuUserLabelElement: {
+        prototype: HTMLSddsSideMenuUserLabelElement;
+        new (): HTMLSddsSideMenuUserLabelElement;
+    };
     interface HTMLSddsSliderElement extends Components.SddsSlider, HTMLStencilElement {
     }
     var HTMLSddsSliderElement: {
@@ -1466,25 +1919,58 @@ declare global {
         "sdds-button": HTMLSddsButtonElement;
         "sdds-card": HTMLSddsCardElement;
         "sdds-checkbox": HTMLSddsCheckboxElement;
+        "sdds-chip": HTMLSddsChipElement;
+        "sdds-core-header-item": HTMLSddsCoreHeaderItemElement;
         "sdds-datetime": HTMLSddsDatetimeElement;
+        "sdds-divider": HTMLSddsDividerElement;
         "sdds-dropdown": HTMLSddsDropdownElement;
         "sdds-dropdown-filter": HTMLSddsDropdownFilterElement;
         "sdds-dropdown-option": HTMLSddsDropdownOptionElement;
+        "sdds-folder-tab": HTMLSddsFolderTabElement;
+        "sdds-folder-tabs": HTMLSddsFolderTabsElement;
         "sdds-footer": HTMLSddsFooterElement;
-        "sdds-footer-link": HTMLSddsFooterLinkElement;
-        "sdds-footer-link-group": HTMLSddsFooterLinkGroupElement;
+        "sdds-footer-group": HTMLSddsFooterGroupElement;
+        "sdds-footer-item": HTMLSddsFooterItemElement;
+        "sdds-header": HTMLSddsHeaderElement;
+        "sdds-header-brand-symbol": HTMLSddsHeaderBrandSymbolElement;
         "sdds-header-cell": HTMLSddsHeaderCellElement;
+        "sdds-header-dropdown": HTMLSddsHeaderDropdownElement;
+        "sdds-header-dropdown-list": HTMLSddsHeaderDropdownListElement;
+        "sdds-header-dropdown-list-item": HTMLSddsHeaderDropdownListItemElement;
+        "sdds-header-dropdown-list-user": HTMLSddsHeaderDropdownListUserElement;
+        "sdds-header-hamburger": HTMLSddsHeaderHamburgerElement;
+        "sdds-header-item": HTMLSddsHeaderItemElement;
+        "sdds-header-launcher": HTMLSddsHeaderLauncherElement;
+        "sdds-header-launcher-button": HTMLSddsHeaderLauncherButtonElement;
+        "sdds-header-launcher-grid": HTMLSddsHeaderLauncherGridElement;
+        "sdds-header-launcher-grid-item": HTMLSddsHeaderLauncherGridItemElement;
+        "sdds-header-launcher-grid-title": HTMLSddsHeaderLauncherGridTitleElement;
+        "sdds-header-launcher-list": HTMLSddsHeaderLauncherListElement;
+        "sdds-header-launcher-list-item": HTMLSddsHeaderLauncherListItemElement;
+        "sdds-header-launcher-list-title": HTMLSddsHeaderLauncherListTitleElement;
+        "sdds-header-title": HTMLSddsHeaderTitleElement;
         "sdds-icon": HTMLSddsIconElement;
         "sdds-inline-tab": HTMLSddsInlineTabElement;
         "sdds-inline-tabs": HTMLSddsInlineTabsElement;
-        "sdds-inline-tabs-fullbleed": HTMLSddsInlineTabsFullbleedElement;
         "sdds-link": HTMLSddsLinkElement;
         "sdds-message": HTMLSddsMessageElement;
         "sdds-modal": HTMLSddsModalElement;
+        "sdds-navigation-tab": HTMLSddsNavigationTabElement;
         "sdds-navigation-tabs": HTMLSddsNavigationTabsElement;
         "sdds-popover-canvas": HTMLSddsPopoverCanvasElement;
         "sdds-popover-menu": HTMLSddsPopoverMenuElement;
         "sdds-radio-button": HTMLSddsRadioButtonElement;
+        "sdds-side-menu": HTMLSddsSideMenuElement;
+        "sdds-side-menu-close-button": HTMLSddsSideMenuCloseButtonElement;
+        "sdds-side-menu-collapse-button": HTMLSddsSideMenuCollapseButtonElement;
+        "sdds-side-menu-dropdown": HTMLSddsSideMenuDropdownElement;
+        "sdds-side-menu-dropdown-list": HTMLSddsSideMenuDropdownListElement;
+        "sdds-side-menu-dropdown-list-item": HTMLSddsSideMenuDropdownListItemElement;
+        "sdds-side-menu-item": HTMLSddsSideMenuItemElement;
+        "sdds-side-menu-overlay": HTMLSddsSideMenuOverlayElement;
+        "sdds-side-menu-user": HTMLSddsSideMenuUserElement;
+        "sdds-side-menu-user-image": HTMLSddsSideMenuUserImageElement;
+        "sdds-side-menu-user-label": HTMLSddsSideMenuUserLabelElement;
         "sdds-slider": HTMLSddsSliderElement;
         "sdds-spinner": HTMLSddsSpinnerElement;
         "sdds-stepper": HTMLSddsStepperElement;
@@ -1505,10 +1991,6 @@ declare global {
 }
 declare namespace LocalJSX {
     interface SddsAccordion {
-        /**
-          * Enable or disable divider lines between items
-         */
-        "divider"?: boolean;
         /**
           * Set the variant of the the accordion.
          */
@@ -1532,9 +2014,11 @@ declare namespace LocalJSX {
          */
         "header"?: string;
         /**
-          * Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion
+          * Fires when the accordion item is clicked but before the it is closed or opened.
          */
-        "onSddsToggle"?: (event: SddsAccordionItemCustomEvent<boolean>) => void;
+        "onSddsToggle"?: (event: SddsAccordionItemCustomEvent<{
+    expanded: boolean;
+  }>) => void;
         /**
           * When true 16px on right padding instead of 64px
          */
@@ -1571,41 +2055,26 @@ declare namespace LocalJSX {
           * Hides the banner
          */
         "hidden"?: boolean;
-        /**
-          * Href for the link
-         */
-        "href"?: string;
         /**
           * Name of the icon for the component. For error and information type the icon is predefined.
          */
         "icon"?: string;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
-         */
-        "linkRel"?: string;
-        /**
-          * Where to open the linked URL
-         */
-        "linkTarget"?: '_self' | '_blank' | '_parent' | '_top';
-        /**
-          * Link text.
+          * Sends unique banner identifier when the close button is pressed.
          */
-        "linkText"?: string;
+        "onSddsClose"?: (event: SddsBannerCustomEvent<{
+    bannerId: string;
+  }>) => void;
         /**
           * Sends unique banner identifier when the close button is pressed.
          */
-        "onSddsClose"?: (event: SddsBannerCustomEvent<{
+        "onSddsShow"?: (event: SddsBannerCustomEvent<{
     bannerId: string;
-    hidden: boolean;
   }>) => void;
         /**
           * Removes the close button on the banner.
          */
         "persistent"?: boolean;
-        /**
-          * Subheader text.
-         */
-        "subheader"?: string;
         /**
           * Type of banner
          */
@@ -1642,18 +2111,6 @@ declare namespace LocalJSX {
           * Toggle the disabled state for the breadcrumb
          */
         "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;
-        /**
-          * Where to open the linked URL
-         */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
     }
     interface SddsButton {
         /**
@@ -1772,6 +2229,47 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsChip {
+        /**
+          * Setting it to true set component state to checked. Valid only for type checkbox and radio.
+         */
+        "checked"?: boolean;
+        /**
+          * ID used for internal chip functionality and events, must be unique.  **NOTE**: If you're listening for input events you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
+         */
+        "chipId"?: string;
+        /**
+          * Name for the checkbox or radio input element. Also creates a reference between label and input. Valid only for type checkbox and radio.
+         */
+        "name"?: string;
+        /**
+          * Sends unique chip identifier and value when it is changed (checked/unchecked). Valid only for type checkbox and radio. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing.
+         */
+        "onSddsChange"?: (event: SddsChipCustomEvent<{
+    chipId: string;
+    value: string;
+  }>) => void;
+        /**
+          * Sends unique chip identifier when chip is clicked. Valid only for type button. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing.
+         */
+        "onSddsClick"?: (event: SddsChipCustomEvent<{
+    chipId: string;
+  }>) => void;
+        /**
+          * Size of the chip component
+         */
+        "size"?: 'sm' | 'lg';
+        /**
+          * Type of chip, depends on usage
+         */
+        "type"?: 'button' | 'radio' | 'checkbox';
+        /**
+          * Value of input. Valid only for type checkbox and radio.
+         */
+        "value"?: string;
+    }
+    interface SddsCoreHeaderItem {
+    }
     interface SddsDatetime {
         /**
           * Autofocus for input
@@ -1794,7 +2292,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 +2300,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 +2332,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 +2364,11 @@ 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 +2386,7 @@ declare namespace LocalJSX {
         /**
           * Support `error` state
          */
-        "state"?: string;
+        "state"?: boolean;
         /**
           * `Controls type of dropdown.
          */
@@ -1909,7 +2420,15 @@ declare namespace LocalJSX {
         /**
           * Position of label
          */
-        "labelPosition"?: 'no-label' | 'inside' | 'outside';
+        "labelPosition"?: 'no-label' | 'outside';
+        /**
+          * Set the variant of the dropdown.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Direction that the dropdown will open. Default is auto.
+         */
+        "openDirection"?: 'down' | 'up' | 'auto';
         /**
           * Placeholder text for dropdown with no selected item
          */
@@ -1925,14 +2444,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,32 +2460,54 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsFooter {
+    interface SddsFolderTab {
         /**
-          * Mode variant of the component, based on current mode.
+          * Disables the tab.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "disabled"?: boolean;
     }
-    interface SddsFooterLink {
+    interface SddsFolderTabs {
         /**
-          * URL for the link
+          * Sets the default selected tab.
          */
-        "linkHref"?: string;
+        "defaultSelectedIndex"?: number;
+        /**
+          * Variant of the tabs, primary= on white, secondary= on grey50
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Event emitted when the selected tab is changed.
+         */
+        "onSddsChange"?: (event: SddsFolderTabsCustomEvent<{
+    selectedTabIndex: number;
+  }>) => void;
         /**
-          * 'noopener' is a security measure for legacy browsers that prevents the opened page from getting access to the original page when using target='_blank'.
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "rel"?: string;
+        "selectedIndex"?: number;
+    }
+    interface SddsFooter {
         /**
-          * Where to open the linked URL
+          * Mode variant of the component, based on current mode.
          */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsFooterLinkGroup {
+    interface SddsFooterGroup {
         /**
           * Title text for the link group, only valid on top part of footer.
          */
         "titleText"?: string;
     }
+    interface SddsFooterItem {
+    }
+    interface SddsHeader {
+    }
+    interface SddsHeaderBrandSymbol {
+        /**
+          * The href for the logo link.
+         */
+        "linkHref"?: string;
+    }
     interface SddsHeaderCell {
         /**
           * Value of column key, usually comes from JSON, needed for sorting
@@ -1982,17 +2522,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
-         */
-        "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
+          * 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.
          */
-        "onTextAlignEvent"?: (event: SddsHeaderCellCustomEvent<any>) => void;
+        "onSddsSortChange"?: (event: SddsHeaderCellCustomEvent<any>) => void;
         /**
           * If passed as prop, enables sorting on that column
          */
@@ -2002,6 +2534,85 @@ declare namespace LocalJSX {
          */
         "textAlign"?: string;
     }
+    interface SddsHeaderDropdown {
+        /**
+          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+         */
+        "buttonLabel"?: string;
+        /**
+          * If the dropdown icon (downwards chevron) should be hidden.
+         */
+        "noDropdownIcon"?: boolean;
+        /**
+          * If the button that opens the dropdown should appear selected.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsHeaderDropdownList {
+        "type"?: 'lg' | 'md';
+    }
+    interface SddsHeaderDropdownListItem {
+        /**
+          * If the link should appear selected.
+         */
+        "selected"?: boolean;
+        /**
+          * The type of the list.
+         */
+        "type"?: 'md' | 'lg';
+    }
+    interface SddsHeaderDropdownListUser {
+        /**
+          * Heading, usually the users first name and last name.
+         */
+        "heading"?: string;
+        /**
+          * Image alt text.
+         */
+        "imgAlt"?: string;
+        /**
+          * Image URL.
+         */
+        "imgUrl"?: string;
+        /**
+          * Subheading.
+         */
+        "subheading"?: string;
+    }
+    interface SddsHeaderHamburger {
+    }
+    interface SddsHeaderItem {
+        /**
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+         */
+        "active"?: boolean;
+        /**
+          * If the button should appear selected.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsHeaderLauncher {
+    }
+    interface SddsHeaderLauncherButton {
+        /**
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
+         */
+        "active"?: boolean;
+    }
+    interface SddsHeaderLauncherGrid {
+    }
+    interface SddsHeaderLauncherGridItem {
+    }
+    interface SddsHeaderLauncherGridTitle {
+    }
+    interface SddsHeaderLauncherList {
+    }
+    interface SddsHeaderLauncherListItem {
+    }
+    interface SddsHeaderLauncherListTitle {
+    }
+    interface SddsHeaderTitle {
+    }
     interface SddsIcon {
         /**
           * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
@@ -2013,47 +2624,33 @@ declare namespace LocalJSX {
         "size"?: string;
     }
     interface SddsInlineTab {
-        "default"?: boolean;
+        /**
+          * Disables the tab.
+         */
         "disabled"?: boolean;
-        "label"?: string;
     }
     interface SddsInlineTabs {
         /**
-          * different height settings. right now only supports "auto", otherwise ignored
+          * Sets the default selected tab.
          */
-        "autoHeight"?: boolean;
-        /**
-          * either use this (default-tab="...") or read attribute "default" from one of the slotted children.
-         */
-        "defaultTab"?: string;
+        "defaultSelectedIndex"?: number;
         /**
           * Variant of the tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
-    }
-    interface SddsInlineTabsFullbleed {
+        "onSddsChange"?: (event: SddsInlineTabsCustomEvent<{
+    selectedTabIndex: number;
+  }>) => void;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "selectedIndex"?: number;
     }
     interface SddsLink {
         /**
           * Disables the link
          */
         "disabled"?: boolean;
-        /**
-          * URL 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';
         /**
           * Displays the link with an underline.
          */
@@ -2086,23 +2683,62 @@ 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
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
     }
+    interface SddsNavigationTab {
+        /**
+          * Disables the tab.
+         */
+        "disabled"?: boolean;
+    }
     interface SddsNavigationTabs {
+        /**
+          * Sets the default selected tab.
+         */
+        "defaultSelectedIndex"?: number;
         /**
           * Variant of the tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Event emitted when the selected tab is changed.
+         */
+        "onSddsChange"?: (event: SddsNavigationTabsCustomEvent<{
+    selectedTabIndex: number;
+  }>) => void;
+        /**
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+         */
+        "selectedIndex"?: number;
     }
     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 +2748,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 +2760,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;
     }
@@ -2187,6 +2823,100 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsSideMenu {
+        /**
+          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+         */
+        "collapsed"?: boolean;
+        /**
+          * Broadcasts collapsed state to child components.
+         */
+        "onSddsSideMenuCollapsed"?: (event: SddsSideMenuCustomEvent<CollapsedEvent>) => void;
+        /**
+          * If the side menu is open or not.
+         */
+        "open"?: boolean;
+        /**
+          * If the side menu should always be shown on desktop screens to the side.
+         */
+        "persistent"?: boolean;
+    }
+    interface SddsSideMenuCloseButton {
+    }
+    interface SddsSideMenuCollapseButton {
+    }
+    interface SddsSideMenuDropdown {
+        /**
+          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+         */
+        "buttonLabel"?: string;
+        /**
+          * If the dropdown should be open from the start.
+         */
+        "defaultOpen"?: boolean;
+        /**
+          * If the button that opens the dropdown should appear selected.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsSideMenuDropdownList {
+    }
+    interface SddsSideMenuDropdownListItem {
+        /**
+          * If the item should appear selected.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsSideMenuItem {
+        /**
+          * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
+         */
+        "active"?: boolean;
+        /**
+          * If the item should appear selected.
+         */
+        "selected"?: boolean;
+    }
+    interface SddsSideMenuOverlay {
+    }
+    interface SddsSideMenuUser {
+        /**
+          * The heading text.
+         */
+        "heading": string;
+        /**
+          * The image alt text.
+         */
+        "imgAlt"?: string;
+        /**
+          * The image source.
+         */
+        "imgSrc"?: string;
+        /**
+          * The subheading text.
+         */
+        "subheading"?: string;
+    }
+    interface SddsSideMenuUserImage {
+        /**
+          * The image alt text.
+         */
+        "alt"?: string;
+        /**
+          * The image source.
+         */
+        "src"?: string;
+    }
+    interface SddsSideMenuUserLabel {
+        /**
+          * The heading text.
+         */
+        "heading": string;
+        /**
+          * The subheading text.
+         */
+        "subheading"?: string;
+    }
     interface SddsSlider {
         /**
           * Decide to show the controls or not
@@ -2217,7 +2947,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;
@@ -2227,15 +2957,15 @@ 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.
+          * ID for the sliders input element, randomly generated if not specified.
          */
         "sliderId"?: string;
         /**
@@ -2270,10 +3000,6 @@ 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.
          */
@@ -2282,16 +3008,25 @@ declare namespace LocalJSX {
           * Text position, only available on direction:horizontal
          */
         "labelPosition"?: 'aside' | 'below';
+        "onInternalSddsPropsChange"?: (event: SddsStepperCustomEvent<InternalSddsStepperPropChange>) => void;
+        /**
+          * The orientation the children are layed out.
+         */
+        "orientation"?: 'horizontal' | 'vertical';
         /**
           * Size of the component and it's children.
          */
         "size"?: 'sm' | 'lg';
+        /**
+          * ID used for internal stepper functionality and events, must be unique.  **NOTE**: If you're listening for stepper events you need to set this ID yourself to identify the stepper, as the default ID is random and will be different every time.
+         */
+        "stepperId"?: string;
     }
     interface SddsStepperItem {
         /**
-          * Label text for the stepper-item.
+          * Index of the step. Will be displayed in the step if state is current/upcoming.
          */
-        "labelText"?: string;
+        "index"?: string;
         /**
           * State of the stepper-item
          */
@@ -2322,10 +3057,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 +3083,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 +3118,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 {
         /**
@@ -2439,9 +3134,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
          */
@@ -2710,25 +3405,58 @@ declare namespace LocalJSX {
         "sdds-button": SddsButton;
         "sdds-card": SddsCard;
         "sdds-checkbox": SddsCheckbox;
+        "sdds-chip": SddsChip;
+        "sdds-core-header-item": SddsCoreHeaderItem;
         "sdds-datetime": SddsDatetime;
+        "sdds-divider": SddsDivider;
         "sdds-dropdown": SddsDropdown;
         "sdds-dropdown-filter": SddsDropdownFilter;
         "sdds-dropdown-option": SddsDropdownOption;
+        "sdds-folder-tab": SddsFolderTab;
+        "sdds-folder-tabs": SddsFolderTabs;
         "sdds-footer": SddsFooter;
-        "sdds-footer-link": SddsFooterLink;
-        "sdds-footer-link-group": SddsFooterLinkGroup;
+        "sdds-footer-group": SddsFooterGroup;
+        "sdds-footer-item": SddsFooterItem;
+        "sdds-header": SddsHeader;
+        "sdds-header-brand-symbol": SddsHeaderBrandSymbol;
         "sdds-header-cell": SddsHeaderCell;
+        "sdds-header-dropdown": SddsHeaderDropdown;
+        "sdds-header-dropdown-list": SddsHeaderDropdownList;
+        "sdds-header-dropdown-list-item": SddsHeaderDropdownListItem;
+        "sdds-header-dropdown-list-user": SddsHeaderDropdownListUser;
+        "sdds-header-hamburger": SddsHeaderHamburger;
+        "sdds-header-item": SddsHeaderItem;
+        "sdds-header-launcher": SddsHeaderLauncher;
+        "sdds-header-launcher-button": SddsHeaderLauncherButton;
+        "sdds-header-launcher-grid": SddsHeaderLauncherGrid;
+        "sdds-header-launcher-grid-item": SddsHeaderLauncherGridItem;
+        "sdds-header-launcher-grid-title": SddsHeaderLauncherGridTitle;
+        "sdds-header-launcher-list": SddsHeaderLauncherList;
+        "sdds-header-launcher-list-item": SddsHeaderLauncherListItem;
+        "sdds-header-launcher-list-title": SddsHeaderLauncherListTitle;
+        "sdds-header-title": SddsHeaderTitle;
         "sdds-icon": SddsIcon;
         "sdds-inline-tab": SddsInlineTab;
         "sdds-inline-tabs": SddsInlineTabs;
-        "sdds-inline-tabs-fullbleed": SddsInlineTabsFullbleed;
         "sdds-link": SddsLink;
         "sdds-message": SddsMessage;
         "sdds-modal": SddsModal;
+        "sdds-navigation-tab": SddsNavigationTab;
         "sdds-navigation-tabs": SddsNavigationTabs;
         "sdds-popover-canvas": SddsPopoverCanvas;
         "sdds-popover-menu": SddsPopoverMenu;
         "sdds-radio-button": SddsRadioButton;
+        "sdds-side-menu": SddsSideMenu;
+        "sdds-side-menu-close-button": SddsSideMenuCloseButton;
+        "sdds-side-menu-collapse-button": SddsSideMenuCollapseButton;
+        "sdds-side-menu-dropdown": SddsSideMenuDropdown;
+        "sdds-side-menu-dropdown-list": SddsSideMenuDropdownList;
+        "sdds-side-menu-dropdown-list-item": SddsSideMenuDropdownListItem;
+        "sdds-side-menu-item": SddsSideMenuItem;
+        "sdds-side-menu-overlay": SddsSideMenuOverlay;
+        "sdds-side-menu-user": SddsSideMenuUser;
+        "sdds-side-menu-user-image": SddsSideMenuUserImage;
+        "sdds-side-menu-user-label": SddsSideMenuUserLabel;
         "sdds-slider": SddsSlider;
         "sdds-spinner": SddsSpinner;
         "sdds-stepper": SddsStepper;
@@ -2762,25 +3490,58 @@ declare module "@stencil/core" {
             "sdds-button": LocalJSX.SddsButton & JSXBase.HTMLAttributes<HTMLSddsButtonElement>;
             "sdds-card": LocalJSX.SddsCard & JSXBase.HTMLAttributes<HTMLSddsCardElement>;
             "sdds-checkbox": LocalJSX.SddsCheckbox & JSXBase.HTMLAttributes<HTMLSddsCheckboxElement>;
+            "sdds-chip": LocalJSX.SddsChip & JSXBase.HTMLAttributes<HTMLSddsChipElement>;
+            "sdds-core-header-item": LocalJSX.SddsCoreHeaderItem & JSXBase.HTMLAttributes<HTMLSddsCoreHeaderItemElement>;
             "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-tab": LocalJSX.SddsFolderTab & JSXBase.HTMLAttributes<HTMLSddsFolderTabElement>;
+            "sdds-folder-tabs": LocalJSX.SddsFolderTabs & JSXBase.HTMLAttributes<HTMLSddsFolderTabsElement>;
             "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-footer-group": LocalJSX.SddsFooterGroup & JSXBase.HTMLAttributes<HTMLSddsFooterGroupElement>;
+            "sdds-footer-item": LocalJSX.SddsFooterItem & JSXBase.HTMLAttributes<HTMLSddsFooterItemElement>;
+            "sdds-header": LocalJSX.SddsHeader & JSXBase.HTMLAttributes<HTMLSddsHeaderElement>;
+            "sdds-header-brand-symbol": LocalJSX.SddsHeaderBrandSymbol & JSXBase.HTMLAttributes<HTMLSddsHeaderBrandSymbolElement>;
             "sdds-header-cell": LocalJSX.SddsHeaderCell & JSXBase.HTMLAttributes<HTMLSddsHeaderCellElement>;
+            "sdds-header-dropdown": LocalJSX.SddsHeaderDropdown & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownElement>;
+            "sdds-header-dropdown-list": LocalJSX.SddsHeaderDropdownList & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownListElement>;
+            "sdds-header-dropdown-list-item": LocalJSX.SddsHeaderDropdownListItem & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownListItemElement>;
+            "sdds-header-dropdown-list-user": LocalJSX.SddsHeaderDropdownListUser & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownListUserElement>;
+            "sdds-header-hamburger": LocalJSX.SddsHeaderHamburger & JSXBase.HTMLAttributes<HTMLSddsHeaderHamburgerElement>;
+            "sdds-header-item": LocalJSX.SddsHeaderItem & JSXBase.HTMLAttributes<HTMLSddsHeaderItemElement>;
+            "sdds-header-launcher": LocalJSX.SddsHeaderLauncher & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherElement>;
+            "sdds-header-launcher-button": LocalJSX.SddsHeaderLauncherButton & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherButtonElement>;
+            "sdds-header-launcher-grid": LocalJSX.SddsHeaderLauncherGrid & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherGridElement>;
+            "sdds-header-launcher-grid-item": LocalJSX.SddsHeaderLauncherGridItem & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherGridItemElement>;
+            "sdds-header-launcher-grid-title": LocalJSX.SddsHeaderLauncherGridTitle & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherGridTitleElement>;
+            "sdds-header-launcher-list": LocalJSX.SddsHeaderLauncherList & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherListElement>;
+            "sdds-header-launcher-list-item": LocalJSX.SddsHeaderLauncherListItem & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherListItemElement>;
+            "sdds-header-launcher-list-title": LocalJSX.SddsHeaderLauncherListTitle & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherListTitleElement>;
+            "sdds-header-title": LocalJSX.SddsHeaderTitle & JSXBase.HTMLAttributes<HTMLSddsHeaderTitleElement>;
             "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-link": LocalJSX.SddsLink & JSXBase.HTMLAttributes<HTMLSddsLinkElement>;
             "sdds-message": LocalJSX.SddsMessage & JSXBase.HTMLAttributes<HTMLSddsMessageElement>;
             "sdds-modal": LocalJSX.SddsModal & JSXBase.HTMLAttributes<HTMLSddsModalElement>;
+            "sdds-navigation-tab": LocalJSX.SddsNavigationTab & JSXBase.HTMLAttributes<HTMLSddsNavigationTabElement>;
             "sdds-navigation-tabs": LocalJSX.SddsNavigationTabs & JSXBase.HTMLAttributes<HTMLSddsNavigationTabsElement>;
             "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-side-menu": LocalJSX.SddsSideMenu & JSXBase.HTMLAttributes<HTMLSddsSideMenuElement>;
+            "sdds-side-menu-close-button": LocalJSX.SddsSideMenuCloseButton & JSXBase.HTMLAttributes<HTMLSddsSideMenuCloseButtonElement>;
+            "sdds-side-menu-collapse-button": LocalJSX.SddsSideMenuCollapseButton & JSXBase.HTMLAttributes<HTMLSddsSideMenuCollapseButtonElement>;
+            "sdds-side-menu-dropdown": LocalJSX.SddsSideMenuDropdown & JSXBase.HTMLAttributes<HTMLSddsSideMenuDropdownElement>;
+            "sdds-side-menu-dropdown-list": LocalJSX.SddsSideMenuDropdownList & JSXBase.HTMLAttributes<HTMLSddsSideMenuDropdownListElement>;
+            "sdds-side-menu-dropdown-list-item": LocalJSX.SddsSideMenuDropdownListItem & JSXBase.HTMLAttributes<HTMLSddsSideMenuDropdownListItemElement>;
+            "sdds-side-menu-item": LocalJSX.SddsSideMenuItem & JSXBase.HTMLAttributes<HTMLSddsSideMenuItemElement>;
+            "sdds-side-menu-overlay": LocalJSX.SddsSideMenuOverlay & JSXBase.HTMLAttributes<HTMLSddsSideMenuOverlayElement>;
+            "sdds-side-menu-user": LocalJSX.SddsSideMenuUser & JSXBase.HTMLAttributes<HTMLSddsSideMenuUserElement>;
+            "sdds-side-menu-user-image": LocalJSX.SddsSideMenuUserImage & JSXBase.HTMLAttributes<HTMLSddsSideMenuUserImageElement>;
+            "sdds-side-menu-user-label": LocalJSX.SddsSideMenuUserLabel & JSXBase.HTMLAttributes<HTMLSddsSideMenuUserLabelElement>;
             "sdds-slider": LocalJSX.SddsSlider & JSXBase.HTMLAttributes<HTMLSddsSliderElement>;
             "sdds-spinner": LocalJSX.SddsSpinner & JSXBase.HTMLAttributes<HTMLSddsSpinnerElement>;
             "sdds-stepper": LocalJSX.SddsStepper & JSXBase.HTMLAttributes<HTMLSddsStepperElement>;