Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@bedrock-layout/column-drop

Package Overview
Dependencies
Maintainers
1
Versions
49
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 3.2.5 to 3.2.6

2

lib/index.cjs.js

@@ -1,1 +0,1 @@

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

@@ -9,3 +9,3 @@ import { CSSLength, Gutter, SizesOptions } from "@bedrock-layout/spacing-constants";

*/
export interface ColumnDropProps {
export type ColumnDropProps = {
/**

@@ -24,3 +24,3 @@ * Sets space between each element.

noStretchedColumns?: boolean;
}
};
/**

@@ -27,0 +27,0 @@ * The `ColumnDrop` component is used to create a layout

@@ -1,21 +0,26 @@

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 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,
import { useTheme as l, getSafeGutter as d, getSizeValue as f } from "@bedrock-layout/spacing-constants";
import { forwardRefWithAs as p } from "@bedrock-layout/type-utils";
import h from "react";
const C = p(
function({
as: e = "div",
gutter: o,
style: r = {},
minItemWidth: m,
// TODO: Remove Boolean type in next major version
noStretchedColumns: n = !1,
...u
}, a) {
const t = l(), c = d(t, o), i = n === !0 ? "no-stretched-columns" : "", s = f(t, m);
return /* @__PURE__ */ h.createElement(
e,
{
ref: i,
"data-bedrock-column-drop": a,
ref: a,
"data-bedrock-column-drop": i,
style: {
...l,
"--gutter": s,
"--minItemWidth": f
"--gutter": c,
"--minItemWidth": s,
...r
},
...c
...u
}

@@ -26,3 +31,3 @@ );

export {
D as ColumnDrop
C as ColumnDrop
};

@@ -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,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"})});
(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,n,u){"use strict";const r=n.forwardRefWithAs(function({as:i="div",gutter:c,style:s={},minItemWidth:d,noStretchedColumns:a=!1,...f},l){const o=t.useTheme(),m=t.getSafeGutter(o,c),p=a===!0?"no-stretched-columns":"",y=t.getSizeValue(o,d);return u.createElement(i,{ref:l,"data-bedrock-column-drop":p,style:{"--gutter":m,"--minItemWidth":y,...s},...f})});e.ColumnDrop=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
{
"name": "@bedrock-layout/column-drop",
"version": "3.2.5",
"version": "3.2.6",
"description": "bedrock-layout column-drop",

@@ -40,4 +40,4 @@ "sideEffects": false,

"dependencies": {
"@bedrock-layout/spacing-constants": "^3.3.2",
"@bedrock-layout/type-utils": "^0.1.6"
"@bedrock-layout/spacing-constants": "^3.3.3",
"@bedrock-layout/type-utils": "^0.1.7"
},

@@ -65,3 +65,3 @@ "peerDependencies": {

},
"gitHead": "23f1abe06e02a999f71edbe6de8df9a1990e2955"
"gitHead": "295076a786ab9f1c3a9108d8c06bba94507a6c65"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc