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

Comparing version 3.2.2 to 3.2.3

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("open-props"),o=require("react");function c(n){return n??void 0}const u=o.createContext({});function x(){return o.useContext(u)??{}}function h({theme:n,children:e}){return o.createElement(u.Provider,{value:n},e)}function f(n){return n.reduce((e,[i,s])=>({...e,[i]:s}),{})}const{sizeXxs:g,sizeXs:b,sizeSm:C,sizeMd:l,sizeLg:$,sizeXl:T,sizeXxl:P,sizeContent1:O,sizeContent2:y,sizeContent3:D,sizeHeader1:V,sizeHeader2:X,sizeHeader3:j,size000:k,size00:H,size1:I,size2:L,size3:M,size4:q,size5:E,size6:G,size7:R,size8:w,size9:A,size10:B,size11:F,size12:J,size13:N,size14:Q,size15:U}=v,W={size000:k,size00:H,size1:I,size2:L,size3:M,size4:q,size5:E,size6:G,size7:R,size8:w,size9:A,size10:B,size11:F,size12:J,size13:N,size14:Q,size15:U},Y={sizeXxs:g,sizeXs:b,sizeSm:C,sizeMd:l,sizeLg:$,sizeXl:T,sizeXxl:P,sizeContent1:O,sizeContent2:y,sizeContent3:D,sizeHeader1:V,sizeHeader2:X,sizeHeader3:j},p=W,z=Y,m=/^--\D{1}.{0,100}$/;function S(n){return m.test(n)}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}.{0,100}\)$/,m].some(e=>e.test(n))}function d(n,e){const i=n.space??p,s=f(Object.entries(i).map(([r,t])=>[r,typeof t=="number"?`${t}px`:t]));return c(s[e])}function Z(n,e){if(e!==void 0)return typeof e=="number"&&e>=0?`${e}px`:typeof e=="string"&&a(e)?S(e)?`var(${e})`:e:c(d(n,e))}function _(n,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;if(typeof e=="string"&&a(e))return S(e)?`var(${e})`:e;const i=n.sizes??z,s=f(Object.entries(i).map(([r,t])=>[r,typeof t=="number"?`${t}px`:t]));return c(s[e])}exports.ThemeContext=u;exports.ThemeProvider=h;exports.checkIsCSSLength=a;exports.getSafeGutter=Z;exports.getSizeValue=_;exports.getSpacingValue=d;exports.sizes=z;exports.spacing=p;exports.useTheme=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("open-props"),o=require("react");function c(n){return n??void 0}const u=o.createContext({});function x(){return o.useContext(u)??{}}function v({theme:n,children:e}){return o.createElement(u.Provider,{value:n},e)}function f(n){return n.reduce((e,[i,s])=>({...e,[i]:s}),{})}const{sizeXxs:g,sizeXs:C,sizeSm:b,sizeMd:l,sizeLg:$,sizeXl:T,sizeXxl:P,sizeContent1:y,sizeContent2:O,sizeContent3:k,sizeHeader1:D,sizeHeader2:I,sizeHeader3:V,size000:X,size00:j,size1:H,size2:L,size3:M,size4:q,size5:w,size6:E,size7:G,size8:R,size9:A,size10:B,size11:F,size12:J,size13:N,size14:Q,size15:U}=h,W={size000:X,size00:j,size1:H,size2:L,size3:M,size4:q,size5:w,size6:E,size7:G,size8:R,size9:A,size10:B,size11:F,size12:J,size13:N,size14:Q,size15:U},Y={sizeXxs:g,sizeXs:C,sizeSm:b,sizeMd:l,sizeLg:$,sizeXl:T,sizeXxl:P,sizeContent1:y,sizeContent2:O,sizeContent3:k,sizeHeader1:D,sizeHeader2:I,sizeHeader3:V},m=W,z=Y,p=/^--\D{1}.{0,100}$/;function S(n){return p.test(n)}function Z(n){return["auto","inherit","none","min-content","max-content","fit-content"].includes(n)}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}.{0,100}\)$/,p].some(e=>e.test(n))||Z(n)}function d(n,e){const i=n.space??m,s=f(Object.entries(i).map(([r,t])=>[r,typeof t=="number"?`${t}px`:t]));return c(s[e])}function _(n,e){if(e!==void 0)return typeof e=="number"&&e>=0?`${e}px`:typeof e=="string"&&a(e)?S(e)?`var(${e})`:e:c(d(n,e))}function K(n,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;if(typeof e=="string"&&a(e))return S(e)?`var(${e})`:e;const i=n.sizes??z,s=f(Object.entries(i).map(([r,t])=>[r,typeof t=="number"?`${t}px`:t]));return c(s[e])}exports.ThemeContext=u;exports.ThemeProvider=v;exports.checkIsCSSLength=a;exports.getSafeGutter=_;exports.getSizeValue=K;exports.getSpacingValue=d;exports.sizes=z;exports.spacing=m;exports.useTheme=x;

