@flodesk/grain 2.20.0 → 2.20.3

package/es/components/box.js

@@ -1,93 +1,87 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Box = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _utilities = require("../utilities");
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.object.freeze.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.define-property.js";
+var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio"];
 
-var _react = _interopRequireDefault(require("react"));
+var _templateObject, _Box$propTypes;
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+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 _types = require("../types");
+import "core-js/modules/es.object.assign.js";
 
-var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-var _templateObject;
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var __jsx = _react.default.createElement;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Wrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  color: ", ";\n  background-color: ", ";\n  \n  position: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  overflow: ", ";\n  aspect-ratio: ", ";\n"])), function (p) {
-  return (0, _utilities.getBorder)(p.borderSide, p.borderWidth, p.borderColor);
+import { getBorder, getColor, getRadius, getResponsiveSpace, getShadow, getResponsiveDimension } from '../utilities';
+import React from "react";
+import styled from "@emotion/styled";
+import { types } from '../types';
+import { PropTypes } from 'prop-types';
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  color: ", ";\n  background-color: ", ";\n  \n  position: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  overflow: ", ";\n  aspect-ratio: ", ";\n"])), function (p) {
+  return getBorder(p.borderSide, p.borderWidth, p.borderColor);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('padding', p.padding);
+  return getResponsiveSpace('padding', p.padding);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('padding-top', p.paddingTop);
+  return getResponsiveSpace('padding-top', p.paddingTop);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('padding-bottom', p.paddingBottom);
+  return getResponsiveSpace('padding-bottom', p.paddingBottom);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('padding-left', p.paddingLeft);
+  return getResponsiveSpace('padding-left', p.paddingLeft);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('padding-right', p.paddingRight);
+  return getResponsiveSpace('padding-right', p.paddingRight);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('margin', p.margin);
+  return getResponsiveSpace('margin', p.margin);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('margin-top', p.marginTop);
+  return getResponsiveSpace('margin-top', p.marginTop);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('margin-bottom', p.marginBottom);
+  return getResponsiveSpace('margin-bottom', p.marginBottom);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('margin-left', p.marginLeft);
+  return getResponsiveSpace('margin-left', p.marginLeft);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('margin-right', p.marginRight);
+  return getResponsiveSpace('margin-right', p.marginRight);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('top', p.top);
+  return getResponsiveSpace('top', p.top);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('bottom', p.bottom);
+  return getResponsiveSpace('bottom', p.bottom);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('left', p.left);
+  return getResponsiveSpace('left', p.left);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('right', p.right);
+  return getResponsiveSpace('right', p.right);
 }, function (p) {
-  return (0, _utilities.getResponsiveDimension)('width', p.width);
+  return getResponsiveDimension('width', p.width);
 }, function (p) {
-  return (0, _utilities.getResponsiveDimension)('min-width', p.minWidth);
+  return getResponsiveDimension('min-width', p.minWidth);
 }, function (p) {
-  return (0, _utilities.getResponsiveDimension)('max-width', p.maxWidth);
+  return getResponsiveDimension('max-width', p.maxWidth);
 }, function (p) {
-  return (0, _utilities.getResponsiveDimension)('height', p.height);
+  return getResponsiveDimension('height', p.height);
 }, function (p) {
-  return (0, _utilities.getResponsiveDimension)('min-height', p.minHeight);
+  return getResponsiveDimension('min-height', p.minHeight);
 }, function (p) {
-  return (0, _utilities.getResponsiveDimension)('max-height', p.maxHeight);
+  return getResponsiveDimension('max-height', p.maxHeight);
 }, function (p) {
-  return (0, _utilities.getColor)(p.color);
+  return getColor(p.color);
 }, function (p) {
-  return (0, _utilities.getColor)(p.backgroundColor);
+  return getColor(p.backgroundColor);
 }, function (p) {
   return p.position;
 }, function (p) {
-  return (0, _utilities.getRadius)(p.radius);
+  return getRadius(p.radius);
 }, function (p) {
-  return (0, _utilities.getShadow)(p.shadow);
+  return getShadow(p.shadow);
 }, function (p) {
   return p.overflow;
 }, function (p) {
   return p.aspectRatio;
 });
