@hitachivantara/uikit-react-core 5.70.0 → 5.72.0

package/dist/esm/VerticalNavigation/VerticalNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","sources":["../../../src/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvBaseProps } from \"../types/generic\";\nimport {\n  fillDataWithParentId,\n  getNavigationItemById,\n  getParentItemById,\n} from \"./NavigationSlider/utils\";\nimport { hasChildNavigationItems } from \"./utils/VerticalNavigation.utils\";\nimport { staticClasses, useClasses } from \"./VerticalNavigation.styles\";\nimport {\n  NavigationData,\n  VerticalNavigationContext,\n} from \"./VerticalNavigationContext\";\n\nexport { staticClasses as verticalNavigationClasses };\n\nexport type HvVerticalNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport type HvVerticalNavigationMode = \"icon\" | \"simple\";\n\nexport type HvVerticalNavigationPosition =\n  | \"static\"\n  | \"relative\"\n  | \"fixed\"\n  | \"absolute\";\n\nexport interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivElement> {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvVerticalNavigationClasses;\n  /** Current State of the Vertical Navigation Collapse */\n  open?: boolean;\n  /**\n   * Collapsed Mode for the Vertical Navigation, the default value is \"simple\".\n   *\n   * @deprecated - `useIcons` property should be used instead.\n   */\n  collapsedMode?: HvVerticalNavigationMode;\n  /** Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false. */\n  slider?: boolean;\n  /**\n   * Boolean to determine if icons should be displayed in the navigation menu.\n   * When `true` a icon will always be displayed, if no icon is provided the first letter of the label will be\n   * displayed inside an Avatar component.\n   * When `false` no icons will be shown, even if an icon is provided.\n   */\n  useIcons?: boolean;\n}\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Although both the hierarchically organized data and the visual style resemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nexport const HvVerticalNavigation = (props: HvVerticalNavigationProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    open = true,\n    slider = false,\n    useIcons = false,\n    ...others\n  } = useDefaultProps(\"HvVerticalNavigation\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const [parentData, setParentData] = useState<NavigationData[]>([]);\n\n  const [parentSelected, setParentSelected] = useState();\n\n  const [headerTitle, setHeaderTitle] = useState<string | undefined>();\n\n  // navigationSlider\n  const withParentData = useMemo(\n    () => fillDataWithParentId(parentData),\n    [parentData],\n  );\n\n  const initialParentItem = useMemo(\n    () => getParentItemById(withParentData, parentSelected),\n    [withParentData, parentSelected],\n  );\n\n  const [parentItem, setParentItem] = useState(initialParentItem);\n\n  const hasAnyChildWithData = useMemo(\n    () => hasChildNavigationItems(parentData),\n    [parentData],\n  );\n\n  useEffect(\n    () => setHeaderTitle(parentItem?.label),\n    [parentItem, setParentItem],\n  );\n\n  const navigateToParentHandler = useCallback(() => {\n    setParentItem(getParentItemById(withParentData, parentItem.id));\n  }, [parentItem, setParentItem, withParentData]);\n\n  const navigateToChildHandler = useCallback(\n    (event: any, item: any) => {\n      setParentItem(getNavigationItemById(withParentData, item.id));\n      event.stopPropagation();\n    },\n    [setParentItem, withParentData],\n  );\n\n  const value = useMemo(\n    () => ({\n      isOpen: open,\n      useIcons,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n\n      parentData,\n      setParentData,\n      parentSelected,\n      setParentSelected,\n      hasAnyChildWithData,\n    }),\n    [\n      open,\n      useIcons,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n      hasAnyChildWithData,\n      parentData,\n      parentSelected,\n    ],\n  );\n\n  const content = (\n    <VerticalNavigationContext.Provider value={value}>\n      <div\n        id={id}\n        className={cx(\n          classes.root,\n          {\n            [classes.collapsed]: !open,\n            [classes.slider]: slider,\n            [classes.childData]: hasAnyChildWithData,\n          },\n          className,\n        )}\n        {...others}\n      >\n        {children}\n      </div>\n    </VerticalNavigationContext.Provider>\n  );\n\n  return content;\n};\n"],"names":[],"mappings":";;;;;;;;AAqEa,MAAA,uBAAuB,CAAC,UAAqC;AAClE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,wBAAwB,KAAK;AACjD,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS;AAErD,QAAM,CAAC,aAAa,cAAc,IAAI,SAA6B;AAGnE,QAAM,iBAAiB;AAAA,IACrB,MAAM,qBAAqB,UAAU;AAAA,IACrC,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,oBAAoB;AAAA,IACxB,MAAM,kBAAkB,gBAAgB,cAAc;AAAA,IACtD,CAAC,gBAAgB,cAAc;AAAA,EAAA;AAGjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,iBAAiB;AAE9D,QAAM,sBAAsB;AAAA,IAC1B,MAAM,wBAAwB,UAAU;AAAA,IACxC,CAAC,UAAU;AAAA,EAAA;AAGb;AAAA,IACE,MAAM,eAAe,YAAY,KAAK;AAAA,IACtC,CAAC,YAAY,aAAa;AAAA,EAAA;AAGtB,QAAA,0BAA0B,YAAY,MAAM;AAChD,kBAAc,kBAAkB,gBAAgB,WAAW,EAAE,CAAC;AAAA,EAC7D,GAAA,CAAC,YAAY,eAAe,cAAc,CAAC;AAE9C,QAAM,yBAAyB;AAAA,IAC7B,CAAC,OAAY,SAAc;AACzB,oBAAc,sBAAsB,gBAAgB,KAAK,EAAE,CAAC;AAC5D,YAAM,gBAAgB;AAAA,IACxB;AAAA,IACA,CAAC,eAAe,cAAc;AAAA,EAAA;AAGhC,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,UACJ,oBAAC,0BAA0B,UAA1B,EAAmC,OAClC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,SAAS,GAAG,CAAC;AAAA,UACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,UAClB,CAAC,QAAQ,SAAS,GAAG;AAAA,QACvB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAGK,SAAA;AACT;"}
+{"version":3,"file":"VerticalNavigation.js","sources":["../../../src/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvBaseProps } from \"../types/generic\";\nimport {\n  fillDataWithParentId,\n  getNavigationItemById,\n  getParentItemById,\n} from \"./NavigationSlider/utils\";\nimport { hasChildNavigationItems } from \"./utils/VerticalNavigation.utils\";\nimport { staticClasses, useClasses } from \"./VerticalNavigation.styles\";\nimport {\n  NavigationData,\n  VerticalNavigationContext,\n} from \"./VerticalNavigationContext\";\n\nexport { staticClasses as verticalNavigationClasses };\n\nexport type HvVerticalNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport type HvVerticalNavigationMode = \"icon\" | \"simple\";\n\nexport type HvVerticalNavigationPosition =\n  | \"static\"\n  | \"relative\"\n  | \"fixed\"\n  | \"absolute\";\n\nexport interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivElement> {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvVerticalNavigationClasses;\n  /** Current State of the Vertical Navigation Collapse */\n  open?: boolean;\n  /**\n   * Collapsed Mode for the Vertical Navigation, the default value is \"simple\".\n   *\n   * @deprecated - `useIcons` property should be used instead.\n   */\n  collapsedMode?: HvVerticalNavigationMode;\n  /** Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false. */\n  slider?: boolean;\n  /**\n   * Boolean to determine if icons should be displayed in the navigation menu.\n   * When `true` a icon will always be displayed, if no icon is provided the first letter of the label will be\n   * displayed inside an Avatar component.\n   * When `false` no icons will be shown, even if an icon is provided.\n   */\n  useIcons?: boolean;\n}\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Although both the hierarchically organized data and the visual style resemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nexport const HvVerticalNavigation = forwardRef<\n  HTMLDivElement,\n  HvVerticalNavigationProps\n>((props, ref) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    open = true,\n    slider = false,\n    useIcons = false,\n    ...others\n  } = useDefaultProps(\"HvVerticalNavigation\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const [parentData, setParentData] = useState<NavigationData[]>([]);\n\n  const [parentSelected, setParentSelected] = useState();\n\n  // navigationSlider\n  const withParentData = useMemo(\n    () => fillDataWithParentId(parentData),\n    [parentData],\n  );\n\n  const initialParentItem = useMemo(\n    () => getParentItemById(withParentData, parentSelected),\n    [withParentData, parentSelected],\n  );\n\n  const [parentItem, setParentItem] = useState(initialParentItem);\n\n  const hasAnyChildWithData = useMemo(\n    () => hasChildNavigationItems(parentData),\n    [parentData],\n  );\n\n  const headerTitle = useMemo(() => parentItem?.label, [parentItem]);\n\n  const navigateToParentHandler = useCallback(() => {\n    setParentItem(getParentItemById(withParentData, parentItem.id));\n  }, [parentItem, withParentData]);\n\n  const navigateToChildHandler = useCallback(\n    (event: any, item: any) => {\n      setParentItem(getNavigationItemById(withParentData, item.id));\n      event.stopPropagation();\n    },\n    [withParentData],\n  );\n\n  const value = useMemo(\n    () => ({\n      isOpen: open,\n      useIcons,\n      slider,\n      headerTitle,\n\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n\n      parentData,\n      setParentData,\n      parentSelected,\n      setParentSelected,\n      hasAnyChildWithData,\n    }),\n    [\n      open,\n      useIcons,\n      slider,\n      headerTitle,\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n      hasAnyChildWithData,\n      parentData,\n      parentSelected,\n    ],\n  );\n\n  return (\n    <VerticalNavigationContext.Provider value={value}>\n      <div\n        id={id}\n        ref={ref}\n        className={cx(\n          classes.root,\n          {\n            [classes.collapsed]: !open,\n            [classes.slider]: slider,\n            [classes.childData]: hasAnyChildWithData,\n          },\n          className,\n        )}\n        {...others}\n      >\n        {children}\n      </div>\n    </VerticalNavigationContext.Provider>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;AAqEO,MAAM,uBAAuB,WAGlC,CAAC,OAAO,QAAQ;AACV,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,wBAAwB,KAAK;AACjD,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS;AAGrD,QAAM,iBAAiB;AAAA,IACrB,MAAM,qBAAqB,UAAU;AAAA,IACrC,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,oBAAoB;AAAA,IACxB,MAAM,kBAAkB,gBAAgB,cAAc;AAAA,IACtD,CAAC,gBAAgB,cAAc;AAAA,EAAA;AAGjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,iBAAiB;AAE9D,QAAM,sBAAsB;AAAA,IAC1B,MAAM,wBAAwB,UAAU;AAAA,IACxC,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,cAAc,QAAQ,MAAM,YAAY,OAAO,CAAC,UAAU,CAAC;AAE3D,QAAA,0BAA0B,YAAY,MAAM;AAChD,kBAAc,kBAAkB,gBAAgB,WAAW,EAAE,CAAC;AAAA,EAAA,GAC7D,CAAC,YAAY,cAAc,CAAC;AAE/B,QAAM,yBAAyB;AAAA,IAC7B,CAAC,OAAY,SAAc;AACzB,oBAAc,sBAAsB,gBAAgB,KAAK,EAAE,CAAC;AAC5D,YAAM,gBAAgB;AAAA,IACxB;AAAA,IACA,CAAC,cAAc;AAAA,EAAA;AAGjB,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,SACG,oBAAA,0BAA0B,UAA1B,EAAmC,OAClC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,SAAS,GAAG,CAAC;AAAA,UACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,UAClB,CAAC,QAAQ,SAAS,GAAG;AAAA,QACvB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/esm/VerticalNavigation/VerticalNavigation.styles.js

@@ -8,7 +8,7 @@ const { staticClasses, useClasses } = createClasses(
       flexDirection: "column",
       justifyContent: "flex-start",
       width: "220px",
-      background: theme.colors.atmo1,
+      backgroundColor: theme.colors.atmo1,
       boxShadow: theme.colors.shadow,
       clipPath: "inset(0px -12px 0px 0px)",
       "& > :only-child": {

package/dist/esm/VerticalNavigation/VerticalNavigation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../src/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigation\",\n  {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"flex-start\",\n\n      width: \"220px\",\n\n      background: theme.colors.atmo1,\n      boxShadow: theme.colors.shadow,\n      clipPath: \"inset(0px -12px 0px 0px)\",\n\n      \"& > :only-child\": {\n        padding: theme.space.sm,\n      },\n      \"& > :not(nav:first-of-type)\": {\n        borderTop: `3px solid ${theme.colors.atmo2}`,\n        padding: theme.spacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n      },\n\n      \"& > :first-of-type:not(:last-child)\": {\n        borderTop: \"none\",\n        padding: theme.spacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n      },\n    },\n    collapsed: {\n      width: \"56px\",\n      \"&$childData\": {\n        width: \"66px\",\n      },\n      \"& > :first-of-type:not(:last-child)\": {\n        padding: theme.spacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n      },\n\n      \"& > :not(nav:first-of-type)\": {\n        padding: theme.spacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n      },\n    },\n\n    slider: {\n      \"& > div:first-of-type\": {\n        borderBottom: `3px solid ${theme.colors.atmo2}`,\n      },\n    },\n\n    childData: {},\n  },\n);\n"],"names":[],"mappings":";;AAGa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAEhB,OAAO;AAAA,MAEP,YAAY,MAAM,OAAO;AAAA,MACzB,WAAW,MAAM,OAAO;AAAA,MACxB,UAAU;AAAA,MAEV,mBAAmB;AAAA,QACjB,SAAS,MAAM,MAAM;AAAA,MACvB;AAAA,MACA,+BAA+B;AAAA,QAC7B,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,QAC1C,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,uCAAuC;AAAA,QACrC,WAAW;AAAA,QACX,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,eAAe;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,uCAAuC;AAAA,QACrC,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,+BAA+B;AAAA,QAC7B,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,yBAAyB;AAAA,QACvB,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC/C;AAAA,IACF;AAAA,IAEA,WAAW,CAAC;AAAA,EACd;AACF;"}
+{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../src/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigation\",\n  {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"flex-start\",\n\n      width: \"220px\",\n\n      backgroundColor: theme.colors.atmo1,\n      boxShadow: theme.colors.shadow,\n      clipPath: \"inset(0px -12px 0px 0px)\",\n\n      \"& > :only-child\": {\n        padding: theme.space.sm,\n      },\n      \"& > :not(nav:first-of-type)\": {\n        borderTop: `3px solid ${theme.colors.atmo2}`,\n        padding: theme.spacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n      },\n\n      \"& > :first-of-type:not(:last-child)\": {\n        borderTop: \"none\",\n        padding: theme.spacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n      },\n    },\n    collapsed: {\n      width: \"56px\",\n      \"&$childData\": {\n        width: \"66px\",\n      },\n      \"& > :first-of-type:not(:last-child)\": {\n        padding: theme.spacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n      },\n\n      \"& > :not(nav:first-of-type)\": {\n        padding: theme.spacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n      },\n    },\n\n    slider: {\n      \"& > div:first-of-type\": {\n        borderBottom: `3px solid ${theme.colors.atmo2}`,\n      },\n    },\n\n    childData: {},\n  },\n);\n"],"names":[],"mappings":";;AAGa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAEhB,OAAO;AAAA,MAEP,iBAAiB,MAAM,OAAO;AAAA,MAC9B,WAAW,MAAM,OAAO;AAAA,MACxB,UAAU;AAAA,MAEV,mBAAmB;AAAA,QACjB,SAAS,MAAM,MAAM;AAAA,MACvB;AAAA,MACA,+BAA+B;AAAA,QAC7B,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,QAC1C,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,uCAAuC;AAAA,QACrC,WAAW;AAAA,QACX,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,eAAe;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,uCAAuC;AAAA,QACrC,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,+BAA+B;AAAA,QAC7B,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,yBAAyB;AAAA,QACvB,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC/C;AAAA,IACF;AAAA,IAEA,WAAW,CAAC;AAAA,EACd;AACF;"}

package/dist/esm/VerticalNavigation/VerticalNavigationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigationContext.js","sources":["../../../src/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type NavigationData<T extends React.ElementType = \"a\"> =\n  React.ComponentProps<T> &\n    Record<string, any> & {\n      /** The id to be applied to the root element. */\n      id: string;\n      /** The label to be rendered on the menu item. */\n      label: string;\n      /** The icon to be rendered. */\n      icon?: React.ReactNode;\n      /** The Data children subset. */\n      data?: NavigationData<T>[];\n      /** Whether the item is disabled and not interactive. */\n      disabled?: boolean;\n      /** Whether the item has a selected state. */\n      selectable?: boolean;\n    };\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  useIcons: boolean;\n  slider?: boolean;\n  headerTitle?: string;\n  setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;\n\n  parentItem?: any;\n  setParentItem?: React.Dispatch<React.SetStateAction<any>>;\n  withParentData?: any;\n  navigateToChildHandler?: (event: any, item: any) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?: any;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n\n  hasAnyChildWithData?: boolean;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    useIcons: false,\n    slider: false,\n  },\n);\n\nexport { VerticalNavigationContext };\n"],"names":[],"mappings":";AAwCA,MAAM,4BAA4B;AAAA,EAChC;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF;"}
+{"version":3,"file":"VerticalNavigationContext.js","sources":["../../../src/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type NavigationData<T extends React.ElementType = \"a\"> =\n  React.ComponentProps<T> &\n    Record<string, any> & {\n      /** The id to be applied to the root element. */\n      id: string;\n      /** The label to be rendered on the menu item. */\n      label: string;\n      /** The icon to be rendered. */\n      icon?: React.ReactNode;\n      /** The Data children subset. */\n      data?: NavigationData<T>[];\n      /** Whether the item is disabled and not interactive. */\n      disabled?: boolean;\n      /** Whether the item has a selected state. */\n      selectable?: boolean;\n    };\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  useIcons: boolean;\n  slider?: boolean;\n  headerTitle?: string;\n\n  parentItem?: any;\n  setParentItem?: React.Dispatch<React.SetStateAction<any>>;\n  withParentData?: any;\n  navigateToChildHandler?: (event: any, item: any) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?: any;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n\n  hasAnyChildWithData?: boolean;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    useIcons: false,\n    slider: false,\n  },\n);\n\nexport { VerticalNavigationContext };\n"],"names":[],"mappings":";AAuCA,MAAM,4BAA4B;AAAA,EAChC;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF;"}

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
+import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
 import { ComponentProps } from 'react';
