@pingux/astro 2.0.0-alpha.6 → 2.0.0-beta.0

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

@@ -21,7 +21,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
 var _MoreVertIcon = _interopRequireDefault(require("mdi-react/MoreVertIcon"));
-var _ = require("../..");
+var _index = require("../../index");
 var _hoverProps = require("../../utils/devUtils/props/hoverProps");
 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); }
@@ -30,7 +30,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: 'Components/ListItem',
-  component: _.ListItem,
+  component: _index.ListItem,
   parameters: {
     docs: {
       source: {
@@ -42,59 +42,59 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Separator, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Separator, {
     margin: 0
-  }), (0, _react2.jsx)(_.ListItem, args, (0, _react2.jsx)(_.Box, {
+  }), (0, _react2.jsx)(_index.ListItem, args, (0, _react2.jsx)(_index.Box, {
     isRow: true,
     mr: "auto",
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _AccountIcon["default"],
     alignSelf: "center",
     mr: "sm",
     color: "accent.40",
     size: 32
-  }), (0, _react2.jsx)(_.Text, {
+  }), (0, _react2.jsx)(_index.Text, {
     variant: "itemTitle",
     alignSelf: "center"
-  }, "Fons Vernall")), (0, _react2.jsx)(_.Box, {
+  }, "Fons Vernall")), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.IconButton, null, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.IconButton, null, (0, _react2.jsx)(_index.Icon, {
     icon: _MoreVertIcon["default"],
     size: "sm",
     color: "neutral.20"
-  })))), (0, _react2.jsx)(_.Separator, {
+  })))), (0, _react2.jsx)(_index.Separator, {
     margin: 0
   }));
 };
 exports.Default = Default;
 var WithSubtitle = function WithSubtitle(args) {
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Separator, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Separator, {
     margin: 0
-  }), (0, _react2.jsx)(_.ListItem, args, (0, _react2.jsx)(_.Box, {
+  }), (0, _react2.jsx)(_index.ListItem, args, (0, _react2.jsx)(_index.Box, {
     isRow: true,
     mr: "auto",
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _AccountIcon["default"],
     alignSelf: "center",
     mr: "sm",
     color: "accent.40",
     size: 32
-  }), (0, _react2.jsx)(_.Box, null, (0, _react2.jsx)(_.Text, {
+  }), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, {
     variant: "itemTitle"
-  }, "Fons Vernall"), (0, _react2.jsx)(_.Text, {
+  }, "Fons Vernall"), (0, _react2.jsx)(_index.Text, {
     variant: "itemSubtitle",
     mt: 1
-  }, "fvernall0@google.it"))), (0, _react2.jsx)(_.Box, {
+  }, "fvernall0@google.it"))), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.IconButton, null, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.IconButton, null, (0, _react2.jsx)(_index.Icon, {
     icon: _MoreVertIcon["default"],
     size: "sm",
     color: "neutral.20"
-  })))), (0, _react2.jsx)(_.Separator, {
+  })))), (0, _react2.jsx)(_index.Separator, {
     margin: 0
   }));
 };
@@ -114,38 +114,38 @@ var WithHoverHandlers = function WithHoverHandlers(args) {
       transform: "".concat(shouldTranslate ? 'translate(15px)' : 'translate(0)')
     };
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Separator, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Separator, {
     margin: 0
-  }), (0, _react2.jsx)(_.ListItem, (0, _extends2["default"])({}, args, {
+  }), (0, _react2.jsx)(_index.ListItem, (0, _extends2["default"])({}, args, {
     onHoverEnd: handleHoverChange,
     onHoverStart: handleHoverChange
-  }), (0, _react2.jsx)(_.Box, {
+  }), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     mr: "auto",
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _AccountIcon["default"],
     alignSelf: "center",
     mr: "sm",
     color: "accent.40",
     size: 32
-  }), (0, _react2.jsx)(_.Box, {
+  }), (0, _react2.jsx)(_index.Box, {
     sx: sx(isHovered)
-  }, (0, _react2.jsx)(_.Text, {
+  }, (0, _react2.jsx)(_index.Text, {
     variant: "itemTitle"
-  }, "Fons Vernall"), (0, _react2.jsx)(_.Text, {
+  }, "Fons Vernall"), (0, _react2.jsx)(_index.Text, {
     variant: "itemSubtitle",
     mt: 1
-  }, "fvernall0@google.it"))), (0, _react2.jsx)(_.Box, {
+  }, "fvernall0@google.it"))), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.IconButton, {
+  }, (0, _react2.jsx)(_index.IconButton, {
     size: 26
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _MoreVertIcon["default"],
     size: 20,
     color: "neutral.20"
-  })))), (0, _react2.jsx)(_.Separator, {
+  })))), (0, _react2.jsx)(_index.Separator, {
     margin: 0
   }));
 };

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