-
-var Box = function Box(_ref) {
+export var Box = function Box(_ref) {
   var children = _ref.children,
       color = _ref.color,
       backgroundColor = _ref.backgroundColor,
@@ -125,8 +119,9 @@ var Box = function Box(_ref) {
       shadow = _ref.shadow,
       overflow = _ref.overflow,
       aspectRatio = _ref.aspectRatio,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return __jsx(Wrapper, (0, _extends2.default)({
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
     backgroundColor: backgroundColor,
     color: color,
     borderSide: borderSide,
@@ -159,944 +154,16 @@ var Box = function Box(_ref) {
     aspectRatio: aspectRatio
   }, props), children);
 };
-
-exports.Box = Box;
-Box.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Box",
-  "props": {
-    "borderColor": {
-      "defaultValue": {
-        "value": "'border'",
-        "computed": false
-      },
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"greys\"",
-            "computed": false
-          }, {
-            "value": "\"fades\"",
-            "computed": false
-          }, {
-            "value": "\"baseColors\"",
-            "computed": false
-          }, {
-            "value": "\"semanticColors\"",
-            "computed": false
-          }]
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "borderWidth": {
-      "defaultValue": {
-        "value": "'1px'",
-        "computed": false
-      },
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "color": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"greys\"",
-            "computed": false
-          }, {
-            "value": "\"fades\"",
-            "computed": false
-          }, {
-            "value": "\"baseColors\"",
-            "computed": false
-          }, {
-            "value": "\"semanticColors\"",
-            "computed": false
-          }]
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "backgroundColor": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"greys\"",
-            "computed": false
-          }, {
-            "value": "\"fades\"",
-            "computed": false
-          }, {
-            "value": "\"baseColors\"",
-            "computed": false
-          }, {
-            "value": "\"semanticColors\"",
-            "computed": false
-          }]
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "borderSide": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"all\"",
-          "computed": false
-        }, {
-          "value": "\"left\"",
-          "computed": false
-        }, {
-          "value": "\"right\"",
-          "computed": false
-        }, {
-          "value": "\"top\"",
-          "computed": false
-        }, {
-          "value": "\"bottom\"",
-          "computed": false
-        }, {
-          "value": "\"x\"",
-          "computed": false
-        }, {
-          "value": "\"y\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "width": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "minWidth": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "maxWidth": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "height": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "minHeight": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "maxHeight": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "radius": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }]
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "shadow": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }]
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "padding": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "paddingTop": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "paddingBottom": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "paddingLeft": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "paddingRight": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "paddingX": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "paddingY": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "margin": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "marginTop": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "marginBottom": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "marginLeft": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "marginRight": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "marginX": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "marginY": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "position": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"static\"",
-          "computed": false
-        }, {
-          "value": "\"relative\"",
-          "computed": false
-        }, {
-          "value": "\"fixed\"",
-          "computed": false
-        }, {
-          "value": "\"absolute\"",
-          "computed": false
-        }, {
-          "value": "\"sticky\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "top": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "bottom": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "left": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "right": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "overflow": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"visible\"",
-          "computed": false
-        }, {
-          "value": "\"hidden\"",
-          "computed": false
-        }, {
-          "value": "\"scroll\"",
-          "computed": false
-        }, {
-          "value": "\"auto\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "aspectRatio": {
-      "type": {
-        "name": "string"
-      },
-      "required": false,
-      "description": ""
-    }
-  }
-};
+Box.propTypes = (_Box$propTypes = {
+  color: types.color,
+  backgroundColor: types.color,
+  borderSide: types.side,
+  borderWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  borderColor: types.color,
+  width: types.dimension,
+  minWidth: types.dimension,
+  maxWidth: types.dimension,
+  height: types.dimension,
+  minHeight: types.dimension,
+  maxHeight: types.dimension
+}, _defineProperty(_Box$propTypes, "height", types.dimension), _defineProperty(_Box$propTypes, "radius", types.radius), _defineProperty(_Box$propTypes, "shadow", types.shadow), _defineProperty(_Box$propTypes, "padding", types.space), _defineProperty(_Box$propTypes, "paddingTop", types.space), _defineProperty(_Box$propTypes, "paddingBottom", types.space), _defineProperty(_Box$propTypes, "paddingLeft", types.space), _defineProperty(_Box$propTypes, "paddingRight", types.space), _defineProperty(_Box$propTypes, "paddingX", types.space), _defineProperty(_Box$propTypes, "paddingY", types.space), _defineProperty(_Box$propTypes, "margin", types.space), _defineProperty(_Box$propTypes, "marginTop", types.space), _defineProperty(_Box$propTypes, "marginBottom", types.space), _defineProperty(_Box$propTypes, "marginLeft", types.space), _defineProperty(_Box$propTypes, "marginRight", types.space), _defineProperty(_Box$propTypes, "marginX", types.space), _defineProperty(_Box$propTypes, "marginY", types.space), _defineProperty(_Box$propTypes, "position", types.position), _defineProperty(_Box$propTypes, "top", types.space), _defineProperty(_Box$propTypes, "bottom", types.space), _defineProperty(_Box$propTypes, "left", types.space), _defineProperty(_Box$propTypes, "right", types.space), _defineProperty(_Box$propTypes, "overflow", types.overflow), _defineProperty(_Box$propTypes, "aspectRatio", PropTypes.string), _Box$propTypes);