Comparing version 3.0.0-2 to 3.0.0-3
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
exports.Card = exports.Image = exports.Button = exports.Link = exports.Heading = exports.Text = exports.Flex = exports.Box = void 0; | ||
@@ -16,6 +14,4 @@ | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } | ||
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); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var css = function css(props) { | ||
@@ -33,3 +29,3 @@ return props.css; | ||
exports.Box = Box; | ||
Box.propTypes = _objectSpread({}, _styledSystem.space.propTypes, _styledSystem.width.propTypes, _styledSystem.fontSize.propTypes, _styledSystem.color.propTypes); | ||
Box.propTypes = _extends({}, _styledSystem.space.propTypes, _styledSystem.width.propTypes, _styledSystem.fontSize.propTypes, _styledSystem.color.propTypes); | ||
var Flex = (0, _reactEmotion.default)(Box)({ | ||
@@ -39,6 +35,6 @@ display: 'flex' | ||
exports.Flex = Flex; | ||
Flex.propTypes = _objectSpread({}, _styledSystem.flexWrap.propTypes, _styledSystem.flexDirection.propTypes, _styledSystem.alignItems.propTypes, _styledSystem.justifyContent.propTypes); | ||
Flex.propTypes = _extends({}, _styledSystem.flexWrap.propTypes, _styledSystem.flexDirection.propTypes, _styledSystem.alignItems.propTypes, _styledSystem.justifyContent.propTypes); | ||
var Text = (0, _reactEmotion.default)(Box)(_styledSystem.fontFamily, _styledSystem.fontWeight, _styledSystem.textAlign, _styledSystem.lineHeight, _styledSystem.letterSpacing, themed('Text')); | ||
exports.Text = Text; | ||
Text.propTypes = _objectSpread({}, _styledSystem.fontFamily.propTypes, _styledSystem.fontWeight.propTypes, _styledSystem.textAlign.propTypes, _styledSystem.lineHeight.propTypes, _styledSystem.letterSpacing.propTypes); | ||
Text.propTypes = _extends({}, _styledSystem.fontFamily.propTypes, _styledSystem.fontWeight.propTypes, _styledSystem.textAlign.propTypes, _styledSystem.lineHeight.propTypes, _styledSystem.letterSpacing.propTypes); | ||
var Heading = (0, _reactEmotion.default)(Text)(themed('Heading')); | ||
@@ -66,3 +62,3 @@ exports.Heading = Heading; | ||
exports.Button = Button; | ||
Button.propTypes = _objectSpread({}, _styledSystem.fontWeight.propTypes, _styledSystem.borders.propTypes, _styledSystem.borderColor.propTypes, _styledSystem.borderRadius.propTypes, _styledSystem.buttonStyle.propTypes); | ||
Button.propTypes = _extends({}, _styledSystem.fontWeight.propTypes, _styledSystem.borders.propTypes, _styledSystem.borderColor.propTypes, _styledSystem.borderRadius.propTypes, _styledSystem.buttonStyle.propTypes); | ||
Button.defaultProps = { | ||
@@ -85,3 +81,3 @@ as: 'button', | ||
exports.Image = Image; | ||
Image.propTypes = _objectSpread({}, _styledSystem.height.propTypes, _styledSystem.borderRadius.propTypes); | ||
Image.propTypes = _extends({}, _styledSystem.height.propTypes, _styledSystem.borderRadius.propTypes); | ||
Image.defaultProps = { | ||
@@ -96,2 +92,2 @@ as: 'img', | ||
exports.Card = Card; | ||
Card.propTypes = _objectSpread({}, _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); |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
exports.Card = exports.Image = exports.Button = exports.Link = exports.Heading = exports.Text = exports.Flex = exports.Box = void 0; | ||
@@ -16,6 +14,4 @@ | ||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } | ||
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); } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var css = function css(props) { | ||
@@ -33,3 +29,3 @@ return props.css; | ||
exports.Box = Box; | ||
Box.propTypes = _objectSpread({}, _styledSystem.space.propTypes, _styledSystem.width.propTypes, _styledSystem.fontSize.propTypes, _styledSystem.color.propTypes); | ||
Box.propTypes = _extends({}, _styledSystem.space.propTypes, _styledSystem.width.propTypes, _styledSystem.fontSize.propTypes, _styledSystem.color.propTypes); | ||
var Flex = (0, _styledComponents.default)(Box)({ | ||
@@ -39,6 +35,6 @@ display: 'flex' | ||
exports.Flex = Flex; | ||
Flex.propTypes = _objectSpread({}, _styledSystem.flexWrap.propTypes, _styledSystem.flexDirection.propTypes, _styledSystem.alignItems.propTypes, _styledSystem.justifyContent.propTypes); | ||
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')); | ||
exports.Text = Text; | ||
Text.propTypes = _objectSpread({}, _styledSystem.fontFamily.propTypes, _styledSystem.fontWeight.propTypes, _styledSystem.textAlign.propTypes, _styledSystem.lineHeight.propTypes, _styledSystem.letterSpacing.propTypes); | ||
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')); | ||
@@ -66,3 +62,3 @@ exports.Heading = Heading; | ||
exports.Button = Button; | ||
Button.propTypes = _objectSpread({}, _styledSystem.fontWeight.propTypes, _styledSystem.borders.propTypes, _styledSystem.borderColor.propTypes, _styledSystem.borderRadius.propTypes, _styledSystem.buttonStyle.propTypes); | ||
Button.propTypes = _extends({}, _styledSystem.fontWeight.propTypes, _styledSystem.borders.propTypes, _styledSystem.borderColor.propTypes, _styledSystem.borderRadius.propTypes, _styledSystem.buttonStyle.propTypes); | ||
Button.defaultProps = { | ||
@@ -85,3 +81,3 @@ as: 'button', | ||
exports.Image = Image; | ||
Image.propTypes = _objectSpread({}, _styledSystem.height.propTypes, _styledSystem.borderRadius.propTypes); | ||
Image.propTypes = _extends({}, _styledSystem.height.propTypes, _styledSystem.borderRadius.propTypes); | ||
Image.defaultProps = { | ||
@@ -96,2 +92,2 @@ as: 'img', | ||
exports.Card = Card; | ||
Card.propTypes = _objectSpread({}, _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); |
{ | ||
"name": "rebass", | ||
"version": "3.0.0-2", | ||
"version": "3.0.0-3", | ||
"description": "React primitive UI components built with styled-system", | ||
"main": "dist/index", | ||
"main": "dist/index.js", | ||
"sideEffects": false, | ||
"scripts": { | ||
"prepare": "rm -rf dist && mkdir dist && npm run build:cjs && npm run build:esm && npm run build:emotion:cjs && npm run build:emotion:esm", | ||
"build:cjs": "NODE_ENV=cjs babel src/index.js -o dist/index.js", | ||
"build:esm": "NODE_ENV=esm babel src/index.js -o dist/index.mjs", | ||
"build:emotion:cjs": "NODE_ENV=emotion:cjs babel src -o dist/emotion.js", | ||
"build:emotion:esm": "NODE_ENV=emotion:esm babel src -o dist/emotion.mjs", | ||
"prepare": "npm run build && npm run build:emotion", | ||
"clean": "rm -rf dist", | ||
"build": "babel src -d dist", | ||
"build:emotion": "NODE_ENV=emotion babel src -o dist/emotion.js", | ||
"start": "mdx-go docs", | ||
@@ -14,0 +13,0 @@ "docs": "mdx-go build docs -d site", |
18101
9
161