styled-system - npm Package Compare versions

Comparing version 2.0.0-1 to 2.0.0-2

dist/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.propTypes = exports.util = exports.space = exports.themeGet = exports.responsiveStyle = exports.pseudoStyle = exports.style = exports.borderWidth = exports.theme = exports.disabled = exports.active = exports.focus = exports.hover = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.background = exports.boxShadow = exports.borderRadius = exports.borderColor = exports.borders = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.border = exports.alignSelf = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.alignContent = exports.alignItems = exports.ratio = exports.size = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.display = exports.letterSpacing = exports.fontWeight = exports.lineHeight = exports.textAlign = exports.fontFamily = exports.color = exports.bgColor = exports.textColor = exports.fontSize = exports.width = undefined;
+exports.propTypes = exports.util = exports.space = exports.theme = exports.themeGet = exports.responsiveStyle = exports.pseudoStyle = exports.style = exports.borderWidth = exports.disabled = exports.active = exports.focus = exports.hover = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.position = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.background = exports.boxShadow = exports.borderRadius = exports.borderColor = exports.borders = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.border = exports.alignSelf = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.alignContent = exports.alignItems = exports.ratio = exports.size = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.display = exports.letterSpacing = exports.fontWeight = exports.lineHeight = exports.textAlign = exports.fontFamily = exports.color = exports.bgColor = exports.textColor = exports.fontSize = exports.width = exports.styles = undefined;
 
@@ -13,3 +13,3 @@ var _keys = require('babel-runtime/core-js/object/keys');
 
-var _styles = require('./styles');
+var _styles2 = require('./styles');
 
@@ -19,3 +19,3 @@ Object.defineProperty(exports, 'width', {
   get: function get() {
-    return _styles.width;
+    return _styles2.width;
   }
@@ -26,3 +26,3 @@ });
   get: function get() {
-    return _styles.fontSize;
+    return _styles2.fontSize;
   }
@@ -33,3 +33,3 @@ });
   get: function get() {
-    return _styles.textColor;
+    return _styles2.textColor;
   }
@@ -40,3 +40,3 @@ });
   get: function get() {
-    return _styles.bgColor;
+    return _styles2.bgColor;
   }
@@ -47,3 +47,3 @@ });
   get: function get() {
-    return _styles.color;
+    return _styles2.color;
   }
@@ -54,3 +54,3 @@ });
   get: function get() {
-    return _styles.fontFamily;
+    return _styles2.fontFamily;
   }
@@ -61,3 +61,3 @@ });
   get: function get() {
-    return _styles.textAlign;
+    return _styles2.textAlign;
   }
@@ -68,3 +68,3 @@ });
   get: function get() {
-    return _styles.lineHeight;
+    return _styles2.lineHeight;
   }
@@ -75,3 +75,3 @@ });
   get: function get() {
-    return _styles.fontWeight;
+    return _styles2.fontWeight;
   }
@@ -82,3 +82,3 @@ });
   get: function get() {
-    return _styles.letterSpacing;
+    return _styles2.letterSpacing;
   }
@@ -89,3 +89,3 @@ });
   get: function get() {
-    return _styles.display;
+    return _styles2.display;
   }
@@ -96,3 +96,3 @@ });
   get: function get() {
-    return _styles.maxWidth;
+    return _styles2.maxWidth;
   }
@@ -103,3 +103,3 @@ });
   get: function get() {
-    return _styles.minWidth;
+    return _styles2.minWidth;
   }
@@ -110,3 +110,3 @@ });
   get: function get() {
-    return _styles.height;
+    return _styles2.height;
   }
@@ -117,3 +117,3 @@ });
   get: function get() {
-    return _styles.maxHeight;
+    return _styles2.maxHeight;
   }
@@ -124,3 +124,3 @@ });
   get: function get() {
-    return _styles.minHeight;
+    return _styles2.minHeight;
   }
@@ -131,3 +131,3 @@ });
   get: function get() {
-    return _styles.size;
+    return _styles2.size;
   }
@@ -138,3 +138,3 @@ });
   get: function get() {
-    return _styles.ratio;
+    return _styles2.ratio;
   }
@@ -145,3 +145,3 @@ });
   get: function get() {
-    return _styles.alignItems;
+    return _styles2.alignItems;
   }
@@ -152,3 +152,3 @@ });
   get: function get() {
-    return _styles.alignContent;
+    return _styles2.alignContent;
   }
@@ -159,3 +159,3 @@ });
   get: function get() {
-    return _styles.justifyContent;
+    return _styles2.justifyContent;
   }
@@ -166,3 +166,3 @@ });
   get: function get() {
-    return _styles.flexWrap;
+    return _styles2.flexWrap;
   }
