@thecb/components 7.5.1 → 7.5.2

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var SettingsIconSmall = function (_a) {
+    var themeValues = _a.themeValues;
+    return (React.createElement("svg", { width: "22px", height: "22px", viewBox: "0 2 24 24", version: "1.1", 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("rect", { id: "path-1-paymentssmall", x: "0", y: "0", width: "29", height: "27" })),
+        React.createElement("g", { id: "Random-Icon-Work", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { id: "Header/Desktop/Menu" },
+                React.createElement("g", { id: "Header/Desktop/Menu/Settings-Tab" },
+                    React.createElement("g", null,
+                        React.createElement("g", { id: "Payments" },
+                            React.createElement("g", { id: "cog" },
+                                React.createElement("mask", { id: "mask-2-paymentssmall", fill: "white" },
+                                    React.createElement("use", { xlinkHref: "#path-1-paymentssmall" })),
+                                React.createElement("g", { id: "Mask" }),
+                                React.createElement("path", { d: "M13.9335677,21.7578083 C14.0273176,21.7343707 14.103489,21.6816364 14.1620828,21.5996056 C14.2206766,21.5175747 14.2499732,21.4296843 14.2499732,21.3359343 L14.2499732,19.6132822 C15.0468465,19.3320328 15.7616883,18.9218774 16.3944993,18.3828164 L17.8710583,19.2617205 C17.9648082,19.3085952 18.0585577,19.3203143 18.1523076,19.2968767 C18.2460576,19.2734391 18.3280885,19.2265643 18.3984008,19.156252 C19.2890235,18.195317 19.9335536,17.0937568 20.3319899,15.8515724 C20.3554276,15.7578224 20.349568,15.664073 20.3144118,15.5703231 C20.2792557,15.4765731 20.2148029,15.4062608 20.1210529,15.3593861 L18.644494,14.4804819 C18.7851186,13.6601715 18.7851186,12.8398606 18.644494,12.0195503 L20.1210529,11.1406461 C20.2148029,11.0937714 20.2792557,11.0234591 20.3144118,10.9297091 C20.349568,10.8359592 20.3554276,10.7422098 20.3319899,10.6484598 C19.9335536,9.40627544 19.2890235,8.3047152 18.3984008,7.34378017 C18.3280885,7.27346784 18.2460576,7.22659313 18.1523076,7.20315551 C18.0585577,7.17971789 17.9648082,7.19143697 17.8710583,7.23831168 L16.3944993,8.11721583 C15.7616883,7.57815479 15.0468465,7.16799934 14.2499732,6.88675001 L14.2499732,5.16409787 C14.2499732,5.07034792 14.2206766,4.9824575 14.1620828,4.90042663 C14.103489,4.81839575 14.0273176,4.7656615 13.9335677,4.74222388 C12.6445081,4.46097455 11.355449,4.46097455 10.0663894,4.74222388 C9.97263945,4.7656615 9.89646811,4.81839575 9.83787432,4.90042663 C9.77928053,4.9824575 9.74998391,5.07034792 9.74998391,5.16409787 L9.74998391,6.88675001 C8.95311063,7.16799934 8.23826876,7.57815479 7.60545777,8.11721583 L6.12889879,7.23831168 C6.03514883,7.19143697 5.94139942,7.17971789 5.84764946,7.20315551 C5.75389951,7.22659313 5.67186863,7.27346784 5.6015563,7.34378017 C4.7109336,8.3047152 4.06640353,9.40627544 3.66796716,10.6484598 C3.64452953,10.7422098 3.65038907,10.8359592 3.68554524,10.9297091 C3.72070141,11.0234591 3.7851542,11.0937714 3.87890415,11.1406461 L5.35546313,12.0195503 C5.21483847,12.8398606 5.21483847,13.6601715 5.35546313,14.4804819 L3.87890415,15.3593861 C3.7851542,15.4062608 3.72070141,15.4765731 3.68554524,15.5703231 C3.65038907,15.664073 3.64452953,15.7578224 3.66796716,15.8515724 C4.06640353,17.0937568 4.7109336,18.195317 5.6015563,19.156252 C5.67186863,19.2265643 5.75389951,19.2734391 5.84764946,19.2968767 C5.94139942,19.3203143 6.03514883,19.3085952 6.12889879,19.2617205 L7.60545777,18.3828164 C8.23826876,18.9218774 8.95311063,19.3320328 9.74998391,19.6132822 L9.74998391,21.3359343 C9.74998391,21.4296843 9.77928053,21.5175747 9.83787432,21.5996056 C9.89646811,21.6816364 9.97263945,21.7343707 10.0663894,21.7578083 C11.355449,22.0390576 12.6445081,22.0390576 13.9335677,21.7578083 Z M11.9999785,16.0625094 C11.2265429,16.0625094 10.5644353,15.7871196 10.0136552,15.2363395 C9.46287504,14.6855594 9.18748525,14.0234517 9.18748525,13.2500161 C9.18748525,12.4765804 9.46287504,11.8144728 10.0136552,11.2636927 C10.5644353,10.7129126 11.2265429,10.4375228 11.9999785,10.4375228 C12.7734142,10.4375228 13.4355218,10.7129126 13.9863019,11.2636927 C14.537082,11.8144728 14.8124718,12.4765804 14.8124718,13.2500161 C14.8124718,14.0234517 14.537082,14.6855594 13.9863019,15.2363395 C13.4355218,15.7871196 12.7734142,16.0625094 11.9999785,16.0625094 Z", id: "c", fill: themeValues.singleIconColor, fillRule: "nonzero", mask: "url(#mask-2-paymentssmall)" })))))))));
+};
+export default themeComponent(SettingsIconSmall, "Icons", fallbackValues, "primary");

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+var ShoppingCartIcon = 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("title", null, "Icon - Cart-Empty"),
+    React.createElement("defs", null,
+        React.createElement("filter", { id: "cart-badge-filter-1" },
+            React.createElement("feColorMatrix", { in: "SourceGraphic", type: "matrix", values: "0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0" }))),
+    React.createElement("g", { id: "cart-badge-Icon---Cart-Empty", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { filter: "url(#cart-badge-filter-1)", id: "cart-badge-Group" },
+            React.createElement("g", { transform: "translate(3.000000, 7.000000)" },
+                React.createElement("path", { d: "M18.7499553,20.499994 C19.348912,20.499994 19.8632339,20.2851508 20.2929204,19.8554643 C20.7226068,19.4257779 20.9374501,18.911456 20.9374501,18.3124993 C20.9374501,17.8958334 20.8267735,17.5117199 20.6054196,17.1601583 C20.3840658,16.8085966 20.0780771,16.5416703 19.6874531,16.3593789 L19.6874531,16.3593789 L19.9218275,15.3828187 C19.9739105,15.0963613 19.9088069,14.835945 19.7265155,14.6015706 C19.544224,14.3671962 19.3098496,14.2500089 19.0233921,14.2500089 L19.0233921,14.2500089 L8.5156047,14.2500089 L8.28123026,13.0000119 L19.7265155,13.0000119 C19.9348481,13.0000119 20.1236501,12.9349077 20.2929204,12.8046999 C20.4621906,12.6744921 20.5728678,12.4922006 20.6249508,12.2578262 L20.6249508,12.2578262 L22.4608839,4.13284556 C22.5390088,3.84638811 22.4869258,3.58597187 22.3046343,3.35159742 C22.1223429,3.11722298 21.8749478,3.00004172 21.5624486,3.00004172 L21.5624486,3.00004172 L6.21092269,3.00004172 L5.85936103,1.24222745 C5.80727802,1.03389482 5.6966008,0.858113985 5.52733057,0.714884961 C5.35806034,0.571655937 5.16925831,0.500041723 4.96092567,0.500041723 L4.96092567,0.500041723 L0.937497765,0.500041723 C0.67708152,0.500041723 0.455728279,0.591187141 0.273436848,0.773478571 C0.0911454173,0.955770002 0,1.17712324 0,1.43753949 L0,1.43753949 L0,2.062538 C0,2.32295424 0.0911454173,2.54430748 0.273436848,2.72659891 C0.455728279,2.90889035 0.67708152,3.00004172 0.937497765,3.00004172 L0.937497765,3.00004172 L3.67186625,3.00004172 L6.40623473,16.3984413 C6.06769367,16.606774 5.80076742,16.8802108 5.60545539,17.2187519 C5.41014335,17.5572929 5.31248733,17.9218752 5.31248733,18.3124993 C5.31248733,18.911456 5.52733057,19.4257779 5.95701705,19.8554643 C6.38670352,20.2851508 6.90102541,20.499994 7.49998212,20.499994 C8.09893883,20.499994 8.61326071,20.2851508 9.04294719,19.8554643 C9.47263367,19.4257779 9.6874769,18.904946 9.6874769,18.2929681 C9.6874769,17.6809901 9.46612307,17.1666689 9.02341599,16.750003 L9.02341599,16.750003 L17.2265214,16.750003 C16.7838143,17.1666689 16.5624605,17.6809901 16.5624605,18.2929681 C16.5624605,18.904946 16.7773037,19.4257779 17.2069902,19.8554643 C17.6366767,20.2851508 18.1509986,20.499994 18.7499553,20.499994 Z", id: "cart-badge-shopping-cart", fill: "#FFFFFF", fillRule: "nonzero" })))))); };
+export default ShoppingCartIcon;

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+var StatusUnknownIcon = 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, -736.000000)", fill: "#6D717E" },
+            React.createElement("path", { d: "M80,736 C88.836556,736 96,743.163444 96,752 C96,760.836556 88.836556,768 80,768 C71.163444,768 64,760.836556 64,752 C64,743.163444 71.163444,736 80,736 Z M80.85,757 L78.85,757 L78.85,759 L80.85,759 L80.85,757 Z M80.1460007,745 C78.0670004,745 76.4650001,746.017 75.7,747.799 L75.7,747.799 L77.5900003,748.294001 L77.6622133,748.125985 C78.1059448,747.191195 79.1250006,746.557 80.1280007,746.557 C81.2800009,746.557 82.099001,747.187 82.099001,748.195001 C82.099001,750.301001 78.9670005,751.093001 78.9670005,754.459002 L78.9670005,754.459002 L80.7670008,754.459002 L80.7792965,754.169347 C81.0061162,751.541289 84.2950014,750.971966 84.2950014,748.087001 C84.2950014,746.341 82.6480011,745 80.1460007,745 Z", id: "status-icon---default-/-unknown" }))))); };
+export default StatusUnknownIcon;

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+var SuccessfulIcon = 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, -640.000000)", fill: "#317D4F" },
+            React.createElement("path", { d: "M80,672 C88.836556,672 96,664.836556 96,656 C96,647.163444 88.836556,640 80,640 C71.163444,640 64,647.163444 64,656 C64,664.836556 71.163444,672 80,672 Z M89.6923882,650.464466 C89.8876503,650.659728 89.8876503,650.976311 89.6923882,651.171573 L78.3859015,662.477912 C78.3835247,662.480387 78.3811174,662.482844 78.3786797,662.485281 L77.6715729,663.192388 C77.4763107,663.38765 77.1597282,663.38765 76.9644661,663.192388 L76.2573593,662.485281 L76.2502882,662.476796 L71.3076118,657.535534 C71.1123497,657.340272 71.1123497,657.023689 71.3076118,656.828427 L72.0147186,656.12132 C72.2099808,655.926058 72.5265633,655.926058 72.7218254,656.12132 L77.3180195,660.7161 L88.2781746,649.757359 C88.4734367,649.562097 88.7900192,649.562097 88.9852814,649.757359 L89.6923882,650.464466 Z", id: "status-icon---successful" }))))); };
+export default SuccessfulIcon;

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

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

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

