@coinswap-app/uikit 1.0.29 → 1.0.31
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/index.cjs.js +404 -505
- package/dist/index.esm.js +404 -505
- package/package.json +2 -2
- package/dist/components/Button/CryptoButton.d.ts +0 -9
package/dist/index.cjs.js
CHANGED
|
@@ -329,9 +329,9 @@ var getThemeValue = function getThemeValue(path, fallback) {
|
|
|
329
329
|
};
|
|
330
330
|
};
|
|
331
331
|
|
|
332
|
-
var _templateObject$
|
|
333
|
-
var rotate$1 = styledComponents.keyframes(_templateObject$
|
|
334
|
-
var spinStyle = styledComponents.css(_templateObject2$
|
|
332
|
+
var _templateObject$1L, _templateObject2$Z, _templateObject3$H;
|
|
333
|
+
var rotate$1 = styledComponents.keyframes(_templateObject$1L || (_templateObject$1L = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
334
|
+
var spinStyle = styledComponents.css(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteral(["\n animation: ", " 2s linear infinite;\n"])), rotate$1);
|
|
335
335
|
var Svg = styledComponents.styled("svg").withConfig({
|
|
336
336
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
337
337
|
return !['$spin', '$opac'].includes(prop);
|
|
@@ -339,7 +339,7 @@ var Svg = styledComponents.styled("svg").withConfig({
|
|
|
339
339
|
}).withConfig({
|
|
340
340
|
displayName: "Svg",
|
|
341
341
|
componentId: "sc-1oa1mzv-0"
|
|
342
|
-
})(_templateObject3$
|
|
342
|
+
})(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteral(["\n fill: ", ";\n flex-shrink: 0;\n width: ", ";\n xmlns: ", ";\n\n ", "\n ", "\n path {\n fill: ", ";\n //Opacity set on 0.5\n fill-opacity: ", ";\n }\n"])), function (_ref) {
|
|
343
343
|
var theme = _ref.theme,
|
|
344
344
|
_ref$color = _ref.color,
|
|
345
345
|
color = _ref$color === void 0 ? "text" : _ref$color;
|
|
@@ -410,7 +410,7 @@ var Icon$2q = function Icon(props) {
|
|
|
410
410
|
}));
|
|
411
411
|
};
|
|
412
412
|
|
|
413
|
-
var _templateObject$
|
|
413
|
+
var _templateObject$1K;
|
|
414
414
|
var getColor$1 = function getColor(_ref) {
|
|
415
415
|
var color = _ref.color,
|
|
416
416
|
theme = _ref.theme;
|
|
@@ -423,12 +423,15 @@ var getFontSize = function getFontSize(_ref2) {
|
|
|
423
423
|
};
|
|
424
424
|
var Text = styledComponents.styled.div.withConfig({
|
|
425
425
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
426
|
-
|
|
426
|
+
// Don't forward custom props and styled-system props to DOM
|
|
427
|
+
var customProps = ['$bold', '$small', 'bold', 'small', 'textTransform'];
|
|
428
|
+
var styledSystemProps = ['fontSize', 'fontFamily', 'fontWeight', 'lineHeight', 'letterSpacing', 'textAlign', 'fontStyle', 'color', 'm', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'width', 'height', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'display', 'overflow', 'textOverflow', 'whiteSpace'];
|
|
429
|
+
return ![].concat(customProps, styledSystemProps).includes(prop);
|
|
427
430
|
}
|
|
428
431
|
}).withConfig({
|
|
429
432
|
displayName: "Text",
|
|
430
433
|
componentId: "sc-nskjht-0"
|
|
431
|
-
})(_templateObject$
|
|
434
|
+
})(_templateObject$1K || (_templateObject$1K = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ", "\n ", "\n ", "\n"])), getColor$1, getFontSize, function (_ref3) {
|
|
432
435
|
var $bold = _ref3.$bold,
|
|
433
436
|
bold = _ref3.bold;
|
|
434
437
|
return $bold || bold ? 700 : 400;
|
|
@@ -475,7 +478,7 @@ var variants$4 = {
|
|
|
475
478
|
OUTLINE: "outline"
|
|
476
479
|
};
|
|
477
480
|
|
|
478
|
-
var _templateObject$
|
|
481
|
+
var _templateObject$1J;
|
|
479
482
|
var getDisabledStyles$3 = function getDisabledStyles(_ref) {
|
|
480
483
|
var $isLoading = _ref.$isLoading,
|
|
481
484
|
theme = _ref.theme;
|
|
@@ -507,7 +510,7 @@ var StyledButton$2 = styledComponents.styled.button.withConfig({
|
|
|
507
510
|
}).withConfig({
|
|
508
511
|
displayName: "StyledButton",
|
|
509
512
|
componentId: "sc-pxfjak-0"
|
|
510
|
-
})(_templateObject$
|
|
513
|
+
})(_templateObject$1J || (_templateObject$1J = _taggedTemplateLiteral(["\n align-items: center;\n background-color: ", ";\n border: ", ";\n border-radius: 10px;\n color: ", ";\n cursor: pointer;\n display: inline-flex;\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n /* max-content instead of auto for Safari fix */\n width: ", ";\n height: ", ";\n line-height: 1;\n letter-spacing: 0.03em;\n justify-content: center;\n outline: 0;\n padding: ", ";\n transition: background-color 0.2s;\n opacity: ", ";\n\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:focus:not(:active) {\n box-shadow: 0 0 0 1px ", ";\n }\n\n &:active {\n background-color: ", ";\n box-shadow: ", ";\n }\n\n ", "\n ", "\n ", "\n"])), getButtonVariantProp$3("background"), getButtonVariantProp$3("border"), function (_ref4) {
|
|
511
514
|
var $white = _ref4.$white;
|
|
512
515
|
return $white ? "white" : getButtonVariantProp$3("color");
|
|
513
516
|
}, function (_ref5) {
|
|
@@ -7986,17 +7989,17 @@ var Icon$D = function Icon(props) {
|
|
|
7986
7989
|
});
|
|
7987
7990
|
};
|
|
7988
7991
|
|
|
7989
|
-
var _templateObject$
|
|
7992
|
+
var _templateObject$1I, _templateObject2$Y;
|
|
7990
7993
|
var ButtonText = styledComponents.styled.span.withConfig({
|
|
7991
7994
|
displayName: "ButtonText",
|
|
7992
7995
|
componentId: "sc-kepl07-0"
|
|
7993
|
-
})(_templateObject$
|
|
7996
|
+
})(_templateObject$1I || (_templateObject$1I = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 16px;\n line-height: 28px;\n width: 84px;\n transition: all 0.5s ease-in;\n display: ", ";\n"])), function (props) {
|
|
7994
7997
|
return props.extended ? "block" : "none";
|
|
7995
7998
|
});
|
|
7996
7999
|
var RampButtonWrapper$1 = styledComponents.styled(Button$1).withConfig({
|
|
7997
8000
|
displayName: "RampButtonWrapper",
|
|
7998
8001
|
componentId: "sc-kepl07-1"
|
|
7999
|
-
})(_templateObject2$
|
|
8002
|
+
})(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteral(["\n padding: 6px 10px;\n padding: ", ";\n outline: none;\n border: none;\n width: ", "px;\n height: 40px;\n background: ", ";\n border-radius: 10px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n overflow: hidden;\n transition: all 0.5s ease-in;\n"])), function (props) {
|
|
8000
8003
|
return props.extended ? "6px 25px" : "6px 10px";
|
|
8001
8004
|
}, function (props) {
|
|
8002
8005
|
return props.extended ? 110 : 60;
|
|
@@ -8024,20 +8027,20 @@ var RampButtonLite = function RampButtonLite(_ref2) {
|
|
|
8024
8027
|
});
|
|
8025
8028
|
};
|
|
8026
8029
|
|
|
8027
|
-
var _templateObject$
|
|
8030
|
+
var _templateObject$1H;
|
|
8028
8031
|
var IconButton = styledComponents.styled(Button$1).withConfig({
|
|
8029
8032
|
displayName: "IconButton",
|
|
8030
8033
|
componentId: "sc-9rnm19-0"
|
|
8031
|
-
})(_templateObject$
|
|
8034
|
+
})(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteral(["\n padding: 0;\n width: ", ";\n margin: 0px 4px;\n border: none;\n outline: none;\n"])), function (_ref) {
|
|
8032
8035
|
var size = _ref.size;
|
|
8033
8036
|
return size === "sm" ? "32px" : "60px";
|
|
8034
8037
|
});
|
|
8035
8038
|
|
|
8036
|
-
var _templateObject$
|
|
8039
|
+
var _templateObject$1G;
|
|
8037
8040
|
var RampButtonWrapper = styledComponents.styled.button.withConfig({
|
|
8038
8041
|
displayName: "RampButtonWrapper",
|
|
8039
8042
|
componentId: "sc-1y4rjmy-0"
|
|
8040
|
-
})(_templateObject$
|
|
8043
|
+
})(_templateObject$1G || (_templateObject$1G = _taggedTemplateLiteral(["\n padding: 6px 10px;\n outline: none;\n border: none;\n width: ", "px;\n height: 40px;\n background: #2b2b38;\n border-radius: 10px;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n color: black;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n &:active {\n background: ", ";\n }\n transition: all 0.5s ease-in;\n"])), function (props) {
|
|
8041
8044
|
return props.extended ? 108 : 70;
|
|
8042
8045
|
}, function (_ref) {
|
|
8043
8046
|
var theme = _ref.theme;
|
|
@@ -8061,17 +8064,23 @@ var RampButton = function RampButton(_ref2) {
|
|
|
8061
8064
|
});
|
|
8062
8065
|
};
|
|
8063
8066
|
|
|
8064
|
-
var _templateObject$
|
|
8067
|
+
var _templateObject$1F;
|
|
8065
8068
|
var Box = styledComponents.styled.div.withConfig({
|
|
8069
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
8070
|
+
// Don't forward styled-system props to DOM
|
|
8071
|
+
var styledSystemProps = ['display', 'width', 'height', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'm', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'bg', 'background', 'backgroundColor', 'backgroundImage', 'backgroundSize', 'backgroundPosition', 'backgroundRepeat', 'border', 'borderWidth', 'borderStyle', 'borderColor', 'borderRadius', 'borderTop', 'borderRight', 'borderBottom', 'borderLeft', 'position', 'zIndex', 'top', 'right', 'bottom', 'left', 'flexDirection', 'flexWrap', 'alignItems', 'alignContent', 'justifyContent', 'justifyItems', 'flexGrow', 'flexShrink', 'flexBasis', 'flex', 'order', 'gap', 'gridGap', 'gridColumnGap', 'gridRowGap', 'gridColumn', 'gridRow', 'gridAutoFlow', 'gridAutoColumns', 'gridAutoRows', 'gridTemplateColumns', 'gridTemplateRows', 'gridTemplateAreas', 'gridArea', 'fontSize', 'fontFamily', 'fontWeight', 'lineHeight', 'letterSpacing', 'textAlign', 'fontStyle'];
|
|
8072
|
+
return !styledSystemProps.includes(prop);
|
|
8073
|
+
}
|
|
8074
|
+
}).withConfig({
|
|
8066
8075
|
displayName: "Box",
|
|
8067
8076
|
componentId: "sc-1vk503f-0"
|
|
8068
|
-
})(_templateObject$
|
|
8077
|
+
})(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), styledSystem.background, styledSystem.border, styledSystem.layout, styledSystem.position, styledSystem.space, styledSystem.typography, styledSystem.flexbox);
|
|
8069
8078
|
|
|
8070
|
-
var _templateObject$
|
|
8079
|
+
var _templateObject$1E;
|
|
8071
8080
|
var Flex = styledComponents.styled(Box).withConfig({
|
|
8072
8081
|
displayName: "Flex",
|
|
8073
8082
|
componentId: "sc-10l7f81-0"
|
|
8074
|
-
})(_templateObject$
|
|
8083
|
+
})(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"])), styledSystem.flexbox);
|
|
8075
8084
|
|
|
8076
8085
|
var variants$3 = {
|
|
8077
8086
|
INFO: "info",
|
|
@@ -8080,7 +8089,7 @@ var variants$3 = {
|
|
|
8080
8089
|
WARNING: "warning"
|
|
8081
8090
|
};
|
|
8082
8091
|
|
|
8083
|
-
var _templateObject$
|
|
8092
|
+
var _templateObject$1D, _templateObject2$X, _templateObject3$G, _templateObject4$s;
|
|
8084
8093
|
var getThemeColor = function getThemeColor(_ref) {
|
|
8085
8094
|
var theme = _ref.theme,
|
|
8086
8095
|
_ref$variant = _ref.variant,
|
|
@@ -8114,23 +8123,23 @@ var getIcon = function getIcon() {
|
|
|
8114
8123
|
var IconLabel = styledComponents.styled.div.withConfig({
|
|
8115
8124
|
displayName: "IconLabel",
|
|
8116
8125
|
componentId: "sc-iju7nx-0"
|
|
8117
|
-
})(_templateObject$
|
|
8126
|
+
})(_templateObject$1D || (_templateObject$1D = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: 10px 0 0 10px;\n color: black;\n padding: 12px;\n"])), getThemeColor);
|
|
8118
8127
|
var withHandlerSpacing = 32 + 12 + 8; // button size + inner spacing + handler position
|
|
8119
8128
|
var Details = styledComponents.styled.div.withConfig({
|
|
8120
8129
|
displayName: "Details",
|
|
8121
8130
|
componentId: "sc-iju7nx-1"
|
|
8122
|
-
})(_templateObject2$
|
|
8131
|
+
})(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteral(["\n flex: 1;\n padding-bottom: 12px;\n padding-left: 12px;\n padding-right: ", ";\n padding-top: 12px;\n"])), function (_ref2) {
|
|
8123
8132
|
var hasHandler = _ref2.hasHandler;
|
|
8124
8133
|
return hasHandler ? "".concat(withHandlerSpacing, "px") : "12px";
|
|
8125
8134
|
});
|
|
8126
8135
|
var CloseHandler = styledComponents.styled.div.withConfig({
|
|
8127
8136
|
displayName: "CloseHandler",
|
|
8128
8137
|
componentId: "sc-iju7nx-2"
|
|
8129
|
-
})(_templateObject3$
|
|
8138
|
+
})(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteral(["\n border-radius: 0 16px 16px 0;\n right: 8px;\n position: absolute;\n top: 8px;\n"])));
|
|
8130
8139
|
var StyledAlert = styledComponents.styled(Flex).withConfig({
|
|
8131
8140
|
displayName: "StyledAlert",
|
|
8132
8141
|
componentId: "sc-iju7nx-3"
|
|
8133
|
-
})(_templateObject4$
|
|
8142
|
+
})(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteral(["\n position: relative;\n background: ", ";\n @-moz-document url-prefix() {\n background: rgba(36, 36, 36, 0.95) !important;\n }\n box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n border: 1px solid ", ";\n border-radius: 10px;\n"])), function (_ref3) {
|
|
8134
8143
|
var theme = _ref3.theme;
|
|
8135
8144
|
return theme.backgrounds.secondary;
|
|
8136
8145
|
}, function (_ref4) {
|
|
@@ -8180,11 +8189,11 @@ var observerOptions = {
|
|
|
8180
8189
|
threshold: 0
|
|
8181
8190
|
};
|
|
8182
8191
|
|
|
8183
|
-
var _templateObject$
|
|
8192
|
+
var _templateObject$1C;
|
|
8184
8193
|
var Wrapper$1 = styledComponents.styled.div.withConfig({
|
|
8185
8194
|
displayName: "Wrapper",
|
|
8186
8195
|
componentId: "sc-1ie94f-0"
|
|
8187
|
-
})(_templateObject$
|
|
8196
|
+
})(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteral(["\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n height: ", "px;\n max-width: ", "px;\n max-height: ", "px;\n width: 100%;\n padding-top: ", "%;\n ", "\n"])), function (_ref) {
|
|
8188
8197
|
var height = _ref.height,
|
|
8189
8198
|
responsive = _ref.responsive;
|
|
8190
8199
|
return responsive ? 0 : height;
|
|
@@ -8202,15 +8211,15 @@ var Wrapper$1 = styledComponents.styled.div.withConfig({
|
|
|
8202
8211
|
}, styledSystem.space);
|
|
8203
8212
|
|
|
8204
8213
|
var _excluded$p = ["src", "alt"];
|
|
8205
|
-
var _templateObject$
|
|
8214
|
+
var _templateObject$1B, _templateObject2$W;
|
|
8206
8215
|
var StyledImage = styledComponents.styled.img.withConfig({
|
|
8207
8216
|
displayName: "StyledImage",
|
|
8208
8217
|
componentId: "sc-10tqvvr-0"
|
|
8209
|
-
})(_templateObject$
|
|
8218
|
+
})(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n"])));
|
|
8210
8219
|
var Placeholder = styledComponents.styled.div.withConfig({
|
|
8211
8220
|
displayName: "Placeholder",
|
|
8212
8221
|
componentId: "sc-10tqvvr-1"
|
|
8213
|
-
})(_templateObject2$
|
|
8222
|
+
})(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
8214
8223
|
var Image = function Image(_ref) {
|
|
8215
8224
|
var src = _ref.src,
|
|
8216
8225
|
alt = _ref.alt,
|
|
@@ -8246,7 +8255,7 @@ var Image = function Image(_ref) {
|
|
|
8246
8255
|
}));
|
|
8247
8256
|
};
|
|
8248
8257
|
|
|
8249
|
-
var _templateObject$
|
|
8258
|
+
var _templateObject$1A;
|
|
8250
8259
|
var breakpointMap = {
|
|
8251
8260
|
xs: 370,
|
|
8252
8261
|
sm: 576,
|
|
@@ -8289,7 +8298,7 @@ var grids = {
|
|
|
8289
8298
|
mobile: "grid-template-columns: repeat(".concat(gridsMap.mobile.gridColumns, ", minmax(0, 1fr));\n grid-gap: 20px;\n "),
|
|
8290
8299
|
desktop: "grid-template-columns: repeat(".concat(gridsMap.desktop.gridColumns, ", minmax(0, 1fr));\n grid-gap: 24px;\n ")
|
|
8291
8300
|
};
|
|
8292
|
-
var gridLayout = styledComponents.css(_templateObject$
|
|
8301
|
+
var gridLayout = styledComponents.css(_templateObject$1A || (_templateObject$1A = _taggedTemplateLiteral(["\n display: grid;\n ", " {\n ", ";\n }\n ", " {\n ", ";\n }\n"])), function (_ref) {
|
|
8293
8302
|
var theme = _ref.theme;
|
|
8294
8303
|
return theme.mediaQueries.xs;
|
|
8295
8304
|
}, grids.mobile, function (_ref2) {
|
|
@@ -8740,11 +8749,11 @@ var useConnectWalletEvent = function useConnectWalletEvent(account) {
|
|
|
8740
8749
|
};
|
|
8741
8750
|
|
|
8742
8751
|
var _excluded$o = ["external", "color"];
|
|
8743
|
-
var _templateObject$
|
|
8752
|
+
var _templateObject$1z;
|
|
8744
8753
|
var StyledLink$1 = styledComponents.styled(Text).withConfig({
|
|
8745
8754
|
displayName: "StyledLink",
|
|
8746
8755
|
componentId: "sc-qw3uvt-0"
|
|
8747
|
-
})(_templateObject$
|
|
8756
|
+
})(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n width: fit-content;\n margin-right: 21px;\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
8748
8757
|
var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8749
8758
|
var external = _ref.external,
|
|
8750
8759
|
_ref$color = _ref.color,
|
|
@@ -8776,11 +8785,11 @@ var LinkExternal = function LinkExternal(_ref) {
|
|
|
8776
8785
|
}));
|
|
8777
8786
|
};
|
|
8778
8787
|
|
|
8779
|
-
var _templateObject$
|
|
8788
|
+
var _templateObject$1y, _templateObject2$V;
|
|
8780
8789
|
var BannerSlideWrapper = styledComponents.styled.div.withConfig({
|
|
8781
8790
|
displayName: "BannerSlideWrapper",
|
|
8782
8791
|
componentId: "sc-1mbqjcw-0"
|
|
8783
|
-
})(_templateObject$
|
|
8792
|
+
})(_templateObject$1y || (_templateObject$1y = _taggedTemplateLiteral(["\n position: relative;\n height: ", ";\n max-height: 225px;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n"])), function (_ref) {
|
|
8784
8793
|
var height = _ref.height;
|
|
8785
8794
|
return "".concat(height, "px");
|
|
8786
8795
|
}, function (_ref2) {
|
|
@@ -8790,7 +8799,7 @@ var BannerSlideWrapper = styledComponents.styled.div.withConfig({
|
|
|
8790
8799
|
var StyledImg = styledComponents.styled(Image).withConfig({
|
|
8791
8800
|
displayName: "StyledImg",
|
|
8792
8801
|
componentId: "sc-1mbqjcw-1"
|
|
8793
|
-
})(_templateObject2$
|
|
8802
|
+
})(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteral(["\n position: absolute;\n max-height: 225px;\n top: 0;\n img {\n object-fit: contain;\n border-radius: ", ";\n }\n"])), function (_ref3) {
|
|
8794
8803
|
var isMobile = _ref3.isMobile,
|
|
8795
8804
|
theme = _ref3.theme;
|
|
8796
8805
|
return isMobile ? 0 : theme.radii.primary;
|
|
@@ -8827,18 +8836,18 @@ var BannerSlide = function BannerSlide(_ref4) {
|
|
|
8827
8836
|
});
|
|
8828
8837
|
};
|
|
8829
8838
|
|
|
8830
|
-
var _templateObject$
|
|
8839
|
+
var _templateObject$1x, _templateObject2$U;
|
|
8831
8840
|
var CarouselWrapper = styledComponents.styled.div.withConfig({
|
|
8832
8841
|
displayName: "CarouselWrapper",
|
|
8833
8842
|
componentId: "sc-whzh3q-0"
|
|
8834
|
-
})(_templateObject$
|
|
8843
|
+
})(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteral(["\n margin: 0 -32px;\n\n ", " {\n margin: 0;\n }\n"])), function (_ref) {
|
|
8835
8844
|
var theme = _ref.theme;
|
|
8836
8845
|
return theme.mediaQueries.sm;
|
|
8837
8846
|
});
|
|
8838
8847
|
var StyledSlider$2 = styledComponents.styled(Slider).withConfig({
|
|
8839
8848
|
displayName: "StyledSlider",
|
|
8840
8849
|
componentId: "sc-whzh3q-1"
|
|
8841
|
-
})(_templateObject2$
|
|
8850
|
+
})(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteral(["\n .slick-track {\n > div {\n padding: 0 10px;\n }\n }\n\n .slick-dots {\n .slick-active {\n div {\n background: ", " !important;\n border: 2px ", " solid;\n }\n }\n }\n"])), function (_ref2) {
|
|
8842
8851
|
var theme = _ref2.theme;
|
|
8843
8852
|
return theme.colors.blue;
|
|
8844
8853
|
}, function (_ref3) {
|
|
@@ -8913,11 +8922,11 @@ var BannerSlider = function BannerSlider(_ref4) {
|
|
|
8913
8922
|
});
|
|
8914
8923
|
};
|
|
8915
8924
|
|
|
8916
|
-
var _templateObject$
|
|
8925
|
+
var _templateObject$1w, _templateObject2$T;
|
|
8917
8926
|
var Separator = styledComponents.styled.div.withConfig({
|
|
8918
8927
|
displayName: "Separator",
|
|
8919
8928
|
componentId: "sc-1c6k3v2-0"
|
|
8920
|
-
})(_templateObject$
|
|
8929
|
+
})(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteral(["\n align-items: center;\n color: currentColor;\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 (_ref) {
|
|
8921
8930
|
var theme = _ref.theme;
|
|
8922
8931
|
return theme.mediaQueries.sm;
|
|
8923
8932
|
}, function (_ref2) {
|
|
@@ -8927,7 +8936,7 @@ var Separator = styledComponents.styled.div.withConfig({
|
|
|
8927
8936
|
var StyledBreadcrumbs = styledComponents.styled.ul.withConfig({
|
|
8928
8937
|
displayName: "StyledBreadcrumbs",
|
|
8929
8938
|
componentId: "sc-1c6k3v2-1"
|
|
8930
|
-
})(_templateObject2$
|
|
8939
|
+
})(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteral(["\n align-items: center;\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n\n ", "\n"])), function (_ref3) {
|
|
8931
8940
|
var theme = _ref3.theme;
|
|
8932
8941
|
return theme.colors.textDisabled;
|
|
8933
8942
|
}, styledSystem.space);
|
|
@@ -8963,7 +8972,7 @@ var Breadcrumbs = function Breadcrumbs(_ref4) {
|
|
|
8963
8972
|
});
|
|
8964
8973
|
};
|
|
8965
8974
|
|
|
8966
|
-
var _templateObject$
|
|
8975
|
+
var _templateObject$1v;
|
|
8967
8976
|
var StyledButtonMenu = styledComponents.styled.div.withConfig({
|
|
8968
8977
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
8969
8978
|
return prop !== 'variant';
|
|
@@ -8971,7 +8980,7 @@ var StyledButtonMenu = styledComponents.styled.div.withConfig({
|
|
|
8971
8980
|
}).withConfig({
|
|
8972
8981
|
displayName: "StyledButtonMenu",
|
|
8973
8982
|
componentId: "sc-14hzc1v-0"
|
|
8974
|
-
})(_templateObject$
|
|
8983
|
+
})(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteral(["\n background-color: transparent;\n border-radius: 16px;\n display: inline-flex;\n @media (max-width: 500px) {\n width: 100%;\n justify-content: space-around;\n }\n"])));
|
|
8975
8984
|
|
|
8976
8985
|
var ButtonMenu = function ButtonMenu(_ref) {
|
|
8977
8986
|
var _ref$activeIndex = _ref.activeIndex,
|
|
@@ -9003,7 +9012,7 @@ var sizes$1 = {
|
|
|
9003
9012
|
var variants$2 = {
|
|
9004
9013
|
PRIMARY: "primary"};
|
|
9005
9014
|
|
|
9006
|
-
var _templateObject$
|
|
9015
|
+
var _templateObject$1u;
|
|
9007
9016
|
var getDisabledStyles$2 = function getDisabledStyles(_ref) {
|
|
9008
9017
|
var isLoading = _ref.isLoading,
|
|
9009
9018
|
theme = _ref.theme;
|
|
@@ -9035,7 +9044,7 @@ var StyledButton$1 = styledComponents.styled.button.withConfig({
|
|
|
9035
9044
|
}).withConfig({
|
|
9036
9045
|
displayName: "StyledButton",
|
|
9037
9046
|
componentId: "sc-zft497-0"
|
|
9038
|
-
})(_templateObject$
|
|
9047
|
+
})(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteral(["\n align-items: center;\n background-color: transparent;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n font-family: inherit;\n font-size: 16px;\n font-weight: 700;\n color: white;\n /* max-content instead of auto for Safari fix */\n width: ", ";\n height: ", ";\n line-height: 1;\n letter-spacing: 0.03em;\n justify-content: center;\n outline: 0;\n padding: ", ";\n transition: all 0.5s;\n\n .dot {\n margin-top: 10px;\n height: ", ";\n width: ", ";\n border-radius: ", ";\n display: inline-block;\n background-color: ", ";\n }\n\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n border-color: ", ";\n color: ", ";\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n }\n\n ", "\n ", "\n ", "\n"])), function (_ref4) {
|
|
9039
9048
|
var fullWidth = _ref4.fullWidth;
|
|
9040
9049
|
return fullWidth ? "100%" : "max-content";
|
|
9041
9050
|
}, function (_ref5) {
|
|
@@ -9097,7 +9106,7 @@ var getColor = function getColor(color, theme) {
|
|
|
9097
9106
|
return getThemeValue("colors.".concat(color), color)(theme);
|
|
9098
9107
|
};
|
|
9099
9108
|
|
|
9100
|
-
var _templateObject$
|
|
9109
|
+
var _templateObject$1t;
|
|
9101
9110
|
var getThemeTextColor = function getThemeTextColor(_ref) {
|
|
9102
9111
|
var outline = _ref.outline,
|
|
9103
9112
|
_ref$variant = _ref.variant,
|
|
@@ -9108,7 +9117,7 @@ var getThemeTextColor = function getThemeTextColor(_ref) {
|
|
|
9108
9117
|
var StyledTag = styledComponents.styled.div.withConfig({
|
|
9109
9118
|
displayName: "StyledTag",
|
|
9110
9119
|
componentId: "sc-j7cw9s-0"
|
|
9111
|
-
})(_templateObject$
|
|
9120
|
+
})(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteral(["\n align-items: center;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 16px;\n color: ", ";\n display: inline-flex;\n font-size: 14px;\n font-weight: 400;\n height: 28px;\n line-height: 1.5;\n padding: 0 8px;\n white-space: nowrap;\n\n svg {\n fill: ", ";\n }\n"])), function (_ref2) {
|
|
9112
9121
|
var outline = _ref2.outline,
|
|
9113
9122
|
theme = _ref2.theme,
|
|
9114
9123
|
_ref2$variant = _ref2.variant,
|
|
@@ -9123,15 +9132,15 @@ var StyledTag = styledComponents.styled.div.withConfig({
|
|
|
9123
9132
|
|
|
9124
9133
|
var _excluded$l = ["isActive", "size", "variant", "as", "children", "tag", "hide"],
|
|
9125
9134
|
_excluded2$1 = ["isActive", "onClick", "size", "variant"];
|
|
9126
|
-
var _templateObject$
|
|
9135
|
+
var _templateObject$1s, _templateObject2$S, _templateObject3$F;
|
|
9127
9136
|
var ButtonBody = styledComponents.styled.div.withConfig({
|
|
9128
9137
|
displayName: "ButtonBody",
|
|
9129
9138
|
componentId: "sc-1bbtdtk-0"
|
|
9130
|
-
})(_templateObject$
|
|
9139
|
+
})(_templateObject$1s || (_templateObject$1s = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n"])));
|
|
9131
9140
|
var ButtonTag = styledComponents.styled(StyledTag).withConfig({
|
|
9132
9141
|
displayName: "ButtonTag",
|
|
9133
9142
|
componentId: "sc-1bbtdtk-1"
|
|
9134
|
-
})(_templateObject2$
|
|
9143
|
+
})(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteral(["\n margin-left: 7px;\n font-weight: bold;\n font-size: 11px;\n padding: 1px 5px;\n height: unset;\n border-width: 1px;\n"])));
|
|
9135
9144
|
var InactiveButton$1 = styledComponents.styled(Button).withConfig({
|
|
9136
9145
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9137
9146
|
return prop !== 'colorKey' && prop !== 'isActive';
|
|
@@ -9139,7 +9148,7 @@ var InactiveButton$1 = styledComponents.styled(Button).withConfig({
|
|
|
9139
9148
|
}).withConfig({
|
|
9140
9149
|
displayName: "InactiveButton",
|
|
9141
9150
|
componentId: "sc-1bbtdtk-2"
|
|
9142
|
-
})(_templateObject3$
|
|
9151
|
+
})(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteral(["\n background-color: transparent;\n color: #535459;\n .dot {\n background-color: transparent;\n }\n\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"])));
|
|
9143
9152
|
var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
9144
9153
|
var _ref$isActive = _ref.isActive,
|
|
9145
9154
|
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
@@ -9194,11 +9203,11 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
|
9194
9203
|
}));
|
|
9195
9204
|
};
|
|
9196
9205
|
|
|
9197
|
-
var _templateObject$
|
|
9206
|
+
var _templateObject$1r;
|
|
9198
9207
|
var StyledButtonActivityMenu = styledComponents.styled.div.withConfig({
|
|
9199
9208
|
displayName: "StyledButtonActivityMenu",
|
|
9200
9209
|
componentId: "sc-byew2t-0"
|
|
9201
|
-
})(_templateObject$
|
|
9210
|
+
})(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteral(["\n background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 17.71%), #16161d;\n border: 1px solid #808080;\n box-sizing: border-box;\n border-radius: 99px;\n display: inline-flex;\n"])));
|
|
9202
9211
|
|
|
9203
9212
|
var ButtonActivityMenu = function ButtonActivityMenu(_ref) {
|
|
9204
9213
|
var _ref$activeIndex = _ref.activeIndex,
|
|
@@ -9224,7 +9233,7 @@ var ButtonActivityMenu = function ButtonActivityMenu(_ref) {
|
|
|
9224
9233
|
});
|
|
9225
9234
|
};
|
|
9226
9235
|
|
|
9227
|
-
var _templateObject$
|
|
9236
|
+
var _templateObject$1q;
|
|
9228
9237
|
var getDisabledStyles$1 = function getDisabledStyles(_ref) {
|
|
9229
9238
|
var isLoading = _ref.isLoading,
|
|
9230
9239
|
theme = _ref.theme;
|
|
@@ -9252,7 +9261,7 @@ var getButtonVariantProp$1 = function getButtonVariantProp(prop) {
|
|
|
9252
9261
|
var StyledButtonActivity = styledComponents.styled.button.withConfig({
|
|
9253
9262
|
displayName: "StyledButtonActivity",
|
|
9254
9263
|
componentId: "sc-pam326-0"
|
|
9255
|
-
})(_templateObject$
|
|
9264
|
+
})(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteral(["\n align-items: center;\n border: none;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n color: white;\n /* max-content instead of auto for Safari fix */\n width: ", ";\n height: ", ";\n line-height: 1;\n letter-spacing: 0.03em;\n justify-content: center;\n outline: 0;\n padding: ", ";\n transition: all 0.5s;\n\n // Activity\n border-radius: 99px;\n background: linear-gradient(332.11deg, #13c3af 8.45%, #13d8b2 39.11%, #12ffb8 85.67%);\n color: rgba(22, 22, 29, 1);\n\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n border-color: ", ";\n color: white;\n }\n\n ", "\n ", "\n ", "\n"])), function (_ref4) {
|
|
9256
9265
|
var fullWidth = _ref4.fullWidth;
|
|
9257
9266
|
return fullWidth ? "100%" : "max-content";
|
|
9258
9267
|
}, function (_ref5) {
|
|
@@ -9291,11 +9300,11 @@ var ButtonActivity = function ButtonActivity(_ref) {
|
|
|
9291
9300
|
};
|
|
9292
9301
|
|
|
9293
9302
|
var _excluded$j = ["isActive", "size", "variant", "as"];
|
|
9294
|
-
var _templateObject$
|
|
9303
|
+
var _templateObject$1p;
|
|
9295
9304
|
var InactiveButton = styledComponents.styled(ButtonActivity).withConfig({
|
|
9296
9305
|
displayName: "InactiveButton",
|
|
9297
9306
|
componentId: "sc-kqgtlg-0"
|
|
9298
|
-
})(_templateObject$
|
|
9307
|
+
})(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteral(["\n background: transparent;\n color: #808080;\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"])));
|
|
9299
9308
|
var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
|
|
9300
9309
|
var _ref$isActive = _ref.isActive,
|
|
9301
9310
|
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
@@ -9320,7 +9329,7 @@ var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
|
|
|
9320
9329
|
}, props));
|
|
9321
9330
|
};
|
|
9322
9331
|
|
|
9323
|
-
var _templateObject$
|
|
9332
|
+
var _templateObject$1o;
|
|
9324
9333
|
var getDisabledStyles = function getDisabledStyles(_ref) {
|
|
9325
9334
|
var isLoading = _ref.isLoading,
|
|
9326
9335
|
theme = _ref.theme;
|
|
@@ -9348,7 +9357,7 @@ var getButtonVariantProp = function getButtonVariantProp(prop) {
|
|
|
9348
9357
|
var StyledButtonSwitch = styledComponents.styled.button.withConfig({
|
|
9349
9358
|
displayName: "StyledButtonSwitch",
|
|
9350
9359
|
componentId: "sc-obsjj-0"
|
|
9351
|
-
})(_templateObject$
|
|
9360
|
+
})(_templateObject$1o || (_templateObject$1o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n border: none;\n cursor: pointer;\n font-family: inherit;\n font-size: 16px;\n line-height: 28px;\n font-weight: 700;\n color: ", ";\n width: ", ";\n height: 36px;\n outline: 0;\n padding: 0 8px;\n transition: all 0.5s;\n\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n border-color: ", ";\n color: ", ";\n }\n\n ", "\n ", "\n ", "\n"])), function (_ref4) {
|
|
9352
9361
|
var theme = _ref4.theme,
|
|
9353
9362
|
active = _ref4.active;
|
|
9354
9363
|
return active ? "white" : theme.colors.grey;
|
|
@@ -9382,18 +9391,18 @@ var ButtonSwitch = function ButtonSwitch(_ref) {
|
|
|
9382
9391
|
}));
|
|
9383
9392
|
};
|
|
9384
9393
|
|
|
9385
|
-
var _templateObject$
|
|
9394
|
+
var _templateObject$1n;
|
|
9386
9395
|
var StyledButtonSwitchMenu = styledComponents.styled.div.withConfig({
|
|
9387
9396
|
displayName: "StyledButtonSwitchMenu",
|
|
9388
9397
|
componentId: "sc-1qzp9bs-0"
|
|
9389
|
-
})(_templateObject$
|
|
9398
|
+
})(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteral(["\n background: transparent;\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n"])));
|
|
9390
9399
|
|
|
9391
9400
|
var variants$1 = {
|
|
9392
9401
|
DEFAULT: "default",
|
|
9393
9402
|
PANEL: "panel"
|
|
9394
9403
|
};
|
|
9395
9404
|
|
|
9396
|
-
var _templateObject$
|
|
9405
|
+
var _templateObject$1m, _templateObject2$R, _templateObject3$E;
|
|
9397
9406
|
var getToggleVariantProp = function getToggleVariantProp(prop) {
|
|
9398
9407
|
return function (_ref) {
|
|
9399
9408
|
var theme = _ref.theme,
|
|
@@ -9405,18 +9414,18 @@ var getToggleVariantProp = function getToggleVariantProp(prop) {
|
|
|
9405
9414
|
var Handle = styledComponents.styled.div.withConfig({
|
|
9406
9415
|
displayName: "Handle",
|
|
9407
9416
|
componentId: "sc-11wqnqq-0"
|
|
9408
|
-
})(_templateObject$
|
|
9417
|
+
})(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: 50%;\n cursor: pointer;\n height: 16px;\n left: 3px;\n position: absolute;\n top: 2px;\n transition: all 200ms ease-in;\n width: 16px;\n z-index: 1;\n"])), function (_ref2) {
|
|
9409
9418
|
var checked = _ref2.checked;
|
|
9410
9419
|
return checked ? getToggleVariantProp("backgroundHandleActive") : getToggleVariantProp("backgroundHandleInactive");
|
|
9411
9420
|
});
|
|
9412
9421
|
var Input$1 = styledComponents.styled.input.withConfig({
|
|
9413
9422
|
displayName: "Input",
|
|
9414
9423
|
componentId: "sc-11wqnqq-1"
|
|
9415
|
-
})(_templateObject2$
|
|
9424
|
+
})(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteral(["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + ", " {\n left: calc(100% - 18px);\n }\n"])), Handle);
|
|
9416
9425
|
var StyledToggle = styledComponents.styled.div.withConfig({
|
|
9417
9426
|
displayName: "StyledToggle",
|
|
9418
9427
|
componentId: "sc-11wqnqq-2"
|
|
9419
|
-
})(_templateObject3$
|
|
9428
|
+
})(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteral(["\n align-items: center;\n background: ", ";\n border: 1px solid ", ";\n border-radius: 11px;\n cursor: pointer;\n display: inline-flex;\n height: 22px;\n position: relative;\n transition: background-color 200ms;\n width: 42px;\n"])), function (_ref3) {
|
|
9420
9429
|
var checked = _ref3.checked;
|
|
9421
9430
|
return checked ? getToggleVariantProp("backgroundToggleActive") : getToggleVariantProp("backgroundToggleInactive");
|
|
9422
9431
|
}, getToggleVariantProp("borderColor"));
|
|
@@ -9495,7 +9504,7 @@ var ButtonSwitchMenu = function ButtonSwitchMenu(_ref) {
|
|
|
9495
9504
|
});
|
|
9496
9505
|
};
|
|
9497
9506
|
|
|
9498
|
-
var _templateObject$
|
|
9507
|
+
var _templateObject$1l;
|
|
9499
9508
|
/**
|
|
9500
9509
|
* Priority: Warning --> Success --> Active
|
|
9501
9510
|
*/
|
|
@@ -9528,7 +9537,7 @@ var StyledCard = styledComponents.styled.div.withConfig({
|
|
|
9528
9537
|
}).withConfig({
|
|
9529
9538
|
displayName: "StyledCard",
|
|
9530
9539
|
componentId: "sc-b498h5-0"
|
|
9531
|
-
})(_templateObject$
|
|
9540
|
+
})(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteral(["\n background: ", ";\n @-moz-document url-prefix() {\n background: rgba(36, 36, 36, 0.95) !important;\n }\n box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n border: 1px solid ", ";\n border-radius: 15px;\n box-shadow: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n padding: 30px;\n\n ", "\n"])), function (_ref2) {
|
|
9532
9541
|
var theme = _ref2.theme;
|
|
9533
9542
|
return theme.colors.card;
|
|
9534
9543
|
}, function (_ref3) {
|
|
@@ -9551,7 +9560,7 @@ var Card = function Card(_ref) {
|
|
|
9551
9560
|
}));
|
|
9552
9561
|
};
|
|
9553
9562
|
|
|
9554
|
-
var _templateObject$
|
|
9563
|
+
var _templateObject$1k;
|
|
9555
9564
|
var CardBody = styledComponents.styled.div.attrs(function (_ref) {
|
|
9556
9565
|
var _ref$p = _ref.p,
|
|
9557
9566
|
p = _ref$p === void 0 ? "24px" : _ref$p;
|
|
@@ -9561,15 +9570,15 @@ var CardBody = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
9561
9570
|
}).withConfig({
|
|
9562
9571
|
displayName: "CardBody",
|
|
9563
9572
|
componentId: "sc-1of0iur-0"
|
|
9564
|
-
})(_templateObject$
|
|
9573
|
+
})(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteral(["\n ", "\n display: flex;\n justify-content: center;\n"])), styledSystem.space);
|
|
9565
9574
|
|
|
9566
|
-
var _templateObject$
|
|
9575
|
+
var _templateObject$1j;
|
|
9567
9576
|
var CardHeader = styledComponents.styled.div.withConfig({
|
|
9568
9577
|
displayName: "CardHeader",
|
|
9569
9578
|
componentId: "sc-1ikcixt-0"
|
|
9570
|
-
})(_templateObject$
|
|
9579
|
+
})(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteral(["\n ", "\n font-weight: 700;\n font-size: 26px;\n line-height: 130%;\n display: flex;\n width: 100%;\n justify-content: space-between;\n"])), styledSystem.space);
|
|
9571
9580
|
|
|
9572
|
-
var _templateObject$
|
|
9581
|
+
var _templateObject$1i;
|
|
9573
9582
|
var CardFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
9574
9583
|
var _ref$p = _ref.p,
|
|
9575
9584
|
p = _ref$p === void 0 ? "24px" : _ref$p;
|
|
@@ -9579,13 +9588,13 @@ var CardFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
9579
9588
|
}).withConfig({
|
|
9580
9589
|
displayName: "CardFooter",
|
|
9581
9590
|
componentId: "sc-7k1ypk-0"
|
|
9582
|
-
})(_templateObject$
|
|
9591
|
+
})(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteral(["\n ", "\n display: flex;\n justify-content: center;\n"])), styledSystem.space);
|
|
9583
9592
|
|
|
9584
|
-
var _templateObject$
|
|
9593
|
+
var _templateObject$1h;
|
|
9585
9594
|
var StyledCardRibbon = styledComponents.styled.div.withConfig({
|
|
9586
9595
|
displayName: "StyledCardRibbon",
|
|
9587
9596
|
componentId: "sc-1qhw702-0"
|
|
9588
|
-
})(_templateObject$
|
|
9597
|
+
})(_templateObject$1h || (_templateObject$1h = _taggedTemplateLiteral(["\n background-color: ", ";\n color: white;\n margin: 0;\n padding: 0;\n padding: 8px 0;\n position: absolute;\n right: 0;\n top: 0;\n text-align: center;\n transform: translateX(30%) translateY(0%) rotate(45deg);\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 (_ref) {
|
|
9589
9598
|
var _ref$variantColor = _ref.variantColor,
|
|
9590
9599
|
variantColor = _ref$variantColor === void 0 ? "secondary" : _ref$variantColor,
|
|
9591
9600
|
theme = _ref.theme;
|
|
@@ -9613,7 +9622,7 @@ var scales$2 = {
|
|
|
9613
9622
|
MD: "md"
|
|
9614
9623
|
};
|
|
9615
9624
|
|
|
9616
|
-
var _templateObject$
|
|
9625
|
+
var _templateObject$1g;
|
|
9617
9626
|
var getScale$1 = function getScale(_ref) {
|
|
9618
9627
|
var scale = _ref.scale;
|
|
9619
9628
|
switch (scale) {
|
|
@@ -9629,7 +9638,7 @@ var Checkbox = styledComponents.styled.input.attrs({
|
|
|
9629
9638
|
}).withConfig({
|
|
9630
9639
|
displayName: "Checkbox",
|
|
9631
9640
|
componentId: "sc-1dgqwt2-0"
|
|
9632
|
-
})(_templateObject$
|
|
9641
|
+
})(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteral(["\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: ", ";\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 border: ", ";\n }\n\n &:focus {\n outline: none;\n box-shadow: ", ";\n }\n\n &:checked {\n background-color: ", ";\n border: ", ";\n &:after {\n border-color: white;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"])), getScale$1, getScale$1, function (_ref2) {
|
|
9633
9642
|
var bordered = _ref2.bordered;
|
|
9634
9643
|
return bordered ? "0.1px solid white !important" : "";
|
|
9635
9644
|
}, function (_ref3) {
|
|
@@ -9655,7 +9664,7 @@ var Checkbox = styledComponents.styled.input.attrs({
|
|
|
9655
9664
|
return bordered ? "none !important" : "";
|
|
9656
9665
|
});
|
|
9657
9666
|
|
|
9658
|
-
var _templateObject$
|
|
9667
|
+
var _templateObject$1f, _templateObject2$Q;
|
|
9659
9668
|
var getLeft = function getLeft(_ref) {
|
|
9660
9669
|
var position = _ref.position;
|
|
9661
9670
|
if (position === "top-right") {
|
|
@@ -9673,7 +9682,7 @@ var getBottom = function getBottom(_ref2) {
|
|
|
9673
9682
|
var DropdownContent = styledComponents.styled.div.withConfig({
|
|
9674
9683
|
displayName: "DropdownContent",
|
|
9675
9684
|
componentId: "sc-1ns2r4e-0"
|
|
9676
|
-
})(_templateObject$
|
|
9685
|
+
})(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteral(["\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 overflow-x: hidden;\n z-index: ", ";\n border-radius: ", ";\n"])), getLeft, getBottom, function (_ref3) {
|
|
9677
9686
|
var theme = _ref3.theme;
|
|
9678
9687
|
return theme.nav.background;
|
|
9679
9688
|
}, function (_ref4) {
|
|
@@ -9689,7 +9698,7 @@ var DropdownContent = styledComponents.styled.div.withConfig({
|
|
|
9689
9698
|
var Container$7 = styledComponents.styled.div.withConfig({
|
|
9690
9699
|
displayName: "Container",
|
|
9691
9700
|
componentId: "sc-1ns2r4e-1"
|
|
9692
|
-
})(_templateObject2$
|
|
9701
|
+
})(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n position: relative;\n &:hover ", ", &:focus-within ", " {\n display: flex;\n }\n"])), DropdownContent, DropdownContent);
|
|
9693
9702
|
var Dropdown = function Dropdown(_ref7) {
|
|
9694
9703
|
var target = _ref7.target,
|
|
9695
9704
|
_ref7$position = _ref7.position,
|
|
@@ -9704,15 +9713,15 @@ var Dropdown = function Dropdown(_ref7) {
|
|
|
9704
9713
|
};
|
|
9705
9714
|
|
|
9706
9715
|
var _excluded$e = ["tokenName", "amount", "tokenIcon", "actions"];
|
|
9707
|
-
var _templateObject$
|
|
9716
|
+
var _templateObject$1e, _templateObject2$P, _templateObject3$D, _templateObject4$r, _templateObject5$o, _templateObject6$f, _templateObject7$c;
|
|
9708
9717
|
var StyledHeading = styledComponents.styled.div.withConfig({
|
|
9709
9718
|
displayName: "StyledHeading",
|
|
9710
9719
|
componentId: "sc-1kzbws6-0"
|
|
9711
|
-
})(_templateObject$
|
|
9720
|
+
})(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteral(["\n font-weight: 700;\n"])));
|
|
9712
9721
|
var StyledEarnedToken = styledComponents.styled.div.withConfig({
|
|
9713
9722
|
displayName: "StyledEarnedToken",
|
|
9714
9723
|
componentId: "sc-1kzbws6-1"
|
|
9715
|
-
})(_templateObject2$
|
|
9724
|
+
})(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n width: 100%;\n background: ", ";\n border-radius: ", ";\n overflow: hidden;\n position: relative;\n padding: ", ";\n color: ", ";\n font-size: 16px;\n font-weight: 700;\n line-height: 28px;\n\n ", "\n\n ", " {\n padding: 15px;\n border: 1px solid ", ";\n font-size: 20px;\n line-height: 26px;\n }\n"])), function (_ref) {
|
|
9716
9725
|
var theme = _ref.theme;
|
|
9717
9726
|
return theme.backgrounds.secondary;
|
|
9718
9727
|
}, function (_ref2) {
|
|
@@ -9727,7 +9736,7 @@ var StyledEarnedToken = styledComponents.styled.div.withConfig({
|
|
|
9727
9736
|
return theme.colors.white;
|
|
9728
9737
|
}, function (_ref5) {
|
|
9729
9738
|
var toggled = _ref5.toggled;
|
|
9730
|
-
return toggled && styledComponents.css(_templateObject3$
|
|
9739
|
+
return toggled && styledComponents.css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "])), function (_ref6) {
|
|
9731
9740
|
var theme = _ref6.theme;
|
|
9732
9741
|
return theme.colors.white10;
|
|
9733
9742
|
});
|
|
@@ -9741,7 +9750,7 @@ var StyledEarnedToken = styledComponents.styled.div.withConfig({
|
|
|
9741
9750
|
var Amount = styledComponents.styled.div.withConfig({
|
|
9742
9751
|
displayName: "Amount",
|
|
9743
9752
|
componentId: "sc-1kzbws6-2"
|
|
9744
|
-
})(_templateObject4$
|
|
9753
|
+
})(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n\n svg {\n width: 24px;\n height: 24px;\n margin-top: 5px;\n margin-right: 15px;\n\n ", " {\n margin-top: 0;\n margin-right: 8px;\n }\n }\n\n ", " {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 24px;\n padding: 25px 0;\n }\n"])), function (_ref9) {
|
|
9745
9754
|
var theme = _ref9.theme;
|
|
9746
9755
|
return theme.mediaQueries.sm;
|
|
9747
9756
|
}, function (_ref0) {
|
|
@@ -9822,11 +9831,11 @@ exports.Tokens = void 0;
|
|
|
9822
9831
|
Tokens["ETH"] = "ETH";
|
|
9823
9832
|
})(exports.Tokens || (exports.Tokens = {}));
|
|
9824
9833
|
|
|
9825
|
-
var _templateObject$
|
|
9834
|
+
var _templateObject$1d;
|
|
9826
9835
|
var StyledEarnedWrapper = styledComponents.styled.div.withConfig({
|
|
9827
9836
|
displayName: "StyledEarnedWrapper",
|
|
9828
9837
|
componentId: "sc-vkh54k-0"
|
|
9829
|
-
})(_templateObject$
|
|
9838
|
+
})(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n background: ", ";\n width: 100%;\n border-radius: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n"])), function (_ref) {
|
|
9830
9839
|
var theme = _ref.theme;
|
|
9831
9840
|
return theme.colors.white7;
|
|
9832
9841
|
}, function (_ref2) {
|
|
@@ -9858,7 +9867,7 @@ var sizes = {
|
|
|
9858
9867
|
XXL: "xxl"
|
|
9859
9868
|
};
|
|
9860
9869
|
|
|
9861
|
-
var _templateObject$
|
|
9870
|
+
var _templateObject$1c;
|
|
9862
9871
|
var EarnedWrapperHeader = styledComponents.styled.div.attrs(function (_ref) {
|
|
9863
9872
|
var _ref$as = _ref.as,
|
|
9864
9873
|
as = _ref$as === void 0 ? tags.H2 : _ref$as;
|
|
@@ -9868,7 +9877,7 @@ var EarnedWrapperHeader = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
9868
9877
|
}).withConfig({
|
|
9869
9878
|
displayName: "EarnedWrapperHeader",
|
|
9870
9879
|
componentId: "sc-fpoazu-0"
|
|
9871
|
-
})(_templateObject$
|
|
9880
|
+
})(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteral(["\n font-size: 20px;\n line-height: 26px;\n padding: 15px;\n font-weight: 700;\n color: ", ";\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n ", " {\n font-size: 26px;\n line-height: 33.8px;\n padding: 25px 10px 25px 30px;\n }\n"])), function (_ref2) {
|
|
9872
9881
|
var theme = _ref2.theme;
|
|
9873
9882
|
return theme.colors.white;
|
|
9874
9883
|
}, function (_ref3) {
|
|
@@ -9876,11 +9885,11 @@ var EarnedWrapperHeader = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
9876
9885
|
return theme.mediaQueries.md;
|
|
9877
9886
|
});
|
|
9878
9887
|
|
|
9879
|
-
var _templateObject$
|
|
9888
|
+
var _templateObject$1b;
|
|
9880
9889
|
var GridLayout$1 = styledComponents.styled.div.withConfig({
|
|
9881
9890
|
displayName: "GridLayout",
|
|
9882
9891
|
componentId: "sc-183ri5-0"
|
|
9883
|
-
})(_templateObject$
|
|
9892
|
+
})(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 16px;\n ", " {\n grid-gap: 10px;\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 (_ref) {
|
|
9884
9893
|
var theme = _ref.theme;
|
|
9885
9894
|
return theme.mediaQueries.sm;
|
|
9886
9895
|
}, function (_ref2) {
|
|
@@ -9891,20 +9900,20 @@ var GridLayout$1 = styledComponents.styled.div.withConfig({
|
|
|
9891
9900
|
return theme.mediaQueries.lg;
|
|
9892
9901
|
});
|
|
9893
9902
|
|
|
9894
|
-
var _templateObject$
|
|
9903
|
+
var _templateObject$1a;
|
|
9895
9904
|
var GridLayout = styledComponents.styled(GridLayout$1).withConfig({
|
|
9896
9905
|
displayName: "GridLayout",
|
|
9897
9906
|
componentId: "sc-1cke1k8-0"
|
|
9898
|
-
})(_templateObject$
|
|
9907
|
+
})(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteral(["\n & > div {\n grid-column: span 6;\n ", " {\n grid-column: span 4;\n }\n }\n"])), function (_ref) {
|
|
9899
9908
|
var theme = _ref.theme;
|
|
9900
9909
|
return theme.mediaQueries.sm;
|
|
9901
9910
|
});
|
|
9902
9911
|
|
|
9903
|
-
var _templateObject$
|
|
9912
|
+
var _templateObject$19, _templateObject2$O, _templateObject3$C;
|
|
9904
9913
|
var StyledEarnedWrapperBody = styledComponents.styled.div.withConfig({
|
|
9905
9914
|
displayName: "StyledEarnedWrapperBody",
|
|
9906
9915
|
componentId: "sc-1bcwv2i-0"
|
|
9907
|
-
})(_templateObject$
|
|
9916
|
+
})(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: flex-start;\n padding: 0 10px;\n\n ", " {\n padding: 0 30px;\n margin-bottom: ", " !important;\n }\n"])), function (_ref) {
|
|
9908
9917
|
var theme = _ref.theme;
|
|
9909
9918
|
return theme.mediaQueries.md;
|
|
9910
9919
|
}, function (_ref2) {
|
|
@@ -9914,7 +9923,7 @@ var StyledEarnedWrapperBody = styledComponents.styled.div.withConfig({
|
|
|
9914
9923
|
var StyledCardsLayout = styledComponents.styled(GridLayout$1).withConfig({
|
|
9915
9924
|
displayName: "StyledCardsLayout",
|
|
9916
9925
|
componentId: "sc-1bcwv2i-1"
|
|
9917
|
-
})(_templateObject2$
|
|
9926
|
+
})(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n width: 100%;\n\n & > div {\n grid-column: span 12;\n ", " {\n grid-column: span 4;\n }\n ", " {\n grid-column: span 4;\n }\n ", " {\n grid-column: span ", ";\n }\n }\n"])), function (_ref3) {
|
|
9918
9927
|
var theme = _ref3.theme;
|
|
9919
9928
|
return theme.mediaQueries.sm;
|
|
9920
9929
|
}, function (_ref4) {
|
|
@@ -9930,7 +9939,7 @@ var StyledCardsLayout = styledComponents.styled(GridLayout$1).withConfig({
|
|
|
9930
9939
|
var EarnedWrapperFooter = styledComponents.styled.div.withConfig({
|
|
9931
9940
|
displayName: "EarnedWrapperFooter",
|
|
9932
9941
|
componentId: "sc-1bcwv2i-2"
|
|
9933
|
-
})(_templateObject3$
|
|
9942
|
+
})(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px 5px;\n\n ", " {\n padding: 20px 30px;\n }\n"])), function (_ref7) {
|
|
9934
9943
|
var theme = _ref7.theme;
|
|
9935
9944
|
return theme.mediaQueries.md;
|
|
9936
9945
|
});
|
|
@@ -9997,11 +10006,11 @@ var EarnedWrapperBody = function EarnedWrapperBody(_ref8) {
|
|
|
9997
10006
|
});
|
|
9998
10007
|
};
|
|
9999
10008
|
|
|
10000
|
-
var _templateObject$
|
|
10009
|
+
var _templateObject$18;
|
|
10001
10010
|
var StyledEarnedCarouselWrapper = styledComponents.styled.div.withConfig({
|
|
10002
10011
|
displayName: "StyledEarnedCarouselWrapper",
|
|
10003
10012
|
componentId: "sc-1fmwe6r-0"
|
|
10004
|
-
})(_templateObject$
|
|
10013
|
+
})(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n background: ", ";\n width: 100%;\n border-radius: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n padding-bottom: 10px;\n ", " {\n padding-bottom: 0px;\n }\n"])), function (_ref) {
|
|
10005
10014
|
var theme = _ref.theme;
|
|
10006
10015
|
return theme.colors.white7;
|
|
10007
10016
|
}, function (_ref2) {
|
|
@@ -10027,7 +10036,7 @@ var EarnedCarouselWrapper = function EarnedCarouselWrapper(_ref) {
|
|
|
10027
10036
|
}));
|
|
10028
10037
|
};
|
|
10029
10038
|
|
|
10030
|
-
var _templateObject$
|
|
10039
|
+
var _templateObject$17;
|
|
10031
10040
|
var EarnedCarouselWrapperHeader = styledComponents.styled.div.attrs(function (_ref) {
|
|
10032
10041
|
var _ref$as = _ref.as,
|
|
10033
10042
|
as = _ref$as === void 0 ? tags.H2 : _ref$as;
|
|
@@ -10037,7 +10046,7 @@ var EarnedCarouselWrapperHeader = styledComponents.styled.div.attrs(function (_r
|
|
|
10037
10046
|
}).withConfig({
|
|
10038
10047
|
displayName: "EarnedCarouselWrapperHeader",
|
|
10039
10048
|
componentId: "sc-zz4zep-0"
|
|
10040
|
-
})(_templateObject$
|
|
10049
|
+
})(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n font-size: 20px;\n line-height: 26px;\n padding: 15px;\n font-weight: 700;\n color: ", ";\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n ", " {\n font-size: 26px;\n line-height: 33.8px;\n padding: 25px 10px 25px 30px;\n }\n"])), function (_ref2) {
|
|
10041
10050
|
var theme = _ref2.theme;
|
|
10042
10051
|
return theme.colors.white;
|
|
10043
10052
|
}, function (_ref3) {
|
|
@@ -10045,15 +10054,15 @@ var EarnedCarouselWrapperHeader = styledComponents.styled.div.attrs(function (_r
|
|
|
10045
10054
|
return theme.mediaQueries.md;
|
|
10046
10055
|
});
|
|
10047
10056
|
|
|
10048
|
-
var _templateObject$
|
|
10057
|
+
var _templateObject$16, _templateObject2$N, _templateObject3$B;
|
|
10049
10058
|
var CSSTokenWrapper = styledComponents.styled.div.withConfig({
|
|
10050
10059
|
displayName: "CSSTokenWrapper",
|
|
10051
10060
|
componentId: "sc-63miep-0"
|
|
10052
|
-
})(_templateObject$
|
|
10061
|
+
})(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n padding: 0 10px;\n\n @media (max-width: 800px) {\n width: 50%;\n }\n @media (min-width: 800px) {\n width: 33.3%;\n }\n @media (min-width: 1200px) {\n width: 25%;\n }\n"])));
|
|
10053
10062
|
var SliderWrapper = styledComponents.styled.div.withConfig({
|
|
10054
10063
|
displayName: "SliderWrapper",
|
|
10055
10064
|
componentId: "sc-63miep-1"
|
|
10056
|
-
})(_templateObject2$
|
|
10065
|
+
})(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n ", " {\n margin: ", ";\n }\n\n ", " {\n margin: ", ";\n }\n\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"])), function (_ref) {
|
|
10057
10066
|
var theme = _ref.theme;
|
|
10058
10067
|
return theme.mediaQueries.sm;
|
|
10059
10068
|
}, function (_ref2) {
|
|
@@ -10069,7 +10078,7 @@ var SliderWrapper = styledComponents.styled.div.withConfig({
|
|
|
10069
10078
|
var StyledSlider$1 = styledComponents.styled(Slider).withConfig({
|
|
10070
10079
|
displayName: "StyledSlider",
|
|
10071
10080
|
componentId: "sc-63miep-2"
|
|
10072
|
-
})(_templateObject3$
|
|
10081
|
+
})(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteral(["\n @media (max-width: 800px) {\n width: ", ";\n }\n @media (min-width: 800px) {\n width: ", ";\n }\n @media (min-width: 1200px) {\n width: ", ";\n }\n\n .slick-track {\n display: flex;\n > div {\n padding: 0 10px;\n }\n }\n\n .slick-dots {\n .slick-active {\n div {\n background: ", " !important;\n }\n }\n }\n"])), function (_ref5) {
|
|
10073
10082
|
var withoutMain = _ref5.withoutMain;
|
|
10074
10083
|
if (withoutMain) {
|
|
10075
10084
|
return "100%";
|
|
@@ -10208,7 +10217,7 @@ var EarnedCarouselWrapperBody = function EarnedCarouselWrapperBody(_ref9) {
|
|
|
10208
10217
|
});
|
|
10209
10218
|
};
|
|
10210
10219
|
|
|
10211
|
-
var _templateObject$
|
|
10220
|
+
var _templateObject$15;
|
|
10212
10221
|
var style = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, sizes.MD, {
|
|
10213
10222
|
fontSize: "20px",
|
|
10214
10223
|
fontSizeLg: "20px"
|
|
@@ -10232,7 +10241,7 @@ var Heading = styledComponents.styled(Text).attrs(function (_ref) {
|
|
|
10232
10241
|
}).withConfig({
|
|
10233
10242
|
displayName: "Heading",
|
|
10234
10243
|
componentId: "sc-1bynhbg-0"
|
|
10235
|
-
})(_templateObject$
|
|
10244
|
+
})(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: 600;\n line-height: 1.1;\n\n ", " {\n font-size: ", ";\n }\n"])), function (_ref2) {
|
|
10236
10245
|
var _ref2$size = _ref2.size,
|
|
10237
10246
|
size = _ref2$size === void 0 ? sizes.MD : _ref2$size;
|
|
10238
10247
|
return style[size].fontSize;
|
|
@@ -10271,7 +10280,7 @@ var BackgroundImage = function BackgroundImage(_ref) {
|
|
|
10271
10280
|
}, otherProps));
|
|
10272
10281
|
};
|
|
10273
10282
|
|
|
10274
|
-
var _templateObject$
|
|
10283
|
+
var _templateObject$14;
|
|
10275
10284
|
var getBoxShadow$1 = function getBoxShadow(_ref) {
|
|
10276
10285
|
var isActive = _ref.isActive,
|
|
10277
10286
|
isWarning = _ref.isWarning,
|
|
@@ -10287,7 +10296,7 @@ var getBoxShadow$1 = function getBoxShadow(_ref) {
|
|
|
10287
10296
|
var StyledInfoBox = styledComponents.styled.div.withConfig({
|
|
10288
10297
|
displayName: "StyledInfoBox",
|
|
10289
10298
|
componentId: "sc-132sfwq-0"
|
|
10290
|
-
})(_templateObject$
|
|
10299
|
+
})(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n filter: drop-shadow(rgba(25, 19, 38, 0.15) 0px 1px 4px);\n width: 100%;\n background: rgb(22, 22, 29);\n border: 1px solid rgb(82, 75, 99);\n border-radius: 15px;\n border: 1px solid ", ";\n box-shadow: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n\n ", "\n"])), function (_ref2) {
|
|
10291
10300
|
var theme = _ref2.theme;
|
|
10292
10301
|
return theme.colors.borderColor;
|
|
10293
10302
|
}, getBoxShadow$1, function (_ref3) {
|
|
@@ -10304,7 +10313,7 @@ var InfoBox$1 = function InfoBox(_ref) {
|
|
|
10304
10313
|
}));
|
|
10305
10314
|
};
|
|
10306
10315
|
|
|
10307
|
-
var _templateObject$
|
|
10316
|
+
var _templateObject$13;
|
|
10308
10317
|
var InfoBox = styledComponents.styled.div.attrs(function (_ref) {
|
|
10309
10318
|
var _ref$p = _ref.p,
|
|
10310
10319
|
p = _ref$p === void 0 ? "24px" : _ref$p;
|
|
@@ -10314,15 +10323,15 @@ var InfoBox = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10314
10323
|
}).withConfig({
|
|
10315
10324
|
displayName: "InfoBox",
|
|
10316
10325
|
componentId: "sc-1opp4pn-0"
|
|
10317
|
-
})(_templateObject$
|
|
10326
|
+
})(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n ", ";\n padding: 20px;\n display: flex;\n justify-content: flex-start;\n"])), styledSystem.space);
|
|
10318
10327
|
|
|
10319
|
-
var _templateObject$
|
|
10328
|
+
var _templateObject$12;
|
|
10320
10329
|
var InfoBoxHeader = styledComponents.styled.div.withConfig({
|
|
10321
10330
|
displayName: "InfoBoxHeader",
|
|
10322
10331
|
componentId: "sc-ll0lgz-0"
|
|
10323
|
-
})(_templateObject$
|
|
10332
|
+
})(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n ", ";\n font-weight: 600;\n font-size: 24px;\n line-height: 130%;\n color: white;\n\n display: flex;\n height: 55px;\n padding: 0 20px;\n justify-content: space-between;\n align-items: center;\n background: rgba(10, 10, 10, 1);\n"])), styledSystem.space);
|
|
10324
10333
|
|
|
10325
|
-
var _templateObject$
|
|
10334
|
+
var _templateObject$11;
|
|
10326
10335
|
var InfoBoxFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
10327
10336
|
var _ref$p = _ref.p,
|
|
10328
10337
|
p = _ref$p === void 0 ? "24px" : _ref$p;
|
|
@@ -10332,7 +10341,7 @@ var InfoBoxFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10332
10341
|
}).withConfig({
|
|
10333
10342
|
displayName: "InfoBoxFooter",
|
|
10334
10343
|
componentId: "sc-suth0r-0"
|
|
10335
|
-
})(_templateObject$
|
|
10344
|
+
})(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n ", ";\n padding: 20px;\n display: flex;\n justify-content: flex-start;\n"])), styledSystem.space);
|
|
10336
10345
|
|
|
10337
10346
|
var scales$1 = {
|
|
10338
10347
|
SM: "sm",
|
|
@@ -10340,7 +10349,7 @@ var scales$1 = {
|
|
|
10340
10349
|
LG: "lg"
|
|
10341
10350
|
};
|
|
10342
10351
|
|
|
10343
|
-
var _templateObject$
|
|
10352
|
+
var _templateObject$10;
|
|
10344
10353
|
/**
|
|
10345
10354
|
* Priority: Warning --> Success
|
|
10346
10355
|
*/
|
|
@@ -10374,7 +10383,7 @@ var getHeight = function getHeight(_ref2) {
|
|
|
10374
10383
|
var Input = styledComponents.styled.input.withConfig({
|
|
10375
10384
|
displayName: "Input",
|
|
10376
10385
|
componentId: "sc-i7ggno-0"
|
|
10377
|
-
})(_templateObject$
|
|
10386
|
+
})(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid rgba(255, 255, 255, 0.3);\n border-radius: 10px;\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\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 (_ref3) {
|
|
10378
10387
|
var theme = _ref3.theme;
|
|
10379
10388
|
return theme.colors.input;
|
|
10380
10389
|
}, getBoxShadow, function (_ref4) {
|
|
@@ -10397,26 +10406,26 @@ var Input = styledComponents.styled.input.withConfig({
|
|
|
10397
10406
|
var _excluded$9 = ["children"],
|
|
10398
10407
|
_excluded2 = ["children"],
|
|
10399
10408
|
_excluded3 = ["children"];
|
|
10400
|
-
var _templateObject
|
|
10409
|
+
var _templateObject$$, _templateObject2$M, _templateObject3$A, _templateObject4$q, _templateObject5$n, _templateObject6$e, _templateObject7$b, _templateObject8$7, _templateObject9$7;
|
|
10401
10410
|
var InputLabelBox = styledComponents.styled.div.withConfig({
|
|
10402
10411
|
displayName: "InputLabelBox",
|
|
10403
10412
|
componentId: "sc-1xa506b-0"
|
|
10404
|
-
})(_templateObject
|
|
10413
|
+
})(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 8px;\n"])));
|
|
10405
10414
|
var Label = styledComponents.styled(Text).withConfig({
|
|
10406
10415
|
displayName: "Label",
|
|
10407
10416
|
componentId: "sc-1xa506b-1"
|
|
10408
|
-
})(_templateObject2$
|
|
10417
|
+
})(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: bold;\n font-size: 16px;\n line-height: 28px;\n"])), function (_ref) {
|
|
10409
10418
|
var theme = _ref.theme;
|
|
10410
10419
|
return theme.colors.white55;
|
|
10411
10420
|
});
|
|
10412
10421
|
var OptionalBox = styledComponents.styled(Text).withConfig({
|
|
10413
10422
|
displayName: "OptionalBox",
|
|
10414
10423
|
componentId: "sc-1xa506b-2"
|
|
10415
|
-
})(_templateObject3$
|
|
10424
|
+
})(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n"])));
|
|
10416
10425
|
var Optional = styledComponents.styled(Text).withConfig({
|
|
10417
10426
|
displayName: "Optional",
|
|
10418
10427
|
componentId: "sc-1xa506b-3"
|
|
10419
|
-
})(_templateObject4$
|
|
10428
|
+
})(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteral(["\n color: #373749;\n font-weight: bold;\n font-size: 11px;\n line-height: 138.5%;\n"])));
|
|
10420
10429
|
var StyledInputDesc = styledComponents.styled(Text).withConfig({
|
|
10421
10430
|
displayName: "StyledInputDesc",
|
|
10422
10431
|
componentId: "sc-1xa506b-4"
|
|
@@ -10506,14 +10515,14 @@ var InputWrapper$1 = function InputWrapper(_ref0) {
|
|
|
10506
10515
|
});
|
|
10507
10516
|
};
|
|
10508
10517
|
|
|
10509
|
-
var _templateObject
|
|
10518
|
+
var _templateObject$_, _templateObject2$L;
|
|
10510
10519
|
var StyledInput$1 = styledComponents.styled(function (_ref) {
|
|
10511
10520
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10512
10521
|
return /*#__PURE__*/jsxRuntime.jsx(DatePicker.DatePicker, _objectSpread2({}, props));
|
|
10513
10522
|
}).withConfig({
|
|
10514
10523
|
displayName: "StyledInput",
|
|
10515
10524
|
componentId: "sc-2l4k3e-0"
|
|
10516
|
-
})(_templateObject
|
|
10525
|
+
})(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n width: 100%;\n height: 60px;\n .MuiInputBase-root {\n border: 1px solid\n ", ";\n border-radius: 10px;\n background: ", ";\n padding: 16px 24px;\n color: white;\n font-weight: 500;\n font-size: 16px;\n line-height: 28px;\n &.Mui-disabled {\n .MuiInputBase-input {\n color: ", ";\n }\n }\n }\n .MuiFormHelperText-root.Mui-error {\n display: none;\n }\n"])), function (props) {
|
|
10517
10526
|
return props.disabled ? "".concat(props.theme.colors.white55) : props.error ? "".concat(props.theme.colors.error) : props.value ? "".concat(props.theme.colors.white55) : "rgba(255, 255, 255, 0.03)";
|
|
10518
10527
|
}, function (props) {
|
|
10519
10528
|
return props.disabled ? props.theme.colors.disabled : props.theme.backgrounds.secondary;
|
|
@@ -10527,7 +10536,7 @@ var DateInputWrapper = styledComponents.styled(function (_ref3) {
|
|
|
10527
10536
|
}).withConfig({
|
|
10528
10537
|
displayName: "DateInputWrapper",
|
|
10529
10538
|
componentId: "sc-2l4k3e-1"
|
|
10530
|
-
})(_templateObject2$
|
|
10539
|
+
})(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n margin-bottom: 15px;\n"])));
|
|
10531
10540
|
var MuiDateInput = function MuiDateInput(_ref4) {
|
|
10532
10541
|
var name = _ref4.name,
|
|
10533
10542
|
label = _ref4.label,
|
|
@@ -10591,14 +10600,14 @@ var MuiDateInput = function MuiDateInput(_ref4) {
|
|
|
10591
10600
|
});
|
|
10592
10601
|
};
|
|
10593
10602
|
|
|
10594
|
-
var _templateObject$
|
|
10603
|
+
var _templateObject$Z, _templateObject2$K;
|
|
10595
10604
|
var DragAndDropZone = styledComponents.styled(function (_ref) {
|
|
10596
10605
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10597
10606
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread2({}, props));
|
|
10598
10607
|
}).withConfig({
|
|
10599
10608
|
displayName: "DragAndDropZone",
|
|
10600
10609
|
componentId: "sc-1qlv44t-0"
|
|
10601
|
-
})(_templateObject$
|
|
10610
|
+
})(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n background: ", ";\n cursor: ", ";\n border: 1px\n ", ";\n box-sizing: border-box;\n border-radius: 10px;\n padding: 16px 24px;\n font-weight: 500;\n font-size: 16px;\n line-height: 28px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n"])), function (props) {
|
|
10602
10611
|
return props.disabled ? props.theme.colors.disabled : props.theme.backgrounds.secondary;
|
|
10603
10612
|
}, function (props) {
|
|
10604
10613
|
return props.disabled ? "not-allowed" : "pointer";
|
|
@@ -10611,7 +10620,7 @@ var DragAndDropText = styledComponents.styled(function (_ref2) {
|
|
|
10611
10620
|
}).withConfig({
|
|
10612
10621
|
displayName: "DragAndDropText",
|
|
10613
10622
|
componentId: "sc-1qlv44t-1"
|
|
10614
|
-
})(_templateObject2$
|
|
10623
|
+
})(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n font-weight: 500;\n font-size: 16px;\n line-height: 28px;\n color: ", ";\n span {\n color: ", ";\n }\n"])), function (props) {
|
|
10615
10624
|
return props.disabled ? props.theme.colors.white55 : props.theme.colors.white;
|
|
10616
10625
|
}, function (props) {
|
|
10617
10626
|
return props.disabled ? props.theme.colors.white55 : props.theme.colors.primary;
|
|
@@ -10710,22 +10719,22 @@ var MuiFileInput = function MuiFileInput(_ref3) {
|
|
|
10710
10719
|
};
|
|
10711
10720
|
|
|
10712
10721
|
var _excluded$8 = ["name", "label", "placeholderLabel", "placeholder", "topDesc", "bottomDesc", "optional", "value", "onChange", "onBlur", "error", "textarea", "maxLength", "disabled", "success", "successMsg"];
|
|
10713
|
-
var _templateObject$
|
|
10722
|
+
var _templateObject$Y, _templateObject2$J, _templateObject3$z;
|
|
10714
10723
|
var TextAreaWrapper = styledComponents.styled.div.withConfig({
|
|
10715
10724
|
displayName: "TextAreaWrapper",
|
|
10716
10725
|
componentId: "sc-1pp44v8-0"
|
|
10717
|
-
})(_templateObject$
|
|
10726
|
+
})(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
10718
10727
|
var LengthText = styledComponents.styled(Text).withConfig({
|
|
10719
10728
|
displayName: "LengthText",
|
|
10720
10729
|
componentId: "sc-1pp44v8-1"
|
|
10721
|
-
})(_templateObject2$
|
|
10730
|
+
})(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n position: absolute;\n font-weight: bold;\n font-size: 11px;\n line-height: 138.5%;\n color: ", ";\n bottom: 20px;\n right: 15px;\n"])), function (_ref) {
|
|
10722
10731
|
var theme = _ref.theme;
|
|
10723
10732
|
return theme.colors.grey;
|
|
10724
10733
|
});
|
|
10725
10734
|
var StyledTextField = styledComponents.styled(material.TextField).withConfig({
|
|
10726
10735
|
displayName: "StyledTextField",
|
|
10727
10736
|
componentId: "sc-1pp44v8-2"
|
|
10728
|
-
})(_templateObject3$
|
|
10737
|
+
})(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteral(["\n &.MuiTextField-root {\n margin-bottom: 10px;\n width: 100%;\n .MuiInputBase-input {\n color: white;\n ::placeholder {\n opacity: 1;\n color: ", ";\n }\n }\n .MuiFilledInput-root {\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 10px;\n height: ", ";\n .MuiFilledInput-input {\n padding: ", ";\n }\n &.Mui-error {\n border: 1px solid ", ";\n }\n &.Mui-focused {\n border: 1px solid ", ";\n box-shadow: 0px 0px 8px rgba(18, 255, 184, 0.15);\n &.Mui-error {\n border: 1px solid ", ";\n box-shadow: unset;\n }\n }\n &.Mui-disabled {\n background-color: ", ";\n border: 1px solid ", ";\n .MuiInputBase-input {\n color: ", ";\n }\n }\n &.MuiFilledInput-underline:before {\n border-bottom: unset;\n }\n &.MuiFilledInput-underline:after {\n border-bottom: unset;\n }\n }\n .MuiInputLabel-filled {\n font-weight: 500;\n font-size: 16px;\n line-height: 28px;\n transform: translate(24px, 17px);\n color: ", ";\n transition: all 0.15s;\n &.MuiInputLabel-shrink {\n font-weight: bold;\n font-size: 11px;\n line-height: 138.5%;\n transform: translate(24px, 10px);\n color: ", ";\n }\n }\n }\n .MuiFilledInput-multiline {\n padding: 0px 12px 30px 0px;\n }\n"])), function (_ref2) {
|
|
10729
10738
|
var theme = _ref2.theme,
|
|
10730
10739
|
disabled = _ref2.disabled;
|
|
10731
10740
|
return disabled ? theme.colors.white55 : theme.colors.grey;
|
|
@@ -10833,22 +10842,22 @@ var MuiTextInput = function MuiTextInput(_ref11) {
|
|
|
10833
10842
|
});
|
|
10834
10843
|
};
|
|
10835
10844
|
|
|
10836
|
-
var _templateObject$
|
|
10845
|
+
var _templateObject$X, _templateObject2$I, _templateObject3$y;
|
|
10837
10846
|
var CarouselBox = styledComponents.styled.div.withConfig({
|
|
10838
10847
|
displayName: "CarouselBox",
|
|
10839
10848
|
componentId: "sc-xakklk-0"
|
|
10840
|
-
})(_templateObject$
|
|
10849
|
+
})(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n height: 200px;\n"])));
|
|
10841
10850
|
var StyledSlider = styledComponents.styled(Slider).withConfig({
|
|
10842
10851
|
displayName: "StyledSlider",
|
|
10843
10852
|
componentId: "sc-xakklk-1"
|
|
10844
|
-
})(_templateObject2$
|
|
10853
|
+
})(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n .slick-track {\n > div {\n padding: 0 10px;\n }\n }\n\n .slick-dots {\n .slick-active {\n div {\n background: ", " !important;\n }\n }\n }\n"])), function (_ref) {
|
|
10845
10854
|
var theme = _ref.theme;
|
|
10846
10855
|
return theme.colors.blue;
|
|
10847
10856
|
});
|
|
10848
10857
|
var ImageDiv = styledComponents.styled.div.withConfig({
|
|
10849
10858
|
displayName: "ImageDiv",
|
|
10850
10859
|
componentId: "sc-xakklk-2"
|
|
10851
|
-
})(_templateObject3$
|
|
10860
|
+
})(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteral(["\n background: ", ";\n background-size: cover;\n color: white;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: flex-end;\n padding-bottom: 30px;\n height: 200px;\n border-radius: 15px;\n border: 1px solid ", ";\n"])), function (_ref2) {
|
|
10852
10861
|
var background = _ref2.background;
|
|
10853
10862
|
return background;
|
|
10854
10863
|
}, function (_ref3) {
|
|
@@ -10897,7 +10906,7 @@ var scales = {
|
|
|
10897
10906
|
MD: "md"
|
|
10898
10907
|
};
|
|
10899
10908
|
|
|
10900
|
-
var _templateObject$
|
|
10909
|
+
var _templateObject$W;
|
|
10901
10910
|
var getScale = function getScale(_ref) {
|
|
10902
10911
|
var scale = _ref.scale;
|
|
10903
10912
|
switch (scale) {
|
|
@@ -10931,7 +10940,7 @@ var Radio = styledComponents.styled.input.attrs(function (_ref3) {
|
|
|
10931
10940
|
}).withConfig({
|
|
10932
10941
|
displayName: "Radio",
|
|
10933
10942
|
componentId: "sc-955j6u-0"
|
|
10934
|
-
})(_templateObject$
|
|
10943
|
+
})(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\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, getScale, function (_ref4) {
|
|
10935
10944
|
var theme = _ref4.theme;
|
|
10936
10945
|
return theme.colors.input;
|
|
10937
10946
|
}, function (_ref5) {
|
|
@@ -11069,11 +11078,11 @@ var darkColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), b
|
|
|
11069
11078
|
}
|
|
11070
11079
|
});
|
|
11071
11080
|
|
|
11072
|
-
var _templateObject$
|
|
11081
|
+
var _templateObject$V, _templateObject2$H;
|
|
11073
11082
|
var StyledCoreTag = styledComponents.styled.div.withConfig({
|
|
11074
11083
|
displayName: "StyledCoreTag",
|
|
11075
11084
|
componentId: "sc-1bfj6gr-0"
|
|
11076
|
-
})(_templateObject$
|
|
11085
|
+
})(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n width: auto;\n height: 24px;\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n background-color: transparent;\n border: 1px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-size: 14px;\n font-weight: 700;\n line-height: 1.5;\n padding: 0 8px;\n white-space: nowrap;\n\n svg {\n margin-left: ", "px;\n margin-right: ", "px;\n width: 16px;\n height: 16px;\n fill: ", ";\n }\n"])), function (_ref) {
|
|
11077
11086
|
var theme = _ref.theme,
|
|
11078
11087
|
active = _ref.active,
|
|
11079
11088
|
color = _ref.color;
|
|
@@ -11100,7 +11109,7 @@ var StyledCoreTag = styledComponents.styled.div.withConfig({
|
|
|
11100
11109
|
var StyledText = styledComponents.styled(Text).withConfig({
|
|
11101
11110
|
displayName: "StyledText",
|
|
11102
11111
|
componentId: "sc-1bfj6gr-1"
|
|
11103
|
-
})(_templateObject2$
|
|
11112
|
+
})(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n font-weight: 700;\n color: ", ";\n font-size: 14px;\n line-height: 20px;\n"])), function (_ref7) {
|
|
11104
11113
|
var theme = _ref7.theme,
|
|
11105
11114
|
active = _ref7.active,
|
|
11106
11115
|
color = _ref7.color;
|
|
@@ -11184,12 +11193,12 @@ var Icon$C = function Icon(props) {
|
|
|
11184
11193
|
}));
|
|
11185
11194
|
};
|
|
11186
11195
|
|
|
11187
|
-
var _templateObject$
|
|
11188
|
-
var rotate = styledComponents.keyframes(_templateObject$
|
|
11196
|
+
var _templateObject$U, _templateObject2$G, _templateObject3$x;
|
|
11197
|
+
var rotate = styledComponents.keyframes(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11189
11198
|
var Container$6 = styledComponents.styled.div.withConfig({
|
|
11190
11199
|
displayName: "Container",
|
|
11191
11200
|
componentId: "sc-1wgci3j-0"
|
|
11192
|
-
})(_templateObject2$
|
|
11201
|
+
})(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n position: relative;\n height: ", "px;\n width: ", "px;\n"])), function (_ref) {
|
|
11193
11202
|
var size = _ref.size;
|
|
11194
11203
|
return size;
|
|
11195
11204
|
}, function (_ref2) {
|
|
@@ -11199,7 +11208,7 @@ var Container$6 = styledComponents.styled.div.withConfig({
|
|
|
11199
11208
|
var RotatingSpinnerIcon = styledComponents.styled(Icon$C).withConfig({
|
|
11200
11209
|
displayName: "RotatingSpinnerIcon",
|
|
11201
11210
|
componentId: "sc-1wgci3j-1"
|
|
11202
|
-
})(_templateObject3$
|
|
11211
|
+
})(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n animation: ", " 2s linear infinite;\n transform: translate3d(0, 0, 0);\n"])), rotate);
|
|
11203
11212
|
var Spinner = function Spinner(_ref3) {
|
|
11204
11213
|
var _ref3$size = _ref3.size,
|
|
11205
11214
|
size = _ref3$size === void 0 ? 128 : _ref3$size;
|
|
@@ -11211,26 +11220,26 @@ var Spinner = function Spinner(_ref3) {
|
|
|
11211
11220
|
});
|
|
11212
11221
|
};
|
|
11213
11222
|
|
|
11214
|
-
var _templateObject$
|
|
11223
|
+
var _templateObject$T, _templateObject2$F, _templateObject3$w, _templateObject4$p;
|
|
11215
11224
|
var StyledContainer = styledComponents.styled.div.withConfig({
|
|
11216
11225
|
displayName: "StyledContainer",
|
|
11217
11226
|
componentId: "sc-1c4vjp9-0"
|
|
11218
|
-
})(_templateObject$
|
|
11227
|
+
})(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n overflow: auto;\n ", "\n"])), function (_ref) {
|
|
11219
11228
|
var loader = _ref.loader;
|
|
11220
11229
|
return loader && "\n display: flex;\n justify-content: center;\n align-items: center;\n ";
|
|
11221
11230
|
});
|
|
11222
11231
|
var StyledItem = styledComponents.styled.div.withConfig({
|
|
11223
11232
|
displayName: "StyledItem",
|
|
11224
11233
|
componentId: "sc-1c4vjp9-1"
|
|
11225
|
-
})(_templateObject2$
|
|
11234
|
+
})(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid rgba(55, 55, 73, 0.3);\n padding-top: 8px;\n padding-bottom: 8px;\n"])));
|
|
11226
11235
|
var StyledLabel = styledComponents.styled(Text).withConfig({
|
|
11227
11236
|
displayName: "StyledLabel",
|
|
11228
11237
|
componentId: "sc-1c4vjp9-2"
|
|
11229
|
-
})(_templateObject3$
|
|
11238
|
+
})(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteral(["\n opacity: 0.55;\n"])));
|
|
11230
11239
|
var ListWrapper = styledComponents.styled.div.withConfig({
|
|
11231
11240
|
displayName: "ListWrapper",
|
|
11232
11241
|
componentId: "sc-1c4vjp9-3"
|
|
11233
|
-
})(_templateObject4$
|
|
11242
|
+
})(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteral(["\n display: flex;\n height: ", ";\n"])), function (_ref2) {
|
|
11234
11243
|
var customHeight = _ref2.customHeight;
|
|
11235
11244
|
return customHeight ? "".concat(customHeight, "px") : "100%";
|
|
11236
11245
|
});
|
|
@@ -11293,18 +11302,18 @@ var List = function List(_ref3) {
|
|
|
11293
11302
|
});
|
|
11294
11303
|
};
|
|
11295
11304
|
|
|
11296
|
-
var _templateObject$
|
|
11305
|
+
var _templateObject$S, _templateObject2$E;
|
|
11297
11306
|
var Bar = styledComponents.styled.div.withConfig({
|
|
11298
11307
|
displayName: "Bar",
|
|
11299
11308
|
componentId: "sc-1wd61gz-0"
|
|
11300
|
-
})(_templateObject$
|
|
11309
|
+
})(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n background-color: ", ";\n border-top-left-radius: 32px;\n border-bottom-left-radius: 32px;\n height: 16px;\n transition: width 200ms ease;\n"])), function (props) {
|
|
11301
11310
|
var _props$primary;
|
|
11302
11311
|
return ((_props$primary = props.primary) !== null && _props$primary !== void 0 ? _props$primary : false) ? props.theme.colors.secondary : "".concat(props.theme.colors.secondary, "80");
|
|
11303
11312
|
});
|
|
11304
11313
|
var StyledProgress = styledComponents.styled.div.withConfig({
|
|
11305
11314
|
displayName: "StyledProgress",
|
|
11306
11315
|
componentId: "sc-1wd61gz-1"
|
|
11307
|
-
})(_templateObject2$
|
|
11316
|
+
})(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n position: relative;\n background-color: ", ";\n border-radius: 32px;\n box-shadow: ", ";\n height: 16px;\n overflow: hidden;\n"])), function (_ref) {
|
|
11308
11317
|
var theme = _ref.theme;
|
|
11309
11318
|
return theme.colors.input;
|
|
11310
11319
|
}, function (_ref2) {
|
|
@@ -11312,11 +11321,11 @@ var StyledProgress = styledComponents.styled.div.withConfig({
|
|
|
11312
11321
|
return theme.shadows.inset;
|
|
11313
11322
|
});
|
|
11314
11323
|
|
|
11315
|
-
var _templateObject$
|
|
11324
|
+
var _templateObject$R;
|
|
11316
11325
|
var ProgressBunnyWrapper = styledComponents.styled.div.withConfig({
|
|
11317
11326
|
displayName: "ProgressBunnyWrapper",
|
|
11318
11327
|
componentId: "sc-12wvu5w-0"
|
|
11319
|
-
})(_templateObject$
|
|
11328
|
+
})(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\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"])));
|
|
11320
11329
|
|
|
11321
11330
|
var stepGuard = function stepGuard(step) {
|
|
11322
11331
|
if (step < 0) {
|
|
@@ -11363,13 +11372,13 @@ var variant = {
|
|
|
11363
11372
|
};
|
|
11364
11373
|
|
|
11365
11374
|
var _excluded$6 = ["variant", "animation"];
|
|
11366
|
-
var _templateObject$
|
|
11367
|
-
var waves = styledComponents.keyframes(_templateObject$
|
|
11368
|
-
var pulse = styledComponents.keyframes(_templateObject2$
|
|
11375
|
+
var _templateObject$Q, _templateObject2$D, _templateObject3$v, _templateObject4$o, _templateObject5$m;
|
|
11376
|
+
var waves = styledComponents.keyframes(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"])));
|
|
11377
|
+
var pulse = styledComponents.keyframes(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"])));
|
|
11369
11378
|
var Root = styledComponents.styled.div.withConfig({
|
|
11370
11379
|
displayName: "Root",
|
|
11371
11380
|
componentId: "sc-20824z-0"
|
|
11372
|
-
})(_templateObject3$
|
|
11381
|
+
})(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteral(["\n min-height: 20px;\n display: block;\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n ", "\n"])), function (_ref) {
|
|
11373
11382
|
var theme = _ref.theme;
|
|
11374
11383
|
return theme.colors.backgroundDisabled;
|
|
11375
11384
|
}, function (_ref2) {
|
|
@@ -11380,7 +11389,7 @@ var Root = styledComponents.styled.div.withConfig({
|
|
|
11380
11389
|
var Pulse = styledComponents.styled(Root).withConfig({
|
|
11381
11390
|
displayName: "Pulse",
|
|
11382
11391
|
componentId: "sc-20824z-1"
|
|
11383
|
-
})(_templateObject4$
|
|
11392
|
+
})(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteral(["\n animation: ", " 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"])), pulse);
|
|
11384
11393
|
var Waves = styledComponents.styled(Root).withConfig({
|
|
11385
11394
|
displayName: "Waves",
|
|
11386
11395
|
componentId: "sc-20824z-2"
|
|
@@ -11402,15 +11411,15 @@ var Skeleton = function Skeleton(_ref3) {
|
|
|
11402
11411
|
};
|
|
11403
11412
|
|
|
11404
11413
|
var _excluded$5 = ["text"];
|
|
11405
|
-
var _templateObject$
|
|
11414
|
+
var _templateObject$P, _templateObject2$C;
|
|
11406
11415
|
var StyledButton = styledComponents.styled(Button$1).withConfig({
|
|
11407
11416
|
displayName: "StyledButton",
|
|
11408
11417
|
componentId: "sc-1ofv4rm-0"
|
|
11409
|
-
})(_templateObject$
|
|
11418
|
+
})(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 11px 27px;\n border-radius: 10px;\n // Should this color be added to theme colors?\n background-color: rgb(43, 43, 56);\n\n #open-new {\n width: 13.25px;\n height: 13.25px;\n }\n"])));
|
|
11410
11419
|
var DetailsContainer = styledComponents.styled.div.withConfig({
|
|
11411
11420
|
displayName: "DetailsContainer",
|
|
11412
11421
|
componentId: "sc-1ofv4rm-1"
|
|
11413
|
-
})(_templateObject2$
|
|
11422
|
+
})(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n * {\n margin-right: 10px;\n }\n"])));
|
|
11414
11423
|
var SwapButton = function SwapButton(_ref) {
|
|
11415
11424
|
var _ref$text = _ref.text,
|
|
11416
11425
|
text = _ref$text === void 0 ? "Token info page" : _ref$text,
|
|
@@ -12122,11 +12131,11 @@ var lightTheme = _objectSpread2(_objectSpread2({}, base), {}, {
|
|
|
12122
12131
|
tooltip: light
|
|
12123
12132
|
});
|
|
12124
12133
|
|
|
12125
|
-
var _templateObject$
|
|
12134
|
+
var _templateObject$O;
|
|
12126
12135
|
var TableActiveDot = styledComponents.styled.div.withConfig({
|
|
12127
12136
|
displayName: "TableActiveDot",
|
|
12128
12137
|
componentId: "sc-1phywr3-0"
|
|
12129
|
-
})(_templateObject$
|
|
12138
|
+
})(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n width: 8px;\n height: 8px;\n background: ", ";\n border-radius: 50%;\n margin: auto;\n box-shadow: ", ";\n @media (max-width: 576px) {\n margin: 0;\n }\n"])), function (_ref) {
|
|
12130
12139
|
var actionActive = _ref.actionActive;
|
|
12131
12140
|
return actionActive ? "#12FFB8" : "#373749";
|
|
12132
12141
|
}, function (_ref2) {
|
|
@@ -12134,11 +12143,11 @@ var TableActiveDot = styledComponents.styled.div.withConfig({
|
|
|
12134
12143
|
return actionActive ? "0px 0px 14px 3px rgba(18, 255, 184, 0.17)" : "none";
|
|
12135
12144
|
});
|
|
12136
12145
|
|
|
12137
|
-
var _templateObject$
|
|
12146
|
+
var _templateObject$N, _templateObject2$B, _templateObject3$u, _templateObject4$n, _templateObject5$l;
|
|
12138
12147
|
var StyledRow = styledComponents.styled.div.withConfig({
|
|
12139
12148
|
displayName: "StyledRow",
|
|
12140
12149
|
componentId: "sc-qzdbwn-0"
|
|
12141
|
-
})(_templateObject$
|
|
12150
|
+
})(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n position: relative;\n width: calc(100% - 60px);\n height: ", ";\n margin: ", " 30px 0 30px;\n padding: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n border-radius: ", ";\n border: ", ";\n border-bottom: ", ";\n background: ", ";\n @media (max-width: 576px) {\n min-height: 59px;\n width: calc(100% - 16px);\n margin: ", " 8px 0 8px;\n }\n"])), function (_ref) {
|
|
12142
12151
|
var active = _ref.active;
|
|
12143
12152
|
return active ? "auto" : "77.5px";
|
|
12144
12153
|
}, function (_ref2) {
|
|
@@ -12167,15 +12176,15 @@ var StyledRow = styledComponents.styled.div.withConfig({
|
|
|
12167
12176
|
var StyledTableChildren = styledComponents.styled(GridLayout$1).withConfig({
|
|
12168
12177
|
displayName: "StyledTableChildren",
|
|
12169
12178
|
componentId: "sc-qzdbwn-1"
|
|
12170
|
-
})(_templateObject2$
|
|
12179
|
+
})(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteral(["\n width: 100%;\n height: 77.5px;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n cursor: pointer;\n position: relative;\n"])));
|
|
12171
12180
|
var StyledTableDetails = styledComponents.styled(GridLayout$1).withConfig({
|
|
12172
12181
|
displayName: "StyledTableDetails",
|
|
12173
12182
|
componentId: "sc-qzdbwn-2"
|
|
12174
|
-
})(_templateObject3$
|
|
12183
|
+
})(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteral(["\n padding: 13px;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n"])));
|
|
12175
12184
|
var ToggleContainer = styledComponents.styled.div.withConfig({
|
|
12176
12185
|
displayName: "ToggleContainer",
|
|
12177
12186
|
componentId: "sc-qzdbwn-3"
|
|
12178
|
-
})(_templateObject4$
|
|
12187
|
+
})(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n grid-column: span 1 / -1;\n cursor: pointer;\n margin-right: 19px;\n @media (max-width: 576px) {\n position: absolute;\n right: 0;\n margin-right: 10px;\n }\n"])));
|
|
12179
12188
|
var DotContainer = styledComponents.styled.div.withConfig({
|
|
12180
12189
|
displayName: "DotContainer",
|
|
12181
12190
|
componentId: "sc-qzdbwn-4"
|
|
@@ -12217,19 +12226,19 @@ var TableRow = function TableRow(_ref9) {
|
|
|
12217
12226
|
});
|
|
12218
12227
|
};
|
|
12219
12228
|
|
|
12220
|
-
var _templateObject$
|
|
12229
|
+
var _templateObject$M, _templateObject2$A, _templateObject3$t;
|
|
12221
12230
|
var LiquidityWrapper = styledComponents.styled.div.withConfig({
|
|
12222
12231
|
displayName: "LiquidityWrapper",
|
|
12223
12232
|
componentId: "sc-wsy021-0"
|
|
12224
|
-
})(_templateObject$
|
|
12233
|
+
})(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n padding-right: 4px;\n width: 100%;\n"])));
|
|
12225
12234
|
var DescriptionRow = styledComponents.styled.div.withConfig({
|
|
12226
12235
|
displayName: "DescriptionRow",
|
|
12227
12236
|
componentId: "sc-wsy021-1"
|
|
12228
|
-
})(_templateObject2$
|
|
12237
|
+
})(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"])));
|
|
12229
12238
|
var Container$5 = styledComponents.styled.div.withConfig({
|
|
12230
12239
|
displayName: "Container",
|
|
12231
12240
|
componentId: "sc-wsy021-2"
|
|
12232
|
-
})(_templateObject3$
|
|
12241
|
+
})(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteral(["\n height: 100%;\n padding: 17px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: space-around;\n grid-column: span ", ";\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n svg {\n margin-left: 0;\n }\n"])), function (_ref) {
|
|
12233
12242
|
var grid = _ref.grid;
|
|
12234
12243
|
return grid;
|
|
12235
12244
|
});
|
|
@@ -12261,11 +12270,11 @@ var LiquidityContainer = function LiquidityContainer(_ref2) {
|
|
|
12261
12270
|
});
|
|
12262
12271
|
};
|
|
12263
12272
|
|
|
12264
|
-
var _templateObject$
|
|
12273
|
+
var _templateObject$L, _templateObject2$z, _templateObject3$s;
|
|
12265
12274
|
var Container$4 = styledComponents.styled.div.withConfig({
|
|
12266
12275
|
displayName: "Container",
|
|
12267
12276
|
componentId: "sc-1t71h7-0"
|
|
12268
|
-
})(_templateObject$
|
|
12277
|
+
})(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n width: 100%;\n padding: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: space-around;\n grid-column: span ", ";\n border: ", ";\n border-radius: 10px;\n svg {\n margin-left: 0;\n }\n"])), function (_ref) {
|
|
12269
12278
|
var mobile = _ref.mobile;
|
|
12270
12279
|
return mobile ? "0px" : "17px";
|
|
12271
12280
|
}, function (_ref2) {
|
|
@@ -12278,14 +12287,14 @@ var Container$4 = styledComponents.styled.div.withConfig({
|
|
|
12278
12287
|
var TokenValueWrapper = styledComponents.styled.div.withConfig({
|
|
12279
12288
|
displayName: "TokenValueWrapper",
|
|
12280
12289
|
componentId: "sc-1t71h7-1"
|
|
12281
|
-
})(_templateObject2$
|
|
12290
|
+
})(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: ", ";\n"])), function (_ref4) {
|
|
12282
12291
|
var mobile = _ref4.mobile;
|
|
12283
12292
|
return mobile ? "flex-start" : "space-between";
|
|
12284
12293
|
});
|
|
12285
12294
|
var ActionsWrapper = styledComponents.styled.div.withConfig({
|
|
12286
12295
|
displayName: "ActionsWrapper",
|
|
12287
12296
|
componentId: "sc-1t71h7-2"
|
|
12288
|
-
})(_templateObject3$
|
|
12297
|
+
})(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n margin-top: 4px;\n width: 100%;\n justify-content: space-between;\n"])));
|
|
12289
12298
|
var TableActionBox = function TableActionBox(_ref5) {
|
|
12290
12299
|
var title = _ref5.title,
|
|
12291
12300
|
value = _ref5.value,
|
|
@@ -12345,23 +12354,23 @@ var getNumberedDifference = function getNumberedDifference(differenceToConvert)
|
|
|
12345
12354
|
return 0;
|
|
12346
12355
|
};
|
|
12347
12356
|
|
|
12348
|
-
var _templateObject$
|
|
12357
|
+
var _templateObject$K, _templateObject2$y, _templateObject3$r, _templateObject4$m, _templateObject5$k;
|
|
12349
12358
|
var ValueBox = styledComponents.styled.div.withConfig({
|
|
12350
12359
|
displayName: "ValueBox",
|
|
12351
12360
|
componentId: "sc-2a5tiq-0"
|
|
12352
|
-
})(_templateObject$
|
|
12361
|
+
})(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n background: transparent;\n color: white;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n max-width: 190px;\n"])));
|
|
12353
12362
|
var IconColumn = styledComponents.styled.div.withConfig({
|
|
12354
12363
|
displayName: "IconColumn",
|
|
12355
12364
|
componentId: "sc-2a5tiq-1"
|
|
12356
|
-
})(_templateObject2$
|
|
12365
|
+
})(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteral(["\n width: auto;\n padding-right: 10px;\n padding-top: 1px;\n"])));
|
|
12357
12366
|
var InfoColumn = styledComponents.styled.div.withConfig({
|
|
12358
12367
|
displayName: "InfoColumn",
|
|
12359
12368
|
componentId: "sc-2a5tiq-2"
|
|
12360
|
-
})(_templateObject3$
|
|
12369
|
+
})(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
12361
12370
|
var PairContainer = styledComponents.styled.div.withConfig({
|
|
12362
12371
|
displayName: "PairContainer",
|
|
12363
12372
|
componentId: "sc-2a5tiq-3"
|
|
12364
|
-
})(_templateObject4$
|
|
12373
|
+
})(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n margin-bottom: 5px;\n align-items: center;\n flex-direction: ", ";\n"])), function (_ref) {
|
|
12365
12374
|
var mobile = _ref.mobile;
|
|
12366
12375
|
return mobile ? "column" : "row";
|
|
12367
12376
|
});
|
|
@@ -12422,15 +12431,15 @@ var Value = function Value(_ref2) {
|
|
|
12422
12431
|
});
|
|
12423
12432
|
};
|
|
12424
12433
|
|
|
12425
|
-
var _templateObject$
|
|
12434
|
+
var _templateObject$J, _templateObject2$x;
|
|
12426
12435
|
var ValueFullBox = styledComponents.styled.div.withConfig({
|
|
12427
12436
|
displayName: "ValueFullBox",
|
|
12428
12437
|
componentId: "sc-ig82wo-0"
|
|
12429
|
-
})(_templateObject$
|
|
12438
|
+
})(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n background: transparent;\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n"])));
|
|
12430
12439
|
var DifferenceBox = styledComponents.styled.div.withConfig({
|
|
12431
12440
|
displayName: "DifferenceBox",
|
|
12432
12441
|
componentId: "sc-ig82wo-1"
|
|
12433
|
-
})(_templateObject2$
|
|
12442
|
+
})(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 24px;\n"])));
|
|
12434
12443
|
var ValueFull = function ValueFull(_ref) {
|
|
12435
12444
|
var value = _ref.value,
|
|
12436
12445
|
difference = _ref.difference;
|
|
@@ -12461,11 +12470,11 @@ var ValueFull = function ValueFull(_ref) {
|
|
|
12461
12470
|
});
|
|
12462
12471
|
};
|
|
12463
12472
|
|
|
12464
|
-
var _templateObject$
|
|
12473
|
+
var _templateObject$I;
|
|
12465
12474
|
var VContainer = styledComponents.styled.div.withConfig({
|
|
12466
12475
|
displayName: "VContainer",
|
|
12467
12476
|
componentId: "sc-o09b6h-0"
|
|
12468
|
-
})(_templateObject$
|
|
12477
|
+
})(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n position: absolute;\n right: 20px;\n bottom: 20px;\n color: ", ";\n opacity: 0.6;\n font-size: 12px;\n"])), function (_ref) {
|
|
12469
12478
|
var theme = _ref.theme;
|
|
12470
12479
|
return theme.colors.secondaryText;
|
|
12471
12480
|
});
|
|
@@ -12476,23 +12485,23 @@ var VersionContainer = function VersionContainer(_ref2) {
|
|
|
12476
12485
|
});
|
|
12477
12486
|
};
|
|
12478
12487
|
|
|
12479
|
-
var _templateObject$
|
|
12488
|
+
var _templateObject$H, _templateObject2$w, _templateObject3$q, _templateObject4$l, _templateObject5$j, _templateObject6$d, _templateObject7$a;
|
|
12480
12489
|
var ProgressDataColumn = styledComponents.styled.div.withConfig({
|
|
12481
12490
|
displayName: "ProgressDataColumn",
|
|
12482
12491
|
componentId: "sc-ri8846-0"
|
|
12483
|
-
})(_templateObject$
|
|
12492
|
+
})(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n"])));
|
|
12484
12493
|
var ProgressDataRow = styledComponents.styled.div.withConfig({
|
|
12485
12494
|
displayName: "ProgressDataRow",
|
|
12486
12495
|
componentId: "sc-ri8846-1"
|
|
12487
|
-
})(_templateObject2$
|
|
12496
|
+
})(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12488
12497
|
var ProgressBarWrapper = styledComponents.styled.div.withConfig({
|
|
12489
12498
|
displayName: "ProgressBarWrapper",
|
|
12490
12499
|
componentId: "sc-ri8846-2"
|
|
12491
|
-
})(_templateObject3$
|
|
12500
|
+
})(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 8px;\n background: #272730;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n border-radius: 4px;\n box-sizing: border-box;\n"])));
|
|
12492
12501
|
var ProgressBar = styledComponents.styled.div.withConfig({
|
|
12493
12502
|
displayName: "ProgressBar",
|
|
12494
12503
|
componentId: "sc-ri8846-3"
|
|
12495
|
-
})(_templateObject4$
|
|
12504
|
+
})(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteral(["\n position: relative;\n height: 100%;\n width: ", "%;\n background: ", ";\n border-radius: 4px;\n"])), function (_ref) {
|
|
12496
12505
|
var width = _ref.width;
|
|
12497
12506
|
return width;
|
|
12498
12507
|
}, function (_ref2) {
|
|
@@ -12558,22 +12567,22 @@ var SpacePadProgressBar = function SpacePadProgressBar(_ref4) {
|
|
|
12558
12567
|
});
|
|
12559
12568
|
};
|
|
12560
12569
|
|
|
12561
|
-
var _templateObject$
|
|
12570
|
+
var _templateObject$G, _templateObject2$v, _templateObject3$p, _templateObject4$k, _templateObject5$i;
|
|
12562
12571
|
var MainWrapper$1 = styledComponents.styled.div.withConfig({
|
|
12563
12572
|
displayName: "MainWrapper",
|
|
12564
12573
|
componentId: "sc-1lzbjkk-0"
|
|
12565
|
-
})(_templateObject$
|
|
12574
|
+
})(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n display: flex;\n height: 94px;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n"])));
|
|
12566
12575
|
var ProjectImage = styledComponents.styled.div.withConfig({
|
|
12567
12576
|
displayName: "ProjectImage",
|
|
12568
12577
|
componentId: "sc-1lzbjkk-1"
|
|
12569
|
-
})(_templateObject2$
|
|
12578
|
+
})(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteral(["\n display: flex;\n width: 46px;\n height: 46px;\n margin-right: 34px;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n ", " {\n margin-right: 12px;\n }\n"])), function (_ref) {
|
|
12570
12579
|
var theme = _ref.theme;
|
|
12571
12580
|
return theme.mediaQueries.mobile;
|
|
12572
12581
|
});
|
|
12573
12582
|
var ProjectName$1 = styledComponents.styled.div.withConfig({
|
|
12574
12583
|
displayName: "ProjectName",
|
|
12575
12584
|
componentId: "sc-1lzbjkk-2"
|
|
12576
|
-
})(_templateObject3$
|
|
12585
|
+
})(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n display: flex;\n margin-right: 8px;\n justify-content: center;\n align-items: flex-end;\n font-size: 26px;\n font-weight: bold;\n color: ", ";\n ", " {\n margin-bottom: 6px;\n }\n"])), function (_ref2) {
|
|
12577
12586
|
var theme = _ref2.theme;
|
|
12578
12587
|
return theme.colors.white;
|
|
12579
12588
|
}, function (_ref3) {
|
|
@@ -12583,7 +12592,7 @@ var ProjectName$1 = styledComponents.styled.div.withConfig({
|
|
|
12583
12592
|
var ProjectFullName = styledComponents.styled.div.withConfig({
|
|
12584
12593
|
displayName: "ProjectFullName",
|
|
12585
12594
|
componentId: "sc-1lzbjkk-3"
|
|
12586
|
-
})(_templateObject4$
|
|
12595
|
+
})(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: center;\n color: ", ";\n letter-spacing: 0.03rem;\n font-size: 14px;\n"])), function (_ref4) {
|
|
12587
12596
|
var theme = _ref4.theme;
|
|
12588
12597
|
return theme.colors.white55;
|
|
12589
12598
|
});
|
|
@@ -12766,11 +12775,11 @@ var getTimeValue = function getTimeValue(value, timeUnit) {
|
|
|
12766
12775
|
return "".concat(value).concat(timeUnit);
|
|
12767
12776
|
};
|
|
12768
12777
|
|
|
12769
|
-
var _templateObject$
|
|
12778
|
+
var _templateObject$F, _templateObject2$u, _templateObject3$o, _templateObject4$j, _templateObject5$h, _templateObject6$c, _templateObject7$9, _templateObject8$6, _templateObject9$6, _templateObject0$5, _templateObject1$5, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$2;
|
|
12770
12779
|
var ActiveDot$1 = styledComponents.styled.div.withConfig({
|
|
12771
12780
|
displayName: "ActiveDot",
|
|
12772
12781
|
componentId: "sc-1kin2xe-0"
|
|
12773
|
-
})(_templateObject$
|
|
12782
|
+
})(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: ", ";\n margin-right: 8px;\n ", "\n"])), function (_ref) {
|
|
12774
12783
|
var dotColor = _ref.dotColor;
|
|
12775
12784
|
return dotColor;
|
|
12776
12785
|
}, function (_ref2) {
|
|
@@ -12780,15 +12789,15 @@ var ActiveDot$1 = styledComponents.styled.div.withConfig({
|
|
|
12780
12789
|
var ActivityDescription = styledComponents.styled(Text).withConfig({
|
|
12781
12790
|
displayName: "ActivityDescription",
|
|
12782
12791
|
componentId: "sc-1kin2xe-1"
|
|
12783
|
-
})(_templateObject2$
|
|
12792
|
+
})(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n width: max-content;\n"])));
|
|
12784
12793
|
var ActivityWrapper = styledComponents.styled.div.withConfig({
|
|
12785
12794
|
displayName: "ActivityWrapper",
|
|
12786
12795
|
componentId: "sc-1kin2xe-2"
|
|
12787
|
-
})(_templateObject3$
|
|
12796
|
+
})(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n right: 15px;\n top: 15px;\n"])));
|
|
12788
12797
|
var ActivityComponent = styledComponents.styled.div.withConfig({
|
|
12789
12798
|
displayName: "ActivityComponent",
|
|
12790
12799
|
componentId: "sc-1kin2xe-3"
|
|
12791
|
-
})(_templateObject4$
|
|
12800
|
+
})(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 8px;\n width: max-content;\n height: 28px;\n background: rgba(55, 55, 73, 0.5);\n backdrop-filter: blur(53px);\n border-radius: 10px;\n margin-left: 8px;\n"])));
|
|
12792
12801
|
var ProjectNameColumn = styledComponents.styled.div.withConfig({
|
|
12793
12802
|
displayName: "ProjectNameColumn",
|
|
12794
12803
|
componentId: "sc-1kin2xe-4"
|
|
@@ -12970,29 +12979,29 @@ var getPreciseRatio = function getPreciseRatio(ratio) {
|
|
|
12970
12979
|
return ratio.toString();
|
|
12971
12980
|
};
|
|
12972
12981
|
|
|
12973
|
-
var _templateObject$
|
|
12982
|
+
var _templateObject$E, _templateObject2$t, _templateObject3$n, _templateObject4$i, _templateObject5$g, _templateObject6$b, _templateObject7$8, _templateObject8$5, _templateObject9$5, _templateObject0$4, _templateObject1$4;
|
|
12974
12983
|
var SpacePadProjectDetailsWrapper = styledComponents.styled.div.withConfig({
|
|
12975
12984
|
displayName: "SpacePadProjectDetailsWrapper",
|
|
12976
12985
|
componentId: "sc-18f4woi-0"
|
|
12977
|
-
})(_templateObject$
|
|
12986
|
+
})(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
12978
12987
|
var StyledDetailsHeader = styledComponents.styled.div.withConfig({
|
|
12979
12988
|
displayName: "StyledDetailsHeader",
|
|
12980
12989
|
componentId: "sc-18f4woi-1"
|
|
12981
|
-
})(_templateObject2$
|
|
12990
|
+
})(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 32px;\n ", " {\n flex-direction: column-reverse;\n align-items: flex-start;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n"])), function (_ref) {
|
|
12982
12991
|
var theme = _ref.theme;
|
|
12983
12992
|
return theme.mediaQueries.mobile;
|
|
12984
12993
|
});
|
|
12985
12994
|
var StyledDetails = styledComponents.styled.div.withConfig({
|
|
12986
12995
|
displayName: "StyledDetails",
|
|
12987
12996
|
componentId: "sc-18f4woi-2"
|
|
12988
|
-
})(_templateObject3$
|
|
12997
|
+
})(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 32px;\n height: max-content;\n ", " {\n display: flex;\n flex-direction: column;\n }\n"])), function (_ref2) {
|
|
12989
12998
|
var theme = _ref2.theme;
|
|
12990
12999
|
return theme.mediaQueries.mobile;
|
|
12991
13000
|
});
|
|
12992
13001
|
var ProjectLogo$1 = styledComponents.styled.div.withConfig({
|
|
12993
13002
|
displayName: "ProjectLogo",
|
|
12994
13003
|
componentId: "sc-18f4woi-3"
|
|
12995
|
-
})(_templateObject4$
|
|
13004
|
+
})(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: #16161d;\n background-image: ", ";\n background-position: center; /* Center the image */\n background-repeat: no-repeat; /* Do not repeat the image */\n background-size: cover;\n border: 3px solid #373749;\n overflow: hidden;\n margin-right: 16px;\n"])), function (_ref3) {
|
|
12996
13005
|
var background = _ref3.background;
|
|
12997
13006
|
return background;
|
|
12998
13007
|
});
|
|
@@ -13155,11 +13164,11 @@ var SpacePadProjectDetails = function SpacePadProjectDetails(props) {
|
|
|
13155
13164
|
});
|
|
13156
13165
|
};
|
|
13157
13166
|
|
|
13158
|
-
var _templateObject$
|
|
13167
|
+
var _templateObject$D, _templateObject2$s, _templateObject3$m, _templateObject4$h, _templateObject5$f;
|
|
13159
13168
|
var WalletWrapper = styledComponents.styled.div.withConfig({
|
|
13160
13169
|
displayName: "WalletWrapper",
|
|
13161
13170
|
componentId: "sc-1uosrv7-0"
|
|
13162
|
-
})(_templateObject$
|
|
13171
|
+
})(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 129px;\n background: ", ";\n border: 1px solid ", ";\n border-radius: 10px;\n justify-content: space-around;\n flex-direction: column;\n padding: 12px 16px 34px 16px;\n"])), function (_ref) {
|
|
13163
13172
|
var theme = _ref.theme;
|
|
13164
13173
|
return theme.backgrounds.secondary;
|
|
13165
13174
|
}, function (_ref2) {
|
|
@@ -13169,19 +13178,19 @@ var WalletWrapper = styledComponents.styled.div.withConfig({
|
|
|
13169
13178
|
var Description$1 = styledComponents.styled.div.withConfig({
|
|
13170
13179
|
displayName: "Description",
|
|
13171
13180
|
componentId: "sc-1uosrv7-1"
|
|
13172
|
-
})(_templateObject2$
|
|
13181
|
+
})(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteral(["\n display: flex;\n font-size: 12px;\n line-height: 2;\n color: ", ";\n align-items: flex-start;\n font-weight: normal;\n"])), function (_ref3) {
|
|
13173
13182
|
var theme = _ref3.theme;
|
|
13174
13183
|
return theme.colors.white55;
|
|
13175
13184
|
});
|
|
13176
13185
|
var Title = styledComponents.styled(Description$1).withConfig({
|
|
13177
13186
|
displayName: "Title",
|
|
13178
13187
|
componentId: "sc-1uosrv7-2"
|
|
13179
|
-
})(_templateObject3$
|
|
13188
|
+
})(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n flex-direction: row;\n"])));
|
|
13180
13189
|
// We need to implement it in such a way until walletCap per wallet wont be implemented
|
|
13181
13190
|
var DescriptionWrapper = styledComponents.styled.div.withConfig({
|
|
13182
13191
|
displayName: "DescriptionWrapper",
|
|
13183
13192
|
componentId: "sc-1uosrv7-3"
|
|
13184
|
-
})(_templateObject4$
|
|
13193
|
+
})(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n color: ", ";\n line-height: 2;\n display: flex;\n flex-direction: column;\n font-weight: bold;\n font-size: 14px;\n flex: 1;\n border-right: ", ";\n margin-right: 24px;\n"])), function (_ref4) {
|
|
13185
13194
|
var theme = _ref4.theme;
|
|
13186
13195
|
return theme.colors.white;
|
|
13187
13196
|
}, function (_ref5) {
|
|
@@ -13222,11 +13231,11 @@ var WalletCap = function WalletCap(_ref6) {
|
|
|
13222
13231
|
});
|
|
13223
13232
|
};
|
|
13224
13233
|
|
|
13225
|
-
var _templateObject$
|
|
13234
|
+
var _templateObject$C, _templateObject2$r, _templateObject3$l;
|
|
13226
13235
|
var TooltipContent = styledComponents.styled.div.withConfig({
|
|
13227
13236
|
displayName: "TooltipContent",
|
|
13228
13237
|
componentId: "sc-isj8qi-0"
|
|
13229
|
-
})(_templateObject$
|
|
13238
|
+
})(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n background: ", ";\n padding: 16px;\n border-radius: 10px;\n border: 1px solid ", ";\n box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.25);\n color: ", ";\n width: max-content;\n min-width: 200px;\n display: none;\n max-height: 500px;\n z-index: 9999999;\n position: absolute;\n bottom: calc(100% + 16px);\n transform: translate(34px, 0);\n right: ", "px;\n font-size: ", "px;\n\n ", "\n"])), function (_ref) {
|
|
13230
13239
|
var theme = _ref.theme;
|
|
13231
13240
|
return theme.colors.card;
|
|
13232
13241
|
}, function (_ref2) {
|
|
@@ -13241,7 +13250,7 @@ var TooltipContent = styledComponents.styled.div.withConfig({
|
|
|
13241
13250
|
}, function (props) {
|
|
13242
13251
|
return props.small ? 12 : "";
|
|
13243
13252
|
}, function (props) {
|
|
13244
|
-
return !props.removeAfter && styledComponents.css(_templateObject2$
|
|
13253
|
+
return !props.removeAfter && styledComponents.css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n &:after {\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n bottom: ", "px;\n position: absolute;\n transform: translate(-34px, 9px);\n right: 0;\n }\n "])), function (_ref5) {
|
|
13245
13254
|
var theme = _ref5.theme;
|
|
13246
13255
|
return theme.tooltip.background;
|
|
13247
13256
|
}, props.bottom || 0);
|
|
@@ -13249,7 +13258,7 @@ var TooltipContent = styledComponents.styled.div.withConfig({
|
|
|
13249
13258
|
var Container$3 = styledComponents.styled.div.withConfig({
|
|
13250
13259
|
displayName: "Container",
|
|
13251
13260
|
componentId: "sc-isj8qi-1"
|
|
13252
|
-
})(_templateObject3$
|
|
13261
|
+
})(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteral(["\n position: relative;\n z-index: 99999999999;\n\n &:hover ", ", &:focus-within ", " {\n display: block;\n }\n"])), TooltipContent, TooltipContent);
|
|
13253
13262
|
var Tooltip = function Tooltip(_ref6) {
|
|
13254
13263
|
var content = _ref6.content,
|
|
13255
13264
|
children = _ref6.children,
|
|
@@ -13274,11 +13283,11 @@ var Tooltip = function Tooltip(_ref6) {
|
|
|
13274
13283
|
});
|
|
13275
13284
|
};
|
|
13276
13285
|
|
|
13277
|
-
var _templateObject$
|
|
13286
|
+
var _templateObject$B, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$e, _templateObject6$a, _templateObject7$7, _templateObject8$4, _templateObject9$4;
|
|
13278
13287
|
var CSSPowerWrapper = styledComponents.styled.div.withConfig({
|
|
13279
13288
|
displayName: "CSSPowerWrapper",
|
|
13280
13289
|
componentId: "sc-12ic40m-0"
|
|
13281
|
-
})(_templateObject$
|
|
13290
|
+
})(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background: #252530;\n border: 1px solid ", ";\n padding: 16px 24px;\n border-radius: 10px;\n ", " {\n width: 100%;\n align-items: center;\n margin-top: 24px;\n }\n"])), function (_ref) {
|
|
13282
13291
|
var theme = _ref.theme;
|
|
13283
13292
|
return theme.colors.white3;
|
|
13284
13293
|
}, function (_ref2) {
|
|
@@ -13288,18 +13297,18 @@ var CSSPowerWrapper = styledComponents.styled.div.withConfig({
|
|
|
13288
13297
|
var PowerWrapper = styledComponents.styled.div.withConfig({
|
|
13289
13298
|
displayName: "PowerWrapper",
|
|
13290
13299
|
componentId: "sc-12ic40m-1"
|
|
13291
|
-
})(_templateObject2$
|
|
13300
|
+
})(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n margin-left: 30px;\n"])));
|
|
13292
13301
|
var CSSPowerText = styledComponents.styled(Text).withConfig({
|
|
13293
13302
|
displayName: "CSSPowerText",
|
|
13294
13303
|
componentId: "sc-12ic40m-2"
|
|
13295
|
-
})(_templateObject3$
|
|
13304
|
+
})(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n color: ", ";\n width: max-content;\n"])), function (_ref3) {
|
|
13296
13305
|
var theme = _ref3.theme;
|
|
13297
13306
|
return theme.colors.white55;
|
|
13298
13307
|
});
|
|
13299
13308
|
var CSSPowerValue = styledComponents.styled(Text).withConfig({
|
|
13300
13309
|
displayName: "CSSPowerValue",
|
|
13301
13310
|
componentId: "sc-12ic40m-3"
|
|
13302
|
-
})(_templateObject4$
|
|
13311
|
+
})(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 36px;\n line-height: 130%;\n color: ", ";\n"])), function (_ref4) {
|
|
13303
13312
|
var theme = _ref4.theme;
|
|
13304
13313
|
return theme.colors.white;
|
|
13305
13314
|
});
|
|
@@ -13378,11 +13387,11 @@ var CSSPower = function CSSPower(_ref7) {
|
|
|
13378
13387
|
};
|
|
13379
13388
|
|
|
13380
13389
|
var _excluded$4 = ["value", "onUserInput", "placeholder", "type"];
|
|
13381
|
-
var _templateObject$
|
|
13390
|
+
var _templateObject$A;
|
|
13382
13391
|
var StyledInput = styledComponents.styled.input.withConfig({
|
|
13383
13392
|
displayName: "StyledInput",
|
|
13384
13393
|
componentId: "sc-mu1fop-0"
|
|
13385
|
-
})(_templateObject$
|
|
13394
|
+
})(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n color: ", ";\n width: 0;\n position: relative;\n font-weight: 700;\n outline: none;\n border: none;\n flex: 1 1 auto;\n background-color: transparent;\n background: transparent;\n font-size: 24px;\n text-align: ", ";\n white-space: nowrap;\n line-height: 33px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0px;\n -webkit-appearance: textfield;\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n [type=\"number\"] {\n -moz-appearance: textfield;\n }\n\n ::-webkit-outer-spin-button,\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n ::placeholder {\n color: ", ";\n }\n"])), function (_ref) {
|
|
13386
13395
|
var error = _ref.error,
|
|
13387
13396
|
theme = _ref.theme;
|
|
13388
13397
|
return error ? theme.colors.failure : theme.colors.text;
|
|
@@ -13428,11 +13437,11 @@ var NumericalInput = /*#__PURE__*/React.memo(function InnerInput(_ref4) {
|
|
|
13428
13437
|
}));
|
|
13429
13438
|
});
|
|
13430
13439
|
|
|
13431
|
-
var _templateObject$
|
|
13440
|
+
var _templateObject$z, _templateObject2$p, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$9, _templateObject7$6, _templateObject8$3, _templateObject9$3, _templateObject0$3, _templateObject1$3, _templateObject10$3, _templateObject11$3, _templateObject12$3;
|
|
13432
13441
|
var SpacePadDatesWrapper = styledComponents.styled.div.withConfig({
|
|
13433
13442
|
displayName: "SpacePadDatesWrapper",
|
|
13434
13443
|
componentId: "sc-wmdxzq-0"
|
|
13435
|
-
})(_templateObject$
|
|
13444
|
+
})(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n background: ", ";\n border: 1px solid ", ";\n border-radius: 10px;\n padding: 16px 24px;\n align-items: center;\n justify-content: space-between;\n ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), function (_ref) {
|
|
13436
13445
|
var theme = _ref.theme;
|
|
13437
13446
|
return theme.backgrounds.secondary;
|
|
13438
13447
|
}, function (_ref2) {
|
|
@@ -13445,7 +13454,7 @@ var SpacePadDatesWrapper = styledComponents.styled.div.withConfig({
|
|
|
13445
13454
|
var ActiveDot = styledComponents.styled.div.withConfig({
|
|
13446
13455
|
displayName: "ActiveDot",
|
|
13447
13456
|
componentId: "sc-wmdxzq-1"
|
|
13448
|
-
})(_templateObject2$
|
|
13457
|
+
})(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteral(["\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: ", ";\n margin-right: ", "px;\n ", "\n"])), function (_ref4) {
|
|
13449
13458
|
var color = _ref4.color;
|
|
13450
13459
|
return color;
|
|
13451
13460
|
}, function (_ref5) {
|
|
@@ -13458,14 +13467,14 @@ var ActiveDot = styledComponents.styled.div.withConfig({
|
|
|
13458
13467
|
var TimeWrapper = styledComponents.styled.div.withConfig({
|
|
13459
13468
|
displayName: "TimeWrapper",
|
|
13460
13469
|
componentId: "sc-wmdxzq-2"
|
|
13461
|
-
})(_templateObject3$
|
|
13470
|
+
})(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", " {\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 21px;\n }\n"])), function (_ref7) {
|
|
13462
13471
|
var theme = _ref7.theme;
|
|
13463
13472
|
return theme.mediaQueries.mobile;
|
|
13464
13473
|
});
|
|
13465
13474
|
var EndTimeWrapper = styledComponents.styled.div.withConfig({
|
|
13466
13475
|
displayName: "EndTimeWrapper",
|
|
13467
13476
|
componentId: "sc-wmdxzq-3"
|
|
13468
|
-
})(_templateObject4$
|
|
13477
|
+
})(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n height: 41px;\n"])));
|
|
13469
13478
|
var TimeNumber = styledComponents.styled(Text).withConfig({
|
|
13470
13479
|
displayName: "TimeNumber",
|
|
13471
13480
|
componentId: "sc-wmdxzq-4"
|
|
@@ -13669,22 +13678,22 @@ var SpacePadDates = function SpacePadDates(_ref14) {
|
|
|
13669
13678
|
});
|
|
13670
13679
|
};
|
|
13671
13680
|
|
|
13672
|
-
var _templateObject$
|
|
13681
|
+
var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$8, _templateObject7$5, _templateObject8$2, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$1;
|
|
13673
13682
|
var AddToCapWrapper = styledComponents.styled.div.withConfig({
|
|
13674
13683
|
displayName: "AddToCapWrapper",
|
|
13675
13684
|
componentId: "sc-1vjnrpf-0"
|
|
13676
|
-
})(_templateObject$
|
|
13685
|
+
})(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n height: max-content;\n width: 100%;\n padding: 32px;\n background: #191921;\n border-radius: 16px;\n"])));
|
|
13677
13686
|
var LogicComponentsWrapper = styledComponents.styled.div.withConfig({
|
|
13678
13687
|
displayName: "LogicComponentsWrapper",
|
|
13679
13688
|
componentId: "sc-1vjnrpf-1"
|
|
13680
|
-
})(_templateObject2$
|
|
13689
|
+
})(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n ", " {\n flex-direction: column;\n }\n"])), function (_ref) {
|
|
13681
13690
|
var theme = _ref.theme;
|
|
13682
13691
|
return theme.mediaQueries.mobile;
|
|
13683
13692
|
});
|
|
13684
13693
|
var CapInput = styledComponents.styled(NumericalInput).withConfig({
|
|
13685
13694
|
displayName: "CapInput",
|
|
13686
13695
|
componentId: "sc-1vjnrpf-2"
|
|
13687
|
-
})(_templateObject3$
|
|
13696
|
+
})(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n height: 50px;\n font-size: 16px;\n padding: 11px 0px 11px 24px;\n border: 1px solid ", ";\n background: ", ";\n border-radius: 10px;\n margin-bottom: 20px;\n ::placeholder {\n color: ", ";\n font-weight: 500;\n }\n"])), function (_ref2) {
|
|
13688
13697
|
var theme = _ref2.theme;
|
|
13689
13698
|
return theme.colors.white10;
|
|
13690
13699
|
}, function (_ref3) {
|
|
@@ -13697,7 +13706,7 @@ var CapInput = styledComponents.styled(NumericalInput).withConfig({
|
|
|
13697
13706
|
var EligibleWrapper = styledComponents.styled.div.withConfig({
|
|
13698
13707
|
displayName: "EligibleWrapper",
|
|
13699
13708
|
componentId: "sc-1vjnrpf-3"
|
|
13700
|
-
})(_templateObject4$
|
|
13709
|
+
})(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: max-content;\n height: 50px;\n width: 100%;\n padding: 15.5px;\n //Used only once in this component, not declared on theme\n background: #272730;\n box-sizing: border-box;\n border-radius: 10px;\n margin-bottom: 26px;\n"])));
|
|
13701
13710
|
var IdoActionButton = styledComponents.styled(Button$1).withConfig({
|
|
13702
13711
|
displayName: "IdoActionButton",
|
|
13703
13712
|
componentId: "sc-1vjnrpf-4"
|
|
@@ -14108,29 +14117,29 @@ var AddToCap = function AddToCap(_ref18) {
|
|
|
14108
14117
|
return withoutActions ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {}) : contentWrapper;
|
|
14109
14118
|
};
|
|
14110
14119
|
|
|
14111
|
-
var _templateObject$
|
|
14120
|
+
var _templateObject$x, _templateObject2$n, _templateObject3$h, _templateObject4$d, _templateObject5$b;
|
|
14112
14121
|
var Description = styledComponents.styled.div.withConfig({
|
|
14113
14122
|
displayName: "Description",
|
|
14114
14123
|
componentId: "sc-h5yjzn-0"
|
|
14115
|
-
})(_templateObject$
|
|
14124
|
+
})(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n font-family: Manrope;\n font-size: 12px;\n line-height: 170%;\n color: rgba(255, 255, 255, 0.55);\n align-self: flex-start;\n font-weight: normal;\n"])));
|
|
14116
14125
|
var CounterWrapper = styledComponents.styled.div.withConfig({
|
|
14117
14126
|
displayName: "CounterWrapper",
|
|
14118
14127
|
componentId: "sc-h5yjzn-1"
|
|
14119
|
-
})(_templateObject2$
|
|
14128
|
+
})(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 81px;\n background: ", ";\n border: 1px solid rgba(255, 255, 255, 0.03);\n display: flex;\n border-radius: 10px;\n padding: 15px 0px 21px 20px;\n"])), function (_ref) {
|
|
14120
14129
|
var theme = _ref.theme;
|
|
14121
14130
|
return theme.backgrounds.secondary;
|
|
14122
14131
|
});
|
|
14123
14132
|
var CapDescriptionWrapper = styledComponents.styled.div.withConfig({
|
|
14124
14133
|
displayName: "CapDescriptionWrapper",
|
|
14125
14134
|
componentId: "sc-h5yjzn-2"
|
|
14126
|
-
})(_templateObject3$
|
|
14135
|
+
})(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n font-weight: bold;\n"])), function (_ref2) {
|
|
14127
14136
|
var theme = _ref2.theme;
|
|
14128
14137
|
return theme.colors.white;
|
|
14129
14138
|
});
|
|
14130
14139
|
var SoftCapWrapper = styledComponents.styled(CapDescriptionWrapper).withConfig({
|
|
14131
14140
|
displayName: "SoftCapWrapper",
|
|
14132
14141
|
componentId: "sc-h5yjzn-3"
|
|
14133
|
-
})(_templateObject4$
|
|
14142
|
+
})(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral(["\n border-right: 2px solid #252530;\n margin-left: 10px;\n padding-right: 17px;\n"])));
|
|
14134
14143
|
var HardCapWrapper = styledComponents.styled(CapDescriptionWrapper).withConfig({
|
|
14135
14144
|
displayName: "HardCapWrapper",
|
|
14136
14145
|
componentId: "sc-h5yjzn-4"
|
|
@@ -14188,29 +14197,29 @@ var SpacePadSchedule = function SpacePadSchedule(_ref) {
|
|
|
14188
14197
|
});
|
|
14189
14198
|
};
|
|
14190
14199
|
|
|
14191
|
-
var _templateObject$
|
|
14200
|
+
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a;
|
|
14192
14201
|
var MainWrapper = styledComponents.styled.div.withConfig({
|
|
14193
14202
|
displayName: "MainWrapper",
|
|
14194
14203
|
componentId: "sc-1bkh9t5-0"
|
|
14195
|
-
})(_templateObject$
|
|
14204
|
+
})(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.1);\n width: ", ";\n height: 34px;\n border-radius: 10px;\n font-weight: bold;\n font-size: 14px;\n padding: 2px;\n z-index: 99;\n"])), function (_ref) {
|
|
14196
14205
|
var width = _ref.width;
|
|
14197
14206
|
return width ? "".concat(width, "px") : "100%";
|
|
14198
14207
|
});
|
|
14199
14208
|
var SecondWrapper = styledComponents.styled.div.withConfig({
|
|
14200
14209
|
displayName: "SecondWrapper",
|
|
14201
14210
|
componentId: "sc-1bkh9t5-1"
|
|
14202
|
-
})(_templateObject2$
|
|
14211
|
+
})(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n border-radius: 8px;\n z-index: 101;\n width: 100%;\n"])));
|
|
14203
14212
|
var ToggleButton = styledComponents.styled.div.withConfig({
|
|
14204
14213
|
displayName: "ToggleButton",
|
|
14205
14214
|
componentId: "sc-1bkh9t5-2"
|
|
14206
|
-
})(_templateObject3$
|
|
14215
|
+
})(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n height: 100%;\n width: 50%;\n background: rgba(255, 255, 255, 0.85);\n border-radius: 8px;\n transform: translateX(", ");\n transition: 0.4s ease-out;\n z-index: 100;\n"])), function (_ref2) {
|
|
14207
14216
|
var isSwitched = _ref2.isSwitched;
|
|
14208
14217
|
return isSwitched ? "100%" : "0%";
|
|
14209
14218
|
});
|
|
14210
14219
|
var RowWrapper = styledComponents.styled.div.withConfig({
|
|
14211
14220
|
displayName: "RowWrapper",
|
|
14212
14221
|
componentId: "sc-1bkh9t5-3"
|
|
14213
|
-
})(_templateObject4$
|
|
14222
|
+
})(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n"])));
|
|
14214
14223
|
var SubscriptionWrapper = styledComponents.styled.div.withConfig({
|
|
14215
14224
|
displayName: "SubscriptionWrapper",
|
|
14216
14225
|
componentId: "sc-1bkh9t5-4"
|
|
@@ -14260,15 +14269,15 @@ var Switch = function Switch(_ref4) {
|
|
|
14260
14269
|
});
|
|
14261
14270
|
};
|
|
14262
14271
|
|
|
14263
|
-
var _templateObject$
|
|
14272
|
+
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$7, _templateObject7$4, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1;
|
|
14264
14273
|
var SponsoredText = styledComponents.styled(Text).withConfig({
|
|
14265
14274
|
displayName: "SponsoredText",
|
|
14266
14275
|
componentId: "sc-8tid8r-0"
|
|
14267
|
-
})(_templateObject$
|
|
14276
|
+
})(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n position: absolute;\n font-weight: normal;\n font-size: 10px;\n line-height: 170%;\n color: #12ffb8;\n top: -20px;\n left: 10px;\n"])));
|
|
14268
14277
|
var SpacePadProjectWrapper = styledComponents.styled.div.withConfig({
|
|
14269
14278
|
displayName: "SpacePadProjectWrapper",
|
|
14270
14279
|
componentId: "sc-8tid8r-1"
|
|
14271
|
-
})(_templateObject2$
|
|
14280
|
+
})(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n position: relative;\n width: 406px;\n height: max-content;\n ", " {\n min-width: max-content;\n }\n ", " {\n width: 100%;\n }\n"])), function (_ref) {
|
|
14272
14281
|
var theme = _ref.theme;
|
|
14273
14282
|
return theme.mediaQueries.desktop;
|
|
14274
14283
|
}, function (_ref2) {
|
|
@@ -14278,7 +14287,7 @@ var SpacePadProjectWrapper = styledComponents.styled.div.withConfig({
|
|
|
14278
14287
|
var SpacePadProjectCard = styledComponents.styled.div.withConfig({
|
|
14279
14288
|
displayName: "SpacePadProjectCard",
|
|
14280
14289
|
componentId: "sc-8tid8r-2"
|
|
14281
|
-
})(_templateObject3$
|
|
14290
|
+
})(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 15px;\n max-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n cursor: pointer;\n padding-bottom: 24px;\n"])), function (_ref3) {
|
|
14282
14291
|
var theme = _ref3.theme;
|
|
14283
14292
|
return theme.backgrounds.primary;
|
|
14284
14293
|
}, function (_ref4) {
|
|
@@ -14289,7 +14298,7 @@ var SpacePadProjectCard = styledComponents.styled.div.withConfig({
|
|
|
14289
14298
|
var ProjectPoster = styledComponents.styled.div.withConfig({
|
|
14290
14299
|
displayName: "ProjectPoster",
|
|
14291
14300
|
componentId: "sc-8tid8r-3"
|
|
14292
|
-
})(_templateObject4$
|
|
14301
|
+
})(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n min-height: 175px;\n width: 100%;\n position: relative;\n background: #16161d;\n background-image: ", ";\n background-position: center; /* Center the image */\n background-repeat: no-repeat; /* Do not repeat the image */\n background-size: cover;\n"])), function (_ref5) {
|
|
14293
14302
|
var background = _ref5.background;
|
|
14294
14303
|
return background;
|
|
14295
14304
|
});
|
|
@@ -14557,11 +14566,11 @@ var SpacePadProject = function SpacePadProject(props) {
|
|
|
14557
14566
|
});
|
|
14558
14567
|
};
|
|
14559
14568
|
|
|
14560
|
-
var _templateObject$
|
|
14569
|
+
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$3, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
14561
14570
|
var AccountInfoWrapper = styledComponents.styled.div.withConfig({
|
|
14562
14571
|
displayName: "AccountInfoWrapper",
|
|
14563
14572
|
componentId: "sc-1p04ez8-0"
|
|
14564
|
-
})(_templateObject$
|
|
14573
|
+
})(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n position: relative;\n background: ", ";\n border: 1px solid ", ";\n border-radius: 10px;\n padding: 42px 30px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", " {\n flex-direction: column;\n padding: 30px 20px;\n }\n"])), function (_ref) {
|
|
14565
14574
|
var theme = _ref.theme;
|
|
14566
14575
|
return theme.colors.card;
|
|
14567
14576
|
}, function (_ref2) {
|
|
@@ -14574,7 +14583,7 @@ var AccountInfoWrapper = styledComponents.styled.div.withConfig({
|
|
|
14574
14583
|
var StyledAccountInfo = styledComponents.styled.div.withConfig({
|
|
14575
14584
|
displayName: "StyledAccountInfo",
|
|
14576
14585
|
componentId: "sc-1p04ez8-1"
|
|
14577
|
-
})(_templateObject2$
|
|
14586
|
+
})(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: space-between;\n justify-content: flex-start;\n margin-left: 28px;\n ", " {\n margin-bottom: ", ";\n margin-left: 0px;\n }\n"])), function (_ref4) {
|
|
14578
14587
|
var theme = _ref4.theme;
|
|
14579
14588
|
return theme.mediaQueries.mobile;
|
|
14580
14589
|
}, function (_ref5) {
|
|
@@ -14584,7 +14593,7 @@ var StyledAccountInfo = styledComponents.styled.div.withConfig({
|
|
|
14584
14593
|
var UserComponent = styledComponents.styled.p.withConfig({
|
|
14585
14594
|
displayName: "UserComponent",
|
|
14586
14595
|
componentId: "sc-1p04ez8-2"
|
|
14587
|
-
})(_templateObject3$
|
|
14596
|
+
})(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", " {\n width: 100%;\n margin-bottom: ", ";\n }\n ", " {\n width: 100%;\n justify-content: ", ";\n }\n"])), function (_ref6) {
|
|
14588
14597
|
var theme = _ref6.theme;
|
|
14589
14598
|
return theme.mediaQueries.tablet;
|
|
14590
14599
|
}, function (_ref7) {
|
|
@@ -14610,7 +14619,7 @@ var UserComponent = styledComponents.styled.p.withConfig({
|
|
|
14610
14619
|
var AccountComponent = styledComponents.styled.div.withConfig({
|
|
14611
14620
|
displayName: "AccountComponent",
|
|
14612
14621
|
componentId: "sc-1p04ez8-3"
|
|
14613
|
-
})(_templateObject4$
|
|
14622
|
+
})(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n border: 1px solid ", ";\n border-radius: 10px;\n background: ", ";\n padding: 16px 24px;\n margin-left: 31px;\n ", " {\n width: 100%;\n align-items: center;\n margin-left: 0px;\n }\n"])), function (_ref0) {
|
|
14614
14623
|
var theme = _ref0.theme;
|
|
14615
14624
|
return theme.colors.white3;
|
|
14616
14625
|
}, function (_ref1) {
|
|
@@ -14858,29 +14867,29 @@ var AccountInfo = function AccountInfo(_ref27) {
|
|
|
14858
14867
|
});
|
|
14859
14868
|
};
|
|
14860
14869
|
|
|
14861
|
-
var _templateObject$
|
|
14870
|
+
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$2;
|
|
14862
14871
|
var UserTiersWrapper = styledComponents.styled.div.withConfig({
|
|
14863
14872
|
displayName: "UserTiersWrapper",
|
|
14864
14873
|
componentId: "sc-ge61bg-0"
|
|
14865
|
-
})(_templateObject$
|
|
14874
|
+
})(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n height: max-content;\n background: ", ";\n border-radius: 16px;\n padding: 32px;\n"])), function (_ref) {
|
|
14866
14875
|
var theme = _ref.theme;
|
|
14867
14876
|
return theme.colors.card;
|
|
14868
14877
|
});
|
|
14869
14878
|
var TiersTitle = styledComponents.styled(Text).withConfig({
|
|
14870
14879
|
displayName: "TiersTitle",
|
|
14871
14880
|
componentId: "sc-ge61bg-1"
|
|
14872
|
-
})(_templateObject2$
|
|
14881
|
+
})(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n color: ", ";\n margin-bottom: 20px;\n"])), function (_ref2) {
|
|
14873
14882
|
var theme = _ref2.theme;
|
|
14874
14883
|
return theme.colors.white;
|
|
14875
14884
|
});
|
|
14876
14885
|
var Column = styledComponents.styled.div.withConfig({
|
|
14877
14886
|
displayName: "Column",
|
|
14878
14887
|
componentId: "sc-ge61bg-2"
|
|
14879
|
-
})(_templateObject3$
|
|
14888
|
+
})(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n"])));
|
|
14880
14889
|
var TierRow = styledComponents.styled(Box).withConfig({
|
|
14881
14890
|
displayName: "TierRow",
|
|
14882
14891
|
componentId: "sc-ge61bg-3"
|
|
14883
|
-
})(_templateObject4$
|
|
14892
|
+
})(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0px;\n border-bottom: ", ";\n"])), function (_ref3) {
|
|
14884
14893
|
var bordered = _ref3.bordered;
|
|
14885
14894
|
return bordered && "1px solid #272730";
|
|
14886
14895
|
});
|
|
@@ -14970,11 +14979,11 @@ var UserTiers = function UserTiers(props) {
|
|
|
14970
14979
|
});
|
|
14971
14980
|
};
|
|
14972
14981
|
|
|
14973
|
-
var _templateObject$
|
|
14982
|
+
var _templateObject$s;
|
|
14974
14983
|
var StyledMultiValue = styledComponents.styled.div.withConfig({
|
|
14975
14984
|
displayName: "StyledMultiValue",
|
|
14976
14985
|
componentId: "sc-11c5hed-0"
|
|
14977
|
-
})(_templateObject$
|
|
14986
|
+
})(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n"])));
|
|
14978
14987
|
var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
|
|
14979
14988
|
var spaceRound = _ref.spaceRound,
|
|
14980
14989
|
useEndTime = _ref.useEndTime,
|
|
@@ -15008,24 +15017,24 @@ var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
|
|
|
15008
15017
|
});
|
|
15009
15018
|
};
|
|
15010
15019
|
|
|
15011
|
-
var _templateObject$
|
|
15020
|
+
var _templateObject$r;
|
|
15012
15021
|
var ReferralTitle = styledComponents.styled(Text).withConfig({
|
|
15013
15022
|
displayName: "ReferralTitle",
|
|
15014
15023
|
componentId: "sc-q2pgu9-0"
|
|
15015
|
-
})(_templateObject$
|
|
15024
|
+
})(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n color: ", ";\n"])), function (_ref) {
|
|
15016
15025
|
var fontColor = _ref.fontColor;
|
|
15017
15026
|
return fontColor || "#ffffff";
|
|
15018
15027
|
});
|
|
15019
15028
|
|
|
15020
|
-
var _templateObject$
|
|
15029
|
+
var _templateObject$q, _templateObject2$i;
|
|
15021
15030
|
var ReferralBannerWrapper = styledComponents.styled.div.withConfig({
|
|
15022
15031
|
displayName: "ReferralBannerWrapper",
|
|
15023
15032
|
componentId: "sc-3cib5z-0"
|
|
15024
|
-
})(_templateObject$
|
|
15033
|
+
})(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
15025
15034
|
var InvitationDescription = styledComponents.styled(Text).withConfig({
|
|
15026
15035
|
displayName: "InvitationDescription",
|
|
15027
15036
|
componentId: "sc-3cib5z-1"
|
|
15028
|
-
})(_templateObject2$
|
|
15037
|
+
})(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n color: #818c92;\n margin-bottom: 24px;\n"])));
|
|
15029
15038
|
var ReferralBanner = function ReferralBanner(props) {
|
|
15030
15039
|
var refFee = props.refFee,
|
|
15031
15040
|
onReadMore = props.onReadMore,
|
|
@@ -15090,29 +15099,29 @@ var copyValueToClipboard = function copyValueToClipboard(value, copyCallback) {
|
|
|
15090
15099
|
}, 3000);
|
|
15091
15100
|
};
|
|
15092
15101
|
|
|
15093
|
-
var _templateObject$
|
|
15102
|
+
var _templateObject$p, _templateObject2$h, _templateObject3$c, _templateObject4$8, _templateObject5$6, _templateObject6$4;
|
|
15094
15103
|
var TableCard = styledComponents.styled(Card).withConfig({
|
|
15095
15104
|
displayName: "TableCard",
|
|
15096
15105
|
componentId: "sc-wd2wdf-0"
|
|
15097
|
-
})(_templateObject$
|
|
15106
|
+
})(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n border: none;\n padding: 15px;\n width: 100%;\n margin-bottom: 24px;\n ", " {\n padding: 25px 30px;\n }\n"])), function (_ref) {
|
|
15098
15107
|
var theme = _ref.theme;
|
|
15099
15108
|
return theme.mediaQueries.sm;
|
|
15100
15109
|
});
|
|
15101
15110
|
var CopyLinkCardWrapper = styledComponents.styled(TableCard).withConfig({
|
|
15102
15111
|
displayName: "CopyLinkCardWrapper",
|
|
15103
15112
|
componentId: "sc-wd2wdf-1"
|
|
15104
|
-
})(_templateObject2$
|
|
15113
|
+
})(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n background: #1d1d26;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])));
|
|
15105
15114
|
var MyReferralCard = styledComponents.styled(TableCard).withConfig({
|
|
15106
15115
|
displayName: "MyReferralCard",
|
|
15107
15116
|
componentId: "sc-wd2wdf-2"
|
|
15108
|
-
})(_templateObject3$
|
|
15117
|
+
})(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n background: #16161d;\n display: flex;\n justify-content: space-between;\n align-items: center;\n grid-column: span 6;\n ", " {\n grid-column: span 7;\n }\n"])), function (_ref2) {
|
|
15109
15118
|
var theme = _ref2.theme;
|
|
15110
15119
|
return theme.mediaQueries.sm;
|
|
15111
15120
|
});
|
|
15112
15121
|
var RefLink = styledComponents.styled(Text).withConfig({
|
|
15113
15122
|
displayName: "RefLink",
|
|
15114
15123
|
componentId: "sc-wd2wdf-3"
|
|
15115
|
-
})(_templateObject4$
|
|
15124
|
+
})(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n display: inline;\n align-items: center;\n text-overflow: ellipsis;\n width: 80%;\n overflow: hidden;\n white-space: nowrap;\n height: max-content;\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n"])));
|
|
15116
15125
|
var SocialRow = styledComponents.styled.div.withConfig({
|
|
15117
15126
|
displayName: "SocialRow",
|
|
15118
15127
|
componentId: "sc-wd2wdf-4"
|
|
@@ -15205,11 +15214,11 @@ var CopyLinkCard = function CopyLinkCard(_ref3) {
|
|
|
15205
15214
|
});
|
|
15206
15215
|
};
|
|
15207
15216
|
|
|
15208
|
-
var _templateObject$
|
|
15217
|
+
var _templateObject$o, _templateObject2$g, _templateObject3$b, _templateObject4$7;
|
|
15209
15218
|
var StyledModal = styledComponents.styled.div.withConfig({
|
|
15210
15219
|
displayName: "StyledModal",
|
|
15211
15220
|
componentId: "sc-gb2uez-0"
|
|
15212
|
-
})(_templateObject$
|
|
15221
|
+
})(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n background: ", ";\n box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n @-moz-document url-prefix() {\n background: #191921 !important;\n }\n border-radius: 15px;\n width: 100%;\n z-index: 99;\n overflow-y: auto;\n padding-bottom: 8px;\n ", " {\n width: auto;\n min-width: 360px;\n max-width: ", ";\n max-height: 80%;\n }\n ", " {\n max-height: 80vh;\n }\n"])), function (_ref) {
|
|
15213
15222
|
var theme = _ref.theme;
|
|
15214
15223
|
return theme.colors.card;
|
|
15215
15224
|
}, function (_ref2) {
|
|
@@ -15225,15 +15234,15 @@ var StyledModal = styledComponents.styled.div.withConfig({
|
|
|
15225
15234
|
var CloseButton = styledComponents.styled(Button$1).withConfig({
|
|
15226
15235
|
displayName: "CloseButton",
|
|
15227
15236
|
componentId: "sc-gb2uez-1"
|
|
15228
|
-
})(_templateObject2$
|
|
15237
|
+
})(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n z-index: 99999;\n width: 16px;\n border: none;\n align-items: flex-start !important;\n padding: 0px !important;\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n background-color: transparent;\n border-color: transparent;\n }\n &:focus:not(:active) {\n box-shadow: none;\n }\n"])));
|
|
15229
15238
|
var ModalHeader = styledComponents.styled.div.withConfig({
|
|
15230
15239
|
displayName: "ModalHeader",
|
|
15231
15240
|
componentId: "sc-gb2uez-2"
|
|
15232
|
-
})(_templateObject3$
|
|
15241
|
+
})(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 24px 24px 0;\n"])));
|
|
15233
15242
|
var ModalTitle = styledComponents.styled(Flex).withConfig({
|
|
15234
15243
|
displayName: "ModalTitle",
|
|
15235
15244
|
componentId: "sc-gb2uez-3"
|
|
15236
|
-
})(_templateObject4$
|
|
15245
|
+
})(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n align-items: center;\n flex: 1;\n"])));
|
|
15237
15246
|
var Modal = function Modal(_ref5) {
|
|
15238
15247
|
var title = _ref5.title,
|
|
15239
15248
|
onDismiss = _ref5.onDismiss,
|
|
@@ -15276,7 +15285,7 @@ var Modal = function Modal(_ref5) {
|
|
|
15276
15285
|
});
|
|
15277
15286
|
};
|
|
15278
15287
|
|
|
15279
|
-
var _templateObject$
|
|
15288
|
+
var _templateObject$n;
|
|
15280
15289
|
var Overlay = styledComponents.styled.div.attrs(function (_ref) {
|
|
15281
15290
|
var _ref$show = _ref.show,
|
|
15282
15291
|
show = _ref$show === void 0 ? false : _ref$show,
|
|
@@ -15290,7 +15299,7 @@ var Overlay = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
15290
15299
|
}).withConfig({
|
|
15291
15300
|
displayName: "Overlay",
|
|
15292
15301
|
componentId: "sc-1u1va95-0"
|
|
15293
|
-
})(_templateObject$
|
|
15302
|
+
})(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgb(22, 22, 29);\n transition: opacity 0.4s;\n opacity: ", ";\n z-index: ", ";\n pointer-events: ", ";\n"])), function (_ref2) {
|
|
15294
15303
|
var _ref2$show = _ref2.show,
|
|
15295
15304
|
show = _ref2$show === void 0 ? false : _ref2$show;
|
|
15296
15305
|
return show ? 0.6 : 0;
|
|
@@ -15304,11 +15313,11 @@ var Overlay = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
15304
15313
|
return show ? "initial" : "none";
|
|
15305
15314
|
});
|
|
15306
15315
|
|
|
15307
|
-
var _templateObject$
|
|
15316
|
+
var _templateObject$m;
|
|
15308
15317
|
var ModalWrapper = styledComponents.styled.div.withConfig({
|
|
15309
15318
|
displayName: "ModalWrapper",
|
|
15310
15319
|
componentId: "sc-4rfz2j-0"
|
|
15311
|
-
})(_templateObject$
|
|
15320
|
+
})(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\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 justify-content: flex-start;\n padding-top: 50px;\n }\n"])), function (_ref) {
|
|
15312
15321
|
var theme = _ref.theme;
|
|
15313
15322
|
return theme.zIndices.modal - 1;
|
|
15314
15323
|
}, function (_ref2) {
|
|
@@ -15420,12 +15429,12 @@ var types = {
|
|
|
15420
15429
|
};
|
|
15421
15430
|
|
|
15422
15431
|
var _excluded$3 = ["toast", "onRemove", "style", "ttl"];
|
|
15423
|
-
var _templateObject$
|
|
15432
|
+
var _templateObject$l;
|
|
15424
15433
|
var alertTypeMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, types.INFO, variants$3.INFO), types.SUCCESS, variants$3.SUCCESS), types.DANGER, variants$3.DANGER), types.WARNING, variants$3.WARNING);
|
|
15425
15434
|
var StyledToast = styledComponents.styled.div.withConfig({
|
|
15426
15435
|
displayName: "StyledToast",
|
|
15427
15436
|
componentId: "sc-1y3cmzu-0"
|
|
15428
|
-
})(_templateObject$
|
|
15437
|
+
})(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n right: 30px; // 14px+\n position: fixed;\n max-width: calc(100% - 32px);\n transition: all 250ms ease-in;\n width: 100%;\n\n ", " {\n max-width: 400px;\n }\n"])), function (_ref) {
|
|
15429
15438
|
var theme = _ref.theme;
|
|
15430
15439
|
return theme.mediaQueries.sm;
|
|
15431
15440
|
});
|
|
@@ -15499,13 +15508,13 @@ var Toast = function Toast(_ref2) {
|
|
|
15499
15508
|
);
|
|
15500
15509
|
};
|
|
15501
15510
|
|
|
15502
|
-
var _templateObject$
|
|
15511
|
+
var _templateObject$k;
|
|
15503
15512
|
var ZINDEX = 1000;
|
|
15504
15513
|
var TOP_POSITION = 94; // Initial position from the top, 14px+
|
|
15505
15514
|
var StyledToastContainer = styledComponents.styled.div.withConfig({
|
|
15506
15515
|
displayName: "StyledToastContainer",
|
|
15507
15516
|
componentId: "sc-1cnkl3o-0"
|
|
15508
|
-
})(_templateObject$
|
|
15517
|
+
})(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n .enter,\n .appear {\n opacity: 0.01;\n }\n\n .enter.enter-active,\n .appear.appear-active {\n opacity: 1;\n transition: opacity 250ms ease-in;\n }\n\n .exit {\n opacity: 1;\n }\n\n .exit.exit-active {\n opacity: 0.01;\n transition: opacity 250ms ease-out;\n }\n"])));
|
|
15509
15518
|
var ToastContainer = function ToastContainer(_ref) {
|
|
15510
15519
|
var toasts = _ref.toasts,
|
|
15511
15520
|
onRemove = _ref.onRemove,
|
|
@@ -16188,42 +16197,54 @@ var IconModule = /*#__PURE__*/Object.freeze({
|
|
|
16188
16197
|
YouTubeIcon: Icon$e
|
|
16189
16198
|
});
|
|
16190
16199
|
|
|
16191
|
-
var _templateObject$
|
|
16200
|
+
var _templateObject$j, _templateObject2$f;
|
|
16192
16201
|
var StyledLink = styledComponents.styled(reactRouterDom.Link).withConfig({
|
|
16193
16202
|
displayName: "StyledLink",
|
|
16194
16203
|
componentId: "sc-1u6975p-0"
|
|
16195
|
-
})(_templateObject$
|
|
16204
|
+
})(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: flex;\n display: -webkit-flex;\n align-items: center;\n -webkit-align-items: center;\n .mobile-icon {\n width: 32px;\n margin-left: 10px;\n }\n .desktop-icon {\n width: 156px;\n display: none;\n ", " {\n display: block;\n }\n }\n margin-left: 0px;\n"])), function (_ref) {
|
|
16196
16205
|
var theme = _ref.theme;
|
|
16197
16206
|
return theme.mediaQueries.nav;
|
|
16198
16207
|
});
|
|
16199
|
-
var CoinswapLogo = styledComponents.styled.div.
|
|
16208
|
+
var CoinswapLogo = styledComponents.styled.div.attrs(function (_ref2) {
|
|
16209
|
+
_ref2.isPushed;
|
|
16210
|
+
return {
|
|
16211
|
+
// Remove isPushed from DOM props
|
|
16212
|
+
isPushed: undefined
|
|
16213
|
+
};
|
|
16214
|
+
}).withConfig({
|
|
16200
16215
|
displayName: "CoinswapLogo",
|
|
16201
16216
|
componentId: "sc-1u6975p-1"
|
|
16202
|
-
})(_templateObject2$
|
|
16203
|
-
var isPushed = _ref2.isPushed;
|
|
16204
|
-
return isPushed ? 1 : 0;
|
|
16205
|
-
}, function (_ref3) {
|
|
16217
|
+
})(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n opacity: ", ";\n width: ", ";\n overflow: hidden;\n transition: width 0.6s, opacity 0.3s;\n"])), function (_ref3) {
|
|
16206
16218
|
var isPushed = _ref3.isPushed;
|
|
16219
|
+
return isPushed ? 1 : 0;
|
|
16220
|
+
}, function (_ref4) {
|
|
16221
|
+
var isPushed = _ref4.isPushed;
|
|
16207
16222
|
return isPushed ? "200px" : "0px";
|
|
16208
16223
|
});
|
|
16209
|
-
var Logo = function Logo(
|
|
16210
|
-
var isPushed =
|
|
16211
|
-
isDark =
|
|
16212
|
-
href =
|
|
16213
|
-
isMobile =
|
|
16224
|
+
var Logo = function Logo(_ref5) {
|
|
16225
|
+
var isPushed = _ref5.isPushed,
|
|
16226
|
+
isDark = _ref5.isDark,
|
|
16227
|
+
href = _ref5.href,
|
|
16228
|
+
isMobile = _ref5.isMobile;
|
|
16214
16229
|
var isAbsoluteUrl = href.startsWith("http");
|
|
16215
16230
|
var innerLogo = function innerLogo(pushed) {
|
|
16216
16231
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
16217
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16218
|
-
|
|
16219
|
-
|
|
16232
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
16233
|
+
style: {
|
|
16234
|
+
display: pushed && !isMobile ? 'none' : 'block'
|
|
16235
|
+
},
|
|
16236
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Icon$1P, {
|
|
16237
|
+
className: "mobile-icon",
|
|
16238
|
+
width: "32px",
|
|
16239
|
+
$opac: true
|
|
16240
|
+
})
|
|
16220
16241
|
}), /*#__PURE__*/jsxRuntime.jsx(CoinswapLogo, {
|
|
16221
|
-
isPushed: pushed,
|
|
16222
|
-
children: !isMobile ? /*#__PURE__*/jsxRuntime.jsx(LogoWithText, {
|
|
16242
|
+
isPushed: pushed && !isMobile,
|
|
16243
|
+
children: !isMobile && pushed ? /*#__PURE__*/jsxRuntime.jsx(LogoWithText, {
|
|
16223
16244
|
className: "desktop-icon",
|
|
16224
16245
|
isDark: isDark,
|
|
16225
16246
|
$opac: true
|
|
16226
|
-
}) :
|
|
16247
|
+
}) : null
|
|
16227
16248
|
})]
|
|
16228
16249
|
});
|
|
16229
16250
|
};
|
|
@@ -16392,12 +16413,12 @@ var MENU_ACCORDION_HEIGHT = 30;
|
|
|
16392
16413
|
var SIDEBAR_WIDTH_FULL = 240;
|
|
16393
16414
|
var SIDEBAR_WIDTH_REDUCED = 70;
|
|
16394
16415
|
|
|
16395
|
-
var _templateObject$
|
|
16396
|
-
var rainbowAnimation = styledComponents.keyframes(_templateObject$
|
|
16416
|
+
var _templateObject$i, _templateObject2$e, _templateObject3$a;
|
|
16417
|
+
var rainbowAnimation = styledComponents.keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n 0%,\n 100% {\n background-position: 0 0;\n }\n 50% {\n background-position: 100% 0;\n }\n"])));
|
|
16397
16418
|
var LinkLabel = styledComponents.styled.div.withConfig({
|
|
16398
16419
|
displayName: "LinkLabel",
|
|
16399
16420
|
componentId: "sc-1sxukum-0"
|
|
16400
|
-
})(_templateObject2$
|
|
16421
|
+
})(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n color: ", ";\n transition: all 0.7s;\n flex-grow: 1;\n font-weight: 700;\n font-size: 14px;\n width: 100%;\n opacity: ", ";\n"])), function (_ref) {
|
|
16401
16422
|
var isPushed = _ref.isPushed,
|
|
16402
16423
|
isActive = _ref.isActive;
|
|
16403
16424
|
return !isPushed ? "transparent" : isActive ? "rgba(255, 255, 255, 1)" : "rgba(255, 255, 255, 0.5)";
|
|
@@ -16408,7 +16429,7 @@ var LinkLabel = styledComponents.styled.div.withConfig({
|
|
|
16408
16429
|
var MenuEntry = styledComponents.styled.div.withConfig({
|
|
16409
16430
|
displayName: "MenuEntry",
|
|
16410
16431
|
componentId: "sc-1sxukum-1"
|
|
16411
|
-
})(_templateObject3$
|
|
16432
|
+
})(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n cursor: pointer;\n display: flex;\n align-items: center;\n height: ", "px;\n width: ", "px;\n padding: ", ";\n font-size: 14px;\n background-color: ", ";\n color: ", ";\n transition: all 0.9s;\n ", " {\n height: 40px;\n }\n\n a {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n color: ", ";\n font-weight: 700;\n transition: all 0.5s;\n }\n\n .dot {\n height: 5px;\n width: 5px;\n border-radius: 50%;\n display: inline-block;\n background-color: ", ";\n }\n\n svg {\n fill: ", ";\n margin-right: 13px;\n }\n\n &:hover {\n svg {\n path {\n fill: #12ffb8;\n fill-opacity: 1;\n }\n margin-right: ", ";\n }\n div,\n a {\n svg {\n path {\n fill: ", ";\n }\n }\n }\n\n div,\n a {\n color: rgba(255, 255, 255, 1);\n }\n }\n\n // Safari fix\n flex-shrink: 0;\n\n &.rainbow {\n background-clip: text;\n animation: ", " 3s ease-in-out infinite;\n background: ", ";\n background-size: 400% 100%;\n }\n"])), MENU_ENTRY_HEIGHT, SIDEBAR_WIDTH_FULL, function (_ref3) {
|
|
16412
16433
|
var secondary = _ref3.secondary;
|
|
16413
16434
|
return secondary ? "0 32px" : "0 25px";
|
|
16414
16435
|
}, function (_ref4) {
|
|
@@ -16442,15 +16463,15 @@ var MenuEntry = styledComponents.styled.div.withConfig({
|
|
|
16442
16463
|
return theme.colors.gradients.bubblegum;
|
|
16443
16464
|
});
|
|
16444
16465
|
|
|
16445
|
-
var _templateObject$
|
|
16466
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$9;
|
|
16446
16467
|
var Container$2 = styledComponents.styled.div.withConfig({
|
|
16447
16468
|
displayName: "Container",
|
|
16448
16469
|
componentId: "sc-1j605qy-0"
|
|
16449
|
-
})(_templateObject$
|
|
16470
|
+
})(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n // Safari fix\n flex-shrink: 0;\n"])));
|
|
16450
16471
|
var AccordionContent = styledComponents.styled.div.withConfig({
|
|
16451
16472
|
displayName: "AccordionContent",
|
|
16452
16473
|
componentId: "sc-1j605qy-1"
|
|
16453
|
-
})(_templateObject2$
|
|
16474
|
+
})(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n max-height: ", ";\n transition: max-height 0.3s ease-out;\n overflow-x: hidden;\n overflow-y: scroll;\n border-color: ", ";\n border-style: solid;\n border-width: 1px 0;\n border-bottom: none;\n"])), function (_ref) {
|
|
16454
16475
|
var isOpen = _ref.isOpen,
|
|
16455
16476
|
maxHeight = _ref.maxHeight;
|
|
16456
16477
|
return isOpen ? "".concat(maxHeight, "px") : 0;
|
|
@@ -16462,7 +16483,7 @@ var AccordionContent = styledComponents.styled.div.withConfig({
|
|
|
16462
16483
|
var ArrowIcon = styledComponents.styled(Icon$2j).withConfig({
|
|
16463
16484
|
displayName: "ArrowIcon",
|
|
16464
16485
|
componentId: "sc-1j605qy-2"
|
|
16465
|
-
})(_templateObject3$
|
|
16486
|
+
})(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n margin-right: -7px !important;\n transform: rotate(", "deg);\n transition: transform 0.4s;\n"])), function (_ref3) {
|
|
16466
16487
|
var isOpen = _ref3.isOpen;
|
|
16467
16488
|
return isOpen ? 0 : 180;
|
|
16468
16489
|
});
|
|
@@ -16544,19 +16565,19 @@ exports.ExtraIcon = void 0;
|
|
|
16544
16565
|
ExtraIcon["new"] = "new";
|
|
16545
16566
|
})(exports.ExtraIcon || (exports.ExtraIcon = {}));
|
|
16546
16567
|
|
|
16547
|
-
var _templateObject$
|
|
16568
|
+
var _templateObject$g, _templateObject2$c;
|
|
16548
16569
|
var Icons$2 = IconModule;
|
|
16549
16570
|
var Container$1 = styledComponents.styled.div.withConfig({
|
|
16550
16571
|
displayName: "Container",
|
|
16551
16572
|
componentId: "sc-1qgqorz-0"
|
|
16552
|
-
})(_templateObject$
|
|
16573
|
+
})(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n scrollbar-color: ", " transparent;\n scrollbar-width: thin !important;\n"])), function (_ref) {
|
|
16553
16574
|
var theme = _ref.theme;
|
|
16554
16575
|
return theme.colors.primary;
|
|
16555
16576
|
});
|
|
16556
16577
|
var NewLabel = styledComponents.styled.div.withConfig({
|
|
16557
16578
|
displayName: "NewLabel",
|
|
16558
16579
|
componentId: "sc-1qgqorz-1"
|
|
16559
|
-
})(_templateObject2$
|
|
16580
|
+
})(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n color: ", " !important;\n border: solid 1px ", ";\n border-radius: 12px;\n padding: 2px 8px;\n font-size: 10px;\n line-height: 9px;\n font-weight: 700;\n margin-left: 5px;\n text-align: center;\n"])), function (_ref2) {
|
|
16560
16581
|
var theme = _ref2.theme;
|
|
16561
16582
|
return theme.colors.primary;
|
|
16562
16583
|
}, function (_ref3) {
|
|
@@ -16660,7 +16681,7 @@ var PanelBody = function PanelBody(_ref4) {
|
|
|
16660
16681
|
};
|
|
16661
16682
|
|
|
16662
16683
|
var _excluded = ["startIcon", "endIcon", "children", "external", "$isLoading", "isLoading", "disabled"];
|
|
16663
|
-
var _templateObject$
|
|
16684
|
+
var _templateObject$f;
|
|
16664
16685
|
var StyledNavButton = styledComponents.styled.button.withConfig({
|
|
16665
16686
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
16666
16687
|
return !['$fullWidth', '$isLoading'].includes(prop);
|
|
@@ -16668,7 +16689,7 @@ var StyledNavButton = styledComponents.styled.button.withConfig({
|
|
|
16668
16689
|
}).withConfig({
|
|
16669
16690
|
displayName: "StyledNavButton",
|
|
16670
16691
|
componentId: "sc-11strgr-0"
|
|
16671
|
-
})(_templateObject$
|
|
16692
|
+
})(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n align-items: center;\n cursor: pointer;\n display: flex;\n justify-content: center;\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n /* max-content instead of auto for Safari fix */\n width: ", ";\n height: ", ";\n line-height: 1;\n letter-spacing: 0.03em;\n justify-content: center;\n outline: 0;\n border: none;\n transition: background-color 0.2s;\n background-color: transparent;\n opacity: ", ";\n margin-left: 10px;\n"])), function (_ref) {
|
|
16672
16693
|
var $fullWidth = _ref.$fullWidth,
|
|
16673
16694
|
fullWidth = _ref.fullWidth;
|
|
16674
16695
|
return $fullWidth || fullWidth ? "100%" : "max-content";
|
|
@@ -16705,14 +16726,14 @@ var NavButton = function NavButton(_ref4) {
|
|
|
16705
16726
|
}));
|
|
16706
16727
|
};
|
|
16707
16728
|
|
|
16708
|
-
var _templateObject$
|
|
16729
|
+
var _templateObject$e;
|
|
16709
16730
|
var MenuButton = styledComponents.styled(NavButton).attrs({
|
|
16710
16731
|
variant: "text",
|
|
16711
16732
|
size: "sm"
|
|
16712
16733
|
}).withConfig({
|
|
16713
16734
|
displayName: "MenuButton",
|
|
16714
16735
|
componentId: "sc-1nwrww1-0"
|
|
16715
|
-
})(_templateObject$
|
|
16736
|
+
})(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n color: ", ";\n padding: 0 8px;\n border-radius: 8px;\n"])), function (_ref) {
|
|
16716
16737
|
var theme = _ref.theme;
|
|
16717
16738
|
return theme.colors.text;
|
|
16718
16739
|
});
|
|
@@ -16748,43 +16769,52 @@ var getLangFlag = function getLangFlag(lang) {
|
|
|
16748
16769
|
}
|
|
16749
16770
|
};
|
|
16750
16771
|
|
|
16751
|
-
var _templateObject$
|
|
16772
|
+
var _templateObject$d, _templateObject2$b, _templateObject3$8, _templateObject4$6, _templateObject5$5, _templateObject6$3, _templateObject7$1;
|
|
16752
16773
|
var Icons$1 = IconModule;
|
|
16753
16774
|
var LanguageIcon = Icons$1.LanguageIcon;
|
|
16754
|
-
var LangButton = styledComponents.styled(Button$1).
|
|
16775
|
+
var LangButton = styledComponents.styled(Button$1).attrs(function (_ref) {
|
|
16776
|
+
_ref.isPushed;
|
|
16777
|
+
return {
|
|
16778
|
+
// Remove isPushed from DOM props
|
|
16779
|
+
isPushed: undefined
|
|
16780
|
+
};
|
|
16781
|
+
}).withConfig({
|
|
16755
16782
|
displayName: "LangButton",
|
|
16756
16783
|
componentId: "sc-1yvxo6n-0"
|
|
16757
|
-
})(_templateObject$
|
|
16758
|
-
var theme =
|
|
16784
|
+
})(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n display: flex !important;\n flex-direction: row !important;\n position: relative !important;\n justify-content: flex-start !important;\n align-items: center !important;\n z-index: 9999999;\n border: 1px solid ", " !important;\n background-color: transparent !important;\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n border: 1px solid rgba(255, 255, 255, 0.03) !important;\n background-color: rgba(255, 255, 255, 0.03) !important;\n }\n transition: width 0.6s, background-color 0.3s !important;\n height: 28px !important;\n width: ", " !important;\n min-width: ", " !important;\n margin-bottom: 15px !important;\n padding: 0px 10px !important;\n"])), function (_ref2) {
|
|
16785
|
+
var theme = _ref2.theme;
|
|
16759
16786
|
return theme.colors.white3;
|
|
16760
|
-
}, function (
|
|
16761
|
-
var isPushed =
|
|
16762
|
-
return isPushed ?
|
|
16787
|
+
}, function (_ref3) {
|
|
16788
|
+
var isPushed = _ref3.isPushed;
|
|
16789
|
+
return isPushed ? '80px' : '40px';
|
|
16790
|
+
}, function (_ref4) {
|
|
16791
|
+
var isPushed = _ref4.isPushed;
|
|
16792
|
+
return isPushed ? '80px' : '40px';
|
|
16763
16793
|
});
|
|
16764
16794
|
var LangModal = styledComponents.styled.div.withConfig({
|
|
16765
16795
|
displayName: "LangModal",
|
|
16766
16796
|
componentId: "sc-1yvxo6n-1"
|
|
16767
|
-
})(_templateObject2$
|
|
16768
|
-
var display =
|
|
16797
|
+
})(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n position: absolute;\n display: ", "};\n bottom: 45px;\n left: 0px;\n background: ", ";\n border: 1px solid rgba(255, 255, 255, 0.03);\n width: 267px;\n height: auto;\n padding: 27px 17px 27px 27px;\n border-radius: 15px;\n"])), function (_ref5) {
|
|
16798
|
+
var display = _ref5.display;
|
|
16769
16799
|
return display ? "block" : "none";
|
|
16770
|
-
}, function (
|
|
16771
|
-
var theme =
|
|
16800
|
+
}, function (_ref6) {
|
|
16801
|
+
var theme = _ref6.theme;
|
|
16772
16802
|
return theme.backgrounds.primary;
|
|
16773
16803
|
});
|
|
16774
16804
|
var LangsList = styledComponents.styled.div.withConfig({
|
|
16775
16805
|
displayName: "LangsList",
|
|
16776
16806
|
componentId: "sc-1yvxo6n-2"
|
|
16777
|
-
})(_templateObject3$
|
|
16778
|
-
var theme =
|
|
16807
|
+
})(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n max-height: 170px;\n overflow-y: scroll;\n &::-webkit-scrollbar {\n width: 5px !important;\n }\n &::-webkit-scrollbar-thumb {\n background: ", " !important;\n border-radius: 8px;\n }\n &::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px ", ";\n border-radius: 3px;\n }\n"])), function (_ref7) {
|
|
16808
|
+
var theme = _ref7.theme;
|
|
16779
16809
|
return theme.colors.white55;
|
|
16780
|
-
}, function (
|
|
16781
|
-
var theme =
|
|
16810
|
+
}, function (_ref8) {
|
|
16811
|
+
var theme = _ref8.theme;
|
|
16782
16812
|
return theme.colors.white30;
|
|
16783
16813
|
});
|
|
16784
16814
|
var TitleContainer = styledComponents.styled.div.withConfig({
|
|
16785
16815
|
displayName: "TitleContainer",
|
|
16786
16816
|
componentId: "sc-1yvxo6n-3"
|
|
16787
|
-
})(_templateObject4$
|
|
16817
|
+
})(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 10px;\n"])));
|
|
16788
16818
|
var ButtonContainer = styledComponents.styled.div.withConfig({
|
|
16789
16819
|
displayName: "ButtonContainer",
|
|
16790
16820
|
componentId: "sc-1yvxo6n-4"
|
|
@@ -16793,23 +16823,29 @@ var LangText = styledComponents.styled(Text).withConfig({
|
|
|
16793
16823
|
displayName: "LangText",
|
|
16794
16824
|
componentId: "sc-1yvxo6n-5"
|
|
16795
16825
|
})(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-left: 12px;\n"])));
|
|
16796
|
-
var MainLangText = styledComponents.styled(Text).
|
|
16826
|
+
var MainLangText = styledComponents.styled(Text).attrs(function (_ref9) {
|
|
16827
|
+
_ref9.isPushed;
|
|
16828
|
+
return {
|
|
16829
|
+
// Remove isPushed from DOM props
|
|
16830
|
+
isPushed: undefined
|
|
16831
|
+
};
|
|
16832
|
+
}).withConfig({
|
|
16797
16833
|
displayName: "MainLangText",
|
|
16798
16834
|
componentId: "sc-1yvxo6n-6"
|
|
16799
|
-
})(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n opacity: ", ";\n width: ", ";\n transition: width 0.6s, opacity 0.3s;\n"])), function (
|
|
16800
|
-
var isPushed =
|
|
16835
|
+
})(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n opacity: ", ";\n width: ", ";\n overflow: hidden;\n white-space: nowrap;\n transition: width 0.6s, opacity 0.3s;\n"])), function (_ref0) {
|
|
16836
|
+
var isPushed = _ref0.isPushed;
|
|
16801
16837
|
return isPushed ? 1 : 0;
|
|
16802
|
-
}, function (
|
|
16803
|
-
var isPushed =
|
|
16838
|
+
}, function (_ref1) {
|
|
16839
|
+
var isPushed = _ref1.isPushed;
|
|
16804
16840
|
return isPushed ? "50px" : "0px";
|
|
16805
16841
|
});
|
|
16806
|
-
var LangSelector = function LangSelector(
|
|
16807
|
-
var currentLang =
|
|
16808
|
-
langs =
|
|
16809
|
-
setLang =
|
|
16810
|
-
chooseText =
|
|
16811
|
-
countryAndRegion =
|
|
16812
|
-
isPushed =
|
|
16842
|
+
var LangSelector = function LangSelector(_ref10) {
|
|
16843
|
+
var currentLang = _ref10.currentLang,
|
|
16844
|
+
langs = _ref10.langs,
|
|
16845
|
+
setLang = _ref10.setLang,
|
|
16846
|
+
chooseText = _ref10.chooseText,
|
|
16847
|
+
countryAndRegion = _ref10.countryAndRegion,
|
|
16848
|
+
isPushed = _ref10.isPushed;
|
|
16813
16849
|
var _useState = React.useState(false),
|
|
16814
16850
|
_useState2 = _slicedToArray(_useState, 2),
|
|
16815
16851
|
showModal = _useState2[0],
|
|
@@ -16904,15 +16940,15 @@ var LangSelector$1 = /*#__PURE__*/React.memo(LangSelector, function (prev, next)
|
|
|
16904
16940
|
return prev.currentLang === next.currentLang && prev.isPushed === next.isPushed;
|
|
16905
16941
|
});
|
|
16906
16942
|
|
|
16907
|
-
var _templateObject$
|
|
16943
|
+
var _templateObject$c, _templateObject2$a;
|
|
16908
16944
|
var Container = styledComponents.styled.div.withConfig({
|
|
16909
16945
|
displayName: "Container",
|
|
16910
16946
|
componentId: "sc-11jjlfd-0"
|
|
16911
|
-
})(_templateObject$
|
|
16947
|
+
})(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n flex: none;\n padding: 5px 5px 20px 5px;\n background-color: transparent;\n position: relative;\n width: 100%;\n margin-top: 15px;\n"])));
|
|
16912
16948
|
var SettingsEntry = styledComponents.styled.div.withConfig({
|
|
16913
16949
|
displayName: "SettingsEntry",
|
|
16914
16950
|
componentId: "sc-11jjlfd-1"
|
|
16915
|
-
})(_templateObject2$
|
|
16951
|
+
})(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: auto;\n"])));
|
|
16916
16952
|
var PanelFooter = function PanelFooter(_ref) {
|
|
16917
16953
|
var isPushed = _ref.isPushed;
|
|
16918
16954
|
_ref.pushNav;
|
|
@@ -16937,21 +16973,21 @@ var PanelFooter = function PanelFooter(_ref) {
|
|
|
16937
16973
|
});
|
|
16938
16974
|
};
|
|
16939
16975
|
|
|
16940
|
-
var _templateObject$
|
|
16976
|
+
var _templateObject$b;
|
|
16941
16977
|
var MobileEntry = styledComponents.styled.div.withConfig({
|
|
16942
16978
|
displayName: "MobileEntry",
|
|
16943
16979
|
componentId: "sc-ialwsc-0"
|
|
16944
|
-
})(_templateObject$
|
|
16980
|
+
})(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n &:hover {\n div,\n a {\n svg {\n path {\n fill: ", ";\n }\n }\n }\n\n div,\n a {\n color: rgba(255, 255, 255, 1);\n }\n }\n"])), function (_ref) {
|
|
16945
16981
|
var theme = _ref.theme;
|
|
16946
16982
|
return theme.colors.primary;
|
|
16947
16983
|
});
|
|
16948
16984
|
|
|
16949
|
-
var _templateObject$
|
|
16985
|
+
var _templateObject$a, _templateObject2$9, _templateObject3$7;
|
|
16950
16986
|
var MOBILE_MENU_PANEL_HEIGHT = 83;
|
|
16951
16987
|
var MobileMenuContainer = styledComponents.styled.div.withConfig({
|
|
16952
16988
|
displayName: "MobileMenuContainer",
|
|
16953
16989
|
componentId: "sc-11f9rbo-0"
|
|
16954
|
-
})(_templateObject$
|
|
16990
|
+
})(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n position: fixed;\n bottom: 0px;\n width: 100%;\n right: 0px;\n left: 0px;\n z-index: 98;\n height: ", "px;\n display: none;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n background: ", ";\n ", " {\n display: flex;\n }\n"])), MOBILE_MENU_PANEL_HEIGHT, function (_ref) {
|
|
16955
16991
|
var theme = _ref.theme;
|
|
16956
16992
|
return theme.colors.card;
|
|
16957
16993
|
}, function (_ref2) {
|
|
@@ -16961,11 +16997,11 @@ var MobileMenuContainer = styledComponents.styled.div.withConfig({
|
|
|
16961
16997
|
var MobileLink = styledComponents.styled(MenuLink).withConfig({
|
|
16962
16998
|
displayName: "MobileLink",
|
|
16963
16999
|
componentId: "sc-11f9rbo-1"
|
|
16964
|
-
})(_templateObject2$
|
|
17000
|
+
})(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-items: soace-between;\n align-items: center;\n"])));
|
|
16965
17001
|
var MenuLinkLabel = styledComponents.styled.div.withConfig({
|
|
16966
17002
|
displayName: "MenuLinkLabel",
|
|
16967
17003
|
componentId: "sc-11f9rbo-2"
|
|
16968
|
-
})(_templateObject3$
|
|
17004
|
+
})(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n font-weight: 700;\n font-size: 9px;\n color: white;\n"])));
|
|
16969
17005
|
var Icons = IconModule;
|
|
16970
17006
|
var MobileMenu = function MobileMenu(_ref3) {
|
|
16971
17007
|
var links = _ref3.links,
|
|
@@ -17000,11 +17036,11 @@ var MobileMenu = function MobileMenu(_ref3) {
|
|
|
17000
17036
|
});
|
|
17001
17037
|
};
|
|
17002
17038
|
|
|
17003
|
-
var _templateObject$
|
|
17039
|
+
var _templateObject$9, _templateObject2$8;
|
|
17004
17040
|
var StyledPanel = styledComponents.styled.div.withConfig({
|
|
17005
17041
|
displayName: "StyledPanel",
|
|
17006
17042
|
componentId: "sc-1b3g4s2-0"
|
|
17007
|
-
})(_templateObject$
|
|
17043
|
+
})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n position: fixed;\n padding-top: 100px;\n top: 0;\n left: 0;\n flex-direction: column;\n justify-content: space-between;\n flex-shrink: 0;\n background-color: #191921;\n width: ", ";\n height: 100vh;\n transition: padding-top 0.2s, width 0.6s, box-shadow 0.4s;\n z-index: 11;\n overflow: ", ";\n transform: translate3d(0, 0, 0);\n ", " {\n width: ", ";\n padding-top: 100px;\n margin-top: 0px;\n transition: none;\n overflow-y: auto;\n padding-bottom: ", "px;\n }\n"])), function (_ref) {
|
|
17008
17044
|
var isPushed = _ref.isPushed;
|
|
17009
17045
|
return "".concat(isPushed ? SIDEBAR_WIDTH_FULL : SIDEBAR_WIDTH_REDUCED, "px");
|
|
17010
17046
|
}, function (_ref2) {
|
|
@@ -17020,7 +17056,7 @@ var StyledPanel = styledComponents.styled.div.withConfig({
|
|
|
17020
17056
|
var RowSplitter = styledComponents.styled.div.withConfig({
|
|
17021
17057
|
displayName: "RowSplitter",
|
|
17022
17058
|
componentId: "sc-1b3g4s2-1"
|
|
17023
|
-
})(_templateObject2$
|
|
17059
|
+
})(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n border: 1px solid #252530;\n margin: ", ";\n"])), function (_ref5) {
|
|
17024
17060
|
var isPushed = _ref5.isPushed;
|
|
17025
17061
|
return isPushed ? "20px" : "20px 15px";
|
|
17026
17062
|
});
|
|
@@ -17046,22 +17082,22 @@ var getTranslations = function getTranslations(translation) {
|
|
|
17046
17082
|
return translation;
|
|
17047
17083
|
};
|
|
17048
17084
|
|
|
17049
|
-
var _templateObject$
|
|
17085
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$6, _templateObject4$5, _templateObject5$4;
|
|
17050
17086
|
var UserBlockWrapper = styledComponents.styled.div.withConfig({
|
|
17051
17087
|
displayName: "UserBlockWrapper",
|
|
17052
17088
|
componentId: "sc-1speva4-0"
|
|
17053
|
-
})(_templateObject$
|
|
17089
|
+
})(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n\n @media (max-width: 608px) {\n flex: 100%;\n }\n"])));
|
|
17054
17090
|
var ConnectButton = styledComponents.styled(Button$1).withConfig({
|
|
17055
17091
|
displayName: "ConnectButton",
|
|
17056
17092
|
componentId: "sc-1speva4-1"
|
|
17057
|
-
})(_templateObject2$
|
|
17093
|
+
})(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n color: black;\n width: 180px;\n box-shadow: 0px 9px 63px rgba(18, 255, 184, 0.22);\n font-weight: 700;\n height: 40px;\n ", " {\n width: 113px;\n height: 31px;\n font-size: 11px;\n padding: 0px 10px;\n }\n"])), function (_ref) {
|
|
17058
17094
|
var theme = _ref.theme;
|
|
17059
17095
|
return theme.mediaQueries.mobile;
|
|
17060
17096
|
});
|
|
17061
17097
|
var AccountButton = styledComponents.styled(Button$1).withConfig({
|
|
17062
17098
|
displayName: "AccountButton",
|
|
17063
17099
|
componentId: "sc-1speva4-2"
|
|
17064
|
-
})(_templateObject3$
|
|
17100
|
+
})(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n align-items: ", ";\n color: white;\n padding: 10px;\n height: 40px;\n width: 144px;\n background: #2b2b38;\n ", " {\n height: 31px;\n width: 116px;\n font-size: 11px;\n padding: 0px 10px;\n }\n"])), function (_ref2) {
|
|
17065
17101
|
var isUserVerified = _ref2.isUserVerified;
|
|
17066
17102
|
return isUserVerified ? "row" : "column-reverse";
|
|
17067
17103
|
}, function (_ref3) {
|
|
@@ -17074,7 +17110,7 @@ var AccountButton = styledComponents.styled(Button$1).withConfig({
|
|
|
17074
17110
|
var VerifyAddressIndicator = styledComponents.styled(Text).withConfig({
|
|
17075
17111
|
displayName: "VerifyAddressIndicator",
|
|
17076
17112
|
componentId: "sc-1speva4-3"
|
|
17077
|
-
})(_templateObject4$
|
|
17113
|
+
})(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n color: #f6465d;\n ", " {\n font-size: 10px;\n }\n"])), function (_ref5) {
|
|
17078
17114
|
var theme = _ref5.theme;
|
|
17079
17115
|
return theme.mediaQueries.mobile;
|
|
17080
17116
|
});
|
|
@@ -17123,11 +17159,11 @@ var UserBlock = function UserBlock(_ref8) {
|
|
|
17123
17159
|
});
|
|
17124
17160
|
};
|
|
17125
17161
|
|
|
17126
|
-
var _templateObject$
|
|
17162
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$5;
|
|
17127
17163
|
var BellBoxWrapper = styledComponents.styled.div.withConfig({
|
|
17128
17164
|
displayName: "BellBoxWrapper",
|
|
17129
17165
|
componentId: "sc-1ga2zxd-0"
|
|
17130
|
-
})(_templateObject$
|
|
17166
|
+
})(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n height: 40px;\n width: 50px;\n overflow: visible;\n cursor: pointer;\n margin-right: 28px;\n display: ", ";\n z-index: 999;\n ", " {\n display: ", ";\n position: fixed;\n bottom: 107px;\n left: initial;\n right: 0px;\n height: 50px;\n }\n"])), function (_ref) {
|
|
17131
17167
|
var mobile = _ref.mobile;
|
|
17132
17168
|
return mobile ? "none" : "block";
|
|
17133
17169
|
}, function (_ref2) {
|
|
@@ -17141,7 +17177,7 @@ var BellBoxWrapper = styledComponents.styled.div.withConfig({
|
|
|
17141
17177
|
var BellBox = styledComponents.styled(Link).withConfig({
|
|
17142
17178
|
displayName: "BellBox",
|
|
17143
17179
|
componentId: "sc-1ga2zxd-1"
|
|
17144
|
-
})(_templateObject2$
|
|
17180
|
+
})(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n border: 1px solid ", ";\n border-radius: 10px;\n background: ", ";\n box-sizing: border-box;\n ", " {\n border-radius: 50%;\n }\n ", "\n ", "\n"])), function (_ref4) {
|
|
17145
17181
|
var hasMsg = _ref4.hasMsg,
|
|
17146
17182
|
theme = _ref4.theme;
|
|
17147
17183
|
return hasMsg ? "#1AC8FF" : theme.backgrounds.secondary;
|
|
@@ -17162,7 +17198,7 @@ var BellBox = styledComponents.styled(Link).withConfig({
|
|
|
17162
17198
|
var NotificationNumber = styledComponents.styled.div.withConfig({
|
|
17163
17199
|
displayName: "NotificationNumber",
|
|
17164
17200
|
componentId: "sc-1ga2zxd-2"
|
|
17165
|
-
})(_templateObject3$
|
|
17201
|
+
})(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n position: absolute;\n top: 4px;\n right: 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18.46px;\n height: 18.46px;\n background: #de4040;\n border-radius: 50%;\n opacity: ", ";\n transition: all 0.25s ease-in-out;\n animation: stretch 2s infinite;\n ", " {\n top: 12.25px;\n right: 7px;\n }\n @keyframes stretch {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.2);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n"])), function (_ref9) {
|
|
17166
17202
|
var hasMsg = _ref9.hasMsg;
|
|
17167
17203
|
return hasMsg ? 1 : 0;
|
|
17168
17204
|
}, function (_ref0) {
|
|
@@ -17199,132 +17235,6 @@ var BellNotifier = function BellNotifier(_ref1) {
|
|
|
17199
17235
|
});
|
|
17200
17236
|
};
|
|
17201
17237
|
|
|
17202
|
-
var _templateObject$7, _templateObject2$6, _templateObject3$5, _templateObject4$5;
|
|
17203
|
-
var CryptoDropdownWrapper = styledComponents.styled.button.withConfig({
|
|
17204
|
-
displayName: "CryptoDropdownWrapper",
|
|
17205
|
-
componentId: "sc-uo8r8r-0"
|
|
17206
|
-
})(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n padding: ", "px;\n outline: none;\n border: none;\n width: ", "px;\n height: 40px;\n background: #2b2b38;\n border-radius: 10px;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n color: black;\n cursor: pointer;\n position: relative;\n &:active {\n background: ", ";\n }\n ", " {\n width: 113px;\n height: 31px;\n font-size: 11px;\n padding: 0px 10px;\n margin: 0 6px;\n }\n transition: all 0.5s ease-in;\n"])), function (props) {
|
|
17207
|
-
return props.extended ? "6px 5px 6px 10px" : "10px";
|
|
17208
|
-
}, function (props) {
|
|
17209
|
-
return props.extended ? 130 : 70;
|
|
17210
|
-
}, function (_ref) {
|
|
17211
|
-
var theme = _ref.theme;
|
|
17212
|
-
return theme.colors.white30;
|
|
17213
|
-
}, function (_ref2) {
|
|
17214
|
-
var theme = _ref2.theme;
|
|
17215
|
-
return theme.mediaQueries.mobile;
|
|
17216
|
-
});
|
|
17217
|
-
var ButtonsContainer = styledComponents.styled.div.withConfig({
|
|
17218
|
-
displayName: "ButtonsContainer",
|
|
17219
|
-
componentId: "sc-uo8r8r-1"
|
|
17220
|
-
})(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n position: absolute;\n width: 159px;\n height: 89px;\n top: 53px;\n right: 0px;\n background: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n $opacity: ", ";\n display: flex;\n z-index: ", "999;\n transition-property: $opacity, box-shadow;\n transition-duration: 0.5s, 0.3s;\n box-shadow: 0px 0px 24px -11px rgba(0, 0, 0, 0.25);\n border-radius: 10px;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n ", " {\n display: ", ";\n }\n"])), function (_ref3) {
|
|
17221
|
-
var theme = _ref3.theme;
|
|
17222
|
-
return theme.backgrounds.secondary;
|
|
17223
|
-
}, function (_ref4) {
|
|
17224
|
-
var theme = _ref4.theme;
|
|
17225
|
-
return theme.colors.white3;
|
|
17226
|
-
}, function (props) {
|
|
17227
|
-
return props.visible ? 1 : 0;
|
|
17228
|
-
}, function (props) {
|
|
17229
|
-
return props.visible ? "" : "-";
|
|
17230
|
-
}, function (_ref5) {
|
|
17231
|
-
var theme = _ref5.theme;
|
|
17232
|
-
return theme.mediaQueries.mobile;
|
|
17233
|
-
}, function (props) {
|
|
17234
|
-
return props.visible ? "flex" : "none";
|
|
17235
|
-
});
|
|
17236
|
-
var ButtonRow = styledComponents.styled(Link).withConfig({
|
|
17237
|
-
displayName: "ButtonRow",
|
|
17238
|
-
componentId: "sc-uo8r8r-2"
|
|
17239
|
-
})(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 11px;\n width: 100%;\n height: 100%;\n overflow: visible;\n z-index: 99999;\n svg {\n $opacity: 0.55;\n }\n &:hover {\n svg {\n $opacity: 1;\n }\n }\n transition: all 0.3s ease-in;\n"])));
|
|
17240
|
-
var ButtonsSpacer = styledComponents.styled.div.withConfig({
|
|
17241
|
-
displayName: "ButtonsSpacer",
|
|
17242
|
-
componentId: "sc-uo8r8r-3"
|
|
17243
|
-
})(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n border: 1px solid #373749;\n width: calc(100% - 20px);\n"])));
|
|
17244
|
-
var CryptoButton = function CryptoButton(_ref6) {
|
|
17245
|
-
var _ref6$extended = _ref6.extended,
|
|
17246
|
-
extended = _ref6$extended === void 0 ? false : _ref6$extended,
|
|
17247
|
-
_ref6$isMobile = _ref6.isMobile,
|
|
17248
|
-
isMobile = _ref6$isMobile === void 0 ? false : _ref6$isMobile;
|
|
17249
|
-
var _useState = React.useState(false),
|
|
17250
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
17251
|
-
dropToggled = _useState2[0],
|
|
17252
|
-
setDropToggled = _useState2[1];
|
|
17253
|
-
var closeDropDownHandler = function closeDropDownHandler() {
|
|
17254
|
-
return setTimeout(function () {
|
|
17255
|
-
setDropToggled(false);
|
|
17256
|
-
}, 500);
|
|
17257
|
-
};
|
|
17258
|
-
var transactionsButtons = function transactionsButtons() {
|
|
17259
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
17260
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs(ButtonRow, {
|
|
17261
|
-
as: "a",
|
|
17262
|
-
href: "https://app.coinswap.space/#/creditPay",
|
|
17263
|
-
onClick: function onClick() {
|
|
17264
|
-
return closeDropDownHandler();
|
|
17265
|
-
},
|
|
17266
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Icon$12, {
|
|
17267
|
-
$opac: true,
|
|
17268
|
-
height: "11"
|
|
17269
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$11, {
|
|
17270
|
-
$opac: true,
|
|
17271
|
-
height: "16.6"
|
|
17272
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$28, {
|
|
17273
|
-
fill: baseColors.primaryBright,
|
|
17274
|
-
$opac: true
|
|
17275
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$S, {
|
|
17276
|
-
$opac: true
|
|
17277
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$T, {
|
|
17278
|
-
$opac: true
|
|
17279
|
-
})]
|
|
17280
|
-
}), /*#__PURE__*/jsxRuntime.jsx(ButtonsSpacer, {}), /*#__PURE__*/jsxRuntime.jsxs(ButtonRow, {
|
|
17281
|
-
as: "a",
|
|
17282
|
-
href: "https://crypterium.app.link/ggIkCugnkkb",
|
|
17283
|
-
target: "_blank",
|
|
17284
|
-
onClick: function onClick() {
|
|
17285
|
-
return closeDropDownHandler();
|
|
17286
|
-
},
|
|
17287
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Icon$S, {
|
|
17288
|
-
$opac: true
|
|
17289
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$T, {
|
|
17290
|
-
$opac: true
|
|
17291
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$28, {
|
|
17292
|
-
fill: baseColors.primaryBright,
|
|
17293
|
-
$opac: true
|
|
17294
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$12, {
|
|
17295
|
-
$opac: true,
|
|
17296
|
-
height: "11"
|
|
17297
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Icon$11, {
|
|
17298
|
-
$opac: true,
|
|
17299
|
-
height: "16.6"
|
|
17300
|
-
})]
|
|
17301
|
-
})]
|
|
17302
|
-
});
|
|
17303
|
-
};
|
|
17304
|
-
return /*#__PURE__*/jsxRuntime.jsxs(CryptoDropdownWrapper, {
|
|
17305
|
-
extended: extended,
|
|
17306
|
-
onClick: function onClick() {
|
|
17307
|
-
return setDropToggled(!dropToggled);
|
|
17308
|
-
},
|
|
17309
|
-
onBlur: function onBlur() {
|
|
17310
|
-
return closeDropDownHandler();
|
|
17311
|
-
},
|
|
17312
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Icon$12, {
|
|
17313
|
-
$opac: true,
|
|
17314
|
-
height: isMobile ? "12" : ""
|
|
17315
|
-
}), extended && /*#__PURE__*/jsxRuntime.jsx(Icon$11, {
|
|
17316
|
-
$opac: true,
|
|
17317
|
-
display: extended ? "block" : "none",
|
|
17318
|
-
height: isMobile ? "14" : ""
|
|
17319
|
-
}), extended && /*#__PURE__*/jsxRuntime.jsx(Icon$2a, {
|
|
17320
|
-
$opac: true
|
|
17321
|
-
}), /*#__PURE__*/jsxRuntime.jsx(ButtonsContainer, {
|
|
17322
|
-
visible: dropToggled,
|
|
17323
|
-
children: transactionsButtons()
|
|
17324
|
-
})]
|
|
17325
|
-
});
|
|
17326
|
-
};
|
|
17327
|
-
|
|
17328
17238
|
var _templateObject$6, _templateObject2$5;
|
|
17329
17239
|
var StyledUserButton = styledComponents.styled.div.withConfig({
|
|
17330
17240
|
displayName: "StyledUserButton",
|
|
@@ -17503,17 +17413,6 @@ var Menu = function Menu(_ref7) {
|
|
|
17503
17413
|
style: {
|
|
17504
17414
|
width: isMobile ? 0 : 10
|
|
17505
17415
|
}
|
|
17506
|
-
}), !isXs && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
17507
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(CryptoButton, {
|
|
17508
|
-
isMobile: isMobile,
|
|
17509
|
-
toFiatLink: "https://crypterium.app.link/ggIkCugnkkb",
|
|
17510
|
-
toCryptoLink: "https://app.coinswap.space/#/creditPay",
|
|
17511
|
-
extended: true
|
|
17512
|
-
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
17513
|
-
style: {
|
|
17514
|
-
width: isMobile ? 0 : 10
|
|
17515
|
-
}
|
|
17516
|
-
})]
|
|
17517
17416
|
}), isMobile && (withoutConnect ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {}) : /*#__PURE__*/jsxRuntime.jsx(UserButton, {
|
|
17518
17417
|
hasAccount: account,
|
|
17519
17418
|
mySpaceLink: mySpaceLink
|