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

Comparing version 3.3.2 to 3.3.3

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function c(n){return n??void 0}const m=o.createContext({});function h(){return o.useContext(m)??{}}function d({theme:n,children:e}){return o.createElement(m.Provider,{value:n},e)}function a(n){return n.reduce((e,[r,i])=>({...e,[r]:i}),{})}const v={size000:"-.5rem",size00:"-.25rem",size1:".25rem",size2:".5rem",size3:"1rem",size4:"1.25rem",size5:"1.5rem",size6:"1.75rem",size7:"2rem",size8:"3rem",size9:"4rem",size10:"5rem",size11:"7.5rem",size12:"10rem",size13:"15rem",size14:"20rem",size15:"30rem"},g={sizeContent1:"20ch",sizeContent2:"45ch",sizeContent3:"60ch",sizeHeader1:"20ch",sizeHeader2:"25ch",sizeHeader3:"35ch",sizeXxs:"240px",sizeXs:"360px",sizeSm:"480px",sizeMd:"768px",sizeLg:"1024px",sizeXl:"1440px",sizeXxl:"1920px"},f=v,p=g,z=/^--\D{1}.{0,100}$/;function x(n){return z.test(n)}function C(n){return["auto","inherit","none","min-content","max-content","fit-content"].includes(n)}function u(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}\)$/,z].some(e=>e.test(n))||C(n)}function S(n,e){const r=n.space??f,i=a(Object.entries(r).map(([s,t])=>[s,typeof t=="number"?`${t}px`:t]));return c(i[e])}function b(n,e){if(e!==void 0)return typeof e=="number"&&e>=0?`${e}px`:typeof e=="string"&&u(e)?x(e)?`var(${e})`:e:c(S(n,e))}function l(n,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;if(typeof e=="string"&&u(e))return x(e)?`var(${e})`:e;const r=n.sizes??p,i=a(Object.entries(r).map(([s,t])=>[s,typeof t=="number"?`${t}px`:t]));return c(i[e])}exports.ThemeContext=m;exports.ThemeProvider=d;exports.checkIsCSSLength=u;exports.getSafeGutter=b;exports.getSizeValue=l;exports.getSpacingValue=S;exports.sizes=p;exports.spacing=f;exports.useTheme=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react");function u(t){return t??void 0}const p=m.createContext({});function v(){return m.useContext(p)??{}}function y({theme:t,children:e}){return m.createElement(p.Provider,{value:t},e)}const g={size000:"-.5rem",size00:"-.25rem",size1:".25rem",size2:".5rem",size3:"1rem",size4:"1.25rem",size5:"1.5rem",size6:"1.75rem",size7:"2rem",size8:"3rem",size9:"4rem",size10:"5rem",size11:"7.5rem",size12:"10rem",size13:"15rem",size14:"20rem",size15:"30rem"},P={sizeContent1:"20ch",sizeContent2:"45ch",sizeContent3:"60ch",sizeHeader1:"20ch",sizeHeader2:"25ch",sizeHeader3:"35ch",sizeXxs:"240px",sizeXs:"360px",sizeSm:"480px",sizeMd:"768px",sizeLg:"1024px",sizeXl:"1440px",sizeXxl:"1920px"},a=g,z=P,f=/^--\D{1}.{0,100}$/;function l(t){return e=>t(e)?{result:"valid",property:e}:{result:"invalid",property:e}}const h=l(t=>f.test(t)),x=l(t=>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}.{0,100}\)$/,f].some(e=>e.test(t))||["auto","inherit","none","min-content","max-content","fit-content"].includes(t));function d(t,e){const n=t.space??a,r=Object.fromEntries(Object.entries(n).map(([i,s])=>[i,typeof s=="number"?`${s}px`:s]));return u(r[e])}function S(t,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;const{result:n,property:r}=x(e);if(typeof e=="string"&&n==="valid"){const{result:i,property:s}=h(r);return i==="valid"?`var(${s})`:r}return u(d(t,e))}function b(t,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;const{result:n,property:r}=x(e);if(n==="valid"){const{result:c,property:o}=h(r);return c==="valid"?`var(${o})`:r}const i=t.sizes??z,s=Object.fromEntries(Object.entries(i).map(([c,o])=>[c,typeof o=="number"?`${o}px`:o]));return u(s[e])}exports.ThemeContext=p;exports.ThemeProvider=y;exports.getSafeGutter=S;exports.getSizeValue=b;exports.getSpacingValue=d;exports.sizes=z;exports.spacing=a;exports.useTheme=v;

