@bedrock-layout/grid - npm Package Compare versions

Comparing version 4.1.7 to 4.2.0

lib/index.cjs.js

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

lib/index.d.ts

 import { CSSLength, Gutter, SizesOptions } from "@bedrock-layout/spacing-constants";
+/**
+ * The `minItemWidth` prop can be a CSSLength, a number, or a key of the theme's sizes options.
+ */
 type MinItemWidth = number | CSSLength | SizesOptions;
+/**
+ * Props for the Grid component.
+ */
 export interface GridProps {
+    /**
+     * Sets space between each element.
+     */
     gutter?: Gutter;
+    /**
+     * Sets the minimum width of each child.
+     * The `minItemWidth` prop can be a CSSLength, a number, or a key of the theme's sizes options.
+     */
     minItemWidth?: MinItemWidth;
 }
+/**
+ * The `Grid` component is designed to create a responsive grid of items
+ * that will automatically wrap based on the number of children and the `minItemWidth`.
+ */
 export declare const Grid: import("@bedrock-layout/type-utils").PolymorphicForwardedRefComponent<"div", GridProps>;
 export {};

lib/index.m.js

@@ -1,25 +0,22 @@
-import { useTheme as f, getSizeValue as u, getSafeGutter as p } from "@bedrock-layout/spacing-constants";
-import { forwardRefWithAs as h } from "@bedrock-layout/type-utils";
-import l from "react";
-const g = h(
-  ({ as: e, style: r, minItemWidth: o, gutter: i, ...m }, s) => {
-    const t = f(), a = u(t, o), n = p(t, i), d = r ?? {}, c = e ?? "div";
-    return /* @__PURE__ */ l.createElement(
-      c,
-      {
-        ref: s,
-        "data-bedrock-grid": !0,
-        style: {
-          ...d,
-          "--minItemWidth": a,
-          "--gutter": n
-        },
-        ...m
-      }
-    );
-  }
-);
-g.displayName = "Grid";
+import { useTheme as d, getSizeValue as u, getSafeGutter as h } from "@bedrock-layout/spacing-constants";
+import { forwardRefWithAs as p } from "@bedrock-layout/type-utils";
+import g from "react";
+const y = p(function({ as: e, style: r, minItemWidth: o, gutter: i, ...n }, m) {
+  const t = d(), s = u(t, o), a = h(t, i), c = r ?? {}, f = e ?? "div";
+  return /* @__PURE__ */ g.createElement(
+    f,
+    {
+      ref: m,
+      "data-bedrock-grid": !0,
+      style: {
+        ...c,
+        "--minItemWidth": s,
+        "--gutter": a
+      },
+      ...n
+    }
+  );
+});
 export {
-  g as Grid
+  y 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,n,o){"use strict";const i=n.forwardRefWithAs(({as:d,style:s,minItemWidth:u,gutter:c,...a},f)=>{const r=t.useTheme(),y=t.getSizeValue(r,u),p=t.getSafeGutter(r,c),l=s??{},m=d??"div";return o.createElement(m,{ref:f,"data-bedrock-grid":!0,style:{...l,"--minItemWidth":y,"--gutter":p},...a})});i.displayName="Grid",e.Grid=i,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,n,r){"use strict";const o=n.forwardRefWithAs(function({as:d,style:s,minItemWidth:u,gutter:c,...f},a){const i=t.useTheme(),y=t.getSizeValue(i,u),p=t.getSafeGutter(i,c),l=s??{},m=d??"div";return r.createElement(m,{ref:a,"data-bedrock-grid":!0,style:{...l,"--minItemWidth":y,"--gutter":p},...f})});e.Grid=o,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@bedrock-layout/grid",
-  "version": "4.1.7",
+  "version": "4.2.0",
   "description": "bedrock-layout grid",
@@ -62,3 +62,3 @@ "sideEffects": false,
   },
-  "gitHead": "c44ae37688f22756d6451f5d1fbfa128ab4bd42d"
+  "gitHead": "3ba949018ad0cee216d540f14632d07b6acd231d"
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6935

increased by6.91%

Lines of code

53

increased by35.9%

No dependency changes