@scania/tegel 0.0.7 → 0.0.9

package/dist/types/components.d.ts

@@ -6,27 +6,29 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
-import { CollapsedEvent } from "./components/side-menu/webcomponent/side-menu";
-import { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
-import { InternalSddsTablePropChange } from "./components/data-table/table/table";
+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 { CollapsedEvent } 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';
         /**
@@ -38,35 +40,31 @@ 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 SddsBadges {
+    interface TdsBadge {
         /**
-          * Changes visibility of badge
+          * Changes visibility of Badge
          */
         "hidden": boolean;
-        /**
-          * @deprecated Use size prop instead. Changes badge from large to small size
-         */
-        "isSmall": boolean;
         /**
           * Sets component size.
          */
         "size": 'lg' | 'sm';
         /**
-          * Value shown in badge
+          * Value shown in Badge
          */
         "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;
         /**
@@ -74,39 +72,39 @@ export namespace Components {
          */
         "header": string;
         /**
-          * Hides the banner
+          * Hides the Banner
          */
         "hidden": boolean;
         /**
-          * Hides the banner.
+          * Hides the Banner.
          */
         "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;
         /**
-          * Removes the close button on the banner.
+          * Removes the close button on the Banner.
          */
         "persistent": boolean;
         /**
-          * Shows the banner
+          * Shows the Banner
          */
         "showBanner": () => Promise<void>;
         /**
-          * Type of banner
+          * 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;
         /**
@@ -118,42 +116,42 @@ 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
+          * Toggle the disabled state for the Breadcrumb
          */
         "disabled": boolean;
     }