@@ -30,14 +30,13 @@ var _isChromatic = _interopRequireDefault(require("chromatic/isChromatic"));
 var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
 var _FormSelectIcon = _interopRequireDefault(require("mdi-react/FormSelectIcon"));
 var _MoreVertIcon = _interopRequireDefault(require("mdi-react/MoreVertIcon"));
-var _ = require("../..");
+var _index = require("../../index");
 var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
-var _2 = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context4; _forEachInstanceProperty(_context4 = ["next", "throw", "return"]).call(_context4, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise2); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context5; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context5 = this.tryEntries).call(_context5, resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty2(name).call(name, 1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 var _default = {
   title: 'Components/ListView',
-  component: _2["default"],
+  component: _index.ListView,
   parameters: {
     docs: {
       source: {
@@ -541,72 +540,72 @@ var actions = {
 };
 var ListElement = function ListElement(_ref) {
   var item = _ref.item;
-  return (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_index.Box, {
     isRow: true
-  }, (0, _react2.jsx)(_.Box, {
+  }, (0, _react2.jsx)(_index.Box, {
     isRow: true,
     mr: "auto",
     alignSelf: "center"
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _FormSelectIcon["default"],
     mr: "sm",
     color: "accent.40",
     size: "md"
-  }), (0, _react2.jsx)(_.Text, {
+  }), (0, _react2.jsx)(_index.Text, {
     variant: "itemTitle",
     alignSelf: "center"
-  }, item.name)), (0, _react2.jsx)(_.Box, {
+  }, item.name)), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     alignSelf: "center",
     gap: "sm"
-  }, (0, _react2.jsx)(_.IconButton, {
+  }, (0, _react2.jsx)(_index.IconButton, {
     "aria-label": "create-icon"
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _CreateIcon["default"],
     size: "sm"
-  })), (0, _react2.jsx)(_.IconButton, {
+  })), (0, _react2.jsx)(_index.IconButton, {
     "aria-label": "actions-icon"
-  }, (0, _react2.jsx)(_.Icon, {
+  }, (0, _react2.jsx)(_index.Icon, {
     icon: _MoreVertIcon["default"],
     size: "sm"
   }))));
 };
 var Default = function Default(_ref2) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref2), _ref2));
