@bedrock-layout/spacing-constants - npm Package Compare versions

Comparing version 2.8.3 to 2.8.4

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";var L=Object.defineProperty,V=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var x=(n,e,t)=>e in n?L(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,r=(n,e)=>{for(var t in e||(e={}))C.call(e,t)&&x(n,t,e[t]);if(p)for(var t of p(e))k.call(e,t)&&x(n,t,e[t]);return n},g=(n,e)=>V(n,z(e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function a(n){return typeof n!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1,100}\)$/].some(e=>e.test(n))}const G="0px",j="0.0625rem",D="0.125rem",P="0.25rem",X="0.5rem",B="0.75rem",I="1rem",M="1.5rem",_="2rem",w="3rem",E="4rem",u={none:G,xxs:j,xs:D,sm:P,md:X,mdLg:B,lg:I,lgXl:M,xl:_,xlXXl:w,xxl:E},T=159,q=319,A=639,S=1023,f=1199,d=1439,b=1920,$={xxsmall:`${T}px`,xsmall:`${q}px`,small:`${A}px`,medium:`${S}px`,large:`${f}px`,xlarge:`${d}px`,xxlarge:`${b}px`};function y(n){return n.reduce((e,[t,c])=>g(r({},e),{[t]:c}),{})}const v=(n,e)=>{var s,m;const t=(m=(s=n.space)!=null?s:n.spacing)!=null?m:u,o=y(Object.entries(t).map(([O,i])=>[O,typeof i=="number"?`${i}px`:i]))[e];return a(o)?o:void 0};function F(n,e){return typeof e=="number"&&e>0?`${e}px`:a(e)?e:e!==void 0?v(n,e):void 0}function H({gutter:n},e){n===void 0||typeof n=="number"||typeof n=="string"||console.error(`${e} needs to be a number, CSSLength or SizesOptions`)}const J=H,N=(n,e)=>{var o;if(typeof e=="number"||e===void 0)return;const t=(o=n.sizes)!=null?o:$;return y(Object.entries(t).map(([l,s])=>[l,typeof s=="number"?`${s}px`:s]))[e]},Q=639,R=[640,1023],U=[1024,1199],W=[1200,1439],h={smallOnly:Q,mediumOnly:R,largeOnly:U,xlargeOnly:W,medium:S,large:f,xlarge:d,xxlarge:b},Y=(n={})=>r(r({},h),n);exports.breakPoints=h;exports.checkIsCSSLength=a;exports.getSafeGutter=F;exports.getSizeValue=N;exports.getSpacingValue=v;exports.mergeBreakpoints=Y;exports.sizes=$;exports.spacing=u;exports.validateGutter=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function i(n){return typeof n!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1,100}\)$/].some(e=>e.test(n))}const y="0px",v="0.0625rem",h="0.125rem",O="0.25rem",L="0.5rem",V="0.75rem",z="1rem",C="1.5rem",k="2rem",G="3rem",j="4rem",m={none:y,xxs:v,xs:h,sm:O,md:L,mdLg:V,lg:z,lgXl:C,xl:k,xlXXl:G,xxl:j},D=159,P=319,X=639,p=1023,x=1199,g=1439,u=1920,S={xxsmall:`${D}px`,xsmall:`${P}px`,small:`${X}px`,medium:`${p}px`,large:`${x}px`,xlarge:`${g}px`,xxlarge:`${u}px`};function f(n){return n.reduce((e,[t,r])=>({...e,[t]:r}),{})}const d=(n,e)=>{var s,l;const t=(l=(s=n.space)!=null?s:n.spacing)!=null?l:m,o=f(Object.entries(t).map(([$,c])=>[$,typeof c=="number"?`${c}px`:c]))[e];return i(o)?o:void 0};function B(n,e){return typeof e=="number"&&e>0?`${e}px`:i(e)?e:e!==void 0?d(n,e):void 0}function I({gutter:n},e){n===void 0||typeof n=="number"||typeof n=="string"||console.error(`${e} needs to be a number, CSSLength or SizesOptions`)}const M=I,_=(n,e)=>{var o;if(typeof e=="number"||e===void 0)return;const t=(o=n.sizes)!=null?o:S;return f(Object.entries(t).map(([a,s])=>[a,typeof s=="number"?`${s}px`:s]))[e]},w=639,E=[640,1023],T=[1024,1199],q=[1200,1439],b={smallOnly:w,mediumOnly:E,largeOnly:T,xlargeOnly:q,medium:p,large:x,xlarge:g,xxlarge:u},A=(n={})=>({...b,...n});exports.breakPoints=b;exports.checkIsCSSLength=i;exports.getSafeGutter=B;exports.getSizeValue=_;exports.getSpacingValue=d;exports.mergeBreakpoints=A;exports.sizes=S;exports.spacing=m;exports.validateGutter=M;

