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

package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js

@@ -36,10 +36,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactStately = require("react-stately");
 var _i18n = require("@react-aria/i18n");
 var _addonActions = require("@storybook/addon-actions");
-var _ = require("../..");
+var _index = require("../../index");
 var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _ComboBoxField = _interopRequireDefault(require("./ComboBoxField"));
 var _react2 = require("@emotion/react");
 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; }
@@ -143,7 +142,7 @@ var actions = {
 };
 var _default = {
   title: 'Form/ComboBoxField',
-  component: _ComboBoxField["default"],
+  component: _index.ComboBoxField,
   parameters: {
     docs: {
       source: {
@@ -208,8 +207,8 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({}, actions, args), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({}, actions, args), function (item) {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name,
       "data-id": item.name
     }, item.name);
@@ -217,16 +216,16 @@ var Default = function Default(args) {
 };
 exports.Default = Default;
 var WithSections = function WithSections(args) {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     items: withSection
   }, args), function (section) {
-    return (0, _react2.jsx)(_.Section, {
+    return (0, _react2.jsx)(_index.Section, {
       key: section.key,
       items: section.children,
       title: section.name
     }, function (item) {
-      return (0, _react2.jsx)(_.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.name
       }, item.name);
     });
@@ -282,7 +281,7 @@ var AsyncLoading = function AsyncLoading() {
       }))();
     }
   });
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({}, actions, {
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({}, actions, {
     label: "Example label",
     items: list.items,
     inputValue: list.filterText,
@@ -290,7 +289,7 @@ var AsyncLoading = function AsyncLoading() {
     loadingState: list.loadingState,
     onLoadMore: list.loadMore
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -301,14 +300,14 @@ var ControlledInput = function ControlledInput() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items
   }, actions, {
     inputValue: inputValue,
     onInputChange: setInputValue
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -321,14 +320,14 @@ var ControlledMenu = function ControlledMenu() {
     setIsOpen = _useState4[1];
 
   // Use menuTrigger="manual" if you don't want open change events to fire on input / focus
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items
   }, actions, {
     isOpen: isOpen,
     onOpenChange: setIsOpen
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -339,14 +338,14 @@ var ControlledSelection = function ControlledSelection() {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     selectedKey = _useState6[0],
     setSelectedKey = _useState6[1];
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items
   }, actions, {
     selectedKey: selectedKey,
     onSelectionChange: setSelectedKey
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -402,7 +401,7 @@ var ControlledFiltering = function ControlledFiltering() {
       });
     }
   };
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label"
   }, actions, {
     items: fieldState.itemsList,
@@ -412,7 +411,7 @@ var ControlledFiltering = function ControlledFiltering() {
     onSelectionChange: onSelectionChange,
     onOpenChange: onOpenChange
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -423,7 +422,7 @@ var ControlledWithCustomValue = function ControlledWithCustomValue() {
     _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
     inputValue = _useState10[0],
     setInputValue = _useState10[1];
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items
   }, actions, {
@@ -433,19 +432,19 @@ var ControlledWithCustomValue = function ControlledWithCustomValue() {
     onSelectionChange: setInputValue,
     hasCustomValue: true
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.ControlledWithCustomValue = ControlledWithCustomValue;
 var WithCustomInputValue = function WithCustomInputValue() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], {
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, {
     label: "Example label",
     defaultItems: items,
     hasCustomValue: true
   }, function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.id,
       textValue: item.id
     }, item.name);
@@ -453,111 +452,111 @@ var WithCustomInputValue = function WithCustomInputValue() {
 };
 exports.WithCustomInputValue = WithCustomInputValue;
 var AllowCustomValue = function AllowCustomValue() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     hasCustomValue: true
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.AllowCustomValue = AllowCustomValue;
 var DisabledKeys = function DisabledKeys() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     disabledKeys: ['Aardvark']
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.DisabledKeys = DisabledKeys;
 var FocusMenuTrigger = function FocusMenuTrigger() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     menuTrigger: "focus"
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.FocusMenuTrigger = FocusMenuTrigger;
 var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     isDisabled: true
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.Disabled = Disabled;
 var HelperText = function HelperText() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     helperText: "focus",
     status: "error"
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.HelperText = HelperText;
 var ReadOnly = function ReadOnly() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     isReadOnly: true
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.ReadOnly = ReadOnly;
 var Required = function Required() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     isRequired: true
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.Required = Required;
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: items,
     hasNoStatusIndicator: true
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.WithoutStatusIndicator = WithoutStatusIndicator;
 var WithCustomHeight = function WithCustomHeight() {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: animals,
     scrollBoxProps: {
       maxHeight: '75px'
     }
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -568,12 +567,12 @@ var CustomDefaultFilter = function CustomDefaultFilter() {
       sensitivity: 'base'
     }),
     startsWith = (0, _startsWith["default"])(_useFilter2);
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: animals,
     defaultFilter: startsWith
   }, actions), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
@@ -607,7 +606,7 @@ var ControlledWithAddOption = function ControlledWithAddOption() {
     setInputValue(key);
     setSelectedKey(key);
   };
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_ComboBoxField["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
     label: "Example label",
     defaultItems: options
   }, actions, {
@@ -617,7 +616,7 @@ var ControlledWithAddOption = function ControlledWithAddOption() {
     onSelectionChange: onSelectionChange,
     hasAddOption: true
   }), function (item) {
-    return (0, _react2.jsx)(_.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));

package/lib/cjs/components/CopyText/CopyButton.js

@@ -26,7 +26,8 @@ var CopyButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     variant: "copyButton"
   }, (0, _lodash.omit)(props, 'iconProps')), (0, _react2.jsx)(_Icon["default"], (0, _extends2["default"])({
     icon: _ContentCopyIcon["default"],
-    size: 15
+    size: "xs",
+    color: "text.secondary"
   }, props === null || props === void 0 ? void 0 : props.iconProps)));
 });
 CopyButton.propTypes = {

package/lib/cjs/components/CopyText/CopyText.stories.js

@@ -9,18 +9,16 @@ exports["default"] = exports.WithLink = exports.WithChangedCopiedValue = exports
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-var _Link = _interopRequireDefault(require("../Link"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _CopyText = _interopRequireDefault(require("./CopyText"));
-var _CopyText2 = _interopRequireDefault(require("./CopyText.mdx"));
+var _index = require("../../index");
+var _CopyText = _interopRequireDefault(require("./CopyText.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/CopyText',
-  component: _CopyText["default"],
+  component: _index.CopyText,
   parameters: {
     docs: {
       page: function page() {
-        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_CopyText2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
+        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_CopyText["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
   },
@@ -32,20 +30,20 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_CopyText["default"], args, (0, _react2.jsx)(_Text["default"], null, "Here is a value"));
+  return (0, _react2.jsx)(_index.CopyText, args, (0, _react2.jsx)(_index.Text, null, "Here is a value"));
 };
 exports.Default = Default;
 var WithLink = function WithLink(args) {
-  return (0, _react2.jsx)(_CopyText["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.CopyText, (0, _extends2["default"])({}, args, {
     mode: "link"
-  }), (0, _react2.jsx)(_Link["default"], {
+  }), (0, _react2.jsx)(_index.Link, {
     href: "https://a.url.com"
   }, "https://a.url.com"));
 };
 exports.WithLink = WithLink;
 var WithChangedCopiedValue = function WithChangedCopiedValue(args) {
-  return (0, _react2.jsx)(_CopyText["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.CopyText, (0, _extends2["default"])({}, args, {
     textToCopy: "Here is a copied value"
-  }), (0, _react2.jsx)(_Text["default"], null, "Here is a value"));
+  }), (0, _react2.jsx)(_index.Text, null, "Here is a value"));
 };
 exports.WithChangedCopiedValue = WithChangedCopiedValue;

package/lib/cjs/components/CopyText/CopyText.styles.js

@@ -32,19 +32,21 @@ var copy = {
   }
 };
 var copyButton = {
-  ml: 'xs',
+  ml: 'sm',
   outline: 'none',
   height: 'auto',
   cursor: 'pointer',
+  width: 'auto',
   path: {
     fill: 'neutral.10'
   },
-  '&.is-focused': _objectSpread({
-    boxShadow: 'none'
-  }, _Buttons.defaultFocus),
   ':focus': {
     outline: 'none'
-  }
+  },
+  '&.is-focused': _objectSpread(_objectSpread({}, _Buttons.defaultFocus), {}, {
+    boxShadow: 'none',
+    outlineOffset: '1px'
+  })
 };
 exports.copyButton = copyButton;
 var _default = {

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js

@@ -14,7 +14,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.WithSections = exports.RightAlignedChips = exports.OrgLevel = exports.DefaultOpen = exports.Default = exports.ControlledMenu = void 0;
+exports["default"] = exports.WithSections = exports.RightAlignedBadges = exports.OrgLevel = exports.DefaultOpen = exports.Default = exports.ControlledMenu = void 0;
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
@@ -27,8 +27,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _react = _interopRequireWildcard(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb"));
-var _EnvironmentBreadcrumb2 = _interopRequireDefault(require("./EnvironmentBreadcrumb.mdx"));
+var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb.mdx"));
 var _react2 = require("@emotion/react");
 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; }
@@ -36,11 +35,11 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Components/EnvironmentBreadcrumb',
-  component: _EnvironmentBreadcrumb["default"],
+  component: _index.EnvironmentBreadcrumb,
   parameters: {
     docs: {
       page: function page() {
-        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_EnvironmentBreadcrumb2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
+        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       },
       source: {
         type: 'code'
@@ -150,7 +149,7 @@ var Default = function Default(args) {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.EnvironmentBreadcrumb, (0, _extends2["default"])({}, args, {
     items: defaultEnvironments,
     name: "Globochem",
     selectedItem: envNode,
@@ -234,7 +233,7 @@ var WithSections = function WithSections() {
     variant: "environmentBadge",
     bg: "neutral.40"
   }) : null);
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
+  return (0, _react2.jsx)(_index.EnvironmentBreadcrumb, {
     items: environments,
     name: "Globochem",
     selectedItem: envNode,
@@ -269,7 +268,7 @@ var WithSections = function WithSections() {
 };
 exports.WithSections = WithSections;
 var OrgLevel = function OrgLevel() {
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
+  return (0, _react2.jsx)(_index.EnvironmentBreadcrumb, {
     name: "Globochem"
   });
 };
@@ -302,7 +301,7 @@ var DefaultOpen = function DefaultOpen() {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
+  return (0, _react2.jsx)(_index.EnvironmentBreadcrumb, {
     items: defaultEnvironments,
     name: "Globochem",
     selectedItem: envNode,
@@ -354,7 +353,7 @@ var ControlledMenu = function ControlledMenu() {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
+  return (0, _react2.jsx)(_index.EnvironmentBreadcrumb, {
     items: defaultEnvironments,
     name: "Globochem",
     selectedItem: envNode,
@@ -375,7 +374,7 @@ var ControlledMenu = function ControlledMenu() {
   });
 };
 exports.ControlledMenu = ControlledMenu;
-var RightAlignedChips = function RightAlignedChips(args) {
+var RightAlignedBadges = function RightAlignedBadges(args) {
   var _useState13 = (0, _react.useState)({
       name: 'Snail',
       isSandbox: true
@@ -431,7 +430,7 @@ var RightAlignedChips = function RightAlignedChips(args) {
   }, {
     name: 'Mouse'
   }];
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.EnvironmentBreadcrumb, (0, _extends2["default"])({}, args, {
     items: items,
     name: "Globochem",
     selectedItem: envNode,
@@ -450,4 +449,4 @@ var RightAlignedChips = function RightAlignedChips(args) {
     }) : null);
   });
 };
-exports.RightAlignedChips = RightAlignedChips;
+exports.RightAlignedBadges = RightAlignedBadges;

package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js

@@ -7,12 +7,12 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Warning = exports.Success = exports.Error = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Form/Base Components/FieldHelperText',
-  component: _["default"],
+  component: _index.FieldHelperText,
   argTypes: {
     status: {
       control: {
@@ -25,23 +25,23 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], args, "Look at me!");
+  return (0, _react2.jsx)(_index.FieldHelperText, args, "Look at me!");
 };
 exports.Default = Default;
 var Error = function Error() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.FieldHelperText, {
     status: "error"
   }, "Look at me!");
 };
 exports.Error = Error;
 var Success = function Success() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.FieldHelperText, {
     status: "success"
   }, "Look at me!");
 };
 exports.Success = Success;
 var Warning = function Warning() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.FieldHelperText, {
     status: "warning"
   }, "Look at me!");
 };

package/lib/cjs/components/FileInputField/FileInputField.stories.js

@@ -20,11 +20,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _uuid = require("uuid");
-var _ = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
-var _2 = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 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; }
@@ -32,7 +31,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 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 _default = {
   title: 'Form/FileInputField',
-  component: _2["default"],
+  component: _index.FileInputField,
   parameters: {
     docs: {
       source: {
@@ -101,13 +100,13 @@ var fitContentWidthSx = {
   width: 'fit-content'
 };
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_2["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.FileInputField, (0, _extends2["default"])({
     sx: fitContentWidthSx
   }, args));
 };
 exports.Default = Default;
 var CustomButtonText = function CustomButtonText() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.FileInputField, {
     defaultButtonText: "Original Button Name",
     label: "Custom Button Text",
     sx: fitContentWidthSx
@@ -143,7 +142,7 @@ var ControlledState = function ControlledState() {
     setUserFiles([]);
     setError(null);
   };
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.FileInputField, {
     label: "Controlled State With limit on file size upload below 2 mb",
     onFileSelect: handleFileSelect,
     onRemove: handleFileRemove,
@@ -155,7 +154,7 @@ var ControlledState = function ControlledState() {
 };
 exports.ControlledState = ControlledState;
 var DefaultFileListUncontrolled = function DefaultFileListUncontrolled() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.FileInputField, {
     defaultFileList: [{
       id: 'test-id1',
       name: 'PingId Mobile (Android)',
@@ -176,7 +175,7 @@ var DefaultFileListUncontrolled = function DefaultFileListUncontrolled() {
 };
 exports.DefaultFileListUncontrolled = DefaultFileListUncontrolled;
 var ErrorStatusSingleFile = function ErrorStatusSingleFile() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.FileInputField, {
     defaultFileList: [{
       id: 'test-id3',
       name: 'PingId Desktop (Windows)',
@@ -191,7 +190,7 @@ var ErrorStatusSingleFile = function ErrorStatusSingleFile() {
 };
 exports.ErrorStatusSingleFile = ErrorStatusSingleFile;
 var ErrorWithMultipleFiles = function ErrorWithMultipleFiles() {
-  return (0, _react2.jsx)(_2["default"], {
+  return (0, _react2.jsx)(_index.FileInputField, {
     defaultFileList: [{
       id: 'test-id3',
       name: 'PingId Desktop (Windows)',
@@ -215,9 +214,9 @@ var WithCustomWidth = function WithCustomWidth() {
     overflow: 'hidden',
     whiteSpace: 'nowrap'
   };
-  return (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_index.Box, {
     width: 200
-  }, (0, _react2.jsx)(_2["default"], {
+  }, (0, _react2.jsx)(_index.FileInputField, {
     defaultButtonText: "Long Long Button Text With A Lot of Words In It",
     defaultFileList: [{
       id: 'test-id1',