@thecb/components 7.5.1 → 7.5.2

package/dist/src/components/atoms/icons/ChevronIcon.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var ChevronIcon = function (_a) {
+    var themeValues = _a.themeValues, iconFill = _a.iconFill;
+    return (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", style: { display: "inline-block", verticalAlign: "text-bottom" } },
+        React.createElement("defs", null,
+            React.createElement("polygon", { id: "icon-chevron-path-1", points: "10.4099998 6 9 7.40999976 13.5799996 11.9999996 9 16.5899995 10.4099998 17.9999993 16.4099994 11.9999996" })),
+        React.createElement("g", { id: "icon-chevron-Icon/Chevron-Down", fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "icon-chevron-mask-2" },
+                React.createElement("use", { fill: iconFill !== null && iconFill !== void 0 ? iconFill : themeValues.singleIconColor, xlinkHref: "#icon-chevron-path-1" })),
+            React.createElement("use", { fill: iconFill !== null && iconFill !== void 0 ? iconFill : themeValues.singleIconColor, id: "icon-chevron-Fill-2", xlinkHref: "#icon-chevron-path-1" }),
+            React.createElement("g", { id: "Colors/Blue-Dark", mask: "url(#icon-chevron-mask-2)", fill: iconFill !== null && iconFill !== void 0 ? iconFill : themeValues.singleIconColor },
+                React.createElement("rect", { id: "icon-chevron-rect", width: "24", height: "24" })))));
+};
+export default themeComponent(ChevronIcon, "Icons", fallbackValues, "secondary");

package/dist/src/components/atoms/icons/CustomerSearchIcon.d.ts

@@ -0,0 +1,2 @@
+export default CustomerSearchIcon;
+declare function CustomerSearchIcon(): JSX.Element;

package/dist/src/components/atoms/icons/CustomerSearchIcon.js

@@ -0,0 +1,22 @@
+import React from "react";
+var CustomerSearchIcon = function () {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "366", height: "209", viewBox: "0 0 366 209" },
+        React.createElement("defs", null,
+            React.createElement("rect", { id: "customer-search-path-1", width: "64", height: "64", x: "39", y: "40", rx: "6" }),
+            React.createElement("filter", { id: "customer-search-filter-2", width: "178.1%", height: "178.1%", x: "-39.1%", y: "-35.9%", filterUnits: "objectBoundingBox" },
+                React.createElement("feOffset", { dy: "2", in: "SourceAlpha", result: "shadowOffsetOuter1" }),
+                React.createElement("feGaussianBlur", { in: "shadowOffsetOuter1", result: "shadowBlurOuter1", stdDeviation: "8" }),
+                React.createElement("feColorMatrix", { in: "shadowBlurOuter1", values: "0 0 0 0 0.0823529412 0 0 0 0 0.454901961 0 0 0 0 0.615686275 0 0 0 0.5 0" }))),
+        React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
+            React.createElement("g", { transform: "translate(-537 -434)" },
+                React.createElement("g", { transform: "translate(132 300)" },
+                    React.createElement("g", { transform: "translate(405 134)" },
+                        React.createElement("path", { fill: "#FFF", d: "M73 25h224v144.75a2.25 2.25 0 01-2.25 2.25H75.25a2.25 2.25 0 01-2.25-2.25V25z" }),
+                        React.createElement("path", { fill: "#292A33", fillRule: "nonzero", d: "M294.625 0A6.376 6.376 0 01301 6.377V157h19a3 3 0 01.176 5.995L320 163h-19v6.623a6.376 6.376 0 01-6.375 6.377H75.374A6.375 6.375 0 0169 169.623V163H33a3 3 0 01-.176-5.995L33 157h36V6.377A6.375 6.375 0 0175.374 0h219.251zM297 25H73v144.623c0 1.259.976 2.288 2.211 2.372l.163.005h219.251a2.376 2.376 0 002.37-2.214l.005-.163V25zm39.953 132l26.112.082a2.952 2.952 0 012.935 2.969 2.953 2.953 0 01-2.78 2.945l-.173.004-26.112-.082a2.952 2.952 0 01-2.935-2.969 2.953 2.953 0 012.78-2.945l.173-.004zM17 157a3 3 0 01.176 5.995L17 163H3a3 3 0 01-.176-5.995L3 157h14zm186-52.514a2.515 2.515 0 012.514 2.514c0 4.633-3.761 8.376-8.422 8.51l-.26.004h-23.664c-4.78 0-8.683-3.795-8.683-8.514a2.515 2.515 0 015.024-.165l.006.165c0 1.848 1.517 3.383 3.457 3.48l.196.005h23.664c1.968 0 3.549-1.475 3.648-3.301l.006-.184a2.515 2.515 0 012.514-2.514zM216 39c13.255 0 24 10.745 24 24 0 5.67-1.967 10.881-5.255 14.988l.012.01.13.114 8.51 8.049a5.002 5.002 0 015.193.818l.18.162 17.668 16.728a5 5 0 01-6.696 7.424l-.18-.162-17.667-16.728a5.001 5.001 0 01-1.26-5.348l-8.496-8.037a2.025 2.025 0 01-.132-.137A23.909 23.909 0 01216 87c-13.255 0-24-10.745-24-24C192 49.746 202.745 39 216 39zm0 5c-10.493 0-19 8.507-19 19s8.507 19 19 19 19-8.507 19-19-8.507-19-19-19zm-66 13.986c4.212 0 7.914 2.692 9.362 6.65a2.514 2.514 0 01-4.662 1.88l-.062-.153c-.734-2.009-2.576-3.349-4.639-3.349-1.988 0-3.772 1.246-4.554 3.136l-.083.213a2.515 2.515 0 01-4.724-1.726c1.446-3.958 5.148-6.651 9.361-6.651zM294.624 4H75.374a2.375 2.375 0 00-2.369 2.214L73 6.377V21h224V6.377a2.376 2.376 0 00-2.212-2.372L294.625 4zM81.5 10a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z" }),
+                        React.createElement("path", { fill: "#E4E6EB", d: "M294.75 4A2.25 2.25 0 01297 6.25V21H73V6.25A2.25 2.25 0 0175.25 4zM81.5 10a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5z" }),
+                        React.createElement("path", { fill: "#959CA8", fillRule: "nonzero", d: "M216 58c4.207 0 7.903 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152c-.737-2.016-2.583-3.359-4.651-3.359-1.995 0-3.784 1.25-4.57 3.145l-.083.214a2.5 2.5 0 01-4.696-1.718c1.445-3.952 5.142-6.641 9.349-6.641z" }),
+                        React.createElement("use", { fill: "#000", fillOpacity: "1", filter: "url(#customer-search-filter-2)", xlinkHref: "#customer-search-path-1" }),
+                        React.createElement("path", { fill: "#E4F4FD", d: "M185 185c28.719 0 52 5.373 52 12s-23.281 12-52 12c-28.718 0-52-5.373-52-12s23.282-12 52-12zM97 44a2 2 0 012 2v52a2 2 0 01-2 2H45a2 2 0 01-2-2V46a2 2 0 012-2h52zM80 70c-3.535 0-6.145 1.941-7.827 5.824C70.192 73.274 67.633 72 64.5 72c-5.912 0-9.773 4.536-11.585 13.608a2 2 0 001.83 2.388l.13.004h19.25l.148-.005a2 2 0 001.812-2.387 37.807 37.807 0 00-.733-3.045L75.184 82h11.893l.15-.005a2 2 0 001.797-2.451C87.534 73.18 84.526 70 80 70zm136-26c10.493 0 19 8.507 19 19s-8.507 19-19 19-19-8.507-19-19 8.507-19 19-19zM64.5 56a7 7 0 100 14 7 7 0 000-14zM216 58c-4.206 0-7.903 2.689-9.348 6.641a2.5 2.5 0 004.635 1.87l.061-.152.083-.214c.786-1.896 2.575-3.145 4.57-3.145 1.994 0 3.782 1.249 4.568 3.145l.083.214.061.152a2.5 2.5 0 004.635-1.87C223.903 60.69 220.207 58 216.001 58zM80 57a5.5 5.5 0 100 11 5.5 5.5 0 000-11z" }),
+                        React.createElement("path", { fill: "#15749D", fillRule: "nonzero", d: "M182 176v20a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-.2-7.995l.2-.005h10v-16h8zm14 0v16h10a4 4 0 013.995 3.8l.005.2a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-3.995-3.8L188 196v-20h8zM69 128.5v9l-7.875 4.429 32.876 6.953c1.81-4.055 5.877-6.882 10.604-6.882a4 4 0 01.2 7.995l-.2.005a3.605 3.605 0 00-3.605 3.593v.035-.023a3.606 3.606 0 003.414 3.601l.191.005h6.644a4 4 0 01.2 7.995l-.2.005h-6.644c-5.246 0-9.679-3.48-11.115-8.259l-44.708-9.457c-3.58-.757-4.322-5.493-1.242-7.336l.175-.1L69 128.5zM263.644 96c6.184 0 11.24 4.838 11.586 10.936l38.713 7.13c3.304.609 4.407 4.749 1.927 6.93l-.15.125L301 133v-10.5l2.891-2.151-31.014-5.712a11.586 11.586 0 01-8.881 4.569l-.352.005H257l-.2-.005a4 4 0 010-7.99l.2-.005h6.644l.191-.005a3.606 3.606 0 003.414-3.601c0-1.99-.358-3.259-2.403-5.238a361.04 361.04 0 00-4.65-4.395A3.998 3.998 0 01263.644 96zM97 40a6 6 0 016 6v52a6 6 0 01-6 6H45a6 6 0 01-6-6V46a6 6 0 016-6h52zm0 4H45a2 2 0 00-1.995 1.85L43 46v52a2 2 0 001.85 1.995L45 100h52a2 2 0 001.995-1.85L99 98V46a2 2 0 00-1.85-1.995L97 44zM80 70c4.526 0 7.534 3.181 9.024 9.544a2 2 0 01-1.798 2.45l-.149.006H75.184c.342 1.11.643 2.313.901 3.608a2 2 0 01-1.812 2.387l-.149.005H54.876a2 2 0 01-1.961-2.392C54.727 76.536 58.588 72 64.5 72c3.134 0 5.692 1.275 7.673 3.824C73.855 71.941 76.465 70 80 70zM64.5 56a7 7 0 110 14 7 7 0 010-14zM80 57a5.5 5.5 0 110 11 5.5 5.5 0 010-11z" })))))));
+};
+export default CustomerSearchIcon;

package/dist/src/components/atoms/icons/DuplicateIcon.d.ts

@@ -0,0 +1,2 @@
+export default DuplicateIcon;
+declare function DuplicateIcon(): JSX.Element;

package/dist/src/components/atoms/icons/DuplicateIcon.js

