@ukic/web-components 2.35.2 → 3.0.0-alpha.10

package/dist/types/components.d.ts

@@ -5,13 +5,13 @@
  * 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, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+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 { 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";
-import { IcChipAppearance } from "./components/ic-chip/ic-chip.types";
 import { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
+import { IcDividerLabelPlacement, IcDividerStyles, IcDividerWeights } from "./components/ic-divider/ic-divider.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";
@@ -25,7 +25,7 @@ import { IcPaginationItemType } from "./components/ic-pagination-item/ic-paginat
 import { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
 import { IcExpandedDetail } from "./components/ic-side-navigation/ic-side-navigation.types";
 import { IcSkeletonVariants } from "./components/ic-skeleton/ic-skeleton.types";
-import { IcStatusTagAppearance, IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
+import { IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
 import { IcStepStatuses, IcStepTypes, IcStepVariants } from "./components/ic-step/ic-step.types";
 import { IcStepperAlignment } from "./components/ic-stepper/ic-stepper.types";
 import { IcSwitchChangeEventDetail } from "./components/ic-switch/ic-switch.types";
@@ -34,13 +34,13 @@ 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, IcButtonTooltipPlacement, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+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 { 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";
-export { IcChipAppearance } from "./components/ic-chip/ic-chip.types";
 export { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
+export { IcDividerLabelPlacement, IcDividerStyles, IcDividerWeights } from "./components/ic-divider/ic-divider.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";
@@ -54,7 +54,7 @@ export { IcPaginationItemType } from "./components/ic-pagination-item/ic-paginat
 export { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
 export { IcExpandedDetail } from "./components/ic-side-navigation/ic-side-navigation.types";
 export { IcSkeletonVariants } from "./components/ic-skeleton/ic-skeleton.types";
-export { IcStatusTagAppearance, IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
+export { 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";
@@ -65,7 +65,6 @@ export { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
 export { Options } from "@popperjs/core";
 export namespace Components {
     interface IcAccordion {
-        "appearance"?: IcThemeForeground;
         /**
           * If `true`, the accordion will be disabled.
          */
@@ -90,16 +89,16 @@ export namespace Components {
           * The size of the accordion.
          */
         "size"?: IcSizes;
+        /**
+          * 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;
     }
     interface IcAccordionGroup {
         /**
           * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
          */
         "accessibleButtonLabel": string;
-        /**
-          * The appearance of the accordion group, e.g dark, or light.
-         */
-        "appearance": IcThemeForeground;
         /**
           * If `true`, the accordion will load in an expanded state.
          */
@@ -107,7 +106,7 @@ export namespace Components {
         /**
           * The header for the accordion group.
          */
-        "groupTitle": 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.
          */
@@ -120,6 +119,10 @@ export namespace Components {
           * The size of the accordion.
          */
         "size"?: IcSizes;
+        /**
+          * 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;
     }
     interface IcAlert {
         /**
@@ -142,6 +145,10 @@ export namespace Components {
           * If `true`, the default icon for the neutral variant will appear on the left of the alert.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * If `true`, the title and message will appear above and below instead of inline.
          */
@@ -156,6 +163,10 @@ export namespace Components {
           * The ID of the element to jump back to when the link is clicked.
          */
         "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;
         /**
           * The variant of the button to render
          */
@@ -171,29 +182,25 @@ export namespace Components {
          */
         "customColor"?: IcColor;
         /**
-          * @deprecated This method should not be used anymore. Use visible prop to set badge visibility.
+          * The text displayed in the badge. This will only be displayed if type="text".
          */
-        "hideBadge": () => Promise<void>;
+        "label"?: string;
         /**
-          * The maximum number shown on the badge appended with a +. This will only be displayed if type="text" and textLabel is not empty.
+          * The maximum number shown on the badge appended with a +. This will only be displayed if type="text" and label is not empty.
          */
         "maxNumber"?: number;
         /**
           * The positioning of the badge in reference to the parent element.
          */
         "position"?: IcBadgePositions;
-        /**
-          * @deprecated This method should not be used anymore. Use visible prop to set badge visibility.
-         */
-        "showBadge": () => Promise<void>;
         /**
           * The size of the badge to be displayed.
          */
         "size"?: IcSizes;
         /**
-          * The text displayed in the badge. This will only be displayed if type="text".
+          * 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.
          */
-        "textLabel"?: string;
+        "theme"?: IcThemeMode;
         /**
           * The type of badge to be displayed.
          */
@@ -208,7 +215,6 @@ export namespace Components {
         "visible": boolean;
     }
     interface IcBreadcrumb {
-        "appearance": IcThemeForeground;
         /**
           * If `true`, aria-current will be set on the breadcrumb.
          */
@@ -217,6 +223,7 @@ export namespace Components {
           * The URL that the breadcrumb link points to.
          */
         "href"?: string;
+        "monochrome"?: boolean;
         /**
           * The title of the breadcrumb.
          */
@@ -226,12 +233,9 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         "showBackIcon": boolean;
+        "theme"?: IcThemeMode;
     }
     interface IcBreadcrumbGroup {
-        /**
-          * The appearance of the breadcrumb group.
-         */
-        "appearance": IcThemeForeground;
         /**
           * If `true`, display only a single breadcrumb for the parent page with a back icon.
          */
@@ -240,16 +244,20 @@ export namespace Components {
           * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
          */
         "collapsed": boolean;
+        /**
+          * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
+         */
+        "monochrome"?: 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.
+         */
+        "theme"?: IcThemeMode;
     }
     interface IcButton {
         /**
           * If `fileUpload` is set to `true`, this is the accepted list of file types.
          */
         "accept"?: string;
-        /**
-          * The appearance of the button, e.g. dark, light, or the default.
-         */
-        "appearance"?: IcThemeForeground;
         "ariaControlsId": string | boolean;
         "ariaOwnsId": string | boolean;
         /**
@@ -320,6 +328,10 @@ export namespace Components {
           * If `true`, the button will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `true`, the button will display as monochromatic in either `light` or `dark` theme.
+         */
+        "monochrome"?: boolean;
         /**
           * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.
          */
@@ -348,6 +360,10 @@ export namespace Components {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
         /**
           * The position of the tooltip in relation to the button.
          */
@@ -365,7 +381,7 @@ export namespace Components {
          */
         "variant"?: IcButtonVariants;
     }
-    interface IcCard {
+    interface IcCardVertical {
         /**
           * If `true`, the card will be a clickable variant, instead of static.
          */
@@ -389,7 +405,7 @@ export namespace Components {
         /**
           * The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
          */
-        "href"?: string | undefined;
+        "href"?: string;
         /**
           * The human language of the linked URL.
          */
@@ -418,6 +434,10 @@ export namespace Components {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
     }
     interface IcCheckbox {
         /**
@@ -440,26 +460,6 @@ export namespace Components {
           * The <form> element to associate the checkbox with.
          */
         "form"?: string;
-        /**
-          * The URL that processes the information submitted by the checkbox. It overrides the action attribute of the checkbox'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 checkbox's form owner.
-         */
-        "formtarget"?: string;
         /**
           * The group label for the checkbox.
          */
@@ -493,9 +493,9 @@ export namespace Components {
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The value for the checkbox.
          */
@@ -531,9 +531,9 @@ export namespace Components {
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small": boolean;
+        "theme"?: IcThemeMode;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -545,11 +545,7 @@ export namespace Components {
     }
     interface IcChip {
         /**
-          * @deprecated This prop should not be used anymore. Use variant prop instead.
-         */
-        "appearance"?: IcChipAppearance;
-        /**
-          * The custom chip colour. This prop will be applied to the chip component if `dismissible` is set to `false`. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
+          * The custom chip colour. This will override the theme 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)".
          */
         "customColor"?: IcColor;
         /**
@@ -577,7 +573,11 @@ export namespace Components {
          */
         "size"?: IcSizes;
         /**
-          * If `true`, the outlined variant of chip will have a transparent background rather than white.
+          * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. Setting the "customColor" prop will override this.
+         */
+        "theme"?: "dark" | "light" | "inherit";
+        /**
+          * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.
          */
         "transparentBackground"?: boolean;
         /**
@@ -607,19 +607,19 @@ export namespace Components {
          */
         "upTo"?: boolean;
     }
-    interface IcDataEntity {
+    interface IcDataList {
         /**
-          * The title for the data entity.
+          * The title for the data list.
          */
         "heading": string;
         /**
-          * The size of the data entity component.
+          * The size of the data list component.
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
     }
     interface IcDataRow {
         /**
@@ -631,9 +631,9 @@ export namespace Components {
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The value of the middle (right if no end-component supplied) cell of the row.
          */
@@ -641,19 +641,7 @@ export namespace Components {
     }
     interface IcDialog {
         /**
-          * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a heading instead.
-         */
-        "alertHeading"?: string;
-        /**
-          * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a message instead.
-         */
-        "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.
+          * If set to `false`, default buttons will not be shown, but slotted dialog controls will still be displayed.
          */
         "buttons"?: boolean;
         /**
@@ -669,7 +657,7 @@ export namespace Components {
          */
         "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.
+          * If 'true', 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;
         /**
@@ -692,10 +680,6 @@ export namespace Components {
           * If `true`, the close button will not be displayed.
          */
         "hideCloseButton"?: boolean;
-        /**
-          * @deprecated This method should not be used anymore. Use open prop to set dialog visibility.
-         */
-        "hideDialog": () => Promise<void>;
         /**
           * Sets the optional label for the dialog which appears above the heading.
          */
@@ -704,20 +688,44 @@ export namespace Components {
           * If `true`, the dialog will be displayed.
          */
         "open": boolean;
-        /**
-          * @deprecated This method should not be used anymore. Use open prop to set dialog visibility.
-         */
-        "showDialog": () => Promise<void>;
         /**
           * Sets the maximum and minimum height and width for the dialog.
          */
         "size"?: "small" | "medium" | "large";
         /**
-          * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a variant instead.
+          * 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.
          */
-        "status"?: "neutral" | "info" | "warning" | "error" | "success";
+        "theme"?: IcThemeMode;
     }
     interface IcDivider {
+        /**
+          * The line style of the divider.
+         */
+        "borderStyle": IcDividerStyles;
+        /**
+          * The label for the divider. The label placement will need to be set for the label to be displayed correctly.
+         */
+        "label"?: string;
+        /**
+          * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.
+         */
+        "labelPlacement"?: IcDividerLabelPlacement;
+        /**
+          * If `true`, the divider will be displayed in a grey colour.
+         */
+        "monochrome"?: boolean;
+        /**
+          * The orientation of the divider.
+         */
+        "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.
+         */
+        "theme"?: IcThemeMode | IcBrandForeground;
+        /**
+          * The thickness of the divider.
+         */
+        "weight": IcDividerWeights;
     }
     interface IcEmptyState {
         /**
@@ -728,10 +736,6 @@ export namespace Components {
           * 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.
          */
@@ -740,10 +744,18 @@ export namespace Components {
           * The size of the image or icon used in the image slot.
          */
         "imageSize"?: IcSizes;
+        /**
+          * The number of lines of body text to display before truncating.
+         */
+        "maxLines"?: number;
         /**
           * The subtitle rendered in the empty state container.
          */
         "subheading"?: 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;
     }
     interface IcFooter {
         /**
@@ -801,7 +813,7 @@ export namespace Components {
         /**
           * The title of the link group to be displayed.
          */
-        "groupTitle": string;
+        "label": string;
     }
     interface IcHero {
         /**
@@ -821,11 +833,11 @@ export namespace Components {
          */
         "disableBackgroundParallax"?: boolean;
         /**
-          * The heading of the hero.
+          * The heading of the hero. An <h2> level heading.
          */
         "heading": string;
         /**
-          * The optional secondary heading, replaced by slotted right content.
+          * The optional secondary heading, an <h3> level heading. Replaced by slotted right content.
          */
         "secondaryHeading"?: string;
         /**
@@ -836,10 +848,6 @@ export namespace Components {
           * The size of the hero component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The description for the hero.
          */
@@ -849,19 +857,13 @@ export namespace Components {
         /**
           * The appearance of the horizontal scroll, e.g. dark, light or the default.
          */
-        "appearance"?: IcThemeForeground;
+        "appearance"?: IcBrandForeground;
         "focusTrigger"?: string;
+        "monochrome"?: boolean;
         "scrollItemIntoView": (itemPosition: number) => Promise<void>;
+        "theme"?: IcThemeMode;
     }
     interface IcInputComponentContainer {
-        /**
-          * The appearance of the input component container.
-         */
-        "appearance"?: "dark" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
-         */
-        "dark"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -882,10 +884,6 @@ export namespace Components {
           * The size of the input component container component.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the validation will display inline.
          */
@@ -906,22 +904,10 @@ export namespace Components {
         "readonly"?: boolean;
     }
     interface IcInputLabel {
-        /**
-          * The appearance of the input label.
-         */
-        "appearance"?: "dark" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
-         */
-        "dark"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
         "disabled": boolean;
-        /**
-          * If `true`, the input label will display with error styling.
-         */
-        "error"?: boolean;
         /**
           * The ID of the form element the label is bound to.
          */
@@ -946,6 +932,11 @@ export namespace Components {
           * If `true`, the input label will require a value.
          */
         "required": boolean;
+        /**
+          * The status of the label - e.g. 'error'.
+         */
+        "status": "error" | "";
+        "useLabelTag": boolean;
     }
     interface IcInputValidation {
         /**
@@ -970,10 +961,6 @@ export namespace Components {
         "status": IcInformationStatusOrEmpty;
     }
     interface IcLink {
-        /**
-          * The appearance of the link, e.g. dark, light, or default.
-         */
-        "appearance"?: IcThemeForeground;
         /**
           * If `true`, the user can save the linked URL instead of navigating to it.
          */
@@ -986,6 +973,10 @@ export namespace Components {
           * The human language of the linked URL.
          */
         "hreflang"?: string;
+        /**
+          * If `true`, the link will display as black in the light theme, and white in the dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * How much of the referrer to send when following the link.
          */
@@ -998,20 +989,16 @@ export namespace Components {
           * Sets focus on the link.
          */
         "setFocus": () => Promise<void>;
-        /**
-          * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
-         */
-        "showIcon"?: boolean;
         /**
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "target"?: string;
-    }
-    interface IcLoadingIndicator {
         /**
-          * The appearance of the loading indicator, e.g. dark or light.
+          * 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.
          */
-        "appearance"?: IcThemeForegroundNoDefault;
+        "theme"?: IcThemeMode;
+    }
+    interface IcLoadingIndicator {
         /**
           * The description that will be set as the aria-label of the loading indicator when not using a visible label.
          */
@@ -1022,9 +1009,9 @@ export namespace Components {
         "fullWidth"?: boolean;
         "innerLabel"?: number;
         /**
-          * The label to be displayed beneath the loading indicator. Display a changing label by separating multiple messages with forward slashes.
+          * The label to be displayed beneath the loading indicator. Display a changing label by supplying an array of messages.
          */
-        "label"?: string;
+        "label"?: string | string[];
         /**
           * The time in milliseconds before the label changes.
          */
@@ -1037,6 +1024,10 @@ export namespace Components {
           * The minimum value that the progress value can take. Used to calculate the proportional width of the progress bar.
          */
         "min"?: number;
+        /**
+          * If `true`, the element will display as black and white.
+         */
+        "monochrome"?: boolean;
         /**
           * The current amount of progress made. If not provided, component acts as an indeterminate loading indicator.
          */
@@ -1045,6 +1036,10 @@ export namespace Components {
           * The size of the loading indicator.
          */
         "size"?: IcLoadingSizes;
+        /**
+          * 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;
         /**
           * The type of indicator, either linear or circular.
          */
@@ -1059,7 +1054,11 @@ 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;
         /**
           * If `true`, the menu will fill the width of the container.
          */
@@ -1103,17 +1102,13 @@ export namespace Components {
         "searchMode"?: IcSearchBarSearchModes;
         "selectOnEnter"?: boolean;
         /**
-          * The size of the menu component.
+          * The size of the menu.
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
-        /**
-          * The value of the currently selected option.
+          * The value of the currently selected option - or array of values (if multiple options allowed).
          */
-        "value": string;
+        "value": string | string[];
         /**
           * The custom name for the value field for IcMenuOption.
          */
@@ -1126,6 +1121,10 @@ export namespace Components {
         "label"?: string;
     }
     interface IcMenuItem {
+        /**
+          * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
+         */
+        "checked": boolean;
         /**
           * The description displayed in the menu item, below the label.
          */
@@ -1145,7 +1144,7 @@ export namespace Components {
         /**
           * The label describing the keyboard shortcut for a menu item's action.
          */
-        "keyboardShortcut"?: string;
+        "keyboardShortcutLabel"?: string;
         /**
           * The label to display in the menu item.
          */
@@ -1166,10 +1165,6 @@ export namespace Components {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "target"?: string;
-        /**
-          * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
-         */
-        "toggleChecked": boolean;
         /**
           * The variant of the menu item.
          */
@@ -1208,6 +1203,10 @@ export namespace Components {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
     }
     interface IcNavigationGroup {
         /**
@@ -1222,6 +1221,10 @@ export namespace Components {
           * Sets focus on the nav item.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * 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;
     }
     interface IcNavigationItem {
         "collapsedIconLabel": boolean;
@@ -1263,12 +1266,20 @@ export namespace Components {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
     }
     interface IcNavigationMenu {
         /**
           * The status info to display.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The version info to display.
          */
@@ -1295,10 +1306,6 @@ export namespace Components {
           * The size of the page header component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the page header will be sticky at all breakpoints.
          */
@@ -1311,20 +1318,20 @@ export namespace Components {
           * The subtitle to render on the page header.
          */
         "subheading"?: 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;
     }
     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;
+        "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.
          */
-        "boundaryCount": number;
+        "boundaryPageCount": number;
         /**
           * The current page displayed by the pagination.
          */
@@ -1349,6 +1356,10 @@ export namespace Components {
           * The label for the pagination item (applicable when simple pagination is being used).
          */
         "label": string;
+        /**
+          * If `true`, the pagination will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * The total number of pages.
          */
@@ -1358,16 +1369,16 @@ export namespace Components {
           * @param page The page number to set as the current page
          */
         "setCurrentPage": (page: number) => Promise<void>;
+        /**
+          * 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;
         /**
           * 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 pagination item will be disabled.
          */
@@ -1376,6 +1387,10 @@ export namespace Components {
           * The label for the pagination item (applicable when simple pagination is being used).
          */
         "label": string;
+        /**
+          * If `true`, the pagination item will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * The current page number.
          */
@@ -1384,6 +1399,10 @@ export namespace Components {
           * If `true`, the pagination item will be selected.
          */
         "selected": 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The type of pagination item - 'page' or 'ellipsis'.
          */
@@ -1411,6 +1430,10 @@ export namespace Components {
          */
         "submenuId"?: string;
         "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.
+         */
+        "theme"?: IcThemeMode;
     }
     interface IcRadioGroup {
         /**
@@ -1446,9 +1469,9 @@ export namespace Components {
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -1475,26 +1498,6 @@ export namespace Components {
           * The <form> element to associate the radio with.
          */
         "form"?: string;
-        /**
-          * The URL that processes the information submitted by the radio. It overrides the action attribute of the radio'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 radio's form owner.
-         */
-        "formtarget"?: string;
         /**
           * The group label for the radio option.
          */
@@ -1516,12 +1519,20 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         "setTabIndex": (value: number) => Promise<void>;
+        /**
+          * 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;
         /**
           * The value for the radio option.
          */
         "value": string;
     }
     interface IcSearchBar {
+        /**
+          * The hint text for the hidden assistive description element.
+         */
+        "assistiveHintText"?: string;
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
@@ -1549,7 +1560,7 @@ export namespace Components {
         /**
           * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source. If `true`, all options provided will be displayed.
          */
-        "disableFilter"?: boolean;
+        "disableAutoFiltering"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -1574,10 +1585,6 @@ export namespace Components {
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
         "hideLabel"?: boolean;
-        /**
-          * The hint text for the hidden assistive description element.
-         */
-        "hintText"?: string;
         /**
           * The label for the search bar.
          */
@@ -1630,14 +1637,14 @@ export namespace Components {
           * The size of the search bar component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the value of the search will have its spelling and grammar checked.
          */
         "spellcheck": 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * If using external filtering, set a timeout for when loading takes too long.
          */
@@ -1663,17 +1670,13 @@ export namespace Components {
     }
     interface IcSelect {
         /**
-          * @deprecated This prop should not be used anymore.
-         */
-        "charactersUntilSuggestions"?: number;
-        /**
-          * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+          * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.
          */
         "debounce"?: number;
         /**
           * 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;
+        "disableAutoFiltering"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -1687,27 +1690,7 @@ export namespace Components {
          */
         "form"?: string;
         /**
-          * The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formaction"?: string;
-        /**
-          * The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formenctype"?: string;
-        /**
-          * The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formmethod"?: string;
-        /**
-          * If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formnovalidate"?: boolean;
-        /**
-          * The place to display the response from submitting the form. It overrides the target attribute of the select's form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formtarget"?: string;
-        /**
-          * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.
+          * If `true`, the select will fill the width of the container.
          */
         "fullWidth": boolean;
         /**
@@ -1742,6 +1725,10 @@ export namespace Components {
           * The message displayed whilst the options are being loaded externally.
          */
         "loadingLabel"?: string;
+        /**
+          * If `true`, multiple options can be selected.
+         */
+        "multiple"?: boolean;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -1767,11 +1754,11 @@ export namespace Components {
          */
         "searchMatchPosition"?: IcSearchMatchPositions;
         /**
-          * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
+          * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.
          */
         "searchable"?: boolean;
         /**
-          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.
          */
         "selectOnEnter"?: boolean;
         /**
@@ -1783,13 +1770,13 @@ export namespace Components {
          */
         "showClearButton"?: boolean;
         /**
-          * The size of the select component.
+          * The size of the select.
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * If using external filtering, set a timeout for when loading takes too long.
          */
@@ -1803,9 +1790,9 @@ export namespace Components {
          */
         "validationText"?: string;
         /**
-          * 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.
+          * 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;
+        "value"?: string | string[];
     }
     interface IcSideNavigation {
         /**
@@ -1852,13 +1839,9 @@ export namespace Components {
     }
     interface IcSkeleton {
         /**
-          * The appearance of the skeleton.
-         */
-        "appearance"?: "light" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "light" instead.
+          * 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.
          */
-        "light"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The variant of the skeleton that will be displayed.
          */
@@ -1869,10 +1852,6 @@ export namespace Components {
           * 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.
          */
         "announced"?: boolean;
-        /**
-          * @deprecated This prop should not be used anymore. Use variant prop instead.
-         */
-        "appearance"?: IcStatusTagAppearance;
         /**
           * The content rendered within the status tag.
          */
@@ -1881,14 +1860,18 @@ export namespace Components {
           * The size of the status tag component.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The colour of the status tag.
          */
         "status"?: IcStatusTagStatuses;
+        /**
+          * 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"?: "dark" | "light" | "inherit";
+        /**
+          * The letter case of the status tag's label.
+         */
+        "uppercase"?: boolean;
         /**
           * The emphasis of the status tag.
          */
@@ -1897,27 +1880,28 @@ export namespace Components {
     interface IcStep {
         "compactStepStyling"?: IcStepTypes;
         "current"?: boolean;
+        /**
+          * The title of the step within the stepper.
+         */
+        "heading"?: string;
         "lastStep": boolean;
         "lastStepNum"?: number;
-        "nextStepTitle"?: string;
+        "nextStepHeading"?: string;
         "progress"?: number;
-        "stepNum"?: number;
         /**
           * The status of the step. Use this prop to display a status message on the step if it is required or optional.
          */
-        "stepStatus"?: IcStepStatuses;
+        "status"?: IcStepStatuses;
+        "stepNum"?: number;
         /**
           * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.
          */
-        "stepSubtitle"?: string;
-        /**
-          * The title of the step within the stepper.
-         */
-        "stepTitle"?: string;
+        "subheading"?: string;
+        "theme"?: IcThemeMode;
         /**
           * The state of the step within the stepper.
          */
-        "stepType"?: IcStepTypes;
+        "type"?: IcStepTypes;
         "variant": IcStepVariants;
     }
     interface IcStepper {
@@ -1925,10 +1909,6 @@ export namespace Components {
           * The alignment of the default stepper within its container.
          */
         "aligned"?: IcStepperAlignment;
-        /**
-          * The appearance of the stepper.
-         */
-        "appearance"?: "light" | "default";
         /**
           * The length of the connector between each step in pixels. Minimum length is 100px.
          */
@@ -1937,6 +1917,10 @@ export namespace Components {
           * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.
          */
         "hideStepInfo"?: 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The variant of the stepper.
          */
@@ -1971,30 +1955,26 @@ export namespace Components {
           * Sets focus on the switch.
          */
         "setFocus": () => Promise<void>;
-        /**
-          * If `true`, the switch will render the On/Off state text.
-         */
-        "showState"?: boolean;
         /**
           * The size of the switch component.
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The value of the toggle does not mean if it's checked or not, use the `checked` property for that.  The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
          */
         "value"?: string | null;
     }
     interface IcTab {
-        "appearance"?: IcThemeForegroundNoDefault;
         "contextId"?: string;
         /**
           * If `true`, the disabled state will be set.
          */
         "disabled"?: boolean;
+        "monochrome"?: boolean;
         "selected"?: boolean;
         /**
           * Sets focus on the tab.
@@ -2002,32 +1982,32 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         "tabId"?: string;
         "tabPosition"?: number;
+        "theme"?: IcThemeMode;
     }
     interface IcTabContext {
         /**
           * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.
          */
         "activationType"?: IcActivationTypes;
-        /**
-          * The appearance of the tab context, e.g dark, or light.
-         */
-        "appearance"?: IcThemeForegroundNoDefault;
         /**
           * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
          */
         "contextId"?: string;
+        /**
+          * If `true`, the tabs will display as black in the light theme.
+         */
+        "monochrome"?: boolean;
         /**
           * 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;
         /**
-          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
+          * 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.
          */
-        "contextId"?: string;
+        "theme"?: IcThemeMode;
+    }
+    interface IcTabGroup {
         /**
           * If `true`, the tabs and tab panels will be positioned separately.
          */
@@ -2036,23 +2016,21 @@ export namespace Components {
           * The label to describe the purpose of the set of tabs to screen reader users.
          */
         "label": string;
+        "monochrome"?: boolean;
+        "theme"?: IcThemeMode;
     }
     interface IcTabPanel {
-        "appearance"?: IcThemeForegroundNoDefault;
-        /**
-          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
-         */
-        "contextId"?: string;
+        "monochrome"?: boolean;
+        "panelId"?: string;
+        "selectedTab"?: string;
+        "tabPosition"?: number;
+        "theme"?: IcThemeMode;
     }
     interface IcTextField {
         "ariaActiveDescendant"?: string;
         "ariaAutocomplete": IcAriaAutocompleteTypes;
         "ariaExpanded": string;
         "ariaOwns": string;
-        /**
-          * If `true`, the form control will have input focus when the page loads.
-         */
-        "autoFocus": boolean;
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
@@ -2065,6 +2043,10 @@ export namespace Components {
           * The state of autocorrection the browser can apply when the user is entering/editing the text value.
          */
         "autocorrect": IcAutocorrectStates;
+        /**
+          * If `true`, the form control will have input focus when the page loads.
+         */
+        "autofocus": boolean;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
@@ -2082,6 +2064,10 @@ export namespace Components {
          */
         "helperText": string;
         "hiddenInput": boolean;
+        /**
+          * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.
+         */
+        "hideCharCount": boolean;
         /**
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
@@ -2103,17 +2089,9 @@ export namespace Components {
          */
         "max": string | number;
         /**
-          * The maximum number of characters that can be entered in the field. Will display an error if too many characters are entered.
+          * 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;
-        /**
-          * The count of characters in the field. Will display a warning if the bound is reached.
-         */
-        "maxLength": number;
-        /**
-          * The text to display as the validation message when the maximum length is exceeded.
-         */
-        "maxLengthMessage": string;
         /**
           * 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`)
          */
@@ -2155,14 +2133,14 @@ export namespace Components {
           * The size of the text field component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the value of the text field will have its spelling and grammar checked.
          */
         "spellcheck": 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.
+         */
+        "theme": IcThemeMode;
         "truncateValue"?: boolean;
         /**
           * The type of control to display. The default type is text.
@@ -2188,9 +2166,13 @@ export namespace Components {
     }
     interface IcTheme {
         /**
-          * The theme 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)".
+          * 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;
+        /**
+          * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
          */
-        "color"?: IcColor;
+        "theme": "dark" | "light" | "system";
     }
     interface IcToast {
         /**
@@ -2231,11 +2213,6 @@ export namespace Components {
           * The toast element to be displayed.
          */
         "openToast": HTMLIcToastElement;
-        /**
-          * @deprecated Use openToast prop to display toast instead.
-          * @param toast The toast component to display
-         */
-        "setVisible": (toast: HTMLIcToastElement) => Promise<void>;
     }
     interface IcToggleButton {
         /**
@@ -2243,9 +2220,9 @@ export namespace Components {
          */
         "accessibleLabel"?: string;
         /**
-          * The appearance of the toggle button.
+          * If `true`, the toggle button will be in a checked state.
          */
-        "appearance"?: IcThemeForeground;
+        "checked": boolean;
         /**
           * If `true`, the toggle button will be in disabled state.
          */
@@ -2257,7 +2234,7 @@ export namespace Components {
         /**
           * The placement of the icon in relation to the toggle button label.
          */
-        "iconPlacement"?: "left" | "right" | "top";
+        "iconPlacement"?: IcIconPlacementOptions;
         /**
           * The label to display in the toggle button. This is required for the default variant of toggle buttons.
          */
@@ -2266,14 +2243,18 @@ export namespace Components {
           * If `true`, the toggle button will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `true`, the toggle button will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * The size of the toggle button to be displayed.
          */
         "size"?: IcSizes;
         /**
-          * If `true`, the toggle button will be in a checked state.
+          * 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.
          */
-        "toggleChecked": boolean;
+        "theme"?: IcThemeMode;
         /**
           * The position of the tooltip in relation to the toggle button.
          */
@@ -2288,10 +2269,6 @@ export namespace Components {
           * The accessible label of the toggle button group component to provide context for screen reader users.
          */
         "accessibleLabel"?: string;
-        /**
-          * The appearance of the toggle button group, e.g dark, or light.
-         */
-        "appearance": IcThemeForeground;
         /**
           * If `true`, the toggle button group will be set to the disabled state.
          */
@@ -2308,6 +2285,10 @@ export namespace Components {
           * If `true`, the toggle button group will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.
          */
@@ -2320,6 +2301,10 @@ export namespace Components {
           * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.
          */
         "size"?: IcSizes;
+        /**
+          * 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;
         /**
           * The position of the tooltip in relation to the toggle buttons.
          */
@@ -2366,6 +2351,10 @@ export namespace Components {
           * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
          */
         "target"?: string;
+        /**
+          * Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
+         */
+        "theme"?: IcThemeMode;
     }
     interface IcTopNavigation {
         /**
@@ -2396,6 +2385,10 @@ export namespace Components {
           * The status info to be displayed.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The version info to be displayed.
          */
@@ -2428,6 +2421,10 @@ export namespace Components {
           * If `true`, the typography will have a line through it.
          */
         "strikethrough"?: boolean;
+        /**
+          * Sets the text 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 typography will have a line under it.
          */
@@ -2587,7 +2584,6 @@ declare global {
         new (): HTMLIcAccordionGroupElement;
     };
     interface HTMLIcAlertElementEventMap {
-        "dismiss": void;
         "icDismiss": void;
     }
     interface HTMLIcAlertElement extends Components.IcAlert, HTMLStencilElement {
@@ -2647,14 +2643,13 @@ declare global {
         prototype: HTMLIcButtonElement;
         new (): HTMLIcButtonElement;
     };
-    interface HTMLIcCardElement extends Components.IcCard, HTMLStencilElement {
+    interface HTMLIcCardVerticalElement extends Components.IcCardVertical, HTMLStencilElement {
     }
-    var HTMLIcCardElement: {
-        prototype: HTMLIcCardElement;
-        new (): HTMLIcCardElement;
+    var HTMLIcCardVerticalElement: {
+        prototype: HTMLIcCardVerticalElement;
+        new (): HTMLIcCardVerticalElement;
     };
     interface HTMLIcCheckboxElementEventMap {
-        "checkboxChecked": void;
         "icCheck": void;
     }
     interface HTMLIcCheckboxElement extends Components.IcCheckbox, HTMLStencilElement {
@@ -2689,7 +2684,6 @@ declare global {
         new (): HTMLIcCheckboxGroupElement;
     };
     interface HTMLIcChipElementEventMap {
-        "dismiss": void;
         "icDismiss": void;
     }
     interface HTMLIcChipElement extends Components.IcChip, HTMLStencilElement {
@@ -2712,11 +2706,11 @@ declare global {
         prototype: HTMLIcClassificationBannerElement;
         new (): HTMLIcClassificationBannerElement;
     };
-    interface HTMLIcDataEntityElement extends Components.IcDataEntity, HTMLStencilElement {
+    interface HTMLIcDataListElement extends Components.IcDataList, HTMLStencilElement {
     }
-    var HTMLIcDataEntityElement: {
-        prototype: HTMLIcDataEntityElement;
-        new (): HTMLIcDataEntityElement;
+    var HTMLIcDataListElement: {
+        prototype: HTMLIcDataListElement;
+        new (): HTMLIcDataListElement;
     };
     interface HTMLIcDataRowElement extends Components.IcDataRow, HTMLStencilElement {
     }
@@ -2834,11 +2828,12 @@ declare global {
         new (): HTMLIcLoadingIndicatorElement;
     };
     interface HTMLIcMenuElementEventMap {
+        "icClear": void;
         "menuKeyPress": { isNavKey: boolean; key: string };
         "menuOptionId": IcMenuOptionIdEventDetail;
         "menuOptionSelect": IcOptionSelectEventDetail;
+        "menuOptionSelectAll": { select: boolean };
         "menuStateChange": IcMenuChangeEventDetail;
-        "menuValueChange": IcValueEventDetail;
         "retryButtonClicked": IcValueEventDetail;
         "timeoutBlur": { ev: FocusEvent };
         "ungroupedOptionsSet": { options: IcMenuOption[] };
@@ -3008,7 +3003,6 @@ declare global {
     };
     interface HTMLIcRadioOptionElementEventMap {
         "icCheck": IcValueEventDetail;
-        "radioOptionSelect": IcValueEventDetail;
         "icSelectedChange": void;
     }
     interface HTMLIcRadioOptionElement extends Components.IcRadioOption, HTMLStencilElement {
@@ -3029,8 +3023,6 @@ declare global {
         "icChange": IcValueEventDetail;
         "icClear": void;
         "icInput": IcValueEventDetail;
-        "icInputBlur": IcSearchBarBlurEventDetail;
-        "icInputFocus": IcValueEventDetail;
         "icOptionSelect": IcOptionSelectEventDetail;
         "icMenuChange": IcMenuChangeEventDetail;
         "icClearBlur": IcBlurEventDetail;
@@ -3038,7 +3030,8 @@ declare global {
         "icSubmitSearch": IcValueEventDetail;
         "icSubmitSearchBlur": IcBlurEventDetail;
         "icSearchBarBlur": IcSearchBarBlurEventDetail;
-        "icSearchBarFocus": void;
+        "icSearchBarFocus": IcValueEventDetail;
+        "icKeydown": { event: KeyboardEvent };
     }
     interface HTMLIcSearchBarElement extends Components.IcSearchBar, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcSearchBarElementEventMap>(type: K, listener: (this: HTMLIcSearchBarElement, ev: IcSearchBarCustomEvent<HTMLIcSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3069,6 +3062,7 @@ declare global {
         "icInput": IcValueEventDetail;
         "icOpen": void;
         "icOptionSelect": IcOptionSelectEventDetail;
+        "icOptionDeselect": IcOptionSelectEventDetail;
         "icRetryLoad": IcValueEventDetail;
     }
     interface HTMLIcSelectElement extends Components.IcSelect, HTMLStencilElement {
@@ -3086,7 +3080,7 @@ declare global {
         new (): HTMLIcSelectElement;
     };
     interface HTMLIcSideNavigationElementEventMap {
-        "sideNavExpanded": IcExpandedDetail;
+        "icSideNavExpanded": IcExpandedDetail;
     }
     interface HTMLIcSideNavigationElement extends Components.IcSideNavigation, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcSideNavigationElementEventMap>(type: K, listener: (this: HTMLIcSideNavigationElement, ev: IcSideNavigationCustomEvent<HTMLIcSideNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3168,7 +3162,6 @@ declare global {
     };
     interface HTMLIcTabContextElementEventMap {
         "icTabSelect": IcTabSelectEventDetail;
-        "tabSelect": IcTabSelectEventDetail;
     }
     interface HTMLIcTabContextElement extends Components.IcTabContext, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcTabContextElementEventMap>(type: K, listener: (this: HTMLIcTabContextElement, ev: IcTabContextCustomEvent<HTMLIcTabContextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3231,7 +3224,7 @@ declare global {
         new (): HTMLIcTextFieldElement;
     };
     interface HTMLIcThemeElementEventMap {
-        "themeChange": IcTheme;
+        "brandChange": IcBrand;
     }
     interface HTMLIcThemeElement extends Components.IcTheme, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcThemeElementEventMap>(type: K, listener: (this: HTMLIcThemeElement, ev: IcThemeCustomEvent<HTMLIcThemeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3315,7 +3308,7 @@ declare global {
     interface HTMLIcTopNavigationElementEventMap {
         "icNavigationMenuClosed": void;
         "icNavigationMenuOpened": void;
-        "topNavResized": { size: number };
+        "icTopNavResized": { size: number };
     }
     interface HTMLIcTopNavigationElement extends Components.IcTopNavigation, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcTopNavigationElementEventMap>(type: K, listener: (this: HTMLIcTopNavigationElement, ev: IcTopNavigationCustomEvent<HTMLIcTopNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3360,12 +3353,12 @@ declare global {
         "ic-breadcrumb": HTMLIcBreadcrumbElement;
         "ic-breadcrumb-group": HTMLIcBreadcrumbGroupElement;
         "ic-button": HTMLIcButtonElement;
-        "ic-card": HTMLIcCardElement;
+        "ic-card-vertical": HTMLIcCardVerticalElement;
         "ic-checkbox": HTMLIcCheckboxElement;
         "ic-checkbox-group": HTMLIcCheckboxGroupElement;
         "ic-chip": HTMLIcChipElement;
         "ic-classification-banner": HTMLIcClassificationBannerElement;
-        "ic-data-entity": HTMLIcDataEntityElement;
+        "ic-data-list": HTMLIcDataListElement;
         "ic-data-row": HTMLIcDataRowElement;
         "ic-dialog": HTMLIcDialogElement;
         "ic-divider": HTMLIcDividerElement;
@@ -3440,16 +3433,16 @@ declare namespace LocalJSX {
           * The size of the accordion.
          */
         "size"?: IcSizes;
+        /**
+          * 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;
     }
     interface IcAccordionGroup {
         /**
           * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
          */
         "accessibleButtonLabel"?: string;
-        /**
-          * The appearance of the accordion group, e.g dark, or light.
-         */
-        "appearance"?: IcThemeForeground;
         /**
           * If `true`, the accordion will load in an expanded state.
          */
@@ -3457,7 +3450,7 @@ declare namespace LocalJSX {
         /**
           * The header for the accordion group.
          */
-        "groupTitle"?: string;
+        "label"?: string;
         /**
           * If `true`, only one accordion will open at a time.
          */
@@ -3466,6 +3459,10 @@ declare namespace LocalJSX {
           * The size of the accordion.
          */
         "size"?: IcSizes;
+        /**
+          * 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;
     }
     interface IcAlert {
         /**
@@ -3484,10 +3481,6 @@ declare namespace LocalJSX {
           * The main body message of the alert.
          */
         "message"?: string;
-        /**
-          * @deprecated This event should not be used anymore. Use icDismiss instead.
-         */
-        "onDismiss"?: (event: IcAlertCustomEvent<void>) => void;
         /**
           * Is emitted when the user dismisses the alert.
          */
@@ -3496,6 +3489,10 @@ declare namespace LocalJSX {
           * If `true`, the default icon for the neutral variant will appear on the left of the alert.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * If `true`, the title and message will appear above and below instead of inline.
          */
@@ -3510,6 +3507,10 @@ declare namespace LocalJSX {
           * The ID of the element to jump back to when the link is clicked.
          */
         "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;
         /**
           * The variant of the button to render
          */
@@ -3525,7 +3526,11 @@ declare namespace LocalJSX {
          */
         "customColor"?: IcColor;
         /**
-          * The maximum number shown on the badge appended with a +. This will only be displayed if type="text" and textLabel is not empty.
+          * The text displayed in the badge. This will only be displayed if type="text".
+         */
+        "label"?: string;
+        /**
+          * The maximum number shown on the badge appended with a +. This will only be displayed if type="text" and label is not empty.
          */
         "maxNumber"?: number;
         /**
@@ -3537,9 +3542,9 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizes;
         /**
-          * The text displayed in the badge. This will only be displayed if type="text".
+          * 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.
          */
-        "textLabel"?: string;
+        "theme"?: IcThemeMode;
         /**
           * The type of badge to be displayed.
          */
@@ -3568,10 +3573,6 @@ declare namespace LocalJSX {
         "pageTitle": string;
     }
     interface IcBreadcrumbGroup {
-        /**
-          * The appearance of the breadcrumb group.
-         */
-        "appearance"?: IcThemeForeground;
         /**
           * If `true`, display only a single breadcrumb for the parent page with a back icon.
          */
@@ -3580,16 +3581,20 @@ declare namespace LocalJSX {
           * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed.
          */
         "collapsed"?: boolean;
+        /**
+          * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme.
+         */
+        "monochrome"?: 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.
+         */
+        "theme"?: IcThemeMode;
     }
     interface IcButton {
         /**
           * If `fileUpload` is set to `true`, this is the accepted list of file types.
          */
         "accept"?: string;
-        /**
-          * The appearance of the button, e.g. dark, light, or the default.
-         */
-        "appearance"?: IcThemeForeground;
         /**
           * 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.
          */
@@ -3658,6 +3663,10 @@ declare namespace LocalJSX {
           * If `true`, the button will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `true`, the button will display as monochromatic in either `light` or `dark` theme.
+         */
+        "monochrome"?: boolean;
         /**
           * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.
          */
@@ -3694,6 +3703,10 @@ declare namespace LocalJSX {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
         /**
           * The position of the tooltip in relation to the button.
          */
@@ -3711,7 +3724,7 @@ declare namespace LocalJSX {
          */
         "variant"?: IcButtonVariants;
     }
-    interface IcCard {
+    interface IcCardVertical {
         /**
           * If `true`, the card will be a clickable variant, instead of static.
          */
@@ -3735,7 +3748,7 @@ declare namespace LocalJSX {
         /**
           * The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
          */
-        "href"?: string | undefined;
+        "href"?: string;
         /**
           * The human language of the linked URL.
          */
@@ -3760,6 +3773,10 @@ declare namespace LocalJSX {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
     }
     interface IcCheckbox {
         /**
@@ -3771,37 +3788,17 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * If `true`, the checkbox will be set to the disabled state.
-         */
-        "disabled"?: boolean;
-        /**
-          * The text to be displayed when dynamic.
-         */
-        "dynamicText"?: string;
-        /**
-          * The <form> element to associate the checkbox with.
-         */
-        "form"?: string;
-        /**
-          * The URL that processes the information submitted by the checkbox. It overrides the action attribute of the checkbox'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.
+          * If `true`, the checkbox will be set to the disabled state.
          */
-        "formmethod"?: string;
+        "disabled"?: boolean;
         /**
-          * If `true`, the form will not be validated when submitted.
+          * The text to be displayed when dynamic.
          */
-        "formnovalidate"?: boolean;
+        "dynamicText"?: string;
         /**
-          * The place to display the response from submitting the form. It overrides the target attribute of the checkbox's form owner.
+          * The <form> element to associate the checkbox with.
          */
-        "formtarget"?: string;
+        "form"?: string;
         /**
           * The group label for the checkbox.
          */
@@ -3826,10 +3823,6 @@ declare namespace LocalJSX {
           * 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;
-        /**
-          * @deprecated This event should not be used anymore. Use icCheck instead.
-         */
-        "onCheckboxChecked"?: (event: IcCheckboxCustomEvent<void>) => void;
         /**
           * Emitted when a checkbox has been checked.
          */
@@ -3839,9 +3832,9 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The value for the checkbox.
          */
@@ -3881,9 +3874,9 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -3895,11 +3888,7 @@ declare namespace LocalJSX {
     }
     interface IcChip {
         /**
-          * @deprecated This prop should not be used anymore. Use variant prop instead.
-         */
-        "appearance"?: IcChipAppearance;
-        /**
-          * The custom chip colour. This prop will be applied to the chip component if `dismissible` is set to `false`. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)".
+          * The custom chip colour. This will override the theme 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)".
          */
         "customColor"?: IcColor;
         /**
@@ -3918,10 +3907,6 @@ declare namespace LocalJSX {
           * The text rendered within the chip.
          */
         "label": string;
-        /**
-          * @deprecated This event should not be used anymore. Use icDismiss instead.
-         */
-        "onDismiss"?: (event: IcChipCustomEvent<void>) => void;
         /**
           * Is emitted when the user dismisses the chip.
          */
@@ -3931,7 +3916,11 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizes;
         /**
-          * If `true`, the outlined variant of chip will have a transparent background rather than white.
+          * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. Setting the "customColor" prop will override this.
+         */
+        "theme"?: "dark" | "light" | "inherit";
+        /**
+          * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.
          */
         "transparentBackground"?: boolean;
         /**
@@ -3961,19 +3950,19 @@ declare namespace LocalJSX {
          */
         "upTo"?: boolean;
     }
-    interface IcDataEntity {
+    interface IcDataList {
         /**
-          * The title for the data entity.
+          * The title for the data list.
          */
         "heading"?: string;
         /**
-          * The size of the data entity component.
+          * The size of the data list component.
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
     }
     interface IcDataRow {
         /**
@@ -3985,9 +3974,9 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The value of the middle (right if no end-component supplied) cell of the row.
          */
@@ -3995,19 +3984,7 @@ declare namespace LocalJSX {
     }
     interface IcDialog {
         /**
-          * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a heading instead.
-         */
-        "alertHeading"?: string;
-        /**
-          * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a message instead.
-         */
-        "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.
+          * If set to `false`, default buttons will not be shown, but slotted dialog controls will still be displayed.
          */
         "buttons"?: boolean;
         /**
@@ -4015,7 +3992,7 @@ declare namespace LocalJSX {
          */
         "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.
+          * If 'true', 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;
         /**
@@ -4067,11 +4044,39 @@ declare namespace LocalJSX {
          */
         "size"?: "small" | "medium" | "large";
         /**
-          * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a variant instead.
+          * 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.
          */
-        "status"?: "neutral" | "info" | "warning" | "error" | "success";
+        "theme"?: IcThemeMode;
     }
     interface IcDivider {
+        /**
+          * The line style of the divider.
+         */
+        "borderStyle"?: IcDividerStyles;
+        /**
+          * The label for the divider. The label placement will need to be set for the label to be displayed correctly.
+         */
+        "label"?: string;
+        /**
+          * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.
+         */
+        "labelPlacement"?: IcDividerLabelPlacement;
+        /**
+          * If `true`, the divider will be displayed in a grey colour.
+         */
+        "monochrome"?: boolean;
+        /**
+          * The orientation of the divider.
+         */
+        "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.
+         */
+        "theme"?: IcThemeMode | IcBrandForeground;
+        /**
+          * The thickness of the divider.
+         */
+        "weight"?: IcDividerWeights;
     }
     interface IcEmptyState {
         /**
@@ -4082,10 +4087,6 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -4094,10 +4095,18 @@ declare namespace LocalJSX {
           * The size of the image or icon used in the image slot.
          */
         "imageSize"?: IcSizes;
+        /**
+          * The number of lines of body text to display before truncating.
+         */
+        "maxLines"?: number;
         /**
           * The subtitle rendered in the empty state container.
          */
         "subheading"?: 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;
     }
     interface IcFooter {
         /**
@@ -4155,7 +4164,7 @@ declare namespace LocalJSX {
         /**
           * The title of the link group to be displayed.
          */
-        "groupTitle": string;
+        "label": string;
     }
     interface IcHero {
         /**
@@ -4175,11 +4184,11 @@ declare namespace LocalJSX {
          */
         "disableBackgroundParallax"?: boolean;
         /**
-          * The heading of the hero.
+          * The heading of the hero. An <h2> level heading.
          */
         "heading"?: string;
         /**
-          * The optional secondary heading, replaced by slotted right content.
+          * The optional secondary heading, an <h3> level heading. Replaced by slotted right content.
          */
         "secondaryHeading"?: string;
         /**
@@ -4190,10 +4199,6 @@ declare namespace LocalJSX {
           * The size of the hero component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The description for the hero.
          */
@@ -4203,17 +4208,9 @@ declare namespace LocalJSX {
         /**
           * The appearance of the horizontal scroll, e.g. dark, light or the default.
          */
-        "appearance"?: IcThemeForeground;
+        "appearance"?: IcBrandForeground;
     }
     interface IcInputComponentContainer {
-        /**
-          * The appearance of the input component container.
-         */
-        "appearance"?: "dark" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
-         */
-        "dark"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -4234,10 +4231,6 @@ declare namespace LocalJSX {
           * The size of the input component container component.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the validation will display inline.
          */
@@ -4258,22 +4251,10 @@ declare namespace LocalJSX {
         "readonly"?: boolean;
     }
     interface IcInputLabel {
-        /**
-          * The appearance of the input label.
-         */
-        "appearance"?: "dark" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "dark" instead.
-         */
-        "dark"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
         "disabled"?: boolean;
-        /**
-          * If `true`, the input label will display with error styling.
-         */
-        "error"?: boolean;
         /**
           * The ID of the form element the label is bound to.
          */
@@ -4298,6 +4279,10 @@ declare namespace LocalJSX {
           * If `true`, the input label will require a value.
          */
         "required"?: boolean;
+        /**
+          * The status of the label - e.g. 'error'.
+         */
+        "status"?: "error" | "";
     }
     interface IcInputValidation {
         /**
@@ -4322,10 +4307,6 @@ declare namespace LocalJSX {
         "status"?: IcInformationStatusOrEmpty;
     }
     interface IcLink {
-        /**
-          * The appearance of the link, e.g. dark, light, or default.
-         */
-        "appearance"?: IcThemeForeground;
         /**
           * If `true`, the user can save the linked URL instead of navigating to it.
          */
@@ -4338,6 +4319,10 @@ declare namespace LocalJSX {
           * The human language of the linked URL.
          */
         "hreflang"?: string;
+        /**
+          * If `true`, the link will display as black in the light theme, and white in the dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * How much of the referrer to send when following the link.
          */
@@ -4346,20 +4331,16 @@ declare namespace LocalJSX {
           * The relationship of the linked URL as space-separated link types.
          */
         "rel"?: string;
-        /**
-          * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
-         */
-        "showIcon"?: boolean;
         /**
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "target"?: string;
-    }
-    interface IcLoadingIndicator {
         /**
-          * The appearance of the loading indicator, e.g. dark or light.
+          * 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.
          */
-        "appearance"?: IcThemeForegroundNoDefault;
+        "theme"?: IcThemeMode;
+    }
+    interface IcLoadingIndicator {
         /**
           * The description that will be set as the aria-label of the loading indicator when not using a visible label.
          */
@@ -4369,9 +4350,9 @@ declare namespace LocalJSX {
          */
         "fullWidth"?: boolean;
         /**
-          * The label to be displayed beneath the loading indicator. Display a changing label by separating multiple messages with forward slashes.
+          * The label to be displayed beneath the loading indicator. Display a changing label by supplying an array of messages.
          */
-        "label"?: string;
+        "label"?: string | string[];
         /**
           * The time in milliseconds before the label changes.
          */
@@ -4384,6 +4365,10 @@ declare namespace LocalJSX {
           * The minimum value that the progress value can take. Used to calculate the proportional width of the progress bar.
          */
         "min"?: number;
+        /**
+          * If `true`, the element will display as black and white.
+         */
+        "monochrome"?: boolean;
         /**
           * The current amount of progress made. If not provided, component acts as an indeterminate loading indicator.
          */
@@ -4392,6 +4377,10 @@ declare namespace LocalJSX {
           * The size of the loading indicator.
          */
         "size"?: IcLoadingSizes;
+        /**
+          * 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;
         /**
           * The type of indicator, either linear or circular.
          */
@@ -4406,6 +4395,10 @@ declare namespace LocalJSX {
           * The reference to an anchor element the menu will position itself from when rendered.
          */
         "anchorEl": HTMLElement;
+        /**
+          * If `true`, the menu will close when an option is selected.
+         */
+        "closeOnSelect"?: boolean;
         /**
           * If `true`, the menu will fill the width of the container.
          */
@@ -4426,6 +4419,10 @@ declare namespace LocalJSX {
           * The ID of the menu.
          */
         "menuId": string;
+        /**
+          * Emitted when the clear all button is clicked.
+         */
+        "onIcClear"?: (event: IcMenuCustomEvent<void>) => void;
         /**
           * If `true`, the menu will be displayed open.
          */
@@ -4439,17 +4436,13 @@ declare namespace LocalJSX {
          */
         "searchMode"?: IcSearchBarSearchModes;
         /**
-          * The size of the menu component.
+          * The size of the menu.
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
-        /**
-          * The value of the currently selected option.
+          * The value of the currently selected option - or array of values (if multiple options allowed).
          */
-        "value": string;
+        "value": string | string[];
         /**
           * The custom name for the value field for IcMenuOption.
          */
@@ -4462,6 +4455,10 @@ declare namespace LocalJSX {
         "label"?: string;
     }
     interface IcMenuItem {
+        /**
+          * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
+         */
+        "checked"?: boolean;
         /**
           * The description displayed in the menu item, below the label.
          */
@@ -4481,7 +4478,7 @@ declare namespace LocalJSX {
         /**
           * The label describing the keyboard shortcut for a menu item's action.
          */
-        "keyboardShortcut"?: string;
+        "keyboardShortcutLabel"?: string;
         /**
           * The label to display in the menu item.
          */
@@ -4508,10 +4505,6 @@ declare namespace LocalJSX {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "target"?: string;
-        /**
-          * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.
-         */
-        "toggleChecked"?: boolean;
         /**
           * The variant of the menu item.
          */
@@ -4546,6 +4539,10 @@ declare namespace LocalJSX {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
     }
     interface IcNavigationGroup {
         /**
@@ -4556,6 +4553,10 @@ declare namespace LocalJSX {
           * The label to display on the group.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
     }
     interface IcNavigationItem {
         /**
@@ -4590,12 +4591,20 @@ declare namespace LocalJSX {
           * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
          */
         "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;
     }
     interface IcNavigationMenu {
         /**
           * The status info to display.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The version info to display.
          */
@@ -4622,10 +4631,6 @@ declare namespace LocalJSX {
           * The size of the page header component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the page header will be sticky at all breakpoints.
          */
@@ -4638,20 +4643,20 @@ declare namespace LocalJSX {
           * The subtitle to render on the page header.
          */
         "subheading"?: 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;
     }
     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;
+        "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.
          */
-        "boundaryCount"?: number;
+        "boundaryPageCount"?: number;
         /**
           * The current page displayed by the pagination.
          */
@@ -4676,6 +4681,10 @@ declare namespace LocalJSX {
           * The label for the pagination item (applicable when simple pagination is being used).
          */
         "label"?: string;
+        /**
+          * If `true`, the pagination will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * Emitted when a page is selected.
          */
@@ -4684,16 +4693,16 @@ declare namespace LocalJSX {
           * The total number of pages.
          */
         "pages": 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * 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 pagination item will be disabled.
          */
@@ -4702,6 +4711,10 @@ declare namespace LocalJSX {
           * The label for the pagination item (applicable when simple pagination is being used).
          */
         "label"?: string;
+        /**
+          * If `true`, the pagination item will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * The current page number.
          */
@@ -4710,6 +4723,10 @@ declare namespace LocalJSX {
           * If `true`, the pagination item will be selected.
          */
         "selected"?: 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The type of pagination item - 'page' or 'ellipsis'.
          */
@@ -4732,6 +4749,10 @@ declare namespace LocalJSX {
           * The unique identifier for a popover submenu.
          */
         "submenuId"?: 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;
     }
     interface IcRadioGroup {
         /**
@@ -4771,9 +4792,9 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -4800,26 +4821,6 @@ declare namespace LocalJSX {
           * The <form> element to associate the radio with.
          */
         "form"?: string;
-        /**
-          * The URL that processes the information submitted by the radio. It overrides the action attribute of the radio'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 radio's form owner.
-         */
-        "formtarget"?: string;
         /**
           * The group label for the radio option.
          */
@@ -4840,20 +4841,24 @@ declare namespace LocalJSX {
           * 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.
-         */
-        "onRadioOptionSelect"?: (event: IcRadioOptionCustomEvent<IcValueEventDetail>) => void;
         /**
           * If `true`, the radio option will be displayed in a selected state.
          */
         "selected"?: 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The value for the radio option.
          */
         "value": string;
     }
     interface IcSearchBar {
+        /**
+          * The hint text for the hidden assistive description element.
+         */
+        "assistiveHintText"?: string;
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
@@ -4881,7 +4886,7 @@ declare namespace LocalJSX {
         /**
           * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source. If `true`, all options provided will be displayed.
          */
-        "disableFilter"?: boolean;
+        "disableAutoFiltering"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -4906,10 +4911,6 @@ declare namespace LocalJSX {
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
         "hideLabel"?: boolean;
-        /**
-          * The hint text for the hidden assistive description element.
-         */
-        "hintText"?: string;
         /**
           * The label for the search bar.
          */
@@ -4947,13 +4948,9 @@ declare namespace LocalJSX {
          */
         "onIcInput"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
         /**
-          * @deprecated This event should not be used anymore. Use icSearchBarBlur instead.
-         */
-        "onIcInputBlur"?: (event: IcSearchBarCustomEvent<IcSearchBarBlurEventDetail>) => void;
-        /**
-          * @deprecated This event should not be used anymore. Use icSearchBarFocus instead.
+          * Emitted when a keydown event occurred.
          */
-        "onIcInputFocus"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
+        "onIcKeydown"?: (event: IcSearchBarCustomEvent<{ event: KeyboardEvent }>) => void;
         /**
           * Emitted when the state of the menu changes (i.e. open or close)
          */
@@ -4973,7 +4970,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when focus is invoked from ic-search-bar
          */
-        "onIcSearchBarFocus"?: (event: IcSearchBarCustomEvent<void>) => void;
+        "onIcSearchBarFocus"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
         /**
           * Emitted when the search value has been submitted
          */
@@ -5002,14 +4999,14 @@ declare namespace LocalJSX {
           * The size of the search bar component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the value of the search will have its spelling and grammar checked.
          */
         "spellcheck"?: 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * If using external filtering, set a timeout for when loading takes too long.
          */
@@ -5035,17 +5032,13 @@ declare namespace LocalJSX {
     }
     interface IcSelect {
         /**
-          * @deprecated This prop should not be used anymore.
-         */
-        "charactersUntilSuggestions"?: number;
-        /**
-          * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+          * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.
          */
         "debounce"?: number;
         /**
           * 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;
+        "disableAutoFiltering"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -5059,27 +5052,7 @@ declare namespace LocalJSX {
          */
         "form"?: string;
         /**
-          * The URL that processes the information submitted by the select. It overrides the action attribute of the select's form owner. Does nothing if there is no form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formaction"?: string;
-        /**
-          * The way the submitted form data is encoded. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formenctype"?: string;
-        /**
-          * The HTTP method used to submit the form. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formmethod"?: string;
-        /**
-          * If `true`, the form will not be validated when submitted. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formnovalidate"?: boolean;
-        /**
-          * The place to display the response from submitting the form. It overrides the target attribute of the select's form owner. This prop should only be used with searchable select and will only be applied if searchable is true.
-         */
-        "formtarget"?: string;
-        /**
-          * If `true`, the select element will fill the width of the container. This prop should only be used with searchable select and will only be applied if searchable is true.
+          * If `true`, the select will fill the width of the container.
          */
         "fullWidth"?: boolean;
         /**
@@ -5114,6 +5087,10 @@ declare namespace LocalJSX {
           * The message displayed whilst the options are being loaded externally.
          */
         "loadingLabel"?: string;
+        /**
+          * If `true`, multiple options can be selected.
+         */
+        "multiple"?: boolean;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -5127,7 +5104,7 @@ declare namespace LocalJSX {
          */
         "onIcChange"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
         /**
-          * Emitted when the clear button is clicked.
+          * Emitted when the clear or clear all button is clicked.
          */
         "onIcClear"?: (event: IcSelectCustomEvent<void>) => void;
         /**
@@ -5147,7 +5124,11 @@ declare namespace LocalJSX {
          */
         "onIcOpen"?: (event: IcSelectCustomEvent<void>) => void;
         /**
-          * 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.
+          * Emitted when `multiple` is `true` and an option is deselected.
+         */
+        "onIcOptionDeselect"?: (event: IcSelectCustomEvent<IcOptionSelectEventDetail>) => void;
+        /**
+          * Emitted when an option is selected. Selecting an option will also trigger an `icChange/onIcChange` due to the value being updated.
          */
         "onIcOptionSelect"?: (event: IcSelectCustomEvent<IcOptionSelectEventDetail>) => void;
         /**
@@ -5175,11 +5156,11 @@ declare namespace LocalJSX {
          */
         "searchMatchPosition"?: IcSearchMatchPositions;
         /**
-          * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
+          * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.
          */
         "searchable"?: boolean;
         /**
-          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.
          */
         "selectOnEnter"?: boolean;
         /**
@@ -5187,13 +5168,13 @@ declare namespace LocalJSX {
          */
         "showClearButton"?: boolean;
         /**
-          * The size of the select component.
+          * The size of the select.
          */
         "size"?: IcSizes;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * If using external filtering, set a timeout for when loading takes too long.
          */
@@ -5207,9 +5188,9 @@ declare namespace LocalJSX {
          */
         "validationText"?: string;
         /**
-          * 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.
+          * 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;
+        "value"?: string | string[];
     }
     interface IcSideNavigation {
         /**
@@ -5239,7 +5220,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the side navigation is collapsed and expanded.
          */
-        "onSideNavExpanded"?: (event: IcSideNavigationCustomEvent<IcExpandedDetail>) => void;
+        "onIcSideNavExpanded"?: (event: IcSideNavigationCustomEvent<IcExpandedDetail>) => void;
         /**
           * The short title of the app to be displayed at small screen sizes in place of the app title.
          */
@@ -5259,13 +5240,9 @@ declare namespace LocalJSX {
     }
     interface IcSkeleton {
         /**
-          * The appearance of the skeleton.
-         */
-        "appearance"?: "light" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "light" instead.
+          * 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.
          */
-        "light"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The variant of the skeleton that will be displayed.
          */
@@ -5276,10 +5253,6 @@ declare namespace LocalJSX {
           * 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.
          */
         "announced"?: boolean;
-        /**
-          * @deprecated This prop should not be used anymore. Use variant prop instead.
-         */
-        "appearance"?: IcStatusTagAppearance;
         /**
           * The content rendered within the status tag.
          */
@@ -5288,14 +5261,18 @@ declare namespace LocalJSX {
           * The size of the status tag component.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The colour of the status tag.
          */
         "status"?: IcStatusTagStatuses;
+        /**
+          * 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"?: "dark" | "light" | "inherit";
+        /**
+          * The letter case of the status tag's label.
+         */
+        "uppercase"?: boolean;
         /**
           * The emphasis of the status tag.
          */
@@ -5303,31 +5280,27 @@ declare namespace LocalJSX {
     }
     interface IcStep {
         /**
-          * The status of the step. Use this prop to display a status message on the step if it is required or optional.
+          * The title of the step within the stepper.
          */
-        "stepStatus"?: IcStepStatuses;
+        "heading"?: string;
         /**
-          * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.
+          * The status of the step. Use this prop to display a status message on the step if it is required or optional.
          */
-        "stepSubtitle"?: string;
+        "status"?: IcStepStatuses;
         /**
-          * The title of the step within the stepper.
+          * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.
          */
-        "stepTitle"?: string;
+        "subheading"?: string;
         /**
           * The state of the step within the stepper.
          */
-        "stepType"?: IcStepTypes;
+        "type"?: IcStepTypes;
     }
     interface IcStepper {
         /**
           * The alignment of the default stepper within its container.
          */
         "aligned"?: IcStepperAlignment;
-        /**
-          * The appearance of the stepper.
-         */
-        "appearance"?: "light" | "default";
         /**
           * The length of the connector between each step in pixels. Minimum length is 100px.
          */
@@ -5336,6 +5309,10 @@ declare namespace LocalJSX {
           * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.
          */
         "hideStepInfo"?: 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The variant of the stepper.
          */
@@ -5378,18 +5355,14 @@ declare namespace LocalJSX {
           * Emitted when the toggle has focus.
          */
         "onIcFocus"?: (event: IcSwitchCustomEvent<void>) => void;
-        /**
-          * If `true`, the switch will render the On/Off state text.
-         */
-        "showState"?: boolean;
         /**
           * The size of the switch component.
          */
         "size"?: IcSizesNoLarge;
         /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+          * 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.
          */
-        "small"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The value of the toggle does not mean if it's checked or not, use the `checked` property for that.  The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
          */
@@ -5406,32 +5379,28 @@ declare namespace LocalJSX {
           * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.
          */
         "activationType"?: IcActivationTypes;
-        /**
-          * The appearance of the tab context, e.g dark, or light.
-         */
-        "appearance"?: IcThemeForegroundNoDefault;
         /**
           * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
          */
         "contextId"?: string;
         /**
-          * Emitted when a user selects a tab.
+          * If `true`, the tabs will display as black in the light theme.
          */
-        "onIcTabSelect"?: (event: IcTabContextCustomEvent<IcTabSelectEventDetail>) => void;
+        "monochrome"?: boolean;
         /**
-          * @deprecated This event should not be used anymore. Use icTabSelect instead.
+          * Emitted when a user selects a tab.
          */
-        "onTabSelect"?: (event: IcTabContextCustomEvent<IcTabSelectEventDetail>) => void;
+        "onIcTabSelect"?: (event: IcTabContextCustomEvent<IcTabSelectEventDetail>) => void;
         /**
           * The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.
          */
         "selectedTabIndex"?: number;
-    }
-    interface IcTabGroup {
         /**
-          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
+          * 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.
          */
-        "contextId"?: string;
+        "theme"?: IcThemeMode;
+    }
+    interface IcTabGroup {
         /**
           * If `true`, the tabs and tab panels will be positioned separately.
          */
@@ -5442,16 +5411,8 @@ declare namespace LocalJSX {
         "label": string;
     }
     interface IcTabPanel {
-        /**
-          * @deprecated This is no longer required. The context id is passed down from `ic-tab-context`
-         */
-        "contextId"?: string;
     }
     interface IcTextField {
-        /**
-          * If `true`, the form control will have input focus when the page loads.
-         */
-        "autoFocus"?: boolean;
         /**
           * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters".
          */
@@ -5464,6 +5425,10 @@ declare namespace LocalJSX {
           * The state of autocorrection the browser can apply when the user is entering/editing the text value.
          */
         "autocorrect"?: IcAutocorrectStates;
+        /**
+          * If `true`, the form control will have input focus when the page loads.
+         */
+        "autofocus"?: boolean;
         /**
           * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
          */
@@ -5480,6 +5445,10 @@ declare namespace LocalJSX {
           * The helper text that will be displayed for additional field guidance.
          */
         "helperText"?: string;
+        /**
+          * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.
+         */
+        "hideCharCount"?: boolean;
         /**
           * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
          */
@@ -5501,17 +5470,9 @@ declare namespace LocalJSX {
          */
         "max"?: string | number;
         /**
-          * The maximum number of characters that can be entered in the field. Will display an error if too many characters are entered.
+          * 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;
-        /**
-          * The count of characters in the field. Will display a warning if the bound is reached.
-         */
-        "maxLength"?: number;
-        /**
-          * The text to display as the validation message when the maximum length is exceeded.
-         */
-        "maxLengthMessage"?: string;
         /**
           * 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`)
          */
@@ -5568,14 +5529,14 @@ declare namespace LocalJSX {
           * The size of the text field component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If `true`, the value of the text field will have its spelling and grammar checked.
          */
         "spellcheck"?: 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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The type of control to display. The default type is text.
          */
@@ -5599,9 +5560,13 @@ declare namespace LocalJSX {
     }
     interface IcTheme {
         /**
-          * The theme 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)".
+          * 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)".
          */
-        "color"?: IcColor;
+        "brandColor"?: IcColor;
+        /**
+          * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
+         */
+        "theme"?: "dark" | "light" | "system";
     }
     interface IcToast {
         /**
@@ -5649,9 +5614,9 @@ declare namespace LocalJSX {
          */
         "accessibleLabel"?: string;
         /**
-          * The appearance of the toggle button.
+          * If `true`, the toggle button will be in a checked state.
          */
-        "appearance"?: IcThemeForeground;
+        "checked"?: boolean;
         /**
           * If `true`, the toggle button will be in disabled state.
          */
@@ -5663,7 +5628,7 @@ declare namespace LocalJSX {
         /**
           * The placement of the icon in relation to the toggle button label.
          */
-        "iconPlacement"?: "left" | "right" | "top";
+        "iconPlacement"?: IcIconPlacementOptions;
         /**
           * The label to display in the toggle button. This is required for the default variant of toggle buttons.
          */
@@ -5672,6 +5637,10 @@ declare namespace LocalJSX {
           * If `true`, the toggle button will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `true`, the toggle button will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * Emitted when the user clicks a toggle button.
          */
@@ -5683,9 +5652,9 @@ declare namespace LocalJSX {
          */
         "size"?: IcSizes;
         /**
-          * If `true`, the toggle button will be in a checked state.
+          * 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.
          */
-        "toggleChecked"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The position of the tooltip in relation to the toggle button.
          */
@@ -5700,10 +5669,6 @@ declare namespace LocalJSX {
           * The accessible label of the toggle button group component to provide context for screen reader users.
          */
         "accessibleLabel"?: string;
-        /**
-          * The appearance of the toggle button group, e.g dark, or light.
-         */
-        "appearance"?: IcThemeForeground;
         /**
           * If `true`, the toggle button group will be set to the disabled state.
          */
@@ -5720,6 +5685,10 @@ declare namespace LocalJSX {
           * If `true`, the toggle button group will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.
+         */
+        "monochrome"?: boolean;
         /**
           * Emitted when a toggle button is selected.
          */
@@ -5736,6 +5705,10 @@ declare namespace LocalJSX {
           * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.
          */
         "size"?: IcSizes;
+        /**
+          * 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;
         /**
           * The position of the tooltip in relation to the toggle buttons.
          */
@@ -5770,6 +5743,10 @@ declare namespace LocalJSX {
           * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
          */
         "target"?: string;
+        /**
+          * Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
+         */
+        "theme"?: IcThemeMode;
     }
     interface IcTopNavigation {
         /**
@@ -5795,7 +5772,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the top navigation is resized.
          */
-        "onTopNavResized"?: (event: IcTopNavigationCustomEvent<{ size: number }>) => void;
+        "onIcTopNavResized"?: (event: IcTopNavigationCustomEvent<{ size: number }>) => void;
         /**
           * The short title of the app to be displayed at small screen sizes in place of the app title.
          */
@@ -5804,6 +5781,10 @@ declare namespace LocalJSX {
           * The status info to be displayed.
          */
         "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.
+         */
+        "theme"?: IcThemeMode;
         /**
           * The version info to be displayed.
          */
@@ -5830,6 +5811,10 @@ declare namespace LocalJSX {
           * If `true`, the typography will have a line through it.
          */
         "strikethrough"?: boolean;
+        /**
+          * Sets the text 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 typography will have a line under it.
          */
@@ -5848,12 +5833,12 @@ declare namespace LocalJSX {
         "ic-breadcrumb": IcBreadcrumb;
         "ic-breadcrumb-group": IcBreadcrumbGroup;
         "ic-button": IcButton;
-        "ic-card": IcCard;
+        "ic-card-vertical": IcCardVertical;
         "ic-checkbox": IcCheckbox;
         "ic-checkbox-group": IcCheckboxGroup;
         "ic-chip": IcChip;
         "ic-classification-banner": IcClassificationBanner;
-        "ic-data-entity": IcDataEntity;
+        "ic-data-list": IcDataList;
         "ic-data-row": IcDataRow;
         "ic-dialog": IcDialog;
         "ic-divider": IcDivider;
@@ -5918,12 +5903,12 @@ declare module "@stencil/core" {
             "ic-breadcrumb": LocalJSX.IcBreadcrumb & JSXBase.HTMLAttributes<HTMLIcBreadcrumbElement>;
             "ic-breadcrumb-group": LocalJSX.IcBreadcrumbGroup & JSXBase.HTMLAttributes<HTMLIcBreadcrumbGroupElement>;
             "ic-button": LocalJSX.IcButton & JSXBase.HTMLAttributes<HTMLIcButtonElement>;
-            "ic-card": LocalJSX.IcCard & JSXBase.HTMLAttributes<HTMLIcCardElement>;
+            "ic-card-vertical": LocalJSX.IcCardVertical & JSXBase.HTMLAttributes<HTMLIcCardVerticalElement>;
             "ic-checkbox": LocalJSX.IcCheckbox & JSXBase.HTMLAttributes<HTMLIcCheckboxElement>;
             "ic-checkbox-group": LocalJSX.IcCheckboxGroup & JSXBase.HTMLAttributes<HTMLIcCheckboxGroupElement>;
             "ic-chip": LocalJSX.IcChip & JSXBase.HTMLAttributes<HTMLIcChipElement>;
             "ic-classification-banner": LocalJSX.IcClassificationBanner & JSXBase.HTMLAttributes<HTMLIcClassificationBannerElement>;
-            "ic-data-entity": LocalJSX.IcDataEntity & JSXBase.HTMLAttributes<HTMLIcDataEntityElement>;
+            "ic-data-list": LocalJSX.IcDataList & JSXBase.HTMLAttributes<HTMLIcDataListElement>;
             "ic-data-row": LocalJSX.IcDataRow & JSXBase.HTMLAttributes<HTMLIcDataRowElement>;
             "ic-dialog": LocalJSX.IcDialog & JSXBase.HTMLAttributes<HTMLIcDialogElement>;
             "ic-divider": LocalJSX.IcDivider & JSXBase.HTMLAttributes<HTMLIcDividerElement>;