lib/index.d.ts

@@ -15,10 +15,9 @@ import React from "react";
 type CSSLengthUnit = `${number}${LengthUnit}`;
-type CSSCustomProperties = `--${NonEmptyString}`;
-type CSSCustomPropertiesWithVar = `var(${CSSCustomProperties})`;
+type CSSCustomProperty = `--${NonEmptyString}`;
+type CSSCustomPropertyWithVar = `var(${CSSCustomProperty})`;
 type LengthUnit = "vmin" | "vmax" | "vh" | "vw" | "%" | "ch" | "ex" | "em" | "rem" | "in" | "cm" | "mm" | "pt" | "pc" | "px";
 type CSSSizeKeyword = "auto" | "inherit" | "none" | "min-content" | "max-content" | "fit-content";
-export type CSSLength = CSSLengthUnit | CSSCustomPropertiesWithVar | CSSCustomProperties | CSSSizeKeyword;
+export type CSSLength = CSSLengthUnit | CSSCustomPropertyWithVar | CSSCustomProperty | 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<"sizeContent1" | "sizeContent2" | "sizeContent3" | "sizeHeader1" | "sizeHeader2" | "sizeHeader3" | "sizeXxs" | "sizeXs" | "sizeSm" | "sizeMd" | "sizeLg" | "sizeXl" | "sizeXxl", CSSLength>;
-export declare function checkIsCSSLength(str: unknown): str is CSSLength;
 export type BaseTheme = Record<string, CSSLength | string | number>;
