@moda/om 20.0.0 → 20.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/index.cjs.js +436 -2
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +425 -3
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems.d.ts +2 -0
  6. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems.stories.d.ts +6 -0
  7. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems1.d.ts +3 -0
  8. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems2.d.ts +3 -0
  9. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems3.d.ts +3 -0
  10. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems4.d.ts +3 -0
  11. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems5.d.ts +3 -0
  12. package/dist/src/components/LoadingItemsLavenderBlue/index.d.ts +5 -0
  13. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems.d.ts +2 -0
  14. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems.stories.d.ts +6 -0
  15. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems1.d.ts +3 -0
  16. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems2.d.ts +3 -0
  17. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems3.d.ts +3 -0
  18. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems4.d.ts +3 -0
  19. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems5.d.ts +3 -0
  20. package/dist/src/components/LoadingItemsPinkGreen/index.d.ts +5 -0
  21. package/dist/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.d.ts +3 -0
  22. package/dist/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.stories.d.ts +6 -0
  23. package/dist/src/components/LoadingShapesLavenderBlue/index.d.ts +1 -0
  24. package/dist/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.d.ts +3 -0
  25. package/dist/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.stories.d.ts +6 -0
  26. package/dist/src/components/LoadingShapesPinkGreen/index.d.ts +1 -0
  27. package/dist/src/components/index.d.ts +4 -0
  28. package/dist/styles.css +1 -1
  29. package/package.json +1 -1
  30. package/src/components/LoadingItemsLavenderBlue/LoadingItems.stories.tsx +15 -0
  31. package/src/components/LoadingItemsLavenderBlue/LoadingItems.tsx +3 -0
  32. package/src/components/LoadingItemsLavenderBlue/LoadingItems1.tsx +28 -0
  33. package/src/components/LoadingItemsLavenderBlue/LoadingItems2.tsx +28 -0
  34. package/src/components/LoadingItemsLavenderBlue/LoadingItems3.tsx +28 -0
  35. package/src/components/LoadingItemsLavenderBlue/LoadingItems4.tsx +28 -0
  36. package/src/components/LoadingItemsLavenderBlue/LoadingItems5.tsx +28 -0
  37. package/src/components/LoadingItemsLavenderBlue/index.ts +5 -0
  38. package/src/components/LoadingItemsPinkGreen/LoadingItems.stories.tsx +15 -0
  39. package/src/components/LoadingItemsPinkGreen/LoadingItems.tsx +3 -0
  40. package/src/components/LoadingItemsPinkGreen/LoadingItems1.tsx +28 -0
  41. package/src/components/LoadingItemsPinkGreen/LoadingItems2.tsx +28 -0
  42. package/src/components/LoadingItemsPinkGreen/LoadingItems3.tsx +28 -0
  43. package/src/components/LoadingItemsPinkGreen/LoadingItems4.tsx +28 -0
  44. package/src/components/LoadingItemsPinkGreen/LoadingItems5.tsx +28 -0
  45. package/src/components/LoadingItemsPinkGreen/index.ts +5 -0
  46. package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.scss +9 -0
  47. package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.stories.tsx +11 -0
  48. package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.tsx +48 -0
  49. package/src/components/LoadingShapesLavenderBlue/index.ts +1 -0
  50. package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.scss +9 -0
  51. package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.stories.tsx +11 -0
  52. package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.tsx +42 -0
  53. package/src/components/LoadingShapesPinkGreen/index.ts +1 -0
  54. package/src/components/index.ts +4 -0
package/dist/index.cjs.js CHANGED
@@ -11593,7 +11593,7 @@ var LoadingBalls = function LoadingBalls(_ref) {
11593
11593
  })));
11594
11594
  };
11595
11595
 