-    interface SddsButton {
+    interface TdsBreadcrumbs {
+    }
+    interface TdsButton {
         /**
-          * Control for disabled state of component
+          * Control for disabled state of a component
          */
         "disabled": boolean;
         /**
-          * When enabled, makes button take 100% width
+          * When enabled, the Button takes 100% width
          */
         "fullbleed": boolean;
         /**
-          * Set the mode variant of the the button.
+          * Set the mode variant of the Button.
          */
         "modeVariant": 'primary' | 'secondary';
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Text inside a button
+          * Text displayed inside the Button
          */
         "text": string;
         /**
-          * Type of button
+          * Type of Button
          */
         "type": 'primary' | 'secondary' | 'ghost' | 'danger';
     }
-    interface SddsCard {
+    interface TdsCard {
         /**
           * Divider for the body
          */
@@ -167,11 +165,11 @@ 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;
         /**
-          * Makes the card clickable.
+          * Makes the Card clickable.
          */
         "clickable": boolean;
         /**
@@ -191,7 +189,7 @@ export namespace Components {
          */
         "headerPlacement": 'above' | 'below';
         /**
-          * Variant of the card based on the theme used.
+          * Variant of the Card based on the theme used.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -199,25 +197,25 @@ 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;
         /**
-          * Sets the checkbox as checked
+          * Sets the Checkbox as checked
          */
         "checked": boolean;
         /**
-          * Sets the checkbox in a disabled state
+          * Sets the Checkbox in a disabled state
          */
         "disabled": boolean;
         /**
-          * Name for the checkbox's input element.
+          * Name for the Checkbox's input element.
          */
         "name": string;
         /**
-          * Make the checkbox required
+          * Make the Checkbox required
          */
         "required": boolean;
         /**
@@ -225,17 +223,17 @@ export namespace Components {
          */
         "toggleCheckbox": () => Promise<{ checkboxId: string; checked: boolean; }>;
         /**
-          * Value for the checkbox
+          * Value for the Checkbox
          */
         "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;
         /**
@@ -243,11 +241,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';
         /**
@@ -255,9 +253,9 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsCoreHeaderItem {
+    interface TdsCoreHeaderItem {
     }
-    interface SddsDatetime {
+    interface TdsDatetime {
         /**
           * Autofocus for input
          */
@@ -279,7 +277,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Set the variant of the datetime component.
+          * Set the variant of the Datetime component.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -307,13 +305,13 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsDivider {
+    interface TdsDivider {
         /**
           * Orientation of the Divider, horizontal if not specified.
          */
         "orientation": 'horizontal' | 'vertical';
     }
-    interface SddsDropdown {
+    interface TdsDropdown {
         /**
           * Add the value of the option as string to set it as default
          */
@@ -323,7 +321,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Add helper text in the bottom of dropdown
+          * Add helper text in the bottom of Dropdown
          */
         "helper": string;
         /**
@@ -339,15 +337,15 @@ export namespace Components {
          */
         "labelPosition": 'no-label' | 'inside' | 'outside';
         /**
-          * Set the variant of the dropdown.
+          * Set the variant of the Dropdown.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Direction that the dropdown will open. Default is auto.
+          * Direction that the Dropdown will open. Default is auto.
          */
         "openDirection": 'down' | 'up' | 'auto';
         /**
-          * Placeholder text for dropdown with no selectedLabel item
+          * Placeholder text for Dropdown with no selectedLabel item
          */
         "placeholder": string;
         "resetOption": () => Promise<void>;
@@ -356,7 +354,7 @@ export namespace Components {
          */
         "selectedOption": string;
         /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
+          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
          */
         "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
         /**
@@ -364,11 +362,11 @@ export namespace Components {
          */
         "state": boolean;
         /**
-          * `Controls type of dropdown.
+          * `Controls type of Dropdown.
          */
         "type": 'default' | 'multiselect' | 'filter';
     }
-    interface SddsDropdownFilter {
+    interface TdsDropdownFilter {
         /**
           * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
          */
@@ -382,7 +380,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * Add helper text in the bottom of dropdown
+          * Add helper text in the bottom of Dropdown
          */
         "helper": string;
         /**
@@ -390,7 +388,7 @@ export namespace Components {
          */
         "inline": boolean;
         /**
-          * Label for dropdown with no selected item
+          * Label for Dropdown with no selected item
          */
         "label": string;
         /**
@@ -398,19 +396,19 @@ export namespace Components {
          */
         "labelPosition": 'no-label' | 'outside';
         /**
-          * Set the variant of the dropdown.
+          * Set the variant of the Dropdown.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Direction that the dropdown will open. Default is auto.
+          * Direction that the Dropdown will open. Default is auto.
          */
         "openDirection": 'down' | 'up' | 'auto';
         /**
-          * Placeholder text for dropdown with no selected item
+          * 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.
+          * Use this method to reset the Dropdown. Then it will go back to its initial state.
          */
         "resetOption": () => Promise<void>;
         /**
@@ -418,7 +416,7 @@ export namespace Components {
          */
         "selectedOption": string;
         /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
+          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
          */
         "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
         /**
@@ -426,13 +424,13 @@ export namespace Components {
          */
         "state": boolean;
     }
-    interface SddsDropdownOption {
+    interface TdsDropdownOption {
         /**
           * Sets option to disabled state if true
          */
         "disabled": boolean;
         /**
-          * Selected set to true if selected
+          * Set to true if selected
          */
         "selected": boolean;
         /**
@@ -440,57 +438,145 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsFolderTab {
+    interface TdsDropdownOptionV2 {
         /**
-          * 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 TdsDropdownV2 {
+        /**
+          * Method for closing the Dropdown.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Default value selected in the Dropdown.
+         */
+        "defaultValue": string;
+        /**
+          * Sets the Dropdown in a disabled state
+         */
+        "disabled": boolean;
+        /**
+          * Sets the Dropdown in an error state
+         */
+        "error": boolean;
+        /**
+          * Enables filtration in the Dropdown.
+         */
+        "filter": boolean;
+        /**
+          * Helper text for the Dropdown.
+         */
+        "helper": string;
+        /**
+          * Label text for the Dropdown.
+         */
+        "label": string;
+        /**
+          * Label text position
+         */
+        "labelPosition": 'inside' | 'outside';
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant": 'primary' | 'secondary';
+        /**
+          * Enables multiselect in the Dropdown.
+         */
+        "multiselect": boolean;
+        /**
+          * Name for the Dropdowns input element.
+         */
+        "name": string;
+        /**
+          * Text that is displayed if filter is used and there are no options that matches the search.
+         */
+        "noResultText": string;
+        /**
+          * The direction the Dropdown should open, auto if not specified.
+         */
+        "openDirection": 'up' | 'down' | 'auto';
+        /**
+          * Populate the Dropdown via a JSON array
+         */
+        "options": Array<{ value: string; label: string; disabled: boolean }>;
+        /**
+          * Placeholder text for the Dropdown.
+         */
+        "placeholder": string;
+        /**
+          * Method for removing a selected value in the Dropdown.
+         */
+        "removeValue": (oldValue: string) => Promise<{ value: string; label: string; }[]>;
+        /**
+          * Method that resets the Dropdown.
+         */
+        "reset": () => Promise<void>;
+        /**
+          * Method for setting the value of the Dropdown.
+         */
+        "setValue": (newValue: string, newValueLabel: string) => Promise<{ value: string; label: string; }[]>;
+        /**
+          * The size of the Dropdown.
+         */
+        "size": 'sm' | 'md' | 'lg';
+    }
+    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;
         /**
@@ -498,7 +584,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;
         /**
@@ -510,7 +596,7 @@ 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.
          */
@@ -524,10 +610,10 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsHeaderDropdownList {
+    interface TdsHeaderDropdownList {
         "type": 'lg' | 'md';
     }
-    interface SddsHeaderDropdownListItem {
+    interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
          */
@@ -537,7 +623,7 @@ export namespace Components {
          */
         "type": 'md' | 'lg';
     }
-    interface SddsHeaderDropdownListUser {
+    interface TdsHeaderDropdownListUser {
         /**
           * Heading, usually the users first name and last name.
          */
@@ -555,9 +641,9 @@ export namespace Components {
          */
         "subheading": 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.
          */
@@ -567,31 +653,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;
         /**
@@ -599,48 +685,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;
         /**
@@ -648,74 +734,74 @@ 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.
+          * 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;
         /**
-          * 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/
          */
@@ -733,19 +819,19 @@ export namespace Components {
          */
         "placement": Placement;
         /**
-          * Element that will trigger the popover (takes priority over selector)
+          * Element that will trigger the Popover (takes priority over selector)
          */
         "referenceEl": HTMLElement;
         /**
-          * The CSS-selector for an element that will trigger the popover
+          * The CSS-selector for an element that will trigger the Popover
          */
         "selector": string;
         /**
-          * Controls wether the popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
+          * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
          */
         "show": boolean;
     }
-    interface SddsPopoverMenu {
+    interface TdsPopoverMenu {
         /**
           * Sets the offset distance
          */
@@ -759,11 +845,11 @@ export namespace Components {
          */
         "placement": Placement;
         /**
-          * Element that will trigger the popover (takes priority over selector)
+          * Element that will trigger the pop-over (takes priority over selector)
          */
         "referenceEl": HTMLElement;
         /**
-          * The CSS-selector for an element that will trigger the popover
+          * The CSS-selector for an element that will trigger the pop-over
          */
         "selector": string;
         /**
@@ -771,25 +857,25 @@ export namespace Components {
          */
         "show": boolean;
     }
-    interface SddsRadioButton {
+    interface TdsRadioButton {
         /**
-          * Decides if the radio button is checked or not.
+          * Decides if the Radio Button is checked or not.
          */
         "checked": boolean;
         /**
-          * Decides if the radio button is disabled or not.
+          * Decides if the Radio Button is disabled or not.
          */
         "disabled": boolean;
         /**
-          * Name of radio button, used for reference.
+          * Name of Radio Button, used for reference.
          */
         "name": string;
         /**
-          * Unique radio button identifier.
+          * Unique Radio Button identifier.
          */
         "radioId": string;
         /**
-          * Decides if the radio button is required or not.
+          * Decides if the Radio Button is required or not.
          */
         "required": boolean;
         /**
@@ -797,25 +883,25 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsSideMenu {
+    interface TdsSideMenu {
         /**
-          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+          * 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;
         /**
-          * If the side menu is open or not.
+          * Applicable only for mobile. If the Side Menu is open or not.
          */
         "open": boolean;
         /**
-          * If the side menu should always be shown on desktop screens to the side.
+          * Applicable only for desktop. If the Side Menu should always be shown.
          */
         "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.
          */
@@ -829,15 +915,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.
          */
@@ -847,9 +933,9 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsSideMenuOverlay {
+    interface TdsSideMenuOverlay {
     }
-    interface SddsSideMenuUser {
+    interface TdsSideMenuUser {
         /**
           * The heading text.
          */
@@ -867,7 +953,7 @@ export namespace Components {
          */
         "subheading": string;
     }
-    interface SddsSideMenuUserImage {
+    interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
@@ -877,7 +963,7 @@ export namespace Components {
          */
         "src": string;
     }
-    interface SddsSideMenuUserLabel {
+    interface TdsSideMenuUserLabel {
         /**
           * The heading text.
          */
@@ -887,7 +973,7 @@ export namespace Components {
          */
         "subheading": string;
     }
-    interface SddsSlider {
+    interface TdsSlider {
         /**
           * Decide to show the controls or not
          */
@@ -933,11 +1019,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;
         /**
@@ -957,27 +1043,37 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsSpinner {
+    interface TdsSpinner {
         /**
-          * Size of spinner
+          * Size of the Spinner
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Variant of spinner
+          * Variant of the Spinner
          */
         "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';
         /**
@@ -985,35 +1081,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;
         /**
@@ -1021,11 +1107,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;
         /**
@@ -1033,83 +1119,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;
-        /**
-          * Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term
-         */
-        "disableFilteringFunction": boolean;
-        /**
-          * Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting
-         */
-        "disableSortingFunction": boolean;
         /**
           * Prop for showcase of rendering JSON in body-data, just for presentation purposes
          */
         "enableDummyData": boolean;
     }
-    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 {
-        /**
-          * Prop for client to set max number of pages
-         */
-        "clientMaxPages": number;
-        /**
-          * Prop for client to set current page number
-         */
-        "clientPaginationValue": number;
+    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
          */
         "clientSetColumnsNumber": number;
         /**
-          * Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component
+          * Prop for a client to set max number of pages.
          */
-        "disablePaginationFunction": boolean;
+        "maxPages": number;
         /**
-          * Prop to enable client controlled pagination
+          * Enable pagination and show pagination controls
          */
-        "enableClientPagination": boolean;
+        "pagination": boolean;
         /**
-          * Enable pagination and show pagination controls
+          * Sets the pagination number.
          */
-        "enablePagination": boolean;
+        "paginationValue": number;
         /**
-          * Sets how many rows to display when pagination is enabled
+          * Sets how many rows to display when pagination is enabled.
          */
         "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 {
-        /**
-          * Control of autofocus
-         */
-        "autoFocus": boolean;
+    interface TdsTextField {
         /**
-          * Textarea cols attribute
+          * Autofocus for input
          */
-        "cols": number;
+        "autofocus": boolean;
         /**
           * Set input in disabled state
          */
@@ -1123,7 +1189,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';
         /**
@@ -1131,15 +1197,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;
         /**
@@ -1151,23 +1217,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
          */
@@ -1181,7 +1255,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';
         /**
@@ -1189,15 +1263,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;
         /**
@@ -1209,37 +1283,33 @@ 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.
          */
         "header": string;
         /**
-          * Hides the toast.
+          * Hides the Toast.
          */
         "hidden": boolean;
         /**
-          * Hides the toast.
+          * Hides the Toast.
          */
         "hideToast": () => Promise<void>;
         /**
-          * Shows the toast.
+          * Shows the Toast.
          */
         "showToast": () => Promise<void>;
         /**
@@ -1247,67 +1317,67 @@ export namespace Components {
          */
         "subheader": string;
         /**
-          * ID for the toast. Randomly generated if not specified.
+          * ID for the Toast. Randomly generated if not specified.
          */
         "toastId": string;
         /**
-          * ARIA role for the toast.
+          * ARIA role for the Toast.
          */
         "toastRole": 'alert' | 'log' | 'status';
         /**
-          * Type of toast.
+          * Type of Toast.
          */
         "type": 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsToggle {
+    interface TdsToggle {
         /**
-          * Sets the toggle as checked
+          * Sets the Toggle as checked
          */
         "checked": boolean;
         /**
-          * Sets the toggle in a disabled state
+          * Sets the Toggle in a disabled state
          */
         "disabled": boolean;
         /**
-          * Headline for the toggle
+          * Headline for the Toggle
          */
         "headline": string;
         /**
-          * Name of the toggles input element
+          * Name of the toggle's input element
          */
         "name": string;
         /**
-          * Make the toggle required
+          * Make the Toggle required
          */
         "required": boolean;
         /**
-          * Size of the toggle
+          * Size of the Toggle
          */
         "size": 'sm' | 'lg';
         /**
-          * Toggles the toggle.
+          * Toggles the Toggle.
          */
         "toggle": () => Promise<{ toggleId: string; checked: boolean; }>;
         /**
-          * ID of the toggles input element, if not specifed 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.
+          * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
          */
         "mouseOverTooltip": boolean;
         /**
-          * Placement of tooltip.
+          * Placement of Tooltip.
          */
         "placement": Placement;
         /**
-          * Element that will trigger the tooltip (takes priority over selector)
+          * Element that will trigger the Tooltip (takes priority over selector)
          */
         "referenceEl": HTMLElement;
         /**
-          * The CSS-selector for an element that will trigger the tooltip
+          * The CSS-selector for an element that will trigger the Tooltip
          */
         "selector": string;
         /**
@@ -1315,694 +1385,720 @@ 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;
     }
 }
-export interface SddsAccordionItemCustomEvent<T> extends CustomEvent<T> {
+export interface TdsAccordionItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTdsAccordionItemElement;
+}
+export interface TdsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsAccordionItemElement;
+    target: HTMLTdsBannerElement;
 }
-export interface SddsBannerCustomEvent<T> extends CustomEvent<T> {
+export interface TdsCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsBannerElement;
+    target: HTMLTdsCardElement;
 }
-export interface SddsCardCustomEvent<T> extends CustomEvent<T> {
+export interface TdsCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsCardElement;
+    target: HTMLTdsCheckboxElement;
 }
-export interface SddsCheckboxCustomEvent<T> extends CustomEvent<T> {
+export interface TdsChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsCheckboxElement;
+    target: HTMLTdsChipElement;
 }
-export interface SddsChipCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDatetimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsChipElement;
+    target: HTMLTdsDatetimeElement;
 }
-export interface SddsDatetimeCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDatetimeElement;
+    target: HTMLTdsDropdownElement;
 }
-export interface SddsDropdownCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownElement;
+    target: HTMLTdsDropdownOptionElement;
 }
-export interface SddsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownOptionV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownOptionElement;
+    target: HTMLTdsDropdownOptionV2Element;
 }
-export interface SddsFolderTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownV2CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsFolderTabsElement;
+    target: HTMLTdsDropdownV2Element;
 }
-export interface SddsHeaderCellCustomEvent<T> extends CustomEvent<T> {
+export interface TdsFolderTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsHeaderCellElement;
+    target: HTMLTdsFolderTabsElement;
 }
-export interface SddsInlineTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsHeaderCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsInlineTabsElement;
+    target: HTMLTdsHeaderCellElement;
 }
-export interface SddsModalCustomEvent<T> extends CustomEvent<T> {
+export interface TdsInlineTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsModalElement;
+    target: HTMLTdsInlineTabsElement;
 }
-export interface SddsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsNavigationTabsElement;
+    target: HTMLTdsModalElement;
 }
-export interface SddsRadioButtonCustomEvent<T> extends CustomEvent<T> {
+export interface TdsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsRadioButtonElement;
+    target: HTMLTdsNavigationTabsElement;
 }
-export interface SddsSideMenuCustomEvent<T> extends CustomEvent<T> {
+export interface TdsRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSideMenuElement;
+    target: HTMLTdsRadioButtonElement;
 }
-export interface SddsSliderCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSideMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSliderElement;
+    target: HTMLTdsSideMenuElement;
 }
-export interface SddsStepperCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSideMenuCollapseButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsStepperElement;
+    target: HTMLTdsSideMenuCollapseButtonElement;
 }
-export interface SddsTableCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableElement;
+    target: HTMLTdsSliderElement;
 }
-export interface SddsTableBodyCustomEvent<T> extends CustomEvent<T> {
+export interface TdsStepperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyElement;
+    target: HTMLTdsStepperElement;
 }
-export interface SddsTableBodyRowCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyRowElement;
+    target: HTMLTdsTableElement;
 }
-export interface SddsTableBodyRowExpandableCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyRowExpandableElement;
+    target: HTMLTdsTableBodyElement;
 }
-export interface SddsTableFooterCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyRowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableFooterElement;
+    target: HTMLTdsTableBodyRowElement;
 }
-export interface SddsTableHeaderCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyRowExpandableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableHeaderElement;
+    target: HTMLTdsTableBodyRowExpandableElement;
 }
-export interface SddsTableToolbarCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableToolbarElement;
+    target: HTMLTdsTableFooterElement;
 }
-export interface SddsTextareaCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTextareaElement;
+    target: HTMLTdsTableHeaderElement;
 }
-export interface SddsTextfieldCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableToolbarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTextfieldElement;
+    target: HTMLTdsTableToolbarElement;
 }
-export interface SddsToastCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTextFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsToastElement;
+    target: HTMLTdsTextFieldElement;
 }
-export interface SddsToggleCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsToggleElement;
+    target: HTMLTdsTextareaElement;
+}
+export interface TdsToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTdsToastElement;
+}
+export interface TdsToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTdsToggleElement;
 }
 declare global {
-    interface HTMLSddsAccordionElement extends Components.SddsAccordion, HTMLStencilElement {
+    interface HTMLTdsAccordionElement extends Components.TdsAccordion, HTMLStencilElement {
+    }
+    var HTMLTdsAccordionElement: {
+        prototype: HTMLTdsAccordionElement;
+        new (): HTMLTdsAccordionElement;
+    };
+    interface HTMLTdsAccordionItemElement extends Components.TdsAccordionItem, HTMLStencilElement {
+    }
+    var HTMLTdsAccordionItemElement: {
+        prototype: HTMLTdsAccordionItemElement;
+        new (): HTMLTdsAccordionItemElement;
+    };
+    interface HTMLTdsBadgeElement extends Components.TdsBadge, HTMLStencilElement {
     }
-    var HTMLSddsAccordionElement: {
-        prototype: HTMLSddsAccordionElement;
-        new (): HTMLSddsAccordionElement;
+    var HTMLTdsBadgeElement: {
+        prototype: HTMLTdsBadgeElement;
+        new (): HTMLTdsBadgeElement;
     };
-    interface HTMLSddsAccordionItemElement extends Components.SddsAccordionItem, HTMLStencilElement {
+    interface HTMLTdsBannerElement extends Components.TdsBanner, HTMLStencilElement {
     }
-    var HTMLSddsAccordionItemElement: {
-        prototype: HTMLSddsAccordionItemElement;
-        new (): HTMLSddsAccordionItemElement;
+    var HTMLTdsBannerElement: {
+        prototype: HTMLTdsBannerElement;
+        new (): HTMLTdsBannerElement;
     };
-    interface HTMLSddsBadgesElement extends Components.SddsBadges, HTMLStencilElement {
+    interface HTMLTdsBlockElement extends Components.TdsBlock, HTMLStencilElement {
     }
-    var HTMLSddsBadgesElement: {
-        prototype: HTMLSddsBadgesElement;
-        new (): HTMLSddsBadgesElement;
+    var HTMLTdsBlockElement: {
+        prototype: HTMLTdsBlockElement;
+        new (): HTMLTdsBlockElement;
     };
-    interface HTMLSddsBannerElement extends Components.SddsBanner, HTMLStencilElement {
+    interface HTMLTdsBodyCellElement extends Components.TdsBodyCell, HTMLStencilElement {
     }
-    var HTMLSddsBannerElement: {
-        prototype: HTMLSddsBannerElement;
-        new (): HTMLSddsBannerElement;
+    var HTMLTdsBodyCellElement: {
+        prototype: HTMLTdsBodyCellElement;
+        new (): HTMLTdsBodyCellElement;
     };
-    interface HTMLSddsBlockElement extends Components.SddsBlock, HTMLStencilElement {
+    interface HTMLTdsBreadcrumbElement extends Components.TdsBreadcrumb, HTMLStencilElement {
     }
-    var HTMLSddsBlockElement: {
-        prototype: HTMLSddsBlockElement;
-        new (): HTMLSddsBlockElement;
+    var HTMLTdsBreadcrumbElement: {
+        prototype: HTMLTdsBreadcrumbElement;
+        new (): HTMLTdsBreadcrumbElement;
     };
-    interface HTMLSddsBodyCellElement extends Components.SddsBodyCell, HTMLStencilElement {
+    interface HTMLTdsBreadcrumbsElement extends Components.TdsBreadcrumbs, HTMLStencilElement {
     }
-    var HTMLSddsBodyCellElement: {
-        prototype: HTMLSddsBodyCellElement;
-        new (): HTMLSddsBodyCellElement;
+    var HTMLTdsBreadcrumbsElement: {
+        prototype: HTMLTdsBreadcrumbsElement;
+        new (): HTMLTdsBreadcrumbsElement;
     };
-    interface HTMLSddsBreadcrumbElement extends Components.SddsBreadcrumb, HTMLStencilElement {
+    interface HTMLTdsButtonElement extends Components.TdsButton, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbElement: {
-        prototype: HTMLSddsBreadcrumbElement;
-        new (): HTMLSddsBreadcrumbElement;
+    var HTMLTdsButtonElement: {
+        prototype: HTMLTdsButtonElement;
+        new (): HTMLTdsButtonElement;
     };
-    interface HTMLSddsBreadcrumbItemElement extends Components.SddsBreadcrumbItem, HTMLStencilElement {
+    interface HTMLTdsCardElement extends Components.TdsCard, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbItemElement: {
-        prototype: HTMLSddsBreadcrumbItemElement;
-        new (): HTMLSddsBreadcrumbItemElement;
+    var HTMLTdsCardElement: {
+        prototype: HTMLTdsCardElement;
+        new (): HTMLTdsCardElement;
     };
-    interface HTMLSddsButtonElement extends Components.SddsButton, HTMLStencilElement {
+    interface HTMLTdsCheckboxElement extends Components.TdsCheckbox, HTMLStencilElement {
     }
-    var HTMLSddsButtonElement: {
-        prototype: HTMLSddsButtonElement;
-        new (): HTMLSddsButtonElement;
+    var HTMLTdsCheckboxElement: {
+        prototype: HTMLTdsCheckboxElement;
+        new (): HTMLTdsCheckboxElement;
     };
-    interface HTMLSddsCardElement extends Components.SddsCard, HTMLStencilElement {
+    interface HTMLTdsChipElement extends Components.TdsChip, HTMLStencilElement {
     }
-    var HTMLSddsCardElement: {
-        prototype: HTMLSddsCardElement;
-        new (): HTMLSddsCardElement;
+    var HTMLTdsChipElement: {
+        prototype: HTMLTdsChipElement;
+        new (): HTMLTdsChipElement;
     };
-    interface HTMLSddsCheckboxElement extends Components.SddsCheckbox, HTMLStencilElement {
+    interface HTMLTdsCoreHeaderItemElement extends Components.TdsCoreHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsCheckboxElement: {
-        prototype: HTMLSddsCheckboxElement;
-        new (): HTMLSddsCheckboxElement;
+    var HTMLTdsCoreHeaderItemElement: {
+        prototype: HTMLTdsCoreHeaderItemElement;
+        new (): HTMLTdsCoreHeaderItemElement;
     };
-    interface HTMLSddsChipElement extends Components.SddsChip, HTMLStencilElement {
+    interface HTMLTdsDatetimeElement extends Components.TdsDatetime, HTMLStencilElement {
     }
-    var HTMLSddsChipElement: {
-        prototype: HTMLSddsChipElement;
-        new (): HTMLSddsChipElement;
+    var HTMLTdsDatetimeElement: {
+        prototype: HTMLTdsDatetimeElement;
+        new (): HTMLTdsDatetimeElement;
     };
-    interface HTMLSddsCoreHeaderItemElement extends Components.SddsCoreHeaderItem, HTMLStencilElement {
+    interface HTMLTdsDividerElement extends Components.TdsDivider, HTMLStencilElement {
     }
-    var HTMLSddsCoreHeaderItemElement: {
-        prototype: HTMLSddsCoreHeaderItemElement;
-        new (): HTMLSddsCoreHeaderItemElement;
+    var HTMLTdsDividerElement: {
+        prototype: HTMLTdsDividerElement;
+        new (): HTMLTdsDividerElement;
     };
-    interface HTMLSddsDatetimeElement extends Components.SddsDatetime, HTMLStencilElement {
+    interface HTMLTdsDropdownElement extends Components.TdsDropdown, HTMLStencilElement {
     }
-    var HTMLSddsDatetimeElement: {
-        prototype: HTMLSddsDatetimeElement;
-        new (): HTMLSddsDatetimeElement;
+    var HTMLTdsDropdownElement: {
+        prototype: HTMLTdsDropdownElement;
+        new (): HTMLTdsDropdownElement;
     };
-    interface HTMLSddsDividerElement extends Components.SddsDivider, HTMLStencilElement {
+    interface HTMLTdsDropdownFilterElement extends Components.TdsDropdownFilter, HTMLStencilElement {
     }
-    var HTMLSddsDividerElement: {
-        prototype: HTMLSddsDividerElement;
-        new (): HTMLSddsDividerElement;
+    var HTMLTdsDropdownFilterElement: {
+        prototype: HTMLTdsDropdownFilterElement;
+        new (): HTMLTdsDropdownFilterElement;
     };
-    interface HTMLSddsDropdownElement extends Components.SddsDropdown, HTMLStencilElement {
+    interface HTMLTdsDropdownOptionElement extends Components.TdsDropdownOption, HTMLStencilElement {
     }
-    var HTMLSddsDropdownElement: {
-        prototype: HTMLSddsDropdownElement;
-        new (): HTMLSddsDropdownElement;
+    var HTMLTdsDropdownOptionElement: {
+        prototype: HTMLTdsDropdownOptionElement;
+        new (): HTMLTdsDropdownOptionElement;
     };
-    interface HTMLSddsDropdownFilterElement extends Components.SddsDropdownFilter, HTMLStencilElement {
+    interface HTMLTdsDropdownOptionV2Element extends Components.TdsDropdownOptionV2, HTMLStencilElement {
     }
-    var HTMLSddsDropdownFilterElement: {
-        prototype: HTMLSddsDropdownFilterElement;
-        new (): HTMLSddsDropdownFilterElement;
+    var HTMLTdsDropdownOptionV2Element: {
+        prototype: HTMLTdsDropdownOptionV2Element;
+        new (): HTMLTdsDropdownOptionV2Element;
     };
-    interface HTMLSddsDropdownOptionElement extends Components.SddsDropdownOption, HTMLStencilElement {
+    interface HTMLTdsDropdownV2Element extends Components.TdsDropdownV2, HTMLStencilElement {
     }
-    var HTMLSddsDropdownOptionElement: {
-        prototype: HTMLSddsDropdownOptionElement;
-        new (): HTMLSddsDropdownOptionElement;
+    var HTMLTdsDropdownV2Element: {
+        prototype: HTMLTdsDropdownV2Element;
+        new (): HTMLTdsDropdownV2Element;
     };
-    interface HTMLSddsFolderTabElement extends Components.SddsFolderTab, HTMLStencilElement {
+    interface HTMLTdsFolderTabElement extends Components.TdsFolderTab, HTMLStencilElement {
     }
-    var HTMLSddsFolderTabElement: {
-        prototype: HTMLSddsFolderTabElement;
-        new (): HTMLSddsFolderTabElement;
+    var HTMLTdsFolderTabElement: {
+        prototype: HTMLTdsFolderTabElement;
+        new (): HTMLTdsFolderTabElement;
     };
-    interface HTMLSddsFolderTabsElement extends Components.SddsFolderTabs, HTMLStencilElement {
+    interface HTMLTdsFolderTabsElement extends Components.TdsFolderTabs, HTMLStencilElement {
     }
-    var HTMLSddsFolderTabsElement: {
-        prototype: HTMLSddsFolderTabsElement;
-        new (): HTMLSddsFolderTabsElement;
+    var HTMLTdsFolderTabsElement: {
+        prototype: HTMLTdsFolderTabsElement;
+        new (): HTMLTdsFolderTabsElement;
     };
-    interface HTMLSddsFooterElement extends Components.SddsFooter, HTMLStencilElement {
+    interface HTMLTdsFooterElement extends Components.TdsFooter, HTMLStencilElement {
     }
-    var HTMLSddsFooterElement: {
-        prototype: HTMLSddsFooterElement;
-        new (): HTMLSddsFooterElement;
+    var HTMLTdsFooterElement: {
+        prototype: HTMLTdsFooterElement;
+        new (): HTMLTdsFooterElement;
     };
-    interface HTMLSddsFooterGroupElement extends Components.SddsFooterGroup, HTMLStencilElement {
+    interface HTMLTdsFooterGroupElement extends Components.TdsFooterGroup, HTMLStencilElement {
     }
-    var HTMLSddsFooterGroupElement: {
-        prototype: HTMLSddsFooterGroupElement;
-        new (): HTMLSddsFooterGroupElement;
+    var HTMLTdsFooterGroupElement: {
+        prototype: HTMLTdsFooterGroupElement;
+        new (): HTMLTdsFooterGroupElement;
     };
-    interface HTMLSddsFooterItemElement extends Components.SddsFooterItem, HTMLStencilElement {
+    interface HTMLTdsFooterItemElement extends Components.TdsFooterItem, HTMLStencilElement {
     }
-    var HTMLSddsFooterItemElement: {
-        prototype: HTMLSddsFooterItemElement;
-        new (): HTMLSddsFooterItemElement;
+    var HTMLTdsFooterItemElement: {
+        prototype: HTMLTdsFooterItemElement;
+        new (): HTMLTdsFooterItemElement;
     };
-    interface HTMLSddsHeaderElement extends Components.SddsHeader, HTMLStencilElement {
+    interface HTMLTdsHeaderElement extends Components.TdsHeader, HTMLStencilElement {
     }
-    var HTMLSddsHeaderElement: {
-        prototype: HTMLSddsHeaderElement;
-        new (): HTMLSddsHeaderElement;
+    var HTMLTdsHeaderElement: {
+        prototype: HTMLTdsHeaderElement;
+        new (): HTMLTdsHeaderElement;
     };
-    interface HTMLSddsHeaderBrandSymbolElement extends Components.SddsHeaderBrandSymbol, HTMLStencilElement {
+    interface HTMLTdsHeaderBrandSymbolElement extends Components.TdsHeaderBrandSymbol, HTMLStencilElement {
     }
-    var HTMLSddsHeaderBrandSymbolElement: {
-        prototype: HTMLSddsHeaderBrandSymbolElement;
-        new (): HTMLSddsHeaderBrandSymbolElement;
+    var HTMLTdsHeaderBrandSymbolElement: {
+        prototype: HTMLTdsHeaderBrandSymbolElement;
+        new (): HTMLTdsHeaderBrandSymbolElement;
     };
-    interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
+    interface HTMLTdsHeaderCellElement extends Components.TdsHeaderCell, HTMLStencilElement {
     }
-    var HTMLSddsHeaderCellElement: {
-        prototype: HTMLSddsHeaderCellElement;
-        new (): HTMLSddsHeaderCellElement;
+    var HTMLTdsHeaderCellElement: {
+        prototype: HTMLTdsHeaderCellElement;
+        new (): HTMLTdsHeaderCellElement;
     };
-    interface HTMLSddsHeaderDropdownElement extends Components.SddsHeaderDropdown, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownElement extends Components.TdsHeaderDropdown, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownElement: {
-        prototype: HTMLSddsHeaderDropdownElement;
-        new (): HTMLSddsHeaderDropdownElement;
+    var HTMLTdsHeaderDropdownElement: {
+        prototype: HTMLTdsHeaderDropdownElement;
+        new (): HTMLTdsHeaderDropdownElement;
     };
-    interface HTMLSddsHeaderDropdownListElement extends Components.SddsHeaderDropdownList, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListElement extends Components.TdsHeaderDropdownList, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListElement: {
-        prototype: HTMLSddsHeaderDropdownListElement;
-        new (): HTMLSddsHeaderDropdownListElement;
+    var HTMLTdsHeaderDropdownListElement: {
+        prototype: HTMLTdsHeaderDropdownListElement;
+        new (): HTMLTdsHeaderDropdownListElement;
     };
-    interface HTMLSddsHeaderDropdownListItemElement extends Components.SddsHeaderDropdownListItem, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListItemElement extends Components.TdsHeaderDropdownListItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListItemElement: {
-        prototype: HTMLSddsHeaderDropdownListItemElement;
-        new (): HTMLSddsHeaderDropdownListItemElement;
+    var HTMLTdsHeaderDropdownListItemElement: {
+        prototype: HTMLTdsHeaderDropdownListItemElement;
+        new (): HTMLTdsHeaderDropdownListItemElement;
     };
-    interface HTMLSddsHeaderDropdownListUserElement extends Components.SddsHeaderDropdownListUser, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListUserElement extends Components.TdsHeaderDropdownListUser, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListUserElement: {
-        prototype: HTMLSddsHeaderDropdownListUserElement;
-        new (): HTMLSddsHeaderDropdownListUserElement;
+    var HTMLTdsHeaderDropdownListUserElement: {
+        prototype: HTMLTdsHeaderDropdownListUserElement;
+        new (): HTMLTdsHeaderDropdownListUserElement;
     };
-    interface HTMLSddsHeaderHamburgerElement extends Components.SddsHeaderHamburger, HTMLStencilElement {
+    interface HTMLTdsHeaderHamburgerElement extends Components.TdsHeaderHamburger, HTMLStencilElement {
     }
-    var HTMLSddsHeaderHamburgerElement: {
-        prototype: HTMLSddsHeaderHamburgerElement;
-        new (): HTMLSddsHeaderHamburgerElement;
+    var HTMLTdsHeaderHamburgerElement: {
+        prototype: HTMLTdsHeaderHamburgerElement;
+        new (): HTMLTdsHeaderHamburgerElement;
     };
-    interface HTMLSddsHeaderItemElement extends Components.SddsHeaderItem, HTMLStencilElement {
+    interface HTMLTdsHeaderItemElement extends Components.TdsHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderItemElement: {
-        prototype: HTMLSddsHeaderItemElement;
-        new (): HTMLSddsHeaderItemElement;
+    var HTMLTdsHeaderItemElement: {
+        prototype: HTMLTdsHeaderItemElement;
+        new (): HTMLTdsHeaderItemElement;
     };
-    interface HTMLSddsHeaderLauncherElement extends Components.SddsHeaderLauncher, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherElement extends Components.TdsHeaderLauncher, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherElement: {
-        prototype: HTMLSddsHeaderLauncherElement;
-        new (): HTMLSddsHeaderLauncherElement;
+    var HTMLTdsHeaderLauncherElement: {
+        prototype: HTMLTdsHeaderLauncherElement;
+        new (): HTMLTdsHeaderLauncherElement;
     };
-    interface HTMLSddsHeaderLauncherButtonElement extends Components.SddsHeaderLauncherButton, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherButtonElement extends Components.TdsHeaderLauncherButton, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherButtonElement: {
-        prototype: HTMLSddsHeaderLauncherButtonElement;
-        new (): HTMLSddsHeaderLauncherButtonElement;
+    var HTMLTdsHeaderLauncherButtonElement: {
+        prototype: HTMLTdsHeaderLauncherButtonElement;
+        new (): HTMLTdsHeaderLauncherButtonElement;
     };
-    interface HTMLSddsHeaderLauncherGridElement extends Components.SddsHeaderLauncherGrid, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridElement extends Components.TdsHeaderLauncherGrid, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridElement: {
-        prototype: HTMLSddsHeaderLauncherGridElement;
-        new (): HTMLSddsHeaderLauncherGridElement;
+    var HTMLTdsHeaderLauncherGridElement: {
+        prototype: HTMLTdsHeaderLauncherGridElement;
+        new (): HTMLTdsHeaderLauncherGridElement;
     };
-    interface HTMLSddsHeaderLauncherGridItemElement extends Components.SddsHeaderLauncherGridItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridItemElement extends Components.TdsHeaderLauncherGridItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridItemElement: {
-        prototype: HTMLSddsHeaderLauncherGridItemElement;
-        new (): HTMLSddsHeaderLauncherGridItemElement;
+    var HTMLTdsHeaderLauncherGridItemElement: {
+        prototype: HTMLTdsHeaderLauncherGridItemElement;
+        new (): HTMLTdsHeaderLauncherGridItemElement;
     };
-    interface HTMLSddsHeaderLauncherGridTitleElement extends Components.SddsHeaderLauncherGridTitle, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridTitleElement extends Components.TdsHeaderLauncherGridTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridTitleElement: {
-        prototype: HTMLSddsHeaderLauncherGridTitleElement;
-        new (): HTMLSddsHeaderLauncherGridTitleElement;
+    var HTMLTdsHeaderLauncherGridTitleElement: {
+        prototype: HTMLTdsHeaderLauncherGridTitleElement;
+        new (): HTMLTdsHeaderLauncherGridTitleElement;
     };
-    interface HTMLSddsHeaderLauncherListElement extends Components.SddsHeaderLauncherList, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListElement extends Components.TdsHeaderLauncherList, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListElement: {
-        prototype: HTMLSddsHeaderLauncherListElement;
-        new (): HTMLSddsHeaderLauncherListElement;
+    var HTMLTdsHeaderLauncherListElement: {
+        prototype: HTMLTdsHeaderLauncherListElement;
+        new (): HTMLTdsHeaderLauncherListElement;
     };
-    interface HTMLSddsHeaderLauncherListItemElement extends Components.SddsHeaderLauncherListItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListItemElement extends Components.TdsHeaderLauncherListItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListItemElement: {
-        prototype: HTMLSddsHeaderLauncherListItemElement;
-        new (): HTMLSddsHeaderLauncherListItemElement;
+    var HTMLTdsHeaderLauncherListItemElement: {
+        prototype: HTMLTdsHeaderLauncherListItemElement;
+        new (): HTMLTdsHeaderLauncherListItemElement;
     };
-    interface HTMLSddsHeaderLauncherListTitleElement extends Components.SddsHeaderLauncherListTitle, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListTitleElement extends Components.TdsHeaderLauncherListTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListTitleElement: {
-        prototype: HTMLSddsHeaderLauncherListTitleElement;
-        new (): HTMLSddsHeaderLauncherListTitleElement;
+    var HTMLTdsHeaderLauncherListTitleElement: {
+        prototype: HTMLTdsHeaderLauncherListTitleElement;
+        new (): HTMLTdsHeaderLauncherListTitleElement;
     };
-    interface HTMLSddsHeaderTitleElement extends Components.SddsHeaderTitle, HTMLStencilElement {
+    interface HTMLTdsHeaderTitleElement extends Components.TdsHeaderTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderTitleElement: {
-        prototype: HTMLSddsHeaderTitleElement;
-        new (): HTMLSddsHeaderTitleElement;
+    var HTMLTdsHeaderTitleElement: {
+        prototype: HTMLTdsHeaderTitleElement;
+        new (): HTMLTdsHeaderTitleElement;
     };
-    interface HTMLSddsIconElement extends Components.SddsIcon, HTMLStencilElement {
+    interface HTMLTdsIconElement extends Components.TdsIcon, HTMLStencilElement {
     }
-    var HTMLSddsIconElement: {
-        prototype: HTMLSddsIconElement;
-        new (): HTMLSddsIconElement;
+    var HTMLTdsIconElement: {
+        prototype: HTMLTdsIconElement;
+        new (): HTMLTdsIconElement;
     };
-    interface HTMLSddsInlineTabElement extends Components.SddsInlineTab, HTMLStencilElement {
+    interface HTMLTdsInlineTabElement extends Components.TdsInlineTab, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabElement: {
-        prototype: HTMLSddsInlineTabElement;
-        new (): HTMLSddsInlineTabElement;
+    var HTMLTdsInlineTabElement: {
+        prototype: HTMLTdsInlineTabElement;
+        new (): HTMLTdsInlineTabElement;
     };
-    interface HTMLSddsInlineTabsElement extends Components.SddsInlineTabs, HTMLStencilElement {
+    interface HTMLTdsInlineTabsElement extends Components.TdsInlineTabs, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsElement: {
-        prototype: HTMLSddsInlineTabsElement;
-        new (): HTMLSddsInlineTabsElement;
+    var HTMLTdsInlineTabsElement: {
+        prototype: HTMLTdsInlineTabsElement;
+        new (): HTMLTdsInlineTabsElement;
     };
-    interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
+    interface HTMLTdsLinkElement extends Components.TdsLink, HTMLStencilElement {
     }
-    var HTMLSddsLinkElement: {
-        prototype: HTMLSddsLinkElement;
-        new (): HTMLSddsLinkElement;
+    var HTMLTdsLinkElement: {
+        prototype: HTMLTdsLinkElement;
+        new (): HTMLTdsLinkElement;
     };
-    interface HTMLSddsMessageElement extends Components.SddsMessage, HTMLStencilElement {
+    interface HTMLTdsMessageElement extends Components.TdsMessage, HTMLStencilElement {
     }
-    var HTMLSddsMessageElement: {
-        prototype: HTMLSddsMessageElement;
-        new (): HTMLSddsMessageElement;
+    var HTMLTdsMessageElement: {
+        prototype: HTMLTdsMessageElement;
+        new (): HTMLTdsMessageElement;
     };
-    interface HTMLSddsModalElement extends Components.SddsModal, HTMLStencilElement {
+    interface HTMLTdsModalElement extends Components.TdsModal, HTMLStencilElement {
     }
-    var HTMLSddsModalElement: {
-        prototype: HTMLSddsModalElement;
-        new (): HTMLSddsModalElement;
+    var HTMLTdsModalElement: {
+        prototype: HTMLTdsModalElement;
+        new (): HTMLTdsModalElement;
     };
-    interface HTMLSddsNavigationTabElement extends Components.SddsNavigationTab, HTMLStencilElement {
+    interface HTMLTdsNavigationTabElement extends Components.TdsNavigationTab, HTMLStencilElement {
     }
-    var HTMLSddsNavigationTabElement: {
-        prototype: HTMLSddsNavigationTabElement;
-        new (): HTMLSddsNavigationTabElement;
+    var HTMLTdsNavigationTabElement: {
+        prototype: HTMLTdsNavigationTabElement;
+        new (): HTMLTdsNavigationTabElement;
     };
-    interface HTMLSddsNavigationTabsElement extends Components.SddsNavigationTabs, HTMLStencilElement {
+    interface HTMLTdsNavigationTabsElement extends Components.TdsNavigationTabs, HTMLStencilElement {
     }
-    var HTMLSddsNavigationTabsElement: {
-        prototype: HTMLSddsNavigationTabsElement;
-        new (): HTMLSddsNavigationTabsElement;
+    var HTMLTdsNavigationTabsElement: {
+        prototype: HTMLTdsNavigationTabsElement;
+        new (): HTMLTdsNavigationTabsElement;
     };
-    interface HTMLSddsPopoverCanvasElement extends Components.SddsPopoverCanvas, HTMLStencilElement {
+    interface HTMLTdsPopoverCanvasElement extends Components.TdsPopoverCanvas, HTMLStencilElement {
     }
-    var HTMLSddsPopoverCanvasElement: {
-        prototype: HTMLSddsPopoverCanvasElement;
-        new (): HTMLSddsPopoverCanvasElement;
+    var HTMLTdsPopoverCanvasElement: {
+        prototype: HTMLTdsPopoverCanvasElement;
+        new (): HTMLTdsPopoverCanvasElement;
     };
-    interface HTMLSddsPopoverMenuElement extends Components.SddsPopoverMenu, HTMLStencilElement {
+    interface HTMLTdsPopoverMenuElement extends Components.TdsPopoverMenu, HTMLStencilElement {
     }
-    var HTMLSddsPopoverMenuElement: {
-        prototype: HTMLSddsPopoverMenuElement;
-        new (): HTMLSddsPopoverMenuElement;
+    var HTMLTdsPopoverMenuElement: {
+        prototype: HTMLTdsPopoverMenuElement;
+        new (): HTMLTdsPopoverMenuElement;
     };
-    interface HTMLSddsRadioButtonElement extends Components.SddsRadioButton, HTMLStencilElement {
+    interface HTMLTdsRadioButtonElement extends Components.TdsRadioButton, HTMLStencilElement {
     }
-    var HTMLSddsRadioButtonElement: {
-        prototype: HTMLSddsRadioButtonElement;
-        new (): HTMLSddsRadioButtonElement;
+    var HTMLTdsRadioButtonElement: {
+        prototype: HTMLTdsRadioButtonElement;
+        new (): HTMLTdsRadioButtonElement;
     };
-    interface HTMLSddsSideMenuElement extends Components.SddsSideMenu, HTMLStencilElement {
+    interface HTMLTdsSideMenuElement extends Components.TdsSideMenu, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuElement: {
-        prototype: HTMLSddsSideMenuElement;
-        new (): HTMLSddsSideMenuElement;
+    var HTMLTdsSideMenuElement: {
+        prototype: HTMLTdsSideMenuElement;
+        new (): HTMLTdsSideMenuElement;
     };
-    interface HTMLSddsSideMenuCloseButtonElement extends Components.SddsSideMenuCloseButton, HTMLStencilElement {
+    interface HTMLTdsSideMenuCloseButtonElement extends Components.TdsSideMenuCloseButton, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuCloseButtonElement: {
-        prototype: HTMLSddsSideMenuCloseButtonElement;
-        new (): HTMLSddsSideMenuCloseButtonElement;
+    var HTMLTdsSideMenuCloseButtonElement: {
+        prototype: HTMLTdsSideMenuCloseButtonElement;
+        new (): HTMLTdsSideMenuCloseButtonElement;
     };
-    interface HTMLSddsSideMenuCollapseButtonElement extends Components.SddsSideMenuCollapseButton, HTMLStencilElement {
+    interface HTMLTdsSideMenuCollapseButtonElement extends Components.TdsSideMenuCollapseButton, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuCollapseButtonElement: {
-        prototype: HTMLSddsSideMenuCollapseButtonElement;
-        new (): HTMLSddsSideMenuCollapseButtonElement;
+    var HTMLTdsSideMenuCollapseButtonElement: {
+        prototype: HTMLTdsSideMenuCollapseButtonElement;
+        new (): HTMLTdsSideMenuCollapseButtonElement;
     };
-    interface HTMLSddsSideMenuDropdownElement extends Components.SddsSideMenuDropdown, HTMLStencilElement {
+    interface HTMLTdsSideMenuDropdownElement extends Components.TdsSideMenuDropdown, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuDropdownElement: {
-        prototype: HTMLSddsSideMenuDropdownElement;
-        new (): HTMLSddsSideMenuDropdownElement;
+    var HTMLTdsSideMenuDropdownElement: {
+        prototype: HTMLTdsSideMenuDropdownElement;
+        new (): HTMLTdsSideMenuDropdownElement;
     };
-    interface HTMLSddsSideMenuDropdownListElement extends Components.SddsSideMenuDropdownList, HTMLStencilElement {
+    interface HTMLTdsSideMenuDropdownListElement extends Components.TdsSideMenuDropdownList, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuDropdownListElement: {
-        prototype: HTMLSddsSideMenuDropdownListElement;
-        new (): HTMLSddsSideMenuDropdownListElement;
+    var HTMLTdsSideMenuDropdownListElement: {
+        prototype: HTMLTdsSideMenuDropdownListElement;
+        new (): HTMLTdsSideMenuDropdownListElement;
     };
-    interface HTMLSddsSideMenuDropdownListItemElement extends Components.SddsSideMenuDropdownListItem, HTMLStencilElement {
+    interface HTMLTdsSideMenuDropdownListItemElement extends Components.TdsSideMenuDropdownListItem, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuDropdownListItemElement: {
-        prototype: HTMLSddsSideMenuDropdownListItemElement;
-        new (): HTMLSddsSideMenuDropdownListItemElement;
+    var HTMLTdsSideMenuDropdownListItemElement: {
+        prototype: HTMLTdsSideMenuDropdownListItemElement;
+        new (): HTMLTdsSideMenuDropdownListItemElement;
     };
-    interface HTMLSddsSideMenuItemElement extends Components.SddsSideMenuItem, HTMLStencilElement {
+    interface HTMLTdsSideMenuItemElement extends Components.TdsSideMenuItem, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuItemElement: {
-        prototype: HTMLSddsSideMenuItemElement;
-        new (): HTMLSddsSideMenuItemElement;
+    var HTMLTdsSideMenuItemElement: {
+        prototype: HTMLTdsSideMenuItemElement;
+        new (): HTMLTdsSideMenuItemElement;
     };
-    interface HTMLSddsSideMenuOverlayElement extends Components.SddsSideMenuOverlay, HTMLStencilElement {
+    interface HTMLTdsSideMenuOverlayElement extends Components.TdsSideMenuOverlay, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuOverlayElement: {
-        prototype: HTMLSddsSideMenuOverlayElement;
-        new (): HTMLSddsSideMenuOverlayElement;
+    var HTMLTdsSideMenuOverlayElement: {
+        prototype: HTMLTdsSideMenuOverlayElement;
+        new (): HTMLTdsSideMenuOverlayElement;
     };
-    interface HTMLSddsSideMenuUserElement extends Components.SddsSideMenuUser, HTMLStencilElement {
+    interface HTMLTdsSideMenuUserElement extends Components.TdsSideMenuUser, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuUserElement: {
-        prototype: HTMLSddsSideMenuUserElement;
-        new (): HTMLSddsSideMenuUserElement;
+    var HTMLTdsSideMenuUserElement: {
+        prototype: HTMLTdsSideMenuUserElement;
+        new (): HTMLTdsSideMenuUserElement;
     };
-    interface HTMLSddsSideMenuUserImageElement extends Components.SddsSideMenuUserImage, HTMLStencilElement {
+    interface HTMLTdsSideMenuUserImageElement extends Components.TdsSideMenuUserImage, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuUserImageElement: {
-        prototype: HTMLSddsSideMenuUserImageElement;
-        new (): HTMLSddsSideMenuUserImageElement;
+    var HTMLTdsSideMenuUserImageElement: {
+        prototype: HTMLTdsSideMenuUserImageElement;
+        new (): HTMLTdsSideMenuUserImageElement;
     };
-    interface HTMLSddsSideMenuUserLabelElement extends Components.SddsSideMenuUserLabel, HTMLStencilElement {
+    interface HTMLTdsSideMenuUserLabelElement extends Components.TdsSideMenuUserLabel, HTMLStencilElement {
     }
-    var HTMLSddsSideMenuUserLabelElement: {
-        prototype: HTMLSddsSideMenuUserLabelElement;
-        new (): HTMLSddsSideMenuUserLabelElement;
+    var HTMLTdsSideMenuUserLabelElement: {
+        prototype: HTMLTdsSideMenuUserLabelElement;
+        new (): HTMLTdsSideMenuUserLabelElement;
     };
-    interface HTMLSddsSliderElement extends Components.SddsSlider, HTMLStencilElement {
+    interface HTMLTdsSliderElement extends Components.TdsSlider, HTMLStencilElement {
     }
-    var HTMLSddsSliderElement: {
-        prototype: HTMLSddsSliderElement;
-        new (): HTMLSddsSliderElement;
+    var HTMLTdsSliderElement: {
+        prototype: HTMLTdsSliderElement;
+        new (): HTMLTdsSliderElement;
     };
-    interface HTMLSddsSpinnerElement extends Components.SddsSpinner, HTMLStencilElement {
+    interface HTMLTdsSpinnerElement extends Components.TdsSpinner, HTMLStencilElement {
     }
-    var HTMLSddsSpinnerElement: {
-        prototype: HTMLSddsSpinnerElement;
-        new (): HTMLSddsSpinnerElement;
+    var HTMLTdsSpinnerElement: {
+        prototype: HTMLTdsSpinnerElement;
+        new (): HTMLTdsSpinnerElement;
     };
-    interface HTMLSddsStepperElement extends Components.SddsStepper, HTMLStencilElement {
+    interface HTMLTdsStepElement extends Components.TdsStep, HTMLStencilElement {
     }
-    var HTMLSddsStepperElement: {
-        prototype: HTMLSddsStepperElement;
-        new (): HTMLSddsStepperElement;
+    var HTMLTdsStepElement: {
+        prototype: HTMLTdsStepElement;
+        new (): HTMLTdsStepElement;
     };
-    interface HTMLSddsStepperItemElement extends Components.SddsStepperItem, HTMLStencilElement {
+    interface HTMLTdsStepperElement extends Components.TdsStepper, HTMLStencilElement {
     }
-    var HTMLSddsStepperItemElement: {
-        prototype: HTMLSddsStepperItemElement;
-        new (): HTMLSddsStepperItemElement;
+    var HTMLTdsStepperElement: {
+        prototype: HTMLTdsStepperElement;
+        new (): HTMLTdsStepperElement;
     };
-    interface HTMLSddsTableElement extends Components.SddsTable, HTMLStencilElement {
+    interface HTMLTdsTableElement extends Components.TdsTable, HTMLStencilElement {
     }
-    var HTMLSddsTableElement: {
-        prototype: HTMLSddsTableElement;
-        new (): HTMLSddsTableElement;
+    var HTMLTdsTableElement: {
+        prototype: HTMLTdsTableElement;
+        new (): HTMLTdsTableElement;
     };
-    interface HTMLSddsTableBodyElement extends Components.SddsTableBody, HTMLStencilElement {
+    interface HTMLTdsTableBodyElement extends Components.TdsTableBody, HTMLStencilElement {
     }
-    var HTMLSddsTableBodyElement: {
-        prototype: HTMLSddsTableBodyElement;
-        new (): HTMLSddsTableBodyElement;
+    var HTMLTdsTableBodyElement: {
+        prototype: HTMLTdsTableBodyElement;
+        new (): HTMLTdsTableBodyElement;
     };
-    interface HTMLSddsTableBodyRowElement extends Components.SddsTableBodyRow, HTMLStencilElement {
+    interface HTMLTdsTableBodyRowElement extends Components.TdsTableBodyRow, HTMLStencilElement {
     }
-    var HTMLSddsTableBodyRowElement: {
-        prototype: HTMLSddsTableBodyRowElement;
-        new (): HTMLSddsTableBodyRowElement;
+    var HTMLTdsTableBodyRowElement: {
+        prototype: HTMLTdsTableBodyRowElement;
+        new (): HTMLTdsTableBodyRowElement;
     };
-    interface HTMLSddsTableBodyRowExpandableElement extends Components.SddsTableBodyRowExpandable, HTMLStencilElement {
+    interface HTMLTdsTableBodyRowExpandableElement extends Components.TdsTableBodyRowExpandable, HTMLStencilElement {
     }
-    var HTMLSddsTableBodyRowExpandableElement: {
-        prototype: HTMLSddsTableBodyRowExpandableElement;
-        new (): HTMLSddsTableBodyRowExpandableElement;
+    var HTMLTdsTableBodyRowExpandableElement: {
+        prototype: HTMLTdsTableBodyRowExpandableElement;
+        new (): HTMLTdsTableBodyRowExpandableElement;
     };
-    interface HTMLSddsTableFooterElement extends Components.SddsTableFooter, HTMLStencilElement {
+    interface HTMLTdsTableFooterElement extends Components.TdsTableFooter, HTMLStencilElement {
     }
-    var HTMLSddsTableFooterElement: {
-        prototype: HTMLSddsTableFooterElement;
-        new (): HTMLSddsTableFooterElement;
+    var HTMLTdsTableFooterElement: {
+        prototype: HTMLTdsTableFooterElement;
+        new (): HTMLTdsTableFooterElement;
     };
-    interface HTMLSddsTableHeaderElement extends Components.SddsTableHeader, HTMLStencilElement {
+    interface HTMLTdsTableHeaderElement extends Components.TdsTableHeader, HTMLStencilElement {
     }
-    var HTMLSddsTableHeaderElement: {
-        prototype: HTMLSddsTableHeaderElement;
-        new (): HTMLSddsTableHeaderElement;
+    var HTMLTdsTableHeaderElement: {
+        prototype: HTMLTdsTableHeaderElement;
+        new (): HTMLTdsTableHeaderElement;
     };
-    interface HTMLSddsTableToolbarElement extends Components.SddsTableToolbar, HTMLStencilElement {
+    interface HTMLTdsTableToolbarElement extends Components.TdsTableToolbar, HTMLStencilElement {
     }
-    var HTMLSddsTableToolbarElement: {
-        prototype: HTMLSddsTableToolbarElement;
-        new (): HTMLSddsTableToolbarElement;
+    var HTMLTdsTableToolbarElement: {
+        prototype: HTMLTdsTableToolbarElement;
+        new (): HTMLTdsTableToolbarElement;
     };
-    interface HTMLSddsTextareaElement extends Components.SddsTextarea, HTMLStencilElement {
+    interface HTMLTdsTextFieldElement extends Components.TdsTextField, HTMLStencilElement {
     }
-    var HTMLSddsTextareaElement: {
-        prototype: HTMLSddsTextareaElement;
-        new (): HTMLSddsTextareaElement;
+    var HTMLTdsTextFieldElement: {
+        prototype: HTMLTdsTextFieldElement;
+        new (): HTMLTdsTextFieldElement;
     };
-    interface HTMLSddsTextfieldElement extends Components.SddsTextfield, HTMLStencilElement {
+    interface HTMLTdsTextareaElement extends Components.TdsTextarea, HTMLStencilElement {
     }
-    var HTMLSddsTextfieldElement: {
-        prototype: HTMLSddsTextfieldElement;
-        new (): HTMLSddsTextfieldElement;
+    var HTMLTdsTextareaElement: {
+        prototype: HTMLTdsTextareaElement;
+        new (): HTMLTdsTextareaElement;
     };
-    interface HTMLSddsToastElement extends Components.SddsToast, HTMLStencilElement {
+    interface HTMLTdsToastElement extends Components.TdsToast, HTMLStencilElement {
     }
-    var HTMLSddsToastElement: {
-        prototype: HTMLSddsToastElement;
-        new (): HTMLSddsToastElement;
+    var HTMLTdsToastElement: {
+        prototype: HTMLTdsToastElement;
+        new (): HTMLTdsToastElement;
     };
-    interface HTMLSddsToggleElement extends Components.SddsToggle, HTMLStencilElement {
+    interface HTMLTdsToggleElement extends Components.TdsToggle, HTMLStencilElement {
     }
-    var HTMLSddsToggleElement: {
-        prototype: HTMLSddsToggleElement;
-        new (): HTMLSddsToggleElement;
+    var HTMLTdsToggleElement: {
+        prototype: HTMLTdsToggleElement;
+        new (): HTMLTdsToggleElement;
     };
-    interface HTMLSddsTooltipElement extends Components.SddsTooltip, HTMLStencilElement {
+    interface HTMLTdsTooltipElement extends Components.TdsTooltip, HTMLStencilElement {
     }
-    var HTMLSddsTooltipElement: {
-        prototype: HTMLSddsTooltipElement;
-        new (): HTMLSddsTooltipElement;
+    var HTMLTdsTooltipElement: {
+        prototype: HTMLTdsTooltipElement;
+        new (): HTMLTdsTooltipElement;
     };
     interface HTMLElementTagNameMap {
-        "sdds-accordion": HTMLSddsAccordionElement;
-        "sdds-accordion-item": HTMLSddsAccordionItemElement;
-        "sdds-badges": HTMLSddsBadgesElement;
-        "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-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-filter": HTMLTdsDropdownFilterElement;
+        "tds-dropdown-option": HTMLTdsDropdownOptionElement;
+        "tds-dropdown-option-v2": HTMLTdsDropdownOptionV2Element;
+        "tds-dropdown-v2": HTMLTdsDropdownV2Element;
+        "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';
         /**
@@ -2014,37 +2110,33 @@ 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 SddsBadges {
+    interface TdsBadge {
         /**
-          * Changes visibility of badge
+          * Changes visibility of Badge
          */
         "hidden"?: boolean;
-        /**
-          * @deprecated Use size prop instead. Changes badge from large to small size
-         */
-        "isSmall"?: boolean;
         /**
           * Sets component size.
          */
         "size"?: 'lg' | 'sm';
         /**
-          * Value shown in badge
+          * Value shown in Badge
          */
         "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;
         /**
@@ -2052,43 +2144,43 @@ declare namespace LocalJSX {
          */
         "header"?: string;
         /**
-          * Hides the banner
+          * Hides the Banner
          */
         "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 unique banner identifier when the close button is pressed.
+          * Sends a unique Banner identifier when the close button is pressed.
          */
-        "onSddsClose"?: (event: SddsBannerCustomEvent<{
+        "onTdsClose"?: (event: TdsBannerCustomEvent<{
     bannerId: string;
   }>) => void;
         /**
-          * Sends unique banner identifier when the close button is pressed.
+          * 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.
+          * Removes the close button on the Banner.
          */
         "persistent"?: boolean;
         /**
-          * Type of banner
+          * 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;
         /**
@@ -2100,42 +2192,42 @@ 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
+          * Toggle the disabled state for the Breadcrumb
          */
         "disabled"?: boolean;
     }
-    interface SddsButton {
+    interface TdsBreadcrumbs {
+    }
+    interface TdsButton {
         /**
-          * Control for disabled state of component
+          * Control for disabled state of a component
          */
         "disabled"?: boolean;
         /**
-          * When enabled, makes button take 100% width
+          * When enabled, the Button takes 100% width
          */
         "fullbleed"?: boolean;
         /**
-          * Set the mode variant of the the button.
+          * Set the mode variant of the Button.
          */
         "modeVariant"?: 'primary' | 'secondary';
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Text inside a button
+          * Text displayed inside the Button
          */
         "text"?: string;
         /**
-          * Type of button
+          * Type of Button
          */
         "type"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
-    interface SddsCard {
+    interface TdsCard {
         /**
           * Divider for the body
          */
@@ -2149,11 +2241,11 @@ 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;
         /**
-          * Makes the card clickable.
+          * Makes the Card clickable.
          */
         "clickable"?: boolean;
         /**
@@ -2173,13 +2265,13 @@ declare namespace LocalJSX {
          */
         "headerPlacement"?: 'above' | 'below';
         /**
-          * Variant of the card based on the theme used.
+          * Variant of the Card based on the theme used.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Sends unique card identifier when the card is clicked, if clickable=true
+          * Sends unique Card identifier when the Card is clicked, if clickable=true
          */
-        "onSddsClick"?: (event: SddsCardCustomEvent<{
+        "onTdsClick"?: (event: TdsCardCustomEvent<{
     cardId: string;
   }>) => void;
         /**
@@ -2187,55 +2279,55 @@ 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;
         /**
-          * Sets the checkbox as checked
+          * Sets the Checkbox as checked
          */
         "checked"?: boolean;
         /**
-          * Sets the checkbox in a disabled state
+          * Sets the Checkbox in a disabled state
          */
         "disabled"?: boolean;
         /**
-          * Name for the checkbox's input element.
+          * Name for the Checkbox's input element.
          */
         "name"?: string;
         /**
-          * Blur event for the checkbox
+          * 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.
+          * Sends unique Checkbox identifier and checked status when it is checked/unchecked.
          */
-        "onSddsChange"?: (event: SddsCheckboxCustomEvent<{
+        "onTdsChange"?: (event: TdsCheckboxCustomEvent<{
     checkboxId: string;
     checked: boolean;
     value?: string;
   }>) => void;
         /**
-          * Focus event for the checkbox
+          * Focus event for the Checkbox
          */
-        "onSddsFocus"?: (event: SddsCheckboxCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsCheckboxCustomEvent<FocusEvent>) => void;
         /**
-          * Make the checkbox required
+          * Make the Checkbox required
          */
         "required"?: boolean;
         /**
-          * Value for the checkbox
+          * Value for the Checkbox
          */
         "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;
         /**
@@ -2243,24 +2335,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';
         /**
@@ -2268,9 +2360,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsCoreHeaderItem {
+    interface TdsCoreHeaderItem {
     }
-    interface SddsDatetime {
+    interface TdsDatetime {
         /**
           * Autofocus for input
          */
@@ -2292,7 +2384,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Set the variant of the datetime component.
+          * Set the variant of the Datetime component.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -2304,17 +2396,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
          */
@@ -2332,13 +2424,13 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsDivider {
+    interface TdsDivider {
         /**
           * Orientation of the Divider, horizontal if not specified.
          */
         "orientation"?: 'horizontal' | 'vertical';
     }
-    interface SddsDropdown {
+    interface TdsDropdown {
         /**
           * Add the value of the option as string to set it as default
          */
@@ -2348,7 +2440,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Add helper text in the bottom of dropdown
+          * Add helper text in the bottom of Dropdown
          */
         "helper"?: string;
         /**
@@ -2364,15 +2456,15 @@ declare namespace LocalJSX {
          */
         "labelPosition"?: 'no-label' | 'inside' | 'outside';
         /**
-          * Set the variant of the dropdown.
+          * Set the variant of the Dropdown.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Direction that the dropdown will open. Default is auto.
+          * Direction that the Dropdown will open. Default is auto.
          */
         "openDirection"?: 'down' | 'up' | 'auto';
         /**
-          * Placeholder text for dropdown with no selectedLabel item
+          * Placeholder text for Dropdown with no selectedLabel item
          */
         "placeholder"?: string;
         /**
@@ -2380,7 +2472,7 @@ declare namespace LocalJSX {
          */
         "selectedOption"?: string;
         /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
+          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
          */
         "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
         /**
@@ -2388,11 +2480,11 @@ declare namespace LocalJSX {
          */
         "state"?: boolean;
         /**
-          * `Controls type of dropdown.
+          * `Controls type of Dropdown.
          */
         "type"?: 'default' | 'multiselect' | 'filter';
     }
-    interface SddsDropdownFilter {
+    interface TdsDropdownFilter {
         /**
           * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
          */
@@ -2406,7 +2498,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * Add helper text in the bottom of dropdown
+          * Add helper text in the bottom of Dropdown
          */
         "helper"?: string;
         /**
@@ -2414,7 +2506,7 @@ declare namespace LocalJSX {
          */
         "inline"?: boolean;
         /**
-          * Label for dropdown with no selected item
+          * Label for Dropdown with no selected item
          */
         "label"?: string;
         /**
@@ -2422,15 +2514,15 @@ declare namespace LocalJSX {
          */
         "labelPosition"?: 'no-label' | 'outside';
         /**
-          * Set the variant of the dropdown.
+          * Set the variant of the Dropdown.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Direction that the dropdown will open. Default is auto.
+          * Direction that the Dropdown will open. Default is auto.
          */
         "openDirection"?: 'down' | 'up' | 'auto';
         /**
-          * Placeholder text for dropdown with no selected item
+          * Placeholder text for Dropdown with no selected item
          */
         "placeholder"?: string;
         /**
@@ -2438,7 +2530,7 @@ declare namespace LocalJSX {
          */
         "selectedOption"?: string;
         /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
+          * Controls the size of the Dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
          */
         "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
         /**
@@ -2446,13 +2538,13 @@ declare namespace LocalJSX {
          */
         "state"?: boolean;
     }
-    interface SddsDropdownOption {
+    interface TdsDropdownOption {
         /**
           * Sets option to disabled state if true
          */
         "disabled"?: boolean;
         /**
-          * Selected set to true if selected
+          * Set to true if selected
          */
         "selected"?: boolean;
         /**
@@ -2460,57 +2552,159 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsFolderTab {
+    interface TdsDropdownOptionV2 {
         /**
-          * Disables the tab.
+          * Sets the option as disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Blur event for the Dropdown option.
+         */
+        "onTdsBlur"?: (event: TdsDropdownOptionV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Focus event for the Dropdown option.
+         */
+        "onTdsFocus"?: (event: TdsDropdownOptionV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Click event for the Dropdown option.
+         */
+        "onTdsSelect"?: (event: TdsDropdownOptionV2CustomEvent<{
+    selected: boolean;
+    value: string;
+  }>) => void;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value"?: string;
     }
-    interface SddsFolderTabs {
+    interface TdsDropdownV2 {
+        /**
+          * Default value selected in the Dropdown.
+         */
+        "defaultValue"?: string;
         /**
-          * Sets the default selected tab.
+          * Sets the Dropdown in a disabled state
+         */
+        "disabled"?: boolean;
+        /**
+          * Sets the Dropdown in an error state
+         */
+        "error"?: boolean;
+        /**
+          * Enables filtration in the Dropdown.
+         */
+        "filter"?: boolean;
+        /**
+          * Helper text for the Dropdown.
+         */
+        "helper"?: string;
+        /**
+          * Label text for the Dropdown.
+         */
+        "label"?: string;
+        /**
+          * Label text position
+         */
+        "labelPosition"?: 'inside' | 'outside';
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Enables multiselect in the Dropdown.
+         */
+        "multiselect"?: boolean;
+        /**
+          * Name for the Dropdowns input element.
+         */
+        "name"?: string;
+        /**
+          * Text that is displayed if filter is used and there are no options that matches the search.
+         */
+        "noResultText"?: string;
+        /**
+          * Blur event for the Dropdown.
+         */
+        "onTdsBlur"?: (event: TdsDropdownV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Change event for the Dropdown.
+         */
+        "onTdsChange"?: (event: TdsDropdownV2CustomEvent<{
+    name: string;
+    value: string;
+  }>) => void;
+        /**
+          * Focus event for the Dropdown.
+         */
+        "onTdsFocus"?: (event: TdsDropdownV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Input event for the Dropdown.
+         */
+        "onTdsInput"?: (event: TdsDropdownV2CustomEvent<InputEvent>) => void;
+        /**
+          * The direction the Dropdown should open, auto if not specified.
+         */
+        "openDirection"?: 'up' | 'down' | 'auto';
+        /**
+          * Populate the Dropdown via a JSON array
+         */
+        "options"?: Array<{ value: string; label: string; disabled: boolean }>;
+        /**
+          * Placeholder text for the Dropdown.
+         */
+        "placeholder"?: string;
+        /**
+          * The size of the Dropdown.
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+    }
+    interface TdsFolderTab {
+        /**
+          * 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;
         /**
@@ -2518,13 +2712,17 @@ 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<any>) => void;
+        "onTdsSortChange"?: (event: TdsHeaderCellCustomEvent<{
+    tableId: string;
+    columnKey: string;
+    sortingDirection: 'asc' | 'desc';
+  }>) => void;
         /**
           * If passed as prop, enables sorting on that column
          */
@@ -2534,7 +2732,7 @@ 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.
          */
@@ -2548,10 +2746,10 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsHeaderDropdownList {
+    interface TdsHeaderDropdownList {
         "type"?: 'lg' | 'md';
     }
-    interface SddsHeaderDropdownListItem {
+    interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
          */
@@ -2561,7 +2759,7 @@ declare namespace LocalJSX {
          */
         "type"?: 'md' | 'lg';
     }
-    interface SddsHeaderDropdownListUser {
+    interface TdsHeaderDropdownListUser {
         /**
           * Heading, usually the users first name and last name.
          */
@@ -2579,9 +2777,9 @@ declare namespace LocalJSX {
          */
         "subheading"?: 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.
          */
@@ -2591,31 +2789,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;
         /**
@@ -2623,46 +2821,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;
         /**
@@ -2670,71 +2868,71 @@ 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.
+          * 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;
         /**
-          * 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/
          */
@@ -2752,19 +2950,19 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
         /**
-          * Element that will trigger the popover (takes priority over selector)
+          * Element that will trigger the Popover (takes priority over selector)
          */
         "referenceEl"?: HTMLElement;
         /**
-          * The CSS-selector for an element that will trigger the popover
+          * The CSS-selector for an element that will trigger the Popover
          */
         "selector"?: string;
         /**
-          * Controls wether the popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
+          * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
          */
         "show"?: boolean;
     }
-    interface SddsPopoverMenu {
+    interface TdsPopoverMenu {
         /**
           * Sets the offset distance
          */
@@ -2778,11 +2976,11 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
         /**
-          * Element that will trigger the popover (takes priority over selector)
+          * Element that will trigger the pop-over (takes priority over selector)
          */
         "referenceEl"?: HTMLElement;
         /**
-          * The CSS-selector for an element that will trigger the popover
+          * The CSS-selector for an element that will trigger the pop-over
          */
         "selector"?: string;
         /**
@@ -2790,32 +2988,32 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
-    interface SddsRadioButton {
+    interface TdsRadioButton {
         /**
-          * Decides if the radio button is checked or not.
+          * Decides if the Radio Button is checked or not.
          */
         "checked"?: boolean;
         /**
-          * Decides if the radio button is disabled or not.
+          * Decides if the Radio Button is disabled or not.
          */
         "disabled"?: boolean;
         /**
-          * Name of radio button, used for reference.
+          * Name of Radio Button, used for reference.
          */
         "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;
         /**
-          * Unique radio button identifier.
+          * Unique Radio Button identifier.
          */
         "radioId"?: string;
         /**
-          * Decides if the radio button is required or not.
+          * Decides if the Radio Button is required or not.
          */
         "required"?: boolean;
         /**
@@ -2823,29 +3021,33 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsSideMenu {
+    interface TdsSideMenu {
         /**
-          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+          * 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;
         /**
-          * Broadcasts collapsed state to child components.
+          * Event that is emitted when the Side Menu is collapsed.
          */
-        "onSddsSideMenuCollapsed"?: (event: SddsSideMenuCustomEvent<CollapsedEvent>) => void;
+        "onTdsCollapse"?: (event: TdsSideMenuCustomEvent<CollapseEvent>) => void;
         /**
-          * If the side menu is open or not.
+          * Applicable only for mobile. If the Side Menu is open or not.
          */
         "open"?: boolean;
         /**
-          * If the side menu should always be shown on desktop screens to the side.
+          * Applicable only for desktop. If the Side Menu should always be shown.
          */
         "persistent"?: boolean;
     }
-    interface SddsSideMenuCloseButton {
+    interface TdsSideMenuCloseButton {
     }
-    interface SddsSideMenuCollapseButton {
+    interface TdsSideMenuCollapseButton {
+        /**
+          * 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.
+         */
+        "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.
          */
@@ -2859,15 +3061,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.
          */
@@ -2877,9 +3079,9 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuOverlay {
+    interface TdsSideMenuOverlay {
     }
-    interface SddsSideMenuUser {
+    interface TdsSideMenuUser {
         /**
           * The heading text.
          */
@@ -2897,7 +3099,7 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
-    interface SddsSideMenuUserImage {
+    interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
@@ -2907,7 +3109,7 @@ declare namespace LocalJSX {
          */
         "src"?: string;
     }
-    interface SddsSideMenuUserLabel {
+    interface TdsSideMenuUserLabel {
         /**
           * The heading text.
          */
@@ -2917,7 +3119,7 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
-    interface SddsSlider {
+    interface TdsSlider {
         /**
           * Decide to show the controls or not
          */
@@ -2949,7 +3151,7 @@ declare namespace LocalJSX {
         /**
           * Sends the value of the slider when changed.
          */
-        "onSddsChange"?: (event: SddsSliderCustomEvent<{
+        "onTdsChange"?: (event: TdsSliderCustomEvent<{
     value: string;
   }>) => void;
         /**
@@ -2965,11 +3167,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;
         /**
@@ -2989,28 +3191,38 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsSpinner {
+    interface TdsSpinner {
         /**
-          * Size of spinner
+          * Size of the Spinner
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Variant of spinner
+          * Variant of the Spinner
          */
         "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';
         /**
@@ -3018,35 +3230,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;
-        /**
-          * 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;
         /**
@@ -3054,11 +3256,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;
         /**
@@ -3066,91 +3268,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;
-        /**
-          * Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term
-         */
-        "disableFilteringFunction"?: boolean;
-        /**
-          * Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting
-         */
-        "disableSortingFunction"?: boolean;
         /**
           * Prop for showcase of rendering JSON in body-data, just for presentation purposes
          */
         "enableDummyData"?: boolean;
     }
-    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 {
-        /**
-          * Prop for client to set max number of pages
-         */
-        "clientMaxPages"?: number;
-        /**
-          * Prop for client to set current page number
-         */
-        "clientPaginationValue"?: number;
+    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
          */
         "clientSetColumnsNumber"?: number;
         /**
-          * Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component
+          * Prop for a client to set max number of pages.
          */
-        "disablePaginationFunction"?: boolean;
+        "maxPages"?: number;
         /**
-          * Prop to enable client controlled pagination
+          * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
-        "enableClientPagination"?: boolean;
+        "onTdsPageChange"?: (event: TdsTableFooterCustomEvent<{
+    tableId: string;
+    paginationValue: number;
+  }>) => void;
         /**
           * Enable pagination and show pagination controls
          */
-        "enablePagination"?: boolean;
+        "pagination"?: boolean;
         /**
-          * Event to send current page value back to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
+          * Sets the pagination number.
          */
-        "onSddsPageChange"?: (event: SddsTableFooterCustomEvent<any>) => void;
+        "paginationValue"?: number;
         /**
-          * Sets how many rows to display when pagination is enabled
+          * Sets how many rows to display when pagination is enabled.
          */
         "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.
          */
-        "onSddsFilter"?: (event: SddsTableToolbarCustomEvent<any>) => void;
+        "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
          */
@@ -3164,7 +3352,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';
         /**
@@ -3172,33 +3360,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
          */
@@ -3208,23 +3396,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
          */
@@ -3238,7 +3434,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';
         /**
@@ -3246,33 +3442,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
          */
@@ -3282,35 +3478,31 @@ 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.
          */
         "header"?: string;
         /**
-          * Hides the toast.
+          * Hides the Toast.
          */
         "hidden"?: boolean;
         /**
-          * Sends unique toast identifier component is closed.
+          * Sends unique Toast identifier when component is closed.
          */
-        "onSddsClose"?: (event: SddsToastCustomEvent<{
+        "onTdsClose"?: (event: TdsToastCustomEvent<{
     toastId: string;
   }>) => void;
         /**
@@ -3318,70 +3510,70 @@ declare namespace LocalJSX {
          */
         "subheader"?: string;
         /**
-          * ID for the toast. Randomly generated if not specified.
+          * ID for the Toast. Randomly generated if not specified.
          */
         "toastId"?: string;
         /**
-          * ARIA role for the toast.
+          * ARIA role for the Toast.
          */
         "toastRole"?: 'alert' | 'log' | 'status';
         /**
-          * Type of toast.
+          * Type of Toast.
          */
         "type"?: 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsToggle {
+    interface TdsToggle {
         /**
-          * Sets the toggle as checked
+          * Sets the Toggle as checked
          */
         "checked"?: boolean;
         /**
-          * Sets the toggle in a disabled state
+          * Sets the Toggle in a disabled state
          */
         "disabled"?: boolean;
         /**
-          * Headline for the toggle
+          * Headline for the Toggle
          */
         "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.
+          * Sends unique Toggle identifier and status when it is toggled.
          */
-        "onSddsToggle"?: (event: SddsToggleCustomEvent<{
+        "onTdsToggle"?: (event: TdsToggleCustomEvent<{
     toggleId: string;
     checked: boolean;
   }>) => void;
         /**
-          * Make the toggle required
+          * Make the Toggle required
          */
         "required"?: boolean;
         /**
-          * Size of the toggle
+          * Size of the Toggle
          */
         "size"?: 'sm' | 'lg';
         /**
-          * ID of the toggles input element, if not specifed 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.
+          * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
          */
         "mouseOverTooltip"?: boolean;
         /**
-          * Placement of tooltip.
+          * Placement of Tooltip.
          */
         "placement"?: Placement;
         /**
-          * Element that will trigger the tooltip (takes priority over selector)
+          * Element that will trigger the Tooltip (takes priority over selector)
          */
         "referenceEl"?: HTMLElement;
         /**
-          * The CSS-selector for an element that will trigger the tooltip
+          * The CSS-selector for an element that will trigger the Tooltip
          */
         "selector"?: string;
         /**
@@ -3389,175 +3581,179 @@ 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-badges": SddsBadges;
-        "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-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-filter": TdsDropdownFilter;
+        "tds-dropdown-option": TdsDropdownOption;
+        "tds-dropdown-option-v2": TdsDropdownOptionV2;
+        "tds-dropdown-v2": TdsDropdownV2;
+        "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-badges": LocalJSX.SddsBadges & JSXBase.HTMLAttributes<HTMLSddsBadgesElement>;
-            "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-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-filter": LocalJSX.TdsDropdownFilter & JSXBase.HTMLAttributes<HTMLTdsDropdownFilterElement>;
+            "tds-dropdown-option": LocalJSX.TdsDropdownOption & JSXBase.HTMLAttributes<HTMLTdsDropdownOptionElement>;
+            "tds-dropdown-option-v2": LocalJSX.TdsDropdownOptionV2 & JSXBase.HTMLAttributes<HTMLTdsDropdownOptionV2Element>;
+            "tds-dropdown-v2": LocalJSX.TdsDropdownV2 & JSXBase.HTMLAttributes<HTMLTdsDropdownV2Element>;
+            "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>;
         }
     }
 }