@boostdev/design-system-components 2.4.2 → 2.5.0

package/dist/index.d.cts

@@ -528,10 +528,20 @@ type GridOwnProps = WithClassName & {
      * keep their span.
      */
     masonryPreferredColumnSpan?: Exclude<GridItemSpanValue, 'auto'>;
+    /**
+     * Masonry only. Manual override for the row-track unit (in pixels) the
+     * polyfill uses for `grid-auto-rows` and as the ceil() granularity of each
+     * item's row span. Omit to let the polyfill auto-pick the smallest unit
+     * that keeps the implicit row count under any browser cap — that's the
+     * right answer for almost every gallery and yields pixel-perfect row gaps
+     * when the gallery is short enough to not need rounding. Set this only if
+     * you've confirmed the auto-tuner is wrong for your case.
+     */
+    masonryRowUnitPx?: number;
     as?: ElementType;
 };
 type GridProps<C extends ElementType = 'div'> = GridOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof GridOwnProps>;
-declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, masonryPreferredColumnSpan, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
+declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, masonryPreferredColumnSpan, masonryRowUnitPx, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
 
 type IntrinsicElement = keyof JSX.IntrinsicElements;
 type SectionHeaderProps = WithClassName & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {

package/dist/index.d.ts

@@ -528,10 +528,20 @@ type GridOwnProps = WithClassName & {
      * keep their span.
      */
     masonryPreferredColumnSpan?: Exclude<GridItemSpanValue, 'auto'>;
+    /**
+     * Masonry only. Manual override for the row-track unit (in pixels) the
+     * polyfill uses for `grid-auto-rows` and as the ceil() granularity of each
+     * item's row span. Omit to let the polyfill auto-pick the smallest unit
+     * that keeps the implicit row count under any browser cap — that's the
+     * right answer for almost every gallery and yields pixel-perfect row gaps
+     * when the gallery is short enough to not need rounding. Set this only if
+     * you've confirmed the auto-tuner is wrong for your case.
+     */
+    masonryRowUnitPx?: number;
     as?: ElementType;
 };
 type GridProps<C extends ElementType = 'div'> = GridOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof GridOwnProps>;
-declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, masonryPreferredColumnSpan, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
+declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, masonryPreferredColumnSpan, masonryRowUnitPx, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
 
 type IntrinsicElement = keyof JSX.IntrinsicElements;
 type SectionHeaderProps = WithClassName & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {