@moda/om 20.0.0 → 20.2.0

package/dist/index.esm.js

@@ -10574,14 +10574,18 @@ var SelectOption = function SelectOption(_ref) {
   var active = _ref.active,
     selected = _ref.selected,
     option = _ref.option,
+    _ref$option = _ref.option,
+    disabled = _ref$option.disabled,
+    colorSwatch = _ref$option.colorSwatch,
+    label = _ref$option.label,
     onClick = _ref.onClick,
     className = _ref.className,
     dataTestId = _ref.dataTestId;
   var ref = useRef(null);
   var handleClick = useCallback(function (event) {
     event.preventDefault();
-    if (!option.disabled) onClick(option);
-  }, [onClick, option]);
+    if (!disabled) onClick(option);
+  }, [disabled, onClick, option]);
   useEffect(function () {
     if (active && ref.current) {
       e(ref.current, {
@@ -10595,14 +10599,19 @@ var SelectOption = function SelectOption(_ref) {
     className: classNames('SelectOption', className, {
       'SelectOption--active': active,
       'SelectOption--selected': selected,
-      'SelectOption--disabled': option.disabled
+      'SelectOption--disabled': disabled
     }),
     onClick: handleClick,
-    "data-test-id": dataTestId ? "".concat(dataTestId, "--").concat(option.label.replace(' ', '-')) : undefined,
-    "aria-label": option.label,
+    "data-test-id": dataTestId ? "".concat(dataTestId, "--").concat(label.replace(' ', '-')) : undefined,
+    "aria-label": label,
     "aria-selected": selected,
     role: "option"
-  }, option.label);
+  }, colorSwatch && /*#__PURE__*/React__default.createElement("div", {
+    className: "SelectOption__color-swatch",
+    style: {
+      backgroundColor: distExports$4.colors.all[colorSwatch]
+    }
+  }), label);
 };
 
 var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId"];
@@ -10675,7 +10684,7 @@ var SelectOptions = function SelectOptions(_ref) {
       active: (activeOption === null || activeOption === void 0 ? void 0 : activeOption.value) === option.value,
       selected: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value,
       onClick: onSelect
-    }, option.label);
+    });
   })), options.length === 0 && /*#__PURE__*/React__default.createElement(Text, {
     className: "SelectOptions__none",
     color: "cement"
@@ -10887,12 +10896,12 @@ var Select = function Select(_ref) {
     idRef: idRef,
     label: label || (selected === undefined ? placeholder : undefined),
     hasValue: focused != null || selected != null
-  }), (_ref2 = focused !== null && focused !== void 0 ? focused : selected) === null || _ref2 === void 0 ? void 0 : _ref2.label, colorSwatch && /*#__PURE__*/React__default.createElement("div", {
+  }), colorSwatch && /*#__PURE__*/React__default.createElement("div", {
     className: "Select__selected-color",
     style: {
       backgroundColor: distExports$4.colors.all[colorSwatch]
     }
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), (_ref2 = focused !== null && focused !== void 0 ? focused : selected) === null || _ref2 === void 0 ? void 0 : _ref2.label, /*#__PURE__*/React__default.createElement("span", {
     className: classNames('Select__icon', {
       'Select__icon--shifted': shiftIconLeftwards
     })
@@ -11573,7 +11582,7 @@ var LoadingBalls = function LoadingBalls(_ref) {
   })));
 };
 
