@ukic/web-components 2.1.0-beta.8 → 2.2.0

package/dist/types/components.d.ts

@@ -5,9 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IcAlertVariants } from "./components/ic-alert/ic-alert.types";
+import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
 import { IcButtonSizes, IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
-import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants } from "./utils/types";
 import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
 import { IcChipAppearance, IcChipSizes } from "./components/ic-chip/ic-chip.types";
 import { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
@@ -15,9 +14,12 @@ import { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
 import { IcHeroContentAlignments } from "./components/ic-hero/ic-hero.types";
 import { IcAriaLiveModeVariants } from "./components/ic-input-validation/ic-input-validation.types";
 import { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicator/ic-loading-indicator.types";
+import { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
 import { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
-import { IcAutocompleteTypes as IcAutocompleteTypes1, IcAutocorrectStates as IcAutocorrectStates1, IcBlurEventDetail, IcInformationStatusOrEmpty as IcInformationStatusOrEmpty1, IcValueEventDetail } from "./interface";
-import { IcSearchBarBlurEventDetail } from "./components/ic-search-bar/ic-search-bar.types";
+import { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types";
+import { IcChangeEventDetail as IcChangeEventDetail1, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
+import { IcPaginationItemType } from "./components/ic-pagination-item/ic-pagination-item.types";
+import { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
 import { IcSkeletonVariants } from "./components/ic-skeleton/ic-skeleton.types";
 import { IcStatusTagAppearance, IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
 import { IcStepStatuses, IcStepTypes, IcStepVariants } from "./components/ic-step/ic-step.types";
@@ -26,6 +28,29 @@ import { IcSwitchChangeEventDetail } from "./components/ic-switch/ic-switch.type
 import { IcTabClickEventDetail, IcTabSelectEventDetail } from "./components/ic-tab/ic-tab.types";
 import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./components/ic-text-field/ic-text-field.types";
 import { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
+export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+export { IcButtonSizes, IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
+export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
+export { IcChipAppearance, IcChipSizes } from "./components/ic-chip/ic-chip.types";
+export { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
+export { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
+export { IcHeroContentAlignments } from "./components/ic-hero/ic-hero.types";
+export { IcAriaLiveModeVariants } from "./components/ic-input-validation/ic-input-validation.types";
+export { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicator/ic-loading-indicator.types";
+export { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
+export { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
+export { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types";
+export { IcChangeEventDetail as IcChangeEventDetail1, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
+export { IcPaginationItemType } from "./components/ic-pagination-item/ic-pagination-item.types";
+export { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
+export { IcSkeletonVariants } from "./components/ic-skeleton/ic-skeleton.types";
+export { IcStatusTagAppearance, IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
+export { IcStepStatuses, IcStepTypes, IcStepVariants } from "./components/ic-step/ic-step.types";
+export { IcStepperAlignment } from "./components/ic-stepper/ic-stepper.types";
+export { IcSwitchChangeEventDetail } from "./components/ic-switch/ic-switch.types";
+export { IcTabClickEventDetail, IcTabSelectEventDetail } from "./components/ic-tab/ic-tab.types";
+export { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./components/ic-text-field/ic-text-field.types";
+export { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
 export namespace Components {
     interface IcAlert {
         /**
@@ -51,7 +76,7 @@ export namespace Components {
         /**
           * The variant of the alert which will be rendered.
          */
-        "variant"?: IcAlertVariants;
+        "variant"?: IcStatusVariants;
     }
     interface IcBackToTop {
         /**
@@ -105,6 +130,30 @@ export namespace Components {
           * If `true`, the user can save the linked URL instead of navigating to it.
          */
         "download"?: string | boolean;
+        /**
+          * The <form> element to associate the button with.
+         */
+        "form"?: string;
+        /**
+          * The URL that processes the information submitted by the button. It overrides the action attribute of the button's form owner. Does nothing if there is no form owner.
+         */
+        "formaction"?: string;
+        /**
+          * The way the submitted form data is encoded.
+         */
+        "formenctype"?: string;
+        /**
+          * The HTTP method used to submit the form.
+         */
+        "formmethod"?: string;
+        /**
+          * If `true`, the form will not be validated when submitted.
+         */
+        "formnovalidate"?: boolean;
+        /**
+          * The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.
+         */
+        "formtarget"?: string;
         /**
           * If `true`, the button will fill the width of the container.
          */
@@ -246,6 +295,10 @@ export namespace Components {
           * Sets focus on the checkbox.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * If true, the small styling will be applied to the checkbox.
+         */
+        "small"?: boolean;
         /**
           * The value for the checkbox.
          */
@@ -361,6 +414,68 @@ export namespace Components {
          */
         "value": string;
     }
+    interface IcDialog {
+        /**
+          * If a status is set, sets the heading for the displayed alert.
+         */
+        "alertHeading"?: string;
+        /**
+          * If a status is set, sets the message for the displayed alert.
+         */
+        "alertMessage"?: string;
+        /**
+          * Sets the label and onclick functions for default buttons.
+         */
+        "buttonProps"?: { label: string; onclick: string }[];
+        /**
+          * If set to `false`, dialog controls will not be displayed overriding buttonProps or slotted dialog controls.
+         */
+        "buttons"?: boolean;
+        /**
+          * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.
+         */
+        "cancelDialog": () => Promise<void>;
+        /**
+          * If set to `true`, the dialog will not close when the backdrop is clicked.
+         */
+        "closeOnBackdropClick"?: boolean;
+        /**
+          * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.
+         */
+        "confirmDialog": () => Promise<void>;
+        /**
+          * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
+         */
+        "destructive"?: boolean;
+        /**
+          * Sets the dismiss label tooltip and aria label.
+         */
+        "dismissLabel"?: string;
+        /**
+          * Sets the heading for the dialog.
+         */
+        "heading": string;
+        /**
+          * Use to hide the dialog.
+         */
+        "hideDialog": () => Promise<void>;
+        /**
+          * Sets the optional label for the dialog which appears above the heading.
+         */
+        "label"?: string;
+        /**
+          * Use to show the dialog.
+         */
+        "showDialog": () => Promise<void>;
+        /**
+          * Sets the maximum and minimum height and width for the dialog.
+         */
+        "size"?: "small" | "medium" | "large";
+        /**
+          * If set, displays an alert of the corresponding variant below the heading.
+         */
+        "status"?: "neutral" | "info" | "warning" | "error" | "success";
+    }
     interface IcDivider {
     }
     interface IcFooter {
@@ -390,10 +505,30 @@ export namespace Components {
         "groupLinks"?: boolean;
     }
     interface IcFooterLink {
+        /**
+          * If `true`, the user can save the linked URL instead of navigating to it.
+         */
+        "download"?: string | boolean;
         /**
           * The URL that the link points to.
          */
         "href"?: string;
+        /**
+          * The human language of the linked URL.
+         */
+        "hreflang"?: string;
+        /**
+          * How much of the referrer to send when following the link.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
+        /**
+          * The relationship of the linked URL as space-separated link types.
+         */
+        "rel"?: string;
+        /**
+          * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+         */
+        "target"?: string;
     }
     interface IcFooterLinkGroup {
         /**
@@ -439,6 +574,13 @@ export namespace Components {
          */
         "subheading"?: string;
     }
+    interface IcHorizontalScroll {
+        /**
+          * The appearance of the horizontal scroll, e.g. dark, light or the default.
+         */
+        "appearance"?: IcThemeForeground;
+        "scrollItemIntoView": (itemPosition: number) => Promise<void>;
+    }
     interface IcInputComponentContainer {
         /**
           * If `true`, the dark variant of the input component container will be displayed.
@@ -569,7 +711,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * If `true`, the 'open in new tab/window' icon will be displayed.
+          * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
          */
         "showIcon"?: boolean;
         /**
@@ -662,6 +804,10 @@ export namespace Components {
          */
         "options": IcMenuOption[];
         "parentEl"?: HTMLElement;
+        /**
+          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
+         */
+        "searchMode"?: IcSearchBarSearchModes;
         /**
           * If `true`, the small styling will be applied to the menu.
          */
@@ -671,6 +817,58 @@ export namespace Components {
          */
         "value": string;
     }
+    interface IcMenuGroup {
+        /**
+          * The label to display as the title of the menu group.
+         */
+        "label"?: string;
+    }
+    interface IcMenuItem {
+        /**
+          * The description displayed in the menu item, below the label.
+         */
+        "description"?: string;
+        /**
+          * If `true`, the menu item will be in disabled state.
+         */
+        "disabled"?: boolean;
+        /**
+          * The URL that the link points to. This will render the menu item as an "a" tag.
+         */
+        "href"?: string;
+        /**
+          * The human language of the linked URL.
+         */
+        "hreflang"?: string;
+        /**
+          * The label describing the keyboard shortcut for a menu item's action.
+         */
+        "keyboardShortcut"?: string;
+        /**
+          * The label to display in the menu item.
+         */
+        "label": string;
+        /**
+          * How much of the referrer to send when following the link.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
+        /**
+          * The relationship of the linked URL as space-separated link types.
+         */
+        "rel"?: string;
+        /**
+          * This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.
+         */
+        "submenuTriggerFor"?: string;
+        /**
+          * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+         */
+        "target"?: string;
+        /**
+          * The variant of the menu item.
+         */
+        "variant": IcMenuItemVariants;
+    }
     interface IcNavigationButton {
         /**
           * If `true`, the user can save the linked URL instead of navigating to it.
@@ -722,15 +920,31 @@ export namespace Components {
     interface IcNavigationItem {
         "collapsedIconLabel": boolean;
         "displayNavigationTooltip": boolean;
+        /**
+          * If `true`, the user can save the linked URL instead of navigating to it.
+         */
+        "download"?: string | boolean;
         "expandable": boolean;
         /**
           * The destination of the navigation item.
          */
         "href": string;
+        /**
+          * The human language of the linked URL.
+         */
+        "hreflang"?: string;
         /**
           * The label of the navigation item.
          */
         "label": string;
+        /**
+          * How much of the referrer to send when following the link.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
+        /**
+          * The relationship of the linked URL as space-separated link types.
+         */
+        "rel"?: string;
         /**
           * If `true`, the navigation item will be set in a selected state.
          */
@@ -739,6 +953,10 @@ export namespace Components {
           * Sets focus on the nav item.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+         */
+        "target"?: string;
     }
     interface IcNavigationMenu {
         /**
@@ -784,6 +1002,109 @@ export namespace Components {
          */
         "subheading"?: string;
     }
+    interface IcPagination {
+        /**
+          * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+         */
+        "adjacentCount": number;
+        /**
+          * The appearance of the pagination, e.g. dark, light or the default.
+         */
+        "appearance": IcThemeForeground;
+        /**
+          * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+         */
+        "boundaryCount": number;
+        /**
+          * The current page displayed by the pagination.
+         */
+        "currentPage": number;
+        /**
+          * The default page to display.
+         */
+        "defaultPage": number;
+        /**
+          * If `true`, the pagination will not allow interaction.
+         */
+        "disabled": boolean;
+        /**
+          * If `true`, the current page of the simple pagination will not be displayed.
+         */
+        "hideCurrentPage": boolean;
+        /**
+          * If `true`, the first and last page buttons will not be displayed.
+         */
+        "hideFirstAndLastPageButton": boolean;
+        /**
+          * The label for the pagination item (applicable when simple pagination is being used).
+         */
+        "label": string;
+        /**
+          * The total number of pages.
+         */
+        "pages": number;
+        /**
+          * Sets the currently displayed page.
+         */
+        "setCurrentPage": (page: number) => Promise<void>;
+        /**
+          * The type of pagination to be used.
+         */
+        "type": IcPaginationTypes;
+    }
+    interface IcPaginationItem {
+        /**
+          * The appearance of the pagination, e.g. dark, light or the default.
+         */
+        "appearance": IcThemeForeground;
+        /**
+          * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.
+         */
+        "ariaOverride": boolean;
+        /**
+          * If `true`, the pagination item will be disabled.
+         */
+        "disabled": boolean;
+        /**
+          * The label for the pagination item (applicable when simple pagination is being used).
+         */
+        "label": string;
+        /**
+          * The current page number.
+         */
+        "page": number | null;
+        /**
+          * The total number of pages.
+         */
+        "pages": number;
+        /**
+          * If `true`, the pagination item will be selected.
+         */
+        "selected": boolean;
+        /**
+          * The type of pagination item - 'page' or 'ellipsis'.
+         */
+        "type": IcPaginationItemType;
+    }
+    interface IcPopoverMenu {
+        /**
+          * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
+         */
+        "anchor": string;
+        /**
+          * If `true`, the popover menu will be displayed.
+         */
+        "open": boolean;
+        "openFromChild": () => Promise<void>;
+        "openFromParent": () => Promise<void>;
+        "parentLabel"?: string;
+        "parentPopover"?: HTMLIcPopoverMenuElement;
+        /**
+          * The unique identifier for a popover submenu.
+         */
+        "submenuId"?: string;
+        "submenuLevel": number;
+    }
     interface IcRadioGroup {
         /**
           * If `true`, the disabled state will be set.
@@ -882,7 +1203,7 @@ export namespace Components {
          */
         "autofocus": boolean;
         /**
-          * The number of characters until suggestions appear.
+          * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.
          */
         "charactersUntilSuggestion": number;
         /**
@@ -925,6 +1246,18 @@ export namespace Components {
           * The label for the search bar.
          */
         "label": string;
+        /**
+          * Trigger loading state when fetching options asyncronously
+         */
+        "loading"?: boolean;
+        /**
+          * Change the message displayed when external loading times out.
+         */
+        "loadingErrorLabel"?: string;
+        /**
+          * Change the message displayed whilst the options are being loaded externally.
+         */
+        "loadingLabel"?: string;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -945,6 +1278,10 @@ export namespace Components {
           * If `true`, the search bar will require a value.
          */
         "required"?: boolean;
+        /**
+          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
+         */
+        "searchMode"?: IcSearchBarSearchModes;
         /**
           * Sets focus on the native `input`.
          */
@@ -957,6 +1294,10 @@ export namespace Components {
           * If `true`, the value of the search will have its spelling and grammar checked.
          */
         "spellcheck": boolean;
+        /**
+          * If using external filtering, set a timeout for when loading takes too long.
+         */
+        "timeout"?: number;
         /**
           * The value of the search input.
          */
@@ -974,7 +1315,7 @@ export namespace Components {
     }
     interface IcSelect {
         /**
-          * The number of characters until suggestions appear for a searchable select.
+          * @deprecated This prop should not be used anymore.
          */
         "charactersUntilSuggestions"?: number;
         /**
@@ -982,7 +1323,7 @@ export namespace Components {
          */
         "debounce"?: number;
         /**
-          * Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.
+          * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
          */
         "disableFilter"?: boolean;
         /**
@@ -1017,6 +1358,18 @@ export namespace Components {
           * The label for the select.
          */
         "label": string;
+        /**
+          * If `true`, the loading state will be triggered when fetching options asyncronously.
+         */
+        "loading"?: boolean;
+        /**
+          * The message displayed when external loading times out.
+         */
+        "loadingErrorLabel"?: string;
+        /**
+          * The message displayed whilst the options are being loaded externally.
+         */
+        "loadingLabel"?: string;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -1057,6 +1410,10 @@ export namespace Components {
           * If `true`, the small styling will be applied to the select.
          */
         "small"?: boolean;
+        /**
+          * If using external filtering, set a timeout for when loading takes too long.
+         */
+        "timeout"?: number;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -1066,7 +1423,7 @@ export namespace Components {
          */
         "validationText"?: string;
         /**
-          * The value of the currently selected option.
+          * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input.
          */
         "value"?: string;
     }
@@ -1255,11 +1612,12 @@ export namespace Components {
           * The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.
          */
         "selectedTabIndex"?: number;
+        "tabRemovedHandler": (hadFocus?: boolean) => Promise<void>;
     }
     interface IcTabGroup {
         "appearance"?: IcThemeForegroundNoDefault;
         /**
-          * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
+          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
          */
         "contextId"?: string;
         /**
@@ -1270,12 +1628,11 @@ export namespace Components {
           * The label to describe the purpose of the set of tabs to screen reader users.
          */
         "label": string;
-        "scrollTabIntoView": (tabNumber: number) => Promise<void>;
     }
     interface IcTabPanel {
         "appearance"?: IcThemeForegroundNoDefault;
         /**
-          * The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel.
+          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
          */
         "contextId"?: string;
         "panelId"?: string;
@@ -1298,11 +1655,11 @@ export namespace Components {
         /**
           * The state of autocompletion the browser can apply on the text value.
          */
-        "autocomplete": IcAutocompleteTypes1;
+        "autocomplete": IcAutocompleteTypes;
         /**
           * The state of autocorrection the browser can apply when the user is entering/editing the text value.
          */
-        "autocorrect": IcAutocorrectStates1;
+        "autocorrect": IcAutocorrectStates;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
@@ -1336,10 +1693,18 @@ export namespace Components {
           * The label for the input.
          */
         "label": string;
+        /**
+          * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)
+         */
+        "max": string | number;
         /**
           * The maximum number of characters that can be entered in the field.
          */
         "maxLength": number;
+        /**
+          * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)
+         */
+        "min": string | number;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -1386,10 +1751,11 @@ export namespace Components {
           * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.
          */
         "validationInline": boolean;
+        "validationInlineInternal": boolean;
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus": IcInformationStatusOrEmpty1;
+        "validationStatus": IcInformationStatusOrEmpty;
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
@@ -1405,11 +1771,59 @@ export namespace Components {
          */
         "color"?: string;
     }
+    interface IcToast {
+        /**
+          * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`)
+         */
+        "autoDismissTimeout"?: number;
+        /**
+          * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
+         */
+        "dismissButtonAriaLabel"?: string;
+        /**
+          * How the toast will be dismissed. If manual will display a dismiss button.
+         */
+        "dismissMode"?: IcActivationTypes;
+        /**
+          * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
+         */
+        "heading": string;
+        /**
+          * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+         */
+        "message"?: string;
+        /**
+          * Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon
+         */
+        "neutralIconAriaLabel"?: string;
+        /**
+          * Used to display the individual toast
+          * @returns The element that previously had focus before the toast appeared
+         */
+        "setVisible": () => Promise<HTMLElement>;
+        /**
+          * The variant of the toast being rendered
+         */
+        "variant"?: IcStatusVariants;
+    }
+    interface IcToastRegion {
+        /**
+          * Handles setting the visibility of various toasts based on what is already visible
+          * @param toast The toast element being requested to display
+         */
+        "setVisible": (toast: HTMLIcToastElement) => Promise<void>;
+    }
     interface IcTooltip {
         /**
           * If `true`, the tooltip will not be displayed on hover, it will require a click.
          */
         "disableHover"?: boolean;
+        /**
+          * Method to programmatically show/hide the tooltip without needing to interact with an anchor element
+          * @param show Whether to show or hide the tooltip
+          * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover
+         */
+        "displayTooltip": (show: boolean, persistTooltip?: boolean) => Promise<void>;
         /**
           * The text to display on the tooltip.
          */
@@ -1440,6 +1854,10 @@ export namespace Components {
           * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
          */
         "inline": boolean;
+        /**
+          * The short title of the app to be displayed at small screen sizes in place of the app title.
+         */
+        "shortAppTitle": string;
         /**
           * The status info to be displayed.
          */
@@ -1454,6 +1872,10 @@ export namespace Components {
           * If `true`, appropriate top and bottom margins will be applied to the typography.
          */
         "applyVerticalMargins"?: boolean;
+        /**
+          * The number of lines to display before truncating the text, only used for the 'body' variant.
+         */
+        "maxLines"?: number;
         /**
           * The ICDS typography style to use.
          */
@@ -1480,6 +1902,10 @@ export interface IcChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcChipElement;
 }
+export interface IcDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcDialogElement;
+}
 export interface IcFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcFooterElement;
@@ -1488,6 +1914,10 @@ export interface IcMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcMenuElement;
 }
+export interface IcMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcMenuItemElement;
+}
 export interface IcNavigationItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcNavigationItemElement;
@@ -1496,6 +1926,14 @@ export interface IcNavigationMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcNavigationMenuElement;
 }
+export interface IcPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcPaginationElement;
+}
+export interface IcPaginationItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcPaginationItemElement;
+}
 export interface IcRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcRadioGroupElement;
@@ -1524,6 +1962,10 @@ export interface IcTabContextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcTabContextElement;
 }
+export interface IcTabPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcTabPanelElement;
+}
 export interface IcTextFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcTextFieldElement;
@@ -1532,6 +1974,10 @@ export interface IcThemeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcThemeElement;
 }
+export interface IcToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcToastElement;
+}
 export interface IcTopNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcTopNavigationElement;
@@ -1609,6 +2055,12 @@ declare global {
         prototype: HTMLIcDataRowElement;
         new (): HTMLIcDataRowElement;
     };
+    interface HTMLIcDialogElement extends Components.IcDialog, HTMLStencilElement {
+    }
+    var HTMLIcDialogElement: {
+        prototype: HTMLIcDialogElement;
+        new (): HTMLIcDialogElement;
+    };
     interface HTMLIcDividerElement extends Components.IcDivider, HTMLStencilElement {
     }
     var HTMLIcDividerElement: {
@@ -1639,6 +2091,12 @@ declare global {
         prototype: HTMLIcHeroElement;
         new (): HTMLIcHeroElement;
     };
+    interface HTMLIcHorizontalScrollElement extends Components.IcHorizontalScroll, HTMLStencilElement {
+    }
+    var HTMLIcHorizontalScrollElement: {
+        prototype: HTMLIcHorizontalScrollElement;
+        new (): HTMLIcHorizontalScrollElement;
+    };
     interface HTMLIcInputComponentContainerElement extends Components.IcInputComponentContainer, HTMLStencilElement {
     }
     var HTMLIcInputComponentContainerElement: {
@@ -1681,6 +2139,18 @@ declare global {
         prototype: HTMLIcMenuElement;
         new (): HTMLIcMenuElement;
     };
+    interface HTMLIcMenuGroupElement extends Components.IcMenuGroup, HTMLStencilElement {
+    }
+    var HTMLIcMenuGroupElement: {
+        prototype: HTMLIcMenuGroupElement;
+        new (): HTMLIcMenuGroupElement;
+    };
+    interface HTMLIcMenuItemElement extends Components.IcMenuItem, HTMLStencilElement {
+    }
+    var HTMLIcMenuItemElement: {
+        prototype: HTMLIcMenuItemElement;
+        new (): HTMLIcMenuItemElement;
+    };
     interface HTMLIcNavigationButtonElement extends Components.IcNavigationButton, HTMLStencilElement {
     }
     var HTMLIcNavigationButtonElement: {
@@ -1705,11 +2175,29 @@ declare global {
         prototype: HTMLIcNavigationMenuElement;
         new (): HTMLIcNavigationMenuElement;
     };
-    interface HTMLIcPageHeaderElement extends Components.IcPageHeader, HTMLStencilElement {
+    interface HTMLIcPageHeaderElement extends Components.IcPageHeader, HTMLStencilElement {
+    }
+    var HTMLIcPageHeaderElement: {
+        prototype: HTMLIcPageHeaderElement;
+        new (): HTMLIcPageHeaderElement;
+    };
+    interface HTMLIcPaginationElement extends Components.IcPagination, HTMLStencilElement {
+    }
+    var HTMLIcPaginationElement: {
+        prototype: HTMLIcPaginationElement;
+        new (): HTMLIcPaginationElement;
+    };
+    interface HTMLIcPaginationItemElement extends Components.IcPaginationItem, HTMLStencilElement {
+    }
+    var HTMLIcPaginationItemElement: {
+        prototype: HTMLIcPaginationItemElement;
+        new (): HTMLIcPaginationItemElement;
+    };
+    interface HTMLIcPopoverMenuElement extends Components.IcPopoverMenu, HTMLStencilElement {
     }
-    var HTMLIcPageHeaderElement: {
-        prototype: HTMLIcPageHeaderElement;
-        new (): HTMLIcPageHeaderElement;
+    var HTMLIcPopoverMenuElement: {
+        prototype: HTMLIcPopoverMenuElement;
+        new (): HTMLIcPopoverMenuElement;
     };
     interface HTMLIcRadioGroupElement extends Components.IcRadioGroup, HTMLStencilElement {
     }
@@ -1813,6 +2301,18 @@ declare global {
         prototype: HTMLIcThemeElement;
         new (): HTMLIcThemeElement;
     };
+    interface HTMLIcToastElement extends Components.IcToast, HTMLStencilElement {
+    }
+    var HTMLIcToastElement: {
+        prototype: HTMLIcToastElement;
+        new (): HTMLIcToastElement;
+    };
+    interface HTMLIcToastRegionElement extends Components.IcToastRegion, HTMLStencilElement {
+    }
+    var HTMLIcToastRegionElement: {
+        prototype: HTMLIcToastRegionElement;
+        new (): HTMLIcToastRegionElement;
+    };
     interface HTMLIcTooltipElement extends Components.IcTooltip, HTMLStencilElement {
     }
     var HTMLIcTooltipElement: {
@@ -1844,11 +2344,13 @@ declare global {
         "ic-classification-banner": HTMLIcClassificationBannerElement;
         "ic-data-entity": HTMLIcDataEntityElement;
         "ic-data-row": HTMLIcDataRowElement;
+        "ic-dialog": HTMLIcDialogElement;
         "ic-divider": HTMLIcDividerElement;
         "ic-footer": HTMLIcFooterElement;
         "ic-footer-link": HTMLIcFooterLinkElement;
         "ic-footer-link-group": HTMLIcFooterLinkGroupElement;
         "ic-hero": HTMLIcHeroElement;
+        "ic-horizontal-scroll": HTMLIcHorizontalScrollElement;
         "ic-input-component-container": HTMLIcInputComponentContainerElement;
         "ic-input-container": HTMLIcInputContainerElement;
         "ic-input-label": HTMLIcInputLabelElement;
@@ -1856,11 +2358,16 @@ declare global {
         "ic-link": HTMLIcLinkElement;
         "ic-loading-indicator": HTMLIcLoadingIndicatorElement;
         "ic-menu": HTMLIcMenuElement;
+        "ic-menu-group": HTMLIcMenuGroupElement;
+        "ic-menu-item": HTMLIcMenuItemElement;
         "ic-navigation-button": HTMLIcNavigationButtonElement;
         "ic-navigation-group": HTMLIcNavigationGroupElement;
         "ic-navigation-item": HTMLIcNavigationItemElement;
         "ic-navigation-menu": HTMLIcNavigationMenuElement;
         "ic-page-header": HTMLIcPageHeaderElement;
+        "ic-pagination": HTMLIcPaginationElement;
+        "ic-pagination-item": HTMLIcPaginationItemElement;
+        "ic-popover-menu": HTMLIcPopoverMenuElement;
         "ic-radio-group": HTMLIcRadioGroupElement;
         "ic-radio-option": HTMLIcRadioOptionElement;
         "ic-search-bar": HTMLIcSearchBarElement;
@@ -1878,6 +2385,8 @@ declare global {
         "ic-tab-panel": HTMLIcTabPanelElement;
         "ic-text-field": HTMLIcTextFieldElement;
         "ic-theme": HTMLIcThemeElement;
+        "ic-toast": HTMLIcToastElement;
+        "ic-toast-region": HTMLIcToastRegionElement;
         "ic-tooltip": HTMLIcTooltipElement;
         "ic-top-navigation": HTMLIcTopNavigationElement;
         "ic-typography": HTMLIcTypographyElement;
@@ -1916,7 +2425,7 @@ declare namespace LocalJSX {
         /**
           * The variant of the alert which will be rendered.
          */
-        "variant"?: IcAlertVariants;
+        "variant"?: IcStatusVariants;
     }
     interface IcBackToTop {
         /**
@@ -1965,6 +2474,30 @@ declare namespace LocalJSX {
           * If `true`, the user can save the linked URL instead of navigating to it.
          */
         "download"?: string | boolean;
+        /**
+          * The <form> element to associate the button with.
+         */
+        "form"?: string;
+        /**
+          * The URL that processes the information submitted by the button. It overrides the action attribute of the button's form owner. Does nothing if there is no form owner.
+         */
+        "formaction"?: string;
+        /**
+          * The way the submitted form data is encoded.
+         */
+        "formenctype"?: string;
+        /**
+          * The HTTP method used to submit the form.
+         */
+        "formmethod"?: string;
+        /**
+          * If `true`, the form will not be validated when submitted.
+         */
+        "formnovalidate"?: boolean;
+        /**
+          * The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.
+         */
+        "formtarget"?: string;
         /**
           * If `true`, the button will fill the width of the container.
          */
@@ -2109,6 +2642,10 @@ declare namespace LocalJSX {
           * Emitted when a checkbox has been checked.
          */
         "onIcCheck"?: (event: IcCheckboxCustomEvent<void>) => void;
+        /**
+          * If true, the small styling will be applied to the checkbox.
+         */
+        "small"?: boolean;
         /**
           * The value for the checkbox.
          */
@@ -2232,6 +2769,68 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface IcDialog {
+        /**
+          * If a status is set, sets the heading for the displayed alert.
+         */
+        "alertHeading"?: string;
+        /**
+          * If a status is set, sets the message for the displayed alert.
+         */
+        "alertMessage"?: string;
+        /**
+          * Sets the label and onclick functions for default buttons.
+         */
+        "buttonProps"?: { label: string; onclick: string }[];
+        /**
+          * If set to `false`, dialog controls will not be displayed overriding buttonProps or slotted dialog controls.
+         */
+        "buttons"?: boolean;
+        /**
+          * If set to `true`, the dialog will not close when the backdrop is clicked.
+         */
+        "closeOnBackdropClick"?: boolean;
+        /**
+          * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
+         */
+        "destructive"?: boolean;
+        /**
+          * Sets the dismiss label tooltip and aria label.
+         */
+        "dismissLabel"?: string;
+        /**
+          * Sets the heading for the dialog.
+         */
+        "heading": string;
+        /**
+          * Sets the optional label for the dialog which appears above the heading.
+         */
+        "label"?: string;
+        /**
+          * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.
+         */
+        "onIcDialogCancelled"?: (event: IcDialogCustomEvent<void>) => void;
+        /**
+          * Emitted when dialog has closed.
+         */
+        "onIcDialogClosed"?: (event: IcDialogCustomEvent<void>) => void;
+        /**
+          * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.
+         */
+        "onIcDialogConfirmed"?: (event: IcDialogCustomEvent<void>) => void;
+        /**
+          * Emitted when dialog has opened.
+         */
+        "onIcDialogOpened"?: (event: IcDialogCustomEvent<void>) => void;
+        /**
+          * Sets the maximum and minimum height and width for the dialog.
+         */
+        "size"?: "small" | "medium" | "large";
+        /**
+          * If set, displays an alert of the corresponding variant below the heading.
+         */
+        "status"?: "neutral" | "info" | "warning" | "error" | "success";
+    }
     interface IcDivider {
     }
     interface IcFooter {
@@ -2261,10 +2860,30 @@ declare namespace LocalJSX {
         "groupLinks"?: boolean;
     }
     interface IcFooterLink {
+        /**
+          * If `true`, the user can save the linked URL instead of navigating to it.
+         */
+        "download"?: string | boolean;
         /**
           * The URL that the link points to.
          */
         "href"?: string;
+        /**
+          * The human language of the linked URL.
+         */
+        "hreflang"?: string;
+        /**
+          * How much of the referrer to send when following the link.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
+        /**
+          * The relationship of the linked URL as space-separated link types.
+         */
+        "rel"?: string;
+        /**
+          * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+         */
+        "target"?: string;
     }
     interface IcFooterLinkGroup {
         /**
@@ -2310,6 +2929,12 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
+    interface IcHorizontalScroll {
+        /**
+          * The appearance of the horizontal scroll, e.g. dark, light or the default.
+         */
+        "appearance"?: IcThemeForeground;
+    }
     interface IcInputComponentContainer {
         /**
           * If `true`, the dark variant of the input component container will be displayed.
@@ -2436,7 +3061,7 @@ declare namespace LocalJSX {
          */
         "rel"?: string;
         /**
-          * If `true`, the 'open in new tab/window' icon will be displayed.
+          * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
          */
         "showIcon"?: boolean;
         /**
@@ -2519,6 +3144,10 @@ declare namespace LocalJSX {
           * The possible menu selection options.
          */
         "options": IcMenuOption[];
+        /**
+          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
+         */
+        "searchMode"?: IcSearchBarSearchModes;
         /**
           * If `true`, the small styling will be applied to the menu.
          */
@@ -2528,6 +3157,58 @@ declare namespace LocalJSX {
          */
         "value": string;
     }
+    interface IcMenuGroup {
+        /**
+          * The label to display as the title of the menu group.
+         */
+        "label"?: string;
+    }
+    interface IcMenuItem {
+        /**
+          * The description displayed in the menu item, below the label.
+         */
+        "description"?: string;
+        /**
+          * If `true`, the menu item will be in disabled state.
+         */
+        "disabled"?: boolean;
+        /**
+          * The URL that the link points to. This will render the menu item as an "a" tag.
+         */
+        "href"?: string;
+        /**
+          * The human language of the linked URL.
+         */
+        "hreflang"?: string;
+        /**
+          * The label describing the keyboard shortcut for a menu item's action.
+         */
+        "keyboardShortcut"?: string;
+        /**
+          * The label to display in the menu item.
+         */
+        "label": string;
+        /**
+          * How much of the referrer to send when following the link.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
+        /**
+          * The relationship of the linked URL as space-separated link types.
+         */
+        "rel"?: string;
+        /**
+          * This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.
+         */
+        "submenuTriggerFor"?: string;
+        /**
+          * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+         */
+        "target"?: string;
+        /**
+          * The variant of the menu item.
+         */
+        "variant"?: IcMenuItemVariants;
+    }
     interface IcNavigationButton {
         /**
           * If `true`, the user can save the linked URL instead of navigating to it.
@@ -2569,18 +3250,38 @@ declare namespace LocalJSX {
         "label"?: string;
     }
     interface IcNavigationItem {
+        /**
+          * If `true`, the user can save the linked URL instead of navigating to it.
+         */
+        "download"?: string | boolean;
         /**
           * The destination of the navigation item.
          */
         "href"?: string;
+        /**
+          * The human language of the linked URL.
+         */
+        "hreflang"?: string;
         /**
           * The label of the navigation item.
          */
         "label"?: string;
+        /**
+          * How much of the referrer to send when following the link.
+         */
+        "referrerpolicy"?: ReferrerPolicy;
+        /**
+          * The relationship of the linked URL as space-separated link types.
+         */
+        "rel"?: string;
         /**
           * If `true`, the navigation item will be set in a selected state.
          */
         "selected"?: boolean;
+        /**
+          * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+         */
+        "target"?: string;
     }
     interface IcNavigationMenu {
         /**
@@ -2626,6 +3327,104 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
+    interface IcPagination {
+        /**
+          * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+         */
+        "adjacentCount"?: number;
+        /**
+          * The appearance of the pagination, e.g. dark, light or the default.
+         */
+        "appearance"?: IcThemeForeground;
+        /**
+          * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+         */
+        "boundaryCount"?: number;
+        /**
+          * The current page displayed by the pagination.
+         */
+        "currentPage"?: number;
+        /**
+          * The default page to display.
+         */
+        "defaultPage"?: number;
+        /**
+          * If `true`, the pagination will not allow interaction.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true`, the current page of the simple pagination will not be displayed.
+         */
+        "hideCurrentPage"?: boolean;
+        /**
+          * If `true`, the first and last page buttons will not be displayed.
+         */
+        "hideFirstAndLastPageButton"?: boolean;
+        /**
+          * The label for the pagination item (applicable when simple pagination is being used).
+         */
+        "label"?: string;
+        /**
+          * Emitted when a page is selected.
+         */
+        "onIcPageChange"?: (event: IcPaginationCustomEvent<IcChangeEventDetail1>) => void;
+        /**
+          * The total number of pages.
+         */
+        "pages": number;
+        /**
+          * The type of pagination to be used.
+         */
+        "type"?: IcPaginationTypes;
+    }
+    interface IcPaginationItem {
+        /**
+          * The appearance of the pagination, e.g. dark, light or the default.
+         */
+        "appearance"?: IcThemeForeground;
+        /**
+          * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.
+         */
+        "ariaOverride"?: boolean;
+        /**
+          * If `true`, the pagination item will be disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * The label for the pagination item (applicable when simple pagination is being used).
+         */
+        "label"?: string;
+        /**
+          * The current page number.
+         */
+        "page"?: number | null;
+        /**
+          * The total number of pages.
+         */
+        "pages"?: number;
+        /**
+          * If `true`, the pagination item will be selected.
+         */
+        "selected"?: boolean;
+        /**
+          * The type of pagination item - 'page' or 'ellipsis'.
+         */
+        "type"?: IcPaginationItemType;
+    }
+    interface IcPopoverMenu {
+        /**
+          * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
+         */
+        "anchor"?: string;
+        /**
+          * If `true`, the popover menu will be displayed.
+         */
+        "open"?: boolean;
+        /**
+          * The unique identifier for a popover submenu.
+         */
+        "submenuId"?: string;
+    }
     interface IcRadioGroup {
         /**
           * If `true`, the disabled state will be set.
@@ -2650,7 +3449,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a user selects a radio.
          */
-        "onIcChange"?: (event: IcRadioGroupCustomEvent<IcValueEventDetail>) => void;
+        "onIcChange"?: (event: IcRadioGroupCustomEvent<IcChangeEventDetail2>) => void;
         /**
           * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.
          */
@@ -2698,9 +3497,13 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Emitted when a radio is selected.
+          * Emitted when the radio option is selected.
          */
         "onIcCheck"?: (event: IcRadioOptionCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * Emitted when the radio option is selected or deselected.
+         */
+        "onIcSelectedChange"?: (event: IcRadioOptionCustomEvent<void>) => void;
         /**
           * @deprecated This event should not be used anymore. Use icCheck instead.
          */
@@ -2732,7 +3535,7 @@ declare namespace LocalJSX {
          */
         "autofocus"?: boolean;
         /**
-          * The number of characters until suggestions appear.
+          * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.
          */
         "charactersUntilSuggestion"?: number;
         /**
@@ -2775,6 +3578,18 @@ declare namespace LocalJSX {
           * The label for the search bar.
          */
         "label": string;
+        /**
+          * Trigger loading state when fetching options asyncronously
+         */
+        "loading"?: boolean;
+        /**
+          * Change the message displayed when external loading times out.
+         */
+        "loadingErrorLabel"?: string;
+        /**
+          * Change the message displayed whilst the options are being loaded externally.
+         */
+        "loadingLabel"?: string;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -2807,6 +3622,10 @@ declare namespace LocalJSX {
           * Emitted when option is highlighted within the menu
          */
         "onIcOptionSelect"?: (event: IcSearchBarCustomEvent<IcOptionSelectEventDetail>) => void;
+        /**
+          * Emitted when the 'retry loading' button is clicked
+         */
+        "onIcRetryLoad"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
         /**
           * Emitted when blur is invoked from ic-search-bar
          */
@@ -2835,6 +3654,10 @@ declare namespace LocalJSX {
           * If `true`, the search bar will require a value.
          */
         "required"?: boolean;
+        /**
+          * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
+         */
+        "searchMode"?: IcSearchBarSearchModes;
         /**
           * If `true`, the small styling will be applied to the search bar.
          */
@@ -2843,6 +3666,10 @@ declare namespace LocalJSX {
           * If `true`, the value of the search will have its spelling and grammar checked.
          */
         "spellcheck"?: boolean;
+        /**
+          * If using external filtering, set a timeout for when loading takes too long.
+         */
+        "timeout"?: number;
         /**
           * The value of the search input.
          */
@@ -2860,7 +3687,7 @@ declare namespace LocalJSX {
     }
     interface IcSelect {
         /**
-          * The number of characters until suggestions appear for a searchable select.
+          * @deprecated This prop should not be used anymore.
          */
         "charactersUntilSuggestions"?: number;
         /**
@@ -2868,7 +3695,7 @@ declare namespace LocalJSX {
          */
         "debounce"?: number;
         /**
-          * Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.
+          * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
          */
         "disableFilter"?: boolean;
         /**
@@ -2903,12 +3730,24 @@ declare namespace LocalJSX {
           * The label for the select.
          */
         "label": string;
+        /**
+          * If `true`, the loading state will be triggered when fetching options asyncronously.
+         */
+        "loading"?: boolean;
+        /**
+          * The message displayed when external loading times out.
+         */
+        "loadingErrorLabel"?: string;
+        /**
+          * The message displayed whilst the options are being loaded externally.
+         */
+        "loadingLabel"?: string;
         /**
           * The name of the control, which is submitted with the form data.
          */
         "name"?: string;
         /**
-          * Emitted when select loses focus.
+          * Emitted when the select loses focus.
          */
         "onIcBlur"?: (event: IcSelectCustomEvent<void>) => void;
         /**
@@ -2916,11 +3755,11 @@ declare namespace LocalJSX {
          */
         "onIcChange"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
         /**
-          * Emitted when clear button clicked.
+          * Emitted when the clear button is clicked.
          */
         "onIcClear"?: (event: IcSelectCustomEvent<void>) => void;
         /**
-          * Emitted when select gains focus.
+          * Emitted when the select gains focus.
          */
         "onIcFocus"?: (event: IcSelectCustomEvent<void>) => void;
         /**
@@ -2928,9 +3767,13 @@ declare namespace LocalJSX {
          */
         "onIcInput"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
         /**
-          * Emitted when option is highlighted within the menu.
+          * Emitted when an option is highlighted within the menu. Highlighting a menu item will also trigger an `icChange/onIcChange` due to the value being updated.
          */
         "onIcOptionSelect"?: (event: IcSelectCustomEvent<IcOptionSelectEventDetail>) => void;
+        /**
+          * Emitted when the 'retry loading' button is clicked for a searchable variant.
+         */
+        "onIcRetryLoad"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
         /**
           * The possible selection options.
          */
@@ -2963,6 +3806,10 @@ declare namespace LocalJSX {
           * If `true`, the small styling will be applied to the select.
          */
         "small"?: boolean;
+        /**
+          * If using external filtering, set a timeout for when loading takes too long.
+         */
+        "timeout"?: number;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -2972,7 +3819,7 @@ declare namespace LocalJSX {
          */
         "validationText"?: string;
         /**
-          * The value of the currently selected option.
+          * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input.
          */
         "value"?: string;
     }
@@ -3162,7 +4009,7 @@ declare namespace LocalJSX {
     }
     interface IcTabGroup {
         /**
-          * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
+          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
          */
         "contextId"?: string;
         /**
@@ -3176,7 +4023,7 @@ declare namespace LocalJSX {
     }
     interface IcTabPanel {
         /**
-          * The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel.
+          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
          */
         "contextId"?: string;
     }
@@ -3192,11 +4039,11 @@ declare namespace LocalJSX {
         /**
           * The state of autocompletion the browser can apply on the text value.
          */
-        "autocomplete"?: IcAutocompleteTypes1;
+        "autocomplete"?: IcAutocompleteTypes;
         /**
           * The state of autocorrection the browser can apply when the user is entering/editing the text value.
          */
-        "autocorrect"?: IcAutocorrectStates1;
+        "autocorrect"?: IcAutocorrectStates;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
@@ -3229,10 +4076,18 @@ declare namespace LocalJSX {
           * The label for the input.
          */
         "label": string;
+        /**
+          * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)
+         */
+        "max"?: string | number;
         /**
           * The maximum number of characters that can be entered in the field.
          */
         "maxLength"?: number;
+        /**
+          * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)
+         */
+        "min"?: string | number;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -3296,7 +4151,7 @@ declare namespace LocalJSX {
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus"?: IcInformationStatusOrEmpty1;
+        "validationStatus"?: IcInformationStatusOrEmpty;
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
@@ -3312,6 +4167,42 @@ declare namespace LocalJSX {
          */
         "color"?: string;
     }
+    interface IcToast {
+        /**
+          * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`)
+         */
+        "autoDismissTimeout"?: number;
+        /**
+          * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
+         */
+        "dismissButtonAriaLabel"?: string;
+        /**
+          * How the toast will be dismissed. If manual will display a dismiss button.
+         */
+        "dismissMode"?: IcActivationTypes;
+        /**
+          * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
+         */
+        "heading": string;
+        /**
+          * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+         */
+        "message"?: string;
+        /**
+          * Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon
+         */
+        "neutralIconAriaLabel"?: string;
+        /**
+          * Is emitted when the user dismisses the toast
+         */
+        "onIcDismiss"?: (event: IcToastCustomEvent<void>) => void;
+        /**
+          * The variant of the toast being rendered
+         */
+        "variant"?: IcStatusVariants;
+    }
+    interface IcToastRegion {
+    }
     interface IcTooltip {
         /**
           * If `true`, the tooltip will not be displayed on hover, it will require a click.
@@ -3347,6 +4238,10 @@ declare namespace LocalJSX {
           * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
          */
         "inline"?: boolean;
+        /**
+          * The short title of the app to be displayed at small screen sizes in place of the app title.
+         */
+        "shortAppTitle"?: string;
         /**
           * The status info to be displayed.
          */
@@ -3361,6 +4256,10 @@ declare namespace LocalJSX {
           * If `true`, appropriate top and bottom margins will be applied to the typography.
          */
         "applyVerticalMargins"?: boolean;
+        /**
+          * The number of lines to display before truncating the text, only used for the 'body' variant.
+         */
+        "maxLines"?: number;
         /**
           * The ICDS typography style to use.
          */
@@ -3379,11 +4278,13 @@ declare namespace LocalJSX {
         "ic-classification-banner": IcClassificationBanner;
         "ic-data-entity": IcDataEntity;
         "ic-data-row": IcDataRow;
+        "ic-dialog": IcDialog;
         "ic-divider": IcDivider;
         "ic-footer": IcFooter;
         "ic-footer-link": IcFooterLink;
         "ic-footer-link-group": IcFooterLinkGroup;
         "ic-hero": IcHero;
+        "ic-horizontal-scroll": IcHorizontalScroll;
         "ic-input-component-container": IcInputComponentContainer;
         "ic-input-container": IcInputContainer;
         "ic-input-label": IcInputLabel;
@@ -3391,11 +4292,16 @@ declare namespace LocalJSX {
         "ic-link": IcLink;
         "ic-loading-indicator": IcLoadingIndicator;
         "ic-menu": IcMenu;
+        "ic-menu-group": IcMenuGroup;
+        "ic-menu-item": IcMenuItem;
         "ic-navigation-button": IcNavigationButton;
         "ic-navigation-group": IcNavigationGroup;
         "ic-navigation-item": IcNavigationItem;
         "ic-navigation-menu": IcNavigationMenu;
         "ic-page-header": IcPageHeader;
+        "ic-pagination": IcPagination;
+        "ic-pagination-item": IcPaginationItem;
+        "ic-popover-menu": IcPopoverMenu;
         "ic-radio-group": IcRadioGroup;
         "ic-radio-option": IcRadioOption;
         "ic-search-bar": IcSearchBar;
@@ -3413,6 +4319,8 @@ declare namespace LocalJSX {
         "ic-tab-panel": IcTabPanel;
         "ic-text-field": IcTextField;
         "ic-theme": IcTheme;
+        "ic-toast": IcToast;
+        "ic-toast-region": IcToastRegion;
         "ic-tooltip": IcTooltip;
         "ic-top-navigation": IcTopNavigation;
         "ic-typography": IcTypography;
@@ -3434,11 +4342,13 @@ declare module "@stencil/core" {
             "ic-classification-banner": LocalJSX.IcClassificationBanner & JSXBase.HTMLAttributes<HTMLIcClassificationBannerElement>;
             "ic-data-entity": LocalJSX.IcDataEntity & JSXBase.HTMLAttributes<HTMLIcDataEntityElement>;
             "ic-data-row": LocalJSX.IcDataRow & JSXBase.HTMLAttributes<HTMLIcDataRowElement>;
+            "ic-dialog": LocalJSX.IcDialog & JSXBase.HTMLAttributes<HTMLIcDialogElement>;
             "ic-divider": LocalJSX.IcDivider & JSXBase.HTMLAttributes<HTMLIcDividerElement>;
             "ic-footer": LocalJSX.IcFooter & JSXBase.HTMLAttributes<HTMLIcFooterElement>;
             "ic-footer-link": LocalJSX.IcFooterLink & JSXBase.HTMLAttributes<HTMLIcFooterLinkElement>;
             "ic-footer-link-group": LocalJSX.IcFooterLinkGroup & JSXBase.HTMLAttributes<HTMLIcFooterLinkGroupElement>;
             "ic-hero": LocalJSX.IcHero & JSXBase.HTMLAttributes<HTMLIcHeroElement>;
+            "ic-horizontal-scroll": LocalJSX.IcHorizontalScroll & JSXBase.HTMLAttributes<HTMLIcHorizontalScrollElement>;
             "ic-input-component-container": LocalJSX.IcInputComponentContainer & JSXBase.HTMLAttributes<HTMLIcInputComponentContainerElement>;
             "ic-input-container": LocalJSX.IcInputContainer & JSXBase.HTMLAttributes<HTMLIcInputContainerElement>;
             "ic-input-label": LocalJSX.IcInputLabel & JSXBase.HTMLAttributes<HTMLIcInputLabelElement>;
@@ -3446,11 +4356,16 @@ declare module "@stencil/core" {
             "ic-link": LocalJSX.IcLink & JSXBase.HTMLAttributes<HTMLIcLinkElement>;
             "ic-loading-indicator": LocalJSX.IcLoadingIndicator & JSXBase.HTMLAttributes<HTMLIcLoadingIndicatorElement>;
             "ic-menu": LocalJSX.IcMenu & JSXBase.HTMLAttributes<HTMLIcMenuElement>;
+            "ic-menu-group": LocalJSX.IcMenuGroup & JSXBase.HTMLAttributes<HTMLIcMenuGroupElement>;
+            "ic-menu-item": LocalJSX.IcMenuItem & JSXBase.HTMLAttributes<HTMLIcMenuItemElement>;
             "ic-navigation-button": LocalJSX.IcNavigationButton & JSXBase.HTMLAttributes<HTMLIcNavigationButtonElement>;
             "ic-navigation-group": LocalJSX.IcNavigationGroup & JSXBase.HTMLAttributes<HTMLIcNavigationGroupElement>;
             "ic-navigation-item": LocalJSX.IcNavigationItem & JSXBase.HTMLAttributes<HTMLIcNavigationItemElement>;
             "ic-navigation-menu": LocalJSX.IcNavigationMenu & JSXBase.HTMLAttributes<HTMLIcNavigationMenuElement>;
             "ic-page-header": LocalJSX.IcPageHeader & JSXBase.HTMLAttributes<HTMLIcPageHeaderElement>;
+            "ic-pagination": LocalJSX.IcPagination & JSXBase.HTMLAttributes<HTMLIcPaginationElement>;
+            "ic-pagination-item": LocalJSX.IcPaginationItem & JSXBase.HTMLAttributes<HTMLIcPaginationItemElement>;
+            "ic-popover-menu": LocalJSX.IcPopoverMenu & JSXBase.HTMLAttributes<HTMLIcPopoverMenuElement>;
             "ic-radio-group": LocalJSX.IcRadioGroup & JSXBase.HTMLAttributes<HTMLIcRadioGroupElement>;
             "ic-radio-option": LocalJSX.IcRadioOption & JSXBase.HTMLAttributes<HTMLIcRadioOptionElement>;
             "ic-search-bar": LocalJSX.IcSearchBar & JSXBase.HTMLAttributes<HTMLIcSearchBarElement>;
@@ -3468,6 +4383,8 @@ declare module "@stencil/core" {
             "ic-tab-panel": LocalJSX.IcTabPanel & JSXBase.HTMLAttributes<HTMLIcTabPanelElement>;
             "ic-text-field": LocalJSX.IcTextField & JSXBase.HTMLAttributes<HTMLIcTextFieldElement>;
             "ic-theme": LocalJSX.IcTheme & JSXBase.HTMLAttributes<HTMLIcThemeElement>;
+            "ic-toast": LocalJSX.IcToast & JSXBase.HTMLAttributes<HTMLIcToastElement>;
+            "ic-toast-region": LocalJSX.IcToastRegion & JSXBase.HTMLAttributes<HTMLIcToastRegionElement>;
             "ic-tooltip": LocalJSX.IcTooltip & JSXBase.HTMLAttributes<HTMLIcTooltipElement>;
             "ic-top-navigation": LocalJSX.IcTopNavigation & JSXBase.HTMLAttributes<HTMLIcTopNavigationElement>;
             "ic-typography": LocalJSX.IcTypography & JSXBase.HTMLAttributes<HTMLIcTypographyElement>;