@scania/tegel 0.0.1-beta.7 → 0.0.2

package/dist/types/components.d.ts

@@ -42,13 +42,13 @@ export namespace Components {
     }
     interface SddsBadges {
         /**
-          * @deprecated Use size prop instead. Changes badge from large to small size
+          * Changes visibility of badge
          */
-        "isSmall": boolean;
+        "hidden": boolean;
         /**
-          * Changes visibility of badge
+          * @deprecated Use size prop instead. Changes badge from large to small size
          */
-        "isVisible": boolean;
+        "isSmall": boolean;
         /**
           * Sets component size.
          */
@@ -58,6 +58,66 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsBanner {
+        /**
+          * 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;
+        /**
+          * Header text.
+         */
+        "header": string;
+        /**
+          * Hides the banner
+         */
+        "hidden": boolean;
+        /**
+          * Hides the banner.
+         */
+        "hideBanner": () => Promise<{ bannerId: string; hidden: boolean; }>;
+        /**
+          * Href for the link
+         */
+        "href": string;
+        /**
+          * Name of the icon for the component. For error and information type the icon is predefined.
+         */
+        "icon": string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "linkRel": string;
+        /**
+          * Where to open the linked URL
+         */
+        "linkTarget": '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * Link text.
+         */
+        "linkText": string;
+        /**
+          * Removes the close button on the banner.
+         */
+        "persistent": boolean;
+        /**
+          * Shows the banner
+         */
+        "showBanner": () => Promise<{ bannerId: string; hidden: boolean; }>;
+        /**
+          * Subheader text.
+         */
+        "subheader": string;
+        /**
+          * Type of banner
+         */
+        "type": 'error' | 'information' | 'none';
+    }
+    interface SddsBlock {
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant": 'primary' | 'secondary';
+    }
     interface SddsBodyCell {
         /**
           * Passing same cell key for all body cells which is used in head cell enables features of text align and hovering
@@ -72,6 +132,22 @@ export namespace Components {
          */
         "disablePadding": boolean;
     }
+    interface SddsBreadcrumb {
+    }
+    interface SddsBreadcrumbItem {
+        /**
+          * Boolean for the current link
+         */
+        "current": boolean;
+        /**
+          * Toggle the disabled state for the breadcrumb
+         */
+        "disabled": boolean;
+        /**
+          * Href for the link
+         */
+        "href": string;
+    }
     interface SddsButton {
         /**
           * Control for disabled state of component
@@ -81,6 +157,10 @@ export namespace Components {
           * When enabled, makes button take 100% width
          */
         "fullbleed": boolean;
+        /**
+          * Set the mode variant of the the button.
+         */
+        "modeVariant": 'primary' | 'secondary';
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Text inside a button
@@ -90,17 +170,108 @@ export namespace Components {
           * Type of button
          */
         "type": 'primary' | 'secondary' | 'ghost' | 'danger';
-        "variant": 'default' | 'variant';
+    }
+    interface SddsCard {
+        /**
+          * Divider for the body
+         */
+        "bodyDivider": boolean;
+        /**
+          * Body image src
+         */
+        "bodyImg": string;
+        /**
+          * Alt text for the body image
+         */
+        "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.
+         */
+        "cardId": string;
+        /**
+          * 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';
+        /**
+          * Variant of the card based on the theme used.
+         */
+        "modeVariant": 'primary' | 'secondary';
+        /**
+          * Subheader text in the header
+         */
+        "subheader": string;
+    }
+    interface SddsCheckbox {
+        /**
+          * ID for the checkbox's input element. Randomly generated if not specified.
+         */
+        "checkboxId": string;
+        /**
+          * Sets the checkbox as checked
+         */
+        "checked": boolean;
+        /**
+          * Sets the checkbox in a disabled state
+         */
+        "disabled": boolean;
+        /**
+          * Name for the checkbox's input element.
+         */
+        "name": string;
+        /**
+          * Make the checkbox required
+         */
+        "required": boolean;
+        /**
+          * Toggles the checked value of the component.
+         */
+        "toggleCheckbox": () => Promise<{ checkboxId: string; checked: boolean; }>;
+        /**
+          * Value for the checkbox
+         */
+        "value": string;
     }
     interface SddsDatetime {
         /**
           * Autofocus for input
          */
         "autofocus": boolean;
+        /**
+          * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for date-time: YY-MM-DDTHH-MM
+         */
+        "defaultValue": string | 'none';
         /**
           * Set input in disabled state
          */
         "disabled": boolean;
+        /**
+          * Helper text for the component
+         */
+        "helper": string;
+        /**
+          * Label text for the component
+         */
+        "label": string;
+        /**
+          * Set the variant of the the datetime component.
+         */
+        "modeVariant": 'primary' | 'secondary';
         /**
           * Name property
          */
@@ -120,7 +291,7 @@ export namespace Components {
         /**
           * Which input type, text, password or similar
          */
-        "type": string;
+        "type": 'datetime-local' | 'date' | 'time';
         /**
           * Value of the input text
          */
@@ -151,6 +322,10 @@ export namespace Components {
           * Controls position of label
          */
         "labelPosition": 'no-label' | 'inside' | 'outside';
+        /**
+          * Set the variant of the the dropdown.
+         */
+        "modeVariant": 'primary' | 'secondary';
         /**
           * Direction that the dropdown will open. By default set to auto.
          */
@@ -173,7 +348,7 @@ export namespace Components {
          */
         "state": string;
         /**
-          * `Controls type of dropdown. 'Default', 'multiselect' and 'filter' are correct values
+          * `Controls type of dropdown.
          */
         "type": 'default' | 'multiselect' | 'filter';
     }
@@ -203,7 +378,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Position of label: `no-label` (default), `inside`, `outside`
+          * Position of label
          */
         "labelPosition": 'no-label' | 'inside' | 'outside';
         /**
@@ -273,6 +448,11 @@ export namespace Components {
          */
         "size": string;
     }
+    interface SddsInlineTab {
+        "default": boolean;
+        "disabled": boolean;
+        "label": string;
+    }
     interface SddsInlineTabs {
         /**
           * different height settings. right now only supports "auto", otherwise ignored
@@ -297,6 +477,50 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
     }
+    interface SddsLink {
+        /**
+          * Disables the link
+         */
+        "disabled": boolean;
+        /**
+          * URL for the link
+         */
+        "href": string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel": string;
+        /**
+          * Where to open the linked URL
+         */
+        "target": '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * Displays the link with an underline.
+         */
+        "underline": boolean;
+    }
+    interface SddsMessage {
+        /**
+          * Header text for the component.
+         */
+        "header": string;
+        /**
+          * Minimal message styling.
+         */
+        "minimal": boolean;
+        /**
+          * Variant of the component, based on current mode.
+         */
+        "modeVariant": 'primary' | 'secondary';
+        /**
+          * Removes the icon in the message.
+         */
+        "noIcon": boolean;
+        /**
+          * Type of message.
+         */
+        "type": 'information' | 'error' | 'warning' | 'success';
+    }
     interface SddsModal {
         /**
           * Sticky or Static Actions
@@ -312,11 +536,15 @@ export namespace Components {
          */
         "prevent": boolean;
         /**
-          * Size of modal. Accepted strings are: xs, sm, md, lg.
+          * Size of modal
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
     }
     interface SddsNavigationTabs {
+        /**
+          * Variant of the tabs, primary= on white, secondary= on grey50
+         */
+        "modeVariant": 'primary' | 'secondary';
     }
     interface SddsPopoverCanvas {
         /**
@@ -332,7 +560,11 @@ export namespace Components {
          */
         "placement": Placement;
         /**
-          * The CSS-selector that will trigger this Popover Canvas
+          * Element that will trigger the popover (takes priority over selector)
+         */
+        "referenceEl": HTMLElement;
+        /**
+          * The CSS-selector for an element that will trigger the popover
          */
         "selector": string;
         /**
@@ -354,7 +586,11 @@ export namespace Components {
          */
         "placement": Placement;
         /**
-          * The CSS-selector that will trigger this Popover Menu
+          * Element that will trigger the popover (takes priority over selector)
+         */
+        "referenceEl": HTMLElement;
+        /**
+          * The CSS-selector for an element that will trigger the popover
          */
         "selector": string;
         /**
@@ -362,6 +598,32 @@ export namespace Components {
          */
         "show": boolean;
     }
+    interface SddsRadioButton {
+        /**
+          * Decides if the radio button is checked or not.
+         */
+        "checked": boolean;
+        /**
+          * Decides if the radio button is disabled or not.
+         */
+        "disabled": boolean;
+        /**
+          * Name of radio button, used for reference.
+         */
+        "name": string;
+        /**
+          * Unique radio button identifier.
+         */
+        "radioId": string;
+        /**
+          * Decides if the radio button is required or not.
+         */
+        "required": boolean;
+        /**
+          * Value of input.
+         */
+        "value": string;
+    }
     interface SddsSlider {
         /**
           * Decide to show the controls or not
@@ -407,6 +669,10 @@ export namespace Components {
           * Sets the size of the scrubber
          */
         "size": 'sm' | '';
+        /**
+          * Id for the sliders input element, randomly generated if not specified.
+         */
+        "sliderId": string;
         /**
           * Snap to the ticks grid
          */
@@ -430,11 +696,11 @@ export namespace Components {
     }
     interface SddsSpinner {
         /**
-          * Size of spinner. Accepted strings are: xs, sm, md and lg.
+          * Size of spinner
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Variant of spinner. Accepted strings are: standard and inverted
+          * Variant of spinner
          */
         "variant": 'standard' | 'inverted';
     }
@@ -455,6 +721,10 @@ export namespace Components {
           * Enables table to take 100% available width with equal spacing of columns
          */
         "enableResponsive": boolean;
+        /**
+          * Variant of the component, based on current mode.
+         */
+        "modeVariant": 'primary' | 'secondary';
         /**
           * Enables to customise width on data-table columns
          */
@@ -467,10 +737,6 @@ export namespace Components {
           * Enables style with vertical dividers between columns
          */
         "verticalDividers": boolean;
-        /**
-          * Changes a colors of data data-table when used on white background
-         */
-        "whiteBackground": boolean;
     }
     interface SddsTableBody {
         /**
@@ -570,7 +836,7 @@ export namespace Components {
          */
         "maxLength": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Mode variant of the textarea
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -607,6 +873,10 @@ export namespace Components {
           * Set input in disabled state
          */
         "disabled": boolean;
+        /**
+          * Helper text
+         */
+        "helper": string;
         /**
           * Label text
          */
@@ -620,7 +890,7 @@ export namespace Components {
          */
         "maxLength": number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Mode variant of the textfield
          */
         "modeVariant": 'primary' | 'secondary';
         /**
@@ -638,7 +908,7 @@ export namespace Components {
         /**
           * Set input in readonly state
          */
-        "readonly": boolean;
+        "readOnly": boolean;
         /**
           * Size of the input
          */
@@ -656,17 +926,101 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsToast {
+        /**
+          * Header text for the component.
+         */
+        "header": string;
+        /**
+          * Hides the toast.
+         */
+        "hidden": boolean;
+        /**
+          * Hides the toast.
+         */
+        "hideToast": () => Promise<{ toastId: string; }>;
+        /**
+          * ARIA role for the toast.
+         */
+        "role": 'alert' | 'log' | 'status';
+        /**
+          * Shows the toast.
+         */
+        "showToast": () => Promise<{ toastId: string; }>;
+        /**
+          * Subheader text for the component.
+         */
+        "subheader": string;
+        /**
+          * ID for the toast. Randomly generated if not specified.
+         */
+        "toastId": string;
+        /**
+          * Type of toast.
+         */
+        "type": 'information' | 'error' | 'warning' | 'success';
+    }
+    interface SddsToggle {
+        /**
+          * Aria-describedby for the toggles input element.
+         */
+        "ariaDescribedby": string;
+        /**
+          * Aria-labelledby for the toggles input element.
+         */
+        "ariaLabelledby": string;
+        /**
+          * Sets the toggle as checked
+         */
+        "checked": boolean;
+        /**
+          * Sets the toggle in a disabled state
+         */
+        "disabled": boolean;
+        /**
+          * Headline for the toggle
+         */
+        "headline": string;
+        /**
+          * Label for the toggle
+         */
+        "label": string;
+        /**
+          * Name of the toggles input element
+         */
+        "name": string;
+        /**
+          * Make the toggle required
+         */
+        "required": boolean;
+        /**
+          * Size of the toggle
+         */
+        "size": 'sm' | 'lg';
+        /**
+          * Toggles the toggle.
+         */
+        "toggle": () => Promise<{ toggleId: string; checked: boolean; }>;
+        /**
+          * ID of the toggles input element, if not specifed it's randomly generated
+         */
+        "toggleId": string;
+    }
     interface SddsTooltip {
         /**
           * Allow mouse over tooltip. Useful when tooltip contains clickable elements like link or button.
          */
         "mouseOverTooltip": boolean;
         /**
-          * Placement of tooltip. Possible values: auto, auto-start, auto-end, top, top-start, top-end, bottom, bottom-start, bottom-end, right, right-start, right-end, left, left-start, left-end.
+          * Placement of tooltip.
          */
         "placement": Placement;
         /**
-          * CSS selector of element on which tooltip is used on.
+          * Element that will trigger the tooltip (takes priority over selector)
+         */
+        "referenceEl": HTMLElement;
+        /**
+          * The CSS-selector for an element that will trigger the tooltip
          */
         "selector": string;
         /**
@@ -683,6 +1037,18 @@ 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> {
+    detail: T;
+    target: HTMLSddsCardElement;
+}
+export interface SddsCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsCheckboxElement;
+}
 export interface SddsDatetimeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsDatetimeElement;
@@ -699,6 +1065,10 @@ export interface SddsHeaderCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsHeaderCellElement;
 }
+export interface SddsRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsRadioButtonElement;
+}
 export interface SddsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsSliderElement;
@@ -739,6 +1109,14 @@ export interface SddsTextfieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsTextfieldElement;
 }
+export interface SddsToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsToastElement;
+}
+export interface SddsToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsToggleElement;
+}
 declare global {
     interface HTMLSddsAccordionElement extends Components.SddsAccordion, HTMLStencilElement {
     }
@@ -758,18 +1136,54 @@ declare global {
         prototype: HTMLSddsBadgesElement;
         new (): HTMLSddsBadgesElement;
     };
+    interface HTMLSddsBannerElement extends Components.SddsBanner, HTMLStencilElement {
+    }
+    var HTMLSddsBannerElement: {
+        prototype: HTMLSddsBannerElement;
+        new (): HTMLSddsBannerElement;
+    };
+    interface HTMLSddsBlockElement extends Components.SddsBlock, HTMLStencilElement {
+    }
+    var HTMLSddsBlockElement: {
+        prototype: HTMLSddsBlockElement;
+        new (): HTMLSddsBlockElement;
+    };
     interface HTMLSddsBodyCellElement extends Components.SddsBodyCell, HTMLStencilElement {
     }
     var HTMLSddsBodyCellElement: {
         prototype: HTMLSddsBodyCellElement;
         new (): HTMLSddsBodyCellElement;
     };
+    interface HTMLSddsBreadcrumbElement extends Components.SddsBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLSddsBreadcrumbElement: {
+        prototype: HTMLSddsBreadcrumbElement;
+        new (): HTMLSddsBreadcrumbElement;
+    };
+    interface HTMLSddsBreadcrumbItemElement extends Components.SddsBreadcrumbItem, HTMLStencilElement {
+    }
+    var HTMLSddsBreadcrumbItemElement: {
+        prototype: HTMLSddsBreadcrumbItemElement;
+        new (): HTMLSddsBreadcrumbItemElement;
+    };
     interface HTMLSddsButtonElement extends Components.SddsButton, HTMLStencilElement {
     }
     var HTMLSddsButtonElement: {
         prototype: HTMLSddsButtonElement;
         new (): HTMLSddsButtonElement;
     };
+    interface HTMLSddsCardElement extends Components.SddsCard, HTMLStencilElement {
+    }
+    var HTMLSddsCardElement: {
+        prototype: HTMLSddsCardElement;
+        new (): HTMLSddsCardElement;
+    };
+    interface HTMLSddsCheckboxElement extends Components.SddsCheckbox, HTMLStencilElement {
+    }
+    var HTMLSddsCheckboxElement: {
+        prototype: HTMLSddsCheckboxElement;
+        new (): HTMLSddsCheckboxElement;
+    };
     interface HTMLSddsDatetimeElement extends Components.SddsDatetime, HTMLStencilElement {
     }
     var HTMLSddsDatetimeElement: {
@@ -806,6 +1220,12 @@ declare global {
         prototype: HTMLSddsIconElement;
         new (): HTMLSddsIconElement;
     };
+    interface HTMLSddsInlineTabElement extends Components.SddsInlineTab, HTMLStencilElement {
+    }
+    var HTMLSddsInlineTabElement: {
+        prototype: HTMLSddsInlineTabElement;
+        new (): HTMLSddsInlineTabElement;
+    };
     interface HTMLSddsInlineTabsElement extends Components.SddsInlineTabs, HTMLStencilElement {
     }
     var HTMLSddsInlineTabsElement: {
@@ -818,6 +1238,18 @@ declare global {
         prototype: HTMLSddsInlineTabsFullbleedElement;
         new (): HTMLSddsInlineTabsFullbleedElement;
     };
+    interface HTMLSddsLinkElement extends Components.SddsLink, HTMLStencilElement {
+    }
+    var HTMLSddsLinkElement: {
+        prototype: HTMLSddsLinkElement;
+        new (): HTMLSddsLinkElement;
+    };
+    interface HTMLSddsMessageElement extends Components.SddsMessage, HTMLStencilElement {
+    }
+    var HTMLSddsMessageElement: {
+        prototype: HTMLSddsMessageElement;
+        new (): HTMLSddsMessageElement;
+    };
     interface HTMLSddsModalElement extends Components.SddsModal, HTMLStencilElement {
     }
     var HTMLSddsModalElement: {
@@ -842,6 +1274,12 @@ declare global {
         prototype: HTMLSddsPopoverMenuElement;
         new (): HTMLSddsPopoverMenuElement;
     };
+    interface HTMLSddsRadioButtonElement extends Components.SddsRadioButton, HTMLStencilElement {
+    }
+    var HTMLSddsRadioButtonElement: {
+        prototype: HTMLSddsRadioButtonElement;
+        new (): HTMLSddsRadioButtonElement;
+    };
     interface HTMLSddsSliderElement extends Components.SddsSlider, HTMLStencilElement {
     }
     var HTMLSddsSliderElement: {
@@ -908,6 +1346,18 @@ declare global {
         prototype: HTMLSddsTextfieldElement;
         new (): HTMLSddsTextfieldElement;
     };
+    interface HTMLSddsToastElement extends Components.SddsToast, HTMLStencilElement {
+    }
+    var HTMLSddsToastElement: {
+        prototype: HTMLSddsToastElement;
+        new (): HTMLSddsToastElement;
+    };
+    interface HTMLSddsToggleElement extends Components.SddsToggle, HTMLStencilElement {
+    }
+    var HTMLSddsToggleElement: {
+        prototype: HTMLSddsToggleElement;
+        new (): HTMLSddsToggleElement;
+    };
     interface HTMLSddsTooltipElement extends Components.SddsTooltip, HTMLStencilElement {
     }
     var HTMLSddsTooltipElement: {
@@ -918,20 +1368,30 @@ declare global {
         "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-datetime": HTMLSddsDatetimeElement;
         "sdds-dropdown": HTMLSddsDropdownElement;
         "sdds-dropdown-filter": HTMLSddsDropdownFilterElement;
         "sdds-dropdown-option": HTMLSddsDropdownOptionElement;
         "sdds-header-cell": HTMLSddsHeaderCellElement;
         "sdds-icon": HTMLSddsIconElement;
+        "sdds-inline-tab": HTMLSddsInlineTabElement;
         "sdds-inline-tabs": HTMLSddsInlineTabsElement;
         "sdds-inline-tabs-fullbleed": HTMLSddsInlineTabsFullbleedElement;
+        "sdds-link": HTMLSddsLinkElement;
+        "sdds-message": HTMLSddsMessageElement;
         "sdds-modal": HTMLSddsModalElement;
         "sdds-navigation-tabs": HTMLSddsNavigationTabsElement;
         "sdds-popover-canvas": HTMLSddsPopoverCanvasElement;
         "sdds-popover-menu": HTMLSddsPopoverMenuElement;
+        "sdds-radio-button": HTMLSddsRadioButtonElement;
         "sdds-slider": HTMLSddsSliderElement;
         "sdds-spinner": HTMLSddsSpinnerElement;
         "sdds-table": HTMLSddsTableElement;
@@ -943,6 +1403,8 @@ declare global {
         "sdds-table-toolbar": HTMLSddsTableToolbarElement;
         "sdds-textarea": HTMLSddsTextareaElement;
         "sdds-textfield": HTMLSddsTextfieldElement;
+        "sdds-toast": HTMLSddsToastElement;
+        "sdds-toggle": HTMLSddsToggleElement;
         "sdds-tooltip": HTMLSddsTooltipElement;
     }
 }
@@ -985,13 +1447,13 @@ declare namespace LocalJSX {
     }
     interface SddsBadges {
         /**
-          * @deprecated Use size prop instead. Changes badge from large to small size
+          * Changes visibility of badge
          */
-        "isSmall"?: boolean;
+        "hidden"?: boolean;
         /**
-          * Changes visibility of badge
+          * @deprecated Use size prop instead. Changes badge from large to small size
          */
-        "isVisible"?: boolean;
+        "isSmall"?: boolean;
         /**
           * Sets component size.
          */
@@ -1001,6 +1463,65 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsBanner {
+        /**
+          * 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;
+        /**
+          * Header text.
+         */
+        "header"?: string;
+        /**
+          * Hides the banner
+         */
+        "hidden"?: boolean;
+        /**
+          * Href for the link
+         */
+        "href"?: string;
+        /**
+          * Name of the icon for the component. For error and information type the icon is predefined.
+         */
+        "icon"?: string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "linkRel"?: string;
+        /**
+          * Where to open the linked URL
+         */
+        "linkTarget"?: '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * Link text.
+         */
+        "linkText"?: string;
+        /**
+          * Sends unique banner identifier when the close button is pressed.
+         */
+        "onSddsClose"?: (event: SddsBannerCustomEvent<{
+    bannerId: string;
+    hidden: boolean;
+  }>) => void;
+        /**
+          * Removes the close button on the banner.
+         */
+        "persistent"?: boolean;
+        /**
+          * Subheader text.
+         */
+        "subheader"?: string;
+        /**
+          * Type of banner
+         */
+        "type"?: 'error' | 'information' | 'none';
+    }
+    interface SddsBlock {
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+    }
     interface SddsBodyCell {
         /**
           * Passing same cell key for all body cells which is used in head cell enables features of text align and hovering
@@ -1015,6 +1536,22 @@ declare namespace LocalJSX {
          */
         "disablePadding"?: boolean;
     }
+    interface SddsBreadcrumb {
+    }
+    interface SddsBreadcrumbItem {
+        /**
+          * Boolean for the current link
+         */
+        "current"?: boolean;
+        /**
+          * Toggle the disabled state for the breadcrumb
+         */
+        "disabled"?: boolean;
+        /**
+          * Href for the link
+         */
+        "href"?: string;
+    }
     interface SddsButton {
         /**
           * Control for disabled state of component
@@ -1024,6 +1561,10 @@ declare namespace LocalJSX {
           * When enabled, makes button take 100% width
          */
         "fullbleed"?: boolean;
+        /**
+          * Set the mode variant of the the button.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
           * Text inside a button
@@ -1033,17 +1574,126 @@ declare namespace LocalJSX {
           * Type of button
          */
         "type"?: 'primary' | 'secondary' | 'ghost' | 'danger';
-        "variant"?: 'default' | 'variant';
+    }
+    interface SddsCard {
+        /**
+          * Divider for the body
+         */
+        "bodyDivider"?: boolean;
+        /**
+          * Body image src
+         */
+        "bodyImg"?: string;
+        /**
+          * Alt text for the body image
+         */
+        "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.
+         */
+        "cardId"?: string;
+        /**
+          * 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';
+        /**
+          * Variant of the card based on the theme used.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Sends unique card identifier when the card is clicked, if clickable=true
+         */
+        "onSddsClick"?: (event: SddsCardCustomEvent<{
+    cardId: string;
+  }>) => void;
+        /**
+          * Subheader text in the header
+         */
+        "subheader"?: string;
+    }
+    interface SddsCheckbox {
+        /**
+          * ID for the checkbox's input element. Randomly generated if not specified.
+         */
+        "checkboxId"?: string;
+        /**
+          * Sets the checkbox as checked
+         */
+        "checked"?: boolean;
+        /**
+          * Sets the checkbox in a disabled state
+         */
+        "disabled"?: boolean;
+        /**
+          * Name for the checkbox's input element.
+         */
+        "name"?: string;
+        /**
+          * Blur event for the checkbox
+         */
+        "onSddsBlur"?: (event: SddsCheckboxCustomEvent<FocusEvent>) => void;
+        /**
+          * Sends unique checkbox identifier and checked status when it is checked/unchecked.
+         */
+        "onSddsChange"?: (event: SddsCheckboxCustomEvent<{
+    checkboxId: string;
+    checked: boolean;
+    value?: string;
+  }>) => void;
+        /**
+          * Focus event for the checkbox
+         */
+        "onSddsFocus"?: (event: SddsCheckboxCustomEvent<FocusEvent>) => void;
+        /**
+          * Make the checkbox required
+         */
+        "required"?: boolean;
+        /**
+          * Value for the checkbox
+         */
+        "value"?: string;
     }
     interface SddsDatetime {
         /**
           * Autofocus for input
          */
         "autofocus"?: boolean;
+        /**
+          * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for date-time: YY-MM-DDTHH-MM
+         */
+        "defaultValue"?: string | 'none';
         /**
           * Set input in disabled state
          */
         "disabled"?: boolean;
+        /**
+          * Helper text for the component
+         */
+        "helper"?: string;
+        /**
+          * Label text for the component
+         */
+        "label"?: string;
+        /**
+          * Set the variant of the the datetime component.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
         /**
           * Name property
          */
@@ -1067,7 +1717,7 @@ declare namespace LocalJSX {
         /**
           * Which input type, text, password or similar
          */
-        "type"?: string;
+        "type"?: 'datetime-local' | 'date' | 'time';
         /**
           * Value of the input text
          */
@@ -1098,6 +1748,10 @@ declare namespace LocalJSX {
           * Controls position of label
          */
         "labelPosition"?: 'no-label' | 'inside' | 'outside';
+        /**
+          * Set the variant of the the dropdown.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
         "onInputSearch"?: (event: SddsDropdownCustomEvent<any>) => void;
         /**
           * Direction that the dropdown will open. By default set to auto.
@@ -1120,7 +1774,7 @@ declare namespace LocalJSX {
          */
         "state"?: string;
         /**
-          * `Controls type of dropdown. 'Default', 'multiselect' and 'filter' are correct values
+          * `Controls type of dropdown.
          */
         "type"?: 'default' | 'multiselect' | 'filter';
     }
@@ -1150,7 +1804,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Position of label: `no-label` (default), `inside`, `outside`
+          * Position of label
          */
         "labelPosition"?: 'no-label' | 'inside' | 'outside';
         /**
@@ -1229,6 +1883,11 @@ declare namespace LocalJSX {
          */
         "size"?: string;
     }
+    interface SddsInlineTab {
+        "default"?: boolean;
+        "disabled"?: boolean;
+        "label"?: string;
+    }
     interface SddsInlineTabs {
         /**
           * different height settings. right now only supports "auto", otherwise ignored
@@ -1249,6 +1908,50 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
     }
+    interface SddsLink {
+        /**
+          * Disables the link
+         */
+        "disabled"?: boolean;
+        /**
+          * URL for the link
+         */
+        "href"?: string;
+        /**
+          * 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'.
+         */
+        "rel"?: string;
+        /**
+          * Where to open the linked URL
+         */
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        /**
+          * Displays the link with an underline.
+         */
+        "underline"?: boolean;
+    }
+    interface SddsMessage {
+        /**
+          * Header text for the component.
+         */
+        "header"?: string;
+        /**
+          * Minimal message styling.
+         */
+        "minimal"?: boolean;
+        /**
+          * Variant of the component, based on current mode.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Removes the icon in the message.
+         */
+        "noIcon"?: boolean;
+        /**
+          * Type of message.
+         */
+        "type"?: 'information' | 'error' | 'warning' | 'success';
+    }
     interface SddsModal {
         /**
           * Sticky or Static Actions
@@ -1260,11 +1963,15 @@ declare namespace LocalJSX {
          */
         "prevent"?: boolean;
         /**
-          * Size of modal. Accepted strings are: xs, sm, md, lg.
+          * Size of modal
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
     }
     interface SddsNavigationTabs {
+        /**
+          * Variant of the tabs, primary= on white, secondary= on grey50
+         */
+        "modeVariant"?: 'primary' | 'secondary';
     }
     interface SddsPopoverCanvas {
         /**
@@ -1280,7 +1987,11 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
         /**
-          * The CSS-selector that will trigger this Popover Canvas
+          * Element that will trigger the popover (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement;
+        /**
+          * The CSS-selector for an element that will trigger the popover
          */
         "selector"?: string;
         /**
@@ -1302,7 +2013,11 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
         /**
-          * The CSS-selector that will trigger this Popover Menu
+          * Element that will trigger the popover (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement;
+        /**
+          * The CSS-selector for an element that will trigger the popover
          */
         "selector"?: string;
         /**
@@ -1310,6 +2025,39 @@ declare namespace LocalJSX {
          */
         "show"?: boolean;
     }
+    interface SddsRadioButton {
+        /**
+          * Decides if the radio button is checked or not.
+         */
+        "checked"?: boolean;
+        /**
+          * Decides if the radio button is disabled or not.
+         */
+        "disabled"?: boolean;
+        /**
+          * 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.
+         */
+        "onSddsChange"?: (event: SddsRadioButtonCustomEvent<{
+    radioId: string;
+    value: string;
+  }>) => void;
+        /**
+          * Unique radio button identifier.
+         */
+        "radioId"?: string;
+        /**
+          * Decides if the radio button is required or not.
+         */
+        "required"?: boolean;
+        /**
+          * Value of input.
+         */
+        "value"?: string;
+    }
     interface SddsSlider {
         /**
           * Decide to show the controls or not
@@ -1340,9 +2088,11 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Change event for the textfield
+          * Sends unique checkbox identifier and value when the slider has a change in value.
          */
-        "onSliderChange"?: (event: SddsSliderCustomEvent<any>) => void;
+        "onSddsChange"?: (event: SddsSliderCustomEvent<{
+    value: string;
+  }>) => void;
         /**
           * Sets the read only state for the whole component
          */
@@ -1355,6 +2105,10 @@ declare namespace LocalJSX {
           * Sets the size of the scrubber
          */
         "size"?: 'sm' | '';
+        /**
+          * Id for the sliders input element, randomly generated if not specified.
+         */
+        "sliderId"?: string;
         /**
           * Snap to the ticks grid
          */
@@ -1378,11 +2132,11 @@ declare namespace LocalJSX {
     }
     interface SddsSpinner {
         /**
-          * Size of spinner. Accepted strings are: xs, sm, md and lg.
+          * Size of spinner
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Variant of spinner. Accepted strings are: standard and inverted
+          * Variant of spinner
          */
         "variant"?: 'standard' | 'inverted';
     }
@@ -1403,6 +2157,10 @@ declare namespace LocalJSX {
           * Enables table to take 100% available width with equal spacing of columns
          */
         "enableResponsive"?: boolean;
+        /**
+          * Variant of the component, based on current mode.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
         /**
           * Enables to customise width on data-table columns
          */
@@ -1419,10 +2177,6 @@ declare namespace LocalJSX {
           * Enables style with vertical dividers between columns
          */
         "verticalDividers"?: boolean;
-        /**
-          * Changes a colors of data data-table when used on white background
-         */
-        "whiteBackground"?: boolean;
     }
     interface SddsTableBody {
         /**
@@ -1566,17 +2320,29 @@ declare namespace LocalJSX {
          */
         "maxLength"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Mode variant of the textarea
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
           * Name attribute
          */
         "name"?: string;
+        /**
+          * Blur event for the textarea
+         */
+        "onSddsBlur"?: (event: SddsTextareaCustomEvent<FocusEvent>) => void;
         /**
           * Change event for the textarea
          */
-        "onCustomChange"?: (event: SddsTextareaCustomEvent<any>) => void;
+        "onSddsChange"?: (event: SddsTextareaCustomEvent<any>) => void;
+        /**
+          * Focus event for the textarea
+         */
+        "onSddsFocus"?: (event: SddsTextareaCustomEvent<FocusEvent>) => void;
+        /**
+          * Input event for the textarea
+         */
+        "onSddsInput"?: (event: SddsTextareaCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
          */
@@ -1607,6 +2373,10 @@ declare namespace LocalJSX {
           * Set input in disabled state
          */
         "disabled"?: boolean;
+        /**
+          * Helper text
+         */
+        "helper"?: string;
         /**
           * Label text
          */
@@ -1620,7 +2390,7 @@ declare namespace LocalJSX {
          */
         "maxLength"?: number;
         /**
-          * Variant of the tabs, primary= on white, secondary= on grey50
+          * Mode variant of the textfield
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
@@ -1631,10 +2401,22 @@ declare namespace LocalJSX {
           * With setting
          */
         "noMinWidth"?: boolean;
+        /**
+          * Blur event for the textfield
+         */
+        "onSddsBlur"?: (event: SddsTextfieldCustomEvent<FocusEvent>) => void;
         /**
           * Change event for the textfield
          */
-        "onCustomChange"?: (event: SddsTextfieldCustomEvent<any>) => void;
+        "onSddsChange"?: (event: SddsTextfieldCustomEvent<any>) => void;
+        /**
+          * Focus event for the textfield
+         */
+        "onSddsFocus"?: (event: SddsTextfieldCustomEvent<FocusEvent>) => void;
+        /**
+          * Input event for the textfield
+         */
+        "onSddsInput"?: (event: SddsTextfieldCustomEvent<InputEvent>) => void;
         /**
           * Placeholder text
          */
@@ -1642,7 +2424,7 @@ declare namespace LocalJSX {
         /**
           * Set input in readonly state
          */
-        "readonly"?: boolean;
+        "readOnly"?: boolean;
         /**
           * Size of the input
          */
@@ -1660,17 +2442,102 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsToast {
+        /**
+          * Header text for the component.
+         */
+        "header"?: string;
+        /**
+          * Hides the toast.
+         */
+        "hidden"?: boolean;
+        /**
+          * Sends unique toast identifier component is closed.
+         */
+        "onSddsClose"?: (event: SddsToastCustomEvent<{
+    toastId: string;
+  }>) => void;
+        /**
+          * ARIA role for the toast.
+         */
+        "role"?: 'alert' | 'log' | 'status';
+        /**
+          * Subheader text for the component.
+         */
+        "subheader"?: string;
+        /**
+          * ID for the toast. Randomly generated if not specified.
+         */
+        "toastId"?: string;
+        /**
+          * Type of toast.
+         */
+        "type"?: 'information' | 'error' | 'warning' | 'success';
+    }
+    interface SddsToggle {
+        /**
+          * Aria-describedby for the toggles input element.
+         */
+        "ariaDescribedby"?: string;
+        /**
+          * Aria-labelledby for the toggles input element.
+         */
+        "ariaLabelledby"?: string;
+        /**
+          * Sets the toggle as checked
+         */
+        "checked"?: boolean;
+        /**
+          * Sets the toggle in a disabled state
+         */
+        "disabled"?: boolean;
+        /**
+          * Headline for the toggle
+         */
+        "headline"?: string;
+        /**
+          * Label for the toggle
+         */
+        "label"?: string;
+        /**
+          * Name of the toggles input element
+         */
+        "name"?: string;
+        /**
+          * Sends unique toggle identifier and status when it is toggled.
+         */
+        "onSddsToggleChangeEvent"?: (event: SddsToggleCustomEvent<{
+    toggleId: string;
+    checked: boolean;
+  }>) => void;
+        /**
+          * Make the toggle required
+         */
+        "required"?: boolean;
+        /**
+          * Size of the toggle
+         */
+        "size"?: 'sm' | 'lg';
+        /**
+          * ID of the toggles input element, if not specifed it's randomly generated
+         */
+        "toggleId"?: string;
+    }
     interface SddsTooltip {
         /**
           * Allow mouse over tooltip. Useful when tooltip contains clickable elements like link or button.
          */
         "mouseOverTooltip"?: boolean;
         /**
-          * Placement of tooltip. Possible values: auto, auto-start, auto-end, top, top-start, top-end, bottom, bottom-start, bottom-end, right, right-start, right-end, left, left-start, left-end.
+          * Placement of tooltip.
          */
         "placement"?: Placement;
         /**
-          * CSS selector of element on which tooltip is used on.
+          * Element that will trigger the tooltip (takes priority over selector)
+         */
+        "referenceEl"?: HTMLElement;
+        /**
+          * The CSS-selector for an element that will trigger the tooltip
          */
         "selector"?: string;
         /**
@@ -1686,20 +2553,30 @@ declare namespace LocalJSX {
         "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-datetime": SddsDatetime;
         "sdds-dropdown": SddsDropdown;
         "sdds-dropdown-filter": SddsDropdownFilter;
         "sdds-dropdown-option": SddsDropdownOption;
         "sdds-header-cell": SddsHeaderCell;
         "sdds-icon": SddsIcon;
+        "sdds-inline-tab": SddsInlineTab;
         "sdds-inline-tabs": SddsInlineTabs;
         "sdds-inline-tabs-fullbleed": SddsInlineTabsFullbleed;
+        "sdds-link": SddsLink;
+        "sdds-message": SddsMessage;
         "sdds-modal": SddsModal;
         "sdds-navigation-tabs": SddsNavigationTabs;
         "sdds-popover-canvas": SddsPopoverCanvas;
         "sdds-popover-menu": SddsPopoverMenu;
+        "sdds-radio-button": SddsRadioButton;
         "sdds-slider": SddsSlider;
         "sdds-spinner": SddsSpinner;
         "sdds-table": SddsTable;
@@ -1711,6 +2588,8 @@ declare namespace LocalJSX {
         "sdds-table-toolbar": SddsTableToolbar;
         "sdds-textarea": SddsTextarea;
         "sdds-textfield": SddsTextfield;
+        "sdds-toast": SddsToast;
+        "sdds-toggle": SddsToggle;
         "sdds-tooltip": SddsTooltip;
     }
 }
@@ -1721,20 +2600,30 @@ declare module "@stencil/core" {
             "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-datetime": LocalJSX.SddsDatetime & JSXBase.HTMLAttributes<HTMLSddsDatetimeElement>;
             "sdds-dropdown": LocalJSX.SddsDropdown & JSXBase.HTMLAttributes<HTMLSddsDropdownElement>;
             "sdds-dropdown-filter": LocalJSX.SddsDropdownFilter & JSXBase.HTMLAttributes<HTMLSddsDropdownFilterElement>;
             "sdds-dropdown-option": LocalJSX.SddsDropdownOption & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionElement>;
             "sdds-header-cell": LocalJSX.SddsHeaderCell & JSXBase.HTMLAttributes<HTMLSddsHeaderCellElement>;
             "sdds-icon": LocalJSX.SddsIcon & JSXBase.HTMLAttributes<HTMLSddsIconElement>;
+            "sdds-inline-tab": LocalJSX.SddsInlineTab & JSXBase.HTMLAttributes<HTMLSddsInlineTabElement>;
             "sdds-inline-tabs": LocalJSX.SddsInlineTabs & JSXBase.HTMLAttributes<HTMLSddsInlineTabsElement>;
             "sdds-inline-tabs-fullbleed": LocalJSX.SddsInlineTabsFullbleed & JSXBase.HTMLAttributes<HTMLSddsInlineTabsFullbleedElement>;
+            "sdds-link": LocalJSX.SddsLink & JSXBase.HTMLAttributes<HTMLSddsLinkElement>;
+            "sdds-message": LocalJSX.SddsMessage & JSXBase.HTMLAttributes<HTMLSddsMessageElement>;
             "sdds-modal": LocalJSX.SddsModal & JSXBase.HTMLAttributes<HTMLSddsModalElement>;
             "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-slider": LocalJSX.SddsSlider & JSXBase.HTMLAttributes<HTMLSddsSliderElement>;
             "sdds-spinner": LocalJSX.SddsSpinner & JSXBase.HTMLAttributes<HTMLSddsSpinnerElement>;
             "sdds-table": LocalJSX.SddsTable & JSXBase.HTMLAttributes<HTMLSddsTableElement>;
@@ -1746,6 +2635,8 @@ declare module "@stencil/core" {
             "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>;
         }
     }