@ukic/web-components 2.29.1 → 3.0.0-alpha.2

package/dist/types/components.d.ts

@@ -5,12 +5,11 @@
  * 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, 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, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, 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 { IcButtonTooltipPlacement, 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 { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-state.types";
 import { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
@@ -25,7 +24,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,12 +33,11 @@ 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, 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, IcColor, IcDeviceSizes, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, 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 { IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
-export { IcChipAppearance } from "./components/ic-chip/ic-chip.types";
 export { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
 export { IcEmptyStateAlignment } from "./components/ic-empty-state/ic-empty-state.types";
 export { IcFooterBreakpoints } from "./components/ic-footer/ic-footer.types";
@@ -54,7 +52,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";
@@ -107,7 +105,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.
          */
@@ -171,29 +169,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 +202,6 @@ export namespace Components {
         "visible": boolean;
     }
     interface IcBreadcrumb {
-        "appearance": IcThemeForeground;
         /**
           * If `true`, aria-current will be set on the breadcrumb.
          */
@@ -217,6 +210,7 @@ export namespace Components {
           * The URL that the breadcrumb link points to.
          */
         "href"?: string;
+        "monochrome"?: boolean;
         /**
           * The title of the breadcrumb.
          */
@@ -226,12 +220,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,6 +231,14 @@ 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 {
         /**
@@ -365,7 +364,7 @@ export namespace Components {
          */
         "variant"?: IcButtonVariants;
     }
-    interface IcCard {
+    interface IcCardVertical {
         /**
           * If `true`, the card will be a clickable variant, instead of static.
          */
@@ -440,26 +439,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.
          */
@@ -492,10 +471,6 @@ export namespace Components {
           * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The value for the checkbox.
          */
@@ -530,10 +505,6 @@ export namespace Components {
           * The size of the checkboxes to be displayed. This does not affect the font size of the label.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small": boolean;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -545,11 +516,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;
         /**
@@ -573,7 +540,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;
         /**
@@ -603,19 +574,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 {
         /**
@@ -627,9 +598,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.
          */
@@ -637,19 +608,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 or slotted dialog controls will not be displayed.
          */
         "buttons"?: boolean;
         /**
@@ -688,10 +647,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.
          */
@@ -700,18 +655,10 @@ 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.
-         */
-        "status"?: "neutral" | "info" | "warning" | "error" | "success";
     }
     interface IcDivider {
     }
@@ -724,10 +671,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.
          */
@@ -736,6 +679,10 @@ 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.
          */
@@ -797,7 +744,7 @@ export namespace Components {
         /**
           * The title of the link group to be displayed.
          */
-        "groupTitle": string;
+        "label": string;
     }
     interface IcHero {
         /**
@@ -817,11 +764,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;
         /**
@@ -832,10 +779,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.
          */
@@ -854,10 +797,6 @@ export namespace Components {
           * 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.
          */
@@ -878,10 +817,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,18 +841,10 @@ export namespace Components {
           * 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.
          */
@@ -938,6 +865,10 @@ export namespace Components {
           * If `true`, the input label will require a value.
          */
         "required": boolean;
+        /**
+          * The status of the label - e.g. 'error'.
+         */
+        "status": "error" | "";
     }
     interface IcInputValidation {
         /**
@@ -962,10 +893,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.
          */
@@ -978,6 +905,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.
          */
@@ -990,20 +921,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.
          */
@@ -1014,9 +941,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.
          */
@@ -1029,6 +956,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.
          */
@@ -1037,6 +968,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.
          */
@@ -1098,10 +1033,6 @@ export namespace Components {
           * The size of the menu component.
          */
         "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.
          */
@@ -1283,10 +1214,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.
          */
@@ -1304,7 +1231,7 @@ export namespace Components {
         /**
           * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
          */
-        "adjacentCount": number;
+        "adjacentPageCount": number;
         /**
           * The appearance of the pagination, e.g. dark, light or the default.
          */
@@ -1312,7 +1239,7 @@ export namespace Components {
         /**
           * 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.
          */
@@ -1433,10 +1360,6 @@ export namespace Components {
           * The size of the radio group component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -1463,26 +1386,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.
          */
@@ -1510,6 +1413,10 @@ export namespace Components {
         "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".
          */
@@ -1537,7 +1444,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.
          */
@@ -1562,10 +1469,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.
          */
@@ -1618,10 +1521,6 @@ 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.
          */
@@ -1650,10 +1549,6 @@ export namespace Components {
         "fullHeight"?: boolean;
     }
     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.
          */
@@ -1661,7 +1556,7 @@ export namespace Components {
         /**
           * 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.
          */
@@ -1674,26 +1569,6 @@ export namespace Components {
           * The <form> element to associate the select with.
          */
         "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.
          */
@@ -1774,10 +1649,6 @@ export namespace Components {
           * The size of the select component.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If using external filtering, set a timeout for when loading takes too long.
          */
@@ -1840,13 +1711,9 @@ export namespace Components {
     }
     interface IcSkeleton {
         /**
-          * The appearance of the skeleton.
+          * 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"?: "light" | "default";
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `appearance` to "light" instead.
-         */
-        "light"?: boolean;
+        "theme"?: IcThemeMode;
         /**
           * The variant of the skeleton that will be displayed.
          */
@@ -1857,10 +1724,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.
          */
@@ -1869,14 +1732,14 @@ 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 emphasis of the status tag.
          */
@@ -1885,27 +1748,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 {
@@ -1913,10 +1777,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.
          */
@@ -1925,6 +1785,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.
          */
@@ -1967,22 +1831,18 @@ export namespace Components {
           * The size of the switch component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * 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.
@@ -1990,32 +1850,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.
          */
@@ -2024,13 +1884,15 @@ 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;
@@ -2070,6 +1932,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.
          */
@@ -2091,17 +1957,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`)
          */
@@ -2143,10 +2001,6 @@ 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.
          */
@@ -2179,6 +2033,10 @@ export namespace Components {
           * 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)".
          */
         "color"?: IcColor;
+        /**
+          * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
+         */
+        "theme": "dark" | "light" | "system";
     }
     interface IcToast {
         /**
@@ -2219,11 +2077,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 {
         /**
@@ -2234,6 +2087,10 @@ export namespace Components {
           * The appearance of the toggle button.
          */
         "appearance"?: IcThemeForeground;
+        /**
+          * If `true`, the toggle button will be in a checked state.
+         */
+        "checked": boolean;
         /**
           * If `true`, the toggle button will be in disabled state.
          */
@@ -2258,10 +2115,6 @@ export namespace Components {
           * The size of the toggle button to be displayed.
          */
         "size"?: IcSizes;
-        /**
-          * If `true`, the toggle button will be in a checked state.
-         */
-        "toggleChecked": boolean;
         /**
           * The variant of the toggle button.
          */
@@ -2343,6 +2196,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 {
         /**
@@ -2405,6 +2262,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.
          */
@@ -2564,7 +2425,6 @@ declare global {
         new (): HTMLIcAccordionGroupElement;
     };
     interface HTMLIcAlertElementEventMap {
-        "dismiss": void;
         "icDismiss": void;
     }
     interface HTMLIcAlertElement extends Components.IcAlert, HTMLStencilElement {
@@ -2624,14 +2484,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 {
@@ -2666,7 +2525,6 @@ declare global {
         new (): HTMLIcCheckboxGroupElement;
     };
     interface HTMLIcChipElementEventMap {
-        "dismiss": void;
         "icDismiss": void;
     }
     interface HTMLIcChipElement extends Components.IcChip, HTMLStencilElement {
@@ -2689,11 +2547,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 {
     }
@@ -2985,7 +2843,6 @@ declare global {
     };
     interface HTMLIcRadioOptionElementEventMap {
         "icCheck": IcValueEventDetail;
-        "radioOptionSelect": IcValueEventDetail;
         "icSelectedChange": void;
     }
     interface HTMLIcRadioOptionElement extends Components.IcRadioOption, HTMLStencilElement {
@@ -3006,8 +2863,6 @@ declare global {
         "icChange": IcValueEventDetail;
         "icClear": void;
         "icInput": IcValueEventDetail;
-        "icInputBlur": IcSearchBarBlurEventDetail;
-        "icInputFocus": IcValueEventDetail;
         "icOptionSelect": IcOptionSelectEventDetail;
         "icMenuChange": IcMenuChangeEventDetail;
         "icClearBlur": IcBlurEventDetail;
@@ -3015,7 +2870,7 @@ declare global {
         "icSubmitSearch": IcValueEventDetail;
         "icSubmitSearchBlur": IcBlurEventDetail;
         "icSearchBarBlur": IcSearchBarBlurEventDetail;
-        "icSearchBarFocus": void;
+        "icSearchBarFocus": IcValueEventDetail;
     }
     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;
@@ -3063,7 +2918,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;
@@ -3145,7 +3000,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;
@@ -3292,7 +3146,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;
@@ -3337,12 +3191,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;
@@ -3434,7 +3288,7 @@ declare namespace LocalJSX {
         /**
           * The header for the accordion group.
          */
-        "groupTitle"?: string;
+        "label"?: string;
         /**
           * If `true`, only one accordion will open at a time.
          */
@@ -3461,10 +3315,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.
          */
@@ -3502,7 +3352,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;
         /**
@@ -3514,9 +3368,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.
          */
@@ -3545,10 +3399,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.
          */
@@ -3557,6 +3407,14 @@ 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 {
         /**
@@ -3688,7 +3546,7 @@ declare namespace LocalJSX {
          */
         "variant"?: IcButtonVariants;
     }
-    interface IcCard {
+    interface IcCardVertical {
         /**
           * If `true`, the card will be a clickable variant, instead of static.
          */
@@ -3759,26 +3617,6 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -3803,10 +3641,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.
          */
@@ -3815,10 +3649,6 @@ declare namespace LocalJSX {
           * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The value for the checkbox.
          */
@@ -3857,10 +3687,6 @@ declare namespace LocalJSX {
           * The size of the checkboxes to be displayed. This does not affect the font size of the label.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -3872,11 +3698,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;
         /**
@@ -3891,10 +3713,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.
          */
@@ -3904,7 +3722,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;
         /**
@@ -3934,19 +3756,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 {
         /**
@@ -3958,9 +3780,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.
          */
@@ -3968,19 +3790,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 or slotted dialog controls will not be displayed.
          */
         "buttons"?: boolean;
         /**
@@ -4039,10 +3849,6 @@ declare namespace LocalJSX {
           * 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.
-         */
-        "status"?: "neutral" | "info" | "warning" | "error" | "success";
     }
     interface IcDivider {
     }
@@ -4055,10 +3861,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.
          */
@@ -4067,6 +3869,10 @@ 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.
          */
@@ -4128,7 +3934,7 @@ declare namespace LocalJSX {
         /**
           * The title of the link group to be displayed.
          */
-        "groupTitle": string;
+        "label": string;
     }
     interface IcHero {
         /**
@@ -4148,11 +3954,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;
         /**
@@ -4163,10 +3969,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.
          */
@@ -4183,10 +3985,6 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -4207,10 +4005,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.
          */
@@ -4235,18 +4029,10 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -4267,6 +4053,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 {
         /**
@@ -4291,10 +4081,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.
          */
@@ -4307,6 +4093,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.
          */
@@ -4315,20 +4105,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.
          */
@@ -4338,9 +4124,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.
          */
@@ -4353,6 +4139,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.
          */
@@ -4361,6 +4151,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.
          */
@@ -4411,10 +4205,6 @@ declare namespace LocalJSX {
           * The size of the menu component.
          */
         "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.
          */
@@ -4581,10 +4371,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.
          */
@@ -4602,7 +4388,7 @@ declare namespace LocalJSX {
         /**
           * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
          */
-        "adjacentCount"?: number;
+        "adjacentPageCount"?: number;
         /**
           * The appearance of the pagination, e.g. dark, light or the default.
          */
@@ -4610,7 +4396,7 @@ declare namespace LocalJSX {
         /**
           * 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.
          */
@@ -4729,10 +4515,6 @@ declare namespace LocalJSX {
           * The size of the radio group component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'.
          */
@@ -4759,26 +4541,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.
          */
@@ -4799,10 +4561,6 @@ 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.
          */
@@ -4813,6 +4571,10 @@ declare namespace LocalJSX {
         "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".
          */
@@ -4840,7 +4602,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.
          */
@@ -4865,10 +4627,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.
          */
@@ -4905,14 +4663,6 @@ declare namespace LocalJSX {
           * Emitted when a keyboard input occurred.
          */
         "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.
-         */
-        "onIcInputFocus"?: (event: IcSearchBarCustomEvent<IcValueEventDetail>) => void;
         /**
           * Emitted when the state of the menu changes (i.e. open or close)
          */
@@ -4932,7 +4682,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
          */
@@ -4961,10 +4711,6 @@ 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.
          */
@@ -4993,10 +4739,6 @@ declare namespace LocalJSX {
         "fullHeight"?: boolean;
     }
     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.
          */
@@ -5004,7 +4746,7 @@ declare namespace LocalJSX {
         /**
           * 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.
          */
@@ -5017,26 +4759,6 @@ declare namespace LocalJSX {
           * The <form> element to associate the select with.
          */
         "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.
          */
@@ -5149,10 +4871,6 @@ declare namespace LocalJSX {
           * The size of the select component.
          */
         "size"?: IcSizes;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * If using external filtering, set a timeout for when loading takes too long.
          */
@@ -5198,7 +4916,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.
          */
@@ -5218,13 +4936,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.
          */
@@ -5235,10 +4949,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.
          */
@@ -5247,14 +4957,14 @@ 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 emphasis of the status tag.
          */
@@ -5262,31 +4972,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.
          */
@@ -5295,6 +5001,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.
          */
@@ -5345,10 +5055,6 @@ declare namespace LocalJSX {
           * The size of the switch component.
          */
         "size"?: IcSizesNoLarge;
-        /**
-          * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-         */
-        "small"?: boolean;
         /**
           * 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>`.
          */
@@ -5365,32 +5071,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.
          */
@@ -5401,10 +5103,6 @@ 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 {
         /**
@@ -5439,6 +5137,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.
          */
@@ -5460,17 +5162,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`)
          */
@@ -5527,10 +5221,6 @@ 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.
          */
@@ -5561,6 +5251,10 @@ declare namespace LocalJSX {
           * 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)".
          */
         "color"?: IcColor;
+        /**
+          * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings.
+         */
+        "theme"?: "dark" | "light" | "system";
     }
     interface IcToast {
         /**
@@ -5611,6 +5305,10 @@ declare namespace LocalJSX {
           * The appearance of the toggle button.
          */
         "appearance"?: IcThemeForeground;
+        /**
+          * If `true`, the toggle button will be in a checked state.
+         */
+        "checked"?: boolean;
         /**
           * If `true`, the toggle button will be in disabled state.
          */
@@ -5641,10 +5339,6 @@ declare namespace LocalJSX {
           * The size of the toggle button to be displayed.
          */
         "size"?: IcSizes;
-        /**
-          * If `true`, the toggle button will be in a checked state.
-         */
-        "toggleChecked"?: boolean;
         /**
           * The variant of the toggle button.
          */
@@ -5717,6 +5411,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 {
         /**
@@ -5742,7 +5440,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.
          */
@@ -5777,6 +5475,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.
          */
@@ -5795,12 +5497,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;
@@ -5865,12 +5567,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>;