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

Comparing version 2.7.0 to 2.8.0

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";var k=Object.defineProperty,z=Object.defineProperties;var v=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var g=(n,e,s)=>e in n?k(n,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[e]=s,o=(n,e)=>{for(var s in e||(e={}))L.call(e,s)&&g(n,s,e[s]);if(i)for(var s of i(e))V.call(e,s)&&g(n,s,e[s]);return n},x=(n,e)=>z(n,v(e));Object.defineProperty(exports,"__esModule",{value:!0});exports[Symbol.toStringTag]="Module";function p(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 C="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:C,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,[s,r])=>x(o({},e),{[s]:r}),{})}const F=(n,e)=>{var t,l;const s=(l=(t=n.space)!=null?t:n.spacing)!=null?l:u,c=y(Object.entries(s).map(([h,a])=>[h,typeof a=="number"?`${a}px`:a]))[e];return p(c)?c:void 0},G=(n,e)=>{var c;if(typeof e=="number"||e===void 0)return;const s=(c=n.sizes)!=null?c:$;return y(Object.entries(s).map(([m,t])=>[m,typeof t=="number"?`${t}px`:t]))[e]},H=639,J=[640,1023],N=[1024,1199],Q=[1200,1439],O={smallOnly:H,mediumOnly:J,largeOnly:N,xlargeOnly:Q,medium:S,large:f,xlarge:d,xxlarge:b},R=(n={})=>o(o({},O),n);exports.breakPoints=O;exports.checkIsCSSLength=p;exports.getSizeValue=G;exports.getSpacingValue=F;exports.mergeBreakpoints=R;exports.sizes=$;exports.spacing=u;
+"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;

lib/index.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import { DefaultTheme } from "styled-components";
@@ -44,11 +45,14 @@ declare type LowercaseCharacter = "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z";
 export declare const sizes: Sizes;
-declare type MaybeValue = CSSLength | undefined;
+declare type MaybeCSSLength = CSSLength | undefined;
 declare type GetSpacingValue = <T>(theme: T & {
     spacing?: BaseTheme;
     space?: BaseTheme;
-}, spacingKey: keyof Spacing | keyof SpacingOptions) => MaybeValue;
+}, spacingKey: keyof Spacing | keyof SpacingOptions) => MaybeCSSLength;
 export declare const getSpacingValue: GetSpacingValue;
+export declare type Gutter = CSSLength | number | keyof SpacingOptions;
+export declare function getSafeGutter<T extends BaseTheme>(theme: T, gutter?: Gutter): MaybeCSSLength;
+export declare const validateGutter: import("react").Validator<Gutter>;
 declare type GetSizeValue = <T>(theme: T & {
     sizes?: BaseTheme;
-}, sizingKey: unknown) => MaybeValue;
+}, sizingKey: unknown) => MaybeCSSLength;
 export declare const getSizeValue: GetSizeValue;
@@ -55,0 +59,0 @@ declare type NumberTuple = [number, number];

lib/index.m.js

@@ -84,2 +84,19 @@ var __defProp = Object.defineProperty;
 };
+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 gutterValidator({ gutter }, propName) {
+  if (gutter === 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) => {
@@ -111,2 +128,2 @@ var _a;
 const mergeBreakpoints = (newBreakPoints = {}) => __spreadValues(__spreadValues({}, breakPoints), newBreakPoints);
-export { breakPoints, checkIsCSSLength, getSizeValue, getSpacingValue, mergeBreakpoints, sizes, spacing };
+export { breakPoints, checkIsCSSLength, getSafeGutter, getSizeValue, getSpacingValue, mergeBreakpoints, sizes, spacing, validateGutter };

lib/index.umd.js

@@ -1,1 +0,1 @@
-var D=Object.defineProperty,P=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var h=(e,n,s)=>n in e?D(e,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[n]=s,m=(e,n)=>{for(var s in n||(n={}))B.call(n,s)&&h(e,s,n[s]);if($)for(var s of $(n))I.call(n,s)&&h(e,s,n[s]);return e},k=(e,n)=>P(e,T(n));(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";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(c=>c.test(t))}const g={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"},z=159,L=319,X=639,x=1023,p=1199,u=1439,f=1920,d={xxsmall:`${z}px`,xsmall:`${L}px`,small:`${X}px`,medium:`${x}px`,large:`${p}px`,xlarge:`${u}px`,xxlarge:`${f}px`};function S(t){return t.reduce((c,[l,r])=>k(m({},c),{[l]:r}),{})}const v=(t,c)=>{var o,b;const l=(b=(o=t.space)!=null?o:t.spacing)!=null?b:g,i=S(Object.entries(l).map(([C,a])=>[C,typeof a=="number"?`${a}px`:a]))[c];return n(i)?i:void 0},V=(t,c)=>{var i;if(typeof c=="number"||c===void 0)return;const l=(i=t.sizes)!=null?i:d;return S(Object.entries(l).map(([O,o])=>[O,typeof o=="number"?`${o}px`:o]))[c]},y={smallOnly:639,mediumOnly:[640,1023],largeOnly:[1024,1199],xlargeOnly:[1200,1439],medium:x,large:p,xlarge:u,xxlarge:f},j=(t={})=>m(m({},y),t);e.breakPoints=y,e.checkIsCSSLength=n,e.getSizeValue=V,e.getSpacingValue=v,e.mergeBreakpoints=j,e.sizes=d,e.spacing=g,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});
+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(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";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"}})});

package.json

 {
   "name": "@bedrock-layout/spacing-constants",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "bedrock-layout spacing constants",
@@ -57,3 +57,3 @@ "sideEffects": false,
   },
-  "gitHead": "079e6bd9babeda9ef519a7aa79b0a9b2de4b6d7e"
+  "gitHead": "62412d75da833c1544fe3a4c32f0e07915d4c9f6"
 }

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

16694

increased by9.82%

Lines of code

217

increased by11.86%

No dependency changes