@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

package/lib/components/Badge/Badge.test.js

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import Earth from 'mdi-react/EarthIcon';
-import Badge from './Badge';
-import Button from '../Button/Button';
-import Icon from '../Icon/Icon';
+import { Badge, Button, Icon } from '../..';
 import axeTest from '../../utils/testUtils/testAxe';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-separator';
@@ -12,13 +10,12 @@ var defaultProps = {
   'data-testid': testId,
   label: 'Test Label'
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(Badge, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('renders Badge component', function () {
   getComponent();
@@ -27,7 +24,6 @@ test('renders Badge component', function () {
 });
 test('renders children within Badge component', function () {
   var children = ___EmotionJSX(Button, null);
-
   getComponent({
     children: children
   });

package/lib/components/Box/Box.js

@@ -12,59 +12,46 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 import _styled from "@emotion/styled/base";
 var _excluded = ["flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"];
 import _Number$isNaN from "@babel/runtime-corejs3/core-js-stable/number/is-nan";
-
 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) { _defineProperty(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; }
-
 import React, { forwardRef, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { layout, flexbox, typography } from 'styled-system';
-import { Box as ThemeUIBox } from 'theme-ui';
 import { propType as stylePropType } from '@styled-system/prop-types';
 import { toNumber } from 'lodash';
-import { useStatusClasses, usePropWarning } from '../../hooks';
+import PropTypes from 'prop-types';
+import { flexbox, layout, typography } from 'styled-system';
+import { Box as ThemeUIBox } from 'theme-ui';
+import { usePropWarning, useStatusClasses } from '../../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var ExtendedBox = /*#__PURE__*/_styled(ThemeUIBox, process.env.NODE_ENV === "production" ? {
   target: "e146bxl90"
 } : {
   target: "e146bxl90",
   label: "ExtendedBox"
-})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBsYXlvdXQsIGZsZXhib3gsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IEJveCBhcyBUaGVtZVVJQm94IH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgcHJvcFR5cGUgYXMgc3R5bGVQcm9wVHlwZSB9IGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgdXNlU3RhdHVzQ2xhc3NlcywgdXNlUHJvcFdhcm5pbmcgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5cbmNvbnN0IEV4dGVuZGVkQm94ID0gc3R5bGVkKFRoZW1lVUlCb3gpKGxheW91dCwgZmxleGJveCwgdHlwb2dyYXBoeSk7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGZsZXhEaXJlY3Rpb24sIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICBnYXAsXG4gICAgaXNSb3csXG4gICAgaXNEaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsIC8vIGVzbGludC1kaXNhYmxlLWxpbmVcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuICBjb25zdCBmZCA9IGZsZXhEaXJlY3Rpb24gfHwgaXNSb3cgPyAncm93JyA6ICdjb2x1bW4nO1xuICBjb25zdCBjdXN0b20gPSB7IC4uLnN4IH07XG5cbiAgY29uc3QgeyBjbGFzc05hbWVzIH0gPSB1c2VTdGF0dXNDbGFzc2VzKGNsYXNzTmFtZSwgeyBpc0Rpc2FibGVkIH0pO1xuICB1c2VQcm9wV2FybmluZyhwcm9wcywgJ2Rpc2FibGVkJywgJ2lzRGlzYWJsZWQnKTtcblxuICBpZiAoZ2FwKSB7XG4gICAgY3VzdG9tWycmID4gKiArICo6bm90KDpmaXJzdC1jaGlsZCkgLyogZW1vdGlvbi1kaXNhYmxlLXNlcnZlci1yZW5kZXJpbmctdW5zYWZlLXNlbGVjdG9yLXdhcm5pbmctcGxlYXNlLWRvLW5vdC11c2UtdGhpcy10aGUtd2FybmluZy1leGlzdHMtZm9yLWEtcmVhc29uICovJ10gPSB7XG4gICAgICBbZmQgPT09ICdyb3cnID8gJ21hcmdpbkxlZnQnIDogJ21hcmdpblRvcCddOiBnYXAsXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGN1c3RvbUZvbnRTaXplID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbnVtZXJpY2FsRm9udFNpemUgPSB0b051bWJlcihmb250U2l6ZSk7XG4gICAgaWYgKE51bWJlci5pc05hTihudW1lcmljYWxGb250U2l6ZSkpIHtcbiAgICAgIHJldHVybiBmb250U2l6ZTtcbiAgICB9XG4gICAgcmV0dXJuIG51bWVyaWNhbEZvbnRTaXplO1xuICB9LCBbZm9udFNpemVdKTtcblxuICByZXR1cm4gKFxuICAgIDxFeHRlbmRlZEJveFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBmbGV4RGlyZWN0aW9uPXtmZH1cbiAgICAgIHZhcmlhbnQ9XCJib3guYmFzZVwiXG4gICAgICBmb250U2l6ZT17Y3VzdG9tRm9udFNpemV9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgICAgc3g9e2N1c3RvbX1cbiAgICAvPlxuICApO1xufSk7XG5cbkJveC5wcm9wVHlwZXMgPSB7XG4gIC8qKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgYm94LiAqL1xuICBiZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgLyoqIFdoZXRoZXIgdGhlIGJveCBpcyBkaXNhYmxlZC4gKi9cbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmJvb2wsIFByb3BUeXBlcy5vYmplY3RdKSxcbiAgLyoqIFRoZSBiYXNlIEhUTUwgdGFnIG5hbWUgb3IgUmVhY3QgY29tcG9uZW50IHR5cGUgdG8gcmVuZGVyICovXG4gIGFzOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMuZWxlbWVudFR5cGVdKSxcbiAgLyoqIFdoZW4gdHJ1ZSwgZGlzcGxheSBhcyBhIHJvdyByYXRoZXIgdGhhbiBhIGNvbHVtbi4gKi9cbiAgaXNSb3c6IFByb3BUeXBlcy5ib29sLFxuICAvKiogR2FwIGJldHdlZW4gaXRlbXMsIHdoZXRoZXIgaW4gYSByb3cgb3IgY29sdW1uLiAqL1xuICBnYXA6IHN0eWxlUHJvcFR5cGUsXG4gIGZvbnRTaXplOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSksXG59O1xuXG5Cb3guZGVmYXVsdFByb3BzID0ge1xuICBhczogJ2RpdicsXG4gIGlzUm93OiBmYWxzZSxcbiAgaXNEaXNhYmxlZDogZmFsc2UsXG59O1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
-
+})(layout, flexbox, typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHByb3BUeXBlIGFzIHN0eWxlUHJvcFR5cGUgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9wcm9wLXR5cGVzJztcbmltcG9ydCB7IHRvTnVtYmVyIH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBmbGV4Ym94LCBsYXlvdXQsIHR5cG9ncmFwaHkgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IEJveCBhcyBUaGVtZVVJQm94IH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgeyB1c2VQcm9wV2FybmluZywgdXNlU3RhdHVzQ2xhc3NlcyB9IGZyb20gJy4uLy4uL2hvb2tzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkobGF5b3V0LCBmbGV4Ym94LCB0eXBvZ3JhcGh5KTtcblxuY29uc3QgQm94ID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZmxleERpcmVjdGlvbiwgLy8gZXNsaW50LWRpc2FibGUtbGluZVxuICAgIGdhcCxcbiAgICBpc1JvdyxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBmb250U2l6ZSxcbiAgICBzeCwgLy8gZXNsaW50LWRpc2FibGUtbGluZVxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGZkID0gZmxleERpcmVjdGlvbiB8fCBpc1JvdyA/ICdyb3cnIDogJ2NvbHVtbic7XG4gIGNvbnN0IGN1c3RvbSA9IHsgLi4uc3ggfTtcblxuICBjb25zdCB7IGNsYXNzTmFtZXMgfSA9IHVzZVN0YXR1c0NsYXNzZXMoY2xhc3NOYW1lLCB7IGlzRGlzYWJsZWQgfSk7XG4gIHVzZVByb3BXYXJuaW5nKHByb3BzLCAnZGlzYWJsZWQnLCAnaXNEaXNhYmxlZCcpO1xuXG4gIGlmIChnYXApIHtcbiAgICBjdXN0b21bJyYgPiAqICsgKjpub3QoOmZpcnN0LWNoaWxkKSAvKiBlbW90aW9uLWRpc2FibGUtc2VydmVyLXJlbmRlcmluZy11bnNhZmUtc2VsZWN0b3Itd2FybmluZy1wbGVhc2UtZG8tbm90LXVzZS10aGlzLXRoZS13YXJuaW5nLWV4aXN0cy1mb3ItYS1yZWFzb24gKi8nXSA9IHtcbiAgICAgIFtmZCA9PT0gJ3JvdycgPyAnbWFyZ2luTGVmdCcgOiAnbWFyZ2luVG9wJ106IGdhcCxcbiAgICB9O1xuICB9XG5cbiAgY29uc3QgY3VzdG9tRm9udFNpemUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBudW1lcmljYWxGb250U2l6ZSA9IHRvTnVtYmVyKGZvbnRTaXplKTtcbiAgICBpZiAoTnVtYmVyLmlzTmFOKG51bWVyaWNhbEZvbnRTaXplKSkge1xuICAgICAgcmV0dXJuIGZvbnRTaXplO1xuICAgIH1cbiAgICByZXR1cm4gbnVtZXJpY2FsRm9udFNpemU7XG4gIH0sIFtmb250U2l6ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPEV4dGVuZGVkQm94XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXN9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgIGZsZXhEaXJlY3Rpb249e2ZkfVxuICAgICAgdmFyaWFudD1cImJveC5iYXNlXCJcbiAgICAgIGZvbnRTaXplPXtjdXN0b21Gb250U2l6ZX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgICBzeD17Y3VzdG9tfVxuICAgIC8+XG4gICk7XG59KTtcblxuQm94LnByb3BUeXBlcyA9IHtcbiAgLyoqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBib3guICovXG4gIGJnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvKiogV2hldGhlciB0aGUgYm94IGlzIGRpc2FibGVkLiAqL1xuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYm9vbCwgUHJvcFR5cGVzLm9iamVjdF0pLFxuICAvKiogVGhlIGJhc2UgSFRNTCB0YWcgbmFtZSBvciBSZWFjdCBjb21wb25lbnQgdHlwZSB0byByZW5kZXIgKi9cbiAgYXM6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5lbGVtZW50VHlwZV0pLFxuICAvKiogV2hlbiB0cnVlLCBkaXNwbGF5IGFzIGEgcm93IHJhdGhlciB0aGFuIGEgY29sdW1uLiAqL1xuICBpc1JvdzogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBHYXAgYmV0d2VlbiBpdGVtcywgd2hldGhlciBpbiBhIHJvdyBvciBjb2x1bW4uICovXG4gIGdhcDogc3R5bGVQcm9wVHlwZSxcbiAgZm9udFNpemU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbn07XG5cbkJveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGFzOiAnZGl2JyxcbiAgaXNSb3c6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbn07XG5cbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnO1xuXG5leHBvcnQgZGVmYXVsdCBCb3g7XG4iXX0= */");
 var Box = /*#__PURE__*/forwardRef(function (props, ref) {
   var flexDirection = props.flexDirection,
-      gap = props.gap,
-      isRow = props.isRow,
-      isDisabled = props.isDisabled,
-      className = props.className,
-      fontSize = props.fontSize,
-      sx = props.sx,
-      others = _objectWithoutProperties(props, _excluded);
-
+    gap = props.gap,
+    isRow = props.isRow,
+    isDisabled = props.isDisabled,
+    className = props.className,
+    fontSize = props.fontSize,
+    sx = props.sx,
+    others = _objectWithoutProperties(props, _excluded);
   var fd = flexDirection || isRow ? 'row' : 'column';
-
   var custom = _objectSpread({}, sx);
-
   var _useStatusClasses = useStatusClasses(className, {
-    isDisabled: isDisabled
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isDisabled: isDisabled
+    }),
+    classNames = _useStatusClasses.classNames;
   usePropWarning(props, 'disabled', 'isDisabled');
-
   if (gap) {
     custom['& > * + *:not(:first-child) /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */'] = _defineProperty({}, fd === 'row' ? 'marginLeft' : 'marginTop', gap);
   }
-
   var customFontSize = useMemo(function () {
     var numericalFontSize = toNumber(fontSize);
-
     if (_Number$isNaN(numericalFontSize)) {
       return fontSize;
     }
-
     return numericalFontSize;
   }, [fontSize]);
   return ___EmotionJSX(ExtendedBox, _extends({
@@ -81,16 +68,12 @@ var Box = /*#__PURE__*/forwardRef(function (props, ref) {
 Box.propTypes = {
   /** The background color of the box. */
   bg: PropTypes.string,
-
   /** Whether the box is disabled. */
   isDisabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-
   /** The base HTML tag name or React component type to render */
   as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-
   /** When true, display as a row rather than a column. */
   isRow: PropTypes.bool,
-
   /** Gap between items, whether in a row or column. */
   gap: stylePropType,
   fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/lib/components/Box/Box.stories.js

@@ -1,13 +1,13 @@
+import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
-import Box from '.';
-import { Image, Text } from '../../index';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { pingImg } from '../../utils/devUtils/constants/images';
+import { Box, Image, Text } from '../../index';
 import { flatColorList } from '../../styles/colors.js';
 import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
+import { pingImg } from '../../utils/devUtils/constants/images';
 import BoxReadme from './Box.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -29,8 +29,7 @@ export default {
         type: 'select',
         options: _mapInstanceProperty(flatColorList).call(flatColorList, function (_ref) {
           var _ref2 = _slicedToArray(_ref, 1),
-              colorName = _ref2[0];
-
+            colorName = _ref2[0];
           return colorName;
         })
       },
@@ -53,8 +52,7 @@ export default {
   }
 };
 export var Default = function Default(_ref3) {
-  var args = _extends({}, _ref3);
-
+  var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
   return ___EmotionJSX(Box, _extends({
     bg: "active",
     width: "100%",
@@ -77,8 +75,7 @@ export var Default = function Default(_ref3) {
   }));
 };
 export var Disabled = function Disabled(_ref4) {
-  var args = _extends({}, _ref4);
-
+  var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
   return ___EmotionJSX(Box, _extends({
     bg: "white",
     isDisabled: true,
@@ -111,8 +108,7 @@ Disabled.args = {
       type: 'select',
       options: _mapInstanceProperty(flatColorList).call(flatColorList, function (_ref5) {
         var _ref6 = _slicedToArray(_ref5, 1),
-            colorName = _ref6[0];
-
+          colorName = _ref6[0];
         return colorName;
       })
     },

package/lib/components/Box/Box.test.js

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { CacheProvider } from '@emotion/react';
 import createCache from '@emotion/cache';
+import { CacheProvider } from '@emotion/react';
+import { render, screen } from '@testing-library/react';
+import axeTest from '../../utils/testUtils/testAxe';
 import Box from '.';
-import axeTest from '../../utils/testUtils/testAxe'; // Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
+
+// Emotion Cache added as test fails otherwise, root cause of this failure is unknown.
 // Failure occured with ThemeUI refactor.
 // https://github.com/emotion-js/emotion/issues/1105#issuecomment-557726922
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var emotionCache = createCache({
   key: 'box-test'
@@ -17,15 +18,14 @@ var testId = 'test-box';
 var defaultProps = {
   'data-testid': testId
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(CacheProvider, {
     value: emotionCache
   }, ___EmotionJSX(Box, _extends({}, defaultProps, props))));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('default box', function () {
   getComponent();

package/lib/components/Bracket/Bracket.js

@@ -1,19 +1,18 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["isLast", "color"];
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Box } from '../../index';
 import { line } from '../../styles/colors';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Bracket = /*#__PURE__*/forwardRef(function (props, ref) {
   var isLast = props.isLast,
-      color = props.color,
-      others = _objectWithoutProperties(props, _excluded);
-
+    color = props.color,
+    others = _objectWithoutProperties(props, _excluded);
   var bracketRef = useRef();
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   useImperativeHandle(ref, function () {
     return bracketRef.current;
   });
@@ -81,7 +80,6 @@ Bracket.defaultProps = {
 Bracket.propTypes = {
   /** A prop to set the strokes color. */
   color: PropTypes.string,
-
   /** Whether or not the bracket is the last in a series of brackets. */
   isLast: PropTypes.bool
 };

package/lib/components/Bracket/Bracket.stories.js

@@ -1,7 +1,7 @@
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
-import { Box, Bracket, Badge, Text } from '../../index';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import { Badge, Box, Bracket, Text } from '../../index';
 import BracketReadme from './Bracket.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/Bracket/Bracket.test.js

@@ -1,20 +1,19 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import Bracket from '.';
 import axeTest from '../../utils/testUtils/testAxe';
+import Bracket from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-bracket';
 var defaultProps = {
   'data-testid': testId
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(Bracket, _extends({}, defaultProps, props)));
-}; // // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// // Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('default bracket', function () {
   getComponent();

package/lib/components/Breadcrumbs/Breadcrumb.styles.js

@@ -7,11 +7,8 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/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) { _defineProperty(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; }
-
 import { base } from '../Button/Buttons.styles';
 var link = {
   color: 'active',

package/lib/components/Breadcrumbs/BreadcrumbItem.js

@@ -9,54 +9,42 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "elementType", "onAction", "actionKey", "isCurrent"];
-
 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) { _defineProperty(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; }
-
 import React, { forwardRef, Fragment, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
+import { mergeProps, useBreadcrumbItem } from 'react-aria';
 import { omit } from 'lodash/object';
 import PropTypes from 'prop-types';
-import { mergeProps, useBreadcrumbItem } from 'react-aria';
-import { usePropWarning } from '../../hooks/';
-import { Button, IconButton, Text, Link } from '../../index';
+import { usePropWarning } from '../../hooks';
+import { Button, IconButton, Link, Text } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var BreadcrumbItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      elementType = props.elementType,
-      onAction = props.onAction,
-      actionKey = props.actionKey,
-      isCurrent = props.isCurrent,
-      others = _objectWithoutProperties(props, _excluded);
-
+    elementType = props.elementType,
+    onAction = props.onAction,
+    actionKey = props.actionKey,
+    isCurrent = props.isCurrent,
+    others = _objectWithoutProperties(props, _excluded);
   var itemRef = useRef();
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return itemRef.current;
   });
-
   var _useBreadcrumbItem = useBreadcrumbItem(_objectSpread({}, props), itemRef),
-      itemProps = _useBreadcrumbItem.itemProps;
-
+    itemProps = _useBreadcrumbItem.itemProps;
   var ElementType = useMemo(function () {
     switch (elementType) {
       case 'Button':
         return Button;
-
       case 'IconButton':
         return IconButton;
-
       case 'Text':
         return Text;
-
       case 'Link':
         return Link;
-
       case 'Fragment':
         return Fragment;
-
       default:
         return elementType;
     }
@@ -68,17 +56,13 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [onAction, actionKey]);
   var elementProps = useMemo(function () {
     var _ElementType$propType;
-
     var elementTypeProps = _objectSpread({}, mergeProps(itemProps, others));
-
     if ((_ElementType$propType = ElementType.propTypes) !== null && _ElementType$propType !== void 0 && _ElementType$propType.onPress) {
       elementTypeProps.onPress = onPressHandler;
     }
-
     if (isCurrent) {
       elementTypeProps.className = elementTypeProps.className ? "".concat(elementTypeProps.className, " is-current") : 'is-current';
     }
-
     return omit(elementTypeProps, 'onClick', 'onKeyDown', 'onKeyUp');
   }, [elementType, itemProps, others, onPressHandler]);
   return /*#__PURE__*/React.cloneElement(___EmotionJSX(ElementType, null), _objectSpread(_objectSpread({}, elementProps), {}, {
@@ -87,16 +71,13 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 BreadcrumbItem.propTypes = {
   actionKey: PropTypes.string,
-
   /** Whether the breadcrumb item represents the current page. */
   isCurrent: PropTypes.bool,
-
   /** The HTML element used to render the breadcrumb link, e.g. 'a', or 'span'.
    * Also can be passed 'Button', 'Icon', 'IconButton', 'Text' - will be used
    * appropriate component from Astro library.
    * */
   elementType: PropTypes.elementType,
-
   /** Whether the breadcrumb item is disabled. */
   isDisabled: PropTypes.bool,
   onAction: PropTypes.func

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -4,32 +4,28 @@ var _excluded = ["children", "icon", "iconProps", "onAction"];
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { forwardRef, useRef, useImperativeHandle, useCallback } from 'react';
-import PropTypes from 'prop-types';
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import { mergeProps, useBreadcrumbs } from 'react-aria';
+import PropTypes from 'prop-types';
+import { usePropWarning } from '../../hooks';
 import { Box, Icon } from '../../index';
-import { usePropWarning } from '../../hooks/';
 import BreadcrumbItem from './BreadcrumbItem';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      icon = props.icon,
-      iconProps = props.iconProps,
-      onAction = props.onAction,
-      others = _objectWithoutProperties(props, _excluded); // the following filters undefined values passed as a child
-
-
+    icon = props.icon,
+    iconProps = props.iconProps,
+    onAction = props.onAction,
+    others = _objectWithoutProperties(props, _excluded);
+  // the following filters undefined values passed as a child
   var filteredChildren = _Array$isArray(children) ? _filterInstanceProperty(children).call(children, function (child) {
     return child;
   }) : children;
-
   var _useBreadcrumbs = useBreadcrumbs(props),
-      wrapperProps = _useBreadcrumbs.navProps;
-
+    wrapperProps = _useBreadcrumbs.navProps;
   var breadcrumbsRef = useRef();
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return breadcrumbsRef.current;
   });
@@ -71,18 +67,13 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
 Breadcrumbs.propTypes = {
   /** The icon to render in between each node. */
   icon: PropTypes.elementType,
-
   /** Props object passed along to the Icon component. */
   iconProps: PropTypes.shape({}),
-
   /** Whether the Breadcrumbs are disabled. */
   isDisabled: PropTypes.bool,
-
   /** Defines a string value that labels the current element. */
   'aria-label': PropTypes.string,
-
   /** Called when an item is acted upon (usually selection via press). */
-
   /** (key: Key) => void. */
   onAction: PropTypes.func
 };

package/lib/components/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
-import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import { Item } from 'react-stately';
 import { action } from '@storybook/addon-actions';
-import Breadcrumbs from './Breadcrumbs';
+import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import Breadcrumbs from './Breadcrumbs';
 import BreadcrumbsReadme from './Breadcrumbs.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -39,7 +39,6 @@ export var Default = function Default(args) {
   var onAction = function onAction(key) {
     return action("onPress ".concat(key));
   };
-
   return ___EmotionJSX(Breadcrumbs, _extends({
     onAction: onAction
   }, args), ___EmotionJSX(Item, {

package/lib/components/Breadcrumbs/Breadcrumbs.test.js

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
-import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
-import CreateIcon from 'mdi-react/CreateIcon';
 import { mergeProps } from 'react-aria';
 import { Item } from 'react-stately';
 import userEvent from '@testing-library/user-event';
-import Breadcrumbs from './Breadcrumbs';
+import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
+import CreateIcon from 'mdi-react/CreateIcon';
 import axeTest from '../../utils/testUtils/testAxe';
 import { render, screen } from '../../utils/testUtils/testWrapper';
+import Breadcrumbs from './Breadcrumbs';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-breadcrumbs';
 var testItemId = 'test-breadcrumb-item';
@@ -18,7 +18,6 @@ var defaultProps = {
   icon: ChevronRightIcon
 };
 var testItemsArr = ['item1', 'item2', 'item3'];
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var itemProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -30,9 +29,9 @@ var getComponent = function getComponent() {
       isCurrent: idx === testItemsArr.length - 1
     }), testItem);
   })));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('default breadcrumbs', function () {
   getComponent();

package/lib/components/Breadcrumbs/index.js

@@ -1,2 +1,2 @@
-export { default } from './Breadcrumbs';
-export { default as BreadcrumbItem } from './BreadcrumbItem';
+export { default as BreadcrumbItem } from './BreadcrumbItem';
+export { default } from './Breadcrumbs';