rebass - npm Package Compare versions

Comparing version 3.1.2 to 3.1.3

dist/index.js

@@ -12,3 +12,3 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -23,16 +23,16 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var Box = (0, _styledComponents.default)('div')({
+var Box = (0, _styledComponents["default"])('div')({
   boxSizing: 'border-box'
 }, _styledSystem.space, _styledSystem.width, _styledSystem.fontSize, _styledSystem.color, _styledSystem.flex, _styledSystem.order, _styledSystem.alignSelf, themed('Box'));
 exports.Box = Box;
-Box.propTypes = _extends({}, _styledSystem.space.propTypes, _styledSystem.width.propTypes, _styledSystem.fontSize.propTypes, _styledSystem.color.propTypes, _styledSystem.flex.propTypes, _styledSystem.order.propTypes, _styledSystem.alignSelf.propTypes);
-var Flex = (0, _styledComponents.default)(Box)({
+Box.propTypes = _extends({}, _styledSystem.space.propTypes, {}, _styledSystem.width.propTypes, {}, _styledSystem.fontSize.propTypes, {}, _styledSystem.color.propTypes, {}, _styledSystem.flex.propTypes, {}, _styledSystem.order.propTypes, {}, _styledSystem.alignSelf.propTypes);
+var Flex = (0, _styledComponents["default"])(Box)({
   display: 'flex'
 }, _styledSystem.flexWrap, _styledSystem.flexDirection, _styledSystem.alignItems, _styledSystem.justifyContent, themed('Flex'));
 exports.Flex = Flex;
-Flex.propTypes = _extends({}, _styledSystem.flexWrap.propTypes, _styledSystem.flexDirection.propTypes, _styledSystem.alignItems.propTypes, _styledSystem.justifyContent.propTypes);
-var Text = (0, _styledComponents.default)(Box)(_styledSystem.fontFamily, _styledSystem.fontWeight, _styledSystem.textAlign, _styledSystem.lineHeight, _styledSystem.letterSpacing, themed('Text'));
+Flex.propTypes = _extends({}, _styledSystem.flexWrap.propTypes, {}, _styledSystem.flexDirection.propTypes, {}, _styledSystem.alignItems.propTypes, {}, _styledSystem.justifyContent.propTypes);
+var Text = (0, _styledComponents["default"])(Box)(_styledSystem.fontFamily, _styledSystem.fontWeight, _styledSystem.fontStyle, _styledSystem.textAlign, _styledSystem.lineHeight, _styledSystem.letterSpacing, themed('Text'));
 exports.Text = Text;
-Text.propTypes = _extends({}, _styledSystem.fontFamily.propTypes, _styledSystem.fontWeight.propTypes, _styledSystem.textAlign.propTypes, _styledSystem.lineHeight.propTypes, _styledSystem.letterSpacing.propTypes);
-var Heading = (0, _styledComponents.default)(Text)(themed('Heading'));
+Text.propTypes = _extends({}, _styledSystem.fontFamily.propTypes, {}, _styledSystem.fontWeight.propTypes, {}, _styledSystem.fontStyle.propTypes, {}, _styledSystem.textAlign.propTypes, {}, _styledSystem.lineHeight.propTypes, {}, _styledSystem.letterSpacing.propTypes);
+var Heading = (0, _styledComponents["default"])(Text)(themed('Heading'));
 exports.Heading = Heading;
@@ -45,3 +45,3 @@ Heading.defaultProps = {
 };
-var Link = (0, _styledComponents.default)(Box)(themed('Link'));
+var Link = (0, _styledComponents["default"])(Text)(themed('Link'));
 exports.Link = Link;
@@ -52,3 +52,3 @@ Link.defaultProps = {
 };
-var Button = (0, _styledComponents.default)(Box)({
+var Button = (0, _styledComponents["default"])(Box)({
   appearance: 'none',
@@ -59,5 +59,5 @@ display: 'inline-block',
   textDecoration: 'none'
-}, _styledSystem.fontWeight, _styledSystem.borders, _styledSystem.borderColor, _styledSystem.borderRadius, _styledSystem.buttonStyle, themed('Button'));
+}, _styledSystem.fontWeight, _styledSystem.fontStyle, _styledSystem.borders, _styledSystem.borderColor, _styledSystem.borderRadius, _styledSystem.buttonStyle, themed('Button'));
 exports.Button = Button;
-Button.propTypes = _extends({}, _styledSystem.fontWeight.propTypes, _styledSystem.borders.propTypes, _styledSystem.borderColor.propTypes, _styledSystem.borderRadius.propTypes, _styledSystem.buttonStyle.propTypes);
+Button.propTypes = _extends({}, _styledSystem.fontWeight.propTypes, {}, _styledSystem.fontStyle.propTypes, {}, _styledSystem.borders.propTypes, {}, _styledSystem.borderColor.propTypes, {}, _styledSystem.borderRadius.propTypes, {}, _styledSystem.buttonStyle.propTypes);
 Button.defaultProps = {
@@ -75,3 +75,3 @@ as: 'button',
 };
-var Image = (0, _styledComponents.default)(Box)({
+var Image = (0, _styledComponents["default"])(Box)({
   maxWidth: '100%',
@@ -81,3 +81,3 @@ height: 'auto'
 exports.Image = Image;
-Image.propTypes = _extends({}, _styledSystem.height.propTypes, _styledSystem.borderRadius.propTypes);
+Image.propTypes = _extends({}, _styledSystem.height.propTypes, {}, _styledSystem.borderRadius.propTypes);
 Image.defaultProps = {
@@ -90,4 +90,4 @@ as: 'img',
 });
-var Card = (0, _styledComponents.default)(Box)(_styledSystem.borders, _styledSystem.borderColor, _styledSystem.borderRadius, _styledSystem.boxShadow, _styledSystem.backgroundImage, _styledSystem.backgroundSize, _styledSystem.backgroundPosition, _styledSystem.backgroundRepeat, _styledSystem.opacity, cards, themed('Card'));
+var Card = (0, _styledComponents["default"])(Box)(_styledSystem.borders, _styledSystem.borderColor, _styledSystem.borderRadius, _styledSystem.boxShadow, _styledSystem.backgroundImage, _styledSystem.backgroundSize, _styledSystem.backgroundPosition, _styledSystem.backgroundRepeat, _styledSystem.opacity, cards, themed('Card'));
 exports.Card = Card;
-Card.propTypes = _extends({}, _styledSystem.borders.propTypes, _styledSystem.borderColor.propTypes, _styledSystem.borderRadius.propTypes, _styledSystem.boxShadow.propTypes, _styledSystem.backgroundImage.propTypes, _styledSystem.backgroundSize.propTypes, _styledSystem.backgroundPosition.propTypes, _styledSystem.backgroundRepeat.propTypes, _styledSystem.opacity.propTypes, cards.propTypes);
+Card.propTypes = _extends({}, _styledSystem.borders.propTypes, {}, _styledSystem.borderColor.propTypes, {}, _styledSystem.borderRadius.propTypes, {}, _styledSystem.boxShadow.propTypes, {}, _styledSystem.backgroundImage.propTypes, {}, _styledSystem.backgroundSize.propTypes, {}, _styledSystem.backgroundPosition.propTypes, {}, _styledSystem.backgroundRepeat.propTypes, {}, _styledSystem.opacity.propTypes, {}, cards.propTypes);

package.json

 {
   "name": "rebass",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "React primitive UI components built with styled-system",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

15322

increased by1.75%

Lines of code

79

increased by1.28%

No dependency changes