lib/index.d.ts

@@ -18,6 +18,7 @@ import React from "react";
 type LengthUnit = "vmin" | "vmax" | "vh" | "vw" | "%" | "ch" | "ex" | "em" | "rem" | "in" | "cm" | "mm" | "pt" | "pc" | "px";
-export type CSSLength = CSSLengthUnit | CSSCustomPropertiesWithVar | CSSCustomProperties;
+type CSSSizeKeyword = "auto" | "inherit" | "none" | "min-content" | "max-content" | "fit-content";
+export type CSSLength = CSSLengthUnit | CSSCustomPropertiesWithVar | CSSCustomProperties | CSSSizeKeyword;
 export declare const spacing: Record<"size000" | "size00" | "size1" | "size2" | "size3" | "size4" | "size5" | "size6" | "size7" | "size8" | "size9" | "size10" | "size11" | "size12" | "size13" | "size14" | "size15", CSSLength>;
 export declare const sizes: Record<"sizeXxs" | "sizeXs" | "sizeSm" | "sizeMd" | "sizeLg" | "sizeXl" | "sizeXxl" | "sizeContent1" | "sizeContent2" | "sizeContent3" | "sizeHeader1" | "sizeHeader2" | "sizeHeader3", CSSLength>;
-export declare function checkIsCSSLength(str: string): str is CSSLength;
+export declare function checkIsCSSLength(str: unknown): str is CSSLength;
 export type BaseTheme = Record<string, CSSLength | string | number>;
