aefis-core-ui 7.0.0-rc.7 → 7.0.0-rc.70

package/core-ui/HOCs/withThemeProvider.tsx

@@ -10,14 +10,14 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */

package/core-ui/Icon/index.jsx

@@ -10,14 +10,14 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
@@ -172,6 +172,10 @@ import {
 	EqualizerOutlined as _EqualizerOutlined,
 	Face as _Face,
 	FaceOutlined as _FaceOutlined,
+	Favorite as _Favorite,
+	FavoriteBorder as _FavoriteBorder,
+	FavoriteOutlined as _FavoriteOutlined,
+	FavoriteBorderOutlined as _FavoriteBorderOutlined,
 	FileDownload as _FileDownload,
 	FileDownloadOutlined as _FileDownloadOutlined,
 	FilterList as _FilterList,
@@ -549,6 +553,10 @@ export const icons = {
 	EqualizerOutlined: <_EqualizerOutlined />,
 	Face: <_Face />,
 	FaceOutlined: <_FaceOutlined />,
+	Favorite: <_Favorite />,
+	FavoriteBorder: <_FavoriteBorder />,
+	FavoriteBorderOutlined: <_FavoriteBorderOutlined />,
+	FavoriteOutlined: <_FavoriteOutlined />,
 	FileDownload: <_FileDownload />,
 	FileDownloadOutlined: <_FileDownloadOutlined />,
 	FilterList: <_FilterList />,
@@ -1374,6 +1382,22 @@ export const FaceOutlined = (props) => {
 	return <_FaceOutlined {...props} />;
 };
 
+export const Favorite = (props) => {
+	return <_Favorite {...props} />;
+};
+
+export const FavoriteBorder = (props) => {
+	return <_FavoriteBorder {...props} />;
+};
+
+export const FavoriteBorderOutlined = (props) => {
+	return <_FavoriteBorderOutlined {...props} />;
+};
+
+export const FavoriteOutlined = (props) => {
+	return <_FavoriteOutlined {...props} />;
+};
+
 export const FileDownload = (props) => {
 	return <_FileDownload {...props} />;
 };

package/core-ui/components/ActionMenuButton/ActionMenuButton.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc, all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc, all rights reserved.
 // http://www.heliocampus.com/
 
 import Button from "../Button/Button";
@@ -50,7 +50,7 @@ const booleanOrFunction = (field, data) =>
 	(typeof field === "boolean" && field);
 
 const renderIcon = (Icon) => {
-	return <Icon />;
+	return <Icon aria-hidden="true" />;
 };
 
 /** Menu button with actions menu */
@@ -72,6 +72,13 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 		setOpen((prevOpen) => !prevOpen);
 	};
 
+	const handleKeyDown = (event) => {
+		if (event.key === "Escape") {
+			setOpen(false);
+			anchorRef.current?.querySelector("button:last-child")?.focus();
+		}
+	};
+
 	const handleActionClick = (e, action, index) => {
 		setSelectedIndex(index || null);
 		setOpen(false);
@@ -88,9 +95,10 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 		(actions?.length === 1 && (
 			<>
 				{isMobile ? (
-					<Tooltip title={actions[0].name}>
+					<Tooltip title={actions[0].name || "action"}>
 						<IconButton
-							aria-label={actions[0].name}
+							data-testid="hc-action-menu-button-single"
+							aria-label={actions[0].name || "action"}
 							disabled={disabled}
 							onClick={(e) => handleActionClick(e, actions[0])}
 						>
@@ -99,6 +107,7 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 					</Tooltip>
 				) : (
 					<Button
+						data-testid="hc-action-menu-button-single"
 						sx={sx}
 						variant="contained"
 						color={actions[0].primary ? "primary" : "secondary"}
@@ -118,6 +127,7 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 		(actions?.length > 1 && (
 			<>
 				<ButtonGroup
+					data-testid="hc-action-menu-button-group"
 					disableElevation={disableElevation}
 					sx={sx}
 					variant="contained"
@@ -134,8 +144,9 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 						{actions[0].name}
 					</Button>
 					<Button
+						data-testid="hc-action-menu-button-toggle"
 						aria-controls={open ? "split-button-menu" : undefined}
-						aria-expanded={open ? "true" : undefined}
+						aria-expanded={open}
 						variant="contained"
 						aria-label="view more actions"
 						aria-haspopup="menu"
@@ -168,11 +179,12 @@ const ActionMenuButton = ({ actions, data, disabled = false, disableElevation =
 							>
 								<Paper elevation={3}>
 									<ClickAwayListener onClickAway={handleClose}>
-										<MenuList id="split-button-menu" autoFocusItem>
+										<MenuList data-testid="hc-action-menu-button-menu" id="split-button-menu" autoFocusItem onKeyDown={handleKeyDown}>
 											{actions?.map(
 												(action, index) =>
 													isHidden(action, data) === false && (
 														<MenuItem
+															data-testid={`hc-action-menu-button-item-${action.id}`}
 															key={`actionMenuItem-${action.id}`}
 															selected={index === selectedIndex}
 															disabled={booleanOrFunction(

package/core-ui/components/Actions/Actions.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";
@@ -41,6 +41,7 @@ const Actions = ({ data, configuration }) => {
 
 	return configuration?.map((item, index) => (
 		<Box
+			data-testid={`hc-action-${index}`}
 			key={`actionMenuItem-${seededKeyValue(index)}`}
 			style={{ marginLeft: "8px", ...getStyle(item) }}
 		>

package/core-ui/components/Actions/components/Action/Action.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";

package/core-ui/components/Actions/components/Action/components/ActionMenu/ActionMenu.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2022 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import { ListItemIcon, Menu, MenuItem, Typography } from "@mui/material";
@@ -81,6 +81,8 @@ const ActionMenu = ({
 	data
 }) => {
 
+	const hasVisibleItems = configuration?.some((item) => !isHidden(item, data));
+
 	const [anchorEl, setAnchorEl] = useState(null);
 	const open = Boolean(anchorEl);
 
@@ -99,46 +101,34 @@ const ActionMenu = ({
 	const id = useUID();
 	const seededKeyValue = useUIDSeed();
 
-	return hidden ? (
+	return hidden || !hasVisibleItems ? (
 		(<Root></Root>)
 	) : (
-		<>
-			{disabled ? (
-				<IconButton
-					name={name || `more options`}
-					aria-controls={id}
-					aria-haspopup="true"
-					showTooltip={false}
-					aria-expanded={open}
-					onClick={handleClick}
-					size="small"
-					disabled={true}
-				>
-					{Icon ? (
-						<Icon />
-					) : (
+		<Root>
+			<IconButton
+				data-testid="hc-action-menu-trigger"
+				name={name || `more options`}
+				showTooltip={!disabled}
+				size="small"
+				disabled={disabled}
+				onClick={handleClick}
+				{...(!disabled && {
+					"aria-controls": id,
+					"aria-haspopup": "true",
+					"aria-expanded": open
+				})}
+			>
+				{disabled ? (
+					Icon ? <Icon /> : (
 						<MoreVertIcon
 							className={clsx(classes.expand, {
 								[classes.expandOpen]: open
 							})}
 						/>
-					)}
-				</IconButton>
-			) : (
-				<IconButton
-					name={name || `more options`}
-					showTooltip={true}
-					size="small"
-					aria-controls={id}
-					aria-haspopup="true"
-					aria-expanded={open}
-					onClick={handleClick}
-					disabled={disabled}
-				>
+					)
+				) : (
 					<Badge badgeContent={badge}>
-						{Icon ? (
-							<Icon />
-						) : (
+						{Icon ? <Icon /> : (
 							<MoreVertIcon
 								className={clsx(classes.expand, {
 									[classes.expandOpen]: open
@@ -146,10 +136,11 @@ const ActionMenu = ({
 							/>
 						)}
 					</Badge>
-				</IconButton>
-			)}
+				)}
+			</IconButton>
 
 			<Menu
+				data-testid="hc-action-menu"
 				id={id}
 				anchorEl={anchorEl}
 				keepMounted
@@ -168,6 +159,7 @@ const ActionMenu = ({
 					(item, index) =>
 						!isHidden(item, data) && (
 							<MenuItem
+								data-testid={`hc-action-menu-item-${index}`}
 								key={seededKeyValue(index)}
 								onClick={() => handleMenuClick(item.action)}
 								disabled={isDisabled(item, data) || false}
@@ -188,13 +180,13 @@ const ActionMenu = ({
 										  }
 								}
 							>
-								{item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}
+								{item.icon && <ListItemIcon aria-hidden="true">{item.icon}</ListItemIcon>}
 								<Typography variant="inherit">{item.name}</Typography>
 							</MenuItem>
 						)
 				)}
 			</Menu>
-		</>
+		</Root>
 	);
 };
 

package/core-ui/components/Actions/components/Action/components/Badge/Badge.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import { Badge as MuiBadge } from "@mui/material";

package/core-ui/components/Actions/components/Action/components/Icon/Icon.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2024 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";
@@ -34,6 +34,7 @@ const RenderIconButton = ({ name, item, data, disabled, badge, buttonStyle }) =>
 	const Icon = item?.icon ?? React.Fragment;
 	return (
 		<IconButton
+			data-testid="hc-action-icon-button"
 			name={name || "option"}
 			aria-label={name || "option"}
 			onClick={() => item?.action(data)}

package/core-ui/components/Actions/components/Action/components/Text/Text.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import PropTypes from "prop-types";
@@ -35,6 +35,7 @@ const TextButton = ({ name, item, data, disabled = false, badge, buttonStyle })
 	return (
 		<Badge badgeContent={badge}>
 			<Button
+				data-testid="hc-action-text-button"
 				name={name || "option"}
 				variant={item?.variant || "contained"}
 				aria-label={name || "option"}

package/core-ui/components/Alert/Alert.jsx

@@ -10,19 +10,19 @@
  * ║                    updating the npm package. 📦                    ║
  * ║                                                                    ║
  * ║                     Package: aefis-core-ui                         ║
- * ║                      Version: 7.0.0-rc.7                           ║
+ * ║                      Version: 7.0.0-rc.70                           ║
  * ║                                                                    ║
  * ╠════════════════════════════════════════════════════════════════════╣
  * ║     ⚠️  ANY CHANGES HERE WILL BE AUTOMATICALLY OVERWRITTEN  ⚠️       ║
  * ╚════════════════════════════════════════════════════════════════════╝
  *
  * @package     aefis-core-ui
- * @version     7.0.0-rc.7
+ * @version     7.0.0-rc.70
  * @generated   automatically
  * @warning     do not modify
  */
 
-// Copyright (c) 2025 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2026 HelioCampus, Inc., all rights reserved.
 // http://www.heliocampus.com/
 
 import {
@@ -37,17 +37,55 @@ import DOMPurify from "dompurify";
 import PropTypes from "prop-types";
 import React, { forwardRef, useState } from "react";
 
-import { LightbulbOutlined as BulbIcon, Close as CloseIcon } from "../../Icon";
+import {
+	AutoAwesomeOutlined as AIIcon,
+	LightbulbOutlined as BulbIcon,
+	Close as CloseIcon,
+	WarningOutlined as WarningOutlinedIcon
+} from "../../Icon";
+import { danger as error, info, success, warning } from "../../theme/colors/state";
 import Button from "../Button/Button";
 import ActionButton from "./components/ActionButton/ActionButton";
 
+const themeColors = {
+	info: { light: info["light"], main: info["default"], dark: info["dark"] },
+	warning: { light: warning["light"], main: warning["default"], dark: warning["dark"] },
+	error: { light: error["light"], main: error["default"], dark: error["dark"] },
+	success: { light: success["light"], main: success["default"], dark: success["dark"] }
+};
+
+// Color sets for non-themed alert types. Each variant must independently pass
+// WCAG 2.2 AA: text >= 4.5:1 and outlined-button border (UI component) >= 3:1
+// against the alert background.
+const customTypeColors = {
+	basic: {
+		light: { bg: "transparent", text: "#424242", icon: "#424242" },
+		dark: { bg: "#424242", text: "#ffffff", icon: "#ffffff" }
+	},
+	aiSuggestion: {
+		light: { bg: "#faf5ff", text: "#1a0033", icon: "#6a1b9a" },
+		dark: { bg: "#4a148c", text: "#ffffff", icon: "#ffffff" }
+	},
+	pageAction: {
+		light: {
+			bg: "rgba(216, 168, 95, 0.12)",
+			text: "#6C5430",
+			icon: "#6C5430",
+			border: "1px solid rgba(0, 0, 0, 0.16)"
+		},
+		dark: { bg: "#6C5430", text: "#ffffff", icon: "#ffffff" }
+	}
+};
+
 const severityObject = {
 	info: "info",
 	warning: "warning",
 	error: "error",
 	success: "success",
 	hint: "info",
-	basic: "info"
+	basic: "info",
+	aiSuggestion: "info",
+	pageAction: "warning"
 };
 
 /** Wrap and extend the MUI alert. */
@@ -87,12 +125,27 @@ const Alert = forwardRef(function Alert(
 		severity: severityObject[type]
 	};
 
+	const colors = themeColors[type];
+
 	const style = {
 		boxShadow: shadow ? "rgb(58 53 65 / 42%) 0px 4px 8px -4px" : "none",
 		width: "100%",
 		...sx
 	};
 
+	if (colors) {
+		if (variant === "dark") {
+			style.backgroundColor = colors.dark;
+			style.color = "#ffffff";
+			style["& .MuiAlertTitle-root"] = { color: "#ffffff" };
+		} else {
+			style.backgroundColor = colors.light;
+			style.color = colors.dark;
+			style["& .MuiAlert-icon"] = { color: colors.main };
+			style["& .MuiAlertTitle-root"] = { color: colors.dark };
+		}
+	}
+
 	if (!showIcon) {
 		alertProps.icon = false;
 	}
@@ -103,9 +156,24 @@ const Alert = forwardRef(function Alert(
 		alertProps.icon = <BulbIcon />;
 	}
 
-	if (type === "basic") {
-		style.backgroundColor = "transparent";
-		style.color = "#757575";
+	if (customTypeColors[type]) {
+		const variantKey = variant === "dark" ? "dark" : "light";
+		const c = customTypeColors[type][variantKey];
+
+		style.backgroundColor = c.bg;
+		style.color = c.text;
+		style["& .MuiAlertTitle-root"] = { color: c.text };
+		if (c.border) {
+			style.border = c.border;
+		}
+
+		if (type === "aiSuggestion") {
+			alertProps.icon = (
+				<AIIcon sx={{ color: c.icon, fontSize: "1.25rem" }} />
+			);
+		} else if (type === "pageAction") {
+			alertProps.icon = <WarningOutlinedIcon sx={{ color: c.icon }} />;
+		}
 	}
 
 	if (dense) {
@@ -120,7 +188,7 @@ const Alert = forwardRef(function Alert(
 	const renderAction = () => {
 		if (canDismiss) {
 			return (
-				<IconButton aria-label="close" color="inherit" size="small" onClick={handleDismiss}>
+				<IconButton data-testid="hc-alert-dismiss" aria-label="close" color="inherit" size="small" onClick={handleDismiss}>
 					<CloseIcon fontSize="inherit" />
 				</IconButton>
 			);
@@ -130,7 +198,7 @@ const Alert = forwardRef(function Alert(
 
 	const renderContent = () => (
 		<>
-			{title && <MUIAlertTitle>{title}</MUIAlertTitle>}
+			{title && <MUIAlertTitle data-testid="hc-alert-title">{title}</MUIAlertTitle>}
 			{description && (
 				<Box sx={{ paddingRight: 0.5, width: "100%" }}>
 					{parseDescriptionHtml ? (
@@ -149,7 +217,7 @@ const Alert = forwardRef(function Alert(
 					actionText={actionText}
 					onActionClick={onActionClick}
 					buttonProps={buttonProps}
-					type={severityObject[type]}
+					type={type}
 					variant={variant}
 				/>
 			)}
@@ -158,6 +226,7 @@ const Alert = forwardRef(function Alert(
 
 	const alertComponent = (
 		<MUIAlert
+			data-testid="hc-alert-content"
 			ref={ref}
 			variant={
 				variant === "dark" ? "filled" : variant === "outlined" ? "outlined" : undefined
@@ -178,7 +247,7 @@ const Alert = forwardRef(function Alert(
 	);
 
 	return (
-		<Box sx={{ width: "100%" }}>
+		<Box data-testid="hc-alert" sx={{ width: "100%" }}>
 			{canDismiss ? <Collapse in={open}>{alertComponent}</Collapse> : alertComponent}
 		</Box>
 	);
@@ -186,7 +255,7 @@ const Alert = forwardRef(function Alert(
 
 Alert.propTypes = {
 	/** The type of alert. */
-	type: PropTypes.oneOf(["info", "warning", "error", "success", "hint", "basic"]),
+	type: PropTypes.oneOf(["info", "warning", "error", "success", "hint", "basic", "aiSuggestion", "pageAction"]),
 	/** The color variant of the alert. */
 	variant: PropTypes.oneOf(["dark", "light", "outlined"]),
 	/** The title to display in the alert. */