esewa-ui-library 1.0.9 → 1.10.0

package/dist/index.js

@@ -7654,14 +7654,21 @@ var darkTheme = _extends({}, theme, darkThemeColors);
 
 var ESewaThemeProvider = function ESewaThemeProvider(_ref) {
   var children = _ref.children;
-  var updateDocumentTheme = function updateDocumentTheme(theme) {
-    document.documentElement.setAttribute('data-theme', theme);
-  };
-  var themeType = window.matchMedia('(prefers-color-scheme: dark)').matches ? darkTheme : lightTheme;
-  var themeColor = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  var _useState = React.useState(lightTheme),
+    themeType = _useState[0],
+    setThemeType = _useState[1];
+  var _useState2 = React.useState('light'),
+    setThemeColor = _useState2[1];
   React.useEffect(function () {
-    updateDocumentTheme(themeColor);
-  }, [themeType, themeColor]);
+    if (typeof window !== 'undefined') {
+      var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+      var newThemeType = prefersDark ? darkTheme : lightTheme;
+      var newThemeColor = prefersDark ? 'dark' : 'light';
+      setThemeType(newThemeType);
+      setThemeColor(newThemeColor);
+      document.documentElement.setAttribute('data-theme', newThemeColor);
+    }
+  }, []);
   return React__default.createElement(styled.ThemeProvider, {
     theme: themeType
   }, children);