@@ -0,0 +1,6 @@
+import React from "react";
+var DuplicateIcon = function () { return (React.createElement("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("g", { id: "STOR-3203", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Icons", transform: "translate(-64.000000, -256.000000)", fill: "#6D717E" },
+            React.createElement("path", { d: "M80,288 C88.836556,288 96,280.836556 96,272 C96,263.163444 88.836556,256 80,256 C71.163444,256 64,263.163444 64,272 C64,280.836556 71.163444,288 80,288 Z M83,264 C83.5522847,264 84,264.447715 84,265 L84,268 L87,268 C87.5522847,268 88,268.447715 88,269 L88,279 C88,279.552285 87.5522847,280 87,280 L77,280 C76.4477153,280 76,279.552285 76,279 L76,276 L73,276 C72.4477153,276 72,275.552285 72,275 L72,265 C72,264.447715 72.4477153,264 73,264 L83,264 Z M82.5,265.5 L73.5,265.5 L73.5,274.5 L76,274.5 L76,269 C76,268.447715 76.4477153,268 77,268 L82.5,268 L82.5,265.5 Z M77.5,269.5 L86.5,269.5 L86.5,278.5 L77.5,278.5 L77.5,269.5 Z", id: "status-icon---duplicate" }))))); };
+export default DuplicateIcon;

package/dist/src/components/atoms/icons/EmptyCartIcon.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ variant, ...props }: {
+    [x: string]: any;
+    variant?: any;
+}) => any;
+export default _default;

package/dist/src/components/atoms/icons/EmptyCartIcon.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var EmptyCartIcon = function (_a) {
+    var themeValues = _a.themeValues;
+    return (React.createElement("svg", { width: "440px", height: "214px", viewBox: "0 0 440 214", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React.createElement("title", null, "Cart-Empty-Illustration"),
+        React.createElement("g", { id: "cart-Cart-Empty-Illustration", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("path", { d: "M217.6664,189.8762 C246.6414,189.8762 270.1304,195.0922 270.1304,201.5262 C270.1304,207.9602 246.6414,213.1762 217.6664,213.1762 C188.6924,213.1762 165.2024,207.9602 165.2024,201.5262 C165.2024,195.0922 188.6924,189.8762 217.6664,189.8762 Z M422.490595,40 C424.699734,40 426.490595,41.790861 426.490595,44 C426.490595,44.1594939 426.481056,44.318845 426.462028,44.4771999 L420.814597,91.4771999 C420.573067,93.4873075 418.867731,95 416.843164,95 L361.156836,95 C359.132269,95 357.426933,93.4873075 357.185403,91.4771999 L351.537972,44.4771999 C351.274422,42.283838 352.838843,40.2921172 355.032205,40.028567 C355.19056,40.0095394 355.349911,40 355.509405,40 L422.490595,40 Z M325.7753,2.768 L326.005703,2.77214523 C329.369977,2.8933916 332.0603,5.65915556 332.0603,9.054 L332.0603,9.054 L332.0603,22.883 L103.2593,22.883 L103.2593,9.054 L103.263445,8.82353181 C103.384692,5.45832296 106.150456,2.768 109.5453,2.768 L109.5453,2.768 L325.7753,2.768 Z", id: "cart----Theme-Color-Light", fill: themeValues.subIconColor, fillRule: "nonzero", opacity: "0.1" }),
+            React.createElement("path", { d: "M210.6793,175.3431 C212.69715,175.3431 214.34488,176.927772 214.445893,178.920519 L214.4508,179.1146 L214.4508,201.4796 C214.4508,203.49745 212.866128,205.14518 210.873381,205.246193 L210.6793,205.2511 L196.4113,205.2511 C194.328358,205.2511 192.6398,203.562542 192.6398,201.4796 C192.6398,199.46175 194.224472,197.81402 196.217219,197.713007 L196.4113,197.7081 L206.9074,197.7079 L206.9078,179.1146 C206.9078,177.09675 208.492472,175.44902 210.485219,175.348007 L210.6793,175.3431 Z M224.6539,174.6414 C226.67175,174.6414 228.31948,176.226072 228.420493,178.218819 L228.4254,178.4129 L228.4244,197.7079 L238.9219,197.7084 C240.93975,197.7084 242.58748,199.293072 242.688493,201.285819 L242.6934,201.4799 C242.6934,203.49775 241.108728,205.14548 239.115981,205.246493 L238.9219,205.2514 L224.6539,205.2514 C222.63605,205.2514 220.98832,203.666728 220.887307,201.673981 L220.8824,201.4799 L220.8824,178.4129 C220.8824,176.329958 222.570958,174.6414 224.6539,174.6414 Z M102.36805,122.940779 C99.362801,125.550594 95.2124082,129.154872 89.9168719,133.753615 L132.215161,143.70593 C134.302233,140.853132 137.670278,139 141.472103,139 C143.681242,139 145.472103,140.790861 145.472103,143 C145.472103,145.142195 143.788135,146.891079 141.671744,146.995105 L141.472103,147 C139.557921,147 138,148.563635 138,150.499507 C138,152.371734 139.455725,153.895338 141.281911,153.994832 L141.472103,154 L148,154 C150.209139,154 152,155.790861 152,158 C152,160.142195 150.316032,161.891079 148.19964,161.995105 L148,162 L141.472103,162 C135.439524,162 130.499461,157.334313 130.035595,151.412031 L81.0838427,139.893669 C79.1350301,139.435125 77.8574872,137.623546 78.0116734,135.687366 L78.0136174,135.664052 C77.917747,134.505273 78.3266228,133.319554 79.2154318,132.459235 L79.3772574,132.310864 L101.637257,112.979864 C103.305233,111.531363 103.872948,121.633898 102.36805,122.940779 Z M405.5,102.5 C407.709139,102.5 409.5,104.290861 409.5,106.5 C409.5,108.642195 407.816032,110.391079 405.69964,110.495105 L405.5,110.5 L391.813099,110.5 L360.050681,144.519841 C358.68743,145.979937 356.46635,146.203668 354.844272,145.074853 L354.672836,144.948727 C344.86609,137.329456 337.511029,131.615002 332.607656,127.805367 C331.587065,127.012427 332.543378,117.776418 334.277177,118.979195 L334.454117,119.109171 L356.696,136.39 L380.868099,110.5 L372.5,110.5 C370.290861,110.5 368.5,108.709139 368.5,106.5 C368.5,104.357805 370.183968,102.608921 372.30036,102.504895 L372.5,102.5 L405.5,102.5 Z M422.490595,40 C424.699734,40 426.490595,41.790861 426.490595,44 C426.490595,44.1594939 426.481056,44.318845 426.462028,44.4771999 L420.814597,91.4771999 C420.573067,93.4873075 418.867731,95 416.843164,95 L361.156836,95 C359.132269,95 357.426933,93.4873075 357.185403,91.4771999 L351.537972,44.4771999 C351.274422,42.283838 352.838843,40.2921172 355.032205,40.028567 C355.19056,40.0095394 355.349911,40 355.509405,40 L422.490595,40 Z M362.361008,84.275 L362.93,89 L367.086008,89 L362.361008,84.275 Z M378.999008,80.914 L370.913008,89 L387.085008,89 L378.999008,80.914 Z M398.999008,80.914 L390.913008,89 L407.085008,89 L398.999008,80.914 Z M415.635008,84.278 L410.913008,89 L415.069,89 L415.635008,84.278 Z M409.000008,70.914 L400.414008,79.499 L409.000008,88.085 L416.021008,81.064 L416.357008,78.271 L409.000008,70.914 Z M378.999008,60.914 L370.414008,69.499 L379.000008,78.085 L384.660325,72.4254616 C385.050849,72.0349373 385.684014,72.0349373 386.074538,72.4254616 C386.435022,72.7859455 386.462752,73.3531766 386.157727,73.7454678 L386.074538,73.8396751 L380.414008,79.499 L389.000008,88.085 L397.585008,79.5 L378.999008,60.914 Z M368.999008,70.914 L361.640008,78.273 L361.975008,81.06 L369.000008,88.085 L377.585008,79.5 L368.999008,70.914 Z M389.000008,50.914 L380.414008,59.499 L399.000008,78.085 L407.586008,69.5 L398.968008,60.882 L396.288221,63.5758479 C395.898655,63.9673274 395.265492,63.968878 394.874012,63.5793112 C394.482533,63.1897445 394.480982,62.5565814 394.870549,62.1651019 L397.554008,59.468 L389.000008,50.914 Z M369.000008,50.914 L359.495008,60.418 L361.337008,75.747 L367.585008,69.499 L364.834153,66.7483665 L364.750964,66.6541592 C364.445939,66.261868 364.473669,65.6946369 364.834153,65.334153 C365.194637,64.973669 365.761868,64.9459395 366.154159,65.2509644 L366.248367,65.334153 L368.999008,68.085 L377.585008,59.499 L369.000008,50.914 Z M408.944008,50.858 L400.379008,59.465 L409.000008,68.086 L411.263596,65.8221901 C411.654121,65.4316658 412.287286,65.4316658 412.67781,65.8221901 C413.038294,66.1826741 413.066023,66.7499051 412.760999,67.1421963 L412.67781,67.2364037 L410.414008,69.5 L416.660008,75.746 L418.502008,60.416 L408.944008,50.858 Z M385.084008,46 L372.915008,46 L373.414214,46.5 L370.414008,49.5 L378.999008,58.085 L387.585008,49.499 L384.585786,46.5 L385.084008,46 Z M405.084008,46 L392.915008,46 L393.414214,46.5 L390.414008,49.5 L398.964008,58.05 L407.529008,49.443 L404.585786,46.5 L405.084008,46 Z M365.084008,46 L357.764,46 L359.192008,57.893 L367.585008,49.499 L364.585786,46.5 L365.084008,46 Z M420.235,46 L413.367432,46.000554 C413.367295,46.2554755 413.270289,46.5103988 413.076268,46.705373 L410.354008,49.44 L418.805008,57.891 L420.235,46 Z M371.084008,46 L366.914008,46 L368.999008,48.085 L371.084008,46 Z M391.084008,46 L386.914008,46 L388.999008,48.085 L391.084008,46 Z M410.956008,46 L406.914008,46 L408.940008,48.026 L410.956008,46 Z", id: "cart----Theme-Color-Dark", fill: themeValues.subIconColor, fillRule: "nonzero" }),
+            React.createElement("path", { d: "M323.380341,0 C329.691966,0 334.839426,4.99682545 334.996316,11.2352504 L335,11.5285717 L334.999983,160.827 L353.061045,160.540795 C354.796658,160.513261 356.22597,161.897933 356.253505,163.633545 C356.280089,165.309309 354.990183,166.699533 353.339006,166.818201 L353.160755,166.826005 L334.999983,167.114 L335,167.471428 C335,173.747737 329.949641,178.841121 323.675331,178.996355 L323.380341,179 L111.61868,179 C105.307163,179 100.160547,174.003277 100.003684,167.764754 L100,167.471428 L99.9999833,166.844 L67.3629661,167.140271 C65.6272063,167.155992 64.2073503,165.761626 64.1914973,164.025866 C64.1764497,162.34996 65.4757876,160.968547 67.1277342,160.861119 L67.3060339,160.854529 L99.9999833,160.558 L100,144.445958 L106,145.445958 L106,167.471428 C106,170.445465 108.390203,172.88149 111.397554,172.995805 L111.61868,173 L323.380341,173 C326.417039,173 328.880188,170.634496 328.995759,167.688034 L329,167.471428 L329,25.082 L106,25.082 L106,137.623848 L100,136.623848 L100,11.5285717 C100,5.2521597 105.049516,0.158876258 111.323695,0.00364538552 L111.61868,0 L323.380341,0 Z M397.839831,160.540614 C399.575544,160.520362 400.999034,161.911018 401.019504,163.646731 C401.038839,165.322592 399.743111,166.707391 398.091451,166.81913 L397.913169,166.826186 L371.001169,167.140186 C369.265456,167.160438 367.841966,165.769782 367.821496,164.034069 C367.802161,162.358208 369.097889,160.973409 370.749549,160.86167 L370.927831,160.854614 L397.839831,160.540614 Z M49.618935,160.541226 C51.3543096,160.501426 52.7933733,161.87596 52.8331737,163.611335 C52.8716017,165.286869 51.5915534,166.686175 49.9412562,166.81651 L49.763065,166.825574 L36.072065,167.139574 C34.3366904,167.179374 32.8976267,165.80484 32.8578263,164.069465 C32.8193983,162.393931 34.0994466,160.994625 35.7497438,160.86429 L35.927935,160.855226 L49.618935,160.541226 Z M235.6568,99.6108 C237.04552,99.6108 238.1713,100.73658 238.1713,102.1253 C238.1713,106.857111 234.405566,110.708459 229.707732,110.846944 L229.4458,110.8508 L205.6148,110.8508 C200.795797,110.8508 196.8893,106.944737 196.8893,102.1253 C196.8893,100.73658 198.01508,99.6108 199.4038,99.6108 C200.736971,99.6108 201.827817,100.648319 201.912951,101.959971 L201.9183,102.1253 C201.9183,104.101305 203.468072,105.714647 205.418468,105.816677 L205.6148,105.8218 L229.4458,105.8218 C231.421627,105.8218 233.035135,104.2722 233.137177,102.321649 L233.1423,102.1253 C233.1423,100.73658 234.26808,99.6108 235.6568,99.6108 Z M194.231,60.5965 C198.416987,60.5965 202.08429,63.3127378 203.512549,67.2902012 C203.98188,68.5972099 203.302807,70.0372177 201.995799,70.5065486 C200.74107,70.9571063 199.36377,70.3492958 198.84036,69.1435924 L198.779451,68.9897988 C198.052367,66.9649887 196.243869,65.6255 194.231,65.6255 C192.218156,65.6255 190.40998,66.9648896 189.683805,68.9890852 C189.214868,70.2962353 187.775065,70.9757415 186.467915,70.5068047 C185.160765,70.037868 184.481258,68.598065 184.950195,67.2909148 C186.377205,63.3131587 190.044694,60.5965 194.231,60.5965 Z M242.174978,60.611 C246.752761,60.611 250.841163,63.228796 252.48308,67.1808345 C253.012812,68.4558831 252.408614,69.9189471 251.133565,70.4486796 C249.911644,70.9563399 248.517048,70.4225952 247.936717,69.255019 L247.86572,69.0991655 C247.013741,67.0484782 244.768727,65.611 242.174978,65.611 C239.670355,65.611 237.490237,66.9513467 236.576132,68.8892772 L236.48308,69.0991655 C235.953347,70.374214 234.490283,70.9784121 233.215235,70.4486796 C231.940186,69.9189471 231.335988,68.4558831 231.86572,67.1808345 C233.507581,63.2289312 237.597045,60.611 242.174978,60.611 Z M392,25 C393.104569,25 394,25.8954305 394,27 L394,40 L428,40 C429.656854,40 431,41.3431458 431,43 L431,47 C431,48.6568542 429.656854,50 428,50 L350,50 C348.343146,50 347,48.6568542 347,47 L347,43 C347,41.3431458 348.343146,40 350,40 L384,40 L384,27 C384,25.8954305 384.895431,25 386,25 L392,25 Z M323.380341,6 L111.61868,6 C108.582279,6 106.11978,8.36521389 106.00424,11.3119453 L106,11.5285717 L106,21.311 L329,21.311 L329,11.5285717 C329,8.55483183 326.609153,6.11852455 323.601489,6.00419571 L323.380341,6 Z M122.1173,10.311 L122.282437,10.316345 C123.538064,10.397879 124.544275,11.402497 124.625946,12.660527 L124.6313,12.826 L124.625946,12.9912424 C124.544275,14.2475768 123.538064,15.252124 122.282437,15.3336552 L122.1173,15.339 L121.951938,15.3336552 C120.640022,15.2485792 119.6023,14.15848 119.6023,12.826 C119.6023,11.436 120.7283,10.311 122.1173,10.311 Z M113.3163,10.311 L113.481547,10.316345 C114.737952,10.397879 115.743349,11.402497 115.82495,12.660527 L115.8303,12.826 L115.82495,12.9912424 C115.743349,14.2475768 114.737952,15.252124 113.481547,15.3336552 L113.3163,15.339 L113.151053,15.3336552 C111.840022,15.2485792 110.8023,14.15848 110.8023,12.826 C110.8023,11.436 111.9283,10.311 113.3163,10.311 Z M130.9173,10.311 L131.082437,10.316345 C132.338064,10.397879 133.344275,11.402497 133.425946,12.660527 L133.4313,12.826 L133.425946,12.9912424 C133.344275,14.2475768 132.338064,15.252124 131.082437,15.3336552 L130.9173,15.339 L130.751942,15.3336552 C129.4401,15.2485792 128.4033,14.15848 128.4033,12.826 C128.4033,11.436 129.5283,10.311 130.9173,10.311 Z", id: "cart-Dark-Grey", fill: "#3B414D", fillRule: "nonzero" }))));
+};
+export default themeComponent(EmptyCartIcon, "Icons", fallbackValues, "info");

package/dist/src/components/atoms/icons/ErroredIcon.d.ts

@@ -0,0 +1,2 @@
+export default ErroredIcon;
+declare function ErroredIcon(): JSX.Element;

package/dist/src/components/atoms/icons/ErroredIcon.js

@@ -0,0 +1,6 @@
+import React from "react";
+var ErroredIcon = function () { return (React.createElement("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("g", { id: "STOR-3203", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Icons", transform: "translate(-64.000000, -304.000000)", fill: "#D11053" },
+            React.createElement("path", { d: "M80,336 C88.836556,336 96,328.836556 96,320 C96,311.163444 88.836556,304 80,304 C71.163444,304 64,311.163444 64,320 C64,328.836556 71.163444,336 80,336 Z M72.5492717,327 L87.4507283,327 C88.2791554,327 88.9507283,326.328427 88.9507283,325.5 C88.9507283,325.245084 88.8857626,324.994373 88.7619642,324.771536 L81.3112359,311.360225 C80.9089161,310.636049 79.9957112,310.375133 79.2715356,310.777453 C79.0266755,310.913487 78.8247975,311.115365 78.6887641,311.360225 L71.2380358,324.771536 C70.835716,325.495711 71.0966317,326.408916 71.8208073,326.811236 C72.0436443,326.935034 72.2943553,327 72.5492717,327 Z M72.5,325.5 L87.5,325.5 L80,312.087006 L72.5,325.5 Z M79.5,322.5 L80.5,322.5 C80.6380712,322.5 80.75,322.611929 80.75,322.75 L80.75,323.75 C80.75,323.888071 80.6380712,324 80.5,324 L79.5,324 C79.3619288,324 79.25,323.888071 79.25,323.75 L79.25,322.75 C79.25,322.611929 79.3619288,322.5 79.5,322.5 Z M79.5,315.5 L80.5,315.5 C80.6380712,315.5 80.75,315.611929 80.75,315.75 L80.75,321.25 C80.75,321.388071 80.6380712,321.5 80.5,321.5 L79.5,321.5 C79.3619288,321.5 79.25,321.388071 79.25,321.25 L79.25,315.75 C79.25,315.611929 79.3619288,315.5 79.5,315.5 Z", id: "status-icon---errored" }))))); };
+export default ErroredIcon;

