@bedrock-layout/grid - npm Package Compare versions

Comparing version 4.3.0 to 4.4.0

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@bedrock-layout/spacing-constants"),l=require("@bedrock-layout/type-utils"),y=require("react"),g=l.forwardRefWithAs(function({as:r="div",style:i={},minItemWidth:n,gutter:a,variant:s,...o},u){const e=t.useTheme(),c=t.getSizeValue(e,n),d=t.getSafeGutter(e,a),m=s==="masonry"?"variant:masonry":!0;return y.createElement(r,{ref:u,"data-bedrock-grid":m,style:{"--minItemWidth":c,"--gutter":d,...i},...o})});exports.Grid=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@bedrock-layout/spacing-constants"),y=require("@bedrock-layout/type-utils"),g=require("react"),b=y.forwardRefWithAs(function({as:r="div",style:i={},minItemWidth:n,gap:a,gutter:s,variant:o,...u},c){const e=t.useTheme(),d=t.getSizeValue(e,n),m=t.getSafeGutter(e,a??s),l=o==="masonry"?"variant:masonry":!0;return g.createElement(r,{ref:c,"data-bedrock-grid":l,style:{"--minItemWidth":d,"--gutter":m,...i},...u})});exports.Grid=b;

lib/index.d.ts

@@ -12,5 +12,10 @@ import { CSSLength, Gutter, SizesOptions } from "@bedrock-layout/spacing-constants";
      * Sets space between each element.
+     * @deprecated Use `gap` instead.
      */
     gutter?: Gutter;
     /**
+     * Sets space between each element.
+     */
+    gap?: Gutter;
+    /**
      * Sets the minimum width of each child.
@@ -17,0 +22,0 @@ * The `minItemWidth` prop can be a CSSLength, a number, or a key of the theme's sizes options.

lib/index.m.js

@@ -1,24 +0,25 @@
-import { useTheme as d, getSizeValue as f, getSafeGutter as h } from "@bedrock-layout/spacing-constants";
-import { forwardRefWithAs as y } from "@bedrock-layout/type-utils";
-import b from "react";
-const W = y(function({
+import { useTheme as f, getSizeValue as h, getSafeGutter as y } from "@bedrock-layout/spacing-constants";
+import { forwardRefWithAs as b } from "@bedrock-layout/type-utils";
+import g from "react";
+const v = b(function({
   as: e = "div",
   style: r = {},
   minItemWidth: o,
-  gutter: a,
-  variant: i,
-  ...m
-}, n) {
-  const t = d(), s = f(t, o), u = h(t, a), c = i === "masonry" ? "variant:masonry" : !0;
-  return /* @__PURE__ */ b.createElement(
+  gap: a,
+  gutter: i,
+  variant: m,
+  ...n
+}, s) {
+  const t = f(), u = h(t, o), c = y(t, a ?? i), d = m === "masonry" ? "variant:masonry" : !0;
+  return /* @__PURE__ */ g.createElement(
     e,
     {
-      ref: n,
-      "data-bedrock-grid": c,
+      ref: s,
+      "data-bedrock-grid": d,
       style: {
-        "--minItemWidth": s,
-        "--gutter": u,
+        "--minItemWidth": u,
+        "--gutter": c,
         ...r
       },
-      ...m
+      ...n
     }
@@ -28,3 +29,3 @@ );
 export {
-  W as Grid
+  v as Grid
 };

lib/index.umd.js

@@ -1,1 +0,1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@bedrock-layout/spacing-constants"),require("@bedrock-layout/type-utils"),require("react")):typeof define=="function"&&define.amd?define(["exports","@bedrock-layout/spacing-constants","@bedrock-layout/type-utils","react"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.grid={},e.spacingConstants,e.typeUtils,e.React))})(this,function(e,t,r,n){"use strict";const o=r.forwardRefWithAs(function({as:u="div",style:d={},minItemWidth:s,gutter:a,variant:c,...f},y){const i=t.useTheme(),m=t.getSizeValue(i,s),p=t.getSafeGutter(i,a),l=c==="masonry"?"variant:masonry":!0;return n.createElement(u,{ref:y,"data-bedrock-grid":l,style:{"--minItemWidth":m,"--gutter":p,...d},...f})});e.Grid=o,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@bedrock-layout/spacing-constants"),require("@bedrock-layout/type-utils"),require("react")):typeof define=="function"&&define.amd?define(["exports","@bedrock-layout/spacing-constants","@bedrock-layout/type-utils","react"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.grid={},e.spacingConstants,e.typeUtils,e.React))})(this,function(e,t,r,n){"use strict";const o=r.forwardRefWithAs(function({as:u="div",style:d={},minItemWidth:s,gap:a,gutter:c,variant:f,...y},m){const i=t.useTheme(),p=t.getSizeValue(i,s),l=t.getSafeGutter(i,a??c),b=f==="masonry"?"variant:masonry":!0;return n.createElement(u,{ref:m,"data-bedrock-grid":b,style:{"--minItemWidth":p,"--gutter":l,...d},...y})});e.Grid=o,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@bedrock-layout/grid",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "bedrock-layout grid",
@@ -63,3 +63,3 @@ "sideEffects": false,
   },
-  "gitHead": "a5b48830325ca9dcef72e231f4d2e9eee7b6bee8"
+  "gitHead": "27093923ddbe222091acdc18493405cef6e29711"
 }

No alert changes

Improved metrics

Total package byte prevSize

7350

increased by2.01%

Lines of code

71

increased by10.94%

No dependency changes