@allxsmith/bestax-bulma 5.11.2 → 5.11.3

package/dist/index.esm.js

@@ -11291,6 +11291,14 @@ const bulmaCssVars = [
     '--bulma-danger-h',
     '--bulma-danger-s',
     '--bulma-danger-l',
+    // shadow (the upstream token .box/.card/.dropdown/.panel derive their own
+    // shadow variables from; overriding it from an ancestor is the route that
+    // cascades, since those selectors re-declare their derived var on
+    // themselves)
+    '--bulma-shadow-h',
+    '--bulma-shadow-s',
+    '--bulma-shadow-l',
+    '--bulma-shadow',
     // typography
     '--bulma-family-primary',
     '--bulma-family-secondary',
@@ -11809,8 +11817,18 @@ function cssVarToProp(varName) {
         .map((part, i) => i === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1))
         .join('');
 }
-/** Mapping of camelCase prop names to their Bulma CSS variable counterparts. */
-const bulmaVarPropMap = Object.fromEntries(bulmaCssVars.map(cssVar => [cssVarToProp(cssVar), cssVar]));
+/**
+ * Mapping of camelCase prop names to their Bulma CSS variable counterparts.
+ *
+ * `--bulma-shadow` is excluded: `cssVarToProp` would mint it as `shadow`,
+ * which already exists as a `BulmaOtherProps` prop (`shadow?: 'shadowless'`,
+ * applied via `useBulmaClasses`) — keeping it out of this map means that
+ * prop keeps its existing class-based meaning, while `--bulma-shadow` is
+ * still reachable through the `bulmaVars` object.
+ */
+const bulmaVarPropMap = Object.fromEntries(bulmaCssVars
+    .map(cssVar => [cssVarToProp(cssVar), cssVar])
+    .filter(([prop]) => prop !== 'shadow'));
 /**
  * Theme component that injects Bulma CSS variables either globally or locally.
  *