package/dist/src/components/atoms/icons/ExternalLinkIcon.d.ts

@@ -0,0 +1,5 @@
+export default ExternalLinkIcon;
+declare function ExternalLinkIcon({ linkColor, text }: {
+    linkColor: any;
+    text: any;
+}): JSX.Element;

package/dist/src/components/atoms/icons/ExternalLinkIcon.js

@@ -0,0 +1,11 @@
+import React from "react";
+var ExternalLinkIcon = function (_a) {
+    var linkColor = _a.linkColor, text = _a.text;
+    return (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86092 1.59483C1.92074 1.56953 1.98651 1.55554 2.05554 1.55554H2.6111H4.94443C5.22057 1.55554 5.44443 1.7794 5.44443 2.05554V2.6111C5.44443 2.88724 5.22057 3.1111 4.94443 3.1111H3.1111V10.8889H10.8889V9.05554C10.8889 8.7794 11.1127 8.55554 11.3889 8.55554H11.9444C12.2206 8.55554 12.4444 8.7794 12.4444 9.05554V11.9444C12.4444 12.2206 12.2206 12.4444 11.9444 12.4444H11.3889C11.3507 12.4444 11.3135 12.4401 11.2778 12.432C11.242 12.4401 11.2048 12.4444 11.1667 12.4444H2.6111H2.05554C1.7794 12.4444 1.55554 12.2206 1.55554 11.9444V11.3889V2.6111V2.05554C1.55554 2.05554 1.55554 2.05554 1.55554 2.05554C1.55554 2.01307 1.56084 1.97183 1.57081 1.93246C1.60944 1.77983 1.71826 1.65517 1.86092 1.59483ZM7.77776 2.05554C7.77776 1.7794 8.00162 1.55554 8.27776 1.55554H11.3889H11.9444C12.2206 1.55554 12.4444 1.7794 12.4444 2.05554V2.6111V5.72221C12.4444 5.99835 12.2206 6.22221 11.9444 6.22221H11.3889C11.1127 6.22221 10.8889 5.99835 10.8889 5.72221V4.26638L6.89793 8.25733C6.70267 8.45259 6.38608 8.45259 6.19082 8.25733L5.79798 7.8645C5.60272 7.66923 5.60272 7.35265 5.79798 7.15739L9.84428 3.1111H8.27776C8.00162 3.1111 7.77776 2.88724 7.77776 2.6111V2.05554Z", fill: linkColor }),
+        React.createElement("mask", { id: "mask0_902_435-".concat(text), style: { "mask-type": "alpha" }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "12", height: "12" },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86092 1.59483C1.92074 1.56953 1.98651 1.55554 2.05554 1.55554H2.6111H4.94443C5.22057 1.55554 5.44443 1.7794 5.44443 2.05554V2.6111C5.44443 2.88724 5.22057 3.1111 4.94443 3.1111H3.1111V10.8889H10.8889V9.05554C10.8889 8.7794 11.1127 8.55554 11.3889 8.55554H11.9444C12.2206 8.55554 12.4444 8.7794 12.4444 9.05554V11.9444C12.4444 12.2206 12.2206 12.4444 11.9444 12.4444H11.3889C11.3507 12.4444 11.3135 12.4401 11.2778 12.432C11.242 12.4401 11.2048 12.4444 11.1667 12.4444H2.6111H2.05554C1.7794 12.4444 1.55554 12.2206 1.55554 11.9444V11.3889V2.6111V2.05554C1.55554 2.05554 1.55554 2.05554 1.55554 2.05554C1.55554 2.01307 1.56084 1.97183 1.57081 1.93246C1.60944 1.77983 1.71826 1.65517 1.86092 1.59483ZM7.77776 2.05554C7.77776 1.7794 8.00162 1.55554 8.27776 1.55554H11.3889H11.9444C12.2206 1.55554 12.4444 1.7794 12.4444 2.05554V2.6111V5.72221C12.4444 5.99835 12.2206 6.22221 11.9444 6.22221H11.3889C11.1127 6.22221 10.8889 5.99835 10.8889 5.72221V4.26638L6.89793 8.25733C6.70267 8.45259 6.38608 8.45259 6.19082 8.25733L5.79798 7.8645C5.60272 7.66923 5.60272 7.35265 5.79798 7.15739L9.84428 3.1111H8.27776C8.00162 3.1111 7.77776 2.88724 7.77776 2.6111V2.05554Z", fill: linkColor })),
+        React.createElement("g", { mask: "url(#mask0_902_435-".concat(text, ")") },
+            React.createElement("rect", { x: "-0.0864258", width: "14", height: "14", fill: linkColor }))));
+};
+export default ExternalLinkIcon;

