@allxsmith/bestax-bulma 5.0.0 → 5.1.0

package/dist/index.esm.js

@@ -7803,7 +7803,7 @@ function cssVarToProp(varName) {
         .join('');
 }
 const bulmaVarPropMap = Object.fromEntries(bulmaCssVars.map(cssVar => [cssVarToProp(cssVar), cssVar]));
-const Theme = ({ bulmaVars = {}, children, className, isRoot = false, ...restProps }) => {
+const Theme = ({ bulmaVars = {}, children, className, isRoot = false, colorMode, ...restProps }) => {
     const { bulmaVarProps, otherProps } = useMemo(() => {
         const varProps = {};
         const otherPropsObj = {};
@@ -7853,6 +7853,27 @@ const Theme = ({ bulmaVars = {}, children, className, isRoot = false, ...restPro
             }
         };
     }, [mergedVars, isRoot]);
+    useEffect(() => {
+        if (colorMode === undefined) {
+            return;
+        }
+        const root = document.documentElement;
+        const previous = root.getAttribute('data-theme');
+        if (colorMode === 'system') {
+            root.removeAttribute('data-theme');
+        }
+        else {
+            root.setAttribute('data-theme', colorMode);
+        }
+        return () => {
+            if (previous === null) {
+                root.removeAttribute('data-theme');
+            }
+            else {
+                root.setAttribute('data-theme', previous);
+            }
+        };
+    }, [colorMode]);
     const style = useMemo(() => {
         if (isRoot) {
             return {};