@ukic/web-components 3.0.0-alpha.11 → 3.0.0-alpha.13

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * 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, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
-import { IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
+import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcMultiValueEventDetail, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+import { IcBackToTopPositions, IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
 import { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
 import { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
@@ -20,6 +20,7 @@ import { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicato
 import { IcSearchBarBlurEventDetail, IcSearchBarSearchModes } from "./components/ic-search-bar/ic-search-bar.types";
 import { IcMenuChangeEventDetail, IcMenuOptionIdEventDetail, IcOptionSelectEventDetail } from "./components/ic-menu/ic-menu.types";
 import { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types";
+import { IcNavigationOpenEventDetail } from "./components/ic-navigation-group/ic-navigation-group.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";
@@ -34,8 +35,8 @@ import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from
 import { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
 import { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
 import { Options } from "@popperjs/core";
-export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
-export { IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
+export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcBrand, IcBrandForeground, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcIconPlacementOptions, IcInformationStatusOrEmpty, IcMenuOption, IcMultiValueEventDetail, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcThemeMode, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+export { IcBackToTopPositions, IcBackToTopVariants } from "./components/ic-back-to-top/ic-back-to-top.types";
 export { IcBadgePositions, IcBadgeTypes, IcBadgeVariants } from "./components/ic-badge/ic-badge.types";
 export { IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
@@ -49,6 +50,7 @@ export { IcLoadingSizes, IcLoadingTypes } from "./components/ic-loading-indicato
 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 { IcNavigationOpenEventDetail } from "./components/ic-navigation-group/ic-navigation-group.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";
@@ -72,7 +74,7 @@ export namespace Components {
         /**
           * If `true`, the accordion appears expanded.
          */
-        "expanded": boolean;
+        "expanded"?: boolean;
         /**
           * The section header outlining section content.
          */
@@ -98,15 +100,15 @@ export namespace Components {
         /**
           * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
          */
-        "accessibleButtonLabel": string;
+        "accessibleButtonLabel"?: string;
         /**
           * If `true`, the accordion will load in an expanded state.
          */
-        "expanded": boolean;
+        "expanded"?: boolean;
         /**
           * The header for the accordion group.
          */
-        "label": string;
+        "label"?: string;
         /**
           * Sets the focus on first focusable element in the accordion group. If the "See/Hide all" button is present, it will be focused. Otherwise, the first accordion will be focused.
          */
@@ -114,7 +116,7 @@ export namespace Components {
         /**
           * If `true`, only one accordion will open at a time.
          */
-        "singleExpansion": boolean;
+        "singleExpansion"?: boolean;
         /**
           * The size of the accordion.
          */
@@ -144,7 +146,7 @@ export namespace Components {
         /**
           * If `true`, the default icon for the neutral variant will appear on the left of the alert.
          */
-        "showDefaultIcon": boolean;
+        "showDefaultIcon"?: boolean;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -159,6 +161,10 @@ export namespace Components {
         "variant"?: IcStatusVariants;
     }
     interface IcBackToTop {
+        /**
+          * The horizontal position of the element.
+         */
+        "position"?: IcBackToTopPositions;
         /**
           * The ID of the element to jump back to when the link is clicked.
          */
@@ -170,7 +176,7 @@ export namespace Components {
         /**
           * The variant of the button to render
          */
-        "variant": IcBackToTopVariants;
+        "variant"?: IcBackToTopVariants;
     }
     interface IcBadge {
         /**
@@ -212,7 +218,7 @@ export namespace Components {
         /**
           * If `true`, the badge will be displayed.
          */
-        "visible": boolean;
+        "visible"?: boolean;
     }
     interface IcBreadcrumb {
         /**
@@ -232,18 +238,18 @@ export namespace Components {
           * Sets focus on the breadcrumb.
          */
         "setFocus": () => Promise<void>;
-        "showBackIcon": boolean;
+        "showBackIcon"?: boolean;
         "theme"?: IcThemeMode;
     }
     interface IcBreadcrumbGroup {
         /**
           * If `true`, display only a single breadcrumb for the parent page with a back icon.
          */
-        "backBreadcrumbOnly": boolean;
+        "backBreadcrumbOnly"?: boolean;
         /**
           * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
          */
-        "collapsed": boolean;
+        "collapsed"?: boolean;
         /**
           * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
          */
@@ -258,8 +264,8 @@ export namespace Components {
           * If `fileUpload` is set to `true`, this is the accepted list of file types.
          */
         "accept"?: string;
-        "ariaControlsId": string | boolean;
-        "ariaOwnsId": string | boolean;
+        "ariaControlsId"?: string | boolean;
+        "ariaOwnsId"?: string | boolean;
         /**
           * If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.
          */
@@ -283,7 +289,7 @@ export namespace Components {
         /**
           * The name of the control for the file input, which is submitted with the form data.
          */
-        "fileInputName": string;
+        "fileInputName"?: string;
         /**
           * If `true`, when the button is clicked the native file explorer will be launched.
          */
@@ -347,7 +353,7 @@ export namespace Components {
         /**
           * The list of the files that have been selected by a user.
          */
-        "selectedFiles": FileList;
+        "selectedFiles"?: FileList;
         /**
           * Sets focus on the native `button`.
          */
@@ -443,7 +449,7 @@ export namespace Components {
         /**
           * The style of additionalField that will be displayed if used.
          */
-        "additionalFieldDisplay": IcAdditionalFieldTypes;
+        "additionalFieldDisplay"?: IcAdditionalFieldTypes;
         /**
           * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.
          */
@@ -455,7 +461,7 @@ export namespace Components {
         /**
           * The text to be displayed when dynamic.
          */
-        "dynamicText": string;
+        "dynamicText"?: string;
         /**
           * The <form> element to associate the checkbox with.
          */
@@ -463,15 +469,15 @@ export namespace Components {
         /**
           * The group label for the checkbox.
          */
-        "groupLabel": string;
+        "groupLabel"?: string;
         /**
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
-        "hideLabel": boolean;
+        "hideLabel"?: boolean;
         /**
           * If `true`, the indeterminate state will be displayed when checked.
          */
-        "indeterminate": boolean;
+        "indeterminate"?: boolean;
         /**
           * The label for the checkbox.
          */
@@ -479,11 +485,11 @@ export namespace Components {
         /**
           * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
          */
-        "name": string;
+        "name"?: string;
         /**
           * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.
          */
-        "nativeIndeterminateBehaviour": boolean;
+        "nativeIndeterminateBehaviour"?: boolean;
         /**
           * Sets focus on the checkbox.
          */
@@ -505,15 +511,15 @@ export namespace Components {
         /**
           * If `true`, the checkbox group will be set to the disabled state.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance.
          */
-        "helperText": string;
+        "helperText"?: string;
         /**
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
-        "hideLabel": boolean;
+        "hideLabel"?: boolean;
         /**
           * The label for the checkbox group to be displayed.
          */
@@ -525,7 +531,7 @@ export namespace Components {
         /**
           * If `true`, the checkbox group will require a value.
          */
-        "required": boolean;
+        "required"?: boolean;
         /**
           * The size of the checkboxes to be displayed. This does not affect the font size of the label.
          */
@@ -537,11 +543,11 @@ export namespace Components {
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus": IcInformationStatusOrEmpty;
+        "validationStatus"?: IcInformationStatusOrEmpty;
         /**
           * The validation text - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationText": string;
+        "validationText"?: string;
     }
     interface IcChip {
         /**
@@ -611,7 +617,7 @@ export namespace Components {
         /**
           * The title for the data list.
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * The size of the data list component.
          */
@@ -625,7 +631,7 @@ export namespace Components {
         /**
           * The label in the leftmost cell of the row.
          */
-        "label": string;
+        "label"?: string;
         /**
           * The size of the data row component.
          */
@@ -637,7 +643,7 @@ export namespace Components {
         /**
           * The value of the middle (right if no end-component supplied) cell of the row.
          */
-        "value": string;
+        "value"?: string;
     }
     interface IcDialog {
         /**
@@ -675,7 +681,7 @@ export namespace Components {
         /**
           * Sets the heading for the dialog.
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * If `true`, the close button will not be displayed.
          */
@@ -687,7 +693,7 @@ export namespace Components {
         /**
           * If `true`, the dialog will be displayed.
          */
-        "open": boolean;
+        "open"?: boolean;
         /**
           * Sets the maximum and minimum height and width for the dialog.
          */
@@ -701,7 +707,7 @@ export namespace Components {
         /**
           * The line style of the divider.
          */
-        "borderStyle": IcDividerStyles;
+        "borderStyle"?: IcDividerStyles;
         /**
           * The label for the divider. The label placement will need to be set for the label to be displayed correctly.
          */
@@ -717,7 +723,7 @@ export namespace Components {
         /**
           * The orientation of the divider.
          */
-        "orientation": IcOrientation;
+        "orientation"?: IcOrientation;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -725,7 +731,7 @@ export namespace Components {
         /**
           * The thickness of the divider.
          */
-        "weight": IcDividerWeights;
+        "weight"?: IcDividerWeights;
     }
     interface IcEmptyState {
         /**
@@ -769,15 +775,15 @@ export namespace Components {
         /**
           * The caption displayed at the bottom of the footer.
          */
-        "caption": string;
+        "caption"?: string;
         /**
           * If `true`, the footer will display the crown copyright at the bottom.
          */
-        "copyright": boolean;
+        "copyright"?: boolean;
         /**
           * The description displayed at the top of the footer.
          */
-        "description": string;
+        "description"?: string;
         /**
           * If `true`, the footer will be set up to handle link groups instead of standalone links.
          */
@@ -819,7 +825,7 @@ export namespace Components {
         /**
           * The alignment of the hero.
          */
-        "aligned": IcAlignment;
+        "aligned"?: IcAlignment;
         /**
           * The optional background image.
          */
@@ -827,7 +833,7 @@ export namespace Components {
         /**
           * The alignment of the hero content.
          */
-        "contentAligned": IcHeroContentAlignments;
+        "contentAligned"?: IcHeroContentAlignments;
         /**
           * If `true`, the background image (if set) will not scroll using a parallax effect.
          */
@@ -835,7 +841,7 @@ export namespace Components {
         /**
           * The heading of the hero. An <h2> level heading.
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * The optional secondary heading, an <h3> level heading. Replaced by slotted right content.
          */
@@ -867,19 +873,19 @@ export namespace Components {
         /**
           * If `true`, the disabled state will be set.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * If `true`, the input component container will fill the width of the container it is in.
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         /**
           * If `true`, the input component container will allow for multiple lines.
          */
-        "multiLine": boolean;
+        "multiLine"?: boolean;
         /**
           * If `true`, the readonly state will be set.
          */
-        "readonly": boolean;
+        "readonly"?: boolean;
         /**
           * The size of the input component container component.
          */
@@ -887,11 +893,11 @@ export namespace Components {
         /**
           * If `true`, the validation will display inline.
          */
-        "validationInline": boolean;
+        "validationInline"?: boolean;
         /**
           * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus": IcInformationStatusOrEmpty;
+        "validationStatus"?: IcInformationStatusOrEmpty;
     }
     interface IcInputContainer {
         /**
@@ -907,11 +913,11 @@ export namespace Components {
         /**
           * If `true`, the disabled state will be set.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * The ID of the form element the label is bound to.
          */
-        "for": string;
+        "for"?: string;
         /**
           * The helper text that will be displayed.
          */
@@ -942,15 +948,15 @@ export namespace Components {
         /**
           * The ARIA live mode to apply to the message.
          */
-        "ariaLiveMode": IcAriaLiveModeVariants;
+        "ariaLiveMode"?: IcAriaLiveModeVariants;
         /**
           * The ID of the form element the validation is bound to.
          */
-        "for": string;
+        "for"?: string;
         /**
           * If `true`, the input validation will fill the width of the container.
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         /**
           * The validation message to display.
          */
@@ -958,7 +964,7 @@ export namespace Components {
         /**
           * The status of the validation - e.g. 'error' | 'warning' | 'success'.
          */
-        "status": IcInformationStatusOrEmpty;
+        "status"?: IcInformationStatusOrEmpty;
     }
     interface IcLink {
         /**
@@ -1039,7 +1045,7 @@ export namespace Components {
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
-        "theme": IcThemeMode;
+        "theme"?: IcThemeMode;
         /**
           * The type of indicator, either linear or circular.
          */
@@ -1054,15 +1060,15 @@ export namespace Components {
           * The reference to an anchor element the menu will position itself from when rendered.
          */
         "anchorEl": HTMLElement;
-        "autofocusOnSelected": boolean;
+        "autofocusOnSelected"?: boolean;
         /**
           * If `true`, the menu will close when an option is selected.
          */
-        "closeOnSelect": boolean;
+        "closeOnSelect"?: boolean;
         /**
           * If `true`, the menu will fill the width of the container.
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         "handleClickOpen": () => Promise<void>;
         /**
           * Used alongside activationType If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.
@@ -1082,7 +1088,7 @@ export namespace Components {
         /**
           * The custom name for the label field for IcMenuOption.
          */
-        "labelField": string;
+        "labelField"?: string;
         /**
           * The ID of the menu.
          */
@@ -1112,7 +1118,7 @@ export namespace Components {
         /**
           * The custom name for the value field for IcMenuOption.
          */
-        "valueField": string;
+        "valueField"?: string;
     }
     interface IcMenuGroup {
         /**
@@ -1124,7 +1130,7 @@ export namespace Components {
         /**
           * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * The description displayed in the menu item, below the label.
          */
@@ -1168,7 +1174,7 @@ export namespace Components {
         /**
           * The variant of the menu item.
          */
-        "variant": IcMenuItemVariants;
+        "variant"?: IcMenuItemVariants;
     }
     interface IcNavigationButton {
         /**
@@ -1212,7 +1218,7 @@ export namespace Components {
         /**
           * If `true`, the group will be expandable in the side menu.
          */
-        "expandable": boolean;
+        "expandable"?: boolean;
         /**
           * The label to display on the group.
          */
@@ -1227,17 +1233,17 @@ export namespace Components {
         "theme"?: IcThemeMode;
     }
     interface IcNavigationItem {
-        "collapsedIconLabel": boolean;
-        "displayNavigationTooltip": boolean;
+        "collapsedIconLabel"?: boolean;
+        "displayNavigationTooltip"?: boolean;
         /**
           * If `true`, the user can save the linked URL instead of navigating to it.
          */
         "download"?: string | boolean;
-        "expandable": boolean;
+        "expandable"?: boolean;
         /**
           * The destination of the navigation item.
          */
-        "href": string;
+        "href"?: string;
         /**
           * The human language of the linked URL.
          */
@@ -1245,7 +1251,7 @@ export namespace Components {
         /**
           * The label of the navigation item.
          */
-        "label": string;
+        "label"?: string;
         /**
           * How much of the referrer to send when following the link.
          */
@@ -1257,7 +1263,7 @@ export namespace Components {
         /**
           * If `true`, the navigation item will be set in a selected state.
          */
-        "selected": boolean;
+        "selected"?: boolean;
         /**
           * Sets focus on the nav item.
          */
@@ -1275,7 +1281,7 @@ export namespace Components {
         /**
           * The status info to display.
          */
-        "status": string;
+        "status"?: string;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -1283,7 +1289,7 @@ export namespace Components {
         /**
           * The version info to display.
          */
-        "version": string;
+        "version"?: string;
     }
     interface IcPageHeader {
         /**
@@ -1327,35 +1333,35 @@ export namespace Components {
         /**
           * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
          */
-        "adjacentPageCount": number;
+        "adjacentPageCount"?: number;
         /**
           * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
          */
-        "boundaryPageCount": number;
+        "boundaryPageCount"?: number;
         /**
           * The current page displayed by the pagination.
          */
-        "currentPage": number;
+        "currentPage"?: number;
         /**
           * The default page to display.
          */
-        "defaultPage": number;
+        "defaultPage"?: number;
         /**
           * If `true`, the pagination will not allow interaction.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * If `true`, the current page of the simple pagination will not be displayed.
          */
-        "hideCurrentPage": boolean;
+        "hideCurrentPage"?: boolean;
         /**
           * If `true`, the first and last page buttons will not be displayed.
          */
-        "hideFirstAndLastPageButton": boolean;
+        "hideFirstAndLastPageButton"?: boolean;
         /**
           * The label for the pagination item (applicable when simple pagination is being used).
          */
-        "label": string;
+        "label"?: string;
         /**
           * If `true`, the pagination will display as black in the light theme, and white in dark theme.
          */
@@ -1376,17 +1382,17 @@ export namespace Components {
         /**
           * The type of pagination to be used.
          */
-        "type": IcPaginationTypes;
+        "type"?: IcPaginationTypes;
     }
     interface IcPaginationItem {
         /**
           * If `true`, the pagination item will be disabled.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * The label for the pagination item (applicable when simple pagination is being used).
          */
-        "label": string;
+        "label"?: string;
         /**
           * If `true`, the pagination item will display as black in the light theme, and white in dark theme.
          */
@@ -1394,7 +1400,7 @@ export namespace Components {
         /**
           * The current page number.
          */
-        "page": number | null;
+        "page"?: number;
         /**
           * If `true`, the pagination item will be selected.
          */
@@ -1412,7 +1418,7 @@ export namespace Components {
         /**
           * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
          */
-        "anchor": string;
+        "anchor"?: string;
         /**
           * @param setFocusToAnchor when true return focus to anchor element when menu is closed
          */
@@ -1420,7 +1426,7 @@ export namespace Components {
         /**
           * If `true`, the popover menu will be displayed.
          */
-        "open": boolean;
+        "open"?: boolean | undefined;
         "openFromChild": () => Promise<void>;
         "openFromParent": () => Promise<void>;
         "parentLabel"?: string;
@@ -1429,7 +1435,7 @@ export namespace Components {
           * The unique identifier for a popover submenu.
          */
         "submenuId"?: string;
-        "submenuLevel": number;
+        "submenuLevel"?: number;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -1439,15 +1445,15 @@ export namespace Components {
         /**
           * If `true`, the disabled state will be set.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance.
          */
-        "helperText": string;
+        "helperText"?: string;
         /**
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
-        "hideLabel": boolean;
+        "hideLabel"?: boolean;
         /**
           * The label for the radio group to be displayed.
          */
@@ -1459,11 +1465,11 @@ export namespace Components {
         /**
           * 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.
          */
-        "orientation": IcOrientation;
+        "orientation"?: IcOrientation;
         /**
           * If `true`, the radio group will require a value.
          */
-        "required": boolean;
+        "required"?: boolean;
         /**
           * The size of the radio group component.
          */
@@ -1475,17 +1481,17 @@ export namespace Components {
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus": IcInformationStatusOrEmpty;
+        "validationStatus"?: IcInformationStatusOrEmpty;
         /**
           * The validation text - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationText": string;
+        "validationText"?: string;
     }
     interface IcRadioOption {
         /**
           * The style of additionalField that will be displayed if used.
          */
-        "additionalFieldDisplay": IcAdditionalFieldTypes;
+        "additionalFieldDisplay"?: IcAdditionalFieldTypes;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -1493,7 +1499,7 @@ export namespace Components {
         /**
           * The text to be displayed when dynamic.
          */
-        "dynamicText": string;
+        "dynamicText"?: string;
         /**
           * The <form> element to associate the radio with.
          */
@@ -1501,7 +1507,7 @@ export namespace Components {
         /**
           * The group label for the radio option.
          */
-        "groupLabel": string;
+        "groupLabel"?: string;
         /**
           * The label for the radio option.
          */
@@ -1509,7 +1515,7 @@ export namespace Components {
         /**
           * The name for the radio option.
          */
-        "name": string;
+        "name"?: string;
         /**
           * If `true`, the radio option will be displayed in a selected state.
          */
@@ -1536,7 +1542,7 @@ export namespace Components {
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
-        "autocapitalize": string;
+        "autocapitalize": string | undefined;
         /**
           * The state of autocompletion the browser can apply on the text value.
          */
@@ -1548,11 +1554,11 @@ export namespace Components {
         /**
           * If `true`, the form control will have input focus when the page loads.
          */
-        "autofocus": boolean;
+        "autofocus": boolean | undefined;
         /**
           * 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;
+        "charactersUntilSuggestion"?: number;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
@@ -1568,7 +1574,7 @@ export namespace Components {
         /**
           * The text displayed when there are no options in the option list.
          */
-        "emptyOptionListText": string;
+        "emptyOptionListText"?: string;
         /**
           * If `true`, the search bar will be focused when component loaded.
          */
@@ -1608,7 +1614,7 @@ export namespace Components {
         /**
           * The name of the control, which is submitted with the form data.
          */
-        "name": string;
+        "name"?: string;
         /**
           * The suggested search options.
          */
@@ -1640,7 +1646,7 @@ export namespace Components {
         /**
           * If `true`, the value of the search will have its spelling and grammar checked.
          */
-        "spellcheck": boolean;
+        "spellcheck": boolean | undefined;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -1652,7 +1658,7 @@ export namespace Components {
         /**
           * The value of the search input.
          */
-        "value": string;
+        "value"?: string;
         /**
           * The custom name for the value field to correspond with the IcMenuOption type.
          */
@@ -1684,7 +1690,7 @@ export namespace Components {
         /**
           * The text displayed when there are no options in the option list.
          */
-        "emptyOptionListText": string;
+        "emptyOptionListText"?: string;
         /**
           * The <form> element to associate the select with.
          */
@@ -1692,7 +1698,7 @@ export namespace Components {
         /**
           * If `true`, the select will fill the width of the container.
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance.
          */
@@ -1792,50 +1798,50 @@ export namespace Components {
         /**
           * 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. For the multi-select variant, the value must be an array of option values.
          */
-        "value"?: string | string[];
+        "value"?: string | string[] | null;
     }
     interface IcSideNavigation {
         /**
           * The app title to be displayed. This is required, unless a slotted app title link is used.
          */
-        "appTitle": string;
+        "appTitle"?: string;
         /**
           * If `true`, the icon and label will appear when side navigation is collapsed.
          */
-        "collapsedIconLabels": boolean;
+        "collapsedIconLabels"?: boolean;
         /**
           * If `true`, automatic parent wrapper styling will be disabled.
          */
-        "disableAutoParentStyling": boolean;
+        "disableAutoParentStyling"?: boolean;
         /**
           * If `true`, the side navigation will not display as a top bar on small devices.
          */
-        "disableTopBarBehaviour": boolean;
+        "disableTopBarBehaviour"?: boolean;
         /**
           * If `true`, the side navigation will display in an expanded state.
          */
-        "expanded": boolean;
+        "expanded"?: boolean;
         /**
           * The URL that the app title link points to.
          */
-        "href": string;
-        "inline": boolean;
+        "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;
+        "shortAppTitle"?: string;
         /**
           * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).
          */
-        "static": boolean;
+        "static"?: boolean;
         /**
           * The status of the app to be displayed.
          */
-        "status": string;
+        "status"?: string;
         /**
           * The version of the app to be displayed.
          */
-        "version": string;
+        "version"?: string;
     }
     interface IcSkeleton {
         /**
@@ -1847,6 +1853,36 @@ export namespace Components {
          */
         "variant"?: IcSkeletonVariants;
     }
+    interface IcSkipLink {
+        /**
+          * If `true`, the link will fill the width of the page.
+         */
+        "fullWidth": boolean;
+        /**
+          * If `true`, the link will appear inline with surrounding page content when focused.
+         */
+        "inline": boolean;
+        /**
+          * The label displayed when the link is focused.
+         */
+        "label": string;
+        /**
+          * If `true`, the link will display as black in the light theme, and white in the dark theme.
+         */
+        "monochrome": boolean;
+        /**
+          * The target ID for the element which should receive focus when triggering the skip link.
+         */
+        "target": string;
+        /**
+          * Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component.
+         */
+        "theme": IcThemeMode;
+        /**
+          * If `true`, the background will be hidden.
+         */
+        "transparentBackground": boolean;
+    }
     interface IcStatusTag {
         /**
           * If `true`, role='status' is added to the component and it will act as an 'aria-live' region. Screen readers will announce changes to the `label`, but not the initial value.
@@ -1980,8 +2016,8 @@ export namespace Components {
           * Sets focus on the tab.
          */
         "setFocus": () => Promise<void>;
-        "tabId"?: string;
-        "tabPosition"?: number;
+        "tabId": string;
+        "tabPosition": number;
         "theme"?: IcThemeMode;
     }
     interface IcTabContext {
@@ -2020,6 +2056,7 @@ export namespace Components {
         "theme"?: IcThemeMode;
     }
     interface IcTabPanel {
+        "active": boolean;
         "monochrome"?: boolean;
         "panelId"?: string;
         "selectedTab"?: string;
@@ -2028,50 +2065,50 @@ export namespace Components {
     }
     interface IcTextField {
         "ariaActiveDescendant"?: string;
-        "ariaAutocomplete": IcAriaAutocompleteTypes;
-        "ariaExpanded": string;
-        "ariaOwns": string;
+        "ariaAutocomplete"?: IcAriaAutocompleteTypes;
+        "ariaExpanded": string | undefined;
+        "ariaOwns"?: string;
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
-        "autocapitalize": string;
+        "autocapitalize": string | undefined;
         /**
           * The state of autocompletion the browser can apply on the text value.
          */
-        "autocomplete": IcAutocompleteTypes;
+        "autocomplete"?: IcAutocompleteTypes;
         /**
           * The state of autocorrection the browser can apply when the user is entering/editing the text value.
          */
-        "autocorrect": IcAutocorrectStates;
+        "autocorrect"?: IcAutocorrectStates;
         /**
           * If `true`, the form control will have input focus when the page loads.
          */
-        "autofocus": boolean;
+        "autofocus": boolean | undefined;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
-        "debounce": number;
+        "debounce"?: number;
         /**
           * If `true`, the disabled state will be set.
          */
-        "disabled": boolean;
+        "disabled"?: boolean;
         /**
           * Specify whether the text field fills the full width of the container. If `true`, this overrides the --input-width CSS variable.
          */
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance.
          */
-        "helperText": string;
-        "hiddenInput": boolean;
+        "helperText"?: string;
+        "hiddenInput"?: boolean;
         /**
           * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.
          */
-        "hideCharCount": boolean;
+        "hideCharCount"?: boolean;
         /**
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
-        "hideLabel": boolean;
+        "hideLabel"?: boolean;
         /**
           * The ID for the input.
          */
@@ -2079,7 +2116,7 @@ export namespace Components {
         /**
           * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
          */
-        "inputmode": IcTextFieldInputModes;
+        "inputmode"?: IcTextFieldInputModes;
         /**
           * The label for the input.
          */
@@ -2087,44 +2124,44 @@ export namespace Components {
         /**
           * 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;
+        "max"?: string | number;
         /**
           * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)
          */
-        "maxCharacters": number;
+        "maxCharacters"?: 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;
+        "min"?: string | number;
         /**
           * The minimum number of characters that can be entered in the field.
          */
-        "minCharacters": number;
+        "minCharacters"?: number;
         /**
           * The name of the control, which is submitted with the form data.
          */
-        "name": string;
+        "name"?: string;
         /**
           * The placeholder value to be displayed.
          */
-        "placeholder": string;
+        "placeholder"?: string;
         /**
           * If `true`, the read only state will be set.
          */
-        "readonly": boolean;
+        "readonly"?: boolean;
         /**
           * If `true`, the input will require a value.
          */
-        "required": boolean;
+        "required"?: boolean;
         /**
           * If `true`, the multiline text area will be resizeable.
          */
-        "resize": boolean;
-        "role": string;
+        "resize"?: boolean;
+        "role": string | undefined;
         /**
           * The number of rows to transform the text field into a text area with a specific height.
          */
-        "rows": number;
+        "rows"?: number;
         /**
           * Sets focus on the native `input`.
          */
@@ -2136,29 +2173,29 @@ export namespace Components {
         /**
           * If `true`, the value of the text field will have its spelling and grammar checked.
          */
-        "spellcheck": boolean;
+        "spellcheck": boolean | undefined;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
-        "theme": IcThemeMode;
+        "theme"?: IcThemeMode;
         "truncateValue"?: boolean;
         /**
           * The type of control to display. The default type is text.
          */
-        "type": IcTextFieldTypes;
+        "type"?: IcTextFieldTypes;
         /**
           * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.
          */
-        "validationInline": boolean;
-        "validationInlineInternal": boolean;
+        "validationInline"?: boolean;
+        "validationInlineInternal"?: boolean;
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationStatus": IcInformationStatusOrEmpty;
+        "validationStatus"?: IcInformationStatusOrEmpty;
         /**
           * The validation state - e.g. 'error' | 'warning' | 'success'.
          */
-        "validationText": string;
+        "validationText"?: string;
         /**
           * The value of the text field.
          */
@@ -2168,21 +2205,21 @@ export namespace Components {
         /**
           * The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
          */
-        "brandColor"?: IcColor;
+        "brandColor"?: IcColor | null;
         /**
           * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
          */
-        "theme": "dark" | "light" | "system";
+        "theme"?: "dark" | "light" | "system";
     }
     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;
+        "autoDismissTimeout"?: number | undefined;
         /**
           * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
          */
-        "dismissButtonAriaLabel"?: string;
+        "dismissButtonAriaLabel"?: string | undefined;
         /**
           * How the toast will be dismissed. If manual will display a dismiss button.
          */
@@ -2202,7 +2239,7 @@ export namespace Components {
         /**
           * @returns The element that previously had focus before the toast appeared
          */
-        "setVisible": () => Promise<HTMLElement>;
+        "setVisible": () => Promise<HTMLElement | null>;
         /**
           * The variant of the toast being rendered
          */
@@ -2212,7 +2249,7 @@ export namespace Components {
         /**
           * The toast element to be displayed.
          */
-        "openToast": HTMLIcToastElement;
+        "openToast"?: HTMLIcToastElement;
     }
     interface IcToggleButton {
         /**
@@ -2222,7 +2259,7 @@ export namespace Components {
         /**
           * If `true`, the toggle button will be in a checked state.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * If `true`, the toggle button will be in disabled state.
          */
@@ -2258,11 +2295,11 @@ export namespace Components {
         /**
           * The position of the tooltip in relation to the toggle button.
          */
-        "tooltipPlacement": IcButtonTooltipPlacement;
+        "tooltipPlacement"?: IcButtonTooltipPlacement;
         /**
           * The variant of the toggle button.
          */
-        "variant": "default" | "icon";
+        "variant"?: "default" | "icon";
     }
     interface IcToggleButtonGroup {
         /**
@@ -2360,31 +2397,31 @@ export namespace Components {
         /**
           * The app title to be displayed. This is required, unless a slotted app title link is used.
          */
-        "appTitle": string;
+        "appTitle"?: string;
         /**
           * The alignment of the top navigation content.
          */
-        "contentAligned": IcAlignment;
+        "contentAligned"?: IcAlignment;
         /**
           * Can set a custom breakpoint for the top navigation to switch to mobile mode. Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.
          */
-        "customMobileBreakpoint": IcDeviceSizes;
+        "customMobileBreakpoint"?: IcDeviceSizes;
         /**
           * The URL to navigate to when the app title is clicked.
          */
-        "href": string;
+        "href"?: string;
         /**
           * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
          */
-        "inline": boolean;
+        "inline"?: boolean;
         /**
           * The short title of the app to be displayed at small screen sizes in place of the app title.
          */
-        "shortAppTitle": string;
+        "shortAppTitle"?: string;
         /**
           * The status info to be displayed.
          */
-        "status": string;
+        "status"?: string;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -2392,7 +2429,7 @@ export namespace Components {
         /**
           * The version info to be displayed.
          */
-        "version": string;
+        "version"?: string;
     }
     interface IcTypography {
         /**
@@ -2475,6 +2512,10 @@ export interface IcMenuItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcMenuItemElement;
 }
+export interface IcNavigationGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcNavigationGroupElement;
+}
 export interface IcNavigationItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcNavigationItemElement;
@@ -2834,7 +2875,7 @@ declare global {
         "menuOptionSelect": IcOptionSelectEventDetail;
         "menuOptionSelectAll": { select: boolean };
         "menuStateChange": IcMenuChangeEventDetail;
-        "retryButtonClicked": IcValueEventDetail;
+        "retryButtonClicked": IcMultiValueEventDetail;
         "timeoutBlur": { ev: FocusEvent };
         "ungroupedOptionsSet": { options: IcMenuOption[] };
     }
@@ -2886,7 +2927,18 @@ declare global {
         prototype: HTMLIcNavigationButtonElement;
         new (): HTMLIcNavigationButtonElement;
     };
+    interface HTMLIcNavigationGroupElementEventMap {
+        "navigationGroupOpened": IcNavigationOpenEventDetail;
+    }
     interface HTMLIcNavigationGroupElement extends Components.IcNavigationGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcNavigationGroupElementEventMap>(type: K, listener: (this: HTMLIcNavigationGroupElement, ev: IcNavigationGroupCustomEvent<HTMLIcNavigationGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcNavigationGroupElementEventMap>(type: K, listener: (this: HTMLIcNavigationGroupElement, ev: IcNavigationGroupCustomEvent<HTMLIcNavigationGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcNavigationGroupElement: {
         prototype: HTMLIcNavigationGroupElement;
@@ -2951,7 +3003,7 @@ declare global {
         new (): HTMLIcPaginationElement;
     };
     interface HTMLIcPaginationItemElementEventMap {
-        "paginationItemClick": { page: number };
+        "paginationItemClick": { page: number | null };
     }
     interface HTMLIcPaginationItemElement extends Components.IcPaginationItem, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcPaginationItemElementEventMap>(type: K, listener: (this: HTMLIcPaginationItemElement, ev: IcPaginationItemCustomEvent<HTMLIcPaginationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3026,7 +3078,7 @@ declare global {
         "icOptionSelect": IcOptionSelectEventDetail;
         "icMenuChange": IcMenuChangeEventDetail;
         "icClearBlur": IcBlurEventDetail;
-        "icRetryLoad": IcValueEventDetail;
+        "icRetryLoad": IcMultiValueEventDetail;
         "icSubmitSearch": IcValueEventDetail;
         "icSubmitSearchBlur": IcBlurEventDetail;
         "icSearchBarBlur": IcSearchBarBlurEventDetail;
@@ -3055,15 +3107,15 @@ declare global {
     };
     interface HTMLIcSelectElementEventMap {
         "icBlur": void;
-        "icChange": IcValueEventDetail;
+        "icChange": IcMultiValueEventDetail;
         "icClear": void;
         "icClose": void;
         "icFocus": void;
-        "icInput": IcValueEventDetail;
+        "icInput": IcMultiValueEventDetail;
         "icOpen": void;
         "icOptionSelect": IcOptionSelectEventDetail;
         "icOptionDeselect": IcOptionSelectEventDetail;
-        "icRetryLoad": IcValueEventDetail;
+        "icRetryLoad": IcMultiValueEventDetail;
     }
     interface HTMLIcSelectElement extends Components.IcSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcSelectElementEventMap>(type: K, listener: (this: HTMLIcSelectElement, ev: IcSelectCustomEvent<HTMLIcSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3102,6 +3154,12 @@ declare global {
         prototype: HTMLIcSkeletonElement;
         new (): HTMLIcSkeletonElement;
     };
+    interface HTMLIcSkipLinkElement extends Components.IcSkipLink, HTMLStencilElement {
+    }
+    var HTMLIcSkipLinkElement: {
+        prototype: HTMLIcSkipLinkElement;
+        new (): HTMLIcSkipLinkElement;
+    };
     interface HTMLIcStatusTagElement extends Components.IcStatusTag, HTMLStencilElement {
     }
     var HTMLIcStatusTagElement: {
@@ -3392,6 +3450,7 @@ declare global {
         "ic-select": HTMLIcSelectElement;
         "ic-side-navigation": HTMLIcSideNavigationElement;
         "ic-skeleton": HTMLIcSkeletonElement;
+        "ic-skip-link": HTMLIcSkipLinkElement;
         "ic-status-tag": HTMLIcStatusTagElement;
         "ic-step": HTMLIcStepElement;
         "ic-stepper": HTMLIcStepperElement;
@@ -3503,6 +3562,10 @@ declare namespace LocalJSX {
         "variant"?: IcStatusVariants;
     }
     interface IcBackToTop {
+        /**
+          * The horizontal position of the element.
+         */
+        "position"?: IcBackToTopPositions;
         /**
           * The ID of the element to jump back to when the link is clicked.
          */
@@ -4552,7 +4615,7 @@ declare namespace LocalJSX {
         /**
           * The label to display on the group.
          */
-        "label"?: string;
+        "label": string;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -4718,7 +4781,7 @@ declare namespace LocalJSX {
         /**
           * The current page number.
          */
-        "page"?: number | null;
+        "page"?: number;
         /**
           * If `true`, the pagination item will be selected.
          */
@@ -4744,7 +4807,7 @@ declare namespace LocalJSX {
         /**
           * If `true`, the popover menu will be displayed.
          */
-        "open"?: boolean;
+        "open"?: boolean | undefined;
         /**
           * The unique identifier for a popover submenu.
          */
@@ -4862,7 +4925,7 @@ declare namespace LocalJSX {
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
-        "autocapitalize"?: string;
+        "autocapitalize"?: string | undefined;
         /**
           * The state of autocompletion the browser can apply on the text value.
          */
@@ -4874,7 +4937,7 @@ declare namespace LocalJSX {
         /**
           * If `true`, the form control will have input focus when the page loads.
          */
-        "autofocus"?: boolean;
+        "autofocus"?: boolean | undefined;
         /**
           * 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.
          */
@@ -4962,7 +5025,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the 'retry loading' button is clicked
          */
-        "onIcRetryLoad"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
+        "onIcRetryLoad"?: (event: IcSearchBarCustomEvent<IcMultiValueEventDetail>) => void;
         /**
           * Emitted when blur is invoked from ic-search-bar
          */
@@ -5002,7 +5065,7 @@ declare namespace LocalJSX {
         /**
           * If `true`, the value of the search will have its spelling and grammar checked.
          */
-        "spellcheck"?: boolean;
+        "spellcheck"?: boolean | undefined;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -5102,7 +5165,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value changes.
          */
-        "onIcChange"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
+        "onIcChange"?: (event: IcSelectCustomEvent<IcMultiValueEventDetail>) => void;
         /**
           * Emitted when the clear or clear all button is clicked.
          */
@@ -5118,7 +5181,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onIcInput"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
+        "onIcInput"?: (event: IcSelectCustomEvent<IcMultiValueEventDetail>) => void;
         /**
           * Emitted when the select options menu is opened.
          */
@@ -5134,7 +5197,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the 'retry loading' button is clicked for a searchable variant.
          */
-        "onIcRetryLoad"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
+        "onIcRetryLoad"?: (event: IcSelectCustomEvent<IcMultiValueEventDetail>) => void;
         /**
           * The possible selection options.
          */
@@ -5190,7 +5253,7 @@ declare namespace LocalJSX {
         /**
           * 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. For the multi-select variant, the value must be an array of option values.
          */
-        "value"?: string | string[];
+        "value"?: string | string[] | null;
     }
     interface IcSideNavigation {
         /**
@@ -5248,6 +5311,36 @@ declare namespace LocalJSX {
          */
         "variant"?: IcSkeletonVariants;
     }
+    interface IcSkipLink {
+        /**
+          * If `true`, the link will fill the width of the page.
+         */
+        "fullWidth"?: boolean;
+        /**
+          * If `true`, the link will appear inline with surrounding page content when focused.
+         */
+        "inline"?: boolean;
+        /**
+          * The label displayed when the link is focused.
+         */
+        "label"?: string;
+        /**
+          * If `true`, the link will display as black in the light theme, and white in the dark theme.
+         */
+        "monochrome"?: boolean;
+        /**
+          * The target ID for the element which should receive focus when triggering the skip link.
+         */
+        "target": string;
+        /**
+          * Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component.
+         */
+        "theme"?: IcThemeMode;
+        /**
+          * If `true`, the background will be hidden.
+         */
+        "transparentBackground"?: boolean;
+    }
     interface IcStatusTag {
         /**
           * If `true`, role='status' is added to the component and it will act as an 'aria-live' region. Screen readers will announce changes to the `label`, but not the initial value.
@@ -5416,7 +5509,7 @@ declare namespace LocalJSX {
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
-        "autocapitalize"?: string;
+        "autocapitalize"?: string | undefined;
         /**
           * The state of autocompletion the browser can apply on the text value.
          */
@@ -5428,7 +5521,7 @@ declare namespace LocalJSX {
         /**
           * If `true`, the form control will have input focus when the page loads.
          */
-        "autofocus"?: boolean;
+        "autofocus"?: boolean | undefined;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
@@ -5532,7 +5625,7 @@ declare namespace LocalJSX {
         /**
           * If `true`, the value of the text field will have its spelling and grammar checked.
          */
-        "spellcheck"?: boolean;
+        "spellcheck"?: boolean | undefined;
         /**
           * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -5562,7 +5655,7 @@ declare namespace LocalJSX {
         /**
           * The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
          */
-        "brandColor"?: IcColor;
+        "brandColor"?: IcColor | null;
         /**
           * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
          */
@@ -5572,11 +5665,11 @@ declare namespace LocalJSX {
         /**
           * 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;
+        "autoDismissTimeout"?: number | undefined;
         /**
           * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
          */
-        "dismissButtonAriaLabel"?: string;
+        "dismissButtonAriaLabel"?: string | undefined;
         /**
           * How the toast will be dismissed. If manual will display a dismiss button.
          */
@@ -5872,6 +5965,7 @@ declare namespace LocalJSX {
         "ic-select": IcSelect;
         "ic-side-navigation": IcSideNavigation;
         "ic-skeleton": IcSkeleton;
+        "ic-skip-link": IcSkipLink;
         "ic-status-tag": IcStatusTag;
         "ic-step": IcStep;
         "ic-stepper": IcStepper;
@@ -5942,6 +6036,7 @@ declare module "@stencil/core" {
             "ic-select": LocalJSX.IcSelect & JSXBase.HTMLAttributes<HTMLIcSelectElement>;
             "ic-side-navigation": LocalJSX.IcSideNavigation & JSXBase.HTMLAttributes<HTMLIcSideNavigationElement>;
             "ic-skeleton": LocalJSX.IcSkeleton & JSXBase.HTMLAttributes<HTMLIcSkeletonElement>;
+            "ic-skip-link": LocalJSX.IcSkipLink & JSXBase.HTMLAttributes<HTMLIcSkipLinkElement>;
             "ic-status-tag": LocalJSX.IcStatusTag & JSXBase.HTMLAttributes<HTMLIcStatusTagElement>;
             "ic-step": LocalJSX.IcStep & JSXBase.HTMLAttributes<HTMLIcStepElement>;
             "ic-stepper": LocalJSX.IcStepper & JSXBase.HTMLAttributes<HTMLIcStepperElement>;