styled-system - npm Package Compare versions

Comparing version 4.2.3 to 4.2.4

dist/index.js

@@ -1,109 +0,2 @@
-"use strict";
-
-exports.__esModule = true;
-exports.colorStyle = exports.textStyle = exports.buttonStyle = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.position = exports.backgroundRepeat = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.background = exports.overflow = exports.opacity = exports.boxShadow = exports.borders = exports.borderRadius = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.borderColor = exports.borderStyle = exports.borderWidth = exports.border = exports.gridArea = exports.gridTemplateAreas = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridAutoRows = exports.gridAutoColumns = exports.gridAutoFlow = exports.gridRow = exports.gridColumn = exports.gridRowGap = exports.gridColumnGap = exports.gridGap = exports.order = exports.alignSelf = exports.justifySelf = exports.flex = exports.flexDirection = exports.flexBasis = exports.flexWrap = exports.justifyContent = exports.justifyItems = exports.alignContent = exports.alignItems = exports.verticalAlign = exports.size = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.display = exports.letterSpacing = exports.fontStyle = exports.textAlign = exports.lineHeight = exports.fontWeight = exports.fontFamily = exports.fontSize = exports.width = exports.color = exports.backgroundColor = exports.textColor = exports.space = exports.paddingY = exports.paddingX = exports.paddingLeft = exports.paddingBottom = exports.paddingRight = exports.paddingTop = exports.padding = exports.marginX = exports.marginLeft = exports.marginBottom = exports.marginRight = exports.marginTop = exports.margin = exports.themeGet = exports.variant = exports.compose = exports.style = exports.createStyleFunction = exports.createParser = exports.get = void 0;
-
-var _core = require("./core");
-
-exports.get = _core.get;
-exports.createParser = _core.createParser;
-exports.createStyleFunction = _core.createStyleFunction;
-
-var _shim = require("./shim");
-
-exports.style = _shim.style;
-exports.compose = _shim.compose;
-
-var _variant = require("./variant");
-
-exports.variant = _variant.variant;
-
-var _themeGet = require("./themeGet");
-
-exports.themeGet = _themeGet.themeGet;
-
-var _styles = require("./styles");
-
-exports.margin = _styles.margin;
-exports.marginTop = _styles.marginTop;
-exports.marginRight = _styles.marginRight;
-exports.marginBottom = _styles.marginBottom;
-exports.marginLeft = _styles.marginLeft;
-exports.marginX = _styles.marginX;
-exports.padding = _styles.padding;
-exports.paddingTop = _styles.paddingTop;
-exports.paddingRight = _styles.paddingRight;
-exports.paddingBottom = _styles.paddingBottom;
-exports.paddingLeft = _styles.paddingLeft;
-exports.paddingX = _styles.paddingX;
-exports.paddingY = _styles.paddingY;
-exports.space = _styles.space;
-exports.textColor = _styles.textColor;
-exports.backgroundColor = _styles.backgroundColor;
-exports.color = _styles.color;
-exports.width = _styles.width;
-exports.fontSize = _styles.fontSize;
-exports.fontFamily = _styles.fontFamily;
-exports.fontWeight = _styles.fontWeight;
-exports.lineHeight = _styles.lineHeight;
-exports.textAlign = _styles.textAlign;
-exports.fontStyle = _styles.fontStyle;
-exports.letterSpacing = _styles.letterSpacing;
-exports.display = _styles.display;
-exports.maxWidth = _styles.maxWidth;
-exports.minWidth = _styles.minWidth;
-exports.height = _styles.height;
-exports.maxHeight = _styles.maxHeight;
-exports.minHeight = _styles.minHeight;
-exports.size = _styles.size;
-exports.verticalAlign = _styles.verticalAlign;
-exports.alignItems = _styles.alignItems;
-exports.alignContent = _styles.alignContent;
-exports.justifyItems = _styles.justifyItems;
-exports.justifyContent = _styles.justifyContent;
-exports.flexWrap = _styles.flexWrap;
-exports.flexBasis = _styles.flexBasis;
-exports.flexDirection = _styles.flexDirection;
-exports.flex = _styles.flex;
-exports.justifySelf = _styles.justifySelf;
-exports.alignSelf = _styles.alignSelf;
-exports.order = _styles.order;
-exports.gridGap = _styles.gridGap;
-exports.gridColumnGap = _styles.gridColumnGap;
-exports.gridRowGap = _styles.gridRowGap;
-exports.gridColumn = _styles.gridColumn;
-exports.gridRow = _styles.gridRow;
-exports.gridAutoFlow = _styles.gridAutoFlow;
-exports.gridAutoColumns = _styles.gridAutoColumns;
-exports.gridAutoRows = _styles.gridAutoRows;
-exports.gridTemplateColumns = _styles.gridTemplateColumns;
-exports.gridTemplateRows = _styles.gridTemplateRows;
-exports.gridTemplateAreas = _styles.gridTemplateAreas;
-exports.gridArea = _styles.gridArea;
-exports.border = _styles.border;
-exports.borderWidth = _styles.borderWidth;
-exports.borderStyle = _styles.borderStyle;
-exports.borderColor = _styles.borderColor;
-exports.borderTop = _styles.borderTop;
-exports.borderRight = _styles.borderRight;
-exports.borderBottom = _styles.borderBottom;
-exports.borderLeft = _styles.borderLeft;
-exports.borderRadius = _styles.borderRadius;
-exports.borders = _styles.borders;
-exports.boxShadow = _styles.boxShadow;
-exports.opacity = _styles.opacity;
-exports.overflow = _styles.overflow;
-exports.background = _styles.background;
-exports.backgroundImage = _styles.backgroundImage;
-exports.backgroundSize = _styles.backgroundSize;
-exports.backgroundPosition = _styles.backgroundPosition;
-exports.backgroundRepeat = _styles.backgroundRepeat;
-exports.position = _styles.position;
-exports.zIndex = _styles.zIndex;
-exports.top = _styles.top;
-exports.right = _styles.right;
-exports.bottom = _styles.bottom;
-exports.left = _styles.left;
-exports.buttonStyle = _styles.buttonStyle;
-exports.textStyle = _styles.textStyle;
-exports.colorStyle = _styles.colorStyle;
+var e=require("@styled-system/space"),r=require("@styled-system/core"),t=require("@styled-system/variant"),o={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"}};o.bg=o.backgroundColor;var s=r.system(o),p={width:{property:"width",scale:"sizes",transform:function(e,t){return r.get(t,e,!function(e){return"number"==typeof e&&!isNaN(e)}(e)||e>1?e:100*e+"%")}},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"},display:!0,verticalAlign:!0,size:{properties:["width","height"],scale:"sizes"}},i=r.system(p),a=r.system({fontSize:{property:"fontSize",scale:"fontSizes",defaultScale:[12,14,16,20,24,32,48,64,72]},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings"},fontStyle:!0,textAlign:!0}),d=r.system({alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:!0,justifySelf:!0,alignSelf:!0,order:!0}),l=r.system({border:{property:"border",scale:"borders"},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"},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"}}),n={background:!0,backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0};n.bgImage=n.backgroundImage,n.bgSize=n.backgroundSize,n.bgPosition=n.backgroundPosition,n.bgRepeat=n.backgroundRepeat;var g=r.system(n),x={space:[0,4,8,16,32,64,128,256,512]},c=r.system({gridGap:{property:"gridGap",scale:"space",defaultScale:x.space},gridColumnGap:{property:"gridColumnGap",scale:"space",defaultScale:x.space},gridRowGap:{property:"gridRowGap",scale:"space",defaultScale:x.space},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0}),y=r.system({position:!0,zIndex:{property:"zIndex",scale:"zIndices"},top:!0,right:!0,bottom:!0,left:!0}),m=r.system({boxShadow:{property:"boxShadow",scale:"shadows"}}),b=r.system({opacity:!0}),u=r.system({overflow:!0}),f=t.variant({key:"buttons"}),h=t.variant({key:"textStyles",prop:"textStyle"}),S=t.variant({key:"colorStyles",prop:"colors"});exports.margin=e.margin,exports.marginTop=e.marginTop,exports.marginRight=e.marginRight,exports.marginBottom=e.marginBottom,exports.marginLeft=e.marginLeft,exports.marginX=e.marginX,exports.padding=e.padding,exports.paddingTop=e.paddingTop,exports.paddingRight=e.paddingRight,exports.paddingBottom=e.paddingBottom,exports.paddingLeft=e.paddingLeft,exports.paddingX=e.paddingX,exports.paddingY=e.paddingY,exports.space=e.space,exports.get=r.get,exports.createParser=r.createParser,exports.createStyleFunction=r.createStyleFunction,exports.compose=r.compose,exports.variant=t.variant,exports.style=function(e){var t=e.prop,o=e.alias,s={};return s[t]=r.createStyleFunction({properties:e.properties,property:e.cssProperty||t,scale:e.key,defaultScale:e.scale,transform:e.transformValue}),o&&(s[o]=s[t]),r.createParser(s)},exports.color=s,exports.layout=i,exports.typography=a,exports.flexbox=d,exports.border=l,exports.background=g,exports.width=i,exports.height=i,exports.minWidth=i,exports.minHeight=i,exports.maxWidth=i,exports.maxHeight=i,exports.size=i,exports.verticalAlign=i,exports.display=i,exports.fontSize=a,exports.fontFamily=a,exports.fontWeight=a,exports.lineHeight=a,exports.textAlign=a,exports.fontStyle=a,exports.letterSpacing=a,exports.alignItems=d,exports.alignContent=d,exports.justifyItems=d,exports.justifyContent=d,exports.flexWrap=d,exports.flexDirection=d,exports.flex=d,exports.flexGrow=d,exports.flexShrink=d,exports.flexBasis=d,exports.justifySelf=d,exports.alignSelf=d,exports.order=d,exports.gridGap=c,exports.gridColumnGap=c,exports.gridRowGap=c,exports.gridColumn=c,exports.gridRow=c,exports.gridAutoFlow=c,exports.gridAutoColumns=c,exports.gridAutoRows=c,exports.gridTemplateColumns=c,exports.gridTemplateRows=c,exports.gridTemplateAreas=c,exports.gridArea=c,exports.borderWidth=l,exports.borderStyle=l,exports.borderColor=l,exports.borderTop=l,exports.borderRight=l,exports.borderBottom=l,exports.borderLeft=l,exports.borderRadius=l,exports.borders=l,exports.backgroundImage=g,exports.backgroundSize=g,exports.backgroundPosition=g,exports.backgroundRepeat=g,exports.position=y,exports.zIndex=y,exports.top=y,exports.right=y,exports.bottom=y,exports.left=y,exports.boxShadow=m,exports.opacity=b,exports.overflow=u,exports.buttonStyle=f,exports.textStyle=h,exports.colorStyle=S;
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "styled-system",
-  "version": "4.2.3",
+  "version": "4.2.4",
   "description": "Responsive, theme-based style props for building design systems with React",
@@ -28,3 +28,3 @@ "main": "dist/index.cjs.js",
   },
-  "gitHead": "86303f2c482465ce0bf74eb75473e71c6ef6a80d"
+  "gitHead": "dbf39fd3598e311e9dcd610a63695249c6a3c269"
 }

props.js

@@ -35,2 +35,3 @@ module.exports = [
   'fontStyle',
+  'fontFamily',
   'letterSpacing',
@@ -37,0 +38,0 @@ 'display',

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

107497

increased by16.99%

Worsened metrics

Number of package files

15

decreased by-6.25%

Lines of code

2343

decreased by-22.83%

Number of low quality alerts

3

increased by200%

No dependency changes