@sinco/react 1.1.1-rc.6 → 1.1.1-rc.7

package/index.js

@@ -6997,7 +6997,7 @@ const components = {
       },
       icon: {
         color: (_palette$action = palette.action) == null ? void 0 : _palette$action.active,
-        opacity: "26%"
+        opacity: "70%"
       },
       root: {
         fontFamily: 'Roboto',
@@ -20115,26 +20115,29 @@ const DynamicColor = async src => {
   };
 };
 
-const useDynamicColor = url => {
-  const [primary, setPrimary] = useState(SincoTheme.palette.primary);
-  const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
-  const [background, setBackground] = useState(SincoTheme.palette.background);
+const useDynamicColor = (url, theme) => {
   const [loading, setLoading] = useState(false);
   useEffect(() => {
-    DynamicColor(url).then(({
-      primaryColor,
-      secondaryColor,
-      backgroundColor
-    }) => {
-      setPrimary(primaryColor);
-      setSecondary(secondaryColor);
-      setBackground(backgroundColor);
-      setLoading(true);
-    });
-  }, [url]);
-  SincoTheme.palette.primary = primary;
-  SincoTheme.palette.secondary = secondary;
-  SincoTheme.palette.background = background;
+    const fetchDynamicColor = () => {
+      const dynamicColorPromise = DynamicColor(url);
+      dynamicColorPromise.then(({
+        primaryColor,
+        secondaryColor,
+        backgroundColor
+      }) => {
+        const updatedTheme = Object.assign({}, theme, {
+          palette: Object.assign({}, theme.palette, {
+            primary: primaryColor,
+            secondary: secondaryColor,
+            background: backgroundColor
+          })
+        });
+        theme.setTheme(updatedTheme);
+        setLoading(true);
+      });
+    };
+    fetchDynamicColor();
+  }, [url, theme]);
   return {
     loading
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.1-rc.6",
+  "version": "1.1.1-rc.7",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Hooks/useDynamicColor.d.ts

@@ -1,3 +1,3 @@
-export declare const useDynamicColor: (url: string) => {
+export declare const useDynamicColor: (url: string, theme: any) => {
     loading: boolean;
 };