@@ -173,3 +173,3 @@ });
   get: function get() {
-    return _styles.flexDirection;
+    return _styles2.flexDirection;
   }
@@ -180,3 +180,3 @@ });
   get: function get() {
-    return _styles.flex;
+    return _styles2.flex;
   }
@@ -187,3 +187,3 @@ });
   get: function get() {
-    return _styles.alignSelf;
+    return _styles2.alignSelf;
   }
@@ -194,3 +194,3 @@ });
   get: function get() {
-    return _styles.border;
+    return _styles2.border;
   }
@@ -201,3 +201,3 @@ });
   get: function get() {
-    return _styles.borderTop;
+    return _styles2.borderTop;
   }
@@ -208,3 +208,3 @@ });
   get: function get() {
-    return _styles.borderRight;
+    return _styles2.borderRight;
   }
@@ -215,3 +215,3 @@ });
   get: function get() {
-    return _styles.borderBottom;
+    return _styles2.borderBottom;
   }
@@ -222,3 +222,3 @@ });
   get: function get() {
-    return _styles.borderLeft;
+    return _styles2.borderLeft;
   }
@@ -229,3 +229,3 @@ });
   get: function get() {
-    return _styles.borders;
+    return _styles2.borders;
   }
@@ -236,3 +236,3 @@ });
   get: function get() {
-    return _styles.borderColor;
+    return _styles2.borderColor;
   }
@@ -243,3 +243,3 @@ });
   get: function get() {
-    return _styles.borderRadius;
+    return _styles2.borderRadius;
   }
@@ -250,3 +250,3 @@ });
   get: function get() {
-    return _styles.boxShadow;
+    return _styles2.boxShadow;
   }
@@ -257,3 +257,3 @@ });
   get: function get() {
-    return _styles.background;
+    return _styles2.background;
   }
@@ -264,3 +264,3 @@ });
   get: function get() {
-    return _styles.backgroundImage;
+    return _styles2.backgroundImage;
   }
@@ -271,3 +271,3 @@ });
   get: function get() {
-    return _styles.backgroundSize;
+    return _styles2.backgroundSize;
   }
@@ -278,9 +278,15 @@ });
   get: function get() {
-    return _styles.backgroundPosition;
+    return _styles2.backgroundPosition;
   }
 });
+Object.defineProperty(exports, 'position', {
+  enumerable: true,
+  get: function get() {
+    return _styles2.position;
+  }
+});
 Object.defineProperty(exports, 'zIndex', {
   enumerable: true,
   get: function get() {
-    return _styles.zIndex;
+    return _styles2.zIndex;
   }
@@ -291,3 +297,3 @@ });
   get: function get() {
-    return _styles.top;
+    return _styles2.top;
   }
@@ -298,3 +304,3 @@ });
   get: function get() {
-    return _styles.right;
+    return _styles2.right;
   }
@@ -305,3 +311,3 @@ });
   get: function get() {
-    return _styles.bottom;
+    return _styles2.bottom;
   }
@@ -312,3 +318,3 @@ });
   get: function get() {
-    return _styles.left;
+    return _styles2.left;
   }
@@ -319,3 +325,3 @@ });
   get: function get() {
-    return _styles.hover;
+    return _styles2.hover;
   }
@@ -326,3 +332,3 @@ });
   get: function get() {
-    return _styles.focus;
+    return _styles2.focus;
   }
@@ -333,3 +339,3 @@ });
   get: function get() {
-    return _styles.active;
+    return _styles2.active;
   }
@@ -340,15 +346,9 @@ });
   get: function get() {
-    return _styles.disabled;
+    return _styles2.disabled;
   }
 });
-Object.defineProperty(exports, 'theme', {
-  enumerable: true,
-  get: function get() {
-    return _styles.theme;
-  }
-});
 Object.defineProperty(exports, 'borderWidth', {
   enumerable: true,
   get: function get() {
-    return _styles.borderWidth;
+    return _styles2.borderWidth;
   }
@@ -383,2 +383,8 @@ });
 });
+Object.defineProperty(exports, 'theme', {
+  enumerable: true,
+  get: function get() {
+    return _util2.themeGet;
+  }
+});
 
@@ -394,4 +400,6 @@ var _space = require('./space');
 
-var styles = _interopRequireWildcard(_styles);
+var styles = _interopRequireWildcard(_styles2);
 
+var _styles = _interopRequireWildcard(_styles2);
+
 var _util = _interopRequireWildcard(_util2);
@@ -403,2 +411,3 @@
 
+exports.styles = _styles;
 exports.util = _util;
@@ -411,2 +420,4 @@ var propTypes = exports.propTypes = {};
 
+styles.propTypes = propTypes;
+
 exports.default = styles;

