@spothero/ui 15.2.0-beta.1 → 15.2.1-beta.0

package/v1/components/Table/TableSortSelector.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _forEach = _interopRequireDefault(require("lodash/forEach"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Select = _interopRequireDefault(require("../../../Select/Select"));
-
-var _TableSortType = _interopRequireDefault(require("./TableSortType"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ASC = _TableSortType.default.ASC,
-    DESC = _TableSortType.default.DESC;
-
-var TableSortSelector = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TableSortSelector, _Component);
-
-  var _super = _createSuper(TableSortSelector);
-
-  function TableSortSelector(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TableSortSelector);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onSortChange", function (_ref) {
-      var value = _ref.value;
-
-      var _value$split = value.split('-'),
-          _value$split2 = (0, _slicedToArray2.default)(_value$split, 2),
-          dataKey = _value$split2[0],
-          sortOrder = _value$split2[1];
-
-      _this.props.onSortChange({
-        dataKey: dataKey,
-        sortOrder: sortOrder
-      });
-    });
-    _this._HEADERS = props.headers;
-    _this._sortItems = [];
-    (0, _forEach.default)(_this._HEADERS, function (_ref2) {
-      var isSortable = _ref2.isSortable,
-          label = _ref2.label,
-          dataKey = _ref2.dataKey;
-
-      if (isSortable) {
-        var _context, _context2, _context3, _context4;
-
-        _this._sortItems.push({
-          label: (0, _concat.default)(_context = "".concat(label, " - ")).call(_context, ASC),
-          value: (0, _concat.default)(_context2 = "".concat(dataKey, "-")).call(_context2, ASC)
-        });
-
-        _this._sortItems.push({
-          label: (0, _concat.default)(_context3 = "".concat(label, " - ")).call(_context3, DESC),
-          value: (0, _concat.default)(_context4 = "".concat(dataKey, "-")).call(_context4, DESC)
-        });
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(TableSortSelector, [{
-    key: "render",
-    value: function render() {
-      var _context5;
-
-      var _this$props = this.props,
-          sortOrder = _this$props.sortOrder,
-          sortDataKey = _this$props.sortDataKey;
-      var defaultSortValue = sortDataKey && sortOrder ? (0, _concat.default)(_context5 = "".concat(sortDataKey, "-")).call(_context5, sortOrder) : null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "TableSortSelector"
-      }, /*#__PURE__*/_react.default.createElement(_Select.default, {
-        key: defaultSortValue,
-        className: "TableSortSelector-Select",
-        defaultValue: defaultSortValue,
-        items: this._sortItems,
-        onChange: this._onSortChange
-      }));
-    }
-  }]);
-  return TableSortSelector;
-}(_react.Component);
-
-exports.default = TableSortSelector;

package/v1/components/Table/TableSortType.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  ASC: 'Ascending',
-  DESC: 'Descending'
-};
-exports.default = _default;

package/v1/components/Table/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _Table.default;
-  }
-});
-Object.defineProperty(exports, "TableCellPropTypes", {
-  enumerable: true,
-  get: function get() {
-    return _TableCellPropTypes.default;
-  }
-});
-Object.defineProperty(exports, "TableControls", {
-  enumerable: true,
-  get: function get() {
-    return _TableControls.default;
-  }
-});
-Object.defineProperty(exports, "TableHeadingPropTypes", {
-  enumerable: true,
-  get: function get() {
-    return _TableHeadingPropTypes.default;
-  }
-});
-Object.defineProperty(exports, "TableSortType", {
-  enumerable: true,
-  get: function get() {
-    return _TableSortType.default;
-  }
-});
-
-var _Table = _interopRequireDefault(require("./Table"));
-
-var _TableControls = _interopRequireDefault(require("./TableControls"));
-
-var _TableSortType = _interopRequireDefault(require("./TableSortType"));
-
-var _TableCellPropTypes = _interopRequireDefault(require("./TableCellPropTypes"));
-
-var _TableHeadingPropTypes = _interopRequireDefault(require("./TableHeadingPropTypes"));