@@ -0,0 +1,38 @@
+import React from "react";
+var TimeoutImage = function () {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 458 308" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
+            React.createElement("g", { transform: "translate(-492 -168)" },
+                React.createElement("g", { transform: "translate(492 168)" },
+                    React.createElement("path", { fill: "#EAF4EB", d: "M286.327 294.916c0 7.133-26.041 12.916-58.164 12.916-32.123 0-58.163-5.783-58.163-12.916S196.04 282 228.163 282s58.164 5.783 58.164 12.916" }),
+                    React.createElement("g", { stroke: "#45B770", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "8.362", transform: "translate(204 268)" },
+                        React.createElement("path", { d: "M15.817 -2.13162821e-14L15.817 24.795 3.55271368e-15 24.795" }),
+                        React.createElement("path", { d: "M31.3102 -2.30926389e-14L31.3102 25.574 47.1272 25.574" })),
+                    React.createElement("path", { fill: "#FEFEFE", d: "M107.968 73h239.721a6.969 6.969 0 016.969 6.968v178.398a6.969 6.969 0 01-6.969 6.968H107.968a6.968 6.968 0 01-6.968-6.968V79.968A6.968 6.968 0 01107.968 73" }),
+                    React.createElement("path", { fill: "#E4E6EB", d: "M101 99L355 99 355 73 101 73z" }),
+                    React.createElement("g", { stroke: "#3B414D", strokeLinecap: "round", strokeWidth: "5.575", transform: "translate(197.811 141.913)" },
+                        React.createElement("path", { strokeLinejoin: "round", d: "M0 5.575C1.168 2.317 4.16 0 7.666 0c3.505 0 6.497 2.317 7.665 5.575" }),
+                        React.createElement("path", { strokeLinejoin: "round", d: "M46 5.575C47.168 2.317 50.16 0 53.666 0c3.505 0 6.497 2.317 7.665 5.575" }),
+                        React.createElement("path", { d: "M50.38 44.087h0a6.886 6.886 0 01-6.886 6.886h-26.42a6.886 6.886 0 01-6.885-6.886", transform: "matrix(1 0 0 -1 0 95.06)" })),
+                    React.createElement("path", { fill: "#3B414D", d: "M124 83a3 3 0 110 6 3 3 0 010-6zm-10 0a3 3 0 110 6 3 3 0 010-6zm20 0a3 3 0 110 6 3 3 0 010-6z" }),
+                    React.createElement("path", { stroke: "#45B770", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "8", d: "M99.441 205.181L77.181 224.512" }),
+                    React.createElement("path", { stroke: "#45B770", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "8", d: "M412.8955 190.764648L381.126953 224.790039 356 205.267859" }),
+                    React.createElement("path", { stroke: "#45B770", strokeLinecap: "round", strokeWidth: "8", d: "M396.5 189.5L429.5 189.5" }),
+                    React.createElement("path", { stroke: "#45B770", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "8", d: "M137.079 231.103a7.605 7.605 0 000 15.211h6.644" }),
+                    React.createElement("g", { transform: "translate(377 63)" },
+                        React.createElement("g", null,
+                            React.createElement("path", { fill: "#FFF", d: "M66.669 116.462H5.122a5.122 5.122 0 110-10.243h61.547a5.122 5.122 0 110 10.243" }),
+                            React.createElement("path", { fill: "#E4F4FD", d: "M15.126 71.521l20.77-13.29 20.769 13.29a19.123 19.123 0 018.815 16.106v18.591H6.311v-18.59c0-6.52 3.323-12.592 8.815-16.107z" }),
+                            React.createElement("path", { fill: "#E4F4FD", d: "M56.665 44.94l-20.77 13.292L15.126 44.94a19.12 19.12 0 01-8.815-16.106V10.244H65.48v18.59a19.12 19.12 0 01-8.815 16.107z" }),
+                            React.createElement("path", { fill: "#FFF", d: "M66.669 10.244H5.122A5.122 5.122 0 115.122 0h61.547a5.122 5.122 0 110 10.244z" })),
+                        React.createElement("g", { stroke: "#3B414D", strokeLinecap: "round", strokeWidth: "6" },
+                            React.createElement("path", { d: "M66.669 116.462H5.122a5.122 5.122 0 110-10.243h61.547a5.122 5.122 0 110 10.243z" }),
+                            React.createElement("path", { d: "M15.126 71.521l20.77-13.29 20.769 13.29a19.123 19.123 0 018.815 16.106v18.591H6.311v-18.59c0-6.52 3.323-12.592 8.815-16.107z" }),
+                            React.createElement("path", { d: "M56.665 44.94l-20.77 13.292L15.126 44.94a19.12 19.12 0 01-8.815-16.106V10.244H65.48v18.59a19.12 19.12 0 01-8.815 16.107z" }),
+                            React.createElement("path", { d: "M66.669 10.244H5.122A5.122 5.122 0 115.122 0h61.547a5.122 5.122 0 110 10.244z" }))),
+                    React.createElement("path", { stroke: "#3B414D", strokeLinecap: "round", strokeWidth: "8", d: "M27.663 247.376l-15.18.348M401 248l-44.96-.276m-256.445-.348l-52.372.348M454 248h-34" }),
+                    React.createElement("path", { stroke: "#3B414D", strokeWidth: "6", d: "M107.969 73H347.69a6.969 6.969 0 016.968 6.969v178.397a6.968 6.968 0 01-6.968 6.968H107.969a6.969 6.969 0 01-6.969-6.968V79.969A6.969 6.969 0 01107.969 73zM104 99h248" }),
+                    React.createElement("path", { stroke: "#45B770", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "8", d: "M77.181 224.512L127.905 236.375" }),
+                    React.createElement("path", { fill: "#B8E4F4", d: "M95.74 141.218c5.753 0 10.652 3.602 12.599 8.67a5.733 5.733 0 016.092 1.987 8.512 8.512 0 013.505-.757 8.557 8.557 0 110 17.114H81.002a8.557 8.557 0 111.69-16.945c1.523-5.792 6.78-10.069 13.049-10.069zM365.823 82c9.17 0 16.7 7.01 17.532 15.963a10.567 10.567 0 016.175-1.99c5.868 0 10.625 4.757 10.625 10.625 0 5.869-4.757 10.625-10.625 10.625h-48.094c-6.868 0-12.435-5.566-12.435-12.434 0-6.868 5.567-12.435 12.435-12.435 2.791 0 5.36.931 7.435 2.484C350.952 87.432 357.75 82 365.822 82zM23.296 75.456c5.752 0 10.651 3.602 12.598 8.669a5.733 5.733 0 011.559-.22c1.84 0 3.476.866 4.532 2.208a8.52 8.52 0 013.506-.757 8.557 8.557 0 110 17.114H8.557a8.557 8.557 0 111.69-16.945c1.523-5.792 6.78-10.07 13.049-10.07zM170.219 8.845c10.946 0 19.935 8.367 20.927 19.054a12.618 12.618 0 017.372-2.375c7.004 0 12.683 5.679 12.683 12.684 0 7.004-5.68 12.683-12.683 12.683h-57.41c-8.197 0-14.843-6.646-14.843-14.844 0-8.197 6.646-14.843 14.843-14.843 3.333 0 6.398 1.112 8.876 2.966 2.485-8.841 10.599-15.325 20.235-15.325zM297.892 0c5.752 0 10.651 3.602 12.598 8.669a5.728 5.728 0 011.56-.219c1.84 0 3.475.865 4.531 2.207a8.516 8.516 0 013.506-.757 8.557 8.557 0 110 17.114h-36.935a8.557 8.557 0 01-8.556-8.557 8.557 8.557 0 0110.248-8.388C286.366 4.277 291.622 0 297.892 0z" }))))));
+};
+export default TimeoutImage;

