@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.esm.js
CHANGED
|
@@ -67,7 +67,7 @@ var getThemeValue = function (path, fallback) {
|
|
|
67
67
|
};
|
|
68
68
|
};
|
|
69
69
|
|
|
70
|
-
var rotate$1 = keyframes(templateObject_1$
|
|
70
|
+
var rotate$1 = 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"])));
|
|
71
71
|
var spinStyle = css(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n animation: ", " 2s linear infinite;\n"], ["\n animation: ", " 2s linear infinite;\n"])), rotate$1);
|
|
72
72
|
var Svg = styled.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) {
|
|
73
73
|
var theme = _a.theme, color = _a.color;
|
|
@@ -82,7 +82,7 @@ Svg.defaultProps = {
|
|
|
82
82
|
xmlns: "http://www.w3.org/2000/svg",
|
|
83
83
|
spin: false,
|
|
84
84
|
};
|
|
85
|
-
var templateObject_1$
|
|
85
|
+
var templateObject_1$1a, templateObject_2$A, templateObject_3$g;
|
|
86
86
|
|
|
87
87
|
var Icon$2g = function (props) {
|
|
88
88
|
return (React__default.createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
|
|
@@ -112,7 +112,7 @@ var getFontSize = function (_a) {
|
|
|
112
112
|
var fontSize = _a.fontSize, small = _a.small;
|
|
113
113
|
return small ? "14px" : fontSize || "16px";
|
|
114
114
|
};
|
|
115
|
-
var Text = styled.div(templateObject_1$
|
|
115
|
+
var Text = styled.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 ",
|
|
116
116
|
"\n\n ", "\n ", "\n ", "\n"])), getColor, getFontSize, function (_a) {
|
|
117
117
|
var bold = _a.bold;
|
|
118
118
|
return (bold ? 600 : 400);
|
|
@@ -129,13 +129,13 @@ Text.defaultProps = {
|
|
|
129
129
|
small: false,
|
|
130
130
|
ellipsis: false,
|
|
131
131
|
};
|
|
132
|
-
var templateObject_1$
|
|
132
|
+
var templateObject_1$19;
|
|
133
133
|
|
|
134
|
-
var TooltipText = styled(Text)(templateObject_1$
|
|
134
|
+
var TooltipText = styled(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) {
|
|
135
135
|
var theme = _a.theme;
|
|
136
136
|
return "underline dotted " + theme.colors.textSubtle;
|
|
137
137
|
});
|
|
138
|
-
var templateObject_1$
|
|
138
|
+
var templateObject_1$18;
|
|
139
139
|
|
|
140
140
|
var getExternalLinkProps = function () { return ({
|
|
141
141
|
target: "_blank",
|
|
@@ -196,7 +196,7 @@ var styleVariants$2 = (_b$3 = {},
|
|
|
196
196
|
color: "primary",
|
|
197
197
|
},
|
|
198
198
|
_b$3[variants$6.SUBTLE] = {
|
|
199
|
-
backgroundColor: "
|
|
199
|
+
backgroundColor: "#4AC7D5",
|
|
200
200
|
color: "backgroundAlt",
|
|
201
201
|
},
|
|
202
202
|
_b$3[variants$6.DANGER] = {
|
|
@@ -235,7 +235,7 @@ var getOpacity = function (_a) {
|
|
|
235
235
|
var _b = _a.$isLoading, $isLoading = _b === void 0 ? false : _b;
|
|
236
236
|
return $isLoading ? ".5" : "1";
|
|
237
237
|
};
|
|
238
|
-
var StyledButton = styled.button(templateObject_1$
|
|
238
|
+
var StyledButton = styled.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 ",
|
|
239
239
|
"\n ",
|
|
240
240
|
"\n ", "\n ", "\n"])), getOpacity, getDisabledStyles, variant$1({
|
|
241
241
|
prop: "scale",
|
|
@@ -243,7 +243,7 @@ var StyledButton = styled.button(templateObject_1$18 || (templateObject_1$18 = _
|
|
|
243
243
|
}), variant$1({
|
|
244
244
|
variants: styleVariants$2,
|
|
245
245
|
}), layout, space);
|
|
246
|
-
var templateObject_1$
|
|
246
|
+
var templateObject_1$17;
|
|
247
247
|
|
|
248
248
|
var Button = function (props) {
|
|
249
249
|
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"]);
|
|
@@ -276,11 +276,11 @@ Button.defaultProps = {
|
|
|
276
276
|
disabled: false,
|
|
277
277
|
};
|
|
278
278
|
|
|
279
|
-
var IconButton = styled(Button)(templateObject_1$
|
|
279
|
+
var IconButton = styled(Button)(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n padding: 0;\n width: ", ";\n"], ["\n padding: 0;\n width: ", ";\n"])), function (_a) {
|
|
280
280
|
var scale = _a.scale;
|
|
281
281
|
return (scale === "sm" ? "32px" : "48px");
|
|
282
282
|
});
|
|
283
|
-
var templateObject_1$
|
|
283
|
+
var templateObject_1$16;
|
|
284
284
|
|
|
285
285
|
var Icon$2c = function (props) { return (React__default.createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
|
|
286
286
|
React__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" }),
|
|
@@ -1543,12 +1543,12 @@ ExpandableLabel.defaultProps = {
|
|
|
1543
1543
|
expanded: false,
|
|
1544
1544
|
};
|
|
1545
1545
|
|
|
1546
|
-
var Box = styled.div(templateObject_1$
|
|
1547
|
-
var templateObject_1$16;
|
|
1548
|
-
|
|
1549
|
-
var Flex = styled(Box)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), flexbox);
|
|
1546
|
+
var Box = styled.div(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), background, border, layout, position, space);
|
|
1550
1547
|
var templateObject_1$15;
|
|
1551
1548
|
|
|
1549
|
+
var Flex = styled(Box)(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), flexbox);
|
|
1550
|
+
var templateObject_1$14;
|
|
1551
|
+
|
|
1552
1552
|
var variants$5 = {
|
|
1553
1553
|
INFO: "info",
|
|
1554
1554
|
DANGER: "danger",
|
|
@@ -1584,7 +1584,7 @@ var getIcon = function (variant) {
|
|
|
1584
1584
|
return Icon$2d;
|
|
1585
1585
|
}
|
|
1586
1586
|
};
|
|
1587
|
-
var IconLabel = styled.div(templateObject_1$
|
|
1587
|
+
var IconLabel = styled.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) {
|
|
1588
1588
|
var theme = _a.theme;
|
|
1589
1589
|
return theme.alert.background;
|
|
1590
1590
|
});
|
|
@@ -1611,10 +1611,10 @@ var Alert = function (_a) {
|
|
|
1611
1611
|
React__default.createElement(IconButton, { scale: "sm", variant: "text", onClick: onClick },
|
|
1612
1612
|
React__default.createElement(Icon$1K, { width: "24px", color: "currentColor" }))))));
|
|
1613
1613
|
};
|
|
1614
|
-
var templateObject_1$
|
|
1614
|
+
var templateObject_1$13, templateObject_2$z, templateObject_3$f, templateObject_4$c;
|
|
1615
1615
|
|
|
1616
|
-
var Grid = styled(Box)(templateObject_1$
|
|
1617
|
-
var templateObject_1$
|
|
1616
|
+
var Grid = styled(Box)(templateObject_1$12 || (templateObject_1$12 = __makeTemplateObject(["\n display: grid;\n ", "\n ", "\n"], ["\n display: grid;\n ", "\n ", "\n"])), flexbox, grid);
|
|
1617
|
+
var templateObject_1$12;
|
|
1618
1618
|
|
|
1619
1619
|
var scales$7 = {
|
|
1620
1620
|
SM: "sm",
|
|
@@ -1647,7 +1647,7 @@ var getHeight = function (_a) {
|
|
|
1647
1647
|
return "40px";
|
|
1648
1648
|
}
|
|
1649
1649
|
};
|
|
1650
|
-
var Input$2 = styled.input(templateObject_1$
|
|
1650
|
+
var Input$2 = styled.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) {
|
|
1651
1651
|
var theme = _a.theme;
|
|
1652
1652
|
return theme.colors.input;
|
|
1653
1653
|
}, getBoxShadow, function (_a) {
|
|
@@ -1674,9 +1674,9 @@ Input$2.defaultProps = {
|
|
|
1674
1674
|
isSuccess: false,
|
|
1675
1675
|
isWarning: false,
|
|
1676
1676
|
};
|
|
1677
|
-
var templateObject_1$
|
|
1677
|
+
var templateObject_1$11;
|
|
1678
1678
|
|
|
1679
|
-
var SwitchUnitsButton = styled(IconButton)(templateObject_1$
|
|
1679
|
+
var SwitchUnitsButton = styled(IconButton)(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject(["\n width: 16px;\n"], ["\n width: 16px;\n"])));
|
|
1680
1680
|
var UnitContainer = styled(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) {
|
|
1681
1681
|
var theme = _a.theme;
|
|
1682
1682
|
return theme.colors.textSubtle;
|
|
@@ -1698,7 +1698,7 @@ var StyledInput$1 = styled(Input$2)(templateObject_4$b || (templateObject_4$b =
|
|
|
1698
1698
|
var theme = _a.theme;
|
|
1699
1699
|
return theme.colors.textSubtle;
|
|
1700
1700
|
});
|
|
1701
|
-
var templateObject_1$
|
|
1701
|
+
var templateObject_1$10, templateObject_2$y, templateObject_3$e, templateObject_4$b;
|
|
1702
1702
|
|
|
1703
1703
|
var BalanceInput = function (_a) {
|
|
1704
1704
|
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"]);
|
|
@@ -1729,7 +1729,7 @@ var Textfield = function (_a) {
|
|
|
1729
1729
|
React__default.createElement(StyledInput$1, __assign({ value: value, onChange: handleOnChange, placeholder: placeholder, textAlign: "left" }, inputProps))));
|
|
1730
1730
|
};
|
|
1731
1731
|
|
|
1732
|
-
var Separator = styled.div(templateObject_1
|
|
1732
|
+
var Separator = styled.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) {
|
|
1733
1733
|
var theme = _a.theme;
|
|
1734
1734
|
return theme.colors.textDisabled;
|
|
1735
1735
|
}, function (_a) {
|
|
@@ -1764,7 +1764,7 @@ var Breadcrumbs = function (_a) {
|
|
|
1764
1764
|
var items = insertSeparators(validItems, separator);
|
|
1765
1765
|
return (React__default.createElement(StyledBreadcrumbs, null, items.map(function (item, index) { return (React__default.createElement("li", { key: "child-" + index }, item)); })));
|
|
1766
1766
|
};
|
|
1767
|
-
var templateObject_1
|
|
1767
|
+
var templateObject_1$$, templateObject_2$x;
|
|
1768
1768
|
|
|
1769
1769
|
var getBackgroundColor = function (_a) {
|
|
1770
1770
|
var theme = _a.theme, variant = _a.variant;
|
|
@@ -1774,7 +1774,7 @@ var getBorderColor$1 = function (_a) {
|
|
|
1774
1774
|
var theme = _a.theme, variant = _a.variant;
|
|
1775
1775
|
return theme.colors[variant === variants$6.SUBTLE ? "inputSecondary" : "disabled"];
|
|
1776
1776
|
};
|
|
1777
|
-
var StyledButtonMenu = styled.div(templateObject_1
|
|
1777
|
+
var StyledButtonMenu = styled.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 ",
|
|
1778
1778
|
"\n ", "\n"])), getBackgroundColor, function (_a) {
|
|
1779
1779
|
var fullWidth = _a.fullWidth;
|
|
1780
1780
|
return (fullWidth ? "flex" : "inline-flex");
|
|
@@ -1803,9 +1803,9 @@ var ButtonMenu$1 = function (_a) {
|
|
|
1803
1803
|
});
|
|
1804
1804
|
})));
|
|
1805
1805
|
};
|
|
1806
|
-
var templateObject_1
|
|
1806
|
+
var templateObject_1$_;
|
|
1807
1807
|
|
|
1808
|
-
var InactiveButton = styled(Button)(templateObject_1$
|
|
1808
|
+
var InactiveButton = styled(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) {
|
|
1809
1809
|
var theme = _a.theme, variant = _a.variant;
|
|
1810
1810
|
return (variant === variants$6.PRIMARY ? theme.colors.primary : theme.colors.textSubtle);
|
|
1811
1811
|
});
|
|
@@ -1816,9 +1816,9 @@ var ButtonMenuItem = function (_a) {
|
|
|
1816
1816
|
}
|
|
1817
1817
|
return React__default.createElement(Button, __assign({ as: as, variant: variant }, props));
|
|
1818
1818
|
};
|
|
1819
|
-
var templateObject_1$
|
|
1819
|
+
var templateObject_1$Z;
|
|
1820
1820
|
|
|
1821
|
-
var PromotedGradient = keyframes(templateObject_1$
|
|
1821
|
+
var PromotedGradient = 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"])));
|
|
1822
1822
|
/**
|
|
1823
1823
|
* Priority: Warning --> Success --> Active
|
|
1824
1824
|
*/
|
|
@@ -1865,7 +1865,7 @@ StyledCard.defaultProps = {
|
|
|
1865
1865
|
isWarning: false,
|
|
1866
1866
|
isDisabled: false,
|
|
1867
1867
|
};
|
|
1868
|
-
var templateObject_1$
|
|
1868
|
+
var templateObject_1$Y, templateObject_2$w, templateObject_3$d, templateObject_4$a;
|
|
1869
1869
|
|
|
1870
1870
|
var Card = function (_a) {
|
|
1871
1871
|
var ribbon = _a.ribbon, children = _a.children, background = _a.background, props = __rest(_a, ["ribbon", "children", "background"]);
|
|
@@ -1875,13 +1875,13 @@ var Card = function (_a) {
|
|
|
1875
1875
|
children)));
|
|
1876
1876
|
};
|
|
1877
1877
|
|
|
1878
|
-
var CardBody = styled.div(templateObject_1$
|
|
1878
|
+
var CardBody = styled.div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), space);
|
|
1879
1879
|
CardBody.defaultProps = {
|
|
1880
1880
|
p: "24px",
|
|
1881
1881
|
};
|
|
1882
|
-
var templateObject_1$
|
|
1882
|
+
var templateObject_1$X;
|
|
1883
1883
|
|
|
1884
|
-
var CardHeader = styled.div(templateObject_1$
|
|
1884
|
+
var CardHeader = styled.div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n background: ", ";\n border-radius: ", ";\n ", "\n"], ["\n background: ", ";\n border-radius: ", ";\n ", "\n"])), function (_a) {
|
|
1885
1885
|
var theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? "default" : _b;
|
|
1886
1886
|
return theme.card.cardHeaderBackground[variant];
|
|
1887
1887
|
}, function (_a) {
|
|
@@ -1891,18 +1891,18 @@ var CardHeader = styled.div(templateObject_1$X || (templateObject_1$X = __makeTe
|
|
|
1891
1891
|
CardHeader.defaultProps = {
|
|
1892
1892
|
p: "24px",
|
|
1893
1893
|
};
|
|
1894
|
-
var templateObject_1$
|
|
1894
|
+
var templateObject_1$W;
|
|
1895
1895
|
|
|
1896
|
-
var CardFooter = styled.div(templateObject_1$
|
|
1896
|
+
var CardFooter = styled.div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n border-top: 1px solid ", ";\n ", "\n"], ["\n border-top: 1px solid ", ";\n ", "\n"])), function (_a) {
|
|
1897
1897
|
var theme = _a.theme;
|
|
1898
1898
|
return theme.colors.cardBorder;
|
|
1899
1899
|
}, space);
|
|
1900
1900
|
CardFooter.defaultProps = {
|
|
1901
1901
|
p: "24px",
|
|
1902
1902
|
};
|
|
1903
|
-
var templateObject_1$
|
|
1903
|
+
var templateObject_1$V;
|
|
1904
1904
|
|
|
1905
|
-
var StyledCardRibbon = styled.div(templateObject_1$
|
|
1905
|
+
var StyledCardRibbon = styled.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: ",
|
|
1906
1906
|
";\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) {
|
|
1907
1907
|
var _b = _a.variantColor, variantColor = _b === void 0 ? "secondary" : _b, theme = _a.theme;
|
|
1908
1908
|
return theme.colors[variantColor];
|
|
@@ -1926,7 +1926,7 @@ var CardRibbon = function (_a) {
|
|
|
1926
1926
|
CardRibbon.defaultProps = {
|
|
1927
1927
|
ribbonPosition: "right",
|
|
1928
1928
|
};
|
|
1929
|
-
var templateObject_1$
|
|
1929
|
+
var templateObject_1$U;
|
|
1930
1930
|
|
|
1931
1931
|
var animation = {
|
|
1932
1932
|
WAVES: "waves",
|
|
@@ -1937,7 +1937,7 @@ var variant = {
|
|
|
1937
1937
|
CIRCLE: "circle",
|
|
1938
1938
|
};
|
|
1939
1939
|
|
|
1940
|
-
var waves = keyframes(templateObject_1$
|
|
1940
|
+
var waves = 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"])));
|
|
1941
1941
|
var pulse = 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"])));
|
|
1942
1942
|
var Root = styled.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) {
|
|
1943
1943
|
var theme = _a.theme;
|
|
@@ -1955,17 +1955,17 @@ var Skeleton = function (_a) {
|
|
|
1955
1955
|
}
|
|
1956
1956
|
return React__default.createElement(Pulse, __assign({ variant: variant$1 }, props));
|
|
1957
1957
|
};
|
|
1958
|
-
var templateObject_1$
|
|
1958
|
+
var templateObject_1$T, templateObject_2$v, templateObject_3$c, templateObject_4$9, templateObject_5$6;
|
|
1959
1959
|
|
|
1960
|
-
var PriceLink = styled.a(templateObject_1$
|
|
1960
|
+
var PriceLink = styled.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"])));
|
|
1961
1961
|
var CakePrice = function (_a) {
|
|
1962
|
-
var cakePriceUsd = _a.cakePriceUsd, _b = _a.color, color = _b === void 0 ? "
|
|
1962
|
+
var cakePriceUsd = _a.cakePriceUsd, _b = _a.color, color = _b === void 0 ? "#fff" : _b;
|
|
1963
1963
|
return cakePriceUsd ? (React__default.createElement(PriceLink, { href: "https://pancakeswap.finance/swap?inputCurrency=0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c&outputCurrency=0x70D8d5B3416888fD05e806195312DD2D9597d50C", target: "_blank" },
|
|
1964
1964
|
React__default.createElement(Icon$16, { width: "24px", mr: "8px" }),
|
|
1965
1965
|
React__default.createElement(Text, { ml: "4px", color: color, bold: true }, "$" + cakePriceUsd.toFixed(6)))) : (React__default.createElement(Skeleton, { width: 80, height: 24 }));
|
|
1966
1966
|
};
|
|
1967
1967
|
var CakePrice$1 = React__default.memo(CakePrice);
|
|
1968
|
-
var templateObject_1$
|
|
1968
|
+
var templateObject_1$S;
|
|
1969
1969
|
|
|
1970
1970
|
var scales$6 = {
|
|
1971
1971
|
SM: "sm",
|
|
@@ -1982,7 +1982,7 @@ var getScale$4 = function (_a) {
|
|
|
1982
1982
|
return "32px";
|
|
1983
1983
|
}
|
|
1984
1984
|
};
|
|
1985
|
-
var Checkbox = styled.input.attrs({ type: "checkbox" })(templateObject_1$
|
|
1985
|
+
var Checkbox = styled.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) {
|
|
1986
1986
|
var theme = _a.theme;
|
|
1987
1987
|
return theme.colors.input;
|
|
1988
1988
|
}, function (_a) {
|
|
@@ -2001,7 +2001,7 @@ var Checkbox = styled.input.attrs({ type: "checkbox" })(templateObject_1$S || (t
|
|
|
2001
2001
|
Checkbox.defaultProps = {
|
|
2002
2002
|
scale: scales$6.MD,
|
|
2003
2003
|
};
|
|
2004
|
-
var templateObject_1$
|
|
2004
|
+
var templateObject_1$R;
|
|
2005
2005
|
|
|
2006
2006
|
var getLeft = function (_a) {
|
|
2007
2007
|
var position = _a.position;
|
|
@@ -2017,7 +2017,7 @@ var getBottom = function (_a) {
|
|
|
2017
2017
|
}
|
|
2018
2018
|
return "auto";
|
|
2019
2019
|
};
|
|
2020
|
-
var DropdownContent = styled.div(templateObject_1$
|
|
2020
|
+
var DropdownContent = styled.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) {
|
|
2021
2021
|
var theme = _a.theme;
|
|
2022
2022
|
return theme.nav.background;
|
|
2023
2023
|
}, function (_a) {
|
|
@@ -2040,9 +2040,9 @@ var Dropdown = function (_a) {
|
|
|
2040
2040
|
Dropdown.defaultProps = {
|
|
2041
2041
|
position: "bottom",
|
|
2042
2042
|
};
|
|
2043
|
-
var templateObject_1$
|
|
2043
|
+
var templateObject_1$Q, templateObject_2$u;
|
|
2044
2044
|
|
|
2045
|
-
var bunnyFall = keyframes(templateObject_1$
|
|
2045
|
+
var bunnyFall = 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"])));
|
|
2046
2046
|
var Bunny = styled.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) {
|
|
2047
2047
|
var position = _a.position;
|
|
2048
2048
|
return position + "vw";
|
|
@@ -2080,7 +2080,7 @@ var FallingBunnies = function (_a) {
|
|
|
2080
2080
|
React__default.createElement(Icon$1p, { width: size, height: size }))); });
|
|
2081
2081
|
return React__default.createElement("div", null, bunnies);
|
|
2082
2082
|
};
|
|
2083
|
-
var templateObject_1$
|
|
2083
|
+
var templateObject_1$P, templateObject_2$t;
|
|
2084
2084
|
|
|
2085
2085
|
var tags = {
|
|
2086
2086
|
H1: "h1",
|
|
@@ -2116,7 +2116,7 @@ var style = (_a$3 = {},
|
|
|
2116
2116
|
fontSizeLg: "64px",
|
|
2117
2117
|
},
|
|
2118
2118
|
_a$3);
|
|
2119
|
-
var Heading = styled(Text).attrs({ bold: true })(templateObject_1$
|
|
2119
|
+
var Heading = styled(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) {
|
|
2120
2120
|
var scale = _a.scale;
|
|
2121
2121
|
return style[scale || scales$5.MD].fontSize;
|
|
2122
2122
|
}, function (_a) {
|
|
@@ -2129,7 +2129,7 @@ var Heading = styled(Text).attrs({ bold: true })(templateObject_1$P || (template
|
|
|
2129
2129
|
Heading.defaultProps = {
|
|
2130
2130
|
as: tags.H2,
|
|
2131
2131
|
};
|
|
2132
|
-
var templateObject_1$
|
|
2132
|
+
var templateObject_1$O;
|
|
2133
2133
|
|
|
2134
2134
|
var observerOptions = {
|
|
2135
2135
|
root: null,
|
|
@@ -2137,7 +2137,7 @@ var observerOptions = {
|
|
|
2137
2137
|
threshold: 0,
|
|
2138
2138
|
};
|
|
2139
2139
|
|
|
2140
|
-
var StyledWrapper = styled.div(templateObject_1$
|
|
2140
|
+
var StyledWrapper = styled.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) {
|
|
2141
2141
|
var $height = _a.$height;
|
|
2142
2142
|
return $height;
|
|
2143
2143
|
}, function (_a) {
|
|
@@ -2151,12 +2151,12 @@ var Wrapper$3 = forwardRef(function (_a, ref) {
|
|
|
2151
2151
|
var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
|
|
2152
2152
|
return React__default.createElement(StyledWrapper, __assign({ ref: ref, "$width": width, "$height": height }, props));
|
|
2153
2153
|
});
|
|
2154
|
-
var templateObject_1$O;
|
|
2155
|
-
|
|
2156
|
-
var Placeholder = styled.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"])));
|
|
2157
2154
|
var templateObject_1$N;
|
|
2158
2155
|
|
|
2159
|
-
var
|
|
2156
|
+
var Placeholder = styled.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"])));
|
|
2157
|
+
var templateObject_1$M;
|
|
2158
|
+
|
|
2159
|
+
var StyledBackgroundImage = styled(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"])));
|
|
2160
2160
|
var BackgroundImage = function (_a) {
|
|
2161
2161
|
var loadingPlaceholder = _a.loadingPlaceholder, src = _a.src, width = _a.width, height = _a.height, props = __rest(_a, ["loadingPlaceholder", "src", "width", "height"]);
|
|
2162
2162
|
var _b = useState(false), isLoaded = _b[0], setIsLoaded = _b[1];
|
|
@@ -2193,9 +2193,9 @@ var BackgroundImage = function (_a) {
|
|
|
2193
2193
|
}, [src, setIsLoaded]);
|
|
2194
2194
|
return (React__default.createElement(StyledBackgroundImage, __assign({ ref: ref, width: width, height: height }, props), !isLoaded && placeholder));
|
|
2195
2195
|
};
|
|
2196
|
-
var templateObject_1$
|
|
2196
|
+
var templateObject_1$L;
|
|
2197
2197
|
|
|
2198
|
-
var StyledImage = styled.img(templateObject_1$
|
|
2198
|
+
var StyledImage = styled.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"])));
|
|
2199
2199
|
var Image = function (_a) {
|
|
2200
2200
|
var src = _a.src, alt = _a.alt, width = _a.width, height = _a.height, props = __rest(_a, ["src", "alt", "width", "height"]);
|
|
2201
2201
|
var imgRef = useRef(null);
|
|
@@ -2222,18 +2222,18 @@ var Image = function (_a) {
|
|
|
2222
2222
|
}, [src]);
|
|
2223
2223
|
return (React__default.createElement(Wrapper$3, __assign({ ref: imgRef, height: height, width: width }, props), isLoaded ? React__default.createElement(StyledImage, { src: src, alt: alt }) : React__default.createElement(Placeholder, null)));
|
|
2224
2224
|
};
|
|
2225
|
-
var templateObject_1$L;
|
|
2226
|
-
|
|
2227
|
-
var TokenImage = styled(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"])));
|
|
2228
2225
|
var templateObject_1$K;
|
|
2229
2226
|
|
|
2227
|
+
var TokenImage = styled(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"])));
|
|
2228
|
+
var templateObject_1$J;
|
|
2229
|
+
|
|
2230
2230
|
var variants$4 = {
|
|
2231
2231
|
DEFAULT: "default",
|
|
2232
2232
|
INVERTED: "inverted",
|
|
2233
2233
|
};
|
|
2234
2234
|
|
|
2235
2235
|
var _a$2, _b$2;
|
|
2236
|
-
var StyledPrimaryImage = styled(TokenImage)(templateObject_1$
|
|
2236
|
+
var StyledPrimaryImage = styled(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: ",
|
|
2237
2237
|
"; // 92, 82 are arbitrary numbers to fit the variant\n\n ",
|
|
2238
2238
|
"\n"])), function (_a) {
|
|
2239
2239
|
var variant = _a.variant;
|
|
@@ -2275,7 +2275,7 @@ var StyledSecondaryImage = styled(TokenImage)(templateObject_2$s || (templateObj
|
|
|
2275
2275
|
},
|
|
2276
2276
|
_b$2),
|
|
2277
2277
|
}));
|
|
2278
|
-
var templateObject_1$
|
|
2278
|
+
var templateObject_1$I, templateObject_2$s;
|
|
2279
2279
|
|
|
2280
2280
|
var TokenPairImage = function (_a) {
|
|
2281
2281
|
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"]);
|
|
@@ -2285,10 +2285,10 @@ var TokenPairImage = function (_a) {
|
|
|
2285
2285
|
React__default.createElement(StyledSecondaryImage, __assign({ variant: variant, src: secondarySrc, width: secondaryImageSize, height: secondaryImageSize }, secondaryImageProps))));
|
|
2286
2286
|
};
|
|
2287
2287
|
|
|
2288
|
-
var StyledProfileAvatar = styled(BackgroundImage)(templateObject_1$
|
|
2288
|
+
var StyledProfileAvatar = styled(BackgroundImage)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n border-radius: 50%;\n"], ["\n border-radius: 50%;\n"])));
|
|
2289
2289
|
var StyledBunnyPlaceholder = styled(Icon$1X)(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n"], ["\n height: 100%;\n width: 100%;\n"])));
|
|
2290
2290
|
var ProfileAvatar = function (props) { return (React__default.createElement(StyledProfileAvatar, __assign({ loadingPlaceholder: React__default.createElement(StyledBunnyPlaceholder, null) }, props))); };
|
|
2291
|
-
var templateObject_1$
|
|
2291
|
+
var templateObject_1$H, templateObject_2$r;
|
|
2292
2292
|
|
|
2293
2293
|
var getPadding$1 = function (scale, hasIcon) {
|
|
2294
2294
|
if (!hasIcon) {
|
|
@@ -2304,7 +2304,7 @@ var getPadding$1 = function (scale, hasIcon) {
|
|
|
2304
2304
|
return "48px";
|
|
2305
2305
|
}
|
|
2306
2306
|
};
|
|
2307
|
-
var StyledInputGroup = styled(Box)(templateObject_1$
|
|
2307
|
+
var StyledInputGroup = styled(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) {
|
|
2308
2308
|
var hasStartIcon = _a.hasStartIcon, scale = _a.scale;
|
|
2309
2309
|
return getPadding$1(scale, hasStartIcon);
|
|
2310
2310
|
}, function (_a) {
|
|
@@ -2325,9 +2325,9 @@ var InputGroup = function (_a) {
|
|
|
2325
2325
|
cloneElement(children, { scale: scale }),
|
|
2326
2326
|
endIcon && (React__default.createElement(InputIcon, { scale: scale, isEndIcon: true }, endIcon))));
|
|
2327
2327
|
};
|
|
2328
|
-
var templateObject_1$
|
|
2328
|
+
var templateObject_1$G, templateObject_2$q;
|
|
2329
2329
|
|
|
2330
|
-
var GridLayout$1 = styled(Grid)(templateObject_1$
|
|
2330
|
+
var GridLayout$1 = styled(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) {
|
|
2331
2331
|
var theme = _a.theme;
|
|
2332
2332
|
return theme.mediaQueries.sm;
|
|
2333
2333
|
}, function (_a) {
|
|
@@ -2337,15 +2337,15 @@ var GridLayout$1 = styled(Grid)(templateObject_1$G || (templateObject_1$G = __ma
|
|
|
2337
2337
|
var theme = _a.theme;
|
|
2338
2338
|
return theme.mediaQueries.lg;
|
|
2339
2339
|
});
|
|
2340
|
-
var templateObject_1$
|
|
2340
|
+
var templateObject_1$F;
|
|
2341
2341
|
|
|
2342
|
-
var GridLayout = styled(GridLayout$1)(templateObject_1$
|
|
2342
|
+
var GridLayout = styled(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) {
|
|
2343
2343
|
var theme = _a.theme;
|
|
2344
2344
|
return theme.mediaQueries.sm;
|
|
2345
2345
|
});
|
|
2346
|
-
var templateObject_1$
|
|
2346
|
+
var templateObject_1$E;
|
|
2347
2347
|
|
|
2348
|
-
var StyledLink$1 = styled(Text)(templateObject_1$
|
|
2348
|
+
var StyledLink$1 = styled(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"])));
|
|
2349
2349
|
var Link = function (_a) {
|
|
2350
2350
|
var external = _a.external, props = __rest(_a, ["external"]);
|
|
2351
2351
|
var internalProps = external ? getExternalLinkProps() : {};
|
|
@@ -2354,7 +2354,7 @@ var Link = function (_a) {
|
|
|
2354
2354
|
Link.defaultProps = {
|
|
2355
2355
|
color: "primary",
|
|
2356
2356
|
};
|
|
2357
|
-
var templateObject_1$
|
|
2357
|
+
var templateObject_1$D;
|
|
2358
2358
|
|
|
2359
2359
|
var LinkExternal = function (_a) {
|
|
2360
2360
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -2378,7 +2378,7 @@ var Icons$2 = {
|
|
|
2378
2378
|
warning: Icon$o,
|
|
2379
2379
|
danger: Icon$2f,
|
|
2380
2380
|
};
|
|
2381
|
-
var MessageContainer = styled.div(templateObject_1$
|
|
2381
|
+
var MessageContainer = styled.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 ",
|
|
2382
2382
|
"\n"])), space, variant$1({
|
|
2383
2383
|
variants: variants$3,
|
|
2384
2384
|
}));
|
|
@@ -2389,9 +2389,9 @@ var Message = function (_a) {
|
|
|
2389
2389
|
React__default.createElement(Box, { mr: "12px" }, icon !== null && icon !== void 0 ? icon : React__default.createElement(Icon, { color: variants$3[variant].borderColor, width: "24px" })),
|
|
2390
2390
|
children));
|
|
2391
2391
|
};
|
|
2392
|
-
var templateObject_1$
|
|
2392
|
+
var templateObject_1$C;
|
|
2393
2393
|
|
|
2394
|
-
var NotificationDotRoot = styled.span(templateObject_1$
|
|
2394
|
+
var NotificationDotRoot = styled.span(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n display: inline-flex;\n position: relative;\n"], ["\n display: inline-flex;\n position: relative;\n"])));
|
|
2395
2395
|
var Dot = styled.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) {
|
|
2396
2396
|
var show = _a.show;
|
|
2397
2397
|
return (show ? "inline-flex" : "none");
|
|
@@ -2408,9 +2408,9 @@ var NotificationDot = function (_a) {
|
|
|
2408
2408
|
Children.map(children, function (child) { return cloneElement(child, props); }),
|
|
2409
2409
|
React__default.createElement(Dot, { show: show, color: color })));
|
|
2410
2410
|
};
|
|
2411
|
-
var templateObject_1$
|
|
2411
|
+
var templateObject_1$B, templateObject_2$p;
|
|
2412
2412
|
|
|
2413
|
-
var Overlay = styled.div.attrs({ role: "presentation" })(templateObject_1$
|
|
2413
|
+
var Overlay = styled.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) {
|
|
2414
2414
|
var theme = _a.theme;
|
|
2415
2415
|
return theme.colors.overlay;
|
|
2416
2416
|
}, function (_a) {
|
|
@@ -2427,7 +2427,7 @@ Overlay.defaultProps = {
|
|
|
2427
2427
|
show: false,
|
|
2428
2428
|
zIndex: 10,
|
|
2429
2429
|
};
|
|
2430
|
-
var templateObject_1$
|
|
2430
|
+
var templateObject_1$A;
|
|
2431
2431
|
|
|
2432
2432
|
var scales$4 = {
|
|
2433
2433
|
SM: "sm",
|
|
@@ -2500,7 +2500,7 @@ var getScale$3 = function (property) {
|
|
|
2500
2500
|
return scaleKeyValues$2[scale][property];
|
|
2501
2501
|
};
|
|
2502
2502
|
};
|
|
2503
|
-
var PancakeStack = styled.div(templateObject_1$
|
|
2503
|
+
var PancakeStack = styled.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) {
|
|
2504
2504
|
var theme = _a.theme;
|
|
2505
2505
|
return theme.pancakeToggle.handleBackground;
|
|
2506
2506
|
}, getScale$3("pancakeThickness"), getScale$3("pancakeThickness"), function (_a) {
|
|
@@ -2518,7 +2518,7 @@ var PancakeLabel = styled.label(templateObject_3$b || (templateObject_3$b = __ma
|
|
|
2518
2518
|
var theme = _a.theme;
|
|
2519
2519
|
return theme.shadows.inset;
|
|
2520
2520
|
});
|
|
2521
|
-
var templateObject_1$
|
|
2521
|
+
var templateObject_1$z, templateObject_2$o, templateObject_3$b;
|
|
2522
2522
|
|
|
2523
2523
|
var PancakeToggle = function (_a) {
|
|
2524
2524
|
var checked = _a.checked, _b = _a.scale, scale = _b === void 0 ? scales$4.LG : _b, props = __rest(_a, ["checked", "scale"]);
|
|
@@ -2738,7 +2738,7 @@ var styleScales = (_b$1 = {},
|
|
|
2738
2738
|
},
|
|
2739
2739
|
_b$1);
|
|
2740
2740
|
|
|
2741
|
-
var Bar = styled.div(templateObject_1$
|
|
2741
|
+
var Bar = styled.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: ",
|
|
2742
2742
|
";\n height: 100%;\n transition: width 200ms ease;\n"])), function (_a) {
|
|
2743
2743
|
var theme = _a.theme, $useDark = _a.$useDark, primary = _a.primary;
|
|
2744
2744
|
if ($useDark)
|
|
@@ -2768,10 +2768,10 @@ var StyledProgress = styled.div(templateObject_2$n || (templateObject_2$n = __ma
|
|
|
2768
2768
|
prop: "scale",
|
|
2769
2769
|
variants: styleScales,
|
|
2770
2770
|
}), space);
|
|
2771
|
-
var templateObject_1$
|
|
2771
|
+
var templateObject_1$y, templateObject_2$n;
|
|
2772
2772
|
|
|
2773
|
-
var ProgressBunnyWrapper = styled.div(templateObject_1$
|
|
2774
|
-
var templateObject_1$
|
|
2773
|
+
var ProgressBunnyWrapper = styled.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"])));
|
|
2774
|
+
var templateObject_1$x;
|
|
2775
2775
|
|
|
2776
2776
|
var stepGuard = function (step) {
|
|
2777
2777
|
if (step < 0) {
|
|
@@ -2816,7 +2816,7 @@ var getCheckedScale = function (_a) {
|
|
|
2816
2816
|
return "20px";
|
|
2817
2817
|
}
|
|
2818
2818
|
};
|
|
2819
|
-
var Radio = styled.input.attrs({ type: "radio" })(templateObject_1$
|
|
2819
|
+
var Radio = styled.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) {
|
|
2820
2820
|
var theme = _a.theme;
|
|
2821
2821
|
return theme.colors.input;
|
|
2822
2822
|
}, function (_a) {
|
|
@@ -2839,7 +2839,7 @@ Radio.defaultProps = {
|
|
|
2839
2839
|
scale: scales$2.MD,
|
|
2840
2840
|
m: 0,
|
|
2841
2841
|
};
|
|
2842
|
-
var templateObject_1$
|
|
2842
|
+
var templateObject_1$w;
|
|
2843
2843
|
|
|
2844
2844
|
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";
|
|
2845
2845
|
|
|
@@ -2855,7 +2855,7 @@ var getBaseThumbStyles = function (_a) {
|
|
|
2855
2855
|
var isMax = _a.isMax, disabled = _a.disabled;
|
|
2856
2856
|
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";
|
|
2857
2857
|
};
|
|
2858
|
-
var SliderLabelContainer = styled.div(templateObject_1$
|
|
2858
|
+
var SliderLabelContainer = styled.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"])));
|
|
2859
2859
|
var SliderLabel = styled(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) {
|
|
2860
2860
|
var progress = _a.progress;
|
|
2861
2861
|
return progress;
|
|
@@ -2877,7 +2877,7 @@ var BarProgress = styled.div(templateObject_7$2 || (templateObject_7$2 = __makeT
|
|
|
2877
2877
|
var disabled = _a.disabled;
|
|
2878
2878
|
return (disabled ? "grayscale(100%)" : "none");
|
|
2879
2879
|
});
|
|
2880
|
-
var templateObject_1$
|
|
2880
|
+
var templateObject_1$v, templateObject_2$m, templateObject_3$a, templateObject_4$8, templateObject_5$5, templateObject_6$2, templateObject_7$2;
|
|
2881
2881
|
|
|
2882
2882
|
var Slider = function (_a) {
|
|
2883
2883
|
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"]);
|
|
@@ -2935,7 +2935,7 @@ var Icon = function (props) {
|
|
|
2935
2935
|
React__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" }))));
|
|
2936
2936
|
};
|
|
2937
2937
|
|
|
2938
|
-
var rotate = keyframes(templateObject_1$
|
|
2938
|
+
var rotate = 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"])));
|
|
2939
2939
|
var float = 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"])));
|
|
2940
2940
|
var Container = styled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
2941
2941
|
var RotatingPancakeIcon = styled(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);
|
|
@@ -2946,9 +2946,9 @@ var Spinner = function (_a) {
|
|
|
2946
2946
|
React__default.createElement(RotatingPancakeIcon, { width: size * 0.5 + "px" }),
|
|
2947
2947
|
React__default.createElement(FloatingPanIcon, { width: size + "px" })));
|
|
2948
2948
|
};
|
|
2949
|
-
var templateObject_1$
|
|
2949
|
+
var templateObject_1$u, templateObject_2$l, templateObject_3$9, templateObject_4$7, templateObject_5$4;
|
|
2950
2950
|
|
|
2951
|
-
var StepperWrapper = styled.div(templateObject_1$
|
|
2951
|
+
var StepperWrapper = styled.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"])));
|
|
2952
2952
|
var Stepper = function (_a) {
|
|
2953
2953
|
var children = _a.children;
|
|
2954
2954
|
var numberOfSteps = React__default.Children.count(children);
|
|
@@ -2959,7 +2959,7 @@ var Stepper = function (_a) {
|
|
|
2959
2959
|
return child;
|
|
2960
2960
|
})));
|
|
2961
2961
|
};
|
|
2962
|
-
var templateObject_1$
|
|
2962
|
+
var templateObject_1$t;
|
|
2963
2963
|
|
|
2964
2964
|
var getStepNumberFontColor = function (_a) {
|
|
2965
2965
|
var theme = _a.theme, status = _a.status;
|
|
@@ -2971,7 +2971,7 @@ var getStepNumberFontColor = function (_a) {
|
|
|
2971
2971
|
}
|
|
2972
2972
|
return theme.colors.textDisabled;
|
|
2973
2973
|
};
|
|
2974
|
-
var StyledStep = styled(Flex)(templateObject_1$
|
|
2974
|
+
var StyledStep = styled(Flex)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", " {\n justify-content: center;\n }\n"], ["\n ", " {\n justify-content: center;\n }\n"])), function (_a) {
|
|
2975
2975
|
var theme = _a.theme;
|
|
2976
2976
|
return theme.mediaQueries.md;
|
|
2977
2977
|
});
|
|
@@ -3034,9 +3034,9 @@ var Step = function (_a) {
|
|
|
3034
3034
|
!isFirst && !isLast && React__default.createElement(Connector, { "$isFirstStep": isFirst, "$isLastStep": isLast, status: statusSecondPart })),
|
|
3035
3035
|
React__default.createElement(ChildrenRightWrapper, { isVisible: isIndexPair }, children)));
|
|
3036
3036
|
};
|
|
3037
|
-
var templateObject_1$
|
|
3037
|
+
var templateObject_1$s, templateObject_2$k, templateObject_3$8, templateObject_4$6, templateObject_5$3, templateObject_6$1, templateObject_7$1;
|
|
3038
3038
|
|
|
3039
|
-
var InlineMenuContainer = styled(Box)(templateObject_1$
|
|
3039
|
+
var InlineMenuContainer = styled(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) {
|
|
3040
3040
|
var theme = _a.theme;
|
|
3041
3041
|
return theme.colors.backgroundAlt;
|
|
3042
3042
|
}, function (_a) {
|
|
@@ -3064,7 +3064,7 @@ var SubMenuItem = styled.button(templateObject_4$5 || (templateObject_4$5 = __ma
|
|
|
3064
3064
|
var theme = _a.theme;
|
|
3065
3065
|
return theme.colors.inputSecondary;
|
|
3066
3066
|
});
|
|
3067
|
-
var templateObject_1$
|
|
3067
|
+
var templateObject_1$r, templateObject_2$j, templateObject_3$7, templateObject_4$5;
|
|
3068
3068
|
|
|
3069
3069
|
var portalRoot$1 = document.getElementById("portal-root");
|
|
3070
3070
|
var BaseMenu = function (_a) {
|
|
@@ -3134,7 +3134,7 @@ var SubMenu = function (_a) {
|
|
|
3134
3134
|
React__default.createElement(SubMenuContainer, __assign({}, props), children)));
|
|
3135
3135
|
};
|
|
3136
3136
|
|
|
3137
|
-
var StyledMenuItemContainer = styled.div(templateObject_1$
|
|
3137
|
+
var StyledMenuItemContainer = styled.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 ",
|
|
3138
3138
|
";\n"])), function (_a) {
|
|
3139
3139
|
var $isActive = _a.$isActive, $variant = _a.$variant, theme = _a.theme;
|
|
3140
3140
|
return $isActive &&
|
|
@@ -3165,7 +3165,7 @@ var StyledMenuItem = styled.a(templateObject_2$i || (templateObject_2$i = __make
|
|
|
3165
3165
|
var $variant = _a.$variant;
|
|
3166
3166
|
return $variant === "default" && "border-radius: 8px;";
|
|
3167
3167
|
});
|
|
3168
|
-
var templateObject_1$
|
|
3168
|
+
var templateObject_1$q, templateObject_2$i;
|
|
3169
3169
|
|
|
3170
3170
|
var MenuItem$1 = function (_a) {
|
|
3171
3171
|
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"]);
|
|
@@ -3180,7 +3180,7 @@ var IconComponent = function (_a) {
|
|
|
3180
3180
|
return IconElement ? React__default.createElement(IconElement, __assign({}, props)) : null;
|
|
3181
3181
|
};
|
|
3182
3182
|
|
|
3183
|
-
var StyledSubMenuItems = styled(Flex)(templateObject_1$
|
|
3183
|
+
var StyledSubMenuItems = styled(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) {
|
|
3184
3184
|
var theme = _a.theme;
|
|
3185
3185
|
return theme.mediaQueries.sm;
|
|
3186
3186
|
}, function (_a) {
|
|
@@ -3190,7 +3190,7 @@ var StyledSubMenuItems = styled(Flex)(templateObject_1$q || (templateObject_1$q
|
|
|
3190
3190
|
var theme = _a.theme;
|
|
3191
3191
|
return "" + theme.colors.backgroundAlt2;
|
|
3192
3192
|
});
|
|
3193
|
-
var templateObject_1$
|
|
3193
|
+
var templateObject_1$p;
|
|
3194
3194
|
|
|
3195
3195
|
var SubMenuItems = function (_a) {
|
|
3196
3196
|
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"]);
|
|
@@ -3203,7 +3203,7 @@ var SubMenuItems = function (_a) {
|
|
|
3203
3203
|
})));
|
|
3204
3204
|
};
|
|
3205
3205
|
|
|
3206
|
-
var Td = styled.td(templateObject_1$
|
|
3206
|
+
var Td = styled.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) {
|
|
3207
3207
|
var theme = _a.theme;
|
|
3208
3208
|
return theme.colors.cardBorder;
|
|
3209
3209
|
}, function (_a) {
|
|
@@ -3214,10 +3214,10 @@ var Th = styled(Td).attrs({ as: "th" })(templateObject_2$h || (templateObject_2$
|
|
|
3214
3214
|
var theme = _a.theme;
|
|
3215
3215
|
return theme.colors.secondary;
|
|
3216
3216
|
});
|
|
3217
|
-
var templateObject_1$
|
|
3217
|
+
var templateObject_1$o, templateObject_2$h;
|
|
3218
3218
|
|
|
3219
|
-
var Table = styled.table(templateObject_1$
|
|
3220
|
-
var templateObject_1$
|
|
3219
|
+
var Table = styled.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, space);
|
|
3220
|
+
var templateObject_1$n;
|
|
3221
3221
|
|
|
3222
3222
|
var byTextAscending = function (getTextProperty) {
|
|
3223
3223
|
return function (objectA, objectB) {
|
|
@@ -3588,7 +3588,7 @@ var getScale$1 = function (property) {
|
|
|
3588
3588
|
return scaleKeyValues$1[scale][property];
|
|
3589
3589
|
};
|
|
3590
3590
|
};
|
|
3591
|
-
var Handle$1 = styled.div(templateObject_1$
|
|
3591
|
+
var Handle$1 = styled.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) {
|
|
3592
3592
|
var theme = _a.theme;
|
|
3593
3593
|
return theme.toggle.handleBackground;
|
|
3594
3594
|
}, getScale$1("handleHeight"), getScale$1("handleLeft"), getScale$1("handleTop"), getScale$1("handleWidth"));
|
|
@@ -3607,7 +3607,7 @@ var StyledToggle = styled.div(templateObject_3$6 || (templateObject_3$6 = __make
|
|
|
3607
3607
|
var theme = _a.theme;
|
|
3608
3608
|
return theme.shadows.inset;
|
|
3609
3609
|
}, getScale$1("toggleHeight"), getScale$1("toggleWidth"));
|
|
3610
|
-
var templateObject_1$
|
|
3610
|
+
var templateObject_1$m, templateObject_2$g, templateObject_3$6;
|
|
3611
3611
|
|
|
3612
3612
|
var Toggle = function (_a) {
|
|
3613
3613
|
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"]);
|
|
@@ -3657,7 +3657,7 @@ var getScale = function (property) {
|
|
|
3657
3657
|
return scaleKeyValues[scale][property];
|
|
3658
3658
|
};
|
|
3659
3659
|
};
|
|
3660
|
-
var Handle = styled.div(templateObject_1$
|
|
3660
|
+
var Handle = styled.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"));
|
|
3661
3661
|
var Input = styled.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) {
|
|
3662
3662
|
var theme = _a.theme;
|
|
3663
3663
|
return theme.shadows.focus;
|
|
@@ -3677,7 +3677,7 @@ var StyledToggleMexiz = styled.div(templateObject_5$2 || (templateObject_5$2 = _
|
|
|
3677
3677
|
var theme = _a.theme;
|
|
3678
3678
|
return theme.shadows.inset;
|
|
3679
3679
|
}, getScale("toggleHeight"), getScale("toggleWidth"));
|
|
3680
|
-
var templateObject_1$
|
|
3680
|
+
var templateObject_1$l, templateObject_2$f, templateObject_3$5, templateObject_4$4, templateObject_5$2;
|
|
3681
3681
|
|
|
3682
3682
|
var ToggleMexiz = function (_a) {
|
|
3683
3683
|
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"]);
|
|
@@ -3704,7 +3704,7 @@ var ThemeSwitcher = function (_a) {
|
|
|
3704
3704
|
};
|
|
3705
3705
|
var ThemeSwitcher$1 = React__default.memo(ThemeSwitcher, function (prev, next) { return prev.isDark === next.isDark; });
|
|
3706
3706
|
|
|
3707
|
-
var Wrapper$1 = styled(Flex)(templateObject_1$
|
|
3707
|
+
var Wrapper$1 = styled(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) {
|
|
3708
3708
|
var theme = _a.theme;
|
|
3709
3709
|
return theme.colors.textSubtle;
|
|
3710
3710
|
});
|
|
@@ -3725,7 +3725,7 @@ var ButtonMenu = function (_a) {
|
|
|
3725
3725
|
});
|
|
3726
3726
|
}))));
|
|
3727
3727
|
};
|
|
3728
|
-
var templateObject_1$
|
|
3728
|
+
var templateObject_1$k, templateObject_2$e;
|
|
3729
3729
|
|
|
3730
3730
|
var getBorderRadius = function (_a) {
|
|
3731
3731
|
var scale = _a.scale;
|
|
@@ -3735,14 +3735,14 @@ var getPadding = function (_a) {
|
|
|
3735
3735
|
var scale = _a.scale;
|
|
3736
3736
|
return (scale === "md" ? "8px" : "16px");
|
|
3737
3737
|
};
|
|
3738
|
-
var Tab = styled.button(templateObject_1$
|
|
3738
|
+
var Tab = styled.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) {
|
|
3739
3739
|
var theme = _a.theme;
|
|
3740
3740
|
return theme.mediaQueries.md;
|
|
3741
3741
|
}, color);
|
|
3742
3742
|
Tab.defaultProps = {
|
|
3743
3743
|
scale: "md",
|
|
3744
3744
|
};
|
|
3745
|
-
var templateObject_1$
|
|
3745
|
+
var templateObject_1$j;
|
|
3746
3746
|
|
|
3747
3747
|
var variants$1 = {
|
|
3748
3748
|
PRIMARY: "primary",
|
|
@@ -3808,7 +3808,7 @@ var getOutlineStyles = function (_a) {
|
|
|
3808
3808
|
}
|
|
3809
3809
|
return "";
|
|
3810
3810
|
};
|
|
3811
|
-
var StyledTag = styled.div(templateObject_1$
|
|
3811
|
+
var StyledTag = styled.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 ",
|
|
3812
3812
|
"\n ",
|
|
3813
3813
|
"\n ", "\n ", "\n\n ", "\n"])), function (_a) {
|
|
3814
3814
|
var textTransform = _a.textTransform;
|
|
@@ -3819,7 +3819,7 @@ var StyledTag = styled.div(templateObject_1$j || (templateObject_1$j = __makeTem
|
|
|
3819
3819
|
}), variant$1({
|
|
3820
3820
|
variants: styleVariants,
|
|
3821
3821
|
}), space, typography, getOutlineStyles);
|
|
3822
|
-
var templateObject_1$
|
|
3822
|
+
var templateObject_1$i;
|
|
3823
3823
|
|
|
3824
3824
|
var Tag = function (_a) {
|
|
3825
3825
|
var startIcon = _a.startIcon, endIcon = _a.endIcon, children = _a.children, props = __rest(_a, ["startIcon", "endIcon", "children"]);
|
|
@@ -3844,7 +3844,7 @@ var isTouchDevice = function () {
|
|
|
3844
3844
|
return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
|
|
3845
3845
|
};
|
|
3846
3846
|
|
|
3847
|
-
var Arrow = styled.div(templateObject_1$
|
|
3847
|
+
var Arrow = styled.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) {
|
|
3848
3848
|
var theme = _a.theme;
|
|
3849
3849
|
return theme.tooltip.background;
|
|
3850
3850
|
});
|
|
@@ -3858,7 +3858,7 @@ var StyledTooltip = styled.div(templateObject_2$d || (templateObject_2$d = __mak
|
|
|
3858
3858
|
var theme = _a.theme;
|
|
3859
3859
|
return theme.tooltip.boxShadow;
|
|
3860
3860
|
}, Arrow, Arrow, Arrow, Arrow);
|
|
3861
|
-
var templateObject_1$
|
|
3861
|
+
var templateObject_1$h, templateObject_2$d;
|
|
3862
3862
|
|
|
3863
3863
|
var invertTheme = function (currentTheme) {
|
|
3864
3864
|
if (currentTheme.isDark) {
|
|
@@ -4026,12 +4026,12 @@ var InfoTooltip = function (_a) {
|
|
|
4026
4026
|
React__default.createElement(IconComponent, { iconName: "Info", color: iconColor }))));
|
|
4027
4027
|
};
|
|
4028
4028
|
|
|
4029
|
-
var TimelineContainer = styled.ul(templateObject_1$
|
|
4029
|
+
var TimelineContainer = styled.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"])));
|
|
4030
4030
|
var TimelineEvent = styled.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) {
|
|
4031
4031
|
var theme = _a.theme, $useDark = _a.$useDark;
|
|
4032
4032
|
return ($useDark ? theme.colors.textSubtle : lightColors.textSubtle);
|
|
4033
4033
|
});
|
|
4034
|
-
var templateObject_1$
|
|
4034
|
+
var templateObject_1$g, templateObject_2$c;
|
|
4035
4035
|
|
|
4036
4036
|
var getTextColor$1 = function (_a) {
|
|
4037
4037
|
var eventStatus = _a.eventStatus, useDark = _a.useDark;
|
|
@@ -4254,7 +4254,7 @@ var useKonamiCheatCode = function (matchedCodeHandler) {
|
|
|
4254
4254
|
}, [matchedCodeHandler]);
|
|
4255
4255
|
};
|
|
4256
4256
|
|
|
4257
|
-
var ModalHeader = styled.div(templateObject_1$
|
|
4257
|
+
var ModalHeader = styled.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) {
|
|
4258
4258
|
var background = _a.background;
|
|
4259
4259
|
return background || "transparent";
|
|
4260
4260
|
}, function (_a) {
|
|
@@ -4289,7 +4289,7 @@ var ModalContainer = styled(Box)(templateObject_4$3 || (templateObject_4$3 = __m
|
|
|
4289
4289
|
var minWidth = _a.minWidth;
|
|
4290
4290
|
return minWidth;
|
|
4291
4291
|
});
|
|
4292
|
-
var templateObject_1$
|
|
4292
|
+
var templateObject_1$f, templateObject_2$b, templateObject_3$4, templateObject_4$3;
|
|
4293
4293
|
|
|
4294
4294
|
var Modal = function (_a) {
|
|
4295
4295
|
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"]);
|
|
@@ -4303,7 +4303,7 @@ var Modal = function (_a) {
|
|
|
4303
4303
|
React__default.createElement(ModalBody, { p: bodyPadding }, children)));
|
|
4304
4304
|
};
|
|
4305
4305
|
|
|
4306
|
-
var ModalWrapper = styled.div(templateObject_1$
|
|
4306
|
+
var ModalWrapper = styled.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) {
|
|
4307
4307
|
var theme = _a.theme;
|
|
4308
4308
|
return theme.zIndices.modal - 1;
|
|
4309
4309
|
});
|
|
@@ -4354,7 +4354,7 @@ var ModalProvider = function (_a) {
|
|
|
4354
4354
|
}))),
|
|
4355
4355
|
children));
|
|
4356
4356
|
};
|
|
4357
|
-
var templateObject_1$
|
|
4357
|
+
var templateObject_1$e;
|
|
4358
4358
|
|
|
4359
4359
|
var useModal = function (modal, closeOnOverlayClick, updateOnPropsChange, modalId) {
|
|
4360
4360
|
if (closeOnOverlayClick === void 0) { closeOnOverlayClick = true; }
|
|
@@ -4389,7 +4389,7 @@ var useModal = function (modal, closeOnOverlayClick, updateOnPropsChange, modalI
|
|
|
4389
4389
|
return [onPresentCallback, onDismiss];
|
|
4390
4390
|
};
|
|
4391
4391
|
|
|
4392
|
-
var StyledIconContainer = styled.div(templateObject_1$
|
|
4392
|
+
var StyledIconContainer = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ",
|
|
4393
4393
|
";\n"])), function (_a) {
|
|
4394
4394
|
var activeBackgroundColor = _a.activeBackgroundColor, theme = _a.theme;
|
|
4395
4395
|
return activeBackgroundColor ? theme.colors[activeBackgroundColor] : "transparent";
|
|
@@ -4417,7 +4417,7 @@ var StyledAnimatedIconComponent = styled.div(templateObject_2$a || (templateObje
|
|
|
4417
4417
|
return isActive &&
|
|
4418
4418
|
"\n div:last-child {\n " + (height && hasFillIcon && "height:" + height) + ";\n " + ("width: " + (width || "100%")) + ";\n }\n ";
|
|
4419
4419
|
});
|
|
4420
|
-
var templateObject_1$
|
|
4420
|
+
var templateObject_1$d, templateObject_2$a;
|
|
4421
4421
|
|
|
4422
4422
|
var Icons = IconModule;
|
|
4423
4423
|
var AnimatedIconComponent = function (_a) {
|
|
@@ -4432,12 +4432,12 @@ var AnimatedIconComponent = function (_a) {
|
|
|
4432
4432
|
React__default.createElement(IconElementFill, { color: activeColor }))))) : null;
|
|
4433
4433
|
};
|
|
4434
4434
|
|
|
4435
|
-
var StyledBottomNavItem = styled.button(templateObject_1$
|
|
4435
|
+
var StyledBottomNavItem = styled.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) {
|
|
4436
4436
|
var theme = _a.theme;
|
|
4437
4437
|
return theme.colors.tertiary;
|
|
4438
4438
|
});
|
|
4439
4439
|
var StyledBottomNavText = styled(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"])));
|
|
4440
|
-
var templateObject_1$
|
|
4440
|
+
var templateObject_1$c, templateObject_2$9;
|
|
4441
4441
|
|
|
4442
4442
|
var BottomNavItem = function (_a) {
|
|
4443
4443
|
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"]);
|
|
@@ -4447,7 +4447,7 @@ var BottomNavItem = function (_a) {
|
|
|
4447
4447
|
return showItemsOnMobile ? (React__default.createElement(StyledBottomNavItem, __assign({ type: "button" }, props), bottomNavItemContent)) : (React__default.createElement(StyledBottomNavItem, __assign({ as: Link$1, to: href }, props), bottomNavItemContent));
|
|
4448
4448
|
};
|
|
4449
4449
|
|
|
4450
|
-
var StyledBottomNav = styled(Flex)(templateObject_1$
|
|
4450
|
+
var StyledBottomNav = styled(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) {
|
|
4451
4451
|
var theme = _a.theme;
|
|
4452
4452
|
return theme.colors.backgroundAlt;
|
|
4453
4453
|
}, function (_a) {
|
|
@@ -4458,7 +4458,7 @@ var StyledOverlay = styled.div(templateObject_2$8 || (templateObject_2$8 = __mak
|
|
|
4458
4458
|
var theme = _a.theme;
|
|
4459
4459
|
return theme.colors.text + "99";
|
|
4460
4460
|
});
|
|
4461
|
-
var templateObject_1$
|
|
4461
|
+
var templateObject_1$b, templateObject_2$8;
|
|
4462
4462
|
|
|
4463
4463
|
var getTextColor = function (_a) {
|
|
4464
4464
|
var $isActive = _a.$isActive, disabled = _a.disabled, theme = _a.theme;
|
|
@@ -4468,7 +4468,7 @@ var getTextColor = function (_a) {
|
|
|
4468
4468
|
return theme.colors.secondary;
|
|
4469
4469
|
return theme.colors.textSubtle;
|
|
4470
4470
|
};
|
|
4471
|
-
var DropdownMenuItem = styled.button(templateObject_1$
|
|
4471
|
+
var DropdownMenuItem = styled.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) {
|
|
4472
4472
|
var theme = _a.theme, disabled = _a.disabled, $isActive = _a.$isActive;
|
|
4473
4473
|
return getTextColor({ theme: theme, disabled: disabled, $isActive: $isActive });
|
|
4474
4474
|
}, function (_a) {
|
|
@@ -4511,7 +4511,7 @@ var LinkStatus = styled(Text)(templateObject_5$1 || (templateObject_5$1 = __make
|
|
|
4511
4511
|
var theme = _a.theme, color = _a.color;
|
|
4512
4512
|
return theme.colors[color];
|
|
4513
4513
|
});
|
|
4514
|
-
var templateObject_1$
|
|
4514
|
+
var templateObject_1$a, templateObject_2$7, templateObject_3$3, templateObject_4$2, templateObject_5$1;
|
|
4515
4515
|
|
|
4516
4516
|
var DropdownMenuItemType;
|
|
4517
4517
|
(function (DropdownMenuItemType) {
|
|
@@ -4614,13 +4614,13 @@ var DropdownMenu = function (_a) {
|
|
|
4614
4614
|
};
|
|
4615
4615
|
}, [targetRef, tooltipRef, hideTimeout, isHoveringOverTooltip, setIsOpen, openMenuTimeout, isOpen, isBottomNav]);
|
|
4616
4616
|
useEffect(function () {
|
|
4617
|
-
if (setMenuOpenByIndex && index !== undefined) {
|
|
4617
|
+
if (setMenuOpenByIndex && index !== undefined && showItemsOnMobile) {
|
|
4618
4618
|
setMenuOpenByIndex(function (prevValue) {
|
|
4619
4619
|
var _a;
|
|
4620
4620
|
return (__assign(__assign({}, prevValue), (_a = {}, _a[index] = isOpen, _a)));
|
|
4621
4621
|
});
|
|
4622
4622
|
}
|
|
4623
|
-
}, [isOpen, setMenuOpenByIndex, index]);
|
|
4623
|
+
}, [isOpen, setMenuOpenByIndex, index, showItemsOnMobile]);
|
|
4624
4624
|
return (React__default.createElement(Box, __assign({ style: { display: "flex", alignItems: "center" }, ref: isBottomNav ? null : setTargetRef }, props),
|
|
4625
4625
|
React__default.createElement(Box, { ref: isBottomNav ? setTargetRef : null }, children),
|
|
4626
4626
|
hasItems && (React__default.createElement(StyledDropdownMenu, __assign({ style: styles.popper, ref: setTooltipRef }, attributes.popper, { "$isBottomNav": isBottomNav, "$isOpen": isOpen && ((isBottomNav && showItemsOnMobile) || !isBottomNav) }), items
|
|
@@ -4719,7 +4719,7 @@ var SocialLinks = function (_a) {
|
|
|
4719
4719
|
};
|
|
4720
4720
|
var SocialLinks$1 = React__default.memo(SocialLinks, function () { return true; });
|
|
4721
4721
|
|
|
4722
|
-
var StyledFooter = styled(Flex)(templateObject_1$
|
|
4722
|
+
var StyledFooter = styled(Flex)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), darkColors.backgroundAlt);
|
|
4723
4723
|
var StyledList = styled.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) {
|
|
4724
4724
|
var theme = _a.theme;
|
|
4725
4725
|
return theme.mediaQueries.md;
|
|
@@ -4732,28 +4732,10 @@ var StyledToolsContainer = styled(Flex)(templateObject_5 || (templateObject_5 =
|
|
|
4732
4732
|
});
|
|
4733
4733
|
var StyledSocialLinks = styled(SocialLinks$1)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n"], ["\n border-bottom: 1px solid ", ";\n"])), darkColors.cardBorder);
|
|
4734
4734
|
var StyledText = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), darkColors.text);
|
|
4735
|
-
var templateObject_1$
|
|
4736
|
-
|
|
4737
|
-
var MenuButton = styled(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) {
|
|
4738
|
-
var theme = _a.theme;
|
|
4739
|
-
return theme.colors.text;
|
|
4740
|
-
});
|
|
4741
|
-
MenuButton.defaultProps = {
|
|
4742
|
-
variant: "text",
|
|
4743
|
-
size: "sm",
|
|
4744
|
-
};
|
|
4745
|
-
var templateObject_1$9;
|
|
4746
|
-
|
|
4747
|
-
var LangSelector = function (_a) {
|
|
4748
|
-
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;
|
|
4749
|
-
return (React__default.createElement(Dropdown, { position: dropdownPosition, target: React__default.createElement(Button, { scale: buttonScale, variant: "text", startIcon: React__default.createElement(Icon$1v, { color: color, width: "24px" }) }, !hideLanguage && React__default.createElement(Text, { color: color }, currentLang === null || currentLang === void 0 ? void 0 : currentLang.toUpperCase())) }, langs.map(function (lang) { return (React__default.createElement(MenuButton, { key: lang.locale, fullWidth: true, onClick: function () { return setLang(lang); },
|
|
4750
|
-
// Safari fix
|
|
4751
|
-
style: { minHeight: "32px", height: "auto" } }, lang.language)); })));
|
|
4752
|
-
};
|
|
4753
|
-
var LangSelector$1 = React__default.memo(LangSelector, function (prev, next) { return prev.currentLang === next.currentLang; });
|
|
4735
|
+
var templateObject_1$9, templateObject_2$6, templateObject_3$2, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7;
|
|
4754
4736
|
|
|
4755
4737
|
var MenuItem = function (_a) {
|
|
4756
|
-
var items = _a.items; _a.isDark; _a.toggleTheme;
|
|
4738
|
+
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"]);
|
|
4757
4739
|
return (React__default.createElement(StyledFooter, __assign({ p: ["40px 16px", null, "56px 40px 32px 40px"] }, props, { justifyContent: "center" }),
|
|
4758
4740
|
React__default.createElement(Flex, { flexDirection: "column", width: ["100%", null, "1200px;"] },
|
|
4759
4741
|
React__default.createElement(StyledIconMobileContainer, { display: ["block", null, "none"] },
|
|
@@ -4772,8 +4754,7 @@ var MenuItem = function (_a) {
|
|
|
4772
4754
|
React__default.createElement(Logo$2, { width: "160px" }))),
|
|
4773
4755
|
React__default.createElement(StyledSocialLinks, { order: [2], pb: ["42px", null, "32px"], mb: ["0", null, "32px"] }),
|
|
4774
4756
|
React__default.createElement(StyledToolsContainer, { order: [1, null, 3], flexDirection: ["column", null, "row"], justifyContent: "space-between" },
|
|
4775
|
-
React__default.createElement(Flex, { order: [2, null, 1], alignItems: "center" },
|
|
4776
|
-
React__default.createElement(LangSelector$1, { currentLang: currentLang, langs: langs, setLang: setLang, color: darkColors.textSubtle, dropdownPosition: "top-right" })),
|
|
4757
|
+
React__default.createElement(Flex, { order: [2, null, 1], alignItems: "center" }),
|
|
4777
4758
|
React__default.createElement(Flex, { order: [1, null, 2], mb: ["24px", null, "0"], justifyContent: "space-between", alignItems: "center" },
|
|
4778
4759
|
React__default.createElement(Button, { as: "a", href: "https://pancakeswap.finance/swap?inputCurrency=0xbb4cdb9cbd36b01bd1cbaebf2de08d9173bc095c&outputCurrency=0x70D8d5B3416888fD05e806195312DD2D9597d50C", target: "_blank", scale: "sm", endIcon: React__default.createElement(Icon$24, { color: lightColors.backgroundAlt }) }, "Buy MEXI"))))));
|
|
4779
4760
|
};
|