package/v1/components/TextButton/TextButton.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _deprecate = _interopRequireDefault(require("../../utils/deprecate"));
-
-var _excluded = ["className", "children", "href", "iconPosition", "block", "disabled", "loading", "onClick"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-(0, _deprecate.default)({
-  name: 'TextButton',
-  newName: 'Button',
-  changes: ['Text button has now become a style variant of the v2 Button component', 'Since the v1 TextButton was a styled version of the v1 Button, the two have been combined in the v2 Button component. All of the core functionality of both v1 button types has been included in the v2 Button.', '---- Props ----', 'iconPosition has been removed, iconLeft and iconRight have replaced it.', 'color was removed.', 'block was removed, if full width is needed, use isFullWidth', 'loading was replaced by isLoading']
-});
-
-var TextButton = function TextButton(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      href = _ref.href,
-      iconPosition = _ref.iconPosition,
-      block = _ref.block,
-      disabled = _ref.disabled,
-      loading = _ref.loading,
-      onClick = _ref.onClick,
-      attrs = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('TextButton', {
-    'TextButton-block': block
-  }, {
-    'TextButton-loading': loading
-  }, (0, _defineProperty2.default)({}, "TextButton-with-icon-".concat(iconPosition), iconPosition), className);
-  var tag = href ? 'a' : 'button';
-
-  var opts = _objectSpread({
-    className: classes,
-    disabled: disabled,
-    onClick: onClick,
-    href: href
-  }, attrs);
-
-  if (!href) {
-    opts.type = 'button';
-  }
-
-  return /*#__PURE__*/_react.default.createElement(tag, opts, children);
-};
-
-var _default = TextButton;
-exports.default = _default;

package/v1/components/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _Image.default;
-  }
-});
-Object.defineProperty(exports, "Loader", {
-  enumerable: true,
-  get: function get() {
-    return _Loader.default;
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.Modal;
-  }
-});
-Object.defineProperty(exports, "ModalContent", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.ModalContent;
-  }
-});
-Object.defineProperty(exports, "ModalFooter", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.ModalFooter;
-  }
-});
-Object.defineProperty(exports, "Panel", {
-  enumerable: true,
-  get: function get() {
-    return _Panel.default;
-  }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _Table.default;
-  }
-});
-Object.defineProperty(exports, "TextButton", {
-  enumerable: true,
-  get: function get() {
-    return _TextButton.default;
-  }
-});
-
-var _Panel = _interopRequireDefault(require("./Panel/Panel"));
-
-var _Button = _interopRequireDefault(require("./Button/Button"));
-
-var _Table = _interopRequireDefault(require("./Table/Table"));
-
-var _TextButton = _interopRequireDefault(require("./TextButton/TextButton"));
-
-var _Image = _interopRequireDefault(require("./Image/Image"));
-
-var _Loader = _interopRequireDefault(require("./Loader/Loader"));
-
-var _Modal = require("./Modal");

package/v1/utils/deprecate.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-/* eslint-disable no-console */
-
-/* eslint-disable no-undef */
-
-/**
- * Logs a Deprecation Warning to the console for v1 components.
- * @static
- * @function deprecationWarningLog
- * @param {Object} [deprecationWarningContent={}] - The content of the deprecation warning.
- * @param {String} [deprecationWarningContent.componentName=null] - The name of the original component.
- * @param {string} [deprecationWarningContent.newComponentName=null] - The name of the new component if the name is significantly different than the original (ie. 'Panel' becomes 'Accordion').
- * @param {Array} [deprecationWarningContent.changes=null] - The array of changes to the component.
- * @example
- * const deprecationWarningContent = {
- * name: 'Old Component',
-    newName: 'New Component',
-    changes: [
-        'Prop 1 changed to Prop A',
-        'Prop 2 changed to Prop B',
-    ],
- * };
- *
- * deprecate(deprecationWarningContent);
- * @returns {void}
- */
-var DEPRECATION_LIST = [];
-
-var deprecate = function deprecate(_ref) {
-  var _context;
-
-  var name = _ref.name,
-      newName = _ref.newName,
-      changes = _ref.changes;
-
-  if (process.env.NODE_ENV !== 'development' || (0, _includes.default)(DEPRECATION_LIST).call(DEPRECATION_LIST, name)) {
-    return;
-  }
-
-  console.group('DEPRECATION WARNING:');
-  console.log((0, _concat.default)(_context = "This component, ".concat(name, ", is now deprecated. Please use the v2 ")).call(_context, newName ? newName : name, " instead."));
-  changes.forEach(function (change) {
-    return console.log(change);
-  });
-  console.groupEnd('DEPRECATION WARNING:');
-};
-
-var _default = deprecate;
-exports.default = _default;

package/v2/components/Accordion/Accordion.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _react.Accordion;
-  }
-});
-
-var _react = require("@chakra-ui/react");