package/dist/src/components/atoms/icons/FailedIcon.d.ts

@@ -0,0 +1,2 @@
+export default FailedIcon;
+declare function FailedIcon(): JSX.Element;

package/dist/src/components/atoms/icons/FailedIcon.js

@@ -0,0 +1,6 @@
+import React from "react";
+var FailedIcon = function () { return (React.createElement("svg", { width: "32px", height: "32px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("g", { id: "STOR-3203", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Icons", transform: "translate(-64.000000, -400.000000)", fill: "#D11053" },
+            React.createElement("path", { d: "M80,432 C88.836556,432 96,424.836556 96,416 C96,407.163444 88.836556,400 80,400 C71.163444,400 64,407.163444 64,416 C64,424.836556 71.163444,432 80,432 Z M75.4038059,409.989592 L80.0001458,414.586146 L84.5961941,409.989592 C84.7914562,409.79433 85.1080387,409.79433 85.3033009,409.989592 L86.0104076,410.696699 C86.2056698,410.891961 86.2056698,411.208544 86.0104076,411.403806 L81.4141458,416.000146 L86.0104076,420.596194 C86.2056698,420.791456 86.2056698,421.108039 86.0104076,421.303301 L85.3033009,422.010408 C85.1080387,422.20567 84.7914562,422.20567 84.5961941,422.010408 L80.0001458,417.414146 L75.4038059,422.010408 C75.2085438,422.20567 74.8919613,422.20567 74.6966991,422.010408 L73.9895924,421.303301 C73.7943302,421.108039 73.7943302,420.791456 73.9895924,420.596194 L78.5861458,416.000146 L73.9895924,411.403806 C73.7943302,411.208544 73.7943302,410.891961 73.9895924,410.696699 L74.6966991,409.989592 C74.8919613,409.79433 75.2085438,409.79433 75.4038059,409.989592 Z", id: "status-icon---failed" }))))); };
+export default FailedIcon;

package/dist/src/components/atoms/icons/ForgotPasswordIcon.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ variant, ...props }: {
+    [x: string]: any;
+    variant?: any;
+}) => any;
+export default _default;

package/dist/src/components/atoms/icons/ForgotPasswordIcon.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var ForgotPasswordIcon = function (_a) {
+    var themeValues = _a.themeValues;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "100", height: "100", viewBox: "0 0 100 100" },
+        React.createElement("defs", null,
+            React.createElement("path", { id: "prefix__a", d: "M0 0h100v100H0z" }),
+            React.createElement("path", { d: "M72.432 59.997l.305.004c6.587.162 11.878 5.552 11.878 12.178l-.004.305c-.162 6.587-5.553 11.878-12.179 11.878l-.304-.003c-6.588-.162-11.878-5.554-11.878-12.18 0-6.728 5.454-12.182 12.182-12.182zm-.092 16.098c-.85 0-1.482.578-1.482 1.36 0 .765.632 1.343 1.482 1.343s1.502-.578 1.502-1.343c0-.782-.652-1.36-1.502-1.36zM72.597 67c-1.502 0-2.708.612-3.597 1.479l1.304 1.02c.573-.51 1.206-.867 1.996-.867 1.008 0 1.601.544 1.601 1.326 0 1.513-3.004 2.482-2.589 4.947h2.036c-.257-2.176 2.806-2.924 2.806-5.083 0-1.853-1.482-2.822-3.557-2.822z", id: "prefix__c" })),
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "prefix__b", fill: themeValues.primaryColor },
+                React.createElement("use", { xlinkHref: "#prefix__a" })),
+            React.createElement("path", { d: "M63 46a7 7 0 017 7v7.24c.786-.16 1.6-.243 2.432-.243l.305.004c6.587.162 11.878 5.552 11.878 12.178l-.004.305c-.162 6.587-5.553 11.878-12.179 11.878l-.304-.003a12.136 12.136 0 01-7.944-3.215L60.229 84H37.62L24 74.764V53a7 7 0 017-7h32z", fill: themeValues.primaryColor, mask: "url(#prefix__b)" }),
+            React.createElement("path", { d: "M50 13c20.435 0 37 16.565 37 37 0 5.896-1.38 11.47-3.833 16.418A12.178 12.178 0 0072.737 60l-.305-.004c-1.708 0-3.334.352-4.81.987v-8.33a5.276 5.276 0 00-5.058-5.272l-.217-.004H31.653a5.276 5.276 0 00-5.271 5.058l-.004.217V59h24.14a1.5 1.5 0 01.145 2.993l-.144.007H26.377v8H46.52a1.5 1.5 0 01.145 2.993l-.145.007H26.377v1.453C32.494 80.363 40.822 84 50 84c4.997 0 9.742-1.078 14.015-3.014.823.787 1.757 1.46 2.775 1.993A36.835 36.835 0 0150 87c-20.435 0-37-16.565-37-37s16.565-37 37-37zm0 3c-18.778 0-34 15.222-34 34 0 1.699.125 3.368.365 5H23.5l.001-2.347a8.153 8.153 0 017.904-8.15l.25-.003 1.345-.001L33 34c0-7.732 6.268-14 14-14 7.628 0 13.83 6.1 13.997 13.687L61 34v10.499l1.347.001a8.153 8.153 0 018.15 7.904l.003.25V55H83c.216 0 .425.034.62.098.25-1.662.38-3.365.38-5.098 0-18.778-15.222-34-34-34zm-3 8c-5.43 0-9.848 4.327-9.996 9.72L37 34v10.499h20V34c0-5.523-4.477-10-10-10z", fill: themeValues.accentColor, mask: "url(#prefix__b)" }),
+            React.createElement("use", { fill: themeValues.subIconColor, xlinkHref: "#prefix__c" }))));
+};
+export default themeComponent(ForgotPasswordIcon, "Icons", fallbackValues, "info");

package/dist/src/components/atoms/icons/GenericCard.d.ts

@@ -0,0 +1,2 @@
+export default GenericCard;
+declare function GenericCard(): JSX.Element;

package/dist/src/components/atoms/icons/GenericCard.js

