@hitachivantara/uikit-react-core 5.90.0 → 5.91.0

package/dist/esm/utils/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../../src/utils/Callout.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { SnackbarProps as MuiSnackbarProps } from \"@mui/material/Snackbar\";\nimport SnackbarContent, {\n  type SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  createClasses,\n  useDefaultProps,\n  useTheme,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvActionsGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport { HvButton, HvButtonProps } from \"../Button\";\nimport { iconVariant } from \"./iconVariant\";\n\nconst { useClasses } = createClasses(\"HvCallout\", {\n  root: {\n    position: \"relative\",\n    boxShadow: \"none\",\n    flexWrap: \"nowrap\",\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.colors.positiveDimmed,\n  },\n  warning: {\n    backgroundColor: theme.colors.warningDimmed,\n  },\n  error: {\n    backgroundColor: theme.colors.negativeDimmed,\n  },\n  info: {\n    backgroundColor: theme.colors.infoDimmed,\n  },\n  accent: {\n    backgroundColor: theme.colors.accentDimmed,\n  },\n  default: {\n    backgroundColor: theme.colors.infoDimmed,\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 0,\n    color: theme.colors.textDark,\n  },\n  messageContent: {\n    textWrap: \"balance\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n  },\n  messageIcon: {},\n  messageTitle: {\n    display: \"block\",\n    fontWeight: theme.fontWeights.semibold,\n  },\n  action: {\n    marginRight: 0,\n  },\n  actionContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    gap: theme.space.xs,\n  },\n  actionCustom: {\n    flex: \"0 0 auto\",\n  },\n  actionClose: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport type HvCalloutVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"default\"\n  | \"info\"\n  | \"accent\";\n\nexport type HvCalloutActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvCalloutClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCalloutProps\n  extends Omit<\n    MuiSnackbarContentProps,\n    \"title\" | \"variant\" | \"classes\" | \"onClose\"\n  > {\n  /** The title to display. */\n  title?: React.ReactNode;\n  /** The message to display. */\n  children?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvCalloutVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Controls whether to show the close icon */\n  showClose?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** @inheritdoc */\n  onClose?: MuiSnackbarProps[\"onClose\"];\n  /** Actions to display on the right side. */\n  actions?: HvActionsGenericProps[\"actions\"];\n  /** The callback function called when an action is triggered, receiving `action` as parameter. */\n  onAction?: HvActionsGenericProps[\"onAction\"];\n  /** The position property of the header. */\n  actionsPosition?: HvCalloutActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: Partial<HvButtonProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCalloutClasses;\n}\n\n/**\n * `HvCallout` is the internal content handler for the snackbars and banners. Might be promoted to a component.\n * @private @internal\n */\nexport const HvCallout = forwardRef<\n  // no-indent\n  HTMLDivElement,\n  HvCalloutProps\n>(function HvCallout(props, ref) {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    title,\n    showClose,\n    showIcon,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    onAction,\n    actionsPosition: actionsPositionProp = \"auto\",\n    children,\n    actionProps,\n    ...others\n  } = useDefaultProps(\"HvCallout\", props);\n  const { classes, cx } = useClasses(classesProp, false);\n  const { activeTheme } = useTheme();\n  const icon = customIcon || (showIcon && iconVariant(variant, \"inherit\"));\n\n  // TODO: consider making this flex-flow only, so it adapts according to the\n  // content length, available space, number of actions, etc.\n  const actionsPosition =\n    actionsPositionProp === \"auto\" ? \"inline\" : actionsPositionProp;\n\n  const actionsContent = (\n    <HvActionsGeneric\n      id={id}\n      className={classes.actionCustom}\n      variant={activeTheme?.snackbar.actionButtonVariant as any}\n      actions={actions}\n      onAction={onAction}\n    />\n  );\n\n  const showCustomActions = actions && actionsPosition === \"bottom-right\";\n\n  return (\n    <SnackbarContent\n      ref={ref}\n      id={id}\n      classes={{\n        root: cx(classes.root, classes[variant], className),\n        message: classes.message,\n        action: classes.action,\n      }}\n      message={\n        <>\n          {icon && <div className={classes.messageIcon}>{icon}</div>}\n          <div className={classes.messageContent}>\n            {title && <b className={classes.messageTitle}>{title}</b>}\n            {children}\n          </div>\n          {actions && actionsPosition === \"inline\" && actionsContent}\n        </>\n      }\n      action={\n        (showClose || showCustomActions) && (\n          <div className={classes.actionContent}>\n            {showClose && (\n              <HvButton\n                icon\n                className={classes.actionClose}\n                variant=\"semantic\"\n                aria-label=\"Close\"\n                onClick={(evt) => onClose?.(evt, \"clickaway\")}\n                {...actionProps}\n              >\n                <Close size=\"XS\" />\n              </HvButton>\n            )}\n            {showCustomActions && actionsContent}\n          </div>\n        )\n      }\n      {...others}\n    />\n  );\n});\n"],"names":["HvCallout"],"mappings":"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"}
+{"version":3,"file":"Callout.js","sources":["../../../src/utils/Callout.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { SnackbarProps as MuiSnackbarProps } from \"@mui/material/Snackbar\";\nimport SnackbarContent, {\n  type SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  createClasses,\n  useDefaultProps,\n  useTheme,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvActionsGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport { HvButton, HvButtonProps } from \"../Button\";\nimport { iconVariant } from \"./iconVariant\";\n\nconst { useClasses } = createClasses(\"HvCallout\", {\n  root: {\n    position: \"relative\",\n    boxShadow: \"none\",\n    flexWrap: \"nowrap\",\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.colors.positiveDimmed,\n  },\n  warning: {\n    backgroundColor: theme.colors.warningDimmed,\n  },\n  error: {\n    backgroundColor: theme.colors.negativeDimmed,\n  },\n  info: {\n    backgroundColor: theme.colors.infoDimmed,\n  },\n  accent: {\n    backgroundColor: theme.colors.accentDimmed,\n  },\n  default: {\n    backgroundColor: theme.colors.infoDimmed,\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 0,\n    color: theme.colors.textDark,\n  },\n  messageContent: {\n    textWrap: \"balance\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n  },\n  messageIcon: {},\n  messageTitle: {\n    display: \"block\",\n    fontWeight: theme.fontWeights.semibold,\n  },\n  action: {\n    marginRight: 0,\n  },\n  actionContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    gap: theme.space.xs,\n  },\n  actionCustom: {\n    flex: \"0 0 auto\",\n  },\n  actionClose: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport type HvCalloutVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"default\"\n  | \"info\"\n  | \"accent\";\n\nexport type HvCalloutActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvCalloutClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCalloutProps\n  extends Omit<\n    MuiSnackbarContentProps,\n    \"title\" | \"variant\" | \"classes\" | \"onClose\"\n  > {\n  /** The title to display. */\n  title?: React.ReactNode;\n  /** The message to display. */\n  children?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvCalloutVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Controls whether to show the close icon */\n  showClose?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** @inheritdoc */\n  onClose?: MuiSnackbarProps[\"onClose\"];\n  /** Actions to display on the right side. */\n  actions?: HvActionsGenericProps[\"actions\"];\n  /** The callback function called when an action is triggered, receiving `action` as parameter. */\n  onAction?: HvActionsGenericProps[\"onAction\"];\n  /** The position property of the header. */\n  actionsPosition?: HvCalloutActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: Partial<HvButtonProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCalloutClasses;\n}\n\n/**\n * `HvCallout` is the internal content handler for the snackbars and banners. Might be promoted to a component.\n * @private @internal\n */\nexport const HvCallout = forwardRef<\n  // no-indent\n  HTMLDivElement,\n  HvCalloutProps\n>(function HvCallout(props, ref) {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    title,\n    showClose,\n    showIcon,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    onAction,\n    actionsPosition: actionsPositionProp = \"auto\",\n    children,\n    actionProps,\n    ...others\n  } = useDefaultProps(\"HvCallout\", props);\n  const { classes, cx } = useClasses(classesProp, false);\n  const { activeTheme } = useTheme();\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  // TODO: consider making this flex-flow only, so it adapts according to the\n  // content length, available space, number of actions, etc.\n  const actionsPosition =\n    actionsPositionProp === \"auto\" ? \"inline\" : actionsPositionProp;\n\n  const actionsContent = (\n    <HvActionsGeneric\n      id={id}\n      className={classes.actionCustom}\n      variant={activeTheme?.snackbar.actionButtonVariant as any}\n      actions={actions}\n      onAction={onAction}\n    />\n  );\n\n  const showCustomActions = actions && actionsPosition === \"bottom-right\";\n\n  return (\n    <SnackbarContent\n      ref={ref}\n      id={id}\n      classes={{\n        root: cx(classes.root, classes[variant], className),\n        message: classes.message,\n        action: classes.action,\n      }}\n      message={\n        <>\n          {icon && <div className={classes.messageIcon}>{icon}</div>}\n          <div className={classes.messageContent}>\n            {title && <b className={classes.messageTitle}>{title}</b>}\n            {children}\n          </div>\n          {actions && actionsPosition === \"inline\" && actionsContent}\n        </>\n      }\n      action={\n        (showClose || showCustomActions) && (\n          <div className={classes.actionContent}>\n            {showClose && (\n              <HvButton\n                icon\n                className={classes.actionClose}\n                variant=\"semantic\"\n                aria-label=\"Close\"\n                onClick={(evt) => onClose?.(evt, \"clickaway\")}\n                {...actionProps}\n              >\n                <Close size=\"XS\" />\n              </HvButton>\n            )}\n            {showCustomActions && actionsContent}\n          </div>\n        )\n      }\n      {...others}\n    />\n  );\n});\n"],"names":["HvCallout"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -254,17 +254,17 @@ declare type AsProp<C extends React.ElementType> = {
 
 export declare const avatarClasses: {
     root: string;
-    container: string;
     img: string;
     fallback: string;
     status: string;
-    avatar: string;
-    badge: string;
+    container: string;
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
+    avatar: string;
+    badge: string;
     circular: string;
     square: string;
 };
@@ -859,9 +859,9 @@ export declare const dropdownClasses: {
 };
 
 export declare const dropDownMenuClasses: {
+    root: string;
     container: string;
     baseContainer: string;
-    root: string;
     icon: string;
     iconSelected: string;
     menuListRoot: string;
@@ -963,11 +963,6 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
     prevFocus: any;
 };
 
-export declare const getSelectorIcons: () => {
-    radio: JSX_2.Element;
-    radioChecked: JSX_2.Element;
-};
-
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
 export declare const globalActionsClasses: {
@@ -2584,7 +2579,7 @@ export declare interface HvColorPickerProps {
     /** The placeholder value when nothing is selected. */
     placeholder?: string;
     /** Recommended colors. The colors are HEX values. */
-    recommendedColors?: string[];
+    recommendedColors?: HvColorAny[];
     /** Recommended colors position. */
     recommendedColorsPosition?: "top" | "bottom";
     /** If `true`, the labels are shown. If `false`, they are not shown. */
@@ -6529,6 +6524,12 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
     disabled?: boolean;
     /** The type of the tag element. A tag can be of semantic or categoric type. */
     type?: "semantic" | "categorical";
+    /** @deprecated */
+    variant?: "filled" | "outlined";
+    size?: Extract<HvSize, "xs" | "sm" | "md">;
+    icon?: React.ReactNode;
+    /** Whether to show the select icon checkbox. */
+    showSelectIcon?: boolean;
     /** The color variant of the tag */
     color?: HvColorAny;
     /** Icon used to customize the delete icon */
@@ -6540,9 +6541,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
     onDelete?: React.EventHandler<any>;
     /** Callback triggered when any item is clicked. */
     onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;
-    /** Aria properties to apply to delete button in tag
-     * @deprecated no longer used
-     */
+    /** Aria properties to apply to delete button in tag. @deprecated no longer used */
     deleteButtonArialLabel?: string;
     /** Props to apply to delete icon */
     deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;
@@ -7963,6 +7962,7 @@ export declare const snackbarProviderClasses: {
     snackItemRoot: string;
 };
 
+/** @deprecated use `HvBreakpoints` instead */
 export declare type Spacing = HvBreakpoints;
 
 export declare const stackClasses: {
@@ -8129,7 +8129,12 @@ export declare const tabsClasses: {
 
 export declare const tagClasses: {
     root: string;
+    hasIcon: string;
+    outlined: string;
     categorical: string;
+    xs: string;
+    sm: string;
+    md: string;
     disabled: string;
     label: string;
     deleteIcon: string;
@@ -8544,10 +8549,15 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "categorical" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "xs" | "sm" | "md" | "root" | "disabled" | "icon" | "selected" | "button" | "categorical" | "hasIcon" | "deleteIcon" | "clickable" | "focusVisible" | "outlined" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        hasIcon: string;
+        outlined: string;
         categorical: string;
+        xs: string;
+        sm: string;
+        md: string;
         disabled: string;
         label: string;
         deleteIcon: string;
@@ -8762,7 +8772,7 @@ declare const useClasses_128: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"root" | "list" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8856,7 +8866,7 @@ declare const useClasses_133: (classesProp?: Partial<Record<"text" | "content" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "root" | "semantic" | "disabled" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         startIcon: string;
@@ -9053,9 +9063,9 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "button" | "
 
 declare const useClasses_24: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     readonly classes: {
+        root: string;
         container: string;
         baseContainer: string;
-        root: string;
         icon: string;
         iconSelected: string;
         menuListRoot: string;
@@ -9108,17 +9118,17 @@ declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "root"
 declare const useClasses_27: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        container: string;
         img: string;
         fallback: string;
         status: string;
-        avatar: string;
-        badge: string;
+        container: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
+        avatar: string;
+        badge: string;
         circular: string;
         square: string;
     };
@@ -9198,7 +9208,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "indeterminate" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "checked" | "semantic" | "indeterminate" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9212,7 +9222,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"root" | "checked" | "semantic" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9225,7 +9235,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root" | "checked" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         switch: string;
@@ -9269,7 +9279,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"root" | "semantic" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "checkbox" | "checked" | "indeterminate" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "checked" | "semantic" | "indeterminate" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10288,7 +10298,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "topGroup" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "checked" | "semantic" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.90.0",
+  "version": "5.91.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.14.1",
-    "@hitachivantara/uikit-react-shared": "^5.3.26",
-    "@hitachivantara/uikit-react-utils": "^0.2.27",
-    "@hitachivantara/uikit-styles": "^5.43.0",
+    "@hitachivantara/uikit-react-icons": "^5.14.2",
+    "@hitachivantara/uikit-react-shared": "^5.3.27",
+    "@hitachivantara/uikit-react-utils": "^0.2.28",
+    "@hitachivantara/uikit-styles": "^5.44.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "eee4430726670b0641ae608a3eaef68713e76fd6",
+  "gitHead": "6e2771d0ab5d8b8f3fa36e35da3c4233ffa59db9",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",