@hitachivantara/uikit-react-core 5.26.6 → 5.27.1

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

@@ -17,11 +17,11 @@ const {
     },
     "& > :not(nav:first-of-type)": {
       borderTop: `3px solid ${theme.colors.atmo2}`,
-      padding: theme.spacing(["xs", "sm", "sm", "sm"])
+      padding: theme.spacing("xs", "sm", "sm", "sm")
     },
     "& > :first-of-type:not(:last-child)": {
       borderTop: "none",
-      padding: theme.spacing(["sm", "sm", "xs", "sm"])
+      padding: theme.spacing("sm", "sm", "xs", "sm")
     }
   },
   collapsed: {
@@ -30,10 +30,10 @@ const {
       width: "66px"
     },
     "& > :first-of-type:not(:last-child)": {
-      padding: theme.spacing(["sm", "xs", "xs", "xs"])
+      padding: theme.spacing("sm", "xs", "xs", "xs")
     },
     "& > :not(nav:first-of-type)": {
-      padding: theme.spacing(["xs", "xs", "sm", "xs"])
+      padding: theme.spacing("xs", "xs", "sm", "xs")
     }
   },
   slider: {

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\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: theme.verticalNavigation.justifyContent,\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":["staticClasses","useClasses","createClasses","root","display","flexDirection","justifyContent","theme","verticalNavigation","width","background","colors","atmo1","boxShadow","shadow","clipPath","padding","space","sm","borderTop","atmo2","spacing","collapsed","slider","borderBottom","childData"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgBC,MAAMC,mBAAmBF;AAAAA,IAEzCG,OAAO;AAAA,IAEPC,YAAYH,MAAMI,OAAOC;AAAAA,IACzBC,WAAWN,MAAMI,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAAST,MAAMU,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYZ,MAAMI,OAAOS;AAAAA,MACrCJ,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTb,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,MACrCO,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAAST,MAAMc,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYjB,MAAMI,OAAOS;AAAAA,IAC1C;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;"}
+{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\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: theme.verticalNavigation.justifyContent,\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":["staticClasses","useClasses","createClasses","root","display","flexDirection","justifyContent","theme","verticalNavigation","width","background","colors","atmo1","boxShadow","shadow","clipPath","padding","space","sm","borderTop","atmo2","spacing","collapsed","slider","borderBottom","childData"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgBC,MAAMC,mBAAmBF;AAAAA,IAEzCG,OAAO;AAAA,IAEPC,YAAYH,MAAMI,OAAOC;AAAAA,IACzBC,WAAWN,MAAMI,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAAST,MAAMU,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYZ,MAAMI,OAAOS;AAAAA,MACrCJ,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTb,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,MACrCO,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAAST,MAAMc,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYjB,MAAMI,OAAOS;AAAAA,IAC1C;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;"}

package/dist/esm/hooks/useTheme.js

@@ -1,10 +1,21 @@
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import "@hitachivantara/uikit-styles";
 import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
 import "@mui/material/styles";
 import "@emotion/react/jsx-runtime";
 const useTheme = () => {
-  return useContext(HvThemeContext);
+  const context = useContext(HvThemeContext);
+  return useMemo(() => {
+    var _a;
+    const {
+      activeTheme,
+      selectedMode
+    } = context;
+    return {
+      ...context,
+      colors: (_a = activeTheme == null ? void 0 : activeTheme.colors.modes) == null ? void 0 : _a[selectedMode]
+    };
+  }, [context]);
 };
 export {
   useTheme

package/dist/esm/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"@core/providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue => {\n  return useContext(HvThemeContext);\n};\n"],"names":["useTheme","useContext","HvThemeContext"],"mappings":";;;;;AAMO,MAAMA,WAAWA,MAA2B;AACjD,SAAOC,WAAWC,cAAc;AAClC;"}
+{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { HvThemeColorModeStructure } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"@core/providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue & {\n  /** Colors of the currently active theme and mode */\n  colors?: HvThemeColorModeStructure;\n} => {\n  const context = useContext(HvThemeContext);\n\n  return useMemo(() => {\n    const { activeTheme, selectedMode } = context;\n    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };\n  }, [context]);\n};\n"],"names":["useTheme","context","useContext","HvThemeContext","useMemo","activeTheme","selectedMode","colors","modes"],"mappings":";;;;;AAOO,MAAMA,WAAWA,MAGnB;AACGC,QAAAA,UAAUC,WAAWC,cAAc;AAEzC,SAAOC,QAAQ,MAAM;;AACb,UAAA;AAAA,MAAEC;AAAAA,MAAaC;AAAAA,IAAiBL,IAAAA;AAC/B,WAAA;AAAA,MAAE,GAAGA;AAAAA,MAASM,SAAQF,gDAAaE,OAAOC,UAApBH,mBAA4BC;AAAAA,IAAY;AAAA,EAAE,GACtE,CAACL,OAAO,CAAC;AACd;"}