@@ -0,0 +1,6 @@
+import React from "react";
+var GenericCard = function () { return (React.createElement("svg", { width: "28", height: "18", viewBox: "0 0 28 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("rect", { width: "28", height: "18", rx: "2", fill: "#15749D" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.86108 13C3.44687 13 3.11108 13.3358 3.11108 13.75C3.11108 14.1642 3.44687 14.5 3.86108 14.5H7.80553C8.21974 14.5 8.55553 14.1642 8.55553 13.75C8.55553 13.3358 8.21974 13 7.80553 13H3.86108ZM10.8611 13C10.4469 13 10.1111 13.3358 10.1111 13.75C10.1111 14.1642 10.4469 14.5 10.8611 14.5H17.9166C18.3309 14.5 18.6666 14.1642 18.6666 13.75C18.6666 13.3358 18.3309 13 17.9166 13H10.8611Z", fill: "#E4F4FD" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.2223 5.25V6.75H18.6667V6.25C18.6667 5.69772 19.1145 5.25 19.6667 5.25H20.2223ZM20.4723 5.25V6.75H22.3056V5.25H22.5556V6.75H24.1109V7H22.5556V8.25L24.1109 8.25V8.5L22.5556 8.5V9.74999L23.1111 9.74999C23.6634 9.74999 24.1111 9.30228 24.1111 8.74999V6.25C24.1111 5.69772 23.6634 5.25 23.1111 5.25H20.4723ZM22.3056 9.74999V8.5L20.4723 8.49999V9.74999L22.3056 9.74999ZM20.2223 9.74999V8.49999L18.6667 8.49999V8.74999C18.6667 9.30228 19.1145 9.74999 19.6667 9.74999H20.2223ZM18.6667 8.24999L20.2223 8.24999V7H18.6667V8.24999ZM20.4723 8.24999V7H22.3056V8.25L20.4723 8.24999Z", fill: "#F4C932" }))); };
+export default GenericCard;

package/dist/src/components/atoms/icons/GenericCardLarge.d.ts

@@ -0,0 +1,2 @@
+export default GenericCardLarge;
+declare function GenericCardLarge(): JSX.Element;

package/dist/src/components/atoms/icons/GenericCardLarge.js

@@ -0,0 +1,8 @@
+import React from "react";
+var GenericCardLarge = function () {
+    return (React.createElement("svg", { width: "36", height: "24", viewBox: "0 0 36 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("rect", { width: "36", height: "24", rx: "2", fill: "#15749D" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 17.3333C4.44772 17.3333 4 17.781 4 18.3333C4 18.8856 4.44772 19.3333 5 19.3333H10C10.5523 19.3333 11 18.8856 11 18.3333C11 17.781 10.5523 17.3333 10 17.3333H5ZM14 17.3333C13.4477 17.3333 13 17.781 13 18.3333C13 18.8856 13.4477 19.3333 14 19.3333H23C23.5523 19.3333 24 18.8856 24 18.3333C24 17.781 23.5523 17.3333 23 17.3333H14Z", fill: "#E4F4FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.0357 7V9.04167H24V8C24 7.44771 24.4477 7 25 7H26.0357ZM26.2857 7V9.04167H28.7142V7H28.9642V9.04167H30.9997V9.29167H28.9642V11.0417L30.9997 11.0417L30.9997 11.2917L28.9642 11.2917V13L29.9999 13C30.5522 13 30.9999 12.5523 30.9999 12V8C30.9999 7.44772 30.5522 7 29.9999 7H26.2857ZM28.7142 13V11.2917L26.2857 11.2917V13L28.7142 13ZM26.0357 13V11.2917L24 11.2917V12C24 12.5523 24.4477 13 25 13L26.0357 13ZM24 11.0417L26.0357 11.0417V9.29167H24V11.0417ZM26.2857 11.0417V9.29167H28.7142V11.0417L26.2857 11.0417Z", fill: "#F4C932" })));
+};
+export default GenericCardLarge;

package/dist/src/components/atoms/icons/GoToEmailIcon.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ variant, ...props }: {
+    [x: string]: any;
+    variant?: any;
+}) => any;
+export default _default;

package/dist/src/components/atoms/icons/GoToEmailIcon.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var GoToEmailIcon = function (_a) {
+    var themeValues = _a.themeValues;
+    return (React.createElement("svg", { width: "100", height: "100", viewBox: "0 0 100 100" },
+        React.createElement("title", null, "Large Icons/Email - Go to"),
+        React.createElement("defs", null,
+            React.createElement("path", { id: "prefix__a", d: "M0 0h100v100H0z" })),
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "prefix__b", fill: themeValues.primaryColor },
+                React.createElement("use", { xlinkHref: "#prefix__a" })),
+            React.createElement("path", { d: "M75.21 27c1.474 0 4.14 3.11 7.994 9.332 0 0 1.162 4.471 1.618 10.353H60.557a1.94 1.94 0 00-1.073.322l-.114.08a1.99 1.99 0 00-.207.184l-.093.101a2.005 2.005 0 00-.484 1.313v.376c0 .251.045.492.129.713l.054.13c.06.129.13.25.214.361l.086.108a2 2 0 00.094.102l.101.096a1.977 1.977 0 00.38.263l.082.041.128.055c.13.05.268.088.411.11l.145.016.147.005H85a45.807 45.807 0 01-.256 5.057H60.557a1.95 1.95 0 00-1.394.586l-.093.101c-.03.036-.06.072-.087.109l-.08.115c-.2.313-.317.687-.317 1.089v.376c0 .251.045.491.129.712l.054.13a1.97 1.97 0 001.788 1.158h23.44c-.433 1.77-1.03 3.475-1.825 5.055H60.557c-.095 0-.187.007-.278.02l-.036.006-.118.023-.138.037a1.945 1.945 0 00-.43.19l-.073.047-.114.08a1.99 1.99 0 00-.207.184l-.093.101a2.006 2.006 0 00-.484 1.312v.378c0 .25.045.49.129.712l.054.13c.06.129.13.25.214.361l.086.108c.304.355.73.6 1.21.669l.13.014.148.006h18.938a37.834 37.834 0 01-4.285 5.056H60.556a1.95 1.95 0 00-1.393.586l-.093.101c-.03.036-.06.072-.087.109l-.08.115c-.2.313-.317.687-.317 1.088v.377a2.008 2.008 0 00.785 1.597l.112.08c.039.026.078.05.119.072l.124.065c.252.12.534.186.83.186h9.322c-9.313 6.286-18.815 6.622-19.679 6.64l-.064.001.108-16.602H14.497c-1.379 0-2.497-1.133-2.497-2.531V44.049c0-.105.006-.208.018-.31l.001-.417a.42.42 0 01.23-.38 2.506 2.506 0 011.8-1.385V38.22a.41.41 0 00-.401-.42h-.988a.411.411 0 01-.402-.418v-.895a.42.42 0 01.32-.407c.4-.096.752-.202 1.053-.317a5.652 5.652 0 001.01-.515.383.383 0 01.204-.06h1.37a.41.41 0 01.401.418v5.91h33.809L50.52 27z", fill: themeValues.primaryColor, mask: "url(#prefix__b)" }),
+            React.createElement("path", { d: "M50.295 13a36.365 36.365 0 0123.033 8.19C81.912 28.173 87 38.667 87 50c0 20.43-16.429 37-36.705 37-12.763 0-24.002-6.566-30.579-16.527h-5.043a3.704 3.704 0 01-3.695-3.513l-.005-.196V49.787A10.34 10.34 0 015 40.392C5 34.685 9.586 30.06 15.245 30.06c1.303 0 2.55.246 3.697.693C25.386 20.108 37.015 13 50.295 13zm31.459 23.331H51.423v4.044h1.776a3.704 3.704 0 013.694 3.514l.005.196v22.679a3.704 3.704 0 01-3.502 3.704l-.197.005-1.776-.001v14.069c18.196-.595 32.812-15.522 33.109-33.97l.004-.571c0-4.795-.973-9.429-2.782-13.669zM49.166 70.472l-26.46.001c6.027 8.259 15.607 13.713 26.46 14.068V70.472zm5.323-23.776L35.526 58.583a2.942 2.942 0 01-3.004.103l-.177-.103-13.552-8.494a10.22 10.22 0 01-5.413.466l.001 16.209c0 .69.513 1.25 1.16 1.317l.132.006h38.526c.664 0 1.218-.516 1.284-1.187l.007-.136V46.696zm-1.29-3.935H25.22a10.346 10.346 0 01-4 6.026l12.413 7.78c.177.11.345.126.52.047l.087-.047 20.236-12.682A1.303 1.303 0 0053.2 42.76zm-36.81-7.483h-1.368a.384.384 0 00-.204.06c-.328.209-.665.38-1.01.512-.3.115-.652.22-1.052.315a.417.417 0 00-.32.404v.89c0 .23.18.417.402.417h.987c.222 0 .402.185.402.416v4.238c0 .23-.18.416-.402.416h-1.226a.41.41 0 00-.402.416v1.302c0 .23.18.417.402.417h5.493a.41.41 0 00.402-.417v-1.302a.41.41 0 00-.402-.416h-.898a.41.41 0 01-.402-.416v-6.836c0-.229-.18-.416-.401-.416zm33.906-19.837c-12.34 0-23.16 6.59-29.186 16.477a10.346 10.346 0 014.38 8.457h23.677V26.169c0-.579.445-1.055 1.014-1.112l.115-.006h23.694a34.712 34.712 0 00-2.225-1.974 33.882 33.882 0 00-20.391-7.62l-.538-.012-.54-.004zm6.39 13.599a2.024 2.024 0 00-1.97 2.073 2.021 2.021 0 002.056 1.988 2.023 2.023 0 001.97-2.073 2.02 2.02 0 00-2.055-1.988zm7.023 0a2.023 2.023 0 00-1.971 2.073 2.021 2.021 0 002.056 1.988 2.023 2.023 0 001.97-2.073 2.02 2.02 0 00-2.055-1.988zm7.022 0a2.024 2.024 0 00-1.972 2.073 2.023 2.023 0 002.057 1.988 2.023 2.023 0 001.97-2.073 2.02 2.02 0 00-2.055-1.988z", fill: themeValues.accentColor, mask: "url(#prefix__b)" }))));
+};
+export default themeComponent(GoToEmailIcon, "Icons", fallbackValues, "info");

package/dist/src/components/atoms/icons/IconAdd.d.ts

@@ -0,0 +1,2 @@
+export default IconAdd;
+declare function IconAdd(): JSX.Element;

package/dist/src/components/atoms/icons/IconAdd.js

@@ -0,0 +1,14 @@
+import React from "react";
+var IconAdd = function () { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "18", height: "18", viewBox: "0 0 18 18", className: "icon" },
+    React.createElement("defs", null,
+        React.createElement("path", { id: "path-1", d: "M7.91666623 4.78508747L4.78508747 4.78508747 4.78508747 7.91666623 3.74122788 7.91666623 3.74122788 4.78508747 0.609649123 4.78508747 0.609649123 3.74122788 3.74122788 3.74122788 3.74122788 0.609649123 4.78508747 0.609649123 4.78508747 3.74122788 7.91666623 3.74122788z" })),
+    React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
+        React.createElement("g", { transform: "translate(-407 -563)" },
+            React.createElement("g", { transform: "translate(408 562)" },
+                React.createElement("g", { transform: "translate(0 2)" },
+                    React.createElement("g", { transform: "translate(3.94 3.858)" },
+                        React.createElement("mask", { fill: "#fff" },
+                            React.createElement("use", { xlinkHref: "#path-1" })),
+                        React.createElement("use", { className: "fill", xlinkHref: "#path-1" })),
+                    React.createElement("circle", { className: "stroke", cx: "8.155", cy: "8.072", r: "8" }))))))); };
+export default IconAdd;

package/dist/src/components/atoms/icons/IconQuitLarge.d.ts

@@ -0,0 +1,4 @@
+export default IconQuitLarge;
+declare function IconQuitLarge({ fill }: {
+    fill?: string | undefined;
+}): JSX.Element;

package/dist/src/components/atoms/icons/IconQuitLarge.js

@@ -0,0 +1,19 @@
+import React from "react";
+var IconQuitLarge = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? "#091325" : _b;
+    return (React.createElement("svg", { width: "14px", height: "14px", viewBox: "0 0 14 14", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React.createElement("title", null, "Icon/X"),
+        React.createElement("defs", null,
+            React.createElement("polygon", { id: "quit-large-path-1", points: "18.9999989 6.40999946 17.589999 4.9999997 11.9999993 10.5899995 6.40999946 4.9999997 4.9999997 6.40999946 10.5899995 11.9999993 4.9999997 17.589999 6.40999946 18.9999989 11.9999993 13.409999 17.589999 18.9999989 18.9999989 17.589999 13.409999 11.9999993" })),
+        React.createElement("g", { id: "quit-large-[D]-Cart---Slideout", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { id: "quit-large-[D]-Cart-Slideout---Standard", transform: "translate(-741.000000, -34.000000)" },
+                React.createElement("g", { id: "quit-large-Close-Icon", transform: "translate(724.000000, 17.000000)" },
+                    React.createElement("g", { id: "quit-large-Group", transform: "translate(12.000000, 12.000000)" },
+                        React.createElement("mask", { id: "quit-large-mask-2", fill: "white" },
+                            React.createElement("use", { xlinkHref: "#quit-large-path-1" })),
+                        React.createElement("use", { id: "quit-large-Fill-2", fill: fill, xlinkHref: "#quit-large-path-1" }),
+                        React.createElement("g", { mask: "url(#quit-large-mask-2)", fill: fill, id: "quit-large-\u2B91\uD83C\uDFA8" },
+                            React.createElement("g", null,
+                                React.createElement("rect", { id: "quit-large-\u279D\u270F\uFE0F", x: "0", y: "0", width: "24", height: "24" })))))))));
+};
+export default IconQuitLarge;

package/dist/src/components/atoms/icons/Icons.theme.d.ts

@@ -0,0 +1,33 @@
+export namespace fallbackValues {
+    export { primaryColor };
+    export { accentColor };
+    export { subIconColor };
+    export { singleIconColor };
+}
+declare namespace primaryColor {
+    const info: string;
+    const success: string;
+    const error: string;
+}
+declare namespace accentColor {
+    const info_1: string;
+    export { info_1 as info };
+    const success_1: string;
+    export { success_1 as success };
+    const error_1: string;
+    export { error_1 as error };
+}
+declare namespace subIconColor {
+    const info_2: string;
+    export { info_2 as info };
+    const success_2: string;
+    export { success_2 as success };
+    const error_2: string;
+    export { error_2 as error };
+}
+declare namespace singleIconColor {
+    const primary: string;
+    const secondary: string;
+    const darkMode: string;
+}
+export {};

package/dist/src/components/atoms/icons/Icons.theme.js

