@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js

@@ -1,46 +1,23 @@
 "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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 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 _theme = _interopRequireDefault(require("../theme"));
-
 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var buttons = {
-  accordionHeader: _objectSpread(_objectSpread({}, _theme["default"].buttons.accordionHeader), {}, {
-    '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultHover), {}, {
-      color: 'active'
-    }),
-    '&:focus': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultFocus), {}, {
-      border: 'none'
-    })
-  }),
   critical: {
     '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.critical), _theme["default"].buttons.defaultHover)
   },
@@ -57,55 +34,28 @@ var buttons = {
   inline: {
     '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.inline), _theme["default"].buttons.defaultHover)
   },
-  inverted: _objectSpread(_objectSpread({}, _theme["default"].buttons.inverted), {}, {
-    ':focus': {
-      border: 'none'
-    }
-  }),
   primary: {
     '&:hover': _objectSpread({}, _theme["default"].buttons.primary)
   },
   link: {
     'body &': _theme["default"].buttons.link,
-    'body &:hover': _theme["default"].buttons.link
-  },
-  iconButton: {
-    ':focus': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultFocus), {}, {
-      border: 'none'
-    })
-  },
-  environmentBreadcrumb: {
-    current: {
-      '&:hover:not(.disabled)': _objectSpread({}, _theme["default"].buttons.environmentBreadcrumb.current),
-      '&:focus': _objectSpread({}, _theme["default"].buttons.environmentBreadcrumb.current)
+    'body &:hover': _theme["default"].buttons.link,
+    '&:not(.disabled):hover': {
+      color: 'active',
+      borderColor: 'transparent'
     }
   },
-  rocker: _objectSpread(_objectSpread({}, _theme["default"].buttons.rocker), {}, {
-    ':focus': {
-      border: 'none'
-    },
-    '&.is-selected:hover': {
-      color: 'white'
-    },
-    ':not(.is-selected):hover': {
-      color: 'accent.30'
-    }
-  }),
-  navBarSectionButton: _objectSpread(_objectSpread({}, _theme["default"].buttons.navBarSectionButton), {}, {
-    height: 'unset',
-    minHeight: '36px',
-    '&:not(.disabled):hover': _objectSpread({}, _theme["default"].buttons.navBarSectionButton),
-    ':focus': {
-      border: 'none'
-    }
-  }),
-  navItemButton: _objectSpread(_objectSpread({
-    height: 'unset'
-  }, _theme["default"].buttons.navItemButton), {}, {
-    '&:not(.disabled):hover': _objectSpread({}, _theme["default"].buttons.navItemButton),
-    ':focus': {
-      border: 'none'
-    }
+  iconButtons: _objectSpread(_objectSpread({}, _theme["default"].buttons.iconButtons), {}, {
+    base: _objectSpread(_objectSpread({}, _theme["default"].buttons.iconButtons.base), {}, {
+      ':focus': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultFocus), {}, {
+        border: 'none'
+      })
+    }),
+    inverted: _objectSpread(_objectSpread({}, _theme["default"].buttons.iconButtons.inverted), {}, {
+      ':focus': {
+        border: 'none'
+      }
+    })
   })
 };
 var forms = {
@@ -126,7 +76,7 @@ var forms = {
     })
   },
   search: {
-    container: {
+    wrapper: {
       '& input[type=search]': _objectSpread(_objectSpread({}, _theme["default"].text.inputValue), {}, {
         borderColor: 'neutral.80',
         bg: 'white',
@@ -150,9 +100,61 @@ var links = {
     '&:hover': _objectSpread({}, _theme["default"].links.app)
   }
 };
+var variants = {
+  accordion: {
+    header: _objectSpread(_objectSpread({}, _theme["default"].variants.accordion.header), {}, {
+      '&:not(.disabled):hover': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultHover), {}, {
+        color: 'active'
+      }),
+      '&:focus': _objectSpread(_objectSpread({}, _theme["default"].buttons.defaultFocus), {}, {
+        border: 'none'
+      })
+    })
+  },
+  rockerButton: {
+    thumbSwitch: _objectSpread(_objectSpread({}, _theme["default"].variants.rockerButton.thumbSwitch), {}, {
+      ':focus': {
+        border: 'none'
+      },
+      '&.is-selected:hover': {
+        color: 'white'
+      },
+      ':not(.is-selected):hover': {
+        color: 'accent.30'
+      }
+    })
+  },
+  environmentBreadcrumb: {
+    button: {
+      current: {
+        '&:hover:not(.disabled)': _objectSpread({}, _theme["default"].variants.environmentBreadcrumb.button.current),
+        '&:focus': _objectSpread({}, _theme["default"].variants.environmentBreadcrumb.button.current)
+      }
+    }
+  },
+  navBar: {
+    sectionButton: _objectSpread(_objectSpread({}, _theme["default"].variants.navBar.sectionButton), {}, {
+      height: 'unset',
+      minHeight: '36px',
+      '&:not(.disabled):hover': _objectSpread({}, _theme["default"].variants.navBar.sectionButton),
+      ':focus': {
+        border: 'none'
+      }
+    }),
+    itemButton: _objectSpread(_objectSpread({
+      height: 'unset'
+    }, _theme["default"].variants.navBar.itemButton), {}, {
+      '&:not(.disabled):hover': _objectSpread({}, _theme["default"].variants.navBar.itemButton),
+      ':focus': {
+        border: 'none'
+      }
+    })
+  }
+};
 var _default = {
   buttons: buttons,
   forms: forms,
-  links: links
+  links: links,
+  variants: variants
 };
 exports["default"] = _default;

package/lib/cjs/{components/List/List.js → styles/themeOverrides/withUiLibraryCss.js}

@@ -1,54 +1,39 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
 var _react = _interopRequireWildcard(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box/Box"));
-
-var _hooks = require("../../hooks");
-
+var _themeUi = require("theme-ui");
+var _uiLibraryOverride = _interopRequireDefault(require("./uiLibraryOverride"));
 var _react2 = require("@emotion/react");
-
-var _excluded = ["children"];
-
 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; }
-
-/**
- * The intended use of List is to hold a collection of <ListItem/> components.
- * Accepts most of the styling props from [styled-system](https://styled-system.com/table).
-*/
-var List = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var children = props.children,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  (0, _hooks.useDeprecationWarning)('The  List component will be deprecated in Astro-UI 2.0.0, use ListView instead.');
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    ref: ref,
-    role: "list",
-    as: "ul",
-    pl: "0"
-  }, others), children);
-});
-List.displayName = 'List';
-var _default = List;
+var UI_LIBRARY_CSS_LINK = 'https://assets.pingone.com/ux/ui-library/5.0.2/css/ui-library.css';
+var WithUiLibraryCss = function WithUiLibraryCss(Story) {
+  (0, _react.useEffect)(function () {
+    var uiLibraryCss = document.createElement('link');
+    uiLibraryCss.rel = 'stylesheet';
+    uiLibraryCss.className = 'uiLibraryCssLink';
+    uiLibraryCss.href = UI_LIBRARY_CSS_LINK;
+    document.getElementsByTagName('head')[0].appendChild(uiLibraryCss);
+    return function () {
+      var _context;
+      return (0, _forEach["default"])(_context = document.querySelectorAll('.uiLibraryCssLink')).call(_context, function (link) {
+        link.remove();
+      });
+    };
+  }, []);
+  return (0, _react2.jsx)(_themeUi.ThemeProvider, {
+    theme: _uiLibraryOverride["default"]
+  }, (0, _react2.jsx)(Story, null));
+};
+var _default = WithUiLibraryCss;
 exports["default"] = _default;

