@moda/om 17.13.0 → 17.14.1

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [17.14.1](https://github.com/ModaOperandi/om/compare/v17.14.0...v17.14.1) (2022-11-15)
+
+
+### Bug Fixes
+
+* **loading-shapes:** exports the component ([#3056](https://github.com/ModaOperandi/om/issues/3056)) ([d9e9289](https://github.com/ModaOperandi/om/commit/d9e928950e39c18f2cb6a09f8c7d7e82b98b94b3))
+
+# [17.14.0](https://github.com/ModaOperandi/om/compare/v17.13.0...v17.14.0) (2022-11-15)
+
+
+### Features
+
+* **loading-shapes:** adds the component, imported from discovery and its stories ([#3055](https://github.com/ModaOperandi/om/issues/3055)) ([c242985](https://github.com/ModaOperandi/om/commit/c242985806107cc78e550f030cf0975301067c17))
+
 # [17.13.0](https://github.com/ModaOperandi/om/compare/v17.12.0...v17.13.0) (2022-11-14)
 
 

package/dist/index.cjs.js

@@ -10443,6 +10443,36 @@ var LoadingBalls = function LoadingBalls(_ref) {
   })));
 };
 
+var INTERVAL = 100;
+var LoadingShapes = function LoadingShapes() {
+  var items = [Triangle, Diamond, ArcWindow, Circle];
+  var _useCursor = dist.useCursor({
+      max: items.length
+    }),
+    index = _useCursor.index,
+    handleNext = _useCursor.handleNext;
+  React.useEffect(function () {
+    var interval = setInterval(function () {
+      handleNext();
+    }, INTERVAL);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [handleNext]);
+  return /*#__PURE__*/React.createElement(Stack, {
+    className: "LoadingShapes",
+    direction: "horizontal",
+    space: 2
+  }, items.map(function (Item, itemIndex) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('LoadingShapes__item', {
+        'LoadingShapes__item--current': itemIndex !== index
+      }),
+      key: itemIndex
+    }, /*#__PURE__*/React.createElement(Item, null));
+  }));
+};
+
 var _excluded$c = ["className", "children", "onClose", "shards", "autoFocus"];
 var Modal = function Modal(_ref) {
   var className = _ref.className,
@@ -11218,6 +11248,7 @@ exports.Keyhole = Keyhole;
 exports.Label = Label;
 exports.Loading = Loading;
 exports.LoadingBalls = LoadingBalls;
+exports.LoadingShapes = LoadingShapes;
 exports.Mirror = Mirror;
 exports.Modal = Modal;
 exports.ModalOverlay = ModalOverlay;