@@ -0,0 +1,27 @@
+import { WHITE, BRIGHT_GREY, MATISSE_BLUE, SEA_GREEN, BLUSH_RED } from "../../../constants/colors";
+var primaryColor = {
+    info: "".concat(WHITE),
+    success: "".concat(WHITE),
+    error: "".concat(WHITE)
+};
+var accentColor = {
+    info: "".concat(BRIGHT_GREY),
+    success: "".concat(BRIGHT_GREY),
+    error: "".concat(BRIGHT_GREY)
+};
+var subIconColor = {
+    info: "".concat(MATISSE_BLUE),
+    success: "".concat(SEA_GREEN),
+    error: "".concat(BLUSH_RED)
+};
+var singleIconColor = {
+    primary: "".concat(MATISSE_BLUE),
+    secondary: "".concat(BRIGHT_GREY),
+    darkMode: "".concat(WHITE)
+};
+export var fallbackValues = {
+    primaryColor: primaryColor,
+    accentColor: accentColor,
+    subIconColor: subIconColor,
+    singleIconColor: singleIconColor
+};

package/dist/src/components/atoms/icons/NoCustomerResultsIcon.d.ts

@@ -0,0 +1,2 @@
+export default NoCustomerResultsIcon;
+declare function NoCustomerResultsIcon(): JSX.Element;

package/dist/src/components/atoms/icons/NoCustomerResultsIcon.js

@@ -0,0 +1,15 @@
+import React from "react";
+var NoCustomerResultsIcon = function () {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "366", height: "209", viewBox: "0 0 366 209" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
+            React.createElement("g", { transform: "translate(-537 -434)" },
+                React.createElement("g", { transform: "translate(132 300)" },
+                    React.createElement("g", { transform: "translate(405 134)" },
+                        React.createElement("path", { fill: "#FFF", d: "M73 25h224v144.75a2.25 2.25 0 01-2.25 2.25H75.25a2.25 2.25 0 01-2.25-2.25V25z" }),
+                        React.createElement("path", { fill: "#E4F4FD", d: "M185 185c28.719 0 52 5.373 52 12s-23.281 12-52 12c-28.718 0-52-5.373-52-12s23.282-12 52-12zm35-137.5c14.084 0 25.5 11.416 25.5 25.5 0 14.083-11.416 25.5-25.5 25.5S194.5 87.083 194.5 73c0-14.084 11.416-25.5 25.5-25.5zm-70 0c14.084 0 25.5 11.416 25.5 25.5 0 14.083-11.416 25.5-25.5 25.5-14.083 0-25.5-11.417-25.5-25.5 0-14.084 11.417-25.5 25.5-25.5zM220.001 68c-4.206 0-7.903 2.689-9.348 6.641a2.5 2.5 0 004.634 1.87l.062-.152.083-.214c.786-1.896 2.574-3.145 4.57-3.145 1.994 0 3.782 1.249 4.568 3.145l.083.214.061.152a2.5 2.5 0 004.635-1.87C227.903 70.69 224.208 68 220 68zM150 68c-4.206 0-7.902 2.685-9.346 6.632a2.506 2.506 0 001.497 3.215 2.512 2.512 0 003.158-1.342l.061-.153.083-.212c.781-1.884 2.562-3.126 4.547-3.126 1.986 0 3.767 1.242 4.55 3.127l.082.212.062.153a2.512 2.512 0 003.158 1.34 2.506 2.506 0 001.496-3.215c-1.445-3.946-5.141-6.631-9.348-6.631z" }),
+                        React.createElement("path", { fill: "#292A33", fillRule: "nonzero", d: "M294.625 0A6.376 6.376 0 01301 6.377V157h19a3 3 0 01.176 5.995L320 163h-19v6.623a6.376 6.376 0 01-6.375 6.377H75.374A6.375 6.375 0 0169 169.623V163H33a3 3 0 01-.176-5.995L33 157h36V6.377A6.375 6.375 0 0175.374 0h219.251zM297 25H73v144.623c0 1.259.976 2.288 2.211 2.372l.163.005h219.251a2.376 2.376 0 002.37-2.214l.005-.163V25zm39.953 132l26.112.082a2.952 2.952 0 012.935 2.969 2.953 2.953 0 01-2.78 2.945l-.173.004-26.112-.082a2.952 2.952 0 01-2.935-2.969 2.953 2.953 0 012.78-2.945l.173-.004zM17 157a3 3 0 01.176 5.995L17 163H3a3 3 0 01-.176-5.995L3 157h14zm179.832-42l.26.004c4.66.134 8.422 3.878 8.422 8.51a2.515 2.515 0 01-5.023.166l-.006-.166-.005-.183c-.096-1.763-1.573-3.2-3.446-3.297l-.202-.005h-23.664l-.196.005c-1.873.094-3.352 1.528-3.452 3.29l-.006.19-.005.166a2.515 2.515 0 01-5.023-.166c0-4.632 3.761-8.376 8.422-8.51l.26-.004h23.664zm23.169-72.5c16.845 0 30.499 13.654 30.499 30.5 0 16.845-13.655 30.5-30.5 30.5S189.5 89.845 189.5 73c0-.335.005-.668.016-1h-9.032l.012.499.004.5c0 16.846-13.655 30.501-30.5 30.501S119.5 89.845 119.5 73s13.655-30.5 30.5-30.5c10.22 0 19.266 5.026 24.8 12.742 3.73-1.495 7.226-2.242 10.491-2.242 3.304 0 6.593.765 9.87 2.296C200.69 47.55 209.755 42.5 220 42.5zm0 5C205.916 47.5 194.5 58.916 194.5 73c0 14.083 11.416 25.5 25.5 25.5s25.5-11.417 25.5-25.5c0-14.084-11.416-25.5-25.5-25.5zm-70 0C135.917 47.5 124.5 58.916 124.5 73c0 14.083 11.417 25.5 25.5 25.5 14.084 0 25.5-11.417 25.5-25.5 0-14.084-11.416-25.5-25.5-25.5zM185 59a3 3 0 100 6.002 3 3 0 000-6.002zM294.626 4H75.374a2.375 2.375 0 00-2.369 2.214L73 6.377V21h224V6.377a2.376 2.376 0 00-2.212-2.372L294.625 4zM81.5 10a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z" }),
+                        React.createElement("path", { fill: "#959CA8", fillRule: "nonzero", d: "M220.001 68c4.207 0 7.902 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152C223.916 74.343 222.07 73 220 73c-1.995 0-3.783 1.25-4.57 3.145l-.082.214a2.5 2.5 0 01-4.696-1.718C212.098 70.69 215.795 68 220 68zM150 68c4.207 0 7.903 2.685 9.348 6.631a2.506 2.506 0 01-1.496 3.216 2.512 2.512 0 01-3.158-1.34l-.062-.154c-.734-2.003-2.572-3.339-4.632-3.339-1.985 0-3.766 1.242-4.547 3.126l-.083.212a2.511 2.511 0 01-3.22 1.495 2.506 2.506 0 01-1.496-3.215C142.097 70.685 145.793 68 150 68z" }),
+                        React.createElement("path", { fill: "#E4E6EB", d: "M294.75 4A2.25 2.25 0 01297 6.25V21H73V6.25A2.25 2.25 0 0175.25 4zM81.5 10a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5z" }),
+                        React.createElement("path", { fill: "#15749D", fillRule: "nonzero", d: "M182 176v20a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-.2-7.995l.2-.005h10v-16h8zm14 0v16h10a4 4 0 013.995 3.8l.005.2a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-3.995-3.8L188 196v-20h8zM69 128.5v9l-7.875 4.429 32.876 6.953c1.81-4.055 5.877-6.882 10.604-6.882a4 4 0 01.2 7.995l-.2.005a3.605 3.605 0 00-3.604 3.628l-.001-.023a3.606 3.606 0 003.414 3.601l.191.005h6.644a4 4 0 01.2 7.995l-.2.005h-6.644c-5.246 0-9.679-3.48-11.115-8.259l-44.708-9.457c-3.58-.757-4.322-5.493-1.242-7.336l.175-.1L69 128.5zm193.321-62.228a42.836 42.836 0 01.704 8.714l53.02 37.735a4 4 0 01.661 5.926l-.148.157L301 134.5V123l6.557-6.5-45.68-32.513a42.337 42.337 0 01-2.193 6.683 4 4 0 01-7.368-3.116 34.513 34.513 0 002.719-13.477c0-2.149-.195-4.27-.58-6.349a4 4 0 117.866-1.456z" })))))));
+};
+export default NoCustomerResultsIcon;

package/dist/src/components/atoms/icons/NoPaymentResultsIcon.d.ts

@@ -0,0 +1,2 @@
+export default NoPaymentResultsIcon;
+declare function NoPaymentResultsIcon(): JSX.Element;

package/dist/src/components/atoms/icons/NoPaymentResultsIcon.js