@@ -37,5 +38,5 @@ type ThemeOrDefaultSpace<T> = T extends {
 export declare function getSafeGutter<T extends DefaultTheme>(theme: T, gutter?: Gutter): Maybe<CSSLength>;
-export declare function getSizeValue<T extends DefaultTheme>(theme: T & {
+export declare function getSizeValue(theme: {
     sizes?: BaseTheme;
-}, sizeKey?: CSSLength | number | SizesOptions): Maybe<CSSLength>;
+}, sizeKey?: string | number): Maybe<CSSLength>;
 export {};

lib/index.m.js

@@ -1,3 +0,3 @@
-import z from "open-props";
-import a, { createContext as x, useContext as d } from "react";
+import a from "open-props";
+import z, { createContext as x, useContext as S } from "react";
 function o(n) {
@@ -7,10 +7,10 @@ return n ?? void 0;
 const c = x({});
-function K() {
-  return d(c) ?? {};
+function ee() {
+  return S(c) ?? {};
 }
-function ee({
+function ne({
   theme: n,
   children: e
 }) {
-  return /* @__PURE__ */ a.createElement(c.Provider, { value: n }, e);
+  return /* @__PURE__ */ z.createElement(c.Provider, { value: n }, e);
 }
@@ -21,8 +21,8 @@ function f(n) {
 const {
-  sizeXxs: v,
-  sizeXs: S,
-  sizeSm: b,
+  sizeXxs: d,
+  sizeXs: v,
+  sizeSm: h,
   sizeMd: C,
-  sizeLg: $,
-  sizeXl: h,
+  sizeLg: b,
+  sizeXl: $,
   sizeXxl: l,
@@ -32,16 +32,16 @@ sizeContent1: O,
   sizeContent3: g,
-  sizeHeader1: D,
-  sizeHeader2: T,
-  sizeHeader3: X,
-  size000: y,
-  size00: H,
-  size1: j,
-  size2: k,
-  size3: E,
-  size4: I,
-  size5: L,
-  size6: M,
-  size7: R,
-  size8: V,
-  size9: w,
+  sizeHeader1: y,
+  sizeHeader2: D,
+  sizeHeader3: T,
+  size000: X,
+  size00: k,
+  size1: H,
+  size2: I,
+  size3: j,
+  size4: w,
+  size5: E,
+  size6: L,
+  size7: M,
+  size8: R,
+  size9: V,
   size10: G,
@@ -53,14 +53,14 @@ size11: q,
   size15: J
-} = z, N = {
-  size000: y,
-  size00: H,
-  size1: j,
-  size2: k,
-  size3: E,
-  size4: I,
-  size5: L,
-  size6: M,
-  size7: R,
-  size8: V,
-  size9: w,
+} = a, N = {
+  size000: X,
+  size00: k,
+  size1: H,
+  size2: I,
+  size3: j,
+  size4: w,
+  size5: E,
+  size6: L,
+  size7: M,
+  size8: R,
+  size9: V,
   size10: G,
@@ -73,8 +73,8 @@ size11: q,
 }, Q = {
-  sizeXxs: v,
-  sizeXs: S,
-  sizeSm: b,
+  sizeXxs: d,
+  sizeXs: v,
+  sizeSm: h,
   sizeMd: C,
-  sizeLg: $,
-  sizeXl: h,
+  sizeLg: b,
+  sizeXl: $,
   sizeXxl: l,
@@ -84,17 +84,27 @@ sizeContent1: O,
   sizeContent3: g,
-  sizeHeader1: D,
-  sizeHeader2: T,
-  sizeHeader3: X
-}, U = N, W = Q, p = /^--\D{1}.{0,100}$/;
+  sizeHeader1: y,
+  sizeHeader2: D,
+  sizeHeader3: T
+}, U = N, W = Q, u = /^--\D{1}.{0,100}$/;
 function m(n) {
-  return p.test(n);
+  return u.test(n);
 }
-function u(n) {
+function Y(n) {
+  return [
+    "auto",
+    "inherit",
+    "none",
+    "min-content",
+    "max-content",
+    "fit-content"
+  ].includes(n);
+}
+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}.{0,100}\)$/,
-    p
-  ].some((e) => e.test(n));
+    u
+  ].some((e) => e.test(n)) || Y(n);
 }
-function Y(n, e) {
+function Z(n, e) {
   const i = n.space ?? U, r = f(
@@ -108,7 +118,7 @@ Object.entries(i).map(([s, t]) => [
 }
-function ne(n, e) {
+function te(n, e) {
   if (e !== void 0)
-    return typeof e == "number" && e >= 0 ? `${e}px` : typeof e == "string" && u(e) ? m(e) ? `var(${e})` : e : o(Y(n, e));
+    return typeof e == "number" && e >= 0 ? `${e}px` : typeof e == "string" && p(e) ? m(e) ? `var(${e})` : e : o(Z(n, e));
 }
-function te(n, e) {
+function ie(n, e) {
   if (e === void 0)
@@ -118,3 +128,3 @@ return;
     return `${e}px`;
-  if (typeof e == "string" && u(e))
+  if (typeof e == "string" && p(e))
     return m(e) ? `var(${e})` : e;
@@ -131,10 +141,10 @@ const i = n.sizes ?? W, r = f(
   c as ThemeContext,
-  ee as ThemeProvider,
-  u as checkIsCSSLength,
-  ne as getSafeGutter,
-  te as getSizeValue,
-  Y as getSpacingValue,
+  ne as ThemeProvider,
+  p as checkIsCSSLength,
+  te as getSafeGutter,
+  ie as getSizeValue,
+  Z as getSpacingValue,
   W as sizes,
   U as spacing,
-  K as useTheme
+  ee as useTheme
 };

lib/index.umd.js

@@ -1,1 +0,1 @@
-(function(n,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("open-props"),require("react")):typeof define=="function"&&define.amd?define(["exports","open-props","react"],s):(n=typeof globalThis<"u"?globalThis:n||self,s(n["spacing-constants"]={},n.OpenProps,n.React))})(this,function(n,s,c){"use strict";function f(i){return i??void 0}const u=c.createContext({});function g(){return c.useContext(u)??{}}function C({theme:i,children:e}){return c.createElement(u.Provider,{value:i},e)}function m(i){return i.reduce((e,[r,o])=>({...e,[r]:o}),{})}const{sizeXxs:b,sizeXs:T,sizeSm:$,sizeMd:l,sizeLg:x,sizeXl:y,sizeXxl:P,sizeContent1:O,sizeContent2:j,sizeContent3:D,sizeHeader1:V,sizeHeader2:X,sizeHeader3:k,size000:H,size00:I,size1:L,size2:M,size3:q,size4:E,size5:G,size6:w,size7:A,size8:B,size9:F,size10:J,size11:N,size12:Q,size13:R,size14:U,size15:W}=s,Y={size000:H,size00:I,size1:L,size2:M,size3:q,size4:E,size5:G,size6:w,size7:A,size8:B,size9:F,size10:J,size11:N,size12:Q,size13:R,size14:U,size15:W},Z={sizeXxs:b,sizeXs:T,sizeSm:$,sizeMd:l,sizeLg:x,sizeXl:y,sizeXxl:P,sizeContent1:O,sizeContent2:j,sizeContent3:D,sizeHeader1:V,sizeHeader2:X,sizeHeader3:k},z=Y,d=Z,S=/^--\D{1}.{0,100}$/;function h(i){return S.test(i)}function p(i){return typeof i!="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}.{0,100}\)$/,S].some(e=>e.test(i))}function v(i,e){const r=i.space??z,o=m(Object.entries(r).map(([a,t])=>[a,typeof t=="number"?`${t}px`:t]));return f(o[e])}function _(i,e){if(e!==void 0)return typeof e=="number"&&e>=0?`${e}px`:typeof e=="string"&&p(e)?h(e)?`var(${e})`:e:f(v(i,e))}function K(i,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;if(typeof e=="string"&&p(e))return h(e)?`var(${e})`:e;const r=i.sizes??d,o=m(Object.entries(r).map(([a,t])=>[a,typeof t=="number"?`${t}px`:t]));return f(o[e])}n.ThemeContext=u,n.ThemeProvider=C,n.checkIsCSSLength=p,n.getSafeGutter=_,n.getSizeValue=K,n.getSpacingValue=v,n.sizes=d,n.spacing=z,n.useTheme=g,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(t,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("open-props"),require("react")):typeof define=="function"&&define.amd?define(["exports","open-props","react"],s):(t=typeof globalThis<"u"?globalThis:t||self,s(t["spacing-constants"]={},t.OpenProps,t.React))})(this,function(t,s,c){"use strict";function u(n){return n??void 0}const f=c.createContext({});function C(){return c.useContext(f)??{}}function g({theme:n,children:e}){return c.createElement(f.Provider,{value:n},e)}function m(n){return n.reduce((e,[r,o])=>({...e,[r]:o}),{})}const{sizeXxs:b,sizeXs:T,sizeSm:l,sizeMd:x,sizeLg:$,sizeXl:y,sizeXxl:P,sizeContent1:O,sizeContent2:j,sizeContent3:k,sizeHeader1:D,sizeHeader2:I,sizeHeader3:V,size000:X,size00:H,size1:L,size2:M,size3:q,size4:w,size5:E,size6:G,size7:A,size8:B,size9:F,size10:J,size11:N,size12:Q,size13:R,size14:U,size15:W}=s,Y={size000:X,size00:H,size1:L,size2:M,size3:q,size4:w,size5:E,size6:G,size7:A,size8:B,size9:F,size10:J,size11:N,size12:Q,size13:R,size14:U,size15:W},Z={sizeXxs:b,sizeXs:T,sizeSm:l,sizeMd:x,sizeLg:$,sizeXl:y,sizeXxl:P,sizeContent1:O,sizeContent2:j,sizeContent3:k,sizeHeader1:D,sizeHeader2:I,sizeHeader3:V},z=Y,d=Z,S=/^--\D{1}.{0,100}$/;function h(n){return S.test(n)}function _(n){return["auto","inherit","none","min-content","max-content","fit-content"].includes(n)}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}.{0,100}\)$/,S].some(e=>e.test(n))||_(n)}function v(n,e){const r=n.space??z,o=m(Object.entries(r).map(([p,i])=>[p,typeof i=="number"?`${i}px`:i]));return u(o[e])}function K(n,e){if(e!==void 0)return typeof e=="number"&&e>=0?`${e}px`:typeof e=="string"&&a(e)?h(e)?`var(${e})`:e:u(v(n,e))}function ee(n,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;if(typeof e=="string"&&a(e))return h(e)?`var(${e})`:e;const r=n.sizes??d,o=m(Object.entries(r).map(([p,i])=>[p,typeof i=="number"?`${i}px`:i]));return u(o[e])}t.ThemeContext=f,t.ThemeProvider=g,t.checkIsCSSLength=a,t.getSafeGutter=K,t.getSizeValue=ee,t.getSpacingValue=v,t.sizes=d,t.spacing=z,t.useTheme=C,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@bedrock-layout/spacing-constants",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "bedrock-layout spacing constants",
@@ -59,3 +59,3 @@ "sideEffects": false,
   },
-  "gitHead": "f72ddd93e316e467cb360b54cfe8270fa975d089"
+  "gitHead": "851591f8b0c497c2fff36485bac4d92309341fbd"
 }

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

16168

increased by2.77%

Lines of code

198

increased by5.88%

No dependency changes