@scania/tegel 0.0.8 → 0.0.9

package/dist/types/components/dropdown-v2/dropdown-v2.d.ts

@@ -1,35 +1,35 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class SddsDropdownV2 {
+export declare class TdsDropdownV2 {
   host: HTMLElement;
-  /** Name for the dropdowns input element. */
+  /** Name for the Dropdowns input element. */
   name: string;
-  /** Sets the dropdown in a disabled state */
+  /** Sets the Dropdown in a disabled state */
   disabled: 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;
   /** Label text position */
   labelPosition: 'inside' | 'outside';
   /** Mode variant of the component, based on current mode. */
   modeVariant: 'primary' | 'secondary';
-  /** The direction the dropdown should open, auto if not specified. */
+  /** The direction the Dropdown should open, auto if not specified. */
   openDirection: 'up' | 'down' | 'auto';
-  /** 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';
-  /** Sets the dropdown in an error state */
+  /** Sets the Dropdown in an error state */
   error: boolean;
-  /** Enables multiselect in the dropdown. */
+  /** Enables multiselect in the Dropdown. */
   multiselect: boolean;
-  /** Enables filtration in the dropdown. */
+  /** Enables filtration in the Dropdown. */
   filter: boolean;
   /** Text that is displayed if filter is used and there are no options that matches the search. */
   noResultText: string;
-  /** Default value selected in the dropdown. */
+  /** Default value selected in the Dropdown. */
   defaultValue: string;
-  /** Populate the dropdown via a JSON array */
+  /** Populate the Dropdown via a JSON array */
   options: Array<{
     value: string;
     label: string;
@@ -45,31 +45,31 @@ export declare class SddsDropdownV2 {
   private dropdownList;
   private inputElement;
   private children;
-  /** Method that resets the dropdown. */
+  /** Method that resets the Dropdown. */
   reset(): Promise<void>;
-  /** Method for setting the value of the dropdown. */
+  /** Method for setting the value of the Dropdown. */
   setValue(newValue: string, newValueLabel: string): Promise<{
     value: string;
     label: string;
   }[]>;
-  /** 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 for closing the dropdown. */
+  /** Method for closing the Dropdown. */
   close(): Promise<void>;
-  /** Change event for the dropdown. */
-  sddsChange: EventEmitter<{
+  /** Change event for the Dropdown. */
+  tdsChange: EventEmitter<{
     name: string;
     value: string;
   }>;
-  /** Focus event for the dropdown. */
-  sddsFocus: EventEmitter<FocusEvent>;
-  /** Blur event for the dropdown. */
-  sddsBlur: EventEmitter<FocusEvent>;
-  /** Input event for the dropdown. */
-  sddsInput: EventEmitter<InputEvent>;
+  /** Focus event for the Dropdown. */
+  tdsFocus: EventEmitter<FocusEvent>;
+  /** Blur event for the Dropdown. */
+  tdsBlur: EventEmitter<FocusEvent>;
+  /** Input event for the Dropdown. */
+  tdsInput: EventEmitter<InputEvent>;
   onAnyClick(event: MouseEvent): void;
   onKeyDown(event: KeyboardEvent): Promise<void>;
   handleOpenState(): void;

package/dist/types/components/footer/footer-group/footer-group.d.ts

@@ -0,0 +1,14 @@
+export declare class TdsFooterGroup {
+  host: HTMLElement;
+  /** Title text for the link group, only valid on top part of Footer. */
+  titleText: string;
+  /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
+  open: boolean;
+  /** If the group is placed in the main part of the Footer,
+   * it can have either left or right as a slot position otherwise undefined. */
+  private slotPosition;
+  /** Indicates if a group is part of the top part of the Footer. */
+  private topPartGroup;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/footer/footer-item/footer-item.d.ts

@@ -0,0 +1,6 @@
+export declare class TdsFooterItem {
+  host: HTMLElement;
+  private parentIsTopPart;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/footer/footer.d.ts

@@ -0,0 +1,9 @@
+export declare class TdsFooter {
+  host: HTMLElement;
+  /** Mode variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** Indicates whether the Footer has a top part. */
+  hasTopPart: boolean;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/header/core-header-item/core-header-item.d.ts

@@ -0,0 +1,3 @@
+export declare class TdsCoreHeaderItem {
+  render(): any;
+}

package/dist/types/components/header/header-brand-symbol/header-brand-symbol.d.ts

@@ -0,0 +1,4 @@
+export declare class TdsHeaderBrandSymbol {
+  host: HTMLElement;
+  render(): any;
+}

package/dist/types/components/header/header-dropdown/header-dropdown.d.ts

@@ -0,0 +1,16 @@
+export declare class TdsHeaderDropdown {
+  host: HTMLElement;
+  /** The label of the button that opens the dropdown.
+   * This is an alternative to the button-label slot. */
+  buttonLabel: string;
+  /** If the dropdown icon (downwards chevron) should be hidden. */
+  noDropdownIcon: boolean;
+  /** If the button that opens the dropdown should appear selected. */
+  selected: boolean;
+  open: boolean;
+  buttonEl?: HTMLButtonElement;
+  private uuid;
+  onAnyClick(event: MouseEvent): void;
+  toggleDropdown(): void;
+  render(): any;
+}

package/dist/types/components/header/header-dropdown-list/header-dropdown-list.d.ts

@@ -0,0 +1,11 @@
+export declare class TdsHeaderDropdownList {
+  host: HTMLElement;
+  private slotListeners;
+  type: 'lg' | 'md';
+  headingElement: HTMLElement;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  processAssignedElements(slot: HTMLSlotElement): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/header/header-dropdown-list-item/header-dropdown-list-item.d.ts

@@ -0,0 +1,8 @@
+export declare class TdsHeaderDropdownListItem {
+  host: HTMLElement;
+  /** If the link should appear selected. */
+  selected: boolean;
+  /** The type of the list. */
+  type: 'md' | 'lg';
+  render(): any;
+}

package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts

@@ -0,0 +1,12 @@
+export declare class TdsHeaderDropdownListLgUser {
+  /** Image URL. */
+  imgUrl: string;
+  /** Image alt text. */
+  imgAlt: string;
+  /** Heading, usually the users first name and last name. */
+  heading: string;
+  /** Subheading. */
+  subheading: string;
+  host: HTMLElement;
+  render(): any;
+}

package/dist/types/components/header/header-hamburger/header-hamburger.d.ts

@@ -0,0 +1,4 @@
+export declare class TdsHeaderHamburger {
+  host: HTMLElement;
+  render(): any;
+}

package/dist/types/components/header/header-item/header-item.d.ts

@@ -0,0 +1,16 @@
+export declare class TdsHeaderItem {
+  host: HTMLElement;
+  /** If the button should appear active. Can be used when the button is
+   * triggering a dropdown, and the dropdown is open, for example. */
+  active: boolean;
+  /** If the button should appear selected. */
+  selected: boolean;
+  private slotEl;
+  updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
+  /**
+   * This function is needed because we can't use CSS selectors to style something in the light dom
+   */
+  updateSlottedElements(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/header/header-launcher/header-launcher.d.ts

@@ -0,0 +1,12 @@
+export declare class TdsHeaderLauncher {
+  host: HTMLElement;
+  open: boolean;
+  buttonEl?: HTMLTdsHeaderLauncherButtonElement;
+  hasListTypeMenu: boolean;
+  private uuid;
+  private ariaAttributes;
+  onAnyClick(event: MouseEvent): void;
+  componentDidLoad(): void;
+  toggleLauncher(): void;
+  render(): any;
+}

package/dist/types/components/header/header-launcher-button/header-launcher-button.d.ts

@@ -0,0 +1,8 @@
+export declare class TdsHeaderLauncherButton {
+  host: HTMLElement;
+  /** 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;
+  private ariaAttributes;
+  render(): any;
+}

package/dist/types/components/header/header-launcher-grid/header-launcher-grid.d.ts

@@ -0,0 +1,6 @@
+export declare class TdsHeaderLauncherGrid {
+  host: HTMLElement;
+  headingElement: HTMLElement;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/header/header-launcher-grid-item/header-launcher-grid-item.d.ts

@@ -0,0 +1,3 @@
+export declare class TdsHeaderLauncherGridItem {
+  render(): any;
+}

package/dist/types/components/header/header-launcher-grid-title/header-launcher-grid-title.d.ts

@@ -0,0 +1,4 @@
+export declare class TdsHeaderLauncherGridTitle {
+  private uuid;
+  render(): any;
+}

package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts

@@ -0,0 +1,4 @@
+export declare class TdsHeaderLauncherList {
+  uuid: string;
+  render(): any;
+}

package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts

@@ -0,0 +1,3 @@
+export declare class TdsHeaderLauncherListItem {
+  render(): any;
+}

package/dist/types/components/header/header-launcher-list-title/header-launcher-list-title.d.ts

@@ -0,0 +1,5 @@
+export declare class TdsHeaderLauncherListTitle {
+  host: HTMLElement;
+  private uuid;
+  render(): any;
+}

package/dist/types/components/header/header-title/header-title.d.ts

@@ -0,0 +1,3 @@
+export declare class TdsHeaderTitle {
+  render(): any;
+}

package/dist/types/components/header/header.d.ts

@@ -0,0 +1,8 @@
+export declare class TdsHeader {
+  host: HTMLElement;
+  private observer;
+  constructor();
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/icon/icon.d.ts

@@ -1,5 +1,5 @@
 export declare class Icon {
-  /** 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;
   /** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */
   size: string;

package/dist/types/components/link/link.d.ts

@@ -0,0 +1,9 @@
+export declare class TdsLink {
+  host: HTMLElement;
+  /** Disables the Link */
+  disabled: boolean;
+  /** Displays the Link with an underline. */
+  underline: boolean;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/message/message.d.ts

@@ -0,0 +1,14 @@
+export declare class TdsMessage {
+  /** Header text for the component. */
+  header: string;
+  /** Variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** Type of Message. */
+  type: 'information' | 'error' | 'warning' | 'success';
+  /** Removes the icon in the Message. */
+  noIcon: boolean;
+  /** Minimal Message styling. */
+  minimal: boolean;
+  getIconName: () => "info" | "error" | "warning" | "tick";
+  render(): any;
+}

package/dist/types/components/modal/modal.d.ts

@@ -1,37 +1,37 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Modal {
+export declare class TdsModal {
   host: HTMLElement;
-  /** Disables closing modal on clicking on overlay area. */
+  /** Disables closing Modal on clicking on overlay area. */
   prevent: boolean;
-  /** Size of modal  */
+  /** Size of Modal  */
   size: 'xs' | 'sm' | 'md' | 'lg';
   /** Sticky or Static Actions  */
   actions: 'sticky' | 'static';
-  /** CSS selector for the element that will show the modal. */
+  /** CSS selector for the element that will show the Modal. */
   selector: string;
-  /** Element that will show the modal (takes priority over selector) */
+  /** Element that will show the Modal (takes priority over selector) */
   referenceEl: HTMLElement;
-  /** Controls whether the modal is shown or not. If this is set hiding and showing
+  /** 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;
   isShown: boolean;
-  /** Shows the modal.  */
+  /** Shows the Modal.  */
   showModal(): Promise<void>;
-  /** Closes the modal. */
+  /** Closes the Modal. */
   closeModal(): Promise<void>;
-  /** Emitts when the modal is closed. */
-  sddsClose: EventEmitter<any>;
+  /** Emits when the Modal is closed. */
+  tdsClose: EventEmitter<any>;
   connectedCallback(): void;
-  /** Emits a close event and then close the modal if it is not prevented. */
+  /** Emits a close event and then close the Modal if it is not prevented. */
   handleClose: (event?: any) => void;
   handleShow: () => void;
-  /** Checks if click on modal is on overlay, if so it closes the modal if prevent is not true. */
+  /** Checks if click on Modal is on overlay, if so it closes the Modal if prevent is not true. */
   handleOverlayClick(event: any): void;
-  /** Adds an event listener to the reference element that shows/closes the modal. */
+  /** Adds an event listener to the reference element that shows/closes the Modal. */
   initializeReferenceElement: (referenceEl: any) => void;
   /** Check if there is a referenceElement or selector and adds event listener to them if so. */
   setShowButton: () => void;
-  /** Adds an event listener to the dismiss buttons that closes the modal. */
-  setDissmissButtons(): void;
+  /** Adds an event listener to the dismiss buttons that closes the Modal. */
+  setDismissButtons(): void;
   render(): any;
 }

package/dist/types/components/popover-canvas/popover-canvas.d.ts

@@ -1,6 +1,6 @@
 import type { Placement, Instance } from '@popperjs/core';
-export declare class PopoverCanvas {
-  host: HTMLSddsPopoverCanvasElement;
+export declare class TdsPopoverCanvas {
+  host: HTMLTdsPopoverCanvasElement;
   /** The CSS-selector for an element that will trigger the Popover */
   selector: string;
   /** Element that will trigger the Popover (takes priority over selector) */

package/dist/types/components/popover-menu/popover-menu.d.ts

@@ -1,5 +1,5 @@
 import type { Placement, Instance } from '@popperjs/core';
-export declare class PopoverMenu {
+export declare class TdsPopoverMenu {
   popoverMenuElement: HTMLElement;
   /** The CSS-selector for an element that will trigger the pop-over */
   selector: string;

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class RadioButton {
+export declare class TdsRadioButton {
   host: HTMLElement;
   /** Name of Radio Button, used for reference. */
   name: string;
@@ -13,8 +13,10 @@ export declare class RadioButton {
   required: boolean;
   /** Decides if the Radio Button is disabled or not. */
   disabled: boolean;
-  /** 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. */
-  sddsChange: EventEmitter<{
+  /** 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. */
+  tdsChange: EventEmitter<{
     radioId: string;
     value: string;
   }>;

package/dist/types/components/side-menu/side-menu-close-button/side-menu-close-button.d.ts

@@ -0,0 +1,4 @@
+export declare class TdsSideMenuCloseButton {
+  host: HTMLElement;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { CollapseEvent } from '../side-menu';
+export declare class TdsSideMenuCollapseButton {
+  host: HTMLElement;
+  collapsed: boolean;
+  private sideMenuEl;
+  /** 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. */
+  tdsCollapse: EventEmitter<CollapseEvent>;
+  /** @internal Event that is broadcast when the internal collapse state changes. Contains the future of the collapse state. */
+  internalTdsCollapse: EventEmitter<CollapseEvent>;
+  private handleClick;
+  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts

@@ -0,0 +1,28 @@
+import { CollapseEvent } from '../side-menu';
+export declare class TdsSideMenuDropdown {
+  host: HTMLElement;
+  /** If the dropdown should be open from the start. */
+  defaultOpen: boolean;
+  /** The label of the button that opens the dropdown.
+   * This is an alternative to the button-label slot. */
+  buttonLabel: string;
+  /** If the button that opens the dropdown should appear selected. */
+  selected: boolean;
+  open: boolean;
+  hoverState: {
+    isHovered: boolean;
+    updatedAt: number;
+  };
+  collapsed: boolean;
+  private sideMenuEl;
+  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+  onEventPointerEnter(): void;
+  onEventFocus(): void;
+  onEventPointerLeave(): void;
+  onEventBlur(): void;
+  setHoverStateOpen(): void;
+  setHoverStateClosed(): void;
+  getIsOpenState(): boolean;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts

@@ -0,0 +1,9 @@
+import { CollapseEvent } from '../side-menu';
+export declare class TdsSideMenuDropdownList {
+  host: HTMLElement;
+  collapsed: boolean;
+  private sideMenuEl;
+  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts

@@ -0,0 +1,13 @@
+import { CollapseEvent } from '../side-menu';
+export declare class TdsSideMenuDropdownListItem {
+  host: HTMLElement;
+  /** If the item should appear selected. */
+  selected: boolean;
+  dropdownHasIcon: boolean;
+  collapsed: boolean;
+  private sideMenuEl;
+  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts

@@ -0,0 +1,21 @@
+import { CollapseEvent } from '../side-menu';
+export declare class TdsSideMenuItem {
+  host: HTMLTdsSideMenuItemElement;
+  /** If the item should appear selected. */
+  selected: boolean;
+  /** If the item should appear active. Can be used when the item is
+   * triggering a dropdown, and the dropdown is open, for example. */
+  active: boolean;
+  collapsed: boolean;
+  private sideMenuEl;
+  private slotEl;
+  updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
+  /**
+   * This function is needed because we can't use CSS selectors to style something in the light dom
+   */
+  updateSlottedElements(): void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-overlay/side-menu-overlay.d.ts

@@ -0,0 +1,3 @@
+export declare class TdsSideMenuOverlay {
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts

@@ -0,0 +1,11 @@
+export declare class TdsSideMenuUser {
+  /** The heading text. */
+  heading: string;
+  /** The subheading text. */
+  subheading: string;
+  /** The image source. */
+  imgSrc: string;
+  /** The image alt text. */
+  imgAlt: string;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts

@@ -0,0 +1,7 @@
+export declare class TdsSideMenuUserImage {
+  /** The image source. */
+  src: string;
+  /** The image alt text. */
+  alt: string;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu-user-label/side-menu-user-label.d.ts

@@ -0,0 +1,7 @@
+export declare class TdsSideMenuUserLabel {
+  /** The heading text. */
+  heading: string;
+  /** The subheading text. */
+  subheading: string;
+  render(): any;
+}

package/dist/types/components/side-menu/side-menu.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type CollapseEvent = {
+  collapsed: boolean;
+};
+type Props = {
+  collapsed: boolean;
+};
+export type InternalTdsSideMenuPropChange = {
+  changed: Array<keyof Props>;
+} & Partial<Props>;
+export declare class TdsSideMenu {
+  host: HTMLTdsSideMenuElement;
+  /** 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. */
+  persistent: boolean;
+  /** 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;
+  isUpperSlotEmpty: boolean;
+  isClosed: boolean;
+  isOpen: boolean;
+  isClosing: boolean;
+  isCollapsed: boolean;
+  isOpening: boolean;
+  private matchesLgBreakpointMq;
+  handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  onOpenChange(newVal: boolean, oldVal?: boolean): Promise<void>;
+  onCollapsedChange(newVal: boolean): void;
+  onIsOpenChange(newVal: boolean): void;
+  /** Event that is emitted when the Side Menu is collapsed. */
+  tdsCollapse: EventEmitter<CollapseEvent>;
+  /** @internal Broadcasts collapsed state to child components. */
+  internalTdsCollapse: EventEmitter<CollapseEvent>;
+  /** @internal Broadcasts collapsed state to child components. */
+  internalTdsSideMenuPropChange: EventEmitter<InternalTdsSideMenuPropChange>;
+  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+  setOpening(): Promise<void>;
+  setClosing(): Promise<void>;
+  render(): any;
+}
+export {};

package/dist/types/components/slider/slider.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Slider {
+export declare class TdsSlider {
   /** Text for label */
   label: string;
   /** Initial value */
@@ -28,9 +28,9 @@ export declare class Slider {
   name: string;
   /** Sets the size of the scrubber */
   scrubberSize: 'sm' | 'lg';
-  /** Snap to the ticks grid */
+  /** Snap to the tick's grid */
   snap: 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;
   private wrapperElement;
   private scrubberElement;
@@ -53,7 +53,7 @@ export declare class Slider {
   private eventListenersAdded;
   private resizeObserverAdded;
   /** Sends the value of the slider when changed. */
-  sddsChange: EventEmitter<{
+  tdsChange: EventEmitter<{
     value: string;
   }>;
   /** Public method to re-initialise the slider if some configuration props are changed */

package/dist/types/components/spinner/spinner.d.ts

@@ -1,4 +1,4 @@
-export declare class Spinner {
+export declare class TdsSpinner {
   /** Size of the Spinner */
   size: 'xs' | 'sm' | 'md' | 'lg';
   /** Variant of the Spinner */