@@ -0,0 +1,16 @@
+import React from "react";
+var NoPaymentResultsIcon = function () {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "366", height: "209", viewBox: "0 0 366 209" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
+            React.createElement("g", { transform: "translate(-537 -466)" },
+                React.createElement("g", { transform: "translate(132 332)" },
+                    React.createElement("g", { transform: "translate(405 134)" },
+                        React.createElement("path", { fill: "#FFF", d: "M73 25h224v144.75a2.25 2.25 0 01-2.25 2.25H75.25a2.25 2.25 0 01-2.25-2.25V25z" }),
+                        React.createElement("path", { fill: "#E4F4FD", d: "M220 47.5c14.084 0 25.5 11.416 25.5 25.5 0 14.083-11.416 25.5-25.5 25.5S194.5 87.083 194.5 73c0-14.084 11.416-25.5 25.5-25.5zm-70 0c14.084 0 25.5 11.416 25.5 25.5 0 14.083-11.416 25.5-25.5 25.5-14.083 0-25.5-11.417-25.5-25.5 0-14.084 11.417-25.5 25.5-25.5zM220.001 68c-4.206 0-7.903 2.689-9.348 6.641a2.5 2.5 0 004.634 1.87l.062-.152.083-.214c.786-1.896 2.574-3.145 4.57-3.145 1.994 0 3.782 1.249 4.568 3.145l.083.214.061.152a2.5 2.5 0 004.635-1.87C227.903 70.69 224.208 68 220 68zM150 68c-4.206 0-7.902 2.685-9.346 6.632a2.506 2.506 0 001.497 3.215 2.512 2.512 0 003.158-1.342l.061-.153.083-.212c.781-1.884 2.562-3.126 4.547-3.126 1.986 0 3.767 1.242 4.55 3.127l.082.212.062.153a2.512 2.512 0 003.158 1.34 2.506 2.506 0 001.496-3.215c-1.445-3.946-5.141-6.631-9.348-6.631z" }),
+                        React.createElement("path", { fill: "#E8FFEF", d: "M237 197c0 6.627-23.281 12-52 12-28.718 0-52-5.373-52-12s23.282-12 52-12c28.719 0 52 5.373 52 12" }),
+                        React.createElement("path", { fill: "#292A33", fillRule: "nonzero", d: "M294.625 0A6.376 6.376 0 01301 6.377V157h19a3 3 0 01.176 5.995L320 163h-19v6.623a6.376 6.376 0 01-6.375 6.377H75.374A6.375 6.375 0 0169 169.623V163H33a3 3 0 01-.176-5.995L33 157h36V6.377A6.375 6.375 0 0175.374 0h219.251zM297 25H73v144.623c0 1.259.976 2.288 2.211 2.372l.163.005h219.251a2.376 2.376 0 002.37-2.214l.005-.163V25zm39.953 132l26.112.082a2.952 2.952 0 012.935 2.969 2.953 2.953 0 01-2.78 2.945l-.173.004-26.112-.082a2.952 2.952 0 01-2.935-2.969 2.953 2.953 0 012.78-2.945l.173-.004zM17 157a3 3 0 01.176 5.995L17 163H3a3 3 0 01-.176-5.995L3 157h14zm179.832-42l.26.004c4.66.134 8.422 3.878 8.422 8.51a2.515 2.515 0 01-5.023.166l-.006-.166-.005-.183c-.096-1.763-1.573-3.2-3.446-3.297l-.202-.005h-23.664l-.196.005c-1.873.094-3.352 1.528-3.452 3.29l-.006.19-.005.166a2.515 2.515 0 01-5.023-.166c0-4.632 3.761-8.376 8.422-8.51l.26-.004h23.664zm23.169-72.5c16.845 0 30.499 13.654 30.499 30.5 0 16.845-13.655 30.5-30.5 30.5S189.5 89.845 189.5 73c0-.335.005-.668.016-1h-9.032l.012.499.004.5c0 16.846-13.655 30.501-30.5 30.501S119.5 89.845 119.5 73s13.655-30.5 30.5-30.5c10.22 0 19.266 5.026 24.8 12.742 3.73-1.495 7.226-2.242 10.491-2.242 3.304 0 6.593.765 9.87 2.296C200.69 47.55 209.755 42.5 220 42.5zm0 5C205.916 47.5 194.5 58.916 194.5 73c0 14.083 11.416 25.5 25.5 25.5s25.5-11.417 25.5-25.5c0-14.084-11.416-25.5-25.5-25.5zm-70 0C135.917 47.5 124.5 58.916 124.5 73c0 14.083 11.417 25.5 25.5 25.5 14.084 0 25.5-11.417 25.5-25.5 0-14.084-11.416-25.5-25.5-25.5zM185 59a3 3 0 100 6.002 3 3 0 000-6.002zM294.626 4H75.374a2.375 2.375 0 00-2.369 2.214L73 6.377V21h224V6.377a2.376 2.376 0 00-2.212-2.372L294.625 4zM81.5 10a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm8 0a2.5 2.5 0 110 5 2.5 2.5 0 010-5z" }),
+                        React.createElement("path", { fill: "#959CA8", fillRule: "nonzero", d: "M220.001 68c4.207 0 7.902 2.689 9.348 6.641a2.5 2.5 0 01-4.635 1.87l-.061-.152C223.916 74.343 222.07 73 220 73c-1.995 0-3.783 1.25-4.57 3.145l-.082.214a2.5 2.5 0 01-4.696-1.718C212.098 70.69 215.795 68 220 68zM150 68c4.207 0 7.903 2.685 9.348 6.631a2.506 2.506 0 01-1.496 3.216 2.512 2.512 0 01-3.158-1.34l-.062-.154c-.734-2.003-2.572-3.339-4.632-3.339-1.985 0-3.766 1.242-4.547 3.126l-.083.212a2.511 2.511 0 01-3.22 1.495 2.506 2.506 0 01-1.496-3.215C142.097 70.685 145.793 68 150 68z" }),
+                        React.createElement("path", { fill: "#E4E6EB", d: "M294.75 4A2.25 2.25 0 01297 6.25V21H73V6.25A2.25 2.25 0 0175.25 4zM81.5 10a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm8 0a2.5 2.5 0 100 5 2.5 2.5 0 000-5z" }),
+                        React.createElement("path", { fill: "#317D4F", fillRule: "nonzero", d: "M182 176v20a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-.2-7.995l.2-.005h10v-16h8zm14 0v16h10a4 4 0 013.995 3.8l.005.2a4 4 0 01-3.8 3.995l-.2.005h-14a4 4 0 01-3.995-3.8L188 196v-20h8zM69 128.5v9l-7.875 4.429 32.876 6.953c1.81-4.055 5.877-6.882 10.604-6.882a4 4 0 01.2 7.995l-.2.005a3.605 3.605 0 00-3.604 3.628l-.001-.023a3.606 3.606 0 003.414 3.601l.191.005h6.644a4 4 0 01.2 7.995l-.2.005h-6.644c-5.246 0-9.679-3.48-11.115-8.259l-44.708-9.457c-3.58-.757-4.322-5.493-1.242-7.336l.175-.1L69 128.5zm193.321-62.228a42.836 42.836 0 01.704 8.714l53.02 37.735a4 4 0 01.661 5.926l-.148.157L301 134.5V123l6.557-6.5-45.68-32.513a42.337 42.337 0 01-2.193 6.683 4 4 0 01-7.368-3.116 34.513 34.513 0 002.719-13.477c0-2.149-.195-4.27-.58-6.349a4 4 0 117.866-1.456z" })))))));
+};
+export default NoPaymentResultsIcon;

package/dist/src/components/atoms/icons/NotFoundIcon.d.ts

@@ -0,0 +1,2 @@
+export default NotFoundIcon;
+declare function NotFoundIcon(): JSX.Element;

package/dist/src/components/atoms/icons/NotFoundIcon.js

