@dfx.swiss/react-components 1.0.1 → 1.0.2-beta.2

package/dist/stories/DfxIcon.js

@@ -0,0 +1,163 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var _a, _b, _c;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconContext } from 'react-icons';
+import { MdContentCopy, MdArrowBackIos, MdArrowForwardIos, MdUnfoldLess, MdUnfoldMore, MdExpandLess, MdExpandMore, MdChevronLeft, MdChevronRight, MdInfoOutline, MdInfo, MdClose, MdOutlineCancel, MdEast, MdWest, MdSettings, MdEdit, MdHelpOutline, MdCheck, MdDeleteOutline, MdDelete, MdOutlineCheckBoxOutlineBlank, MdOutlineCheckBox, MdMoreVert, MdOpenInNew, MdSearch, } from 'react-icons/md';
+import { useContext } from 'react';
+export var IconVariant;
+(function (IconVariant) {
+    IconVariant["ARROW_RIGHT"] = "ARROW_RIGHT";
+    IconVariant["ARROW_LEFT"] = "ARROW_LEFT";
+    IconVariant["BACK"] = "BACK";
+    IconVariant["BANK"] = "BANK";
+    IconVariant["CANCEL"] = "CANCEL";
+    IconVariant["CHECK"] = "CHECK";
+    IconVariant["CHEV_RIGHT"] = "CHEV_RIGHT";
+    IconVariant["CHEV_LEFT"] = "CHEV_LEFT";
+    IconVariant["CLOSE"] = "CLOSE";
+    IconVariant["COPY"] = "COPY";
+    IconVariant["DELETE_OUTLINE"] = "DELETE_OUTLINE";
+    IconVariant["DELETE"] = "DELETE";
+    IconVariant["EDIT"] = "EDIT";
+    IconVariant["EXPAND_LESS"] = "EXPAND_LESS";
+    IconVariant["EXPAND_MORE"] = "EXPAND_MORE";
+    IconVariant["FORWARD"] = "FORWARD";
+    IconVariant["HELP"] = "HELP";
+    IconVariant["INFO"] = "INFO";
+    IconVariant["INFO_OUTLINE"] = "INFO_OUTLINE";
+    IconVariant["PROCESS_DONE"] = "PROCESS_DONE";
+    IconVariant["SEPA_INSTANT"] = "SEPA_INSTANT";
+    IconVariant["SETTINGS"] = "SETTINGS";
+    IconVariant["UNFOLD_LESS"] = "UNFOLD_LESS";
+    IconVariant["UNFOLD_MORE"] = "UNFOLD_MORE";
+    IconVariant["WALLET"] = "WALLET";
+    IconVariant["CHECKBOX_EMPTY"] = "CHECKBOX_EMPTY";
+    IconVariant["CHECKBOX_CHECKED"] = "CHECKBOX_CHECKED";
+    IconVariant["SIGNATURE_POPUP"] = "SIGNATURE_POPUP";
+    IconVariant["THREE_DOTS_VERT"] = "THREE_DOTS_VERT";
+    IconVariant["OPEN_IN_NEW"] = "OPEN_IN_NEW";
+    IconVariant["METAMASK_LOGO"] = "METAMASK_LOGO";
+    IconVariant["SELL"] = "SELL";
+    IconVariant["SEARCH"] = "SEARCH";
+    IconVariant["USER_DATA"] = "USER_DATA";
+})(IconVariant || (IconVariant = {}));
+export var VARIANT_MAPS = (_a = {},
+    _a[IconVariant.COPY] = _jsx(MdContentCopy, {}),
+    _a[IconVariant.BACK] = _jsx(MdArrowBackIos, {}),
+    _a[IconVariant.FORWARD] = _jsx(MdArrowForwardIos, {}),
+    _a[IconVariant.UNFOLD_LESS] = _jsx(MdUnfoldLess, {}),
+    _a[IconVariant.UNFOLD_MORE] = _jsx(MdUnfoldMore, {}),
+    _a[IconVariant.EXPAND_LESS] = _jsx(MdExpandLess, {}),
+    _a[IconVariant.EXPAND_MORE] = _jsx(MdExpandMore, {}),
+    _a[IconVariant.CHECK] = _jsx(MdCheck, {}),
+    _a[IconVariant.CHECKBOX_EMPTY] = _jsx(MdOutlineCheckBoxOutlineBlank, {}),
+    _a[IconVariant.CHECKBOX_CHECKED] = _jsx(MdOutlineCheckBox, {}),
+    _a[IconVariant.CHEV_LEFT] = _jsx(MdChevronLeft, {}),
+    _a[IconVariant.CHEV_RIGHT] = _jsx(MdChevronRight, {}),
+    _a[IconVariant.INFO_OUTLINE] = _jsx(MdInfoOutline, {}),
+    _a[IconVariant.INFO] = _jsx(MdInfo, {}),
+    _a[IconVariant.ARROW_LEFT] = _jsx(MdWest, {}),
+    _a[IconVariant.ARROW_RIGHT] = _jsx(MdEast, {}),
+    _a[IconVariant.CLOSE] = _jsx(MdClose, {}),
+    _a[IconVariant.CANCEL] = _jsx(MdOutlineCancel, {}),
+    _a[IconVariant.SETTINGS] = _jsx(MdSettings, {}),
+    _a[IconVariant.WALLET] = _jsx(DfxWalletIcon, {}),
+    _a[IconVariant.BANK] = _jsx(DfxBankIcon, {}),
+    _a[IconVariant.SEPA_INSTANT] = _jsx(DfxSepaInstantAvailable, {}),
+    _a[IconVariant.PROCESS_DONE] = _jsx(DfxProcessDoneIcon, {}),
+    _a[IconVariant.EDIT] = _jsx(MdEdit, {}),
+    _a[IconVariant.HELP] = _jsx(MdHelpOutline, {}),
+    _a[IconVariant.DELETE] = _jsx(MdDelete, {}),
+    _a[IconVariant.DELETE_OUTLINE] = _jsx(MdDeleteOutline, {}),
+    _a[IconVariant.SIGNATURE_POPUP] = _jsx(DfxSignaturePopupIcon, {}),
+    _a[IconVariant.THREE_DOTS_VERT] = _jsx(MdMoreVert, {}),
+    _a[IconVariant.OPEN_IN_NEW] = _jsx(MdOpenInNew, {}),
+    _a[IconVariant.METAMASK_LOGO] = _jsx(MetamaskLogo, {}),
+    _a[IconVariant.SELL] = _jsx(SellToFiat, {}),
+    _a[IconVariant.SEARCH] = _jsx(MdSearch, {}),
+    _a[IconVariant.USER_DATA] = _jsx(DfxUserData, {}),
+    _a);
+export var IconSize;
+(function (IconSize) {
+    IconSize["XS"] = "EXTRA SMALL";
+    IconSize["SM"] = "SMALL";
+    IconSize["MD"] = "MEDIUM";
+    IconSize["LG"] = "LARGE";
+    IconSize["XL"] = "EXTRA LARGE";
+    IconSize["XXL"] = "EXTRA EXTRA LARGE";
+})(IconSize || (IconSize = {}));
+export var IconColor;
+(function (IconColor) {
+    IconColor["RED"] = "RED";
+    IconColor["BLUE"] = "BLUE";
+    IconColor["LIGHT_BLUE"] = "LIGHT_BLUE";
+    IconColor["GRAY"] = "GRAY";
+    IconColor["DARK_GRAY"] = "DARK_GRAY";
+    IconColor["BLACK"] = "BLACK";
+    IconColor["WHITE"] = "WHITE";
+})(IconColor || (IconColor = {}));
+var COLOR_MAPS = (_b = {},
+    _b[IconColor.RED] = '#F5516C',
+    _b[IconColor.BLUE] = '#072440',
+    _b[IconColor.LIGHT_BLUE] = '#5A81BB',
+    _b[IconColor.GRAY] = '#D6DBE2',
+    _b[IconColor.DARK_GRAY] = '#9AA5B8',
+    _b[IconColor.WHITE] = '#ffffff',
+    _b[IconColor.BLACK] = '#000000',
+    _b);
+var SIZE_MAPS = (_c = {},
+    _c[IconSize.XS] = '16px',
+    _c[IconSize.SM] = '18px',
+    _c[IconSize.MD] = '20px',
+    _c[IconSize.LG] = '24px',
+    _c[IconSize.XL] = '32px',
+    _c[IconSize.XXL] = '72px',
+    _c);
+export default function DfxIcon(_a) {
+    var icon = _a.icon, _b = _a.color, color = _b === void 0 ? IconColor.RED : _b, _c = _a.size, size = _c === void 0 ? IconSize.MD : _c;
+    return (_jsx(IconContext.Provider, __assign({ value: { color: COLOR_MAPS[color], size: SIZE_MAPS[size] } }, { children: VARIANT_MAPS[icon] })));
+}
+function DfxWalletIcon() {
+    var icContext = useContext(IconContext);
+    return (_jsx("svg", __assign({ width: icContext.size, height: icContext.size, viewBox: "0 0 21 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.73133 18.5474H18.3231V18.5463C19.4184 18.5463 20.3106 17.6552 20.3106 16.5588V5.7378C20.3106 4.64249 19.4195 3.7503 18.3231 3.7503H17.3785L17.3839 2.54469C17.3861 2.01178 17.1808 1.51054 16.8052 1.13269C16.4295 0.75485 15.9293 0.547363 15.3964 0.547363H3.33492C1.66629 0.547363 0.5 1.32708 0.5 2.44313V2.49664V16.3152C0.5 16.8984 0.806862 17.4652 1.34305 17.8692C1.93056 18.3126 2.75614 18.5474 3.73133 18.5474ZM1.08533 2.44313C1.08533 1.67107 2.01028 1.13269 3.33492 1.13269H9.36568H15.3964C15.7721 1.13269 16.1248 1.28012 16.3902 1.54657C16.6556 1.81303 16.8008 2.16685 16.7986 2.54251L16.7931 3.7503H3.33492C1.98953 3.7503 1.08533 3.2152 1.08533 2.44313ZM15.1717 11.1468C15.1717 10.1529 15.9776 9.34701 16.9715 9.34701H20.3103V8.34701H16.9715C15.4253 8.34701 14.1717 9.60066 14.1717 11.1468C14.1717 12.693 15.4253 13.9467 16.9715 13.9467H20.3103V12.9467H16.9715C15.9776 12.9467 15.1717 12.1407 15.1717 11.1468Z", fill: icContext.color }) })));
+}
+function DfxBankIcon() {
+    var icContext = useContext(IconContext);
+    return (_jsxs("svg", __assign({ width: icContext.size, height: icContext.size, viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M10.6265 7.69076H8.2978V15.2792H10.6265V7.69076Z", fill: icContext.color }), _jsx("path", { d: "M15.7708 7.69076H13.4421V15.2792H15.7708V7.69076Z", fill: icContext.color }), _jsx("path", { d: "M5.48224 7.69076H3.1535V15.2792H5.48224V7.69076Z", fill: icContext.color }), _jsx("path", { d: "M0.404925 5.57356L9.4141 0.856445L18.4025 5.57356L18.4043 6.63816H0.404297L0.404925 5.57356Z", fill: icContext.color }), _jsx("path", { d: "M18.4043 16.3309H0.404297V18.366H18.4043V16.3309Z", fill: icContext.color })] })));
+}
+function DfxSepaInstantAvailable() {
+    return (_jsxs("div", __assign({ className: "bg-primary-red text-xs text-white flex gap-1 justify-center rounded-sm w-fit pl-1 pr-2 py-0.25 font-semibold italic" }, { children: [_jsx("svg", __assign({ width: "27", height: "10", viewBox: "0 0 27 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "place-self-center" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.6502 0.166504H26.5877L23.6145 9.1665H10.677L13.6502 0.166504ZM18.7118 6.93191C17.7944 6.93191 17.1585 6.43613 16.9977 5.71236H19.1029L19.3259 5.01754H16.9794C16.9977 4.90174 17.0233 4.78593 17.0598 4.67013C17.0963 4.55433 17.1439 4.43852 17.1987 4.32272H19.5451L19.7681 3.6279H17.6629C18.2879 2.90413 19.2454 2.40835 20.1592 2.40835C20.7476 2.40835 21.2228 2.61462 21.5298 2.95479L22.3741 2.33959C21.9537 1.84018 21.2776 1.53982 20.4369 1.53982C19.0079 1.53258 17.513 2.40835 16.6724 3.62066H15.3858L15.1629 4.31548H16.2813C16.2301 4.43128 16.1863 4.54709 16.1497 4.66289C16.1132 4.7787 16.0839 4.8945 16.062 5.0103H14.9399L14.717 5.70512H16.0035C16.0693 6.92106 17.0013 7.7932 18.4341 7.7932C19.2783 7.7932 20.1446 7.48922 20.8828 6.99343L20.4296 6.37823C19.907 6.7184 19.3039 6.92468 18.7118 6.92468V6.93191ZM4.35541 2.41281H11.1054V1.29526H4.35541V2.41281ZM0.833334 5.22531H7.58333V4.10776H0.833334V5.22531ZM4.58333 8.03781H9.08333V6.92026H4.58333V8.03781Z", fill: "white" }) })), _jsx("span", { children: " SEPA INSTANT AVAILABLE" })] })));
+}
+function DfxProcessDoneIcon() {
+    var icContext = useContext(IconContext);
+    var iconSize;
+    icContext.size === '32px' ? (iconSize = '170px') : (iconSize = icContext.size);
+    var checkMarkColor = icContext.color === '#072440' ? icContext.color : 'white';
+    return (_jsxs("svg", __assign({ width: iconSize, height: iconSize, viewBox: "0 0 170 170", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: checkMarkColor === 'white' ? 'url(#clip0_885_9990)' : undefined, filter: checkMarkColor === 'white' ? 'url(#filter0_d_885_9990)' : undefined }, { children: [_jsx("path", { opacity: "0.18", d: "M25.9308 118.563C23.2492 114.352 21.02 109.851 19.2969 105.188L29.3985 101.461C30.8523 105.414 32.7369 109.215 35.0092 112.769L25.9308 118.552V118.563Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.14", d: "M15.6677 90.703C15.1292 86.826 14.9139 82.8522 15.0323 78.9107C15.0646 77.866 15.1185 76.8322 15.1939 75.7983L25.9308 76.5953C25.8662 77.4676 25.8231 78.3507 25.7908 79.2337C25.6939 82.583 25.8662 85.943 26.3292 89.2276L15.6677 90.7137V90.703Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.09", d: "M28.1923 64.1678L17.8646 61.1201C19.2754 56.3385 21.2139 51.7078 23.6154 47.3354L33.0492 52.5262C31.0139 56.2201 29.3877 60.1401 28.1923 64.1785V64.1678Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.06", d: "M40.2862 42.1553L32.1554 35.0907C35.4185 31.3322 39.1015 27.9184 43.0862 24.9353L49.5369 33.5615C46.1662 36.0922 43.0539 38.9784 40.2862 42.1661V42.1553Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.04", d: "M60.3923 27.1109L55.9123 17.3217C60.4461 15.2432 65.2061 13.6601 70.0738 12.6047L72.3569 23.1263C68.2431 24.0201 64.2154 25.3663 60.3815 27.1217L60.3923 27.1109Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.2", d: "M101.143 12.8738C98.3216 12.2062 95.4354 11.7108 92.5385 11.4092C90.04 11.14 87.4877 11 84.9785 11V21.7692C87.1 21.7692 89.2754 21.8877 91.3862 22.1138C93.8308 22.3723 96.2862 22.7923 98.6662 23.3523C125.891 29.7815 145.038 54.7662 144.198 82.7662C143.218 115.408 115.865 141.178 83.2231 140.198C70.0954 139.811 57.797 135.234 47.6416 126.963C45.9939 125.617 44.3893 124.163 42.8923 122.655L35.2354 130.226C37.0016 132.014 38.897 133.726 40.8462 135.32C52.8539 145.098 67.4031 150.505 82.9108 150.968C121.497 152.12 153.815 121.675 154.968 83.0892C155.958 49.9954 133.322 20.4662 101.143 12.8738Z", fill: checkMarkColor }), _jsx("path", { d: "M75.1139 111.972L48.7723 85.9108L57.1077 77.4893L75.2539 95.4524L115.886 56.5647L124.071 65.1262L75.1139 111.972Z", fill: checkMarkColor })] })), checkMarkColor === 'white' && (_jsxs("defs", { children: [_jsxs("filter", __assign({ id: "filter0_d_885_9990", x: "0", y: "0", width: "170", height: "170", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "7.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_885_9990" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_885_9990", result: "shape" })] })), _jsx("clipPath", __assign({ id: "clip0_885_9990" }, { children: _jsx("rect", { width: "140", height: "140", fill: "white", transform: "translate(15 11)" }) }))] }))] })));
+}
+function DfxSignaturePopupIcon() {
+    return (_jsxs("svg", __assign({ width: "260", height: "134", viewBox: "0 0 260 134", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1831 23.7369C17.1831 10.5506 27.1218 0 39.5467 0C51.9735 0 61.9122 10.5486 61.9122 23.7369C61.9122 36.9251 50.7285 46.1559 39.5467 46.1559C27.1218 46.1559 17.1831 35.6053 17.1831 23.7369ZM52.1399 80.9951C52.1399 72.2718 56.4536 64.5253 63.0514 59.7876C56.6218 54.9616 48.5347 52.0832 39.5508 52.0832C18.1761 52.0852 0.875 68.3545 0.875 88.4488C1.89189 93.2346 4.94656 96.105 9.01813 96.105H56.9761C53.9334 91.8366 52.1419 86.6195 52.1419 80.9951H52.1399ZM78.1628 59.9901C66.6167 59.9901 57.2004 69.4255 57.2004 80.995C57.2004 92.5646 66.6167 102 78.1628 102C89.7089 102 99.1251 92.5646 99.1251 80.995C99.1251 69.4235 89.7089 59.9901 78.1628 59.9901ZM75.4524 91.4494L64.5028 80.5618L68.3102 76.7166L75.5205 83.8874L87.7251 72.1855L91.4624 76.0988L75.4524 91.4494Z", fill: "#D6DBE2" }), _jsx("rect", { x: "109.125", width: "150", height: "48", rx: "13.9263", fill: "#D6DBE2" }), _jsx("g", __assign({ filter: "url(#filter0_d_1679_13861)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M206.588 105.744L200.454 111.878L197.908 114.424L178.51 95.0265L179.742 93.795L197.919 111.973L199.246 110.646L196.025 107.425L202.159 101.291L205.38 104.512L206.611 105.744H206.588ZM139.514 38.67L200.833 99.9884L194.698 106.123L133.38 44.8042L130.834 36.9528C130.668 36.4436 131.154 35.9581 131.663 36.1239L139.514 38.67Z", fill: "#F5516C" }) })), _jsx("path", { d: "M146.903 36.5787C146.903 36.5787 151.988 38.8133 155.176 32.1914C159.491 23.2221 166.236 9.13776 166.708 26.6971C167.005 37.6755 169.824 38.4443 174.98 31.9454C183.365 21.3668 182.934 37.6755 188.818 37.9933C194.169 38.2803 197.398 35.0821 197.398 35.0821", stroke: "#F5516C", strokeWidth: "3.09474" }), _jsx("defs", { children: _jsxs("filter", __assign({ id: "filter0_d_1679_13861", x: "115.801", y: "25.0908", width: "105.811", height: "108.333", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "7.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1679_13861" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1679_13861", result: "shape" })] })) })] })));
+}
+function SellToFiat() {
+    var icContext = useContext(IconContext);
+    return (_jsx("svg", __assign({ width: icContext.size, height: icContext.size, viewBox: "0 0 21 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M20.5 2.79545V14.9091H2.79545V13.0455H18.6364V2.79545H20.5ZM16.7727 11.1818H0V0H16.7727V11.1818ZM11.1818 5.59091C11.1818 4.04409 9.93318 2.79545 8.38636 2.79545C6.83955 2.79545 5.59091 4.04409 5.59091 5.59091C5.59091 7.13773 6.83955 8.38636 8.38636 8.38636C9.93318 8.38636 11.1818 7.13773 11.1818 5.59091Z", fill: icContext.color }) })));
+}
+function MetamaskLogo() {
+    var icContext = useContext(IconContext);
+    return (_jsx("svg", __assign({ width: icContext.size, height: icContext.size, viewBox: "0 0 256 240", version: "1.1", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid" }, { children: _jsxs("g", { children: [_jsx("polygon", { fill: "#E17726", points: "250.066018 -8.89651791e-15 140.218553 81.2793133 160.645643 33.3787726" }), _jsx("polygon", { fill: "#E27625", points: "6.19062016 0.0955267053 95.3715526 33.38465 114.767923 81.9132784" }), _jsx("polygon", { fill: "#E27625", points: "205.859986 172.858026 254.410647 173.782023 237.442988 231.424252 178.200429 215.112736" }), _jsx("polygon", { fill: "#E27625", points: "50.1391619 172.857971 77.6964289 215.11288 18.5530579 231.425317 1.68846828 173.782036" }), _jsx("polygon", { fill: "#E27625", points: "112.130724 69.5516472 114.115388 133.635085 54.744344 130.933905 71.6319541 105.456448 71.8456974 105.210668" }), _jsx("polygon", { fill: "#E27625", points: "143.254237 68.8369186 184.153999 105.213392 184.365514 105.45719 201.253537 130.934656 141.89632 133.635226" }), _jsx("polygon", { fill: "#E27625", points: "79.4347776 173.043957 111.853145 198.302774 74.1951401 216.484384" }), _jsx("polygon", { fill: "#E27625", points: "176.57078 173.040009 181.701672 216.484523 144.149363 198.301203" }), _jsx("polygon", { fill: "#D5BFB2", points: "144.977922 195.921642 183.084879 214.373531 147.637779 231.220354 148.005818 220.085704" }), _jsx("polygon", { fill: "#D5BFB2", points: "111.01133 195.929982 108.102093 219.90359 108.340838 231.207237 72.8105145 214.373665" }), _jsx("polygon", { fill: "#233447", points: "100.007166 141.998856 109.965172 162.926822 76.0615945 152.995277" }), _jsx("polygon", { fill: "#233447", points: "155.991579 142.000941 180.049716 152.994594 146.03608 162.923638" }), _jsx("polygon", { fill: "#CC6228", points: "82.0263962 172.830401 76.5459821 217.870023 47.1731221 173.814952" }), _jsx("polygon", { fill: "#CC6228", points: "173.976111 172.8305 208.830462 173.815081 179.347016 217.871514" }), _jsx("polygon", { fill: "#CC6228", points: "202.112267 128.387342 176.746779 154.238424 157.190334 145.301352 147.82685 164.985265 141.688645 131.136429" }), _jsx("polygon", { fill: "#CC6228", points: "53.8753865 128.386879 114.309585 131.136429 108.17138 164.985265 98.8061425 145.303856 79.3525107 154.238823" }), _jsx("polygon", { fill: "#E27525", points: "52.165606 123.082486 80.8639084 152.203386 81.8584812 180.952278" }), _jsx("polygon", { fill: "#E27525", points: "203.863346 123.029784 174.117491 181.003017 175.237428 152.202737" }), _jsx("polygon", { fill: "#E27525", points: "112.906762 124.855691 114.061658 132.125682 116.915771 150.236518 115.080954 205.861884 106.405804 161.177486 106.402953 160.71542" }), _jsx("polygon", { fill: "#E27525", points: "143.077997 124.755417 149.599051 160.715451 149.596194 161.177486 140.899333 205.973714 140.55515 194.76913 139.198167 149.907127" }), _jsx("polygon", { fill: "#F5841F", points: "177.788479 151.045975 176.81718 176.023897 146.543342 199.61119 140.4233 195.28712 147.283427 159.951634" }), _jsx("polygon", { fill: "#F5841F", points: "78.3167053 151.046455 108.716464 159.952427 115.576437 195.28712 109.456385 199.611197 79.1807344 176.021881" }), _jsx("polygon", { fill: "#C0AC9D", points: "67.0180978 208.857597 105.750143 227.209502 105.586194 219.372868 108.826835 216.528328 147.160694 216.528328 150.518758 219.363342 150.271375 227.194477 188.757733 208.903978 170.030292 224.379509 147.384611 239.933315 108.516484 239.933315 85.8855503 224.315941" }), _jsx("polygon", { fill: "#161616", points: "142.203502 193.479367 147.679764 197.347701 150.888964 222.952494 146.244706 219.030957 109.769299 219.030957 105.213447 223.031398 108.317268 197.349663 113.795429 193.479367" }), _jsx("polygon", { fill: "#763E1A", points: "242.814251 2.24978946 256 41.8072765 247.765337 81.803692 253.629038 86.3274221 245.694407 92.3812097 251.657525 96.9865879 243.761206 104.178247 248.609106 107.688972 235.743366 122.714803 182.973386 107.350364 182.516079 107.105244 144.488982 75.0267414" }), _jsx("polygon", { fill: "#763E1A", points: "13.1860054 2.24978557 111.51151 75.0267402 73.4844118 107.105244 73.0271023 107.350365 20.2567388 122.714804 7.39121291 107.688927 12.2352706 104.180751 4.34251001 96.9865923 10.2945566 92.3862179 2.24133703 86.315099 8.32629691 81.7886671 -8.89651791e-15 41.8087534" }), _jsx("polygon", { fill: "#F5841F", points: "180.391638 103.990363 236.304873 120.269177 254.470245 176.254719 206.546445 176.25462 173.525532 176.671282 197.539657 129.863284" }), _jsx("polygon", { fill: "#F5841F", points: "75.6080363 103.990376 58.4568191 129.863284 82.4741865 176.671282 49.4693913 176.254719 1.63053271 176.254719 19.6938968 120.269548" }), _jsx("polygon", { fill: "#F5841F", points: "163.383898 33.1117385 147.744691 75.3505047 144.425852 132.411352 143.155934 150.295986 143.055195 195.983514 112.943788 195.983514 112.846176 150.381702 111.572114 132.395585 108.251786 75.3505047 92.6150854 33.1117385" })] }) })));
+}
+function DfxUserData() {
+    var icContext = useContext(IconContext);
+    return (_jsxs("svg", __assign({ width: "53", height: "50", viewBox: "0 0 53 50", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M20.1002 47.0651H0.630615V42.8652C0.630615 40.1202 0.760612 38.5503 3.82554 36.1953C6.89047 33.8404 14.1253 29.5705 15.3553 28.9305C15.5153 28.8755 15.5703 28.7155 15.5703 28.5555V25.2506C14.7153 23.8106 14.2903 22.2106 14.0253 20.7707C13.5453 20.7157 12.8503 20.0257 12.1604 17.5157C11.2004 14.1008 12.2153 13.5708 13.1203 13.6758C13.1203 13.6758 10.0404 6.301 14.9753 3.14108C17.0502 1.80611 19.8502 0.311141 23.9401 0.0211478C27.32 -0.218847 29.5949 1.62111 30.0749 3.64606C30.0749 3.64606 35.8898 3.22107 33.3799 13.5658C33.3799 13.5658 33.3249 13.7808 33.2749 14.1508H33.4349C34.0748 14.3658 34.5548 15.2708 33.8099 17.9357C32.9049 21.2407 32.0499 21.4007 31.5149 21.0807C31.2999 22.2006 30.9799 23.4806 30.3949 24.6556V28.4405C30.3949 28.6005 30.4999 28.7605 30.6099 28.8155C31.1449 29.0805 32.5299 29.7755 34.3448 30.8404C31.7849 33.0804 30.1849 36.3353 30.1849 39.9602C30.1849 42.5752 31.0399 45.0251 32.4249 47.0001H25.97H20.1052V47.0551L20.1002 47.0651Z", fill: icContext.color, fillOpacity: "0.1" }), _jsx("path", { d: "M42.3947 30.0504C36.8998 30.0504 32.4199 34.5303 32.4199 40.0252C32.4199 45.5201 36.8998 50 42.3947 50C47.8896 50 52.3695 45.5201 52.3695 40.0252C52.3695 34.5303 47.8896 30.0504 42.3947 30.0504Z", fill: icContext.color, fillOpacity: "0.1" }), _jsx("path", { d: "M48.1445 38.9303H43.4896V34.2754H41.2997V38.9303H36.6448V41.1202H41.2997V45.7751H43.4896V41.1202H48.1445V38.9303Z", fill: icContext.color })] })));
+}
+//# sourceMappingURL=DfxIcon.js.map

package/dist/stories/DfxIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxIcon.js","sourceRoot":"","sources":["../../src/stories/DfxIcon.tsx"],"names":[],"mappings":"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"}

package/dist/stories/DfxLogo.d.ts

@@ -0,0 +1,2 @@
+export default function DfxLogo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DfxLogo.d.ts.map

package/dist/stories/DfxLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxLogo.d.ts","sourceRoot":"","sources":["../../src/stories/DfxLogo.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,OAAO,4CA2D9B"}

package/dist/stories/DfxLogo.js

@@ -0,0 +1,16 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function DfxLogo() {
+    return (_jsx("div", __assign({ className: "" }, { children: _jsxs("svg", __assign({ width: 80, height: 25, viewBox: "0 0 80 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_685_7455)" }, { children: _jsxs("g", __assign({ clipPath: "url(#clip1_685_7455)" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.04492 0H18.2717C25.0954 0 30.6278 5.37393 30.6278 12.3587C30.6278 19.3435 24.966 25.0026 17.9839 25.0026H9.04492V19.9271H16.7718C20.857 19.9271 24.1976 16.5866 24.1976 12.5013C24.1976 8.41608 20.857 5.07553 16.7718 5.07553H9.04492V0ZM39.1548 4.64244V11.2496H49.7495V15.892H39.1548V25H33.3689V0H52.2635V4.64244H39.1548ZM72.9062 25L66.8695 16.3198L60.941 25H54.2969L63.5474 12.2848L54.7643 0H61.3345L67.086 8.10711L72.7293 0H78.98L70.2655 12.0709L79.5873 25H72.9089H72.9062Z", fill: "white" }), _jsx("path", { d: "M12.67 18.5699C16.1498 18.5699 18.9708 15.749 18.9708 12.2691C18.9708 8.78924 16.1498 5.96826 12.67 5.96826C9.19012 5.96826 6.36914 8.78924 6.36914 12.2691C6.36914 15.749 9.19012 18.5699 12.67 18.5699Z", fill: "url(#paint0_linear_685_7455)" }), _jsx("path", { d: "M6.93197 19.4333C10.7604 19.4333 13.8639 16.3297 13.8639 12.5013C13.8639 8.67289 10.7604 5.56934 6.93197 5.56934C3.10355 5.56934 0 8.67289 0 12.5013C0 16.3297 3.10355 19.4333 6.93197 19.4333Z", fill: "url(#paint1_linear_685_7455)" })] })) })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_685_7455", x1: "17.9571", y1: "9.51159", x2: "6.75873", y2: "15.2868", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.04", stopColor: "#F5516C" }), _jsx("stop", { offset: "0.14", stopColor: "#C74863" }), _jsx("stop", { offset: "0.31", stopColor: "#853B57" }), _jsx("stop", { offset: "0.44", stopColor: "#55324E" }), _jsx("stop", { offset: "0.55", stopColor: "#382D49" }), _jsx("stop", { offset: "0.61", stopColor: "#2D2B47" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_685_7455", x1: "11.1598", y1: "7.46276", x2: "2.24728", y2: "18.0812", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.2", stopColor: "#F5516C" }), _jsx("stop", { offset: 1, stopColor: "#6B3753" })] })), _jsx("clipPath", __assign({ id: "clip0_685_7455" }, { children: _jsx("rect", { width: 80, height: 25, fill: "white" }) })), _jsx("clipPath", __assign({ id: "clip1_685_7455" }, { children: _jsx("rect", { width: "79.5843", height: 25, fill: "white" }) }))] })] })) })));
+}
+//# sourceMappingURL=DfxLogo.js.map

package/dist/stories/DfxLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxLogo.js","sourceRoot":"","sources":["../../src/stories/DfxLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,uBAAK,SAAS,EAAC,EAAE,gBACf,wBAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,iBAC5F,qBAAG,QAAQ,EAAC,sBAAsB,gBAChC,sBAAG,QAAQ,EAAC,sBAAsB,iBAChC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6dAA6d,EAC/d,IAAI,EAAC,OAAO,GACZ,EACF,eACE,CAAC,EAAC,2MAA2M,EAC7M,IAAI,EAAC,8BAA8B,GACnC,EACF,eACE,CAAC,EAAC,iMAAiM,EACnM,IAAI,EAAC,8BAA8B,GACnC,KACA,IACF,EACJ,2BACE,mCACE,EAAE,EAAC,wBAAwB,EAC3B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,iBAE9B,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,EAC1C,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,EAC1C,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,EAC1C,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,EAC1C,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,EAC1C,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,KAC3B,EACjB,mCACE,EAAE,EAAC,wBAAwB,EAC3B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,iBAE9B,eAAM,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,GAAG,EACzC,eAAM,MAAM,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,KACxB,EACjB,4BAAU,EAAE,EAAC,gBAAgB,gBAC3B,eAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,IACnC,EACX,4BAAU,EAAE,EAAC,gBAAgB,gBAC3B,eAAM,KAAK,EAAC,SAAS,EAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,IACxC,IACN,KACH,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/stories/DfxVideoHelpModalContent.d.ts

@@ -0,0 +1,9 @@
+import { VideoSourcesProps } from './StyledVideoGrid';
+export interface DfxVideoHelpModalContentProps {
+    videoSources: VideoSourcesProps[];
+    numCols?: number;
+    title?: string;
+    description?: string;
+}
+export default function DfxVideoHelpModalContent({ numCols, videoSources, title, description, }: DfxVideoHelpModalContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DfxVideoHelpModalContent.d.ts.map

package/dist/stories/DfxVideoHelpModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxVideoHelpModalContent.d.ts","sourceRoot":"","sources":["../../src/stories/DfxVideoHelpModalContent.tsx"],"names":[],"mappings":"AAAA,OAAwB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEvE,MAAM,WAAW,6BAA6B;IAC5C,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,OAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,GACZ,EAAE,6BAA6B,2CAW/B"}

package/dist/stories/DfxVideoHelpModalContent.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import StyledVideoGrid from './StyledVideoGrid';
+export default function DfxVideoHelpModalContent(_a) {
+    var _b = _a.numCols, numCols = _b === void 0 ? 3 : _b, videoSources = _a.videoSources, title = _a.title, description = _a.description;
+    return (_jsxs("div", __assign({ className: "text-center " }, { children: [_jsxs("div", __assign({ className: "mb-9 mt-3" }, { children: [_jsx("h2", __assign({ className: "text-2xl font-black mb-3" }, { children: title })), _jsx("p", { children: description })] })), _jsx(StyledVideoGrid, { videoSources: videoSources, numCols: numCols })] })));
+}
+//# sourceMappingURL=DfxVideoHelpModalContent.js.map

package/dist/stories/DfxVideoHelpModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxVideoHelpModalContent.js","sourceRoot":"","sources":["../../src/stories/DfxVideoHelpModalContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,eAAsC,MAAM,mBAAmB,CAAC;AASvE,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAKjB;QAJ9B,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,OAAO,CACL,wBAAK,SAAS,EAAC,cAAc,iBAC3B,wBAAK,SAAS,EAAC,WAAW,iBACxB,sBAAI,SAAS,EAAC,0BAA0B,gBAAE,KAAK,IAAM,EACrD,sBAAI,WAAW,GAAK,KAChB,EAEN,KAAC,eAAe,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,KAC7D,CACP,CAAC;AACJ,CAAC"}

package/dist/stories/DfxYourCurrencyWalletSection.d.ts

@@ -0,0 +1,12 @@
+import { Asset } from '../definitions/asset';
+import { Fiat } from '../definitions/fiat';
+interface DfxYourCurrencyWalletSectionProps {
+    currencies: Fiat[];
+    currencyElementName: string;
+    asset: Asset;
+    assetProtocol: string;
+    onAssetClick: () => void;
+}
+export default function DfxYourCurrencyWalletSection({ currencies, currencyElementName, asset, assetProtocol, onAssetClick, }: DfxYourCurrencyWalletSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DfxYourCurrencyWalletSection.d.ts.map

package/dist/stories/DfxYourCurrencyWalletSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxYourCurrencyWalletSection.d.ts","sourceRoot":"","sources":["../../src/stories/DfxYourCurrencyWalletSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAK3C,UAAU,iCAAiC;IACzC,UAAU,EAAE,IAAI,EAAE,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,UAAU,EACV,mBAAmB,EACnB,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE,iCAAiC,2CAoCnC"}

package/dist/stories/DfxYourCurrencyWalletSection.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DfxIcon, { IconColor, IconSize, IconVariant } from './DfxIcon';
+import StyledDropdown from './form/StyledDropdown';
+import StyledCoinListItem from './StyledCoinListItem';
+export default function DfxYourCurrencyWalletSection(_a) {
+    var currencies = _a.currencies, currencyElementName = _a.currencyElementName, asset = _a.asset, assetProtocol = _a.assetProtocol, onAssetClick = _a.onAssetClick;
+    return (_jsxs("div", __assign({ className: "flex justify-between  items-center" }, { children: [_jsx("div", __assign({ className: "basis-5/12 shrink-1" }, { children: _jsx(StyledDropdown, { name: currencyElementName, label: "Your Currency", labelIcon: IconVariant.BANK, items: currencies, labelFunc: function (item) { return item.name; }, descriptionFunc: function (item) { return 'todo ' + item.name; } }) })), _jsx("div", __assign({ className: "basis-2/12 shrink-0 flex justify-center pt-9" }, { children: _jsx("div", __assign({ className: " " }, { children: _jsx(DfxIcon, { icon: IconVariant.ARROW_RIGHT, size: IconSize.LG, color: IconColor.GRAY }) })) })), _jsxs("div", __assign({ className: "basis-5/12 shrink-1" }, { children: [_jsxs("div", __assign({ className: "flex ml-3.5 mb-2.5" }, { children: [_jsx(DfxIcon, { icon: IconVariant.WALLET, size: IconSize.SM, color: IconColor.BLUE }), _jsx("label", __assign({ className: "text-dfxBlue-800 text-base font-semibold pl-3.5" }, { children: "Your Wallet" }))] })), _jsx("div", __assign({ className: "border border-dfxGray-400 rounded px-2 py-1.5 drop-shadow-sm" }, { children: _jsx(StyledCoinListItem, { asset: asset, isToken: false, protocol: assetProtocol, onClick: onAssetClick, disabled: true }) }))] }))] })));
+}
+//# sourceMappingURL=DfxYourCurrencyWalletSection.js.map

package/dist/stories/DfxYourCurrencyWalletSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DfxYourCurrencyWalletSection.js","sourceRoot":"","sources":["../../src/stories/DfxYourCurrencyWalletSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAUtD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EAMjB;QALlC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,YAAY,kBAAA;IAEZ,OAAO,CACL,wBAAK,SAAS,EAAC,oCAAoC,iBACjD,uBAAK,SAAS,EAAC,qBAAqB,gBAClC,KAAC,cAAc,IACb,IAAI,EAAE,mBAAmB,EACzB,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,WAAW,CAAC,IAAI,EAC3B,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,EAAT,CAAS,EAC9B,eAAe,EAAE,UAAC,IAAI,IAAK,OAAA,OAAO,GAAG,IAAI,CAAC,IAAI,EAAnB,CAAmB,GAC9C,IACE,EACN,uBAAK,SAAS,EAAC,8CAA8C,gBAC3D,uBAAK,SAAS,EAAC,GAAG,gBAChB,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,GAAI,IAChF,IACF,EACN,wBAAK,SAAS,EAAC,qBAAqB,iBAClC,wBAAK,SAAS,EAAC,oBAAoB,iBACjC,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,GAAI,EAE/E,yBAAO,SAAS,EAAC,iDAAiD,iCAAoB,KAClF,EACN,uBAAK,SAAS,EAAC,8DAA8D,gBAC3E,KAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,GACd,IACE,KACF,KACF,CACP,CAAC;AACJ,CAAC"}

package/dist/stories/StyledBalance.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Asset } from '../definitions/asset';
+import BigNumber from 'bignumber.js';
+interface StyledBalanceProps {
+    asset: Asset;
+    protocol: string;
+    isToken: boolean;
+    balance: BigNumber;
+    balanceInUsd?: BigNumber;
+    isSelected: boolean;
+    onClick: () => void;
+}
+export default function StyledBalance({ asset, protocol, isToken, balance, balanceInUsd, isSelected, onClick, }: StyledBalanceProps): JSX.Element;
+export {};
+//# sourceMappingURL=StyledBalance.d.ts.map

package/dist/stories/StyledBalance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledBalance.d.ts","sourceRoot":"","sources":["../../src/stories/StyledBalance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,SAAS,MAAM,cAAc,CAAC;AAGrC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,UAAU,EACV,OAAO,GACR,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAsClC"}

package/dist/stories/StyledBalance.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DfxAssetIcon from './DfxAssetIcon';
+export default function StyledBalance(_a) {
+    var asset = _a.asset, protocol = _a.protocol, isToken = _a.isToken, balance = _a.balance, balanceInUsd = _a.balanceInUsd, isSelected = _a.isSelected, onClick = _a.onClick;
+    var wrapperClasses = 'group flex rounded place-self-start w-full ';
+    var buttonClasses = 'flex justify-between rounded-l px-3 py-1.5 z-10 flex-1';
+    if (isSelected) {
+        wrapperClasses += 'bg-dfxGray-400';
+    }
+    else {
+        wrapperClasses += 'bg-white hover:bg-dfxGray-400/50';
+    }
+    return (_jsx("div", __assign({ className: wrapperClasses }, { children: _jsxs("button", __assign({ type: "button", onClick: onClick, className: buttonClasses }, { children: [_jsxs("div", __assign({ className: "flex gap-2" }, { children: [_jsx("div", __assign({ className: "self-center" }, { children: _jsx(DfxAssetIcon, { asset: asset.name }) })), _jsxs("div", __assign({ className: "text-left" }, { children: [_jsxs("div", __assign({ className: "flex font-semibold gap-1 text-dfxBlue-800" }, { children: [_jsx("h4", __assign({ className: "leading-snug" }, { children: asset.name })), isToken && (_jsx("span", __assign({ className: "self-start mt-1 leading-none font-semibold text-2xs shrink-0" }, { children: protocol })))] })), _jsx("span", __assign({ className: "text-dfxGray-800 text-xs leading-tight block" }, { children: asset.description }))] }))] })), _jsxs("div", __assign({ className: "flex flex-col" }, { children: [_jsx("h4", __assign({ className: "font-semibold text-dfxBlue-800" }, { children: balance.decimalPlaces(6).toString() })), balanceInUsd && (_jsxs("span", __assign({ className: "text-dfxGray-800 font-normal text-xs text-end" }, { children: ["$", balanceInUsd.decimalPlaces(2).toString()] })))] }))] })) })));
+}
+//# sourceMappingURL=StyledBalance.js.map

package/dist/stories/StyledBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledBalance.js","sourceRoot":"","sources":["../../src/stories/StyledBalance.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,YAAkC,MAAM,gBAAgB,CAAC;AAYhE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAQjB;QAPnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,IAAI,cAAc,GAAG,6CAA6C,CAAC;IACnE,IAAM,aAAa,GAAG,wDAAwD,CAAC;IAE/E,IAAI,UAAU,EAAE;QACd,cAAc,IAAI,gBAAgB,CAAC;KACpC;SAAM;QACL,cAAc,IAAI,kCAAkC,CAAC;KACtD;IAED,OAAO,CACL,uBAAK,SAAS,EAAE,cAAc,gBAC5B,2BAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,iBAC9D,wBAAK,SAAS,EAAC,YAAY,iBACzB,uBAAK,SAAS,EAAC,aAAa,gBAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,IAAwB,GAAI,IACnD,EACN,wBAAK,SAAS,EAAC,WAAW,iBACxB,wBAAK,SAAS,EAAC,2CAA2C,iBACxD,sBAAI,SAAS,EAAC,cAAc,gBAAE,KAAK,CAAC,IAAI,IAAM,EAC7C,OAAO,IAAI,CACV,wBAAM,SAAS,EAAC,8DAA8D,gBAAE,QAAQ,IAAQ,CACjG,KACG,EACN,wBAAM,SAAS,EAAC,8CAA8C,gBAAE,KAAK,CAAC,WAAW,IAAQ,KACrF,KACF,EACN,wBAAK,SAAS,EAAC,eAAe,iBAC5B,sBAAI,SAAS,EAAC,gCAAgC,gBAAE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAM,EACxF,YAAY,IAAI,CACf,yBAAM,SAAS,EAAC,+CAA+C,sBAC3D,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,KACrC,CACR,KACG,KACC,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/stories/StyledBalanceSelection.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Asset } from '../definitions/asset';
+import BigNumber from 'bignumber.js';
+interface StyledBalanceSelectionProps {
+    balances: {
+        asset: Asset;
+        isToken: boolean;
+        protocol: string;
+        balance: BigNumber;
+        balanceInUsd?: BigNumber;
+        isSelected: boolean;
+    }[];
+    onSelectionChanged: (asset: Asset) => void;
+}
+export default function StyledBalanceSelection({ balances, onSelectionChanged, }: StyledBalanceSelectionProps): JSX.Element;
+export {};
+//# sourceMappingURL=StyledBalanceSelection.d.ts.map

package/dist/stories/StyledBalanceSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledBalanceSelection.d.ts","sourceRoot":"","sources":["../../src/stories/StyledBalanceSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,SAAS,MAAM,cAAc,CAAC;AAKrC,UAAU,2BAA2B;IACnC,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,SAAS,CAAC;QACnB,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,UAAU,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,QAAQ,EACR,kBAAkB,GACnB,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAwB3C"}

package/dist/stories/StyledBalanceSelection.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import StyledBalance from './StyledBalance';
+import { useState } from 'react';
+import DfxIcon, { IconColor, IconSize, IconVariant } from './DfxIcon';
+export default function StyledBalanceSelection(_a) {
+    var balances = _a.balances, onSelectionChanged = _a.onSelectionChanged;
+    var _b = useState(''), filter = _b[0], setFilter = _b[1];
+    return (_jsxs("div", __assign({ className: "flex flex-col gap-5 w-72 max-h-150 shrink-0" }, { children: [_jsxs("div", __assign({ className: "relative" }, { children: [_jsx("div", __assign({ className: "absolute left-2 top-[9px]" }, { children: _jsx(DfxIcon, { icon: IconVariant.SEARCH, color: IconColor.BLUE, size: IconSize.LG }) })), _jsx("input", { className: "text-base font-normal rounded-md pl-8 pr-3 py-2 w-full bg-white text-dfxBlue-800 placeholder:text-dfxGray-600 border border-dfxGray-400 outline-2 outline-dfxBlue-400", placeholder: "Search a token", onChange: function (value) { return setFilter(value.target.value); } })] })), _jsx("div", __assign({ className: "flex flex-col flex-grow gap-2 overflow-auto" }, { children: balances
+                    .filter(function (balance) { return balance.asset.name.toLowerCase().includes(filter.toLowerCase()); })
+                    .map(function (balance) { return (_jsx(StyledBalance, __assign({}, balance, { onClick: function () { return onSelectionChanged(balance.asset); } }), balance.asset.id)); }) }))] })));
+}
+//# sourceMappingURL=StyledBalanceSelection.js.map

package/dist/stories/StyledBalanceSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledBalanceSelection.js","sourceRoot":"","sources":["../../src/stories/StyledBalanceSelection.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AActE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAGjB;QAF5B,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAEZ,IAAA,KAAsB,QAAQ,CAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;IAEzC,OAAO,CACL,wBAAK,SAAS,EAAC,6CAA6C,iBAC1D,wBAAK,SAAS,EAAC,UAAU,iBACvB,uBAAK,SAAS,EAAC,2BAA2B,gBACxC,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,GAAI,IAC3E,EACN,gBACE,SAAS,EAAC,uKAAuK,EACjL,WAAW,EAAC,gBAAgB,EAC5B,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAClD,KACE,EACN,uBAAK,SAAS,EAAC,6CAA6C,gBACzD,QAAQ;qBACN,MAAM,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAA/D,CAA+D,CAAC;qBACpF,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAChB,KAAC,aAAa,eAA4B,OAAO,IAAE,OAAO,EAAE,cAAM,OAAA,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAjC,CAAiC,KAA/E,OAAO,CAAC,KAAK,CAAC,EAAE,CAAmE,CACxG,EAFiB,CAEjB,CAAC,IACA,KACF,CACP,CAAC;AACJ,CAAC"}

package/dist/stories/StyledButton.d.ts

@@ -0,0 +1,34 @@
+import { IconVariant } from './DfxIcon';
+export declare enum StyledButtonSize {
+    BIG = "BIG",
+    SMALL = "SMALL"
+}
+export declare enum StyledButtonWidth {
+    MIN = "MIN",
+    SM = "SM",
+    MD = "MD",
+    FULL = "FULL"
+}
+export declare enum StyledButtonColor {
+    RED = "RED",
+    GRAY = "GRAY",
+    GRAY_OUTLINE = "GRAY_OUTLINE",
+    PALE_WHITE = "PALE_WHITE",
+    WHITE = "WHITE"
+}
+export interface StyledButtonProps {
+    label: string;
+    onClick: () => void;
+    size?: StyledButtonSize;
+    width?: StyledButtonWidth;
+    color?: StyledButtonColor;
+    caps?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    deactivateMargin?: boolean;
+    icon?: IconVariant;
+    iconAfterLabel?: boolean;
+}
+export default function StyledButton({ label, onClick, size, width, color, caps, isLoading, disabled, hidden, deactivateMargin, icon, iconAfterLabel, }: StyledButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StyledButton.d.ts.map

package/dist/stories/StyledButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../src/stories/StyledButton.tsx"],"names":[],"mappings":"AACA,OAAgB,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAEtE,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AA2DD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,OAAO,EACP,IAA2B,EAC3B,KAA4B,EAC5B,KAA6B,EAC7B,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,MAAc,EACd,gBAAwB,EACxB,IAAI,EACJ,cAAsB,GACvB,EAAE,iBAAiB,2CA+CnB"}

package/dist/stories/StyledButton.js

@@ -0,0 +1,102 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var _a, _b, _c;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import StyledLoadingSpinner, { SpinnerSize, SpinnerVariant } from './StyledLoadingSpinner';
+import DfxIcon, { IconColor, IconSize } from './DfxIcon';
+export var StyledButtonSize;
+(function (StyledButtonSize) {
+    StyledButtonSize["BIG"] = "BIG";
+    StyledButtonSize["SMALL"] = "SMALL";
+})(StyledButtonSize || (StyledButtonSize = {}));
+export var StyledButtonWidth;
+(function (StyledButtonWidth) {
+    StyledButtonWidth["MIN"] = "MIN";
+    StyledButtonWidth["SM"] = "SM";
+    StyledButtonWidth["MD"] = "MD";
+    StyledButtonWidth["FULL"] = "FULL";
+})(StyledButtonWidth || (StyledButtonWidth = {}));
+export var StyledButtonColor;
+(function (StyledButtonColor) {
+    StyledButtonColor["RED"] = "RED";
+    StyledButtonColor["GRAY"] = "GRAY";
+    StyledButtonColor["GRAY_OUTLINE"] = "GRAY_OUTLINE";
+    StyledButtonColor["PALE_WHITE"] = "PALE_WHITE";
+    StyledButtonColor["WHITE"] = "WHITE";
+})(StyledButtonColor || (StyledButtonColor = {}));
+var SIZE_MAPS = (_a = {},
+    _a[StyledButtonSize.BIG] = {
+        buttonClasses: 'font-bold text-base rounded px-7 py-2.5 gap-4 ',
+        loadingSpinnerSize: SpinnerSize.MD,
+        iconSize: IconSize.MD,
+    },
+    _a[StyledButtonSize.SMALL] = {
+        buttonClasses: 'text-sm rounded-md px-3.5 py-0.5 gap-2 ',
+        loadingSpinnerSize: SpinnerSize.SM,
+        iconSize: IconSize.XS,
+    },
+    _a);
+var COLOR_MAPS = (_b = {},
+    _b[StyledButtonColor.RED] = {
+        buttonColorClasses: 'bg-primary-red text-white hover:bg-dfxRed-150 focus:bg-dfxRed-150 active:bg-dfxRed-100 hover:shadow-lg',
+        iconColor: IconColor.WHITE,
+    },
+    _b[StyledButtonColor.GRAY] = {
+        buttonColorClasses: 'bg-dfxGray-800 text-dfxGray-700',
+        iconColor: IconColor.DARK_GRAY,
+    },
+    _b[StyledButtonColor.GRAY_OUTLINE] = {
+        buttonColorClasses: 'border border-dfxGray-700 text-dfxGray-700 hover:border-dfxGray-800 hover:text-dfxGray-800',
+        iconColor: IconColor.DARK_GRAY,
+    },
+    _b[StyledButtonColor.WHITE] = {
+        buttonColorClasses: 'bg-dfxGray-400 text-primary-blue hover:bg-dfxGray-500 focus:bg-dfxGray-500 active:bg-dfxGray-600 hover:shadow-lg',
+        iconColor: IconColor.BLUE,
+    },
+    _b[StyledButtonColor.PALE_WHITE] = {
+        buttonColorClasses: 'border border-white/20 text-white bg-white/10 hover:bg-white/20 focus:bg-white/20 active:bg-white/30',
+        iconColor: IconColor.WHITE,
+    },
+    _b);
+var WIDTH_MAPS = (_c = {},
+    _c[StyledButtonWidth.MIN] = 'mx-4',
+    _c[StyledButtonWidth.SM] = 'w-62.5',
+    _c[StyledButtonWidth.MD] = 'min-w-62.5',
+    _c[StyledButtonWidth.FULL] = 'w-full',
+    _c);
+export default function StyledButton(_a) {
+    var label = _a.label, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? StyledButtonSize.BIG : _b, _c = _a.width, width = _c === void 0 ? StyledButtonWidth.MD : _c, _d = _a.color, color = _d === void 0 ? StyledButtonColor.RED : _d, _e = _a.caps, caps = _e === void 0 ? true : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.hidden, hidden = _h === void 0 ? false : _h, _j = _a.deactivateMargin, deactivateMargin = _j === void 0 ? false : _j, icon = _a.icon, _k = _a.iconAfterLabel, iconAfterLabel = _k === void 0 ? false : _k;
+    var buttonClasses = 'inline-block flex justify-center leading-tight shadow-md focus:outline-none focus:ring-0 transition duration-150 ease-in-out ';
+    var renderedColor;
+    var isDisabled = disabled || isLoading;
+    if (isDisabled) {
+        renderedColor = COLOR_MAPS[StyledButtonColor.GRAY].buttonColorClasses;
+    }
+    else {
+        if (color === StyledButtonColor.GRAY) {
+            renderedColor =
+                COLOR_MAPS[color].buttonColorClasses + ' hover:bg-dfxGray-900  focus:bg-dfxGray-900 active:bg-dfxGray-800';
+        }
+        else {
+            renderedColor = COLOR_MAPS[color].buttonColorClasses;
+        }
+    }
+    buttonClasses += [
+        SIZE_MAPS[size].buttonClasses,
+        renderedColor,
+        width === StyledButtonWidth.MIN && deactivateMargin ? '' : WIDTH_MAPS[width],
+        caps ? 'uppercase' : 'normal-case',
+    ].join(' ');
+    buttonClasses += hidden ? ' hidden' : '';
+    return (_jsx(_Fragment, { children: _jsxs("button", __assign({ type: "button", className: buttonClasses, onClick: onClick, disabled: isDisabled }, { children: [iconAfterLabel && label, icon && (_jsx(DfxIcon, { icon: icon, size: SIZE_MAPS[size].iconSize, color: isDisabled ? IconColor.DARK_GRAY : COLOR_MAPS[color].iconColor })), !iconAfterLabel && label, isLoading && (_jsx("div", __assign({ className: "place-self-center" }, { children: _jsx(StyledLoadingSpinner, { variant: SpinnerVariant.PALE, size: SIZE_MAPS[size].loadingSpinnerSize }) })))] })) }));
+}
+//# sourceMappingURL=StyledButton.js.map

package/dist/stories/StyledButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/stories/StyledButton.tsx"],"names":[],"mappings":"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"}