@moda/om 19.9.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 (119) hide show
  1. package/README.md +1 -2
  2. package/dist/index.cjs.js +436 -2
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +425 -3
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems.d.ts +2 -0
  7. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems.stories.d.ts +6 -0
  8. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems1.d.ts +3 -0
  9. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems2.d.ts +3 -0
  10. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems3.d.ts +3 -0
  11. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems4.d.ts +3 -0
  12. package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems5.d.ts +3 -0
  13. package/dist/src/components/LoadingItemsLavenderBlue/index.d.ts +5 -0
  14. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems.d.ts +2 -0
  15. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems.stories.d.ts +6 -0
  16. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems1.d.ts +3 -0
  17. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems2.d.ts +3 -0
  18. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems3.d.ts +3 -0
  19. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems4.d.ts +3 -0
  20. package/dist/src/components/LoadingItemsPinkGreen/LoadingItems5.d.ts +3 -0
  21. package/dist/src/components/LoadingItemsPinkGreen/index.d.ts +5 -0
  22. package/dist/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.d.ts +3 -0
  23. package/dist/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.stories.d.ts +6 -0
  24. package/dist/src/components/LoadingShapesLavenderBlue/index.d.ts +1 -0
  25. package/dist/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.d.ts +3 -0
  26. package/dist/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.stories.d.ts +6 -0
  27. package/dist/src/components/LoadingShapesPinkGreen/index.d.ts +1 -0
  28. package/dist/src/components/index.d.ts +4 -0
  29. package/dist/styles.css +1 -1
  30. package/index.scss +1 -0
  31. package/package.json +4 -3
  32. package/src/components/AspectRatioBox/AspectRatioBox.scss +1 -1
  33. package/src/components/Badge/Badge.scss +17 -17
  34. package/src/components/Breadcrumbs/Breadcrumb/Breadcrumb.scss +5 -5
  35. package/src/components/Breadcrumbs/Breadcrumbs.scss +2 -2
  36. package/src/components/Breakpoint/Breakpoint.scss +9 -7
  37. package/src/components/Button/Button.scss +45 -44
  38. package/src/components/Checkbox/Checkbox.scss +11 -11
  39. package/src/components/Clickable/Clickable.scss +3 -3
  40. package/src/components/ColorSwatch/ColorSwatch.scss +9 -9
  41. package/src/components/Constrain/Constrain.scss +9 -8
  42. package/src/components/Constrain/ExceedConstrain.scss +7 -7
  43. package/src/components/ControlLink/ControlLink.scss +6 -6
  44. package/src/components/DefinitionList/DefinitionList.scss +5 -5
  45. package/src/components/Dialog/Dialog.scss +4 -4
  46. package/src/components/Divider/Divider.scss +5 -5
  47. package/src/components/Expandable/Expandable.scss +17 -17
  48. package/src/components/Field/Field.scss +7 -7
  49. package/src/components/Label/Label.scss +4 -4
  50. package/src/components/Loading/Loading.scss +4 -4
  51. package/src/components/LoadingBalls/LoadingBalls.scss +2 -2
  52. package/src/components/LoadingItemsLavenderBlue/LoadingItems.stories.tsx +15 -0
  53. package/src/components/LoadingItemsLavenderBlue/LoadingItems.tsx +3 -0
  54. package/src/components/LoadingItemsLavenderBlue/LoadingItems1.tsx +28 -0
  55. package/src/components/LoadingItemsLavenderBlue/LoadingItems2.tsx +28 -0
  56. package/src/components/LoadingItemsLavenderBlue/LoadingItems3.tsx +28 -0
  57. package/src/components/LoadingItemsLavenderBlue/LoadingItems4.tsx +28 -0
  58. package/src/components/LoadingItemsLavenderBlue/LoadingItems5.tsx +28 -0
  59. package/src/components/LoadingItemsLavenderBlue/index.ts +5 -0
  60. package/src/components/LoadingItemsPinkGreen/LoadingItems.stories.tsx +15 -0
  61. package/src/components/LoadingItemsPinkGreen/LoadingItems.tsx +3 -0
  62. package/src/components/LoadingItemsPinkGreen/LoadingItems1.tsx +28 -0
  63. package/src/components/LoadingItemsPinkGreen/LoadingItems2.tsx +28 -0
  64. package/src/components/LoadingItemsPinkGreen/LoadingItems3.tsx +28 -0
  65. package/src/components/LoadingItemsPinkGreen/LoadingItems4.tsx +28 -0
  66. package/src/components/LoadingItemsPinkGreen/LoadingItems5.tsx +28 -0
  67. package/src/components/LoadingItemsPinkGreen/index.ts +5 -0
  68. package/src/components/LoadingShapes/LoadingShapes.scss +2 -2
  69. package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.scss +9 -0
  70. package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.stories.tsx +11 -0
  71. package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.tsx +48 -0
  72. package/src/components/LoadingShapesLavenderBlue/index.ts +1 -0
  73. package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.scss +9 -0
  74. package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.stories.tsx +11 -0
  75. package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.tsx +42 -0
  76. package/src/components/LoadingShapesPinkGreen/index.ts +1 -0
  77. package/src/components/Modal/Modal.scss +1 -1
  78. package/src/components/ModalOverlay/ModalOverlay.scss +6 -6
  79. package/src/components/Overlay/Overlay.scss +4 -4
  80. package/src/components/Paginator/Paginator.scss +10 -10
  81. package/src/components/PasswordInput/PasswordInput.scss +4 -4
  82. package/src/components/Popover/Popover.scss +9 -9
  83. package/src/components/PromoBanner/PromoBanner.scss +9 -9
  84. package/src/components/RadioButton/RadioButton.scss +14 -14
  85. package/src/components/SearchInput/SearchInput.scss +4 -4
  86. package/src/components/Select/MultiSelect.scss +14 -14
  87. package/src/components/Select/Select.scss +25 -25
  88. package/src/components/Select/SelectOption.scss +7 -7
  89. package/src/components/Select/SelectOptions.scss +8 -8
  90. package/src/components/SelectableButton/SelectableButton.scss +13 -13
  91. package/src/components/SlidingPane/SlidingPane.scss +7 -7
  92. package/src/components/Stack/Stack.scss +6 -4
  93. package/src/components/Tabs/Tab.scss +6 -6
  94. package/src/components/Tabs/TabList.scss +3 -3
  95. package/src/components/Tabs/TabPanels.scss +2 -2
  96. package/src/components/Tag/Tag.scss +8 -8
  97. package/src/components/Text/Text.scss +4 -3
  98. package/src/components/TextInput/TextInput.scss +2 -2
  99. package/src/components/Textarea/Textarea.scss +3 -3
  100. package/src/components/Toast/Toast.scss +6 -6
  101. package/src/components/VerticalDivider/VerticalDivider.scss +3 -3
  102. package/src/components/index.ts +4 -0
  103. package/src/index.scss +3 -3
  104. package/src/mixins/_mixins.scss +7 -7
  105. package/src/mixins/font-smoothing/_font-smoothing.scss +0 -2
  106. package/src/mixins/font-smoothing/font-smoothing.stories.scss +3 -3
  107. package/src/mixins/global-styles/_global-styles.scss +6 -5
  108. package/src/mixins/input-styles/_input-styles.scss +14 -12
  109. package/src/mixins/overflow-scroll/_overflow-scroll.scss +0 -2
  110. package/src/mixins/overflow-scroll/overflow-scroll.stories.scss +3 -3
  111. package/src/mixins/stack/_stack.scss +3 -3
  112. package/src/mixins/stack/stack.stories.scss +3 -3
  113. package/src/mixins/thin-underline/_thin-underline.scss +0 -2
  114. package/src/mixins/thin-underline/thin-underline.stories.scss +2 -2
  115. package/src/mixins/visually-hidden/_visually-hidden.scss +0 -2
  116. package/src/mixins/visually-hidden/visually-hidden.stories.scss +2 -2
  117. package/src/utilities/States/State.scss +4 -4
  118. package/src/utilities/States/States.scss +2 -2
  119. package/src/utilities/States/StatesProps.scss +8 -8