package/dist/src/components/atoms/icons/TrashIcon.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/TrashIcon.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var TrashIcon = function (_a) {
+    var themeValues = _a.themeValues;
+    return (React.createElement("svg", { width: "20px", height: "20px", viewBox: "0 0 20 20", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React.createElement("defs", null,
+            React.createElement("path", { d: "M15,7 L14,15.5714286 C14,16.3571429 13.25,17 12.3333333,17 L12.3333333,17 L7.66666667,17 C6.75,17 6,16.3571429 6,15.5714286 L6,15.5714286 L5,7 L15,7 Z M12.1428571,3 L13,4 L16,4 L16,6 L4,6 L4,4 L7,4 L7.85714286,3 L12.1428571,3 Z", id: "trash-path-1" })),
+        React.createElement("g", { id: "trash-Icons-/-Small-/-20px-S-/-Trash---Mobile---20px", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "trash-mask-2", fill: "white" },
+                React.createElement("use", { xlinkHref: "#trash-path-1" })),
+            React.createElement("use", { id: "trash-Mask", fill: themeValues.singleIconColor, fillRule: "nonzero", xlinkHref: "#trash-path-1" }),
+            React.createElement("polygon", { id: "trash-Path", fill: themeValues.singleIconColor, fillRule: "nonzero", mask: "url(#trash-mask-2)", points: "0 0 20 0 20 20 0 20" }))));
+};
+export default themeComponent(TrashIcon, "Icons", fallbackValues, "primary");

