@scania/tegel 0.0.52 → 0.0.61

package/dist/types/components.d.ts

@@ -6,8 +6,12 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
+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 { 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 {
@@ -37,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 {
         /**
@@ -72,7 +80,7 @@ export namespace Components {
         /**
           * Hides the banner.
          */
-        "hideBanner": () => Promise<{ bannerId: string; hidden: boolean; }>;
+        "hideBanner": () => Promise<void>;
         /**
           * Name of the icon for the component. For error and information type the icon is predefined.
          */
@@ -84,7 +92,7 @@ export namespace Components {
         /**
           * Shows the banner
          */
-        "showBanner": () => Promise<{ bannerId: string; hidden: boolean; }>;
+        "showBanner": () => Promise<void>;
         /**
           * Type of banner
          */
@@ -112,7 +120,7 @@ export namespace Components {
     }
     interface SddsBreadcrumb {
     }
-    interface SddsBreadcrumbLink {
+    interface SddsBreadcrumbItem {
         /**
           * Boolean for the current link
          */
@@ -121,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 {
         /**
@@ -233,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
@@ -377,6 +401,10 @@ export namespace Components {
           * 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
          */
@@ -412,49 +440,31 @@ 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 {
+    interface SddsFolderTab {
         /**
           * Disables the tab.
          */
         "disabled": boolean;
-        /**
-          * Marks the tab as the selected one.
-         */
-        "selected": boolean;
+        "setSelected": (selected: boolean) => Promise<void>;
         "setTabWidth": (width: number) => Promise<void>;
     }
-    interface SddsFolderTabsLink {
-        /**
-          * Disables the tab.
-         */
-        "disabled": boolean;
+    interface SddsFolderTabs {
         /**
-          * Href for the link
+          * Sets the default selected tab.
          */
-        "href": string;
+        "defaultSelectedIndex": number;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "rel": string;
+        "modeVariant": 'primary' | 'secondary';
         /**
-          * Marks the tab as the selected one.
+          * Sets the passed tabindex as the selected tab.
          */
-        "selected": boolean;
-        "setTabWidth": (width: number) => Promise<void>;
+        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
         /**
-          * Where to open the linked URL
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "target": '_self' | '_blank' | '_parent' | '_top';
+        "selectedIndex": number;
     }
     interface SddsFooter {
         /**
@@ -462,25 +472,21 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsFooterLink {
-        /**
-          * URL for the link
-         */
-        "href": 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;
+    interface SddsFooterGroup {
         /**
-          * Where to open the linked URL
+          * Title text for the link group, only valid on top part of footer.
          */
-        "target": '_self' | '_blank' | '_parent' | '_top';
+        "titleText": string;
+    }
+    interface SddsFooterItem {
+    }
+    interface SddsHeader {
     }
-    interface SddsFooterLinkGroup {
+    interface SddsHeaderBrandSymbol {
         /**
-          * Title text for the link group, only valid on top part of footer.
+          * The href for the logo link.
          */
-        "titleText": string;
+        "linkHref": string;
     }
     interface SddsHeaderCell {
         /**
@@ -504,75 +510,125 @@ export namespace Components {
          */
         "textAlign": string;
     }
-    interface SddsIcon {
+    interface SddsHeaderDropdown {
         /**
-          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
-        "name": string;
+        "buttonLabel": string;
         /**
-          * Pass a size of icon as a string, for example: 32px, 1rem, 4em...
+          * If the dropdown icon (downwards chevron) should be hidden.
          */
-        "size": string;
+        "noDropdownIcon": boolean;
+        /**
+          * If the button that opens the dropdown should appear selected.
+         */
+        "selected": boolean;
     }
-    interface SddsInlineTabs {
+    interface SddsHeaderDropdownList {
+        "type": 'lg' | 'md';
+    }
+    interface SddsHeaderDropdownListItem {
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * If the link should appear selected.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "selected": boolean;
         /**
-          * Selects a tab based on tabindex, will not select a disabled tab.
+          * The type of the list.
          */
-        "selectTab": (tabIndex: number) => Promise<{ selectedTab: string; selectedTabIndex: number; }>;
+        "type": 'md' | 'lg';
     }
-    interface SddsInlineTabsButton {
+    interface SddsHeaderDropdownListUser {
         /**
-          * Disables the tab.
+          * Heading, usually the users first name and last name.
          */
-        "disabled": boolean;
+        "heading": string;
         /**
-          * Marks the tab as the selected one.
+          * Image alt text.
          */
-        "selected": boolean;
-    }
-    interface SddsInlineTabsLink {
+        "imgAlt": string;
         /**
-          * Disables the tab.
+          * Image URL.
          */
-        "disabled": boolean;
+        "imgUrl": string;
         /**
-          * Href for the link
+          * Subheading.
          */
-        "href": string;
+        "subheading": string;
+    }
+    interface SddsHeaderHamburger {
+    }
+    interface SddsHeaderItem {
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
-        "rel": string;
+        "active": boolean;
         /**
-          * Marks the tab as the selected one.
+          * If the button should appear selected.
          */
         "selected": boolean;
+    }
+    interface SddsHeaderLauncher {
+    }
+    interface SddsHeaderLauncherButton {
         /**
-          * Where to open the linked URL
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
-        "target": '_self' | '_blank' | '_parent' | '_top';
+        "active": boolean;
     }
-    interface SddsLink {
+    interface SddsHeaderLauncherGrid {
+    }
+    interface SddsHeaderLauncherGridItem {
+    }
+    interface SddsHeaderLauncherGridTitle {
+    }
+    interface SddsHeaderLauncherList {
+    }
+    interface SddsHeaderLauncherListItem {
+    }
+    interface SddsHeaderLauncherListTitle {
+    }
+    interface SddsHeaderTitle {
+    }
+    interface SddsIcon {
         /**
-          * Disables the link
+          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+         */
+        "name": string;
+        /**
+          * Pass a size of icon as a string, for example: 32px, 1rem, 4em...
+         */
+        "size": string;
+    }
+    interface SddsInlineTab {
+        /**
+          * Disables the tab.
          */
         "disabled": boolean;
+        "setSelected": (selected: boolean) => Promise<void>;
+    }
+    interface SddsInlineTabs {
         /**
-          * URL for the link
+          * Sets the default selected tab.
          */
-        "href": string;
+        "defaultSelectedIndex": number;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "rel": string;
+        "modeVariant": 'primary' | 'secondary';
         /**
-          * Where to open the linked URL
+          * Selects a tab based on tabindex, will not select a disabled 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.
          */
-        "target": '_self' | '_blank' | '_parent' | '_top';
+        "selectedIndex": number;
+    }
+    interface SddsLink {
+        /**
+          * Disables the link
+         */
+        "disabled": boolean;
         /**
           * Displays the link with an underline.
          */
@@ -634,47 +690,30 @@ export namespace Components {
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
     }
-    interface SddsNavigationTabs {
-        /**
-          * 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 {
+    interface SddsNavigationTab {
         /**
           * Disables the tab.
          */
         "disabled": boolean;
-        /**
-          * Marks the tab as the selected one.
-         */
-        "selected": boolean;
+        "setSelected": (selected: boolean) => Promise<void>;
     }
-    interface SddsNavigationTabsLink {
-        /**
-          * Disables the tab.
-         */
-        "disabled": boolean;
+    interface SddsNavigationTabs {
         /**
-          * Href for the link
+          * Sets the default selected tab.
          */
-        "href": string;
+        "defaultSelectedIndex": number;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "rel": string;
+        "modeVariant": 'primary' | 'secondary';
         /**
-          * Marks the tab as the selected one.
+          * Sets the passed tabindex as the selected tab.
          */
-        "selected": boolean;
+        "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
         /**
-          * Where to open the linked URL
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "target": '_self' | '_blank' | '_parent' | '_top';
+        "selectedIndex": number;
     }
     interface SddsPopoverCanvas {
         /**
@@ -758,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
@@ -804,7 +933,7 @@ export namespace Components {
          */
         "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;
         /**
@@ -839,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.
          */
@@ -851,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
          */
@@ -1108,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.
          */
@@ -1207,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;
@@ -1243,10 +1376,18 @@ 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;
@@ -1334,11 +1475,11 @@ declare global {
         prototype: HTMLSddsBreadcrumbElement;
         new (): HTMLSddsBreadcrumbElement;
     };
-    interface HTMLSddsBreadcrumbLinkElement extends Components.SddsBreadcrumbLink, HTMLStencilElement {
+    interface HTMLSddsBreadcrumbItemElement extends Components.SddsBreadcrumbItem, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbLinkElement: {
-        prototype: HTMLSddsBreadcrumbLinkElement;
-        new (): HTMLSddsBreadcrumbLinkElement;
+    var HTMLSddsBreadcrumbItemElement: {
+        prototype: HTMLSddsBreadcrumbItemElement;
+        new (): HTMLSddsBreadcrumbItemElement;
     };
     interface HTMLSddsButtonElement extends Components.SddsButton, HTMLStencilElement {
     }
@@ -1358,6 +1499,18 @@ 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: {
@@ -1388,41 +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 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 {
+    interface HTMLSddsFooterGroupElement extends Components.SddsFooterGroup, HTMLStencilElement {
+    }
+    var HTMLSddsFooterGroupElement: {
+        prototype: HTMLSddsFooterGroupElement;
+        new (): HTMLSddsFooterGroupElement;
+    };
+    interface HTMLSddsFooterItemElement extends Components.SddsFooterItem, HTMLStencilElement {
+    }
+    var HTMLSddsFooterItemElement: {
+        prototype: HTMLSddsFooterItemElement;
+        new (): HTMLSddsFooterItemElement;
+    };
+    interface HTMLSddsHeaderElement extends Components.SddsHeader, HTMLStencilElement {
     }
-    var HTMLSddsFooterLinkElement: {
-        prototype: HTMLSddsFooterLinkElement;
-        new (): HTMLSddsFooterLinkElement;
+    var HTMLSddsHeaderElement: {
+        prototype: HTMLSddsHeaderElement;
+        new (): HTMLSddsHeaderElement;
     };
-    interface HTMLSddsFooterLinkGroupElement extends Components.SddsFooterLinkGroup, HTMLStencilElement {
+    interface HTMLSddsHeaderBrandSymbolElement extends Components.SddsHeaderBrandSymbol, HTMLStencilElement {
     }
-    var HTMLSddsFooterLinkGroupElement: {
-        prototype: HTMLSddsFooterLinkGroupElement;
-        new (): HTMLSddsFooterLinkGroupElement;
+    var HTMLSddsHeaderBrandSymbolElement: {
+        prototype: HTMLSddsHeaderBrandSymbolElement;
+        new (): HTMLSddsHeaderBrandSymbolElement;
     };
     interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
     }
@@ -1430,30 +1589,114 @@ declare global {
         prototype: HTMLSddsHeaderCellElement;
         new (): HTMLSddsHeaderCellElement;
     };
+    interface HTMLSddsHeaderDropdownElement extends Components.SddsHeaderDropdown, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderDropdownElement: {
+        prototype: HTMLSddsHeaderDropdownElement;
+        new (): HTMLSddsHeaderDropdownElement;
+    };
+    interface HTMLSddsHeaderDropdownListElement extends Components.SddsHeaderDropdownList, HTMLStencilElement {
+    }
+    var HTMLSddsHeaderDropdownListElement: {
+        prototype: HTMLSddsHeaderDropdownListElement;
+        new (): HTMLSddsHeaderDropdownListElement;
+    };
+    interface HTMLSddsHeaderDropdownListItemElement extends Components.SddsHeaderDropdownListItem, HTMLStencilElement {
+    }
+    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 HTMLSddsHeaderItemElement extends Components.SddsHeaderItem, HTMLStencilElement {
+    }
+    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 HTMLSddsInlineTabsButtonElement extends Components.SddsInlineTabsButton, HTMLStencilElement {
-    }
-    var HTMLSddsInlineTabsButtonElement: {
-        prototype: HTMLSddsInlineTabsButtonElement;
-        new (): HTMLSddsInlineTabsButtonElement;
-    };
-    interface HTMLSddsInlineTabsLinkElement extends Components.SddsInlineTabsLink, HTMLStencilElement {
-    }
-    var HTMLSddsInlineTabsLinkElement: {
-        prototype: HTMLSddsInlineTabsLinkElement;
-        new (): HTMLSddsInlineTabsLinkElement;
-    };
     interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
     }
     var HTMLSddsLinkElement: {
@@ -1472,24 +1715,18 @@ 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: {
         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: {
@@ -1508,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: {
@@ -1612,35 +1915,62 @@ declare global {
         "sdds-block": HTMLSddsBlockElement;
         "sdds-body-cell": HTMLSddsBodyCellElement;
         "sdds-breadcrumb": HTMLSddsBreadcrumbElement;
-        "sdds-breadcrumb-link": HTMLSddsBreadcrumbLinkElement;
+        "sdds-breadcrumb-item": HTMLSddsBreadcrumbItemElement;
         "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-folder-tabs-button": HTMLSddsFolderTabsButtonElement;
-        "sdds-folder-tabs-link": HTMLSddsFolderTabsLinkElement;
         "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-button": HTMLSddsInlineTabsButtonElement;
-        "sdds-inline-tabs-link": HTMLSddsInlineTabsLinkElement;
         "sdds-link": HTMLSddsLinkElement;
         "sdds-message": HTMLSddsMessageElement;
         "sdds-modal": HTMLSddsModalElement;
+        "sdds-navigation-tab": HTMLSddsNavigationTabElement;
         "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-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;
@@ -1684,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
          */
@@ -1732,7 +2064,12 @@ declare namespace LocalJSX {
          */
         "onSddsClose"?: (event: SddsBannerCustomEvent<{
     bannerId: string;
-    hidden: boolean;
+  }>) => void;
+        /**
+          * Sends unique banner identifier when the close button is pressed.
+         */
+        "onSddsShow"?: (event: SddsBannerCustomEvent<{
+    bannerId: string;
   }>) => void;
         /**
           * Removes the close button on the banner.
@@ -1765,7 +2102,7 @@ declare namespace LocalJSX {
     }
     interface SddsBreadcrumb {
     }
-    interface SddsBreadcrumbLink {
+    interface SddsBreadcrumbItem {
         /**
           * Boolean for the current link
          */
@@ -1774,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 {
         /**
@@ -1904,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
@@ -2001,7 +2367,6 @@ declare namespace LocalJSX {
           * Set the variant of the dropdown.
          */
         "modeVariant"?: 'primary' | 'secondary';
-        "onInputSearch"?: (event: SddsDropdownCustomEvent<any>) => void;
         /**
           * Direction that the dropdown will open. Default is auto.
          */
@@ -2060,6 +2425,10 @@ declare namespace LocalJSX {
           * 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
          */
@@ -2091,47 +2460,31 @@ 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 {
+    interface SddsFolderTab {
         /**
           * Disables the tab.
          */
         "disabled"?: boolean;
-        /**
-          * Marks the tab as the selected one.
-         */
-        "selected"?: boolean;
     }
-    interface SddsFolderTabsLink {
-        /**
-          * Disables the tab.
-         */
-        "disabled"?: boolean;
+    interface SddsFolderTabs {
         /**
-          * Href for the link
+          * Sets the default selected tab.
          */
-        "href"?: string;
+        "defaultSelectedIndex"?: number;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "rel"?: string;
+        "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Marks the tab as the selected one.
+          * Event emitted when the selected tab is changed.
          */
-        "selected"?: boolean;
+        "onSddsChange"?: (event: SddsFolderTabsCustomEvent<{
+    selectedTabIndex: number;
+  }>) => void;
         /**
-          * Where to open the linked URL
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "selectedIndex"?: number;
     }
     interface SddsFooter {
         /**
@@ -2139,25 +2492,21 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsFooterLink {
-        /**
-          * URL for the link
-         */
-        "href"?: 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;
+    interface SddsFooterGroup {
         /**
-          * Where to open the linked URL
+          * Title text for the link group, only valid on top part of footer.
          */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "titleText"?: string;
+    }
+    interface SddsFooterItem {
     }
-    interface SddsFooterLinkGroup {
+    interface SddsHeader {
+    }
+    interface SddsHeaderBrandSymbol {
         /**
-          * Title text for the link group, only valid on top part of footer.
+          * The href for the logo link.
          */
-        "titleText"?: string;
+        "linkHref"?: string;
     }
     interface SddsHeaderCell {
         /**
@@ -2185,77 +2534,123 @@ declare namespace LocalJSX {
          */
         "textAlign"?: string;
     }
-    interface SddsIcon {
+    interface SddsHeaderDropdown {
         /**
-          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
-        "name"?: string;
+        "buttonLabel"?: string;
         /**
-          * Pass a size of icon as a string, for example: 32px, 1rem, 4em...
+          * If the dropdown icon (downwards chevron) should be hidden.
          */
-        "size"?: string;
-    }
-    interface SddsInlineTabs {
+        "noDropdownIcon"?: boolean;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * If the button that opens the dropdown should appear selected.
          */
-        "modeVariant"?: 'primary' | 'secondary';
-        "onSddsChange"?: (event: SddsInlineTabsCustomEvent<{
-    selectedTab: {
-      tab: string;
-      tabIndex: number;
-    };
-  }>) => void;
+        "selected"?: boolean;
     }
-    interface SddsInlineTabsButton {
+    interface SddsHeaderDropdownList {
+        "type"?: 'lg' | 'md';
+    }
+    interface SddsHeaderDropdownListItem {
         /**
-          * Disables the tab.
+          * If the link should appear selected.
          */
-        "disabled"?: boolean;
+        "selected"?: boolean;
         /**
-          * Marks the tab as the selected one.
+          * The type of the list.
          */
-        "selected"?: boolean;
+        "type"?: 'md' | 'lg';
     }
-    interface SddsInlineTabsLink {
+    interface SddsHeaderDropdownListUser {
         /**
-          * Disables the tab.
+          * Heading, usually the users first name and last name.
          */
-        "disabled"?: boolean;
+        "heading"?: string;
+        /**
+          * Image alt text.
+         */
+        "imgAlt"?: string;
         /**
-          * Href for the link
+          * Image URL.
          */
-        "href"?: string;
+        "imgUrl"?: string;
+        /**
+          * Subheading.
+         */
+        "subheading"?: string;
+    }
+    interface SddsHeaderHamburger {
+    }
+    interface SddsHeaderItem {
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
-        "rel"?: string;
+        "active"?: boolean;
         /**
-          * Marks the tab as the selected one.
+          * If the button should appear selected.
          */
         "selected"?: boolean;
+    }
+    interface SddsHeaderLauncher {
+    }
+    interface SddsHeaderLauncherButton {
         /**
-          * Where to open the linked URL
+          * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "active"?: boolean;
     }
-    interface SddsLink {
+    interface SddsHeaderLauncherGrid {
+    }
+    interface SddsHeaderLauncherGridItem {
+    }
+    interface SddsHeaderLauncherGridTitle {
+    }
+    interface SddsHeaderLauncherList {
+    }
+    interface SddsHeaderLauncherListItem {
+    }
+    interface SddsHeaderLauncherListTitle {
+    }
+    interface SddsHeaderTitle {
+    }
+    interface SddsIcon {
         /**
-          * Disables the link
+          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+         */
+        "name"?: string;
+        /**
+          * Pass a size of icon as a string, for example: 32px, 1rem, 4em...
+         */
+        "size"?: string;
+    }
+    interface SddsInlineTab {
+        /**
+          * Disables the tab.
          */
         "disabled"?: boolean;
+    }
+    interface SddsInlineTabs {
+        /**
+          * Sets the default selected tab.
+         */
+        "defaultSelectedIndex"?: number;
         /**
-          * URL for the link
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "href"?: string;
+        "modeVariant"?: 'primary' | 'secondary';
+        "onSddsChange"?: (event: SddsInlineTabsCustomEvent<{
+    selectedTabIndex: number;
+  }>) => void;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe 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 SddsLink {
         /**
-          * Where to open the linked URL
+          * Disables the link
          */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "disabled"?: boolean;
         /**
           * Displays the link with an underline.
          */
@@ -2313,49 +2708,31 @@ declare namespace LocalJSX {
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
     }
-    interface SddsNavigationTabs {
-        /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        "onSddsChange"?: (event: SddsNavigationTabsCustomEvent<{
-    selectedTab: {
-      tab: string;
-      tabIndex: number;
-    };
-  }>) => void;
-    }
-    interface SddsNavigationTabsButton {
+    interface SddsNavigationTab {
         /**
           * Disables the tab.
          */
         "disabled"?: boolean;
-        /**
-          * Marks the tab as the selected one.
-         */
-        "selected"?: boolean;
     }
-    interface SddsNavigationTabsLink {
-        /**
-          * Disables the tab.
-         */
-        "disabled"?: boolean;
+    interface SddsNavigationTabs {
         /**
-          * Href for the link
+          * Sets the default selected tab.
          */
-        "href"?: string;
+        "defaultSelectedIndex"?: number;
         /**
-          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+          * Variant of the tabs, primary= on white, secondary= on grey50
          */
-        "rel"?: string;
+        "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Marks the tab as the selected one.
+          * Event emitted when the selected tab is changed.
          */
-        "selected"?: boolean;
+        "onSddsChange"?: (event: SddsNavigationTabsCustomEvent<{
+    selectedTabIndex: number;
+  }>) => void;
         /**
-          * Where to open the linked URL
+          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
          */
-        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "selectedIndex"?: number;
     }
     interface SddsPopoverCanvas {
         /**
@@ -2446,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
@@ -2494,7 +2965,7 @@ declare namespace LocalJSX {
          */
         "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;
         /**
@@ -2529,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.
          */
@@ -2541,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
          */
@@ -2925,35 +3401,62 @@ declare namespace LocalJSX {
         "sdds-block": SddsBlock;
         "sdds-body-cell": SddsBodyCell;
         "sdds-breadcrumb": SddsBreadcrumb;
-        "sdds-breadcrumb-link": SddsBreadcrumbLink;
+        "sdds-breadcrumb-item": SddsBreadcrumbItem;
         "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-folder-tabs-button": SddsFolderTabsButton;
-        "sdds-folder-tabs-link": SddsFolderTabsLink;
         "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-button": SddsInlineTabsButton;
-        "sdds-inline-tabs-link": SddsInlineTabsLink;
         "sdds-link": SddsLink;
         "sdds-message": SddsMessage;
         "sdds-modal": SddsModal;
+        "sdds-navigation-tab": SddsNavigationTab;
         "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-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;
@@ -2983,35 +3486,62 @@ 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-link": LocalJSX.SddsBreadcrumbLink & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbLinkElement>;
+            "sdds-breadcrumb-item": LocalJSX.SddsBreadcrumbItem & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbItemElement>;
             "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-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-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-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-tab": LocalJSX.SddsNavigationTab & JSXBase.HTMLAttributes<HTMLSddsNavigationTabElement>;
             "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-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>;