dist/styles.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.borderWidth = exports.theme = exports.disabled = exports.active = exports.focus = exports.hover = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.background = exports.boxShadow = exports.borderRadius = exports.borderColor = exports.borders = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.border = exports.getBorder = exports.alignSelf = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.alignContent = exports.alignItems = exports.ratio = exports.ratioPadding = exports.size = exports.sizeHeight = exports.sizeWidth = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.display = exports.letterSpacing = exports.fontWeight = exports.lineHeight = exports.textAlign = exports.fontFamily = exports.color = exports.bgColor = exports.textColor = exports.fontSize = exports.width = undefined;
+exports.borderWidth = exports.disabled = exports.active = exports.focus = exports.hover = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.position = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.background = exports.boxShadow = exports.borderRadius = exports.borderColor = exports.borders = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.border = exports.getBorder = exports.alignSelf = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.alignContent = exports.alignItems = exports.ratio = exports.ratioPadding = exports.size = exports.sizeHeight = exports.sizeWidth = exports.minHeight = exports.maxHeight = exports.height = exports.minWidth = exports.maxWidth = exports.display = exports.letterSpacing = exports.fontWeight = exports.lineHeight = exports.textAlign = exports.fontFamily = exports.color = exports.bgColor = exports.textColor = exports.fontSize = exports.width = undefined;
 
@@ -15,9 +15,2 @@ var _extends2 = require('babel-runtime/helpers/extends');
 
-Object.defineProperty(exports, 'theme', {
-  enumerable: true,
-  get: function get() {
-    return _util.themeGet;
-  }
-});
-
 var util = _interopRequireWildcard(_util);
@@ -60,5 +53,6 @@
 };
+color.propTypes = (0, _extends3.default)({}, textColor.propTypes, bgColor.propTypes);
 
 // typography
-var fontFamily = exports.fontFamily = (0, _util.responsiveStyle)({
+var fontFamily = exports.fontFamily = (0, _util.style)({
   prop: 'fontFamily',
@@ -141,2 +135,3 @@ alias: 'font',
 };
+size.propTypes = (0, _extends3.default)({}, sizeWidth.propTypes, sizeHeight.propTypes);
 
@@ -156,2 +151,3 @@ var ratioPadding = exports.ratioPadding = (0, _util.style)({
 };
+ratio.propTypes = (0, _extends3.default)({}, ratioPadding.propTypes);
 
@@ -235,2 +231,3 @@ // flexbox
 };
+borders.propTypes = (0, _extends3.default)({}, border.propTypes, borderTop.propTypes, borderRight.propTypes, borderBottom.propTypes, borderLeft.propTypes);
 
@@ -277,2 +274,6 @@ var borderColor = exports.borderColor = (0, _util.style)({
 // position
+var position = exports.position = (0, _util.responsiveStyle)({
+  prop: 'position'
+});
+
 var zIndex = exports.zIndex = (0, _util.style)({
@@ -335,12 +336,12 @@ prop: 'zIndex'
 
-var borderWidth = exports.borderWidth = function borderWidth(props) {
-  if (__DEV__) {
-    console.warn('borderWidth is deprecated. Please use the `borders` utility instead');
+var borderWidth = exports.borderWidth = (0, _util.style)({
+  prop: 'borderWidth',
+  cssProperty: 'border',
+  key: 'borderWidths',
+  getter: function getter(v) {
+    if (__DEV__) {
+      console.warn('borderWidth is deprecated. Please use the `borders` utility instead');
+    }
+    return getBorder(v);
   }
-  return (0, _util.style)({
-    prop: 'borderWidth',
-    cssProperty: 'border',
-    key: 'borderWidths',
-    getter: getBorder
-  })(props);
-};
+});

dist/util.js

@@ -39,3 +39,3 @@ 'use strict';
 var propTypes = {
-  responsivePropType: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string, _propTypes2.default.array]),
+  responsive: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string, _propTypes2.default.array]),
   numberOrString: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string])
@@ -165,3 +165,4 @@ };
     var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return function (props) {
+
+    var fn = function fn(props) {
       var style = props[prop || pseudoclass];
@@ -182,2 +183,4 @@ var numberToPx = keys.numberToPx || {};
     };
+    fn.propTypes = (0, _defineProperty3.default)({}, prop, _propTypes2.default.object);
+    return fn;
   };
@@ -184,0 +187,0 @@ };

package.json

 {
   "name": "styled-system",
-  "version": "2.0.0-1",
+  "version": "2.0.0-2",
   "description": "Design system utilities for styled-components, glamorous, and other css-in-js libraries",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

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

Worsened metrics

Total package byte prevSize

34158

decreased by-6.47%

Number of package files

9

decreased by-25%

Lines of code

1047

decreased by-6.01%

No dependency changes