package/dist/types/index.d.ts

@@ -764,6 +764,7 @@ export declare const fileClasses: {
     icon: "HvFile-icon";
     removeButton: "HvFile-removeButton";
     fail: "HvFile-fail";
+    progressbarContainer: "HvFile-progressbarContainer";
     progressbarBack: "HvFile-progressbarBack";
     nameText: "HvFile-nameText";
     progressTextContainer: "HvFile-progressTextContainer";
@@ -2940,7 +2941,7 @@ export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
 
 export declare type HvDropdownClasses = ExtractNames<typeof useClasses_80>;
 
-export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
+export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
 
 export declare const HvDropdownColumnCell: ({ values, disabled, onChange, placeholder, dropdownProps, }: HvDropdownColumnCellProp) => JSX.Element;
 
@@ -4721,13 +4722,17 @@ export declare interface HvProgressBarProps extends HvBaseProps {
     labelProps?: HvTypographyProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvProgressBarClasses;
+    /**
+     * True if the text label should not be displayed.
+     */
+    hideLabel?: boolean;
 }
 
 export declare type HvProgressBarStatus = "inProgress" | "completed" | "error";
 
 export declare function hvProgressColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, getPartial?: (row: HvRowInstance<D, H>) => number, getTotal?: (row: HvRowInstance<D, H>) => number, color?: "primary" | "secondary"): HvTableColumnConfig<D, H>;
 
-export declare const HvProgressColumnCell: ({ partial, total, color, }: HvProgressColumnCellProp) => JSX.Element;
+export declare const HvProgressColumnCell: ({ partial, total, color, "aria-labelledby": ariaLabelledBy, }: HvProgressColumnCellProp) => JSX.Element;
 
 export declare interface HvProgressColumnCellProp {
     /** Current value of the bar. */
@@ -4736,6 +4741,7 @@ export declare interface HvProgressColumnCellProp {
     total: number;
     /** The color of the bar. */
     color?: "primary" | "secondary";
+    "aria-labelledby"?: string;
 }
 
 export declare type HvPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, Props extends object = Record<string, unknown>, T extends object = never, P = Partial<Props>> = ((props: P, meta: HvMeta<D, H, T>) => P | P[]) | P | P[];
@@ -5900,6 +5906,8 @@ export declare interface HvTableHeaderProps extends Omit<ThHTMLAttributes<HTMLTa
     resizerProps?: HTMLAttributes<HTMLDivElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableHeaderClasses;
+    /** Extra props to be passed onto the sort button in the header. */
+    sortButtonProps?: HvButtonProps;
 }
 
 export declare type HvTableHeaderRenderer<D extends object = Record<string, unknown>> = Renderer<HvHeaderProps_2<D>>;
@@ -9310,13 +9318,14 @@ declare const useClasses_65: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         progressbar: string;
         icon: string;
         removeButton: string;
         fail: string;
+        progressbarContainer: string;
         progressbarBack: string;
         nameText: string;
         progressTextContainer: string;
@@ -10239,7 +10248,10 @@ export declare type UseTableStylesProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-export declare const useTheme: () => HvThemeContextValue;
+export declare const useTheme: () => HvThemeContextValue & {
+    /** Colors of the currently active theme and mode */
+    colors?: HvThemeColorModeStructure;
+};
 
 export declare const useUniqueId: (id?: string, idPrefix?: string) => string;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.26.6",
+  "version": "5.27.1",
   "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.0",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.6.4",
-    "@hitachivantara/uikit-react-shared": "^5.1.9",
-    "@hitachivantara/uikit-styles": "^5.11.2",
+    "@hitachivantara/uikit-react-icons": "^5.6.5",
+    "@hitachivantara/uikit-react-shared": "^5.1.10",
+    "@hitachivantara/uikit-styles": "^5.12.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.4",
     "@popperjs/core": "^2.11.8",
@@ -64,7 +64,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "d3772c032533d71cbb06453977bf406e941fb022",
+  "gitHead": "b63cf7b7e04a3cce669f24be276e22347f0902c9",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {