system-props - npm Package Compare versions

Comparing version 0.17.0-0 to 0.17.0-1

dist/core/get.d.ts

@@ -9,4 +9,4 @@ import { Get } from '../types';
  */
-export declare const betterGet: Get;
-export declare const memoize: (fn: Get) => Get;
+export declare const tokenGet: Get;
+export declare const memoizeGet: (fn: Get) => Get;
 export declare const memoizedGet: Get;

dist/core/index.d.ts

@@ -1,2 +0,2 @@
-export { betterGet as get } from './get';
+export { tokenGet, memoizeGet, get, memoizedGet } from './get';
 export { createSystem } from './createSystem';

dist/index.d.ts

@@ -1,2 +0,2 @@
-export { betterGet as get } from './core/get';
+export { memoizeGet, get, tokenGet } from './core/get';
 export { createSystem } from './core/createSystem';
@@ -3,0 +3,0 @@ export * from './props';

dist/system-props.cjs.development.js

@@ -35,3 +35,3 @@ 'use strict';
 
-var betterGet = function betterGet(object, path, defaultValue) {
+var tokenGet = function tokenGet(object, path, defaultValue) {
   var result;
@@ -45,3 +45,3 @@
 };
-var memoize = function memoize(fn) {
+var memoizeGet = function memoizeGet(fn) {
   var cache = new WeakMap();
@@ -71,3 +71,3 @@
 };
-var memoizedGet = /*#__PURE__*/memoize(betterGet);
+var memoizedGet = /*#__PURE__*/memoizeGet(tokenGet);
 
@@ -1270,3 +1270,3 @@ function _extends() {
 exports.flexbox = flexbox;
-exports.get = betterGet;
+exports.get = get;
 exports.grid = grid;
@@ -1277,2 +1277,3 @@ exports.gridContainer = gridContainer;
 exports.margin = margin;
+exports.memoizeGet = memoizeGet;
 exports.padding = padding;
@@ -1286,3 +1287,4 @@ exports.position = position;
 exports.styledSystemLayout = layout$1;
+exports.tokenGet = tokenGet;
 exports.typography = typography;
 //# sourceMappingURL=system-props.cjs.development.js.map

dist/system-props.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=function(r,e,t){if(!r)return t;for(var o="string"==typeof e?e.split("."):[e],a=r,i=0;i<o.length;i++){var s=o[i];a=!a||"number"!=typeof s&&"string"!=typeof s?void 0:a[s]}return void 0===a?t:a},e=function(e,t,o){var a;return"string"==typeof t&&t.startsWith("$")&&(a=r(e,t.slice(1))),void 0===a?o:a},t=function(r){var e=new WeakMap;return function(t,o,a){if(void 0===t)return r(t,o,a);e.has(t)||e.set(t,new Map);var i=e.get(t);if(i.has(o))return i.get(o);var s=r(t,o,a);return i.set(o,s),s}}(e);function o(){return(o=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o])}return r}).apply(this,arguments)}var a=function(r){var e=r.path;return(0,r.get)(r.object,e,!0===r.strict?void 0:e)},i=function(r){var e=r.scale,t=r.transform,o=void 0===t?a:t,i=r.defaultScale,s=r.get,p=r.properties||[r.property];if("function"!=typeof s)throw new Error("");var n=function(r,e,t,a){var i,n={};return null===(i=o({path:r,object:e,props:t,strict:a.strict,get:s}))||p.forEach((function(r){r&&(n[r]=i)})),n};return Object.assign(n,{scale:e,defaultScale:i}),n},s=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}),p=function(r){var e={};return Object.keys(r).sort((function(r,e){return s.compare(r,e)})).forEach((function(t){e[t]=r[t]})),e};function n(r,e){return o({},r,e)}var d=function(r,e){var t=n(r,e);for(var o in r){var a;r[o]&&"object"==typeof e[o]&&(t=n(t,((a={})[o]=n(r[o],e[o]),a)))}return t},c={_hover:"&:hover",_focus:"&:focus",_focusWithin:"&:focus-within",_focusVisible:"&:focus-visible",_active:"&:active",_visited:"&:visited",_selection:"&::selection",_before:"&::before",_after:"&::after",_placeholder:"&::placeholder",_hoverAndFocus:"&:hover, &:focus",_disabled:"[disabled], [disabled]:hover, [disabled]:focus, [aria-disabled], [aria-disabled]:hover, [aria-disabled]:focus",_readOnly:"[readOnly]",_first:"&:first-child",_last:"&:last-child",_notFirst:"&:not(:first-of-type)",_notLast:"&:not(:last-of-type)",_checked:"&[aria-checked=true], &[checked]",_odd:"&:nth-of-type(odd)",_even:"&:nth-of-type(even)"},l=function(r){return"@media screen and (min-width: "+r+")"},f=function e(t,a,i){void 0===a&&(a={}),void 0===i&&(i=!1);var s={strict:i,key:"__systemprops__"},n=function(e){var i,n={},c=!1,f=!1;void 0!==(null==(i=e.theme)?void 0:i.systemPropsCacheKey)&&e.theme.systemPropsCacheKey!==s.key&&(s.key=e.theme.systemPropsCacheKey,f=!0);var u=function(a,i){var p,n,d=t[i],u=a[i],g=r(e.theme,d.scale);if("function"==typeof u&&(u=u(e.theme)),"object"==typeof u){var h;if(s.breakpoints=!f&&s.breakpoints||(null==e||null==(h=e.theme)?void 0:h.breakpoints),Array.isArray(u)){if(void 0===s.breakpoints)throw new Error("The system props parser could not find a `breakpoints` property in the theme object, which is required for responsive styles to work. Make sure that the theme object has a breakpoints property.");return s.media=!f&&s.media||[null].concat((n=p=s.breakpoints,Array.isArray(p)||(n=Object.values(p)),n.map(l))),function(r){var e=r.cache,t=r.systemConfig,a=r.scale,i=r.props,s={},p=e.media;return r.propValue.slice(0,p.length).forEach((function(r,n){var d,c="function"==typeof r?r(i.theme):r,l=p[n],f=t(c,a,i,e);s=o({},s,l?((d={})[l]=o({},s[l],f),d):f)})),s}({cache:s,systemConfig:d,scale:g,propValue:u,props:a})}if(null!==u)return c=!0,function(r){var e=r.cache,t=r.systemConfig,a=r.scale,i=r.propValue,s=r.props,p=e.breakpoints,n={};for(var d in i){var c=p[d],l=i[d],f=t("function"==typeof l?l(s.theme):l,a,s,e);if(c){var u,g="@media screen and (min-width: "+c+")";n=o({},n,((u={})[g]=o({},n[g],f),u))}else n=o({},n,f)}return n}({cache:s,systemConfig:d,scale:g,propValue:u,props:a})}return d(u,g,e,s)};for(var g in e)if(a[g]){var h=a[g],b=e[g];for(var m in b)n[h]=o({},n[h],u(b,m)),c&&(n[a[g]]=p(n[a[g]]),c=!1)}else t[g]&&(n=d(n,u(e,g)));return c&&(n=p(n)),n};n.config=t,n.propNames=Object.keys(t),n.cache=s;var c=Object.keys(t).filter((function(r){return"config"!==r}));return c.length>1&&c.forEach((function(r){var o,a;Object.assign(n,((a={})[r]=e(((o={})[r]=t[r],o)),a))})),n},u={background:!0,backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0};u.bgImage=u.backgroundImage,u.bgSize=u.backgroundSize,u.bgPosition=u.backgroundPosition,u.bgRepeat=u.backgroundRepeat;var g,h="",b=0,m=[[]],y=function(r){if(v(),m=[[]],!r)return m;for(var e=r.length,t=0;t<e;t++){var o=r[t];switch(o){case" ":1===g?x():g&&(h+=o);break;case",":b?h+=o:(x(),m[m.length]=[],v());break;case'"':h+=o,b||g?1===b&&2===g&&(b=0,x()):(g=2,b=1);break;case"(":b||(g=3),b++,h+=o;break;case")":h+=o,b--,3!==g||b||x();break;case"[":b||(g=4),h+=o,b++;break;case"]":h+=o,--b||x();break;default:g||(g=1),h+=o}}return h&&x(),m};function v(){b=g=0,h=""}function x(){g&&m[m.length-1].push(h),v()}var R=function(r){var e,t,o,a,i=r.path,s=r.props,p=r.strict,n=r.get;if("string"!=typeof i)return i;var d=n((null==s||null==(e=s.theme)?void 0:e.borders)||r.object,i);if(d)return d;var c=y(i)[0],l=c[0],f=c[1],u=c[2];return[n(null==s||null==(t=s.theme)?void 0:t.borderWidths,l,p?void 0:l),n(null==s||null==(o=s.theme)?void 0:o.borderStyles,f,p?void 0:f),n(null==s||null==(a=s.theme)?void 0:a.colors,u,p?void 0:u)].filter(Boolean).join(" ")},k={border:{property:"border",scale:"borders",transform:R},borderWidth:{property:"borderWidth",scale:"borderWidths"},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii"},borderTop:{property:"borderTop",scale:"borders",transform:R},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii"},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii"},borderRight:{property:"borderRight",scale:"borders",transform:R},borderBottom:{property:"borderBottom",scale:"borders",transform:R},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii"},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii"},borderLeft:{property:"borderLeft",scale:"borders",transform:R},borderX:{properties:["borderLeft","borderRight"],scale:"borders",transform:R},borderY:{properties:["borderTop","borderBottom"],scale:"borders",transform:R},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths"},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"}};k.borderTopLeftRadius={property:"borderTopLeftRadius",scale:"radii"},k.borderTopRightRadius={property:"borderTopRightRadius",scale:"radii"},k.borderBottomWidth={property:"borderBottomWidth",scale:"borderWidths"},k.borderBottomColor={property:"borderBottomColor",scale:"colors"},k.borderBottomStyle={property:"borderBottomStyle",scale:"borderStyles"},k.borderBottomLeftRadius={property:"borderBottomLeftRadius",scale:"radii"},k.borderBottomRightRadius={property:"borderBottomRightRadius",scale:"radii"},k.borderLeftWidth={property:"borderLeftWidth",scale:"borderWidths"},k.borderLeftColor={property:"borderLeftColor",scale:"colors"},k.borderLeftStyle={property:"borderLeftStyle",scale:"borderStyles"},k.borderRightWidth={property:"borderRightWidth",scale:"borderWidths"},k.borderRightColor={property:"borderRightColor",scale:"colors"},k.borderRightStyle={property:"borderRightStyle",scale:"borderStyles"};var S=k,w={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},opacity:!0};w.bg=w.backgroundColor,w.textColor=w.color;var j={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0},C={flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:!0,justifySelf:!0,alignSelf:!0,order:!0},W=o({},j,C),B={gridArea:!0,gridColumnStart:!0,gridColumnEnd:!0,gridRowStart:!0,gridRowEnd:!0,justifySelf:!0,alignSelf:!0,placeSelf:!0},T={gap:{property:"gap",scale:"space"},gridGap:{property:"gridGap",scale:"space"},gridColumnGap:{property:"gridColumnGap",scale:"space"},gridRowGap:{property:"gridRowGap",scale:"space"},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0},L=o({},B,T),_={width:{property:"width",scale:"sizes"},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},size:{properties:["width","height"],scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},z=function(r){return"number"==typeof r&&!isNaN(r)},O=function(r){var e=r.path,t=r.object,o=r.strict,a=r.get;if(!z(e)){if("string"==typeof e&&e.startsWith("-")){var i=e.slice(1),s=a(t,i,i);return z(s)?-1*s:"-"+s}return a(t,e,o?void 0:e)}var p=e<0,n=Math.abs(e),d=a(t,n,o?void 0:n);return z(d)?d*(p?-1:1):null!=d?p?"-"+d:d:void 0},A={position:!0,zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",transform:O},right:{property:"right",scale:"space",transform:O},bottom:{property:"bottom",scale:"space",transform:O},left:{property:"left",scale:"space",transform:O}},H=function(r){var e=r.path,t=r.get,o=r.props;return t(r.object,e)||("string"==typeof e?y(e).map((function(r){return r.map((function(r){var e;return t(null==o||null==(e=o.theme)?void 0:e.colors,r,r)})).join(" ")})).join(", "):e)},I={boxShadow:{property:"boxShadow",scale:"shadows",transform:H},textShadow:{property:"textShadow",scale:"shadows",transform:H}},E=function(r){var e=r.path,t=r.object,o=r.props,a=r.strict,i=r.get;if("number"==typeof e){var s=O({path:e,object:t,props:o,strict:a,get:i});if(s)return s}if("string"==typeof e){var p=e.split(" ");return 1===p.length?O({path:e,object:t,props:o,strict:a,get:i}):p.reduce((function(r,e){var s=O({get:i,path:e,object:t,props:o,strict:a});return"number"==typeof s&&(s+="px"),[].concat(r,[s])}),[]).filter(Boolean).join(" ")}return e},P=function(r){var e,t=r.path,o=r.props,a=r.strict,i=r.get;if("number"==typeof t){var s=i(r.object,t);if(s)return s}return"string"==typeof t?1===t.split(" ").length?i(null==o||null==(e=o.theme)?void 0:e.space,t,a?void 0:t):t.split(" ").reduce((function(r,e){var t,s=i(null==o||null==(t=o.theme)?void 0:t.space,e,a?void 0:e);return"number"==typeof s&&(s+="px"),[].concat(r,[s])}),[]).filter(Boolean).join(" "):t},G={margin:{property:"margin",scale:"space",transform:E},marginTop:{property:"marginTop",scale:"space",transform:E},marginRight:{property:"marginRight",scale:"space",transform:E},marginBottom:{property:"marginBottom",scale:"space",transform:E},marginLeft:{property:"marginLeft",scale:"space",transform:E},marginX:{properties:["marginLeft","marginRight"],scale:"space",transform:E},marginY:{properties:["marginTop","marginBottom"],scale:"space",transform:E}};G.m=G.margin,G.mt=G.marginTop,G.mr=G.marginRight,G.mb=G.marginBottom,G.ml=G.marginLeft,G.mx=G.marginX,G.my=G.marginY;var X={padding:{property:"padding",scale:"space",transform:P},paddingTop:{property:"paddingTop",scale:"space",transform:P},paddingRight:{property:"paddingRight",scale:"space",transform:P},paddingBottom:{property:"paddingBottom",scale:"space",transform:P},paddingLeft:{property:"paddingLeft",scale:"space",transform:P},paddingX:{properties:["paddingLeft","paddingRight"],scale:"space",transform:P},paddingY:{properties:["paddingTop","paddingBottom"],scale:"space",transform:P}};X.p=X.padding,X.pt=X.paddingTop,X.pr=X.paddingRight,X.pb=X.paddingBottom,X.pl=X.paddingLeft,X.px=X.paddingX,X.py=X.paddingY;var Y=o({},X,G),F={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes"},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings"},textAlign:!0,fontStyle:!0},N={width:{property:"width",scale:"sizes",transform:function(r){var e,t=r.path,o=r.object,a=r.get,i=t;return"number"!=typeof(e=t)||isNaN(e)||(i=t>1?t:100*t+"%"),a(o,t,i)}},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},size:{properties:["width","height"],scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},M=Object.keys(o({},c,u,S,w,L,W,_,A,I,Y,F)),V=new Set(M);exports.background=u,exports.border=S,exports.color=w,exports.createSystem=function(r){var e=void 0===r?{}:r,a=e.strict,s=void 0!==a&&a,p=e.pseudoSelectors,n=void 0===p?c:p,d=e.get,l=void 0===d?t:d;return function(r){var e={};return Object.keys(r).forEach((function(t){var a=r[t];!0!==a?"function"!=typeof a&&(e[t]=i(o({},a,{get:l}))):e[t]=i({property:t,scale:t,get:l})})),f(e,n,s)}},exports.flexContainer=j,exports.flexItem=C,exports.flexbox=W,exports.get=e,exports.grid=L,exports.gridContainer=T,exports.gridItem=B,exports.layout=_,exports.margin=G,exports.padding=X,exports.position=A,exports.propNames=M,exports.pseudoSelectors=c,exports.shadow=I,exports.shouldForwardProp=function(r){return!V.has(r)},exports.space=Y,exports.styledSystemLayout=N,exports.typography=F;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=function(r,e,t){if(!r)return t;for(var o="string"==typeof e?e.split("."):[e],a=r,i=0;i<o.length;i++){var s=o[i];a=!a||"number"!=typeof s&&"string"!=typeof s?void 0:a[s]}return void 0===a?t:a},e=function(e,t,o){var a;return"string"==typeof t&&t.startsWith("$")&&(a=r(e,t.slice(1))),void 0===a?o:a},t=function(r){var e=new WeakMap;return function(t,o,a){if(void 0===t)return r(t,o,a);e.has(t)||e.set(t,new Map);var i=e.get(t);if(i.has(o))return i.get(o);var s=r(t,o,a);return i.set(o,s),s}},o=t(e);function a(){return(a=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o])}return r}).apply(this,arguments)}var i=function(r){var e=r.path;return(0,r.get)(r.object,e,!0===r.strict?void 0:e)},s=function(r){var e=r.scale,t=r.transform,o=void 0===t?i:t,a=r.defaultScale,s=r.get,p=r.properties||[r.property];if("function"!=typeof s)throw new Error("");var n=function(r,e,t,a){var i,n={};return null===(i=o({path:r,object:e,props:t,strict:a.strict,get:s}))||p.forEach((function(r){r&&(n[r]=i)})),n};return Object.assign(n,{scale:e,defaultScale:a}),n},p=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}),n=function(r){var e={};return Object.keys(r).sort((function(r,e){return p.compare(r,e)})).forEach((function(t){e[t]=r[t]})),e};function d(r,e){return a({},r,e)}var c=function(r,e){var t=d(r,e);for(var o in r){var a;r[o]&&"object"==typeof e[o]&&(t=d(t,((a={})[o]=d(r[o],e[o]),a)))}return t},l={_hover:"&:hover",_focus:"&:focus",_focusWithin:"&:focus-within",_focusVisible:"&:focus-visible",_active:"&:active",_visited:"&:visited",_selection:"&::selection",_before:"&::before",_after:"&::after",_placeholder:"&::placeholder",_hoverAndFocus:"&:hover, &:focus",_disabled:"[disabled], [disabled]:hover, [disabled]:focus, [aria-disabled], [aria-disabled]:hover, [aria-disabled]:focus",_readOnly:"[readOnly]",_first:"&:first-child",_last:"&:last-child",_notFirst:"&:not(:first-of-type)",_notLast:"&:not(:last-of-type)",_checked:"&[aria-checked=true], &[checked]",_odd:"&:nth-of-type(odd)",_even:"&:nth-of-type(even)"},f=function(r){return"@media screen and (min-width: "+r+")"},u=function e(t,o,i){void 0===o&&(o={}),void 0===i&&(i=!1);var s={strict:i,key:"__systemprops__"},p=function(e){var i,p={},d=!1,l=!1;void 0!==(null==(i=e.theme)?void 0:i.systemPropsCacheKey)&&e.theme.systemPropsCacheKey!==s.key&&(s.key=e.theme.systemPropsCacheKey,l=!0);var u=function(o,i){var p,n,c=t[i],u=o[i],g=r(e.theme,c.scale);if("function"==typeof u&&(u=u(e.theme)),"object"==typeof u){var h;if(s.breakpoints=!l&&s.breakpoints||(null==e||null==(h=e.theme)?void 0:h.breakpoints),Array.isArray(u)){if(void 0===s.breakpoints)throw new Error("The system props parser could not find a `breakpoints` property in the theme object, which is required for responsive styles to work. Make sure that the theme object has a breakpoints property.");return s.media=!l&&s.media||[null].concat((n=p=s.breakpoints,Array.isArray(p)||(n=Object.values(p)),n.map(f))),function(r){var e=r.cache,t=r.systemConfig,o=r.scale,i=r.props,s={},p=e.media;return r.propValue.slice(0,p.length).forEach((function(r,n){var d,c="function"==typeof r?r(i.theme):r,l=p[n],f=t(c,o,i,e);s=a({},s,l?((d={})[l]=a({},s[l],f),d):f)})),s}({cache:s,systemConfig:c,scale:g,propValue:u,props:o})}if(null!==u)return d=!0,function(r){var e=r.cache,t=r.systemConfig,o=r.scale,i=r.propValue,s=r.props,p=e.breakpoints,n={};for(var d in i){var c=p[d],l=i[d],f=t("function"==typeof l?l(s.theme):l,o,s,e);if(c){var u,g="@media screen and (min-width: "+c+")";n=a({},n,((u={})[g]=a({},n[g],f),u))}else n=a({},n,f)}return n}({cache:s,systemConfig:c,scale:g,propValue:u,props:o})}return c(u,g,e,s)};for(var g in e)if(o[g]){var h=o[g],m=e[g];for(var b in m)p[h]=a({},p[h],u(m,b)),d&&(p[o[g]]=n(p[o[g]]),d=!1)}else t[g]&&(p=c(p,u(e,g)));return d&&(p=n(p)),p};p.config=t,p.propNames=Object.keys(t),p.cache=s;var d=Object.keys(t).filter((function(r){return"config"!==r}));return d.length>1&&d.forEach((function(r){var o,a;Object.assign(p,((a={})[r]=e(((o={})[r]=t[r],o)),a))})),p},g={background:!0,backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0};g.bgImage=g.backgroundImage,g.bgSize=g.backgroundSize,g.bgPosition=g.backgroundPosition,g.bgRepeat=g.backgroundRepeat;var h,m="",b=0,y=[[]],v=function(r){if(x(),y=[[]],!r)return y;for(var e=r.length,t=0;t<e;t++){var o=r[t];switch(o){case" ":1===h?R():h&&(m+=o);break;case",":b?m+=o:(R(),y[y.length]=[],x());break;case'"':m+=o,b||h?1===b&&2===h&&(b=0,R()):(h=2,b=1);break;case"(":b||(h=3),b++,m+=o;break;case")":m+=o,b--,3!==h||b||R();break;case"[":b||(h=4),m+=o,b++;break;case"]":m+=o,--b||R();break;default:h||(h=1),m+=o}}return m&&R(),y};function x(){b=h=0,m=""}function R(){h&&y[y.length-1].push(m),x()}var k=function(r){var e,t,o,a,i=r.path,s=r.props,p=r.strict,n=r.get;if("string"!=typeof i)return i;var d=n((null==s||null==(e=s.theme)?void 0:e.borders)||r.object,i);if(d)return d;var c=v(i)[0],l=c[0],f=c[1],u=c[2];return[n(null==s||null==(t=s.theme)?void 0:t.borderWidths,l,p?void 0:l),n(null==s||null==(o=s.theme)?void 0:o.borderStyles,f,p?void 0:f),n(null==s||null==(a=s.theme)?void 0:a.colors,u,p?void 0:u)].filter(Boolean).join(" ")},S={border:{property:"border",scale:"borders",transform:k},borderWidth:{property:"borderWidth",scale:"borderWidths"},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii"},borderTop:{property:"borderTop",scale:"borders",transform:k},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii"},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii"},borderRight:{property:"borderRight",scale:"borders",transform:k},borderBottom:{property:"borderBottom",scale:"borders",transform:k},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii"},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii"},borderLeft:{property:"borderLeft",scale:"borders",transform:k},borderX:{properties:["borderLeft","borderRight"],scale:"borders",transform:k},borderY:{properties:["borderTop","borderBottom"],scale:"borders",transform:k},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths"},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"}};S.borderTopLeftRadius={property:"borderTopLeftRadius",scale:"radii"},S.borderTopRightRadius={property:"borderTopRightRadius",scale:"radii"},S.borderBottomWidth={property:"borderBottomWidth",scale:"borderWidths"},S.borderBottomColor={property:"borderBottomColor",scale:"colors"},S.borderBottomStyle={property:"borderBottomStyle",scale:"borderStyles"},S.borderBottomLeftRadius={property:"borderBottomLeftRadius",scale:"radii"},S.borderBottomRightRadius={property:"borderBottomRightRadius",scale:"radii"},S.borderLeftWidth={property:"borderLeftWidth",scale:"borderWidths"},S.borderLeftColor={property:"borderLeftColor",scale:"colors"},S.borderLeftStyle={property:"borderLeftStyle",scale:"borderStyles"},S.borderRightWidth={property:"borderRightWidth",scale:"borderWidths"},S.borderRightColor={property:"borderRightColor",scale:"colors"},S.borderRightStyle={property:"borderRightStyle",scale:"borderStyles"};var w=S,j={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},opacity:!0};j.bg=j.backgroundColor,j.textColor=j.color;var C={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0},W={flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:!0,justifySelf:!0,alignSelf:!0,order:!0},B=a({},C,W),T={gridArea:!0,gridColumnStart:!0,gridColumnEnd:!0,gridRowStart:!0,gridRowEnd:!0,justifySelf:!0,alignSelf:!0,placeSelf:!0},L={gap:{property:"gap",scale:"space"},gridGap:{property:"gridGap",scale:"space"},gridColumnGap:{property:"gridColumnGap",scale:"space"},gridRowGap:{property:"gridRowGap",scale:"space"},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0},z=a({},T,L),_={width:{property:"width",scale:"sizes"},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},size:{properties:["width","height"],scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},O=function(r){return"number"==typeof r&&!isNaN(r)},A=function(r){var e=r.path,t=r.object,o=r.strict,a=r.get;if(!O(e)){if("string"==typeof e&&e.startsWith("-")){var i=e.slice(1),s=a(t,i,i);return O(s)?-1*s:"-"+s}return a(t,e,o?void 0:e)}var p=e<0,n=Math.abs(e),d=a(t,n,o?void 0:n);return O(d)?d*(p?-1:1):null!=d?p?"-"+d:d:void 0},H={position:!0,zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",transform:A},right:{property:"right",scale:"space",transform:A},bottom:{property:"bottom",scale:"space",transform:A},left:{property:"left",scale:"space",transform:A}},I=function(r){var e=r.path,t=r.get,o=r.props;return t(r.object,e)||("string"==typeof e?v(e).map((function(r){return r.map((function(r){var e;return t(null==o||null==(e=o.theme)?void 0:e.colors,r,r)})).join(" ")})).join(", "):e)},E={boxShadow:{property:"boxShadow",scale:"shadows",transform:I},textShadow:{property:"textShadow",scale:"shadows",transform:I}},G=function(r){var e=r.path,t=r.object,o=r.props,a=r.strict,i=r.get;if("number"==typeof e){var s=A({path:e,object:t,props:o,strict:a,get:i});if(s)return s}if("string"==typeof e){var p=e.split(" ");return 1===p.length?A({path:e,object:t,props:o,strict:a,get:i}):p.reduce((function(r,e){var s=A({get:i,path:e,object:t,props:o,strict:a});return"number"==typeof s&&(s+="px"),[].concat(r,[s])}),[]).filter(Boolean).join(" ")}return e},P=function(r){var e,t=r.path,o=r.props,a=r.strict,i=r.get;if("number"==typeof t){var s=i(r.object,t);if(s)return s}return"string"==typeof t?1===t.split(" ").length?i(null==o||null==(e=o.theme)?void 0:e.space,t,a?void 0:t):t.split(" ").reduce((function(r,e){var t,s=i(null==o||null==(t=o.theme)?void 0:t.space,e,a?void 0:e);return"number"==typeof s&&(s+="px"),[].concat(r,[s])}),[]).filter(Boolean).join(" "):t},X={margin:{property:"margin",scale:"space",transform:G},marginTop:{property:"marginTop",scale:"space",transform:G},marginRight:{property:"marginRight",scale:"space",transform:G},marginBottom:{property:"marginBottom",scale:"space",transform:G},marginLeft:{property:"marginLeft",scale:"space",transform:G},marginX:{properties:["marginLeft","marginRight"],scale:"space",transform:G},marginY:{properties:["marginTop","marginBottom"],scale:"space",transform:G}};X.m=X.margin,X.mt=X.marginTop,X.mr=X.marginRight,X.mb=X.marginBottom,X.ml=X.marginLeft,X.mx=X.marginX,X.my=X.marginY;var Y={padding:{property:"padding",scale:"space",transform:P},paddingTop:{property:"paddingTop",scale:"space",transform:P},paddingRight:{property:"paddingRight",scale:"space",transform:P},paddingBottom:{property:"paddingBottom",scale:"space",transform:P},paddingLeft:{property:"paddingLeft",scale:"space",transform:P},paddingX:{properties:["paddingLeft","paddingRight"],scale:"space",transform:P},paddingY:{properties:["paddingTop","paddingBottom"],scale:"space",transform:P}};Y.p=Y.padding,Y.pt=Y.paddingTop,Y.pr=Y.paddingRight,Y.pb=Y.paddingBottom,Y.pl=Y.paddingLeft,Y.px=Y.paddingX,Y.py=Y.paddingY;var F=a({},Y,X),N={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes"},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings"},textAlign:!0,fontStyle:!0},M={width:{property:"width",scale:"sizes",transform:function(r){var e,t=r.path,o=r.object,a=r.get,i=t;return"number"!=typeof(e=t)||isNaN(e)||(i=t>1?t:100*t+"%"),a(o,t,i)}},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},size:{properties:["width","height"],scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},V=Object.keys(a({},l,g,w,j,z,B,_,H,E,F,N)),K=new Set(V);exports.background=g,exports.border=w,exports.color=j,exports.createSystem=function(r){var e=void 0===r?{}:r,t=e.strict,i=void 0!==t&&t,p=e.pseudoSelectors,n=void 0===p?l:p,d=e.get,c=void 0===d?o:d;return function(r){var e={};return Object.keys(r).forEach((function(t){var o=r[t];!0!==o?"function"!=typeof o&&(e[t]=s(a({},o,{get:c}))):e[t]=s({property:t,scale:t,get:c})})),u(e,n,i)}},exports.flexContainer=C,exports.flexItem=W,exports.flexbox=B,exports.get=r,exports.grid=z,exports.gridContainer=L,exports.gridItem=T,exports.layout=_,exports.margin=X,exports.memoizeGet=t,exports.padding=Y,exports.position=H,exports.propNames=V,exports.pseudoSelectors=l,exports.shadow=E,exports.shouldForwardProp=function(r){return!K.has(r)},exports.space=F,exports.styledSystemLayout=M,exports.tokenGet=e,exports.typography=N;
 //# sourceMappingURL=system-props.cjs.production.min.js.map

dist/system-props.esm.js

@@ -31,3 +31,3 @@ /**
 
-var betterGet = function betterGet(object, path, defaultValue) {
+var tokenGet = function tokenGet(object, path, defaultValue) {
   var result;
@@ -41,3 +41,3 @@
 };
-var memoize = function memoize(fn) {
+var memoizeGet = function memoizeGet(fn) {
   var cache = new WeakMap();
@@ -67,3 +67,3 @@
 };
-var memoizedGet = /*#__PURE__*/memoize(betterGet);
+var memoizedGet = /*#__PURE__*/memoizeGet(tokenGet);
 
@@ -1259,3 +1259,3 @@ function _extends() {
 
-export { background, border, color, createSystem, flexContainer, flexItem, flexbox, betterGet as get, grid, gridContainer, gridItem, layout, margin, padding, position, propNames, pseudoSelectors, shadow, shouldForwardProp, space, layout$1 as styledSystemLayout, typography };
+export { background, border, color, createSystem, flexContainer, flexItem, flexbox, get, grid, gridContainer, gridItem, layout, margin, memoizeGet, padding, position, propNames, pseudoSelectors, shadow, shouldForwardProp, space, layout$1 as styledSystemLayout, tokenGet, typography };
 //# sourceMappingURL=system-props.esm.js.map

dist/types.d.ts

@@ -42,5 +42,6 @@ import { Property as P, Properties as CSSProperties, Color, Paint } from './css-types';
 }
