td-stylekit 24.8.0 → 25.2.0

package/dist/es/BarChart/BarChart.js

@@ -1,26 +1,49 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BarChart = BarChart;
+exports["default"] = void 0;
+
+var _color = _interopRequireDefault(require("color"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _victory = require("victory");
+
+var _ChartPrimitives = require("../ChartPrimitives");
+
+var _excluded = ["animate", "barColor", "barLabel", "barRadius", "barRatio", "barWidth", "chartColors", "customizeTheme", "data", "detailed", "domainPadding", "grayscale", "gridStyle", "horizontal", "isGrowthRateChart", "padding", "theme", "tooltipLabel", "xTickCount", "xTickLabel", "xTickLabelTitle", "xTickValues", "yTickCount", "yTickLabel", "yTickValues", "width", "height"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+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; }
+
+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 _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; }
+
+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; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import Color from 'color';
-import { useTheme, withTheme } from 'emotion-theming';
-import React from 'react';
-import { VictoryAxis, VictoryBar, VictoryChart, VictoryLabel } from 'victory';
-import { chartUtils, Container, Defs, Noop, Tooltip } from '../ChartPrimitives';
-export function BarChart(props) {
+
+function BarChart(props) {
+  var _chartTheme$axis, _chartTheme$axis$styl;
+
   /**
    *  @typescript-eslint/no-unused-vars is added because even though the props are not used in this component
    * they are getting destructured into ...props and passed further down the tree
    */
   var _props$animate = props.animate,
-      animate = _props$animate === void 0 ? chartUtils.ANIMATE : _props$animate,
+      animate = _props$animate === void 0 ? _ChartPrimitives.chartUtils.ANIMATE : _props$animate,
       _props$barColor = props.barColor,
       barColor = _props$barColor === void 0 ? function (_datum, theme) {
     return theme.color.Primary;
@@ -31,7 +54,7 @@ export function BarChart(props) {
       barRatio = _props$barRatio === void 0 ? 0.5 : _props$barRatio,
       barWidth = props.barWidth,
       _props$chartColors = props.chartColors,
-      chartColors = _props$chartColors === void 0 ? chartUtils.DEFAULT_COLORS[0] : _props$chartColors,
+      chartColors = _props$chartColors === void 0 ? _ChartPrimitives.chartUtils.DEFAULT_COLORS[0] : _props$chartColors,
       _props$customizeTheme = props.customizeTheme,
       customizeTheme = _props$customizeTheme === void 0 ? function (chartTheme) {
     return chartTheme;
@@ -59,7 +82,7 @@ export function BarChart(props) {
       yTickValues = _props$yTickValues === void 0 ? null : _props$yTickValues,
       _w = props.width,
       _h = props.height,
-      restProps = _objectWithoutProperties(props, ["animate", "barColor", "barLabel", "barRadius", "barRatio", "barWidth", "chartColors", "customizeTheme", "data", "detailed", "domainPadding", "grayscale", "gridStyle", "horizontal", "isGrowthRateChart", "padding", "theme", "tooltipLabel", "xTickCount", "xTickLabel", "xTickLabelTitle", "xTickValues", "yTickCount", "yTickLabel", "yTickValues", "width", "height"]); // Ensure dimensions are always positive, non-zero, numbers
+      restProps = _objectWithoutProperties(props, _excluded); // Ensure dimensions are always positive, non-zero, numbers
   // so that Victory doesn't create invalid props when using these
   // values in calculations
 
@@ -68,17 +91,17 @@ export function BarChart(props) {
       height = props.height;
   width = Math.max(width, 1);
   height = Math.max(height, 1);
-  var providerTheme = useTheme();
+  var providerTheme = (0, _react.useTheme)();
   var isV5 = providerTheme.name === 'v5';
 
   var BarLabel = function BarLabel(props) {
-    var _tooltipProps$labelSt, _tooltipProps$labelSt2, _tooltipProps$labelSt3;
+    var _chartTheme$_labelSty, _tooltipProps$labelSt, _chartTheme$_labelSty2, _tooltipProps$labelSt2, _chartTheme$_labelSty3, _tooltipProps$labelSt3;
 
     var tooltipProps = typeof restProps.tooltipProps === 'function' ? restProps.tooltipProps(props.datum || {
       x: 0,
       y: 0
     }, providerTheme) : restProps.tooltipProps;
-    return ___EmotionJSX(React.Fragment, null, barLabel && ___EmotionJSX(VictoryLabel, _extends({
+    return (0, _react.jsx)(_react2["default"].Fragment, null, barLabel && (0, _react.jsx)(_victory.VictoryLabel, _extends({
       "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "victory-label")
     }, props, {
       style: {
@@ -91,7 +114,7 @@ export function BarChart(props) {
         return barLabel(datum);
       },
       dx: 10
-    })), detailed && ___EmotionJSX(Tooltip, _extends({
+    })), detailed && (0, _react.jsx)(_ChartPrimitives.Tooltip, _extends({
       "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "tooltip")
     }, props, tooltipProps, {
       chartHeight: height,
@@ -99,17 +122,17 @@ export function BarChart(props) {
       preferClosestEdge: true,
       chartTheme: chartTheme,
       label: tooltipLabel,
-      labelStyle: [_objectSpread({}, chartTheme._labelStyle[0], {}, tooltipProps === null || tooltipProps === void 0 ? void 0 : (_tooltipProps$labelSt = tooltipProps.labelStyle) === null || _tooltipProps$labelSt === void 0 ? void 0 : _tooltipProps$labelSt[0]), _objectSpread({}, chartTheme._labelStyle[1], {
+      labelStyle: [_objectSpread(_objectSpread({}, (_chartTheme$_labelSty = chartTheme._labelStyle) === null || _chartTheme$_labelSty === void 0 ? void 0 : _chartTheme$_labelSty[0]), tooltipProps === null || tooltipProps === void 0 ? void 0 : (_tooltipProps$labelSt = tooltipProps.labelStyle) === null || _tooltipProps$labelSt === void 0 ? void 0 : _tooltipProps$labelSt[0]), _objectSpread(_objectSpread({}, (_chartTheme$_labelSty2 = chartTheme._labelStyle) === null || _chartTheme$_labelSty2 === void 0 ? void 0 : _chartTheme$_labelSty2[1]), {}, {
         fill: function fill(_ref2) {
           var datum = _ref2.datum;
-          return isV5 ? Color(barColor(datum, theme)).darken(0.5) : barColor(datum, theme);
+          return isV5 ? (0, _color["default"])(barColor(datum, theme)).darken(0.5) : barColor(datum, theme);
         }
-      }, tooltipProps === null || tooltipProps === void 0 ? void 0 : (_tooltipProps$labelSt2 = tooltipProps.labelStyle) === null || _tooltipProps$labelSt2 === void 0 ? void 0 : _tooltipProps$labelSt2[1]), _objectSpread({}, chartTheme._labelStyle[0], {}, tooltipProps === null || tooltipProps === void 0 ? void 0 : (_tooltipProps$labelSt3 = tooltipProps.labelStyle) === null || _tooltipProps$labelSt3 === void 0 ? void 0 : _tooltipProps$labelSt3[0])],
+      }, tooltipProps === null || tooltipProps === void 0 ? void 0 : (_tooltipProps$labelSt2 = tooltipProps.labelStyle) === null || _tooltipProps$labelSt2 === void 0 ? void 0 : _tooltipProps$labelSt2[1]), _objectSpread(_objectSpread({}, (_chartTheme$_labelSty3 = chartTheme._labelStyle) === null || _chartTheme$_labelSty3 === void 0 ? void 0 : _chartTheme$_labelSty3[0]), tooltipProps === null || tooltipProps === void 0 ? void 0 : (_tooltipProps$labelSt3 = tooltipProps.labelStyle) === null || _tooltipProps$labelSt3 === void 0 ? void 0 : _tooltipProps$labelSt3[0])],
       isGrouped: false
     })));
   };
 
-  var chartTheme = isV5 ? customizeTheme(chartUtils.getV5Theme({
+  var chartTheme = isV5 ? customizeTheme(_ChartPrimitives.chartUtils.getV5Theme({
     chartColors: chartColors,
     width: width,
     height: height,
@@ -120,7 +143,7 @@ export function BarChart(props) {
     yAxisLabel: undefined,
     yTickLabel: yTickLabel,
     theme: theme
-  }), theme) : customizeTheme(chartUtils.getTheme({
+  }), theme) : customizeTheme(_ChartPrimitives.chartUtils.getTheme({
     width: width,
     height: height,
     detailed: detailed,
@@ -131,9 +154,11 @@ export function BarChart(props) {
     theme: theme
   }), theme);
   var shouldRenderBackground = isV5 && width > 1 && height > 1;
-  var yDomain = chartUtils.findYMax(data); // The y domain is [0, 0] so force it to [-100, 100] so that the
+
+  var yDomain = _ChartPrimitives.chartUtils.findYMax(data); // The y domain is [0, 0] so force it to [-100, 100] so that the
   // x axis is centered horizontally
 
+
   if (yDomain[0] === 0 && yDomain[1] === 0) {
     yDomain = [-100, 100];
   }
@@ -152,21 +177,21 @@ export function BarChart(props) {
   var VictoryLabelWithTitle = function VictoryLabelWithTitle(props) {
     var _xTickLabelTitle;
 
-    return ___EmotionJSX(VictoryLabel, _extends({
+    return (0, _react.jsx)(_victory.VictoryLabel, _extends({
       "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "victory-label")
     }, props, {
       title: String((_xTickLabelTitle = xTickLabelTitle === null || xTickLabelTitle === void 0 ? void 0 : xTickLabelTitle(props === null || props === void 0 ? void 0 : props.datum)) !== null && _xTickLabelTitle !== void 0 ? _xTickLabelTitle : props.text)
     }));
   };
 
-  return ___EmotionJSX(Container, {
+  return (0, _react.jsx)(_ChartPrimitives.Container, {
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container"),
     width: width,
     height: height,
     style: {
-      filter: grayscale ? Defs.GRAYSCALE : undefined
+      filter: grayscale ? _ChartPrimitives.Defs.GRAYSCALE : undefined
     }
-  }, ___EmotionJSX(VictoryChart, _extends({
+  }, (0, _react.jsx)(_victory.VictoryChart, _extends({
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart"),
     animate: animate,
     width: width,
@@ -177,9 +202,9 @@ export function BarChart(props) {
     padding: padding,
     style: shouldRenderBackground ? chartTheme._backgroundStyles : {},
     theme: chartTheme
-  }, restProps), ___EmotionJSX(Defs, {
+  }, restProps), (0, _react.jsx)(_ChartPrimitives.Defs, {
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "defs")
-  }), ___EmotionJSX(VictoryAxis, {
+  }), (0, _react.jsx)(_victory.VictoryAxis, {
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "victory-axis"),
     style: {
       grid: gridStyle ? gridStyle.x : {}
@@ -189,13 +214,14 @@ export function BarChart(props) {
     tickFormat: xTickLabel,
     tickValues: xTickValues,
     fixLabelOverlap: true,
-    tickLabelComponent: detailed ? ___EmotionJSX(VictoryLabelWithTitle, {
+    tickLabelComponent: detailed ? (0, _react.jsx)(VictoryLabelWithTitle, {
       "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "victory-axis", "victory-label-with-title"),
-      y: !horizontal ? Math.max(height - chartTheme.axis.style.tickLabels.fontSize * 1.5, 1) : undefined
-    }) : ___EmotionJSX(Noop, {
+      y: !horizontal ? Math.max(height - // tickLabels can be an object or array, so TS complains about accessing a field on an array type.
+      (chartTheme === null || chartTheme === void 0 ? void 0 : (_chartTheme$axis = chartTheme.axis) === null || _chartTheme$axis === void 0 ? void 0 : (_chartTheme$axis$styl = _chartTheme$axis.style) === null || _chartTheme$axis$styl === void 0 ? void 0 : _chartTheme$axis$styl.tickLabels).fontSize * 1.5, 1) : undefined
+    }) : (0, _react.jsx)(_ChartPrimitives.Noop, {
       "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "victory-axis", "noop")
     })
-  }), detailed ? ___EmotionJSX(VictoryAxis, _extends({
+  }), detailed ? (0, _react.jsx)(_victory.VictoryAxis, _extends({
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "victory-axis"),
     dependentAxis: true,
     style: {
@@ -204,9 +230,9 @@ export function BarChart(props) {
     tickFormat: yTickLabel,
     tickCount: yTickCount,
     animate: animate
-  }, conditionalProps)) : ___EmotionJSX(Noop, {
+  }, conditionalProps)) : (0, _react.jsx)(_ChartPrimitives.Noop, {
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "noop")
-  }), ___EmotionJSX(VictoryBar, {
+  }), (0, _react.jsx)(_victory.VictoryBar, {
     "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "victory-bar"),
     horizontal: horizontal,
     data: data,
@@ -225,7 +251,7 @@ export function BarChart(props) {
                   style = _ref3.style;
               return {
                 style: {
-                  fill: Color(style.fill({
+                  fill: (0, _color["default"])(style.fill({
                     datum: datum
                   })).darken(datum.grey ? 0 : 0.3)
                 }
@@ -261,7 +287,7 @@ export function BarChart(props) {
       var datum = _ref4.datum;
       return tooltipLabel(datum);
     },
-    labelComponent: ___EmotionJSX(BarLabel, {
+    labelComponent: (0, _react.jsx)(BarLabel, {
       "data-gs": gs("src", "barchart", "barchart.tsx", "bar-chart", "container", "victory-chart", "victory-bar", "bar-label")
     }),
     style: {
@@ -274,6 +300,7 @@ export function BarChart(props) {
     }
   })));
 }
+
 BarChart.defaultProps = {
   xTickLabel: function xTickLabel(value) {
     return value;
@@ -288,6 +315,7 @@ BarChart.defaultProps = {
     return chartTheme;
   }
 };
-var ThemedComponent = withTheme(BarChart);
+var ThemedComponent = (0, _react.withTheme)(BarChart);
 ThemedComponent.displayName = 'BarChart';
-export default ThemedComponent;
+var _default = ThemedComponent;
+exports["default"] = _default;

package/dist/es/BarChart/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BarChart["default"];
+  }
+});
+
+var _BarChart = _interopRequireDefault(require("./BarChart"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default } from './BarChart';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/Box/Box.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="types/@emotion/styled" />
 import type { Border } from '../mixins/border';
 import type { Spacing } from '../mixins/spacing';
 export declare type BoxProps = {
@@ -36,130 +35,9 @@ export declare type BoxProps = {
     /** maxHeight (CSS prop) */
     maxHeight?: number | string;
 };
-declare const Box: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps & Partial<Border & Spacing>, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string; /** How to align the contents when there is extra space in the cross axis.  */
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string; /** How to align the contents along the main axis. */
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string; /** Whether to reverse the order of the child components. */
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
+declare const Box: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BoxProps & Partial<Border & Spacing>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Box;
 //# sourceMappingURL=Box.d.ts.map

package/dist/es/Box/Box.js

@@ -1,15 +1,32 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _styled from "@emotion/styled-base";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _isPropValid = _interopRequireDefault(require("../utils/isPropValid"));
+
+var _mixins = require("../mixins");
+
+var _excluded = ["align", "alignContent", "alignSelf", "direction", "justify", "flex", "full", "reverse", "wrap", "grow", "shrink", "minWidth", "maxWidth", "minHeight", "maxHeight"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+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; }
+
+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; }
+
+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; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import isPropValid from '../utils/isPropValid';
-import { border, spacing } from '../mixins';
 var flexPropToCSS = {
   start: 'flex-start',
   center: 'center',
@@ -204,13 +221,21 @@ function propToMaxHeight(maxHeight) {
   };
 }
 
-var Box = /*#__PURE__*/_styled('div', {
+var Box = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
   shouldForwardProp: function shouldForwardProp(prop) {
-    return isPropValid(prop, {
+    return (0, _isPropValid["default"])(prop, {
       exclude: ['wrap', 'direction']
     });
   },
   target: "e15wjiyt0"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return (0, _isPropValid["default"])(prop, {
+      exclude: ['wrap', 'direction']
+    });
+  },
+  target: "e15wjiyt0",
+  label: "Box"
 })(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -238,13 +263,13 @@ var Box = /*#__PURE__*/_styled('div', {
       maxWidth = _ref2.maxWidth,
       minHeight = _ref2.minHeight,
       maxHeight = _ref2.maxHeight,
-      props = _objectWithoutProperties(_ref2, ["align", "alignContent", "alignSelf", "direction", "justify", "flex", "full", "reverse", "wrap", "grow", "shrink", "minWidth", "maxWidth", "minHeight", "maxHeight"]);
-
-  return _objectSpread({}, propAlignToCSS(align), {}, propAlignContentToCSS(alignContent), {}, propAlignSelfToCSS(alignSelf), {}, propJustifyToCSS(justify), {}, propFlexToCSS(flex), {}, propFullToCSS(full), {}, propToReverse(reverse, direction), {}, propToWrap(wrap), {}, propToGrow(grow), {}, propToShrink(shrink), {}, propToMinWidth(minWidth), {}, propToMaxWidth(maxWidth), {}, propToMinHeight(minHeight), {}, propToMaxHeight(maxHeight), {}, spacing(props), {}, border(props));
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvTlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JveC9Cb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnLi4vdXRpbHMvaXNQcm9wVmFsaWQnXG5pbXBvcnQgeyBib3JkZXIsIHNwYWNpbmcgfSBmcm9tICcuLi9taXhpbnMnXG5pbXBvcnQgdHlwZSB7IEJvcmRlciB9IGZyb20gJy4uL21peGlucy9ib3JkZXInXG5pbXBvcnQgdHlwZSB7IFNwYWNpbmcgfSBmcm9tICcuLi9taXhpbnMvc3BhY2luZydcbmltcG9ydCB0eXBlIHsgVGhlbWVQcm9wIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcblxuY29uc3QgZmxleFByb3BUb0NTUyA9IHtcbiAgc3RhcnQ6ICdmbGV4LXN0YXJ0JyxcbiAgY2VudGVyOiAnY2VudGVyJyxcbiAgZW5kOiAnZmxleC1lbmQnLFxuICBiYXNlbGluZTogJ2Jhc2VsaW5lJyxcbiAgc3RyZXRjaDogJ3N0cmV0Y2gnLFxuICBiZXR3ZWVuOiAnc3BhY2UtYmV0d2VlbicsXG4gIGFyb3VuZDogJ3NwYWNlLWFyb3VuZCdcbn1cblxudHlwZSBDU1NPYmplY3QgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZyB8IG51bWJlclxufVxuXG5mdW5jdGlvbiBwcm9wQWxpZ25Ub0NTUyhhbGlnbik6IENTU09iamVjdCB7XG4gIGlmICghYWxpZ24pIHtcbiAgICByZXR1cm4ge31cbiAgfVxuICByZXR1cm4geyBhbGlnbkl0ZW1zOiBmbGV4UHJvcFRvQ1NTW2FsaWduXSB9XG59XG5cbmZ1bmN0aW9uIHByb3BBbGlnbkNvbnRlbnRUb0NTUyhhbGlnbkNvbnRlbnQpOiBDU1NPYmplY3Qge1xuICBpZiAoIWFsaWduQ29udGVudCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IGFsaWduQ29udGVudDogZmxleFByb3BUb0NTU1thbGlnbkNvbnRlbnRdIH1cbn1cblxuZnVuY3Rpb24gcHJvcEFsaWduU2VsZlRvQ1NTKGFsaWduU2VsZik6IENTU09iamVjdCB7XG4gIGlmICghYWxpZ25TZWxmKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgYWxpZ25TZWxmOiBmbGV4UHJvcFRvQ1NTW2FsaWduU2VsZl0gfVxufVxuXG5mdW5jdGlvbiBwcm9wSnVzdGlmeVRvQ1NTKGp1c3RpZnlDb250ZW50KTogQ1NTT2JqZWN0IHtcbiAgaWYgKCFqdXN0aWZ5Q29udGVudCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IGp1c3RpZnlDb250ZW50OiBmbGV4UHJvcFRvQ1NTW2p1c3RpZnlDb250ZW50XSB9XG59XG5cbmZ1bmN0aW9uIHByb3BGbGV4VG9DU1MoZmxleCk6IENTU09iamVjdCB7XG4gIGlmICghZmxleCkge1xuICAgIHJldHVybiB7XG4gICAgICBmbGV4R3JvdzogMCxcbiAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICBmbGV4QmFzaXM6ICdhdXRvJ1xuICAgIH1cbiAgfVxuICBpZiAoZmxleCA9PT0gJ2dyb3cnKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZsZXhHcm93OiAxLFxuICAgICAgZmxleFNocmluazogMCxcbiAgICAgIGZsZXhCYXNpczogJ2F1dG8nXG4gICAgfVxuICB9XG4gIGlmIChmbGV4ID09PSAnc2hyaW5rJykge1xuICAgIHJldHVybiB7XG4gICAgICBmbGV4R3JvdzogMCxcbiAgICAgIGZsZXhTaHJpbms6IDEsXG4gICAgICBmbGV4QmFzaXM6ICdhdXRvJ1xuICAgIH1cbiAgfVxuICByZXR1cm4ge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIGZsZXhTaHJpbms6IDEsXG4gICAgZmxleEJhc2lzOiAnYXV0bydcbiAgfVxufVxuXG5mdW5jdGlvbiBwcm9wRnVsbFRvQ1NTKGZ1bGwpOiBDU1NPYmplY3Qge1xuICBpZiAoIWZ1bGwpIHtcbiAgICByZXR1cm4ge31cbiAgfVxuICBjb25zdCBob3Jpem9udGFsU3R5bGVzID0ge1xuICAgIHdpZHRoOiAnMTAwJSdcbiAgfVxuICBjb25zdCB2ZXJ0aWNhbFN0eWxlcyA9IHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvdmVyZmxvdzogJ2F1dG8nXG4gIH1cbiAgaWYgKGZ1bGwgPT09ICdob3Jpem9udGFsJykge1xuICAgIHJldHVybiBob3Jpem9udGFsU3R5bGVzXG4gIH1cbiAgaWYgKGZ1bGwgPT09ICd2ZXJ0aWNhbCcpIHtcbiAgICByZXR1cm4gdmVydGljYWxTdHlsZXNcbiAgfVxuICByZXR1cm4gT2JqZWN0LmFzc2lnbih7fSwgaG9yaXpvbnRhbFN0eWxlcywgdmVydGljYWxTdHlsZXMpXG59XG5cbmZ1bmN0aW9uIHByb3BUb1JldmVyc2UocmV2ZXJzZSwgZGlyZWN0aW9uKTogQ1NTT2JqZWN0IHtcbiAgaWYgKCFyZXZlcnNlKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IGRpcmVjdGlvblxuICAgIH1cbiAgfVxuICBpZiAocmV2ZXJzZSAmJiBkaXJlY3Rpb24gPT09ICdjb2x1bW4nKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4tcmV2ZXJzZSdcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHtcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93LXJldmVyc2UnXG4gIH1cbn1cblxuZnVuY3Rpb24gcHJvcFRvV3JhcCh3cmFwKTogQ1NTT2JqZWN0IHtcbiAgaWYgKCF3cmFwKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgZmxleFdyYXA6ICd3cmFwJyB9XG59XG5cbmZ1bmN0aW9uIHByb3BUb0dyb3coZ3Jvdyk6IENTU09iamVjdCB7XG4gIGlmICghZ3Jvdykge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IGZsZXhHcm93OiBncm93IH1cbn1cblxuZnVuY3Rpb24gcHJvcFRvU2hyaW5rKHNocmluayk6IENTU09iamVjdCB7XG4gIGlmICghc2hyaW5rKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgZmxleFNocmluazogc2hyaW5rIH1cbn1cblxuZnVuY3Rpb24gcHJvcFRvTWluV2lkdGgobWluV2lkdGgpOiBDU1NPYmplY3Qge1xuICBpZiAoIW1pbldpZHRoKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgbWluV2lkdGggfVxufVxuXG5mdW5jdGlvbiBwcm9wVG9NYXhXaWR0aChtYXhXaWR0aCk6IENTU09iamVjdCB7XG4gIGlmICghbWF4V2lkdGgpIHtcbiAgICByZXR1cm4ge31cbiAgfVxuICByZXR1cm4geyBtYXhXaWR0aCB9XG59XG5cbmZ1bmN0aW9uIHByb3BUb01pbkhlaWdodChtaW5IZWlnaHQpOiBDU1NPYmplY3Qge1xuICBpZiAoIW1pbkhlaWdodCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IG1pbkhlaWdodCB9XG59XG5cbmZ1bmN0aW9uIHByb3BUb01heEhlaWdodChtYXhIZWlnaHQpOiBDU1NPYmplY3Qge1xuICBpZiAoIW1heEhlaWdodCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IG1heEhlaWdodCB9XG59XG5cbmV4cG9ydCB0eXBlIEJveFByb3BzID0ge1xuICAvKiogSG93IHRvIGFsaWduIHRoZSBjb250ZW50cyBhbG9uZyB0aGUgY3Jvc3MgYXhpcy4gKi9cbiAgYWxpZ24/OiAnc3RhcnQnIHwgJ2NlbnRlcicgfCAnZW5kJyB8ICdiYXNlbGluZScgfCAnc3RyZXRjaCdcblxuICAvKiogSG93IHRvIGFsaWduIHRoZSBjb250ZW50cyB3aGVuIHRoZXJlIGlzIGV4dHJhIHNwYWNlIGluIHRoZSBjcm9zcyBheGlzLiAgKi9cbiAgYWxpZ25Db250ZW50PzogJ3N0YXJ0JyB8ICdjZW50ZXInIHwgJ2VuZCcgfCAnYmV0d2VlbicgfCAnYXJvdW5kJyB8ICdzdHJldGNoJ1xuXG4gIC8qKiBIb3cgdG8gYWxpZ24gd2l0aGluIGl0cyBjb250YWluZXIgYWxvbmcgdGhlIGNyb3NzIGF4aXMuICovXG4gIGFsaWduU2VsZj86ICdzdGFydCcgfCAnY2VudGVyJyB8ICdlbmQnIHwgJ3N0cmV0Y2gnXG5cbiAgLyoqIFRoZSBvcmllbnRhdGlvbiB0byBsYXlvdXQgdGhlIGNoaWxkIGNvbXBvbmVudHMgaW4uICovXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqIEhvdyB0byBhbGlnbiB0aGUgY29udGVudHMgYWxvbmcgdGhlIG1haW4gYXhpcy4gKi9cbiAganVzdGlmeT86ICdzdGFydCcgfCAnY2VudGVyJyB8ICdiZXR3ZWVuJyB8ICdhcm91bmQnIHwgJ2VuZCdcblxuICAvKiogV2hldGhlciBmbGV4LWdyb3cgYW5kL29yIGZsZXgtc2hyaW5rIGlzIHRydWUuICovXG4gIGZsZXg/OiBib29sZWFuIHwgJ2dyb3cnIHwgJ3NocmluaydcblxuICAvKiogV2hldGhlciB0aGUgd2lkdGggYW5kL29yIGhlaWdodCBzaG91bGQgdGFrZSB0aGUgZnVsbCB2aWV3cG9ydCBzaXplLiAqL1xuICBmdWxsPzogYm9vbGVhbiB8ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcblxuICAvKiogV2hldGhlciB0byByZXZlcnNlIHRoZSBvcmRlciBvZiB0aGUgY2hpbGQgY29tcG9uZW50cy4gKi9cbiAgcmV2ZXJzZT86IGJvb2xlYW5cblxuICAvKiogV2hldGhlciBjaGlsZHJlbiBjYW4gd3JhcCBpZiB0aGV5IGNhbid0IGFsbCBmaXQgKi9cbiAgd3JhcD86IGJvb2xlYW5cblxuICAvKiogR3JvdyByYXRpbyAqL1xuICBncm93PzogbnVtYmVyIHwgc3RyaW5nXG5cbiAgLyoqIFNocmluayByYXRpbyAqL1xuICBzaHJpbms/OiBudW1iZXJcblxuICAvKiogbWluV2lkdGggKENTUyBwcm9wKSAqL1xuICBtaW5XaWR0aD86IG51bWJlciB8IHN0cmluZ1xuXG4gIC8qKiBtYXhXaWR0aCAoQ1NTIHByb3ApICovXG4gIG1heFdpZHRoPzogbnVtYmVyIHwgc3RyaW5nXG5cbiAgLyoqIG1pbkhlaWdodCAoQ1NTIHByb3ApICovXG4gIG1pbkhlaWdodD86IG51bWJlciB8IHN0cmluZ1xuXG4gIC8qKiBtYXhIZWlnaHQgKENTUyBwcm9wKSAqL1xuICBtYXhIZWlnaHQ/OiBudW1iZXIgfCBzdHJpbmdcbn1cblxuY29uc3QgQm94ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgaXNQcm9wVmFsaWQocHJvcCwgeyBleGNsdWRlOiBbJ3dyYXAnLCAnZGlyZWN0aW9uJ10gfSlcbn0pPEJveFByb3BzICYgUGFydGlhbDxCb3JkZXIgJiBTcGFjaW5nPj4oXG4gICh7IHRoZW1lIH06IFRoZW1lUHJvcCkgPT4gKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgbWFyZ2luOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgekluZGV4OiB0aGVtZS56SW5kZXguQmFzZSxcbiAgICAvLyBmaXggZmxleGJveCBidWdzXG4gICAgbWluSGVpZ2h0OiAwLFxuICAgIG1pbldpZHRoOiAwXG4gIH0pLFxuICAoe1xuICAgIGFsaWduLFxuICAgIGFsaWduQ29udGVudCxcbiAgICBhbGlnblNlbGYsXG4gICAgZGlyZWN0aW9uLFxuICAgIGp1c3RpZnksXG4gICAgZmxleCxcbiAgICBmdWxsLFxuICAgIHJldmVyc2UsXG4gICAgd3JhcCxcbiAgICBncm93LFxuICAgIHNocmluayxcbiAgICBtaW5XaWR0aCxcbiAgICBtYXhXaWR0aCxcbiAgICBtaW5IZWlnaHQsXG4gICAgbWF4SGVpZ2h0LFxuICAgIC4uLnByb3BzXG4gIH06IEJveFByb3BzICYgU3BhY2luZyAmIEJvcmRlcikgPT4gKHtcbiAgICAuLi5wcm9wQWxpZ25Ub0NTUyhhbGlnbiksXG4gICAgLi4ucHJvcEFsaWduQ29udGVudFRvQ1NTKGFsaWduQ29udGVudCksXG4gICAgLi4ucHJvcEFsaWduU2VsZlRvQ1NTKGFsaWduU2VsZiksXG4gICAgLi4ucHJvcEp1c3RpZnlUb0NTUyhqdXN0aWZ5KSxcbiAgICAuLi5wcm9wRmxleFRvQ1NTKGZsZXgpLFxuICAgIC4uLnByb3BGdWxsVG9DU1MoZnVsbCksXG4gICAgLi4ucHJvcFRvUmV2ZXJzZShyZXZlcnNlLCBkaXJlY3Rpb24pLFxuICAgIC4uLnByb3BUb1dyYXAod3JhcCksXG4gICAgLi4ucHJvcFRvR3Jvdyhncm93KSxcbiAgICAuLi5wcm9wVG9TaHJpbmsoc2hyaW5rKSxcbiAgICAuLi5wcm9wVG9NaW5XaWR0aChtaW5XaWR0aCksXG4gICAgLi4ucHJvcFRvTWF4V2lkdGgobWF4V2lkdGgpLFxuICAgIC4uLnByb3BUb01pbkhlaWdodChtaW5IZWlnaHQpLFxuICAgIC4uLnByb3BUb01heEhlaWdodChtYXhIZWlnaHQpLFxuICAgIC4uLnNwYWNpbmcocHJvcHMpLFxuICAgIC4uLmJvcmRlcihwcm9wcylcbiAgfSlcbilcbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnXG5Cb3guZGVmYXVsdFByb3BzID0ge1xuICBkaXJlY3Rpb246ICdjb2x1bW4nXG59XG5cbmV4cG9ydCBkZWZhdWx0IEJveFxuIl19 */");
+      props = _objectWithoutProperties(_ref2, _excluded);
 
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, propAlignToCSS(align)), propAlignContentToCSS(alignContent)), propAlignSelfToCSS(alignSelf)), propJustifyToCSS(justify)), propFlexToCSS(flex)), propFullToCSS(full)), propToReverse(reverse, direction)), propToWrap(wrap)), propToGrow(grow)), propToShrink(shrink)), propToMinWidth(minWidth)), propToMaxWidth(maxWidth)), propToMinHeight(minHeight)), propToMaxHeight(maxHeight)), (0, _mixins.spacing)(props)), (0, _mixins.border)(props));
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvTlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0JveC9Cb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnLi4vdXRpbHMvaXNQcm9wVmFsaWQnXG5pbXBvcnQgeyBib3JkZXIsIHNwYWNpbmcgfSBmcm9tICcuLi9taXhpbnMnXG5pbXBvcnQgdHlwZSB7IEJvcmRlciB9IGZyb20gJy4uL21peGlucy9ib3JkZXInXG5pbXBvcnQgdHlwZSB7IFNwYWNpbmcgfSBmcm9tICcuLi9taXhpbnMvc3BhY2luZydcbmltcG9ydCB0eXBlIHsgVGhlbWVQcm9wIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcblxuY29uc3QgZmxleFByb3BUb0NTUyA9IHtcbiAgc3RhcnQ6ICdmbGV4LXN0YXJ0JyxcbiAgY2VudGVyOiAnY2VudGVyJyxcbiAgZW5kOiAnZmxleC1lbmQnLFxuICBiYXNlbGluZTogJ2Jhc2VsaW5lJyxcbiAgc3RyZXRjaDogJ3N0cmV0Y2gnLFxuICBiZXR3ZWVuOiAnc3BhY2UtYmV0d2VlbicsXG4gIGFyb3VuZDogJ3NwYWNlLWFyb3VuZCdcbn1cblxudHlwZSBDU1NPYmplY3QgPSB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZyB8IG51bWJlclxufVxuXG5mdW5jdGlvbiBwcm9wQWxpZ25Ub0NTUyhhbGlnbik6IENTU09iamVjdCB7XG4gIGlmICghYWxpZ24pIHtcbiAgICByZXR1cm4ge31cbiAgfVxuICByZXR1cm4geyBhbGlnbkl0ZW1zOiBmbGV4UHJvcFRvQ1NTW2FsaWduXSB9XG59XG5cbmZ1bmN0aW9uIHByb3BBbGlnbkNvbnRlbnRUb0NTUyhhbGlnbkNvbnRlbnQpOiBDU1NPYmplY3Qge1xuICBpZiAoIWFsaWduQ29udGVudCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IGFsaWduQ29udGVudDogZmxleFByb3BUb0NTU1thbGlnbkNvbnRlbnRdIH1cbn1cblxuZnVuY3Rpb24gcHJvcEFsaWduU2VsZlRvQ1NTKGFsaWduU2VsZik6IENTU09iamVjdCB7XG4gIGlmICghYWxpZ25TZWxmKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgYWxpZ25TZWxmOiBmbGV4UHJvcFRvQ1NTW2FsaWduU2VsZl0gfVxufVxuXG5mdW5jdGlvbiBwcm9wSnVzdGlmeVRvQ1NTKGp1c3RpZnlDb250ZW50KTogQ1NTT2JqZWN0IHtcbiAgaWYgKCFqdXN0aWZ5Q29udGVudCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IGp1c3RpZnlDb250ZW50OiBmbGV4UHJvcFRvQ1NTW2p1c3RpZnlDb250ZW50XSB9XG59XG5cbmZ1bmN0aW9uIHByb3BGbGV4VG9DU1MoZmxleCk6IENTU09iamVjdCB7XG4gIGlmICghZmxleCkge1xuICAgIHJldHVybiB7XG4gICAgICBmbGV4R3JvdzogMCxcbiAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICBmbGV4QmFzaXM6ICdhdXRvJ1xuICAgIH1cbiAgfVxuICBpZiAoZmxleCA9PT0gJ2dyb3cnKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZsZXhHcm93OiAxLFxuICAgICAgZmxleFNocmluazogMCxcbiAgICAgIGZsZXhCYXNpczogJ2F1dG8nXG4gICAgfVxuICB9XG4gIGlmIChmbGV4ID09PSAnc2hyaW5rJykge1xuICAgIHJldHVybiB7XG4gICAgICBmbGV4R3JvdzogMCxcbiAgICAgIGZsZXhTaHJpbms6IDEsXG4gICAgICBmbGV4QmFzaXM6ICdhdXRvJ1xuICAgIH1cbiAgfVxuICByZXR1cm4ge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIGZsZXhTaHJpbms6IDEsXG4gICAgZmxleEJhc2lzOiAnYXV0bydcbiAgfVxufVxuXG5mdW5jdGlvbiBwcm9wRnVsbFRvQ1NTKGZ1bGwpOiBDU1NPYmplY3Qge1xuICBpZiAoIWZ1bGwpIHtcbiAgICByZXR1cm4ge31cbiAgfVxuICBjb25zdCBob3Jpem9udGFsU3R5bGVzID0ge1xuICAgIHdpZHRoOiAnMTAwJSdcbiAgfVxuICBjb25zdCB2ZXJ0aWNhbFN0eWxlcyA9IHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvdmVyZmxvdzogJ2F1dG8nXG4gIH1cbiAgaWYgKGZ1bGwgPT09ICdob3Jpem9udGFsJykge1xuICAgIHJldHVybiBob3Jpem9udGFsU3R5bGVzXG4gIH1cbiAgaWYgKGZ1bGwgPT09ICd2ZXJ0aWNhbCcpIHtcbiAgICByZXR1cm4gdmVydGljYWxTdHlsZXNcbiAgfVxuICByZXR1cm4gT2JqZWN0LmFzc2lnbih7fSwgaG9yaXpvbnRhbFN0eWxlcywgdmVydGljYWxTdHlsZXMpXG59XG5cbmZ1bmN0aW9uIHByb3BUb1JldmVyc2UocmV2ZXJzZSwgZGlyZWN0aW9uKTogQ1NTT2JqZWN0IHtcbiAgaWYgKCFyZXZlcnNlKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IGRpcmVjdGlvblxuICAgIH1cbiAgfVxuICBpZiAocmV2ZXJzZSAmJiBkaXJlY3Rpb24gPT09ICdjb2x1bW4nKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4tcmV2ZXJzZSdcbiAgICB9XG4gIH1cbiAgcmV0dXJuIHtcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93LXJldmVyc2UnXG4gIH1cbn1cblxuZnVuY3Rpb24gcHJvcFRvV3JhcCh3cmFwKTogQ1NTT2JqZWN0IHtcbiAgaWYgKCF3cmFwKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgZmxleFdyYXA6ICd3cmFwJyB9XG59XG5cbmZ1bmN0aW9uIHByb3BUb0dyb3coZ3Jvdyk6IENTU09iamVjdCB7XG4gIGlmICghZ3Jvdykge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IGZsZXhHcm93OiBncm93IH1cbn1cblxuZnVuY3Rpb24gcHJvcFRvU2hyaW5rKHNocmluayk6IENTU09iamVjdCB7XG4gIGlmICghc2hyaW5rKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgZmxleFNocmluazogc2hyaW5rIH1cbn1cblxuZnVuY3Rpb24gcHJvcFRvTWluV2lkdGgobWluV2lkdGgpOiBDU1NPYmplY3Qge1xuICBpZiAoIW1pbldpZHRoKSB7XG4gICAgcmV0dXJuIHt9XG4gIH1cbiAgcmV0dXJuIHsgbWluV2lkdGggfVxufVxuXG5mdW5jdGlvbiBwcm9wVG9NYXhXaWR0aChtYXhXaWR0aCk6IENTU09iamVjdCB7XG4gIGlmICghbWF4V2lkdGgpIHtcbiAgICByZXR1cm4ge31cbiAgfVxuICByZXR1cm4geyBtYXhXaWR0aCB9XG59XG5cbmZ1bmN0aW9uIHByb3BUb01pbkhlaWdodChtaW5IZWlnaHQpOiBDU1NPYmplY3Qge1xuICBpZiAoIW1pbkhlaWdodCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IG1pbkhlaWdodCB9XG59XG5cbmZ1bmN0aW9uIHByb3BUb01heEhlaWdodChtYXhIZWlnaHQpOiBDU1NPYmplY3Qge1xuICBpZiAoIW1heEhlaWdodCkge1xuICAgIHJldHVybiB7fVxuICB9XG4gIHJldHVybiB7IG1heEhlaWdodCB9XG59XG5cbmV4cG9ydCB0eXBlIEJveFByb3BzID0ge1xuICAvKiogSG93IHRvIGFsaWduIHRoZSBjb250ZW50cyBhbG9uZyB0aGUgY3Jvc3MgYXhpcy4gKi9cbiAgYWxpZ24/OiAnc3RhcnQnIHwgJ2NlbnRlcicgfCAnZW5kJyB8ICdiYXNlbGluZScgfCAnc3RyZXRjaCdcblxuICAvKiogSG93IHRvIGFsaWduIHRoZSBjb250ZW50cyB3aGVuIHRoZXJlIGlzIGV4dHJhIHNwYWNlIGluIHRoZSBjcm9zcyBheGlzLiAgKi9cbiAgYWxpZ25Db250ZW50PzogJ3N0YXJ0JyB8ICdjZW50ZXInIHwgJ2VuZCcgfCAnYmV0d2VlbicgfCAnYXJvdW5kJyB8ICdzdHJldGNoJ1xuXG4gIC8qKiBIb3cgdG8gYWxpZ24gd2l0aGluIGl0cyBjb250YWluZXIgYWxvbmcgdGhlIGNyb3NzIGF4aXMuICovXG4gIGFsaWduU2VsZj86ICdzdGFydCcgfCAnY2VudGVyJyB8ICdlbmQnIHwgJ3N0cmV0Y2gnXG5cbiAgLyoqIFRoZSBvcmllbnRhdGlvbiB0byBsYXlvdXQgdGhlIGNoaWxkIGNvbXBvbmVudHMgaW4uICovXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqIEhvdyB0byBhbGlnbiB0aGUgY29udGVudHMgYWxvbmcgdGhlIG1haW4gYXhpcy4gKi9cbiAganVzdGlmeT86ICdzdGFydCcgfCAnY2VudGVyJyB8ICdiZXR3ZWVuJyB8ICdhcm91bmQnIHwgJ2VuZCdcblxuICAvKiogV2hldGhlciBmbGV4LWdyb3cgYW5kL29yIGZsZXgtc2hyaW5rIGlzIHRydWUuICovXG4gIGZsZXg/OiBib29sZWFuIHwgJ2dyb3cnIHwgJ3NocmluaydcblxuICAvKiogV2hldGhlciB0aGUgd2lkdGggYW5kL29yIGhlaWdodCBzaG91bGQgdGFrZSB0aGUgZnVsbCB2aWV3cG9ydCBzaXplLiAqL1xuICBmdWxsPzogYm9vbGVhbiB8ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcblxuICAvKiogV2hldGhlciB0byByZXZlcnNlIHRoZSBvcmRlciBvZiB0aGUgY2hpbGQgY29tcG9uZW50cy4gKi9cbiAgcmV2ZXJzZT86IGJvb2xlYW5cblxuICAvKiogV2hldGhlciBjaGlsZHJlbiBjYW4gd3JhcCBpZiB0aGV5IGNhbid0IGFsbCBmaXQgKi9cbiAgd3JhcD86IGJvb2xlYW5cblxuICAvKiogR3JvdyByYXRpbyAqL1xuICBncm93PzogbnVtYmVyIHwgc3RyaW5nXG5cbiAgLyoqIFNocmluayByYXRpbyAqL1xuICBzaHJpbms/OiBudW1iZXJcblxuICAvKiogbWluV2lkdGggKENTUyBwcm9wKSAqL1xuICBtaW5XaWR0aD86IG51bWJlciB8IHN0cmluZ1xuXG4gIC8qKiBtYXhXaWR0aCAoQ1NTIHByb3ApICovXG4gIG1heFdpZHRoPzogbnVtYmVyIHwgc3RyaW5nXG5cbiAgLyoqIG1pbkhlaWdodCAoQ1NTIHByb3ApICovXG4gIG1pbkhlaWdodD86IG51bWJlciB8IHN0cmluZ1xuXG4gIC8qKiBtYXhIZWlnaHQgKENTUyBwcm9wKSAqL1xuICBtYXhIZWlnaHQ/OiBudW1iZXIgfCBzdHJpbmdcbn1cblxuY29uc3QgQm94ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcDogc3RyaW5nKSA9PlxuICAgIGlzUHJvcFZhbGlkKHByb3AsIHsgZXhjbHVkZTogWyd3cmFwJywgJ2RpcmVjdGlvbiddIH0pXG59KTxCb3hQcm9wcyAmIFBhcnRpYWw8Qm9yZGVyICYgU3BhY2luZz4+KFxuICAoeyB0aGVtZSB9OiBUaGVtZVByb3ApID0+ICh7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIHpJbmRleDogdGhlbWUuekluZGV4LkJhc2UsXG4gICAgLy8gZml4IGZsZXhib3ggYnVnc1xuICAgIG1pbkhlaWdodDogMCxcbiAgICBtaW5XaWR0aDogMFxuICB9KSxcbiAgKHtcbiAgICBhbGlnbixcbiAgICBhbGlnbkNvbnRlbnQsXG4gICAgYWxpZ25TZWxmLFxuICAgIGRpcmVjdGlvbixcbiAgICBqdXN0aWZ5LFxuICAgIGZsZXgsXG4gICAgZnVsbCxcbiAgICByZXZlcnNlLFxuICAgIHdyYXAsXG4gICAgZ3JvdyxcbiAgICBzaHJpbmssXG4gICAgbWluV2lkdGgsXG4gICAgbWF4V2lkdGgsXG4gICAgbWluSGVpZ2h0LFxuICAgIG1heEhlaWdodCxcbiAgICAuLi5wcm9wc1xuICB9OiBCb3hQcm9wcyAmIFNwYWNpbmcgJiBCb3JkZXIpID0+ICh7XG4gICAgLi4ucHJvcEFsaWduVG9DU1MoYWxpZ24pLFxuICAgIC4uLnByb3BBbGlnbkNvbnRlbnRUb0NTUyhhbGlnbkNvbnRlbnQpLFxuICAgIC4uLnByb3BBbGlnblNlbGZUb0NTUyhhbGlnblNlbGYpLFxuICAgIC4uLnByb3BKdXN0aWZ5VG9DU1MoanVzdGlmeSksXG4gICAgLi4ucHJvcEZsZXhUb0NTUyhmbGV4KSxcbiAgICAuLi5wcm9wRnVsbFRvQ1NTKGZ1bGwpLFxuICAgIC4uLnByb3BUb1JldmVyc2UocmV2ZXJzZSwgZGlyZWN0aW9uKSxcbiAgICAuLi5wcm9wVG9XcmFwKHdyYXApLFxuICAgIC4uLnByb3BUb0dyb3coZ3JvdyksXG4gICAgLi4ucHJvcFRvU2hyaW5rKHNocmluayksXG4gICAgLi4ucHJvcFRvTWluV2lkdGgobWluV2lkdGgpLFxuICAgIC4uLnByb3BUb01heFdpZHRoKG1heFdpZHRoKSxcbiAgICAuLi5wcm9wVG9NaW5IZWlnaHQobWluSGVpZ2h0KSxcbiAgICAuLi5wcm9wVG9NYXhIZWlnaHQobWF4SGVpZ2h0KSxcbiAgICAuLi5zcGFjaW5nKHByb3BzKSxcbiAgICAuLi5ib3JkZXIocHJvcHMpXG4gIH0pXG4pXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94J1xuQm94LmRlZmF1bHRQcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiAnY29sdW1uJ1xufVxuXG5leHBvcnQgZGVmYXVsdCBCb3hcbiJdfQ== */");
 Box.displayName = 'Box';
 Box.defaultProps = {
   direction: 'column'
 };
-export default Box;
+var _default = Box;
+exports["default"] = _default;

package/dist/es/Box/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Box["default"];
+  }
+});
+
+var _Box = _interopRequireDefault(require("./Box"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default } from './Box';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};