@lotte-innovate/ui-component-test 0.0.136 → 0.0.138

package/dist/lib/utils/useDarkMode.js

@@ -23,7 +23,7 @@ export var useDarkMode = function (isRAxes) {
             y: { grid: { color: slateDarkA[8] } },
         };
     }
-    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];
+    var _a = useState(false), isDarkMode = _a[0], setIsDarkMode = _a[1];
     var _b = useState({
         linescale: {},
     }), defaultOptions = _b[0], setDefaultOptions = _b[1];
@@ -33,17 +33,22 @@ export var useDarkMode = function (isRAxes) {
         return document.body.classList.contains('dark');
     }
     useEffect(function () {
-        setIsDarkMode(checkDarkMode());
-        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
+        var _a, _b;
+        setIsDarkMode((_a = document === null || document === void 0 ? void 0 : document.body) === null || _a === void 0 ? void 0 : _a.classList.contains('dark'));
+        setDefaultOptions({
+            linescale: !((_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.classList.contains('dark')) ? lightmode : darkmode,
+        });
         var mutationObserver = new MutationObserver(function (mutations) {
             mutations.forEach(function (mutation) {
                 if (mutation.attributeName === 'class') {
-                    setIsDarkMode(checkDarkMode());
-                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
+                    setIsDarkMode(document === null || document === void 0 ? void 0 : document.body.classList.contains('dark'));
+                    setDefaultOptions({
+                        linescale: !(document === null || document === void 0 ? void 0 : document.body.classList.contains('dark')) ? lightmode : darkmode,
+                    });
                 }
             });
         });
-        mutationObserver.observe(document.body, { attributes: true });
+        document && mutationObserver.observe(document === null || document === void 0 ? void 0 : document.body, { attributes: true });
         return function () {
             mutationObserver.disconnect();
         };

package/dist/lib/utils/useDarkMode.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{slateA as r,slateDarkA as o}from"../color/alpha.mjs";import{useState as c,useEffect as n}from"react";var t=function(t){void 0===t&&(t=!1);var i={},e={};!0===t?(i={r:{grid:{color:r[8]}}},e={r:{grid:{color:o[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:r[8]}},y:{grid:{color:r[8]}}},e={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}});var a=c(m()),l=a[0],u=a[1],d=c({linescale:{}}),s=d[0],f=d[1];function m(){return document?document.body.classList.contains("dark"):null}return n((function(){u(m()),f({linescale:m()?e:i});var r=new MutationObserver((function(r){r.forEach((function(r){"class"===r.attributeName&&(u(m()),f({linescale:m()?e:i}))}))}));return r.observe(document.body,{attributes:!0}),function(){r.disconnect()}}),[e,i,u]),[l,s]};export{t as useDarkMode};
+import{slateA as o,slateDarkA as n}from"../color/alpha.mjs";import{useState as d,useEffect as c}from"react";var t=function(t){void 0===t&&(t=!1);var i={},r={};!0===t?(i={r:{grid:{color:o[8]}}},r={r:{grid:{color:n[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}},r={x:{grid:{color:n[8]}},y:{grid:{color:n[8]}}});var e=d(!1),l=e[0],u=e[1],a=d({linescale:{}}),s=a[0],m=a[1];return c((function(){var o,n;u(null===(o=null===document||void 0===document?void 0:document.body)||void 0===o?void 0:o.classList.contains("dark")),m({linescale:(null===(n=null===document||void 0===document?void 0:document.body)||void 0===n?void 0:n.classList.contains("dark"))?r:i});var d=new MutationObserver((function(o){o.forEach((function(o){"class"===o.attributeName&&(u(null===document||void 0===document?void 0:document.body.classList.contains("dark")),m({linescale:(null===document||void 0===document?void 0:document.body.classList.contains("dark"))?r:i}))}))}));return document&&d.observe(null===document||void 0===document?void 0:document.body,{attributes:!0}),function(){d.disconnect()}}),[r,i,u]),[l,s]};export{t as useDarkMode};
 //# sourceMappingURL=useDarkMode.mjs.map