@@ -1019,13 +1020,13 @@ export declare const globalActionsClasses: {
     section: "HvGlobalActions-section";
     wrapper: "HvGlobalActions-wrapper";
     sectionName: "HvGlobalActions-sectionName";
-    backButton: "HvGlobalActions-backButton";
     positionFixed: "HvGlobalActions-positionFixed";
     positionSticky: "HvGlobalActions-positionSticky";
     actions: "HvGlobalActions-actions";
     global: "HvGlobalActions-global";
     globalSectionArea: "HvGlobalActions-globalSectionArea";
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
+    backButton: "HvGlobalActions-backButton";
 };
 
 export declare const gridClasses: {
@@ -6005,7 +6006,9 @@ export declare const HvSuggestions: ForwardRefExoticComponent<HvSuggestionsProps
 export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvSuggestionsProps extends HvBaseProps {
-    /** Whether suggestions is visible. */
+    /** Whether suggestions is visible */
+    open?: boolean;
+    /** Whether suggestions is visible. @deprecated use `open` instead */
     expanded?: boolean;
     /** The HTML element Suggestions attaches to. */
     anchorEl?: HTMLElement | null;
@@ -6014,7 +6017,7 @@ export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Function called when a suggestion is selected */
     onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;
     /** Function called when suggestion list is closed */
-    onClose?: (event: HvClickOutsideEvent) => void;
+    onClose?: ClickAwayListenerProps["onClickAway"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSuggestionsClasses;
 }
@@ -6848,7 +6851,7 @@ export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "cla
      * If undefined, the component will use a format according to the passed locale.
      */
     timeFormat?: TimeFormat;
-    /** Whether to show the seconds when using the native time picker */
+    /** Whether to visually show the seconds control */
     showSeconds?: boolean;
     /** Locale that will provide the time format(12 or 24 hour format). It is "overwritten" by `showAmPm` */
     locale?: string;
@@ -6867,17 +6870,6 @@ export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "cla
     escapeWithReference?: boolean;
     /** Extra properties to be passed to the TimePicker's dropdown. */
     dropdownProps?: Partial<HvBaseDropdownProps>;
-    /**
-     * The label of the form element.
-     *
-     * The form element must be labeled for accessibility reasons.
-     * If not provided, an aria-label or aria-labelledby must be provided instead.
-     */
-    label?: React.ReactNode;
-    /**
-     * Provide additional descriptive text for the form element.
-     */
-    description?: React.ReactNode;
 }
 
 export declare type HvTimePickerValue = {
@@ -7186,21 +7178,19 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_3.Element;
+export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalNavigationProps & RefAttributes<HTMLDivElement>>;
 
 export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_123>;
 
-export declare interface HvVerticalNavigationActionProps extends Omit<HvTypographyProps, "classes" | "onClick"> {
+export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonProps, "classes" | "icon"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationActionClasses;
     /** Visual label. */
     label?: string;
     /** Icon. */
     icon?: React.ReactNode;
-    /** Callback called when clicked. */
-    onClick?: (event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
 }
 
 export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
@@ -8730,13 +8720,13 @@ declare const useClasses_120: (classesProp?: Partial<Record<"root" | "slider" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "collapseButton" | "minimized", string>>, addStatic?: boolean) => {
+declare const useClasses_121: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
         backButton: string;
-        collapseButton: string;
         minimized: string;
+        collapseButton: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8761,27 +8751,27 @@ declare const useClasses_123: (classesProp?: Partial<Record<"action" | "minimize
     cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "navigationPopup" | "collapsed" | "popup", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItem: string;
         list: string;
-        navigationPopup: string;
         collapsed: string;
         popup: string;
+        navigationPopup: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "forwardButton" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItemSelected: string;
         listItemDisabled: string;
         listItemFocus: string;
-        forwardButton: string;
         listContainer: string;
+        forwardButton: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9845,20 +9835,20 @@ declare const useClasses_72: (classesProp?: Partial<Record<"name" | "small" | "r
     cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "backButton" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
         name: string;
         root: string;
         section: string;
         wrapper: string;
         sectionName: string;
-        backButton: string;
         positionFixed: string;
         positionSticky: string;
         actions: string;
         global: string;
         globalSectionArea: string;
         globalWrapperComplement: string;
+        backButton: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -10745,7 +10735,6 @@ declare interface VerticalNavigationContextValue {
     useIcons: boolean;
     slider?: boolean;
     headerTitle?: string;
-    setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;
     parentItem?: any;
     setParentItem?: React.Dispatch<React.SetStateAction<any>>;
     withParentData?: any;
@@ -10762,8 +10751,8 @@ export declare const verticalNavigationHeaderClasses: {
     root: "HvVerticalNavigationHeader-root";
     title: "HvVerticalNavigationHeader-title";
     backButton: "HvVerticalNavigationHeader-backButton";
-    collapseButton: "HvVerticalNavigationHeader-collapseButton";
     minimized: "HvVerticalNavigationHeader-minimized";
+    collapseButton: "HvVerticalNavigationHeader-collapseButton";
 };
 
 export declare const verticalNavigationSliderClasses: {
@@ -10771,17 +10760,17 @@ export declare const verticalNavigationSliderClasses: {
     listItemSelected: "HvVerticalNavigationSlider-listItemSelected";
     listItemDisabled: "HvVerticalNavigationSlider-listItemDisabled";
     listItemFocus: "HvVerticalNavigationSlider-listItemFocus";
-    forwardButton: "HvVerticalNavigationSlider-forwardButton";
     listContainer: "HvVerticalNavigationSlider-listContainer";
+    forwardButton: "HvVerticalNavigationSlider-forwardButton";
 };
 
 export declare const verticalNavigationTreeClasses: {
     root: "HvVerticalNavigationTree-root";
     listItem: "HvVerticalNavigationTree-listItem";
     list: "HvVerticalNavigationTree-list";
-    navigationPopup: "HvVerticalNavigationTree-navigationPopup";
     collapsed: "HvVerticalNavigationTree-collapsed";
     popup: "HvVerticalNavigationTree-popup";
+    navigationPopup: "HvVerticalNavigationTree-navigationPopup";
 };
 
 export declare const verticalScrollListItemClasses: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.70.0",
+  "version": "5.72.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.10.10",
-    "@hitachivantara/uikit-react-shared": "^5.3.2",
-    "@hitachivantara/uikit-react-utils": "^0.2.2",
-    "@hitachivantara/uikit-styles": "^5.33.0",
+    "@hitachivantara/uikit-react-icons": "^5.11.0",
+    "@hitachivantara/uikit-react-shared": "^5.3.3",
+    "@hitachivantara/uikit-react-utils": "^0.2.3",
+    "@hitachivantara/uikit-styles": "^5.33.1",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.40",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "43f1456d5a748ec8fc9fe27972459cfa3d0f4416",
+  "gitHead": "203815fb64303db21ae2810cc2055f186f9cfe07",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/cjs/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const Avatar = require("../../../Avatar/Avatar.cjs");
-const IconWrapper = ({
-  icon,
-  label,
-  hasChildren,
-  showAvatar,
-  isOpen,
-  hasAnyChildWithData,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...others, children: [
-    showAvatar ? /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { variant: "square", size: "xs", backgroundColor: "secondary_80", children: label?.substring(0, 1) }) : icon,
-    hasChildren && !isOpen ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { iconSize: "XS" }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", {})
-  ] });
-};
-exports.IconWrapper = IconWrapper;

package/dist/esm/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationSlider.utils.js","sources":["../../../../../src/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.tsx"],"sourcesContent":["/**\n * Recursively searches in a collection the first element where the property matches the specified value.\n *\n * @param collection - Collection where the search will be performed\n * @param childrenPropName - The children property name where the recursive search will be performed\n * @param propName - The name of the property to be used on the search\n * @param propValue - The value of the property to be used on the search\n * @returns The element that matches the requirement or null if none is found\n */\nconst searchInCollection = (\n  collection: any,\n  childrenPropName: any,\n  propName: any,\n  propValue: any,\n): any => {\n  if (collection[propName] === propValue) {\n    return collection;\n  }\n\n  const items = collection[childrenPropName] || collection;\n\n  let foundItem = null;\n  for (let index = 0; foundItem === null && index < items.length; index += 1) {\n    foundItem = searchInCollection(\n      items[index],\n      childrenPropName,\n      propName,\n      propValue,\n    );\n  }\n  return foundItem;\n};\n\n/**\n * Returns the navigation item with the specified id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The navigation item with the specified id.\n */\nconst getNavigationItemById = (navigationItems: any, navigationItemId: any) => {\n  return searchInCollection(navigationItems, \"data\", \"id\", navigationItemId);\n};\n\n/**\n * Returns the parent item for the received item id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The parent navigation item.\n */\nconst getParentItemById = (navigationItems: any, navigationItemId: any) => {\n  const parentId = getNavigationItemById(\n    navigationItems,\n    navigationItemId,\n  )?.parent;\n  return getNavigationItemById(navigationItems, parentId);\n};\n\n/**\n * Fills the data structure with the parent id on each one of the nodes.\n *\n * @param navigationItems - The collection of navigation items.\n * @param parentItemId - The parent id to be added.\n * @returns The structure now filled with the parent id.\n */\nconst fillDataWithParentId = (navigationItems: any, parentItemId?: any) => {\n  return navigationItems.map((item: any) => {\n    if (item?.data?.length > 0) {\n      return {\n        ...item,\n        parent: parentItemId,\n        data: fillDataWithParentId(item.data, item.id),\n      };\n    }\n    return { ...item, parent: parentItemId };\n  });\n};\n\nexport { getNavigationItemById, getParentItemById, fillDataWithParentId };\n"],"names":[],"mappings":"AASA,MAAM,qBAAqB,CACzB,YACA,kBACA,UACA,cACQ;AACJ,MAAA,WAAW,QAAQ,MAAM,WAAW;AAC/B,WAAA;AAAA,EACT;AAEM,QAAA,QAAQ,WAAW,gBAAgB,KAAK;AAE9C,MAAI,YAAY;AACP,WAAA,QAAQ,GAAG,cAAc,QAAQ,QAAQ,MAAM,QAAQ,SAAS,GAAG;AAC9D,gBAAA;AAAA,MACV,MAAM,KAAK;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACO,SAAA;AACT;AASM,MAAA,wBAAwB,CAAC,iBAAsB,qBAA0B;AAC7E,SAAO,mBAAmB,iBAAiB,QAAQ,MAAM,gBAAgB;AAC3E;AASM,MAAA,oBAAoB,CAAC,iBAAsB,qBAA0B;AACzE,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,EACC,GAAA;AACI,SAAA,sBAAsB,iBAAiB,QAAQ;AACxD;AASM,MAAA,uBAAuB,CAAC,iBAAsB,iBAAuB;AAClE,SAAA,gBAAgB,IAAI,CAAC,SAAc;AACpC,QAAA,MAAM,MAAM,SAAS,GAAG;AACnB,aAAA;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,MAAM,qBAAqB,KAAK,MAAM,KAAK,EAAE;AAAA,MAAA;AAAA,IAEjD;AACA,WAAO,EAAE,GAAG,MAAM,QAAQ,aAAa;AAAA,EAAA,CACxC;AACH;"}

package/dist/esm/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Forwards } from "@hitachivantara/uikit-react-icons";
-import { HvAvatar } from "../../../Avatar/Avatar.js";
-const IconWrapper = ({
-  icon,
-  label,
-  hasChildren,
-  showAvatar,
-  isOpen,
-  hasAnyChildWithData,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxs("div", { ...others, children: [
-    showAvatar ? /* @__PURE__ */ jsx(HvAvatar, { variant: "square", size: "xs", backgroundColor: "secondary_80", children: label?.substring(0, 1) }) : icon,
-    hasChildren && !isOpen ? /* @__PURE__ */ jsx(Forwards, { iconSize: "XS" }) : hasAnyChildWithData && !isOpen && /* @__PURE__ */ jsx("div", {})
-  ] });
-};
-export {
-  IconWrapper
-};

package/dist/esm/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconWrapper.js","sources":["../../../../../src/VerticalNavigation/TreeView/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import { HvBaseProps } from \"packages/core/src/types/generic\";\nimport { Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvAvatar } from \"../../../Avatar\";\n\ninterface IconWrapperProps extends HvBaseProps {\n  icon?: React.ReactNode;\n  label?: string;\n  hasChildren?: boolean;\n  showAvatar?: boolean;\n  isOpen?: boolean;\n  hasAnyChildWithData?: boolean;\n}\n\nexport const IconWrapper = ({\n  icon,\n  label,\n  hasChildren,\n  showAvatar,\n  isOpen,\n  hasAnyChildWithData,\n  ...others\n}: IconWrapperProps) => {\n  return (\n    <div {...others}>\n      {showAvatar ? (\n        <HvAvatar variant=\"square\" size=\"xs\" backgroundColor=\"secondary_80\">\n          {label?.substring(0, 1)}\n        </HvAvatar>\n      ) : (\n        icon\n      )}\n      {hasChildren && !isOpen ? (\n        <Forwards iconSize=\"XS\" />\n      ) : (\n        hasAnyChildWithData && !isOpen && <div />\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AAcO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AAEpB,SAAA,qBAAC,OAAK,EAAA,GAAG,QACN,UAAA;AAAA,IAAA,aACE,oBAAA,UAAA,EAAS,SAAQ,UAAS,MAAK,MAAK,iBAAgB,gBAClD,UAAO,OAAA,UAAU,GAAG,CAAC,EACxB,CAAA,IAEA;AAAA,IAED,eAAe,CAAC,SACf,oBAAC,UAAS,EAAA,UAAS,MAAK,IAExB,uBAAuB,CAAC,UAAU,oBAAC,OAAI,CAAA,CAAA;AAAA,EAE3C,EAAA,CAAA;AAEJ;"}