package/lib/cjs/styles/themes/astro-nano/astro-nano.js

@@ -1,41 +1,24 @@
 "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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 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 _themeUi = require("theme-ui");
-
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
-
+var _themeUi = require("theme-ui");
 var _theme = _interopRequireDefault(require("../../theme"));
-
 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var scaleFont = 1.2;
 var borderRadius = 4;
 var focusStyles = {
@@ -127,8 +110,8 @@ var modifyTheme = {
     }
   },
   variants: {
-    boxes: {
-      card: {
+    card: {
+      container: {
         borderRadius: borderRadius,
         flexGrow: [1, 0],
         maxWidth: _theme["default"].breakpoints[0],
@@ -136,30 +119,28 @@ var modifyTheme = {
         alignItems: 'stretch',
         py: [0, 'xl'],
         my: 'auto',
-        boxShadow: ['none', _theme["default"].variants.boxes.card.boxShadow],
+        boxShadow: ['none', _theme["default"].variants.card.container.boxShadow],
         width: ['100%', '450px'],
         minHeight: 'fit-content'
-      },
-      wrapper: {
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        bg: ['white', 'accent.99'],
-        py: 'lg',
-        gap: 'lg',
-        overflow: 'auto',
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0
-      },
-      cardBody: {
-        flexGrow: [1, 0]
       }
+    },
+    wrapper: {
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      bg: ['white', 'accent.99'],
+      py: 'lg',
+      gap: 'lg',
+      overflow: 'auto',
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    cardBody: {
+      flexGrow: [1, 0]
     }
   }
 };
-
 var _default = (0, _themeUi.merge)(_theme["default"], modifyTheme);
-
 exports["default"] = _default;

package/lib/cjs/styles/themes/astro-nano/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _astroNano["default"];
   }
 });
