@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.
- package/README.md +1 -2
- package/dist/index.cjs.js +436 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +425 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems.d.ts +2 -0
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems.stories.d.ts +6 -0
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems1.d.ts +3 -0
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems2.d.ts +3 -0
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems3.d.ts +3 -0
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems4.d.ts +3 -0
- package/dist/src/components/LoadingItemsLavenderBlue/LoadingItems5.d.ts +3 -0
- package/dist/src/components/LoadingItemsLavenderBlue/index.d.ts +5 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems.d.ts +2 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems.stories.d.ts +6 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems1.d.ts +3 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems2.d.ts +3 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems3.d.ts +3 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems4.d.ts +3 -0
- package/dist/src/components/LoadingItemsPinkGreen/LoadingItems5.d.ts +3 -0
- package/dist/src/components/LoadingItemsPinkGreen/index.d.ts +5 -0
- package/dist/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.d.ts +3 -0
- package/dist/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.stories.d.ts +6 -0
- package/dist/src/components/LoadingShapesLavenderBlue/index.d.ts +1 -0
- package/dist/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.d.ts +3 -0
- package/dist/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.stories.d.ts +6 -0
- package/dist/src/components/LoadingShapesPinkGreen/index.d.ts +1 -0
- package/dist/src/components/index.d.ts +4 -0
- package/dist/styles.css +1 -1
- package/index.scss +1 -0
- package/package.json +4 -3
- package/src/components/AspectRatioBox/AspectRatioBox.scss +1 -1
- package/src/components/Badge/Badge.scss +17 -17
- package/src/components/Breadcrumbs/Breadcrumb/Breadcrumb.scss +5 -5
- package/src/components/Breadcrumbs/Breadcrumbs.scss +2 -2
- package/src/components/Breakpoint/Breakpoint.scss +9 -7
- package/src/components/Button/Button.scss +45 -44
- package/src/components/Checkbox/Checkbox.scss +11 -11
- package/src/components/Clickable/Clickable.scss +3 -3
- package/src/components/ColorSwatch/ColorSwatch.scss +9 -9
- package/src/components/Constrain/Constrain.scss +9 -8
- package/src/components/Constrain/ExceedConstrain.scss +7 -7
- package/src/components/ControlLink/ControlLink.scss +6 -6
- package/src/components/DefinitionList/DefinitionList.scss +5 -5
- package/src/components/Dialog/Dialog.scss +4 -4
- package/src/components/Divider/Divider.scss +5 -5
- package/src/components/Expandable/Expandable.scss +17 -17
- package/src/components/Field/Field.scss +7 -7
- package/src/components/Label/Label.scss +4 -4
- package/src/components/Loading/Loading.scss +4 -4
- package/src/components/LoadingBalls/LoadingBalls.scss +2 -2
- package/src/components/LoadingItemsLavenderBlue/LoadingItems.stories.tsx +15 -0
- package/src/components/LoadingItemsLavenderBlue/LoadingItems.tsx +3 -0
- package/src/components/LoadingItemsLavenderBlue/LoadingItems1.tsx +28 -0
- package/src/components/LoadingItemsLavenderBlue/LoadingItems2.tsx +28 -0
- package/src/components/LoadingItemsLavenderBlue/LoadingItems3.tsx +28 -0
- package/src/components/LoadingItemsLavenderBlue/LoadingItems4.tsx +28 -0
- package/src/components/LoadingItemsLavenderBlue/LoadingItems5.tsx +28 -0
- package/src/components/LoadingItemsLavenderBlue/index.ts +5 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems.stories.tsx +15 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems.tsx +3 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems1.tsx +28 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems2.tsx +28 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems3.tsx +28 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems4.tsx +28 -0
- package/src/components/LoadingItemsPinkGreen/LoadingItems5.tsx +28 -0
- package/src/components/LoadingItemsPinkGreen/index.ts +5 -0
- package/src/components/LoadingShapes/LoadingShapes.scss +2 -2
- package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.scss +9 -0
- package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.stories.tsx +11 -0
- package/src/components/LoadingShapesLavenderBlue/LoadingShapesLavenderBlue.tsx +48 -0
- package/src/components/LoadingShapesLavenderBlue/index.ts +1 -0
- package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.scss +9 -0
- package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.stories.tsx +11 -0
- package/src/components/LoadingShapesPinkGreen/LoadingShapesPinkGreen.tsx +42 -0
- package/src/components/LoadingShapesPinkGreen/index.ts +1 -0
- package/src/components/Modal/Modal.scss +1 -1
- package/src/components/ModalOverlay/ModalOverlay.scss +6 -6
- package/src/components/Overlay/Overlay.scss +4 -4
- package/src/components/Paginator/Paginator.scss +10 -10
- package/src/components/PasswordInput/PasswordInput.scss +4 -4
- package/src/components/Popover/Popover.scss +9 -9
- package/src/components/PromoBanner/PromoBanner.scss +9 -9
- package/src/components/RadioButton/RadioButton.scss +14 -14
- package/src/components/SearchInput/SearchInput.scss +4 -4
- package/src/components/Select/MultiSelect.scss +14 -14
- package/src/components/Select/Select.scss +25 -25
- package/src/components/Select/SelectOption.scss +7 -7
- package/src/components/Select/SelectOptions.scss +8 -8
- package/src/components/SelectableButton/SelectableButton.scss +13 -13
- package/src/components/SlidingPane/SlidingPane.scss +7 -7
- package/src/components/Stack/Stack.scss +6 -4
- package/src/components/Tabs/Tab.scss +6 -6
- package/src/components/Tabs/TabList.scss +3 -3
- package/src/components/Tabs/TabPanels.scss +2 -2
- package/src/components/Tag/Tag.scss +8 -8
- package/src/components/Text/Text.scss +4 -3
- package/src/components/TextInput/TextInput.scss +2 -2
- package/src/components/Textarea/Textarea.scss +3 -3
- package/src/components/Toast/Toast.scss +6 -6
- package/src/components/VerticalDivider/VerticalDivider.scss +3 -3
- package/src/components/index.ts +4 -0
- package/src/index.scss +3 -3
- package/src/mixins/_mixins.scss +7 -7
- package/src/mixins/font-smoothing/_font-smoothing.scss +0 -2
- package/src/mixins/font-smoothing/font-smoothing.stories.scss +3 -3
- package/src/mixins/global-styles/_global-styles.scss +6 -5
- package/src/mixins/input-styles/_input-styles.scss +14 -12
- package/src/mixins/overflow-scroll/_overflow-scroll.scss +0 -2
- package/src/mixins/overflow-scroll/overflow-scroll.stories.scss +3 -3
- package/src/mixins/stack/_stack.scss +3 -3
- package/src/mixins/stack/stack.stories.scss +3 -3
- package/src/mixins/thin-underline/_thin-underline.scss +0 -2
- package/src/mixins/thin-underline/thin-underline.stories.scss +2 -2
- package/src/mixins/visually-hidden/_visually-hidden.scss +0 -2
- package/src/mixins/visually-hidden/visually-hidden.stories.scss +2 -2
- package/src/utilities/States/State.scss +4 -4
- package/src/utilities/States/States.scss +2 -2
- 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 };
|