@moda/om 20.0.0 → 20.2.0

package/dist/index.cjs.js

@@ -10594,14 +10594,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 = React.useRef(null);
   var handleClick = React.useCallback(function (event) {
     event.preventDefault();
-    if (!option.disabled) onClick(option);
-  }, [onClick, option]);
+    if (!disabled) onClick(option);
+  }, [disabled, onClick, option]);
   React.useEffect(function () {
     if (active && ref.current) {
       e(ref.current, {
@@ -10615,14 +10619,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.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"];
@@ -10695,7 +10704,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.createElement(Text, {
     className: "SelectOptions__none",
     color: "cement"
@@ -10907,12 +10916,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.createElement("div", {
+  }), colorSwatch && /*#__PURE__*/React.createElement("div", {
     className: "Select__selected-color",
     style: {
       backgroundColor: distExports$4.colors.all[colorSwatch]
     }
-  }), /*#__PURE__*/React.createElement("span", {
+  }), (_ref2 = focused !== null && focused !== void 0 ? focused : selected) === null || _ref2 === void 0 ? void 0 : _ref2.label, /*#__PURE__*/React.createElement("span", {
     className: classNames('Select__icon', {
       'Select__icon--shifted': shiftIconLeftwards
     })
@@ -11593,7 +11602,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({
@@ -11604,7 +11613,7 @@ var LoadingShapes = function LoadingShapes() {
   React.useEffect(function () {
     var interval = setInterval(function () {
       handleNext();
-    }, INTERVAL_MS);
+    }, INTERVAL_MS$2);
     return function () {
       return clearInterval(interval);
     };
@@ -11623,6 +11632,428 @@ var LoadingShapes = function LoadingShapes() {
   }));
 };
 
+var LoadingItems1 = function LoadingItems1() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18616",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#DB4C8A"
+  }));
+};
+
+var LoadingItems2 = function LoadingItems2() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18619",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var LoadingItems3 = function LoadingItems3() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#DB4C8A"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18617",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var LoadingItems4 = function LoadingItems4() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#F04E98"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18619",
+    y: "4.93651",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#006F62"
+  }));
+};
+
+var LoadingItems5 = function LoadingItems5() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#006F62"
+  }), /*#__PURE__*/React.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;
+  React.useEffect(function () {
+    var interval = setInterval(function () {
+      handleNext();
+    }, INTERVAL_MS$1);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [handleNext]);
+  return /*#__PURE__*/React.createElement("div", null, items.map(function (Item, itemIndex) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('LoadingShapesPinkGreen__item', {
+        'LoadingShapesPinkGreen__item--current': itemIndex !== index
+      }),
+      key: itemIndex
+    }, /*#__PURE__*/React.createElement(Item, null));
+  }));
+};
+
+var LoadingItemsLavenderBlue1 = function LoadingItemsLavenderBlue1() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18616",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#1E22AA"
+  }));
+};
+
+var LoadingItemsLavenderBlue2 = function LoadingItemsLavenderBlue2() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18619",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var LoadingItemsLavenderBlue3 = function LoadingItemsLavenderBlue3() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18617",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var LoadingItemsLavenderBlue4 = function LoadingItemsLavenderBlue4() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#1E22AA"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "3.18619",
+    y: "4.93652",
+    width: "18.8016",
+    height: "16.0635",
+    fill: "#D5C2D8"
+  }));
+};
+
+var LoadingItemsLavenderBlue5 = function LoadingItemsLavenderBlue5() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "211",
+    height: "21",
+    viewBox: "0 0 211 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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.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.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
+    fill: "#D5C2D8"
+  }), /*#__PURE__*/React.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;
+  React.useEffect(function () {
+    var interval = setInterval(function () {
+      handleNext();
+    }, INTERVAL_MS);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [handleNext]);
+  return /*#__PURE__*/React.createElement("div", null, items.map(function (Item, itemIndex) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('LoadingShapesLavenderBlue__item', {
+        'LoadingShapesLavenderBlue__item--current': itemIndex !== index
+      }),
+      key: itemIndex
+    }, /*#__PURE__*/React.createElement(Item, null));
+  }));
+};
+
 var preventNavigation = function preventNavigation(event) {
   event.preventDefault();
   event.returnValue = '';
@@ -12343,7 +12774,19 @@ exports.Keyhole = Keyhole;
 exports.Label = Label;
 exports.Loading = Loading;
 exports.LoadingBalls = LoadingBalls;
+exports.LoadingItems1 = LoadingItems1;
+exports.LoadingItems2 = LoadingItems2;
+exports.LoadingItems3 = LoadingItems3;
+exports.LoadingItems4 = LoadingItems4;
+exports.LoadingItems5 = LoadingItems5;
+exports.LoadingItemsLavenderBlue1 = LoadingItemsLavenderBlue1;
+exports.LoadingItemsLavenderBlue2 = LoadingItemsLavenderBlue2;
+exports.LoadingItemsLavenderBlue3 = LoadingItemsLavenderBlue3;
+exports.LoadingItemsLavenderBlue4 = LoadingItemsLavenderBlue4;
+exports.LoadingItemsLavenderBlue5 = LoadingItemsLavenderBlue5;
 exports.LoadingShapes = LoadingShapes;
+exports.LoadingShapesLavenderBlue = LoadingShapesLavenderBlue;
+exports.LoadingShapesPinkGreen = LoadingShapesPinkGreen;
 exports.Mirror = Mirror;
 exports.Modal = Modal;
 exports.ModalOverlay = ModalOverlay;