-var INTERVAL_MS = 250;
+var INTERVAL_MS$2 = 250;
 var LoadingShapes = function LoadingShapes() {
   var items = [Triangle, Diamond, ArcWindow, Circle];
   var _useCursor = distExports.useCursor({
@@ -11584,7 +11593,7 @@ var LoadingShapes = function LoadingShapes() {
   useEffect(function () {
     var interval = setInterval(function () {
       handleNext();
-    }, INTERVAL_MS);
+    }, INTERVAL_MS$2);
     return function () {
       return clearInterval(interval);
     };
@@ -11603,6 +11612,428 @@ var LoadingShapes = function LoadingShapes() {
   }));
 };
 
+var LoadingItems1 = function LoadingItems1() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18616",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#DB4C8A"
+  }));
+};
+
+var LoadingItems2 = function LoadingItems2() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18619",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var LoadingItems3 = function LoadingItems3() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18617",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var LoadingItems4 = function LoadingItems4() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#F04E98"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18619",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var LoadingItems5 = function LoadingItems5() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18616",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var INTERVAL_MS$1 = 250;
+var LoadingShapesPinkGreen = function LoadingShapesPinkGreen() {
+  var items = [LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5];
+  var _useCursor = distExports.useCursor({
+      max: items.length
+    }),
+    index = _useCursor.index,
+    handleNext = _useCursor.handleNext;
+  useEffect(function () {
+    var interval = setInterval(function () {
+      handleNext();
+    }, INTERVAL_MS$1);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [handleNext]);
+  return /*#__PURE__*/React__default.createElement("div", null, items.map(function (Item, itemIndex) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classNames('LoadingShapesPinkGreen__item', {
+        'LoadingShapesPinkGreen__item--current': itemIndex !== index
+      }),
+      key: itemIndex
+    }, /*#__PURE__*/React__default.createElement(Item, null));
+  }));
+};
+
+var LoadingItemsLavenderBlue1 = function LoadingItemsLavenderBlue1() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18616",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#1E22AA"
+  }));
+};
+
+var LoadingItemsLavenderBlue2 = function LoadingItemsLavenderBlue2() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18619",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var LoadingItemsLavenderBlue3 = function LoadingItemsLavenderBlue3() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18617",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var LoadingItemsLavenderBlue4 = function LoadingItemsLavenderBlue4() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18619",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var LoadingItemsLavenderBlue5 = function LoadingItemsLavenderBlue5() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M85.9155 10.414C85.9155 16.1661 81.2537 20.828 75.5015 20.828C69.7494 20.828 65.0875 16.1661 65.0875 10.414C65.0875 4.66186 69.7494 0 75.5015 0C81.2537 0 85.9155 4.66186 85.9155 10.414Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M145.023 20.828V10.0906V7.66566V7.65423C145.017 3.44429 141.874 0 138.032 0C134.192 0 131.047 3.44429 131.043 7.65423V7.66566V10.0906V20.828H145.023Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React__default.createElement("rect", {
+    x: "3.18619",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var INTERVAL_MS = 250;
+var LoadingShapesLavenderBlue = function LoadingShapesLavenderBlue() {
+  var items = [LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5];
+  var _useCursor = distExports.useCursor({
+      max: items.length
+    }),
+    index = _useCursor.index,
+    handleNext = _useCursor.handleNext;
+  useEffect(function () {
+    var interval = setInterval(function () {
+      handleNext();
+    }, INTERVAL_MS);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [handleNext]);
+  return /*#__PURE__*/React__default.createElement("div", null, items.map(function (Item, itemIndex) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classNames('LoadingShapesLavenderBlue__item', {
+        'LoadingShapesLavenderBlue__item--current': itemIndex !== index
+      }),
+      key: itemIndex
+    }, /*#__PURE__*/React__default.createElement(Item, null));
+  }));
+};
+
 var preventNavigation = function preventNavigation(event) {
   event.preventDefault();
   event.returnValue = '';
@@ -12288,4 +12719,4 @@ var Utilities = {
   States: States
 };
 
-export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, ConfirmProvider, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Dialog, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingShapes, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useConfirm, useKeyboardListNavigation, usePreventNavigation, useUpdateEffect };
+export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, ConfirmProvider, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Dialog, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5, LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5, LoadingShapes, LoadingShapesLavenderBlue, LoadingShapesPinkGreen, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useConfirm, useKeyboardListNavigation, usePreventNavigation, useUpdateEffect };