+export declare type MaybeCSSProperty = keyof CSSProperties | (string & {});
 export declare type PropertyConfig = {
-    properties?: Array<keyof CSSProperties>;
-    property?: keyof CSSProperties;
+    properties?: Array<MaybeCSSProperty>;
+    property?: MaybeCSSProperty;
     scale?: string;
@@ -52,3 +53,3 @@ defaultScale?: Array<string | number>;
 export interface PropConfigCollection {
-    [x: string]: true | PropertyConfig;
+    [key: string]: true | PropertyConfig;
 }
@@ -55,0 +56,0 @@ export interface Cache {

package.json

 {
   "name": "system-props",
-  "version": "0.17.0-0",
+  "version": "0.17.0-1",
   "description": "Inspired by styled-system, a responsive, theme-based style props for building design systems with React.",
@@ -5,0 +5,0 @@ "author": "Rogin Farrer",

src/__tests__/exports.test.ts

@@ -19,2 +19,3 @@ import * as AllExports from '..';
       "margin",
+      "memoizeGet",
       "padding",
@@ -28,2 +29,3 @@ "position",
       "styledSystemLayout",
+      "tokenGet",
       "typography",
@@ -30,0 +32,0 @@ ]

src/core/createStyleFunction.ts

 // import { memoizedGet } from './get';
 import {
   Props,
-  // PropertyConfig,
-  // SystemConfig,
   Cache,
   StyleFunction,
   Transform,
+  MaybeCSSProperty,
 } from '../types';
@@ -50,3 +49,3 @@ import * as CSS from 'csstype';
     }
-    _properties.forEach((prop: keyof CSS.Properties | undefined) => {
+    _properties.forEach((prop: MaybeCSSProperty | undefined) => {
       if (prop) {
@@ -53,0 +52,0 @@ result[prop] = n;

src/core/get.ts

@@ -33,3 +33,3 @@ import { Get } from '../types';
  */
-export const betterGet: Get = (object, path, defaultValue) => {
+export const tokenGet: Get = (object, path, defaultValue) => {
   let result;
@@ -44,3 +44,3 @@
 
-export const memoize = (fn: Get) => {
+export const memoizeGet = (fn: Get) => {
   let cache = new WeakMap();
@@ -73,2 +73,2 @@
 
-export const memoizedGet = memoize(betterGet);
+export const memoizedGet = memoizeGet(tokenGet);

src/core/index.ts

@@ -1,2 +0,2 @@
-export { betterGet as get } from './get';
+export { tokenGet, memoizeGet, get, memoizedGet } from './get';
 export { createSystem } from './createSystem';

src/core/tests/get.test.ts

@@ -1,2 +0,2 @@
-import { get, betterGet, memoize } from '../get';
+import { get, tokenGet, memoizeGet } from '../get';
 
@@ -41,3 +41,3 @@ test('returns a deeply nested value', () => {
 test('returns number values with $', () => {
-  const a = betterGet([0, 4, 8], '$2');
+  const a = tokenGet([0, 4, 8], '$2');
   expect(a).toBe(8);
@@ -53,3 +53,3 @@ });
   const _get = jest.fn(() => true);
-  const memoizedGet = memoize(_get);
+  const memoizedGet = memoizeGet(_get);
   expect(memoizedGet(obj, 'colors.blue.3')).toStrictEqual(true);
@@ -56,0 +56,0 @@ expect(memoizedGet(obj, 'colors.blue.3')).toStrictEqual(true);

src/index.ts

@@ -1,2 +0,2 @@
-export { betterGet as get } from './core/get';
+export { memoizeGet, get, tokenGet } from './core/get';
 export { createSystem } from './core/createSystem';
@@ -3,0 +3,0 @@

src/props/shadow/tests/getShadow.test.ts

 import { getShadow } from '../getShadow';
-import { get } from '../../../core';
+import { tokenGet } from '../../../core';
 
@@ -14,3 +14,3 @@ describe('getShadow', () => {
   const _getShadow = (path: string) =>
-    getShadow({ path, object: {}, get, props });
+    getShadow({ path, object: {}, get: tokenGet, props });
 
@@ -17,0 +17,0 @@ test('handles tokens in box-shadow', () => {

src/types.ts

@@ -113,5 +113,7 @@ import {
 
+export type MaybeCSSProperty = keyof CSSProperties | (string & {});
+
 export type PropertyConfig = {
-  properties?: Array<keyof CSSProperties>;
-  property?: keyof CSSProperties;
+  properties?: Array<MaybeCSSProperty>;
+  property?: MaybeCSSProperty;
   scale?: string;
@@ -124,3 +126,3 @@ defaultScale?: Array<string | number>;
 export interface PropConfigCollection {
-  [x: string]: true | PropertyConfig;
+  [key: string]: true | PropertyConfig;
 }
@@ -127,0 +129,0 @@

No alert changes

Improved metrics

Total package byte prevSize

363844

increased by0.07%

Lines of code

5789

increased by0.1%

No dependency changes