@scania/tegel 0.0.8 → 0.0.10

package/dist/types/components.d.ts

@@ -6,29 +6,29 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
-import { CollapseEvent, InternalSddsSideMenuPropChange } from "./components/side-menu/webcomponent/side-menu";
-import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/webcomponent/side-menu";
-import { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
-import { InternalSddsTablePropChange } from "./components/data-table/table/table";
+import { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
+import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
+import { InternalTdsStepperPropChange } from "./components/stepper/stepper";
+import { InternalTdsTablePropChange } from "./components/table/table/table";
 export { Placement } from "@popperjs/core";
-export { CollapseEvent, InternalSddsSideMenuPropChange } from "./components/side-menu/webcomponent/side-menu";
-export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/webcomponent/side-menu";
-export { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
-export { InternalSddsTablePropChange } from "./components/data-table/table/table";
+export { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
+export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
+export { InternalTdsStepperPropChange } from "./components/stepper/stepper";
+export { InternalTdsTablePropChange } from "./components/table/table/table";
 export namespace Components {
-    interface SddsAccordion {
+    interface TdsAccordion {
         /**
-          * Set the variant of the the accordion.
+          * Set the variant of the Accordion.
          */
         "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsAccordionItem {
+    interface TdsAccordionItem {
         /**
           * Disabled option in `boolean`.
          */
         "disabled": boolean;
         /**
-          * Changes where the expand icon is placed.
+          * Changes position of the expand icon.
          */
         "expandIconPosition": 'start' | 'end';
         /**
@@ -40,23 +40,19 @@ export namespace Components {
          */
         "header": string;
         /**
-          * When true 16px on right padding instead of 64px
+          * When true, 16px on right padding instead of 64px
          */
         "paddingReset": boolean;
         /**
-          * Method for toggeling the expanded state of the Accordion Item.
+          * Method for toggling the expanded state of the Accordion Item.
          */
         "toggleAccordionItem": () => Promise<void>;
     }
-    interface SddsBadge {
+    interface TdsBadge {
         /**
           * Changes visibility of Badge
          */
         "hidden": boolean;
-        /**
-          * @deprecated Use size prop instead. Changes Badge from large to small size
-         */
-        "isSmall": boolean;
         /**
           * Sets component size.
          */
@@ -66,9 +62,9 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsBanner {
+    interface TdsBanner {
         /**
-          * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for Banner close events you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
+          * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
          */
         "bannerId": string;
         /**
@@ -84,7 +80,7 @@ export namespace Components {
          */
         "hideBanner": () => Promise<void>;
         /**
-          * Name of the icon for the component. For error and information type the icon is predefined.
+          * Name of the icon for the component. For error and information type, the icon is predefined.
          */
         "icon": string;
         /**
@@ -95,20 +91,24 @@ export namespace Components {
           * Shows the Banner
          */
         "showBanner": () => Promise<void>;
+        /**
+          * Subheader text.
+         */
+        "subheader": string;
         /**
           * Type of Banner
          */
         "type": 'error' | 'information' | 'none';
     }
-    interface SddsBlock {
+    interface TdsBlock {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsBodyCell {
+    interface TdsBodyCell {
         /**
-          * Passing same cell key for all body cells which is used in head cell enables features of text align and hovering
+          * Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering
          */
         "cellKey": any;
         /**
@@ -120,19 +120,15 @@ export namespace Components {
          */
         "disablePadding": boolean;
     }
-    interface SddsBreadcrumb {
-    }
-    interface SddsBreadcrumbItem {
+    interface TdsBreadcrumb {
         /**
           * Boolean for the current link
          */
         "current": boolean;
-        /**
-          * Toggle the disabled state for the breadcrumb
-         */
-        "disabled": boolean;
     }
-    interface SddsButton {
+    interface TdsBreadcrumbs {
+    }
+    interface TdsButton {
         /**
           * Control for disabled state of a component
          */
@@ -155,7 +151,7 @@ export namespace Components {
          */
         "type": 'primary' | 'secondary' | 'ghost' | 'danger';
     }
-    interface SddsCard {
+    interface TdsCard {
         /**
           * Divider for the body
          */
@@ -169,7 +165,7 @@ export namespace Components {
          */
         "bodyImgAlt": string;
         /**
-          * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
+          * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
          */
         "cardId": string;
         /**
@@ -180,18 +176,10 @@ export namespace Components {
           * Text in the header
          */
         "header": string;
-        /**
-          * Header image src
-         */
-        "headerImg": string;
-        /**
-          * Alt text for the header image
-         */
-        "headerImgAlt": string;
         /**
           * Placement of the header
          */
-        "headerPlacement": 'above' | 'below';
+        "imagePlacement": 'above-header' | 'below-header';
         /**
           * Variant of the Card based on the theme used.
          */
@@ -201,9 +189,9 @@ export namespace Components {
          */
         "subheader": string;
     }
-    interface SddsCheckbox {
+    interface TdsCheckbox {
         /**
-          * ID for the checkbox's input element. Randomly generated if not specified.
+          * ID for the Checkbox's input element. Randomly generated if not specified.
          */
         "checkboxId": string;
         /**
@@ -215,7 +203,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Name for the checkbox's input element.
+          * Name for the Checkbox's input element.
          */
         "name": string;
         /**
@@ -231,13 +219,13 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsChip {
+    interface TdsChip {
         /**
-          * Setting it to true set component state to checked. Valid only for type checkbox and radio.
+          * Controls component's checked attribute. 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.
+          * 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;
         /**
@@ -245,11 +233,11 @@ export namespace Components {
          */
         "name": string;
         /**
-          * Size of the chip component
+          * Size of the Chip component
          */
         "size": 'sm' | 'lg';
         /**
-          * Type of chip, depends on usage
+          * Type of Chip, depends on usage
          */
         "type": 'button' | 'radio' | 'checkbox';
         /**
@@ -257,9 +245,9 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsCoreHeaderItem {
+    interface TdsCoreHeaderItem {
     }
-    interface SddsDatetime {
+    interface TdsDatetime {
         /**
           * Autofocus for input
          */
@@ -281,7 +269,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Set the variant of the datetime component.
+          * Set the variant of the Datetime component.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -309,180 +297,39 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsDivider {
+    interface TdsDivider {
         /**
           * 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
-         */
-        "defaultOption": string;
-        /**
-          * Set to true for disabled states
-         */
-        "disabled": boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper": string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline": boolean;
-        /**
-          * Label text for label inside & outside
-         */
-        "label": string;
-        /**
-          * Controls position of label
-         */
-        "labelPosition": 'no-label' | 'inside' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant": 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection": 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selectedLabel item
-         */
-        "placeholder": string;
-        "resetOption": () => Promise<void>;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption": string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state": boolean;
-        /**
-          * `Controls type of dropdown.
-         */
-        "type": 'default' | 'multiselect' | 'filter';
-    }
-    interface SddsDropdownFilter {
-        /**
-          * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-         */
-        "data": string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "defaultOption": string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "disabled": boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper": string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline": boolean;
-        /**
-          * Label for dropdown with no selected item
-         */
-        "label": string;
-        /**
-          * Position of label
-         */
-        "labelPosition": 'no-label' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant": 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection": 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selected item
-         */
-        "placeholder": string;
-        /**
-          * Use this method to reset the dropdown. Then it will go back to its initial state.
-         */
-        "resetOption": () => Promise<void>;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption": string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state": boolean;
-    }
-    interface SddsDropdownOption {
-        /**
-          * Sets option to disabled state if true
-         */
-        "disabled": boolean;
-        /**
-          * Selected set to true if selected
-         */
-        "selected": boolean;
-        /**
-          * Value is a unique string that will be used for application logic
-         */
-        "value": string;
-    }
-    interface SddsDropdownOptionV2 {
-        /**
-          * Sets the option as disabled.
-         */
-        "disabled": boolean;
-        /**
-          * Method to select/deselect an option if the option is not disabled.
-         */
-        "setSelected": (selected: boolean) => Promise<void>;
+    interface TdsDropdown {
         /**
-          * Value for the dropdown option.
-         */
-        "value": string;
-    }
-    interface SddsDropdownV2 {
-        /**
-          * Method for closing the dropdown.
+          * Method for closing the Dropdown.
          */
         "close": () => Promise<void>;
         /**
-          * Default value selected in the dropdown.
+          * Default value selected in the Dropdown.
          */
         "defaultValue": string;
         /**
-          * Sets the dropdown in a disabled state
+          * Sets the Dropdown in a disabled state
          */
         "disabled": boolean;
         /**
-          * Sets the dropdown in an error state
+          * Sets the Dropdown in an error state
          */
         "error": boolean;
         /**
-          * Enables filtration in the dropdown.
+          * Enables filtration in the Dropdown.
          */
         "filter": boolean;
         /**
-          * Helper text for the dropdown.
+          * Helper text for the Dropdown.
          */
         "helper": string;
         /**
-          * Label text for the dropdown.
+          * Label text for the Dropdown.
          */
         "label": string;
         /**
@@ -494,11 +341,11 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Enables multiselect in the dropdown.
+          * Enables multiselect in the Dropdown.
          */
         "multiselect": boolean;
         /**
-          * Name for the dropdowns input element.
+          * Name for the Dropdowns input element.
          */
         "name": string;
         /**
@@ -506,85 +353,95 @@ export namespace Components {
          */
         "noResultText": string;
         /**
-          * The direction the dropdown should open, auto if not specified.
+          * The direction the Dropdown should open, auto if not specified.
          */
         "openDirection": 'up' | 'down' | 'auto';
         /**
-          * Populate the dropdown via a JSON array
+          * Populate the Dropdown via a JSON array
          */
         "options": Array<{ value: string; label: string; disabled: boolean }>;
         /**
-          * Placeholder text for the dropdown.
+          * Placeholder text for the Dropdown.
          */
         "placeholder": string;
         /**
-          * Method for removing a selected value in the dropdown.
+          * Method for removing a selected value in the Dropdown.
          */
         "removeValue": (oldValue: string) => Promise<{ value: string; label: string; }[]>;
         /**
-          * Method that resets the dropdown.
+          * Method that resets the Dropdown.
          */
         "reset": () => Promise<void>;
         /**
-          * Method for setting the value of the dropdown.
+          * Method for setting the value of the Dropdown.
          */
         "setValue": (newValue: string, newValueLabel: string) => Promise<{ value: string; label: string; }[]>;
         /**
-          * The size of the dropdown.
+          * The size of the Dropdown.
          */
         "size": 'sm' | 'md' | 'lg';
     }
-    interface SddsFolderTab {
+    interface TdsDropdownOption {
         /**
-          * Disables the tab.
+          * Sets the option as disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Method to select/deselect an option if the option is not disabled.
+         */
+        "setSelected": (selected: boolean) => Promise<void>;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value": string;
+    }
+    interface TdsFolderTab {
+        /**
+          * Disables the Tab.
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
         "setTabWidth": (width: number) => Promise<void>;
     }
-    interface SddsFolderTabs {
+    interface TdsFolderTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Sets the passed tabindex as the selected tab.
+          * 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.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
     }
-    interface SddsFooter {
+    interface TdsFooter {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsFooterGroup {
+    interface TdsFooterGroup {
         /**
-          * Title text for the link group, only valid on top part of footer.
+          * Title text for the link group, only valid on top part of Footer.
          */
         "titleText": string;
     }
-    interface SddsFooterItem {
+    interface TdsFooterItem {
     }
-    interface SddsHeader {
+    interface TdsHeader {
     }
-    interface SddsHeaderBrandSymbol {
-        /**
-          * The href for the logo link.
-         */
-        "linkHref": string;
+    interface TdsHeaderBrandSymbol {
     }
-    interface SddsHeaderCell {
+    interface TdsHeaderCell {
         /**
-          * Value of column key, usually comes from JSON, needed for sorting
+          * The value of column key, usually comes from JSON, needed for sorting
          */
         "columnKey": string;
         /**
@@ -592,7 +449,7 @@ export namespace Components {
          */
         "columnTitle": string;
         /**
-          * In case noMinWidth setting, user has to specify width value for each column, for example "150px"
+          * In case noMinWidth setting, user has to specify width value for each column, for example, "150px"
          */
         "customWidth": string;
         /**
@@ -604,11 +461,11 @@ export namespace Components {
          */
         "textAlign": string;
     }
-    interface SddsHeaderDropdown {
+    interface TdsHeaderDropdown {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
-        "buttonLabel": string;
+        "label": string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
          */
@@ -618,10 +475,10 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsHeaderDropdownList {
+    interface TdsHeaderDropdownList {
         "type": 'lg' | 'md';
     }
-    interface SddsHeaderDropdownListItem {
+    interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
          */
@@ -631,11 +488,11 @@ export namespace Components {
          */
         "type": 'md' | 'lg';
     }
-    interface SddsHeaderDropdownListUser {
+    interface TdsHeaderDropdownListUser {
         /**
-          * Heading, usually the users first name and last name.
+          * Header text, usually the users first name and last name.
          */
-        "heading": string;
+        "header": string;
         /**
           * Image alt text.
          */
@@ -645,13 +502,13 @@ export namespace Components {
          */
         "imgUrl": string;
         /**
-          * Subheading.
+          * Subheader text.
          */
-        "subheading": string;
+        "subheader": string;
     }
-    interface SddsHeaderHamburger {
+    interface TdsHeaderHamburger {
     }
-    interface SddsHeaderItem {
+    interface TdsHeaderItem {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -661,31 +518,31 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsHeaderLauncher {
+    interface TdsHeaderLauncher {
     }
-    interface SddsHeaderLauncherButton {
+    interface TdsHeaderLauncherButton {
         /**
           * 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 TdsHeaderLauncherGrid {
     }
-    interface SddsHeaderLauncherGridItem {
+    interface TdsHeaderLauncherGridItem {
     }
-    interface SddsHeaderLauncherGridTitle {
+    interface TdsHeaderLauncherGridTitle {
     }
-    interface SddsHeaderLauncherList {
+    interface TdsHeaderLauncherList {
     }
-    interface SddsHeaderLauncherListItem {
+    interface TdsHeaderLauncherListItem {
     }
-    interface SddsHeaderLauncherListTitle {
+    interface TdsHeaderLauncherListTitle {
     }
-    interface SddsHeaderTitle {
+    interface TdsHeaderTitle {
     }
-    interface SddsIcon {
+    interface TdsIcon {
         /**
-          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+          * Pass a name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
          */
         "name": string;
         /**
@@ -693,48 +550,48 @@ export namespace Components {
          */
         "size": string;
     }
-    interface SddsInlineTab {
+    interface TdsInlineTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
     }
-    interface SddsInlineTabs {
+    interface TdsInlineTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * 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.
+          * 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.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
     }
-    interface SddsLink {
+    interface TdsLink {
         /**
-          * Disables the link
+          * Disables the Link
          */
         "disabled": boolean;
         /**
-          * Displays the link with an underline.
+          * Displays the Link with an underline.
          */
         "underline": boolean;
     }
-    interface SddsMessage {
+    interface TdsMessage {
         /**
           * Header text for the component.
          */
         "header": string;
         /**
-          * Minimal message styling.
+          * Minimal Message styling.
          */
         "minimal": boolean;
         /**
@@ -742,74 +599,78 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Removes the icon in the message.
+          * Removes the icon in the Message.
          */
         "noIcon": boolean;
         /**
-          * Type of message.
+          * Type of Message.
          */
         "type": 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsModal {
+    interface TdsModal {
         /**
           * Sticky or Static Actions
          */
         "actions": 'sticky' | 'static';
         /**
-          * Closes the modal.
+          * Closes the Modal.
          */
         "closeModal": () => Promise<void>;
         /**
-          * Disables closing modal on clicking on overlay area.
+          * Sets the header of the Modal.
+         */
+        "header": string;
+        /**
+          * Disables closing Modal on clicking on overlay area.
          */
         "prevent": boolean;
         /**
-          * Element that will show the modal (takes priority over selector)
+          * Element that will show the Modal (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * CSS selector for the element that will show the modal.
+          * 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.
+          * 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.
+          * Shows the Modal.
          */
         "showModal": () => Promise<void>;
         /**
-          * Size of modal
+          * Size of Modal
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
     }
-    interface SddsNavigationTab {
+    interface TdsNavigationTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
     }
-    interface SddsNavigationTabs {
+    interface TdsNavigationTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Sets the passed tabindex as the selected tab.
+          * 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.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
     }
-    interface SddsPopoverCanvas {
+    interface TdsPopoverCanvas {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -829,7 +690,7 @@ export namespace Components {
         /**
           * Element that will trigger the Popover (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Popover
          */
@@ -839,7 +700,7 @@ export namespace Components {
          */
         "show": boolean;
     }
-    interface SddsPopoverMenu {
+    interface TdsPopoverMenu {
         /**
           * Sets the offset distance
          */
@@ -855,7 +716,7 @@ export namespace Components {
         /**
           * Element that will trigger the pop-over (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the pop-over
          */
@@ -865,7 +726,7 @@ export namespace Components {
          */
         "show": boolean;
     }
-    interface SddsRadioButton {
+    interface TdsRadioButton {
         /**
           * Decides if the Radio Button is checked or not.
          */
@@ -891,9 +752,9 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsSideMenu {
+    interface TdsSideMenu {
         /**
-          * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event.
+          * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event.
          */
         "collapsed": boolean;
         /**
@@ -905,11 +766,11 @@ export namespace Components {
          */
         "persistent": boolean;
     }
-    interface SddsSideMenuCloseButton {
+    interface TdsSideMenuCloseButton {
     }
-    interface SddsSideMenuCollapseButton {
+    interface TdsSideMenuCollapseButton {
     }
-    interface SddsSideMenuDropdown {
+    interface TdsSideMenuDropdown {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
@@ -923,15 +784,15 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsSideMenuDropdownList {
+    interface TdsSideMenuDropdownList {
     }
-    interface SddsSideMenuDropdownListItem {
+    interface TdsSideMenuDropdownListItem {
         /**
           * If the item should appear selected.
          */
         "selected": boolean;
     }
-    interface SddsSideMenuItem {
+    interface TdsSideMenuItem {
         /**
           * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -941,9 +802,9 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsSideMenuOverlay {
+    interface TdsSideMenuOverlay {
     }
-    interface SddsSideMenuUser {
+    interface TdsSideMenuUser {
         /**
           * The heading text.
          */
@@ -961,7 +822,7 @@ export namespace Components {
          */
         "subheading": string;
     }
-    interface SddsSideMenuUserImage {
+    interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
@@ -971,7 +832,7 @@ export namespace Components {
          */
         "src": string;
     }
-    interface SddsSideMenuUserLabel {
+    interface TdsSideMenuUserLabel {
         /**
           * The heading text.
          */
@@ -981,7 +842,7 @@ export namespace Components {
          */
         "subheading": string;
     }
-    interface SddsSlider {
+    interface TdsSlider {
         /**
           * Decide to show the controls or not
          */
@@ -1027,11 +888,11 @@ export namespace Components {
          */
         "showTickNumbers": boolean;
         /**
-          * ID for the sliders input element, randomly generated if not specified.
+          * ID for the Slider's input element, randomly generated if not specified.
          */
         "sliderId": string;
         /**
-          * Snap to the ticks grid
+          * Snap to the tick's grid
          */
         "snap": boolean;
         /**
@@ -1051,7 +912,7 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsSpinner {
+    interface TdsSpinner {
         /**
           * Size of the Spinner
          */
@@ -1061,17 +922,27 @@ export namespace Components {
          */
         "variant": 'standard' | 'inverted';
     }
-    interface SddsStepper {
+    interface TdsStep {
+        /**
+          * Index of the step. Will be displayed in the step if the state is current/upcoming.
+         */
+        "index": string;
+        /**
+          * State of the Step
+         */
+        "state": 'current' | 'error' | 'success' | 'upcoming';
+    }
+    interface TdsStepper {
         /**
           * Hides the label for the child components if true.
          */
         "hideLabels": boolean;
         /**
-          * Text position, only available on direction:horizontal
+          * Text position, only available on a direction: horizontal
          */
         "labelPosition": 'aside' | 'below';
         /**
-          * The orientation the children are layed out.
+          * The orientation the Steps
          */
         "orientation": 'horizontal' | 'vertical';
         /**
@@ -1079,35 +950,25 @@ export namespace Components {
          */
         "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.
+          * 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 {
-        /**
-          * Index of the step. Will be displayed in the step if state is current/upcoming.
-         */
-        "index": string;
-        /**
-          * State of the stepper-item
-         */
-        "state": 'current' | 'error' | 'success' | 'upcoming';
-    }
-    interface SddsTable {
+    interface TdsTable {
         /**
-          * Enables style where data-table toolbar, rows and footer are less high
+          * Enables style where Table toolbar, rows and footer are less high
          */
         "compactDesign": boolean;
         /**
-          * Enables extended row feature of data-table
+          * Enables extended row feature of Table
          */
         "enableExpandableRows": boolean;
         /**
-          * Enables multiselect feature of data-table
+          * Enables multiselect feature of Table
          */
         "enableMultiselect": boolean;
         /**
-          * Enables table to take 100% available width with equal spacing of columns
+          * Enables Table to take 100% available width with equal spacing of columns
          */
         "enableResponsive": boolean;
         /**
@@ -1115,11 +976,11 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Enables to customise width on data-table columns
+          * Enables to customize width on Table columns
          */
         "noMinWidth": boolean;
         /**
-          * 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.
+          * 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.
          */
         "tableId": string;
         /**
@@ -1127,67 +988,63 @@ export namespace Components {
          */
         "verticalDividers": boolean;
     }
-    interface SddsTableBody {
+    interface TdsTableBody {
         /**
-          * Prop to pass JSON string which enables automatic rendering of table rows and cells
+          * Prop to pass JSON string which enables automatic rendering of Table rows and cells
          */
         "bodyData": any;
         /**
-          * Prop for showcase of rendering JSON in body-data, just for presentation purposes
+          * Prop for no result message when using filtering
          */
-        "enableDummyData": boolean;
+        "noResultMessage": string;
     }
-    interface SddsTableBodyRow {
+    interface TdsTableBodyRow {
     }
-    interface SddsTableBodyRowExpandable {
+    interface TdsTableBodyRowExpandable {
         /**
           * 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;
     }
-    interface SddsTableFooter {
+    interface TdsTableFooter {
         /**
-          * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
+          * <b>Client override</b> Used to set the number of columns, use as fallback if the automatic count of columns fail.
+         */
+        "cols": number;
+        /**
+          * Sets the default page number.
          */
-        "clientSetColumnsNumber": number;
+        "defaultPage": number;
         /**
-          * Prop for client to set max number of pages.
+          * Sets the number of pages.
          */
-        "maxPages": number;
+        "pages": number;
         /**
           * Enable pagination and show pagination controls
          */
         "pagination": boolean;
         /**
-          * Sets the pagination number.
-         */
-        "paginationValue": number;
-        /**
-          * Sets how many rows to display when pagination is enabled.
+          * @deprecated Used to set rows per page, this also enabled automatic pagination of the table.
          */
         "rowsPerPage": number;
     }
-    interface SddsTableHeader {
+    interface TdsTableHeader {
     }
-    interface SddsTableToolbar {
+    interface TdsTableToolbar {
         /**
           * Enables preview of searchbar
          */
         "enableFiltering": boolean;
         /**
-          * Adds title to the data-table
+          * Adds title to the Table
          */
         "tableTitle": string;
     }
-    interface SddsTextarea {
+    interface TdsTextField {
         /**
-          * Control of autofocus
-         */
-        "autoFocus": boolean;
-        /**
-          * Textarea cols attribute
+          * Autofocus for input
          */
-        "cols": number;
+        "autofocus": boolean;
         /**
           * Set input in disabled state
          */
@@ -1201,7 +1058,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Text Field.
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -1209,15 +1066,15 @@ export namespace Components {
          */
         "maxLength": number;
         /**
-          * Mode variant of the textarea
+          * Mode variant of the Text Field
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Name attribute
+          * Name property
          */
         "name": string;
         /**
-          * Unset minimum width of 208px.
+          * With setting
          */
         "noMinWidth": boolean;
         /**
@@ -1229,23 +1086,31 @@ export namespace Components {
          */
         "readOnly": boolean;
         /**
-          * Textarea rows attribute
+          * Size of the input
          */
-        "rows": number;
+        "size": 'sm' | 'md' | 'lg';
         /**
           * Error state of input
          */
         "state": 'error' | 'success' | 'default';
+        /**
+          * Which input type, text, password or similar
+         */
+        "type": 'text' | 'password';
         /**
           * Value of the input text
          */
         "value": string;
     }
-    interface SddsTextfield {
+    interface TdsTextarea {
         /**
-          * Autofocus for input
+          * Control of autofocus
          */
-        "autofocus": boolean;
+        "autoFocus": boolean;
+        /**
+          * Textarea cols attribute
+         */
+        "cols": number;
         /**
           * Set input in disabled state
          */
@@ -1259,7 +1124,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Textarea.
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -1267,15 +1132,15 @@ export namespace Components {
          */
         "maxLength": number;
         /**
-          * Mode variant of the textfield
+          * Mode variant of the Textarea
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Name property
+          * Name attribute
          */
         "name": string;
         /**
-          * With setting
+          * Unset minimum width of 208px.
          */
         "noMinWidth": boolean;
         /**
@@ -1287,23 +1152,19 @@ export namespace Components {
          */
         "readOnly": boolean;
         /**
-          * Size of the input
+          * Textarea rows attribute
          */
-        "size": 'sm' | 'md' | 'lg';
+        "rows": number;
         /**
           * Error state of input
          */
         "state": 'error' | 'success' | 'default';
-        /**
-          * Which input type, text, password or similar
-         */
-        "type": 'text' | 'password';
         /**
           * Value of the input text
          */
         "value": string;
     }
-    interface SddsToast {
+    interface TdsToast {
         /**
           * Header text for the component.
          */
@@ -1337,7 +1198,7 @@ export namespace Components {
          */
         "type": 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsToggle {
+    interface TdsToggle {
         /**
           * Sets the Toggle as checked
          */
@@ -1351,7 +1212,7 @@ export namespace Components {
          */
         "headline": string;
         /**
-          * Name of the toggles input element
+          * Name of the toggle's input element
          */
         "name": string;
         /**
@@ -1367,11 +1228,11 @@ export namespace Components {
          */
         "toggle": () => Promise<{ toggleId: string; checked: boolean; }>;
         /**
-          * ID of the Toggle's input element, if not specified it's randomly generated
+          * ID of the Toggle's input element, if not specified, it's randomly generated
          */
         "toggleId": string;
     }
-    interface SddsTooltip {
+    interface TdsTooltip {
         /**
           * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
          */
@@ -1383,7 +1244,7 @@ export namespace Components {
         /**
           * Element that will trigger the Tooltip (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Tooltip
          */
@@ -1393,720 +1254,695 @@ export namespace Components {
          */
         "show": boolean;
         /**
-          * In case Tooltip contains only text, no HTML, text can be passed by this prop
+          * In case Tooltip contains only text, no HTML, a text can be passed by this prop
          */
         "text": string;
+        /**
+          * Method to update the Tooltip. Will reevaluate the Tooltips position.
+         */
+        "updateTooltip": () => Promise<void>;
     }
 }
-export interface SddsAccordionItemCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSddsAccordionItemElement;
-}
-export interface SddsBannerCustomEvent<T> extends CustomEvent<T> {
+export interface TdsAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsBannerElement;
+    target: HTMLTdsAccordionItemElement;
 }
-export interface SddsCardCustomEvent<T> extends CustomEvent<T> {
+export interface TdsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsCardElement;
+    target: HTMLTdsBannerElement;
 }
-export interface SddsCheckboxCustomEvent<T> extends CustomEvent<T> {
+export interface TdsCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsCheckboxElement;
+    target: HTMLTdsCardElement;
 }
-export interface SddsChipCustomEvent<T> extends CustomEvent<T> {
+export interface TdsCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsChipElement;
+    target: HTMLTdsCheckboxElement;
 }
-export interface SddsDatetimeCustomEvent<T> extends CustomEvent<T> {
+export interface TdsChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDatetimeElement;
+    target: HTMLTdsChipElement;
 }
-export interface SddsDropdownCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDatetimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownElement;
+    target: HTMLTdsDatetimeElement;
 }
-export interface SddsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownOptionElement;
+    target: HTMLTdsDropdownElement;
 }
-export interface SddsDropdownOptionV2CustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownOptionV2Element;
+    target: HTMLTdsDropdownOptionElement;
 }
-export interface SddsDropdownV2CustomEvent<T> extends CustomEvent<T> {
+export interface TdsFolderTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownV2Element;
+    target: HTMLTdsFolderTabsElement;
 }
-export interface SddsFolderTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsHeaderCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsFolderTabsElement;
+    target: HTMLTdsHeaderCellElement;
 }
-export interface SddsHeaderCellCustomEvent<T> extends CustomEvent<T> {
+export interface TdsInlineTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsHeaderCellElement;
+    target: HTMLTdsInlineTabsElement;
 }
-export interface SddsInlineTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsInlineTabsElement;
+    target: HTMLTdsModalElement;
 }
-export interface SddsModalCustomEvent<T> extends CustomEvent<T> {
+export interface TdsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsModalElement;
+    target: HTMLTdsNavigationTabsElement;
 }
-export interface SddsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsNavigationTabsElement;
+    target: HTMLTdsRadioButtonElement;
 }
-export interface SddsRadioButtonCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSideMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsRadioButtonElement;
+    target: HTMLTdsSideMenuElement;
 }
-export interface SddsSideMenuCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSideMenuCollapseButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSideMenuElement;
+    target: HTMLTdsSideMenuCollapseButtonElement;
 }
-export interface SddsSideMenuCollapseButtonCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSideMenuCollapseButtonElement;
+    target: HTMLTdsSliderElement;
 }
-export interface SddsSliderCustomEvent<T> extends CustomEvent<T> {
+export interface TdsStepperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSliderElement;
+    target: HTMLTdsStepperElement;
 }
-export interface SddsStepperCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsStepperElement;
+    target: HTMLTdsTableElement;
 }
-export interface SddsTableCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableElement;
+    target: HTMLTdsTableBodyElement;
 }
-export interface SddsTableBodyCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyRowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyElement;
+    target: HTMLTdsTableBodyRowElement;
 }
-export interface SddsTableBodyRowCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyRowExpandableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyRowElement;
+    target: HTMLTdsTableBodyRowExpandableElement;
 }
-export interface SddsTableBodyRowExpandableCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyRowExpandableElement;
+    target: HTMLTdsTableFooterElement;
 }
-export interface SddsTableFooterCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableFooterElement;
+    target: HTMLTdsTableHeaderElement;
 }
-export interface SddsTableHeaderCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableToolbarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableHeaderElement;
+    target: HTMLTdsTableToolbarElement;
 }
-export interface SddsTableToolbarCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTextFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableToolbarElement;
+    target: HTMLTdsTextFieldElement;
 }
-export interface SddsTextareaCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTextareaElement;
+    target: HTMLTdsTextareaElement;
 }
-export interface SddsTextfieldCustomEvent<T> extends CustomEvent<T> {
+export interface TdsToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTextfieldElement;
+    target: HTMLTdsToastElement;
 }
-export interface SddsToastCustomEvent<T> extends CustomEvent<T> {
+export interface TdsToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsToastElement;
-}
-export interface SddsToggleCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSddsToggleElement;
+    target: HTMLTdsToggleElement;
 }
 declare global {
-    interface HTMLSddsAccordionElement extends Components.SddsAccordion, HTMLStencilElement {
-    }
-    var HTMLSddsAccordionElement: {
-        prototype: HTMLSddsAccordionElement;
-        new (): HTMLSddsAccordionElement;
-    };
-    interface HTMLSddsAccordionItemElement extends Components.SddsAccordionItem, HTMLStencilElement {
-    }
-    var HTMLSddsAccordionItemElement: {
-        prototype: HTMLSddsAccordionItemElement;
-        new (): HTMLSddsAccordionItemElement;
-    };
-    interface HTMLSddsBadgeElement extends Components.SddsBadge, HTMLStencilElement {
+    interface HTMLTdsAccordionElement extends Components.TdsAccordion, HTMLStencilElement {
     }
-    var HTMLSddsBadgeElement: {
-        prototype: HTMLSddsBadgeElement;
-        new (): HTMLSddsBadgeElement;
+    var HTMLTdsAccordionElement: {
+        prototype: HTMLTdsAccordionElement;
+        new (): HTMLTdsAccordionElement;
     };
-    interface HTMLSddsBannerElement extends Components.SddsBanner, HTMLStencilElement {
+    interface HTMLTdsAccordionItemElement extends Components.TdsAccordionItem, HTMLStencilElement {
     }
-    var HTMLSddsBannerElement: {
-        prototype: HTMLSddsBannerElement;
-        new (): HTMLSddsBannerElement;
+    var HTMLTdsAccordionItemElement: {
+        prototype: HTMLTdsAccordionItemElement;
+        new (): HTMLTdsAccordionItemElement;
     };
-    interface HTMLSddsBlockElement extends Components.SddsBlock, HTMLStencilElement {
+    interface HTMLTdsBadgeElement extends Components.TdsBadge, HTMLStencilElement {
     }
-    var HTMLSddsBlockElement: {
-        prototype: HTMLSddsBlockElement;
-        new (): HTMLSddsBlockElement;
+    var HTMLTdsBadgeElement: {
+        prototype: HTMLTdsBadgeElement;
+        new (): HTMLTdsBadgeElement;
     };
-    interface HTMLSddsBodyCellElement extends Components.SddsBodyCell, HTMLStencilElement {
+    interface HTMLTdsBannerElement extends Components.TdsBanner, HTMLStencilElement {
     }
-    var HTMLSddsBodyCellElement: {
-        prototype: HTMLSddsBodyCellElement;
-        new (): HTMLSddsBodyCellElement;
+    var HTMLTdsBannerElement: {
+        prototype: HTMLTdsBannerElement;
+        new (): HTMLTdsBannerElement;
     };
-    interface HTMLSddsBreadcrumbElement extends Components.SddsBreadcrumb, HTMLStencilElement {
+    interface HTMLTdsBlockElement extends Components.TdsBlock, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbElement: {
-        prototype: HTMLSddsBreadcrumbElement;
-        new (): HTMLSddsBreadcrumbElement;
+    var HTMLTdsBlockElement: {
+        prototype: HTMLTdsBlockElement;
+        new (): HTMLTdsBlockElement;
     };
-    interface HTMLSddsBreadcrumbItemElement extends Components.SddsBreadcrumbItem, HTMLStencilElement {
+    interface HTMLTdsBodyCellElement extends Components.TdsBodyCell, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbItemElement: {
-        prototype: HTMLSddsBreadcrumbItemElement;
-        new (): HTMLSddsBreadcrumbItemElement;
+    var HTMLTdsBodyCellElement: {
+        prototype: HTMLTdsBodyCellElement;
+        new (): HTMLTdsBodyCellElement;
     };
-    interface HTMLSddsButtonElement extends Components.SddsButton, HTMLStencilElement {
+    interface HTMLTdsBreadcrumbElement extends Components.TdsBreadcrumb, HTMLStencilElement {
     }
-    var HTMLSddsButtonElement: {
-        prototype: HTMLSddsButtonElement;
-        new (): HTMLSddsButtonElement;
+    var HTMLTdsBreadcrumbElement: {
+        prototype: HTMLTdsBreadcrumbElement;
+        new (): HTMLTdsBreadcrumbElement;
     };
-    interface HTMLSddsCardElement extends Components.SddsCard, HTMLStencilElement {
+    interface HTMLTdsBreadcrumbsElement extends Components.TdsBreadcrumbs, HTMLStencilElement {
     }
-    var HTMLSddsCardElement: {
-        prototype: HTMLSddsCardElement;
-        new (): HTMLSddsCardElement;
+    var HTMLTdsBreadcrumbsElement: {
+        prototype: HTMLTdsBreadcrumbsElement;
+        new (): HTMLTdsBreadcrumbsElement;
     };
-    interface HTMLSddsCheckboxElement extends Components.SddsCheckbox, HTMLStencilElement {
+    interface HTMLTdsButtonElement extends Components.TdsButton, HTMLStencilElement {
     }
-    var HTMLSddsCheckboxElement: {
-        prototype: HTMLSddsCheckboxElement;
-        new (): HTMLSddsCheckboxElement;
+    var HTMLTdsButtonElement: {
+        prototype: HTMLTdsButtonElement;
+        new (): HTMLTdsButtonElement;
     };
-    interface HTMLSddsChipElement extends Components.SddsChip, HTMLStencilElement {
+    interface HTMLTdsCardElement extends Components.TdsCard, HTMLStencilElement {
     }
-    var HTMLSddsChipElement: {
-        prototype: HTMLSddsChipElement;
-        new (): HTMLSddsChipElement;
+    var HTMLTdsCardElement: {
+        prototype: HTMLTdsCardElement;
+        new (): HTMLTdsCardElement;
     };
-    interface HTMLSddsCoreHeaderItemElement extends Components.SddsCoreHeaderItem, HTMLStencilElement {
+    interface HTMLTdsCheckboxElement extends Components.TdsCheckbox, HTMLStencilElement {
     }
-    var HTMLSddsCoreHeaderItemElement: {
-        prototype: HTMLSddsCoreHeaderItemElement;
-        new (): HTMLSddsCoreHeaderItemElement;
+    var HTMLTdsCheckboxElement: {
+        prototype: HTMLTdsCheckboxElement;
+        new (): HTMLTdsCheckboxElement;
     };
-    interface HTMLSddsDatetimeElement extends Components.SddsDatetime, HTMLStencilElement {
+    interface HTMLTdsChipElement extends Components.TdsChip, HTMLStencilElement {
     }
-    var HTMLSddsDatetimeElement: {
-        prototype: HTMLSddsDatetimeElement;
-        new (): HTMLSddsDatetimeElement;
+    var HTMLTdsChipElement: {
+        prototype: HTMLTdsChipElement;
+        new (): HTMLTdsChipElement;
     };
-    interface HTMLSddsDividerElement extends Components.SddsDivider, HTMLStencilElement {
+    interface HTMLTdsCoreHeaderItemElement extends Components.TdsCoreHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsDividerElement: {
-        prototype: HTMLSddsDividerElement;
-        new (): HTMLSddsDividerElement;
+    var HTMLTdsCoreHeaderItemElement: {
+        prototype: HTMLTdsCoreHeaderItemElement;
+        new (): HTMLTdsCoreHeaderItemElement;
     };
-    interface HTMLSddsDropdownElement extends Components.SddsDropdown, HTMLStencilElement {
+    interface HTMLTdsDatetimeElement extends Components.TdsDatetime, HTMLStencilElement {
     }
-    var HTMLSddsDropdownElement: {
-        prototype: HTMLSddsDropdownElement;
-        new (): HTMLSddsDropdownElement;
+    var HTMLTdsDatetimeElement: {
+        prototype: HTMLTdsDatetimeElement;
+        new (): HTMLTdsDatetimeElement;
     };
-    interface HTMLSddsDropdownFilterElement extends Components.SddsDropdownFilter, HTMLStencilElement {
+    interface HTMLTdsDividerElement extends Components.TdsDivider, HTMLStencilElement {
     }
-    var HTMLSddsDropdownFilterElement: {
-        prototype: HTMLSddsDropdownFilterElement;
-        new (): HTMLSddsDropdownFilterElement;
+    var HTMLTdsDividerElement: {
+        prototype: HTMLTdsDividerElement;
+        new (): HTMLTdsDividerElement;
     };
-    interface HTMLSddsDropdownOptionElement extends Components.SddsDropdownOption, HTMLStencilElement {
+    interface HTMLTdsDropdownElement extends Components.TdsDropdown, HTMLStencilElement {
     }
-    var HTMLSddsDropdownOptionElement: {
-        prototype: HTMLSddsDropdownOptionElement;
-        new (): HTMLSddsDropdownOptionElement;
+    var HTMLTdsDropdownElement: {
+        prototype: HTMLTdsDropdownElement;
+        new (): HTMLTdsDropdownElement;
     };
-    interface HTMLSddsDropdownOptionV2Element extends Components.SddsDropdownOptionV2, HTMLStencilElement {
+    interface HTMLTdsDropdownOptionElement extends Components.TdsDropdownOption, HTMLStencilElement {
     }
-    var HTMLSddsDropdownOptionV2Element: {
-        prototype: HTMLSddsDropdownOptionV2Element;
-        new (): HTMLSddsDropdownOptionV2Element;
+    var HTMLTdsDropdownOptionElement: {
+        prototype: HTMLTdsDropdownOptionElement;
+        new (): HTMLTdsDropdownOptionElement;
     };
-    interface HTMLSddsDropdownV2Element extends Components.SddsDropdownV2, HTMLStencilElement {
+    interface HTMLTdsFolderTabElement extends Components.TdsFolderTab, HTMLStencilElement {
     }
-    var HTMLSddsDropdownV2Element: {
-        prototype: HTMLSddsDropdownV2Element;
-        new (): HTMLSddsDropdownV2Element;
+    var HTMLTdsFolderTabElement: {
+        prototype: HTMLTdsFolderTabElement;
+        new (): HTMLTdsFolderTabElement;
     };
-    interface HTMLSddsFolderTabElement extends Components.SddsFolderTab, HTMLStencilElement {
+    interface HTMLTdsFolderTabsElement extends Components.TdsFolderTabs, HTMLStencilElement {
     }
-    var HTMLSddsFolderTabElement: {
-        prototype: HTMLSddsFolderTabElement;
-        new (): HTMLSddsFolderTabElement;
+    var HTMLTdsFolderTabsElement: {
+        prototype: HTMLTdsFolderTabsElement;
+        new (): HTMLTdsFolderTabsElement;
     };
-    interface HTMLSddsFolderTabsElement extends Components.SddsFolderTabs, HTMLStencilElement {
+    interface HTMLTdsFooterElement extends Components.TdsFooter, HTMLStencilElement {
     }
-    var HTMLSddsFolderTabsElement: {
-        prototype: HTMLSddsFolderTabsElement;
-        new (): HTMLSddsFolderTabsElement;
+    var HTMLTdsFooterElement: {
+        prototype: HTMLTdsFooterElement;
+        new (): HTMLTdsFooterElement;
     };
-    interface HTMLSddsFooterElement extends Components.SddsFooter, HTMLStencilElement {
+    interface HTMLTdsFooterGroupElement extends Components.TdsFooterGroup, HTMLStencilElement {
     }
-    var HTMLSddsFooterElement: {
-        prototype: HTMLSddsFooterElement;
-        new (): HTMLSddsFooterElement;
+    var HTMLTdsFooterGroupElement: {
+        prototype: HTMLTdsFooterGroupElement;
+        new (): HTMLTdsFooterGroupElement;
     };
-    interface HTMLSddsFooterGroupElement extends Components.SddsFooterGroup, HTMLStencilElement {
+    interface HTMLTdsFooterItemElement extends Components.TdsFooterItem, HTMLStencilElement {
     }
-    var HTMLSddsFooterGroupElement: {
-        prototype: HTMLSddsFooterGroupElement;
-        new (): HTMLSddsFooterGroupElement;
+    var HTMLTdsFooterItemElement: {
+        prototype: HTMLTdsFooterItemElement;
+        new (): HTMLTdsFooterItemElement;
     };
-    interface HTMLSddsFooterItemElement extends Components.SddsFooterItem, HTMLStencilElement {
+    interface HTMLTdsHeaderElement extends Components.TdsHeader, HTMLStencilElement {
     }
-    var HTMLSddsFooterItemElement: {
-        prototype: HTMLSddsFooterItemElement;
-        new (): HTMLSddsFooterItemElement;
+    var HTMLTdsHeaderElement: {
+        prototype: HTMLTdsHeaderElement;
+        new (): HTMLTdsHeaderElement;
     };
-    interface HTMLSddsHeaderElement extends Components.SddsHeader, HTMLStencilElement {
+    interface HTMLTdsHeaderBrandSymbolElement extends Components.TdsHeaderBrandSymbol, HTMLStencilElement {
     }
-    var HTMLSddsHeaderElement: {
-        prototype: HTMLSddsHeaderElement;
-        new (): HTMLSddsHeaderElement;
+    var HTMLTdsHeaderBrandSymbolElement: {
+        prototype: HTMLTdsHeaderBrandSymbolElement;
+        new (): HTMLTdsHeaderBrandSymbolElement;
     };
-    interface HTMLSddsHeaderBrandSymbolElement extends Components.SddsHeaderBrandSymbol, HTMLStencilElement {
+    interface HTMLTdsHeaderCellElement extends Components.TdsHeaderCell, HTMLStencilElement {
     }
-    var HTMLSddsHeaderBrandSymbolElement: {
-        prototype: HTMLSddsHeaderBrandSymbolElement;
-        new (): HTMLSddsHeaderBrandSymbolElement;
+    var HTMLTdsHeaderCellElement: {
+        prototype: HTMLTdsHeaderCellElement;
+        new (): HTMLTdsHeaderCellElement;
     };
-    interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownElement extends Components.TdsHeaderDropdown, HTMLStencilElement {
     }
-    var HTMLSddsHeaderCellElement: {
-        prototype: HTMLSddsHeaderCellElement;
-        new (): HTMLSddsHeaderCellElement;
+    var HTMLTdsHeaderDropdownElement: {
+        prototype: HTMLTdsHeaderDropdownElement;
+        new (): HTMLTdsHeaderDropdownElement;
     };
-    interface HTMLSddsHeaderDropdownElement extends Components.SddsHeaderDropdown, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListElement extends Components.TdsHeaderDropdownList, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownElement: {
-        prototype: HTMLSddsHeaderDropdownElement;
-        new (): HTMLSddsHeaderDropdownElement;
+    var HTMLTdsHeaderDropdownListElement: {
+        prototype: HTMLTdsHeaderDropdownListElement;
+        new (): HTMLTdsHeaderDropdownListElement;
     };
-    interface HTMLSddsHeaderDropdownListElement extends Components.SddsHeaderDropdownList, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListItemElement extends Components.TdsHeaderDropdownListItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListElement: {
-        prototype: HTMLSddsHeaderDropdownListElement;
-        new (): HTMLSddsHeaderDropdownListElement;
+    var HTMLTdsHeaderDropdownListItemElement: {
+        prototype: HTMLTdsHeaderDropdownListItemElement;
+        new (): HTMLTdsHeaderDropdownListItemElement;
     };
-    interface HTMLSddsHeaderDropdownListItemElement extends Components.SddsHeaderDropdownListItem, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListUserElement extends Components.TdsHeaderDropdownListUser, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListItemElement: {
-        prototype: HTMLSddsHeaderDropdownListItemElement;
-        new (): HTMLSddsHeaderDropdownListItemElement;
+    var HTMLTdsHeaderDropdownListUserElement: {
+        prototype: HTMLTdsHeaderDropdownListUserElement;
+        new (): HTMLTdsHeaderDropdownListUserElement;
     };
-    interface HTMLSddsHeaderDropdownListUserElement extends Components.SddsHeaderDropdownListUser, HTMLStencilElement {
+    interface HTMLTdsHeaderHamburgerElement extends Components.TdsHeaderHamburger, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListUserElement: {
-        prototype: HTMLSddsHeaderDropdownListUserElement;
-        new (): HTMLSddsHeaderDropdownListUserElement;
+    var HTMLTdsHeaderHamburgerElement: {
+        prototype: HTMLTdsHeaderHamburgerElement;
+        new (): HTMLTdsHeaderHamburgerElement;
     };
-    interface HTMLSddsHeaderHamburgerElement extends Components.SddsHeaderHamburger, HTMLStencilElement {
+    interface HTMLTdsHeaderItemElement extends Components.TdsHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderHamburgerElement: {
-        prototype: HTMLSddsHeaderHamburgerElement;
-        new (): HTMLSddsHeaderHamburgerElement;
+    var HTMLTdsHeaderItemElement: {
+        prototype: HTMLTdsHeaderItemElement;
+        new (): HTMLTdsHeaderItemElement;
     };
-    interface HTMLSddsHeaderItemElement extends Components.SddsHeaderItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherElement extends Components.TdsHeaderLauncher, HTMLStencilElement {
     }
-    var HTMLSddsHeaderItemElement: {
-        prototype: HTMLSddsHeaderItemElement;
-        new (): HTMLSddsHeaderItemElement;
+    var HTMLTdsHeaderLauncherElement: {
+        prototype: HTMLTdsHeaderLauncherElement;
+        new (): HTMLTdsHeaderLauncherElement;
     };
-    interface HTMLSddsHeaderLauncherElement extends Components.SddsHeaderLauncher, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherButtonElement extends Components.TdsHeaderLauncherButton, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherElement: {
-        prototype: HTMLSddsHeaderLauncherElement;
-        new (): HTMLSddsHeaderLauncherElement;
+    var HTMLTdsHeaderLauncherButtonElement: {
+        prototype: HTMLTdsHeaderLauncherButtonElement;
+        new (): HTMLTdsHeaderLauncherButtonElement;
     };
-    interface HTMLSddsHeaderLauncherButtonElement extends Components.SddsHeaderLauncherButton, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridElement extends Components.TdsHeaderLauncherGrid, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherButtonElement: {
-        prototype: HTMLSddsHeaderLauncherButtonElement;
-        new (): HTMLSddsHeaderLauncherButtonElement;
+    var HTMLTdsHeaderLauncherGridElement: {
+        prototype: HTMLTdsHeaderLauncherGridElement;
+        new (): HTMLTdsHeaderLauncherGridElement;
     };
-    interface HTMLSddsHeaderLauncherGridElement extends Components.SddsHeaderLauncherGrid, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridItemElement extends Components.TdsHeaderLauncherGridItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridElement: {
-        prototype: HTMLSddsHeaderLauncherGridElement;
-        new (): HTMLSddsHeaderLauncherGridElement;
+    var HTMLTdsHeaderLauncherGridItemElement: {
+        prototype: HTMLTdsHeaderLauncherGridItemElement;
+        new (): HTMLTdsHeaderLauncherGridItemElement;
     };
-    interface HTMLSddsHeaderLauncherGridItemElement extends Components.SddsHeaderLauncherGridItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridTitleElement extends Components.TdsHeaderLauncherGridTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridItemElement: {
-        prototype: HTMLSddsHeaderLauncherGridItemElement;
-        new (): HTMLSddsHeaderLauncherGridItemElement;
+    var HTMLTdsHeaderLauncherGridTitleElement: {
+        prototype: HTMLTdsHeaderLauncherGridTitleElement;
+        new (): HTMLTdsHeaderLauncherGridTitleElement;
     };
-    interface HTMLSddsHeaderLauncherGridTitleElement extends Components.SddsHeaderLauncherGridTitle, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListElement extends Components.TdsHeaderLauncherList, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridTitleElement: {
-        prototype: HTMLSddsHeaderLauncherGridTitleElement;
-        new (): HTMLSddsHeaderLauncherGridTitleElement;
+    var HTMLTdsHeaderLauncherListElement: {
+        prototype: HTMLTdsHeaderLauncherListElement;
+        new (): HTMLTdsHeaderLauncherListElement;
     };
-    interface HTMLSddsHeaderLauncherListElement extends Components.SddsHeaderLauncherList, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListItemElement extends Components.TdsHeaderLauncherListItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListElement: {
-        prototype: HTMLSddsHeaderLauncherListElement;
-        new (): HTMLSddsHeaderLauncherListElement;
+    var HTMLTdsHeaderLauncherListItemElement: {
+        prototype: HTMLTdsHeaderLauncherListItemElement;
+        new (): HTMLTdsHeaderLauncherListItemElement;
     };
-    interface HTMLSddsHeaderLauncherListItemElement extends Components.SddsHeaderLauncherListItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListTitleElement extends Components.TdsHeaderLauncherListTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListItemElement: {
-        prototype: HTMLSddsHeaderLauncherListItemElement;
-        new (): HTMLSddsHeaderLauncherListItemElement;
+    var HTMLTdsHeaderLauncherListTitleElement: {
+        prototype: HTMLTdsHeaderLauncherListTitleElement;
+        new (): HTMLTdsHeaderLauncherListTitleElement;
     };
-    interface HTMLSddsHeaderLauncherListTitleElement extends Components.SddsHeaderLauncherListTitle, HTMLStencilElement {
+    interface HTMLTdsHeaderTitleElement extends Components.TdsHeaderTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListTitleElement: {
-        prototype: HTMLSddsHeaderLauncherListTitleElement;
-        new (): HTMLSddsHeaderLauncherListTitleElement;
+    var HTMLTdsHeaderTitleElement: {
+        prototype: HTMLTdsHeaderTitleElement;
+        new (): HTMLTdsHeaderTitleElement;
     };
-    interface HTMLSddsHeaderTitleElement extends Components.SddsHeaderTitle, HTMLStencilElement {
+    interface HTMLTdsIconElement extends Components.TdsIcon, HTMLStencilElement {
     }
-    var HTMLSddsHeaderTitleElement: {
-        prototype: HTMLSddsHeaderTitleElement;
-        new (): HTMLSddsHeaderTitleElement;
+    var HTMLTdsIconElement: {
+        prototype: HTMLTdsIconElement;
+        new (): HTMLTdsIconElement;
     };
-    interface HTMLSddsIconElement extends Components.SddsIcon, HTMLStencilElement {
+    interface HTMLTdsInlineTabElement extends Components.TdsInlineTab, HTMLStencilElement {
     }
-    var HTMLSddsIconElement: {
-        prototype: HTMLSddsIconElement;
-        new (): HTMLSddsIconElement;
+    var HTMLTdsInlineTabElement: {
+        prototype: HTMLTdsInlineTabElement;
+        new (): HTMLTdsInlineTabElement;
     };
-    interface HTMLSddsInlineTabElement extends Components.SddsInlineTab, HTMLStencilElement {
+    interface HTMLTdsInlineTabsElement extends Components.TdsInlineTabs, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabElement: {
-        prototype: HTMLSddsInlineTabElement;
-        new (): HTMLSddsInlineTabElement;
+    var HTMLTdsInlineTabsElement: {
+        prototype: HTMLTdsInlineTabsElement;
+        new (): HTMLTdsInlineTabsElement;
     };
-    interface HTMLSddsInlineTabsElement extends Components.SddsInlineTabs, HTMLStencilElement {
+    interface HTMLTdsLinkElement extends Components.TdsLink, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsElement: {
-        prototype: HTMLSddsInlineTabsElement;
-        new (): HTMLSddsInlineTabsElement;
+    var HTMLTdsLinkElement: {
+        prototype: HTMLTdsLinkElement;
+        new (): HTMLTdsLinkElement;
     };
-    interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
+    interface HTMLTdsMessageElement extends Components.TdsMessage, HTMLStencilElement {
     }
-    var HTMLSddsLinkElement: {
-        prototype: HTMLSddsLinkElement;
-        new (): HTMLSddsLinkElement;
+    var HTMLTdsMessageElement: {
+        prototype: HTMLTdsMessageElement;
+        new (): HTMLTdsMessageElement;
     };
-    interface HTMLSddsMessageElement extends Components.SddsMessage, HTMLStencilElement {
+    interface HTMLTdsModalElement extends Components.TdsModal, HTMLStencilElement {
     }
-    var HTMLSddsMessageElement: {
-        prototype: HTMLSddsMessageElement;
-        new (): HTMLSddsMessageElement;
+    var HTMLTdsModalElement: {
+        prototype: HTMLTdsModalElement;
+        new (): HTMLTdsModalElement;
     };
-    interface HTMLSddsModalElement extends Components.SddsModal, HTMLStencilElement {
+    interface HTMLTdsNavigationTabElement extends Components.TdsNavigationTab, HTMLStencilElement {
     }
-    var HTMLSddsModalElement: {
-        prototype: HTMLSddsModalElement;
-        new (): HTMLSddsModalElement;
+    var HTMLTdsNavigationTabElement: {
+        prototype: HTMLTdsNavigationTabElement;
+        new (): HTMLTdsNavigationTabElement;
     };
-    interface HTMLSddsNavigationTabElement extends Components.SddsNavigationTab, HTMLStencilElement {
+    interface HTMLTdsNavigationTabsElement extends Components.TdsNavigationTabs, HTMLStencilElement {
     }
-    var HTMLSddsNavigationTabElement: {
-        prototype: HTMLSddsNavigationTabElement;
-        new (): HTMLSddsNavigationTabElement;
+    var HTMLTdsNavigationTabsElement: {
+        prototype: HTMLTdsNavigationTabsElement;
+        new (): HTMLTdsNavigationTabsElement;
     };
-    interface HTMLSddsNavigationTabsElement extends Components.SddsNavigationTabs, HTMLStencilElement {
+    interface HTMLTdsPopoverCanvasElement extends Components.TdsPopoverCanvas, HTMLStencilElement {
     }
-    var HTMLSddsNavigationTabsElement: {
-        prototype: HTMLSddsNavigationTabsElement;
-        new (): HTMLSddsNavigationTabsElement;
+    var HTMLTdsPopoverCanvasElement: {
+        prototype: HTMLTdsPopoverCanvasElement;
+        new (): HTMLTdsPopoverCanvasElement;
     };
-    interface HTMLSddsPopoverCanvasElement extends Components.SddsPopoverCanvas, HTMLStencilElement {
+    interface HTMLTdsPopoverMenuElement extends Components.TdsPopoverMenu, HTMLStencilElement {
     }
-    var HTMLSddsPopoverCanvasElement: {
-        prototype: HTMLSddsPopoverCanvasElement;
-        new (): HTMLSddsPopoverCanvasElement;
+    var HTMLTdsPopoverMenuElement: {
+        prototype: HTMLTdsPopoverMenuElement;
+        new (): HTMLTdsPopoverMenuElement;
     };
-    interface HTMLSddsPopoverMenuElement extends Components.SddsPopoverMenu, HTMLStencilElement {
+    interface HTMLTdsRadioButtonElement extends Components.TdsRadioButton, HTMLStencilElement {
     }
-    var HTMLSddsPopoverMenuElement: {
-        prototype: HTMLSddsPopoverMenuElement;
-        new (): HTMLSddsPopoverMenuElement;
+    var HTMLTdsRadioButtonElement: {
+        prototype: HTMLTdsRadioButtonElement;
+        new (): HTMLTdsRadioButtonElement;
     };
-    interface HTMLSddsRadioButtonElement extends Components.SddsRadioButton, HTMLStencilElement {
+    interface HTMLTdsSideMenuElement extends Components.TdsSideMenu, HTMLStencilElement {
     }
-    var HTMLSddsRadioButtonElement: {
-        prototype: HTMLSddsRadioButtonElement;
-        new (): HTMLSddsRadioButtonElement;
+    var HTMLTdsSideMenuElement: {
+        prototype: HTMLTdsSideMenuElement;
+        new (): HTMLTdsSideMenuElement;
     };
-    interface HTMLSddsSideMenuElement extends Components.SddsSideMenu, HTMLStencilElement {
+    interface HTMLTdsSideMenuCloseButtonElement extends Components.TdsSideMenuCloseButton, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuElement: {
-        prototype: HTMLSddsSideMenuElement;
-        new (): HTMLSddsSideMenuElement;
+    var HTMLTdsSideMenuCloseButtonElement: {
+        prototype: HTMLTdsSideMenuCloseButtonElement;
+        new (): HTMLTdsSideMenuCloseButtonElement;
     };
-    interface HTMLSddsSideMenuCloseButtonElement extends Components.SddsSideMenuCloseButton, HTMLStencilElement {
+    interface HTMLTdsSideMenuCollapseButtonElement extends Components.TdsSideMenuCollapseButton, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuCloseButtonElement: {
-        prototype: HTMLSddsSideMenuCloseButtonElement;
-        new (): HTMLSddsSideMenuCloseButtonElement;
+    var HTMLTdsSideMenuCollapseButtonElement: {
+        prototype: HTMLTdsSideMenuCollapseButtonElement;
+        new (): HTMLTdsSideMenuCollapseButtonElement;
     };
-    interface HTMLSddsSideMenuCollapseButtonElement extends Components.SddsSideMenuCollapseButton, HTMLStencilElement {
+    interface HTMLTdsSideMenuDropdownElement extends Components.TdsSideMenuDropdown, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuCollapseButtonElement: {
-        prototype: HTMLSddsSideMenuCollapseButtonElement;
-        new (): HTMLSddsSideMenuCollapseButtonElement;
+    var HTMLTdsSideMenuDropdownElement: {
+        prototype: HTMLTdsSideMenuDropdownElement;
+        new (): HTMLTdsSideMenuDropdownElement;
     };
-    interface HTMLSddsSideMenuDropdownElement extends Components.SddsSideMenuDropdown, HTMLStencilElement {
+    interface HTMLTdsSideMenuDropdownListElement extends Components.TdsSideMenuDropdownList, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuDropdownElement: {
-        prototype: HTMLSddsSideMenuDropdownElement;
-        new (): HTMLSddsSideMenuDropdownElement;
+    var HTMLTdsSideMenuDropdownListElement: {
+        prototype: HTMLTdsSideMenuDropdownListElement;
+        new (): HTMLTdsSideMenuDropdownListElement;
     };
-    interface HTMLSddsSideMenuDropdownListElement extends Components.SddsSideMenuDropdownList, HTMLStencilElement {
+    interface HTMLTdsSideMenuDropdownListItemElement extends Components.TdsSideMenuDropdownListItem, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuDropdownListElement: {
-        prototype: HTMLSddsSideMenuDropdownListElement;
-        new (): HTMLSddsSideMenuDropdownListElement;
+    var HTMLTdsSideMenuDropdownListItemElement: {
+        prototype: HTMLTdsSideMenuDropdownListItemElement;
+        new (): HTMLTdsSideMenuDropdownListItemElement;
     };
-    interface HTMLSddsSideMenuDropdownListItemElement extends Components.SddsSideMenuDropdownListItem, HTMLStencilElement {
+    interface HTMLTdsSideMenuItemElement extends Components.TdsSideMenuItem, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuDropdownListItemElement: {
-        prototype: HTMLSddsSideMenuDropdownListItemElement;
-        new (): HTMLSddsSideMenuDropdownListItemElement;
+    var HTMLTdsSideMenuItemElement: {
+        prototype: HTMLTdsSideMenuItemElement;
+        new (): HTMLTdsSideMenuItemElement;
     };
-    interface HTMLSddsSideMenuItemElement extends Components.SddsSideMenuItem, HTMLStencilElement {
+    interface HTMLTdsSideMenuOverlayElement extends Components.TdsSideMenuOverlay, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuItemElement: {
-        prototype: HTMLSddsSideMenuItemElement;
-        new (): HTMLSddsSideMenuItemElement;
+    var HTMLTdsSideMenuOverlayElement: {
+        prototype: HTMLTdsSideMenuOverlayElement;
+        new (): HTMLTdsSideMenuOverlayElement;
     };
-    interface HTMLSddsSideMenuOverlayElement extends Components.SddsSideMenuOverlay, HTMLStencilElement {
+    interface HTMLTdsSideMenuUserElement extends Components.TdsSideMenuUser, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuOverlayElement: {
-        prototype: HTMLSddsSideMenuOverlayElement;
-        new (): HTMLSddsSideMenuOverlayElement;
+    var HTMLTdsSideMenuUserElement: {
+        prototype: HTMLTdsSideMenuUserElement;
+        new (): HTMLTdsSideMenuUserElement;
     };
-    interface HTMLSddsSideMenuUserElement extends Components.SddsSideMenuUser, HTMLStencilElement {
+    interface HTMLTdsSideMenuUserImageElement extends Components.TdsSideMenuUserImage, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuUserElement: {
-        prototype: HTMLSddsSideMenuUserElement;
-        new (): HTMLSddsSideMenuUserElement;
+    var HTMLTdsSideMenuUserImageElement: {
+        prototype: HTMLTdsSideMenuUserImageElement;
+        new (): HTMLTdsSideMenuUserImageElement;
     };
-    interface HTMLSddsSideMenuUserImageElement extends Components.SddsSideMenuUserImage, HTMLStencilElement {
+    interface HTMLTdsSideMenuUserLabelElement extends Components.TdsSideMenuUserLabel, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuUserImageElement: {
-        prototype: HTMLSddsSideMenuUserImageElement;
-        new (): HTMLSddsSideMenuUserImageElement;
+    var HTMLTdsSideMenuUserLabelElement: {
+        prototype: HTMLTdsSideMenuUserLabelElement;
+        new (): HTMLTdsSideMenuUserLabelElement;
     };
-    interface HTMLSddsSideMenuUserLabelElement extends Components.SddsSideMenuUserLabel, HTMLStencilElement {
+    interface HTMLTdsSliderElement extends Components.TdsSlider, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuUserLabelElement: {
-        prototype: HTMLSddsSideMenuUserLabelElement;
-        new (): HTMLSddsSideMenuUserLabelElement;
+    var HTMLTdsSliderElement: {
+        prototype: HTMLTdsSliderElement;
+        new (): HTMLTdsSliderElement;
     };
-    interface HTMLSddsSliderElement extends Components.SddsSlider, HTMLStencilElement {
+    interface HTMLTdsSpinnerElement extends Components.TdsSpinner, HTMLStencilElement {
     }
-    var HTMLSddsSliderElement: {
-        prototype: HTMLSddsSliderElement;
-        new (): HTMLSddsSliderElement;
+    var HTMLTdsSpinnerElement: {
+        prototype: HTMLTdsSpinnerElement;
+        new (): HTMLTdsSpinnerElement;
     };
-    interface HTMLSddsSpinnerElement extends Components.SddsSpinner, HTMLStencilElement {
+    interface HTMLTdsStepElement extends Components.TdsStep, HTMLStencilElement {
     }
-    var HTMLSddsSpinnerElement: {
-        prototype: HTMLSddsSpinnerElement;
-        new (): HTMLSddsSpinnerElement;
+    var HTMLTdsStepElement: {
+        prototype: HTMLTdsStepElement;
+        new (): HTMLTdsStepElement;
     };
-    interface HTMLSddsStepperElement extends Components.SddsStepper, HTMLStencilElement {
+    interface HTMLTdsStepperElement extends Components.TdsStepper, HTMLStencilElement {
     }
-    var HTMLSddsStepperElement: {
-        prototype: HTMLSddsStepperElement;
-        new (): HTMLSddsStepperElement;
+    var HTMLTdsStepperElement: {
+        prototype: HTMLTdsStepperElement;
+        new (): HTMLTdsStepperElement;
     };
-    interface HTMLSddsStepperItemElement extends Components.SddsStepperItem, HTMLStencilElement {
+    interface HTMLTdsTableElement extends Components.TdsTable, HTMLStencilElement {
     }
-    var HTMLSddsStepperItemElement: {
-        prototype: HTMLSddsStepperItemElement;
-        new (): HTMLSddsStepperItemElement;
+    var HTMLTdsTableElement: {
+        prototype: HTMLTdsTableElement;
+        new (): HTMLTdsTableElement;
     };
-    interface HTMLSddsTableElement extends Components.SddsTable, HTMLStencilElement {
+    interface HTMLTdsTableBodyElement extends Components.TdsTableBody, HTMLStencilElement {
     }
-    var HTMLSddsTableElement: {
-        prototype: HTMLSddsTableElement;
-        new (): HTMLSddsTableElement;
+    var HTMLTdsTableBodyElement: {
+        prototype: HTMLTdsTableBodyElement;
+        new (): HTMLTdsTableBodyElement;
     };
-    interface HTMLSddsTableBodyElement extends Components.SddsTableBody, HTMLStencilElement {
+    interface HTMLTdsTableBodyRowElement extends Components.TdsTableBodyRow, HTMLStencilElement {
     }
-    var HTMLSddsTableBodyElement: {
-        prototype: HTMLSddsTableBodyElement;
-        new (): HTMLSddsTableBodyElement;
+    var HTMLTdsTableBodyRowElement: {
+        prototype: HTMLTdsTableBodyRowElement;
+        new (): HTMLTdsTableBodyRowElement;
     };
-    interface HTMLSddsTableBodyRowElement extends Components.SddsTableBodyRow, HTMLStencilElement {
+    interface HTMLTdsTableBodyRowExpandableElement extends Components.TdsTableBodyRowExpandable, HTMLStencilElement {
     }
-    var HTMLSddsTableBodyRowElement: {
-        prototype: HTMLSddsTableBodyRowElement;
-        new (): HTMLSddsTableBodyRowElement;
+    var HTMLTdsTableBodyRowExpandableElement: {
+        prototype: HTMLTdsTableBodyRowExpandableElement;
+        new (): HTMLTdsTableBodyRowExpandableElement;
     };
-    interface HTMLSddsTableBodyRowExpandableElement extends Components.SddsTableBodyRowExpandable, HTMLStencilElement {
+    interface HTMLTdsTableFooterElement extends Components.TdsTableFooter, HTMLStencilElement {
     }
-    var HTMLSddsTableBodyRowExpandableElement: {
-        prototype: HTMLSddsTableBodyRowExpandableElement;
-        new (): HTMLSddsTableBodyRowExpandableElement;
+    var HTMLTdsTableFooterElement: {
+        prototype: HTMLTdsTableFooterElement;
+        new (): HTMLTdsTableFooterElement;
     };
-    interface HTMLSddsTableFooterElement extends Components.SddsTableFooter, HTMLStencilElement {
+    interface HTMLTdsTableHeaderElement extends Components.TdsTableHeader, HTMLStencilElement {
     }
-    var HTMLSddsTableFooterElement: {
-        prototype: HTMLSddsTableFooterElement;
-        new (): HTMLSddsTableFooterElement;
+    var HTMLTdsTableHeaderElement: {
+        prototype: HTMLTdsTableHeaderElement;
+        new (): HTMLTdsTableHeaderElement;
     };
-    interface HTMLSddsTableHeaderElement extends Components.SddsTableHeader, HTMLStencilElement {
+    interface HTMLTdsTableToolbarElement extends Components.TdsTableToolbar, HTMLStencilElement {
     }
-    var HTMLSddsTableHeaderElement: {
-        prototype: HTMLSddsTableHeaderElement;
-        new (): HTMLSddsTableHeaderElement;
+    var HTMLTdsTableToolbarElement: {
+        prototype: HTMLTdsTableToolbarElement;
+        new (): HTMLTdsTableToolbarElement;
     };
-    interface HTMLSddsTableToolbarElement extends Components.SddsTableToolbar, HTMLStencilElement {
+    interface HTMLTdsTextFieldElement extends Components.TdsTextField, HTMLStencilElement {
     }
-    var HTMLSddsTableToolbarElement: {
-        prototype: HTMLSddsTableToolbarElement;
-        new (): HTMLSddsTableToolbarElement;
+    var HTMLTdsTextFieldElement: {
+        prototype: HTMLTdsTextFieldElement;
+        new (): HTMLTdsTextFieldElement;
     };
-    interface HTMLSddsTextareaElement extends Components.SddsTextarea, HTMLStencilElement {
+    interface HTMLTdsTextareaElement extends Components.TdsTextarea, HTMLStencilElement {
     }
-    var HTMLSddsTextareaElement: {
-        prototype: HTMLSddsTextareaElement;
-        new (): HTMLSddsTextareaElement;
+    var HTMLTdsTextareaElement: {
+        prototype: HTMLTdsTextareaElement;
+        new (): HTMLTdsTextareaElement;
     };
-    interface HTMLSddsTextfieldElement extends Components.SddsTextfield, HTMLStencilElement {
+    interface HTMLTdsToastElement extends Components.TdsToast, HTMLStencilElement {
     }
-    var HTMLSddsTextfieldElement: {
-        prototype: HTMLSddsTextfieldElement;
-        new (): HTMLSddsTextfieldElement;
+    var HTMLTdsToastElement: {
+        prototype: HTMLTdsToastElement;
+        new (): HTMLTdsToastElement;
     };
-    interface HTMLSddsToastElement extends Components.SddsToast, HTMLStencilElement {
+    interface HTMLTdsToggleElement extends Components.TdsToggle, HTMLStencilElement {
     }
-    var HTMLSddsToastElement: {
-        prototype: HTMLSddsToastElement;
-        new (): HTMLSddsToastElement;
+    var HTMLTdsToggleElement: {
+        prototype: HTMLTdsToggleElement;
+        new (): HTMLTdsToggleElement;
     };
-    interface HTMLSddsToggleElement extends Components.SddsToggle, HTMLStencilElement {
+    interface HTMLTdsTooltipElement extends Components.TdsTooltip, HTMLStencilElement {
     }
-    var HTMLSddsToggleElement: {
-        prototype: HTMLSddsToggleElement;
-        new (): HTMLSddsToggleElement;
-    };
-    interface HTMLSddsTooltipElement extends Components.SddsTooltip, HTMLStencilElement {
-    }
-    var HTMLSddsTooltipElement: {
-        prototype: HTMLSddsTooltipElement;
-        new (): HTMLSddsTooltipElement;
+    var HTMLTdsTooltipElement: {
+        prototype: HTMLTdsTooltipElement;
+        new (): HTMLTdsTooltipElement;
     };
     interface HTMLElementTagNameMap {
-        "sdds-accordion": HTMLSddsAccordionElement;
-        "sdds-accordion-item": HTMLSddsAccordionItemElement;
-        "sdds-badge": HTMLSddsBadgeElement;
-        "sdds-banner": HTMLSddsBannerElement;
-        "sdds-block": HTMLSddsBlockElement;
-        "sdds-body-cell": HTMLSddsBodyCellElement;
-        "sdds-breadcrumb": HTMLSddsBreadcrumbElement;
-        "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-dropdown-option-v2": HTMLSddsDropdownOptionV2Element;
-        "sdds-dropdown-v2": HTMLSddsDropdownV2Element;
-        "sdds-folder-tab": HTMLSddsFolderTabElement;
-        "sdds-folder-tabs": HTMLSddsFolderTabsElement;
-        "sdds-footer": HTMLSddsFooterElement;
-        "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-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;
-        "sdds-stepper-item": HTMLSddsStepperItemElement;
-        "sdds-table": HTMLSddsTableElement;
-        "sdds-table-body": HTMLSddsTableBodyElement;
-        "sdds-table-body-row": HTMLSddsTableBodyRowElement;
-        "sdds-table-body-row-expandable": HTMLSddsTableBodyRowExpandableElement;
-        "sdds-table-footer": HTMLSddsTableFooterElement;
-        "sdds-table-header": HTMLSddsTableHeaderElement;
-        "sdds-table-toolbar": HTMLSddsTableToolbarElement;
-        "sdds-textarea": HTMLSddsTextareaElement;
-        "sdds-textfield": HTMLSddsTextfieldElement;
-        "sdds-toast": HTMLSddsToastElement;
-        "sdds-toggle": HTMLSddsToggleElement;
-        "sdds-tooltip": HTMLSddsTooltipElement;
+        "tds-accordion": HTMLTdsAccordionElement;
+        "tds-accordion-item": HTMLTdsAccordionItemElement;
+        "tds-badge": HTMLTdsBadgeElement;
+        "tds-banner": HTMLTdsBannerElement;
+        "tds-block": HTMLTdsBlockElement;
+        "tds-body-cell": HTMLTdsBodyCellElement;
+        "tds-breadcrumb": HTMLTdsBreadcrumbElement;
+        "tds-breadcrumbs": HTMLTdsBreadcrumbsElement;
+        "tds-button": HTMLTdsButtonElement;
+        "tds-card": HTMLTdsCardElement;
+        "tds-checkbox": HTMLTdsCheckboxElement;
+        "tds-chip": HTMLTdsChipElement;
+        "tds-core-header-item": HTMLTdsCoreHeaderItemElement;
+        "tds-datetime": HTMLTdsDatetimeElement;
+        "tds-divider": HTMLTdsDividerElement;
+        "tds-dropdown": HTMLTdsDropdownElement;
+        "tds-dropdown-option": HTMLTdsDropdownOptionElement;
+        "tds-folder-tab": HTMLTdsFolderTabElement;
+        "tds-folder-tabs": HTMLTdsFolderTabsElement;
+        "tds-footer": HTMLTdsFooterElement;
+        "tds-footer-group": HTMLTdsFooterGroupElement;
+        "tds-footer-item": HTMLTdsFooterItemElement;
+        "tds-header": HTMLTdsHeaderElement;
+        "tds-header-brand-symbol": HTMLTdsHeaderBrandSymbolElement;
+        "tds-header-cell": HTMLTdsHeaderCellElement;
+        "tds-header-dropdown": HTMLTdsHeaderDropdownElement;
+        "tds-header-dropdown-list": HTMLTdsHeaderDropdownListElement;
+        "tds-header-dropdown-list-item": HTMLTdsHeaderDropdownListItemElement;
+        "tds-header-dropdown-list-user": HTMLTdsHeaderDropdownListUserElement;
+        "tds-header-hamburger": HTMLTdsHeaderHamburgerElement;
+        "tds-header-item": HTMLTdsHeaderItemElement;
+        "tds-header-launcher": HTMLTdsHeaderLauncherElement;
+        "tds-header-launcher-button": HTMLTdsHeaderLauncherButtonElement;
+        "tds-header-launcher-grid": HTMLTdsHeaderLauncherGridElement;
+        "tds-header-launcher-grid-item": HTMLTdsHeaderLauncherGridItemElement;
+        "tds-header-launcher-grid-title": HTMLTdsHeaderLauncherGridTitleElement;
+        "tds-header-launcher-list": HTMLTdsHeaderLauncherListElement;
+        "tds-header-launcher-list-item": HTMLTdsHeaderLauncherListItemElement;
+        "tds-header-launcher-list-title": HTMLTdsHeaderLauncherListTitleElement;
+        "tds-header-title": HTMLTdsHeaderTitleElement;
+        "tds-icon": HTMLTdsIconElement;
+        "tds-inline-tab": HTMLTdsInlineTabElement;
+        "tds-inline-tabs": HTMLTdsInlineTabsElement;
+        "tds-link": HTMLTdsLinkElement;
+        "tds-message": HTMLTdsMessageElement;
+        "tds-modal": HTMLTdsModalElement;
+        "tds-navigation-tab": HTMLTdsNavigationTabElement;
+        "tds-navigation-tabs": HTMLTdsNavigationTabsElement;
+        "tds-popover-canvas": HTMLTdsPopoverCanvasElement;
+        "tds-popover-menu": HTMLTdsPopoverMenuElement;
+        "tds-radio-button": HTMLTdsRadioButtonElement;
+        "tds-side-menu": HTMLTdsSideMenuElement;
+        "tds-side-menu-close-button": HTMLTdsSideMenuCloseButtonElement;
+        "tds-side-menu-collapse-button": HTMLTdsSideMenuCollapseButtonElement;
+        "tds-side-menu-dropdown": HTMLTdsSideMenuDropdownElement;
+        "tds-side-menu-dropdown-list": HTMLTdsSideMenuDropdownListElement;
+        "tds-side-menu-dropdown-list-item": HTMLTdsSideMenuDropdownListItemElement;
+        "tds-side-menu-item": HTMLTdsSideMenuItemElement;
+        "tds-side-menu-overlay": HTMLTdsSideMenuOverlayElement;
+        "tds-side-menu-user": HTMLTdsSideMenuUserElement;
+        "tds-side-menu-user-image": HTMLTdsSideMenuUserImageElement;
+        "tds-side-menu-user-label": HTMLTdsSideMenuUserLabelElement;
+        "tds-slider": HTMLTdsSliderElement;
+        "tds-spinner": HTMLTdsSpinnerElement;
+        "tds-step": HTMLTdsStepElement;
+        "tds-stepper": HTMLTdsStepperElement;
+        "tds-table": HTMLTdsTableElement;
+        "tds-table-body": HTMLTdsTableBodyElement;
+        "tds-table-body-row": HTMLTdsTableBodyRowElement;
+        "tds-table-body-row-expandable": HTMLTdsTableBodyRowExpandableElement;
+        "tds-table-footer": HTMLTdsTableFooterElement;
+        "tds-table-header": HTMLTdsTableHeaderElement;
+        "tds-table-toolbar": HTMLTdsTableToolbarElement;
+        "tds-text-field": HTMLTdsTextFieldElement;
+        "tds-textarea": HTMLTdsTextareaElement;
+        "tds-toast": HTMLTdsToastElement;
+        "tds-toggle": HTMLTdsToggleElement;
+        "tds-tooltip": HTMLTdsTooltipElement;
     }
 }
 declare namespace LocalJSX {
-    interface SddsAccordion {
+    interface TdsAccordion {
         /**
-          * Set the variant of the the accordion.
+          * Set the variant of the Accordion.
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsAccordionItem {
+    interface TdsAccordionItem {
         /**
           * Disabled option in `boolean`.
          */
         "disabled"?: boolean;
         /**
-          * Changes where the expand icon is placed.
+          * Changes position of the expand icon.
          */
         "expandIconPosition"?: 'start' | 'end';
         /**
@@ -2118,25 +1954,21 @@ declare namespace LocalJSX {
          */
         "header"?: string;
         /**
-          * Fires when the Accordion Item is clicked but before the it is closed or opened.
+          * Fires when the Accordion Item is clicked, but before it is closed or opened.
          */
-        "onSddsToggle"?: (event: SddsAccordionItemCustomEvent<{
+        "onTdsToggle"?: (event: TdsAccordionItemCustomEvent<{
     expanded: boolean;
   }>) => void;
         /**
-          * When true 16px on right padding instead of 64px
+          * When true, 16px on right padding instead of 64px
          */
         "paddingReset"?: boolean;
     }
-    interface SddsBadge {
+    interface TdsBadge {
         /**
           * Changes visibility of Badge
          */
         "hidden"?: boolean;
-        /**
-          * @deprecated Use size prop instead. Changes Badge from large to small size
-         */
-        "isSmall"?: boolean;
         /**
           * Sets component size.
          */
@@ -2146,9 +1978,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsBanner {
+    interface TdsBanner {
         /**
-          * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for Banner close events you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
+          * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
          */
         "bannerId"?: string;
         /**
@@ -2160,39 +1992,43 @@ declare namespace LocalJSX {
          */
         "hidden"?: boolean;
         /**
-          * Name of the icon for the component. For error and information type the icon is predefined.
+          * Name of the icon for the component. For error and information type, the icon is predefined.
          */
         "icon"?: string;
         /**
           * Sends a unique Banner identifier when the close button is pressed.
          */
-        "onSddsClose"?: (event: SddsBannerCustomEvent<{
+        "onTdsClose"?: (event: TdsBannerCustomEvent<{
     bannerId: string;
   }>) => void;
         /**
           * Sends the unique Banner identifier when the close button is pressed.
          */
-        "onSddsShow"?: (event: SddsBannerCustomEvent<{
+        "onTdsShow"?: (event: TdsBannerCustomEvent<{
     bannerId: string;
   }>) => void;
         /**
           * Removes the close button on the Banner.
          */
         "persistent"?: boolean;
+        /**
+          * Subheader text.
+         */
+        "subheader"?: string;
         /**
           * Type of Banner
          */
         "type"?: 'error' | 'information' | 'none';
     }
-    interface SddsBlock {
+    interface TdsBlock {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsBodyCell {
+    interface TdsBodyCell {
         /**
-          * Passing same cell key for all body cells which is used in head cell enables features of text align and hovering
+          * Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering
          */
         "cellKey"?: any;
         /**
@@ -2204,19 +2040,15 @@ declare namespace LocalJSX {
          */
         "disablePadding"?: boolean;
     }
-    interface SddsBreadcrumb {
-    }
-    interface SddsBreadcrumbItem {
+    interface TdsBreadcrumb {
         /**
           * Boolean for the current link
          */
         "current"?: boolean;
-        /**
-          * Toggle the disabled state for the breadcrumb
-         */
-        "disabled"?: boolean;
     }
-    interface SddsButton {
+    interface TdsBreadcrumbs {
+    }
+    interface TdsButton {
         /**
           * Control for disabled state of a component
          */
@@ -2239,7 +2071,7 @@ declare namespace LocalJSX {
          */
         "type"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
-    interface SddsCard {
+    interface TdsCard {
         /**
           * Divider for the body
          */
@@ -2253,7 +2085,7 @@ declare namespace LocalJSX {
          */
         "bodyImgAlt"?: string;
         /**
-          * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
+          * ID for the Card, must be unique.  **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
          */
         "cardId"?: string;
         /**
@@ -2264,18 +2096,10 @@ declare namespace LocalJSX {
           * Text in the header
          */
         "header"?: string;
-        /**
-          * Header image src
-         */
-        "headerImg"?: string;
-        /**
-          * Alt text for the header image
-         */
-        "headerImgAlt"?: string;
         /**
           * Placement of the header
          */
-        "headerPlacement"?: 'above' | 'below';
+        "imagePlacement"?: 'above-header' | 'below-header';
         /**
           * Variant of the Card based on the theme used.
          */
@@ -2283,7 +2107,7 @@ declare namespace LocalJSX {
         /**
           * Sends unique Card identifier when the Card is clicked, if clickable=true
          */
-        "onSddsClick"?: (event: SddsCardCustomEvent<{
+        "onTdsClick"?: (event: TdsCardCustomEvent<{
     cardId: string;
   }>) => void;
         /**
@@ -2291,9 +2115,9 @@ declare namespace LocalJSX {
          */
         "subheader"?: string;
     }
-    interface SddsCheckbox {
+    interface TdsCheckbox {
         /**
-          * ID for the checkbox's input element. Randomly generated if not specified.
+          * ID for the Checkbox's input element. Randomly generated if not specified.
          */
         "checkboxId"?: string;
         /**
@@ -2305,17 +2129,17 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Name for the checkbox's input element.
+          * Name for the Checkbox's input element.
          */
         "name"?: string;
         /**
           * Blur event for the Checkbox
          */
-        "onSddsBlur"?: (event: SddsCheckboxCustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsCheckboxCustomEvent<FocusEvent>) => void;
         /**
           * Sends unique Checkbox identifier and checked status when it is checked/unchecked.
          */
-        "onSddsChange"?: (event: SddsCheckboxCustomEvent<{
+        "onTdsChange"?: (event: TdsCheckboxCustomEvent<{
     checkboxId: string;
     checked: boolean;
     value?: string;
@@ -2323,7 +2147,7 @@ declare namespace LocalJSX {
         /**
           * Focus event for the Checkbox
          */
-        "onSddsFocus"?: (event: SddsCheckboxCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsCheckboxCustomEvent<FocusEvent>) => void;
         /**
           * Make the Checkbox required
          */
@@ -2333,13 +2157,13 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsChip {
+    interface TdsChip {
         /**
-          * Setting it to true set component state to checked. Valid only for type checkbox and radio.
+          * Controls component's checked attribute. 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.
+          * 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;
         /**
@@ -2347,24 +2171,24 @@ declare namespace LocalJSX {
          */
         "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.
+          * 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<{
+        "onTdsChange"?: (event: TdsChipCustomEvent<{
     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.
+          * 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<{
+        "onTdsClick"?: (event: TdsChipCustomEvent<{
     chipId: string;
   }>) => void;
         /**
-          * Size of the chip component
+          * Size of the Chip component
          */
         "size"?: 'sm' | 'lg';
         /**
-          * Type of chip, depends on usage
+          * Type of Chip, depends on usage
          */
         "type"?: 'button' | 'radio' | 'checkbox';
         /**
@@ -2372,9 +2196,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsCoreHeaderItem {
+    interface TdsCoreHeaderItem {
     }
-    interface SddsDatetime {
+    interface TdsDatetime {
         /**
           * Autofocus for input
          */
@@ -2396,7 +2220,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Set the variant of the datetime component.
+          * Set the variant of the Datetime component.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -2408,17 +2232,17 @@ declare namespace LocalJSX {
          */
         "noMinWidth"?: boolean;
         /**
-          * Blur event for the datetime
+          * Blur event for the Datetime
          */
-        "onSddsBlur"?: (event: SddsDatetimeCustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsDatetimeCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the datetime
+          * Change event for the Datetime
          */
-        "onSddsChange"?: (event: SddsDatetimeCustomEvent<any>) => void;
+        "onTdsChange"?: (event: TdsDatetimeCustomEvent<any>) => void;
         /**
-          * Focus event for the datetime
+          * Focus event for the Datetime
          */
-        "onSddsFocus"?: (event: SddsDatetimeCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsDatetimeCustomEvent<FocusEvent>) => void;
         /**
           * Size of the input
          */
@@ -2436,182 +2260,35 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsDivider {
+    interface TdsDivider {
         /**
           * 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
-         */
-        "defaultOption"?: string;
-        /**
-          * Set to true for disabled states
-         */
-        "disabled"?: boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper"?: string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline"?: boolean;
-        /**
-          * Label text for label inside & outside
-         */
-        "label"?: string;
-        /**
-          * Controls position of label
-         */
-        "labelPosition"?: 'no-label' | 'inside' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection"?: 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selectedLabel item
-         */
-        "placeholder"?: string;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption"?: string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state"?: boolean;
-        /**
-          * `Controls type of dropdown.
-         */
-        "type"?: 'default' | 'multiselect' | 'filter';
-    }
-    interface SddsDropdownFilter {
-        /**
-          * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-         */
-        "data"?: string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "defaultOption"?: string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "disabled"?: boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper"?: string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline"?: boolean;
-        /**
-          * Label for dropdown with no selected item
-         */
-        "label"?: string;
-        /**
-          * Position of label
-         */
-        "labelPosition"?: 'no-label' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection"?: 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selected item
-         */
-        "placeholder"?: string;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption"?: string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state"?: boolean;
-    }
-    interface SddsDropdownOption {
-        /**
-          * Sets option to disabled state if true
-         */
-        "disabled"?: boolean;
-        /**
-          * Selected set to true if selected
-         */
-        "selected"?: boolean;
-        /**
-          * Value is a unique string that will be used for application logic
-         */
-        "value"?: string;
-    }
-    interface SddsDropdownOptionV2 {
-        /**
-          * Sets the option as disabled.
-         */
-        "disabled"?: boolean;
-        /**
-          * Blur event for the dropdown option.
-         */
-        "onSddsBlur"?: (event: SddsDropdownOptionV2CustomEvent<FocusEvent>) => void;
-        /**
-          * Focus event for the dropdown option.
-         */
-        "onSddsFocus"?: (event: SddsDropdownOptionV2CustomEvent<FocusEvent>) => void;
-        /**
-          * Click event for the dropdown option.
-         */
-        "onSddsSelect"?: (event: SddsDropdownOptionV2CustomEvent<{
-    selected: boolean;
-    value: string;
-  }>) => void;
-        /**
-          * Value for the dropdown option.
-         */
-        "value"?: string;
-    }
-    interface SddsDropdownV2 {
+    interface TdsDropdown {
         /**
-          * Default value selected in the dropdown.
+          * Default value selected in the Dropdown.
          */
         "defaultValue"?: string;
         /**
-          * Sets the dropdown in a disabled state
+          * Sets the Dropdown in a disabled state
          */
         "disabled"?: boolean;
         /**
-          * Sets the dropdown in an error state
+          * Sets the Dropdown in an error state
          */
         "error"?: boolean;
         /**
-          * Enables filtration in the dropdown.
+          * Enables filtration in the Dropdown.
          */
         "filter"?: boolean;
         /**
-          * Helper text for the dropdown.
+          * Helper text for the Dropdown.
          */
         "helper"?: string;
         /**
-          * Label text for the dropdown.
+          * Label text for the Dropdown.
          */
         "label"?: string;
         /**
@@ -2623,11 +2300,11 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Enables multiselect in the dropdown.
+          * Enables multiselect in the Dropdown.
          */
         "multiselect"?: boolean;
         /**
-          * Name for the dropdowns input element.
+          * Name for the Dropdowns input element.
          */
         "name"?: string;
         /**
@@ -2635,92 +2312,113 @@ declare namespace LocalJSX {
          */
         "noResultText"?: string;
         /**
-          * Blur event for the dropdown.
+          * Blur event for the Dropdown.
          */
-        "onSddsBlur"?: (event: SddsDropdownV2CustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsDropdownCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the dropdown.
+          * Change event for the Dropdown.
          */
-        "onSddsChange"?: (event: SddsDropdownV2CustomEvent<{
+        "onTdsChange"?: (event: TdsDropdownCustomEvent<{
     name: string;
     value: string;
   }>) => void;
         /**
-          * Focus event for the dropdown.
+          * Focus event for the Dropdown.
          */
-        "onSddsFocus"?: (event: SddsDropdownV2CustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsDropdownCustomEvent<FocusEvent>) => void;
         /**
-          * Input event for the dropdown.
+          * Input event for the Dropdown.
          */
-        "onSddsInput"?: (event: SddsDropdownV2CustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
         /**
-          * The direction the dropdown should open, auto if not specified.
+          * The direction the Dropdown should open, auto if not specified.
          */
         "openDirection"?: 'up' | 'down' | 'auto';
         /**
-          * Populate the dropdown via a JSON array
+          * Populate the Dropdown via a JSON array
          */
         "options"?: Array<{ value: string; label: string; disabled: boolean }>;
         /**
-          * Placeholder text for the dropdown.
+          * Placeholder text for the Dropdown.
          */
         "placeholder"?: string;
         /**
-          * The size of the dropdown.
+          * The size of the Dropdown.
          */
         "size"?: 'sm' | 'md' | 'lg';
     }
-    interface SddsFolderTab {
+    interface TdsDropdownOption {
         /**
-          * Disables the tab.
+          * Sets the option as disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Blur event for the Dropdown option.
+         */
+        "onTdsBlur"?: (event: TdsDropdownOptionCustomEvent<FocusEvent>) => void;
+        /**
+          * Focus event for the Dropdown option.
+         */
+        "onTdsFocus"?: (event: TdsDropdownOptionCustomEvent<FocusEvent>) => void;
+        /**
+          * Click event for the Dropdown option.
+         */
+        "onTdsSelect"?: (event: TdsDropdownOptionCustomEvent<{
+    selected: boolean;
+    value: string;
+  }>) => void;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value"?: string;
     }
-    interface SddsFolderTabs {
+    interface TdsFolderTab {
         /**
-          * Sets the default selected tab.
+          * Disables the Tab.
+         */
+        "disabled"?: boolean;
+    }
+    interface TdsFolderTabs {
+        /**
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Event emitted when the selected tab is changed.
+          * Event emitted when the selected Tab is changed.
          */
-        "onSddsChange"?: (event: SddsFolderTabsCustomEvent<{
+        "onTdsChange"?: (event: TdsFolderTabsCustomEvent<{
     selectedTabIndex: number;
   }>) => void;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
     }
-    interface SddsFooter {
+    interface TdsFooter {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsFooterGroup {
+    interface TdsFooterGroup {
         /**
-          * Title text for the link group, only valid on top part of footer.
+          * Title text for the link group, only valid on top part of Footer.
          */
         "titleText"?: string;
     }
-    interface SddsFooterItem {
+    interface TdsFooterItem {
     }
-    interface SddsHeader {
+    interface TdsHeader {
     }
-    interface SddsHeaderBrandSymbol {
-        /**
-          * The href for the logo link.
-         */
-        "linkHref"?: string;
+    interface TdsHeaderBrandSymbol {
     }
-    interface SddsHeaderCell {
+    interface TdsHeaderCell {
         /**
-          * Value of column key, usually comes from JSON, needed for sorting
+          * The value of column key, usually comes from JSON, needed for sorting
          */
         "columnKey"?: string;
         /**
@@ -2728,13 +2426,13 @@ declare namespace LocalJSX {
          */
         "columnTitle"?: string;
         /**
-          * In case noMinWidth setting, user has to specify width value for each column, for example "150px"
+          * In case noMinWidth setting, user has to specify width value for each column, for example, "150px"
          */
         "customWidth"?: string;
         /**
-          * 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.
+          * Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic.
          */
-        "onSddsSortChange"?: (event: SddsHeaderCellCustomEvent<{
+        "onTdsSortChange"?: (event: TdsHeaderCellCustomEvent<{
     tableId: string;
     columnKey: string;
     sortingDirection: 'asc' | 'desc';
@@ -2748,11 +2446,11 @@ declare namespace LocalJSX {
          */
         "textAlign"?: string;
     }
-    interface SddsHeaderDropdown {
+    interface TdsHeaderDropdown {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
-        "buttonLabel"?: string;
+        "label"?: string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
          */
@@ -2762,10 +2460,10 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsHeaderDropdownList {
+    interface TdsHeaderDropdownList {
         "type"?: 'lg' | 'md';
     }
-    interface SddsHeaderDropdownListItem {
+    interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
          */
@@ -2775,11 +2473,11 @@ declare namespace LocalJSX {
          */
         "type"?: 'md' | 'lg';
     }
-    interface SddsHeaderDropdownListUser {
+    interface TdsHeaderDropdownListUser {
         /**
-          * Heading, usually the users first name and last name.
+          * Header text, usually the users first name and last name.
          */
-        "heading"?: string;
+        "header"?: string;
         /**
           * Image alt text.
          */
@@ -2789,13 +2487,13 @@ declare namespace LocalJSX {
          */
         "imgUrl"?: string;
         /**
-          * Subheading.
+          * Subheader text.
          */
-        "subheading"?: string;
+        "subheader"?: string;
     }
-    interface SddsHeaderHamburger {
+    interface TdsHeaderHamburger {
     }
-    interface SddsHeaderItem {
+    interface TdsHeaderItem {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -2805,31 +2503,31 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsHeaderLauncher {
+    interface TdsHeaderLauncher {
     }
-    interface SddsHeaderLauncherButton {
+    interface TdsHeaderLauncherButton {
         /**
           * 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 TdsHeaderLauncherGrid {
     }
-    interface SddsHeaderLauncherGridItem {
+    interface TdsHeaderLauncherGridItem {
     }
-    interface SddsHeaderLauncherGridTitle {
+    interface TdsHeaderLauncherGridTitle {
     }
-    interface SddsHeaderLauncherList {
+    interface TdsHeaderLauncherList {
     }
-    interface SddsHeaderLauncherListItem {
+    interface TdsHeaderLauncherListItem {
     }
-    interface SddsHeaderLauncherListTitle {
+    interface TdsHeaderLauncherListTitle {
     }
-    interface SddsHeaderTitle {
+    interface TdsHeaderTitle {
     }
-    interface SddsIcon {
+    interface TdsIcon {
         /**
-          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+          * Pass a name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
          */
         "name"?: string;
         /**
@@ -2837,46 +2535,46 @@ declare namespace LocalJSX {
          */
         "size"?: string;
     }
-    interface SddsInlineTab {
+    interface TdsInlineTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled"?: boolean;
     }
-    interface SddsInlineTabs {
+    interface TdsInlineTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
-        "onSddsChange"?: (event: SddsInlineTabsCustomEvent<{
+        "onTdsChange"?: (event: TdsInlineTabsCustomEvent<{
     selectedTabIndex: number;
   }>) => void;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
     }
-    interface SddsLink {
+    interface TdsLink {
         /**
-          * Disables the link
+          * Disables the Link
          */
         "disabled"?: boolean;
         /**
-          * Displays the link with an underline.
+          * Displays the Link with an underline.
          */
         "underline"?: boolean;
     }
-    interface SddsMessage {
+    interface TdsMessage {
         /**
           * Header text for the component.
          */
         "header"?: string;
         /**
-          * Minimal message styling.
+          * Minimal Message styling.
          */
         "minimal"?: boolean;
         /**
@@ -2884,71 +2582,75 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Removes the icon in the message.
+          * Removes the icon in the Message.
          */
         "noIcon"?: boolean;
         /**
-          * Type of message.
+          * Type of Message.
          */
         "type"?: 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsModal {
+    interface TdsModal {
         /**
           * Sticky or Static Actions
          */
         "actions"?: 'sticky' | 'static';
         /**
-          * Emitts when the modal is closed.
+          * Sets the header of the Modal.
+         */
+        "header"?: string;
+        /**
+          * Emits when the Modal is closed.
          */
-        "onSddsClose"?: (event: SddsModalCustomEvent<any>) => void;
+        "onTdsClose"?: (event: TdsModalCustomEvent<any>) => void;
         /**
-          * Disables closing modal on clicking on overlay area.
+          * Disables closing Modal on clicking on overlay area.
          */
         "prevent"?: boolean;
         /**
-          * Element that will show the modal (takes priority over selector)
+          * Element that will show the Modal (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * CSS selector for the element that will show the modal.
+          * 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.
+          * 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 of Modal
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
     }
-    interface SddsNavigationTab {
+    interface TdsNavigationTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled"?: boolean;
     }
-    interface SddsNavigationTabs {
+    interface TdsNavigationTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Event emitted when the selected tab is changed.
+          * Event emitted when the selected Tab is changed.
          */
-        "onSddsChange"?: (event: SddsNavigationTabsCustomEvent<{
+        "onTdsChange"?: (event: TdsNavigationTabsCustomEvent<{
     selectedTabIndex: number;
   }>) => void;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
     }
-    interface SddsPopoverCanvas {
+    interface TdsPopoverCanvas {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -2968,7 +2670,7 @@ declare namespace LocalJSX {
         /**
           * Element that will trigger the Popover (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Popover
          */
@@ -2978,7 +2680,7 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
-    interface SddsPopoverMenu {
+    interface TdsPopoverMenu {
         /**
           * Sets the offset distance
          */
@@ -2994,7 +2696,7 @@ declare namespace LocalJSX {
         /**
           * Element that will trigger the pop-over (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the pop-over
          */
@@ -3004,7 +2706,7 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
-    interface SddsRadioButton {
+    interface TdsRadioButton {
         /**
           * Decides if the Radio Button is checked or not.
          */
@@ -3018,9 +2720,9 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Sends unique Radio Button identifier and status when it is checked. 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.
+          * Sends unique Radio Button identifier and status when it is checked. 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: SddsRadioButtonCustomEvent<{
+        "onTdsChange"?: (event: TdsRadioButtonCustomEvent<{
     radioId: string;
     value: string;
   }>) => void;
@@ -3037,15 +2739,15 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsSideMenu {
+    interface TdsSideMenu {
         /**
-          * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event.
+          * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event.
          */
         "collapsed"?: boolean;
         /**
           * Event that is emitted when the Side Menu is collapsed.
          */
-        "onSddsCollapse"?: (event: SddsSideMenuCustomEvent<CollapseEvent>) => void;
+        "onTdsCollapse"?: (event: TdsSideMenuCustomEvent<CollapseEvent>) => void;
         /**
           * Applicable only for mobile. If the Side Menu is open or not.
          */
@@ -3055,15 +2757,15 @@ declare namespace LocalJSX {
          */
         "persistent"?: boolean;
     }
-    interface SddsSideMenuCloseButton {
+    interface TdsSideMenuCloseButton {
     }
-    interface SddsSideMenuCollapseButton {
+    interface TdsSideMenuCollapseButton {
         /**
-          * Event that is broadcasted when the collapse button is clicked. Prevent it to disable automatic collapsing, and set the collapsed prop on the Side Menu yourself.
+          * Event that is broadcast when the collapse button is clicked. Prevent it from disabling automatic collapsing, and set the collapsed prop on the Side Menu yourself.
          */
-        "onSddsCollapse"?: (event: SddsSideMenuCollapseButtonCustomEvent<CollapseEvent1>) => void;
+        "onTdsCollapse"?: (event: TdsSideMenuCollapseButtonCustomEvent<CollapseEvent1>) => void;
     }
-    interface SddsSideMenuDropdown {
+    interface TdsSideMenuDropdown {
         /**
           * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
          */
@@ -3077,15 +2779,15 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuDropdownList {
+    interface TdsSideMenuDropdownList {
     }
-    interface SddsSideMenuDropdownListItem {
+    interface TdsSideMenuDropdownListItem {
         /**
           * If the item should appear selected.
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuItem {
+    interface TdsSideMenuItem {
         /**
           * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -3095,9 +2797,9 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuOverlay {
+    interface TdsSideMenuOverlay {
     }
-    interface SddsSideMenuUser {
+    interface TdsSideMenuUser {
         /**
           * The heading text.
          */
@@ -3115,7 +2817,7 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
-    interface SddsSideMenuUserImage {
+    interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
@@ -3125,7 +2827,7 @@ declare namespace LocalJSX {
          */
         "src"?: string;
     }
-    interface SddsSideMenuUserLabel {
+    interface TdsSideMenuUserLabel {
         /**
           * The heading text.
          */
@@ -3135,7 +2837,7 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
-    interface SddsSlider {
+    interface TdsSlider {
         /**
           * Decide to show the controls or not
          */
@@ -3167,7 +2869,7 @@ declare namespace LocalJSX {
         /**
           * Sends the value of the slider when changed.
          */
-        "onSddsChange"?: (event: SddsSliderCustomEvent<{
+        "onTdsChange"?: (event: TdsSliderCustomEvent<{
     value: string;
   }>) => void;
         /**
@@ -3183,11 +2885,11 @@ declare namespace LocalJSX {
          */
         "showTickNumbers"?: boolean;
         /**
-          * ID for the sliders input element, randomly generated if not specified.
+          * ID for the Slider's input element, randomly generated if not specified.
          */
         "sliderId"?: string;
         /**
-          * Snap to the ticks grid
+          * Snap to the tick's grid
          */
         "snap"?: boolean;
         /**
@@ -3207,7 +2909,7 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsSpinner {
+    interface TdsSpinner {
         /**
           * Size of the Spinner
          */
@@ -3217,18 +2919,28 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'inverted';
     }
-    interface SddsStepper {
+    interface TdsStep {
+        /**
+          * Index of the step. Will be displayed in the step if the state is current/upcoming.
+         */
+        "index"?: string;
+        /**
+          * State of the Step
+         */
+        "state"?: 'current' | 'error' | 'success' | 'upcoming';
+    }
+    interface TdsStepper {
         /**
           * Hides the label for the child components if true.
          */
         "hideLabels"?: boolean;
         /**
-          * Text position, only available on direction:horizontal
+          * Text position, only available on a direction: horizontal
          */
         "labelPosition"?: 'aside' | 'below';
-        "onInternalSddsPropsChange"?: (event: SddsStepperCustomEvent<InternalSddsStepperPropChange>) => void;
+        "onInternalTdsPropsChange"?: (event: TdsStepperCustomEvent<InternalTdsStepperPropChange>) => void;
         /**
-          * The orientation the children are layed out.
+          * The orientation the Steps
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
@@ -3236,35 +2948,25 @@ declare namespace LocalJSX {
          */
         "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.
+          * 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 {
-        /**
-          * Index of the step. Will be displayed in the step if state is current/upcoming.
-         */
-        "index"?: string;
+    interface TdsTable {
         /**
-          * State of the stepper-item
-         */
-        "state"?: 'current' | 'error' | 'success' | 'upcoming';
-    }
-    interface SddsTable {
-        /**
-          * Enables style where data-table toolbar, rows and footer are less high
+          * Enables style where Table toolbar, rows and footer are less high
          */
         "compactDesign"?: boolean;
         /**
-          * Enables extended row feature of data-table
+          * Enables extended row feature of Table
          */
         "enableExpandableRows"?: boolean;
         /**
-          * Enables multiselect feature of data-table
+          * Enables multiselect feature of Table
          */
         "enableMultiselect"?: boolean;
         /**
-          * Enables table to take 100% available width with equal spacing of columns
+          * Enables Table to take 100% available width with equal spacing of columns
          */
         "enableResponsive"?: boolean;
         /**
@@ -3272,11 +2974,11 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Enables to customise width on data-table columns
+          * Enables to customize width on Table columns
          */
         "noMinWidth"?: boolean;
         /**
-          * 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.
+          * 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.
          */
         "tableId"?: string;
         /**
@@ -3284,81 +2986,77 @@ declare namespace LocalJSX {
          */
         "verticalDividers"?: boolean;
     }
-    interface SddsTableBody {
+    interface TdsTableBody {
         /**
-          * Prop to pass JSON string which enables automatic rendering of table rows and cells
+          * Prop to pass JSON string which enables automatic rendering of Table rows and cells
          */
         "bodyData"?: any;
         /**
-          * Prop for showcase of rendering JSON in body-data, just for presentation purposes
+          * Prop for no result message when using filtering
          */
-        "enableDummyData"?: boolean;
+        "noResultMessage"?: string;
     }
-    interface SddsTableBodyRow {
+    interface TdsTableBodyRow {
     }
-    interface SddsTableBodyRowExpandable {
+    interface TdsTableBodyRowExpandable {
         /**
           * 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;
     }
-    interface SddsTableFooter {
+    interface TdsTableFooter {
         /**
-          * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
+          * <b>Client override</b> Used to set the number of columns, use as fallback if the automatic count of columns fail.
          */
-        "clientSetColumnsNumber"?: number;
+        "cols"?: number;
         /**
-          * Prop for client to set max number of pages.
+          * Sets the default page number.
          */
-        "maxPages"?: number;
+        "defaultPage"?: number;
         /**
-          * Event to send current page value to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
+          * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
-        "onSddsPageChange"?: (event: SddsTableFooterCustomEvent<{
+        "onTdsPageChange"?: (event: TdsTableFooterCustomEvent<{
     tableId: string;
     paginationValue: number;
   }>) => void;
         /**
-          * Enable pagination and show pagination controls
+          * Sets the number of pages.
          */
-        "pagination"?: boolean;
+        "pages"?: number;
         /**
-          * Sets the pagination number.
+          * Enable pagination and show pagination controls
          */
-        "paginationValue"?: number;
+        "pagination"?: boolean;
         /**
-          * Sets how many rows to display when pagination is enabled.
+          * @deprecated Used to set rows per page, this also enabled automatic pagination of the table.
          */
         "rowsPerPage"?: number;
     }
-    interface SddsTableHeader {
+    interface TdsTableHeader {
     }
-    interface SddsTableToolbar {
+    interface TdsTableToolbar {
         /**
           * Enables preview of searchbar
          */
         "enableFiltering"?: boolean;
         /**
-          * Used for sending users input to main parent <sdds-table> component, can also be listened to in order to implement custom sorting logic.
+          * Used for sending users' input to the main parent tds-table the component, can also be listened to in order to implement custom sorting logic.
          */
-        "onSddsFilterChange"?: (event: SddsTableToolbarCustomEvent<{
+        "onTdsFilterChange"?: (event: TdsTableToolbarCustomEvent<{
     tableId: string;
     query: string;
   }>) => void;
         /**
-          * Adds title to the data-table
+          * Adds title to the Table
          */
         "tableTitle"?: string;
     }
-    interface SddsTextarea {
-        /**
-          * Control of autofocus
-         */
-        "autoFocus"?: boolean;
+    interface TdsTextField {
         /**
-          * Textarea cols attribute
+          * Autofocus for input
          */
-        "cols"?: number;
+        "autofocus"?: boolean;
         /**
           * Set input in disabled state
          */
@@ -3372,7 +3070,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Text Field.
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -3380,33 +3078,33 @@ declare namespace LocalJSX {
          */
         "maxLength"?: number;
         /**
-          * Mode variant of the textarea
+          * Mode variant of the Text Field
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Name attribute
+          * Name property
          */
         "name"?: string;
         /**
-          * Unset minimum width of 208px.
+          * With setting
          */
         "noMinWidth"?: boolean;
         /**
-          * Blur event for the textarea
+          * Blur event for the Text Field
          */
-        "onSddsBlur"?: (event: SddsTextareaCustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsTextFieldCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the textarea
+          * Change event for the Text Field
          */
-        "onSddsChange"?: (event: SddsTextareaCustomEvent<any>) => void;
+        "onTdsChange"?: (event: TdsTextFieldCustomEvent<any>) => void;
         /**
-          * Focus event for the textarea
+          * Focus event for the Text Field
          */
-        "onSddsFocus"?: (event: SddsTextareaCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsTextFieldCustomEvent<FocusEvent>) => void;
         /**
-          * Input event for the textarea
+          * Input event for the Text Field
          */
-        "onSddsInput"?: (event: SddsTextareaCustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsTextFieldCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
          */
@@ -3416,23 +3114,31 @@ declare namespace LocalJSX {
          */
         "readOnly"?: boolean;
         /**
-          * Textarea rows attribute
+          * Size of the input
          */
-        "rows"?: number;
+        "size"?: 'sm' | 'md' | 'lg';
         /**
           * Error state of input
          */
         "state"?: 'error' | 'success' | 'default';
+        /**
+          * Which input type, text, password or similar
+         */
+        "type"?: 'text' | 'password';
         /**
           * Value of the input text
          */
         "value"?: string;
     }
-    interface SddsTextfield {
+    interface TdsTextarea {
         /**
-          * Autofocus for input
+          * Control of autofocus
          */
-        "autofocus"?: boolean;
+        "autoFocus"?: boolean;
+        /**
+          * Textarea cols attribute
+         */
+        "cols"?: number;
         /**
           * Set input in disabled state
          */
@@ -3446,7 +3152,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Textarea.
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -3454,33 +3160,33 @@ declare namespace LocalJSX {
          */
         "maxLength"?: number;
         /**
-          * Mode variant of the textfield
+          * Mode variant of the Textarea
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Name property
+          * Name attribute
          */
         "name"?: string;
         /**
-          * With setting
+          * Unset minimum width of 208px.
          */
         "noMinWidth"?: boolean;
         /**
-          * Blur event for the textfield
+          * Blur event for the Textarea
          */
-        "onSddsBlur"?: (event: SddsTextfieldCustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsTextareaCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the textfield
+          * Change event for the Textarea
          */
-        "onSddsChange"?: (event: SddsTextfieldCustomEvent<any>) => void;
+        "onTdsChange"?: (event: TdsTextareaCustomEvent<any>) => void;
         /**
-          * Focus event for the textfield
+          * Focus event for the Textarea
          */
-        "onSddsFocus"?: (event: SddsTextfieldCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsTextareaCustomEvent<FocusEvent>) => void;
         /**
-          * Input event for the textfield
+          * Input event for the Textarea
          */
-        "onSddsInput"?: (event: SddsTextfieldCustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsTextareaCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
          */
@@ -3490,23 +3196,19 @@ declare namespace LocalJSX {
          */
         "readOnly"?: boolean;
         /**
-          * Size of the input
+          * Textarea rows attribute
          */
-        "size"?: 'sm' | 'md' | 'lg';
+        "rows"?: number;
         /**
           * Error state of input
          */
         "state"?: 'error' | 'success' | 'default';
-        /**
-          * Which input type, text, password or similar
-         */
-        "type"?: 'text' | 'password';
         /**
           * Value of the input text
          */
         "value"?: string;
     }
-    interface SddsToast {
+    interface TdsToast {
         /**
           * Header text for the component.
          */
@@ -3518,7 +3220,7 @@ declare namespace LocalJSX {
         /**
           * Sends unique Toast identifier when component is closed.
          */
-        "onSddsClose"?: (event: SddsToastCustomEvent<{
+        "onTdsClose"?: (event: TdsToastCustomEvent<{
     toastId: string;
   }>) => void;
         /**
@@ -3538,7 +3240,7 @@ declare namespace LocalJSX {
          */
         "type"?: 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsToggle {
+    interface TdsToggle {
         /**
           * Sets the Toggle as checked
          */
@@ -3552,13 +3254,13 @@ declare namespace LocalJSX {
          */
         "headline"?: string;
         /**
-          * Name of the toggles input element
+          * Name of the toggle's input element
          */
         "name"?: string;
         /**
           * Sends unique Toggle identifier and status when it is toggled.
          */
-        "onSddsToggle"?: (event: SddsToggleCustomEvent<{
+        "onTdsToggle"?: (event: TdsToggleCustomEvent<{
     toggleId: string;
     checked: boolean;
   }>) => void;
@@ -3571,11 +3273,11 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'lg';
         /**
-          * ID of the Toggle's input element, if not specified it's randomly generated
+          * ID of the Toggle's input element, if not specified, it's randomly generated
          */
         "toggleId"?: string;
     }
-    interface SddsTooltip {
+    interface TdsTooltip {
         /**
           * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
          */
@@ -3587,7 +3289,7 @@ declare namespace LocalJSX {
         /**
           * Element that will trigger the Tooltip (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
           * The CSS-selector for an element that will trigger the Tooltip
          */
@@ -3597,179 +3299,173 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
         /**
-          * In case Tooltip contains only text, no HTML, text can be passed by this prop
+          * In case Tooltip contains only text, no HTML, a text can be passed by this prop
          */
         "text"?: string;
     }
     interface IntrinsicElements {
-        "sdds-accordion": SddsAccordion;
-        "sdds-accordion-item": SddsAccordionItem;
-        "sdds-badge": SddsBadge;
-        "sdds-banner": SddsBanner;
-        "sdds-block": SddsBlock;
-        "sdds-body-cell": SddsBodyCell;
-        "sdds-breadcrumb": SddsBreadcrumb;
-        "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-dropdown-option-v2": SddsDropdownOptionV2;
-        "sdds-dropdown-v2": SddsDropdownV2;
-        "sdds-folder-tab": SddsFolderTab;
-        "sdds-folder-tabs": SddsFolderTabs;
-        "sdds-footer": SddsFooter;
-        "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-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;
-        "sdds-stepper-item": SddsStepperItem;
-        "sdds-table": SddsTable;
-        "sdds-table-body": SddsTableBody;
-        "sdds-table-body-row": SddsTableBodyRow;
-        "sdds-table-body-row-expandable": SddsTableBodyRowExpandable;
-        "sdds-table-footer": SddsTableFooter;
-        "sdds-table-header": SddsTableHeader;
-        "sdds-table-toolbar": SddsTableToolbar;
-        "sdds-textarea": SddsTextarea;
-        "sdds-textfield": SddsTextfield;
-        "sdds-toast": SddsToast;
-        "sdds-toggle": SddsToggle;
-        "sdds-tooltip": SddsTooltip;
+        "tds-accordion": TdsAccordion;
+        "tds-accordion-item": TdsAccordionItem;
+        "tds-badge": TdsBadge;
+        "tds-banner": TdsBanner;
+        "tds-block": TdsBlock;
+        "tds-body-cell": TdsBodyCell;
+        "tds-breadcrumb": TdsBreadcrumb;
+        "tds-breadcrumbs": TdsBreadcrumbs;
+        "tds-button": TdsButton;
+        "tds-card": TdsCard;
+        "tds-checkbox": TdsCheckbox;
+        "tds-chip": TdsChip;
+        "tds-core-header-item": TdsCoreHeaderItem;
+        "tds-datetime": TdsDatetime;
+        "tds-divider": TdsDivider;
+        "tds-dropdown": TdsDropdown;
+        "tds-dropdown-option": TdsDropdownOption;
+        "tds-folder-tab": TdsFolderTab;
+        "tds-folder-tabs": TdsFolderTabs;
+        "tds-footer": TdsFooter;
+        "tds-footer-group": TdsFooterGroup;
+        "tds-footer-item": TdsFooterItem;
+        "tds-header": TdsHeader;
+        "tds-header-brand-symbol": TdsHeaderBrandSymbol;
+        "tds-header-cell": TdsHeaderCell;
+        "tds-header-dropdown": TdsHeaderDropdown;
+        "tds-header-dropdown-list": TdsHeaderDropdownList;
+        "tds-header-dropdown-list-item": TdsHeaderDropdownListItem;
+        "tds-header-dropdown-list-user": TdsHeaderDropdownListUser;
+        "tds-header-hamburger": TdsHeaderHamburger;
+        "tds-header-item": TdsHeaderItem;
+        "tds-header-launcher": TdsHeaderLauncher;
+        "tds-header-launcher-button": TdsHeaderLauncherButton;
+        "tds-header-launcher-grid": TdsHeaderLauncherGrid;
+        "tds-header-launcher-grid-item": TdsHeaderLauncherGridItem;
+        "tds-header-launcher-grid-title": TdsHeaderLauncherGridTitle;
+        "tds-header-launcher-list": TdsHeaderLauncherList;
+        "tds-header-launcher-list-item": TdsHeaderLauncherListItem;
+        "tds-header-launcher-list-title": TdsHeaderLauncherListTitle;
+        "tds-header-title": TdsHeaderTitle;
+        "tds-icon": TdsIcon;
+        "tds-inline-tab": TdsInlineTab;
+        "tds-inline-tabs": TdsInlineTabs;
+        "tds-link": TdsLink;
+        "tds-message": TdsMessage;
+        "tds-modal": TdsModal;
+        "tds-navigation-tab": TdsNavigationTab;
+        "tds-navigation-tabs": TdsNavigationTabs;
+        "tds-popover-canvas": TdsPopoverCanvas;
+        "tds-popover-menu": TdsPopoverMenu;
+        "tds-radio-button": TdsRadioButton;
+        "tds-side-menu": TdsSideMenu;
+        "tds-side-menu-close-button": TdsSideMenuCloseButton;
+        "tds-side-menu-collapse-button": TdsSideMenuCollapseButton;
+        "tds-side-menu-dropdown": TdsSideMenuDropdown;
+        "tds-side-menu-dropdown-list": TdsSideMenuDropdownList;
+        "tds-side-menu-dropdown-list-item": TdsSideMenuDropdownListItem;
+        "tds-side-menu-item": TdsSideMenuItem;
+        "tds-side-menu-overlay": TdsSideMenuOverlay;
+        "tds-side-menu-user": TdsSideMenuUser;
+        "tds-side-menu-user-image": TdsSideMenuUserImage;
+        "tds-side-menu-user-label": TdsSideMenuUserLabel;
+        "tds-slider": TdsSlider;
+        "tds-spinner": TdsSpinner;
+        "tds-step": TdsStep;
+        "tds-stepper": TdsStepper;
+        "tds-table": TdsTable;
+        "tds-table-body": TdsTableBody;
+        "tds-table-body-row": TdsTableBodyRow;
+        "tds-table-body-row-expandable": TdsTableBodyRowExpandable;
+        "tds-table-footer": TdsTableFooter;
+        "tds-table-header": TdsTableHeader;
+        "tds-table-toolbar": TdsTableToolbar;
+        "tds-text-field": TdsTextField;
+        "tds-textarea": TdsTextarea;
+        "tds-toast": TdsToast;
+        "tds-toggle": TdsToggle;
+        "tds-tooltip": TdsTooltip;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "sdds-accordion": LocalJSX.SddsAccordion & JSXBase.HTMLAttributes<HTMLSddsAccordionElement>;
-            "sdds-accordion-item": LocalJSX.SddsAccordionItem & JSXBase.HTMLAttributes<HTMLSddsAccordionItemElement>;
-            "sdds-badge": LocalJSX.SddsBadge & JSXBase.HTMLAttributes<HTMLSddsBadgeElement>;
-            "sdds-banner": LocalJSX.SddsBanner & JSXBase.HTMLAttributes<HTMLSddsBannerElement>;
-            "sdds-block": LocalJSX.SddsBlock & JSXBase.HTMLAttributes<HTMLSddsBlockElement>;
-            "sdds-body-cell": LocalJSX.SddsBodyCell & JSXBase.HTMLAttributes<HTMLSddsBodyCellElement>;
-            "sdds-breadcrumb": LocalJSX.SddsBreadcrumb & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbElement>;
-            "sdds-breadcrumb-item": LocalJSX.SddsBreadcrumbItem & JSXBase.HTMLAttributes<HTMLSddsBreadcrumbItemElement>;
-            "sdds-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-dropdown-option-v2": LocalJSX.SddsDropdownOptionV2 & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionV2Element>;
-            "sdds-dropdown-v2": LocalJSX.SddsDropdownV2 & JSXBase.HTMLAttributes<HTMLSddsDropdownV2Element>;
-            "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-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-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>;
-            "sdds-stepper-item": LocalJSX.SddsStepperItem & JSXBase.HTMLAttributes<HTMLSddsStepperItemElement>;
-            "sdds-table": LocalJSX.SddsTable & JSXBase.HTMLAttributes<HTMLSddsTableElement>;
-            "sdds-table-body": LocalJSX.SddsTableBody & JSXBase.HTMLAttributes<HTMLSddsTableBodyElement>;
-            "sdds-table-body-row": LocalJSX.SddsTableBodyRow & JSXBase.HTMLAttributes<HTMLSddsTableBodyRowElement>;
-            "sdds-table-body-row-expandable": LocalJSX.SddsTableBodyRowExpandable & JSXBase.HTMLAttributes<HTMLSddsTableBodyRowExpandableElement>;
-            "sdds-table-footer": LocalJSX.SddsTableFooter & JSXBase.HTMLAttributes<HTMLSddsTableFooterElement>;
-            "sdds-table-header": LocalJSX.SddsTableHeader & JSXBase.HTMLAttributes<HTMLSddsTableHeaderElement>;
-            "sdds-table-toolbar": LocalJSX.SddsTableToolbar & JSXBase.HTMLAttributes<HTMLSddsTableToolbarElement>;
-            "sdds-textarea": LocalJSX.SddsTextarea & JSXBase.HTMLAttributes<HTMLSddsTextareaElement>;
-            "sdds-textfield": LocalJSX.SddsTextfield & JSXBase.HTMLAttributes<HTMLSddsTextfieldElement>;
-            "sdds-toast": LocalJSX.SddsToast & JSXBase.HTMLAttributes<HTMLSddsToastElement>;
-            "sdds-toggle": LocalJSX.SddsToggle & JSXBase.HTMLAttributes<HTMLSddsToggleElement>;
-            "sdds-tooltip": LocalJSX.SddsTooltip & JSXBase.HTMLAttributes<HTMLSddsTooltipElement>;
+            "tds-accordion": LocalJSX.TdsAccordion & JSXBase.HTMLAttributes<HTMLTdsAccordionElement>;
+            "tds-accordion-item": LocalJSX.TdsAccordionItem & JSXBase.HTMLAttributes<HTMLTdsAccordionItemElement>;
+            "tds-badge": LocalJSX.TdsBadge & JSXBase.HTMLAttributes<HTMLTdsBadgeElement>;
+            "tds-banner": LocalJSX.TdsBanner & JSXBase.HTMLAttributes<HTMLTdsBannerElement>;
+            "tds-block": LocalJSX.TdsBlock & JSXBase.HTMLAttributes<HTMLTdsBlockElement>;
+            "tds-body-cell": LocalJSX.TdsBodyCell & JSXBase.HTMLAttributes<HTMLTdsBodyCellElement>;
+            "tds-breadcrumb": LocalJSX.TdsBreadcrumb & JSXBase.HTMLAttributes<HTMLTdsBreadcrumbElement>;
+            "tds-breadcrumbs": LocalJSX.TdsBreadcrumbs & JSXBase.HTMLAttributes<HTMLTdsBreadcrumbsElement>;
+            "tds-button": LocalJSX.TdsButton & JSXBase.HTMLAttributes<HTMLTdsButtonElement>;
+            "tds-card": LocalJSX.TdsCard & JSXBase.HTMLAttributes<HTMLTdsCardElement>;
+            "tds-checkbox": LocalJSX.TdsCheckbox & JSXBase.HTMLAttributes<HTMLTdsCheckboxElement>;
+            "tds-chip": LocalJSX.TdsChip & JSXBase.HTMLAttributes<HTMLTdsChipElement>;
+            "tds-core-header-item": LocalJSX.TdsCoreHeaderItem & JSXBase.HTMLAttributes<HTMLTdsCoreHeaderItemElement>;
+            "tds-datetime": LocalJSX.TdsDatetime & JSXBase.HTMLAttributes<HTMLTdsDatetimeElement>;
+            "tds-divider": LocalJSX.TdsDivider & JSXBase.HTMLAttributes<HTMLTdsDividerElement>;
+            "tds-dropdown": LocalJSX.TdsDropdown & JSXBase.HTMLAttributes<HTMLTdsDropdownElement>;
+            "tds-dropdown-option": LocalJSX.TdsDropdownOption & JSXBase.HTMLAttributes<HTMLTdsDropdownOptionElement>;
+            "tds-folder-tab": LocalJSX.TdsFolderTab & JSXBase.HTMLAttributes<HTMLTdsFolderTabElement>;
+            "tds-folder-tabs": LocalJSX.TdsFolderTabs & JSXBase.HTMLAttributes<HTMLTdsFolderTabsElement>;
+            "tds-footer": LocalJSX.TdsFooter & JSXBase.HTMLAttributes<HTMLTdsFooterElement>;
+            "tds-footer-group": LocalJSX.TdsFooterGroup & JSXBase.HTMLAttributes<HTMLTdsFooterGroupElement>;
+            "tds-footer-item": LocalJSX.TdsFooterItem & JSXBase.HTMLAttributes<HTMLTdsFooterItemElement>;
+            "tds-header": LocalJSX.TdsHeader & JSXBase.HTMLAttributes<HTMLTdsHeaderElement>;
+            "tds-header-brand-symbol": LocalJSX.TdsHeaderBrandSymbol & JSXBase.HTMLAttributes<HTMLTdsHeaderBrandSymbolElement>;
+            "tds-header-cell": LocalJSX.TdsHeaderCell & JSXBase.HTMLAttributes<HTMLTdsHeaderCellElement>;
+            "tds-header-dropdown": LocalJSX.TdsHeaderDropdown & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownElement>;
+            "tds-header-dropdown-list": LocalJSX.TdsHeaderDropdownList & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownListElement>;
+            "tds-header-dropdown-list-item": LocalJSX.TdsHeaderDropdownListItem & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownListItemElement>;
+            "tds-header-dropdown-list-user": LocalJSX.TdsHeaderDropdownListUser & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownListUserElement>;
+            "tds-header-hamburger": LocalJSX.TdsHeaderHamburger & JSXBase.HTMLAttributes<HTMLTdsHeaderHamburgerElement>;
+            "tds-header-item": LocalJSX.TdsHeaderItem & JSXBase.HTMLAttributes<HTMLTdsHeaderItemElement>;
+            "tds-header-launcher": LocalJSX.TdsHeaderLauncher & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherElement>;
+            "tds-header-launcher-button": LocalJSX.TdsHeaderLauncherButton & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherButtonElement>;
+            "tds-header-launcher-grid": LocalJSX.TdsHeaderLauncherGrid & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherGridElement>;
+            "tds-header-launcher-grid-item": LocalJSX.TdsHeaderLauncherGridItem & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherGridItemElement>;
+            "tds-header-launcher-grid-title": LocalJSX.TdsHeaderLauncherGridTitle & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherGridTitleElement>;
+            "tds-header-launcher-list": LocalJSX.TdsHeaderLauncherList & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherListElement>;
+            "tds-header-launcher-list-item": LocalJSX.TdsHeaderLauncherListItem & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherListItemElement>;
+            "tds-header-launcher-list-title": LocalJSX.TdsHeaderLauncherListTitle & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherListTitleElement>;
+            "tds-header-title": LocalJSX.TdsHeaderTitle & JSXBase.HTMLAttributes<HTMLTdsHeaderTitleElement>;
+            "tds-icon": LocalJSX.TdsIcon & JSXBase.HTMLAttributes<HTMLTdsIconElement>;
+            "tds-inline-tab": LocalJSX.TdsInlineTab & JSXBase.HTMLAttributes<HTMLTdsInlineTabElement>;
+            "tds-inline-tabs": LocalJSX.TdsInlineTabs & JSXBase.HTMLAttributes<HTMLTdsInlineTabsElement>;
+            "tds-link": LocalJSX.TdsLink & JSXBase.HTMLAttributes<HTMLTdsLinkElement>;
+            "tds-message": LocalJSX.TdsMessage & JSXBase.HTMLAttributes<HTMLTdsMessageElement>;
+            "tds-modal": LocalJSX.TdsModal & JSXBase.HTMLAttributes<HTMLTdsModalElement>;
+            "tds-navigation-tab": LocalJSX.TdsNavigationTab & JSXBase.HTMLAttributes<HTMLTdsNavigationTabElement>;
+            "tds-navigation-tabs": LocalJSX.TdsNavigationTabs & JSXBase.HTMLAttributes<HTMLTdsNavigationTabsElement>;
+            "tds-popover-canvas": LocalJSX.TdsPopoverCanvas & JSXBase.HTMLAttributes<HTMLTdsPopoverCanvasElement>;
+            "tds-popover-menu": LocalJSX.TdsPopoverMenu & JSXBase.HTMLAttributes<HTMLTdsPopoverMenuElement>;
+            "tds-radio-button": LocalJSX.TdsRadioButton & JSXBase.HTMLAttributes<HTMLTdsRadioButtonElement>;
+            "tds-side-menu": LocalJSX.TdsSideMenu & JSXBase.HTMLAttributes<HTMLTdsSideMenuElement>;
+            "tds-side-menu-close-button": LocalJSX.TdsSideMenuCloseButton & JSXBase.HTMLAttributes<HTMLTdsSideMenuCloseButtonElement>;
+            "tds-side-menu-collapse-button": LocalJSX.TdsSideMenuCollapseButton & JSXBase.HTMLAttributes<HTMLTdsSideMenuCollapseButtonElement>;
+            "tds-side-menu-dropdown": LocalJSX.TdsSideMenuDropdown & JSXBase.HTMLAttributes<HTMLTdsSideMenuDropdownElement>;
+            "tds-side-menu-dropdown-list": LocalJSX.TdsSideMenuDropdownList & JSXBase.HTMLAttributes<HTMLTdsSideMenuDropdownListElement>;
+            "tds-side-menu-dropdown-list-item": LocalJSX.TdsSideMenuDropdownListItem & JSXBase.HTMLAttributes<HTMLTdsSideMenuDropdownListItemElement>;
+            "tds-side-menu-item": LocalJSX.TdsSideMenuItem & JSXBase.HTMLAttributes<HTMLTdsSideMenuItemElement>;
+            "tds-side-menu-overlay": LocalJSX.TdsSideMenuOverlay & JSXBase.HTMLAttributes<HTMLTdsSideMenuOverlayElement>;
+            "tds-side-menu-user": LocalJSX.TdsSideMenuUser & JSXBase.HTMLAttributes<HTMLTdsSideMenuUserElement>;
+            "tds-side-menu-user-image": LocalJSX.TdsSideMenuUserImage & JSXBase.HTMLAttributes<HTMLTdsSideMenuUserImageElement>;
+            "tds-side-menu-user-label": LocalJSX.TdsSideMenuUserLabel & JSXBase.HTMLAttributes<HTMLTdsSideMenuUserLabelElement>;
+            "tds-slider": LocalJSX.TdsSlider & JSXBase.HTMLAttributes<HTMLTdsSliderElement>;
+            "tds-spinner": LocalJSX.TdsSpinner & JSXBase.HTMLAttributes<HTMLTdsSpinnerElement>;
+            "tds-step": LocalJSX.TdsStep & JSXBase.HTMLAttributes<HTMLTdsStepElement>;
+            "tds-stepper": LocalJSX.TdsStepper & JSXBase.HTMLAttributes<HTMLTdsStepperElement>;
+            "tds-table": LocalJSX.TdsTable & JSXBase.HTMLAttributes<HTMLTdsTableElement>;
+            "tds-table-body": LocalJSX.TdsTableBody & JSXBase.HTMLAttributes<HTMLTdsTableBodyElement>;
+            "tds-table-body-row": LocalJSX.TdsTableBodyRow & JSXBase.HTMLAttributes<HTMLTdsTableBodyRowElement>;
+            "tds-table-body-row-expandable": LocalJSX.TdsTableBodyRowExpandable & JSXBase.HTMLAttributes<HTMLTdsTableBodyRowExpandableElement>;
+            "tds-table-footer": LocalJSX.TdsTableFooter & JSXBase.HTMLAttributes<HTMLTdsTableFooterElement>;
+            "tds-table-header": LocalJSX.TdsTableHeader & JSXBase.HTMLAttributes<HTMLTdsTableHeaderElement>;
+            "tds-table-toolbar": LocalJSX.TdsTableToolbar & JSXBase.HTMLAttributes<HTMLTdsTableToolbarElement>;
+            "tds-text-field": LocalJSX.TdsTextField & JSXBase.HTMLAttributes<HTMLTdsTextFieldElement>;
+            "tds-textarea": LocalJSX.TdsTextarea & JSXBase.HTMLAttributes<HTMLTdsTextareaElement>;
+            "tds-toast": LocalJSX.TdsToast & JSXBase.HTMLAttributes<HTMLTdsToastElement>;
+            "tds-toggle": LocalJSX.TdsToggle & JSXBase.HTMLAttributes<HTMLTdsToggleElement>;
+            "tds-tooltip": LocalJSX.TdsTooltip & JSXBase.HTMLAttributes<HTMLTdsTooltipElement>;
         }
     }
 }