lib/index.m.js

@@ -1,127 +0,81 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function checkIsCSSLength(str) {
-  if (typeof str !== "string")
-    return false;
-  return [
+function m(e) {
+  return typeof e != "string" ? !1 : [
     /^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,
     /^var\(--\D{1,100}\)$/
-  ].some((regex) => regex.test(str));
+  ].some((n) => n.test(e));
 }
-const none = "0px";
-const xxs = "0.0625rem";
-const xs = "0.125rem";
-const sm = "0.25rem";
-const md = "0.5rem";
-const mdLg = "0.75rem";
-const lg = "1rem";
-const lgXl = "1.5rem";
-const xl = "2rem";
-const xlXXl = "3rem";
-const xxl = "4rem";
-const spacing = {
-  none,
-  xxs,
-  xs,
-  sm,
-  md,
-  mdLg,
-  lg,
-  lgXl,
-  xl,
-  xlXXl,
-  xxl
+const u = "0px", d = "0.0625rem", $ = "0.125rem", b = "0.25rem", y = "0.5rem", O = "0.75rem", h = "1rem", v = "1.5rem", L = "2rem", C = "3rem", V = "4rem", z = {
+  none: u,
+  xxs: d,
+  xs: $,
+  sm: b,
+  md: y,
+  mdLg: O,
+  lg: h,
+  lgXl: v,
+  xl: L,
+  xlXXl: C,
+  xxl: V
+}, k = 159, D = 319, X = 639, l = 1023, x = 1199, p = 1439, f = 1920, j = {
+  xxsmall: `${k}px`,
+  xsmall: `${D}px`,
+  small: `${X}px`,
+  medium: `${l}px`,
+  large: `${x}px`,
+  xlarge: `${p}px`,
+  xxlarge: `${f}px`
 };
-const xxsmall = 159;
-const xsmall = 319;
-const small = 639;
-const medium = 1023;
-const large = 1199;
-const xlarge = 1439;
-const xxlarge = 1920;
-const sizes = {
-  xxsmall: `${xxsmall}px`,
-  xsmall: `${xsmall}px`,
-  small: `${small}px`,
-  medium: `${medium}px`,
-  large: `${large}px`,
-  xlarge: `${xlarge}px`,
-  xxlarge: `${xxlarge}px`
-};
-function fromEntries(entries) {
-  return entries.reduce((acc, [key, value]) => {
-    return __spreadProps(__spreadValues({}, acc), { [key]: value });
-  }, {});
+function g(e) {
+  return e.reduce((n, [s, r]) => ({ ...n, [s]: r }), {});
 }
-const getSpacingValue = (theme, spacingKey) => {
-  var _a, _b;
-  const maybeSpaceingOrDefault = (_b = (_a = theme.space) != null ? _a : theme.spacing) != null ? _b : spacing;
-  const safeSpacings = fromEntries(Object.entries(maybeSpaceingOrDefault).map(([spaceKey, value]) => [
-    spaceKey,
-    typeof value === "number" ? `${value}px` : value
-  ]));
-  const spacingVal = safeSpacings[spacingKey];
-  const isCSSLength = checkIsCSSLength(spacingVal);
-  return isCSSLength ? spacingVal : void 0;
+const G = (e, n) => {
+  var t, a;
+  const s = (a = (t = e.space) != null ? t : e.spacing) != null ? a : z, o = g(
+    Object.entries(s).map(([S, c]) => [
+      S,
+      typeof c == "number" ? `${c}px` : c
+    ])
+  )[n];
+  return m(o) ? o : void 0;
 };
-function getSafeGutter(theme, gutter) {
-  if (typeof gutter === "number" && gutter > 0)
-    return `${gutter}px`;
-  const isCSSLength = checkIsCSSLength(gutter);
-  if (isCSSLength)
-    return gutter;
-  return gutter !== void 0 ? getSpacingValue(theme, gutter) : void 0;
+function A(e, n) {
+  return typeof n == "number" && n > 0 ? `${n}px` : m(n) ? n : n !== void 0 ? G(e, n) : void 0;
 }
-function gutterValidator({ gutter }, propName) {
-  if (gutter === void 0)
+function w({ gutter: e }, n) {
+  e === void 0 || typeof e == "number" || typeof e == "string" || console.error(`${n} needs to be a number, CSSLength or SizesOptions`);
+}
+const F = w, H = (e, n) => {
+  var o;
+  if (typeof n == "number" || n === void 0)
     return;
-  const isValid = typeof gutter === "number" || typeof gutter === "string";
-  if (isValid)
-    return;
-  console.error(`${propName} needs to be a number, CSSLength or SizesOptions`);
-}
-const validateGutter = gutterValidator;
-const getSizeValue = (theme, sizeKey) => {
-  var _a;
-  if (typeof sizeKey === "number" || sizeKey === void 0)
-    return void 0;
-  const maybeSizesOrDefault = (_a = theme.sizes) != null ? _a : sizes;
-  const safeSizes = fromEntries(Object.entries(maybeSizesOrDefault).map(([sizeKey2, value]) => [
-    sizeKey2,
-    typeof value === "number" ? `${value}px` : value
-  ]));
-  return safeSizes[sizeKey];
+  const s = (o = e.sizes) != null ? o : j;
+  return g(
+    Object.entries(s).map(([i, t]) => [
+      i,
+      typeof t == "number" ? `${t}px` : t
+    ])
+  )[n];
+}, B = 639, E = [640, 1023], I = [1024, 1199], P = [1200, 1439], q = {
+  smallOnly: B,
+  mediumOnly: E,
+  largeOnly: I,
+  xlargeOnly: P,
+  medium: l,
+  large: x,
+  xlarge: p,
+  xxlarge: f
+}, J = (e = {}) => ({
+  ...q,
+  ...e
+});
+export {
+  q as breakPoints,
+  m as checkIsCSSLength,
+  A as getSafeGutter,
+  H as getSizeValue,
+  G as getSpacingValue,
+  J as mergeBreakpoints,
+  j as sizes,
+  z as spacing,
+  F as validateGutter
 };
-const smallOnly = 639;
-const mediumOnly = [640, 1023];
-const largeOnly = [1024, 1199];
-const xlargeOnly = [1200, 1439];
-const breakPoints = {
-  smallOnly,
-  mediumOnly,
-  largeOnly,
-  xlargeOnly,
-  medium,
-  large,
-  xlarge,
-  xxlarge
-};
-const mergeBreakpoints = (newBreakPoints = {}) => __spreadValues(__spreadValues({}, breakPoints), newBreakPoints);
-export { breakPoints, checkIsCSSLength, getSafeGutter, getSizeValue, getSpacingValue, mergeBreakpoints, sizes, spacing, validateGutter };

lib/index.umd.js

@@ -1,1 +0,1 @@
-(function(e,n){typeof exports=="object"&&typeof module!="undefined"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(e=typeof globalThis!="undefined"?globalThis:e||self,n(e["spacing-constants"]={}))})(this,function(e){"use strict";var T=Object.defineProperty,B=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var v=(e,n,o)=>n in e?T(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,r=(e,n)=>{for(var o in n||(n={}))M.call(n,o)&&v(e,o,n[o]);if($)for(var o of $(n))_.call(n,o)&&v(e,o,n[o]);return e},L=(e,n)=>B(e,I(n));function n(t){return typeof t!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1,100}\)$/].some(s=>s.test(t))}const f={none:"0px",xxs:"0.0625rem",xs:"0.125rem",sm:"0.25rem",md:"0.5rem",mdLg:"0.75rem",lg:"1rem",lgXl:"1.5rem",xl:"2rem",xlXXl:"3rem",xxl:"4rem"},V=159,z=319,C=639,g=1023,u=1199,p=1439,x=1920,d={xxsmall:`${V}px`,xsmall:`${z}px`,small:`${C}px`,medium:`${g}px`,large:`${u}px`,xlarge:`${p}px`,xxlarge:`${x}px`};function S(t){return t.reduce((s,[i,a])=>L(r({},s),{[i]:a}),{})}const y=(t,s)=>{var c,h;const i=(h=(c=t.space)!=null?c:t.spacing)!=null?h:f,l=S(Object.entries(i).map(([P,m])=>[P,typeof m=="number"?`${m}px`:m]))[s];return n(l)?l:void 0};function k(t,s){return typeof s=="number"&&s>0?`${s}px`:n(s)?s:s!==void 0?y(t,s):void 0}function X({gutter:t},s){t===void 0||typeof t=="number"||typeof t=="string"||console.error(`${s} needs to be a number, CSSLength or SizesOptions`)}const j=X,G=(t,s)=>{var l;if(typeof s=="number"||s===void 0)return;const i=(l=t.sizes)!=null?l:d;return S(Object.entries(i).map(([O,c])=>[O,typeof c=="number"?`${c}px`:c]))[s]},b={smallOnly:639,mediumOnly:[640,1023],largeOnly:[1024,1199],xlargeOnly:[1200,1439],medium:g,large:u,xlarge:p,xxlarge:x},D=(t={})=>r(r({},b),t);e.breakPoints=b,e.checkIsCSSLength=n,e.getSafeGutter=k,e.getSizeValue=G,e.getSpacingValue=y,e.mergeBreakpoints=D,e.sizes=d,e.spacing=f,e.validateGutter=j,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s["spacing-constants"]={}))})(this,function(s){"use strict";function t(n){return typeof n!="string"?!1:[/^[0-9]{0,10000}\.?[0-9]{1,10000}(vmin|vmax|vh|vw|%|ch|ex|em|rem|in|cm|mm|pt|pc|px)$/,/^var\(--\D{1,100}\)$/].some(e=>e.test(n))}const a={none:"0px",xxs:"0.0625rem",xs:"0.125rem",sm:"0.25rem",md:"0.5rem",mdLg:"0.75rem",lg:"1rem",lgXl:"1.5rem",xl:"2rem",xlXXl:"3rem",xxl:"4rem"},O=159,h=319,$=639,m=1023,f=1199,g=1439,u=1920,p={xxsmall:`${O}px`,xsmall:`${h}px`,small:`${$}px`,medium:`${m}px`,large:`${f}px`,xlarge:`${g}px`,xxlarge:`${u}px`};function x(n){return n.reduce((e,[o,l])=>({...e,[o]:l}),{})}const d=(n,e)=>{var i,b;const o=(b=(i=n.space)!=null?i:n.spacing)!=null?b:a,c=x(Object.entries(o).map(([k,r])=>[k,typeof r=="number"?`${r}px`:r]))[e];return t(c)?c:void 0};function v(n,e){return typeof e=="number"&&e>0?`${e}px`:t(e)?e:e!==void 0?d(n,e):void 0}function L({gutter:n},e){n===void 0||typeof n=="number"||typeof n=="string"||console.error(`${e} needs to be a number, CSSLength or SizesOptions`)}const V=L,z=(n,e)=>{var c;if(typeof e=="number"||e===void 0)return;const o=(c=n.sizes)!=null?c:p;return x(Object.entries(o).map(([y,i])=>[y,typeof i=="number"?`${i}px`:i]))[e]},S={smallOnly:639,mediumOnly:[640,1023],largeOnly:[1024,1199],xlargeOnly:[1200,1439],medium:m,large:f,xlarge:g,xxlarge:u},C=(n={})=>({...S,...n});s.breakPoints=S,s.checkIsCSSLength=t,s.getSafeGutter=v,s.getSizeValue=z,s.getSpacingValue=d,s.mergeBreakpoints=C,s.sizes=p,s.spacing=a,s.validateGutter=V,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "@bedrock-layout/spacing-constants",
-  "version": "2.8.3",
+  "version": "2.8.4",
   "description": "bedrock-layout spacing constants",
@@ -50,4 +50,4 @@ "sideEffects": false,
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "yarn prettier -- --write",
-    "check-format": "yarn prettier -- --list-different",
+    "fix-format": "yarn prettier --write",
+    "check-format": "yarn prettier --list-different",
     "check-types": "tsc --noEmit"
@@ -58,3 +58,3 @@ },
   },
-  "gitHead": "c9a2d22e6f77b42c1a480a63b18309b262ad2225"
+  "gitHead": "d150a4cb0f956f8f87ef9a87b5f1a1b6a20d20cf"
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Worsened metrics

Total package byte prevSize

13881

decreased by-16.84%

Lines of code

168

decreased by-22.58%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes