@scania/tegel 0.0.72 → 1.0.1

package/dist/types/components.d.ts

@@ -6,29 +6,29 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
-import { CollapseEvent, InternalSddsSideMenuPropChange } from "./components/side-menu/webcomponent/side-menu";
-import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/webcomponent/side-menu";
-import { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
-import { InternalSddsTablePropChange } from "./components/data-table/table/table";
+import { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
+import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
+import { InternalTdsStepperPropChange } from "./components/stepper/stepper";
+import { InternalTdsTablePropChange } from "./components/table/table/table";
 export { Placement } from "@popperjs/core";
-export { CollapseEvent, InternalSddsSideMenuPropChange } from "./components/side-menu/webcomponent/side-menu";
-export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/webcomponent/side-menu";
-export { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
-export { InternalSddsTablePropChange } from "./components/data-table/table/table";
+export { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
+export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
+export { InternalTdsStepperPropChange } from "./components/stepper/stepper";
+export { InternalTdsTablePropChange } from "./components/table/table/table";
 export namespace Components {
-    interface SddsAccordion {
+    interface TdsAccordion {
         /**
-          * Set the variant of the the accordion.
+          * Set the variant of the Accordion.
          */
         "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsAccordionItem {
+    interface TdsAccordionItem {
         /**
           * Disabled option in `boolean`.
          */
         "disabled": boolean;
         /**
-          * Changes where the expand icon is placed.
+          * Changes position of the expand icon.
          */
         "expandIconPosition": 'start' | 'end';
         /**
@@ -40,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;
         /**
@@ -76,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 variant, the icon is predefined.
          */
         "icon": string;
         /**
-          * Removes the close button on the banner.
+          * Shows the Banner
          */
-        "persistent": boolean;
+        "showBanner": () => Promise<void>;
         /**
-          * Shows the banner
+          * Subheader text.
          */
-        "showBanner": () => Promise<void>;
+        "subheader": string;
         /**
-          * Type of banner
+          * Variant of Banner
          */
-        "type": 'error' | 'information' | 'none';
+        "variant": 'error' | 'information' | 'default';
     }
-    interface SddsBlock {
+    interface TdsBlock {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant": 'primary' | 'secondary';
     }
-    interface SddsBodyCell {
+    interface TdsBodyCell {
         /**
-          * Passing same cell key for all body cells which is used in head cell enables features of text align and hovering
+          * Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering
          */
         "cellKey": any;
         /**
@@ -120,42 +116,45 @@ export namespace Components {
          */
         "disablePadding": boolean;
     }
-    interface SddsBreadcrumb {
-    }
-    interface SddsBreadcrumbItem {
+    interface TdsBreadcrumb {
         /**
           * Boolean for the current link
          */
         "current": boolean;
-        /**
-          * Toggle the disabled state for the breadcrumb
-         */
-        "disabled": boolean;
     }
-    interface SddsButton {
+    interface TdsBreadcrumbs {
+    }
+    interface TdsButton {
         /**
-          * Control for disabled state of 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 of a Button
+         */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Text inside a button
+          * Text displayed inside the Button
          */
         "text": string;
         /**
-          * Type of button
+          * Button's type
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
          */
-        "type": 'primary' | 'secondary' | 'ghost' | 'danger';
+        "variant": 'primary' | 'secondary' | 'ghost' | 'danger';
     }
-    interface SddsCard {
+    interface TdsCard {
         /**
           * Divider for the body
          */
@@ -169,31 +168,23 @@ 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;
         /**
           * Text in the header
          */
         "header": string;
-        /**
-          * Header image src
-         */
-        "headerImg": string;
-        /**
-          * Alt text for the header image
-         */
-        "headerImgAlt": string;
         /**
           * Placement of the header
          */
-        "headerPlacement": 'above' | 'below';
+        "imagePlacement": 'above-header' | 'below-header';
         /**
-          * Variant of the card based on the theme used.
+          * Variant of the Card based on the theme used.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -201,25 +192,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;
         /**
@@ -227,17 +218,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;
         /**
@@ -245,11 +236,11 @@ export namespace Components {
          */
         "name": string;
         /**
-          * Size of the chip component
+          * Size of the Chip component
          */
         "size": 'sm' | 'lg';
         /**
-          * Type of chip, depends on usage
+          * Type of Chip, depends on usage
          */
         "type": 'button' | 'radio' | 'checkbox';
         /**
@@ -257,9 +248,9 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsCoreHeaderItem {
+    interface TdsCoreHeaderItem {
     }
-    interface SddsDatetime {
+    interface TdsDatetime {
         /**
           * Autofocus for input
          */
@@ -281,7 +272,15 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Set the variant of the datetime component.
+          * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "max": string;
+        /**
+          * Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "min": string;
+        /**
+          * Set the variant of the Datetime component.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -301,7 +300,7 @@ export namespace Components {
          */
         "state": string;
         /**
-          * Which input type, text, password or similar
+          * Sets input type
          */
         "type": 'datetime-local' | 'date' | 'time';
         /**
@@ -309,180 +308,39 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsDivider {
+    interface TdsDivider {
         /**
           * Orientation of the Divider, horizontal if not specified.
          */
         "orientation": 'horizontal' | 'vertical';
     }
-    interface SddsDropdown {
-        /**
-          * Add the value of the option as string to set it as default
-         */
-        "defaultOption": string;
-        /**
-          * Set to true for disabled states
-         */
-        "disabled": boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper": string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline": boolean;
-        /**
-          * Label text for label inside & outside
-         */
-        "label": string;
-        /**
-          * Controls position of label
-         */
-        "labelPosition": 'no-label' | 'inside' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant": 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection": 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selectedLabel item
-         */
-        "placeholder": string;
-        "resetOption": () => Promise<void>;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption": string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state": boolean;
-        /**
-          * `Controls type of dropdown.
-         */
-        "type": 'default' | 'multiselect' | 'filter';
-    }
-    interface SddsDropdownFilter {
-        /**
-          * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-         */
-        "data": string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "defaultOption": string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "disabled": boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper": string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline": boolean;
-        /**
-          * Label for dropdown with no selected item
-         */
-        "label": string;
-        /**
-          * Position of label
-         */
-        "labelPosition": 'no-label' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant": 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection": 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selected item
-         */
-        "placeholder": string;
-        /**
-          * Use this method to reset the dropdown. Then it will go back to its initial state.
-         */
-        "resetOption": () => Promise<void>;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption": string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state": boolean;
-    }
-    interface SddsDropdownOption {
-        /**
-          * Sets option to disabled state if true
-         */
-        "disabled": boolean;
-        /**
-          * Selected set to true if selected
-         */
-        "selected": boolean;
-        /**
-          * Value is a unique string that will be used for application logic
-         */
-        "value": string;
-    }
-    interface SddsDropdownOptionV2 {
-        /**
-          * Sets the option as disabled.
-         */
-        "disabled": boolean;
-        /**
-          * Method to select/deselect an option if the option is not disabled.
-         */
-        "setSelected": (selected: boolean) => Promise<void>;
-        /**
-          * Value for the dropdown option.
-         */
-        "value": string;
-    }
-    interface SddsDropdownV2 {
+    interface TdsDropdown {
         /**
-          * Method for closing the dropdown.
+          * Method for closing the Dropdown.
          */
         "close": () => Promise<void>;
         /**
-          * Default value selected in the dropdown.
+          * Default value selected in the Dropdown.
          */
         "defaultValue": string;
         /**
-          * Sets the dropdown in a disabled state
+          * Sets the Dropdown in a disabled state
          */
         "disabled": boolean;
         /**
-          * Sets the dropdown in an error state
+          * Sets the Dropdown in an error state
          */
         "error": boolean;
         /**
-          * Enables filtration in the dropdown.
+          * Enables filtration in the Dropdown.
          */
         "filter": boolean;
         /**
-          * Helper text for the dropdown.
+          * Helper text for the Dropdown.
          */
         "helper": string;
         /**
-          * Label text for the dropdown.
+          * Label text for the Dropdown.
          */
         "label": string;
         /**
@@ -494,11 +352,11 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Enables multiselect in the dropdown.
+          * Enables multiselect in the Dropdown.
          */
         "multiselect": boolean;
         /**
-          * Name for the dropdowns input element.
+          * Name for the Dropdowns input element.
          */
         "name": string;
         /**
@@ -506,109 +364,115 @@ export namespace Components {
          */
         "noResultText": string;
         /**
-          * The direction the dropdown should open, auto if not specified.
+          * The direction the Dropdown should open, auto if not specified.
          */
         "openDirection": 'up' | 'down' | 'auto';
         /**
-          * Populate the dropdown via a JSON array
-         */
-        "options": Array<{ value: string; label: string; disabled: boolean }>;
-        /**
-          * Placeholder text for the dropdown.
+          * Placeholder text for the Dropdown.
          */
         "placeholder": string;
         /**
-          * Method for removing a selected value in the dropdown.
+          * Method for removing a selected value in the Dropdown.
          */
         "removeValue": (oldValue: string) => Promise<{ value: string; label: string; }[]>;
         /**
-          * Method that resets the dropdown.
+          * Method that resets the Dropdown, marks all children as non-selected and resets the value to null.
          */
         "reset": () => Promise<void>;
         /**
-          * Method for setting the value of the dropdown.
+          * Method for setting the value of the Dropdown.
          */
         "setValue": (newValue: string, newValueLabel: string) => Promise<{ value: string; label: string; }[]>;
         /**
-          * The size of the dropdown.
+          * The size of the Dropdown.
          */
         "size": 'sm' | 'md' | 'lg';
     }
-    interface SddsFolderTab {
+    interface TdsDropdownOption {
+        /**
+          * Sets the option as disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Method to select/deselect an option.
+         */
+        "setSelected": (selected: boolean) => Promise<void>;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value": string;
+    }
+    interface TdsFolderTab {
         /**
-          * Disables the tab.
+          * 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;
+        "cellKey": string;
         /**
           * Text that displays in column cell
          */
-        "columnTitle": string;
+        "cellValue": string;
         /**
-          * In case noMinWidth setting, user has to specify width value for each column, for example "150px"
+          * In case noMinWidth is set, the user has to specify width value for each column.
          */
         "customWidth": string;
         /**
-          * If passed as prop, enables sorting on that column
+          * Enables sorting on that column
          */
         "sortable": boolean;
         /**
-          * Setting for text align, default is left, but user can pass "right" as string - useful for numeric values
+          * Setting for text align, default is left. Other accepted values are "right" or "end".
          */
         "textAlign": string;
     }
-    interface SddsHeaderDropdown {
+    interface TdsHeaderDropdown {
         /**
-          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+          * The label of the button that opens the dropdown. This is an alternative to the label slot.
          */
-        "buttonLabel": string;
+        "label": string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
          */
@@ -618,24 +482,27 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsHeaderDropdownList {
-        "type": 'lg' | 'md';
+    interface TdsHeaderDropdownList {
+        /**
+          * The size of the component.
+         */
+        "size": 'lg' | 'md';
     }
-    interface SddsHeaderDropdownListItem {
+    interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
          */
         "selected": boolean;
         /**
-          * The type of the list.
+          * The size of the component.
          */
-        "type": 'md' | 'lg';
+        "size": 'md' | 'lg';
     }
-    interface SddsHeaderDropdownListUser {
+    interface TdsHeaderDropdownListUser {
         /**
-          * Heading, usually the users first name and last name.
+          * Header text, usually the users first name and last name.
          */
-        "heading": string;
+        "header": string;
         /**
           * Image alt text.
          */
@@ -645,13 +512,13 @@ export namespace Components {
          */
         "imgUrl": string;
         /**
-          * Subheading.
+          * Subheader text.
          */
-        "subheading": string;
+        "subheader": string;
     }
-    interface SddsHeaderHamburger {
+    interface TdsHeaderHamburger {
     }
-    interface SddsHeaderItem {
+    interface TdsHeaderItem {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -661,31 +528,31 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsHeaderLauncher {
+    interface TdsHeaderLauncher {
     }
-    interface SddsHeaderLauncherButton {
+    interface TdsHeaderLauncherButton {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
         "active": boolean;
     }
-    interface SddsHeaderLauncherGrid {
+    interface TdsHeaderLauncherGrid {
     }
-    interface SddsHeaderLauncherGridItem {
+    interface TdsHeaderLauncherGridItem {
     }
-    interface SddsHeaderLauncherGridTitle {
+    interface TdsHeaderLauncherGridTitle {
     }
-    interface SddsHeaderLauncherList {
+    interface TdsHeaderLauncherList {
     }
-    interface SddsHeaderLauncherListItem {
+    interface TdsHeaderLauncherListItem {
     }
-    interface SddsHeaderLauncherListTitle {
+    interface TdsHeaderLauncherListTitle {
     }
-    interface SddsHeaderTitle {
+    interface TdsHeaderTitle {
     }
-    interface SddsIcon {
+    interface TdsIcon {
         /**
-          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+          * Pass a name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
          */
         "name": string;
         /**
@@ -693,48 +560,48 @@ export namespace Components {
          */
         "size": string;
     }
-    interface SddsInlineTab {
+    interface TdsInlineTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
     }
-    interface SddsInlineTabs {
+    interface TdsInlineTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Selects a tab based on tabindex, will not select a disabled tab.
+          * Selects a Tab based on tabindex, will not select a disabled Tab.
          */
         "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
     }
-    interface SddsLink {
+    interface TdsLink {
         /**
-          * Disables the link
+          * Disables the Link
          */
         "disabled": boolean;
         /**
-          * Displays the link with an underline.
+          * Displays the Link with an underline.
          */
         "underline": boolean;
     }
-    interface SddsMessage {
+    interface TdsMessage {
         /**
           * Header text for the component.
          */
         "header": string;
         /**
-          * Minimal message styling.
+          * Minimal Message styling.
          */
         "minimal": boolean;
         /**
@@ -742,74 +609,78 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Removes the icon in the message.
+          * Removes the icon in the Message.
          */
         "noIcon": boolean;
         /**
-          * Type of message.
+          * Variant of Message.
          */
-        "type": 'information' | 'error' | 'warning' | 'success';
+        "variant": 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsModal {
+    interface TdsModal {
         /**
-          * Sticky or Static Actions
+          * Changes the position behaviour of the actions slot.
          */
-        "actions": 'sticky' | 'static';
+        "actionsPosition": 'sticky' | 'static';
         /**
-          * Closes the modal.
+          * Closes the Modal.
          */
         "closeModal": () => Promise<void>;
         /**
-          * Disables closing modal on clicking on overlay area.
+          * Sets the header of the Modal.
+         */
+        "header": string;
+        /**
+          * Disables closing Modal on clicking on overlay area.
          */
         "prevent": boolean;
         /**
-          * Element that will show the modal (takes priority over selector)
+          * Element that will show the Modal (takes priority over selector)
          */
-        "referenceEl": HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * CSS selector for the element that will show the modal.
+          * CSS selector for the element that will show the Modal.
          */
         "selector": string;
         /**
-          * Controls whether the modal is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
+          * Controls whether the Modal is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
          */
         "show": boolean;
         /**
-          * Shows the modal.
+          * Shows the Modal.
          */
         "showModal": () => Promise<void>;
         /**
-          * Size of modal
+          * Size of Modal
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
     }
-    interface SddsNavigationTab {
+    interface TdsNavigationTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled": boolean;
         "setSelected": (selected: boolean) => Promise<void>;
     }
-    interface SddsNavigationTabs {
+    interface TdsNavigationTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Sets the passed tabindex as the selected tab.
+          * Sets the passed tabindex as the selected Tab.
          */
         "selectTab": (tabIndex: number) => Promise<{ selectedTabIndex: number; }>;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
     }
-    interface SddsPopoverCanvas {
+    interface TdsPopoverCanvas {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -827,19 +698,27 @@ 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;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * 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 TdsPopoverCore {
+        /**
+          * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+         */
+        "autoHide": boolean;
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers": Object[];
         /**
           * Sets the offset distance
          */
@@ -853,37 +732,77 @@ 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;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * 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;
         /**
           * Decides if the Popover Menu should be visible from the start
          */
         "show": boolean;
+        /**
+          * What triggers the popover to show
+         */
+        "trigger": 'click' | 'hover' | 'hover-popover';
+    }
+    interface TdsPopoverMenu {
+        /**
+          * If true this unsets the width (160px) of the Popover Menu
+         */
+        "fluidWidth": boolean;
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance": number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding": number;
+        /**
+          * Decides the placement of the Popover Menu
+         */
+        "placement": Placement;
+        /**
+          * Element that will trigger the pop-over (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement | null;
+        /**
+          * The CSS-selector for an element that will trigger the pop-over
+         */
+        "selector": string;
+        /**
+          * 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. This also means that clicking outside of the popover won't close it.
+         */
+        "show": boolean;
+    }
+    interface TdsPopoverMenuItem {
+        /**
+          * Disables the Popover Menu Item
+         */
+        "disabled": 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;
         /**
@@ -891,27 +810,27 @@ export namespace Components {
          */
         "value": string;
     }
-    interface SddsSideMenu {
+    interface TdsSideMenu {
         /**
-          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event.
+          * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event.
          */
         "collapsed": boolean;
         /**
-          * Applicable only for mobile. If the side menu is open or not.
+          * Applicable only for mobile. If the Side Menu is open or not.
          */
         "open": boolean;
         /**
-          * Applicable only for desktop. If the side menu should always be shown.
+          * 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.
+          * The label of the button that opens the dropdown. This is an alternative to the label slot.
          */
         "buttonLabel": string;
         /**
@@ -923,15 +842,15 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsSideMenuDropdownList {
+    interface TdsSideMenuDropdownList {
     }
-    interface SddsSideMenuDropdownListItem {
+    interface TdsSideMenuDropdownListItem {
         /**
           * If the item should appear selected.
          */
         "selected": boolean;
     }
-    interface SddsSideMenuItem {
+    interface TdsSideMenuItem {
         /**
           * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -941,9 +860,9 @@ export namespace Components {
          */
         "selected": boolean;
     }
-    interface SddsSideMenuOverlay {
+    interface TdsSideMenuOverlay {
     }
-    interface SddsSideMenuUser {
+    interface TdsSideMenuUser {
         /**
           * The heading text.
          */
@@ -961,7 +880,7 @@ export namespace Components {
          */
         "subheading": string;
     }
-    interface SddsSideMenuUserImage {
+    interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
@@ -971,7 +890,7 @@ export namespace Components {
          */
         "src": string;
     }
-    interface SddsSideMenuUserLabel {
+    interface TdsSideMenuUserLabel {
         /**
           * The heading text.
          */
@@ -981,7 +900,7 @@ export namespace Components {
          */
         "subheading": string;
     }
-    interface SddsSlider {
+    interface TdsSlider {
         /**
           * Decide to show the controls or not
          */
@@ -1018,26 +937,26 @@ export namespace Components {
           * Public method to re-initialise the slider if some configuration props are changed
          */
         "reset": () => Promise<void>;
-        /**
-          * Sets the size of the scrubber
-         */
-        "scrubberSize": 'sm' | 'lg';
         /**
           * Decide to show numbers above the tick markers or not
          */
         "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;
         /**
           * Defines how much to increment/decrement the value when using controls
          */
         "step": string;
+        /**
+          * Sets the size of the thumb
+         */
+        "thumbSize": 'sm' | 'lg';
         /**
           * Number of tick markers (tick for min- and max-value will be added automatically)
          */
@@ -1051,27 +970,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';
         /**
@@ -1079,47 +1008,41 @@ 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;
+        "expandableRows": boolean;
         /**
-          * Enables multiselect feature of data-table
+          * Returns all selected rows data.
          */
-        "enableMultiselect": boolean;
-        /**
-          * Enables table to take 100% available width with equal spacing of columns
-         */
-        "enableResponsive": boolean;
+        "getSelectedRows": () => Promise<any[]>;
         /**
           * Variant of the component, based on current mode.
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Enables to customise width on data-table columns
+          * Enables multiselect feature of Table
+         */
+        "multiselect": boolean;
+        /**
+          * 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.
+          * Enables Table to take 100% available width with equal spacing of columns
+         */
+        "responsive": 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.
          */
         "tableId": string;
         /**
@@ -1127,33 +1050,29 @@ export namespace Components {
          */
         "verticalDividers": boolean;
     }
-    interface SddsTableBody {
-        /**
-          * Prop to pass JSON string which enables automatic rendering of table rows and cells
-         */
-        "bodyData": any;
+    interface TdsTableBody {
+    }
+    interface TdsTableBodyRow {
         /**
-          * Prop for showcase of rendering JSON in body-data, just for presentation purposes
+          * Marks the row as selected, used for multiselect table.
          */
-        "enableDummyData": boolean;
-    }
-    interface SddsTableBodyRow {
+        "selected": boolean;
     }
-    interface SddsTableBodyRowExpandable {
+    interface TdsTableBodyRowExpandable {
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
          */
         "colSpan": number;
     }
-    interface SddsTableFooter {
+    interface TdsTableFooter {
         /**
-          * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
+          * <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
          */
-        "clientSetColumnsNumber": number;
+        "cols": number;
         /**
-          * Prop for client to set max number of pages.
+          * Sets the number of pages.
          */
-        "maxPages": number;
+        "pages": number;
         /**
           * Enable pagination and show pagination controls
          */
@@ -1162,32 +1081,28 @@ export namespace Components {
           * Sets the pagination number.
          */
         "paginationValue": number;
+    }
+    interface TdsTableHeader {
         /**
-          * Sets how many rows to display when pagination is enabled.
+          * Prop for controling the checked/unchecked state of the "all selected"-checkbox.
          */
-        "rowsPerPage": number;
-    }
-    interface SddsTableHeader {
+        "allSelected": boolean;
     }
-    interface SddsTableToolbar {
+    interface TdsTableToolbar {
         /**
           * Enables preview of searchbar
          */
-        "enableFiltering": boolean;
+        "filter": 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
          */
@@ -1201,7 +1116,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Text Field.
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -1209,11 +1124,11 @@ 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;
         /**
@@ -1229,23 +1144,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;
+        /**
+          * Textarea cols attribute
+         */
+        "cols": number;
         /**
           * Set input in disabled state
          */
@@ -1259,7 +1182,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Textarea.
          */
         "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
@@ -1267,15 +1190,15 @@ export namespace Components {
          */
         "maxLength": number;
         /**
-          * Mode variant of the textfield
+          * Mode variant of the Textarea
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Name property
+          * Name attribute
          */
         "name": string;
         /**
-          * With setting
+          * Unset minimum width of 208px.
          */
         "noMinWidth": boolean;
         /**
@@ -1287,37 +1210,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>;
         /**
@@ -1325,67 +1244,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';
+        "variant": '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;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * The CSS-selector for an element that will trigger the tooltip
+          * The CSS-selector for an element that will trigger the Tooltip
          */
         "selector": string;
         /**
@@ -1393,720 +1312,705 @@ 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> {
-    detail: T;
-    target: HTMLSddsAccordionItemElement;
-}
-export interface SddsBannerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSddsBannerElement;
-}
-export interface SddsCardCustomEvent<T> extends CustomEvent<T> {
+export interface TdsAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsCardElement;
+    target: HTMLTdsAccordionItemElement;
 }
-export interface SddsCheckboxCustomEvent<T> extends CustomEvent<T> {
+export interface TdsBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsCheckboxElement;
+    target: HTMLTdsBannerElement;
 }
-export interface SddsChipCustomEvent<T> extends CustomEvent<T> {
+export interface TdsCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsChipElement;
+    target: HTMLTdsCardElement;
 }
-export interface SddsDatetimeCustomEvent<T> extends CustomEvent<T> {
+export interface TdsCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDatetimeElement;
+    target: HTMLTdsCheckboxElement;
 }
-export interface SddsDropdownCustomEvent<T> extends CustomEvent<T> {
+export interface TdsChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownElement;
+    target: HTMLTdsChipElement;
 }
-export interface SddsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
+export interface TdsDatetimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownOptionElement;
+    target: HTMLTdsDatetimeElement;
 }
-export interface SddsDropdownOptionV2CustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownOptionV2Element;
+    target: HTMLTdsDropdownElement;
 }
-export interface SddsDropdownV2CustomEvent<T> extends CustomEvent<T> {
+export interface TdsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsDropdownV2Element;
+    target: HTMLTdsDropdownOptionElement;
 }
-export interface SddsFolderTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsFolderTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsFolderTabsElement;
+    target: HTMLTdsFolderTabsElement;
 }
-export interface SddsHeaderCellCustomEvent<T> extends CustomEvent<T> {
+export interface TdsHeaderCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsHeaderCellElement;
+    target: HTMLTdsHeaderCellElement;
 }
-export interface SddsInlineTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsInlineTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsInlineTabsElement;
+    target: HTMLTdsInlineTabsElement;
 }
-export interface SddsModalCustomEvent<T> extends CustomEvent<T> {
+export interface TdsModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsModalElement;
+    target: HTMLTdsModalElement;
 }
-export interface SddsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
+export interface TdsNavigationTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsNavigationTabsElement;
+    target: HTMLTdsNavigationTabsElement;
 }
-export interface SddsRadioButtonCustomEvent<T> extends CustomEvent<T> {
+export interface TdsPopoverCoreCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsRadioButtonElement;
+    target: HTMLTdsPopoverCoreElement;
 }
-export interface SddsSideMenuCustomEvent<T> extends CustomEvent<T> {
+export interface TdsRadioButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSideMenuElement;
+    target: HTMLTdsRadioButtonElement;
 }
-export interface SddsSideMenuCollapseButtonCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSideMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSideMenuCollapseButtonElement;
+    target: HTMLTdsSideMenuElement;
 }
-export interface SddsSliderCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSideMenuCollapseButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsSliderElement;
+    target: HTMLTdsSideMenuCollapseButtonElement;
 }
-export interface SddsStepperCustomEvent<T> extends CustomEvent<T> {
+export interface TdsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsStepperElement;
+    target: HTMLTdsSliderElement;
 }
-export interface SddsTableCustomEvent<T> extends CustomEvent<T> {
+export interface TdsStepperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableElement;
+    target: HTMLTdsStepperElement;
 }
-export interface SddsTableBodyCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyElement;
+    target: HTMLTdsTableElement;
 }
-export interface SddsTableBodyRowCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyRowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyRowElement;
+    target: HTMLTdsTableBodyRowElement;
 }
-export interface SddsTableBodyRowExpandableCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableBodyRowExpandableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableBodyRowExpandableElement;
+    target: HTMLTdsTableBodyRowExpandableElement;
 }
-export interface SddsTableFooterCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableFooterElement;
+    target: HTMLTdsTableFooterElement;
 }
-export interface SddsTableHeaderCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableHeaderElement;
+    target: HTMLTdsTableHeaderElement;
 }
-export interface SddsTableToolbarCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTableToolbarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTableToolbarElement;
+    target: HTMLTdsTableToolbarElement;
 }
-export interface SddsTextareaCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTextFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTextareaElement;
+    target: HTMLTdsTextFieldElement;
 }
-export interface SddsTextfieldCustomEvent<T> extends CustomEvent<T> {
+export interface TdsTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsTextfieldElement;
+    target: HTMLTdsTextareaElement;
 }
-export interface SddsToastCustomEvent<T> extends CustomEvent<T> {
+export interface TdsToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsToastElement;
+    target: HTMLTdsToastElement;
 }
-export interface SddsToggleCustomEvent<T> extends CustomEvent<T> {
+export interface TdsToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSddsToggleElement;
+    target: HTMLTdsToggleElement;
 }
 declare global {
-    interface HTMLSddsAccordionElement extends Components.SddsAccordion, HTMLStencilElement {
-    }
-    var HTMLSddsAccordionElement: {
-        prototype: HTMLSddsAccordionElement;
-        new (): HTMLSddsAccordionElement;
-    };
-    interface HTMLSddsAccordionItemElement extends Components.SddsAccordionItem, HTMLStencilElement {
+    interface HTMLTdsAccordionElement extends Components.TdsAccordion, HTMLStencilElement {
     }
-    var HTMLSddsAccordionItemElement: {
-        prototype: HTMLSddsAccordionItemElement;
-        new (): HTMLSddsAccordionItemElement;
+    var HTMLTdsAccordionElement: {
+        prototype: HTMLTdsAccordionElement;
+        new (): HTMLTdsAccordionElement;
     };
-    interface HTMLSddsBadgesElement extends Components.SddsBadges, HTMLStencilElement {
+    interface HTMLTdsAccordionItemElement extends Components.TdsAccordionItem, HTMLStencilElement {
     }
-    var HTMLSddsBadgesElement: {
-        prototype: HTMLSddsBadgesElement;
-        new (): HTMLSddsBadgesElement;
+    var HTMLTdsAccordionItemElement: {
+        prototype: HTMLTdsAccordionItemElement;
+        new (): HTMLTdsAccordionItemElement;
     };
-    interface HTMLSddsBannerElement extends Components.SddsBanner, HTMLStencilElement {
+    interface HTMLTdsBadgeElement extends Components.TdsBadge, HTMLStencilElement {
     }
-    var HTMLSddsBannerElement: {
-        prototype: HTMLSddsBannerElement;
-        new (): HTMLSddsBannerElement;
+    var HTMLTdsBadgeElement: {
+        prototype: HTMLTdsBadgeElement;
+        new (): HTMLTdsBadgeElement;
     };
-    interface HTMLSddsBlockElement extends Components.SddsBlock, HTMLStencilElement {
+    interface HTMLTdsBannerElement extends Components.TdsBanner, HTMLStencilElement {
     }
-    var HTMLSddsBlockElement: {
-        prototype: HTMLSddsBlockElement;
-        new (): HTMLSddsBlockElement;
+    var HTMLTdsBannerElement: {
+        prototype: HTMLTdsBannerElement;
+        new (): HTMLTdsBannerElement;
     };
-    interface HTMLSddsBodyCellElement extends Components.SddsBodyCell, HTMLStencilElement {
+    interface HTMLTdsBlockElement extends Components.TdsBlock, HTMLStencilElement {
     }
-    var HTMLSddsBodyCellElement: {
-        prototype: HTMLSddsBodyCellElement;
-        new (): HTMLSddsBodyCellElement;
+    var HTMLTdsBlockElement: {
+        prototype: HTMLTdsBlockElement;
+        new (): HTMLTdsBlockElement;
     };
-    interface HTMLSddsBreadcrumbElement extends Components.SddsBreadcrumb, HTMLStencilElement {
+    interface HTMLTdsBodyCellElement extends Components.TdsBodyCell, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbElement: {
-        prototype: HTMLSddsBreadcrumbElement;
-        new (): HTMLSddsBreadcrumbElement;
+    var HTMLTdsBodyCellElement: {
+        prototype: HTMLTdsBodyCellElement;
+        new (): HTMLTdsBodyCellElement;
     };
-    interface HTMLSddsBreadcrumbItemElement extends Components.SddsBreadcrumbItem, HTMLStencilElement {
+    interface HTMLTdsBreadcrumbElement extends Components.TdsBreadcrumb, HTMLStencilElement {
     }
-    var HTMLSddsBreadcrumbItemElement: {
-        prototype: HTMLSddsBreadcrumbItemElement;
-        new (): HTMLSddsBreadcrumbItemElement;
+    var HTMLTdsBreadcrumbElement: {
+        prototype: HTMLTdsBreadcrumbElement;
+        new (): HTMLTdsBreadcrumbElement;
     };
-    interface HTMLSddsButtonElement extends Components.SddsButton, HTMLStencilElement {
+    interface HTMLTdsBreadcrumbsElement extends Components.TdsBreadcrumbs, HTMLStencilElement {
     }
-    var HTMLSddsButtonElement: {
-        prototype: HTMLSddsButtonElement;
-        new (): HTMLSddsButtonElement;
+    var HTMLTdsBreadcrumbsElement: {
+        prototype: HTMLTdsBreadcrumbsElement;
+        new (): HTMLTdsBreadcrumbsElement;
     };
-    interface HTMLSddsCardElement extends Components.SddsCard, HTMLStencilElement {
+    interface HTMLTdsButtonElement extends Components.TdsButton, HTMLStencilElement {
     }
-    var HTMLSddsCardElement: {
-        prototype: HTMLSddsCardElement;
-        new (): HTMLSddsCardElement;
+    var HTMLTdsButtonElement: {
+        prototype: HTMLTdsButtonElement;
+        new (): HTMLTdsButtonElement;
     };
-    interface HTMLSddsCheckboxElement extends Components.SddsCheckbox, HTMLStencilElement {
+    interface HTMLTdsCardElement extends Components.TdsCard, HTMLStencilElement {
     }
-    var HTMLSddsCheckboxElement: {
-        prototype: HTMLSddsCheckboxElement;
-        new (): HTMLSddsCheckboxElement;
+    var HTMLTdsCardElement: {
+        prototype: HTMLTdsCardElement;
+        new (): HTMLTdsCardElement;
     };
-    interface HTMLSddsChipElement extends Components.SddsChip, HTMLStencilElement {
+    interface HTMLTdsCheckboxElement extends Components.TdsCheckbox, HTMLStencilElement {
     }
-    var HTMLSddsChipElement: {
-        prototype: HTMLSddsChipElement;
-        new (): HTMLSddsChipElement;
+    var HTMLTdsCheckboxElement: {
+        prototype: HTMLTdsCheckboxElement;
+        new (): HTMLTdsCheckboxElement;
     };
-    interface HTMLSddsCoreHeaderItemElement extends Components.SddsCoreHeaderItem, HTMLStencilElement {
+    interface HTMLTdsChipElement extends Components.TdsChip, HTMLStencilElement {
     }
-    var HTMLSddsCoreHeaderItemElement: {
-        prototype: HTMLSddsCoreHeaderItemElement;
-        new (): HTMLSddsCoreHeaderItemElement;
+    var HTMLTdsChipElement: {
+        prototype: HTMLTdsChipElement;
+        new (): HTMLTdsChipElement;
     };
-    interface HTMLSddsDatetimeElement extends Components.SddsDatetime, HTMLStencilElement {
+    interface HTMLTdsCoreHeaderItemElement extends Components.TdsCoreHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsDatetimeElement: {
-        prototype: HTMLSddsDatetimeElement;
-        new (): HTMLSddsDatetimeElement;
+    var HTMLTdsCoreHeaderItemElement: {
+        prototype: HTMLTdsCoreHeaderItemElement;
+        new (): HTMLTdsCoreHeaderItemElement;
     };
-    interface HTMLSddsDividerElement extends Components.SddsDivider, HTMLStencilElement {
+    interface HTMLTdsDatetimeElement extends Components.TdsDatetime, HTMLStencilElement {
     }
-    var HTMLSddsDividerElement: {
-        prototype: HTMLSddsDividerElement;
-        new (): HTMLSddsDividerElement;
+    var HTMLTdsDatetimeElement: {
+        prototype: HTMLTdsDatetimeElement;
+        new (): HTMLTdsDatetimeElement;
     };
-    interface HTMLSddsDropdownElement extends Components.SddsDropdown, HTMLStencilElement {
+    interface HTMLTdsDividerElement extends Components.TdsDivider, HTMLStencilElement {
     }
-    var HTMLSddsDropdownElement: {
-        prototype: HTMLSddsDropdownElement;
-        new (): HTMLSddsDropdownElement;
+    var HTMLTdsDividerElement: {
+        prototype: HTMLTdsDividerElement;
+        new (): HTMLTdsDividerElement;
     };
-    interface HTMLSddsDropdownFilterElement extends Components.SddsDropdownFilter, HTMLStencilElement {
+    interface HTMLTdsDropdownElement extends Components.TdsDropdown, HTMLStencilElement {
     }
-    var HTMLSddsDropdownFilterElement: {
-        prototype: HTMLSddsDropdownFilterElement;
-        new (): HTMLSddsDropdownFilterElement;
+    var HTMLTdsDropdownElement: {
+        prototype: HTMLTdsDropdownElement;
+        new (): HTMLTdsDropdownElement;
     };
-    interface HTMLSddsDropdownOptionElement extends Components.SddsDropdownOption, HTMLStencilElement {
+    interface HTMLTdsDropdownOptionElement extends Components.TdsDropdownOption, HTMLStencilElement {
     }
-    var HTMLSddsDropdownOptionElement: {
-        prototype: HTMLSddsDropdownOptionElement;
-        new (): HTMLSddsDropdownOptionElement;
+    var HTMLTdsDropdownOptionElement: {
+        prototype: HTMLTdsDropdownOptionElement;
+        new (): HTMLTdsDropdownOptionElement;
     };
-    interface HTMLSddsDropdownOptionV2Element extends Components.SddsDropdownOptionV2, HTMLStencilElement {
+    interface HTMLTdsFolderTabElement extends Components.TdsFolderTab, HTMLStencilElement {
     }
-    var HTMLSddsDropdownOptionV2Element: {
-        prototype: HTMLSddsDropdownOptionV2Element;
-        new (): HTMLSddsDropdownOptionV2Element;
+    var HTMLTdsFolderTabElement: {
+        prototype: HTMLTdsFolderTabElement;
+        new (): HTMLTdsFolderTabElement;
     };
-    interface HTMLSddsDropdownV2Element extends Components.SddsDropdownV2, HTMLStencilElement {
+    interface HTMLTdsFolderTabsElement extends Components.TdsFolderTabs, HTMLStencilElement {
     }
-    var HTMLSddsDropdownV2Element: {
-        prototype: HTMLSddsDropdownV2Element;
-        new (): HTMLSddsDropdownV2Element;
+    var HTMLTdsFolderTabsElement: {
+        prototype: HTMLTdsFolderTabsElement;
+        new (): HTMLTdsFolderTabsElement;
     };
-    interface HTMLSddsFolderTabElement extends Components.SddsFolderTab, HTMLStencilElement {
+    interface HTMLTdsFooterElement extends Components.TdsFooter, HTMLStencilElement {
     }
-    var HTMLSddsFolderTabElement: {
-        prototype: HTMLSddsFolderTabElement;
-        new (): HTMLSddsFolderTabElement;
+    var HTMLTdsFooterElement: {
+        prototype: HTMLTdsFooterElement;
+        new (): HTMLTdsFooterElement;
     };
-    interface HTMLSddsFolderTabsElement extends Components.SddsFolderTabs, HTMLStencilElement {
+    interface HTMLTdsFooterGroupElement extends Components.TdsFooterGroup, HTMLStencilElement {
     }
-    var HTMLSddsFolderTabsElement: {
-        prototype: HTMLSddsFolderTabsElement;
-        new (): HTMLSddsFolderTabsElement;
+    var HTMLTdsFooterGroupElement: {
+        prototype: HTMLTdsFooterGroupElement;
+        new (): HTMLTdsFooterGroupElement;
     };
-    interface HTMLSddsFooterElement extends Components.SddsFooter, HTMLStencilElement {
+    interface HTMLTdsFooterItemElement extends Components.TdsFooterItem, HTMLStencilElement {
     }
-    var HTMLSddsFooterElement: {
-        prototype: HTMLSddsFooterElement;
-        new (): HTMLSddsFooterElement;
+    var HTMLTdsFooterItemElement: {
+        prototype: HTMLTdsFooterItemElement;
+        new (): HTMLTdsFooterItemElement;
     };
-    interface HTMLSddsFooterGroupElement extends Components.SddsFooterGroup, HTMLStencilElement {
+    interface HTMLTdsHeaderElement extends Components.TdsHeader, HTMLStencilElement {
     }
-    var HTMLSddsFooterGroupElement: {
-        prototype: HTMLSddsFooterGroupElement;
-        new (): HTMLSddsFooterGroupElement;
+    var HTMLTdsHeaderElement: {
+        prototype: HTMLTdsHeaderElement;
+        new (): HTMLTdsHeaderElement;
     };
-    interface HTMLSddsFooterItemElement extends Components.SddsFooterItem, HTMLStencilElement {
+    interface HTMLTdsHeaderBrandSymbolElement extends Components.TdsHeaderBrandSymbol, HTMLStencilElement {
     }
-    var HTMLSddsFooterItemElement: {
-        prototype: HTMLSddsFooterItemElement;
-        new (): HTMLSddsFooterItemElement;
+    var HTMLTdsHeaderBrandSymbolElement: {
+        prototype: HTMLTdsHeaderBrandSymbolElement;
+        new (): HTMLTdsHeaderBrandSymbolElement;
     };
-    interface HTMLSddsHeaderElement extends Components.SddsHeader, HTMLStencilElement {
+    interface HTMLTdsHeaderCellElement extends Components.TdsHeaderCell, HTMLStencilElement {
     }
-    var HTMLSddsHeaderElement: {
-        prototype: HTMLSddsHeaderElement;
-        new (): HTMLSddsHeaderElement;
+    var HTMLTdsHeaderCellElement: {
+        prototype: HTMLTdsHeaderCellElement;
+        new (): HTMLTdsHeaderCellElement;
     };
-    interface HTMLSddsHeaderBrandSymbolElement extends Components.SddsHeaderBrandSymbol, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownElement extends Components.TdsHeaderDropdown, HTMLStencilElement {
     }
-    var HTMLSddsHeaderBrandSymbolElement: {
-        prototype: HTMLSddsHeaderBrandSymbolElement;
-        new (): HTMLSddsHeaderBrandSymbolElement;
+    var HTMLTdsHeaderDropdownElement: {
+        prototype: HTMLTdsHeaderDropdownElement;
+        new (): HTMLTdsHeaderDropdownElement;
     };
-    interface HTMLSddsHeaderCellElement extends Components.SddsHeaderCell, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListElement extends Components.TdsHeaderDropdownList, HTMLStencilElement {
     }
-    var HTMLSddsHeaderCellElement: {
-        prototype: HTMLSddsHeaderCellElement;
-        new (): HTMLSddsHeaderCellElement;
+    var HTMLTdsHeaderDropdownListElement: {
+        prototype: HTMLTdsHeaderDropdownListElement;
+        new (): HTMLTdsHeaderDropdownListElement;
     };
-    interface HTMLSddsHeaderDropdownElement extends Components.SddsHeaderDropdown, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListItemElement extends Components.TdsHeaderDropdownListItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownElement: {
-        prototype: HTMLSddsHeaderDropdownElement;
-        new (): HTMLSddsHeaderDropdownElement;
+    var HTMLTdsHeaderDropdownListItemElement: {
+        prototype: HTMLTdsHeaderDropdownListItemElement;
+        new (): HTMLTdsHeaderDropdownListItemElement;
     };
-    interface HTMLSddsHeaderDropdownListElement extends Components.SddsHeaderDropdownList, HTMLStencilElement {
+    interface HTMLTdsHeaderDropdownListUserElement extends Components.TdsHeaderDropdownListUser, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListElement: {
-        prototype: HTMLSddsHeaderDropdownListElement;
-        new (): HTMLSddsHeaderDropdownListElement;
+    var HTMLTdsHeaderDropdownListUserElement: {
+        prototype: HTMLTdsHeaderDropdownListUserElement;
+        new (): HTMLTdsHeaderDropdownListUserElement;
     };
-    interface HTMLSddsHeaderDropdownListItemElement extends Components.SddsHeaderDropdownListItem, HTMLStencilElement {
+    interface HTMLTdsHeaderHamburgerElement extends Components.TdsHeaderHamburger, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListItemElement: {
-        prototype: HTMLSddsHeaderDropdownListItemElement;
-        new (): HTMLSddsHeaderDropdownListItemElement;
+    var HTMLTdsHeaderHamburgerElement: {
+        prototype: HTMLTdsHeaderHamburgerElement;
+        new (): HTMLTdsHeaderHamburgerElement;
     };
-    interface HTMLSddsHeaderDropdownListUserElement extends Components.SddsHeaderDropdownListUser, HTMLStencilElement {
+    interface HTMLTdsHeaderItemElement extends Components.TdsHeaderItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderDropdownListUserElement: {
-        prototype: HTMLSddsHeaderDropdownListUserElement;
-        new (): HTMLSddsHeaderDropdownListUserElement;
+    var HTMLTdsHeaderItemElement: {
+        prototype: HTMLTdsHeaderItemElement;
+        new (): HTMLTdsHeaderItemElement;
     };
-    interface HTMLSddsHeaderHamburgerElement extends Components.SddsHeaderHamburger, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherElement extends Components.TdsHeaderLauncher, HTMLStencilElement {
     }
-    var HTMLSddsHeaderHamburgerElement: {
-        prototype: HTMLSddsHeaderHamburgerElement;
-        new (): HTMLSddsHeaderHamburgerElement;
+    var HTMLTdsHeaderLauncherElement: {
+        prototype: HTMLTdsHeaderLauncherElement;
+        new (): HTMLTdsHeaderLauncherElement;
     };
-    interface HTMLSddsHeaderItemElement extends Components.SddsHeaderItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherButtonElement extends Components.TdsHeaderLauncherButton, HTMLStencilElement {
     }
-    var HTMLSddsHeaderItemElement: {
-        prototype: HTMLSddsHeaderItemElement;
-        new (): HTMLSddsHeaderItemElement;
+    var HTMLTdsHeaderLauncherButtonElement: {
+        prototype: HTMLTdsHeaderLauncherButtonElement;
+        new (): HTMLTdsHeaderLauncherButtonElement;
     };
-    interface HTMLSddsHeaderLauncherElement extends Components.SddsHeaderLauncher, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridElement extends Components.TdsHeaderLauncherGrid, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherElement: {
-        prototype: HTMLSddsHeaderLauncherElement;
-        new (): HTMLSddsHeaderLauncherElement;
+    var HTMLTdsHeaderLauncherGridElement: {
+        prototype: HTMLTdsHeaderLauncherGridElement;
+        new (): HTMLTdsHeaderLauncherGridElement;
     };
-    interface HTMLSddsHeaderLauncherButtonElement extends Components.SddsHeaderLauncherButton, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridItemElement extends Components.TdsHeaderLauncherGridItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherButtonElement: {
-        prototype: HTMLSddsHeaderLauncherButtonElement;
-        new (): HTMLSddsHeaderLauncherButtonElement;
+    var HTMLTdsHeaderLauncherGridItemElement: {
+        prototype: HTMLTdsHeaderLauncherGridItemElement;
+        new (): HTMLTdsHeaderLauncherGridItemElement;
     };
-    interface HTMLSddsHeaderLauncherGridElement extends Components.SddsHeaderLauncherGrid, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherGridTitleElement extends Components.TdsHeaderLauncherGridTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridElement: {
-        prototype: HTMLSddsHeaderLauncherGridElement;
-        new (): HTMLSddsHeaderLauncherGridElement;
+    var HTMLTdsHeaderLauncherGridTitleElement: {
+        prototype: HTMLTdsHeaderLauncherGridTitleElement;
+        new (): HTMLTdsHeaderLauncherGridTitleElement;
     };
-    interface HTMLSddsHeaderLauncherGridItemElement extends Components.SddsHeaderLauncherGridItem, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListElement extends Components.TdsHeaderLauncherList, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridItemElement: {
-        prototype: HTMLSddsHeaderLauncherGridItemElement;
-        new (): HTMLSddsHeaderLauncherGridItemElement;
+    var HTMLTdsHeaderLauncherListElement: {
+        prototype: HTMLTdsHeaderLauncherListElement;
+        new (): HTMLTdsHeaderLauncherListElement;
     };
-    interface HTMLSddsHeaderLauncherGridTitleElement extends Components.SddsHeaderLauncherGridTitle, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListItemElement extends Components.TdsHeaderLauncherListItem, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherGridTitleElement: {
-        prototype: HTMLSddsHeaderLauncherGridTitleElement;
-        new (): HTMLSddsHeaderLauncherGridTitleElement;
+    var HTMLTdsHeaderLauncherListItemElement: {
+        prototype: HTMLTdsHeaderLauncherListItemElement;
+        new (): HTMLTdsHeaderLauncherListItemElement;
     };
-    interface HTMLSddsHeaderLauncherListElement extends Components.SddsHeaderLauncherList, HTMLStencilElement {
+    interface HTMLTdsHeaderLauncherListTitleElement extends Components.TdsHeaderLauncherListTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListElement: {
-        prototype: HTMLSddsHeaderLauncherListElement;
-        new (): HTMLSddsHeaderLauncherListElement;
+    var HTMLTdsHeaderLauncherListTitleElement: {
+        prototype: HTMLTdsHeaderLauncherListTitleElement;
+        new (): HTMLTdsHeaderLauncherListTitleElement;
     };
-    interface HTMLSddsHeaderLauncherListItemElement extends Components.SddsHeaderLauncherListItem, HTMLStencilElement {
+    interface HTMLTdsHeaderTitleElement extends Components.TdsHeaderTitle, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListItemElement: {
-        prototype: HTMLSddsHeaderLauncherListItemElement;
-        new (): HTMLSddsHeaderLauncherListItemElement;
+    var HTMLTdsHeaderTitleElement: {
+        prototype: HTMLTdsHeaderTitleElement;
+        new (): HTMLTdsHeaderTitleElement;
     };
-    interface HTMLSddsHeaderLauncherListTitleElement extends Components.SddsHeaderLauncherListTitle, HTMLStencilElement {
+    interface HTMLTdsIconElement extends Components.TdsIcon, HTMLStencilElement {
     }
-    var HTMLSddsHeaderLauncherListTitleElement: {
-        prototype: HTMLSddsHeaderLauncherListTitleElement;
-        new (): HTMLSddsHeaderLauncherListTitleElement;
+    var HTMLTdsIconElement: {
+        prototype: HTMLTdsIconElement;
+        new (): HTMLTdsIconElement;
     };
-    interface HTMLSddsHeaderTitleElement extends Components.SddsHeaderTitle, HTMLStencilElement {
+    interface HTMLTdsInlineTabElement extends Components.TdsInlineTab, HTMLStencilElement {
     }
-    var HTMLSddsHeaderTitleElement: {
-        prototype: HTMLSddsHeaderTitleElement;
-        new (): HTMLSddsHeaderTitleElement;
+    var HTMLTdsInlineTabElement: {
+        prototype: HTMLTdsInlineTabElement;
+        new (): HTMLTdsInlineTabElement;
     };
-    interface HTMLSddsIconElement extends Components.SddsIcon, HTMLStencilElement {
+    interface HTMLTdsInlineTabsElement extends Components.TdsInlineTabs, HTMLStencilElement {
     }
-    var HTMLSddsIconElement: {
-        prototype: HTMLSddsIconElement;
-        new (): HTMLSddsIconElement;
+    var HTMLTdsInlineTabsElement: {
+        prototype: HTMLTdsInlineTabsElement;
+        new (): HTMLTdsInlineTabsElement;
     };
-    interface HTMLSddsInlineTabElement extends Components.SddsInlineTab, HTMLStencilElement {
+    interface HTMLTdsLinkElement extends Components.TdsLink, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabElement: {
-        prototype: HTMLSddsInlineTabElement;
-        new (): HTMLSddsInlineTabElement;
+    var HTMLTdsLinkElement: {
+        prototype: HTMLTdsLinkElement;
+        new (): HTMLTdsLinkElement;
     };
-    interface HTMLSddsInlineTabsElement extends Components.SddsInlineTabs, HTMLStencilElement {
+    interface HTMLTdsMessageElement extends Components.TdsMessage, HTMLStencilElement {
     }
-    var HTMLSddsInlineTabsElement: {
-        prototype: HTMLSddsInlineTabsElement;
-        new (): HTMLSddsInlineTabsElement;
+    var HTMLTdsMessageElement: {
+        prototype: HTMLTdsMessageElement;
+        new (): HTMLTdsMessageElement;
     };
-    interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
+    interface HTMLTdsModalElement extends Components.TdsModal, HTMLStencilElement {
     }
-    var HTMLSddsLinkElement: {
-        prototype: HTMLSddsLinkElement;
-        new (): HTMLSddsLinkElement;
+    var HTMLTdsModalElement: {
+        prototype: HTMLTdsModalElement;
+        new (): HTMLTdsModalElement;
     };
-    interface HTMLSddsMessageElement extends Components.SddsMessage, HTMLStencilElement {
+    interface HTMLTdsNavigationTabElement extends Components.TdsNavigationTab, HTMLStencilElement {
     }
-    var HTMLSddsMessageElement: {
-        prototype: HTMLSddsMessageElement;
-        new (): HTMLSddsMessageElement;
+    var HTMLTdsNavigationTabElement: {
+        prototype: HTMLTdsNavigationTabElement;
+        new (): HTMLTdsNavigationTabElement;
     };
-    interface HTMLSddsModalElement extends Components.SddsModal, HTMLStencilElement {
+    interface HTMLTdsNavigationTabsElement extends Components.TdsNavigationTabs, HTMLStencilElement {
     }
-    var HTMLSddsModalElement: {
-        prototype: HTMLSddsModalElement;
-        new (): HTMLSddsModalElement;
+    var HTMLTdsNavigationTabsElement: {
+        prototype: HTMLTdsNavigationTabsElement;
+        new (): HTMLTdsNavigationTabsElement;
     };
-    interface HTMLSddsNavigationTabElement extends Components.SddsNavigationTab, HTMLStencilElement {
+    interface HTMLTdsPopoverCanvasElement extends Components.TdsPopoverCanvas, HTMLStencilElement {
     }
-    var HTMLSddsNavigationTabElement: {
-        prototype: HTMLSddsNavigationTabElement;
-        new (): HTMLSddsNavigationTabElement;
+    var HTMLTdsPopoverCanvasElement: {
+        prototype: HTMLTdsPopoverCanvasElement;
+        new (): HTMLTdsPopoverCanvasElement;
     };
-    interface HTMLSddsNavigationTabsElement extends Components.SddsNavigationTabs, HTMLStencilElement {
+    interface HTMLTdsPopoverCoreElement extends Components.TdsPopoverCore, HTMLStencilElement {
     }
-    var HTMLSddsNavigationTabsElement: {
-        prototype: HTMLSddsNavigationTabsElement;
-        new (): HTMLSddsNavigationTabsElement;
+    var HTMLTdsPopoverCoreElement: {
+        prototype: HTMLTdsPopoverCoreElement;
+        new (): HTMLTdsPopoverCoreElement;
     };
-    interface HTMLSddsPopoverCanvasElement extends Components.SddsPopoverCanvas, HTMLStencilElement {
+    interface HTMLTdsPopoverMenuElement extends Components.TdsPopoverMenu, HTMLStencilElement {
     }
-    var HTMLSddsPopoverCanvasElement: {
-        prototype: HTMLSddsPopoverCanvasElement;
-        new (): HTMLSddsPopoverCanvasElement;
+    var HTMLTdsPopoverMenuElement: {
+        prototype: HTMLTdsPopoverMenuElement;
+        new (): HTMLTdsPopoverMenuElement;
     };
-    interface HTMLSddsPopoverMenuElement extends Components.SddsPopoverMenu, HTMLStencilElement {
+    interface HTMLTdsPopoverMenuItemElement extends Components.TdsPopoverMenuItem, HTMLStencilElement {
     }
-    var HTMLSddsPopoverMenuElement: {
-        prototype: HTMLSddsPopoverMenuElement;
-        new (): HTMLSddsPopoverMenuElement;
+    var HTMLTdsPopoverMenuItemElement: {
+        prototype: HTMLTdsPopoverMenuItemElement;
+        new (): HTMLTdsPopoverMenuItemElement;
     };
-    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-dropdown-option-v2": HTMLSddsDropdownOptionV2Element;
-        "sdds-dropdown-v2": HTMLSddsDropdownV2Element;
-        "sdds-folder-tab": HTMLSddsFolderTabElement;
-        "sdds-folder-tabs": HTMLSddsFolderTabsElement;
-        "sdds-footer": HTMLSddsFooterElement;
-        "sdds-footer-group": HTMLSddsFooterGroupElement;
-        "sdds-footer-item": HTMLSddsFooterItemElement;
-        "sdds-header": HTMLSddsHeaderElement;
-        "sdds-header-brand-symbol": HTMLSddsHeaderBrandSymbolElement;
-        "sdds-header-cell": HTMLSddsHeaderCellElement;
-        "sdds-header-dropdown": HTMLSddsHeaderDropdownElement;
-        "sdds-header-dropdown-list": HTMLSddsHeaderDropdownListElement;
-        "sdds-header-dropdown-list-item": HTMLSddsHeaderDropdownListItemElement;
-        "sdds-header-dropdown-list-user": HTMLSddsHeaderDropdownListUserElement;
-        "sdds-header-hamburger": HTMLSddsHeaderHamburgerElement;
-        "sdds-header-item": HTMLSddsHeaderItemElement;
-        "sdds-header-launcher": HTMLSddsHeaderLauncherElement;
-        "sdds-header-launcher-button": HTMLSddsHeaderLauncherButtonElement;
-        "sdds-header-launcher-grid": HTMLSddsHeaderLauncherGridElement;
-        "sdds-header-launcher-grid-item": HTMLSddsHeaderLauncherGridItemElement;
-        "sdds-header-launcher-grid-title": HTMLSddsHeaderLauncherGridTitleElement;
-        "sdds-header-launcher-list": HTMLSddsHeaderLauncherListElement;
-        "sdds-header-launcher-list-item": HTMLSddsHeaderLauncherListItemElement;
-        "sdds-header-launcher-list-title": HTMLSddsHeaderLauncherListTitleElement;
-        "sdds-header-title": HTMLSddsHeaderTitleElement;
-        "sdds-icon": HTMLSddsIconElement;
-        "sdds-inline-tab": HTMLSddsInlineTabElement;
-        "sdds-inline-tabs": HTMLSddsInlineTabsElement;
-        "sdds-link": HTMLSddsLinkElement;
-        "sdds-message": HTMLSddsMessageElement;
-        "sdds-modal": HTMLSddsModalElement;
-        "sdds-navigation-tab": HTMLSddsNavigationTabElement;
-        "sdds-navigation-tabs": HTMLSddsNavigationTabsElement;
-        "sdds-popover-canvas": HTMLSddsPopoverCanvasElement;
-        "sdds-popover-menu": HTMLSddsPopoverMenuElement;
-        "sdds-radio-button": HTMLSddsRadioButtonElement;
-        "sdds-side-menu": HTMLSddsSideMenuElement;
-        "sdds-side-menu-close-button": HTMLSddsSideMenuCloseButtonElement;
-        "sdds-side-menu-collapse-button": HTMLSddsSideMenuCollapseButtonElement;
-        "sdds-side-menu-dropdown": HTMLSddsSideMenuDropdownElement;
-        "sdds-side-menu-dropdown-list": HTMLSddsSideMenuDropdownListElement;
-        "sdds-side-menu-dropdown-list-item": HTMLSddsSideMenuDropdownListItemElement;
-        "sdds-side-menu-item": HTMLSddsSideMenuItemElement;
-        "sdds-side-menu-overlay": HTMLSddsSideMenuOverlayElement;
-        "sdds-side-menu-user": HTMLSddsSideMenuUserElement;
-        "sdds-side-menu-user-image": HTMLSddsSideMenuUserImageElement;
-        "sdds-side-menu-user-label": HTMLSddsSideMenuUserLabelElement;
-        "sdds-slider": HTMLSddsSliderElement;
-        "sdds-spinner": HTMLSddsSpinnerElement;
-        "sdds-stepper": HTMLSddsStepperElement;
-        "sdds-stepper-item": HTMLSddsStepperItemElement;
-        "sdds-table": HTMLSddsTableElement;
-        "sdds-table-body": HTMLSddsTableBodyElement;
-        "sdds-table-body-row": HTMLSddsTableBodyRowElement;
-        "sdds-table-body-row-expandable": HTMLSddsTableBodyRowExpandableElement;
-        "sdds-table-footer": HTMLSddsTableFooterElement;
-        "sdds-table-header": HTMLSddsTableHeaderElement;
-        "sdds-table-toolbar": HTMLSddsTableToolbarElement;
-        "sdds-textarea": HTMLSddsTextareaElement;
-        "sdds-textfield": HTMLSddsTextfieldElement;
-        "sdds-toast": HTMLSddsToastElement;
-        "sdds-toggle": HTMLSddsToggleElement;
-        "sdds-tooltip": HTMLSddsTooltipElement;
+        "tds-accordion": HTMLTdsAccordionElement;
+        "tds-accordion-item": HTMLTdsAccordionItemElement;
+        "tds-badge": HTMLTdsBadgeElement;
+        "tds-banner": HTMLTdsBannerElement;
+        "tds-block": HTMLTdsBlockElement;
+        "tds-body-cell": HTMLTdsBodyCellElement;
+        "tds-breadcrumb": HTMLTdsBreadcrumbElement;
+        "tds-breadcrumbs": HTMLTdsBreadcrumbsElement;
+        "tds-button": HTMLTdsButtonElement;
+        "tds-card": HTMLTdsCardElement;
+        "tds-checkbox": HTMLTdsCheckboxElement;
+        "tds-chip": HTMLTdsChipElement;
+        "tds-core-header-item": HTMLTdsCoreHeaderItemElement;
+        "tds-datetime": HTMLTdsDatetimeElement;
+        "tds-divider": HTMLTdsDividerElement;
+        "tds-dropdown": HTMLTdsDropdownElement;
+        "tds-dropdown-option": HTMLTdsDropdownOptionElement;
+        "tds-folder-tab": HTMLTdsFolderTabElement;
+        "tds-folder-tabs": HTMLTdsFolderTabsElement;
+        "tds-footer": HTMLTdsFooterElement;
+        "tds-footer-group": HTMLTdsFooterGroupElement;
+        "tds-footer-item": HTMLTdsFooterItemElement;
+        "tds-header": HTMLTdsHeaderElement;
+        "tds-header-brand-symbol": HTMLTdsHeaderBrandSymbolElement;
+        "tds-header-cell": HTMLTdsHeaderCellElement;
+        "tds-header-dropdown": HTMLTdsHeaderDropdownElement;
+        "tds-header-dropdown-list": HTMLTdsHeaderDropdownListElement;
+        "tds-header-dropdown-list-item": HTMLTdsHeaderDropdownListItemElement;
+        "tds-header-dropdown-list-user": HTMLTdsHeaderDropdownListUserElement;
+        "tds-header-hamburger": HTMLTdsHeaderHamburgerElement;
+        "tds-header-item": HTMLTdsHeaderItemElement;
+        "tds-header-launcher": HTMLTdsHeaderLauncherElement;
+        "tds-header-launcher-button": HTMLTdsHeaderLauncherButtonElement;
+        "tds-header-launcher-grid": HTMLTdsHeaderLauncherGridElement;
+        "tds-header-launcher-grid-item": HTMLTdsHeaderLauncherGridItemElement;
+        "tds-header-launcher-grid-title": HTMLTdsHeaderLauncherGridTitleElement;
+        "tds-header-launcher-list": HTMLTdsHeaderLauncherListElement;
+        "tds-header-launcher-list-item": HTMLTdsHeaderLauncherListItemElement;
+        "tds-header-launcher-list-title": HTMLTdsHeaderLauncherListTitleElement;
+        "tds-header-title": HTMLTdsHeaderTitleElement;
+        "tds-icon": HTMLTdsIconElement;
+        "tds-inline-tab": HTMLTdsInlineTabElement;
+        "tds-inline-tabs": HTMLTdsInlineTabsElement;
+        "tds-link": HTMLTdsLinkElement;
+        "tds-message": HTMLTdsMessageElement;
+        "tds-modal": HTMLTdsModalElement;
+        "tds-navigation-tab": HTMLTdsNavigationTabElement;
+        "tds-navigation-tabs": HTMLTdsNavigationTabsElement;
+        "tds-popover-canvas": HTMLTdsPopoverCanvasElement;
+        "tds-popover-core": HTMLTdsPopoverCoreElement;
+        "tds-popover-menu": HTMLTdsPopoverMenuElement;
+        "tds-popover-menu-item": HTMLTdsPopoverMenuItemElement;
+        "tds-radio-button": HTMLTdsRadioButtonElement;
+        "tds-side-menu": HTMLTdsSideMenuElement;
+        "tds-side-menu-close-button": HTMLTdsSideMenuCloseButtonElement;
+        "tds-side-menu-collapse-button": HTMLTdsSideMenuCollapseButtonElement;
+        "tds-side-menu-dropdown": HTMLTdsSideMenuDropdownElement;
+        "tds-side-menu-dropdown-list": HTMLTdsSideMenuDropdownListElement;
+        "tds-side-menu-dropdown-list-item": HTMLTdsSideMenuDropdownListItemElement;
+        "tds-side-menu-item": HTMLTdsSideMenuItemElement;
+        "tds-side-menu-overlay": HTMLTdsSideMenuOverlayElement;
+        "tds-side-menu-user": HTMLTdsSideMenuUserElement;
+        "tds-side-menu-user-image": HTMLTdsSideMenuUserImageElement;
+        "tds-side-menu-user-label": HTMLTdsSideMenuUserLabelElement;
+        "tds-slider": HTMLTdsSliderElement;
+        "tds-spinner": HTMLTdsSpinnerElement;
+        "tds-step": HTMLTdsStepElement;
+        "tds-stepper": HTMLTdsStepperElement;
+        "tds-table": HTMLTdsTableElement;
+        "tds-table-body": HTMLTdsTableBodyElement;
+        "tds-table-body-row": HTMLTdsTableBodyRowElement;
+        "tds-table-body-row-expandable": HTMLTdsTableBodyRowExpandableElement;
+        "tds-table-footer": HTMLTdsTableFooterElement;
+        "tds-table-header": HTMLTdsTableHeaderElement;
+        "tds-table-toolbar": HTMLTdsTableToolbarElement;
+        "tds-text-field": HTMLTdsTextFieldElement;
+        "tds-textarea": HTMLTdsTextareaElement;
+        "tds-toast": HTMLTdsToastElement;
+        "tds-toggle": HTMLTdsToggleElement;
+        "tds-tooltip": HTMLTdsTooltipElement;
     }
 }
 declare namespace LocalJSX {
-    interface SddsAccordion {
+    interface TdsAccordion {
         /**
-          * Set the variant of the the accordion.
+          * Set the variant of the Accordion.
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsAccordionItem {
+    interface TdsAccordionItem {
         /**
           * Disabled option in `boolean`.
          */
         "disabled"?: boolean;
         /**
-          * Changes where the expand icon is placed.
+          * Changes position of the expand icon.
          */
         "expandIconPosition"?: 'start' | 'end';
         /**
@@ -2118,37 +2022,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;
         /**
@@ -2156,43 +2056,37 @@ 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 variant, 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.
+          * Subheader text.
          */
-        "onSddsShow"?: (event: SddsBannerCustomEvent<{
-    bannerId: string;
-  }>) => void;
+        "subheader"?: string;
         /**
-          * Removes the close button on the banner.
+          * Variant of Banner
          */
-        "persistent"?: boolean;
-        /**
-          * Type of banner
-         */
-        "type"?: 'error' | 'information' | 'none';
-    }
-    interface SddsBlock {
+        "variant"?: 'error' | 'information' | 'default';
+    }
+    interface TdsBlock {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsBodyCell {
+    interface TdsBodyCell {
         /**
-          * Passing same cell key for all body cells which is used in head cell enables features of text align and hovering
+          * Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering
          */
         "cellKey"?: any;
         /**
@@ -2204,42 +2098,45 @@ declare namespace LocalJSX {
          */
         "disablePadding"?: boolean;
     }
-    interface SddsBreadcrumb {
-    }
-    interface SddsBreadcrumbItem {
+    interface TdsBreadcrumb {
         /**
           * Boolean for the current link
          */
         "current"?: boolean;
-        /**
-          * Toggle the disabled state for the breadcrumb
-         */
-        "disabled"?: boolean;
     }
-    interface SddsButton {
+    interface TdsBreadcrumbs {
+    }
+    interface TdsButton {
         /**
-          * Control for disabled state of 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 of a Button
+         */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Text inside a button
+          * Text displayed inside the Button
          */
         "text"?: string;
         /**
-          * Type of button
+          * Button's type
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * Variation of Button's design
          */
-        "type"?: 'primary' | 'secondary' | 'ghost' | 'danger';
+        "variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
     }
-    interface SddsCard {
+    interface TdsCard {
         /**
           * Divider for the body
          */
@@ -2253,37 +2150,29 @@ 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;
         /**
           * Text in the header
          */
         "header"?: string;
-        /**
-          * Header image src
-         */
-        "headerImg"?: string;
-        /**
-          * Alt text for the header image
-         */
-        "headerImgAlt"?: string;
         /**
           * Placement of the header
          */
-        "headerPlacement"?: 'above' | 'below';
+        "imagePlacement"?: 'above-header' | 'below-header';
         /**
-          * Variant of the card based on the theme used.
+          * 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;
         /**
@@ -2291,55 +2180,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;
         /**
@@ -2347,24 +2236,25 @@ 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;
+    checked?: boolean;
   }>) => void;
         /**
-          * Sends unique chip identifier when chip is clicked. Valid only for type button. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing.
+          * Sends unique Chip identifier when Chip is clicked. Valid only for type button. If no ID is specified, a random one will be generated. To use this listener, don't use the randomized ID, use a specific one of your choosing.
          */
-        "onSddsClick"?: (event: SddsChipCustomEvent<{
+        "onTdsClick"?: (event: TdsChipCustomEvent<{
     chipId: string;
   }>) => void;
         /**
-          * Size of the chip component
+          * Size of the Chip component
          */
         "size"?: 'sm' | 'lg';
         /**
-          * Type of chip, depends on usage
+          * Type of Chip, depends on usage
          */
         "type"?: 'button' | 'radio' | 'checkbox';
         /**
@@ -2372,9 +2262,9 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsCoreHeaderItem {
+    interface TdsCoreHeaderItem {
     }
-    interface SddsDatetime {
+    interface TdsDatetime {
         /**
           * Autofocus for input
          */
@@ -2396,7 +2286,15 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Set the variant of the datetime component.
+          * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "max"?: string;
+        /**
+          * Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
+         */
+        "min"?: string;
+        /**
+          * Set the variant of the Datetime component.
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -2408,17 +2306,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
          */
@@ -2428,7 +2326,7 @@ declare namespace LocalJSX {
          */
         "state"?: string;
         /**
-          * Which input type, text, password or similar
+          * Sets input type
          */
         "type"?: 'datetime-local' | 'date' | 'time';
         /**
@@ -2436,182 +2334,35 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsDivider {
+    interface TdsDivider {
         /**
           * Orientation of the Divider, horizontal if not specified.
          */
         "orientation"?: 'horizontal' | 'vertical';
     }
-    interface SddsDropdown {
-        /**
-          * Add the value of the option as string to set it as default
-         */
-        "defaultOption"?: string;
-        /**
-          * Set to true for disabled states
-         */
-        "disabled"?: boolean;
-        /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper"?: string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline"?: boolean;
-        /**
-          * Label text for label inside & outside
-         */
-        "label"?: string;
-        /**
-          * Controls position of label
-         */
-        "labelPosition"?: 'no-label' | 'inside' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection"?: 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selectedLabel item
-         */
-        "placeholder"?: string;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption"?: string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state"?: boolean;
-        /**
-          * `Controls type of dropdown.
-         */
-        "type"?: 'default' | 'multiselect' | 'filter';
-    }
-    interface SddsDropdownFilter {
-        /**
-          * Data is an array of objects that contains label and value `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-         */
-        "data"?: string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "defaultOption"?: string;
-        /**
-          * Add the value of the option to set it as default
-         */
-        "disabled"?: boolean;
+    interface TdsDropdown {
         /**
-          * Add helper text in the bottom of dropdown
-         */
-        "helper"?: string;
-        /**
-          * Set to true to make the width following the label text length
-         */
-        "inline"?: boolean;
-        /**
-          * Label for dropdown with no selected item
-         */
-        "label"?: string;
-        /**
-          * Position of label
-         */
-        "labelPosition"?: 'no-label' | 'outside';
-        /**
-          * Set the variant of the dropdown.
-         */
-        "modeVariant"?: 'primary' | 'secondary';
-        /**
-          * Direction that the dropdown will open. Default is auto.
-         */
-        "openDirection"?: 'down' | 'up' | 'auto';
-        /**
-          * Placeholder text for dropdown with no selected item
-         */
-        "placeholder"?: string;
-        /**
-          * Add the value of the option as string to set it as new selected value
-         */
-        "selectedOption"?: string;
-        /**
-          * Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated
-         */
-        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-        /**
-          * Support `error` state
-         */
-        "state"?: boolean;
-    }
-    interface SddsDropdownOption {
-        /**
-          * Sets option to disabled state if true
-         */
-        "disabled"?: boolean;
-        /**
-          * Selected set to true if selected
-         */
-        "selected"?: boolean;
-        /**
-          * Value is a unique string that will be used for application logic
-         */
-        "value"?: string;
-    }
-    interface SddsDropdownOptionV2 {
-        /**
-          * Sets the option as disabled.
-         */
-        "disabled"?: boolean;
-        /**
-          * Blur event for the dropdown option.
-         */
-        "onSddsBlur"?: (event: SddsDropdownOptionV2CustomEvent<FocusEvent>) => void;
-        /**
-          * Focus event for the dropdown option.
-         */
-        "onSddsFocus"?: (event: SddsDropdownOptionV2CustomEvent<FocusEvent>) => void;
-        /**
-          * Click event for the dropdown option.
-         */
-        "onSddsSelect"?: (event: SddsDropdownOptionV2CustomEvent<{
-    selected: boolean;
-    value: string;
-  }>) => void;
-        /**
-          * Value for the dropdown option.
-         */
-        "value"?: string;
-    }
-    interface SddsDropdownV2 {
-        /**
-          * Default value selected in the dropdown.
+          * Default value selected in the Dropdown.
          */
         "defaultValue"?: string;
         /**
-          * Sets the dropdown in a disabled state
+          * Sets the Dropdown in a disabled state
          */
         "disabled"?: boolean;
         /**
-          * Sets the dropdown in an error state
+          * Sets the Dropdown in an error state
          */
         "error"?: boolean;
         /**
-          * Enables filtration in the dropdown.
+          * Enables filtration in the Dropdown.
          */
         "filter"?: boolean;
         /**
-          * Helper text for the dropdown.
+          * Helper text for the Dropdown.
          */
         "helper"?: string;
         /**
-          * Label text for the dropdown.
+          * Label text for the Dropdown.
          */
         "label"?: string;
         /**
@@ -2623,11 +2374,11 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Enables multiselect in the dropdown.
+          * Enables multiselect in the Dropdown.
          */
         "multiselect"?: boolean;
         /**
-          * Name for the dropdowns input element.
+          * Name for the Dropdowns input element.
          */
         "name"?: string;
         /**
@@ -2635,124 +2386,141 @@ declare namespace LocalJSX {
          */
         "noResultText"?: string;
         /**
-          * Blur event for the dropdown.
+          * Blur event for the Dropdown.
          */
-        "onSddsBlur"?: (event: SddsDropdownV2CustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsDropdownCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the dropdown.
+          * Change event for the Dropdown.
          */
-        "onSddsChange"?: (event: SddsDropdownV2CustomEvent<{
+        "onTdsChange"?: (event: TdsDropdownCustomEvent<{
     name: string;
     value: string;
   }>) => void;
         /**
-          * Focus event for the dropdown.
+          * Focus event for the Dropdown.
          */
-        "onSddsFocus"?: (event: SddsDropdownV2CustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsDropdownCustomEvent<FocusEvent>) => void;
         /**
-          * Input event for the dropdown.
+          * Input event for the Dropdown.
          */
-        "onSddsInput"?: (event: SddsDropdownV2CustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
         /**
-          * The direction the dropdown should open, auto if not specified.
+          * The direction the Dropdown should open, auto if not specified.
          */
         "openDirection"?: 'up' | 'down' | 'auto';
         /**
-          * Populate the dropdown via a JSON array
-         */
-        "options"?: Array<{ value: string; label: string; disabled: boolean }>;
-        /**
-          * Placeholder text for the dropdown.
+          * Placeholder text for the Dropdown.
          */
         "placeholder"?: string;
         /**
-          * The size of the dropdown.
+          * The size of the Dropdown.
          */
         "size"?: 'sm' | 'md' | 'lg';
     }
-    interface SddsFolderTab {
+    interface TdsDropdownOption {
         /**
-          * Disables the tab.
+          * Sets the option as disabled.
          */
         "disabled"?: boolean;
+        /**
+          * Blur event for the Dropdown option.
+         */
+        "onTdsBlur"?: (event: TdsDropdownOptionCustomEvent<FocusEvent>) => void;
+        /**
+          * Focus event for the Dropdown option.
+         */
+        "onTdsFocus"?: (event: TdsDropdownOptionCustomEvent<FocusEvent>) => void;
+        /**
+          * Click event for the Dropdown option.
+         */
+        "onTdsSelect"?: (event: TdsDropdownOptionCustomEvent<{
+    selected: boolean;
+    value: string;
+  }>) => void;
+        /**
+          * Value for the Dropdown option.
+         */
+        "value"?: string;
     }
-    interface SddsFolderTabs {
+    interface TdsFolderTab {
         /**
-          * Sets the default selected tab.
+          * Disables the Tab.
+         */
+        "disabled"?: boolean;
+    }
+    interface TdsFolderTabs {
+        /**
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Event emitted when the selected tab is changed.
+          * Event emitted when the selected Tab is changed.
          */
-        "onSddsChange"?: (event: SddsFolderTabsCustomEvent<{
+        "onTdsChange"?: (event: TdsFolderTabsCustomEvent<{
     selectedTabIndex: number;
   }>) => void;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
     }
-    interface SddsFooter {
+    interface TdsFooter {
         /**
           * Mode variant of the component, based on current mode.
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
-    interface SddsFooterGroup {
+    interface TdsFooterGroup {
         /**
-          * Title text for the link group, only valid on top part of footer.
+          * Title text for the link group, only valid on top part of Footer.
          */
         "titleText"?: string;
     }
-    interface SddsFooterItem {
+    interface TdsFooterItem {
     }
-    interface SddsHeader {
+    interface TdsHeader {
     }
-    interface SddsHeaderBrandSymbol {
-        /**
-          * The href for the logo link.
-         */
-        "linkHref"?: string;
+    interface TdsHeaderBrandSymbol {
     }
-    interface SddsHeaderCell {
+    interface TdsHeaderCell {
         /**
-          * Value of column key, usually comes from JSON, needed for sorting
+          * The value of column key, usually comes from JSON, needed for sorting
          */
-        "columnKey"?: string;
+        "cellKey"?: string;
         /**
           * Text that displays in column cell
          */
-        "columnTitle"?: string;
+        "cellValue"?: string;
         /**
-          * In case noMinWidth setting, user has to specify width value for each column, for example "150px"
+          * In case noMinWidth is set, the user has to specify width value for each column.
          */
         "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<{
+        "onTdsSort"?: (event: TdsHeaderCellCustomEvent<{
     tableId: string;
     columnKey: string;
     sortingDirection: 'asc' | 'desc';
   }>) => void;
         /**
-          * If passed as prop, enables sorting on that column
+          * Enables sorting on that column
          */
         "sortable"?: boolean;
         /**
-          * Setting for text align, default is left, but user can pass "right" as string - useful for numeric values
+          * Setting for text align, default is left. Other accepted values are "right" or "end".
          */
         "textAlign"?: string;
     }
-    interface SddsHeaderDropdown {
+    interface TdsHeaderDropdown {
         /**
-          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+          * The label of the button that opens the dropdown. This is an alternative to the label slot.
          */
-        "buttonLabel"?: string;
+        "label"?: string;
         /**
           * If the dropdown icon (downwards chevron) should be hidden.
          */
@@ -2762,24 +2530,27 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsHeaderDropdownList {
-        "type"?: 'lg' | 'md';
+    interface TdsHeaderDropdownList {
+        /**
+          * The size of the component.
+         */
+        "size"?: 'lg' | 'md';
     }
-    interface SddsHeaderDropdownListItem {
+    interface TdsHeaderDropdownListItem {
         /**
           * If the link should appear selected.
          */
         "selected"?: boolean;
         /**
-          * The type of the list.
+          * The size of the component.
          */
-        "type"?: 'md' | 'lg';
+        "size"?: 'md' | 'lg';
     }
-    interface SddsHeaderDropdownListUser {
+    interface TdsHeaderDropdownListUser {
         /**
-          * Heading, usually the users first name and last name.
+          * Header text, usually the users first name and last name.
          */
-        "heading"?: string;
+        "header"?: string;
         /**
           * Image alt text.
          */
@@ -2789,13 +2560,13 @@ declare namespace LocalJSX {
          */
         "imgUrl"?: string;
         /**
-          * Subheading.
+          * Subheader text.
          */
-        "subheading"?: string;
+        "subheader"?: string;
     }
-    interface SddsHeaderHamburger {
+    interface TdsHeaderHamburger {
     }
-    interface SddsHeaderItem {
+    interface TdsHeaderItem {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -2805,31 +2576,31 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsHeaderLauncher {
+    interface TdsHeaderLauncher {
     }
-    interface SddsHeaderLauncherButton {
+    interface TdsHeaderLauncherButton {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
         "active"?: boolean;
     }
-    interface SddsHeaderLauncherGrid {
+    interface TdsHeaderLauncherGrid {
     }
-    interface SddsHeaderLauncherGridItem {
+    interface TdsHeaderLauncherGridItem {
     }
-    interface SddsHeaderLauncherGridTitle {
+    interface TdsHeaderLauncherGridTitle {
     }
-    interface SddsHeaderLauncherList {
+    interface TdsHeaderLauncherList {
     }
-    interface SddsHeaderLauncherListItem {
+    interface TdsHeaderLauncherListItem {
     }
-    interface SddsHeaderLauncherListTitle {
+    interface TdsHeaderLauncherListTitle {
     }
-    interface SddsHeaderTitle {
+    interface TdsHeaderTitle {
     }
-    interface SddsIcon {
+    interface TdsIcon {
         /**
-          * Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook
+          * Pass a name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
          */
         "name"?: string;
         /**
@@ -2837,46 +2608,49 @@ 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<{
+        /**
+          * Event emitted when the selected Tab is changed.
+         */
+        "onTdsChange"?: (event: TdsInlineTabsCustomEvent<{
     selectedTabIndex: number;
   }>) => void;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
     }
-    interface SddsLink {
+    interface TdsLink {
         /**
-          * Disables the link
+          * Disables the Link
          */
         "disabled"?: boolean;
         /**
-          * Displays the link with an underline.
+          * Displays the Link with an underline.
          */
         "underline"?: boolean;
     }
-    interface SddsMessage {
+    interface TdsMessage {
         /**
           * Header text for the component.
          */
         "header"?: string;
         /**
-          * Minimal message styling.
+          * Minimal Message styling.
          */
         "minimal"?: boolean;
         /**
@@ -2884,71 +2658,75 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Removes the icon in the message.
+          * Removes the icon in the Message.
          */
         "noIcon"?: boolean;
         /**
-          * Type of message.
+          * Variant of Message.
          */
-        "type"?: 'information' | 'error' | 'warning' | 'success';
+        "variant"?: 'information' | 'error' | 'warning' | 'success';
     }
-    interface SddsModal {
+    interface TdsModal {
         /**
-          * Sticky or Static Actions
+          * Changes the position behaviour of the actions slot.
          */
-        "actions"?: 'sticky' | 'static';
+        "actionsPosition"?: 'sticky' | 'static';
         /**
-          * Emitts when the modal is closed.
+          * Sets the header of the Modal.
          */
-        "onSddsClose"?: (event: SddsModalCustomEvent<any>) => void;
+        "header"?: string;
+        /**
+          * Emits when the Modal is closed.
+         */
+        "onTdsClose"?: (event: TdsModalCustomEvent<any>) => void;
         /**
-          * Disables closing modal on clicking on overlay area.
+          * Disables closing Modal on clicking on overlay area.
          */
         "prevent"?: boolean;
         /**
-          * Element that will show the modal (takes priority over selector)
+          * Element that will show the Modal (takes priority over selector)
          */
-        "referenceEl"?: HTMLElement;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * CSS selector for the element that will show the modal.
+          * CSS selector for the element that will show the Modal.
          */
         "selector"?: string;
         /**
-          * Controls whether the modal is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
+          * Controls whether the Modal is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside.
          */
         "show"?: boolean;
         /**
-          * Size of modal
+          * Size of Modal
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
     }
-    interface SddsNavigationTab {
+    interface TdsNavigationTab {
         /**
-          * Disables the tab.
+          * Disables the Tab.
          */
         "disabled"?: boolean;
     }
-    interface SddsNavigationTabs {
+    interface TdsNavigationTabs {
         /**
-          * Sets the default selected tab.
+          * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Variant of the Tabs, primary= on white, secondary= on grey50
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Event emitted when the selected tab is changed.
+          * Event emitted when the selected Tab is changed.
          */
-        "onSddsChange"?: (event: SddsNavigationTabsCustomEvent<{
+        "onTdsChange"?: (event: TdsNavigationTabsCustomEvent<{
     selectedTabIndex: number;
   }>) => void;
         /**
-          * Sets the selected tab. If this is set all tab changes needs to be handled by the user.
+          * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
     }
-    interface SddsPopoverCanvas {
+    interface TdsPopoverCanvas {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -2966,19 +2744,27 @@ 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;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * 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 TdsPopoverCore {
+        /**
+          * Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
+         */
+        "autoHide"?: boolean;
+        /**
+          * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
+         */
+        "modifiers"?: Object[];
         /**
           * Sets the offset distance
          */
@@ -2992,44 +2778,84 @@ 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;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * 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;
         /**
           * Decides if the Popover Menu should be visible from the start
          */
         "show"?: boolean;
+        /**
+          * What triggers the popover to show
+         */
+        "trigger"?: 'click' | 'hover' | 'hover-popover';
     }
-    interface SddsRadioButton {
+    interface TdsPopoverMenu {
+        /**
+          * If true this unsets the width (160px) of the Popover Menu
+         */
+        "fluidWidth"?: boolean;
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance"?: number;
         /**
-          * Decides if the radio button is checked or not.
+          * Sets the offset skidding
+         */
+        "offsetSkidding"?: number;
+        /**
+          * Decides the placement of the Popover Menu
+         */
+        "placement"?: Placement;
+        /**
+          * Element that will trigger the pop-over (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement | null;
+        /**
+          * The CSS-selector for an element that will trigger the pop-over
+         */
+        "selector"?: string;
+        /**
+          * 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. This also means that clicking outside of the popover won't close it.
+         */
+        "show"?: boolean;
+    }
+    interface TdsPopoverMenuItem {
+        /**
+          * Disables the Popover Menu Item
+         */
+        "disabled"?: boolean;
+    }
+    interface TdsRadioButton {
+        /**
+          * 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;
         /**
@@ -3037,35 +2863,35 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface SddsSideMenu {
+    interface TdsSideMenu {
         /**
-          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event.
+          * If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event.
          */
         "collapsed"?: boolean;
         /**
-          * Event that is emitted when the side menu is collapsed.
+          * Event that is emitted when the Side Menu is collapsed.
          */
-        "onSddsCollapse"?: (event: SddsSideMenuCustomEvent<CollapseEvent>) => void;
+        "onTdsCollapse"?: (event: TdsSideMenuCustomEvent<CollapseEvent>) => void;
         /**
-          * Applicable only for mobile. If the side menu is open or not.
+          * Applicable only for mobile. If the Side Menu is open or not.
          */
         "open"?: boolean;
         /**
-          * Applicable only for desktop. If the side menu should always be shown.
+          * 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 broadcasted when the collapse button is clicked. Prevent it to disable automatic collapsing, and set the collapsed prop on the side menu yourself.
+          * Event that is broadcast when the collapse button is clicked. Prevent it from disabling automatic collapsing, and set the collapsed prop on the Side Menu yourself.
          */
-        "onSddsCollapse"?: (event: SddsSideMenuCollapseButtonCustomEvent<CollapseEvent1>) => void;
+        "onTdsCollapse"?: (event: TdsSideMenuCollapseButtonCustomEvent<CollapseEvent1>) => void;
     }
-    interface SddsSideMenuDropdown {
+    interface TdsSideMenuDropdown {
         /**
-          * The label of the button that opens the dropdown. This is an alternative to the button-label slot.
+          * The label of the button that opens the dropdown. This is an alternative to the label slot.
          */
         "buttonLabel"?: string;
         /**
@@ -3077,15 +2903,15 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuDropdownList {
+    interface TdsSideMenuDropdownList {
     }
-    interface SddsSideMenuDropdownListItem {
+    interface TdsSideMenuDropdownListItem {
         /**
           * If the item should appear selected.
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuItem {
+    interface TdsSideMenuItem {
         /**
           * If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
          */
@@ -3095,9 +2921,9 @@ declare namespace LocalJSX {
          */
         "selected"?: boolean;
     }
-    interface SddsSideMenuOverlay {
+    interface TdsSideMenuOverlay {
     }
-    interface SddsSideMenuUser {
+    interface TdsSideMenuUser {
         /**
           * The heading text.
          */
@@ -3115,7 +2941,7 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
-    interface SddsSideMenuUserImage {
+    interface TdsSideMenuUserImage {
         /**
           * The image alt text.
          */
@@ -3125,7 +2951,7 @@ declare namespace LocalJSX {
          */
         "src"?: string;
     }
-    interface SddsSideMenuUserLabel {
+    interface TdsSideMenuUserLabel {
         /**
           * The heading text.
          */
@@ -3135,7 +2961,7 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
-    interface SddsSlider {
+    interface TdsSlider {
         /**
           * Decide to show the controls or not
          */
@@ -3167,33 +2993,33 @@ declare namespace LocalJSX {
         /**
           * Sends the value of the slider when changed.
          */
-        "onSddsChange"?: (event: SddsSliderCustomEvent<{
+        "onTdsChange"?: (event: TdsSliderCustomEvent<{
     value: string;
   }>) => void;
         /**
           * Sets the read only state for the whole component
          */
         "readOnly"?: boolean;
-        /**
-          * Sets the size of the scrubber
-         */
-        "scrubberSize"?: 'sm' | 'lg';
         /**
           * Decide to show numbers above the tick markers or not
          */
         "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;
         /**
           * Defines how much to increment/decrement the value when using controls
          */
         "step"?: string;
+        /**
+          * Sets the size of the thumb
+         */
+        "thumbSize"?: 'sm' | 'lg';
         /**
           * Number of tick markers (tick for min- and max-value will be added automatically)
          */
@@ -3207,28 +3033,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';
         /**
@@ -3236,47 +3072,37 @@ 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;
+        "expandableRows"?: boolean;
         /**
-          * Enables multiselect feature of data-table
+          * Variant of the component, based on current mode.
          */
-        "enableMultiselect"?: boolean;
+        "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Enables table to take 100% available width with equal spacing of columns
+          * Enables multiselect feature of Table
          */
-        "enableResponsive"?: boolean;
+        "multiselect"?: boolean;
         /**
-          * Variant of the component, based on current mode.
+          * Enables to customize width on Table columns
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "noMinWidth"?: boolean;
         /**
-          * Enables to customise width on data-table columns
+          * Enables Table to take 100% available width with equal spacing of columns
          */
-        "noMinWidth"?: boolean;
+        "responsive"?: boolean;
         /**
-          * ID used for internal table functionality and events, must be unique.  **NOTE**: If you're listening for table events you need to set this ID yourself to identify the table, as the default ID is random and will be different every time.
+          * ID used for internal Table functionality and events, must be unique.  **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
          */
         "tableId"?: string;
         /**
@@ -3284,40 +3110,44 @@ declare namespace LocalJSX {
          */
         "verticalDividers"?: boolean;
     }
-    interface SddsTableBody {
+    interface TdsTableBody {
+    }
+    interface TdsTableBodyRow {
         /**
-          * Prop to pass JSON string which enables automatic rendering of table rows and cells
+          * Event emitted when a row is selected/deselected.
          */
-        "bodyData"?: any;
+        "onTdsSelect"?: (event: TdsTableBodyRowCustomEvent<{
+    tableId: string;
+    checked: boolean;
+    selectedRows: any[];
+  }>) => void;
         /**
-          * Prop for showcase of rendering JSON in body-data, just for presentation purposes
+          * Marks the row as selected, used for multiselect table.
          */
-        "enableDummyData"?: boolean;
-    }
-    interface SddsTableBodyRow {
+        "selected"?: boolean;
     }
-    interface SddsTableBodyRowExpandable {
+    interface TdsTableBodyRowExpandable {
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
          */
         "colSpan"?: number;
     }
-    interface SddsTableFooter {
+    interface TdsTableFooter {
         /**
-          * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
-         */
-        "clientSetColumnsNumber"?: number;
-        /**
-          * Prop for client to set max number of pages.
+          * <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
          */
-        "maxPages"?: number;
+        "cols"?: number;
         /**
-          * Event to send current page value to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
+          * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
-        "onSddsPageChange"?: (event: SddsTableFooterCustomEvent<{
+        "onTdsPagination"?: (event: TdsTableFooterCustomEvent<{
     tableId: string;
     paginationValue: number;
   }>) => void;
+        /**
+          * Sets the number of pages.
+         */
+        "pages"?: number;
         /**
           * Enable pagination and show pagination controls
          */
@@ -3326,39 +3156,43 @@ declare namespace LocalJSX {
           * Sets the pagination number.
          */
         "paginationValue"?: number;
+    }
+    interface TdsTableHeader {
         /**
-          * Sets how many rows to display when pagination is enabled.
+          * Prop for controling the checked/unchecked state of the "all selected"-checkbox.
          */
-        "rowsPerPage"?: number;
-    }
-    interface SddsTableHeader {
+        "allSelected"?: boolean;
+        /**
+          * Event emitted when the status of the select all checkbox changes.
+         */
+        "onTdsSelectAll"?: (event: TdsTableHeaderCustomEvent<{
+    tableId: string;
+    checked: boolean;
+    selectedRows: any[];
+  }>) => void;
     }
-    interface SddsTableToolbar {
+    interface TdsTableToolbar {
         /**
           * Enables preview of searchbar
          */
-        "enableFiltering"?: boolean;
+        "filter"?: boolean;
         /**
-          * Used for sending users input to main parent <sdds-table> component, can also be listened to in order to implement custom sorting logic.
+          * Used for sending users' input to the main parent tds-table the component, can also be listened to in order to implement custom sorting logic.
          */
-        "onSddsFilterChange"?: (event: SddsTableToolbarCustomEvent<{
+        "onTdsFilter"?: (event: TdsTableToolbarCustomEvent<{
     tableId: string;
     query: string;
   }>) => void;
         /**
-          * Adds title to the data-table
+          * Adds title to the Table
          */
         "tableTitle"?: string;
     }
-    interface SddsTextarea {
+    interface TdsTextField {
         /**
-          * Control of autofocus
-         */
-        "autoFocus"?: boolean;
-        /**
-          * Textarea cols attribute
+          * Autofocus for input
          */
-        "cols"?: number;
+        "autofocus"?: boolean;
         /**
           * Set input in disabled state
          */
@@ -3372,7 +3206,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Text Field.
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -3380,11 +3214,11 @@ 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;
         /**
@@ -3392,21 +3226,21 @@ declare namespace LocalJSX {
          */
         "noMinWidth"?: boolean;
         /**
-          * Blur event for the textarea
+          * Blur event for the Text Field
          */
-        "onSddsBlur"?: (event: SddsTextareaCustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsTextFieldCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the textarea
+          * Change event for the Text Field
          */
-        "onSddsChange"?: (event: SddsTextareaCustomEvent<any>) => void;
+        "onTdsChange"?: (event: TdsTextFieldCustomEvent<any>) => void;
         /**
-          * Focus event for the textarea
+          * Focus event for the Text Field
          */
-        "onSddsFocus"?: (event: SddsTextareaCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsTextFieldCustomEvent<FocusEvent>) => void;
         /**
-          * Input event for the textarea
+          * Input event for the Text Field
          */
-        "onSddsInput"?: (event: SddsTextareaCustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsTextFieldCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
          */
@@ -3416,23 +3250,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;
+        /**
+          * Textarea cols attribute
+         */
+        "cols"?: number;
         /**
           * Set input in disabled state
          */
@@ -3446,7 +3288,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Position of the label for the textfield.
+          * Position of the label for the Textarea.
          */
         "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
@@ -3454,33 +3296,33 @@ declare namespace LocalJSX {
          */
         "maxLength"?: number;
         /**
-          * Mode variant of the textfield
+          * Mode variant of the Textarea
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Name property
+          * Name attribute
          */
         "name"?: string;
         /**
-          * With setting
+          * Unset minimum width of 208px.
          */
         "noMinWidth"?: boolean;
         /**
-          * Blur event for the textfield
+          * Blur event for the Textarea
          */
-        "onSddsBlur"?: (event: SddsTextfieldCustomEvent<FocusEvent>) => void;
+        "onTdsBlur"?: (event: TdsTextareaCustomEvent<FocusEvent>) => void;
         /**
-          * Change event for the textfield
+          * Change event for the Textarea
          */
-        "onSddsChange"?: (event: SddsTextfieldCustomEvent<any>) => void;
+        "onTdsChange"?: (event: TdsTextareaCustomEvent<any>) => void;
         /**
-          * Focus event for the textfield
+          * Focus event for the Textarea
          */
-        "onSddsFocus"?: (event: SddsTextfieldCustomEvent<FocusEvent>) => void;
+        "onTdsFocus"?: (event: TdsTextareaCustomEvent<FocusEvent>) => void;
         /**
-          * Input event for the textfield
+          * Input event for the Textarea
          */
-        "onSddsInput"?: (event: SddsTextfieldCustomEvent<InputEvent>) => void;
+        "onTdsInput"?: (event: TdsTextareaCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
          */
@@ -3490,35 +3332,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;
         /**
@@ -3526,70 +3364,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';
+        "variant"?: '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;
+        "referenceEl"?: HTMLElement | null;
         /**
-          * The CSS-selector for an element that will trigger the tooltip
+          * The CSS-selector for an element that will trigger the Tooltip
          */
         "selector"?: string;
         /**
@@ -3597,179 +3435,177 @@ 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-dropdown-option-v2": SddsDropdownOptionV2;
-        "sdds-dropdown-v2": SddsDropdownV2;
-        "sdds-folder-tab": SddsFolderTab;
-        "sdds-folder-tabs": SddsFolderTabs;
-        "sdds-footer": SddsFooter;
-        "sdds-footer-group": SddsFooterGroup;
-        "sdds-footer-item": SddsFooterItem;
-        "sdds-header": SddsHeader;
-        "sdds-header-brand-symbol": SddsHeaderBrandSymbol;
-        "sdds-header-cell": SddsHeaderCell;
-        "sdds-header-dropdown": SddsHeaderDropdown;
-        "sdds-header-dropdown-list": SddsHeaderDropdownList;
-        "sdds-header-dropdown-list-item": SddsHeaderDropdownListItem;
-        "sdds-header-dropdown-list-user": SddsHeaderDropdownListUser;
-        "sdds-header-hamburger": SddsHeaderHamburger;
-        "sdds-header-item": SddsHeaderItem;
-        "sdds-header-launcher": SddsHeaderLauncher;
-        "sdds-header-launcher-button": SddsHeaderLauncherButton;
-        "sdds-header-launcher-grid": SddsHeaderLauncherGrid;
-        "sdds-header-launcher-grid-item": SddsHeaderLauncherGridItem;
-        "sdds-header-launcher-grid-title": SddsHeaderLauncherGridTitle;
-        "sdds-header-launcher-list": SddsHeaderLauncherList;
-        "sdds-header-launcher-list-item": SddsHeaderLauncherListItem;
-        "sdds-header-launcher-list-title": SddsHeaderLauncherListTitle;
-        "sdds-header-title": SddsHeaderTitle;
-        "sdds-icon": SddsIcon;
-        "sdds-inline-tab": SddsInlineTab;
-        "sdds-inline-tabs": SddsInlineTabs;
-        "sdds-link": SddsLink;
-        "sdds-message": SddsMessage;
-        "sdds-modal": SddsModal;
-        "sdds-navigation-tab": SddsNavigationTab;
-        "sdds-navigation-tabs": SddsNavigationTabs;
-        "sdds-popover-canvas": SddsPopoverCanvas;
-        "sdds-popover-menu": SddsPopoverMenu;
-        "sdds-radio-button": SddsRadioButton;
-        "sdds-side-menu": SddsSideMenu;
-        "sdds-side-menu-close-button": SddsSideMenuCloseButton;
-        "sdds-side-menu-collapse-button": SddsSideMenuCollapseButton;
-        "sdds-side-menu-dropdown": SddsSideMenuDropdown;
-        "sdds-side-menu-dropdown-list": SddsSideMenuDropdownList;
-        "sdds-side-menu-dropdown-list-item": SddsSideMenuDropdownListItem;
-        "sdds-side-menu-item": SddsSideMenuItem;
-        "sdds-side-menu-overlay": SddsSideMenuOverlay;
-        "sdds-side-menu-user": SddsSideMenuUser;
-        "sdds-side-menu-user-image": SddsSideMenuUserImage;
-        "sdds-side-menu-user-label": SddsSideMenuUserLabel;
-        "sdds-slider": SddsSlider;
-        "sdds-spinner": SddsSpinner;
-        "sdds-stepper": SddsStepper;
-        "sdds-stepper-item": SddsStepperItem;
-        "sdds-table": SddsTable;
-        "sdds-table-body": SddsTableBody;
-        "sdds-table-body-row": SddsTableBodyRow;
-        "sdds-table-body-row-expandable": SddsTableBodyRowExpandable;
-        "sdds-table-footer": SddsTableFooter;
-        "sdds-table-header": SddsTableHeader;
-        "sdds-table-toolbar": SddsTableToolbar;
-        "sdds-textarea": SddsTextarea;
-        "sdds-textfield": SddsTextfield;
-        "sdds-toast": SddsToast;
-        "sdds-toggle": SddsToggle;
-        "sdds-tooltip": SddsTooltip;
+        "tds-accordion": TdsAccordion;
+        "tds-accordion-item": TdsAccordionItem;
+        "tds-badge": TdsBadge;
+        "tds-banner": TdsBanner;
+        "tds-block": TdsBlock;
+        "tds-body-cell": TdsBodyCell;
+        "tds-breadcrumb": TdsBreadcrumb;
+        "tds-breadcrumbs": TdsBreadcrumbs;
+        "tds-button": TdsButton;
+        "tds-card": TdsCard;
+        "tds-checkbox": TdsCheckbox;
+        "tds-chip": TdsChip;
+        "tds-core-header-item": TdsCoreHeaderItem;
+        "tds-datetime": TdsDatetime;
+        "tds-divider": TdsDivider;
+        "tds-dropdown": TdsDropdown;
+        "tds-dropdown-option": TdsDropdownOption;
+        "tds-folder-tab": TdsFolderTab;
+        "tds-folder-tabs": TdsFolderTabs;
+        "tds-footer": TdsFooter;
+        "tds-footer-group": TdsFooterGroup;
+        "tds-footer-item": TdsFooterItem;
+        "tds-header": TdsHeader;
+        "tds-header-brand-symbol": TdsHeaderBrandSymbol;
+        "tds-header-cell": TdsHeaderCell;
+        "tds-header-dropdown": TdsHeaderDropdown;
+        "tds-header-dropdown-list": TdsHeaderDropdownList;
+        "tds-header-dropdown-list-item": TdsHeaderDropdownListItem;
+        "tds-header-dropdown-list-user": TdsHeaderDropdownListUser;
+        "tds-header-hamburger": TdsHeaderHamburger;
+        "tds-header-item": TdsHeaderItem;
+        "tds-header-launcher": TdsHeaderLauncher;
+        "tds-header-launcher-button": TdsHeaderLauncherButton;
+        "tds-header-launcher-grid": TdsHeaderLauncherGrid;
+        "tds-header-launcher-grid-item": TdsHeaderLauncherGridItem;
+        "tds-header-launcher-grid-title": TdsHeaderLauncherGridTitle;
+        "tds-header-launcher-list": TdsHeaderLauncherList;
+        "tds-header-launcher-list-item": TdsHeaderLauncherListItem;
+        "tds-header-launcher-list-title": TdsHeaderLauncherListTitle;
+        "tds-header-title": TdsHeaderTitle;
+        "tds-icon": TdsIcon;
+        "tds-inline-tab": TdsInlineTab;
+        "tds-inline-tabs": TdsInlineTabs;
+        "tds-link": TdsLink;
+        "tds-message": TdsMessage;
+        "tds-modal": TdsModal;
+        "tds-navigation-tab": TdsNavigationTab;
+        "tds-navigation-tabs": TdsNavigationTabs;
+        "tds-popover-canvas": TdsPopoverCanvas;
+        "tds-popover-core": TdsPopoverCore;
+        "tds-popover-menu": TdsPopoverMenu;
+        "tds-popover-menu-item": TdsPopoverMenuItem;
+        "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-dropdown-option-v2": LocalJSX.SddsDropdownOptionV2 & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionV2Element>;
-            "sdds-dropdown-v2": LocalJSX.SddsDropdownV2 & JSXBase.HTMLAttributes<HTMLSddsDropdownV2Element>;
-            "sdds-folder-tab": LocalJSX.SddsFolderTab & JSXBase.HTMLAttributes<HTMLSddsFolderTabElement>;
-            "sdds-folder-tabs": LocalJSX.SddsFolderTabs & JSXBase.HTMLAttributes<HTMLSddsFolderTabsElement>;
-            "sdds-footer": LocalJSX.SddsFooter & JSXBase.HTMLAttributes<HTMLSddsFooterElement>;
-            "sdds-footer-group": LocalJSX.SddsFooterGroup & JSXBase.HTMLAttributes<HTMLSddsFooterGroupElement>;
-            "sdds-footer-item": LocalJSX.SddsFooterItem & JSXBase.HTMLAttributes<HTMLSddsFooterItemElement>;
-            "sdds-header": LocalJSX.SddsHeader & JSXBase.HTMLAttributes<HTMLSddsHeaderElement>;
-            "sdds-header-brand-symbol": LocalJSX.SddsHeaderBrandSymbol & JSXBase.HTMLAttributes<HTMLSddsHeaderBrandSymbolElement>;
-            "sdds-header-cell": LocalJSX.SddsHeaderCell & JSXBase.HTMLAttributes<HTMLSddsHeaderCellElement>;
-            "sdds-header-dropdown": LocalJSX.SddsHeaderDropdown & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownElement>;
-            "sdds-header-dropdown-list": LocalJSX.SddsHeaderDropdownList & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownListElement>;
-            "sdds-header-dropdown-list-item": LocalJSX.SddsHeaderDropdownListItem & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownListItemElement>;
-            "sdds-header-dropdown-list-user": LocalJSX.SddsHeaderDropdownListUser & JSXBase.HTMLAttributes<HTMLSddsHeaderDropdownListUserElement>;
-            "sdds-header-hamburger": LocalJSX.SddsHeaderHamburger & JSXBase.HTMLAttributes<HTMLSddsHeaderHamburgerElement>;
-            "sdds-header-item": LocalJSX.SddsHeaderItem & JSXBase.HTMLAttributes<HTMLSddsHeaderItemElement>;
-            "sdds-header-launcher": LocalJSX.SddsHeaderLauncher & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherElement>;
-            "sdds-header-launcher-button": LocalJSX.SddsHeaderLauncherButton & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherButtonElement>;
-            "sdds-header-launcher-grid": LocalJSX.SddsHeaderLauncherGrid & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherGridElement>;
-            "sdds-header-launcher-grid-item": LocalJSX.SddsHeaderLauncherGridItem & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherGridItemElement>;
-            "sdds-header-launcher-grid-title": LocalJSX.SddsHeaderLauncherGridTitle & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherGridTitleElement>;
-            "sdds-header-launcher-list": LocalJSX.SddsHeaderLauncherList & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherListElement>;
-            "sdds-header-launcher-list-item": LocalJSX.SddsHeaderLauncherListItem & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherListItemElement>;
-            "sdds-header-launcher-list-title": LocalJSX.SddsHeaderLauncherListTitle & JSXBase.HTMLAttributes<HTMLSddsHeaderLauncherListTitleElement>;
-            "sdds-header-title": LocalJSX.SddsHeaderTitle & JSXBase.HTMLAttributes<HTMLSddsHeaderTitleElement>;
-            "sdds-icon": LocalJSX.SddsIcon & JSXBase.HTMLAttributes<HTMLSddsIconElement>;
-            "sdds-inline-tab": LocalJSX.SddsInlineTab & JSXBase.HTMLAttributes<HTMLSddsInlineTabElement>;
-            "sdds-inline-tabs": LocalJSX.SddsInlineTabs & JSXBase.HTMLAttributes<HTMLSddsInlineTabsElement>;
-            "sdds-link": LocalJSX.SddsLink & JSXBase.HTMLAttributes<HTMLSddsLinkElement>;
-            "sdds-message": LocalJSX.SddsMessage & JSXBase.HTMLAttributes<HTMLSddsMessageElement>;
-            "sdds-modal": LocalJSX.SddsModal & JSXBase.HTMLAttributes<HTMLSddsModalElement>;
-            "sdds-navigation-tab": LocalJSX.SddsNavigationTab & JSXBase.HTMLAttributes<HTMLSddsNavigationTabElement>;
-            "sdds-navigation-tabs": LocalJSX.SddsNavigationTabs & JSXBase.HTMLAttributes<HTMLSddsNavigationTabsElement>;
-            "sdds-popover-canvas": LocalJSX.SddsPopoverCanvas & JSXBase.HTMLAttributes<HTMLSddsPopoverCanvasElement>;
-            "sdds-popover-menu": LocalJSX.SddsPopoverMenu & JSXBase.HTMLAttributes<HTMLSddsPopoverMenuElement>;
-            "sdds-radio-button": LocalJSX.SddsRadioButton & JSXBase.HTMLAttributes<HTMLSddsRadioButtonElement>;
-            "sdds-side-menu": LocalJSX.SddsSideMenu & JSXBase.HTMLAttributes<HTMLSddsSideMenuElement>;
-            "sdds-side-menu-close-button": LocalJSX.SddsSideMenuCloseButton & JSXBase.HTMLAttributes<HTMLSddsSideMenuCloseButtonElement>;
-            "sdds-side-menu-collapse-button": LocalJSX.SddsSideMenuCollapseButton & JSXBase.HTMLAttributes<HTMLSddsSideMenuCollapseButtonElement>;
-            "sdds-side-menu-dropdown": LocalJSX.SddsSideMenuDropdown & JSXBase.HTMLAttributes<HTMLSddsSideMenuDropdownElement>;
-            "sdds-side-menu-dropdown-list": LocalJSX.SddsSideMenuDropdownList & JSXBase.HTMLAttributes<HTMLSddsSideMenuDropdownListElement>;
-            "sdds-side-menu-dropdown-list-item": LocalJSX.SddsSideMenuDropdownListItem & JSXBase.HTMLAttributes<HTMLSddsSideMenuDropdownListItemElement>;
-            "sdds-side-menu-item": LocalJSX.SddsSideMenuItem & JSXBase.HTMLAttributes<HTMLSddsSideMenuItemElement>;
-            "sdds-side-menu-overlay": LocalJSX.SddsSideMenuOverlay & JSXBase.HTMLAttributes<HTMLSddsSideMenuOverlayElement>;
-            "sdds-side-menu-user": LocalJSX.SddsSideMenuUser & JSXBase.HTMLAttributes<HTMLSddsSideMenuUserElement>;
-            "sdds-side-menu-user-image": LocalJSX.SddsSideMenuUserImage & JSXBase.HTMLAttributes<HTMLSddsSideMenuUserImageElement>;
-            "sdds-side-menu-user-label": LocalJSX.SddsSideMenuUserLabel & JSXBase.HTMLAttributes<HTMLSddsSideMenuUserLabelElement>;
-            "sdds-slider": LocalJSX.SddsSlider & JSXBase.HTMLAttributes<HTMLSddsSliderElement>;
-            "sdds-spinner": LocalJSX.SddsSpinner & JSXBase.HTMLAttributes<HTMLSddsSpinnerElement>;
-            "sdds-stepper": LocalJSX.SddsStepper & JSXBase.HTMLAttributes<HTMLSddsStepperElement>;
-            "sdds-stepper-item": LocalJSX.SddsStepperItem & JSXBase.HTMLAttributes<HTMLSddsStepperItemElement>;
-            "sdds-table": LocalJSX.SddsTable & JSXBase.HTMLAttributes<HTMLSddsTableElement>;
-            "sdds-table-body": LocalJSX.SddsTableBody & JSXBase.HTMLAttributes<HTMLSddsTableBodyElement>;
-            "sdds-table-body-row": LocalJSX.SddsTableBodyRow & JSXBase.HTMLAttributes<HTMLSddsTableBodyRowElement>;
-            "sdds-table-body-row-expandable": LocalJSX.SddsTableBodyRowExpandable & JSXBase.HTMLAttributes<HTMLSddsTableBodyRowExpandableElement>;
-            "sdds-table-footer": LocalJSX.SddsTableFooter & JSXBase.HTMLAttributes<HTMLSddsTableFooterElement>;
-            "sdds-table-header": LocalJSX.SddsTableHeader & JSXBase.HTMLAttributes<HTMLSddsTableHeaderElement>;
-            "sdds-table-toolbar": LocalJSX.SddsTableToolbar & JSXBase.HTMLAttributes<HTMLSddsTableToolbarElement>;
-            "sdds-textarea": LocalJSX.SddsTextarea & JSXBase.HTMLAttributes<HTMLSddsTextareaElement>;
-            "sdds-textfield": LocalJSX.SddsTextfield & JSXBase.HTMLAttributes<HTMLSddsTextfieldElement>;
-            "sdds-toast": LocalJSX.SddsToast & JSXBase.HTMLAttributes<HTMLSddsToastElement>;
-            "sdds-toggle": LocalJSX.SddsToggle & JSXBase.HTMLAttributes<HTMLSddsToggleElement>;
-            "sdds-tooltip": LocalJSX.SddsTooltip & JSXBase.HTMLAttributes<HTMLSddsTooltipElement>;
+            "tds-accordion": LocalJSX.TdsAccordion & JSXBase.HTMLAttributes<HTMLTdsAccordionElement>;
+            "tds-accordion-item": LocalJSX.TdsAccordionItem & JSXBase.HTMLAttributes<HTMLTdsAccordionItemElement>;
+            "tds-badge": LocalJSX.TdsBadge & JSXBase.HTMLAttributes<HTMLTdsBadgeElement>;
+            "tds-banner": LocalJSX.TdsBanner & JSXBase.HTMLAttributes<HTMLTdsBannerElement>;
+            "tds-block": LocalJSX.TdsBlock & JSXBase.HTMLAttributes<HTMLTdsBlockElement>;
+            "tds-body-cell": LocalJSX.TdsBodyCell & JSXBase.HTMLAttributes<HTMLTdsBodyCellElement>;
+            "tds-breadcrumb": LocalJSX.TdsBreadcrumb & JSXBase.HTMLAttributes<HTMLTdsBreadcrumbElement>;
+            "tds-breadcrumbs": LocalJSX.TdsBreadcrumbs & JSXBase.HTMLAttributes<HTMLTdsBreadcrumbsElement>;
+            "tds-button": LocalJSX.TdsButton & JSXBase.HTMLAttributes<HTMLTdsButtonElement>;
+            "tds-card": LocalJSX.TdsCard & JSXBase.HTMLAttributes<HTMLTdsCardElement>;
+            "tds-checkbox": LocalJSX.TdsCheckbox & JSXBase.HTMLAttributes<HTMLTdsCheckboxElement>;
+            "tds-chip": LocalJSX.TdsChip & JSXBase.HTMLAttributes<HTMLTdsChipElement>;
+            "tds-core-header-item": LocalJSX.TdsCoreHeaderItem & JSXBase.HTMLAttributes<HTMLTdsCoreHeaderItemElement>;
+            "tds-datetime": LocalJSX.TdsDatetime & JSXBase.HTMLAttributes<HTMLTdsDatetimeElement>;
+            "tds-divider": LocalJSX.TdsDivider & JSXBase.HTMLAttributes<HTMLTdsDividerElement>;
+            "tds-dropdown": LocalJSX.TdsDropdown & JSXBase.HTMLAttributes<HTMLTdsDropdownElement>;
+            "tds-dropdown-option": LocalJSX.TdsDropdownOption & JSXBase.HTMLAttributes<HTMLTdsDropdownOptionElement>;
+            "tds-folder-tab": LocalJSX.TdsFolderTab & JSXBase.HTMLAttributes<HTMLTdsFolderTabElement>;
+            "tds-folder-tabs": LocalJSX.TdsFolderTabs & JSXBase.HTMLAttributes<HTMLTdsFolderTabsElement>;
+            "tds-footer": LocalJSX.TdsFooter & JSXBase.HTMLAttributes<HTMLTdsFooterElement>;
+            "tds-footer-group": LocalJSX.TdsFooterGroup & JSXBase.HTMLAttributes<HTMLTdsFooterGroupElement>;
+            "tds-footer-item": LocalJSX.TdsFooterItem & JSXBase.HTMLAttributes<HTMLTdsFooterItemElement>;
+            "tds-header": LocalJSX.TdsHeader & JSXBase.HTMLAttributes<HTMLTdsHeaderElement>;
+            "tds-header-brand-symbol": LocalJSX.TdsHeaderBrandSymbol & JSXBase.HTMLAttributes<HTMLTdsHeaderBrandSymbolElement>;
+            "tds-header-cell": LocalJSX.TdsHeaderCell & JSXBase.HTMLAttributes<HTMLTdsHeaderCellElement>;
+            "tds-header-dropdown": LocalJSX.TdsHeaderDropdown & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownElement>;
+            "tds-header-dropdown-list": LocalJSX.TdsHeaderDropdownList & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownListElement>;
+            "tds-header-dropdown-list-item": LocalJSX.TdsHeaderDropdownListItem & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownListItemElement>;
+            "tds-header-dropdown-list-user": LocalJSX.TdsHeaderDropdownListUser & JSXBase.HTMLAttributes<HTMLTdsHeaderDropdownListUserElement>;
+            "tds-header-hamburger": LocalJSX.TdsHeaderHamburger & JSXBase.HTMLAttributes<HTMLTdsHeaderHamburgerElement>;
+            "tds-header-item": LocalJSX.TdsHeaderItem & JSXBase.HTMLAttributes<HTMLTdsHeaderItemElement>;
+            "tds-header-launcher": LocalJSX.TdsHeaderLauncher & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherElement>;
+            "tds-header-launcher-button": LocalJSX.TdsHeaderLauncherButton & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherButtonElement>;
+            "tds-header-launcher-grid": LocalJSX.TdsHeaderLauncherGrid & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherGridElement>;
+            "tds-header-launcher-grid-item": LocalJSX.TdsHeaderLauncherGridItem & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherGridItemElement>;
+            "tds-header-launcher-grid-title": LocalJSX.TdsHeaderLauncherGridTitle & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherGridTitleElement>;
+            "tds-header-launcher-list": LocalJSX.TdsHeaderLauncherList & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherListElement>;
+            "tds-header-launcher-list-item": LocalJSX.TdsHeaderLauncherListItem & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherListItemElement>;
+            "tds-header-launcher-list-title": LocalJSX.TdsHeaderLauncherListTitle & JSXBase.HTMLAttributes<HTMLTdsHeaderLauncherListTitleElement>;
+            "tds-header-title": LocalJSX.TdsHeaderTitle & JSXBase.HTMLAttributes<HTMLTdsHeaderTitleElement>;
+            "tds-icon": LocalJSX.TdsIcon & JSXBase.HTMLAttributes<HTMLTdsIconElement>;
+            "tds-inline-tab": LocalJSX.TdsInlineTab & JSXBase.HTMLAttributes<HTMLTdsInlineTabElement>;
+            "tds-inline-tabs": LocalJSX.TdsInlineTabs & JSXBase.HTMLAttributes<HTMLTdsInlineTabsElement>;
+            "tds-link": LocalJSX.TdsLink & JSXBase.HTMLAttributes<HTMLTdsLinkElement>;
+            "tds-message": LocalJSX.TdsMessage & JSXBase.HTMLAttributes<HTMLTdsMessageElement>;
+            "tds-modal": LocalJSX.TdsModal & JSXBase.HTMLAttributes<HTMLTdsModalElement>;
+            "tds-navigation-tab": LocalJSX.TdsNavigationTab & JSXBase.HTMLAttributes<HTMLTdsNavigationTabElement>;
+            "tds-navigation-tabs": LocalJSX.TdsNavigationTabs & JSXBase.HTMLAttributes<HTMLTdsNavigationTabsElement>;
+            "tds-popover-canvas": LocalJSX.TdsPopoverCanvas & JSXBase.HTMLAttributes<HTMLTdsPopoverCanvasElement>;
+            "tds-popover-core": LocalJSX.TdsPopoverCore & JSXBase.HTMLAttributes<HTMLTdsPopoverCoreElement>;
+            "tds-popover-menu": LocalJSX.TdsPopoverMenu & JSXBase.HTMLAttributes<HTMLTdsPopoverMenuElement>;
+            "tds-popover-menu-item": LocalJSX.TdsPopoverMenuItem & JSXBase.HTMLAttributes<HTMLTdsPopoverMenuItemElement>;
+            "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>;
         }
     }
 }