@veniceswap/uikit 0.61.0 → 0.64.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Spinner/Animate.d.ts +3 -0
- package/dist/index.cjs.js +154 -134
- package/dist/index.esm.js +154 -134
- package/dist/theme/base.d.ts +10 -0
- package/dist/theme/index.d.ts +2 -1
- package/dist/theme/types.d.ts +5 -0
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -101,7 +101,7 @@ var getThemeValue = function (path, fallback) {
|
|
|
101
101
|
};
|
|
102
102
|
};
|
|
103
103
|
|
|
104
|
-
var rotate$1 = styled.keyframes(templateObject_1$
|
|
104
|
+
var rotate$1 = styled.keyframes(templateObject_1$1b || (templateObject_1$1b = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
105
105
|
var spinStyle = styled.css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n animation: ", " 2s linear infinite;\n"], ["\n animation: ", " 2s linear infinite;\n"])), rotate$1);
|
|
106
106
|
var Svg = styled__default['default'].svg(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n align-self: center; // Safari fix\n fill: ", ";\n flex-shrink: 0;\n ", "\n ", "\n"], ["\n align-self: center; // Safari fix\n fill: ", ";\n flex-shrink: 0;\n ", "\n ", "\n"])), function (_a) {
|
|
107
107
|
var theme = _a.theme, color = _a.color;
|
|
@@ -116,7 +116,7 @@ Svg.defaultProps = {
|
|
|
116
116
|
xmlns: "http://www.w3.org/2000/svg",
|
|
117
117
|
spin: false,
|
|
118
118
|
};
|
|
119
|
-
var templateObject_1$
|
|
119
|
+
var templateObject_1$1b, templateObject_2$z, templateObject_3$f;
|
|
120
120
|
|
|
121
121
|
var Icon$2g = function (props) {
|
|
122
122
|
return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
|
|
@@ -146,7 +146,7 @@ var getFontSize = function (_a) {
|
|
|
146
146
|
var fontSize = _a.fontSize, small = _a.small;
|
|
147
147
|
return small ? "14px" : fontSize || "16px";
|
|
148
148
|
};
|
|
149
|
-
var Text = styled__default['default'].div(templateObject_1$
|
|
149
|
+
var Text = styled__default['default'].div(templateObject_1$1a || (templateObject_1$1a = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ", "\n\n ", "\n ", "\n ", "\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ",
|
|
150
150
|
"\n\n ", "\n ", "\n ", "\n"])), getColor, getFontSize, function (_a) {
|
|
151
151
|
var bold = _a.bold;
|
|
152
152
|
return (bold ? 600 : 400);
|
|
@@ -163,13 +163,13 @@ Text.defaultProps = {
|
|
|
163
163
|
small: false,
|
|
164
164
|
ellipsis: false,
|
|
165
165
|
};
|
|
166
|
-
var templateObject_1$
|
|
166
|
+
var templateObject_1$1a;
|
|
167
167
|
|
|
168
|
-
var TooltipText = styled__default['default'](Text)(templateObject_1$
|
|
168
|
+
var TooltipText = styled__default['default'](Text)(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n text-decoration: ", ";\n text-underline-offset: 0.1em;\n"], ["\n text-decoration: ", ";\n text-underline-offset: 0.1em;\n"])), function (_a) {
|
|
169
169
|
var theme = _a.theme;
|
|
170
170
|
return "underline dotted " + theme.colors.textSubtle;
|
|
171
171
|
});
|
|
172
|
-
var templateObject_1$
|
|
172
|
+
var templateObject_1$19;
|
|
173
173
|
|
|
174
174
|
var getExternalLinkProps = function () { return ({
|
|
175
175
|
target: "_blank",
|
|
@@ -268,7 +268,7 @@ var getOpacity = function (_a) {
|
|
|
268
268
|
var _b = _a.$isLoading, $isLoading = _b === void 0 ? false : _b;
|
|
269
269
|
return $isLoading ? ".5" : "1";
|
|
270
270
|
};
|
|
271
|
-
var StyledButton = styled__default['default'].button(templateObject_1$
|
|
271
|
+
var StyledButton = styled__default['default'].button(templateObject_1$18 || (templateObject_1$18 = __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 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 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 ",
|
|
272
272
|
"\n ",
|
|
273
273
|
"\n ", "\n ", "\n"])), getOpacity, getDisabledStyles, styledSystem.variant({
|
|
274
274
|
prop: "scale",
|
|
@@ -276,7 +276,7 @@ var StyledButton = styled__default['default'].button(templateObject_1$17 || (tem
|
|
|
276
276
|
}), styledSystem.variant({
|
|
277
277
|
variants: styleVariants$2,
|
|
278
278
|
}), styledSystem.layout, styledSystem.space);
|
|
279
|
-
var templateObject_1$
|
|
279
|
+
var templateObject_1$18;
|
|
280
280
|
|
|
281
281
|
var Button = function (props) {
|
|
282
282
|
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"]);
|
|
@@ -309,11 +309,11 @@ Button.defaultProps = {
|
|
|
309
309
|
disabled: false,
|
|
310
310
|
};
|
|
311
311
|
|
|
312
|
-
var IconButton = styled__default['default'](Button)(templateObject_1$
|
|
312
|
+
var IconButton = styled__default['default'](Button)(templateObject_1$17 || (templateObject_1$17 = __makeTemplateObject(["\n padding: 0;\n width: ", ";\n"], ["\n padding: 0;\n width: ", ";\n"])), function (_a) {
|
|
313
313
|
var scale = _a.scale;
|
|
314
314
|
return (scale === "sm" ? "32px" : "48px");
|
|
315
315
|
});
|
|
316
|
-
var templateObject_1$
|
|
316
|
+
var templateObject_1$17;
|
|
317
317
|
|
|
318
318
|
var Icon$2c = function (props) { return (React__default['default'].createElement(Svg, __assign({ viewBox: "0 0 24 24" }, props),
|
|
319
319
|
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 14.2619C9.69993 14.2619 7.57238 14.6197 5.98327 15.2327C5.19201 15.5379 4.48317 15.9258 3.95486 16.4076C3.42611 16.8898 3 17.544 3 18.3476C3 20.0992 4.33478 21.5622 6.07901 21.7223L6.21662 21.735C10.0641 22.0883 13.9359 22.0883 17.7834 21.735L17.921 21.7223C19.6652 21.5622 21 20.0992 21 18.3476C21 17.544 20.5739 16.8898 20.0451 16.4076C19.5168 15.9258 18.808 15.5379 18.0167 15.2327C16.4276 14.6197 14.3001 14.2619 12 14.2619ZM5 18.3476C5 18.2991 5.0216 18.1416 5.3025 17.8854C5.58383 17.6289 6.04656 17.3519 6.70302 17.0987C8.00934 16.5948 9.88179 16.2619 12 16.2619C14.1182 16.2619 15.9907 16.5948 17.297 17.0987C17.9534 17.3519 18.4162 17.6289 18.6975 17.8854C18.9784 18.1416 19 18.2991 19 18.3476C19 19.0655 18.453 19.6651 17.7381 19.7307L17.6005 19.7434C13.8747 20.0855 10.1253 20.0855 6.39952 19.7434L6.26191 19.7307C5.54705 19.6651 5 19.0655 5 18.3476Z" }),
|
|
@@ -1627,11 +1627,11 @@ ExpandableLabel.defaultProps = {
|
|
|
1627
1627
|
expanded: false,
|
|
1628
1628
|
};
|
|
1629
1629
|
|
|
1630
|
-
var Box = styled__default['default'].div(templateObject_1$
|
|
1631
|
-
var templateObject_1$
|
|
1630
|
+
var Box = styled__default['default'].div(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), styledSystem.background, styledSystem.border, styledSystem.layout, styledSystem.position, styledSystem.space);
|
|
1631
|
+
var templateObject_1$16;
|
|
1632
1632
|
|
|
1633
|
-
var Flex = styled__default['default'](Box)(templateObject_1$
|
|
1634
|
-
var templateObject_1$
|
|
1633
|
+
var Flex = styled__default['default'](Box)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), styledSystem.flexbox);
|
|
1634
|
+
var templateObject_1$15;
|
|
1635
1635
|
|
|
1636
1636
|
var variants$5 = {
|
|
1637
1637
|
INFO: "info",
|
|
@@ -1668,7 +1668,7 @@ var getIcon = function (variant) {
|
|
|
1668
1668
|
return Icon$2d;
|
|
1669
1669
|
}
|
|
1670
1670
|
};
|
|
1671
|
-
var IconLabel = styled__default['default'].div(templateObject_1$
|
|
1671
|
+
var IconLabel = styled__default['default'].div(templateObject_1$14 || (templateObject_1$14 = __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) {
|
|
1672
1672
|
var theme = _a.theme;
|
|
1673
1673
|
return theme.alert.background;
|
|
1674
1674
|
});
|
|
@@ -1695,10 +1695,10 @@ var Alert = function (_a) {
|
|
|
1695
1695
|
React__default['default'].createElement(IconButton, { scale: "sm", variant: "text", onClick: onClick },
|
|
1696
1696
|
React__default['default'].createElement(Icon$1K, { width: "24px", color: "currentColor" }))))));
|
|
1697
1697
|
};
|
|
1698
|
-
var templateObject_1$
|
|
1698
|
+
var templateObject_1$14, templateObject_2$y, templateObject_3$e, templateObject_4$b;
|
|
1699
1699
|
|
|
1700
|
-
var Grid = styled__default['default'](Box)(templateObject_1$
|
|
1701
|
-
var templateObject_1$
|
|
1700
|
+
var Grid = styled__default['default'](Box)(templateObject_1$13 || (templateObject_1$13 = __makeTemplateObject(["\n display: grid;\n ", "\n ", "\n"], ["\n display: grid;\n ", "\n ", "\n"])), styledSystem.flexbox, styledSystem.grid);
|
|
1701
|
+
var templateObject_1$13;
|
|
1702
1702
|
|
|
1703
1703
|
var scales$7 = {
|
|
1704
1704
|
SM: "sm",
|
|
@@ -1731,7 +1731,7 @@ var getHeight = function (_a) {
|
|
|
1731
1731
|
return "40px";
|
|
1732
1732
|
}
|
|
1733
1733
|
};
|
|
1734
|
-
var Input$1 = styled__default['default'].input(templateObject_1$
|
|
1734
|
+
var Input$1 = styled__default['default'].input(templateObject_1$12 || (templateObject_1$12 = __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) {
|
|
1735
1735
|
var theme = _a.theme;
|
|
1736
1736
|
return theme.colors.input;
|
|
1737
1737
|
}, getBoxShadow, function (_a) {
|
|
@@ -1758,9 +1758,9 @@ Input$1.defaultProps = {
|
|
|
1758
1758
|
isSuccess: false,
|
|
1759
1759
|
isWarning: false,
|
|
1760
1760
|
};
|
|
1761
|
-
var templateObject_1$
|
|
1761
|
+
var templateObject_1$12;
|
|
1762
1762
|
|
|
1763
|
-
var SwitchUnitsButton = styled__default['default'](IconButton)(templateObject_1$
|
|
1763
|
+
var SwitchUnitsButton = styled__default['default'](IconButton)(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n width: 16px;\n"], ["\n width: 16px;\n"])));
|
|
1764
1764
|
var UnitContainer = styled__default['default'](Text)(templateObject_2$x || (templateObject_2$x = __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) {
|
|
1765
1765
|
var theme = _a.theme;
|
|
1766
1766
|
return theme.colors.textSubtle;
|
|
@@ -1782,7 +1782,7 @@ var StyledInput$1 = styled__default['default'](Input$1)(templateObject_4$a || (t
|
|
|
1782
1782
|
var theme = _a.theme;
|
|
1783
1783
|
return theme.colors.textSubtle;
|
|
1784
1784
|
});
|
|
1785
|
-
var templateObject_1$
|
|
1785
|
+
var templateObject_1$11, templateObject_2$x, templateObject_3$d, templateObject_4$a;
|
|
1786
1786
|
|
|
1787
1787
|
var BalanceInput = function (_a) {
|
|
1788
1788
|
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"]);
|
|
@@ -1813,7 +1813,7 @@ var Textfield = function (_a) {
|
|
|
1813
1813
|
React__default['default'].createElement(StyledInput$1, __assign({ value: value, onChange: handleOnChange, placeholder: placeholder, textAlign: "left" }, inputProps))));
|
|
1814
1814
|
};
|
|
1815
1815
|
|
|
1816
|
-
var Separator = styled__default['default'].div(templateObject_1
|
|
1816
|
+
var Separator = styled__default['default'].div(templateObject_1$10 || (templateObject_1$10 = __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) {
|
|
1817
1817
|
var theme = _a.theme;
|
|
1818
1818
|
return theme.colors.textDisabled;
|
|
1819
1819
|
}, function (_a) {
|
|
@@ -1848,7 +1848,7 @@ var Breadcrumbs = function (_a) {
|
|
|
1848
1848
|
var items = insertSeparators(validItems, separator);
|
|
1849
1849
|
return (React__default['default'].createElement(StyledBreadcrumbs, null, items.map(function (item, index) { return (React__default['default'].createElement("li", { key: "child-" + index }, item)); })));
|
|
1850
1850
|
};
|
|
1851
|
-
var templateObject_1
|
|
1851
|
+
var templateObject_1$10, templateObject_2$w;
|
|
1852
1852
|
|
|
1853
1853
|
var getBackgroundColor = function (_a) {
|
|
1854
1854
|
var theme = _a.theme, variant = _a.variant;
|
|
@@ -1858,7 +1858,7 @@ var getBorderColor$1 = function (_a) {
|
|
|
1858
1858
|
var theme = _a.theme, variant = _a.variant;
|
|
1859
1859
|
return theme.colors[variant === variants$6.SUBTLE ? "inputSecondary" : "disabled"];
|
|
1860
1860
|
};
|
|
1861
|
-
var StyledButtonMenu = styled__default['default'].div(templateObject_1
|
|
1861
|
+
var StyledButtonMenu = styled__default['default'].div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 16px;\n display: ", ";\n border: 1px solid ", ";\n width: ", ";\n\n & > button,\n & > a {\n flex: ", ";\n }\n\n & > button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n\n & > button,\n & a {\n box-shadow: none;\n }\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border-radius: 16px;\n display: ", ";\n border: 1px solid ", ";\n width: ", ";\n\n & > button,\n & > a {\n flex: ", ";\n }\n\n & > button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n\n & > button,\n & a {\n box-shadow: none;\n }\n\n ",
|
|
1862
1862
|
"\n ", "\n"])), getBackgroundColor, function (_a) {
|
|
1863
1863
|
var fullWidth = _a.fullWidth;
|
|
1864
1864
|
return (fullWidth ? "flex" : "inline-flex");
|
|
@@ -1887,9 +1887,9 @@ var ButtonMenu$1 = function (_a) {
|
|
|
1887
1887
|
});
|
|
1888
1888
|
})));
|
|
1889
1889
|
};
|
|
1890
|
-
var templateObject_1
|
|
1890
|
+
var templateObject_1$$;
|
|
1891
1891
|
|
|
1892
|
-
var InactiveButton = styled__default['default'](Button)(templateObject_1$
|
|
1892
|
+
var InactiveButton = styled__default['default'](Button)(templateObject_1$_ || (templateObject_1$_ = __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) {
|
|
1893
1893
|
var theme = _a.theme, variant = _a.variant;
|
|
1894
1894
|
return (variant === variants$6.PRIMARY ? theme.colors.primary : theme.colors.textSubtle);
|
|
1895
1895
|
});
|
|
@@ -1900,9 +1900,9 @@ var ButtonMenuItem = function (_a) {
|
|
|
1900
1900
|
}
|
|
1901
1901
|
return React__default['default'].createElement(Button, __assign({ as: as, variant: variant }, props));
|
|
1902
1902
|
};
|
|
1903
|
-
var templateObject_1$
|
|
1903
|
+
var templateObject_1$_;
|
|
1904
1904
|
|
|
1905
|
-
var PromotedGradient = styled.keyframes(templateObject_1$
|
|
1905
|
+
var PromotedGradient = styled.keyframes(templateObject_1$Z || (templateObject_1$Z = __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"])));
|
|
1906
1906
|
/**
|
|
1907
1907
|
* Priority: Warning --> Success --> Active
|
|
1908
1908
|
*/
|
|
@@ -1949,7 +1949,7 @@ StyledCard.defaultProps = {
|
|
|
1949
1949
|
isWarning: false,
|
|
1950
1950
|
isDisabled: false,
|
|
1951
1951
|
};
|
|
1952
|
-
var templateObject_1$
|
|
1952
|
+
var templateObject_1$Z, templateObject_2$v, templateObject_3$c, templateObject_4$9;
|
|
1953
1953
|
|
|
1954
1954
|
var Card = function (_a) {
|
|
1955
1955
|
var ribbon = _a.ribbon, children = _a.children, background = _a.background, props = __rest(_a, ["ribbon", "children", "background"]);
|
|
@@ -1959,13 +1959,13 @@ var Card = function (_a) {
|
|
|
1959
1959
|
children)));
|
|
1960
1960
|
};
|
|
1961
1961
|
|
|
1962
|
-
var CardBody = styled__default['default'].div(templateObject_1$
|
|
1962
|
+
var CardBody = styled__default['default'].div(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styledSystem.space);
|
|
1963
1963
|
CardBody.defaultProps = {
|
|
1964
1964
|
p: "24px",
|
|
1965
1965
|
};
|
|
1966
|
-
var templateObject_1$
|
|
1966
|
+
var templateObject_1$Y;
|
|
1967
1967
|
|
|
1968
|
-
var CardHeader = styled__default['default'].div(templateObject_1$
|
|
1968
|
+
var CardHeader = styled__default['default'].div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n background: ", ";\n border-radius: ", ";\n ", "\n"], ["\n background: ", ";\n border-radius: ", ";\n ", "\n"])), function (_a) {
|
|
1969
1969
|
var theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? "default" : _b;
|
|
1970
1970
|
return theme.card.cardHeaderBackground[variant];
|
|
1971
1971
|
}, function (_a) {
|
|
@@ -1975,18 +1975,18 @@ var CardHeader = styled__default['default'].div(templateObject_1$W || (templateO
|
|
|
1975
1975
|
CardHeader.defaultProps = {
|
|
1976
1976
|
p: "24px",
|
|
1977
1977
|
};
|
|
1978
|
-
var templateObject_1$
|
|
1978
|
+
var templateObject_1$X;
|
|
1979
1979
|
|
|
1980
|
-
var CardFooter = styled__default['default'].div(templateObject_1$
|
|
1980
|
+
var CardFooter = styled__default['default'].div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n border-top: 1px solid ", ";\n ", "\n"], ["\n border-top: 1px solid ", ";\n ", "\n"])), function (_a) {
|
|
1981
1981
|
var theme = _a.theme;
|
|
1982
1982
|
return theme.colors.cardBorder;
|
|
1983
1983
|
}, styledSystem.space);
|
|
1984
1984
|
CardFooter.defaultProps = {
|
|
1985
1985
|
p: "24px",
|
|
1986
1986
|
};
|
|
1987
|
-
var templateObject_1$
|
|
1987
|
+
var templateObject_1$W;
|
|
1988
1988
|
|
|
1989
|
-
var StyledCardRibbon = styled__default['default'].div(templateObject_1$
|
|
1989
|
+
var StyledCardRibbon = styled__default['default'].div(templateObject_1$V || (templateObject_1$V = __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: ",
|
|
1990
1990
|
";\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) {
|
|
1991
1991
|
var _b = _a.variantColor, variantColor = _b === void 0 ? "secondary" : _b, theme = _a.theme;
|
|
1992
1992
|
return theme.colors[variantColor];
|
|
@@ -2010,7 +2010,7 @@ var CardRibbon = function (_a) {
|
|
|
2010
2010
|
CardRibbon.defaultProps = {
|
|
2011
2011
|
ribbonPosition: "right",
|
|
2012
2012
|
};
|
|
2013
|
-
var templateObject_1$
|
|
2013
|
+
var templateObject_1$V;
|
|
2014
2014
|
|
|
2015
2015
|
var animation = {
|
|
2016
2016
|
WAVES: "waves",
|
|
@@ -2021,7 +2021,7 @@ var variant = {
|
|
|
2021
2021
|
CIRCLE: "circle",
|
|
2022
2022
|
};
|
|
2023
2023
|
|
|
2024
|
-
var waves = styled.keyframes(templateObject_1$
|
|
2024
|
+
var waves = styled.keyframes(templateObject_1$U || (templateObject_1$U = __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"])));
|
|
2025
2025
|
var pulse = styled.keyframes(templateObject_2$u || (templateObject_2$u = __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"])));
|
|
2026
2026
|
var Root = styled__default['default'].div(templateObject_3$b || (templateObject_3$b = __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) {
|
|
2027
2027
|
var theme = _a.theme;
|
|
@@ -2039,9 +2039,9 @@ var Skeleton = function (_a) {
|
|
|
2039
2039
|
}
|
|
2040
2040
|
return React__default['default'].createElement(Pulse, __assign({ variant: variant$1 }, props));
|
|
2041
2041
|
};
|
|
2042
|
-
var templateObject_1$
|
|
2042
|
+
var templateObject_1$U, templateObject_2$u, templateObject_3$b, templateObject_4$8, templateObject_5$5;
|
|
2043
2043
|
|
|
2044
|
-
var PriceLink = styled__default['default'].a(templateObject_1$
|
|
2044
|
+
var PriceLink = styled__default['default'].a(templateObject_1$T || (templateObject_1$T = __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"])));
|
|
2045
2045
|
var CakePrice = function (_a) {
|
|
2046
2046
|
var cakePriceUsd = _a.cakePriceUsd, _b = _a.color, color = _b === void 0 ? "textSubtle" : _b;
|
|
2047
2047
|
return cakePriceUsd ? (React__default['default'].createElement(PriceLink, { href: "https://pancakeswap.finance/swap?outputCurrency=0x0e09fabb73bd3ade0a17ecc321fd13a19e81ce82", target: "_blank" },
|
|
@@ -2049,7 +2049,7 @@ var CakePrice = function (_a) {
|
|
|
2049
2049
|
React__default['default'].createElement(Text, { color: color, bold: true }, "$" + cakePriceUsd.toFixed(3)))) : (React__default['default'].createElement(Skeleton, { width: 80, height: 24 }));
|
|
2050
2050
|
};
|
|
2051
2051
|
var CakePrice$1 = React__default['default'].memo(CakePrice);
|
|
2052
|
-
var templateObject_1$
|
|
2052
|
+
var templateObject_1$T;
|
|
2053
2053
|
|
|
2054
2054
|
var scales$6 = {
|
|
2055
2055
|
SM: "sm",
|
|
@@ -2066,7 +2066,7 @@ var getScale$3 = function (_a) {
|
|
|
2066
2066
|
return "32px";
|
|
2067
2067
|
}
|
|
2068
2068
|
};
|
|
2069
|
-
var Checkbox = styled__default['default'].input.attrs({ type: "checkbox" })(templateObject_1$
|
|
2069
|
+
var Checkbox = styled__default['default'].input.attrs({ type: "checkbox" })(templateObject_1$S || (templateObject_1$S = __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$3, getScale$3, function (_a) {
|
|
2070
2070
|
var theme = _a.theme;
|
|
2071
2071
|
return theme.colors.input;
|
|
2072
2072
|
}, function (_a) {
|
|
@@ -2085,7 +2085,7 @@ var Checkbox = styled__default['default'].input.attrs({ type: "checkbox" })(temp
|
|
|
2085
2085
|
Checkbox.defaultProps = {
|
|
2086
2086
|
scale: scales$6.MD,
|
|
2087
2087
|
};
|
|
2088
|
-
var templateObject_1$
|
|
2088
|
+
var templateObject_1$S;
|
|
2089
2089
|
|
|
2090
2090
|
var getLeft = function (_a) {
|
|
2091
2091
|
var position = _a.position;
|
|
@@ -2101,7 +2101,7 @@ var getBottom = function (_a) {
|
|
|
2101
2101
|
}
|
|
2102
2102
|
return "auto";
|
|
2103
2103
|
};
|
|
2104
|
-
var DropdownContent = styled__default['default'].div(templateObject_1$
|
|
2104
|
+
var DropdownContent = styled__default['default'].div(templateObject_1$R || (templateObject_1$R = __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) {
|
|
2105
2105
|
var theme = _a.theme;
|
|
2106
2106
|
return theme.nav.background;
|
|
2107
2107
|
}, function (_a) {
|
|
@@ -2124,9 +2124,9 @@ var Dropdown = function (_a) {
|
|
|
2124
2124
|
Dropdown.defaultProps = {
|
|
2125
2125
|
position: "bottom",
|
|
2126
2126
|
};
|
|
2127
|
-
var templateObject_1$
|
|
2127
|
+
var templateObject_1$R, templateObject_2$t;
|
|
2128
2128
|
|
|
2129
|
-
var bunnyFall = styled.keyframes(templateObject_1$
|
|
2129
|
+
var bunnyFall = styled.keyframes(templateObject_1$Q || (templateObject_1$Q = __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"])));
|
|
2130
2130
|
var Bunny = styled__default['default'].div(templateObject_2$s || (templateObject_2$s = __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) {
|
|
2131
2131
|
var position = _a.position;
|
|
2132
2132
|
return position + "vw";
|
|
@@ -2164,7 +2164,7 @@ var FallingBunnies = function (_a) {
|
|
|
2164
2164
|
React__default['default'].createElement(Icon$1p, { width: size, height: size }))); });
|
|
2165
2165
|
return React__default['default'].createElement("div", null, bunnies);
|
|
2166
2166
|
};
|
|
2167
|
-
var templateObject_1$
|
|
2167
|
+
var templateObject_1$Q, templateObject_2$s;
|
|
2168
2168
|
|
|
2169
2169
|
var tags = {
|
|
2170
2170
|
H1: "h1",
|
|
@@ -2200,7 +2200,7 @@ var style = (_a$3 = {},
|
|
|
2200
2200
|
fontSizeLg: "64px",
|
|
2201
2201
|
},
|
|
2202
2202
|
_a$3);
|
|
2203
|
-
var Heading = styled__default['default'](Text).attrs({ bold: true })(templateObject_1$
|
|
2203
|
+
var Heading = styled__default['default'](Text).attrs({ bold: true })(templateObject_1$P || (templateObject_1$P = __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) {
|
|
2204
2204
|
var scale = _a.scale;
|
|
2205
2205
|
return style[scale || scales$5.MD].fontSize;
|
|
2206
2206
|
}, function (_a) {
|
|
@@ -2213,7 +2213,7 @@ var Heading = styled__default['default'](Text).attrs({ bold: true })(templateObj
|
|
|
2213
2213
|
Heading.defaultProps = {
|
|
2214
2214
|
as: tags.H2,
|
|
2215
2215
|
};
|
|
2216
|
-
var templateObject_1$
|
|
2216
|
+
var templateObject_1$P;
|
|
2217
2217
|
|
|
2218
2218
|
var observerOptions = {
|
|
2219
2219
|
root: null,
|
|
@@ -2221,7 +2221,7 @@ var observerOptions = {
|
|
|
2221
2221
|
threshold: 0,
|
|
2222
2222
|
};
|
|
2223
2223
|
|
|
2224
|
-
var StyledWrapper = styled__default['default'].div(templateObject_1$
|
|
2224
|
+
var StyledWrapper = styled__default['default'].div(templateObject_1$O || (templateObject_1$O = __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) {
|
|
2225
2225
|
var $height = _a.$height;
|
|
2226
2226
|
return $height;
|
|
2227
2227
|
}, function (_a) {
|
|
@@ -2231,16 +2231,16 @@ var StyledWrapper = styled__default['default'].div(templateObject_1$N || (templa
|
|
|
2231
2231
|
var $width = _a.$width, $height = _a.$height;
|
|
2232
2232
|
return ($height / $width) * 100;
|
|
2233
2233
|
}, styledSystem.space);
|
|
2234
|
-
var Wrapper$
|
|
2234
|
+
var Wrapper$4 = React.forwardRef(function (_a, ref) {
|
|
2235
2235
|
var width = _a.width, height = _a.height, props = __rest(_a, ["width", "height"]);
|
|
2236
2236
|
return React__default['default'].createElement(StyledWrapper, __assign({ ref: ref, "$width": width, "$height": height }, props));
|
|
2237
2237
|
});
|
|
2238
|
-
var templateObject_1$
|
|
2238
|
+
var templateObject_1$O;
|
|
2239
2239
|
|
|
2240
|
-
var Placeholder = styled__default['default'].div(templateObject_1$
|
|
2241
|
-
var templateObject_1$
|
|
2240
|
+
var Placeholder = styled__default['default'].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"], ["\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n"])));
|
|
2241
|
+
var templateObject_1$N;
|
|
2242
2242
|
|
|
2243
|
-
var StyledBackgroundImage = styled__default['default'](Wrapper$
|
|
2243
|
+
var StyledBackgroundImage = styled__default['default'](Wrapper$4)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n background-repeat: no-repeat;\n background-size: contain;\n"], ["\n background-repeat: no-repeat;\n background-size: contain;\n"])));
|
|
2244
2244
|
var BackgroundImage = function (_a) {
|
|
2245
2245
|
var loadingPlaceholder = _a.loadingPlaceholder, src = _a.src, width = _a.width, height = _a.height, props = __rest(_a, ["loadingPlaceholder", "src", "width", "height"]);
|
|
2246
2246
|
var _b = React.useState(false), isLoaded = _b[0], setIsLoaded = _b[1];
|
|
@@ -2277,9 +2277,9 @@ var BackgroundImage = function (_a) {
|
|
|
2277
2277
|
}, [src, setIsLoaded]);
|
|
2278
2278
|
return (React__default['default'].createElement(StyledBackgroundImage, __assign({ ref: ref, width: width, height: height }, props), !isLoaded && placeholder));
|
|
2279
2279
|
};
|
|
2280
|
-
var templateObject_1$
|
|
2280
|
+
var templateObject_1$M;
|
|
2281
2281
|
|
|
2282
|
-
var StyledImage = styled__default['default'].img(templateObject_1$
|
|
2282
|
+
var StyledImage = styled__default['default'].img(templateObject_1$L || (templateObject_1$L = __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"])));
|
|
2283
2283
|
var Image = function (_a) {
|
|
2284
2284
|
var src = _a.src, alt = _a.alt, width = _a.width, height = _a.height, props = __rest(_a, ["src", "alt", "width", "height"]);
|
|
2285
2285
|
var imgRef = React.useRef(null);
|
|
@@ -2304,12 +2304,12 @@ var Image = function (_a) {
|
|
|
2304
2304
|
}
|
|
2305
2305
|
};
|
|
2306
2306
|
}, [src]);
|
|
2307
|
-
return (React__default['default'].createElement(Wrapper$
|
|
2307
|
+
return (React__default['default'].createElement(Wrapper$4, __assign({ ref: imgRef, height: height, width: width }, props), isLoaded ? React__default['default'].createElement(StyledImage, { src: src, alt: alt }) : React__default['default'].createElement(Placeholder, null)));
|
|
2308
2308
|
};
|
|
2309
|
-
var templateObject_1$
|
|
2309
|
+
var templateObject_1$L;
|
|
2310
2310
|
|
|
2311
|
-
var TokenImage = styled__default['default'](Image)(templateObject_1$
|
|
2312
|
-
var templateObject_1$
|
|
2311
|
+
var TokenImage = styled__default['default'](Image)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n &:before {\n border-radius: 50%;\n border: 1px solid rgba(0, 0, 0, 0.25);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 7;\n }\n"], ["\n &:before {\n border-radius: 50%;\n border: 1px solid rgba(0, 0, 0, 0.25);\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 7;\n }\n"])));
|
|
2312
|
+
var templateObject_1$K;
|
|
2313
2313
|
|
|
2314
2314
|
var variants$4 = {
|
|
2315
2315
|
DEFAULT: "default",
|
|
@@ -2317,7 +2317,7 @@ var variants$4 = {
|
|
|
2317
2317
|
};
|
|
2318
2318
|
|
|
2319
2319
|
var _a$2, _b$2;
|
|
2320
|
-
var StyledPrimaryImage = styled__default['default'](TokenImage)(templateObject_1$
|
|
2320
|
+
var StyledPrimaryImage = styled__default['default'](TokenImage)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n position: absolute;\n width: ", "; // 92, 82 are arbitrary numbers to fit the variant\n\n ", "\n"], ["\n position: absolute;\n width: ",
|
|
2321
2321
|
"; // 92, 82 are arbitrary numbers to fit the variant\n\n ",
|
|
2322
2322
|
"\n"])), function (_a) {
|
|
2323
2323
|
var variant = _a.variant;
|
|
@@ -2359,20 +2359,20 @@ var StyledSecondaryImage = styled__default['default'](TokenImage)(templateObject
|
|
|
2359
2359
|
},
|
|
2360
2360
|
_b$2),
|
|
2361
2361
|
}));
|
|
2362
|
-
var templateObject_1$
|
|
2362
|
+
var templateObject_1$J, templateObject_2$r;
|
|
2363
2363
|
|
|
2364
2364
|
var TokenPairImage = function (_a) {
|
|
2365
2365
|
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"]);
|
|
2366
2366
|
var secondaryImageSize = Math.floor(width / 2);
|
|
2367
|
-
return (React__default['default'].createElement(Wrapper$
|
|
2367
|
+
return (React__default['default'].createElement(Wrapper$4, __assign({ position: "relative", width: width, height: height }, props),
|
|
2368
2368
|
React__default['default'].createElement(StyledPrimaryImage, __assign({ variant: variant, src: primarySrc, width: width, height: height }, primaryImageProps)),
|
|
2369
2369
|
React__default['default'].createElement(StyledSecondaryImage, __assign({ variant: variant, src: secondarySrc, width: secondaryImageSize, height: secondaryImageSize }, secondaryImageProps))));
|
|
2370
2370
|
};
|
|
2371
2371
|
|
|
2372
|
-
var StyledProfileAvatar = styled__default['default'](BackgroundImage)(templateObject_1$
|
|
2372
|
+
var StyledProfileAvatar = styled__default['default'](BackgroundImage)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n border-radius: 50%;\n"], ["\n border-radius: 50%;\n"])));
|
|
2373
2373
|
var StyledBunnyPlaceholder = styled__default['default'](Icon$1X)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n"], ["\n height: 100%;\n width: 100%;\n"])));
|
|
2374
2374
|
var ProfileAvatar = function (props) { return (React__default['default'].createElement(StyledProfileAvatar, __assign({ loadingPlaceholder: React__default['default'].createElement(StyledBunnyPlaceholder, null) }, props))); };
|
|
2375
|
-
var templateObject_1$
|
|
2375
|
+
var templateObject_1$I, templateObject_2$q;
|
|
2376
2376
|
|
|
2377
2377
|
var getPadding$1 = function (scale, hasIcon) {
|
|
2378
2378
|
if (!hasIcon) {
|
|
@@ -2388,7 +2388,7 @@ var getPadding$1 = function (scale, hasIcon) {
|
|
|
2388
2388
|
return "48px";
|
|
2389
2389
|
}
|
|
2390
2390
|
};
|
|
2391
|
-
var StyledInputGroup = styled__default['default'](Box)(templateObject_1$
|
|
2391
|
+
var StyledInputGroup = styled__default['default'](Box)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n ", " {\n padding-left: ", ";\n padding-right: ", ";\n }\n"], ["\n ", " {\n padding-left: ", ";\n padding-right: ", ";\n }\n"])), Input$1, function (_a) {
|
|
2392
2392
|
var hasStartIcon = _a.hasStartIcon, scale = _a.scale;
|
|
2393
2393
|
return getPadding$1(scale, hasStartIcon);
|
|
2394
2394
|
}, function (_a) {
|
|
@@ -2409,9 +2409,9 @@ var InputGroup = function (_a) {
|
|
|
2409
2409
|
React.cloneElement(children, { scale: scale }),
|
|
2410
2410
|
endIcon && (React__default['default'].createElement(InputIcon, { scale: scale, isEndIcon: true }, endIcon))));
|
|
2411
2411
|
};
|
|
2412
|
-
var templateObject_1$
|
|
2412
|
+
var templateObject_1$H, templateObject_2$p;
|
|
2413
2413
|
|
|
2414
|
-
var GridLayout$1 = styled__default['default'](Grid)(templateObject_1$
|
|
2414
|
+
var GridLayout$1 = styled__default['default'](Grid)(templateObject_1$G || (templateObject_1$G = __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) {
|
|
2415
2415
|
var theme = _a.theme;
|
|
2416
2416
|
return theme.mediaQueries.sm;
|
|
2417
2417
|
}, function (_a) {
|
|
@@ -2421,15 +2421,15 @@ var GridLayout$1 = styled__default['default'](Grid)(templateObject_1$F || (templ
|
|
|
2421
2421
|
var theme = _a.theme;
|
|
2422
2422
|
return theme.mediaQueries.lg;
|
|
2423
2423
|
});
|
|
2424
|
-
var templateObject_1$
|
|
2424
|
+
var templateObject_1$G;
|
|
2425
2425
|
|
|
2426
|
-
var GridLayout = styled__default['default'](GridLayout$1)(templateObject_1$
|
|
2426
|
+
var GridLayout = styled__default['default'](GridLayout$1)(templateObject_1$F || (templateObject_1$F = __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) {
|
|
2427
2427
|
var theme = _a.theme;
|
|
2428
2428
|
return theme.mediaQueries.sm;
|
|
2429
2429
|
});
|
|
2430
|
-
var templateObject_1$
|
|
2430
|
+
var templateObject_1$F;
|
|
2431
2431
|
|
|
2432
|
-
var StyledLink$1 = styled__default['default'](Text)(templateObject_1$
|
|
2432
|
+
var StyledLink$1 = styled__default['default'](Text)(templateObject_1$E || (templateObject_1$E = __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"])));
|
|
2433
2433
|
var Link = function (_a) {
|
|
2434
2434
|
var external = _a.external, props = __rest(_a, ["external"]);
|
|
2435
2435
|
var internalProps = external ? getExternalLinkProps() : {};
|
|
@@ -2438,7 +2438,7 @@ var Link = function (_a) {
|
|
|
2438
2438
|
Link.defaultProps = {
|
|
2439
2439
|
color: "primary",
|
|
2440
2440
|
};
|
|
2441
|
-
var templateObject_1$
|
|
2441
|
+
var templateObject_1$E;
|
|
2442
2442
|
|
|
2443
2443
|
var LinkExternal = function (_a) {
|
|
2444
2444
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -2462,7 +2462,7 @@ var Icons$2 = {
|
|
|
2462
2462
|
warning: Icon$n,
|
|
2463
2463
|
danger: Icon$2f,
|
|
2464
2464
|
};
|
|
2465
|
-
var MessageContainer = styled__default['default'].div(templateObject_1$
|
|
2465
|
+
var MessageContainer = styled__default['default'].div(templateObject_1$D || (templateObject_1$D = __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 ",
|
|
2466
2466
|
"\n"])), styledSystem.space, styledSystem.variant({
|
|
2467
2467
|
variants: variants$3,
|
|
2468
2468
|
}));
|
|
@@ -2473,9 +2473,9 @@ var Message = function (_a) {
|
|
|
2473
2473
|
React__default['default'].createElement(Box, { mr: "12px" }, icon !== null && icon !== void 0 ? icon : React__default['default'].createElement(Icon, { color: variants$3[variant].borderColor, width: "24px" })),
|
|
2474
2474
|
children));
|
|
2475
2475
|
};
|
|
2476
|
-
var templateObject_1$
|
|
2476
|
+
var templateObject_1$D;
|
|
2477
2477
|
|
|
2478
|
-
var NotificationDotRoot = styled__default['default'].span(templateObject_1$
|
|
2478
|
+
var NotificationDotRoot = styled__default['default'].span(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n display: inline-flex;\n position: relative;\n"], ["\n display: inline-flex;\n position: relative;\n"])));
|
|
2479
2479
|
var Dot = styled__default['default'].span(templateObject_2$o || (templateObject_2$o = __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) {
|
|
2480
2480
|
var show = _a.show;
|
|
2481
2481
|
return (show ? "inline-flex" : "none");
|
|
@@ -2492,9 +2492,9 @@ var NotificationDot = function (_a) {
|
|
|
2492
2492
|
React.Children.map(children, function (child) { return React.cloneElement(child, props); }),
|
|
2493
2493
|
React__default['default'].createElement(Dot, { show: show, color: color })));
|
|
2494
2494
|
};
|
|
2495
|
-
var templateObject_1$
|
|
2495
|
+
var templateObject_1$C, templateObject_2$o;
|
|
2496
2496
|
|
|
2497
|
-
var Overlay = styled__default['default'].div.attrs({ role: "presentation" })(templateObject_1$
|
|
2497
|
+
var Overlay = styled__default['default'].div.attrs({ role: "presentation" })(templateObject_1$B || (templateObject_1$B = __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) {
|
|
2498
2498
|
var theme = _a.theme;
|
|
2499
2499
|
return theme.colors.overlay;
|
|
2500
2500
|
}, function (_a) {
|
|
@@ -2511,7 +2511,7 @@ Overlay.defaultProps = {
|
|
|
2511
2511
|
show: false,
|
|
2512
2512
|
zIndex: 10,
|
|
2513
2513
|
};
|
|
2514
|
-
var templateObject_1$
|
|
2514
|
+
var templateObject_1$B;
|
|
2515
2515
|
|
|
2516
2516
|
var scales$4 = {
|
|
2517
2517
|
SM: "sm",
|
|
@@ -2584,7 +2584,7 @@ var getScale$2 = function (property) {
|
|
|
2584
2584
|
return scaleKeyValues$1[scale][property];
|
|
2585
2585
|
};
|
|
2586
2586
|
};
|
|
2587
|
-
var PancakeStack = styled__default['default'].div(templateObject_1$
|
|
2587
|
+
var PancakeStack = styled__default['default'].div(templateObject_1$A || (templateObject_1$A = __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$2("pancakeSize"), getScale$2("pancakeSize"), getScale$2("pancakeThickness"), getScale$2("pancakeThickness"), function (_a) {
|
|
2588
2588
|
var theme = _a.theme;
|
|
2589
2589
|
return theme.pancakeToggle.handleBackground;
|
|
2590
2590
|
}, getScale$2("pancakeThickness"), getScale$2("pancakeThickness"), function (_a) {
|
|
@@ -2602,7 +2602,7 @@ var PancakeLabel = styled__default['default'].label(templateObject_3$a || (templ
|
|
|
2602
2602
|
var theme = _a.theme;
|
|
2603
2603
|
return theme.shadows.inset;
|
|
2604
2604
|
});
|
|
2605
|
-
var templateObject_1$
|
|
2605
|
+
var templateObject_1$A, templateObject_2$n, templateObject_3$a;
|
|
2606
2606
|
|
|
2607
2607
|
var PancakeToggle = function (_a) {
|
|
2608
2608
|
var checked = _a.checked, _b = _a.scale, scale = _b === void 0 ? scales$4.LG : _b, props = __rest(_a, ["checked", "scale"]);
|
|
@@ -2685,6 +2685,11 @@ var shadows = {
|
|
|
2685
2685
|
inset: "inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1)",
|
|
2686
2686
|
tooltip: "0px 0px 2px rgba(0, 0, 0, 0.2), 0px 4px 12px -8px rgba(14, 14, 44, 0.1)",
|
|
2687
2687
|
};
|
|
2688
|
+
var devicesQueries = {
|
|
2689
|
+
mobile: "@media screen and (max-width: " + breakpointMap.sm + "px)",
|
|
2690
|
+
tablet: "@media screen and (min-width: " + breakpointMap.sm + "px) and (max-width: " + breakpointMap.xl + "px)",
|
|
2691
|
+
desktop: "@media screen and (min-width: " + breakpointMap.xl + "px)",
|
|
2692
|
+
};
|
|
2688
2693
|
var spacing = [0, 4, 8, 16, 24, 32, 48, 64];
|
|
2689
2694
|
var radii = {
|
|
2690
2695
|
small: "4px",
|
|
@@ -2704,6 +2709,7 @@ var base = {
|
|
|
2704
2709
|
shadows: shadows,
|
|
2705
2710
|
radii: radii,
|
|
2706
2711
|
zIndices: zIndices,
|
|
2712
|
+
devicesQueries: devicesQueries
|
|
2707
2713
|
};
|
|
2708
2714
|
|
|
2709
2715
|
var light$6 = {
|
|
@@ -2773,7 +2779,7 @@ var dark$1 = {
|
|
|
2773
2779
|
};
|
|
2774
2780
|
|
|
2775
2781
|
var light = {
|
|
2776
|
-
background: darkColors.
|
|
2782
|
+
background: darkColors.backgroundDisabled,
|
|
2777
2783
|
text: darkColors.text,
|
|
2778
2784
|
boxShadow: shadows.tooltip,
|
|
2779
2785
|
};
|
|
@@ -2814,7 +2820,7 @@ var styleScales = (_b$1 = {},
|
|
|
2814
2820
|
},
|
|
2815
2821
|
_b$1);
|
|
2816
2822
|
|
|
2817
|
-
var Bar = styled__default['default'].div(templateObject_1$
|
|
2823
|
+
var Bar = styled__default['default'].div(templateObject_1$z || (templateObject_1$z = __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: ",
|
|
2818
2824
|
";\n height: 100%;\n transition: width 200ms ease;\n"])), function (_a) {
|
|
2819
2825
|
var theme = _a.theme, $useDark = _a.$useDark, primary = _a.primary;
|
|
2820
2826
|
if ($useDark)
|
|
@@ -2844,10 +2850,10 @@ var StyledProgress = styled__default['default'].div(templateObject_2$m || (templ
|
|
|
2844
2850
|
prop: "scale",
|
|
2845
2851
|
variants: styleScales,
|
|
2846
2852
|
}), styledSystem.space);
|
|
2847
|
-
var templateObject_1$
|
|
2853
|
+
var templateObject_1$z, templateObject_2$m;
|
|
2848
2854
|
|
|
2849
|
-
var ProgressBunnyWrapper = styled__default['default'].div(templateObject_1$
|
|
2850
|
-
var templateObject_1$
|
|
2855
|
+
var ProgressBunnyWrapper = styled__default['default'].div(templateObject_1$y || (templateObject_1$y = __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"])));
|
|
2856
|
+
var templateObject_1$y;
|
|
2851
2857
|
|
|
2852
2858
|
var stepGuard = function (step) {
|
|
2853
2859
|
if (step < 0) {
|
|
@@ -2892,7 +2898,7 @@ var getCheckedScale = function (_a) {
|
|
|
2892
2898
|
return "20px";
|
|
2893
2899
|
}
|
|
2894
2900
|
};
|
|
2895
|
-
var Radio = styled__default['default'].input.attrs({ type: "radio" })(templateObject_1$
|
|
2901
|
+
var Radio = styled__default['default'].input.attrs({ type: "radio" })(templateObject_1$x || (templateObject_1$x = __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$1, getScale$1, function (_a) {
|
|
2896
2902
|
var theme = _a.theme;
|
|
2897
2903
|
return theme.colors.input;
|
|
2898
2904
|
}, function (_a) {
|
|
@@ -2915,7 +2921,7 @@ Radio.defaultProps = {
|
|
|
2915
2921
|
scale: scales$2.MD,
|
|
2916
2922
|
m: 0,
|
|
2917
2923
|
};
|
|
2918
|
-
var templateObject_1$
|
|
2924
|
+
var templateObject_1$x;
|
|
2919
2925
|
|
|
2920
2926
|
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";
|
|
2921
2927
|
|
|
@@ -2931,7 +2937,7 @@ var getBaseThumbStyles = function (_a) {
|
|
|
2931
2937
|
var isMax = _a.isMax, disabled = _a.disabled;
|
|
2932
2938
|
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";
|
|
2933
2939
|
};
|
|
2934
|
-
var SliderLabelContainer = styled__default['default'].div(templateObject_1$
|
|
2940
|
+
var SliderLabelContainer = styled__default['default'].div(templateObject_1$w || (templateObject_1$w = __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"])));
|
|
2935
2941
|
var SliderLabel = styled__default['default'](Text)(templateObject_2$l || (templateObject_2$l = __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) {
|
|
2936
2942
|
var progress = _a.progress;
|
|
2937
2943
|
return progress;
|
|
@@ -2953,7 +2959,7 @@ var BarProgress = styled__default['default'].div(templateObject_7$2 || (template
|
|
|
2953
2959
|
var disabled = _a.disabled;
|
|
2954
2960
|
return (disabled ? "grayscale(100%)" : "none");
|
|
2955
2961
|
});
|
|
2956
|
-
var templateObject_1$
|
|
2962
|
+
var templateObject_1$w, templateObject_2$l, templateObject_3$9, templateObject_4$7, templateObject_5$4, templateObject_6$2, templateObject_7$2;
|
|
2957
2963
|
|
|
2958
2964
|
var Slider = function (_a) {
|
|
2959
2965
|
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"]);
|
|
@@ -3011,16 +3017,23 @@ var Icon = function (props) {
|
|
|
3011
3017
|
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M73.6122 7.76013C69.4145 8.86483 64.8207 11.0867 61.24 16.1556C53.2804 27.4231 51.7006 41.9592 58.5495 60.7386C65.3984 79.518 63.3431 89.9236 56.0487 98.3189C48.7543 106.714 29.475 108.685 23.3482 101.929C21.8481 100.274 17.4954 97.4588 20.3675 102.54C23.2397 107.622 30.7527 111.748 39.59 111.748C48.4273 111.748 55.5943 108.146 61.958 101.338C68.3217 94.5306 74.292 78.3883 68.3268 61.7709C60.6331 40.3385 62.8311 27.508 68.2893 19.7815C71.0879 15.8198 75.5453 12.3629 78.6077 10.5868C81.8233 8.72183 84.8797 8.42294 86.8682 8.42294C83.3332 6.65548 77.8099 6.65542 73.6122 7.76013Z", fill: "#633001" }))));
|
|
3012
3018
|
};
|
|
3013
3019
|
|
|
3020
|
+
var Wrapper$3 = styled__default['default'].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n font-size: 0;\n display: inline-block;\n -webkit-animation: outer 6600ms linear infinite;\n animation: outer 6600ms linear infinite;\n & svg {\n -webkit-animation: inner 1320ms linear infinite;\n animation: inner 1320ms linear infinite;\n }\n & svg circle {\n fill: none;\n stroke: #448aff;\n stroke-linecap: square;\n -webkit-animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;\n animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;\n }\n @-webkit-keyframes outer {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes outer {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @-webkit-keyframes inner {\n 0% {\n -webkit-transform: rotate(-100.8deg);\n transform: rotate(-100.8deg);\n }\n 100% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n }\n @keyframes inner {\n 0% {\n -webkit-transform: rotate(-100.8deg);\n transform: rotate(-100.8deg);\n }\n 100% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n }\n @-webkit-keyframes arc {\n 0% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: 0;\n }\n 40% {\n stroke-dasharray: 151.55042961px, 210.48670779px;\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: -151.55042961px;\n }\n }\n @keyframes arc {\n 0% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: 0;\n }\n 40% {\n stroke-dasharray: 151.55042961px, 210.48670779px;\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: -151.55042961px;\n }\n }\n"], ["\n font-size: 0;\n display: inline-block;\n -webkit-animation: outer 6600ms linear infinite;\n animation: outer 6600ms linear infinite;\n & svg {\n -webkit-animation: inner 1320ms linear infinite;\n animation: inner 1320ms linear infinite;\n }\n & svg circle {\n fill: none;\n stroke: #448aff;\n stroke-linecap: square;\n -webkit-animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;\n animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;\n }\n @-webkit-keyframes outer {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes outer {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @-webkit-keyframes inner {\n 0% {\n -webkit-transform: rotate(-100.8deg);\n transform: rotate(-100.8deg);\n }\n 100% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n }\n @keyframes inner {\n 0% {\n -webkit-transform: rotate(-100.8deg);\n transform: rotate(-100.8deg);\n }\n 100% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n }\n @-webkit-keyframes arc {\n 0% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: 0;\n }\n 40% {\n stroke-dasharray: 151.55042961px, 210.48670779px;\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: -151.55042961px;\n }\n }\n @keyframes arc {\n 0% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: 0;\n }\n 40% {\n stroke-dasharray: 151.55042961px, 210.48670779px;\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dasharray: 1 210.48670779px;\n stroke-dashoffset: -151.55042961px;\n }\n }\n"])));
|
|
3021
|
+
var Animate = function () {
|
|
3022
|
+
return (React__default['default'].createElement(Wrapper$3, null,
|
|
3023
|
+
React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", height: "75", width: "75", viewBox: "0 0 75 75" },
|
|
3024
|
+
React__default['default'].createElement("circle", { cx: "37.5", cy: "37.5", r: "33.5", strokeWidth: "2" }))));
|
|
3025
|
+
};
|
|
3026
|
+
var templateObject_1$v;
|
|
3027
|
+
|
|
3014
3028
|
var rotate = styled.keyframes(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"], ["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3015
3029
|
var float = styled.keyframes(templateObject_2$k || (templateObject_2$k = __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"])));
|
|
3016
3030
|
var Container = styled__default['default'].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3017
|
-
|
|
3018
|
-
|
|
3031
|
+
styled__default['default'](Icon)(templateObject_4$6 || (templateObject_4$6 = __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);
|
|
3032
|
+
styled__default['default'](Icon$1)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n animation: ", " 6s ease-in-out infinite;\n transform: translate3d(0, 0, 0);\n"], ["\n animation: ", " 6s ease-in-out infinite;\n transform: translate3d(0, 0, 0);\n"])), float);
|
|
3019
3033
|
var Spinner = function (_a) {
|
|
3020
|
-
|
|
3034
|
+
_a.size;
|
|
3021
3035
|
return (React__default['default'].createElement(Container, null,
|
|
3022
|
-
React__default['default'].createElement(
|
|
3023
|
-
React__default['default'].createElement(FloatingPanIcon, { width: size + "px" })));
|
|
3036
|
+
React__default['default'].createElement(Animate, null)));
|
|
3024
3037
|
};
|
|
3025
3038
|
var templateObject_1$u, templateObject_2$k, templateObject_3$8, templateObject_4$6, templateObject_5$3;
|
|
3026
3039
|
|
|
@@ -4775,6 +4788,13 @@ var privacyLinks = [
|
|
|
4775
4788
|
label: "Terms of Use ",
|
|
4776
4789
|
href: "https://venice.finance",
|
|
4777
4790
|
},
|
|
4791
|
+
{
|
|
4792
|
+
label: "|",
|
|
4793
|
+
},
|
|
4794
|
+
{
|
|
4795
|
+
label: "Findora Network ",
|
|
4796
|
+
href: "https://findora.org/",
|
|
4797
|
+
},
|
|
4778
4798
|
];
|
|
4779
4799
|
__spreadArray([], Array(20)).map(function (_, i) { return ({
|
|
4780
4800
|
code: "en" + i,
|
|
@@ -5325,42 +5345,42 @@ var connectors = [
|
|
|
5325
5345
|
connectorId: exports.ConnectorNames.WalletConnect,
|
|
5326
5346
|
priority: 2,
|
|
5327
5347
|
},
|
|
5328
|
-
{
|
|
5329
|
-
|
|
5330
|
-
|
|
5331
|
-
|
|
5332
|
-
|
|
5333
|
-
},
|
|
5334
|
-
{
|
|
5335
|
-
|
|
5336
|
-
|
|
5337
|
-
|
|
5338
|
-
|
|
5339
|
-
},
|
|
5340
|
-
{
|
|
5341
|
-
|
|
5342
|
-
|
|
5343
|
-
|
|
5344
|
-
|
|
5345
|
-
},
|
|
5346
|
-
{
|
|
5347
|
-
|
|
5348
|
-
|
|
5349
|
-
|
|
5350
|
-
|
|
5351
|
-
},
|
|
5352
|
-
{
|
|
5353
|
-
|
|
5354
|
-
|
|
5355
|
-
|
|
5356
|
-
|
|
5357
|
-
},
|
|
5358
|
-
{
|
|
5359
|
-
|
|
5360
|
-
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
},
|
|
5348
|
+
// {
|
|
5349
|
+
// title: "Trust Wallet",
|
|
5350
|
+
// icon: TrustWallet,
|
|
5351
|
+
// connectorId: ConnectorNames.Injected,
|
|
5352
|
+
// priority: 3,
|
|
5353
|
+
// },
|
|
5354
|
+
// {
|
|
5355
|
+
// title: "MathWallet",
|
|
5356
|
+
// icon: MathWallet,
|
|
5357
|
+
// connectorId: ConnectorNames.Injected,
|
|
5358
|
+
// priority: 999,
|
|
5359
|
+
// },
|
|
5360
|
+
// {
|
|
5361
|
+
// title: "TokenPocket",
|
|
5362
|
+
// icon: TokenPocket,
|
|
5363
|
+
// connectorId: ConnectorNames.Injected,
|
|
5364
|
+
// priority: 999,
|
|
5365
|
+
// },
|
|
5366
|
+
// {
|
|
5367
|
+
// title: "Binance Chain",
|
|
5368
|
+
// icon: BinanceChain,
|
|
5369
|
+
// connectorId: ConnectorNames.BSC,
|
|
5370
|
+
// priority: 999,
|
|
5371
|
+
// },
|
|
5372
|
+
// {
|
|
5373
|
+
// title: "SafePal",
|
|
5374
|
+
// icon: SafePal,
|
|
5375
|
+
// connectorId: ConnectorNames.Injected,
|
|
5376
|
+
// priority: 999,
|
|
5377
|
+
// },
|
|
5378
|
+
// {
|
|
5379
|
+
// title: "Coin98",
|
|
5380
|
+
// icon: Coin98,
|
|
5381
|
+
// connectorId: ConnectorNames.Injected,
|
|
5382
|
+
// priority: 999,
|
|
5383
|
+
// },
|
|
5364
5384
|
];
|
|
5365
5385
|
var connectorLocalStorageKey = "connectorIdv2";
|
|
5366
5386
|
var walletLocalStorageKey = "wallet";
|
|
@@ -5419,7 +5439,7 @@ var getPreferredConfig = function (walletConfig) {
|
|
|
5419
5439
|
};
|
|
5420
5440
|
var ConnectModal = function (_a) {
|
|
5421
5441
|
var login = _a.login, _b = _a.onDismiss, onDismiss = _b === void 0 ? function () { return null; } : _b, _c = _a.displayCount, displayCount = _c === void 0 ? 3 : _c, t = _a.t;
|
|
5422
|
-
var _d = React.useState(
|
|
5442
|
+
var _d = React.useState(true), showMore = _d[0], setShowMore = _d[1];
|
|
5423
5443
|
var theme = styled.useTheme();
|
|
5424
5444
|
var sortedConfig = getPreferredConfig(connectors);
|
|
5425
5445
|
var displayListConfig = showMore ? sortedConfig : sortedConfig.slice(0, displayCount);
|