@@ -0,0 +1,56 @@
+import React from "react";
+var NotFoundIcon = function () { return (React.createElement("svg", { width: "548px", height: "308px", viewBox: "0 0 548 308", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("g", { id: "STOR-2683", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "404-Page", transform: "translate(-446.000000, -168.000000)" },
+            React.createElement("g", { id: "not-found-illustration", transform: "translate(449.000000, 168.000000)" },
+                React.createElement("g", { id: "baseline", transform: "translate(0.483800, 246.050200)", stroke: "#3B414D", strokeLinecap: "round", strokeWidth: "8" },
+                    React.createElement("line", { x1: "463.3123", y1: "1.326", x2: "399.5563", y2: "1.674", id: "baseline-right---01" }),
+                    React.createElement("line", { x1: "512.9402", y1: "1.326", x2: "483.1052", y2: "1.674", id: "baseline-right---02" }),
+                    React.createElement("line", { x1: "143.1111", y1: "1.326", x2: "90.7391", y2: "1.674", id: "baseline-left---01" }),
+                    React.createElement("line", { x1: "71.179", y1: "1.326", x2: "0.5162", y2: "0.9498", id: "baseline-left---02" })),
+                React.createElement("path", { d: "M151.968,73 L391.689,73 C395.538,73 398.658,76.12 398.658,79.968 L398.658,258.366 C398.658,262.214 395.538,265.334 391.689,265.334 L151.968,265.334 C148.119,265.334 145,262.214 145,258.366 L145,79.968 C145,76.12 148.119,73 151.968,73", id: "browser-background", fill: "#FEFEFE" }),
+                React.createElement("g", { id: "binoculars", transform: "translate(209.811300, 116.913100)" },
+                    React.createElement("path", { d: "M97.5616,55.749 C112.9566,55.749 125.4356,43.269 125.4356,27.874 C125.4356,12.479 112.9566,0 97.5616,0 C82.1656,0 69.6866,12.479 69.6866,27.874 C69.6866,43.269 82.1656,55.749 97.5616,55.749 Z", id: "binocular-right", stroke: "#3B414D", strokeWidth: "5.575", fill: "#E4F4FD" }),
+                    React.createElement("g", { id: "binocular-center", transform: "translate(49.189100, 8.087300)" },
+                        React.createElement("path", { d: "M2.22044605e-13,3.484 C4.718,1.161 9.085,-2.84217094e-14 13.102,-2.84217094e-14 C17.117,-2.84217094e-14 21.112,1.161 25.087,3.484 L21.2,11.743 L21.603,19.512 L3.484,19.512 L3.854,11.601 L2.22044605e-13,3.484 Z", id: "Fill-1", fill: "#3B414D" }),
+                        React.createElement("path", { d: "M15.1055,8.7316 C15.1055,10.1936 13.9205,11.3786 12.4595,11.3786 C10.9975,11.3786 9.8115,10.1936 9.8115,8.7316 C9.8115,7.2696 10.9975,6.0846 12.4595,6.0846 C13.9205,6.0846 15.1055,7.2696 15.1055,8.7316", id: "Fill-4", fill: "#FEFEFE" })),
+                    React.createElement("path", { d: "M27.875,55.749 C43.27,55.749 55.749,43.269 55.749,27.874 C55.749,12.479 43.27,0 27.875,0 C12.48,0 -1.13686838e-13,12.479 -1.13686838e-13,27.874 C-1.13686838e-13,43.269 12.48,55.749 27.875,55.749 Z", id: "binocular-left", stroke: "#3B414D", strokeWidth: "5.575", fill: "#E4F4FD" }),
+                    React.createElement("path", { d: "M20.1887,30.6619 C21.3567,27.4039 24.3487,25.0869 27.8547,25.0869 C31.3597,25.0869 34.3517,27.4039 35.5197,30.6619", id: "eye-left", stroke: "#3B414D", strokeWidth: "5.575", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    React.createElement("path", { d: "M90.1887,30.6619 C91.3567,27.4039 94.3487,25.0869 97.8547,25.0869 C101.3597,25.0869 104.3517,27.4039 105.5197,30.6619", id: "eye-right", stroke: "#3B414D", strokeWidth: "5.575", strokeLinecap: "round", strokeLinejoin: "round" })),
+                React.createElement("path", { d: "M292.191,186 L292.191,186 C292.191,189.803 289.108,192.886 285.305,192.886 L258.885,192.886 C255.083,192.886 252,189.803 252,186", id: "mouth", stroke: "#3B414D", strokeWidth: "5.575", strokeLinecap: "round" }),
+                React.createElement("g", { id: "browser-top", transform: "translate(145.000000, 73.000000)" },
+                    React.createElement("polygon", { id: "background", fill: "#E4E6EB", points: "0 26 254 26 254 0 0 0" }),
+                    React.createElement("circle", { id: "dot", fill: "#3B414D", cx: "13", cy: "13", r: "3" }),
+                    React.createElement("circle", { id: "dot", fill: "#3B414D", cx: "23", cy: "13", r: "3" }),
+                    React.createElement("circle", { id: "dot", fill: "#3B414D", cx: "33", cy: "13", r: "3" }),
+                    React.createElement("line", { x1: "3", y1: "26", x2: "251", y2: "26", id: "line", stroke: "#3B414D", strokeWidth: "6" })),
+                React.createElement("g", { id: "sign-post", transform: "translate(427.000000, 88.999700)", strokeWidth: "6" },
+                    React.createElement("polyline", { id: "sign-post---left", stroke: "#3B414D", strokeLinecap: "round", strokeLinejoin: "round", points: "39.196 47.0005 7.06 50.5815 5.68434189e-14 64.7845 7.06 77.6745 54.679 72.3625 54.679 175.7975 40.451 175.7975" }),
+                    React.createElement("polyline", { id: "sign-post---right", stroke: "#3B414D", strokeLinecap: "round", strokeLinejoin: "round", points: "54.6794 54.6792 107.8214 60.9392 114.3504 49.0202 107.8214 35.8872 54.6794 29.6262 54.6794 13.4842" }),
+                    React.createElement("path", { d: "M62.9412,7.971 C62.9412,12.373 59.3732,15.941 54.9702,15.941 C50.5682,15.941 47.0002,12.373 47.0002,7.971 C47.0002,3.569 50.5682,1.59872116e-14 54.9702,1.59872116e-14 C59.3732,1.59872116e-14 62.9412,3.569 62.9412,7.971", id: "sign-post---top", stroke: "#27A9E1", fill: "#E4F4FD" })),
+                React.createElement("path", { d: "M330.327,294.916 C330.327,302.049 304.286,307.832 272.163,307.832 C240.04,307.832 214,302.049 214,294.916 C214,287.783 240.04,282 272.163,282 C304.286,282 330.327,287.783 330.327,294.916", id: "shadow", fill: "#EAF4EB" }),
+                React.createElement("g", { id: "legs", transform: "translate(248.000000, 268.000000)", stroke: "#45B770", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "8.362" },
+                    React.createElement("polyline", { id: "Stroke-1", points: "15.817 -2.13162821e-14 15.817 24.795 3.55271368e-15 24.795" }),
+                    React.createElement("polyline", { id: "Stroke-3", points: "31.3102 -2.30926389e-14 31.3102 25.574 47.1272 25.574" })),
+                React.createElement("line", { x1: "143.441", y1: "205.181", x2: "121.181", y2: "224.512", id: "arm-left---top", stroke: "#45B770", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("line", { x1: "399.988281", y1: "213.830078", x2: "416.9162", y2: "196.8489", id: "right-right---bottom", stroke: "#45B770", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("path", { d: "M151.969,73 L391.69,73 C395.538,73 398.658,76.12 398.658,79.969 L398.658,258.366 C398.658,262.214 395.538,265.334 391.69,265.334 L151.969,265.334 C148.12,265.334 145,262.214 145,258.366 L145,79.969 C145,76.12 148.12,73 151.969,73 Z", id: "browser-border", stroke: "#3B414D", strokeWidth: "6" }),
+                React.createElement("line", { x1: "121.1812", y1: "224.512", x2: "171.9052", y2: "236.375", id: "arm-left---bottom", stroke: "#45B770", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("line", { x1: "416.916", y1: "196.8493", x2: "348.522", y2: "153.6733", id: "arm-right---top", stroke: "#45B770", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("path", { d: "M344.1914,160.9806 C346.1454,156.3596 347.2264,151.2786 347.2264,145.9456 C347.2264,143.5286 347.0044,141.1636 346.5794,138.8686", id: "hand-left", stroke: "#45B770", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                React.createElement("g", { id: "map", transform: "translate(183.000000, 203.000000)", strokeLinejoin: "round" },
+                    React.createElement("polygon", { stroke: "#3B414D", strokeWidth: "6", fill: "#E4F4FD", points: "69.3333333 0 34.6666667 8.12833265 0 0 0 69.8706676 34.6666667 78 69.3333333 69.8706676 104 78 104 8.12833265" }),
+                    React.createElement("line", { x1: "34.5", y1: "62.8644", x2: "34.5", y2: "55.5804", id: "map-line---left---02", stroke: "#28A7DF", strokeWidth: "4.878", strokeLinecap: "round" }),
+                    React.createElement("line", { x1: "34.5", y1: "45.03", x2: "34.5", y2: "22", id: "map-line---left---01", stroke: "#28A7DF", strokeWidth: "4.878", strokeLinecap: "round" }),
+                    React.createElement("line", { x1: "69.4391", y1: "54.9698", x2: "69.4391", y2: "37.1358", id: "map-line---right---02", stroke: "#28A7DF", strokeWidth: "4.878", strokeLinecap: "round" }),
+                    React.createElement("line", { x1: "69.4391", y1: "27.5738", x2: "69.4391", y2: "17.4388", id: "map-line---right---01", stroke: "#28A7DF", strokeWidth: "4.878", strokeLinecap: "round" })),
+                React.createElement("g", { id: "left-hand", transform: "translate(173.473700, 226.000000)" },
+                    React.createElement("path", { d: "M7.605,5.1029 C3.405,5.1029 -1.0658141e-13,8.5079 -1.0658141e-13,12.7079 C-1.0658141e-13,16.9089 3.405,20.3139 7.605,20.3139 L14.249,20.3139", id: "hand", stroke: "#45B770", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                    React.createElement("rect", { id: "cover", fill: "#3B414D", x: "6.5263", y: "0", width: "6", height: "9" })),
+                React.createElement("g", { id: "clouds", transform: "translate(44.000000, 0.000000)", fill: "#B8E4F4" },
+                    React.createElement("path", { d: "M396.6868,87.0406 C394.3808,87.0406 392.2528,87.7836 390.5118,89.0306 C389.6798,80.0776 382.1498,73.0676 372.9798,73.0676 C364.9078,73.0676 358.1098,78.4996 356.0278,85.9056 C353.9528,84.3526 351.3838,83.4216 348.5928,83.4216 C341.7248,83.4216 336.1578,88.9886 336.1578,95.8566 C336.1578,102.7246 341.7248,108.2906 348.5928,108.2906 L396.6868,108.2906 C402.5548,108.2906 407.3118,103.5346 407.3118,97.6656 C407.3118,91.7976 402.5548,87.0406 396.6868,87.0406", id: "cloud---05" }),
+                    React.createElement("path", { d: "M320.0872,9.9 C318.8362,9.9 317.6522,10.175 316.5812,10.657 C315.5252,9.315 313.8902,8.45 312.0492,8.45 C311.5082,8.45 310.9862,8.529 310.4902,8.669 C308.5432,3.602 303.6442,5.68434189e-14 297.8922,5.68434189e-14 C291.6222,5.68434189e-14 286.3662,4.277 284.8442,10.069 C284.2972,9.959 283.7322,9.9 283.1522,9.9 C278.4272,9.9 274.5962,13.731 274.5962,18.457 C274.5962,23.183 278.4272,27.014 283.1522,27.014 L320.0872,27.014 C324.8132,27.014 328.6442,23.183 328.6442,18.457 C328.6442,13.731 324.8132,9.9 320.0872,9.9", id: "cloud---04" }),
+                    React.createElement("path", { d: "M198.5179,25.524 C195.7659,25.524 193.2259,26.41 191.1459,27.899 C190.1539,17.212 181.1649,8.845 170.2189,8.845 C160.5829,8.845 152.4689,15.329 149.9839,24.17 C147.5059,22.316 144.4409,21.204 141.1079,21.204 C132.9109,21.204 126.2649,27.85 126.2649,36.047 C126.2649,44.245 132.9109,50.891 141.1079,50.891 L198.5179,50.891 C205.5219,50.891 211.2009,45.212 211.2009,38.208 C211.2009,31.203 205.5219,25.524 198.5179,25.524", id: "cloud---03" }),
+                    React.createElement("path", { d: "M117.9359,151.1183 C116.6859,151.1183 115.5009,151.3933 114.4309,151.8753 C113.3739,150.5333 111.7379,149.6683 109.8979,149.6683 C109.3569,149.6683 108.8359,149.7473 108.3389,149.8873 C106.3919,144.8203 101.4929,141.2183 95.7409,141.2183 C89.4719,141.2183 84.2149,145.4953 82.6919,151.2873 C82.1459,151.1773 81.5809,151.1183 81.0019,151.1183 C76.2759,151.1183 72.4449,154.9493 72.4449,159.6753 C72.4449,164.4013 76.2759,168.2323 81.0019,168.2323 L117.9359,168.2323 C122.6619,168.2323 126.4929,164.4013 126.4929,159.6753 C126.4929,154.9493 122.6619,151.1183 117.9359,151.1183", id: "cloud---02" }),
+                    React.createElement("path", { d: "M45.491,85.3556 C44.241,85.3556 43.056,85.6306 41.985,86.1126 C40.929,84.7706 39.293,83.9056 37.453,83.9056 C36.912,83.9056 36.391,83.9846 35.894,84.1246 C33.947,79.0576 29.048,75.4556 23.296,75.4556 C17.027,75.4556 11.77,79.7326 10.247,85.5246 C9.701,85.4146 9.136,85.3556 8.557,85.3556 C3.831,85.3556 -1.13686838e-13,89.1866 -1.13686838e-13,93.9126 C-1.13686838e-13,98.6386 3.831,102.4696 8.557,102.4696 L45.491,102.4696 C50.217,102.4696 54.048,98.6386 54.048,93.9126 C54.048,89.1866 50.217,85.3556 45.491,85.3556", id: "cloud---01" }))))))); };
+export default NotFoundIcon;

package/dist/src/components/atoms/icons/PaymentIcon.d.ts

@@ -0,0 +1,8 @@
+export const BankItemWrapper: any;
+export const BankAccountText: any;
+export default PaymentIcon;
+declare function PaymentIcon({ lastFour, accountType, autoPay }: {
+    lastFour: any;
+    accountType: any;
+    autoPay: any;
+}): JSX.Element;

package/dist/src/components/atoms/icons/PaymentIcon.js

@@ -0,0 +1,30 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from "react";
+import styled from "styled-components";
+import { REGENT_GREY, CHARADE_GREY } from "../../../constants/colors";
+import BankIcon from "./BankIcon";
+import { Stack, Box } from "../layouts";
+import Text from "../text";
+export var BankItemWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n"])));
+export var BankAccountText = styled.h4(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5rem;\n  text-align: left;\n  margin-right: 0.5rem;\n  display: inline-block;\n"], ["\n  color: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5rem;\n  text-align: left;\n  margin-right: 0.5rem;\n  display: inline-block;\n"])), CHARADE_GREY);
+var CHECKING = "CHECKING";
+var SAVINGS = "SAVINGS";
+var PaymentIcon = function (_a) {
+    var lastFour = _a.lastFour, accountType = _a.accountType, autoPay = _a.autoPay;
+    return (React.createElement(BankItemWrapper, null,
+        React.createElement(Box, { padding: "0.25rem 0 0 0", extraStyles: "margin-right: 1rem;" },
+            React.createElement(BankIcon, null)),
+        React.createElement(Stack, { childGap: "0" },
+            accountType === CHECKING && (React.createElement(BankAccountText, null,
+                "Checking Account ending in ",
+                lastFour)),
+            accountType === SAVINGS && (React.createElement(BankAccountText, null,
+                "Savings Account ending in ",
+                lastFour)),
+            autoPay && (React.createElement(Text, { variant: "p", color: REGENT_GREY, extraStyles: "font-style: italic;" }, "Autopay Enabled")))));
+};
+export default PaymentIcon;
+var templateObject_1, templateObject_2;

package/dist/src/components/atoms/icons/PaymentMethodAddIcon.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ variant, ...props }: {
+    [x: string]: any;
+    variant?: any;
+}) => any;
+export default _default;