@hitachivantara/uikit-react-core 5.63.0 → 5.63.2

package/dist/types/index.d.ts

@@ -270,6 +270,8 @@ export declare const avatarGroupClasses: {
     root: "HvAvatarGroup-root";
     row: "HvAvatarGroup-row";
     column: "HvAvatarGroup-column";
+    highlight: "HvAvatarGroup-highlight";
+    toBack: "HvAvatarGroup-toBack";
 };
 
 export declare const badgeClasses: {
@@ -1110,6 +1112,8 @@ export declare const horizontalScrollListItemClasses: {
     selected: "HvHorizontalScrollListItem-selected";
     button: "HvHorizontalScrollListItem-button";
     text: "HvHorizontalScrollListItem-text";
+    bullet: "HvHorizontalScrollListItem-bullet";
+    bulletSelected: "HvHorizontalScrollListItem-bulletSelected";
 };
 
 export { HvAccentColor }
@@ -1389,7 +1393,7 @@ export declare interface HvAvatarProps extends HvBaseProps {
     /** The component used for the root node. Either a string to use a DOM element or a component. */
     component?: React.ElementType;
     /** Sets one of the standard sizes of the icons */
-    size?: HvAvatarSize;
+    size?: HvSize;
     /** A color representing the foreground color of the avatar's letters or the generic User icon fallback. */
     color?: HvColorAny;
     /** A String representing the background color of the avatar. */
@@ -1419,6 +1423,7 @@ export declare interface HvAvatarProps extends HvBaseProps {
     classes?: HvAvatarClasses;
 }
 
+/** @deprecated use `HvSize` instead */
 export declare type HvAvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 
 export declare type HvAvatarVariant = "circular" | "square";
@@ -4543,7 +4548,7 @@ export declare interface HvListProps extends HvBaseProps<HTMLUListElement, "onCh
     singleSelectionToggle?: boolean;
     /** If `true` the list will be rendered without vertical spacing. */
     condensed?: boolean;
-    /** If `true` the dropdown will show tooltips when user mouseenter text in list */
+    /** If `true` the dropdown will show tooltips when user mouseenter text in list. @deprecated this is always enabled */
     hasTooltips?: boolean;
     /** Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used */
     height?: number;
@@ -5512,18 +5517,14 @@ export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) =>
 
 export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_98>;
 
-export declare interface HvScrollToHorizontalOption {
-    key?: string;
-    label: string;
-    value: string;
-    offset?: number;
-}
+/** @deprecated use `HvScrollToOption` */
+export declare type HvScrollToHorizontalOption = HvScrollToOption;
 
 export declare type HvScrollToHorizontalPositions = "sticky" | "fixed" | "relative";
 
 export declare interface HvScrollToHorizontalProps extends HvBaseProps<HTMLOListElement, "onChange" | "onClick"> {
     /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */
-    options: HvScrollToHorizontalOption[];
+    options: HvScrollToOption[];
     /**
      * Should the active element be reflected in the URL.
      *
@@ -5586,7 +5587,7 @@ export declare interface HvScrollToHorizontalProps extends HvBaseProps<HTMLOList
 }
 
 export declare interface HvScrollToOption {
-    key?: string;
+    key?: React.Key;
     label: string;
     value: string;
     offset?: number;
@@ -5601,6 +5602,7 @@ export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX
 
 export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_96>;
 
+/** @deprecated use `HvScrollToOption` */
 export declare type HvScrollToVerticalOption = HvScrollToOption;
 
 export declare type HvScrollToVerticalPositions = "absolute" | "fixed" | "relative";
@@ -8203,9 +8205,9 @@ export declare const scrollToHorizontalClasses: {
     root: "HvScrollToHorizontal-root";
     selected: "HvScrollToHorizontal-selected";
     notSelected: "HvScrollToHorizontal-notSelected";
-    notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
     positionSticky: "HvScrollToHorizontal-positionSticky";
     positionFixed: "HvScrollToHorizontal-positionFixed";
+    notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
 };
 
 export declare const scrollToVerticalClasses: {
@@ -9524,11 +9526,13 @@ declare const useClasses_24: (classesProp?: Partial<Record<"container" | "xs" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "row" | "column" | "highlight" | "toBack", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         row: string;
         column: string;
+        highlight: string;
+        toBack: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10896,9 +10900,10 @@ declare const useClasses_94: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        icon: string;
         button: string;
         text: string;
         notSelected: string;
@@ -10923,12 +10928,14 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
         button: string;
         text: string;
+        bullet: string;
+        bulletSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10937,14 +10944,14 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "notSelectedRoot" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionSticky" | "positionFixed" | "notSelectedRoot", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
         notSelected: string;
-        notSelectedRoot: string;
         positionSticky: string;
         positionFixed: string;
+        notSelectedRoot: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -11502,6 +11509,7 @@ export declare const verticalNavigationTreeClasses: {
 
 export declare const verticalScrollListItemClasses: {
     root: "HvVerticalScrollListItem-root";
+    icon: "HvVerticalScrollListItem-icon";
     button: "HvVerticalScrollListItem-button";
     text: "HvVerticalScrollListItem-text";
     notSelected: "HvVerticalScrollListItem-notSelected";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.63.0",
+  "version": "5.63.2",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.2",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.9.8",
-    "@hitachivantara/uikit-react-shared": "^5.1.38",
-    "@hitachivantara/uikit-styles": "^5.28.0",
+    "@hitachivantara/uikit-react-icons": "^5.9.9",
+    "@hitachivantara/uikit-react-shared": "^5.1.39",
+    "@hitachivantara/uikit-styles": "^5.28.1",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.34",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "2d237eef49915ff00973faca64e5286c0b495e4c",
+  "gitHead": "486e04c25523d3610342055dbe9f9e11cc35b4ce",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/ScrollTo/withTooltip.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const withTooltip$1 = require("../hocs/withTooltip.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const hideTooltip = (event) => {
-  const isOverFlow = event.target.children.length > 1 ? Array.from(event.currentTarget.children).some(
-    (child) => child.scrollWidth > child.clientWidth
-  ) : event.target.scrollWidth > event.target.clientWidth;
-  return !isOverFlow;
-};
-const withTooltip = (label, componentType, tooltipPosition = "top", hideOnOverflow = true) => {
-  const component = (props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: componentType, ...props, children: props.children });
-  const hideTooltipFunc = hideOnOverflow ? hideTooltip : void 0;
-  return withTooltip$1.withTooltip(component, label, tooltipPosition, hideTooltipFunc);
-};
-exports.withTooltip = withTooltip;

package/dist/esm/ScrollTo/withTooltip.js

@@ -1,17 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { withTooltip as withTooltip$1 } from "../hocs/withTooltip.js";
-import { HvTypography } from "../Typography/Typography.js";
-const hideTooltip = (event) => {
-  const isOverFlow = event.target.children.length > 1 ? Array.from(event.currentTarget.children).some(
-    (child) => child.scrollWidth > child.clientWidth
-  ) : event.target.scrollWidth > event.target.clientWidth;
-  return !isOverFlow;
-};
-const withTooltip = (label, componentType, tooltipPosition = "top", hideOnOverflow = true) => {
-  const component = (props) => /* @__PURE__ */ jsx(HvTypography, { component: componentType, ...props, children: props.children });
-  const hideTooltipFunc = hideOnOverflow ? hideTooltip : void 0;
-  return withTooltip$1(component, label, tooltipPosition, hideTooltipFunc);
-};
-export {
-  withTooltip
-};

package/dist/esm/ScrollTo/withTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withTooltip.js","sources":["../../../src/ScrollTo/withTooltip.tsx"],"sourcesContent":["import { withTooltip as withTooltipUtil } from \"../hocs/withTooltip\";\nimport { HvTypography, HvTypographyProps } from \"../Typography\";\nimport { HvScrollToTooltipPositions } from \"./types\";\n\nconst hideTooltip = (event: React.MouseEvent<HTMLDivElement>) => {\n  const isOverFlow =\n    (event.target as HTMLDivElement).children.length > 1\n      ? Array.from(event.currentTarget.children).some(\n          (child) => child.scrollWidth > child.clientWidth,\n        )\n      : (event.target as HTMLDivElement).scrollWidth >\n        (event.target as HTMLDivElement).clientWidth;\n  return !isOverFlow;\n};\n\nexport const withTooltip = (\n  label: string,\n  componentType: React.ElementType,\n  tooltipPosition: HvScrollToTooltipPositions = \"top\",\n  hideOnOverflow: boolean = true,\n) => {\n  const component = (props: HvTypographyProps) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n"],"names":["withTooltipUtil"],"mappings":";;;AAIA,MAAM,cAAc,CAAC,UAA4C;AACzD,QAAA,aACH,MAAM,OAA0B,SAAS,SAAS,IAC/C,MAAM,KAAK,MAAM,cAAc,QAAQ,EAAE;AAAA,IACvC,CAAC,UAAU,MAAM,cAAc,MAAM;AAAA,EAAA,IAEtC,MAAM,OAA0B,cAChC,MAAM,OAA0B;AACvC,SAAO,CAAC;AACV;AAEO,MAAM,cAAc,CACzB,OACA,eACA,kBAA8C,OAC9C,iBAA0B,SACvB;AACG,QAAA,YAAY,CAAC,UAChB,oBAAA,cAAA,EAAa,WAAW,eAAgB,GAAG,OACzC,UAAA,MAAM,SACT,CAAA;AAGI,QAAA,kBAAkB,iBAAiB,cAAc;AAEvD,SAAOA,cAAgB,WAAW,OAAO,iBAAiB,eAAe;AAC3E;"}