@hitachivantara/uikit-react-core 6.0.0-next.3 → 6.0.0-next.4

package/dist/index.d.ts

@@ -8271,7 +8271,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"label" | "listbox" | "horizontal" | "vertical" | "error" | "root" | "description" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "listbox" | "error" | "root" | "description" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         error: string;
@@ -8766,7 +8766,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"icon" | "root" | "ic
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"label" | "horizontal" | "vertical" | "error" | "group" | "root" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -8781,7 +8781,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"label" | "horizontal
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"label" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPicker" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9102,7 +9102,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"warning" | "backgrou
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"horizontal" | "radio" | "icon" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         horizontal: string;
@@ -9113,7 +9113,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"radio" | "horizontal
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"label" | "horizontal" | "vertical" | "error" | "group" | "root" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9449,7 +9449,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"button" | "vertical" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"vertical" | "button" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;

package/dist/providers/Provider.js

@@ -42,7 +42,7 @@ const HvProvider = ({
       {
         theme,
         emotionCache,
-        colorMode: colorMode || "light",
+        colorMode,
         themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0,
         children: /* @__PURE__ */ jsx(ClassNames, { children: ({ css: css2 }) => {
           if (cssBaseline === "scoped") {

package/dist/providers/ThemeProvider.js

@@ -12,9 +12,10 @@ const HvThemeProvider = ({
   colorMode: colorModeProp,
   themeRootId: rootId
 }) => {
-  const [colorMode, setColorMode] = useState(colorModeProp);
+  const [colorModeValue, setColorModeValue] = useState(colorModeProp);
+  const colorMode = colorModeValue === "dark" ? "dark" : "light";
   useEffect(() => {
-    setColorMode(colorModeProp);
+    setColorModeValue(colorModeProp);
   }, [colorModeProp]);
   useEffect(() => {
     const element = getContainerElement(rootId);
@@ -27,7 +28,7 @@ const HvThemeProvider = ({
       activeTheme: theme,
       selectedMode: colorMode,
       changeMode(newMode = colorMode) {
-        setColorMode(newMode);
+        setColorModeValue(newMode);
       },
       rootId
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "6.0.0-next.3",
+  "version": "6.0.0-next.4",
   "type": "module",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
@@ -33,9 +33,9 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-shared": "^6.0.0-next.3",
-    "@hitachivantara/uikit-react-utils": "^6.0.0-next.3",
-    "@hitachivantara/uikit-styles": "^6.0.0-next.3",
+    "@hitachivantara/uikit-react-shared": "^6.0.0-next.4",
+    "@hitachivantara/uikit-react-utils": "^6.0.0-next.4",
+    "@hitachivantara/uikit-styles": "^6.0.0-next.4",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -60,7 +60,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "f404f47dd2c0a9d4033b9acccc87282aa9e42119",
+  "gitHead": "66ab53a4c56da226078cf7dd92881ba7f0f521a4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",