11596
- var INTERVAL_MS = 250;
11596
+ var INTERVAL_MS$2 = 250;
11597
11597
  var LoadingShapes = function LoadingShapes() {
11598
11598
  var items = [Triangle, Diamond, ArcWindow, Circle];
11599
11599
  var _useCursor = distExports.useCursor({
@@ -11604,7 +11604,7 @@ var LoadingShapes = function LoadingShapes() {
11604
11604
  React.useEffect(function () {
11605
11605
  var interval = setInterval(function () {
11606
11606
  handleNext();
11607
- }, INTERVAL_MS);
11607
+ }, INTERVAL_MS$2);
11608
11608
  return function () {
11609
11609
  return clearInterval(interval);
11610
11610
  };
@@ -11623,6 +11623,428 @@ var LoadingShapes = function LoadingShapes() {
11623
11623
  }));
11624
11624
  };
11625
11625
 
11626
+ var LoadingItems1 = function LoadingItems1() {
11627
+ return /*#__PURE__*/React.createElement("svg", {
11628
+ width: "211",
11629
+ height: "21",
11630
+ viewBox: "0 0 211 21",
11631
+ fill: "none",
11632
+ xmlns: "http://www.w3.org/2000/svg"
11633
+ }, /*#__PURE__*/React.createElement("path", {
11634
+ fillRule: "evenodd",
11635
+ clipRule: "evenodd",
11636
+ 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",
11637
+ fill: "#DB4C8A"
11638
+ }), /*#__PURE__*/React.createElement("path", {
11639
+ fillRule: "evenodd",
11640
+ clipRule: "evenodd",
11641
+ 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",
11642
+ fill: "#DB4C8A"
11643
+ }), /*#__PURE__*/React.createElement("path", {
11644
+ fillRule: "evenodd",
11645
+ clipRule: "evenodd",
11646
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11647
+ fill: "#DB4C8A"
11648
+ }), /*#__PURE__*/React.createElement("path", {
11649
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11650
+ fill: "#DB4C8A"
11651
+ }), /*#__PURE__*/React.createElement("path", {
11652
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11653
+ fill: "#DB4C8A"
11654
+ }), /*#__PURE__*/React.createElement("rect", {
11655
+ x: "3.18616",
11656
+ y: "4.93651",
11657
+ width: "18.8016",
11658
+ height: "16.0635",
11659
+ fill: "#DB4C8A"
11660
+ }));
11661
+ };
11662
+
11663
+ var LoadingItems2 = function LoadingItems2() {
11664
+ return /*#__PURE__*/React.createElement("svg", {
11665
+ width: "211",
11666
+ height: "21",
11667
+ viewBox: "0 0 211 21",
11668
+ fill: "none",
11669
+ xmlns: "http://www.w3.org/2000/svg"
11670
+ }, /*#__PURE__*/React.createElement("path", {
11671
+ fillRule: "evenodd",
11672
+ clipRule: "evenodd",
11673
+ 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",
11674
+ fill: "#DB4C8A"
11675
+ }), /*#__PURE__*/React.createElement("path", {
11676
+ fillRule: "evenodd",
11677
+ clipRule: "evenodd",
11678
+ 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",
11679
+ fill: "#DB4C8A"
11680
+ }), /*#__PURE__*/React.createElement("path", {
11681
+ fillRule: "evenodd",
11682
+ clipRule: "evenodd",
11683
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11684
+ fill: "#DB4C8A"
11685
+ }), /*#__PURE__*/React.createElement("path", {
11686
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11687
+ fill: "#006F62"
11688
+ }), /*#__PURE__*/React.createElement("path", {
11689
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11690
+ fill: "#006F62"
11691
+ }), /*#__PURE__*/React.createElement("rect", {
11692
+ x: "3.18619",
11693
+ y: "4.93651",
11694
+ width: "18.8016",
11695
+ height: "16.0635",
11696
+ fill: "#006F62"
11697
+ }));
11698
+ };
11699
+
11700
+ var LoadingItems3 = function LoadingItems3() {
11701
+ return /*#__PURE__*/React.createElement("svg", {
11702
+ width: "211",
11703
+ height: "21",
11704
+ viewBox: "0 0 211 21",
11705
+ fill: "none",
11706
+ xmlns: "http://www.w3.org/2000/svg"
11707
+ }, /*#__PURE__*/React.createElement("path", {
11708
+ fillRule: "evenodd",
11709
+ clipRule: "evenodd",
11710
+ 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",
11711
+ fill: "#006F62"
11712
+ }), /*#__PURE__*/React.createElement("path", {
11713
+ fillRule: "evenodd",
11714
+ clipRule: "evenodd",
11715
+ 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",
11716
+ fill: "#DB4C8A"
11717
+ }), /*#__PURE__*/React.createElement("path", {
11718
+ fillRule: "evenodd",
11719
+ clipRule: "evenodd",
11720
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11721
+ fill: "#DB4C8A"
11722
+ }), /*#__PURE__*/React.createElement("path", {
11723
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11724
+ fill: "#006F62"
11725
+ }), /*#__PURE__*/React.createElement("path", {
11726
+ d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
11727
+ fill: "#006F62"
11728
+ }), /*#__PURE__*/React.createElement("rect", {
11729
+ x: "3.18617",
11730
+ y: "4.93651",
11731
+ width: "18.8016",
11732
+ height: "16.0635",
11733
+ fill: "#006F62"
11734
+ }));
11735
+ };
11736
+
11737
+ var LoadingItems4 = function LoadingItems4() {
11738
+ return /*#__PURE__*/React.createElement("svg", {
11739
+ width: "211",
11740
+ height: "21",
11741
+ viewBox: "0 0 211 21",
11742
+ fill: "none",
11743
+ xmlns: "http://www.w3.org/2000/svg"
11744
+ }, /*#__PURE__*/React.createElement("path", {
11745
+ fillRule: "evenodd",
11746
+ clipRule: "evenodd",
11747
+ 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",
11748
+ fill: "#006F62"
11749
+ }), /*#__PURE__*/React.createElement("path", {
11750
+ fillRule: "evenodd",
11751
+ clipRule: "evenodd",
11752
+ 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",
11753
+ fill: "#006F62"
11754
+ }), /*#__PURE__*/React.createElement("path", {
11755
+ fillRule: "evenodd",
11756
+ clipRule: "evenodd",
11757
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11758
+ fill: "#F04E98"
11759
+ }), /*#__PURE__*/React.createElement("path", {
11760
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11761
+ fill: "#006F62"
11762
+ }), /*#__PURE__*/React.createElement("path", {
11763
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11764
+ fill: "#006F62"
11765
+ }), /*#__PURE__*/React.createElement("rect", {
11766
+ x: "3.18619",
11767
+ y: "4.93651",
11768
+ width: "18.8016",
11769
+ height: "16.0635",
11770
+ fill: "#006F62"
11771
+ }));
11772
+ };
11773
+
11774
+ var LoadingItems5 = function LoadingItems5() {
11775
+ return /*#__PURE__*/React.createElement("svg", {
11776
+ width: "211",
11777
+ height: "21",
11778
+ viewBox: "0 0 211 21",
11779
+ fill: "none",
11780
+ xmlns: "http://www.w3.org/2000/svg"
11781
+ }, /*#__PURE__*/React.createElement("path", {
11782
+ fillRule: "evenodd",
11783
+ clipRule: "evenodd",
11784
+ 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",
11785
+ fill: "#006F62"
11786
+ }), /*#__PURE__*/React.createElement("path", {
11787
+ fillRule: "evenodd",
11788
+ clipRule: "evenodd",
11789
+ 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",
11790
+ fill: "#006F62"
11791
+ }), /*#__PURE__*/React.createElement("path", {
11792
+ fillRule: "evenodd",
11793
+ clipRule: "evenodd",
11794
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11795
+ fill: "#006F62"
11796
+ }), /*#__PURE__*/React.createElement("path", {
11797
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11798
+ fill: "#006F62"
11799
+ }), /*#__PURE__*/React.createElement("path", {
11800
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11801
+ fill: "#006F62"
11802
+ }), /*#__PURE__*/React.createElement("rect", {
11803
+ x: "3.18616",
11804
+ y: "4.93651",
11805
+ width: "18.8016",
11806
+ height: "16.0635",
11807
+ fill: "#006F62"
11808
+ }));
11809
+ };
11810
+
11811
+ var INTERVAL_MS$1 = 250;
11812
+ var LoadingShapesPinkGreen = function LoadingShapesPinkGreen() {
11813
+ var items = [LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5];
11814
+ var _useCursor = distExports.useCursor({
11815
+ max: items.length
11816
+ }),
11817
+ index = _useCursor.index,
11818
+ handleNext = _useCursor.handleNext;
11819
+ React.useEffect(function () {
11820
+ var interval = setInterval(function () {
11821
+ handleNext();
11822
+ }, INTERVAL_MS$1);
11823
+ return function () {
11824
+ return clearInterval(interval);
11825
+ };
11826
+ }, [handleNext]);
11827
+ return /*#__PURE__*/React.createElement("div", null, items.map(function (Item, itemIndex) {
11828
+ return /*#__PURE__*/React.createElement("div", {
11829
+ className: classNames('LoadingShapesPinkGreen__item', {
11830
+ 'LoadingShapesPinkGreen__item--current': itemIndex !== index
11831
+ }),
11832
+ key: itemIndex
11833
+ }, /*#__PURE__*/React.createElement(Item, null));
11834
+ }));
11835
+ };
11836
+
11837
+ var LoadingItemsLavenderBlue1 = function LoadingItemsLavenderBlue1() {
11838
+ return /*#__PURE__*/React.createElement("svg", {
11839
+ width: "211",
11840
+ height: "21",
11841
+ viewBox: "0 0 211 21",
11842
+ fill: "none",
11843
+ xmlns: "http://www.w3.org/2000/svg"
11844
+ }, /*#__PURE__*/React.createElement("path", {
11845
+ fillRule: "evenodd",
11846
+ clipRule: "evenodd",
11847
+ 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",
11848
+ fill: "#1E22AA"
11849
+ }), /*#__PURE__*/React.createElement("path", {
11850
+ fillRule: "evenodd",
11851
+ clipRule: "evenodd",
11852
+ 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",
11853
+ fill: "#1E22AA"
11854
+ }), /*#__PURE__*/React.createElement("path", {
11855
+ fillRule: "evenodd",
11856
+ clipRule: "evenodd",
11857
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11858
+ fill: "#1E22AA"
11859
+ }), /*#__PURE__*/React.createElement("path", {
11860
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11861
+ fill: "#1E22AA"
11862
+ }), /*#__PURE__*/React.createElement("path", {
11863
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11864
+ fill: "#1E22AA"
11865
+ }), /*#__PURE__*/React.createElement("rect", {
11866
+ x: "3.18616",
11867
+ y: "4.93652",
11868
+ width: "18.8016",
11869
+ height: "16.0635",
11870
+ fill: "#1E22AA"
11871
+ }));
11872
+ };
11873
+
11874
+ var LoadingItemsLavenderBlue2 = function LoadingItemsLavenderBlue2() {
11875
+ return /*#__PURE__*/React.createElement("svg", {
11876
+ width: "211",
11877
+ height: "21",
11878
+ viewBox: "0 0 211 21",
11879
+ fill: "none",
11880
+ xmlns: "http://www.w3.org/2000/svg"
11881
+ }, /*#__PURE__*/React.createElement("path", {
11882
+ fillRule: "evenodd",
11883
+ clipRule: "evenodd",
11884
+ 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",
11885
+ fill: "#1E22AA"
11886
+ }), /*#__PURE__*/React.createElement("path", {
11887
+ fillRule: "evenodd",
11888
+ clipRule: "evenodd",
11889
+ 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",
11890
+ fill: "#1E22AA"
11891
+ }), /*#__PURE__*/React.createElement("path", {
11892
+ fillRule: "evenodd",
11893
+ clipRule: "evenodd",
11894
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11895
+ fill: "#1E22AA"
11896
+ }), /*#__PURE__*/React.createElement("path", {
11897
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11898
+ fill: "#D5C2D8"
11899
+ }), /*#__PURE__*/React.createElement("path", {
11900
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11901
+ fill: "#D5C2D8"
11902
+ }), /*#__PURE__*/React.createElement("rect", {
11903
+ x: "3.18619",
11904
+ y: "4.93652",
11905
+ width: "18.8016",
11906
+ height: "16.0635",
11907
+ fill: "#D5C2D8"
11908
+ }));
11909
+ };
11910
+
11911
+ var LoadingItemsLavenderBlue3 = function LoadingItemsLavenderBlue3() {
11912
+ return /*#__PURE__*/React.createElement("svg", {
11913
+ width: "211",
11914
+ height: "21",
11915
+ viewBox: "0 0 211 21",
11916
+ fill: "none",
11917
+ xmlns: "http://www.w3.org/2000/svg"
11918
+ }, /*#__PURE__*/React.createElement("path", {
11919
+ fillRule: "evenodd",
11920
+ clipRule: "evenodd",
11921
+ 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",
11922
+ fill: "#D5C2D8"
11923
+ }), /*#__PURE__*/React.createElement("path", {
11924
+ fillRule: "evenodd",
11925
+ clipRule: "evenodd",
11926
+ 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",
11927
+ fill: "#1E22AA"
11928
+ }), /*#__PURE__*/React.createElement("path", {
11929
+ fillRule: "evenodd",
11930
+ clipRule: "evenodd",
11931
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11932
+ fill: "#1E22AA"
11933
+ }), /*#__PURE__*/React.createElement("path", {
11934
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11935
+ fill: "#D5C2D8"
11936
+ }), /*#__PURE__*/React.createElement("path", {
11937
+ d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
11938
+ fill: "#D5C2D8"
11939
+ }), /*#__PURE__*/React.createElement("rect", {
11940
+ x: "3.18617",
11941
+ y: "4.93652",
11942
+ width: "18.8016",
11943
+ height: "16.0635",
11944
+ fill: "#D5C2D8"
11945
+ }));
11946
+ };
11947
+
11948
+ var LoadingItemsLavenderBlue4 = function LoadingItemsLavenderBlue4() {
11949
+ return /*#__PURE__*/React.createElement("svg", {
11950
+ width: "211",
11951
+ height: "21",
11952
+ viewBox: "0 0 211 21",
11953
+ fill: "none",
11954
+ xmlns: "http://www.w3.org/2000/svg"
11955
+ }, /*#__PURE__*/React.createElement("path", {
11956
+ fillRule: "evenodd",
11957
+ clipRule: "evenodd",
11958
+ 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",
11959
+ fill: "#D5C2D8"
11960
+ }), /*#__PURE__*/React.createElement("path", {
11961
+ fillRule: "evenodd",
11962
+ clipRule: "evenodd",
11963
+ 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",
11964
+ fill: "#D5C2D8"
11965
+ }), /*#__PURE__*/React.createElement("path", {
11966
+ fillRule: "evenodd",
11967
+ clipRule: "evenodd",
11968
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11969
+ fill: "#1E22AA"
11970
+ }), /*#__PURE__*/React.createElement("path", {
11971
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11972
+ fill: "#D5C2D8"
11973
+ }), /*#__PURE__*/React.createElement("path", {
11974
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11975
+ fill: "#D5C2D8"
11976
+ }), /*#__PURE__*/React.createElement("rect", {
11977
+ x: "3.18619",
11978
+ y: "4.93652",
11979
+ width: "18.8016",
11980
+ height: "16.0635",
11981
+ fill: "#D5C2D8"
11982
+ }));
11983
+ };
11984
+
11985
+ var LoadingItemsLavenderBlue5 = function LoadingItemsLavenderBlue5() {
11986
+ return /*#__PURE__*/React.createElement("svg", {
11987
+ width: "211",
11988
+ height: "21",
11989
+ viewBox: "0 0 211 21",
11990
+ fill: "none",
11991
+ xmlns: "http://www.w3.org/2000/svg"
11992
+ }, /*#__PURE__*/React.createElement("path", {
11993
+ fillRule: "evenodd",
11994
+ clipRule: "evenodd",
11995
+ 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",
11996
+ fill: "#D5C2D8"
11997
+ }), /*#__PURE__*/React.createElement("path", {
11998
+ fillRule: "evenodd",
11999
+ clipRule: "evenodd",
12000
+ 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",
12001
+ fill: "#D5C2D8"
12002
+ }), /*#__PURE__*/React.createElement("path", {
12003
+ fillRule: "evenodd",
12004
+ clipRule: "evenodd",
12005
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
12006
+ fill: "#D5C2D8"
12007
+ }), /*#__PURE__*/React.createElement("path", {
12008
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
12009
+ fill: "#D5C2D8"
12010
+ }), /*#__PURE__*/React.createElement("path", {
12011
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
12012
+ fill: "#D5C2D8"
12013
+ }), /*#__PURE__*/React.createElement("rect", {
12014
+ x: "3.18619",
12015
+ y: "4.93652",
12016
+ width: "18.8016",
12017
+ height: "16.0635",
12018
+ fill: "#D5C2D8"
12019
+ }));
12020
+ };
12021
+
12022
+ var INTERVAL_MS = 250;
12023
+ var LoadingShapesLavenderBlue = function LoadingShapesLavenderBlue() {
12024
+ var items = [LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5];
12025
+ var _useCursor = distExports.useCursor({
12026
+ max: items.length
12027
+ }),
12028
+ index = _useCursor.index,
12029
+ handleNext = _useCursor.handleNext;
12030
+ React.useEffect(function () {
12031
+ var interval = setInterval(function () {
12032
+ handleNext();
12033
+ }, INTERVAL_MS);
12034
+ return function () {
12035
+ return clearInterval(interval);
12036
+ };
12037
+ }, [handleNext]);
12038
+ return /*#__PURE__*/React.createElement("div", null, items.map(function (Item, itemIndex) {
12039
+ return /*#__PURE__*/React.createElement("div", {
12040
+ className: classNames('LoadingShapesLavenderBlue__item', {
12041
+ 'LoadingShapesLavenderBlue__item--current': itemIndex !== index
12042
+ }),
12043
+ key: itemIndex
12044
+ }, /*#__PURE__*/React.createElement(Item, null));
12045
+ }));
12046
+ };
12047
+
11626
12048
  var preventNavigation = function preventNavigation(event) {
11627
12049
  event.preventDefault();
11628
12050
  event.returnValue = '';
@@ -12343,7 +12765,19 @@ exports.Keyhole = Keyhole;
12343
12765
  exports.Label = Label;
12344
12766
  exports.Loading = Loading;
12345
12767
  exports.LoadingBalls = LoadingBalls;
12768
+ exports.LoadingItems1 = LoadingItems1;
12769
+ exports.LoadingItems2 = LoadingItems2;
12770
+ exports.LoadingItems3 = LoadingItems3;
12771
+ exports.LoadingItems4 = LoadingItems4;
12772
+ exports.LoadingItems5 = LoadingItems5;
12773
+ exports.LoadingItemsLavenderBlue1 = LoadingItemsLavenderBlue1;
12774
+ exports.LoadingItemsLavenderBlue2 = LoadingItemsLavenderBlue2;
12775
+ exports.LoadingItemsLavenderBlue3 = LoadingItemsLavenderBlue3;
12776
+ exports.LoadingItemsLavenderBlue4 = LoadingItemsLavenderBlue4;
12777
+ exports.LoadingItemsLavenderBlue5 = LoadingItemsLavenderBlue5;
12346
12778
  exports.LoadingShapes = LoadingShapes;
12779
+ exports.LoadingShapesLavenderBlue = LoadingShapesLavenderBlue;
12780
+ exports.LoadingShapesPinkGreen = LoadingShapesPinkGreen;
12347
12781
  exports.Mirror = Mirror;
12348
12782
  exports.Modal = Modal;
12349
12783
  exports.ModalOverlay = ModalOverlay;