package/v2/components/Accordion/Accordion.stories.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Accordion = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _Text = _interopRequireDefault(require("../Text/Text"));
-
-var _Heading = _interopRequireDefault(require("../Heading/Heading"));
-
-var _Accordion = _interopRequireDefault(require("./Accordion"));
-
-var _index = require("./index");
-
-var _default = {
-  title: 'v2/Accordion',
-  parameters: {
-    removeBaseHtmlClass: true
-  },
-  argTypes: {
-    accordionText: {
-      control: {
-        type: 'text'
-      }
-    },
-    allowMultiple: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    allowToggle: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    index: {
-      control: {
-        type: 'number'
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var AccordionTemplate = function AccordionTemplate(_ref) {
-  var accordionText = _ref.accordionText,
-      allowMultiple = _ref.allowMultiple,
-      index = _ref.index,
-      allowToggle = _ref.allowToggle;
-  var multipleOptions = allowMultiple ? {
-    allowMultiple: allowMultiple,
-    defaultIndex: index
-  } : '';
-  var toggleOptions = allowToggle ? {
-    allowToggle: allowToggle
-  } : '';
-  return /*#__PURE__*/_react.default.createElement(_Accordion.default, (0, _extends2.default)({}, toggleOptions, multipleOptions), /*#__PURE__*/_react.default.createElement(_index.AccordionItem, null, /*#__PURE__*/_react.default.createElement(_Heading.default, {
-    as: "h3"
-  }, /*#__PURE__*/_react.default.createElement(_index.AccordionButton, null, /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    flex: "1",
-    textAlign: "left"
-  }, "Accordion Item 1 Title"), /*#__PURE__*/_react.default.createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react.default.createElement(_index.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, accordionText))), /*#__PURE__*/_react.default.createElement(_index.AccordionItem, null, /*#__PURE__*/_react.default.createElement(_Heading.default, {
-    as: "h3"
-  }, /*#__PURE__*/_react.default.createElement(_index.AccordionButton, null, /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    flex: "1",
-    textAlign: "left"
-  }, "Accordion Item 2 Title"), /*#__PURE__*/_react.default.createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react.default.createElement(_index.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, accordionText))));
-};
-
-var Accordion = AccordionTemplate.bind({});
-exports.Accordion = Accordion;
-Accordion.args = {
-  accordionText: "You must come along now, Artoo. There's really nothing more we can do. And my joints are freezing up. Don't say thing like that! Of course we'll see Master Luke again. He'll be quite all right, you'll see. Stupid little short-circuit. He'll be quite all right. Sir, all the patrols are in. There's still no contact from Skywalker or Solo. Mistress Leia, Artoo says he's been quite unable to pick up any signals, although he does admit that his own range is far too weak to abandon all hope. Your Highness, there's nothing more we can do tonight. The shield doors must be closed. Close the doors. Yes, sir.",
-  allowMultiple: true,
-  allowToggle: true,
-  index: [1]
-};

package/v2/components/Accordion/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AccordionButton", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionButton;
-  }
-});
-Object.defineProperty(exports, "AccordionIcon", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionIcon;
-  }
-});
-Object.defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionItem;
-  }
-});
-Object.defineProperty(exports, "AccordionPanel", {
-  enumerable: true,
-  get: function get() {
-    return _react.AccordionPanel;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.default;
-  }
-});
-
-var _Accordion = _interopRequireDefault(require("./Accordion"));
-
-var _react = require("@chakra-ui/react");

package/v2/components/Accordion/styles/button.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Heading = require("../../Heading/Heading.styles");
-
-var button = {
-  fontSize: _Heading.variants.h4.fontSize,
-  fontWeight: 'semibold',
-  px: 0,
-  py: {
-    base: 4,
-    tablet: 6
-  },
-  '& svg': {
-    color: 'primary.default'
-  }
-};
-var _default = button;
-exports.default = _default;

package/v2/components/Accordion/styles/container.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var container = {
-  borderTopWidth: '1px',
-  borderColor: 'gray.medium',
-  _last: {
-    borderBottomWidth: '1px'
-  }
-};
-var _default = container;
-exports.default = _default;

package/v2/components/Accordion/styles/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _merge = _interopRequireDefault(require("lodash/merge"));
-
-var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-
-var _panel = _interopRequireDefault(require("./panel"));
-
-var _button = _interopRequireDefault(require("./button"));
-
-var _container = _interopRequireDefault(require("./container"));
-
-var parts = ['container', 'button', 'panel'];
-var baseStyle = {
-  panel: _panel.default,
-  button: _button.default,
-  container: _container.default
-};
-
-var _default = (0, _merge.default)(_theme.default.components.Accordion, {
-  parts: parts,
-  baseStyle: baseStyle
-});
-
-exports.default = _default;

package/v2/components/Accordion/styles/panel.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var panel = {
-  pt: 0,
-  px: 0,
-  pb: 6
-};
-var _default = panel;
-exports.default = _default;