@@ -25,0 +24,0 @@ type ThemeOrDefaultSpace<T> = T extends {

lib/index.m.js

@@ -1,22 +0,16 @@
-import a, { createContext as z, useContext as x } from "react";
-function o(n) {
-  return n ?? void 0;
+import h, { createContext as l, useContext as x } from "react";
+function m(t) {
+  return t ?? void 0;
 }
-const c = z({});
-function l() {
-  return x(c) ?? {};
+const p = l({});
+function $() {
+  return x(p) ?? {};
 }
 function g({
-  theme: n,
+  theme: t,
   children: e
 }) {
-  return /* @__PURE__ */ a.createElement(c.Provider, { value: n }, e);
+  return /* @__PURE__ */ h.createElement(p.Provider, { value: t }, e);
 }
-function m(n) {
-  return n.reduce(
-    (e, [t, i]) => ({ ...e, [t]: i }),
-    {}
-  );
-}
-const h = {
+const d = {
   size000: "-.5rem",
@@ -39,3 +33,3 @@ size00: "-.25rem",
   size15: "30rem"
-}, S = {
+}, v = {
   sizeContent1: "20ch",
@@ -54,37 +48,48 @@ sizeContent2: "45ch",
   sizeXxl: "1920px"
-}, d = h, v = S, f = /^--\D{1}.{0,100}$/;
-function p(n) {
-  return f.test(n);
+}, y = d, P = v, u = /^--\D{1}.{0,100}$/;
+function a(t) {
+  return (e) => t(e) ? {
+    result: "valid",
+    property: e
+  } : {
+    result: "invalid",
+    property: e
+  };
 }
-function C(n) {
-  return [
-    "auto",
-    "inherit",
-    "none",
-    "min-content",
-    "max-content",
-    "fit-content"
-  ].includes(n);
-}
-function u(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}\)$/,
-    f
-  ].some((e) => e.test(n)) || C(n);
-}
-function b(n, e) {
-  const t = n.space ?? d, i = m(
-    Object.entries(t).map(([s, r]) => [
-      s,
-      typeof r == "number" ? `${r}px` : r
+const z = a(
+  (t) => u.test(t)
+), f = a((t) => 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}.{0,100}\)$/,
+  u
+].some((e) => e.test(t)) || [
+  "auto",
+  "inherit",
+  "none",
+  "min-content",
+  "max-content",
+  "fit-content"
+].includes(t));
+function b(t, e) {
+  const n = t.space ?? y, r = Object.fromEntries(
+    Object.entries(n).map(([i, s]) => [
+      i,
+      typeof s == "number" ? `${s}px` : s
     ])
   );
-  return o(i[e]);
+  return m(r[e]);
 }
-function y(n, e) {
-  if (e !== void 0)
-    return typeof e == "number" && e >= 0 ? `${e}px` : typeof e == "string" && u(e) ? p(e) ? `var(${e})` : e : o(b(n, e));
+function M(t, e) {
+  if (e === void 0)
+    return;
+  if (typeof e == "number" && e >= 0)
+    return `${e}px`;
+  const { result: n, property: r } = f(e);
+  if (typeof e == "string" && n === "valid") {
+    const { result: i, property: s } = z(r);
+    return i === "valid" ? `var(${s})` : r;
+  }
+  return m(b(t, e));
 }
-function D(n, e) {
+function S(t, e) {
   if (e === void 0)
@@ -94,22 +99,24 @@ return;
     return `${e}px`;
-  if (typeof e == "string" && u(e))
-    return p(e) ? `var(${e})` : e;
-  const t = n.sizes ?? v, i = m(
-    Object.entries(t).map(([s, r]) => [
-      s,
-      typeof r == "number" ? `${r}px` : r
+  const { result: n, property: r } = f(e);
+  if (n === "valid") {
+    const { result: c, property: o } = z(r);
+    return c === "valid" ? `var(${o})` : r;
+  }
+  const i = t.sizes ?? P, s = Object.fromEntries(
+    Object.entries(i).map(([c, o]) => [
+      c,
+      typeof o == "number" ? `${o}px` : o
     ])
   );
-  return o(i[e]);
+  return m(s[e]);
 }
 export {
-  c as ThemeContext,
+  p as ThemeContext,
   g as ThemeProvider,
-  u as checkIsCSSLength,
-  y as getSafeGutter,
-  D as getSizeValue,
+  M as getSafeGutter,
+  S as getSizeValue,
   b as getSpacingValue,
-  v as sizes,
-  d as spacing,
-  l as useTheme
+  P as sizes,
+  y as spacing,
+  $ as useTheme
 };

lib/index.umd.js

@@ -1,1 +0,1 @@
-(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t["spacing-constants"]={},t.React))})(this,function(t,i){"use strict";function o(n){return n??void 0}const m=i.createContext({});function x(){return i.useContext(m)??{}}function v({theme:n,children:e}){return i.createElement(m.Provider,{value:n},e)}function a(n){return n.reduce((e,[s,c])=>({...e,[s]:c}),{})}const g={size000:"-.5rem",size00:"-.25rem",size1:".25rem",size2:".5rem",size3:"1rem",size4:"1.25rem",size5:"1.5rem",size6:"1.75rem",size7:"2rem",size8:"3rem",size9:"4rem",size10:"5rem",size11:"7.5rem",size12:"10rem",size13:"15rem",size14:"20rem",size15:"30rem"},C={sizeContent1:"20ch",sizeContent2:"45ch",sizeContent3:"60ch",sizeHeader1:"20ch",sizeHeader2:"25ch",sizeHeader3:"35ch",sizeXxs:"240px",sizeXs:"360px",sizeSm:"480px",sizeMd:"768px",sizeLg:"1024px",sizeXl:"1440px",sizeXxl:"1920px"},p=g,z=C,d=/^--\D{1}.{0,100}$/;function h(n){return d.test(n)}function b(n){return["auto","inherit","none","min-content","max-content","fit-content"].includes(n)}function u(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}\)$/,d].some(e=>e.test(n))||b(n)}function S(n,e){const s=n.space??p,c=a(Object.entries(s).map(([f,r])=>[f,typeof r=="number"?`${r}px`:r]));return o(c[e])}function l(n,e){if(e!==void 0)return typeof e=="number"&&e>=0?`${e}px`:typeof e=="string"&&u(e)?h(e)?`var(${e})`:e:o(S(n,e))}function T(n,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;if(typeof e=="string"&&u(e))return h(e)?`var(${e})`:e;const s=n.sizes??z,c=a(Object.entries(s).map(([f,r])=>[f,typeof r=="number"?`${r}px`:r]));return o(c[e])}t.ThemeContext=m,t.ThemeProvider=v,t.checkIsCSSLength=u,t.getSafeGutter=l,t.getSizeValue=T,t.getSpacingValue=S,t.sizes=z,t.spacing=p,t.useTheme=x,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+(function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n["spacing-constants"]={},n.React))})(this,function(n,r){"use strict";function m(t){return t??void 0}const p=r.createContext({});function x(){return r.useContext(p)??{}}function g({theme:t,children:e}){return r.createElement(p.Provider,{value:t},e)}const P={size000:"-.5rem",size00:"-.25rem",size1:".25rem",size2:".5rem",size3:"1rem",size4:"1.25rem",size5:"1.5rem",size6:"1.75rem",size7:"2rem",size8:"3rem",size9:"4rem",size10:"5rem",size11:"7.5rem",size12:"10rem",size13:"15rem",size14:"20rem",size15:"30rem"},S={sizeContent1:"20ch",sizeContent2:"45ch",sizeContent3:"60ch",sizeHeader1:"20ch",sizeHeader2:"25ch",sizeHeader3:"35ch",sizeXxs:"240px",sizeXs:"360px",sizeSm:"480px",sizeMd:"768px",sizeLg:"1024px",sizeXl:"1440px",sizeXxl:"1920px"},f=P,z=S,d=/^--\D{1}.{0,100}$/;function h(t){return e=>t(e)?{result:"valid",property:e}:{result:"invalid",property:e}}const l=h(t=>d.test(t)),v=h(t=>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}.{0,100}\)$/,d].some(e=>e.test(t))||["auto","inherit","none","min-content","max-content","fit-content"].includes(t));function y(t,e){const o=t.space??f,s=Object.fromEntries(Object.entries(o).map(([c,i])=>[c,typeof i=="number"?`${i}px`:i]));return m(s[e])}function T(t,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;const{result:o,property:s}=v(e);if(typeof e=="string"&&o==="valid"){const{result:c,property:i}=l(s);return c==="valid"?`var(${i})`:s}return m(y(t,e))}function b(t,e){if(e===void 0)return;if(typeof e=="number"&&e>=0)return`${e}px`;const{result:o,property:s}=v(e);if(o==="valid"){const{result:a,property:u}=l(s);return a==="valid"?`var(${u})`:s}const c=t.sizes??z,i=Object.fromEntries(Object.entries(c).map(([a,u])=>[a,typeof u=="number"?`${u}px`:u]));return m(i[e])}n.ThemeContext=p,n.ThemeProvider=g,n.getSafeGutter=T,n.getSizeValue=b,n.getSpacingValue=y,n.sizes=z,n.spacing=f,n.useTheme=x,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@bedrock-layout/spacing-constants",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "bedrock-layout spacing constants",
@@ -57,3 +57,3 @@ "sideEffects": false,
   },
-  "gitHead": "28fa04de981b50c7bfaa976a80df0a8939a65875"
+  "gitHead": "295076a786ab9f1c3a9108d8c06bba94507a6c65"
 }

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

16053

increased by2.88%

Lines of code

175

increased by4.17%

No dependency changes