package/dist/src/components/atoms/icons/VerifiedEmailIcon.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/VerifiedEmailIcon.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var VerifiedEmailIcon = 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: "M58.462.577c6.37 0 11.533 5.164 11.533 11.533 0 6.37-5.163 11.534-11.533 11.534-1.146 0-2.253-.167-3.298-.479v21.598a3.347 3.347 0 01-3.348 3.348H6.87A34.073 34.073 0 01.192 27.799a34.073 34.073 0 014.26-16.55H46.96C47.4 5.281 52.382.577 58.46.577z", id: "prefix__c" }),
+            React.createElement("path", { d: "M61.716 33.11c0 6.728 5.454 12.184 12.182 12.184 6.728 0 12.183-5.456 12.183-12.183 0-6.728-5.455-12.182-12.183-12.182s-12.182 5.454-12.182 12.182zm17.206-4.604l1.436 1.436-7.178 7.179-1.436 1.435-4.307-4.307 1.436-1.435 2.87 2.87 7.18-7.178z", id: "prefix__d" })),
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "prefix__b", fill: themeValues.primaryColor },
+                React.createElement("use", { xlinkHref: "#prefix__a" })),
+            React.createElement("g", { mask: "url(#prefix__b)" },
+                React.createElement("use", { fill: themeValues.primaryColor, xlinkHref: "#prefix__c", transform: "translate(15.687 21.252)" })),
+            React.createElement("path", { d: "M50.109 12.788a36.58 36.58 0 0124.135 9.041h-.095c-1.259 0-2.47.2-3.604.574a33.797 33.797 0 00-20.436-6.836c-11.968 0-22.49 6.19-28.538 15.544h41.265a11.59 11.59 0 00-.208 2.778H19.956a33.771 33.771 0 00-1.667 3.745l-.235.645.134.083 22.932 14.25c.315.196.639.217.956.065l.118-.065L64.09 39.007c.459.815 1.013 1.57 1.649 2.246L43.66 54.972c-1.19.739-2.604.776-3.817.11l-.19-.11-22.432-13.94a34 34 0 00-1.071 8.493 33.8 33.8 0 005.444 18.45l45.91-.001a1.958 1.958 0 001.953-1.813l.005-.146V43.903c.874.39 1.805.673 2.778.835v21.277a4.737 4.737 0 01-4.52 4.732l-.217.005H23.6c6.224 7.762 15.786 12.731 26.509 12.731 18.754 0 33.958-15.204 33.958-33.958 0-2.982-.387-5.901-1.126-8.698a11.537 11.537 0 001.93-3.208 36.737 36.737 0 011.974 11.906c0 20.289-16.448 36.736-36.736 36.736-20.29 0-36.738-16.447-36.738-36.736 0-20.29 16.448-36.737 36.738-36.737z", fill: themeValues.accentColor, fillRule: "nonzero", mask: "url(#prefix__b)" }),
+            React.createElement("use", { fill: themeValues.subIconColor, xlinkHref: "#prefix__d" }))));
+};
+export default themeComponent(VerifiedEmailIcon, "Icons", fallbackValues, "info");

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+var VoidedIcon = 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, -688.000000)", fill: "#317D4F" },
+            React.createElement("path", { d: "M80,720 C88.836556,720 96,712.836556 96,704 C96,695.163444 88.836556,688 80,688 C71.163444,688 64,695.163444 64,704 C64,712.836556 71.163444,720 80,720 Z M75.4038059,697.989592 L80.0001458,702.586146 L84.5961941,697.989592 C84.7914562,697.79433 85.1080387,697.79433 85.3033009,697.989592 L86.0104076,698.696699 C86.2056698,698.891961 86.2056698,699.208544 86.0104076,699.403806 L81.4141458,704.000146 L86.0104076,708.596194 C86.2056698,708.791456 86.2056698,709.108039 86.0104076,709.303301 L85.3033009,710.010408 C85.1080387,710.20567 84.7914562,710.20567 84.5961941,710.010408 L80.0001458,705.414146 L75.4038059,710.010408 C75.2085438,710.20567 74.8919613,710.20567 74.6966991,710.010408 L73.9895924,709.303301 C73.7943302,709.108039 73.7943302,708.791456 73.9895924,708.596194 L78.5861458,704.000146 L73.9895924,699.403806 C73.7943302,699.208544 73.7943302,698.891961 73.9895924,698.696699 L74.6966991,697.989592 C74.8919613,697.79433 75.2085438,697.79433 75.4038059,697.989592 Z", id: "status-icon---voided" }))))); };
+export default VoidedIcon;

