@allxsmith/bestax-bulma 5.26.1 → 5.26.2

package/dist/index.cjs

@@ -15557,6 +15557,25 @@ const Theme = ({ bulmaVars = {}, children, className, isRoot = false, colorMode,
         }
         return { bulmaVarProps: varProps, otherProps: otherPropsObj };
     }, [restProps]);
+    // Everything left in `otherProps` lands on the wrapper div, as a helper
+    // class or an attribute, and so does `className`. A root Theme renders no
+    // wrapper, so under `isRoot` all of it is dropped. `radius` and `columnGap`
+    // are not in `otherProps`; the checks above cover them.
+    if (isRoot) {
+        const dropped = Object.entries(otherProps)
+            .filter(([, value]) => value !== undefined && value !== null && value !== false)
+            .map(([key]) => key);
+        if (className) {
+            dropped.unshift('className');
+        }
+        if (dropped.length > 0) {
+            warnOnce('Theme:root-dropped-props', `[bestax-bulma] <Theme isRoot>: a root Theme renders no wrapper ` +
+                `element, so ${dropped.join(', ')} ` +
+                `${dropped.length === 1 ? 'has' : 'have'} nothing to apply to. ` +
+                'Put helper props and classes on an element inside the Theme ' +
+                'instead.');
+        }
+    }
     // Use Bulma classes for styling (only when not isRoot). Only a helper value
     // of `radius` reaches the helper; a legacy string went to the variable.
     const { bulmaHelperClasses, rest } = useBulmaClasses({