@bedrock-layout/column-drop - npm Package Compare versions

Comparing version 3.1.7 to 3.1.8

lib/index.cjs.js

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

lib/index.d.ts

 import { CSSLength, Gutter, SizesOptions } from "@bedrock-layout/spacing-constants";
-type MinItemWidth = CSSLength | number | SizesOptions;
+/**
+ * The `minItemWidth` prop can accept any positive integer, `CSSLength`, or `SizeOption`.
+ */
+export type MinItemWidth = number | CSSLength | SizesOptions;
+/**
+ * Props for the ColumnDrop component.
+ */
 export interface ColumnDropProps {
+    /**
+     * Sets space between each element.
+     */
     gutter?: Gutter;
+    /**
+     * Sets the minimum width of each child.
+     * The `minItemWidth` prop can accept any positive integer, `CSSLength`, or `SizeOption`.
+     */
     minItemWidth?: MinItemWidth;
+    /**
+     * Prevents columns from stretching to fill the space.
+     */
     noStretchedColumns?: boolean;
 }
+/**
+ * The `ColumnDrop` component is used to create a layout
+ * of columns that stretch to fit the space, and snaps
+ * to the next row at a minimum size. As columns drop
+ * down to a new row, they will be laid out independently
+ * of the column layout above. This component is useful for
+ * creating a responsive grid.
+ */
 export declare const ColumnDrop: import("@bedrock-layout/type-utils").PolymorphicForwardedRefComponent<"div", ColumnDropProps>;
-export {};

lib/index.m.js

@@ -1,21 +0,21 @@
-import { useTheme as d, getSafeGutter as p, getSizeValue as h } from "@bedrock-layout/spacing-constants";
-import { forwardRefWithAs as g } from "@bedrock-layout/type-utils";
-import y from "react";
-function S(t, e) {
-  return h(t, e);
+import { useTheme as p, getSafeGutter as h, getSizeValue as g } from "@bedrock-layout/spacing-constants";
+import { forwardRefWithAs as S } from "@bedrock-layout/type-utils";
+import W from "react";
+function b(e, t) {
+  return g(e, t);
 }
-const W = g(
-  ({ as: t, gutter: e, style: r, minItemWidth: n, noStretchedColumns: m = !1, ...a }, s) => {
-    const o = d(), i = p(o, e), u = m === !0 ? "no-stretched-columns" : "", c = S(o, n), f = r ?? {}, l = t ?? "div";
-    return /* @__PURE__ */ y.createElement(
-      l,
+const D = S(
+  function({ as: t, gutter: n, style: r, minItemWidth: m, noStretchedColumns: u = !1, ...c }, i) {
+    const o = p(), s = h(o, n), a = u === !0 ? "no-stretched-columns" : "", f = b(o, m), l = r ?? {}, d = t ?? "div";
+    return /* @__PURE__ */ W.createElement(
+      d,
       {
-        ref: s,
-        "data-bedrock-column-drop": u,
+        ref: i,
+        "data-bedrock-column-drop": a,
         style: {
-          ...f,
-          "--gutter": i,
-          "--minItemWidth": c
+          ...l,
+          "--gutter": s,
+          "--minItemWidth": f
         },
-        ...a
+        ...c
       }
@@ -25,5 +25,4 @@ );
 );
-W.displayName = "ColumnDrop";
 export {
-  W as ColumnDrop
+  D as ColumnDrop
 };

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["column-drop"]={},e.spacingConstants,e.typeUtils,e.React))})(this,function(e,t,i,s){"use strict";function c(o,n){return t.getSizeValue(o,n)}const r=i.forwardRefWithAs(({as:o,gutter:n,style:d,minItemWidth:a,noStretchedColumns:f=!1,...l},m)=>{const u=t.useTheme(),p=t.getSafeGutter(u,n),y=f===!0?"no-stretched-columns":"",h=c(u,a),b=d??{},S=o??"div";return s.createElement(S,{ref:m,"data-bedrock-column-drop":y,style:{...b,"--gutter":p,"--minItemWidth":h},...l})});r.displayName="ColumnDrop",e.ColumnDrop=r,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["column-drop"]={},e.spacingConstants,e.typeUtils,e.React))})(this,function(e,t,r,i){"use strict";function c(o,n){return t.getSizeValue(o,n)}const s=r.forwardRefWithAs(function({as:n,gutter:d,style:f,minItemWidth:a,noStretchedColumns:l=!1,...m},p){const u=t.useTheme(),y=t.getSafeGutter(u,d),h=l===!0?"no-stretched-columns":"",b=c(u,a),S=f??{},k=n??"div";return i.createElement(k,{ref:p,"data-bedrock-column-drop":h,style:{...S,"--gutter":y,"--minItemWidth":b},...m})});e.ColumnDrop=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@bedrock-layout/column-drop",
-  "version": "3.1.7",
+  "version": "3.1.8",
   "description": "bedrock-layout column-drop",
@@ -63,3 +63,3 @@ "sideEffects": false,
   },
-  "gitHead": "c44ae37688f22756d6451f5d1fbfa128ab4bd42d"
+  "gitHead": "90187d6a9c3356e91fa67c638e9093cd26b145cd"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7950

increased by9.4%

Lines of code

66

increased by50%

No dependency changes