package/dist/src/components/atoms/icons/WalletIcon.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/WalletIcon.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+var WalletIcon = function (_a) {
+    var themeValues = _a.themeValues;
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299 160" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1" },
+            React.createElement("g", null,
+                React.createElement("path", { fill: themeValues.subIconColor, d: "M154.932 144.31c16.42 0 29.73 2.956 29.73 6.602 0 3.646-13.31 6.602-29.73 6.602s-29.73-2.956-29.73-6.602c0-3.646 13.31-6.602 29.73-6.602zM38.894 88.746c5.595 0 10.19 4.277 10.697 9.74a6.45 6.45 0 013.768-1.214 6.484 6.484 0 010 12.966H24.014a7.588 7.588 0 010-15.175c1.704 0 3.27.569 4.537 1.516 1.27-4.519 5.418-7.833 10.343-7.833zM287.055 55.73a2.72 2.72 0 012.72 2.72v21.63a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72V58.45a2.72 2.72 0 012.72-2.72h37.303zM61.817 54.048c2.554 0 4.73 1.6 5.594 3.85a2.545 2.545 0 012.705.883 3.778 3.778 0 011.557-.336 3.8 3.8 0 010 7.603h-16.4a3.8 3.8 0 11.75-7.528 5.995 5.995 0 015.794-4.472zM191.964 28c6.009 0 10.88 4.871 10.88 10.88v1.48L91 42.324V35.48A7.48 7.48 0 0198.48 28h93.484zM38.38 22.048a6.9 6.9 0 016.44 4.43 2.93 2.93 0 013.114 1.017 4.35 4.35 0 011.792-.387 4.374 4.374 0 110 8.748h-18.88a4.374 4.374 0 11.864-8.662c.779-2.96 3.466-5.146 6.67-5.146zM242.193 8a6.9 6.9 0 016.44 4.431 2.928 2.928 0 013.113 1.016 4.353 4.353 0 011.792-.387 4.374 4.374 0 110 8.748h-18.88a4.374 4.374 0 11.866-8.661c.778-2.96 3.464-5.147 6.67-5.147z", opacity: "0.302" }),
+                React.createElement("rect", { width: "132", height: "97", x: "91", y: "40.398", fill: "#FFF", rx: "10.88" }),
+                React.createElement("rect", { width: "42.743", height: "27.07", x: "241.333", y: "62.141", fill: "#CACED8", rx: "2.72" }),
+                React.createElement("path", { fill: "#3B414D", fillRule: "nonzero", d: "M278.2 125.181a2.04 2.04 0 012.093 1.986c.028 1.075-.78 1.577-1.834 1.683l-.152.01-15.25.4a2.04 2.04 0 01-.26-4.069l.153-.01h15.25zm-192.675 0a2.04 2.04 0 01.103 4.076l-.153.004H62.418a2.04 2.04 0 01-.103-4.076l.153-.004h23.057zm-31.043 1.935a2.04 2.04 0 01-1.78 2.129l-.152.013H44.79a2.04 2.04 0 01-.362-4.061l.152-.014h7.759a2.04 2.04 0 012.142 1.933zm167.441-1.758l31.106.006c1.075-.012 1.958.793 1.971 1.799.012.96-.771 1.756-1.778 1.837l-.145.007L221.97 129c-1.075.012-1.958-.793-1.971-1.799-.012-.96.771-1.756 1.778-1.837l.145-.006zm62.153-56.806v5.7h-42.743v-5.7h42.743zM145.815 71c2.575 0 4.828 1.668 5.702 4.106a1.896 1.896 0 01-3.51 1.423l-.059-.144c-.345-.964-1.196-1.594-2.133-1.594-.883 0-1.689.558-2.069 1.427l-.066.167a1.896 1.896 0 01-3.568-1.28c.874-2.437 3.126-4.105 5.703-4.105zm23.513 0c2.576 0 4.828 1.668 5.702 4.106a1.896 1.896 0 01-3.51 1.423l-.059-.144c-.345-.964-1.196-1.594-2.133-1.594-.883 0-1.689.558-2.068 1.427l-.066.167a1.895 1.895 0 11-3.57-1.28c.875-2.437 3.128-4.105 5.704-4.105zm23.636-45.04c7.032 0 12.752 5.618 12.916 12.61l.004.31-.001 1.12h7.165c6.008 0 10.88 4.871 10.88 10.88v76.549c0 6.008-4.872 10.88-10.88 10.88H100.88c-6.009 0-10.88-4.872-10.88-10.88V45.325h-.04V35.48a9.52 9.52 0 019.249-9.516l.271-.004h93.484zm20.084 18.12l-118.968.001v83.348a6.8 6.8 0 006.561 6.795l.239.005h112.168a6.8 6.8 0 006.796-6.562l.004-.238V50.88a6.8 6.8 0 00-6.562-6.796l-.238-.004zm-45.4 49.455c1.047 0 1.895.849 1.895 1.896a5.415 5.415 0 01-5.197 5.41l-.218.005h-13.505a5.415 5.415 0 01-5.414-5.415 1.896 1.896 0 013.785-.148l.006.148c0 .847.648 1.543 1.476 1.617l.147.007h13.505c.847 0 1.543-.649 1.618-1.476l.006-.148c0-1.047.85-1.896 1.896-1.896zm113.708-31.394a2.72 2.72 0 012.72 2.72v21.63a2.72 2.72 0 01-2.72 2.72h-37.303a2.72 2.72 0 01-2.72-2.72v-21.63a2.72 2.72 0 012.72-2.72h37.303zm0 2.04h-37.303a.68.68 0 00-.672.58l-.008.1v21.63a.68.68 0 00.58.673l.1.007h37.303a.68.68 0 00.673-.58l.007-.1v-21.63a.68.68 0 00-.58-.673l-.1-.007zm-4.246 16.327c.751 0 1.36.609 1.36 1.36v.13a1.36 1.36 0 01-1.36 1.36h-7.253a1.36 1.36 0 01-1.36-1.36v-.13c0-.751.609-1.36 1.36-1.36h7.253zM192.964 30.04H99.48a5.44 5.44 0 00-5.436 5.221l-.004.219V40h107.763v-1.12a8.84 8.84 0 00-8.579-8.836l-.26-.004z" }),
+                React.createElement("path", { fill: themeValues.subIconColor, fillRule: "nonzero", d: "M160.625 137.938v10.248h6.045a2.04 2.04 0 012.034 1.888l.006.152a2.04 2.04 0 01-1.888 2.034l-.152.006h-8.085a2.04 2.04 0 01-2.034-1.888l-.006-.152v-12.288h4.08zm-7.92 0v11.89a2.04 2.04 0 01-1.887 2.034l-.152.006h-8.085a2.04 2.04 0 01-.153-4.075l.153-.005 6.044-.001v-9.849h4.08zm-62.7-34.592c-.008.004-.01.642-.012 1.477v2.665l-.002.408c-.001.507-.004.846-.01.851l-6.626 5.754 15.406 5.409a5.925 5.925 0 015.126-2.95 2.04 2.04 0 01.153 4.074l-.153.006a1.847 1.847 0 00-.144 3.69l.144.005h3.396a2.04 2.04 0 01.153 4.075l-.153.005h-3.396a5.93 5.93 0 01-5.825-4.828l-18.716-6.567a2.037 2.037 0 01-1.286-1.363 2.04 2.04 0 01.237-2.558l.122-.115 11.378-9.88c.042-.037.14-.109.191-.145l.016-.013zm176.39-8.358a2.04 2.04 0 01.152 4.074l-.152.006h-5.572a2.036 2.036 0 01-.233.213l-.13.093-26.212 17.393a2.04 2.04 0 01-2.238.011l-.141-.1-7.84-6.091c-.01-.007-.015-.415-.018-1.224v-.344V107.728v-.789l.004-1.53 9.198 7.147 20.328-13.488h-4.014a2.04 2.04 0 01-.152-4.074l.152-.006h16.868zm-28.267-27.86a8.905 8.905 0 110 17.81 8.905 8.905 0 010-17.81zm48.927-12.398a3.72 3.72 0 013.715 3.522l.005.198v21.63a3.72 3.72 0 01-3.522 3.715l-.198.005-3.306-.005v-2l3.306.005c.9 0 1.639-.691 1.714-1.572l.006-.148V68.84h-5v-5.699h5V58.45c0-.9-.69-1.639-1.571-1.714l-.149-.006h-37.303c-.9 0-1.638.69-1.713 1.571l-.007.149v3.691h-2V58.45a3.72 3.72 0 013.523-3.715l.197-.005h37.303z" }),
+                React.createElement("path", { fill: "#FFF", d: "M239.196 71.402v3.56l3.562.002V77.1h-3.562v3.562h-2.137V77.1h-3.562v-2.137l3.561-.001.001-3.561h2.137z" })))));
+};
+export default themeComponent(WalletIcon, "Icons", fallbackValues, "info");

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

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+var WarningIconXS = function () { return (React.createElement("svg", { width: "16px", height: "13px", viewBox: "0 0 16 13", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-labelledby": "#warning-restricted-item", role: "img" },
+    React.createElement("title", { id: "warning-restricted-item" }, "Warning: restricted items cannot be selected"),
+    React.createElement("defs", null,
+        React.createElement("path", { d: "M11.0106463,4.4659633 C11.3063934,4.63914978 11.5526739,4.88543032 11.7258604,5.18117739 L16.7999622,13.846119 C17.3581267,14.7992854 17.0379144,16.0244612 16.0847481,16.5826257 C15.7781918,16.762142 15.4293522,16.8567653 15.0741018,16.8567653 L4.92589823,16.8567653 C3.82132873,16.8567653 2.92589823,15.9613348 2.92589823,14.8567653 C2.92589823,14.5015149 3.02052159,14.1526753 3.20003784,13.846119 L8.27413962,5.18117739 C8.83230416,4.22801102 10.0574799,3.90779877 11.0106463,4.4659633 Z M10.6666667,13.3333333 L9.33333333,13.3333333 L9.33333333,14.6666667 L10.6666667,14.6666667 L10.6666667,13.3333333 Z M10.6666667,6.66666667 L9.33333333,6.66666667 L9.33333333,12 L10.6666667,12 L10.6666667,6.66666667 Z", id: "WarningIconXs-path-1" })),
+    React.createElement("g", { id: "WarningIconXs-SRV-2647---Workflow-$0-Balance", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "WarningIconXs-11---Search-Results----Checked--Copy-6", transform: "translate(-135.000000, -483.000000)" },
+            React.createElement("g", { id: "WarningIconXs-Group", transform: "translate(133.000000, 479.000000)" },
+                React.createElement("mask", { id: "WarningIconXs-mask-2", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#WarningIconXs-path-1" })),
+                React.createElement("use", { id: "WarningIconXs-Mask", fill: "#B34A00", fillRule: "nonzero", xlinkHref: "#WarningIconXs-path-1" }),
+                React.createElement("polygon", { id: "WarningIconXs-Path", fill: "#B34A00", fillRule: "nonzero", mask: "url(#WarningIconXs-mask-2)", points: "-2.84217094e-14 -4.26325641e-14 20 -4.26325641e-14 20 20 -2.84217094e-14 20" })))))); };
+export default WarningIconXS;

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

@@ -0,0 +1,42 @@
+export default story;
+export function accountsIcon(): JSX.Element;
+export function accountsAddIcon(): JSX.Element;
+export function forgotPasswordIcon(): JSX.Element;
+export function goToEmailIcon(): JSX.Element;
+export function verifiedEmailIcon(): JSX.Element;
+export function paymentMethodIcon(): JSX.Element;
+export function accountsIconSmall(): JSX.Element;
+export function paymentsIconSmall(): JSX.Element;
+export function profileIconSmall(): JSX.Element;
+export function settingsIconSmall(): JSX.Element;
+export function chevronIcon(): JSX.Element;
+export function propertiesAddIcon(): JSX.Element;
+export function propertiesIconSmall(): JSX.Element;
+export function accountNumberImage(): JSX.Element;
+export function routingNumberImage(): JSX.Element;
+export function checkmarkIcon(): JSX.Element;
+export function bankIcon(): JSX.Element;
+export function genericCard(): JSX.Element;
+export function paymentIcon(): JSX.Element;
+export function autopayOnIcon(): JSX.Element;
+export function searchIcon(): JSX.Element;
+export function achReturnIcon(): JSX.Element;
+export function allocatedIcon(): JSX.Element;
+export function calendarIcon(): JSX.Element;
+export function chargebackIcon(): JSX.Element;
+export function chargebackReversalIcon(): JSX.Element;
+export function duplicateIcon(): JSX.Element;
+export function erroredIcon(): JSX.Element;
+export function failedIcon(): JSX.Element;
+export function pendingIcon(): JSX.Element;
+export function refundIcon(): JSX.Element;
+export function rejectedIcon(): JSX.Element;
+export function rejectedVelocityIcon(): JSX.Element;
+export function successfulIcon(): JSX.Element;
+export function voidedIcon(): JSX.Element;
+export function statusUnknownIcon(): JSX.Element;
+declare const story: {
+    title: any;
+    component: any;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};

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

@@ -0,0 +1,44 @@
+import React from "react";
+import page from "../../../../.storybook/page";
+import { AccountsIcon, AccountsAddIcon, ForgotPasswordIcon, GoToEmailIcon, VerifiedEmailIcon, PaymentMethodIcon, AccountsIconSmall, PaymentsIconSmall, ProfileIconSmall, SettingsIconSmall, ChevronIcon, PropertiesAddIcon, PropertiesIconSmall, AccountNumberImage, RoutingNumberImage, CheckmarkIcon, BankIcon, GenericCard, PaymentIcon, AutopayOnIcon, SearchIcon, AchReturnIcon, AllocatedIcon, CalendarIcon, ChargebackIcon, ChargebackReversalIcon, DuplicateIcon, ErroredIcon, FailedIcon, PendingIcon, RefundIcon, RejectedIcon, RejectedVelocityIcon, SuccessfulIcon, VoidedIcon, StatusUnknownIcon } from "./index";
+var story = page({
+    title: "Components|atoms/Icons",
+    Component: AccountsIcon
+});
+export default story;
+export var accountsIcon = function () { return React.createElement(AccountsIcon, null); };
+export var accountsAddIcon = function () { return React.createElement(AccountsAddIcon, null); };
+export var forgotPasswordIcon = function () { return React.createElement(ForgotPasswordIcon, null); };
+export var goToEmailIcon = function () { return React.createElement(GoToEmailIcon, null); };
+export var verifiedEmailIcon = function () { return React.createElement(VerifiedEmailIcon, null); };
+export var paymentMethodIcon = function () { return React.createElement(PaymentMethodIcon, null); };
+export var accountsIconSmall = function () { return React.createElement(AccountsIconSmall, null); };
+export var paymentsIconSmall = function () { return React.createElement(PaymentsIconSmall, null); };
+export var profileIconSmall = function () { return React.createElement(ProfileIconSmall, null); };
+export var settingsIconSmall = function () { return React.createElement(SettingsIconSmall, null); };
+export var chevronIcon = function () { return React.createElement(ChevronIcon, null); };
+export var propertiesAddIcon = function () { return React.createElement(PropertiesAddIcon, null); };
+export var propertiesIconSmall = function () { return React.createElement(PropertiesIconSmall, null); };
+export var accountNumberImage = function () { return React.createElement(AccountNumberImage, null); };
+export var routingNumberImage = function () { return React.createElement(RoutingNumberImage, null); };
+export var checkmarkIcon = function () { return React.createElement(CheckmarkIcon, null); };
+export var bankIcon = function () { return React.createElement(BankIcon, null); };
+export var genericCard = function () { return React.createElement(GenericCard, null); };
+export var paymentIcon = function () { return React.createElement(PaymentIcon, null); };
+export var autopayOnIcon = function () { return React.createElement(AutopayOnIcon, null); };
+export var searchIcon = function () { return React.createElement(SearchIcon, null); };
+export var achReturnIcon = function () { return React.createElement(AchReturnIcon, null); };
+export var allocatedIcon = function () { return React.createElement(AllocatedIcon, null); };
+export var calendarIcon = function () { return React.createElement(CalendarIcon, null); };
+export var chargebackIcon = function () { return React.createElement(ChargebackIcon, null); };
+export var chargebackReversalIcon = function () { return React.createElement(ChargebackReversalIcon, null); };
+export var duplicateIcon = function () { return React.createElement(DuplicateIcon, null); };
+export var erroredIcon = function () { return React.createElement(ErroredIcon, null); };
+export var failedIcon = function () { return React.createElement(FailedIcon, null); };
+export var pendingIcon = function () { return React.createElement(PendingIcon, null); };
+export var refundIcon = function () { return React.createElement(RefundIcon, null); };
+export var rejectedIcon = function () { return React.createElement(RejectedIcon, null); };
+export var rejectedVelocityIcon = function () { return React.createElement(RejectedVelocityIcon, null); };
+export var successfulIcon = function () { return React.createElement(SuccessfulIcon, null); };
+export var voidedIcon = function () { return React.createElement(VoidedIcon, null); };
+export var statusUnknownIcon = function () { return React.createElement(StatusUnknownIcon, null); };

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

@@ -0,0 +1,59 @@
+import AccountsIcon from "./AccountsIcon";
+import AccountsAddIcon from "./AccountsAddIcon";
+import ForgotPasswordIcon from "./ForgotPasswordIcon";
+import GoToEmailIcon from "./GoToEmailIcon";
+import VerifiedEmailIcon from "./VerifiedEmailIcon";
+import PaymentMethodIcon from "./PaymentMethodIcon";
+import AccountsIconSmall from "./AccountsIconSmall";
+import PaymentsIconSmall from "./PaymentsIconSmall";
+import PaymentMethodAddIcon from "./PaymentMethodAddIcon";
+import ProfileIconSmall from "./ProfileIconSmall";
+import SettingsIconSmall from "./SettingsIconSmall";
+import ChevronIcon from "./ChevronIcon";
+import PropertiesAddIcon from "./PropertiesAddIcon";
+import PropertiesIconSmall from "./PropertiesIconSmall";
+import AccountNumberImage from "./AccountNumberImage";
+import RoutingNumberImage from "./RoutingNumberImage";
+import CheckmarkIcon from "./CheckmarkIcon";
+import BankIcon from "./BankIcon";
+import GenericCard from "./GenericCard";
+import PaymentIcon from "./PaymentIcon";
+import IconAdd from "./IconAdd";
+import IconQuitLarge from "./IconQuitLarge";
+import TimeoutImage from "./TimeoutImage";
+import AutopayOnIcon from "./AutopayOnIcon";
+import NotFoundIcon from "./NotFoundIcon";
+import SearchIcon from "./SearchIcon";
+import WalletIcon from "./WalletIcon";
+import AchReturnIcon from "./AchReturnIcon";
+import AllocatedIcon from "./AllocatedIcon";
+import CalendarIcon from "./CalendarIcon";
+import ChargebackIcon from "./ChargebackIcon";
+import ChargebackReversalIcon from "./ChargebackReversalIcon";
+import DuplicateIcon from "./DuplicateIcon";
+import ErroredIcon from "./ErroredIcon";
+import ExternalLinkIcon from "./ExternalLinkIcon";
+import FailedIcon from "./FailedIcon";
+import PendingIcon from "./PendingIcon";
+import RefundIcon from "./RefundIcon";
+import RejectedIcon from "./RejectedIcon";
+import RejectedVelocityIcon from "./RejectedVelocityIcon";
+import SuccessfulIcon from "./SuccessfulIcon";
+import VoidedIcon from "./VoidedIcon";
+import StatusUnknownIcon from "./StatusUnknownIcon";
+import CarrotIcon from "./CarrotIcon";
+import ProfileIcon from "./ProfileIcon";
+import GenericCardLarge from "./GenericCardLarge";
+import EmptyCartIcon from "./EmptyCartIcon";
+import ShoppingCartIcon from "./ShoppingCartIcon";
+import TrashIcon from "./TrashIcon";
+import NoCustomerResultsIcon from "./NoCustomerResultsIcon";
+import NoPaymentResultsIcon from "./NoPaymentResultsIcon";
+import CustomerSearchIcon from "./CustomerSearchIcon";
+import PaymentSearchIcon from "./PaymentSearchIcon";
+import ResetPasswordIcon from "./ResetPasswordIcon";
+import PeriscopeFailedIcon from "./PeriscopeFailedIcon";
+import CheckIcon from "./CheckIcon";
+import WarningIconXS from "./WarningIconXS";
+import CashIcon from "./CashIcon";
+export { AccountsIcon, AccountsAddIcon, ForgotPasswordIcon, GoToEmailIcon, VerifiedEmailIcon, PaymentMethodIcon, AccountsIconSmall, PaymentsIconSmall, PaymentMethodAddIcon, ProfileIconSmall, SettingsIconSmall, ChevronIcon, PropertiesAddIcon, PropertiesIconSmall, AccountNumberImage, RoutingNumberImage, CheckmarkIcon, BankIcon, GenericCard, PaymentIcon, IconAdd, IconQuitLarge, TimeoutImage, AutopayOnIcon, NotFoundIcon, SearchIcon, WalletIcon, AchReturnIcon, AllocatedIcon, CalendarIcon, ChargebackIcon, ChargebackReversalIcon, DuplicateIcon, ErroredIcon, ExternalLinkIcon, FailedIcon, PendingIcon, RefundIcon, RejectedIcon, RejectedVelocityIcon, SuccessfulIcon, VoidedIcon, StatusUnknownIcon, CarrotIcon, ProfileIcon, GenericCardLarge, EmptyCartIcon, ShoppingCartIcon, TrashIcon, NoCustomerResultsIcon, NoPaymentResultsIcon, CustomerSearchIcon, PaymentSearchIcon, ResetPasswordIcon, PeriscopeFailedIcon, CheckIcon, WarningIconXS, CashIcon };

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

@@ -0,0 +1,59 @@
+import AccountsIcon from "./AccountsIcon";
+import AccountsAddIcon from "./AccountsAddIcon";
+import ForgotPasswordIcon from "./ForgotPasswordIcon";
+import GoToEmailIcon from "./GoToEmailIcon";
+import VerifiedEmailIcon from "./VerifiedEmailIcon";
+import PaymentMethodIcon from "./PaymentMethodIcon";
+import AccountsIconSmall from "./AccountsIconSmall";
+import PaymentsIconSmall from "./PaymentsIconSmall";
+import PaymentMethodAddIcon from "./PaymentMethodAddIcon";
+import ProfileIconSmall from "./ProfileIconSmall";
+import SettingsIconSmall from "./SettingsIconSmall";
+import ChevronIcon from "./ChevronIcon";
+import PropertiesAddIcon from "./PropertiesAddIcon";
+import PropertiesIconSmall from "./PropertiesIconSmall";
+import AccountNumberImage from "./AccountNumberImage";
+import RoutingNumberImage from "./RoutingNumberImage";
+import CheckmarkIcon from "./CheckmarkIcon";
+import BankIcon from "./BankIcon";
+import GenericCard from "./GenericCard";
+import PaymentIcon from "./PaymentIcon";
+import IconAdd from "./IconAdd";
+import IconQuitLarge from "./IconQuitLarge";
+import TimeoutImage from "./TimeoutImage";
+import AutopayOnIcon from "./AutopayOnIcon";
+import NotFoundIcon from "./NotFoundIcon";
+import SearchIcon from "./SearchIcon";
+import WalletIcon from "./WalletIcon";
+import AchReturnIcon from "./AchReturnIcon";
+import AllocatedIcon from "./AllocatedIcon";
+import CalendarIcon from "./CalendarIcon";
+import ChargebackIcon from "./ChargebackIcon";
+import ChargebackReversalIcon from "./ChargebackReversalIcon";
+import DuplicateIcon from "./DuplicateIcon";
+import ErroredIcon from "./ErroredIcon";
+import ExternalLinkIcon from "./ExternalLinkIcon";
+import FailedIcon from "./FailedIcon";
+import PendingIcon from "./PendingIcon";
+import RefundIcon from "./RefundIcon";
+import RejectedIcon from "./RejectedIcon";
+import RejectedVelocityIcon from "./RejectedVelocityIcon";
+import SuccessfulIcon from "./SuccessfulIcon";
+import VoidedIcon from "./VoidedIcon";
+import StatusUnknownIcon from "./StatusUnknownIcon";
+import CarrotIcon from "./CarrotIcon";
+import ProfileIcon from "./ProfileIcon";
+import GenericCardLarge from "./GenericCardLarge";
+import EmptyCartIcon from "./EmptyCartIcon";
+import ShoppingCartIcon from "./ShoppingCartIcon";
+import TrashIcon from "./TrashIcon";
+import NoCustomerResultsIcon from "./NoCustomerResultsIcon";
+import NoPaymentResultsIcon from "./NoPaymentResultsIcon";
+import CustomerSearchIcon from "./CustomerSearchIcon";
+import PaymentSearchIcon from "./PaymentSearchIcon";
+import ResetPasswordIcon from "./ResetPasswordIcon";
+import PeriscopeFailedIcon from "./PeriscopeFailedIcon";
+import CheckIcon from "./CheckIcon";
+import WarningIconXS from "./WarningIconXS";
+import CashIcon from "./CashIcon";
+export { AccountsIcon, AccountsAddIcon, ForgotPasswordIcon, GoToEmailIcon, VerifiedEmailIcon, PaymentMethodIcon, AccountsIconSmall, PaymentsIconSmall, PaymentMethodAddIcon, ProfileIconSmall, SettingsIconSmall, ChevronIcon, PropertiesAddIcon, PropertiesIconSmall, AccountNumberImage, RoutingNumberImage, CheckmarkIcon, BankIcon, GenericCard, PaymentIcon, IconAdd, IconQuitLarge, TimeoutImage, AutopayOnIcon, NotFoundIcon, SearchIcon, WalletIcon, AchReturnIcon, AllocatedIcon, CalendarIcon, ChargebackIcon, ChargebackReversalIcon, DuplicateIcon, ErroredIcon, ExternalLinkIcon, FailedIcon, PendingIcon, RefundIcon, RejectedIcon, RejectedVelocityIcon, SuccessfulIcon, VoidedIcon, StatusUnknownIcon, CarrotIcon, ProfileIcon, GenericCardLarge, EmptyCartIcon, ShoppingCartIcon, TrashIcon, NoCustomerResultsIcon, NoPaymentResultsIcon, CustomerSearchIcon, PaymentSearchIcon, ResetPasswordIcon, PeriscopeFailedIcon, CheckIcon, WarningIconXS, CashIcon };

package/dist/src/components/atoms/index.d.ts

@@ -0,0 +1,45 @@
+export { default as AddObligation } from "./add-obligation";
+export { default as Alert } from "./alert";
+export { default as AmountCallout } from "./amount-callout";
+export { default as BoxWithShadow } from "./box-with-shadow";
+export { default as Breadcrumb } from "./breadcrumb";
+export { default as ButtonWithAction } from "./button-with-action";
+export { default as ButtonWithLink } from "./button-with-link";
+export { default as cardRegistry } from "./welcome-card";
+export { default as Checkbox } from "./checkbox";
+export { default as CheckboxList } from "./checkbox-list";
+export { default as CountryDropdown } from "./country-dropdown";
+export { default as Detail } from "./detail";
+export { default as DisplayBox } from "./display-box";
+export { default as DisplayCard } from "./display-card";
+export { default as Dropdown } from "./dropdown";
+export * from "./form-layouts";
+export * from "./icons";
+export * from "./layouts";
+export * from "./link";
+export { default as FormSelect } from "./form-select";
+export { default as FormattedAddress } from "./formatted-address";
+export { default as FormattedCreditCard } from "./formatted-credit-card";
+export { default as HamburgerButton } from "./hamburger-button";
+export { default as Heading } from "./heading";
+export { default as Jumbo } from "./jumbo";
+export { default as LabeledAmount } from "./labeled-amount";
+export { default as LineItem } from "./line-item";
+export { default as Loading } from "./loading";
+export { default as NavFooter } from "./nav-footer";
+export { default as NavHeader } from "./nav-header";
+export { default as Paragraph } from "./paragraph";
+export { default as PasswordRequirements } from "./password-requirements";
+export { default as Placeholder } from "./placeholder";
+export { default as ProcessingFee } from "./processing-fee";
+export { default as RadioButton } from "./radio-button";
+export { default as SearchableSelect } from "./searchable-select";
+export { default as SolidDivider } from "./solid-divider";
+export { default as Spinner } from "./spinner";
+export { default as StateProvinceDropdown } from "./state-province-dropdown";
+export { default as Text } from "./text";
+export { default as Title } from "./title";
+export { default as ToggleSwitch } from "./toggle-switch";
+export { default as TypeaheadInput } from "./typeahead-input";
+export { default as Card } from "./card";
+export { default as NavTabs } from "./nav-tabs";

package/dist/src/components/atoms/index.js

@@ -0,0 +1,45 @@
+export { default as AddObligation } from "./add-obligation";
+export { default as Alert } from "./alert";
+export { default as AmountCallout } from "./amount-callout";
+export { default as BoxWithShadow } from "./box-with-shadow";
+export { default as Breadcrumb } from "./breadcrumb";
+export { default as ButtonWithAction } from "./button-with-action";
+export { default as ButtonWithLink } from "./button-with-link";
+export { default as cardRegistry } from "./welcome-card";
+export { default as Checkbox } from "./checkbox";
+export { default as CheckboxList } from "./checkbox-list";
+export { default as CountryDropdown } from "./country-dropdown";
+export { default as Detail } from "./detail";
+export { default as DisplayBox } from "./display-box";
+export { default as DisplayCard } from "./display-card";
+export { default as Dropdown } from "./dropdown";
+export * from "./form-layouts";
+export { default as FormSelect } from "./form-select";
+export { default as FormattedAddress } from "./formatted-address";
+export { default as FormattedCreditCard } from "./formatted-credit-card";
+export { default as HamburgerButton } from "./hamburger-button";
+export { default as Heading } from "./heading";
+export * from "./icons";
+export { default as Jumbo } from "./jumbo";
+export { default as LabeledAmount } from "./labeled-amount";
+export * from "./layouts";
+export { default as LineItem } from "./line-item";
+export { default as Loading } from "./loading";
+export * from "./link";
+export { default as NavFooter } from "./nav-footer";
+export { default as NavHeader } from "./nav-header";
+export { default as Paragraph } from "./paragraph";
+export { default as PasswordRequirements } from "./password-requirements";
+export { default as Placeholder } from "./placeholder";
+export { default as ProcessingFee } from "./processing-fee";
+export { default as RadioButton } from "./radio-button";
+export { default as SearchableSelect } from "./searchable-select";
+export { default as SolidDivider } from "./solid-divider";
+export { default as Spinner } from "./spinner";
+export { default as StateProvinceDropdown } from "./state-province-dropdown";
+export { default as Text } from "./text";
+export { default as Title } from "./title";
+export { default as ToggleSwitch } from "./toggle-switch";
+export { default as TypeaheadInput } from "./typeahead-input";
+export { default as Card } from "./card";
+export { default as NavTabs } from "./nav-tabs";

package/dist/src/components/atoms/jumbo/Jumbo.d.ts

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

package/dist/src/components/atoms/jumbo/Jumbo.js

@@ -0,0 +1,25 @@
+import React, { useContext } from "react";
+import { ThemeContext } from "styled-components";
+import ButtonWithLink from "../button-with-link";
+import { Box, Cluster, Center, Cover, Switcher } from "../layouts";
+import Heading from "../heading";
+import Title from "../title";
+import withWindowSize from "../../withWindowSize";
+var Jumbo = function (_a) {
+    var showButton = _a.showButton, heading = _a.heading, buttonLink = _a.buttonLink, subHeading = _a.subHeading, buttonText = _a.buttonText, slug = _a.slug, _b = _a.largeSide, largeSide = _b === void 0 ? "right" : _b, _c = _a.largeSideSize, largeSideSize = _c === void 0 ? "2" : _c, CartStatus = _a.cartStatus, total = _a.total, itemsCount = _a.itemsCount, _d = _a.showCartStatus, showCartStatus = _d === void 0 ? false : _d, openCartSlider = _a.openCartSlider;
+    var isMobile = useContext(ThemeContext).isMobile;
+    return (React.createElement(Box, { padding: "0 20px", minHeight: "65px", id: "heroImage-".concat(slug), className: "themeJumboBackground" },
+        React.createElement(Center, { maxWidth: "76.5rem" },
+            React.createElement(Cover, { singleChild: true, minHeight: "65px" },
+                React.createElement(Switcher, { breakpoint: isMobile ? "999px" : "700px", largeChild: largeSide === "right" ? "2" : "1", largeChildSize: largeSideSize, childGap: "0.25rem" },
+                    React.createElement(Cluster, { minHeight: "100%", justify: isMobile && !showCartStatus
+                            ? "center"
+                            : showButton || showCartStatus
+                                ? "space-between"
+                                : "left", align: "center", nowrap: showCartStatus },
+                        React.createElement(Title, { variant: isMobile ? "small" : "large", as: "h1", color: "#ffffff", className: "themeJumboHeading", extraStyles: showCartStatus && isMobile && "max-width: 60%;" }, heading),
+                        subHeading && (React.createElement(Heading, { variant: isMobile ? "h6" : "h2", color: "#ffffff", className: "themeJumboSubheading" }, subHeading)),
+                        showButton && (React.createElement(ButtonWithLink, { url: buttonLink, text: buttonText || "Browse Services", variant: "primary", extraStyles: "margin: 0 0 65px 0; min-width: 320px;" })),
+                        showCartStatus && (React.createElement(CartStatus, { total: total, itemsCount: itemsCount, openCart: openCartSlider }))))))));
+};
+export default withWindowSize(Jumbo);

package/dist/src/components/atoms/jumbo/index.d.ts

@@ -0,0 +1,2 @@
+export default Jumbo;
+import Jumbo from "./Jumbo";

package/dist/src/components/atoms/jumbo/index.js

@@ -0,0 +1,2 @@
+import Jumbo from "./Jumbo";
+export default Jumbo;