@ukic/web-components 2.1.0-beta.9 → 2.3.0

package/dist/types/components.d.ts

@@ -5,18 +5,22 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants } from "./utils/types";
-import { IcButtonSizes, IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
+import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSizes, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+import { IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
-import { IcChipAppearance, IcChipSizes } from "./components/ic-chip/ic-chip.types";
+import { IcChipAppearance } from "./components/ic-chip/ic-chip.types";
 import { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
+import { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-state.types";
 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";
@@ -25,6 +29,30 @@ 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, IcSizes, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+export { IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
+export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
+export { IcChipAppearance } from "./components/ic-chip/ic-chip.types";
+export { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
+export { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-state.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 {
         /**
@@ -44,7 +72,7 @@ export namespace Components {
          */
         "message"?: string;
         /**
-          * If `true`, the title and message will appear inline instead of above and below.
+          * If `true`, the title and message will appear above and below instead of inline.
          */
         "titleAbove"?: boolean;
         /**
@@ -104,6 +132,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.
          */
@@ -135,7 +187,7 @@ export namespace Components {
         /**
           * The size of the button to be displayed.
          */
-        "size"?: IcButtonSizes;
+        "size"?: IcSizes;
         /**
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
@@ -245,6 +297,14 @@ export namespace Components {
           * Sets focus on the checkbox.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
+         */
+        "size"?: IcSizes;
+        /**
+          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+         */
+        "small"?: boolean;
         /**
           * The value for the checkbox.
          */
@@ -276,7 +336,11 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * If `true`, the small styling will be applied to the checkbox group.
+          * The size of the checkboxes to be displayed. This does not affect the font size of the label.
+         */
+        "size"?: IcSizes;
+        /**
+          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
         "small": boolean;
         /**
@@ -312,7 +376,7 @@ export namespace Components {
         /**
           * The size of the chip.
          */
-        "size"?: IcChipSizes;
+        "size"?: IcSizes;
     }
     interface IcClassificationBanner {
         /**
@@ -360,8 +424,96 @@ 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 IcEmptyState {
+        /**
+          * The alignment of the empty state container.
+         */
+        "aligned"?: IcEmptyStateAlignment;
+        /**
+          * The body text rendered in the empty state container.
+         */
+        "body"?: string;
+        /**
+          * The number of lines of body text to display before truncating.
+         */
+        "bodyMaxLines"?: number;
+        /**
+          * The title rendered in the empty state container.
+         */
+        "heading": string;
+        /**
+          * The size of the image or icon used in the image slot.
+         */
+        "imageSize"?: IcSizes;
+        /**
+          * The subtitle rendered in the empty state container.
+         */
+        "subheading"?: string;
+    }
     interface IcFooter {
         /**
           * The alignment of the section containers used within the footer.
@@ -389,10 +541,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 {
         /**
@@ -575,7 +747,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;
         /**
@@ -668,6 +840,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.
          */
@@ -677,6 +853,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.
@@ -728,15 +956,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.
          */
@@ -745,6 +989,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 {
         /**
@@ -790,6 +1038,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.
@@ -888,7 +1239,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;
         /**
@@ -931,6 +1282,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.
          */
@@ -951,6 +1314,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`.
          */
@@ -963,6 +1330,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.
          */
@@ -980,7 +1351,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;
         /**
@@ -988,7 +1359,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;
         /**
@@ -1023,6 +1394,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.
          */
@@ -1063,6 +1446,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'.
          */
@@ -1072,7 +1459,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;
     }
@@ -1098,6 +1485,10 @@ export namespace Components {
          */
         "href": string;
         "inline": boolean;
+        /**
+          * The short title of the app to be displayed at small screen sizes in place of the app title.
+         */
+        "shortAppTitle": string;
         /**
           * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).
          */
@@ -1261,11 +1652,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;
         /**
@@ -1280,7 +1672,7 @@ export namespace Components {
     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;
@@ -1303,11 +1695,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.
          */
@@ -1341,10 +1733,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.
          */
@@ -1391,10 +1791,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'.
          */
@@ -1457,6 +1858,12 @@ export namespace Components {
           * 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.
          */
@@ -1487,6 +1894,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.
          */
@@ -1501,6 +1912,26 @@ export namespace Components {
           * If `true`, appropriate top and bottom margins will be applied to the typography.
          */
         "applyVerticalMargins"?: boolean;
+        /**
+          * If `true`, the typography will have a bold font weight. Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).
+         */
+        "bold"?: boolean;
+        /**
+          * If `true`, the typography will have an italic font style.
+         */
+        "italic"?: boolean;
+        /**
+          * The number of lines to display before truncating the text, only used for the 'body' variant.
+         */
+        "maxLines"?: number;
+        /**
+          * If `true`, the typography will have a line through it.
+         */
+        "strikethrough"?: boolean;
+        /**
+          * If `true`, the typography will have a line under it.
+         */
+        "underline"?: boolean;
         /**
           * The ICDS typography style to use.
          */
@@ -1527,6 +1958,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;
@@ -1535,6 +1970,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;
@@ -1543,6 +1982,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;
@@ -1571,6 +2018,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;
@@ -1660,12 +2111,24 @@ 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: {
         prototype: HTMLIcDividerElement;
         new (): HTMLIcDividerElement;
     };
+    interface HTMLIcEmptyStateElement extends Components.IcEmptyState, HTMLStencilElement {
+    }
+    var HTMLIcEmptyStateElement: {
+        prototype: HTMLIcEmptyStateElement;
+        new (): HTMLIcEmptyStateElement;
+    };
     interface HTMLIcFooterElement extends Components.IcFooter, HTMLStencilElement {
     }
     var HTMLIcFooterElement: {
@@ -1738,6 +2201,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: {
@@ -1764,9 +2239,27 @@ declare global {
     };
     interface HTMLIcPageHeaderElement extends Components.IcPageHeader, HTMLStencilElement {
     }
-    var HTMLIcPageHeaderElement: {
-        prototype: HTMLIcPageHeaderElement;
-        new (): HTMLIcPageHeaderElement;
+    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 HTMLIcPopoverMenuElement: {
+        prototype: HTMLIcPopoverMenuElement;
+        new (): HTMLIcPopoverMenuElement;
     };
     interface HTMLIcRadioGroupElement extends Components.IcRadioGroup, HTMLStencilElement {
     }
@@ -1913,7 +2406,9 @@ declare global {
         "ic-classification-banner": HTMLIcClassificationBannerElement;
         "ic-data-entity": HTMLIcDataEntityElement;
         "ic-data-row": HTMLIcDataRowElement;
+        "ic-dialog": HTMLIcDialogElement;
         "ic-divider": HTMLIcDividerElement;
+        "ic-empty-state": HTMLIcEmptyStateElement;
         "ic-footer": HTMLIcFooterElement;
         "ic-footer-link": HTMLIcFooterLinkElement;
         "ic-footer-link-group": HTMLIcFooterLinkGroupElement;
@@ -1926,11 +2421,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;
@@ -1982,7 +2482,7 @@ declare namespace LocalJSX {
          */
         "onIcDismiss"?: (event: IcAlertCustomEvent<void>) => void;
         /**
-          * If `true`, the title and message will appear inline instead of above and below.
+          * If `true`, the title and message will appear above and below instead of inline.
          */
         "titleAbove"?: boolean;
         /**
@@ -2037,6 +2537,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.
          */
@@ -2072,7 +2596,7 @@ declare namespace LocalJSX {
         /**
           * The size of the button to be displayed.
          */
-        "size"?: IcButtonSizes;
+        "size"?: IcSizes;
         /**
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
@@ -2181,6 +2705,14 @@ declare namespace LocalJSX {
           * Emitted when a checkbox has been checked.
          */
         "onIcCheck"?: (event: IcCheckboxCustomEvent<void>) => void;
+        /**
+          * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
+         */
+        "size"?: IcSizes;
+        /**
+          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+         */
+        "small"?: boolean;
         /**
           * The value for the checkbox.
          */
@@ -2216,7 +2748,11 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * If `true`, the small styling will be applied to the checkbox group.
+          * The size of the checkboxes to be displayed. This does not affect the font size of the label.
+         */
+        "size"?: IcSizes;
+        /**
+          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
         "small"?: boolean;
         /**
@@ -2256,7 +2792,7 @@ declare namespace LocalJSX {
         /**
           * The size of the chip.
          */
-        "size"?: IcChipSizes;
+        "size"?: IcSizes;
     }
     interface IcClassificationBanner {
         /**
@@ -2304,8 +2840,96 @@ 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 IcEmptyState {
+        /**
+          * The alignment of the empty state container.
+         */
+        "aligned"?: IcEmptyStateAlignment;
+        /**
+          * The body text rendered in the empty state container.
+         */
+        "body"?: string;
+        /**
+          * The number of lines of body text to display before truncating.
+         */
+        "bodyMaxLines"?: number;
+        /**
+          * The title rendered in the empty state container.
+         */
+        "heading": string;
+        /**
+          * The size of the image or icon used in the image slot.
+         */
+        "imageSize"?: IcSizes;
+        /**
+          * The subtitle rendered in the empty state container.
+         */
+        "subheading"?: string;
+    }
     interface IcFooter {
         /**
           * The alignment of the section containers used within the footer.
@@ -2333,10 +2957,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 {
         /**
@@ -2514,7 +3158,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;
         /**
@@ -2597,6 +3241,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.
          */
@@ -2606,6 +3254,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.
@@ -2647,18 +3347,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 {
         /**
@@ -2704,6 +3424,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.
@@ -2728,7 +3546,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.
          */
@@ -2776,9 +3594,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.
          */
@@ -2810,7 +3632,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;
         /**
@@ -2853,6 +3675,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.
          */
@@ -2885,6 +3719,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
          */
@@ -2913,6 +3751,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.
          */
@@ -2921,6 +3763,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.
          */
@@ -2938,7 +3784,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;
         /**
@@ -2946,7 +3792,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;
         /**
@@ -2981,12 +3827,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;
         /**
@@ -2994,11 +3852,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;
         /**
@@ -3006,9 +3864,13 @@ declare namespace LocalJSX {
          */
         "onIcInput"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
         /**
-          * Emitted when option is highlighted within the menu. Highlighting a menu item will trigger an `icChange/onIcChange` due to the value being updated.
+          * 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.
          */
@@ -3041,6 +3903,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'.
          */
@@ -3050,7 +3916,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;
     }
@@ -3075,6 +3941,10 @@ declare namespace LocalJSX {
           * The URL that the app title link points to.
          */
         "href"?: string;
+        /**
+          * The short title of the app to be displayed at small screen sizes in place of the app title.
+         */
+        "shortAppTitle"?: string;
         /**
           * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).
          */
@@ -3240,7 +4110,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;
         /**
@@ -3254,7 +4124,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;
     }
@@ -3270,11 +4140,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.
          */
@@ -3307,10 +4177,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.
          */
@@ -3374,7 +4252,7 @@ declare namespace LocalJSX {
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus"?: IcInformationStatusOrEmpty1;
+        "validationStatus"?: IcInformationStatusOrEmpty;
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
@@ -3461,6 +4339,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.
          */
@@ -3475,6 +4357,26 @@ declare namespace LocalJSX {
           * If `true`, appropriate top and bottom margins will be applied to the typography.
          */
         "applyVerticalMargins"?: boolean;
+        /**
+          * If `true`, the typography will have a bold font weight. Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).
+         */
+        "bold"?: boolean;
+        /**
+          * If `true`, the typography will have an italic font style.
+         */
+        "italic"?: boolean;
+        /**
+          * The number of lines to display before truncating the text, only used for the 'body' variant.
+         */
+        "maxLines"?: number;
+        /**
+          * If `true`, the typography will have a line through it.
+         */
+        "strikethrough"?: boolean;
+        /**
+          * If `true`, the typography will have a line under it.
+         */
+        "underline"?: boolean;
         /**
           * The ICDS typography style to use.
          */
@@ -3493,7 +4395,9 @@ declare namespace LocalJSX {
         "ic-classification-banner": IcClassificationBanner;
         "ic-data-entity": IcDataEntity;
         "ic-data-row": IcDataRow;
+        "ic-dialog": IcDialog;
         "ic-divider": IcDivider;
+        "ic-empty-state": IcEmptyState;
         "ic-footer": IcFooter;
         "ic-footer-link": IcFooterLink;
         "ic-footer-link-group": IcFooterLinkGroup;
@@ -3506,11 +4410,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;
@@ -3551,7 +4460,9 @@ 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-empty-state": LocalJSX.IcEmptyState & JSXBase.HTMLAttributes<HTMLIcEmptyStateElement>;
             "ic-footer": LocalJSX.IcFooter & JSXBase.HTMLAttributes<HTMLIcFooterElement>;
             "ic-footer-link": LocalJSX.IcFooterLink & JSXBase.HTMLAttributes<HTMLIcFooterLinkElement>;
             "ic-footer-link-group": LocalJSX.IcFooterLinkGroup & JSXBase.HTMLAttributes<HTMLIcFooterLinkGroupElement>;
@@ -3564,11 +4475,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>;