@mexi/uikit 0.0.8 → 0.0.13
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.cjs.js +138 -157
- package/dist/index.esm.js +138 -157
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -101,7 +101,7 @@ var getThemeValue = function (path, fallback) {
|
|
|
101
101
|
};
|
|
102
102
|
};
|
|
103
103
|
|
|
104
|
-
var rotate$1 = styled.keyframes(templateObject_1$
|
|
104
|
+
var rotate$1 = styled.keyframes(templateObject_1$1a || (templateObject_1$1a = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
105
105
|
var spinStyle = styled.css(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n animation: ", " 2s linear infinite;\n"], ["\n animation: ", " 2s linear infinite;\n"])), rotate$1);
|
|
106
106
|
var Svg = styled__default['default'].svg(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n align-self: center; // Safari fix\n fill: ", ";\n flex-shrink: 0;\n ", "\n ", "\n"], ["\n align-self: center; // Safari fix\n fill: ", ";\n flex-shrink: 0;\n ", "\n ", "\n"])), function (_a) {
|
|
107
107
|
var theme = _a.theme, color = _a.color;
|
|
@@ -116,7 +116,7 @@ Svg.defaultProps = {
|
|
|
116
116
|
xmlns: "http://www.w3.org/2000/svg",
|
|
117
117
|
spin: false,
|
|
118
118
|
};
|
|
119
|
-
var templateObject_1$
|
|
119
|
+
var templateObject_1$1a, templateObject_2$A, templateObject_3$g;
|
|
120
120
|
|
|
121
121
|
var Icon$2g = function (props) {
|
|
122
122
|
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
|
|
@@ -146,7 +146,7 @@ var getFontSize = function (_a) {
|
|
|
146
146
|
var fontSize = _a.fontSize, small = _a.small;
|
|
147
147
|
return small ? "14px" : fontSize || "16px";
|
|
148
148
|
};
|
|
149
|
-
var Text = styled__default['default'].div(templateObject_1$
|
|
149
|
+
var Text = styled__default['default'].div(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ", "\n\n ", "\n ", "\n ", "\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ",
|
|
150
150
|
"\n\n ", "\n ", "\n ", "\n"])), getColor, getFontSize, function (_a) {
|
|
151
151
|
var bold = _a.bold;
|
|
152
152
|
return (bold ? 600 : 400);
|
|
@@ -163,13 +163,13 @@ Text.defaultProps = {
|
|
|
163
163
|
small: false,
|
|
164
164
|
ellipsis: false,
|
|
165
165
|
};
|
|
166
|
-
var templateObject_1$
|
|
166
|
+
var templateObject_1$19;
|
|
167
167
|
|
|
168
|
-
var TooltipText = styled__default['default'](Text)(templateObject_1$
|
|
168
|
+
var TooltipText = styled__default['default'](Text)(templateObject_1$18 || (templateObject_1$18 = __makeTemplateObject(["\n text-decoration: ", ";\n text-underline-offset: 0.1em;\n"], ["\n text-decoration: ", ";\n text-underline-offset: 0.1em;\n"])), function (_a) {
|
|
169
169
|
var theme = _a.theme;
|
|
170
170
|
return "underline dotted " + theme.colors.textSubtle;
|
|
171
171
|
});
|
|
172
|
-
var templateObject_1$
|
|
172
|
+
var templateObject_1$18;
|
|
173
173
|
|
|
174
174
|
var getExternalLinkProps = function () { return ({
|
|
175
175
|
target: "_blank",
|
|
@@ -230,7 +230,7 @@ var styleVariants$2 = (_b$3 = {},
|
|
|
230
230
|
color: "primary",
|
|
231
231
|
},
|
|
232
232
|
_b$3[variants$6.SUBTLE] = {
|
|
233
|
-
backgroundColor: "
|
|
233
|
+
backgroundColor: "#4AC7D5",
|
|
234
234
|
color: "backgroundAlt",
|
|
235
235
|
},
|
|
236
236
|
_b$3[variants$6.DANGER] = {
|
|
@@ -269,7 +269,7 @@ var getOpacity = function (_a) {
|
|
|
269
269
|
var _b = _a.$isLoading, $isLoading = _b === void 0 ? false : _b;
|
|
270
270
|
return $isLoading ? ".5" : "1";
|
|
271
271
|
};
|
|
272
|
-
var StyledButton = styled__default['default'].button(templateObject_1$
|
|
272
|
+
var StyledButton = styled__default['default'].button(templateObject_1$17 || (templateObject_1$17 = __makeTemplateObject(["\n align-items: center;\n border: 0;\n border-radius: 16px;\n box-shadow: 0px -1px 0px 0px rgba(14, 14, 44, 0.4) inset;\n cursor: pointer;\n display: inline-flex;\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n justify-content: center;\n letter-spacing: 0.03em;\n line-height: 1;\n text-transform: uppercase;\n opacity: ", ";\n outline: 0;\n transition: background-color 0.2s, opacity 0.2s;\n\n &:hover:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled):not(:active) {\n opacity: 0.65;\n }\n\n &:active:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled) {\n opacity: 0.85;\n transform: translateY(1px);\n box-shadow: none;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n align-items: center;\n border: 0;\n border-radius: 16px;\n box-shadow: 0px -1px 0px 0px rgba(14, 14, 44, 0.4) inset;\n cursor: pointer;\n display: inline-flex;\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n justify-content: center;\n letter-spacing: 0.03em;\n line-height: 1;\n text-transform: uppercase;\n opacity: ", ";\n outline: 0;\n transition: background-color 0.2s, opacity 0.2s;\n\n &:hover:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled):not(:active) {\n opacity: 0.65;\n }\n\n &:active:not(:disabled):not(.pancake-button--disabled):not(.pancake-button--disabled) {\n opacity: 0.85;\n transform: translateY(1px);\n box-shadow: none;\n }\n\n ", "\n ",
|
|
273
273
|
"\n ",
|
|
274
274
|
"\n ", "\n ", "\n"])), getOpacity, getDisabledStyles, styledSystem.variant({
|
|
275
275
|
prop: "scale",
|
|
@@ -277,7 +277,7 @@ var StyledButton = styled__default['default'].button(templateObject_1$18 || (tem
|
|
|
277
277
|
}), styledSystem.variant({
|
|
278
278
|
variants: styleVariants$2,
|
|
279
279
|
}), styledSystem.layout, styledSystem.space);
|
|
280
|
-
var templateObject_1$
|
|
280
|
+
var templateObject_1$17;
|
|
281
281
|
|
|
282
282
|
var Button = function (props) {
|
|
283
283
|
var startIcon = props.startIcon, endIcon = props.endIcon, external = props.external, className = props.className, isLoading = props.isLoading, disabled = props.disabled, children = props.children, rest = __rest(props, ["startIcon", "endIcon", "external", "className", "isLoading", "disabled", "children"]);
|
|
@@ -310,11 +310,11 @@ Button.defaultProps = {
|
|
|
310
310
|
disabled: false,
|
|
311
311
|
};
|
|
312
312
|
|
|
313
|
-
var IconButton = styled__default['default'](Button)(templateObject_1$
|
|
313
|
+
var IconButton = styled__default['default'](Button)(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n padding: 0;\n width: ", ";\n"], ["\n padding: 0;\n width: ", ";\n"])), function (_a) {
|
|
314
314
|
var scale = _a.scale;
|
|
315
315
|
return (scale === "sm" ? "32px" : "48px");
|
|
316
316
|
});
|
|
317
|
-
var templateObject_1$
|
|
317
|
+
var templateObject_1$16;
|
|
318
318
|
|
|
319
319
|
var Icon$2c = function (props) { return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
|
|
320
320
|
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 14.2619C9.69993 14.2619 7.57238 14.6197 5.98327 15.2327C5.19201 15.5379 4.48317 15.9258 3.95486 16.4076C3.42611 16.8898 3 17.544 3 18.3476C3 20.0992 4.33478 21.5622 6.07901 21.7223L6.21662 21.735C10.0641 22.0883 13.9359 22.0883 17.7834 21.735L17.921 21.7223C19.6652 21.5622 21 20.0992 21 18.3476C21 17.544 20.5739 16.8898 20.0451 16.4076C19.5168 15.9258 18.808 15.5379 18.0167 15.2327C16.4276 14.6197 14.3001 14.2619 12 14.2619ZM5 18.3476C5 18.2991 5.0216 18.1416 5.3025 17.8854C5.58383 17.6289 6.04656 17.3519 6.70302 17.0987C8.00934 16.5948 9.88179 16.2619 12 16.2619C14.1182 16.2619 15.9907 16.5948 17.297 17.0987C17.9534 17.3519 18.4162 17.6289 18.6975 17.8854C18.9784 18.1416 19 18.2991 19 18.3476C19 19.0655 18.453 19.6651 17.7381 19.7307L17.6005 19.7434C13.8747 20.0855 10.1253 20.0855 6.39952 19.7434L6.26191 19.7307C5.54705 19.6651 5 19.0655 5 18.3476Z" }),
|
|
@@ -1577,12 +1577,12 @@ ExpandableLabel.defaultProps = {
|
|
|
1577
1577
|
expanded: false,
|
|
1578
1578
|
};
|
|
1579
1579
|
|
|
1580
|
-
var Box = styled__default['default'].div(templateObject_1$
|
|
1581
|
-
var templateObject_1$16;
|
|
1582
|
-
|
|
1583
|
-
var Flex = styled__default['default'](Box)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), styledSystem.flexbox);
|
|
1580
|
+
var Box = styled__default['default'].div(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), styledSystem.background, styledSystem.border, styledSystem.layout, styledSystem.position, styledSystem.space);
|
|
1584
1581
|
var templateObject_1$15;
|
|
1585
1582
|
|
|
1583
|
+
var Flex = styled__default['default'](Box)(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), styledSystem.flexbox);
|
|
1584
|
+
var templateObject_1$14;
|
|
1585
|
+
|
|
1586
1586
|
var variants$5 = {
|
|
1587
1587
|
INFO: "info",
|
|
1588
1588
|
DANGER: "danger",
|
|
@@ -1618,7 +1618,7 @@ var getIcon = function (variant) {
|
|
|
1618
1618
|
return Icon$2d;
|
|
1619
1619
|
}
|
|
1620
1620
|
};
|
|
1621
|
-
var IconLabel = styled__default['default'].div(templateObject_1$
|
|
1621
|
+
var IconLabel = styled__default['default'].div(templateObject_1$13 || (templateObject_1$13 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 16px 0 0 16px;\n color: ", ";\n padding: 12px;\n"], ["\n background-color: ", ";\n border-radius: 16px 0 0 16px;\n color: ", ";\n padding: 12px;\n"])), getThemeColor, function (_a) {
|
|
1622
1622
|
var theme = _a.theme;
|
|
1623
1623
|
return theme.alert.background;
|
|
1624
1624
|
});
|
|
@@ -1645,10 +1645,10 @@ var Alert = function (_a) {
|
|
|
1645
1645
|
React__default['default'].createElement(IconButton, { scale: "sm", variant: "text", onClick: onClick },
|
|
1646
1646
|
React__default['default'].createElement(Icon$1K, { width: "24px", color: "currentColor" }))))));
|
|
1647
1647
|
};
|
|
1648
|
-
var templateObject_1$
|
|
1648
|
+
var templateObject_1$13, templateObject_2$z, templateObject_3$f, templateObject_4$c;
|
|
1649
1649
|
|
|
1650
|
-
var Grid = styled__default['default'](Box)(templateObject_1$
|
|
1651
|
-
var templateObject_1$
|
|
1650
|
+
var Grid = styled__default['default'](Box)(templateObject_1$12 || (templateObject_1$12 = __makeTemplateObject(["\n display: grid;\n ", "\n ", "\n"], ["\n display: grid;\n ", "\n ", "\n"])), styledSystem.flexbox, styledSystem.grid);
|
|
1651
|
+
var templateObject_1$12;
|
|
1652
1652
|
|
|
1653
1653
|
var scales$7 = {
|
|
1654
1654
|
SM: "sm",
|
|
@@ -1681,7 +1681,7 @@ var getHeight = function (_a) {
|
|
|
1681
1681
|
return "40px";
|
|
1682
1682
|
}
|
|
1683
1683
|
};
|
|
1684
|
-
var Input$2 = styled__default['default'].input(templateObject_1$
|
|
1684
|
+
var Input$2 = styled__default['default'].input(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n background-color: ", ";\n border: 0;\n border-radius: 16px;\n box-shadow: ", ";\n color: ", ";\n display: block;\n font-size: 16px;\n height: ", ";\n outline: 0;\n padding: 0 16px;\n width: 100%;\n border: 1px solid ", ";\n\n &::placeholder {\n color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n box-shadow: none;\n color: ", ";\n cursor: not-allowed;\n }\n\n &:focus:not(:disabled) {\n box-shadow: ", ";\n }\n"], ["\n background-color: ", ";\n border: 0;\n border-radius: 16px;\n box-shadow: ", ";\n color: ", ";\n display: block;\n font-size: 16px;\n height: ", ";\n outline: 0;\n padding: 0 16px;\n width: 100%;\n border: 1px solid ", ";\n\n &::placeholder {\n color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n box-shadow: none;\n color: ", ";\n cursor: not-allowed;\n }\n\n &:focus:not(:disabled) {\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
1685
1685
|
var theme = _a.theme;
|
|
1686
1686
|
return theme.colors.input;
|
|
1687
1687
|
}, getBoxShadow, function (_a) {
|
|
@@ -1708,9 +1708,9 @@ Input$2.defaultProps = {
|
|
|
1708
1708
|
isSuccess: false,
|
|
1709
1709
|
isWarning: false,
|
|
1710
1710
|
};
|
|
1711
|
-
var templateObject_1$
|
|
1711
|
+
var templateObject_1$11;
|
|
1712
1712
|
|
|
1713
|
-
var SwitchUnitsButton = styled__default['default'](IconButton)(templateObject_1$
|
|
1713
|
+
var SwitchUnitsButton = styled__default['default'](IconButton)(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject(["\n width: 16px;\n"], ["\n width: 16px;\n"])));
|
|
1714
1714
|
var UnitContainer = styled__default['default'](Text)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n margin-left: 4px;\n text-align: right;\n color: ", ";\n white-space: nowrap;\n"], ["\n margin-left: 4px;\n text-align: right;\n color: ", ";\n white-space: nowrap;\n"])), function (_a) {
|
|
1715
1715
|
var theme = _a.theme;
|
|
1716
1716
|
return theme.colors.textSubtle;
|
|
@@ -1732,7 +1732,7 @@ var StyledInput$1 = styled__default['default'](Input$2)(templateObject_4$b || (t
|
|
|
1732
1732
|
var theme = _a.theme;
|
|
1733
1733
|
return theme.colors.textSubtle;
|
|
1734
1734
|
});
|
|
1735
|
-
var templateObject_1$
|
|
1735
|
+
var templateObject_1$10, templateObject_2$y, templateObject_3$e, templateObject_4$b;
|
|
1736
1736
|
|
|
1737
1737
|
var BalanceInput = function (_a) {
|
|
1738
1738
|
var value = _a.value, _b = _a.placeholder, placeholder = _b === void 0 ? "0.0" : _b, onUserInput = _a.onUserInput, currencyValue = _a.currencyValue, inputProps = _a.inputProps, innerRef = _a.innerRef, _c = _a.isWarning, isWarning = _c === void 0 ? false : _c, _d = _a.decimals, decimals = _d === void 0 ? 18 : _d, unit = _a.unit, switchEditingUnits = _a.switchEditingUnits, props = __rest(_a, ["value", "placeholder", "onUserInput", "currencyValue", "inputProps", "innerRef", "isWarning", "decimals", "unit", "switchEditingUnits"]);
|
|
@@ -1763,7 +1763,7 @@ var Textfield = function (_a) {
|
|
|
1763
1763
|
React__default['default'].createElement(StyledInput$1, __assign({ value: value, onChange: handleOnChange, placeholder: placeholder, textAlign: "left" }, inputProps))));
|
|
1764
1764
|
};
|
|
1765
1765
|
|
|
1766
|
-
var Separator = styled__default['default'].div(templateObject_1
|
|
1766
|
+
var Separator = styled__default['default'].div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n align-items: center;\n color: ", ";\n display: flex;\n justify-content: center;\n padding-left: 4px;\n padding-right: 4px;\n\n ", " {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ", " {\n padding-left: 16px;\n padding-right: 16px;\n }\n"], ["\n align-items: center;\n color: ", ";\n display: flex;\n justify-content: center;\n padding-left: 4px;\n padding-right: 4px;\n\n ", " {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ", " {\n padding-left: 16px;\n padding-right: 16px;\n }\n"])), function (_a) {
|
|
1767
1767
|
var theme = _a.theme;
|
|
1768
1768
|
return theme.colors.textDisabled;
|
|
1769
1769
|
}, function (_a) {
|
|
@@ -1798,7 +1798,7 @@ var Breadcrumbs = function (_a) {
|
|
|
1798
1798
|
var items = insertSeparators(validItems, separator);
|
|
1799
1799
|
return (React__default['default'].createElement(StyledBreadcrumbs, null, items.map(function (item, index) { return (React__default['default'].createElement("li", { key: "child-" + index }, item)); })));
|
|
1800
1800
|
};
|
|
1801
|
-
var templateObject_1
|
|
1801
|
+
var templateObject_1$$, templateObject_2$x;
|
|
1802
1802
|
|
|
1803
1803
|
var getBackgroundColor = function (_a) {
|
|
1804
1804
|
var theme = _a.theme, variant = _a.variant;
|
|
@@ -1808,7 +1808,7 @@ var getBorderColor$1 = function (_a) {
|
|
|
1808
1808
|
var theme = _a.theme, variant = _a.variant;
|
|
1809
1809
|
return theme.colors[variant === variants$6.SUBTLE ? "inputSecondary" : "disabled"];
|
|
1810
1810
|
};
|
|
1811
|
-
var StyledButtonMenu = styled__default['default'].div(templateObject_1
|
|
1811
|
+
var StyledButtonMenu = styled__default['default'].div(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 16px;\n display: ", ";\n border: 1px solid ", ";\n width: ", ";\n\n & > button,\n & > a {\n flex: ", ";\n }\n\n & > button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n\n & > button,\n & a {\n box-shadow: none;\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border-radius: 16px;\n display: ", ";\n border: 1px solid ", ";\n width: ", ";\n\n & > button,\n & > a {\n flex: ", ";\n }\n\n & > button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n\n & > button,\n & a {\n box-shadow: none;\n }\n\n ",
|
|
1812
1812
|
"\n ", "\n"])), getBackgroundColor, function (_a) {
|
|
1813
1813
|
var fullWidth = _a.fullWidth;
|
|
1814
1814
|
return (fullWidth ? "flex" : "inline-flex");
|
|
@@ -1837,9 +1837,9 @@ var ButtonMenu$1 = function (_a) {
|
|
|
1837
1837
|
});
|
|
1838
1838
|
})));
|
|
1839
1839
|
};
|
|
1840
|
-
var templateObject_1
|
|
1840
|
+
var templateObject_1$_;
|
|
1841
1841
|
|
|
1842
|
-
var InactiveButton = styled__default['default'](Button)(templateObject_1$
|
|
1842
|
+
var InactiveButton = styled__default['default'](Button)(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n background-color: transparent;\n color: ", ";\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"], ["\n background-color: transparent;\n color: ", ";\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"])), function (_a) {
|
|
1843
1843
|
var theme = _a.theme, variant = _a.variant;
|
|
1844
1844
|
return (variant === variants$6.PRIMARY ? theme.colors.primary : theme.colors.textSubtle);
|
|
1845
1845
|
});
|
|
@@ -1850,9 +1850,9 @@ var ButtonMenuItem = function (_a) {
|
|
|
1850
1850
|
}
|
|
1851
1851
|
return React__default['default'].createElement(Button, __assign({ as: as, variant: variant }, props));
|
|
1852
1852
|
};
|
|
1853
|
-
var templateObject_1$
|
|
1853
|
+
var templateObject_1$Z;
|
|
1854
1854
|
|
|
1855
|
-
var PromotedGradient = styled.keyframes(templateObject_1$
|
|
1855
|
+
var PromotedGradient = styled.keyframes(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n 0% {\n background-position: 50% 0%;\n }\n 50% {\n background-position: 50% 100%;\n }\n 100% {\n background-position: 50% 0%;\n }\n"], ["\n 0% {\n background-position: 50% 0%;\n }\n 50% {\n background-position: 50% 100%;\n }\n 100% {\n background-position: 50% 0%;\n }\n"])));
|
|
1856
1856
|
/**
|
|
1857
1857
|
* Priority: Warning --> Success --> Active
|
|
1858
1858
|
*/
|
|
@@ -1899,7 +1899,7 @@ StyledCard.defaultProps = {
|
|
|
1899
1899
|
isWarning: false,
|
|
1900
1900
|
isDisabled: false,
|
|
1901
1901
|
};
|
|
1902
|
-
var templateObject_1$
|
|
1902
|
+
var templateObject_1$Y, templateObject_2$w, templateObject_3$d, templateObject_4$a;
|
|
1903
1903
|
|
|
1904
1904
|
var Card = function (_a) {
|
|
1905
1905
|
var ribbon = _a.ribbon, children = _a.children, background = _a.background, props = __rest(_a, ["ribbon", "children", "background"]);
|
|
@@ -1909,13 +1909,13 @@ var Card = function (_a) {
|
|
|
1909
1909
|
children)));
|
|
1910
1910
|
};
|
|
1911
1911
|
|
|
1912
|
-
var CardBody = styled__default['default'].div(templateObject_1$
|
|
1912
|
+
var CardBody = styled__default['default'].div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styledSystem.space);
|
|
1913
1913
|
CardBody.defaultProps = {
|
|
1914
1914
|
p: "24px",
|
|
1915
1915
|
};
|
|
1916
|
-
var templateObject_1$
|
|
1916
|
+
var templateObject_1$X;
|
|
1917
1917
|
|
|
1918
|
-
var CardHeader = styled__default['default'].div(templateObject_1$
|
|
1918
|
+
var CardHeader = styled__default['default'].div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n background: ", ";\n border-radius: ", ";\n ", "\n"], ["\n background: ", ";\n border-radius: ", ";\n ", "\n"])), function (_a) {
|
|
1919
1919
|
var theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? "default" : _b;
|
|
1920
1920
|
return theme.card.cardHeaderBackground[variant];
|
|
1921
1921
|
}, function (_a) {
|
|
@@ -1925,18 +1925,18 @@ var CardHeader = styled__default['default'].div(templateObject_1$X || (templateO
|
|
|
1925
1925
|
CardHeader.defaultProps = {
|
|
1926
1926
|
p: "24px",
|
|
1927
1927
|
};
|
|
1928
|
-
var templateObject_1$
|
|
1928
|
+
var templateObject_1$W;
|
|
1929
1929
|
|
|
1930
|
-
var CardFooter = styled__default['default'].div(templateObject_1$
|
|
1930
|
+
var CardFooter = styled__default['default'].div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n border-top: 1px solid ", ";\n ", "\n"], ["\n border-top: 1px solid ", ";\n ", "\n"])), function (_a) {
|
|
1931
1931
|
var theme = _a.theme;
|
|
1932
1932
|
return theme.colors.cardBorder;
|
|
1933
1933
|
}, styledSystem.space);
|
|
1934
1934
|
CardFooter.defaultProps = {
|
|
1935
1935
|
p: "24px",
|
|
1936
1936
|
};
|
|
1937
|
-
var templateObject_1$
|
|
1937
|
+
var templateObject_1$V;
|
|
1938
1938
|
|
|
1939
|
-
var StyledCardRibbon = styled__default['default'].div(templateObject_1$
|
|
1939
|
+
var StyledCardRibbon = styled__default['default'].div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n z-index: 10;\n background-color: ", ";\n color: white;\n margin: 0;\n padding: 0;\n padding: 8px 0;\n position: absolute;\n right: ", ";\n top: 0;\n text-align: center;\n transform: translateX(30%) translateY(0%) rotate(45deg);\n transform: ", ";\n transform-origin: top left;\n width: 96px;\n\n &:before,\n &:after {\n background-color: ", ";\n content: \"\";\n height: 100%;\n margin: 0 -1px; /* Removes tiny gap */\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:before {\n right: 100%;\n }\n\n &:after {\n left: 100%;\n }\n\n & > div {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 96px;\n }\n"], ["\n z-index: 10;\n background-color: ", ";\n color: white;\n margin: 0;\n padding: 0;\n padding: 8px 0;\n position: absolute;\n right: ", ";\n top: 0;\n text-align: center;\n transform: translateX(30%) translateY(0%) rotate(45deg);\n transform: ",
|
|
1940
1940
|
";\n transform-origin: top left;\n width: 96px;\n\n &:before,\n &:after {\n background-color: ", ";\n content: \"\";\n height: 100%;\n margin: 0 -1px; /* Removes tiny gap */\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:before {\n right: 100%;\n }\n\n &:after {\n left: 100%;\n }\n\n & > div {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 96px;\n }\n"])), function (_a) {
|
|
1941
1941
|
var _b = _a.variantColor, variantColor = _b === void 0 ? "secondary" : _b, theme = _a.theme;
|
|
1942
1942
|
return theme.colors[variantColor];
|
|
@@ -1960,7 +1960,7 @@ var CardRibbon = function (_a) {
|
|
|
1960
1960
|
CardRibbon.defaultProps = {
|
|
1961
1961
|
ribbonPosition: "right",
|
|
1962
1962
|
};
|
|
1963
|
-
var templateObject_1$
|
|
1963
|
+
var templateObject_1$U;
|
|
1964
1964
|
|
|
1965
1965
|
var animation = {
|
|
1966
1966
|
WAVES: "waves",
|
|
@@ -1971,7 +1971,7 @@ var variant = {
|
|
|
1971
1971
|
CIRCLE: "circle",
|
|
1972
1972
|
};
|
|
1973
1973
|
|
|
1974
|
-
var waves = styled.keyframes(templateObject_1$
|
|
1974
|
+
var waves = styled.keyframes(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"], ["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"])));
|
|
1975
1975
|
var pulse = styled.keyframes(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"], ["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"])));
|
|
1976
1976
|
var Root = styled__default['default'].div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n min-height: 20px;\n display: block;\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n ", "\n"], ["\n min-height: 20px;\n display: block;\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n ", "\n"])), function (_a) {
|
|
1977
1977
|
var theme = _a.theme;
|
|
@@ -1989,17 +1989,17 @@ var Skeleton = function (_a) {
|
|
|
1989
1989
|
}
|
|
1990
1990
|
return React__default['default'].createElement(Pulse, __assign({ variant: variant$1 }, props));
|
|
1991
1991
|
};
|
|
1992
|
-
var templateObject_1$
|
|
1992
|
+
var templateObject_1$T, templateObject_2$v, templateObject_3$c, templateObject_4$9, templateObject_5$6;
|
|
1993
1993
|
|
|
1994
|
-
var PriceLink = styled__default['default'].a(templateObject_1$
|
|
1994
|
+
var PriceLink = styled__default['default'].a(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n display: flex;\n align-items: center;\n svg {\n transition: transform 0.3s;\n }\n :hover {\n svg {\n transform: scale(1.2);\n }\n }\n"], ["\n display: flex;\n align-items: center;\n svg {\n transition: transform 0.3s;\n }\n :hover {\n svg {\n transform: scale(1.2);\n }\n }\n"])));
|
|
1995
1995
|
var CakePrice = function (_a) {
|
|
1996
|
-
var cakePriceUsd = _a.cakePriceUsd, _b = _a.color, color = _b === void 0 ? "
|
|
1996
|
+
var cakePriceUsd = _a.cakePriceUsd, _b = _a.color, color = _b === void 0 ? "#fff" : _b;
|
|
1997
1997
|
return cakePriceUsd ? (React__default['default'].createElement(PriceLink, { href: "https://pancakeswap.finance/swap?inputCurrency=0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c&outputCurrency=0x70D8d5B3416888fD05e806195312DD2D9597d50C", target: "_blank" },
|
|
1998
1998
|
React__default['default'].createElement(Icon$16, { width: "24px", mr: "8px" }),
|
|
1999
1999
|
React__default['default'].createElement(Text, { ml: "4px", color: color, bold: true }, "$" + cakePriceUsd.toFixed(6)))) : (React__default['default'].createElement(Skeleton, { width: 80, height: 24 }));
|
|
2000
2000
|
};
|
|
2001
2001
|
var CakePrice$1 = React__default['default'].memo(CakePrice);
|
|
2002
|
-
var templateObject_1$
|
|
2002
|
+
var templateObject_1$S;
|
|
2003
2003
|
|
|
2004
2004
|
var scales$6 = {
|
|
2005
2005
|
SM: "sm",
|
|
@@ -2016,7 +2016,7 @@ var getScale$4 = function (_a) {
|
|
|
2016
2016
|
return "32px";
|
|
2017
2017
|
}
|
|
2018
2018
|
};
|
|
2019
|
-
var Checkbox = styled__default['default'].input.attrs({ type: "checkbox" })(templateObject_1$
|
|
2019
|
+
var Checkbox = styled__default['default'].input.attrs({ type: "checkbox" })(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ", ";\n width: ", ";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 8px;\n background-color: ", ";\n box-shadow: ", ";\n\n &:after {\n content: \"\";\n position: absolute;\n border-bottom: 2px solid;\n border-left: 2px solid;\n border-color: transparent;\n top: 30%;\n left: 0;\n right: 0;\n width: 50%;\n height: 25%;\n margin: auto;\n transform: rotate(-50deg);\n transition: border-color 0.2s ease-in-out;\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ", ";\n }\n\n &:focus {\n outline: none;\n box-shadow: ", ";\n }\n\n &:checked {\n background-color: ", ";\n &:after {\n border-color: white;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"], ["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ", ";\n width: ", ";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 8px;\n background-color: ", ";\n box-shadow: ", ";\n\n &:after {\n content: \"\";\n position: absolute;\n border-bottom: 2px solid;\n border-left: 2px solid;\n border-color: transparent;\n top: 30%;\n left: 0;\n right: 0;\n width: 50%;\n height: 25%;\n margin: auto;\n transform: rotate(-50deg);\n transition: border-color 0.2s ease-in-out;\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ", ";\n }\n\n &:focus {\n outline: none;\n box-shadow: ", ";\n }\n\n &:checked {\n background-color: ", ";\n &:after {\n border-color: white;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"])), getScale$4, getScale$4, function (_a) {
|
|
2020
2020
|
var theme = _a.theme;
|
|
2021
2021
|
return theme.colors.input;
|
|
2022
2022
|
}, function (_a) {
|
|
@@ -2035,7 +2035,7 @@ var Checkbox = styled__default['default'].input.attrs({ type: "checkbox" })(temp
|
|
|
2035
2035
|
Checkbox.defaultProps = {
|
|
2036
2036
|
scale: scales$6.MD,
|
|
2037
2037
|
};
|
|
2038
|
-
var templateObject_1$
|
|
2038
|
+
var templateObject_1$R;
|
|
2039
2039
|
|
|
2040
2040
|
var getLeft = function (_a) {
|
|
2041
2041
|
var position = _a.position;
|
|
@@ -2051,7 +2051,7 @@ var getBottom = function (_a) {
|
|
|
2051
2051
|
}
|
|
2052
2052
|
return "auto";
|
|
2053
2053
|
};
|
|
2054
|
-
var DropdownContent = styled__default['default'].div(templateObject_1$
|
|
2054
|
+
var DropdownContent = styled__default['default'].div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n width: max-content;\n display: none;\n flex-direction: column;\n position: absolute;\n transform: translate(-50%, 0);\n left: ", ";\n bottom: ", ";\n background-color: ", ";\n box-shadow: ", ";\n padding: 16px;\n max-height: 400px;\n overflow-y: auto;\n z-index: ", ";\n border-radius: ", ";\n"], ["\n width: max-content;\n display: none;\n flex-direction: column;\n position: absolute;\n transform: translate(-50%, 0);\n left: ", ";\n bottom: ", ";\n background-color: ", ";\n box-shadow: ", ";\n padding: 16px;\n max-height: 400px;\n overflow-y: auto;\n z-index: ", ";\n border-radius: ", ";\n"])), getLeft, getBottom, function (_a) {
|
|
2055
2055
|
var theme = _a.theme;
|
|
2056
2056
|
return theme.nav.background;
|
|
2057
2057
|
}, function (_a) {
|
|
@@ -2074,9 +2074,9 @@ var Dropdown = function (_a) {
|
|
|
2074
2074
|
Dropdown.defaultProps = {
|
|
2075
2075
|
position: "bottom",
|
|
2076
2076
|
};
|
|
2077
|
-
var templateObject_1$
|
|
2077
|
+
var templateObject_1$Q, templateObject_2$u;
|
|
2078
2078
|
|
|
2079
|
-
var bunnyFall = styled.keyframes(templateObject_1$
|
|
2079
|
+
var bunnyFall = styled.keyframes(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n 0% {\n opacity: 1;\n transform: translate(0, -100%) rotateZ(0deg);\n }\n\n 75% {\n opacity: 1;\n transform: translate(100px, 75vh) rotateZ(270deg);\n }\n\n 100% {\n opacity: 0;\n transform: translate(150px, 100vh) rotateZ(360deg);\n }\n"], ["\n 0% {\n opacity: 1;\n transform: translate(0, -100%) rotateZ(0deg);\n }\n\n 75% {\n opacity: 1;\n transform: translate(100px, 75vh) rotateZ(270deg);\n }\n\n 100% {\n opacity: 0;\n transform: translate(150px, 100vh) rotateZ(360deg);\n }\n"])));
|
|
2080
2080
|
var Bunny = styled__default['default'].div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: inline-flex;\n position: fixed;\n top: 0;\n left: ", ";\n transform: translate3d(0, -100%, 0);\n user-select: none;\n pointer-events: none;\n z-index: 99999;\n\n animation-name: ", ";\n animation-duration: ", ";\n animation-timing-function: linear;\n animation-iteration-count: ", ";\n animation-play-state: running;\n\n &:nth-child(5n + 5) {\n animation-delay: ", ";\n }\n\n &:nth-child(3n + 2) {\n animation-delay: ", ";\n }\n\n &:nth-child(2n + 5) {\n animation-delay: ", ";\n }\n\n &:nth-child(3n + 10) {\n animation-delay: ", ";\n }\n\n &:nth-child(7n + 2) {\n animation-delay: ", ";\n }\n\n &:nth-child(4n + 5) {\n animation-delay: ", ";\n }\n\n &:nth-child(3n + 7) {\n animation-delay: ", ";\n }\n"], ["\n display: inline-flex;\n position: fixed;\n top: 0;\n left: ", ";\n transform: translate3d(0, -100%, 0);\n user-select: none;\n pointer-events: none;\n z-index: 99999;\n\n animation-name: ", ";\n animation-duration: ", ";\n animation-timing-function: linear;\n animation-iteration-count: ", ";\n animation-play-state: running;\n\n &:nth-child(5n + 5) {\n animation-delay: ", ";\n }\n\n &:nth-child(3n + 2) {\n animation-delay: ", ";\n }\n\n &:nth-child(2n + 5) {\n animation-delay: ", ";\n }\n\n &:nth-child(3n + 10) {\n animation-delay: ", ";\n }\n\n &:nth-child(7n + 2) {\n animation-delay: ", ";\n }\n\n &:nth-child(4n + 5) {\n animation-delay: ", ";\n }\n\n &:nth-child(3n + 7) {\n animation-delay: ", ";\n }\n"])), function (_a) {
|
|
2081
2081
|
var position = _a.position;
|
|
2082
2082
|
return position + "vw";
|
|
@@ -2114,7 +2114,7 @@ var FallingBunnies = function (_a) {
|
|
|
2114
2114
|
React__default['default'].createElement(Icon$1p, { width: size, height: size }))); });
|
|
2115
2115
|
return React__default['default'].createElement("div", null, bunnies);
|
|
2116
2116
|
};
|
|
2117
|
-
var templateObject_1$
|
|
2117
|
+
var templateObject_1$P, templateObject_2$t;
|
|
2118
2118
|
|
|
2119
2119
|
var tags = {
|
|
2120
2120
|
H1: "h1",
|
|
@@ -2150,7 +2150,7 @@ var style = (_a$3 = {},
|
|
|
2150
2150
|
fontSizeLg: "64px",
|
|
2151
2151
|
},
|
|
2152
2152
|
_a$3);
|
|
2153
|
-
var Heading = styled__default['default'](Text).attrs({ bold: true })(templateObject_1$
|
|
2153
|
+
var Heading = styled__default['default'](Text).attrs({ bold: true })(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n font-size: ", ";\n font-weight: 600;\n line-height: 1.1;\n\n ", " {\n font-size: ", ";\n }\n"], ["\n font-size: ", ";\n font-weight: 600;\n line-height: 1.1;\n\n ", " {\n font-size: ", ";\n }\n"])), function (_a) {
|
|
2154
2154
|
var scale = _a.scale;
|
|
2155
2155
|
return style[scale || scales$5.MD].fontSize;
|
|
2156
2156
|
}, function (_a) {
|
|
@@ -2163,7 +2163,7 @@ var Heading = styled__default['default'](Text).attrs({ bold: true })(templateObj
|
|
|
2163
2163
|
Heading.defaultProps = {
|
|
2164
2164
|
as: tags.H2,
|
|
2165
2165
|
};
|
|
2166
|
-
var templateObject_1$
|
|
2166
|
+
var templateObject_1$O;
|
|
2167
2167
|
|
|
2168
2168
|
var observerOptions = {
|
|
2169
2169
|
root: null,
|
|
@@ -2171,7 +2171,7 @@ var observerOptions = {
|
|
|
2171
2171
|
threshold: 0,
|
|
2172
2172
|
};
|
|
2173
2173
|
|
|
2174
|
-
var StyledWrapper = styled__default['default'].div(templateObject_1$
|
|
2174
|
+
var StyledWrapper = styled__default['default'].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n max-height: ", "px;\n max-width: ", "px;\n position: relative;\n width: 100%;\n\n &:after {\n content: \"\";\n display: block;\n padding-top: ", "%;\n }\n\n ", "\n"], ["\n max-height: ", "px;\n max-width: ", "px;\n position: relative;\n width: 100%;\n\n &:after {\n content: \"\";\n display: block;\n padding-top: ", "%;\n }\n\n ", "\n"])), function (_a) {
|
|
2175
2175
|
var $height = _a.$height;
|
|
2176
2176
|
return $height;
|
|
2177
2177
|
}, function (_a) {
|
|
@@ -2185,12 +2185,12 @@ var Wrapper$3 = React.forwardRef(function (_a, ref) {
|
|
|
2185
2185
|
var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
|
|
2186
2186
|
return React__default['default'].createElement(StyledWrapper, __assign({ ref: ref, "$width": width, "$height": height }, props));
|
|
2187
2187
|
});
|
|
2188
|
-
var templateObject_1$O;
|
|
2189
|
-
|
|
2190
|
-
var Placeholder = styled__default['default'].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"], ["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
2191
2188
|
var templateObject_1$N;
|
|
2192
2189
|
|
|
2193
|
-
var
|
|
2190
|
+
var Placeholder = styled__default['default'].div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"], ["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
2191
|
+
var templateObject_1$M;
|
|
2192
|
+
|
|
2193
|
+
var StyledBackgroundImage = styled__default['default'](Wrapper$3)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n background-repeat: no-repeat;\n background-size: contain;\n"], ["\n background-repeat: no-repeat;\n background-size: contain;\n"])));
|
|
2194
2194
|
var BackgroundImage = function (_a) {
|
|
2195
2195
|
var loadingPlaceholder = _a.loadingPlaceholder, src = _a.src, width = _a.width, height = _a.height, props = __rest(_a, ["loadingPlaceholder", "src", "width", "height"]);
|
|
2196
2196
|
var _b = React.useState(false), isLoaded = _b[0], setIsLoaded = _b[1];
|
|
@@ -2227,9 +2227,9 @@ var BackgroundImage = function (_a) {
|
|
|
2227
2227
|
}, [src, setIsLoaded]);
|
|
2228
2228
|
return (React__default['default'].createElement(StyledBackgroundImage, __assign({ ref: ref, width: width, height: height }, props), !isLoaded && placeholder));
|
|
2229
2229
|
};
|
|
2230
|
-
var templateObject_1$
|
|
2230
|
+
var templateObject_1$L;
|
|
2231
2231
|
|
|
2232
|
-
var StyledImage = styled__default['default'].img(templateObject_1$
|
|
2232
|
+
var StyledImage = styled__default['default'].img(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"], ["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
2233
2233
|
var Image = function (_a) {
|
|
2234
2234
|
var src = _a.src, alt = _a.alt, width = _a.width, height = _a.height, props = __rest(_a, ["src", "alt", "width", "height"]);
|
|
2235
2235
|
var imgRef = React.useRef(null);
|
|
@@ -2256,18 +2256,18 @@ var Image = function (_a) {
|
|
|
2256
2256
|
}, [src]);
|
|
2257
2257
|
return (React__default['default'].createElement(Wrapper$3, __assign({ ref: imgRef, height: height, width: width }, props), isLoaded ? React__default['default'].createElement(StyledImage, { src: src, alt: alt }) : React__default['default'].createElement(Placeholder, null)));
|
|
2258
2258
|
};
|
|
2259
|
-
var templateObject_1$L;
|
|
2260
|
-
|
|
2261
|
-
var TokenImage = styled__default['default'](Image)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n &:before {\n border-radius: 50%;\n border: 1px solid rgba(0, 0, 0, 0.25);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 7;\n }\n"], ["\n &:before {\n border-radius: 50%;\n border: 1px solid rgba(0, 0, 0, 0.25);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 7;\n }\n"])));
|
|
2262
2259
|
var templateObject_1$K;
|
|
2263
2260
|
|
|
2261
|
+
var TokenImage = styled__default['default'](Image)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n &:before {\n border-radius: 50%;\n border: 1px solid rgba(0, 0, 0, 0.25);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 7;\n }\n"], ["\n &:before {\n border-radius: 50%;\n border: 1px solid rgba(0, 0, 0, 0.25);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 7;\n }\n"])));
|
|
2262
|
+
var templateObject_1$J;
|
|
2263
|
+
|
|
2264
2264
|
var variants$4 = {
|
|
2265
2265
|
DEFAULT: "default",
|
|
2266
2266
|
INVERTED: "inverted",
|
|
2267
2267
|
};
|
|
2268
2268
|
|
|
2269
2269
|
var _a$2, _b$2;
|
|
2270
|
-
var StyledPrimaryImage = styled__default['default'](TokenImage)(templateObject_1$
|
|
2270
|
+
var StyledPrimaryImage = styled__default['default'](TokenImage)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n position: absolute;\n width: ", "; // 92, 82 are arbitrary numbers to fit the variant\n\n ", "\n"], ["\n position: absolute;\n width: ",
|
|
2271
2271
|
"; // 92, 82 are arbitrary numbers to fit the variant\n\n ",
|
|
2272
2272
|
"\n"])), function (_a) {
|
|
2273
2273
|
var variant = _a.variant;
|
|
@@ -2309,7 +2309,7 @@ var StyledSecondaryImage = styled__default['default'](TokenImage)(templateObject
|
|
|
2309
2309
|
},
|
|
2310
2310
|
_b$2),
|
|
2311
2311
|
}));
|
|
2312
|
-
var templateObject_1$
|
|
2312
|
+
var templateObject_1$I, templateObject_2$s;
|
|
2313
2313
|
|
|
2314
2314
|
var TokenPairImage = function (_a) {
|
|
2315
2315
|
var primarySrc = _a.primarySrc, secondarySrc = _a.secondarySrc, width = _a.width, height = _a.height, _b = _a.variant, variant = _b === void 0 ? variants$4.DEFAULT : _b, _c = _a.primaryImageProps, primaryImageProps = _c === void 0 ? {} : _c, _d = _a.secondaryImageProps, secondaryImageProps = _d === void 0 ? {} : _d, props = __rest(_a, ["primarySrc", "secondarySrc", "width", "height", "variant", "primaryImageProps", "secondaryImageProps"]);
|
|
@@ -2319,10 +2319,10 @@ var TokenPairImage = function (_a) {
|
|
|
2319
2319
|
React__default['default'].createElement(StyledSecondaryImage, __assign({ variant: variant, src: secondarySrc, width: secondaryImageSize, height: secondaryImageSize }, secondaryImageProps))));
|
|
2320
2320
|
};
|
|
2321
2321
|
|
|
2322
|
-
var StyledProfileAvatar = styled__default['default'](BackgroundImage)(templateObject_1$
|
|
2322
|
+
var StyledProfileAvatar = styled__default['default'](BackgroundImage)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n border-radius: 50%;\n"], ["\n border-radius: 50%;\n"])));
|
|
2323
2323
|
var StyledBunnyPlaceholder = styled__default['default'](Icon$1X)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n"], ["\n height: 100%;\n width: 100%;\n"])));
|
|
2324
2324
|
var ProfileAvatar = function (props) { return (React__default['default'].createElement(StyledProfileAvatar, __assign({ loadingPlaceholder: React__default['default'].createElement(StyledBunnyPlaceholder, null) }, props))); };
|
|
2325
|
-
var templateObject_1$
|
|
2325
|
+
var templateObject_1$H, templateObject_2$r;
|
|
2326
2326
|
|
|
2327
2327
|
var getPadding$1 = function (scale, hasIcon) {
|
|
2328
2328
|
if (!hasIcon) {
|
|
@@ -2338,7 +2338,7 @@ var getPadding$1 = function (scale, hasIcon) {
|
|
|
2338
2338
|
return "48px";
|
|
2339
2339
|
}
|
|
2340
2340
|
};
|
|
2341
|
-
var StyledInputGroup = styled__default['default'](Box)(templateObject_1$
|
|
2341
|
+
var StyledInputGroup = styled__default['default'](Box)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n ", " {\n padding-left: ", ";\n padding-right: ", ";\n }\n"], ["\n ", " {\n padding-left: ", ";\n padding-right: ", ";\n }\n"])), Input$2, function (_a) {
|
|
2342
2342
|
var hasStartIcon = _a.hasStartIcon, scale = _a.scale;
|
|
2343
2343
|
return getPadding$1(scale, hasStartIcon);
|
|
2344
2344
|
}, function (_a) {
|
|
@@ -2359,9 +2359,9 @@ var InputGroup = function (_a) {
|
|
|
2359
2359
|
React.cloneElement(children, { scale: scale }),
|
|
2360
2360
|
endIcon && (React__default['default'].createElement(InputIcon, { scale: scale, isEndIcon: true }, endIcon))));
|
|
2361
2361
|
};
|
|
2362
|
-
var templateObject_1$
|
|
2362
|
+
var templateObject_1$G, templateObject_2$q;
|
|
2363
2363
|
|
|
2364
|
-
var GridLayout$1 = styled__default['default'](Grid)(templateObject_1$
|
|
2364
|
+
var GridLayout$1 = styled__default['default'](Grid)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 16px;\n ", " {\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 24px;\n }\n ", " {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 24px;\n }\n ", " {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n"], ["\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 16px;\n ", " {\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 24px;\n }\n ", " {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 24px;\n }\n ", " {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n"])), function (_a) {
|
|
2365
2365
|
var theme = _a.theme;
|
|
2366
2366
|
return theme.mediaQueries.sm;
|
|
2367
2367
|
}, function (_a) {
|
|
@@ -2371,15 +2371,15 @@ var GridLayout$1 = styled__default['default'](Grid)(templateObject_1$G || (templ
|
|
|
2371
2371
|
var theme = _a.theme;
|
|
2372
2372
|
return theme.mediaQueries.lg;
|
|
2373
2373
|
});
|
|
2374
|
-
var templateObject_1$
|
|
2374
|
+
var templateObject_1$F;
|
|
2375
2375
|
|
|
2376
|
-
var GridLayout = styled__default['default'](GridLayout$1)(templateObject_1$
|
|
2376
|
+
var GridLayout = styled__default['default'](GridLayout$1)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n & > div {\n grid-column: span 6;\n ", " {\n grid-column: span 4;\n }\n }\n"], ["\n & > div {\n grid-column: span 6;\n ", " {\n grid-column: span 4;\n }\n }\n"])), function (_a) {
|
|
2377
2377
|
var theme = _a.theme;
|
|
2378
2378
|
return theme.mediaQueries.sm;
|
|
2379
2379
|
});
|
|
2380
|
-
var templateObject_1$
|
|
2380
|
+
var templateObject_1$E;
|
|
2381
2381
|
|
|
2382
|
-
var StyledLink$1 = styled__default['default'](Text)(templateObject_1$
|
|
2382
|
+
var StyledLink$1 = styled__default['default'](Text)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: fit-content;\n &:hover {\n text-decoration: underline;\n }\n"], ["\n display: flex;\n align-items: center;\n width: fit-content;\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
2383
2383
|
var Link = function (_a) {
|
|
2384
2384
|
var external = _a.external, props = __rest(_a, ["external"]);
|
|
2385
2385
|
var internalProps = external ? getExternalLinkProps() : {};
|
|
@@ -2388,7 +2388,7 @@ var Link = function (_a) {
|
|
|
2388
2388
|
Link.defaultProps = {
|
|
2389
2389
|
color: "primary",
|
|
2390
2390
|
};
|
|
2391
|
-
var templateObject_1$
|
|
2391
|
+
var templateObject_1$D;
|
|
2392
2392
|
|
|
2393
2393
|
var LinkExternal = function (_a) {
|
|
2394
2394
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -2412,7 +2412,7 @@ var Icons$2 = {
|
|
|
2412
2412
|
warning: Icon$o,
|
|
2413
2413
|
danger: Icon$2f,
|
|
2414
2414
|
};
|
|
2415
|
-
var MessageContainer = styled__default['default'].div(templateObject_1$
|
|
2415
|
+
var MessageContainer = styled__default['default'].div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n display: flex;\n background-color: gray;\n padding: 16px;\n border-radius: 16px;\n border: solid 1px;\n\n ", "\n ", "\n"], ["\n display: flex;\n background-color: gray;\n padding: 16px;\n border-radius: 16px;\n border: solid 1px;\n\n ", "\n ",
|
|
2416
2416
|
"\n"])), styledSystem.space, styledSystem.variant({
|
|
2417
2417
|
variants: variants$3,
|
|
2418
2418
|
}));
|
|
@@ -2423,9 +2423,9 @@ var Message = function (_a) {
|
|
|
2423
2423
|
React__default['default'].createElement(Box, { mr: "12px" }, icon !== null && icon !== void 0 ? icon : React__default['default'].createElement(Icon, { color: variants$3[variant].borderColor, width: "24px" })),
|
|
2424
2424
|
children));
|
|
2425
2425
|
};
|
|
2426
|
-
var templateObject_1$
|
|
2426
|
+
var templateObject_1$C;
|
|
2427
2427
|
|
|
2428
|
-
var NotificationDotRoot = styled__default['default'].span(templateObject_1$
|
|
2428
|
+
var NotificationDotRoot = styled__default['default'].span(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n display: inline-flex;\n position: relative;\n"], ["\n display: inline-flex;\n position: relative;\n"])));
|
|
2429
2429
|
var Dot = styled__default['default'].span(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n display: ", ";\n position: absolute;\n top: 0;\n right: 0;\n width: 10px;\n height: 10px;\n pointer-events: none;\n border: 2px solid ", ";\n border-radius: 50%;\n background-color: ", ";\n"], ["\n display: ", ";\n position: absolute;\n top: 0;\n right: 0;\n width: 10px;\n height: 10px;\n pointer-events: none;\n border: 2px solid ", ";\n border-radius: 50%;\n background-color: ", ";\n"])), function (_a) {
|
|
2430
2430
|
var show = _a.show;
|
|
2431
2431
|
return (show ? "inline-flex" : "none");
|
|
@@ -2442,9 +2442,9 @@ var NotificationDot = function (_a) {
|
|
|
2442
2442
|
React.Children.map(children, function (child) { return React.cloneElement(child, props); }),
|
|
2443
2443
|
React__default['default'].createElement(Dot, { show: show, color: color })));
|
|
2444
2444
|
};
|
|
2445
|
-
var templateObject_1$
|
|
2445
|
+
var templateObject_1$B, templateObject_2$p;
|
|
2446
2446
|
|
|
2447
|
-
var Overlay = styled__default['default'].div.attrs({ role: "presentation" })(templateObject_1$
|
|
2447
|
+
var Overlay = styled__default['default'].div.attrs({ role: "presentation" })(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n position: fixed;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n background-color: ", ";\n transition: opacity 0.4s;\n opacity: ", ";\n z-index: ", ";\n pointer-events: ", ";\n"], ["\n position: fixed;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n background-color: ", ";\n transition: opacity 0.4s;\n opacity: ", ";\n z-index: ", ";\n pointer-events: ", ";\n"])), function (_a) {
|
|
2448
2448
|
var theme = _a.theme;
|
|
2449
2449
|
return theme.colors.overlay;
|
|
2450
2450
|
}, function (_a) {
|
|
@@ -2461,7 +2461,7 @@ Overlay.defaultProps = {
|
|
|
2461
2461
|
show: false,
|
|
2462
2462
|
zIndex: 10,
|
|
2463
2463
|
};
|
|
2464
|
-
var templateObject_1$
|
|
2464
|
+
var templateObject_1$A;
|
|
2465
2465
|
|
|
2466
2466
|
var scales$4 = {
|
|
2467
2467
|
SM: "sm",
|
|
@@ -2534,7 +2534,7 @@ var getScale$3 = function (property) {
|
|
|
2534
2534
|
return scaleKeyValues$2[scale][property];
|
|
2535
2535
|
};
|
|
2536
2536
|
};
|
|
2537
|
-
var PancakeStack = styled__default['default'].div(templateObject_1$
|
|
2537
|
+
var PancakeStack = styled__default['default'].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n\n &:label:before {\n content: none;\n }\n\n .pancakes {\n position: absolute;\n transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n .pancake {\n background: #e27c31;\n border-radius: 50%;\n width: ", ";\n height: ", ";\n position: absolute;\n transition: 0.4s ease;\n top: 2px;\n left: 4px;\n box-shadow: 0 ", " 0 ", " #fbbe7c;\n }\n\n .pancake:nth-child(1) {\n background: ", ";\n box-shadow: 0 ", " 0 ", "\n ", ";\n }\n\n .pancake:nth-child(2) {\n left: 0;\n top: ", ";\n transform: scale(0);\n transition: 0.2s ease 0.2s;\n }\n\n .pancake:nth-child(3) {\n top: ", ";\n transform: scale(0);\n transition: 0.2s ease 0.2s;\n }\n\n .pancake:nth-child(3):before,\n .pancake:nth-child(3):after {\n content: \"\";\n position: absolute;\n background: #ef8927;\n border-radius: 20px;\n width: 50%;\n height: 20%;\n }\n\n .pancake:nth-child(3):before {\n top: ", ";\n left: ", ";\n }\n\n .pancake:nth-child(3):after {\n top: ", ";\n right: ", ";\n }\n\n .butter {\n width: ", ";\n height: ", ";\n background: #fbdb60;\n top: ", ";\n left: ", ";\n position: absolute;\n border-radius: ", ";\n box-shadow: 0 ", " 0 ", " #d67823;\n transform: scale(0);\n transition: 0.2s ease;\n }\n"], ["\n position: relative;\n display: inline-block;\n\n &:label:before {\n content: none;\n }\n\n .pancakes {\n position: absolute;\n transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n .pancake {\n background: #e27c31;\n border-radius: 50%;\n width: ", ";\n height: ", ";\n position: absolute;\n transition: 0.4s ease;\n top: 2px;\n left: 4px;\n box-shadow: 0 ", " 0 ", " #fbbe7c;\n }\n\n .pancake:nth-child(1) {\n background: ", ";\n box-shadow: 0 ", " 0 ", "\n ", ";\n }\n\n .pancake:nth-child(2) {\n left: 0;\n top: ", ";\n transform: scale(0);\n transition: 0.2s ease 0.2s;\n }\n\n .pancake:nth-child(3) {\n top: ", ";\n transform: scale(0);\n transition: 0.2s ease 0.2s;\n }\n\n .pancake:nth-child(3):before,\n .pancake:nth-child(3):after {\n content: \"\";\n position: absolute;\n background: #ef8927;\n border-radius: 20px;\n width: 50%;\n height: 20%;\n }\n\n .pancake:nth-child(3):before {\n top: ", ";\n left: ", ";\n }\n\n .pancake:nth-child(3):after {\n top: ", ";\n right: ", ";\n }\n\n .butter {\n width: ", ";\n height: ", ";\n background: #fbdb60;\n top: ", ";\n left: ", ";\n position: absolute;\n border-radius: ", ";\n box-shadow: 0 ", " 0 ", " #d67823;\n transform: scale(0);\n transition: 0.2s ease;\n }\n"])), getScale$3("pancakeSize"), getScale$3("pancakeSize"), getScale$3("pancakeThickness"), getScale$3("pancakeThickness"), function (_a) {
|
|
2538
2538
|
var theme = _a.theme;
|
|
2539
2539
|
return theme.pancakeToggle.handleBackground;
|
|
2540
2540
|
}, getScale$3("pancakeThickness"), getScale$3("pancakeThickness"), function (_a) {
|
|
@@ -2552,7 +2552,7 @@ var PancakeLabel = styled__default['default'].label(templateObject_3$b || (templ
|
|
|
2552
2552
|
var theme = _a.theme;
|
|
2553
2553
|
return theme.shadows.inset;
|
|
2554
2554
|
});
|
|
2555
|
-
var templateObject_1$
|
|
2555
|
+
var templateObject_1$z, templateObject_2$o, templateObject_3$b;
|
|
2556
2556
|
|
|
2557
2557
|
var PancakeToggle = function (_a) {
|
|
2558
2558
|
var checked = _a.checked, _b = _a.scale, scale = _b === void 0 ? scales$4.LG : _b, props = __rest(_a, ["checked", "scale"]);
|
|
@@ -2772,7 +2772,7 @@ var styleScales = (_b$1 = {},
|
|
|
2772
2772
|
},
|
|
2773
2773
|
_b$1);
|
|
2774
2774
|
|
|
2775
|
-
var Bar = styled__default['default'].div(templateObject_1$
|
|
2775
|
+
var Bar = styled__default['default'].div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n background-color: ", ";\n height: 100%;\n transition: width 200ms ease;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n background-color: ",
|
|
2776
2776
|
";\n height: 100%;\n transition: width 200ms ease;\n"])), function (_a) {
|
|
2777
2777
|
var theme = _a.theme, $useDark = _a.$useDark, primary = _a.primary;
|
|
2778
2778
|
if ($useDark)
|
|
@@ -2802,10 +2802,10 @@ var StyledProgress = styled__default['default'].div(templateObject_2$n || (templ
|
|
|
2802
2802
|
prop: "scale",
|
|
2803
2803
|
variants: styleScales,
|
|
2804
2804
|
}), styledSystem.space);
|
|
2805
|
-
var templateObject_1$
|
|
2805
|
+
var templateObject_1$y, templateObject_2$n;
|
|
2806
2806
|
|
|
2807
|
-
var ProgressBunnyWrapper = styled__default['default'].div(templateObject_1$
|
|
2808
|
-
var templateObject_1$
|
|
2807
|
+
var ProgressBunnyWrapper = styled__default['default'].div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n display: flex;\n z-index: 2;\n top: -65%;\n position: absolute;\n transform: translate(-50%, -50%);\n transition: left 200ms ease-out;\n"], ["\n display: flex;\n z-index: 2;\n top: -65%;\n position: absolute;\n transform: translate(-50%, -50%);\n transition: left 200ms ease-out;\n"])));
|
|
2808
|
+
var templateObject_1$x;
|
|
2809
2809
|
|
|
2810
2810
|
var stepGuard = function (step) {
|
|
2811
2811
|
if (step < 0) {
|
|
@@ -2850,7 +2850,7 @@ var getCheckedScale = function (_a) {
|
|
|
2850
2850
|
return "20px";
|
|
2851
2851
|
}
|
|
2852
2852
|
};
|
|
2853
|
-
var Radio = styled__default['default'].input.attrs({ type: "radio" })(templateObject_1$
|
|
2853
|
+
var Radio = styled__default['default'].input.attrs({ type: "radio" })(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ", ";\n width: ", ";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 50%;\n background-color: ", ";\n box-shadow: ", ";\n\n &:after {\n border-radius: 50%;\n content: \"\";\n height: ", ";\n left: 6px;\n position: absolute;\n top: 6px;\n width: ", ";\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ", ";\n }\n\n &:focus {\n outline: none;\n box-shadow: ", ";\n }\n\n &:checked {\n background-color: ", ";\n &:after {\n background-color: ", ";\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n ", "\n"], ["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ", ";\n width: ", ";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: 50%;\n background-color: ", ";\n box-shadow: ", ";\n\n &:after {\n border-radius: 50%;\n content: \"\";\n height: ", ";\n left: 6px;\n position: absolute;\n top: 6px;\n width: ", ";\n }\n\n &:hover:not(:disabled):not(:checked) {\n box-shadow: ", ";\n }\n\n &:focus {\n outline: none;\n box-shadow: ", ";\n }\n\n &:checked {\n background-color: ", ";\n &:after {\n background-color: ", ";\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n ", "\n"])), getScale$2, getScale$2, function (_a) {
|
|
2854
2854
|
var theme = _a.theme;
|
|
2855
2855
|
return theme.colors.input;
|
|
2856
2856
|
}, function (_a) {
|
|
@@ -2873,7 +2873,7 @@ Radio.defaultProps = {
|
|
|
2873
2873
|
scale: scales$2.MD,
|
|
2874
2874
|
m: 0,
|
|
2875
2875
|
};
|
|
2876
|
-
var templateObject_1$
|
|
2876
|
+
var templateObject_1$w;
|
|
2877
2877
|
|
|
2878
2878
|
var bunnyHeadMain = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2232%22%20viewBox%3D%220%200%2028%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%221%22%20y%3D%2219%22%20width%3D%2217%22%20height%3D%2211%22%20fill%3D%22%231FC7D4%22%2F%3E%3Cpath%20d%3D%22M9.507%2024.706C8.14635%2026.0666%209.73795%2028.2313%2011.7555%2030.2489C13.7731%2032.2665%2015.9378%2033.8581%2017.2984%2032.4974C18.6591%2031.1368%2017.9685%2028.0711%2015.9509%2026.0535C13.9333%2024.0359%2010.8676%2023.3453%209.507%2024.706Z%22%20fill%3D%22%231FC7D4%22%2F%3E%3Cpath%20d%3D%22M15.507%2022.706C14.1463%2024.0666%2015.7379%2026.2313%2017.7555%2028.2489C19.7731%2030.2665%2021.9378%2031.8581%2023.2984%2030.4974C24.6591%2029.1368%2023.9685%2026.0711%2021.9509%2024.0535C19.9333%2022.0359%2016.8676%2021.3453%2015.507%2022.706Z%22%20fill%3D%22%231FC7D4%22%2F%3E%3Cg%20filter%3D%22url%28%23filter0_d%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.146%206.75159C14.2105%207.10896%2014.2703%207.48131%2014.3281%207.86164C14.2189%207.85865%2014.1095%207.85714%2014%207.85714C13.3803%207.85714%2012.7648%207.90539%2012.159%207.99779C11.879%207.41458%2011.5547%206.82246%2011.1872%206.23145C8.69897%202.22947%206.53826%201.98679%204.67882%202.98366C2.81938%203.98052%202.85628%206.67644%205.26696%209.40538C5.58076%209.76061%205.90097%2010.1398%206.2247%2010.5286C3.69013%2012.4659%202%2015.2644%202%2018.2695C2%2023.8292%207.78518%2025%2014%2025C20.2148%2025%2026%2023.8292%2026%2018.2695C26%2014.8658%2023.8318%2011.7272%2020.7243%209.80476C20.9022%208.86044%2021%207.83019%2021%206.75159C21%202.19612%2019.2549%201%2017.1022%201C14.9495%201%2013.5261%203.31847%2014.146%206.75159Z%22%20fill%3D%22url%28%23paint0_linear_bunnyhead_main%29%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%282%29%22%3E%3Cpath%20d%3D%22M12.7284%2016.4446C12.796%2017.3149%2012.4446%2019.0556%2010.498%2019.0556%22%20stroke%3D%22%23452A7A%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.7457%2016.4446C12.6781%2017.3149%2013.0296%2019.0556%2014.9761%2019.0556%22%20stroke%3D%22%23452A7A%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9%2014.5C9%2015.6046%208.55228%2016%208%2016C7.44772%2016%207%2015.6046%207%2014.5C7%2013.3954%207.44772%2013%208%2013C8.55228%2013%209%2013.3954%209%2014.5Z%22%20fill%3D%22%23452A7A%22%2F%3E%3Cpath%20d%3D%22M18%2014.5C18%2015.6046%2017.5523%2016%2017%2016C16.4477%2016%2016%2015.6046%2016%2014.5C16%2013.3954%2016.4477%2013%2017%2013C17.5523%2013%2018%2013.3954%2018%2014.5Z%22%20fill%3D%22%23452A7A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_bunnyhead_main%22%20x1%3D%2214%22%20y1%3D%221%22%20x2%3D%2214%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2353DEE9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231FC7D4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
2879
2879
|
|
|
@@ -2889,7 +2889,7 @@ var getBaseThumbStyles = function (_a) {
|
|
|
2889
2889
|
var isMax = _a.isMax, disabled = _a.disabled;
|
|
2890
2890
|
return "\n -webkit-appearance: none;\n background-image: url(" + (isMax ? bunnyHeadMax : bunnyHeadMain) + ");\n background-color: transparent;\n border: 0;\n cursor: " + getCursorStyle + ";\n width: 24px;\n height: 32px;\n filter: " + (disabled ? "grayscale(100%)" : "none") + ";\n transform: translate(-2px, -2px);\n transition: 200ms transform;\n\n &:hover {\n transform: " + (disabled ? "scale(1) translate(-2px, -2px)" : "scale(1.1) translate(-3px, -3px)") + ";\n }\n";
|
|
2891
2891
|
};
|
|
2892
|
-
var SliderLabelContainer = styled__default['default'].div(templateObject_1$
|
|
2892
|
+
var SliderLabelContainer = styled__default['default'].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n bottom: 0;\n position: absolute;\n left: 14px;\n width: calc(100% - 30px);\n"], ["\n bottom: 0;\n position: absolute;\n left: 14px;\n width: calc(100% - 30px);\n"])));
|
|
2893
2893
|
var SliderLabel = styled__default['default'](Text)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n bottom: 0;\n font-size: 12px;\n left: ", ";\n position: absolute;\n text-align: center;\n min-width: 24px; // Slider thumb size\n"], ["\n bottom: 0;\n font-size: 12px;\n left: ", ";\n position: absolute;\n text-align: center;\n min-width: 24px; // Slider thumb size\n"])), function (_a) {
|
|
2894
2894
|
var progress = _a.progress;
|
|
2895
2895
|
return progress;
|
|
@@ -2911,7 +2911,7 @@ var BarProgress = styled__default['default'].div(templateObject_7$2 || (template
|
|
|
2911
2911
|
var disabled = _a.disabled;
|
|
2912
2912
|
return (disabled ? "grayscale(100%)" : "none");
|
|
2913
2913
|
});
|
|
2914
|
-
var templateObject_1$
|
|
2914
|
+
var templateObject_1$v, templateObject_2$m, templateObject_3$a, templateObject_4$8, templateObject_5$5, templateObject_6$2, templateObject_7$2;
|
|
2915
2915
|
|
|
2916
2916
|
var Slider = function (_a) {
|
|
2917
2917
|
var name = _a.name, min = _a.min, max = _a.max, value = _a.value, onValueChanged = _a.onValueChanged, valueLabel = _a.valueLabel, _b = _a.step, step = _b === void 0 ? "any" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, props = __rest(_a, ["name", "min", "max", "value", "onValueChanged", "valueLabel", "step", "disabled"]);
|
|
@@ -2969,7 +2969,7 @@ var Icon = function (props) {
|
|
|
2969
2969
|
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M73.6122 7.76013C69.4145 8.86483 64.8207 11.0867 61.24 16.1556C53.2804 27.4231 51.7006 41.9592 58.5495 60.7386C65.3984 79.518 63.3431 89.9236 56.0487 98.3189C48.7543 106.714 29.475 108.685 23.3482 101.929C21.8481 100.274 17.4954 97.4588 20.3675 102.54C23.2397 107.622 30.7527 111.748 39.59 111.748C48.4273 111.748 55.5943 108.146 61.958 101.338C68.3217 94.5306 74.292 78.3883 68.3268 61.7709C60.6331 40.3385 62.8311 27.508 68.2893 19.7815C71.0879 15.8198 75.5453 12.3629 78.6077 10.5868C81.8233 8.72183 84.8797 8.42294 86.8682 8.42294C83.3332 6.65548 77.8099 6.65542 73.6122 7.76013Z", fill: "#633001" }))));
|
|
2970
2970
|
};
|
|
2971
2971
|
|
|
2972
|
-
var rotate = styled.keyframes(templateObject_1$
|
|
2972
|
+
var rotate = styled.keyframes(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
2973
2973
|
var float = styled.keyframes(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n\t0% {\n\t\ttransform: translatey(0px);\n\t}\n\t50% {\n\t\ttransform: translatey(10px);\n\t}\n\t100% {\n\t\ttransform: translatey(0px);\n\t}\n"], ["\n\t0% {\n\t\ttransform: translatey(0px);\n\t}\n\t50% {\n\t\ttransform: translatey(10px);\n\t}\n\t100% {\n\t\ttransform: translatey(0px);\n\t}\n"])));
|
|
2974
2974
|
var Container = styled__default['default'].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
2975
2975
|
var RotatingPancakeIcon = styled__default['default'](Icon)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n animation: ", " 2s linear infinite;\n transform: translate3d(0, 0, 0);\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n animation: ", " 2s linear infinite;\n transform: translate3d(0, 0, 0);\n"])), rotate);
|
|
@@ -2980,9 +2980,9 @@ var Spinner = function (_a) {
|
|
|
2980
2980
|
React__default['default'].createElement(RotatingPancakeIcon, { width: size * 0.5 + "px" }),
|
|
2981
2981
|
React__default['default'].createElement(FloatingPanIcon, { width: size + "px" })));
|
|
2982
2982
|
};
|
|
2983
|
-
var templateObject_1$
|
|
2983
|
+
var templateObject_1$u, templateObject_2$l, templateObject_3$9, templateObject_4$7, templateObject_5$4;
|
|
2984
2984
|
|
|
2985
|
-
var StepperWrapper = styled__default['default'].div(templateObject_1$
|
|
2985
|
+
var StepperWrapper = styled__default['default'].div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: fit-content;\n"], ["\n display: flex;\n flex-direction: column;\n width: fit-content;\n"])));
|
|
2986
2986
|
var Stepper = function (_a) {
|
|
2987
2987
|
var children = _a.children;
|
|
2988
2988
|
var numberOfSteps = React__default['default'].Children.count(children);
|
|
@@ -2993,7 +2993,7 @@ var Stepper = function (_a) {
|
|
|
2993
2993
|
return child;
|
|
2994
2994
|
})));
|
|
2995
2995
|
};
|
|
2996
|
-
var templateObject_1$
|
|
2996
|
+
var templateObject_1$t;
|
|
2997
2997
|
|
|
2998
2998
|
var getStepNumberFontColor = function (_a) {
|
|
2999
2999
|
var theme = _a.theme, status = _a.status;
|
|
@@ -3005,7 +3005,7 @@ var getStepNumberFontColor = function (_a) {
|
|
|
3005
3005
|
}
|
|
3006
3006
|
return theme.colors.textDisabled;
|
|
3007
3007
|
};
|
|
3008
|
-
var StyledStep = styled__default['default'](Flex)(templateObject_1$
|
|
3008
|
+
var StyledStep = styled__default['default'](Flex)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", " {\n justify-content: center;\n }\n"], ["\n ", " {\n justify-content: center;\n }\n"])), function (_a) {
|
|
3009
3009
|
var theme = _a.theme;
|
|
3010
3010
|
return theme.mediaQueries.md;
|
|
3011
3011
|
});
|
|
@@ -3068,9 +3068,9 @@ var Step = function (_a) {
|
|
|
3068
3068
|
!isFirst && !isLast && React__default['default'].createElement(Connector, { "$isFirstStep": isFirst, "$isLastStep": isLast, status: statusSecondPart })),
|
|
3069
3069
|
React__default['default'].createElement(ChildrenRightWrapper, { isVisible: isIndexPair }, children)));
|
|
3070
3070
|
};
|
|
3071
|
-
var templateObject_1$
|
|
3071
|
+
var templateObject_1$s, templateObject_2$k, templateObject_3$8, templateObject_4$6, templateObject_5$3, templateObject_6$1, templateObject_7$1;
|
|
3072
3072
|
|
|
3073
|
-
var InlineMenuContainer = styled__default['default'](Box)(templateObject_1$
|
|
3073
|
+
var InlineMenuContainer = styled__default['default'](Box)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n"], ["\n background-color: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n"])), function (_a) {
|
|
3074
3074
|
var theme = _a.theme;
|
|
3075
3075
|
return theme.colors.backgroundAlt;
|
|
3076
3076
|
}, function (_a) {
|
|
@@ -3098,7 +3098,7 @@ var SubMenuItem = styled__default['default'].button(templateObject_4$5 || (templ
|
|
|
3098
3098
|
var theme = _a.theme;
|
|
3099
3099
|
return theme.colors.inputSecondary;
|
|
3100
3100
|
});
|
|
3101
|
-
var templateObject_1$
|
|
3101
|
+
var templateObject_1$r, templateObject_2$j, templateObject_3$7, templateObject_4$5;
|
|
3102
3102
|
|
|
3103
3103
|
var portalRoot$1 = document.getElementById("portal-root");
|
|
3104
3104
|
var BaseMenu = function (_a) {
|
|
@@ -3168,7 +3168,7 @@ var SubMenu = function (_a) {
|
|
|
3168
3168
|
React__default['default'].createElement(SubMenuContainer, __assign({}, props), children)));
|
|
3169
3169
|
};
|
|
3170
3170
|
|
|
3171
|
-
var StyledMenuItemContainer = styled__default['default'].div(templateObject_1$
|
|
3171
|
+
var StyledMenuItemContainer = styled__default['default'].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n ", ";\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n ",
|
|
3172
3172
|
";\n"])), function (_a) {
|
|
3173
3173
|
var $isActive = _a.$isActive, $variant = _a.$variant, theme = _a.theme;
|
|
3174
3174
|
return $isActive &&
|
|
@@ -3199,7 +3199,7 @@ var StyledMenuItem = styled__default['default'].a(templateObject_2$i || (templat
|
|
|
3199
3199
|
var $variant = _a.$variant;
|
|
3200
3200
|
return $variant === "default" && "border-radius: 8px;";
|
|
3201
3201
|
});
|
|
3202
|
-
var templateObject_1$
|
|
3202
|
+
var templateObject_1$q, templateObject_2$i;
|
|
3203
3203
|
|
|
3204
3204
|
var MenuItem$1 = function (_a) {
|
|
3205
3205
|
var children = _a.children, href = _a.href, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, statusColor = _a.statusColor, props = __rest(_a, ["children", "href", "isActive", "variant", "statusColor"]);
|
|
@@ -3214,7 +3214,7 @@ var IconComponent = function (_a) {
|
|
|
3214
3214
|
return IconElement ? React__default['default'].createElement(IconElement, __assign({}, props)) : null;
|
|
3215
3215
|
};
|
|
3216
3216
|
|
|
3217
|
-
var StyledSubMenuItems = styled__default['default'](Flex)(templateObject_1$
|
|
3217
|
+
var StyledSubMenuItems = styled__default['default'](Flex)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", " {\n ", ";\n }\n flex-grow: 1;\n background-color: ", ";\n box-shadow: inset 0px -2px 0px -8px rgba(133, 133, 133, 0.1);\n overflow-x: scroll;\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n ", " {\n ", ";\n }\n flex-grow: 1;\n background-color: ", ";\n box-shadow: inset 0px -2px 0px -8px rgba(133, 133, 133, 0.1);\n overflow-x: scroll;\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"])), function (_a) {
|
|
3218
3218
|
var theme = _a.theme;
|
|
3219
3219
|
return theme.mediaQueries.sm;
|
|
3220
3220
|
}, function (_a) {
|
|
@@ -3224,7 +3224,7 @@ var StyledSubMenuItems = styled__default['default'](Flex)(templateObject_1$q ||
|
|
|
3224
3224
|
var theme = _a.theme;
|
|
3225
3225
|
return "" + theme.colors.backgroundAlt2;
|
|
3226
3226
|
});
|
|
3227
|
-
var templateObject_1$
|
|
3227
|
+
var templateObject_1$p;
|
|
3228
3228
|
|
|
3229
3229
|
var SubMenuItems = function (_a) {
|
|
3230
3230
|
var _b = _a.items, items = _b === void 0 ? [] : _b, activeItem = _a.activeItem, _c = _a.isMobileOnly, isMobileOnly = _c === void 0 ? false : _c, props = __rest(_a, ["items", "activeItem", "isMobileOnly"]);
|
|
@@ -3237,7 +3237,7 @@ var SubMenuItems = function (_a) {
|
|
|
3237
3237
|
})));
|
|
3238
3238
|
};
|
|
3239
3239
|
|
|
3240
|
-
var Td = styled__default['default'].td(templateObject_1$
|
|
3240
|
+
var Td = styled__default['default'].td(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n color: ", ";\n padding: 16px;\n vertical-align: middle;\n\n ", "\n"], ["\n border-bottom: 1px solid ", ";\n color: ", ";\n padding: 16px;\n vertical-align: middle;\n\n ", "\n"])), function (_a) {
|
|
3241
3241
|
var theme = _a.theme;
|
|
3242
3242
|
return theme.colors.cardBorder;
|
|
3243
3243
|
}, function (_a) {
|
|
@@ -3248,10 +3248,10 @@ var Th = styled__default['default'](Td).attrs({ as: "th" })(templateObject_2$h |
|
|
|
3248
3248
|
var theme = _a.theme;
|
|
3249
3249
|
return theme.colors.secondary;
|
|
3250
3250
|
});
|
|
3251
|
-
var templateObject_1$
|
|
3251
|
+
var templateObject_1$o, templateObject_2$h;
|
|
3252
3252
|
|
|
3253
|
-
var Table = styled__default['default'].table(templateObject_1$
|
|
3254
|
-
var templateObject_1$
|
|
3253
|
+
var Table = styled__default['default'].table(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n max-width: 100%;\n width: 100%;\n\n tbody tr:last-child {\n ", " {\n border-bottom: 0;\n }\n }\n\n ", "\n"], ["\n max-width: 100%;\n width: 100%;\n\n tbody tr:last-child {\n ", " {\n border-bottom: 0;\n }\n }\n\n ", "\n"])), Td, styledSystem.space);
|
|
3254
|
+
var templateObject_1$n;
|
|
3255
3255
|
|
|
3256
3256
|
var byTextAscending = function (getTextProperty) {
|
|
3257
3257
|
return function (objectA, objectB) {
|
|
@@ -3622,7 +3622,7 @@ var getScale$1 = function (property) {
|
|
|
3622
3622
|
return scaleKeyValues$1[scale][property];
|
|
3623
3623
|
};
|
|
3624
3624
|
};
|
|
3625
|
-
var Handle$1 = styled__default['default'].div(templateObject_1$
|
|
3625
|
+
var Handle$1 = styled__default['default'].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: ", ";\n left: ", ";\n position: absolute;\n top: ", ";\n transition: left 200ms ease-in;\n width: ", ";\n z-index: 1;\n"], ["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: ", ";\n left: ", ";\n position: absolute;\n top: ", ";\n transition: left 200ms ease-in;\n width: ", ";\n z-index: 1;\n"])), function (_a) {
|
|
3626
3626
|
var theme = _a.theme;
|
|
3627
3627
|
return theme.toggle.handleBackground;
|
|
3628
3628
|
}, getScale$1("handleHeight"), getScale$1("handleLeft"), getScale$1("handleTop"), getScale$1("handleWidth"));
|
|
@@ -3641,7 +3641,7 @@ var StyledToggle = styled__default['default'].div(templateObject_3$6 || (templat
|
|
|
3641
3641
|
var theme = _a.theme;
|
|
3642
3642
|
return theme.shadows.inset;
|
|
3643
3643
|
}, getScale$1("toggleHeight"), getScale$1("toggleWidth"));
|
|
3644
|
-
var templateObject_1$
|
|
3644
|
+
var templateObject_1$m, templateObject_2$g, templateObject_3$6;
|
|
3645
3645
|
|
|
3646
3646
|
var Toggle = function (_a) {
|
|
3647
3647
|
var checked = _a.checked, _b = _a.defaultColor, defaultColor = _b === void 0 ? "input" : _b, _c = _a.checkedColor, checkedColor = _c === void 0 ? "success" : _c, _d = _a.scale, scale = _d === void 0 ? scales$1.LG : _d, startIcon = _a.startIcon, endIcon = _a.endIcon, props = __rest(_a, ["checked", "defaultColor", "checkedColor", "scale", "startIcon", "endIcon"]);
|
|
@@ -3691,7 +3691,7 @@ var getScale = function (property) {
|
|
|
3691
3691
|
return scaleKeyValues[scale][property];
|
|
3692
3692
|
};
|
|
3693
3693
|
};
|
|
3694
|
-
var Handle = styled__default['default'].div(templateObject_1$
|
|
3694
|
+
var Handle = styled__default['default'].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n background-color: #7982b3;\n border-radius: 20px;\n cursor: pointer;\n left: ", ";\n height: ", ";\n position: absolute;\n transition: left 200ms ease-in;\n width: ", ";\n z-index: 1;\n"], ["\n background-color: #7982b3;\n border-radius: 20px;\n cursor: pointer;\n left: ", ";\n height: ", ";\n position: absolute;\n transition: left 200ms ease-in;\n width: ", ";\n z-index: 1;\n"])), getScale("handleLeft"), getScale("handleHeight"), getScale("handleWidth"));
|
|
3695
3695
|
var Input = styled__default['default'].input(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + ", " {\n left: ", ";\n }\n\n &:focus + ", " {\n box-shadow: ", ";\n }\n\n &:hover + ", ":not(:disabled):not(:checked) {\n box-shadow: ", ";\n }\n margin: 0;\n"], ["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + ", " {\n left: ", ";\n }\n\n &:focus + ", " {\n box-shadow: ", ";\n }\n\n &:hover + ", ":not(:disabled):not(:checked) {\n box-shadow: ", ";\n }\n margin: 0;\n"])), Handle, getScale("checkedLeft"), Handle, function (_a) {
|
|
3696
3696
|
var theme = _a.theme;
|
|
3697
3697
|
return theme.shadows.focus;
|
|
@@ -3711,7 +3711,7 @@ var StyledToggleMexiz = styled__default['default'].div(templateObject_5$2 || (te
|
|
|
3711
3711
|
var theme = _a.theme;
|
|
3712
3712
|
return theme.shadows.inset;
|
|
3713
3713
|
}, getScale("toggleHeight"), getScale("toggleWidth"));
|
|
3714
|
-
var templateObject_1$
|
|
3714
|
+
var templateObject_1$l, templateObject_2$f, templateObject_3$5, templateObject_4$4, templateObject_5$2;
|
|
3715
3715
|
|
|
3716
3716
|
var ToggleMexiz = function (_a) {
|
|
3717
3717
|
var checked = _a.checked, _b = _a.defaultColor, defaultColor = _b === void 0 ? "input" : _b, _c = _a.checkedColor, checkedColor = _c === void 0 ? "success" : _c, _d = _a.scale, scale = _d === void 0 ? scales$1.LG : _d, startIcon = _a.startIcon, endIcon = _a.endIcon, offValue = _a.offValue, onValue = _a.onValue, props = __rest(_a, ["checked", "defaultColor", "checkedColor", "scale", "startIcon", "endIcon", "offValue", "onValue"]);
|
|
@@ -3738,7 +3738,7 @@ var ThemeSwitcher = function (_a) {
|
|
|
3738
3738
|
};
|
|
3739
3739
|
var ThemeSwitcher$1 = React__default['default'].memo(ThemeSwitcher, function (prev, next) { return prev.isDark === next.isDark; });
|
|
3740
3740
|
|
|
3741
|
-
var Wrapper$1 = styled__default['default'](Flex)(templateObject_1$
|
|
3741
|
+
var Wrapper$1 = styled__default['default'](Flex)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n border-bottom: 2px solid ", ";\n overflow-x: scroll;\n\n ::-webkit-scrollbar {\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n"], ["\n border-bottom: 2px solid ", ";\n overflow-x: scroll;\n\n ::-webkit-scrollbar {\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n"])), function (_a) {
|
|
3742
3742
|
var theme = _a.theme;
|
|
3743
3743
|
return theme.colors.textSubtle;
|
|
3744
3744
|
});
|
|
@@ -3759,7 +3759,7 @@ var ButtonMenu = function (_a) {
|
|
|
3759
3759
|
});
|
|
3760
3760
|
}))));
|
|
3761
3761
|
};
|
|
3762
|
-
var templateObject_1$
|
|
3762
|
+
var templateObject_1$k, templateObject_2$e;
|
|
3763
3763
|
|
|
3764
3764
|
var getBorderRadius = function (_a) {
|
|
3765
3765
|
var scale = _a.scale;
|
|
@@ -3769,14 +3769,14 @@ var getPadding = function (_a) {
|
|
|
3769
3769
|
var scale = _a.scale;
|
|
3770
3770
|
return (scale === "md" ? "8px" : "16px");
|
|
3771
3771
|
};
|
|
3772
|
-
var Tab = styled__default['default'].button(templateObject_1$
|
|
3772
|
+
var Tab = styled__default['default'].button(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n cursor: pointer;\n border: 0;\n outline: 0;\n flex-grow: 1;\n padding: ", ";\n border-radius: ", ";\n font-size: 16px;\n font-weight: 600;\n\n ", " {\n flex-grow: 0;\n }\n\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n cursor: pointer;\n border: 0;\n outline: 0;\n flex-grow: 1;\n padding: ", ";\n border-radius: ", ";\n font-size: 16px;\n font-weight: 600;\n\n ", " {\n flex-grow: 0;\n }\n\n ", "\n"])), getPadding, getBorderRadius, function (_a) {
|
|
3773
3773
|
var theme = _a.theme;
|
|
3774
3774
|
return theme.mediaQueries.md;
|
|
3775
3775
|
}, styledSystem.color);
|
|
3776
3776
|
Tab.defaultProps = {
|
|
3777
3777
|
scale: "md",
|
|
3778
3778
|
};
|
|
3779
|
-
var templateObject_1$
|
|
3779
|
+
var templateObject_1$j;
|
|
3780
3780
|
|
|
3781
3781
|
var variants$1 = {
|
|
3782
3782
|
PRIMARY: "primary",
|
|
@@ -3842,7 +3842,7 @@ var getOutlineStyles = function (_a) {
|
|
|
3842
3842
|
}
|
|
3843
3843
|
return "";
|
|
3844
3844
|
};
|
|
3845
|
-
var StyledTag = styled__default['default'].div(templateObject_1$
|
|
3845
|
+
var StyledTag = styled__default['default'].div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n align-items: center;\n border-radius: 16px;\n color: #ffffff;\n display: inline-flex;\n font-weight: 400;\n white-space: nowrap;\n\n & > svg {\n fill: currentColor;\n }\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n\n ", "\n"], ["\n align-items: center;\n border-radius: 16px;\n color: #ffffff;\n display: inline-flex;\n font-weight: 400;\n white-space: nowrap;\n\n & > svg {\n fill: currentColor;\n }\n\n ", "\n\n ",
|
|
3846
3846
|
"\n ",
|
|
3847
3847
|
"\n ", "\n ", "\n\n ", "\n"])), function (_a) {
|
|
3848
3848
|
var textTransform = _a.textTransform;
|
|
@@ -3853,7 +3853,7 @@ var StyledTag = styled__default['default'].div(templateObject_1$j || (templateOb
|
|
|
3853
3853
|
}), styledSystem.variant({
|
|
3854
3854
|
variants: styleVariants,
|
|
3855
3855
|
}), styledSystem.space, styledSystem.typography, getOutlineStyles);
|
|
3856
|
-
var templateObject_1$
|
|
3856
|
+
var templateObject_1$i;
|
|
3857
3857
|
|
|
3858
3858
|
var Tag = function (_a) {
|
|
3859
3859
|
var startIcon = _a.startIcon, endIcon = _a.endIcon, children = _a.children, props = __rest(_a, ["startIcon", "endIcon", "children"]);
|
|
@@ -3878,7 +3878,7 @@ var isTouchDevice = function () {
|
|
|
3878
3878
|
return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
|
|
3879
3879
|
};
|
|
3880
3880
|
|
|
3881
|
-
var Arrow = styled__default['default'].div(templateObject_1$
|
|
3881
|
+
var Arrow = styled__default['default'].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n &,\n &::before {\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 2px;\n z-index: -1;\n }\n\n &::before {\n content: \"\";\n transform: rotate(45deg);\n background: ", ";\n }\n"], ["\n &,\n &::before {\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 2px;\n z-index: -1;\n }\n\n &::before {\n content: \"\";\n transform: rotate(45deg);\n background: ", ";\n }\n"])), function (_a) {
|
|
3882
3882
|
var theme = _a.theme;
|
|
3883
3883
|
return theme.tooltip.background;
|
|
3884
3884
|
});
|
|
@@ -3892,7 +3892,7 @@ var StyledTooltip = styled__default['default'].div(templateObject_2$d || (templa
|
|
|
3892
3892
|
var theme = _a.theme;
|
|
3893
3893
|
return theme.tooltip.boxShadow;
|
|
3894
3894
|
}, Arrow, Arrow, Arrow, Arrow);
|
|
3895
|
-
var templateObject_1$
|
|
3895
|
+
var templateObject_1$h, templateObject_2$d;
|
|
3896
3896
|
|
|
3897
3897
|
var invertTheme = function (currentTheme) {
|
|
3898
3898
|
if (currentTheme.isDark) {
|
|
@@ -4060,12 +4060,12 @@ var InfoTooltip = function (_a) {
|
|
|
4060
4060
|
React__default['default'].createElement(IconComponent, { iconName: "Info", color: iconColor }))));
|
|
4061
4061
|
};
|
|
4062
4062
|
|
|
4063
|
-
var TimelineContainer = styled__default['default'].ul(templateObject_1$
|
|
4063
|
+
var TimelineContainer = styled__default['default'].ul(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n list-style: none;\n"], ["\n display: flex;\n flex-direction: column;\n list-style: none;\n"])));
|
|
4064
4064
|
var TimelineEvent = styled__default['default'].li(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n display: flex;\n position: relative;\n margin-bottom: 14px;\n\n &:after {\n content: \"\";\n position: absolute;\n left: 9px;\n top: 26px;\n width: 2px;\n height: 10px;\n background-color: ", ";\n }\n\n &:last-child:after {\n display: none;\n }\n"], ["\n display: flex;\n position: relative;\n margin-bottom: 14px;\n\n &:after {\n content: \"\";\n position: absolute;\n left: 9px;\n top: 26px;\n width: 2px;\n height: 10px;\n background-color: ", ";\n }\n\n &:last-child:after {\n display: none;\n }\n"])), function (_a) {
|
|
4065
4065
|
var theme = _a.theme, $useDark = _a.$useDark;
|
|
4066
4066
|
return ($useDark ? theme.colors.textSubtle : lightColors.textSubtle);
|
|
4067
4067
|
});
|
|
4068
|
-
var templateObject_1$
|
|
4068
|
+
var templateObject_1$g, templateObject_2$c;
|
|
4069
4069
|
|
|
4070
4070
|
var getTextColor$1 = function (_a) {
|
|
4071
4071
|
var eventStatus = _a.eventStatus, useDark = _a.useDark;
|
|
@@ -4288,7 +4288,7 @@ var useKonamiCheatCode = function (matchedCodeHandler) {
|
|
|
4288
4288
|
}, [matchedCodeHandler]);
|
|
4289
4289
|
};
|
|
4290
4290
|
|
|
4291
|
-
var ModalHeader = styled__default['default'].div(templateObject_1$
|
|
4291
|
+
var ModalHeader = styled__default['default'].div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n align-items: center;\n background: ", ";\n border-bottom: 1px solid ", ";\n display: flex;\n padding: 12px 24px;\n"], ["\n align-items: center;\n background: ", ";\n border-bottom: 1px solid ", ";\n display: flex;\n padding: 12px 24px;\n"])), function (_a) {
|
|
4292
4292
|
var background = _a.background;
|
|
4293
4293
|
return background || "transparent";
|
|
4294
4294
|
}, function (_a) {
|
|
@@ -4323,7 +4323,7 @@ var ModalContainer = styled__default['default'](Box)(templateObject_4$3 || (temp
|
|
|
4323
4323
|
var minWidth = _a.minWidth;
|
|
4324
4324
|
return minWidth;
|
|
4325
4325
|
});
|
|
4326
|
-
var templateObject_1$
|
|
4326
|
+
var templateObject_1$f, templateObject_2$b, templateObject_3$4, templateObject_4$3;
|
|
4327
4327
|
|
|
4328
4328
|
var Modal = function (_a) {
|
|
4329
4329
|
var title = _a.title, onDismiss = _a.onDismiss, onBack = _a.onBack, children = _a.children, _b = _a.hideCloseButton, hideCloseButton = _b === void 0 ? false : _b, _c = _a.bodyPadding, bodyPadding = _c === void 0 ? "24px" : _c, _d = _a.headerBackground, headerBackground = _d === void 0 ? "transparent" : _d, _e = _a.minWidth, minWidth = _e === void 0 ? "320px" : _e, props = __rest(_a, ["title", "onDismiss", "onBack", "children", "hideCloseButton", "bodyPadding", "headerBackground", "minWidth"]);
|
|
@@ -4337,7 +4337,7 @@ var Modal = function (_a) {
|
|
|
4337
4337
|
React__default['default'].createElement(ModalBody, { p: bodyPadding }, children)));
|
|
4338
4338
|
};
|
|
4339
4339
|
|
|
4340
|
-
var ModalWrapper = styled__default['default'].div(templateObject_1$
|
|
4340
|
+
var ModalWrapper = styled__default['default'].div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: ", ";\n"])), function (_a) {
|
|
4341
4341
|
var theme = _a.theme;
|
|
4342
4342
|
return theme.zIndices.modal - 1;
|
|
4343
4343
|
});
|
|
@@ -4388,7 +4388,7 @@ var ModalProvider = function (_a) {
|
|
|
4388
4388
|
}))),
|
|
4389
4389
|
children));
|
|
4390
4390
|
};
|
|
4391
|
-
var templateObject_1$
|
|
4391
|
+
var templateObject_1$e;
|
|
4392
4392
|
|
|
4393
4393
|
var useModal = function (modal, closeOnOverlayClick, updateOnPropsChange, modalId) {
|
|
4394
4394
|
if (closeOnOverlayClick === void 0) { closeOnOverlayClick = true; }
|
|
@@ -4423,7 +4423,7 @@ var useModal = function (modal, closeOnOverlayClick, updateOnPropsChange, modalI
|
|
|
4423
4423
|
return [onPresentCallback, onDismiss];
|
|
4424
4424
|
};
|
|
4425
4425
|
|
|
4426
|
-
var StyledIconContainer = styled__default['default'].div(templateObject_1$
|
|
4426
|
+
var StyledIconContainer = styled__default['default'].div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ",
|
|
4427
4427
|
";\n"])), function (_a) {
|
|
4428
4428
|
var activeBackgroundColor = _a.activeBackgroundColor, theme = _a.theme;
|
|
4429
4429
|
return activeBackgroundColor ? theme.colors[activeBackgroundColor] : "transparent";
|
|
@@ -4451,7 +4451,7 @@ var StyledAnimatedIconComponent = styled__default['default'].div(templateObject_
|
|
|
4451
4451
|
return isActive &&
|
|
4452
4452
|
"\n div:last-child {\n " + (height && hasFillIcon && "height:" + height) + ";\n " + ("width: " + (width || "100%")) + ";\n }\n ";
|
|
4453
4453
|
});
|
|
4454
|
-
var templateObject_1$
|
|
4454
|
+
var templateObject_1$d, templateObject_2$a;
|
|
4455
4455
|
|
|
4456
4456
|
var Icons = IconModule;
|
|
4457
4457
|
var AnimatedIconComponent = function (_a) {
|
|
@@ -4466,12 +4466,12 @@ var AnimatedIconComponent = function (_a) {
|
|
|
4466
4466
|
React__default['default'].createElement(IconElementFill, { color: activeColor }))))) : null;
|
|
4467
4467
|
};
|
|
4468
4468
|
|
|
4469
|
-
var StyledBottomNavItem = styled__default['default'].button(templateObject_1$
|
|
4469
|
+
var StyledBottomNavItem = styled__default['default'].button(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n display: block;\n border: 0;\n background: transparent;\n cursor: pointer;\n height: 44px;\n padding: 4px 12px;\n &:hover {\n border-radius: 16px;\n }\n &:hover,\n &:hover div {\n background: ", ";\n }\n"], ["\n display: block;\n border: 0;\n background: transparent;\n cursor: pointer;\n height: 44px;\n padding: 4px 12px;\n &:hover {\n border-radius: 16px;\n }\n &:hover,\n &:hover div {\n background: ", ";\n }\n"])), function (_a) {
|
|
4470
4470
|
var theme = _a.theme;
|
|
4471
4471
|
return theme.colors.tertiary;
|
|
4472
4472
|
});
|
|
4473
4473
|
var StyledBottomNavText = styled__default['default'](Text)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n display: -webkit-box;\n overflow: hidden;\n user-select: none;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n -webkit-user-select: none;\n -webkit-touch-callout: none;\n"], ["\n display: -webkit-box;\n overflow: hidden;\n user-select: none;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n -webkit-user-select: none;\n -webkit-touch-callout: none;\n"])));
|
|
4474
|
-
var templateObject_1$
|
|
4474
|
+
var templateObject_1$c, templateObject_2$9;
|
|
4475
4475
|
|
|
4476
4476
|
var BottomNavItem = function (_a) {
|
|
4477
4477
|
var label = _a.label, iconName = _a.iconName, href = _a.href, _b = _a.showItemsOnMobile, showItemsOnMobile = _b === void 0 ? false : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, props = __rest(_a, ["label", "iconName", "href", "showItemsOnMobile", "isActive"]);
|
|
@@ -4481,7 +4481,7 @@ var BottomNavItem = function (_a) {
|
|
|
4481
4481
|
return showItemsOnMobile ? (React__default['default'].createElement(StyledBottomNavItem, __assign({ type: "button" }, props), bottomNavItemContent)) : (React__default['default'].createElement(StyledBottomNavItem, __assign({ as: reactRouterDom.Link, to: href }, props), bottomNavItemContent));
|
|
4482
4482
|
};
|
|
4483
4483
|
|
|
4484
|
-
var StyledBottomNav = styled__default['default'](Flex)(templateObject_1$
|
|
4484
|
+
var StyledBottomNav = styled__default['default'](Flex)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n position: fixed;\n bottom: 0px;\n width: 100%;\n padding: 5px 8px;\n background: ", ";\n border-top: 1px solid ", ";\n padding-bottom: env(safe-area-inset-bottom);\n html[data-useragent*=\"TokenPocket_iOS\"] & {\n padding-bottom: 45px;\n }\n"], ["\n position: fixed;\n bottom: 0px;\n width: 100%;\n padding: 5px 8px;\n background: ", ";\n border-top: 1px solid ", ";\n padding-bottom: env(safe-area-inset-bottom);\n html[data-useragent*=\"TokenPocket_iOS\"] & {\n padding-bottom: 45px;\n }\n"])), function (_a) {
|
|
4485
4485
|
var theme = _a.theme;
|
|
4486
4486
|
return theme.colors.backgroundAlt;
|
|
4487
4487
|
}, function (_a) {
|
|
@@ -4492,7 +4492,7 @@ var StyledOverlay = styled__default['default'].div(templateObject_2$8 || (templa
|
|
|
4492
4492
|
var theme = _a.theme;
|
|
4493
4493
|
return theme.colors.text + "99";
|
|
4494
4494
|
});
|
|
4495
|
-
var templateObject_1$
|
|
4495
|
+
var templateObject_1$b, templateObject_2$8;
|
|
4496
4496
|
|
|
4497
4497
|
var getTextColor = function (_a) {
|
|
4498
4498
|
var $isActive = _a.$isActive, disabled = _a.disabled, theme = _a.theme;
|
|
@@ -4502,7 +4502,7 @@ var getTextColor = function (_a) {
|
|
|
4502
4502
|
return theme.colors.secondary;
|
|
4503
4503
|
return theme.colors.textSubtle;
|
|
4504
4504
|
};
|
|
4505
|
-
var DropdownMenuItem = styled__default['default'].button(templateObject_1$
|
|
4505
|
+
var DropdownMenuItem = styled__default['default'].button(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n align-items: center;\n border: 0;\n background: transparent;\n color: ", ";\n cursor: ", ";\n font-weight: ", ";\n display: flex;\n font-size: 16px;\n height: 48px;\n justify-content: space-between;\n outline: 0;\n padding-left: 16px;\n padding-right: 16px;\n width: 100%;\n\n &:hover:not(:disabled) {\n background-color: ", ";\n }\n\n &:active:not(:disabled) {\n opacity: 0.85;\n transform: translateY(1px);\n }\n"], ["\n align-items: center;\n border: 0;\n background: transparent;\n color: ", ";\n cursor: ", ";\n font-weight: ", ";\n display: flex;\n font-size: 16px;\n height: 48px;\n justify-content: space-between;\n outline: 0;\n padding-left: 16px;\n padding-right: 16px;\n width: 100%;\n\n &:hover:not(:disabled) {\n background-color: ", ";\n }\n\n &:active:not(:disabled) {\n opacity: 0.85;\n transform: translateY(1px);\n }\n"])), function (_a) {
|
|
4506
4506
|
var theme = _a.theme, disabled = _a.disabled, $isActive = _a.$isActive;
|
|
4507
4507
|
return getTextColor({ theme: theme, disabled: disabled, $isActive: $isActive });
|
|
4508
4508
|
}, function (_a) {
|
|
@@ -4545,7 +4545,7 @@ var LinkStatus = styled__default['default'](Text)(templateObject_5$1 || (templat
|
|
|
4545
4545
|
var theme = _a.theme, color = _a.color;
|
|
4546
4546
|
return theme.colors[color];
|
|
4547
4547
|
});
|
|
4548
|
-
var templateObject_1$
|
|
4548
|
+
var templateObject_1$a, templateObject_2$7, templateObject_3$3, templateObject_4$2, templateObject_5$1;
|
|
4549
4549
|
|
|
4550
4550
|
exports.DropdownMenuItemType = void 0;
|
|
4551
4551
|
(function (DropdownMenuItemType) {
|
|
@@ -4648,13 +4648,13 @@ var DropdownMenu = function (_a) {
|
|
|
4648
4648
|
};
|
|
4649
4649
|
}, [targetRef, tooltipRef, hideTimeout, isHoveringOverTooltip, setIsOpen, openMenuTimeout, isOpen, isBottomNav]);
|
|
4650
4650
|
React.useEffect(function () {
|
|
4651
|
-
if (setMenuOpenByIndex && index !== undefined) {
|
|
4651
|
+
if (setMenuOpenByIndex && index !== undefined && showItemsOnMobile) {
|
|
4652
4652
|
setMenuOpenByIndex(function (prevValue) {
|
|
4653
4653
|
var _a;
|
|
4654
4654
|
return (__assign(__assign({}, prevValue), (_a = {}, _a[index] = isOpen, _a)));
|
|
4655
4655
|
});
|
|
4656
4656
|
}
|
|
4657
|
-
}, [isOpen, setMenuOpenByIndex, index]);
|
|
4657
|
+
}, [isOpen, setMenuOpenByIndex, index, showItemsOnMobile]);
|
|
4658
4658
|
return (React__default['default'].createElement(Box, __assign({ style: { display: "flex", alignItems: "center" }, ref: isBottomNav ? null : setTargetRef }, props),
|
|
4659
4659
|
React__default['default'].createElement(Box, { ref: isBottomNav ? setTargetRef : null }, children),
|
|
4660
4660
|
hasItems && (React__default['default'].createElement(StyledDropdownMenu, __assign({ style: styles.popper, ref: setTooltipRef }, attributes.popper, { "$isBottomNav": isBottomNav, "$isOpen": isOpen && ((isBottomNav && showItemsOnMobile) || !isBottomNav) }), items
|
|
@@ -4753,7 +4753,7 @@ var SocialLinks = function (_a) {
|
|
|
4753
4753
|
};
|
|
4754
4754
|
var SocialLinks$1 = React__default['default'].memo(SocialLinks, function () { return true; });
|
|
4755
4755
|
|
|
4756
|
-
var StyledFooter = styled__default['default'](Flex)(templateObject_1$
|
|
4756
|
+
var StyledFooter = styled__default['default'](Flex)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), darkColors.backgroundAlt);
|
|
4757
4757
|
var StyledList = styled__default['default'].ul(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n list-style: none;\n margin-bottom: 40px;\n\n ", " {\n margin-bottom: 0px;\n }\n"], ["\n list-style: none;\n margin-bottom: 40px;\n\n ", " {\n margin-bottom: 0px;\n }\n"])), function (_a) {
|
|
4758
4758
|
var theme = _a.theme;
|
|
4759
4759
|
return theme.mediaQueries.md;
|
|
@@ -4766,28 +4766,10 @@ var StyledToolsContainer = styled__default['default'](Flex)(templateObject_5 ||
|
|
|
4766
4766
|
});
|
|
4767
4767
|
var StyledSocialLinks = styled__default['default'](SocialLinks$1)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), darkColors.cardBorder);
|
|
4768
4768
|
var StyledText = styled__default['default'].span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), darkColors.text);
|
|
4769
|
-
var templateObject_1$
|
|
4770
|
-
|
|
4771
|
-
var MenuButton = styled__default['default'](Button)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n color: ", ";\n padding: 0 8px;\n border-radius: 8px;\n"], ["\n color: ", ";\n padding: 0 8px;\n border-radius: 8px;\n"])), function (_a) {
|
|
4772
|
-
var theme = _a.theme;
|
|
4773
|
-
return theme.colors.text;
|
|
4774
|
-
});
|
|
4775
|
-
MenuButton.defaultProps = {
|
|
4776
|
-
variant: "text",
|
|
4777
|
-
size: "sm",
|
|
4778
|
-
};
|
|
4779
|
-
var templateObject_1$9;
|
|
4780
|
-
|
|
4781
|
-
var LangSelector = function (_a) {
|
|
4782
|
-
var currentLang = _a.currentLang, langs = _a.langs, color = _a.color, setLang = _a.setLang, _b = _a.dropdownPosition, dropdownPosition = _b === void 0 ? "bottom" : _b, _c = _a.buttonScale, buttonScale = _c === void 0 ? "md" : _c, _d = _a.hideLanguage, hideLanguage = _d === void 0 ? false : _d;
|
|
4783
|
-
return (React__default['default'].createElement(Dropdown, { position: dropdownPosition, target: React__default['default'].createElement(Button, { scale: buttonScale, variant: "text", startIcon: React__default['default'].createElement(Icon$1v, { color: color, width: "24px" }) }, !hideLanguage && React__default['default'].createElement(Text, { color: color }, currentLang === null || currentLang === void 0 ? void 0 : currentLang.toUpperCase())) }, langs.map(function (lang) { return (React__default['default'].createElement(MenuButton, { key: lang.locale, fullWidth: true, onClick: function () { return setLang(lang); },
|
|
4784
|
-
// Safari fix
|
|
4785
|
-
style: { minHeight: "32px", height: "auto" } }, lang.language)); })));
|
|
4786
|
-
};
|
|
4787
|
-
var LangSelector$1 = React__default['default'].memo(LangSelector, function (prev, next) { return prev.currentLang === next.currentLang; });
|
|
4769
|
+
var templateObject_1$9, templateObject_2$6, templateObject_3$2, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7;
|
|
4788
4770
|
|
|
4789
4771
|
var MenuItem = function (_a) {
|
|
4790
|
-
var items = _a.items; _a.isDark; _a.toggleTheme;
|
|
4772
|
+
var items = _a.items; _a.isDark; _a.toggleTheme; _a.currentLang; _a.langs; _a.setLang; _a.cakePriceUsd; _a.buyCakeLabel; var props = __rest(_a, ["items", "isDark", "toggleTheme", "currentLang", "langs", "setLang", "cakePriceUsd", "buyCakeLabel"]);
|
|
4791
4773
|
return (React__default['default'].createElement(StyledFooter, __assign({ p: ["40px 16px", null, "56px 40px 32px 40px"] }, props, { justifyContent: "center" }),
|
|
4792
4774
|
React__default['default'].createElement(Flex, { flexDirection: "column", width: ["100%", null, "1200px;"] },
|
|
4793
4775
|
React__default['default'].createElement(StyledIconMobileContainer, { display: ["block", null, "none"] },
|
|
@@ -4806,8 +4788,7 @@ var MenuItem = function (_a) {
|
|
|
4806
4788
|
React__default['default'].createElement(Logo$2, { width: "160px" }))),
|
|
4807
4789
|
React__default['default'].createElement(StyledSocialLinks, { order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"] }),
|
|
4808
4790
|
React__default['default'].createElement(StyledToolsContainer, { order: [1, null, 3], flexDirection: ["column", null, "row"], justifyContent: "space-between" },
|
|
4809
|
-
React__default['default'].createElement(Flex, { order: [2, null, 1], alignItems: "center" },
|
|
4810
|
-
React__default['default'].createElement(LangSelector$1, { currentLang: currentLang, langs: langs, setLang: setLang, color: darkColors.textSubtle, dropdownPosition: "top-right" })),
|
|
4791
|
+
React__default['default'].createElement(Flex, { order: [2, null, 1], alignItems: "center" }),
|
|
4811
4792
|
React__default['default'].createElement(Flex, { order: [1, null, 2], mb: ["24px", null, "0"], justifyContent: "space-between", alignItems: "center" },
|
|
4812
4793
|
React__default['default'].createElement(Button, { as: "a", href: "https://pancakeswap.finance/swap?inputCurrency=0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c&outputCurrency=0x70D8d5B3416888fD05e806195312DD2D9597d50C", target: "_blank", scale: "sm", endIcon: React__default['default'].createElement(Icon$24, { color: lightColors.backgroundAlt }) }, "Buy MEXI"))))));
|
|
4813
4794
|
};
|