-  return (0, _react2.jsx)(_2["default"], (0, _extends2["default"])({}, props, args, {
+  return (0, _react2.jsx)(_index.ListView, (0, _extends2["default"])({}, props, args, {
     items: items
   }), function (item) {
     return (0, _react2.jsx)(_reactStately.Item, {
       key: item.name,
       textValue: item.name,
       "data-id": item.key
-    }, (0, _react2.jsx)(_.Box, {
+    }, (0, _react2.jsx)(_index.Box, {
       isRow: true
-    }, (0, _react2.jsx)(_.Box, {
+    }, (0, _react2.jsx)(_index.Box, {
       isRow: true,
       mr: "auto",
       alignSelf: "center"
-    }, (0, _react2.jsx)(_.Icon, {
+    }, (0, _react2.jsx)(_index.Icon, {
       icon: _FormSelectIcon["default"],
       mr: "sm",
       color: "accent.40",
       size: "md"
-    }), (0, _react2.jsx)(_.Text, {
+    }), (0, _react2.jsx)(_index.Text, {
       variant: "itemTitle",
       alignSelf: "center"
-    }, item.name)), (0, _react2.jsx)(_.Box, {
+    }, item.name)), (0, _react2.jsx)(_index.Box, {
       isRow: true,
       alignSelf: "center",
       gap: "sm"
-    }, (0, _react2.jsx)(_.IconButton, {
+    }, (0, _react2.jsx)(_index.IconButton, {
       "aria-label": "create-icon"
-    }, (0, _react2.jsx)(_.Icon, {
+    }, (0, _react2.jsx)(_index.Icon, {
       icon: _CreateIcon["default"],
       size: "sm"
-    })), (0, _react2.jsx)(_.IconButton, {
+    })), (0, _react2.jsx)(_index.IconButton, {
       "aria-label": "actions-icon",
       size: "sm"
-    }, (0, _react2.jsx)(_.Icon, {
+    }, (0, _react2.jsx)(_index.Icon, {
       icon: _MoreVertIcon["default"],
       size: "sm"
     })))));
@@ -739,11 +738,11 @@ var InfiniteLoadingList = function InfiniteLoadingList(args) {
       }))();
     }
   });
-  return (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_index.Box, {
     sx: {
       maxHeight: '400px'
     }
-  }, (0, _react2.jsx)(_2["default"], (0, _extends2["default"])({}, actions, {
+  }, (0, _react2.jsx)(_index.ListView, (0, _extends2["default"])({}, actions, {
     items: list.items,
     loadingState: list.loadingState,
     onLoadMore: list.loadMore
@@ -769,7 +768,7 @@ InfiniteLoadingList.parameters = {
 };
 var MultipleSelection = function MultipleSelection(_ref6) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref6), _ref6));
-  return (0, _react2.jsx)(_2["default"], (0, _extends2["default"])({}, props, args, {
+  return (0, _react2.jsx)(_index.ListView, (0, _extends2["default"])({}, props, args, {
     items: items,
     selectionMode: "multiple"
   }), function (item) {

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

@@ -24,6 +24,9 @@ var container = {
   justifyContent: 'center',
   bg: 'accent.99',
   outline: 'none',
+  '& li': {
+    bg: 'white'
+  },
   '&.is-selected': {
     bg: 'white'
   },
@@ -42,6 +45,9 @@ var container = {
 var linkedViewContainer = _objectSpread(_objectSpread({}, container), {}, {
   minHeight: '75px',
   height: '76px',
+  '& li': {
+    bg: 'white'
+  },
   '&.has-inset-separator': {
     '&:after': {
       content: '""',

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

@@ -9,12 +9,12 @@ exports["default"] = exports.Default = exports.CustomColor = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _react = _interopRequireDefault(require("react"));
+var _index = require("../../index");
 var _colors = require("../../styles/colors");
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/Loader',
-  component: _["default"],
+  component: _index.Loader,
   argTypes: {
     color: {
       control: {
@@ -37,11 +37,11 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], args);
+  return (0, _react2.jsx)(_index.Loader, args);
 };
 exports.Default = Default;
 var CustomColor = function CustomColor() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.Loader, {
     color: "neutral.60"
   });
 };

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

@@ -18,15 +18,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactStately = require("react-stately");
+var _index = require("../../index");
 var _hoverProps = require("../../utils/devUtils/props/hoverProps");
-var _Text = _interopRequireDefault(require("../Text"));
-var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
 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 _default = {
   title: 'Components/Menu',
-  component: _["default"],
+  component: _index.Menu,
   parameters: {
     actions: {
       argTypesRegex: '^on.*'
@@ -86,21 +85,21 @@ var _default = {
 exports["default"] = _default;
 var Default = function Default(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.Menu, (0, _extends2["default"])({
     "aria-label": "Example Menu"
   }, args), (0, _react2.jsx)(_reactStately.Item, {
     key: "edit",
     textValue: "Edit",
     "data-id": "edit"
-  }, (0, _react2.jsx)(_Text["default"], null, "Edit")), (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Text, null, "Edit")), (0, _react2.jsx)(_reactStately.Item, {
     key: "duplicate",
     textValue: "Duplicate",
     "data-id": "duplicate"
-  }, (0, _react2.jsx)(_Text["default"], null, "Duplicate")), (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Text, null, "Duplicate")), (0, _react2.jsx)(_reactStately.Item, {
     key: "delete",
     textValue: "Delete",
     "data-id": "delete"
-  }, (0, _react2.jsx)(_Text["default"], {
+  }, (0, _react2.jsx)(_index.Text, {
     color: "critical.bright"
   }, "Delete")));
 };

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

@@ -26,9 +26,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireWildcard(require("react"));
 var _reactStately = require("react-stately");
 var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-var _ = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _index = require("./index");
+var _index2 = require("./index");
 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,7 +36,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Components/Messages',
-  component: _.Messages,
+  component: _index.Messages,
   argTypes: {
     items: {
       control: {
@@ -76,7 +76,7 @@ var messages = [{
 }];
 var messageText = ['WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT! Oh yeah, good luck with that.', "Oh no! The professor will hit me! But if Zoidberg 'fixes' it… then perhaps gifts! You've killed me! Oh, you've killed me!", 'Does anybody else feel jealous and aroused and worried?', "Stop it, stop it. It's fine. I will 'destroy' you! Um, is this the boring, peaceful kind of taking to the streets?", "She also liked to shut up! Fry! Stay back! He's too powerful!", "This opera's as lousy as it is brilliant! Your lyrics lack subtlety. You can't just have your characters announce how they feel."];
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
+  return (0, _react2.jsx)(_index.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     key: "message1",
     "data-id": "message1"
   }, "Here is a very neutral thing"), (0, _react2.jsx)(_reactStately.Item, {
@@ -89,7 +89,7 @@ exports.Default = Default;
 var DefaultDynamic = function DefaultDynamic(args) {
   return (
     // messages = [{...}]
-    (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+    (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
       items: messages
     }), function (item) {
       return (0, _react2.jsx)(_reactStately.Item, item, item.text);
@@ -118,7 +118,7 @@ var Controlled = function Controlled(args) {
       }));
     }, 200);
   };
-  return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
   }), function (item) {
@@ -151,9 +151,9 @@ var ControlledWithButton = function ControlledWithButton(args) {
       }));
     }, 200);
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, {
     onPress: addMessage
-  }, "Click me!"), (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+  }, "Click me!"), (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
   }), function (item) {
@@ -162,7 +162,7 @@ var ControlledWithButton = function ControlledWithButton(args) {
 };
 exports.ControlledWithButton = ControlledWithButton;
 var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
+  return (0, _react2.jsx)(_index.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     bg: "accent.99",
     color: "active",
     icon: _AccountIcon["default"]
@@ -191,29 +191,29 @@ var UseReducer = function UseReducer() {
   //   showWarningMessage: makeShowMessage('warning', -1),
   // };
 
-  var _useReducer = (0, _react.useReducer)(_index.messagesReducerStory),
+  var _useReducer = (0, _react.useReducer)(_index2.messagesReducerStory),
     _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
     items = _useReducer2[0],
     dispatch = _useReducer2[1];
   var showAMessage = function showAMessage() {
-    var actionFn = [_index.messagesReducerStory.actions.showSuccessMessage, _index.messagesReducerStory.actions.showErrorMessage, _index.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
+    var actionFn = [_index2.messagesReducerStory.actions.showSuccessMessage, _index2.messagesReducerStory.actions.showErrorMessage, _index2.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(message)(dispatch);
   };
   var removeMessage = function removeMessage(key) {
-    dispatch(_index.messagesReducerStory.actions.hideMessage(key));
+    dispatch(_index2.messagesReducerStory.actions.hideMessage(key));
     (0, _setTimeout2["default"])(function () {
-      return dispatch(_index.messagesReducerStory.actions.removeMessage(key));
+      return dispatch(_index2.messagesReducerStory.actions.removeMessage(key));
     }, 200);
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, {
     onPress: showAMessage
-  }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_.Button, {
+  }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_index.Button, {
     mt: "md",
     onPress: function onPress() {
-      return dispatch(_index.messagesReducerStory.actions.clearMessages());
+      return dispatch(_index2.messagesReducerStory.actions.clearMessages());
     }
-  }, "Clear messages"), (0, _react2.jsx)(_.Messages, {
+  }, "Clear messages"), (0, _react2.jsx)(_index.Messages, {
     items: items,
     onClose: removeMessage
   }, function (item) {
@@ -222,7 +222,7 @@ var UseReducer = function UseReducer() {
 };
 exports.UseReducer = UseReducer;
 var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
-  var _useReducer3 = (0, _react.useReducer)(_index.multiMessagesReducerStory, {
+  var _useReducer3 = (0, _react.useReducer)(_index2.multiMessagesReducerStory, {
       'container-one': [],
       'container-two': []
     }),
@@ -230,28 +230,28 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
     items = _useReducer4[0],
     dispatch = _useReducer4[1];
   var showAMessage = function showAMessage(container) {
-    var actionFn = [_index.multiMessagesReducerStory.actions.showSuccessMessage, _index.multiMessagesReducerStory.actions.showCriticalMessage, _index.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
+    var actionFn = [_index2.multiMessagesReducerStory.actions.showSuccessMessage, _index2.multiMessagesReducerStory.actions.showCriticalMessage, _index2.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(container, message)(dispatch);
   };
   var removeMessage = function removeMessage(key, container) {
-    dispatch(_index.multiMessagesReducerStory.actions.hideMessage(container, key));
+    dispatch(_index2.multiMessagesReducerStory.actions.hideMessage(container, key));
     (0, _setTimeout2["default"])(function () {
-      return dispatch(_index.multiMessagesReducerStory.actions.removeMessage(container, key));
+      return dispatch(_index2.multiMessagesReducerStory.actions.removeMessage(container, key));
     }, 200);
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
     isRow: true
-  }, (0, _react2.jsx)(_.Button, {
+  }, (0, _react2.jsx)(_index.Button, {
     onPress: function onPress() {
       return showAMessage('container-one');
     }
-  }, "Add message to the left"), (0, _react2.jsx)(_.Button, {
+  }, "Add message to the left"), (0, _react2.jsx)(_index.Button, {
     ml: "md",
     onPress: function onPress() {
       return showAMessage('container-two');
     }
-  }, "Add message to the right")), (0, _react2.jsx)(_.Messages, {
+  }, "Add message to the right")), (0, _react2.jsx)(_index.Messages, {
     items: items['container-one'],
     onClose: function onClose(key) {
       return removeMessage(key, 'container-one');
@@ -261,7 +261,7 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
     }
   }, function (item) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.text);
-  }), (0, _react2.jsx)(_.Messages, {
+  }), (0, _react2.jsx)(_index.Messages, {
     items: items['container-two'],
     onClose: function onClose(key) {
       return removeMessage(key, 'container-two');
@@ -291,7 +291,7 @@ var WithTextStyling = function WithTextStyling(args) {
     node: (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("b", null, "Not saved! "), "We could not validate one of the fields. Please see inline message below."),
     status: 'error'
   }];
-  return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {
     items: items
   }), function (item) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.node || item.text);

package/lib/cjs/components/MultivaluesField/MultivaluesField.js

@@ -200,7 +200,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   (0, _react.useEffect)(function () {
     if (onOpenChange) onOpenChange(isOpen);
   }, [isOpen]);
-  var addNewChipFromInput = function addNewChipFromInput(inputValue) {
+  var addNewBadgeFromInput = function addNewBadgeFromInput(inputValue) {
     var _context3, _context4;
     var key = inputValue;
     if (state.selectionManager.isSelected(key)) {
@@ -231,7 +231,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     if (!hasCustomValue && filteredItems.length === 1) {
       selectTheOnlyFilteredItem();
     } else if (hasCustomValue) {
-      addNewChipFromInput(filterString);
+      addNewBadgeFromInput(filterString);
     }
   };
 
@@ -254,7 +254,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
             if (_key === '') {
               return;
             }
-            addNewChipFromInput(e.target.value);
+            addNewBadgeFromInput(e.target.value);
           }
           break;
         }
@@ -326,7 +326,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     }
     return null;
   });
-  var multivaluesFieldChip = function multivaluesFieldChip(item) {
+  var multivaluesFieldBadge = function multivaluesFieldBadge(item) {
     return (0, _react2.jsx)(_.Badge, (0, _extends2["default"])({
       key: item.key,
       role: "presentation",
@@ -334,7 +334,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       bg: "active",
       label: item.name,
       slots: item.slots
-    }, item.chipProps), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
+    }, item.badgeProps), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
       "aria-label": "delete",
       onPress: function onPress() {
         return deleteItem(item.key);
@@ -352,7 +352,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       return el.key === key;
     });
     if (item) {
-      return multivaluesFieldChip(item);
+      return multivaluesFieldBadge(item);
     }
     return null;
   }));