-
 var _astroNano = _interopRequireDefault(require("./astro-nano"));

package/lib/cjs/styles/themes/end-user/end-user.js

@@ -1,35 +1,21 @@
 "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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 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"));
-
 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var base = 10;
 var spacing = {
   xs: base * 0.5,
@@ -43,8 +29,8 @@ var spacing = {
   xl: base * 4,
   // 40
   xx: base * 6.5 // 65
-
 };
+
 var textColors = {
   secondary: '#798087',
   active: '#2996cc'
@@ -100,7 +86,6 @@ var buttonFocus = {
   outline: 'none',
   boxShadow: 'focus'
 };
-
 var buttonBase = _objectSpread(_objectSpread({}, buttonText), {}, {
   bg: 'white',
   border: '1px solid',
@@ -122,7 +107,6 @@ var buttonBase = _objectSpread(_objectSpread({}, buttonText), {}, {
   },
   '&.is-focused': _objectSpread({}, buttonFocus)
 });
-
 var card = {
   bg: 'cardBg',
   boxShadow: 'overlay',
@@ -168,7 +152,6 @@ var wordWrap = {
   wordWrap: 'break-word',
   wordBreak: 'break-word'
 };
-
 var fieldHelperText = _objectSpread(_objectSpread(_objectSpread({}, base), wordWrap), {}, {
   fontSize: 'sm',
   pb: 'sm',
@@ -179,7 +162,6 @@ var fieldHelperText = _objectSpread(_objectSpread(_objectSpread({}, base), wordW
     color: 'critical'
   }
 });
-
 var text = {
   base: {
     color: 'neutral.20',
@@ -217,7 +199,6 @@ var activeFloatLabel = {
   color: 'text.active',
   transition: 'all 0.05s'
 };
-
 var label = _objectSpread(_objectSpread({}, text.label), {}, {
   display: 'block',
   mb: 'xs',
@@ -233,7 +214,6 @@ var label = _objectSpread(_objectSpread({}, text.label), {}, {
   },
   '.is-float-label-active &.is-float-label': _objectSpread({}, activeFloatLabel)
 });
-
 var input = _objectSpread(_objectSpread({}, text.input), {}, {
   position: 'relative',
   background: 'white',
@@ -254,7 +234,6 @@ var input = _objectSpread(_objectSpread({}, text.input), {}, {
     display: 'none'
   }
 });
-
 var _default = {
   name: 'End User',
   fonts: {

package/lib/cjs/styles/themes/end-user/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _endUser["default"];
   }
 });
-
 var _endUser = _interopRequireDefault(require("./end-user"));

package/lib/cjs/styles/useAstroTheme.js

@@ -1,27 +1,17 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.withAstroTheme = exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledSystemUtils = require("../utils/devUtils/styledSystemUtils");
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _react2 = require("@emotion/react");
-
 var useAstroTheme = (0, _styledSystemUtils.makeUseDefaultTheme)(_theme["default"]);
-
 var withAstroTheme = function withAstroTheme(Component) {
   return function (props) {
     var theme = useAstroTheme();
@@ -30,7 +20,6 @@ var withAstroTheme = function withAstroTheme(Component) {
     }, props));
   };
 };
-
 exports.withAstroTheme = withAstroTheme;
 var _default = useAstroTheme;
 exports["default"] = _default;

package/lib/cjs/styles/variants/callout.js

@@ -1,35 +1,21 @@
 "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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 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"));
-
 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var base = {
   alignItems: 'center',
   border: '1px solid',
@@ -38,19 +24,15 @@ var base = {
   p: '15px 12px 15px 0',
   width: '600px'
 };
-
 var error = _objectSpread(_objectSpread({}, base), {}, {
   borderColor: 'critical.bright'
 });
-
 var success = _objectSpread(_objectSpread({}, base), {}, {
   borderColor: 'success.bright'
 });
-
 var warning = _objectSpread(_objectSpread({}, base), {}, {
   borderColor: 'warning.bright'
 });
-
 var _default = {
   base: base,
   error: error,