@allxsmith/bestax-bulma 5.23.0 → 5.25.0

package/dist/types-cjs/helpers/useSpacingClasses.d.ts

@@ -1,6 +1,6 @@
-import { validSizes } from './bulmaClassHelpers.js';
+import { validSizes, type BulmaGapStep } from './bulmaClassHelpers.js';
 /**
- * Props for applying Bulma margin and padding helper classes.
+ * Props for applying Bulma margin, padding and gap helper classes.
  */
 export interface BulmaSpacingProps {
     /** Margin (e.g., '0', '1'). */
@@ -31,9 +31,40 @@ export interface BulmaSpacingProps {
     px?: (typeof validSizes)[number];
     /** Padding vertical (top and bottom). */
     py?: (typeof validSizes)[number];
+    /**
+     * Space between the children of a flex or grid container (`is-gap-<value>`),
+     * on Bulma's gap scale: each whole step is 0.5rem, so `gap="2"` is 1rem, with
+     * half steps such as `"1.5"` between them. Also takes the step as a number.
+     *
+     * It sets the CSS `gap`, which does nothing unless the element lays its
+     * children out as flex or grid, so pair it with `display="flex"` on most
+     * components. The scale is not the margin scale: `m="2"` is 0.5rem.
+     *
+     * `Grid` and `Columns` declare their own `gap`. `Grid`'s renders the same
+     * class; `Columns`' is the columns gutter (`is-<value>`) and takes whole
+     * steps only.
+     */
+    gap?: BulmaGapStep;
+    /**
+     * Space between columns only (`is-column-gap-<value>`), on the same scale as
+     * `gap`. Beside `gap` or `gapless`, it wins on its own axis.
+     */
+    columnGap?: BulmaGapStep;
+    /**
+     * Space between rows only (`is-row-gap-<value>`), on the same scale as
+     * `gap`. Beside `gap` or `gapless`, it wins on its own axis.
+     */
+    rowGap?: BulmaGapStep;
+    /**
+     * Removes the gap between children (`is-gapless`), the shortcut for
+     * `gap="0"`; a valid `gap` wins when both are set. `Columns` is the
+     * exception: its `gap` is its gutter, and there `gapless` is Bulma's gapless
+     * columns modifier, the same as `isGapless`.
+     */
+    gapless?: boolean;
 }
 /**
- * A hook that generates Bulma margin and padding helper classes.
+ * A hook that generates Bulma margin, padding and gap helper classes.
  *
  * @function useSpacingClasses
  * @param props - Spacing-related Bulma helper props.

package/dist/types-cjs/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/Loading.js';
 export * from './components/Collapse.js';
 export * from './components/Collapses.js';
 export * from './components/Tooltip.js';
+export * from './components/Popover.js';
 export * from './components/Steps.js';
 export * from './components/Sidebar.js';
 export * from './components/Toast.js';