package/dist/index.esm.js CHANGED
@@ -11573,7 +11573,7 @@ var LoadingBalls = function LoadingBalls(_ref) {
11573
11573
  })));
11574
11574
  };
11575
11575
 
11576
- var INTERVAL_MS = 250;
11576
+ var INTERVAL_MS$2 = 250;
11577
11577
  var LoadingShapes = function LoadingShapes() {
11578
11578
  var items = [Triangle, Diamond, ArcWindow, Circle];
11579
11579
  var _useCursor = distExports.useCursor({
@@ -11584,7 +11584,7 @@ var LoadingShapes = function LoadingShapes() {
11584
11584
  useEffect(function () {
11585
11585
  var interval = setInterval(function () {
11586
11586
  handleNext();
11587
- }, INTERVAL_MS);
11587
+ }, INTERVAL_MS$2);
11588
11588
  return function () {
11589
11589
  return clearInterval(interval);
11590
11590
  };
@@ -11603,6 +11603,428 @@ var LoadingShapes = function LoadingShapes() {
11603
11603
  }));
11604
11604
  };
11605
11605
 
11606
+ var LoadingItems1 = function LoadingItems1() {
11607
+ return /*#__PURE__*/React__default.createElement("svg", {
11608
+ width: "211",
11609
+ height: "21",
11610
+ viewBox: "0 0 211 21",
11611
+ fill: "none",
11612
+ xmlns: "http://www.w3.org/2000/svg"
11613
+ }, /*#__PURE__*/React__default.createElement("path", {
11614
+ fillRule: "evenodd",
11615
+ clipRule: "evenodd",
11616
+ 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",
11617
+ fill: "#DB4C8A"
11618
+ }), /*#__PURE__*/React__default.createElement("path", {
11619
+ fillRule: "evenodd",
11620
+ clipRule: "evenodd",
11621
+ 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",
11622
+ fill: "#DB4C8A"
11623
+ }), /*#__PURE__*/React__default.createElement("path", {
11624
+ fillRule: "evenodd",
11625
+ clipRule: "evenodd",
11626
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11627
+ fill: "#DB4C8A"
11628
+ }), /*#__PURE__*/React__default.createElement("path", {
11629
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11630
+ fill: "#DB4C8A"
11631
+ }), /*#__PURE__*/React__default.createElement("path", {
11632
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11633
+ fill: "#DB4C8A"
11634
+ }), /*#__PURE__*/React__default.createElement("rect", {
11635
+ x: "3.18616",
11636
+ y: "4.93651",
11637
+ width: "18.8016",
11638
+ height: "16.0635",
11639
+ fill: "#DB4C8A"
11640
+ }));
11641
+ };
11642
+
11643
+ var LoadingItems2 = function LoadingItems2() {
11644
+ return /*#__PURE__*/React__default.createElement("svg", {
11645
+ width: "211",
11646
+ height: "21",
11647
+ viewBox: "0 0 211 21",
11648
+ fill: "none",
11649
+ xmlns: "http://www.w3.org/2000/svg"
11650
+ }, /*#__PURE__*/React__default.createElement("path", {
11651
+ fillRule: "evenodd",
11652
+ clipRule: "evenodd",
11653
+ 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",
11654
+ fill: "#DB4C8A"
11655
+ }), /*#__PURE__*/React__default.createElement("path", {
11656
+ fillRule: "evenodd",
11657
+ clipRule: "evenodd",
11658
+ 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",
11659
+ fill: "#DB4C8A"
11660
+ }), /*#__PURE__*/React__default.createElement("path", {
11661
+ fillRule: "evenodd",
11662
+ clipRule: "evenodd",
11663
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11664
+ fill: "#DB4C8A"
11665
+ }), /*#__PURE__*/React__default.createElement("path", {
11666
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11667
+ fill: "#006F62"
11668
+ }), /*#__PURE__*/React__default.createElement("path", {
11669
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11670
+ fill: "#006F62"
11671
+ }), /*#__PURE__*/React__default.createElement("rect", {
11672
+ x: "3.18619",
11673
+ y: "4.93651",
11674
+ width: "18.8016",
11675
+ height: "16.0635",
11676
+ fill: "#006F62"
11677
+ }));
11678
+ };
11679
+
11680
+ var LoadingItems3 = function LoadingItems3() {
11681
+ return /*#__PURE__*/React__default.createElement("svg", {
11682
+ width: "211",
11683
+ height: "21",
11684
+ viewBox: "0 0 211 21",
11685
+ fill: "none",
11686
+ xmlns: "http://www.w3.org/2000/svg"
11687
+ }, /*#__PURE__*/React__default.createElement("path", {
11688
+ fillRule: "evenodd",
11689
+ clipRule: "evenodd",
11690
+ 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",
11691
+ fill: "#006F62"
11692
+ }), /*#__PURE__*/React__default.createElement("path", {
11693
+ fillRule: "evenodd",
11694
+ clipRule: "evenodd",
11695
+ 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",
11696
+ fill: "#DB4C8A"
11697
+ }), /*#__PURE__*/React__default.createElement("path", {
11698
+ fillRule: "evenodd",
11699
+ clipRule: "evenodd",
11700
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11701
+ fill: "#DB4C8A"
11702
+ }), /*#__PURE__*/React__default.createElement("path", {
11703
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11704
+ fill: "#006F62"
11705
+ }), /*#__PURE__*/React__default.createElement("path", {
11706
+ d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
11707
+ fill: "#006F62"
11708
+ }), /*#__PURE__*/React__default.createElement("rect", {
11709
+ x: "3.18617",
11710
+ y: "4.93651",
11711
+ width: "18.8016",
11712
+ height: "16.0635",
11713
+ fill: "#006F62"
11714
+ }));
11715
+ };
11716
+
11717
+ var LoadingItems4 = function LoadingItems4() {
11718
+ return /*#__PURE__*/React__default.createElement("svg", {
11719
+ width: "211",
11720
+ height: "21",
11721
+ viewBox: "0 0 211 21",
11722
+ fill: "none",
11723
+ xmlns: "http://www.w3.org/2000/svg"
11724
+ }, /*#__PURE__*/React__default.createElement("path", {
11725
+ fillRule: "evenodd",
11726
+ clipRule: "evenodd",
11727
+ 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",
11728
+ fill: "#006F62"
11729
+ }), /*#__PURE__*/React__default.createElement("path", {
11730
+ fillRule: "evenodd",
11731
+ clipRule: "evenodd",
11732
+ 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",
11733
+ fill: "#006F62"
11734
+ }), /*#__PURE__*/React__default.createElement("path", {
11735
+ fillRule: "evenodd",
11736
+ clipRule: "evenodd",
11737
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11738
+ fill: "#F04E98"
11739
+ }), /*#__PURE__*/React__default.createElement("path", {
11740
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11741
+ fill: "#006F62"
11742
+ }), /*#__PURE__*/React__default.createElement("path", {
11743
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11744
+ fill: "#006F62"
11745
+ }), /*#__PURE__*/React__default.createElement("rect", {
11746
+ x: "3.18619",
11747
+ y: "4.93651",
11748
+ width: "18.8016",
11749
+ height: "16.0635",
11750
+ fill: "#006F62"
11751
+ }));
11752
+ };
11753
+
11754
+ var LoadingItems5 = function LoadingItems5() {
11755
+ return /*#__PURE__*/React__default.createElement("svg", {
11756
+ width: "211",
11757
+ height: "21",
11758
+ viewBox: "0 0 211 21",
11759
+ fill: "none",
11760
+ xmlns: "http://www.w3.org/2000/svg"
11761
+ }, /*#__PURE__*/React__default.createElement("path", {
11762
+ fillRule: "evenodd",
11763
+ clipRule: "evenodd",
11764
+ 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",
11765
+ fill: "#006F62"
11766
+ }), /*#__PURE__*/React__default.createElement("path", {
11767
+ fillRule: "evenodd",
11768
+ clipRule: "evenodd",
11769
+ 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",
11770
+ fill: "#006F62"
11771
+ }), /*#__PURE__*/React__default.createElement("path", {
11772
+ fillRule: "evenodd",
11773
+ clipRule: "evenodd",
11774
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11775
+ fill: "#006F62"
11776
+ }), /*#__PURE__*/React__default.createElement("path", {
11777
+ d: "M12.5109 4.9286L22.0054 0.696629L21.9727 9.23312L12.5109 4.9286Z",
11778
+ fill: "#006F62"
11779
+ }), /*#__PURE__*/React__default.createElement("path", {
11780
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11781
+ fill: "#006F62"
11782
+ }), /*#__PURE__*/React__default.createElement("rect", {
11783
+ x: "3.18616",
11784
+ y: "4.93651",
11785
+ width: "18.8016",
11786
+ height: "16.0635",
11787
+ fill: "#006F62"
11788
+ }));
11789
+ };
11790
+
11791
+ var INTERVAL_MS$1 = 250;
11792
+ var LoadingShapesPinkGreen = function LoadingShapesPinkGreen() {
11793
+ var items = [LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5];
11794
+ var _useCursor = distExports.useCursor({
11795
+ max: items.length
11796
+ }),
11797
+ index = _useCursor.index,
11798
+ handleNext = _useCursor.handleNext;
11799
+ useEffect(function () {
11800
+ var interval = setInterval(function () {
11801
+ handleNext();
11802
+ }, INTERVAL_MS$1);
11803
+ return function () {
11804
+ return clearInterval(interval);
11805
+ };
11806
+ }, [handleNext]);
11807
+ return /*#__PURE__*/React__default.createElement("div", null, items.map(function (Item, itemIndex) {
11808
+ return /*#__PURE__*/React__default.createElement("div", {
11809
+ className: classNames('LoadingShapesPinkGreen__item', {
11810
+ 'LoadingShapesPinkGreen__item--current': itemIndex !== index
11811
+ }),
11812
+ key: itemIndex
11813
+ }, /*#__PURE__*/React__default.createElement(Item, null));
11814
+ }));
11815
+ };
11816
+
11817
+ var LoadingItemsLavenderBlue1 = function LoadingItemsLavenderBlue1() {
11818
+ return /*#__PURE__*/React__default.createElement("svg", {
11819
+ width: "211",
11820
+ height: "21",
11821
+ viewBox: "0 0 211 21",
11822
+ fill: "none",
11823
+ xmlns: "http://www.w3.org/2000/svg"
11824
+ }, /*#__PURE__*/React__default.createElement("path", {
11825
+ fillRule: "evenodd",
11826
+ clipRule: "evenodd",
11827
+ 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",
11828
+ fill: "#1E22AA"
11829
+ }), /*#__PURE__*/React__default.createElement("path", {
11830
+ fillRule: "evenodd",
11831
+ clipRule: "evenodd",
11832
+ 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",
11833
+ fill: "#1E22AA"
11834
+ }), /*#__PURE__*/React__default.createElement("path", {
11835
+ fillRule: "evenodd",
11836
+ clipRule: "evenodd",
11837
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11838
+ fill: "#1E22AA"
11839
+ }), /*#__PURE__*/React__default.createElement("path", {
11840
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11841
+ fill: "#1E22AA"
11842
+ }), /*#__PURE__*/React__default.createElement("path", {
11843
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11844
+ fill: "#1E22AA"
11845
+ }), /*#__PURE__*/React__default.createElement("rect", {
11846
+ x: "3.18616",
11847
+ y: "4.93652",
11848
+ width: "18.8016",
11849
+ height: "16.0635",
11850
+ fill: "#1E22AA"
11851
+ }));
11852
+ };
11853
+
11854
+ var LoadingItemsLavenderBlue2 = function LoadingItemsLavenderBlue2() {
11855
+ return /*#__PURE__*/React__default.createElement("svg", {
11856
+ width: "211",
11857
+ height: "21",
11858
+ viewBox: "0 0 211 21",
11859
+ fill: "none",
11860
+ xmlns: "http://www.w3.org/2000/svg"
11861
+ }, /*#__PURE__*/React__default.createElement("path", {
11862
+ fillRule: "evenodd",
11863
+ clipRule: "evenodd",
11864
+ 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",
11865
+ fill: "#1E22AA"
11866
+ }), /*#__PURE__*/React__default.createElement("path", {
11867
+ fillRule: "evenodd",
11868
+ clipRule: "evenodd",
11869
+ 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",
11870
+ fill: "#1E22AA"
11871
+ }), /*#__PURE__*/React__default.createElement("path", {
11872
+ fillRule: "evenodd",
11873
+ clipRule: "evenodd",
11874
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11875
+ fill: "#1E22AA"
11876
+ }), /*#__PURE__*/React__default.createElement("path", {
11877
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11878
+ fill: "#D5C2D8"
11879
+ }), /*#__PURE__*/React__default.createElement("path", {
11880
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11881
+ fill: "#D5C2D8"
11882
+ }), /*#__PURE__*/React__default.createElement("rect", {
11883
+ x: "3.18619",
11884
+ y: "4.93652",
11885
+ width: "18.8016",
11886
+ height: "16.0635",
11887
+ fill: "#D5C2D8"
11888
+ }));
11889
+ };
11890
+
11891
+ var LoadingItemsLavenderBlue3 = function LoadingItemsLavenderBlue3() {
11892
+ return /*#__PURE__*/React__default.createElement("svg", {
11893
+ width: "211",
11894
+ height: "21",
11895
+ viewBox: "0 0 211 21",
11896
+ fill: "none",
11897
+ xmlns: "http://www.w3.org/2000/svg"
11898
+ }, /*#__PURE__*/React__default.createElement("path", {
11899
+ fillRule: "evenodd",
11900
+ clipRule: "evenodd",
11901
+ 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",
11902
+ fill: "#D5C2D8"
11903
+ }), /*#__PURE__*/React__default.createElement("path", {
11904
+ fillRule: "evenodd",
11905
+ clipRule: "evenodd",
11906
+ 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",
11907
+ fill: "#1E22AA"
11908
+ }), /*#__PURE__*/React__default.createElement("path", {
11909
+ fillRule: "evenodd",
11910
+ clipRule: "evenodd",
11911
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11912
+ fill: "#1E22AA"
11913
+ }), /*#__PURE__*/React__default.createElement("path", {
11914
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11915
+ fill: "#D5C2D8"
11916
+ }), /*#__PURE__*/React__default.createElement("path", {
11917
+ d: "M12.6203 4.95946L3.19631 9.27653L3.15217 0.740086L12.6203 4.95946Z",
11918
+ fill: "#D5C2D8"
11919
+ }), /*#__PURE__*/React__default.createElement("rect", {
11920
+ x: "3.18617",
11921
+ y: "4.93652",
11922
+ width: "18.8016",
11923
+ height: "16.0635",
11924
+ fill: "#D5C2D8"
11925
+ }));
11926
+ };
11927
+
11928
+ var LoadingItemsLavenderBlue4 = function LoadingItemsLavenderBlue4() {
11929
+ return /*#__PURE__*/React__default.createElement("svg", {
11930
+ width: "211",
11931
+ height: "21",
11932
+ viewBox: "0 0 211 21",
11933
+ fill: "none",
11934
+ xmlns: "http://www.w3.org/2000/svg"
11935
+ }, /*#__PURE__*/React__default.createElement("path", {
11936
+ fillRule: "evenodd",
11937
+ clipRule: "evenodd",
11938
+ 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",
11939
+ fill: "#D5C2D8"
11940
+ }), /*#__PURE__*/React__default.createElement("path", {
11941
+ fillRule: "evenodd",
11942
+ clipRule: "evenodd",
11943
+ 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",
11944
+ fill: "#D5C2D8"
11945
+ }), /*#__PURE__*/React__default.createElement("path", {
11946
+ fillRule: "evenodd",
11947
+ clipRule: "evenodd",
11948
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11949
+ fill: "#1E22AA"
11950
+ }), /*#__PURE__*/React__default.createElement("path", {
11951
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11952
+ fill: "#D5C2D8"
11953
+ }), /*#__PURE__*/React__default.createElement("path", {
11954
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11955
+ fill: "#D5C2D8"
11956
+ }), /*#__PURE__*/React__default.createElement("rect", {
11957
+ x: "3.18619",
11958
+ y: "4.93652",
11959
+ width: "18.8016",
11960
+ height: "16.0635",
11961
+ fill: "#D5C2D8"
11962
+ }));
11963
+ };
11964
+
11965
+ var LoadingItemsLavenderBlue5 = function LoadingItemsLavenderBlue5() {
11966
+ return /*#__PURE__*/React__default.createElement("svg", {
11967
+ width: "211",
11968
+ height: "21",
11969
+ viewBox: "0 0 211 21",
11970
+ fill: "none",
11971
+ xmlns: "http://www.w3.org/2000/svg"
11972
+ }, /*#__PURE__*/React__default.createElement("path", {
11973
+ fillRule: "evenodd",
11974
+ clipRule: "evenodd",
11975
+ 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",
11976
+ fill: "#D5C2D8"
11977
+ }), /*#__PURE__*/React__default.createElement("path", {
11978
+ fillRule: "evenodd",
11979
+ clipRule: "evenodd",
11980
+ 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",
11981
+ fill: "#D5C2D8"
11982
+ }), /*#__PURE__*/React__default.createElement("path", {
11983
+ fillRule: "evenodd",
11984
+ clipRule: "evenodd",
11985
+ d: "M200.468 0L190.056 20.828H210.884L200.468 0Z",
11986
+ fill: "#D5C2D8"
11987
+ }), /*#__PURE__*/React__default.createElement("path", {
11988
+ d: "M12.5109 4.92857L22.0054 0.696598L21.9727 9.23309L12.5109 4.92857Z",
11989
+ fill: "#D5C2D8"
11990
+ }), /*#__PURE__*/React__default.createElement("path", {
11991
+ d: "M12.6203 4.95946L3.19629 9.27653L3.15215 0.740086L12.6203 4.95946Z",
11992
+ fill: "#D5C2D8"
11993
+ }), /*#__PURE__*/React__default.createElement("rect", {
11994
+ x: "3.18619",
11995
+ y: "4.93652",
11996
+ width: "18.8016",
11997
+ height: "16.0635",
11998
+ fill: "#D5C2D8"
11999
+ }));
12000
+ };
12001
+
12002
+ var INTERVAL_MS = 250;
12003
+ var LoadingShapesLavenderBlue = function LoadingShapesLavenderBlue() {
12004
+ var items = [LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5];
12005
+ var _useCursor = distExports.useCursor({
12006
+ max: items.length
12007
+ }),
12008
+ index = _useCursor.index,
12009
+ handleNext = _useCursor.handleNext;
12010
+ useEffect(function () {
12011
+ var interval = setInterval(function () {
12012
+ handleNext();
12013
+ }, INTERVAL_MS);
12014
+ return function () {
12015
+ return clearInterval(interval);
12016
+ };
12017
+ }, [handleNext]);
12018
+ return /*#__PURE__*/React__default.createElement("div", null, items.map(function (Item, itemIndex) {
12019
+ return /*#__PURE__*/React__default.createElement("div", {
12020
+ className: classNames('LoadingShapesLavenderBlue__item', {
12021
+ 'LoadingShapesLavenderBlue__item--current': itemIndex !== index
12022
+ }),
12023
+ key: itemIndex
12024
+ }, /*#__PURE__*/React__default.createElement(Item, null));
12025
+ }));
12026
+ };
12027
+
11606
12028
  var preventNavigation = function preventNavigation(event) {
11607
12029
  event.preventDefault();
11608
12030
  event.returnValue = '';
@@ -12288,4 +12710,4 @@ var Utilities = {
12288
12710
  States: States
12289
12711
  };
12290
12712
 
12291
- 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 };
12713
+ 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 };