@coinswap-app/uikit 1.0.13 → 1.0.15
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 +1608 -390
- package/dist/index.esm.js +1608 -390
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -337,6 +337,9 @@ var Svg = styledComponents.styled("svg").withConfig({
|
|
|
337
337
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
338
338
|
return !['$spin', '$opac'].includes(prop);
|
|
339
339
|
}
|
|
340
|
+
}).withConfig({
|
|
341
|
+
displayName: "Svg",
|
|
342
|
+
componentId: "sc-1oa1mzv-0"
|
|
340
343
|
})(_templateObject3$O || (_templateObject3$O = _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) {
|
|
341
344
|
var theme = _ref.theme,
|
|
342
345
|
_ref$color = _ref.color,
|
|
@@ -423,6 +426,9 @@ var Text = styledComponents.styled.div.withConfig({
|
|
|
423
426
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
424
427
|
return !['$bold', '$small'].includes(prop);
|
|
425
428
|
}
|
|
429
|
+
}).withConfig({
|
|
430
|
+
displayName: "Text",
|
|
431
|
+
componentId: "sc-nskjht-0"
|
|
426
432
|
})(_templateObject$2a || (_templateObject$2a = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: 1.5;\n ", "\n ", "\n ", "\n"])), getColor$1, getFontSize, function (_ref3) {
|
|
427
433
|
var $bold = _ref3.$bold,
|
|
428
434
|
bold = _ref3.bold;
|
|
@@ -499,6 +505,9 @@ var StyledButton$2 = styledComponents.styled.button.withConfig({
|
|
|
499
505
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
500
506
|
return !['$fullWidth', '$isLoading', '$white', 'variant', 'isActive'].includes(prop);
|
|
501
507
|
}
|
|
508
|
+
}).withConfig({
|
|
509
|
+
displayName: "StyledButton",
|
|
510
|
+
componentId: "sc-pxfjak-0"
|
|
502
511
|
})(_templateObject$29 || (_templateObject$29 = _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) {
|
|
503
512
|
var $white = _ref4.$white;
|
|
504
513
|
return $white ? "white" : getButtonVariantProp$3("color");
|
|
@@ -7935,10 +7944,16 @@ var Icon$T = function Icon(props) {
|
|
|
7935
7944
|
};
|
|
7936
7945
|
|
|
7937
7946
|
var _templateObject$28, _templateObject2$15;
|
|
7938
|
-
var ButtonText = styledComponents.styled.span
|
|
7947
|
+
var ButtonText = styledComponents.styled.span.withConfig({
|
|
7948
|
+
displayName: "ButtonText",
|
|
7949
|
+
componentId: "sc-kepl07-0"
|
|
7950
|
+
})(_templateObject$28 || (_templateObject$28 = _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) {
|
|
7939
7951
|
return props.extended ? "block" : "none";
|
|
7940
7952
|
});
|
|
7941
|
-
var RampButtonWrapper$1 = styledComponents.styled(Button$1)
|
|
7953
|
+
var RampButtonWrapper$1 = styledComponents.styled(Button$1).withConfig({
|
|
7954
|
+
displayName: "RampButtonWrapper",
|
|
7955
|
+
componentId: "sc-kepl07-1"
|
|
7956
|
+
})(_templateObject2$15 || (_templateObject2$15 = _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) {
|
|
7942
7957
|
return props.extended ? "6px 25px" : "6px 10px";
|
|
7943
7958
|
}, function (props) {
|
|
7944
7959
|
return props.extended ? 110 : 60;
|
|
@@ -7967,13 +7982,19 @@ var RampButtonLite = function RampButtonLite(_ref2) {
|
|
|
7967
7982
|
};
|
|
7968
7983
|
|
|
7969
7984
|
var _templateObject$27;
|
|
7970
|
-
var IconButton = styledComponents.styled(Button$1)(
|
|
7985
|
+
var IconButton = styledComponents.styled(Button$1).withConfig({
|
|
7986
|
+
displayName: "IconButton",
|
|
7987
|
+
componentId: "sc-9rnm19-0"
|
|
7988
|
+
})(_templateObject$27 || (_templateObject$27 = _taggedTemplateLiteral(["\n padding: 0;\n width: ", ";\n margin: 0px 4px;\n border: none;\n outline: none;\n"])), function (_ref) {
|
|
7971
7989
|
var size = _ref.size;
|
|
7972
7990
|
return size === "sm" ? "32px" : "60px";
|
|
7973
7991
|
});
|
|
7974
7992
|
|
|
7975
7993
|
var _templateObject$26;
|
|
7976
|
-
var RampButtonWrapper = styledComponents.styled.button
|
|
7994
|
+
var RampButtonWrapper = styledComponents.styled.button.withConfig({
|
|
7995
|
+
displayName: "RampButtonWrapper",
|
|
7996
|
+
componentId: "sc-1y4rjmy-0"
|
|
7997
|
+
})(_templateObject$26 || (_templateObject$26 = _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) {
|
|
7977
7998
|
return props.extended ? 108 : 70;
|
|
7978
7999
|
}, function (_ref) {
|
|
7979
8000
|
var theme = _ref.theme;
|
|
@@ -7998,10 +8019,16 @@ var RampButton = function RampButton(_ref2) {
|
|
|
7998
8019
|
};
|
|
7999
8020
|
|
|
8000
8021
|
var _templateObject$25;
|
|
8001
|
-
var Box = styledComponents.styled.div(
|
|
8022
|
+
var Box = styledComponents.styled.div.withConfig({
|
|
8023
|
+
displayName: "Box",
|
|
8024
|
+
componentId: "sc-1vk503f-0"
|
|
8025
|
+
})(_templateObject$25 || (_templateObject$25 = _taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), styledSystem.background, styledSystem.border, styledSystem.layout, styledSystem.position, styledSystem.space);
|
|
8002
8026
|
|
|
8003
8027
|
var _templateObject$24;
|
|
8004
|
-
var Flex = styledComponents.styled(Box)(
|
|
8028
|
+
var Flex = styledComponents.styled(Box).withConfig({
|
|
8029
|
+
displayName: "Flex",
|
|
8030
|
+
componentId: "sc-10l7f81-0"
|
|
8031
|
+
})(_templateObject$24 || (_templateObject$24 = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"])), styledSystem.flexbox);
|
|
8005
8032
|
|
|
8006
8033
|
var variants$3 = {
|
|
8007
8034
|
INFO: "info",
|
|
@@ -8041,14 +8068,26 @@ var getIcon = function getIcon() {
|
|
|
8041
8068
|
return Icon$2E;
|
|
8042
8069
|
}
|
|
8043
8070
|
};
|
|
8044
|
-
var IconLabel = styledComponents.styled.div(
|
|
8071
|
+
var IconLabel = styledComponents.styled.div.withConfig({
|
|
8072
|
+
displayName: "IconLabel",
|
|
8073
|
+
componentId: "sc-iju7nx-0"
|
|
8074
|
+
})(_templateObject$23 || (_templateObject$23 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: 10px 0 0 10px;\n color: black;\n padding: 12px;\n"])), getThemeColor);
|
|
8045
8075
|
var withHandlerSpacing = 32 + 12 + 8; // button size + inner spacing + handler position
|
|
8046
|
-
var Details = styledComponents.styled.div(
|
|
8076
|
+
var Details = styledComponents.styled.div.withConfig({
|
|
8077
|
+
displayName: "Details",
|
|
8078
|
+
componentId: "sc-iju7nx-1"
|
|
8079
|
+
})(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteral(["\n flex: 1;\n padding-bottom: 12px;\n padding-left: 12px;\n padding-right: ", ";\n padding-top: 12px;\n"])), function (_ref2) {
|
|
8047
8080
|
var hasHandler = _ref2.hasHandler;
|
|
8048
8081
|
return hasHandler ? "".concat(withHandlerSpacing, "px") : "12px";
|
|
8049
8082
|
});
|
|
8050
|
-
var CloseHandler = styledComponents.styled.div(
|
|
8051
|
-
|
|
8083
|
+
var CloseHandler = styledComponents.styled.div.withConfig({
|
|
8084
|
+
displayName: "CloseHandler",
|
|
8085
|
+
componentId: "sc-iju7nx-2"
|
|
8086
|
+
})(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteral(["\n border-radius: 0 16px 16px 0;\n right: 8px;\n position: absolute;\n top: 8px;\n"])));
|
|
8087
|
+
var StyledAlert = styledComponents.styled(Flex).withConfig({
|
|
8088
|
+
displayName: "StyledAlert",
|
|
8089
|
+
componentId: "sc-iju7nx-3"
|
|
8090
|
+
})(_templateObject4$y || (_templateObject4$y = _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) {
|
|
8052
8091
|
var theme = _ref3.theme;
|
|
8053
8092
|
return theme.backgrounds.secondary;
|
|
8054
8093
|
}, function (_ref4) {
|
|
@@ -8099,7 +8138,10 @@ var observerOptions = {
|
|
|
8099
8138
|
};
|
|
8100
8139
|
|
|
8101
8140
|
var _templateObject$22;
|
|
8102
|
-
var Wrapper$3 = styledComponents.styled.div(
|
|
8141
|
+
var Wrapper$3 = styledComponents.styled.div.withConfig({
|
|
8142
|
+
displayName: "Wrapper",
|
|
8143
|
+
componentId: "sc-1ie94f-0"
|
|
8144
|
+
})(_templateObject$22 || (_templateObject$22 = _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) {
|
|
8103
8145
|
var height = _ref.height,
|
|
8104
8146
|
responsive = _ref.responsive;
|
|
8105
8147
|
return responsive ? 0 : height;
|
|
@@ -8118,8 +8160,14 @@ var Wrapper$3 = styledComponents.styled.div(_templateObject$22 || (_templateObje
|
|
|
8118
8160
|
|
|
8119
8161
|
var _excluded$q = ["src", "alt"];
|
|
8120
8162
|
var _templateObject$21, _templateObject2$13;
|
|
8121
|
-
var StyledImage = styledComponents.styled.img(
|
|
8122
|
-
|
|
8163
|
+
var StyledImage = styledComponents.styled.img.withConfig({
|
|
8164
|
+
displayName: "StyledImage",
|
|
8165
|
+
componentId: "sc-10tqvvr-0"
|
|
8166
|
+
})(_templateObject$21 || (_templateObject$21 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n"])));
|
|
8167
|
+
var Placeholder = styledComponents.styled.div.withConfig({
|
|
8168
|
+
displayName: "Placeholder",
|
|
8169
|
+
componentId: "sc-10tqvvr-1"
|
|
8170
|
+
})(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
8123
8171
|
var Image = function Image(_ref) {
|
|
8124
8172
|
var src = _ref.src,
|
|
8125
8173
|
alt = _ref.alt,
|
|
@@ -8443,6 +8491,9 @@ var Heading = styledComponents.styled(Text).attrs(function (_ref) {
|
|
|
8443
8491
|
$bold: true,
|
|
8444
8492
|
as: as
|
|
8445
8493
|
};
|
|
8494
|
+
}).withConfig({
|
|
8495
|
+
displayName: "Heading",
|
|
8496
|
+
componentId: "sc-1bynhbg-0"
|
|
8446
8497
|
})(_templateObject$1$ || (_templateObject$1$ = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: 600;\n line-height: 1.1;\n\n ", " {\n font-size: ", ";\n }\n"])), function (_ref2) {
|
|
8447
8498
|
var _ref2$size = _ref2.size,
|
|
8448
8499
|
size = _ref2$size === void 0 ? sizes$1.MD : _ref2$size;
|
|
@@ -8457,7 +8508,10 @@ var Heading = styledComponents.styled(Text).attrs(function (_ref) {
|
|
|
8457
8508
|
});
|
|
8458
8509
|
|
|
8459
8510
|
var _templateObject$1_, _templateObject2$12, _templateObject3$M, _templateObject4$x;
|
|
8460
|
-
var StyledModal = styledComponents.styled.div
|
|
8511
|
+
var StyledModal = styledComponents.styled.div.withConfig({
|
|
8512
|
+
displayName: "StyledModal",
|
|
8513
|
+
componentId: "sc-gb2uez-0"
|
|
8514
|
+
})(_templateObject$1_ || (_templateObject$1_ = _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: 100%;\n max-height: 80%;\n }\n ", " {\n max-height: 80vh;\n }\n"])), function (_ref) {
|
|
8461
8515
|
var theme = _ref.theme;
|
|
8462
8516
|
return theme.colors.card;
|
|
8463
8517
|
}, function (_ref2) {
|
|
@@ -8467,9 +8521,18 @@ var StyledModal = styledComponents.styled.div(_templateObject$1_ || (_templateOb
|
|
|
8467
8521
|
var theme = _ref3.theme;
|
|
8468
8522
|
return theme.mediaQueries.mobile;
|
|
8469
8523
|
});
|
|
8470
|
-
var CloseButton$1 = styledComponents.styled(Button$1)
|
|
8471
|
-
|
|
8472
|
-
|
|
8524
|
+
var CloseButton$1 = styledComponents.styled(Button$1).withConfig({
|
|
8525
|
+
displayName: "CloseButton",
|
|
8526
|
+
componentId: "sc-gb2uez-1"
|
|
8527
|
+
})(_templateObject2$12 || (_templateObject2$12 = _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"])));
|
|
8528
|
+
var ModalHeader = styledComponents.styled.div.withConfig({
|
|
8529
|
+
displayName: "ModalHeader",
|
|
8530
|
+
componentId: "sc-gb2uez-2"
|
|
8531
|
+
})(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 24px 24px 0;\n"])));
|
|
8532
|
+
var ModalTitle = styledComponents.styled(Flex).withConfig({
|
|
8533
|
+
displayName: "ModalTitle",
|
|
8534
|
+
componentId: "sc-gb2uez-3"
|
|
8535
|
+
})(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteral(["\n align-items: center;\n flex: 1;\n"])));
|
|
8473
8536
|
var Modal = function Modal(_ref4) {
|
|
8474
8537
|
var title = _ref4.title,
|
|
8475
8538
|
onDismiss = _ref4.onDismiss,
|
|
@@ -8521,6 +8584,9 @@ var Overlay = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
8521
8584
|
show: show,
|
|
8522
8585
|
zIndex: zIndex
|
|
8523
8586
|
};
|
|
8587
|
+
}).withConfig({
|
|
8588
|
+
displayName: "Overlay",
|
|
8589
|
+
componentId: "sc-1u1va95-0"
|
|
8524
8590
|
})(_templateObject$1Z || (_templateObject$1Z = _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) {
|
|
8525
8591
|
var _ref2$show = _ref2.show,
|
|
8526
8592
|
show = _ref2$show === void 0 ? false : _ref2$show;
|
|
@@ -8536,7 +8602,10 @@ var Overlay = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
8536
8602
|
});
|
|
8537
8603
|
|
|
8538
8604
|
var _templateObject$1Y;
|
|
8539
|
-
var ModalWrapper = styledComponents.styled.div(
|
|
8605
|
+
var ModalWrapper = styledComponents.styled.div.withConfig({
|
|
8606
|
+
displayName: "ModalWrapper",
|
|
8607
|
+
componentId: "sc-4rfz2j-0"
|
|
8608
|
+
})(_templateObject$1Y || (_templateObject$1Y = _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) {
|
|
8540
8609
|
var theme = _ref.theme;
|
|
8541
8610
|
return theme.zIndices.modal - 1;
|
|
8542
8611
|
}, function (_ref2) {
|
|
@@ -8929,7 +8998,10 @@ var ConnectModal = function ConnectModal(_ref) {
|
|
|
8929
8998
|
|
|
8930
8999
|
var _excluded$p = ["external", "color"];
|
|
8931
9000
|
var _templateObject$1X;
|
|
8932
|
-
var StyledLink$1 = styledComponents.styled(Text)(
|
|
9001
|
+
var StyledLink$1 = styledComponents.styled(Text).withConfig({
|
|
9002
|
+
displayName: "StyledLink",
|
|
9003
|
+
componentId: "sc-qw3uvt-0"
|
|
9004
|
+
})(_templateObject$1X || (_templateObject$1X = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n width: fit-content;\n margin-right: 21px;\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
8933
9005
|
var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
8934
9006
|
var external = _ref.external,
|
|
8935
9007
|
_ref$color = _ref.color,
|
|
@@ -8965,11 +9037,17 @@ var _excluded$n = ["toCopy", "translations", "children"];
|
|
|
8965
9037
|
var _templateObject$1W, _templateObject2$11;
|
|
8966
9038
|
var StyleButton = styledComponents.styled(Text).attrs({
|
|
8967
9039
|
role: "button"
|
|
9040
|
+
}).withConfig({
|
|
9041
|
+
displayName: "StyleButton",
|
|
9042
|
+
componentId: "sc-v35pzo-0"
|
|
8968
9043
|
})(_templateObject$1W || (_templateObject$1W = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (_ref) {
|
|
8969
9044
|
var theme = _ref.theme;
|
|
8970
9045
|
return theme.colors.primary;
|
|
8971
9046
|
});
|
|
8972
|
-
var Tooltip$1 = styledComponents.styled.div
|
|
9047
|
+
var Tooltip$1 = styledComponents.styled.div.withConfig({
|
|
9048
|
+
displayName: "Tooltip",
|
|
9049
|
+
componentId: "sc-v35pzo-1"
|
|
9050
|
+
})(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteral(["\n display: ", ";\n position: absolute;\n bottom: -40px;\n right: 0;\n left: 0;\n text-align: center;\n background-color: ", ";\n color: ", ";\n border-radius: 5px;\n opacity: 0.7;\n padding: 5px;\n"])), function (_ref2) {
|
|
8973
9051
|
var isTooltipDisplayed = _ref2.isTooltipDisplayed;
|
|
8974
9052
|
return isTooltipDisplayed ? "block" : "none";
|
|
8975
9053
|
}, function (_ref3) {
|
|
@@ -9311,14 +9389,20 @@ var useConnectWalletEvent = function useConnectWalletEvent(account) {
|
|
|
9311
9389
|
};
|
|
9312
9390
|
|
|
9313
9391
|
var _templateObject$1V, _templateObject2$10;
|
|
9314
|
-
var BannerSlideWrapper = styledComponents.styled.div(
|
|
9392
|
+
var BannerSlideWrapper = styledComponents.styled.div.withConfig({
|
|
9393
|
+
displayName: "BannerSlideWrapper",
|
|
9394
|
+
componentId: "sc-1mbqjcw-0"
|
|
9395
|
+
})(_templateObject$1V || (_templateObject$1V = _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) {
|
|
9315
9396
|
var height = _ref.height;
|
|
9316
9397
|
return "".concat(height, "px");
|
|
9317
9398
|
}, function (_ref2) {
|
|
9318
9399
|
var isMobile = _ref2.isMobile;
|
|
9319
9400
|
return isMobile ? "flex-start" : "space-between";
|
|
9320
9401
|
});
|
|
9321
|
-
var StyledImg = styledComponents.styled(Image)(
|
|
9402
|
+
var StyledImg = styledComponents.styled(Image).withConfig({
|
|
9403
|
+
displayName: "StyledImg",
|
|
9404
|
+
componentId: "sc-1mbqjcw-1"
|
|
9405
|
+
})(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteral(["\n position: absolute;\n max-height: 225px;\n top: 0;\n img {\n object-fit: contain;\n border-radius: ", ";\n }\n"])), function (_ref3) {
|
|
9322
9406
|
var isMobile = _ref3.isMobile,
|
|
9323
9407
|
theme = _ref3.theme;
|
|
9324
9408
|
return isMobile ? 0 : theme.radii.primary;
|
|
@@ -9356,11 +9440,17 @@ var BannerSlide = function BannerSlide(_ref4) {
|
|
|
9356
9440
|
};
|
|
9357
9441
|
|
|
9358
9442
|
var _templateObject$1U, _templateObject2$$;
|
|
9359
|
-
var CarouselWrapper = styledComponents.styled.div(
|
|
9443
|
+
var CarouselWrapper = styledComponents.styled.div.withConfig({
|
|
9444
|
+
displayName: "CarouselWrapper",
|
|
9445
|
+
componentId: "sc-whzh3q-0"
|
|
9446
|
+
})(_templateObject$1U || (_templateObject$1U = _taggedTemplateLiteral(["\n margin: 0 -32px;\n\n ", " {\n margin: 0;\n }\n"])), function (_ref) {
|
|
9360
9447
|
var theme = _ref.theme;
|
|
9361
9448
|
return theme.mediaQueries.sm;
|
|
9362
9449
|
});
|
|
9363
|
-
var StyledSlider$2 = styledComponents.styled(Slider)
|
|
9450
|
+
var StyledSlider$2 = styledComponents.styled(Slider).withConfig({
|
|
9451
|
+
displayName: "StyledSlider",
|
|
9452
|
+
componentId: "sc-whzh3q-1"
|
|
9453
|
+
})(_templateObject2$$ || (_templateObject2$$ = _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) {
|
|
9364
9454
|
var theme = _ref2.theme;
|
|
9365
9455
|
return theme.colors.blue;
|
|
9366
9456
|
}, function (_ref3) {
|
|
@@ -9420,14 +9510,20 @@ var BannerSlider = function BannerSlider(_ref4) {
|
|
|
9420
9510
|
};
|
|
9421
9511
|
|
|
9422
9512
|
var _templateObject$1T, _templateObject2$_;
|
|
9423
|
-
var Separator = styledComponents.styled.div(
|
|
9513
|
+
var Separator = styledComponents.styled.div.withConfig({
|
|
9514
|
+
displayName: "Separator",
|
|
9515
|
+
componentId: "sc-1c6k3v2-0"
|
|
9516
|
+
})(_templateObject$1T || (_templateObject$1T = _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) {
|
|
9424
9517
|
var theme = _ref.theme;
|
|
9425
9518
|
return theme.mediaQueries.sm;
|
|
9426
9519
|
}, function (_ref2) {
|
|
9427
9520
|
var theme = _ref2.theme;
|
|
9428
9521
|
return theme.mediaQueries.md;
|
|
9429
9522
|
});
|
|
9430
|
-
var StyledBreadcrumbs = styledComponents.styled.ul(
|
|
9523
|
+
var StyledBreadcrumbs = styledComponents.styled.ul.withConfig({
|
|
9524
|
+
displayName: "StyledBreadcrumbs",
|
|
9525
|
+
componentId: "sc-1c6k3v2-1"
|
|
9526
|
+
})(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteral(["\n align-items: center;\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n\n ", "\n"])), function (_ref3) {
|
|
9431
9527
|
var theme = _ref3.theme;
|
|
9432
9528
|
return theme.colors.textDisabled;
|
|
9433
9529
|
}, styledSystem.space);
|
|
@@ -9468,6 +9564,9 @@ var StyledButtonMenu = styledComponents.styled.div.withConfig({
|
|
|
9468
9564
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9469
9565
|
return prop !== 'variant';
|
|
9470
9566
|
}
|
|
9567
|
+
}).withConfig({
|
|
9568
|
+
displayName: "StyledButtonMenu",
|
|
9569
|
+
componentId: "sc-14hzc1v-0"
|
|
9471
9570
|
})(_templateObject$1S || (_templateObject$1S = _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"])));
|
|
9472
9571
|
|
|
9473
9572
|
var ButtonMenu = function ButtonMenu(_ref) {
|
|
@@ -9529,6 +9628,9 @@ var StyledButton$1 = styledComponents.styled.button.withConfig({
|
|
|
9529
9628
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9530
9629
|
return !['variant', 'isLoading', 'fullWidth', 'lined', 'active', 'isActive'].includes(prop);
|
|
9531
9630
|
}
|
|
9631
|
+
}).withConfig({
|
|
9632
|
+
displayName: "StyledButton",
|
|
9633
|
+
componentId: "sc-zft497-0"
|
|
9532
9634
|
})(_templateObject$1R || (_templateObject$1R = _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) {
|
|
9533
9635
|
var fullWidth = _ref4.fullWidth;
|
|
9534
9636
|
return fullWidth ? "100%" : "max-content";
|
|
@@ -9599,7 +9701,10 @@ var getThemeTextColor = function getThemeTextColor(_ref) {
|
|
|
9599
9701
|
theme = _ref.theme;
|
|
9600
9702
|
return outline ? getColor(variant, theme) : "#ffffff";
|
|
9601
9703
|
};
|
|
9602
|
-
var StyledTag = styledComponents.styled.div
|
|
9704
|
+
var StyledTag = styledComponents.styled.div.withConfig({
|
|
9705
|
+
displayName: "StyledTag",
|
|
9706
|
+
componentId: "sc-j7cw9s-0"
|
|
9707
|
+
})(_templateObject$1Q || (_templateObject$1Q = _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) {
|
|
9603
9708
|
var outline = _ref2.outline,
|
|
9604
9709
|
theme = _ref2.theme,
|
|
9605
9710
|
_ref2$variant = _ref2.variant,
|
|
@@ -9613,14 +9718,23 @@ var StyledTag = styledComponents.styled.div(_templateObject$1Q || (_templateObje
|
|
|
9613
9718
|
}, getThemeTextColor, getThemeTextColor);
|
|
9614
9719
|
|
|
9615
9720
|
var _excluded$l = ["isActive", "size", "variant", "as", "children", "tag", "hide"],
|
|
9616
|
-
_excluded2$1 = ["isActive"];
|
|
9721
|
+
_excluded2$1 = ["isActive", "onClick", "size", "variant"];
|
|
9617
9722
|
var _templateObject$1P, _templateObject2$Z, _templateObject3$L;
|
|
9618
|
-
var ButtonBody = styledComponents.styled.div(
|
|
9619
|
-
|
|
9723
|
+
var ButtonBody = styledComponents.styled.div.withConfig({
|
|
9724
|
+
displayName: "ButtonBody",
|
|
9725
|
+
componentId: "sc-1bbtdtk-0"
|
|
9726
|
+
})(_templateObject$1P || (_templateObject$1P = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n"])));
|
|
9727
|
+
var ButtonTag = styledComponents.styled(StyledTag).withConfig({
|
|
9728
|
+
displayName: "ButtonTag",
|
|
9729
|
+
componentId: "sc-1bbtdtk-1"
|
|
9730
|
+
})(_templateObject2$Z || (_templateObject2$Z = _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"])));
|
|
9620
9731
|
var InactiveButton$1 = styledComponents.styled(Button).withConfig({
|
|
9621
9732
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9622
9733
|
return prop !== 'colorKey' && prop !== 'isActive';
|
|
9623
9734
|
}
|
|
9735
|
+
}).withConfig({
|
|
9736
|
+
displayName: "InactiveButton",
|
|
9737
|
+
componentId: "sc-1bbtdtk-2"
|
|
9624
9738
|
})(_templateObject3$L || (_templateObject3$L = _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"])));
|
|
9625
9739
|
var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
9626
9740
|
var _ref$isActive = _ref.isActive,
|
|
@@ -9634,13 +9748,13 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
|
9634
9748
|
tag = _ref.tag,
|
|
9635
9749
|
hide = _ref.hide,
|
|
9636
9750
|
props = _objectWithoutProperties(_ref, _excluded$l);
|
|
9637
|
-
// Remove isActive from
|
|
9638
|
-
//
|
|
9639
|
-
|
|
9640
|
-
|
|
9641
|
-
|
|
9642
|
-
|
|
9643
|
-
var buttonProps = _objectWithoutProperties(
|
|
9751
|
+
// Remove any remaining isActive from props (might be passed via cloneElement spread)
|
|
9752
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9753
|
+
props.isActive;
|
|
9754
|
+
props.onClick;
|
|
9755
|
+
props.size;
|
|
9756
|
+
props.variant;
|
|
9757
|
+
var buttonProps = _objectWithoutProperties(props, _excluded2$1);
|
|
9644
9758
|
if (!isActive) {
|
|
9645
9759
|
return /*#__PURE__*/jsxRuntime.jsx(InactiveButton$1, _objectSpread2(_objectSpread2({
|
|
9646
9760
|
forwardedAs: as,
|
|
@@ -9677,7 +9791,10 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
|
9677
9791
|
};
|
|
9678
9792
|
|
|
9679
9793
|
var _templateObject$1O;
|
|
9680
|
-
var StyledButtonActivityMenu = styledComponents.styled.div(
|
|
9794
|
+
var StyledButtonActivityMenu = styledComponents.styled.div.withConfig({
|
|
9795
|
+
displayName: "StyledButtonActivityMenu",
|
|
9796
|
+
componentId: "sc-byew2t-0"
|
|
9797
|
+
})(_templateObject$1O || (_templateObject$1O = _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"])));
|
|
9681
9798
|
|
|
9682
9799
|
var ButtonActivityMenu = function ButtonActivityMenu(_ref) {
|
|
9683
9800
|
var _ref$activeIndex = _ref.activeIndex,
|
|
@@ -9728,7 +9845,10 @@ var getButtonVariantProp$1 = function getButtonVariantProp(prop) {
|
|
|
9728
9845
|
return theme.button[variant][prop];
|
|
9729
9846
|
};
|
|
9730
9847
|
};
|
|
9731
|
-
var StyledButtonActivity = styledComponents.styled.button
|
|
9848
|
+
var StyledButtonActivity = styledComponents.styled.button.withConfig({
|
|
9849
|
+
displayName: "StyledButtonActivity",
|
|
9850
|
+
componentId: "sc-pam326-0"
|
|
9851
|
+
})(_templateObject$1N || (_templateObject$1N = _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) {
|
|
9732
9852
|
var fullWidth = _ref4.fullWidth;
|
|
9733
9853
|
return fullWidth ? "100%" : "max-content";
|
|
9734
9854
|
}, function (_ref5) {
|
|
@@ -9768,7 +9888,10 @@ var ButtonActivity = function ButtonActivity(_ref) {
|
|
|
9768
9888
|
|
|
9769
9889
|
var _excluded$j = ["isActive", "size", "variant", "as"];
|
|
9770
9890
|
var _templateObject$1M;
|
|
9771
|
-
var InactiveButton = styledComponents.styled(ButtonActivity)(
|
|
9891
|
+
var InactiveButton = styledComponents.styled(ButtonActivity).withConfig({
|
|
9892
|
+
displayName: "InactiveButton",
|
|
9893
|
+
componentId: "sc-kqgtlg-0"
|
|
9894
|
+
})(_templateObject$1M || (_templateObject$1M = _taggedTemplateLiteral(["\n background: transparent;\n color: #808080;\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"])));
|
|
9772
9895
|
var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
|
|
9773
9896
|
var _ref$isActive = _ref.isActive,
|
|
9774
9897
|
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
@@ -9818,7 +9941,10 @@ var getButtonVariantProp = function getButtonVariantProp(prop) {
|
|
|
9818
9941
|
return theme.button[variant][prop];
|
|
9819
9942
|
};
|
|
9820
9943
|
};
|
|
9821
|
-
var StyledButtonSwitch = styledComponents.styled.button
|
|
9944
|
+
var StyledButtonSwitch = styledComponents.styled.button.withConfig({
|
|
9945
|
+
displayName: "StyledButtonSwitch",
|
|
9946
|
+
componentId: "sc-obsjj-0"
|
|
9947
|
+
})(_templateObject$1L || (_templateObject$1L = _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) {
|
|
9822
9948
|
var theme = _ref4.theme,
|
|
9823
9949
|
active = _ref4.active;
|
|
9824
9950
|
return active ? "white" : theme.colors.grey;
|
|
@@ -9853,7 +9979,10 @@ var ButtonSwitch = function ButtonSwitch(_ref) {
|
|
|
9853
9979
|
};
|
|
9854
9980
|
|
|
9855
9981
|
var _templateObject$1K;
|
|
9856
|
-
var StyledButtonSwitchMenu = styledComponents.styled.div(
|
|
9982
|
+
var StyledButtonSwitchMenu = styledComponents.styled.div.withConfig({
|
|
9983
|
+
displayName: "StyledButtonSwitchMenu",
|
|
9984
|
+
componentId: "sc-1qzp9bs-0"
|
|
9985
|
+
})(_templateObject$1K || (_templateObject$1K = _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"])));
|
|
9857
9986
|
|
|
9858
9987
|
var variants$1 = {
|
|
9859
9988
|
DEFAULT: "default",
|
|
@@ -9869,12 +9998,21 @@ var getToggleVariantProp = function getToggleVariantProp(prop) {
|
|
|
9869
9998
|
return theme.toggle[variant][prop];
|
|
9870
9999
|
};
|
|
9871
10000
|
};
|
|
9872
|
-
var Handle = styledComponents.styled.div(
|
|
10001
|
+
var Handle = styledComponents.styled.div.withConfig({
|
|
10002
|
+
displayName: "Handle",
|
|
10003
|
+
componentId: "sc-11wqnqq-0"
|
|
10004
|
+
})(_templateObject$1J || (_templateObject$1J = _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) {
|
|
9873
10005
|
var checked = _ref2.checked;
|
|
9874
10006
|
return checked ? getToggleVariantProp("backgroundHandleActive") : getToggleVariantProp("backgroundHandleInactive");
|
|
9875
10007
|
});
|
|
9876
|
-
var Input$1 = styledComponents.styled.input(
|
|
9877
|
-
|
|
10008
|
+
var Input$1 = styledComponents.styled.input.withConfig({
|
|
10009
|
+
displayName: "Input",
|
|
10010
|
+
componentId: "sc-11wqnqq-1"
|
|
10011
|
+
})(_templateObject2$Y || (_templateObject2$Y = _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);
|
|
10012
|
+
var StyledToggle = styledComponents.styled.div.withConfig({
|
|
10013
|
+
displayName: "StyledToggle",
|
|
10014
|
+
componentId: "sc-11wqnqq-2"
|
|
10015
|
+
})(_templateObject3$K || (_templateObject3$K = _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) {
|
|
9878
10016
|
var checked = _ref3.checked;
|
|
9879
10017
|
return checked ? getToggleVariantProp("backgroundToggleActive") : getToggleVariantProp("backgroundToggleInactive");
|
|
9880
10018
|
}, getToggleVariantProp("borderColor"));
|
|
@@ -9983,6 +10121,9 @@ var StyledCard = styledComponents.styled.div.withConfig({
|
|
|
9983
10121
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9984
10122
|
return !['$isActive', '$isSuccess', '$isWarning', '$isDisabled'].includes(prop);
|
|
9985
10123
|
}
|
|
10124
|
+
}).withConfig({
|
|
10125
|
+
displayName: "StyledCard",
|
|
10126
|
+
componentId: "sc-b498h5-0"
|
|
9986
10127
|
})(_templateObject$1I || (_templateObject$1I = _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) {
|
|
9987
10128
|
var theme = _ref2.theme;
|
|
9988
10129
|
return theme.colors.card;
|
|
@@ -10013,10 +10154,16 @@ var CardBody = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10013
10154
|
return {
|
|
10014
10155
|
p: p
|
|
10015
10156
|
};
|
|
10157
|
+
}).withConfig({
|
|
10158
|
+
displayName: "CardBody",
|
|
10159
|
+
componentId: "sc-1of0iur-0"
|
|
10016
10160
|
})(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteral(["\n ", "\n display: flex;\n justify-content: center;\n"])), styledSystem.space);
|
|
10017
10161
|
|
|
10018
10162
|
var _templateObject$1G;
|
|
10019
|
-
var CardHeader = styledComponents.styled.div(
|
|
10163
|
+
var CardHeader = styledComponents.styled.div.withConfig({
|
|
10164
|
+
displayName: "CardHeader",
|
|
10165
|
+
componentId: "sc-1ikcixt-0"
|
|
10166
|
+
})(_templateObject$1G || (_templateObject$1G = _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);
|
|
10020
10167
|
|
|
10021
10168
|
var _templateObject$1F;
|
|
10022
10169
|
var CardFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
@@ -10025,10 +10172,16 @@ var CardFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10025
10172
|
return {
|
|
10026
10173
|
p: p
|
|
10027
10174
|
};
|
|
10175
|
+
}).withConfig({
|
|
10176
|
+
displayName: "CardFooter",
|
|
10177
|
+
componentId: "sc-7k1ypk-0"
|
|
10028
10178
|
})(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteral(["\n ", "\n display: flex;\n justify-content: center;\n"])), styledSystem.space);
|
|
10029
10179
|
|
|
10030
10180
|
var _templateObject$1E;
|
|
10031
|
-
var StyledCardRibbon = styledComponents.styled.div(
|
|
10181
|
+
var StyledCardRibbon = styledComponents.styled.div.withConfig({
|
|
10182
|
+
displayName: "StyledCardRibbon",
|
|
10183
|
+
componentId: "sc-1qhw702-0"
|
|
10184
|
+
})(_templateObject$1E || (_templateObject$1E = _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) {
|
|
10032
10185
|
var _ref$variantColor = _ref.variantColor,
|
|
10033
10186
|
variantColor = _ref$variantColor === void 0 ? "secondary" : _ref$variantColor,
|
|
10034
10187
|
theme = _ref.theme;
|
|
@@ -10069,6 +10222,9 @@ var getScale$1 = function getScale(_ref) {
|
|
|
10069
10222
|
};
|
|
10070
10223
|
var Checkbox = styledComponents.styled.input.attrs({
|
|
10071
10224
|
type: "checkbox"
|
|
10225
|
+
}).withConfig({
|
|
10226
|
+
displayName: "Checkbox",
|
|
10227
|
+
componentId: "sc-1dgqwt2-0"
|
|
10072
10228
|
})(_templateObject$1D || (_templateObject$1D = _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) {
|
|
10073
10229
|
var bordered = _ref2.bordered;
|
|
10074
10230
|
return bordered ? "0.1px solid white !important" : "";
|
|
@@ -10110,7 +10266,10 @@ var getBottom = function getBottom(_ref2) {
|
|
|
10110
10266
|
}
|
|
10111
10267
|
return "auto";
|
|
10112
10268
|
};
|
|
10113
|
-
var DropdownContent = styledComponents.styled.div(
|
|
10269
|
+
var DropdownContent = styledComponents.styled.div.withConfig({
|
|
10270
|
+
displayName: "DropdownContent",
|
|
10271
|
+
componentId: "sc-1ns2r4e-0"
|
|
10272
|
+
})(_templateObject$1C || (_templateObject$1C = _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) {
|
|
10114
10273
|
var theme = _ref3.theme;
|
|
10115
10274
|
return theme.nav.background;
|
|
10116
10275
|
}, function (_ref4) {
|
|
@@ -10123,7 +10282,10 @@ var DropdownContent = styledComponents.styled.div(_templateObject$1C || (_templa
|
|
|
10123
10282
|
var theme = _ref6.theme;
|
|
10124
10283
|
return theme.radii.small;
|
|
10125
10284
|
});
|
|
10126
|
-
var Container$7 = styledComponents.styled.div(
|
|
10285
|
+
var Container$7 = styledComponents.styled.div.withConfig({
|
|
10286
|
+
displayName: "Container",
|
|
10287
|
+
componentId: "sc-1ns2r4e-1"
|
|
10288
|
+
})(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteral(["\n position: relative;\n &:hover ", ", &:focus-within ", " {\n display: flex;\n }\n"])), DropdownContent, DropdownContent);
|
|
10127
10289
|
var Dropdown = function Dropdown(_ref7) {
|
|
10128
10290
|
var target = _ref7.target,
|
|
10129
10291
|
_ref7$position = _ref7.position,
|
|
@@ -10139,8 +10301,14 @@ var Dropdown = function Dropdown(_ref7) {
|
|
|
10139
10301
|
|
|
10140
10302
|
var _excluded$e = ["tokenName", "amount", "tokenIcon", "actions"];
|
|
10141
10303
|
var _templateObject$1B, _templateObject2$W, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$j, _templateObject7$f;
|
|
10142
|
-
var StyledHeading = styledComponents.styled.div(
|
|
10143
|
-
|
|
10304
|
+
var StyledHeading = styledComponents.styled.div.withConfig({
|
|
10305
|
+
displayName: "StyledHeading",
|
|
10306
|
+
componentId: "sc-1kzbws6-0"
|
|
10307
|
+
})(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteral(["\n font-weight: 700;\n"])));
|
|
10308
|
+
var StyledEarnedToken = styledComponents.styled.div.withConfig({
|
|
10309
|
+
displayName: "StyledEarnedToken",
|
|
10310
|
+
componentId: "sc-1kzbws6-1"
|
|
10311
|
+
})(_templateObject2$W || (_templateObject2$W = _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) {
|
|
10144
10312
|
var theme = _ref.theme;
|
|
10145
10313
|
return theme.backgrounds.secondary;
|
|
10146
10314
|
}, function (_ref2) {
|
|
@@ -10166,19 +10334,31 @@ var StyledEarnedToken = styledComponents.styled.div(_templateObject2$W || (_temp
|
|
|
10166
10334
|
var theme = _ref8.theme;
|
|
10167
10335
|
return theme.colors.white10;
|
|
10168
10336
|
});
|
|
10169
|
-
var Amount = styledComponents.styled.div(
|
|
10337
|
+
var Amount = styledComponents.styled.div.withConfig({
|
|
10338
|
+
displayName: "Amount",
|
|
10339
|
+
componentId: "sc-1kzbws6-2"
|
|
10340
|
+
})(_templateObject4$w || (_templateObject4$w = _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) {
|
|
10170
10341
|
var theme = _ref9.theme;
|
|
10171
10342
|
return theme.mediaQueries.sm;
|
|
10172
10343
|
}, function (_ref0) {
|
|
10173
10344
|
var theme = _ref0.theme;
|
|
10174
10345
|
return theme.mediaQueries.sm;
|
|
10175
10346
|
});
|
|
10176
|
-
var Actions = styledComponents.styled.div(
|
|
10347
|
+
var Actions = styledComponents.styled.div.withConfig({
|
|
10348
|
+
displayName: "Actions",
|
|
10349
|
+
componentId: "sc-1kzbws6-3"
|
|
10350
|
+
})(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n\n button {\n width: 100%;\n height: 40px;\n font-size: 11px;\n padding: 0;\n }\n\n ", " {\n flex-direction: column;\n\n button {\n font-size: 16px;\n margin-bottom: 5px;\n }\n }\n"])), function (_ref1) {
|
|
10177
10351
|
var theme = _ref1.theme;
|
|
10178
10352
|
return theme.mediaQueries.sm;
|
|
10179
10353
|
});
|
|
10180
|
-
var MobileInfo = styledComponents.styled.div(
|
|
10181
|
-
|
|
10354
|
+
var MobileInfo = styledComponents.styled.div.withConfig({
|
|
10355
|
+
displayName: "MobileInfo",
|
|
10356
|
+
componentId: "sc-1kzbws6-4"
|
|
10357
|
+
})(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 80%;\n margin-bottom: 10px;\n"])));
|
|
10358
|
+
var Toggle = styledComponents.styled.div.withConfig({
|
|
10359
|
+
displayName: "Toggle",
|
|
10360
|
+
componentId: "sc-1kzbws6-5"
|
|
10361
|
+
})(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteral(["\n justify-self: flex-end;\n\n svg {\n margin: 0;\n }\n"])));
|
|
10182
10362
|
var EarnedToken = function EarnedToken(_ref10) {
|
|
10183
10363
|
var tokenName = _ref10.tokenName,
|
|
10184
10364
|
amount = _ref10.amount,
|
|
@@ -10239,7 +10419,10 @@ exports.Tokens = void 0;
|
|
|
10239
10419
|
})(exports.Tokens || (exports.Tokens = {}));
|
|
10240
10420
|
|
|
10241
10421
|
var _templateObject$1A;
|
|
10242
|
-
var StyledEarnedWrapper = styledComponents.styled.div(
|
|
10422
|
+
var StyledEarnedWrapper = styledComponents.styled.div.withConfig({
|
|
10423
|
+
displayName: "StyledEarnedWrapper",
|
|
10424
|
+
componentId: "sc-vkh54k-0"
|
|
10425
|
+
})(_templateObject$1A || (_templateObject$1A = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n background: ", ";\n width: 100%;\n border-radius: ", ";\n color: ", ";\n overflow: hidden;\n position: relative;\n"])), function (_ref) {
|
|
10243
10426
|
var theme = _ref.theme;
|
|
10244
10427
|
return theme.colors.white7;
|
|
10245
10428
|
}, function (_ref2) {
|
|
@@ -10269,6 +10452,9 @@ var EarnedWrapperHeader = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10269
10452
|
return {
|
|
10270
10453
|
as: as
|
|
10271
10454
|
};
|
|
10455
|
+
}).withConfig({
|
|
10456
|
+
displayName: "EarnedWrapperHeader",
|
|
10457
|
+
componentId: "sc-fpoazu-0"
|
|
10272
10458
|
})(_templateObject$1z || (_templateObject$1z = _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) {
|
|
10273
10459
|
var theme = _ref2.theme;
|
|
10274
10460
|
return theme.colors.white;
|
|
@@ -10278,7 +10464,10 @@ var EarnedWrapperHeader = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10278
10464
|
});
|
|
10279
10465
|
|
|
10280
10466
|
var _templateObject$1y;
|
|
10281
|
-
var GridLayout$1 = styledComponents.styled.div(
|
|
10467
|
+
var GridLayout$1 = styledComponents.styled.div.withConfig({
|
|
10468
|
+
displayName: "GridLayout",
|
|
10469
|
+
componentId: "sc-183ri5-0"
|
|
10470
|
+
})(_templateObject$1y || (_templateObject$1y = _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) {
|
|
10282
10471
|
var theme = _ref.theme;
|
|
10283
10472
|
return theme.mediaQueries.sm;
|
|
10284
10473
|
}, function (_ref2) {
|
|
@@ -10290,20 +10479,29 @@ var GridLayout$1 = styledComponents.styled.div(_templateObject$1y || (_templateO
|
|
|
10290
10479
|
});
|
|
10291
10480
|
|
|
10292
10481
|
var _templateObject$1x;
|
|
10293
|
-
var GridLayout = styledComponents.styled(GridLayout$1)(
|
|
10482
|
+
var GridLayout = styledComponents.styled(GridLayout$1).withConfig({
|
|
10483
|
+
displayName: "GridLayout",
|
|
10484
|
+
componentId: "sc-1cke1k8-0"
|
|
10485
|
+
})(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteral(["\n & > div {\n grid-column: span 6;\n ", " {\n grid-column: span 4;\n }\n }\n"])), function (_ref) {
|
|
10294
10486
|
var theme = _ref.theme;
|
|
10295
10487
|
return theme.mediaQueries.sm;
|
|
10296
10488
|
});
|
|
10297
10489
|
|
|
10298
10490
|
var _templateObject$1w, _templateObject2$V, _templateObject3$I;
|
|
10299
|
-
var StyledEarnedWrapperBody = styledComponents.styled.div(
|
|
10491
|
+
var StyledEarnedWrapperBody = styledComponents.styled.div.withConfig({
|
|
10492
|
+
displayName: "StyledEarnedWrapperBody",
|
|
10493
|
+
componentId: "sc-1bcwv2i-0"
|
|
10494
|
+
})(_templateObject$1w || (_templateObject$1w = _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) {
|
|
10300
10495
|
var theme = _ref.theme;
|
|
10301
10496
|
return theme.mediaQueries.md;
|
|
10302
10497
|
}, function (_ref2) {
|
|
10303
10498
|
var withoutMore = _ref2.withoutMore;
|
|
10304
10499
|
return withoutMore ? "30px" : "0px";
|
|
10305
10500
|
});
|
|
10306
|
-
var StyledCardsLayout = styledComponents.styled(GridLayout$1)(
|
|
10501
|
+
var StyledCardsLayout = styledComponents.styled(GridLayout$1).withConfig({
|
|
10502
|
+
displayName: "StyledCardsLayout",
|
|
10503
|
+
componentId: "sc-1bcwv2i-1"
|
|
10504
|
+
})(_templateObject2$V || (_templateObject2$V = _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) {
|
|
10307
10505
|
var theme = _ref3.theme;
|
|
10308
10506
|
return theme.mediaQueries.sm;
|
|
10309
10507
|
}, function (_ref4) {
|
|
@@ -10316,7 +10514,10 @@ var StyledCardsLayout = styledComponents.styled(GridLayout$1)(_templateObject2$V
|
|
|
10316
10514
|
var childrenNumber = _ref6.childrenNumber;
|
|
10317
10515
|
return childrenNumber === 3 ? "4" : "3";
|
|
10318
10516
|
});
|
|
10319
|
-
var EarnedWrapperFooter = styledComponents.styled.div(
|
|
10517
|
+
var EarnedWrapperFooter = styledComponents.styled.div.withConfig({
|
|
10518
|
+
displayName: "EarnedWrapperFooter",
|
|
10519
|
+
componentId: "sc-1bcwv2i-2"
|
|
10520
|
+
})(_templateObject3$I || (_templateObject3$I = _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) {
|
|
10320
10521
|
var theme = _ref7.theme;
|
|
10321
10522
|
return theme.mediaQueries.md;
|
|
10322
10523
|
});
|
|
@@ -10384,7 +10585,10 @@ var EarnedWrapperBody = function EarnedWrapperBody(_ref8) {
|
|
|
10384
10585
|
};
|
|
10385
10586
|
|
|
10386
10587
|
var _templateObject$1v;
|
|
10387
|
-
var StyledEarnedCarouselWrapper = styledComponents.styled.div(
|
|
10588
|
+
var StyledEarnedCarouselWrapper = styledComponents.styled.div.withConfig({
|
|
10589
|
+
displayName: "StyledEarnedCarouselWrapper",
|
|
10590
|
+
componentId: "sc-1fmwe6r-0"
|
|
10591
|
+
})(_templateObject$1v || (_templateObject$1v = _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) {
|
|
10388
10592
|
var theme = _ref.theme;
|
|
10389
10593
|
return theme.colors.white7;
|
|
10390
10594
|
}, function (_ref2) {
|
|
@@ -10417,6 +10621,9 @@ var EarnedCarouselWrapperHeader = styledComponents.styled.div.attrs(function (_r
|
|
|
10417
10621
|
return {
|
|
10418
10622
|
as: as
|
|
10419
10623
|
};
|
|
10624
|
+
}).withConfig({
|
|
10625
|
+
displayName: "EarnedCarouselWrapperHeader",
|
|
10626
|
+
componentId: "sc-zz4zep-0"
|
|
10420
10627
|
})(_templateObject$1u || (_templateObject$1u = _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) {
|
|
10421
10628
|
var theme = _ref2.theme;
|
|
10422
10629
|
return theme.colors.white;
|
|
@@ -10426,8 +10633,14 @@ var EarnedCarouselWrapperHeader = styledComponents.styled.div.attrs(function (_r
|
|
|
10426
10633
|
});
|
|
10427
10634
|
|
|
10428
10635
|
var _templateObject$1t, _templateObject2$U, _templateObject3$H;
|
|
10429
|
-
var CSSTokenWrapper = styledComponents.styled.div
|
|
10430
|
-
|
|
10636
|
+
var CSSTokenWrapper = styledComponents.styled.div.withConfig({
|
|
10637
|
+
displayName: "CSSTokenWrapper",
|
|
10638
|
+
componentId: "sc-63miep-0"
|
|
10639
|
+
})(_templateObject$1t || (_templateObject$1t = _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"])));
|
|
10640
|
+
var SliderWrapper = styledComponents.styled.div.withConfig({
|
|
10641
|
+
displayName: "SliderWrapper",
|
|
10642
|
+
componentId: "sc-63miep-1"
|
|
10643
|
+
})(_templateObject2$U || (_templateObject2$U = _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) {
|
|
10431
10644
|
var theme = _ref.theme;
|
|
10432
10645
|
return theme.mediaQueries.sm;
|
|
10433
10646
|
}, function (_ref2) {
|
|
@@ -10440,7 +10653,10 @@ var SliderWrapper = styledComponents.styled.div(_templateObject2$U || (_template
|
|
|
10440
10653
|
var dots = _ref4.dots;
|
|
10441
10654
|
return dots ? "0 20px 60px" : "0 5px 15px";
|
|
10442
10655
|
});
|
|
10443
|
-
var StyledSlider$1 = styledComponents.styled(Slider)
|
|
10656
|
+
var StyledSlider$1 = styledComponents.styled(Slider).withConfig({
|
|
10657
|
+
displayName: "StyledSlider",
|
|
10658
|
+
componentId: "sc-63miep-2"
|
|
10659
|
+
})(_templateObject3$H || (_templateObject3$H = _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) {
|
|
10444
10660
|
var withoutMain = _ref5.withoutMain;
|
|
10445
10661
|
if (withoutMain) {
|
|
10446
10662
|
return "100%";
|
|
@@ -10618,7 +10834,10 @@ var getBoxShadow$1 = function getBoxShadow(_ref) {
|
|
|
10618
10834
|
}
|
|
10619
10835
|
return theme.infoBox.boxShadow;
|
|
10620
10836
|
};
|
|
10621
|
-
var StyledInfoBox = styledComponents.styled.div
|
|
10837
|
+
var StyledInfoBox = styledComponents.styled.div.withConfig({
|
|
10838
|
+
displayName: "StyledInfoBox",
|
|
10839
|
+
componentId: "sc-132sfwq-0"
|
|
10840
|
+
})(_templateObject$1s || (_templateObject$1s = _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) {
|
|
10622
10841
|
var theme = _ref2.theme;
|
|
10623
10842
|
return theme.colors.borderColor;
|
|
10624
10843
|
}, getBoxShadow$1, function (_ref3) {
|
|
@@ -10642,10 +10861,16 @@ var InfoBox = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10642
10861
|
return {
|
|
10643
10862
|
p: p
|
|
10644
10863
|
};
|
|
10864
|
+
}).withConfig({
|
|
10865
|
+
displayName: "InfoBox",
|
|
10866
|
+
componentId: "sc-1opp4pn-0"
|
|
10645
10867
|
})(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteral(["\n ", ";\n padding: 20px;\n display: flex;\n justify-content: flex-start;\n"])), styledSystem.space);
|
|
10646
10868
|
|
|
10647
10869
|
var _templateObject$1q;
|
|
10648
|
-
var InfoBoxHeader = styledComponents.styled.div(
|
|
10870
|
+
var InfoBoxHeader = styledComponents.styled.div.withConfig({
|
|
10871
|
+
displayName: "InfoBoxHeader",
|
|
10872
|
+
componentId: "sc-ll0lgz-0"
|
|
10873
|
+
})(_templateObject$1q || (_templateObject$1q = _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);
|
|
10649
10874
|
|
|
10650
10875
|
var _templateObject$1p;
|
|
10651
10876
|
var InfoBoxFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
@@ -10654,6 +10879,9 @@ var InfoBoxFooter = styledComponents.styled.div.attrs(function (_ref) {
|
|
|
10654
10879
|
return {
|
|
10655
10880
|
p: p
|
|
10656
10881
|
};
|
|
10882
|
+
}).withConfig({
|
|
10883
|
+
displayName: "InfoBoxFooter",
|
|
10884
|
+
componentId: "sc-suth0r-0"
|
|
10657
10885
|
})(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteral(["\n ", ";\n padding: 20px;\n display: flex;\n justify-content: flex-start;\n"])), styledSystem.space);
|
|
10658
10886
|
|
|
10659
10887
|
var scales$1 = {
|
|
@@ -10693,7 +10921,10 @@ var getHeight = function getHeight(_ref2) {
|
|
|
10693
10921
|
return "40px";
|
|
10694
10922
|
}
|
|
10695
10923
|
};
|
|
10696
|
-
var Input = styledComponents.styled.input
|
|
10924
|
+
var Input = styledComponents.styled.input.withConfig({
|
|
10925
|
+
displayName: "Input",
|
|
10926
|
+
componentId: "sc-i7ggno-0"
|
|
10927
|
+
})(_templateObject$1o || (_templateObject$1o = _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) {
|
|
10697
10928
|
var theme = _ref3.theme;
|
|
10698
10929
|
return theme.colors.input;
|
|
10699
10930
|
}, getBoxShadow, function (_ref4) {
|
|
@@ -10717,24 +10948,48 @@ var _excluded$9 = ["children"],
|
|
|
10717
10948
|
_excluded2 = ["children"],
|
|
10718
10949
|
_excluded3 = ["children"];
|
|
10719
10950
|
var _templateObject$1n, _templateObject2$T, _templateObject3$G, _templateObject4$v, _templateObject5$s, _templateObject6$i, _templateObject7$e, _templateObject8$a, _templateObject9$9;
|
|
10720
|
-
var InputLabelBox = styledComponents.styled.div(
|
|
10721
|
-
|
|
10951
|
+
var InputLabelBox = styledComponents.styled.div.withConfig({
|
|
10952
|
+
displayName: "InputLabelBox",
|
|
10953
|
+
componentId: "sc-1xa506b-0"
|
|
10954
|
+
})(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 8px;\n"])));
|
|
10955
|
+
var Label = styledComponents.styled(Text).withConfig({
|
|
10956
|
+
displayName: "Label",
|
|
10957
|
+
componentId: "sc-1xa506b-1"
|
|
10958
|
+
})(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: bold;\n font-size: 16px;\n line-height: 28px;\n"])), function (_ref) {
|
|
10722
10959
|
var theme = _ref.theme;
|
|
10723
10960
|
return theme.colors.white55;
|
|
10724
10961
|
});
|
|
10725
|
-
var OptionalBox = styledComponents.styled(Text)(
|
|
10726
|
-
|
|
10727
|
-
|
|
10962
|
+
var OptionalBox = styledComponents.styled(Text).withConfig({
|
|
10963
|
+
displayName: "OptionalBox",
|
|
10964
|
+
componentId: "sc-1xa506b-2"
|
|
10965
|
+
})(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n"])));
|
|
10966
|
+
var Optional = styledComponents.styled(Text).withConfig({
|
|
10967
|
+
displayName: "Optional",
|
|
10968
|
+
componentId: "sc-1xa506b-3"
|
|
10969
|
+
})(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteral(["\n color: #373749;\n font-weight: bold;\n font-size: 11px;\n line-height: 138.5%;\n"])));
|
|
10970
|
+
var StyledInputDesc = styledComponents.styled(Text).withConfig({
|
|
10971
|
+
displayName: "StyledInputDesc",
|
|
10972
|
+
componentId: "sc-1xa506b-4"
|
|
10973
|
+
})(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 170%;\n"])), function (_ref2) {
|
|
10728
10974
|
var theme = _ref2.theme;
|
|
10729
10975
|
return theme.colors.white55;
|
|
10730
10976
|
});
|
|
10731
|
-
var StyledInputBottomDesc = styledComponents.styled(StyledInputDesc)(
|
|
10977
|
+
var StyledInputBottomDesc = styledComponents.styled(StyledInputDesc).withConfig({
|
|
10978
|
+
displayName: "StyledInputBottomDesc",
|
|
10979
|
+
componentId: "sc-1xa506b-5"
|
|
10980
|
+
})(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteral(["\n padding-left: 8px;\n"])));
|
|
10732
10981
|
var textStyle = styledComponents.css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteral(["\n font-size: 11px;\n line-height: 138.5%;\n font-weight: bold;\n padding: 0px 0px 10px 24px;\n margin-bottom: -25px;\n"])));
|
|
10733
|
-
var StyledErrorMessage = styledComponents.styled(Text)(
|
|
10982
|
+
var StyledErrorMessage = styledComponents.styled(Text).withConfig({
|
|
10983
|
+
displayName: "StyledErrorMessage",
|
|
10984
|
+
componentId: "sc-1xa506b-6"
|
|
10985
|
+
})(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n"])), textStyle, function (_ref3) {
|
|
10734
10986
|
var theme = _ref3.theme;
|
|
10735
10987
|
return theme.colors.error;
|
|
10736
10988
|
});
|
|
10737
|
-
var StyledSuccessMessage = styledComponents.styled(Text)(
|
|
10989
|
+
var StyledSuccessMessage = styledComponents.styled(Text).withConfig({
|
|
10990
|
+
displayName: "StyledSuccessMessage",
|
|
10991
|
+
componentId: "sc-1xa506b-7"
|
|
10992
|
+
})(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n"])), textStyle, function (_ref4) {
|
|
10738
10993
|
var theme = _ref4.theme;
|
|
10739
10994
|
return theme.colors.primary;
|
|
10740
10995
|
});
|
|
@@ -10805,6 +11060,9 @@ var _templateObject$1m, _templateObject2$S;
|
|
|
10805
11060
|
var StyledInput$1 = styledComponents.styled(function (_ref) {
|
|
10806
11061
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10807
11062
|
return /*#__PURE__*/jsxRuntime.jsx(DatePicker.DatePicker, _objectSpread2({}, props));
|
|
11063
|
+
}).withConfig({
|
|
11064
|
+
displayName: "StyledInput",
|
|
11065
|
+
componentId: "sc-2l4k3e-0"
|
|
10808
11066
|
})(_templateObject$1m || (_templateObject$1m = _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) {
|
|
10809
11067
|
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)";
|
|
10810
11068
|
}, function (props) {
|
|
@@ -10816,6 +11074,9 @@ var StyledInput$1 = styledComponents.styled(function (_ref) {
|
|
|
10816
11074
|
var DateInputWrapper = styledComponents.styled(function (_ref3) {
|
|
10817
11075
|
var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
10818
11076
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread2({}, props));
|
|
11077
|
+
}).withConfig({
|
|
11078
|
+
displayName: "DateInputWrapper",
|
|
11079
|
+
componentId: "sc-2l4k3e-1"
|
|
10819
11080
|
})(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteral(["\n margin-bottom: 15px;\n"])));
|
|
10820
11081
|
var MuiDateInput = function MuiDateInput(_ref4) {
|
|
10821
11082
|
var name = _ref4.name,
|
|
@@ -10884,6 +11145,9 @@ var _templateObject$1l, _templateObject2$R;
|
|
|
10884
11145
|
var DragAndDropZone = styledComponents.styled(function (_ref) {
|
|
10885
11146
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10886
11147
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread2({}, props));
|
|
11148
|
+
}).withConfig({
|
|
11149
|
+
displayName: "DragAndDropZone",
|
|
11150
|
+
componentId: "sc-1qlv44t-0"
|
|
10887
11151
|
})(_templateObject$1l || (_templateObject$1l = _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) {
|
|
10888
11152
|
return props.disabled ? props.theme.colors.disabled : props.theme.backgrounds.secondary;
|
|
10889
11153
|
}, function (props) {
|
|
@@ -10894,6 +11158,9 @@ var DragAndDropZone = styledComponents.styled(function (_ref) {
|
|
|
10894
11158
|
var DragAndDropText = styledComponents.styled(function (_ref2) {
|
|
10895
11159
|
var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
10896
11160
|
return /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread2({}, props));
|
|
11161
|
+
}).withConfig({
|
|
11162
|
+
displayName: "DragAndDropText",
|
|
11163
|
+
componentId: "sc-1qlv44t-1"
|
|
10897
11164
|
})(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteral(["\n font-weight: 500;\n font-size: 16px;\n line-height: 28px;\n color: ", ";\n span {\n color: ", ";\n }\n"])), function (props) {
|
|
10898
11165
|
return props.disabled ? props.theme.colors.white55 : props.theme.colors.white;
|
|
10899
11166
|
}, function (props) {
|
|
@@ -10969,12 +11236,21 @@ var MuiFileInput = function MuiFileInput(_ref3) {
|
|
|
10969
11236
|
|
|
10970
11237
|
var _excluded$8 = ["name", "label", "placeholderLabel", "placeholder", "topDesc", "bottomDesc", "optional", "value", "onChange", "onBlur", "error", "textarea", "maxLength", "disabled", "success", "successMsg"];
|
|
10971
11238
|
var _templateObject$1k, _templateObject2$Q, _templateObject3$F;
|
|
10972
|
-
var TextAreaWrapper = styledComponents.styled.div(
|
|
10973
|
-
|
|
11239
|
+
var TextAreaWrapper = styledComponents.styled.div.withConfig({
|
|
11240
|
+
displayName: "TextAreaWrapper",
|
|
11241
|
+
componentId: "sc-1pp44v8-0"
|
|
11242
|
+
})(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
11243
|
+
var LengthText = styledComponents.styled(Text).withConfig({
|
|
11244
|
+
displayName: "LengthText",
|
|
11245
|
+
componentId: "sc-1pp44v8-1"
|
|
11246
|
+
})(_templateObject2$Q || (_templateObject2$Q = _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) {
|
|
10974
11247
|
var theme = _ref.theme;
|
|
10975
11248
|
return theme.colors.grey;
|
|
10976
11249
|
});
|
|
10977
|
-
var StyledTextField = styledComponents.styled(material.TextField)
|
|
11250
|
+
var StyledTextField = styledComponents.styled(material.TextField).withConfig({
|
|
11251
|
+
displayName: "StyledTextField",
|
|
11252
|
+
componentId: "sc-1pp44v8-2"
|
|
11253
|
+
})(_templateObject3$F || (_templateObject3$F = _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) {
|
|
10978
11254
|
var theme = _ref2.theme,
|
|
10979
11255
|
disabled = _ref2.disabled;
|
|
10980
11256
|
return disabled ? theme.colors.white55 : theme.colors.grey;
|
|
@@ -11083,12 +11359,21 @@ var MuiTextInput = function MuiTextInput(_ref11) {
|
|
|
11083
11359
|
};
|
|
11084
11360
|
|
|
11085
11361
|
var _templateObject$1j, _templateObject2$P, _templateObject3$E;
|
|
11086
|
-
var CarouselBox = styledComponents.styled.div(
|
|
11087
|
-
|
|
11362
|
+
var CarouselBox = styledComponents.styled.div.withConfig({
|
|
11363
|
+
displayName: "CarouselBox",
|
|
11364
|
+
componentId: "sc-xakklk-0"
|
|
11365
|
+
})(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteral(["\n height: 200px;\n"])));
|
|
11366
|
+
var StyledSlider = styledComponents.styled(Slider).withConfig({
|
|
11367
|
+
displayName: "StyledSlider",
|
|
11368
|
+
componentId: "sc-xakklk-1"
|
|
11369
|
+
})(_templateObject2$P || (_templateObject2$P = _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) {
|
|
11088
11370
|
var theme = _ref.theme;
|
|
11089
11371
|
return theme.colors.blue;
|
|
11090
11372
|
});
|
|
11091
|
-
var ImageDiv = styledComponents.styled.div(
|
|
11373
|
+
var ImageDiv = styledComponents.styled.div.withConfig({
|
|
11374
|
+
displayName: "ImageDiv",
|
|
11375
|
+
componentId: "sc-xakklk-2"
|
|
11376
|
+
})(_templateObject3$E || (_templateObject3$E = _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) {
|
|
11092
11377
|
var background = _ref2.background;
|
|
11093
11378
|
return background;
|
|
11094
11379
|
}, function (_ref3) {
|
|
@@ -11168,6 +11453,9 @@ var Radio = styledComponents.styled.input.attrs(function (_ref3) {
|
|
|
11168
11453
|
scale: scale,
|
|
11169
11454
|
m: m
|
|
11170
11455
|
};
|
|
11456
|
+
}).withConfig({
|
|
11457
|
+
displayName: "Radio",
|
|
11458
|
+
componentId: "sc-955j6u-0"
|
|
11171
11459
|
})(_templateObject$1i || (_templateObject$1i = _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) {
|
|
11172
11460
|
var theme = _ref4.theme;
|
|
11173
11461
|
return theme.colors.input;
|
|
@@ -11307,7 +11595,10 @@ var darkColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), b
|
|
|
11307
11595
|
});
|
|
11308
11596
|
|
|
11309
11597
|
var _templateObject$1h, _templateObject2$O;
|
|
11310
|
-
var StyledCoreTag = styledComponents.styled.div
|
|
11598
|
+
var StyledCoreTag = styledComponents.styled.div.withConfig({
|
|
11599
|
+
displayName: "StyledCoreTag",
|
|
11600
|
+
componentId: "sc-1bfj6gr-0"
|
|
11601
|
+
})(_templateObject$1h || (_templateObject$1h = _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) {
|
|
11311
11602
|
var theme = _ref.theme,
|
|
11312
11603
|
active = _ref.active,
|
|
11313
11604
|
color = _ref.color;
|
|
@@ -11331,7 +11622,10 @@ var StyledCoreTag = styledComponents.styled.div(_templateObject$1h || (_template
|
|
|
11331
11622
|
active = _ref6.active;
|
|
11332
11623
|
return active ? theme.colors.primary : theme.colors.grey;
|
|
11333
11624
|
});
|
|
11334
|
-
var StyledText = styledComponents.styled(Text)(
|
|
11625
|
+
var StyledText = styledComponents.styled(Text).withConfig({
|
|
11626
|
+
displayName: "StyledText",
|
|
11627
|
+
componentId: "sc-1bfj6gr-1"
|
|
11628
|
+
})(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n font-weight: 700;\n color: ", ";\n font-size: 14px;\n line-height: 20px;\n"])), function (_ref7) {
|
|
11335
11629
|
var theme = _ref7.theme,
|
|
11336
11630
|
active = _ref7.active,
|
|
11337
11631
|
color = _ref7.color;
|
|
@@ -11417,14 +11711,20 @@ var Icon$M = function Icon(props) {
|
|
|
11417
11711
|
|
|
11418
11712
|
var _templateObject$1g, _templateObject2$N, _templateObject3$D;
|
|
11419
11713
|
var rotate = styledComponents.keyframes(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11420
|
-
var Container$6 = styledComponents.styled.div(
|
|
11714
|
+
var Container$6 = styledComponents.styled.div.withConfig({
|
|
11715
|
+
displayName: "Container",
|
|
11716
|
+
componentId: "sc-1wgci3j-0"
|
|
11717
|
+
})(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n position: relative;\n height: ", "px;\n width: ", "px;\n"])), function (_ref) {
|
|
11421
11718
|
var size = _ref.size;
|
|
11422
11719
|
return size;
|
|
11423
11720
|
}, function (_ref2) {
|
|
11424
11721
|
var size = _ref2.size;
|
|
11425
11722
|
return size;
|
|
11426
11723
|
});
|
|
11427
|
-
var RotatingSpinnerIcon = styledComponents.styled(Icon$M)(
|
|
11724
|
+
var RotatingSpinnerIcon = styledComponents.styled(Icon$M).withConfig({
|
|
11725
|
+
displayName: "RotatingSpinnerIcon",
|
|
11726
|
+
componentId: "sc-1wgci3j-1"
|
|
11727
|
+
})(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n animation: ", " 2s linear infinite;\n transform: translate3d(0, 0, 0);\n"])), rotate);
|
|
11428
11728
|
var Spinner = function Spinner(_ref3) {
|
|
11429
11729
|
var _ref3$size = _ref3.size,
|
|
11430
11730
|
size = _ref3$size === void 0 ? 128 : _ref3$size;
|
|
@@ -11437,13 +11737,25 @@ var Spinner = function Spinner(_ref3) {
|
|
|
11437
11737
|
};
|
|
11438
11738
|
|
|
11439
11739
|
var _templateObject$1f, _templateObject2$M, _templateObject3$C, _templateObject4$u;
|
|
11440
|
-
var StyledContainer = styledComponents.styled.div(
|
|
11740
|
+
var StyledContainer = styledComponents.styled.div.withConfig({
|
|
11741
|
+
displayName: "StyledContainer",
|
|
11742
|
+
componentId: "sc-1c4vjp9-0"
|
|
11743
|
+
})(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n overflow: auto;\n ", "\n"])), function (_ref) {
|
|
11441
11744
|
var loader = _ref.loader;
|
|
11442
11745
|
return loader && "\n display: flex;\n justify-content: center;\n align-items: center;\n ";
|
|
11443
11746
|
});
|
|
11444
|
-
var StyledItem = styledComponents.styled.div(
|
|
11445
|
-
|
|
11446
|
-
|
|
11747
|
+
var StyledItem = styledComponents.styled.div.withConfig({
|
|
11748
|
+
displayName: "StyledItem",
|
|
11749
|
+
componentId: "sc-1c4vjp9-1"
|
|
11750
|
+
})(_templateObject2$M || (_templateObject2$M = _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"])));
|
|
11751
|
+
var StyledLabel = styledComponents.styled(Text).withConfig({
|
|
11752
|
+
displayName: "StyledLabel",
|
|
11753
|
+
componentId: "sc-1c4vjp9-2"
|
|
11754
|
+
})(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteral(["\n opacity: 0.55;\n"])));
|
|
11755
|
+
var ListWrapper = styledComponents.styled.div.withConfig({
|
|
11756
|
+
displayName: "ListWrapper",
|
|
11757
|
+
componentId: "sc-1c4vjp9-3"
|
|
11758
|
+
})(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteral(["\n display: flex;\n height: ", ";\n"])), function (_ref2) {
|
|
11447
11759
|
var customHeight = _ref2.customHeight;
|
|
11448
11760
|
return customHeight ? "".concat(customHeight, "px") : "100%";
|
|
11449
11761
|
});
|
|
@@ -11507,11 +11819,17 @@ var List = function List(_ref3) {
|
|
|
11507
11819
|
};
|
|
11508
11820
|
|
|
11509
11821
|
var _templateObject$1e, _templateObject2$L;
|
|
11510
|
-
var Bar = styledComponents.styled.div(
|
|
11822
|
+
var Bar = styledComponents.styled.div.withConfig({
|
|
11823
|
+
displayName: "Bar",
|
|
11824
|
+
componentId: "sc-1wd61gz-0"
|
|
11825
|
+
})(_templateObject$1e || (_templateObject$1e = _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) {
|
|
11511
11826
|
var _props$primary;
|
|
11512
11827
|
return ((_props$primary = props.primary) !== null && _props$primary !== void 0 ? _props$primary : false) ? props.theme.colors.secondary : "".concat(props.theme.colors.secondary, "80");
|
|
11513
11828
|
});
|
|
11514
|
-
var StyledProgress = styledComponents.styled.div(
|
|
11829
|
+
var StyledProgress = styledComponents.styled.div.withConfig({
|
|
11830
|
+
displayName: "StyledProgress",
|
|
11831
|
+
componentId: "sc-1wd61gz-1"
|
|
11832
|
+
})(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n position: relative;\n background-color: ", ";\n border-radius: 32px;\n box-shadow: ", ";\n height: 16px;\n overflow: hidden;\n"])), function (_ref) {
|
|
11515
11833
|
var theme = _ref.theme;
|
|
11516
11834
|
return theme.colors.input;
|
|
11517
11835
|
}, function (_ref2) {
|
|
@@ -11520,7 +11838,10 @@ var StyledProgress = styledComponents.styled.div(_templateObject2$L || (_templat
|
|
|
11520
11838
|
});
|
|
11521
11839
|
|
|
11522
11840
|
var _templateObject$1d;
|
|
11523
|
-
var ProgressBunnyWrapper = styledComponents.styled.div(
|
|
11841
|
+
var ProgressBunnyWrapper = styledComponents.styled.div.withConfig({
|
|
11842
|
+
displayName: "ProgressBunnyWrapper",
|
|
11843
|
+
componentId: "sc-12wvu5w-0"
|
|
11844
|
+
})(_templateObject$1d || (_templateObject$1d = _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"])));
|
|
11524
11845
|
|
|
11525
11846
|
var stepGuard = function stepGuard(step) {
|
|
11526
11847
|
if (step < 0) {
|
|
@@ -11570,7 +11891,10 @@ var _excluded$6 = ["variant", "animation"];
|
|
|
11570
11891
|
var _templateObject$1c, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$r;
|
|
11571
11892
|
var waves = styledComponents.keyframes(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteral(["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"])));
|
|
11572
11893
|
var pulse = styledComponents.keyframes(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"])));
|
|
11573
|
-
var Root = styledComponents.styled.div(
|
|
11894
|
+
var Root = styledComponents.styled.div.withConfig({
|
|
11895
|
+
displayName: "Root",
|
|
11896
|
+
componentId: "sc-20824z-0"
|
|
11897
|
+
})(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteral(["\n min-height: 20px;\n display: block;\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n ", "\n"])), function (_ref) {
|
|
11574
11898
|
var theme = _ref.theme;
|
|
11575
11899
|
return theme.colors.backgroundDisabled;
|
|
11576
11900
|
}, function (_ref2) {
|
|
@@ -11578,8 +11902,14 @@ var Root = styledComponents.styled.div(_templateObject3$B || (_templateObject3$B
|
|
|
11578
11902
|
theme = _ref2.theme;
|
|
11579
11903
|
return variant$1 === variant.CIRCLE ? theme.radii.circle : theme.radii.small;
|
|
11580
11904
|
}, styledSystem.layout, styledSystem.space);
|
|
11581
|
-
var Pulse = styledComponents.styled(Root)(
|
|
11582
|
-
|
|
11905
|
+
var Pulse = styledComponents.styled(Root).withConfig({
|
|
11906
|
+
displayName: "Pulse",
|
|
11907
|
+
componentId: "sc-20824z-1"
|
|
11908
|
+
})(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteral(["\n animation: ", " 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"])), pulse);
|
|
11909
|
+
var Waves = styledComponents.styled(Root).withConfig({
|
|
11910
|
+
displayName: "Waves",
|
|
11911
|
+
componentId: "sc-20824z-2"
|
|
11912
|
+
})(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n display: flex;\n justify-content: center;\n align-items: center;\n &:before {\n content: \"\";\n position: absolute;\n background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n top: 0;\n left: -150px;\n height: 100%;\n width: 150px;\n animation: ", " 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n }\n"])), waves);
|
|
11583
11913
|
var Skeleton = function Skeleton(_ref3) {
|
|
11584
11914
|
var _ref3$variant = _ref3.variant,
|
|
11585
11915
|
variant$1 = _ref3$variant === void 0 ? variant.RECT : _ref3$variant,
|
|
@@ -11598,8 +11928,14 @@ var Skeleton = function Skeleton(_ref3) {
|
|
|
11598
11928
|
|
|
11599
11929
|
var _excluded$5 = ["text"];
|
|
11600
11930
|
var _templateObject$1b, _templateObject2$J;
|
|
11601
|
-
var StyledButton = styledComponents.styled(Button$1)(
|
|
11602
|
-
|
|
11931
|
+
var StyledButton = styledComponents.styled(Button$1).withConfig({
|
|
11932
|
+
displayName: "StyledButton",
|
|
11933
|
+
componentId: "sc-1ofv4rm-0"
|
|
11934
|
+
})(_templateObject$1b || (_templateObject$1b = _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"])));
|
|
11935
|
+
var DetailsContainer = styledComponents.styled.div.withConfig({
|
|
11936
|
+
displayName: "DetailsContainer",
|
|
11937
|
+
componentId: "sc-1ofv4rm-1"
|
|
11938
|
+
})(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n * {\n margin-right: 10px;\n }\n"])));
|
|
11603
11939
|
var SwapButton = function SwapButton(_ref) {
|
|
11604
11940
|
var _ref$text = _ref.text,
|
|
11605
11941
|
text = _ref$text === void 0 ? "Token info page" : _ref$text,
|
|
@@ -12312,7 +12648,10 @@ var lightTheme = _objectSpread2(_objectSpread2({}, base), {}, {
|
|
|
12312
12648
|
});
|
|
12313
12649
|
|
|
12314
12650
|
var _templateObject$1a;
|
|
12315
|
-
var TableActiveDot = styledComponents.styled.div(
|
|
12651
|
+
var TableActiveDot = styledComponents.styled.div.withConfig({
|
|
12652
|
+
displayName: "TableActiveDot",
|
|
12653
|
+
componentId: "sc-1phywr3-0"
|
|
12654
|
+
})(_templateObject$1a || (_templateObject$1a = _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) {
|
|
12316
12655
|
var actionActive = _ref.actionActive;
|
|
12317
12656
|
return actionActive ? "#12FFB8" : "#373749";
|
|
12318
12657
|
}, function (_ref2) {
|
|
@@ -12321,7 +12660,10 @@ var TableActiveDot = styledComponents.styled.div(_templateObject$1a || (_templat
|
|
|
12321
12660
|
});
|
|
12322
12661
|
|
|
12323
12662
|
var _templateObject$19, _templateObject2$I, _templateObject3$A, _templateObject4$s, _templateObject5$q;
|
|
12324
|
-
var StyledRow = styledComponents.styled.div(
|
|
12663
|
+
var StyledRow = styledComponents.styled.div.withConfig({
|
|
12664
|
+
displayName: "StyledRow",
|
|
12665
|
+
componentId: "sc-qzdbwn-0"
|
|
12666
|
+
})(_templateObject$19 || (_templateObject$19 = _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) {
|
|
12325
12667
|
var active = _ref.active;
|
|
12326
12668
|
return active ? "auto" : "77.5px";
|
|
12327
12669
|
}, function (_ref2) {
|
|
@@ -12347,10 +12689,22 @@ var StyledRow = styledComponents.styled.div(_templateObject$19 || (_templateObje
|
|
|
12347
12689
|
var active = _ref8.active;
|
|
12348
12690
|
return active ? "5.5px" : "0px";
|
|
12349
12691
|
});
|
|
12350
|
-
var StyledTableChildren = styledComponents.styled(GridLayout$1)(
|
|
12351
|
-
|
|
12352
|
-
|
|
12353
|
-
|
|
12692
|
+
var StyledTableChildren = styledComponents.styled(GridLayout$1).withConfig({
|
|
12693
|
+
displayName: "StyledTableChildren",
|
|
12694
|
+
componentId: "sc-qzdbwn-1"
|
|
12695
|
+
})(_templateObject2$I || (_templateObject2$I = _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"])));
|
|
12696
|
+
var StyledTableDetails = styledComponents.styled(GridLayout$1).withConfig({
|
|
12697
|
+
displayName: "StyledTableDetails",
|
|
12698
|
+
componentId: "sc-qzdbwn-2"
|
|
12699
|
+
})(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteral(["\n padding: 13px;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n"])));
|
|
12700
|
+
var ToggleContainer = styledComponents.styled.div.withConfig({
|
|
12701
|
+
displayName: "ToggleContainer",
|
|
12702
|
+
componentId: "sc-qzdbwn-3"
|
|
12703
|
+
})(_templateObject4$s || (_templateObject4$s = _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"])));
|
|
12704
|
+
var DotContainer = styledComponents.styled.div.withConfig({
|
|
12705
|
+
displayName: "DotContainer",
|
|
12706
|
+
componentId: "sc-qzdbwn-4"
|
|
12707
|
+
})(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteral(["\n grid-column: span 1;\n @media (max-width: 576px) {\n margin-left: 10px;\n }\n"])));
|
|
12354
12708
|
var TableRow = function TableRow(_ref9) {
|
|
12355
12709
|
var children = _ref9.children,
|
|
12356
12710
|
details = _ref9.details,
|
|
@@ -12389,9 +12743,18 @@ var TableRow = function TableRow(_ref9) {
|
|
|
12389
12743
|
};
|
|
12390
12744
|
|
|
12391
12745
|
var _templateObject$18, _templateObject2$H, _templateObject3$z;
|
|
12392
|
-
var LiquidityWrapper = styledComponents.styled.div(
|
|
12393
|
-
|
|
12394
|
-
|
|
12746
|
+
var LiquidityWrapper = styledComponents.styled.div.withConfig({
|
|
12747
|
+
displayName: "LiquidityWrapper",
|
|
12748
|
+
componentId: "sc-wsy021-0"
|
|
12749
|
+
})(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n padding-right: 4px;\n width: 100%;\n"])));
|
|
12750
|
+
var DescriptionRow = styledComponents.styled.div.withConfig({
|
|
12751
|
+
displayName: "DescriptionRow",
|
|
12752
|
+
componentId: "sc-wsy021-1"
|
|
12753
|
+
})(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"])));
|
|
12754
|
+
var Container$5 = styledComponents.styled.div.withConfig({
|
|
12755
|
+
displayName: "Container",
|
|
12756
|
+
componentId: "sc-wsy021-2"
|
|
12757
|
+
})(_templateObject3$z || (_templateObject3$z = _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) {
|
|
12395
12758
|
var grid = _ref.grid;
|
|
12396
12759
|
return grid;
|
|
12397
12760
|
});
|
|
@@ -12424,7 +12787,10 @@ var LiquidityContainer = function LiquidityContainer(_ref2) {
|
|
|
12424
12787
|
};
|
|
12425
12788
|
|
|
12426
12789
|
var _templateObject$17, _templateObject2$G, _templateObject3$y;
|
|
12427
|
-
var Container$4 = styledComponents.styled.div(
|
|
12790
|
+
var Container$4 = styledComponents.styled.div.withConfig({
|
|
12791
|
+
displayName: "Container",
|
|
12792
|
+
componentId: "sc-1t71h7-0"
|
|
12793
|
+
})(_templateObject$17 || (_templateObject$17 = _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) {
|
|
12428
12794
|
var mobile = _ref.mobile;
|
|
12429
12795
|
return mobile ? "0px" : "17px";
|
|
12430
12796
|
}, function (_ref2) {
|
|
@@ -12434,11 +12800,17 @@ var Container$4 = styledComponents.styled.div(_templateObject$17 || (_templateOb
|
|
|
12434
12800
|
var mobile = _ref3.mobile;
|
|
12435
12801
|
return mobile ? "none" : "1px solid rgba(255, 255, 255, 0.1)";
|
|
12436
12802
|
});
|
|
12437
|
-
var TokenValueWrapper = styledComponents.styled.div(
|
|
12803
|
+
var TokenValueWrapper = styledComponents.styled.div.withConfig({
|
|
12804
|
+
displayName: "TokenValueWrapper",
|
|
12805
|
+
componentId: "sc-1t71h7-1"
|
|
12806
|
+
})(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: ", ";\n"])), function (_ref4) {
|
|
12438
12807
|
var mobile = _ref4.mobile;
|
|
12439
12808
|
return mobile ? "flex-start" : "space-between";
|
|
12440
12809
|
});
|
|
12441
|
-
var ActionsWrapper = styledComponents.styled.div(
|
|
12810
|
+
var ActionsWrapper = styledComponents.styled.div.withConfig({
|
|
12811
|
+
displayName: "ActionsWrapper",
|
|
12812
|
+
componentId: "sc-1t71h7-2"
|
|
12813
|
+
})(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n margin-top: 4px;\n width: 100%;\n justify-content: space-between;\n"])));
|
|
12442
12814
|
var TableActionBox = function TableActionBox(_ref5) {
|
|
12443
12815
|
var title = _ref5.title,
|
|
12444
12816
|
value = _ref5.value,
|
|
@@ -12499,14 +12871,29 @@ var getNumberedDifference = function getNumberedDifference(differenceToConvert)
|
|
|
12499
12871
|
};
|
|
12500
12872
|
|
|
12501
12873
|
var _templateObject$16, _templateObject2$F, _templateObject3$x, _templateObject4$r, _templateObject5$p;
|
|
12502
|
-
var ValueBox = styledComponents.styled.div(
|
|
12503
|
-
|
|
12504
|
-
|
|
12505
|
-
|
|
12874
|
+
var ValueBox = styledComponents.styled.div.withConfig({
|
|
12875
|
+
displayName: "ValueBox",
|
|
12876
|
+
componentId: "sc-2a5tiq-0"
|
|
12877
|
+
})(_templateObject$16 || (_templateObject$16 = _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"])));
|
|
12878
|
+
var IconColumn = styledComponents.styled.div.withConfig({
|
|
12879
|
+
displayName: "IconColumn",
|
|
12880
|
+
componentId: "sc-2a5tiq-1"
|
|
12881
|
+
})(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n width: auto;\n padding-right: 10px;\n padding-top: 1px;\n"])));
|
|
12882
|
+
var InfoColumn = styledComponents.styled.div.withConfig({
|
|
12883
|
+
displayName: "InfoColumn",
|
|
12884
|
+
componentId: "sc-2a5tiq-2"
|
|
12885
|
+
})(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
12886
|
+
var PairContainer = styledComponents.styled.div.withConfig({
|
|
12887
|
+
displayName: "PairContainer",
|
|
12888
|
+
componentId: "sc-2a5tiq-3"
|
|
12889
|
+
})(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n margin-bottom: 5px;\n align-items: center;\n flex-direction: ", ";\n"])), function (_ref) {
|
|
12506
12890
|
var mobile = _ref.mobile;
|
|
12507
12891
|
return mobile ? "column" : "row";
|
|
12508
12892
|
});
|
|
12509
|
-
var ValueRow = styledComponents.styled.div(
|
|
12893
|
+
var ValueRow = styledComponents.styled.div.withConfig({
|
|
12894
|
+
displayName: "ValueRow",
|
|
12895
|
+
componentId: "sc-2a5tiq-4"
|
|
12896
|
+
})(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
12510
12897
|
var Value = function Value(_ref2) {
|
|
12511
12898
|
var coin = _ref2.coin,
|
|
12512
12899
|
value = _ref2.value,
|
|
@@ -12561,8 +12948,14 @@ var Value = function Value(_ref2) {
|
|
|
12561
12948
|
};
|
|
12562
12949
|
|
|
12563
12950
|
var _templateObject$15, _templateObject2$E;
|
|
12564
|
-
var ValueFullBox = styledComponents.styled.div(
|
|
12565
|
-
|
|
12951
|
+
var ValueFullBox = styledComponents.styled.div.withConfig({
|
|
12952
|
+
displayName: "ValueFullBox",
|
|
12953
|
+
componentId: "sc-ig82wo-0"
|
|
12954
|
+
})(_templateObject$15 || (_templateObject$15 = _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"])));
|
|
12955
|
+
var DifferenceBox = styledComponents.styled.div.withConfig({
|
|
12956
|
+
displayName: "DifferenceBox",
|
|
12957
|
+
componentId: "sc-ig82wo-1"
|
|
12958
|
+
})(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 24px;\n"])));
|
|
12566
12959
|
var ValueFull = function ValueFull(_ref) {
|
|
12567
12960
|
var value = _ref.value,
|
|
12568
12961
|
difference = _ref.difference;
|
|
@@ -12594,7 +12987,10 @@ var ValueFull = function ValueFull(_ref) {
|
|
|
12594
12987
|
};
|
|
12595
12988
|
|
|
12596
12989
|
var _templateObject$14;
|
|
12597
|
-
var VContainer = styledComponents.styled.div
|
|
12990
|
+
var VContainer = styledComponents.styled.div.withConfig({
|
|
12991
|
+
displayName: "VContainer",
|
|
12992
|
+
componentId: "sc-o09b6h-0"
|
|
12993
|
+
})(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n position: absolute;\n right: 20px;\n bottom: 20px;\n color: ", ";\n opacity: 0.6;\n font-size: 12px;\n"])), function (_ref) {
|
|
12598
12994
|
var theme = _ref.theme;
|
|
12599
12995
|
return theme.colors.secondaryText;
|
|
12600
12996
|
});
|
|
@@ -12606,23 +13002,44 @@ var VersionContainer = function VersionContainer(_ref2) {
|
|
|
12606
13002
|
};
|
|
12607
13003
|
|
|
12608
13004
|
var _templateObject$13, _templateObject2$D, _templateObject3$w, _templateObject4$q, _templateObject5$o, _templateObject6$h, _templateObject7$d;
|
|
12609
|
-
var ProgressDataColumn = styledComponents.styled.div(
|
|
12610
|
-
|
|
12611
|
-
|
|
12612
|
-
|
|
13005
|
+
var ProgressDataColumn = styledComponents.styled.div.withConfig({
|
|
13006
|
+
displayName: "ProgressDataColumn",
|
|
13007
|
+
componentId: "sc-ri8846-0"
|
|
13008
|
+
})(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n"])));
|
|
13009
|
+
var ProgressDataRow = styledComponents.styled.div.withConfig({
|
|
13010
|
+
displayName: "ProgressDataRow",
|
|
13011
|
+
componentId: "sc-ri8846-1"
|
|
13012
|
+
})(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
13013
|
+
var ProgressBarWrapper = styledComponents.styled.div.withConfig({
|
|
13014
|
+
displayName: "ProgressBarWrapper",
|
|
13015
|
+
componentId: "sc-ri8846-2"
|
|
13016
|
+
})(_templateObject3$w || (_templateObject3$w = _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"])));
|
|
13017
|
+
var ProgressBar = styledComponents.styled.div.withConfig({
|
|
13018
|
+
displayName: "ProgressBar",
|
|
13019
|
+
componentId: "sc-ri8846-3"
|
|
13020
|
+
})(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteral(["\n position: relative;\n height: 100%;\n width: ", "%;\n background: ", ";\n border-radius: 4px;\n"])), function (_ref) {
|
|
12613
13021
|
var width = _ref.width;
|
|
12614
13022
|
return width;
|
|
12615
13023
|
}, function (_ref2) {
|
|
12616
13024
|
var theme = _ref2.theme;
|
|
12617
13025
|
return theme.colors.primary;
|
|
12618
13026
|
});
|
|
12619
|
-
var ProgressDescription = styledComponents.styled(Text)(
|
|
13027
|
+
var ProgressDescription = styledComponents.styled(Text).withConfig({
|
|
13028
|
+
displayName: "ProgressDescription",
|
|
13029
|
+
componentId: "sc-ri8846-4"
|
|
13030
|
+
})(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteral(["\n font-weight: 600;\n font-size: 18px;\n line-height: 170%;\n color: ", ";\n margin-bottom: 8px;\n"])), function (_ref3) {
|
|
12620
13031
|
var theme = _ref3.theme,
|
|
12621
13032
|
color = _ref3.color;
|
|
12622
13033
|
return color || theme.colors.white;
|
|
12623
13034
|
});
|
|
12624
|
-
var CapDescription = styledComponents.styled(Text)(
|
|
12625
|
-
|
|
13035
|
+
var CapDescription = styledComponents.styled(Text).withConfig({
|
|
13036
|
+
displayName: "CapDescription",
|
|
13037
|
+
componentId: "sc-ri8846-5"
|
|
13038
|
+
})(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 170%;\n color: #818c92;\n margin-top: 4px;\n"])));
|
|
13039
|
+
var StyledCapRow = styledComponents.styled.div.withConfig({
|
|
13040
|
+
displayName: "StyledCapRow",
|
|
13041
|
+
componentId: "sc-ri8846-6"
|
|
13042
|
+
})(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
12626
13043
|
var SpacePadProgressBar = function SpacePadProgressBar(_ref4) {
|
|
12627
13044
|
var _ref4$currentCap = _ref4.currentCap,
|
|
12628
13045
|
currentCap = _ref4$currentCap === void 0 ? 70 : _ref4$currentCap,
|
|
@@ -12667,23 +13084,38 @@ var SpacePadProgressBar = function SpacePadProgressBar(_ref4) {
|
|
|
12667
13084
|
};
|
|
12668
13085
|
|
|
12669
13086
|
var _templateObject$12, _templateObject2$C, _templateObject3$v, _templateObject4$p, _templateObject5$n;
|
|
12670
|
-
var MainWrapper$1 = styledComponents.styled.div(
|
|
12671
|
-
|
|
13087
|
+
var MainWrapper$1 = styledComponents.styled.div.withConfig({
|
|
13088
|
+
displayName: "MainWrapper",
|
|
13089
|
+
componentId: "sc-1lzbjkk-0"
|
|
13090
|
+
})(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n display: flex;\n height: 94px;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n"])));
|
|
13091
|
+
var ProjectImage = styledComponents.styled.div.withConfig({
|
|
13092
|
+
displayName: "ProjectImage",
|
|
13093
|
+
componentId: "sc-1lzbjkk-1"
|
|
13094
|
+
})(_templateObject2$C || (_templateObject2$C = _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) {
|
|
12672
13095
|
var theme = _ref.theme;
|
|
12673
13096
|
return theme.mediaQueries.mobile;
|
|
12674
13097
|
});
|
|
12675
|
-
var ProjectName$1 = styledComponents.styled.div(
|
|
13098
|
+
var ProjectName$1 = styledComponents.styled.div.withConfig({
|
|
13099
|
+
displayName: "ProjectName",
|
|
13100
|
+
componentId: "sc-1lzbjkk-2"
|
|
13101
|
+
})(_templateObject3$v || (_templateObject3$v = _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) {
|
|
12676
13102
|
var theme = _ref2.theme;
|
|
12677
13103
|
return theme.colors.white;
|
|
12678
13104
|
}, function (_ref3) {
|
|
12679
13105
|
var theme = _ref3.theme;
|
|
12680
13106
|
return theme.mediaQueries.mobile;
|
|
12681
13107
|
});
|
|
12682
|
-
var ProjectFullName = styledComponents.styled.div
|
|
13108
|
+
var ProjectFullName = styledComponents.styled.div.withConfig({
|
|
13109
|
+
displayName: "ProjectFullName",
|
|
13110
|
+
componentId: "sc-1lzbjkk-3"
|
|
13111
|
+
})(_templateObject4$p || (_templateObject4$p = _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) {
|
|
12683
13112
|
var theme = _ref4.theme;
|
|
12684
13113
|
return theme.colors.white55;
|
|
12685
13114
|
});
|
|
12686
|
-
var ProjectDetails = styledComponents.styled.div(
|
|
13115
|
+
var ProjectDetails = styledComponents.styled.div.withConfig({
|
|
13116
|
+
displayName: "ProjectDetails",
|
|
13117
|
+
componentId: "sc-1lzbjkk-4"
|
|
13118
|
+
})(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), function (_ref5) {
|
|
12687
13119
|
var theme = _ref5.theme;
|
|
12688
13120
|
return theme.mediaQueries.mobile;
|
|
12689
13121
|
});
|
|
@@ -13058,10 +13490,16 @@ var connectors = [{
|
|
|
13058
13490
|
var connectorLocalStorageKey = "connectorId";
|
|
13059
13491
|
|
|
13060
13492
|
var _templateObject$11;
|
|
13061
|
-
var AccountNumber = styledComponents.styled(Text)(
|
|
13493
|
+
var AccountNumber = styledComponents.styled(Text).withConfig({
|
|
13494
|
+
displayName: "AccountNumber",
|
|
13495
|
+
componentId: "sc-1jw25yf-0"
|
|
13496
|
+
})(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n color: #818c92;\n line-height: 23.8px;\n"])));
|
|
13062
13497
|
|
|
13063
13498
|
var _templateObject$10;
|
|
13064
|
-
var AccountNumberWrapper = styledComponents.styled.div(
|
|
13499
|
+
var AccountNumberWrapper = styledComponents.styled.div.withConfig({
|
|
13500
|
+
displayName: "AccountNumberWrapper",
|
|
13501
|
+
componentId: "sc-1bz6nuv-0"
|
|
13502
|
+
})(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n align-items: center;\n justify-content: center;\n text-align: ", ";\n"])), function (_ref) {
|
|
13065
13503
|
var isVerifiedUser = _ref.isVerifiedUser;
|
|
13066
13504
|
return !isVerifiedUser ? "column" : "row";
|
|
13067
13505
|
}, function (_ref2) {
|
|
@@ -13070,56 +13508,98 @@ var AccountNumberWrapper = styledComponents.styled.div(_templateObject$10 || (_t
|
|
|
13070
13508
|
});
|
|
13071
13509
|
|
|
13072
13510
|
var _templateObject$$;
|
|
13073
|
-
var Background = styledComponents.styled.div(
|
|
13511
|
+
var Background = styledComponents.styled.div.withConfig({
|
|
13512
|
+
displayName: "Background",
|
|
13513
|
+
componentId: "sc-s9bf1w-0"
|
|
13514
|
+
})(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n position: absolute;\n width: 100vw;\n height: 100vh;\n background-color: black;\n opacity: 0.4;\n left: 0;\n top: 0;\n z-index: 11;\n"])));
|
|
13074
13515
|
|
|
13075
13516
|
var _templateObject$_;
|
|
13076
|
-
var BottomRow = styledComponents.styled.div(
|
|
13517
|
+
var BottomRow = styledComponents.styled.div.withConfig({
|
|
13518
|
+
displayName: "BottomRow",
|
|
13519
|
+
componentId: "sc-1elsl0s-0"
|
|
13520
|
+
})(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n padding-top: 20px;\n"])));
|
|
13077
13521
|
|
|
13078
13522
|
var _templateObject$Z;
|
|
13079
|
-
styledComponents.styled(Button$1)(
|
|
13523
|
+
styledComponents.styled(Button$1).withConfig({
|
|
13524
|
+
displayName: "ChangeProviderButton",
|
|
13525
|
+
componentId: "sc-w1eu8g-0"
|
|
13526
|
+
})(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n background: #383847;\n color: ", ";\n width: 85px;\n height: 32px;\n font-size: 14px;\n"])), function (_ref) {
|
|
13080
13527
|
var theme = _ref.theme;
|
|
13081
13528
|
return theme.colors.white;
|
|
13082
13529
|
});
|
|
13083
13530
|
|
|
13084
13531
|
var _templateObject$Y;
|
|
13085
|
-
var CloseButton = styledComponents.styled(Icon$2m)(
|
|
13532
|
+
var CloseButton = styledComponents.styled(Icon$2m).withConfig({
|
|
13533
|
+
displayName: "CloseButton",
|
|
13534
|
+
componentId: "sc-1afnq0v-0"
|
|
13535
|
+
})(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n border-radius: 50%;\n cursor: pointer;\n background: #383847;\n position: absolute;\n left: -35px;\n top: 5px;\n"])));
|
|
13086
13536
|
|
|
13087
13537
|
var _templateObject$X;
|
|
13088
|
-
var ConnectedInfoWrapper = styledComponents.styled.div(
|
|
13538
|
+
var ConnectedInfoWrapper = styledComponents.styled.div.withConfig({
|
|
13539
|
+
displayName: "ConnectedInfoWrapper",
|
|
13540
|
+
componentId: "sc-lxc0i5-0"
|
|
13541
|
+
})(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 16px;\n"])));
|
|
13089
13542
|
|
|
13090
13543
|
var _templateObject$W;
|
|
13091
|
-
var ConnectedProvider = styledComponents.styled.div(
|
|
13544
|
+
var ConnectedProvider = styledComponents.styled.div.withConfig({
|
|
13545
|
+
displayName: "ConnectedProvider",
|
|
13546
|
+
componentId: "sc-1satccs-0"
|
|
13547
|
+
})(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n height: 72px;\n width: 309px;\n margin-top: 24px;\n display: flex;\n align-items: center;\n padding-left: 32px;\n border-radius: 10px;\n background: #272730;\n"])));
|
|
13092
13548
|
|
|
13093
13549
|
var _templateObject$V, _templateObject2$B;
|
|
13094
13550
|
var fadeInAnimation = styledComponents.keyframes(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n 0% {\n right: -357px;\n }\n 100% {\n right: 0;\n }\n"])));
|
|
13095
|
-
var ConnectWalletWrapper = styledComponents.styled.div(
|
|
13551
|
+
var ConnectWalletWrapper = styledComponents.styled.div.withConfig({
|
|
13552
|
+
displayName: "ConnectWalletWrapper",
|
|
13553
|
+
componentId: "sc-1oauz4x-0"
|
|
13554
|
+
})(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 357px;\n height: 100vh;\n padding: 24px;\n background: #191921;\n position: fixed;\n top: 0%;\n right: 0;\n animation: ", " 0.4s;\n z-index: 20;\n"])), fadeInAnimation);
|
|
13096
13555
|
|
|
13097
13556
|
var _templateObject$U;
|
|
13098
|
-
var LogoutButton = styledComponents.styled(Button$1)(
|
|
13557
|
+
var LogoutButton = styledComponents.styled(Button$1).withConfig({
|
|
13558
|
+
displayName: "LogoutButton",
|
|
13559
|
+
componentId: "sc-ljmmm0-0"
|
|
13560
|
+
})(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n background: #383847;\n color: ", ";\n width: 100%;\n font-weight: 700;\n font-size: 14px;\n"])), function (_ref) {
|
|
13099
13561
|
var theme = _ref.theme;
|
|
13100
13562
|
return theme.colors.white;
|
|
13101
13563
|
});
|
|
13102
13564
|
|
|
13103
13565
|
var _templateObject$T;
|
|
13104
|
-
var MiddleRow = styledComponents.styled.div(
|
|
13566
|
+
var MiddleRow = styledComponents.styled.div.withConfig({
|
|
13567
|
+
displayName: "MiddleRow",
|
|
13568
|
+
componentId: "sc-deagnw-0"
|
|
13569
|
+
})(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n padding: 20px 0;\n border-bottom: 1px solid #252530;\n"])));
|
|
13105
13570
|
|
|
13106
13571
|
var _templateObject$S;
|
|
13107
|
-
var MyWallet = styledComponents.styled(Text)(
|
|
13572
|
+
var MyWallet = styledComponents.styled(Text).withConfig({
|
|
13573
|
+
displayName: "MyWallet",
|
|
13574
|
+
componentId: "sc-17gxhjg-0"
|
|
13575
|
+
})(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n line-height: 28px;\n margin-left: 18px;\n"])));
|
|
13108
13576
|
|
|
13109
13577
|
var _templateObject$R;
|
|
13110
|
-
var MyWalletWrapper = styledComponents.styled.div(
|
|
13578
|
+
var MyWalletWrapper = styledComponents.styled.div.withConfig({
|
|
13579
|
+
displayName: "MyWalletWrapper",
|
|
13580
|
+
componentId: "sc-126mq9l-0"
|
|
13581
|
+
})(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
13111
13582
|
|
|
13112
13583
|
var _templateObject$Q;
|
|
13113
|
-
var ProviderTitle = styledComponents.styled(Text)(
|
|
13584
|
+
var ProviderTitle = styledComponents.styled(Text).withConfig({
|
|
13585
|
+
displayName: "ProviderTitle",
|
|
13586
|
+
componentId: "sc-cz48yj-0"
|
|
13587
|
+
})(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n font-weight: 600;\n line-height: 24px;\n margin-left: 16px;\n"])));
|
|
13114
13588
|
|
|
13115
13589
|
var _templateObject$P;
|
|
13116
|
-
var SettingsButton = styledComponents.styled(Button$1)(
|
|
13590
|
+
var SettingsButton = styledComponents.styled(Button$1).withConfig({
|
|
13591
|
+
displayName: "SettingsButton",
|
|
13592
|
+
componentId: "sc-zhm3ih-0"
|
|
13593
|
+
})(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n background: #383847;\n color: ", ";\n width: 100%;\n font-weight: 700;\n font-size: 14px;\n margin-bottom: 16px;\n"])), function (_ref) {
|
|
13117
13594
|
var theme = _ref.theme;
|
|
13118
13595
|
return theme.colors.white;
|
|
13119
13596
|
});
|
|
13120
13597
|
|
|
13121
13598
|
var _templateObject$O;
|
|
13122
|
-
var UpperRow = styledComponents.styled.div(
|
|
13599
|
+
var UpperRow = styledComponents.styled.div.withConfig({
|
|
13600
|
+
displayName: "UpperRow",
|
|
13601
|
+
componentId: "sc-zlngw8-0"
|
|
13602
|
+
})(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n width: 100%;\n height: 54px;\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n border-bottom: 1px solid #252530;\n position: relative;\n padding-bottom: 20px;\n"])), function (_ref) {
|
|
13123
13603
|
var alignItems = _ref.alignItems;
|
|
13124
13604
|
return alignItems && alignItems;
|
|
13125
13605
|
}, function (_ref2) {
|
|
@@ -13128,19 +13608,28 @@ var UpperRow = styledComponents.styled.div(_templateObject$O || (_templateObject
|
|
|
13128
13608
|
});
|
|
13129
13609
|
|
|
13130
13610
|
var _templateObject$N;
|
|
13131
|
-
var VerificationInfo = styledComponents.styled.div(
|
|
13611
|
+
var VerificationInfo = styledComponents.styled.div.withConfig({
|
|
13612
|
+
displayName: "VerificationInfo",
|
|
13613
|
+
componentId: "sc-1jviz6b-0"
|
|
13614
|
+
})(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: ", ";\n"])), function (_ref) {
|
|
13132
13615
|
var marginTop = _ref.marginTop;
|
|
13133
13616
|
return marginTop && marginTop;
|
|
13134
13617
|
});
|
|
13135
13618
|
|
|
13136
13619
|
var _templateObject$M;
|
|
13137
|
-
var VerifiedWalletIcon = styledComponents.styled(Icon$28)(
|
|
13620
|
+
var VerifiedWalletIcon = styledComponents.styled(Icon$28).withConfig({
|
|
13621
|
+
displayName: "VerifiedWalletIcon",
|
|
13622
|
+
componentId: "sc-1l4uhr0-0"
|
|
13623
|
+
})(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n fill: ", ";\n margin-right: 8px;\n"])), function (_ref) {
|
|
13138
13624
|
var theme = _ref.theme;
|
|
13139
13625
|
return theme.colors.vividBlue;
|
|
13140
13626
|
});
|
|
13141
13627
|
|
|
13142
13628
|
var _templateObject$L;
|
|
13143
|
-
var Provider = styledComponents.styled.div(
|
|
13629
|
+
var Provider = styledComponents.styled.div.withConfig({
|
|
13630
|
+
displayName: "Provider",
|
|
13631
|
+
componentId: "sc-ipxejr-0"
|
|
13632
|
+
})(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n height: 72px;\n width: 309px;\n display: flex;\n align-items: center;\n padding-left: 32px;\n border-radius: 10px;\n background: ", ";\n margin-bottom: ", ";\n border: 1px solid transparent;\n\n &:hover {\n border: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
13144
13633
|
var theme = _ref.theme;
|
|
13145
13634
|
return theme.backgrounds.secondary;
|
|
13146
13635
|
}, function (_ref2) {
|
|
@@ -13196,7 +13685,10 @@ var Icon$F = function Icon(props) {
|
|
|
13196
13685
|
};
|
|
13197
13686
|
|
|
13198
13687
|
var _templateObject$K;
|
|
13199
|
-
var ConnectDescription = styledComponents.styled(Text)(
|
|
13688
|
+
var ConnectDescription = styledComponents.styled(Text).withConfig({
|
|
13689
|
+
displayName: "ConnectDescription",
|
|
13690
|
+
componentId: "sc-mzj27o-0"
|
|
13691
|
+
})(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n line-height: 24px;\n font-weight: 400;\n color: #818c92;\n margin: 16px 0;\n"])));
|
|
13200
13692
|
var ConnectWallet$1 = function ConnectWallet(_ref) {
|
|
13201
13693
|
var handleLogin = _ref.handleLogin,
|
|
13202
13694
|
setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen,
|
|
@@ -13243,12 +13735,21 @@ var ConnectWallet$1 = function ConnectWallet(_ref) {
|
|
|
13243
13735
|
};
|
|
13244
13736
|
|
|
13245
13737
|
var _templateObject$J, _templateObject2$A, _templateObject3$u;
|
|
13246
|
-
var VerifyAddressIndicator$1 = styledComponents.styled(Text)
|
|
13738
|
+
var VerifyAddressIndicator$1 = styledComponents.styled(Text).withConfig({
|
|
13739
|
+
displayName: "VerifyAddressIndicator",
|
|
13740
|
+
componentId: "sc-ooxgfj-0"
|
|
13741
|
+
})(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n color: ", ";\n line-height: 20.4px;\n"])), function (_ref) {
|
|
13247
13742
|
var theme = _ref.theme;
|
|
13248
13743
|
return theme.colors.red;
|
|
13249
13744
|
});
|
|
13250
|
-
var ConnectedInfo = styledComponents.styled(Text)(
|
|
13251
|
-
|
|
13745
|
+
var ConnectedInfo = styledComponents.styled(Text).withConfig({
|
|
13746
|
+
displayName: "ConnectedInfo",
|
|
13747
|
+
componentId: "sc-ooxgfj-1"
|
|
13748
|
+
})(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n color: #818c92;\n"])));
|
|
13749
|
+
var VerifyButton = styledComponents.styled(Button$1).withConfig({
|
|
13750
|
+
displayName: "VerifyButton",
|
|
13751
|
+
componentId: "sc-ooxgfj-2"
|
|
13752
|
+
})(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteral(["\n font-size: 14px;\n width: 100%;\n margin: 24px 0;\n"])));
|
|
13252
13753
|
var ConnectWallet = function ConnectWallet(_ref2) {
|
|
13253
13754
|
var account = _ref2.account,
|
|
13254
13755
|
setIsConnectWalletPanelOpen = _ref2.setIsConnectWalletPanelOpen;
|
|
@@ -13683,43 +14184,88 @@ var getTimeValue = function getTimeValue(value, timeUnit) {
|
|
|
13683
14184
|
};
|
|
13684
14185
|
|
|
13685
14186
|
var _templateObject$I, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$m, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject0$6, _templateObject1$6, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$2;
|
|
13686
|
-
var ActiveDot$1 = styledComponents.styled.div(
|
|
14187
|
+
var ActiveDot$1 = styledComponents.styled.div.withConfig({
|
|
14188
|
+
displayName: "ActiveDot",
|
|
14189
|
+
componentId: "sc-1kin2xe-0"
|
|
14190
|
+
})(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n background: ", ";\n margin-right: 8px;\n ", "\n"])), function (_ref) {
|
|
13687
14191
|
var dotColor = _ref.dotColor;
|
|
13688
14192
|
return dotColor;
|
|
13689
14193
|
}, function (_ref2) {
|
|
13690
14194
|
var fetchingData = _ref2.fetchingData;
|
|
13691
14195
|
return fetchingData && "\n transition: all 0.25s ease-in-out;\n animation: stretch 2s infinite;\n @keyframes stretch {\n 0% {\n transform: scale(1);\n }\n 25% {\n transform: scale(0.9);\n }\n 50% {\n transform: scale(1.2);\n }\n 75% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n }\n ";
|
|
13692
14196
|
});
|
|
13693
|
-
var ActivityDescription = styledComponents.styled(Text)(
|
|
13694
|
-
|
|
13695
|
-
|
|
13696
|
-
|
|
13697
|
-
var
|
|
14197
|
+
var ActivityDescription = styledComponents.styled(Text).withConfig({
|
|
14198
|
+
displayName: "ActivityDescription",
|
|
14199
|
+
componentId: "sc-1kin2xe-1"
|
|
14200
|
+
})(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n width: max-content;\n"])));
|
|
14201
|
+
var ActivityWrapper = styledComponents.styled.div.withConfig({
|
|
14202
|
+
displayName: "ActivityWrapper",
|
|
14203
|
+
componentId: "sc-1kin2xe-2"
|
|
14204
|
+
})(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n right: 15px;\n top: 15px;\n"])));
|
|
14205
|
+
var ActivityComponent = styledComponents.styled.div.withConfig({
|
|
14206
|
+
displayName: "ActivityComponent",
|
|
14207
|
+
componentId: "sc-1kin2xe-3"
|
|
14208
|
+
})(_templateObject4$o || (_templateObject4$o = _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"])));
|
|
14209
|
+
var ProjectNameColumn = styledComponents.styled.div.withConfig({
|
|
14210
|
+
displayName: "ProjectNameColumn",
|
|
14211
|
+
componentId: "sc-1kin2xe-4"
|
|
14212
|
+
})(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n"])));
|
|
14213
|
+
var ProjectName = styledComponents.styled(Text).withConfig({
|
|
14214
|
+
displayName: "ProjectName",
|
|
14215
|
+
componentId: "sc-1kin2xe-5"
|
|
14216
|
+
})(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n ", " {\n font-size: 24px;\n }\n"])), function (_ref3) {
|
|
13698
14217
|
var theme = _ref3.theme;
|
|
13699
14218
|
return theme.mediaQueries.mobile;
|
|
13700
14219
|
});
|
|
13701
|
-
var ProjectTicker = styledComponents.styled(Text)
|
|
14220
|
+
var ProjectTicker = styledComponents.styled(Text).withConfig({
|
|
14221
|
+
displayName: "ProjectTicker",
|
|
14222
|
+
componentId: "sc-1kin2xe-6"
|
|
14223
|
+
})(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 170%;\n text-align: right;\n letter-spacing: 0.03em;\n font-weight: bold;\n color: #535459;\n ", ";\n"])), function (_ref4) {
|
|
13702
14224
|
var customStyle = _ref4.customStyle;
|
|
13703
14225
|
return customStyle;
|
|
13704
14226
|
});
|
|
13705
|
-
var TimerDescription = styledComponents.styled(Text)(
|
|
13706
|
-
|
|
14227
|
+
var TimerDescription = styledComponents.styled(Text).withConfig({
|
|
14228
|
+
displayName: "TimerDescription",
|
|
14229
|
+
componentId: "sc-1kin2xe-7"
|
|
14230
|
+
})(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 170%;\n color: #818c92;\n"])));
|
|
14231
|
+
var Timer = styledComponents.styled(Text).withConfig({
|
|
14232
|
+
displayName: "Timer",
|
|
14233
|
+
componentId: "sc-1kin2xe-8"
|
|
14234
|
+
})(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n color: ", ";\n ", " {\n font-size: 24px;\n }\n"])), function (_ref5) {
|
|
13707
14235
|
var isIncoming = _ref5.isIncoming;
|
|
13708
14236
|
return isIncoming ? "#FF7342" : "#12ffb8";
|
|
13709
14237
|
}, function (_ref6) {
|
|
13710
14238
|
var theme = _ref6.theme;
|
|
13711
14239
|
return theme.mediaQueries.mobile;
|
|
13712
14240
|
});
|
|
13713
|
-
var RatioColumn = styledComponents.styled.div(
|
|
13714
|
-
|
|
14241
|
+
var RatioColumn = styledComponents.styled.div.withConfig({
|
|
14242
|
+
displayName: "RatioColumn",
|
|
14243
|
+
componentId: "sc-1kin2xe-9"
|
|
14244
|
+
})(_templateObject0$6 || (_templateObject0$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"])));
|
|
14245
|
+
var DetailsRow = styledComponents.styled.div.withConfig({
|
|
14246
|
+
displayName: "DetailsRow",
|
|
14247
|
+
componentId: "sc-1kin2xe-10"
|
|
14248
|
+
})(_templateObject1$6 || (_templateObject1$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
13715
14249
|
// Details components
|
|
13716
|
-
var SpaceInfoTableWrapper = styledComponents.styled.div(
|
|
13717
|
-
|
|
14250
|
+
var SpaceInfoTableWrapper = styledComponents.styled.div.withConfig({
|
|
14251
|
+
displayName: "SpaceInfoTableWrapper",
|
|
14252
|
+
componentId: "sc-1kin2xe-11"
|
|
14253
|
+
})(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
14254
|
+
var SpaceInfoTableRow = styledComponents.styled.div.withConfig({
|
|
14255
|
+
displayName: "SpaceInfoTableRow",
|
|
14256
|
+
componentId: "sc-1kin2xe-12"
|
|
14257
|
+
})(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 11px 0px;\n border-bottom: ", ";\n"])), function (_ref7) {
|
|
13718
14258
|
var underlined = _ref7.underlined;
|
|
13719
14259
|
return underlined && "1px solid #272730";
|
|
13720
14260
|
});
|
|
13721
|
-
var RowTitle = styledComponents.styled(Text)(
|
|
13722
|
-
|
|
14261
|
+
var RowTitle = styledComponents.styled(Text).withConfig({
|
|
14262
|
+
displayName: "RowTitle",
|
|
14263
|
+
componentId: "sc-1kin2xe-13"
|
|
14264
|
+
})(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 170%;\n color: #818c92;\n"])));
|
|
14265
|
+
var RowValue = styledComponents.styled(Text).withConfig({
|
|
14266
|
+
displayName: "RowValue",
|
|
14267
|
+
componentId: "sc-1kin2xe-14"
|
|
14268
|
+
})(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n color: #ffffff;\n"])));
|
|
13723
14269
|
var SpacePadInfoRow = function SpacePadInfoRow(props) {
|
|
13724
14270
|
var title = props.title,
|
|
13725
14271
|
value = props.value,
|
|
@@ -13842,32 +14388,65 @@ var getPreciseRatio = function getPreciseRatio(ratio) {
|
|
|
13842
14388
|
};
|
|
13843
14389
|
|
|
13844
14390
|
var _templateObject$H, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$7, _templateObject0$5, _templateObject1$5;
|
|
13845
|
-
var SpacePadProjectDetailsWrapper = styledComponents.styled.div(
|
|
13846
|
-
|
|
14391
|
+
var SpacePadProjectDetailsWrapper = styledComponents.styled.div.withConfig({
|
|
14392
|
+
displayName: "SpacePadProjectDetailsWrapper",
|
|
14393
|
+
componentId: "sc-18f4woi-0"
|
|
14394
|
+
})(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14395
|
+
var StyledDetailsHeader = styledComponents.styled.div.withConfig({
|
|
14396
|
+
displayName: "StyledDetailsHeader",
|
|
14397
|
+
componentId: "sc-18f4woi-1"
|
|
14398
|
+
})(_templateObject2$y || (_templateObject2$y = _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) {
|
|
13847
14399
|
var theme = _ref.theme;
|
|
13848
14400
|
return theme.mediaQueries.mobile;
|
|
13849
14401
|
});
|
|
13850
|
-
var StyledDetails = styledComponents.styled.div(
|
|
14402
|
+
var StyledDetails = styledComponents.styled.div.withConfig({
|
|
14403
|
+
displayName: "StyledDetails",
|
|
14404
|
+
componentId: "sc-18f4woi-2"
|
|
14405
|
+
})(_templateObject3$s || (_templateObject3$s = _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) {
|
|
13851
14406
|
var theme = _ref2.theme;
|
|
13852
14407
|
return theme.mediaQueries.mobile;
|
|
13853
14408
|
});
|
|
13854
|
-
var ProjectLogo$1 = styledComponents.styled.div(
|
|
14409
|
+
var ProjectLogo$1 = styledComponents.styled.div.withConfig({
|
|
14410
|
+
displayName: "ProjectLogo",
|
|
14411
|
+
componentId: "sc-18f4woi-3"
|
|
14412
|
+
})(_templateObject4$n || (_templateObject4$n = _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) {
|
|
13855
14413
|
var background = _ref3.background;
|
|
13856
14414
|
return background;
|
|
13857
14415
|
});
|
|
13858
|
-
var TimerWrapper = styledComponents.styled.div(
|
|
14416
|
+
var TimerWrapper = styledComponents.styled.div.withConfig({
|
|
14417
|
+
displayName: "TimerWrapper",
|
|
14418
|
+
componentId: "sc-18f4woi-4"
|
|
14419
|
+
})(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n ", " {\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 44px;\n }\n"])), function (_ref4) {
|
|
13859
14420
|
var theme = _ref4.theme;
|
|
13860
14421
|
return theme.mediaQueries.mobile;
|
|
13861
14422
|
});
|
|
13862
|
-
var ProjectNameData = styledComponents.styled.div(
|
|
13863
|
-
|
|
14423
|
+
var ProjectNameData = styledComponents.styled.div.withConfig({
|
|
14424
|
+
displayName: "ProjectNameData",
|
|
14425
|
+
componentId: "sc-18f4woi-5"
|
|
14426
|
+
})(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteral(["\n display: inline-flex;\n"])));
|
|
14427
|
+
var DetailsPoster = styledComponents.styled.div.withConfig({
|
|
14428
|
+
displayName: "DetailsPoster",
|
|
14429
|
+
componentId: "sc-18f4woi-6"
|
|
14430
|
+
})(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteral(["\n height: 200px;\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 border-radius: 16px;\n"])), function (_ref5) {
|
|
13864
14431
|
var background = _ref5.background;
|
|
13865
14432
|
return background;
|
|
13866
14433
|
});
|
|
13867
|
-
var StyledDetailsDescriptionColumn = styledComponents.styled.div(
|
|
13868
|
-
|
|
13869
|
-
|
|
13870
|
-
|
|
14434
|
+
var StyledDetailsDescriptionColumn = styledComponents.styled.div.withConfig({
|
|
14435
|
+
displayName: "StyledDetailsDescriptionColumn",
|
|
14436
|
+
componentId: "sc-18f4woi-7"
|
|
14437
|
+
})(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])));
|
|
14438
|
+
var DetailsSpacer = styledComponents.styled.div.withConfig({
|
|
14439
|
+
displayName: "DetailsSpacer",
|
|
14440
|
+
componentId: "sc-18f4woi-8"
|
|
14441
|
+
})(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n width: 100%;\n height: 1px;\n background: #272730;\n margin: 16px 0px;\n"])));
|
|
14442
|
+
var ParticipantsRow = styledComponents.styled(DetailsRow).withConfig({
|
|
14443
|
+
displayName: "ParticipantsRow",
|
|
14444
|
+
componentId: "sc-18f4woi-9"
|
|
14445
|
+
})(_templateObject0$5 || (_templateObject0$5 = _taggedTemplateLiteral(["\n position: absolute;\n bottom: -40px;\n"])));
|
|
14446
|
+
var IdoEventTimestamp = styledComponents.styled.div.withConfig({
|
|
14447
|
+
displayName: "IdoEventTimestamp",
|
|
14448
|
+
componentId: "sc-18f4woi-10"
|
|
14449
|
+
})(_templateObject1$5 || (_templateObject1$5 = _taggedTemplateLiteral(["\n position: absolute;\n font-weight: 500;\n font-size: 12px;\n line-height: 170%;\n color: #535459;\n right: 0px;\n bottom: -20px;\n ", " {\n left: 0px;\n }\n"])), function (_ref6) {
|
|
13871
14450
|
var theme = _ref6.theme;
|
|
13872
14451
|
return theme.mediaQueries.mobile;
|
|
13873
14452
|
});
|
|
@@ -13994,46 +14573,73 @@ var SpacePadProjectDetails = function SpacePadProjectDetails(props) {
|
|
|
13994
14573
|
};
|
|
13995
14574
|
|
|
13996
14575
|
var _templateObject$G, _templateObject2$x, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$e, _templateObject7$a, _templateObject8$7, _templateObject9$6;
|
|
13997
|
-
var WalletWrapper = styledComponents.styled.div(
|
|
14576
|
+
var WalletWrapper = styledComponents.styled.div.withConfig({
|
|
14577
|
+
displayName: "WalletWrapper",
|
|
14578
|
+
componentId: "sc-1uosrv7-0"
|
|
14579
|
+
})(_templateObject$G || (_templateObject$G = _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) {
|
|
13998
14580
|
var theme = _ref.theme;
|
|
13999
14581
|
return theme.backgrounds.secondary;
|
|
14000
14582
|
}, function (_ref2) {
|
|
14001
14583
|
var theme = _ref2.theme;
|
|
14002
14584
|
return theme.colors.white3;
|
|
14003
14585
|
});
|
|
14004
|
-
styledComponents.styled.div(
|
|
14005
|
-
|
|
14586
|
+
styledComponents.styled.div.withConfig({
|
|
14587
|
+
displayName: "WalletValueBar",
|
|
14588
|
+
componentId: "sc-1uosrv7-1"
|
|
14589
|
+
})(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: space-between;\n align-items: flex-start;\n flex-direction: column;\n flex: 2;\n"])));
|
|
14590
|
+
styledComponents.styled.div.withConfig({
|
|
14591
|
+
displayName: "ProgressBarWrapper",
|
|
14592
|
+
componentId: "sc-1uosrv7-2"
|
|
14593
|
+
})(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 30px;\n background: ", ";\n display: flex;\n justify-content: flex-start;\n align-items: center;\n border-radius: 7px;\n border: 1px solid ", ";\n box-sizing: border-box;\n padding: 3px;\n"])), function (_ref3) {
|
|
14006
14594
|
var theme = _ref3.theme;
|
|
14007
14595
|
return theme.colors.dark;
|
|
14008
14596
|
}, function (_ref4) {
|
|
14009
14597
|
var theme = _ref4.theme;
|
|
14010
14598
|
return theme.colors.white3;
|
|
14011
14599
|
});
|
|
14012
|
-
styledComponents.styled.div(
|
|
14600
|
+
styledComponents.styled.div.withConfig({
|
|
14601
|
+
displayName: "ProgressBar",
|
|
14602
|
+
componentId: "sc-1uosrv7-3"
|
|
14603
|
+
})(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n position: relative;\n height: 100%;\n width: ", "%;\n font-size: 14px;\n background: ", ";\n border-radius: 7px;\n"])), function (_ref5) {
|
|
14013
14604
|
var width = _ref5.width;
|
|
14014
14605
|
return width;
|
|
14015
14606
|
}, function (_ref6) {
|
|
14016
14607
|
var theme = _ref6.theme;
|
|
14017
14608
|
return theme.colors.grey;
|
|
14018
14609
|
});
|
|
14019
|
-
styledComponents.styled.div(
|
|
14610
|
+
styledComponents.styled.div.withConfig({
|
|
14611
|
+
displayName: "ProcentValue",
|
|
14612
|
+
componentId: "sc-1uosrv7-4"
|
|
14613
|
+
})(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n position: absolute;\n color: ", ";\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-weight: bold;\n display: inline-block;\n width: 100%;\n text-align: center;\n"])), function (_ref7) {
|
|
14020
14614
|
var theme = _ref7.theme;
|
|
14021
14615
|
return theme.colors.white;
|
|
14022
14616
|
});
|
|
14023
|
-
var Description$1 = styledComponents.styled.div(
|
|
14617
|
+
var Description$1 = styledComponents.styled.div.withConfig({
|
|
14618
|
+
displayName: "Description",
|
|
14619
|
+
componentId: "sc-1uosrv7-5"
|
|
14620
|
+
})(_templateObject6$e || (_templateObject6$e = _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 (_ref8) {
|
|
14024
14621
|
var theme = _ref8.theme;
|
|
14025
14622
|
return theme.colors.white55;
|
|
14026
14623
|
});
|
|
14027
|
-
var Title = styledComponents.styled(Description$1)(
|
|
14624
|
+
var Title = styledComponents.styled(Description$1).withConfig({
|
|
14625
|
+
displayName: "Title",
|
|
14626
|
+
componentId: "sc-1uosrv7-6"
|
|
14627
|
+
})(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n flex-direction: row;\n"])));
|
|
14028
14628
|
// We need to implement it in such a way until walletCap per wallet wont be implemented
|
|
14029
|
-
var DescriptionWrapper = styledComponents.styled.div(
|
|
14629
|
+
var DescriptionWrapper = styledComponents.styled.div.withConfig({
|
|
14630
|
+
displayName: "DescriptionWrapper",
|
|
14631
|
+
componentId: "sc-1uosrv7-7"
|
|
14632
|
+
})(_templateObject8$7 || (_templateObject8$7 = _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 (_ref9) {
|
|
14030
14633
|
var theme = _ref9.theme;
|
|
14031
14634
|
return theme.colors.white;
|
|
14032
14635
|
}, function (_ref0) {
|
|
14033
14636
|
var withoutBorder = _ref0.withoutBorder;
|
|
14034
14637
|
return withoutBorder ? "none" : "1px solid #252530";
|
|
14035
14638
|
});
|
|
14036
|
-
var DetailsWrapper = styledComponents.styled.div(
|
|
14639
|
+
var DetailsWrapper = styledComponents.styled.div.withConfig({
|
|
14640
|
+
displayName: "DetailsWrapper",
|
|
14641
|
+
componentId: "sc-1uosrv7-8"
|
|
14642
|
+
})(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral(["\n display: flex;\n height: 50px;\n flex-direction: row;\n"])));
|
|
14037
14643
|
var WalletCap = function WalletCap(_ref1) {
|
|
14038
14644
|
_ref1.currentWalletCap;
|
|
14039
14645
|
var _ref1$softCap = _ref1.softCap,
|
|
@@ -14065,7 +14671,10 @@ var WalletCap = function WalletCap(_ref1) {
|
|
|
14065
14671
|
};
|
|
14066
14672
|
|
|
14067
14673
|
var _templateObject$F, _templateObject2$w, _templateObject3$q;
|
|
14068
|
-
var TooltipContent = styledComponents.styled.div
|
|
14674
|
+
var TooltipContent = styledComponents.styled.div.withConfig({
|
|
14675
|
+
displayName: "TooltipContent",
|
|
14676
|
+
componentId: "sc-isj8qi-0"
|
|
14677
|
+
})(_templateObject$F || (_templateObject$F = _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) {
|
|
14069
14678
|
var theme = _ref.theme;
|
|
14070
14679
|
return theme.colors.card;
|
|
14071
14680
|
}, function (_ref2) {
|
|
@@ -14085,7 +14694,10 @@ var TooltipContent = styledComponents.styled.div(_templateObject$F || (_template
|
|
|
14085
14694
|
return theme.tooltip.background;
|
|
14086
14695
|
}, props.bottom || 0);
|
|
14087
14696
|
});
|
|
14088
|
-
var Container$3 = styledComponents.styled.div(
|
|
14697
|
+
var Container$3 = styledComponents.styled.div.withConfig({
|
|
14698
|
+
displayName: "Container",
|
|
14699
|
+
componentId: "sc-isj8qi-1"
|
|
14700
|
+
})(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n position: relative;\n z-index: 99999999999;\n\n &:hover ", ", &:focus-within ", " {\n display: block;\n }\n"])), TooltipContent, TooltipContent);
|
|
14089
14701
|
var Tooltip = function Tooltip(_ref6) {
|
|
14090
14702
|
var content = _ref6.content,
|
|
14091
14703
|
children = _ref6.children,
|
|
@@ -14111,30 +14723,57 @@ var Tooltip = function Tooltip(_ref6) {
|
|
|
14111
14723
|
};
|
|
14112
14724
|
|
|
14113
14725
|
var _templateObject$E, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$j, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$5;
|
|
14114
|
-
var CSSPowerWrapper = styledComponents.styled.div(
|
|
14726
|
+
var CSSPowerWrapper = styledComponents.styled.div.withConfig({
|
|
14727
|
+
displayName: "CSSPowerWrapper",
|
|
14728
|
+
componentId: "sc-12ic40m-0"
|
|
14729
|
+
})(_templateObject$E || (_templateObject$E = _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) {
|
|
14115
14730
|
var theme = _ref.theme;
|
|
14116
14731
|
return theme.colors.white3;
|
|
14117
14732
|
}, function (_ref2) {
|
|
14118
14733
|
var theme = _ref2.theme;
|
|
14119
14734
|
return theme.mediaQueries.tablet;
|
|
14120
14735
|
});
|
|
14121
|
-
var PowerWrapper = styledComponents.styled.div(
|
|
14122
|
-
|
|
14736
|
+
var PowerWrapper = styledComponents.styled.div.withConfig({
|
|
14737
|
+
displayName: "PowerWrapper",
|
|
14738
|
+
componentId: "sc-12ic40m-1"
|
|
14739
|
+
})(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n margin-left: 30px;\n"])));
|
|
14740
|
+
var CSSPowerText = styledComponents.styled(Text).withConfig({
|
|
14741
|
+
displayName: "CSSPowerText",
|
|
14742
|
+
componentId: "sc-12ic40m-2"
|
|
14743
|
+
})(_templateObject3$p || (_templateObject3$p = _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) {
|
|
14123
14744
|
var theme = _ref3.theme;
|
|
14124
14745
|
return theme.colors.white55;
|
|
14125
14746
|
});
|
|
14126
|
-
var CSSPowerValue = styledComponents.styled(Text)(
|
|
14747
|
+
var CSSPowerValue = styledComponents.styled(Text).withConfig({
|
|
14748
|
+
displayName: "CSSPowerValue",
|
|
14749
|
+
componentId: "sc-12ic40m-3"
|
|
14750
|
+
})(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 36px;\n line-height: 130%;\n color: ", ";\n"])), function (_ref4) {
|
|
14127
14751
|
var theme = _ref4.theme;
|
|
14128
14752
|
return theme.colors.white;
|
|
14129
14753
|
});
|
|
14130
|
-
var StyledInfoIcon = styledComponents.styled(Icon$2E)(
|
|
14131
|
-
|
|
14132
|
-
|
|
14133
|
-
|
|
14754
|
+
var StyledInfoIcon = styledComponents.styled(Icon$2E).withConfig({
|
|
14755
|
+
displayName: "StyledInfoIcon",
|
|
14756
|
+
componentId: "sc-12ic40m-4"
|
|
14757
|
+
})(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteral(["\n margin-left: 5px;\n height: 18px;\n cursor: pointer;\n"])));
|
|
14758
|
+
var PowerDescriptionWrapper = styledComponents.styled.div.withConfig({
|
|
14759
|
+
displayName: "PowerDescriptionWrapper",
|
|
14760
|
+
componentId: "sc-12ic40m-5"
|
|
14761
|
+
})(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14762
|
+
var PowerTitle = styledComponents.styled(Text).withConfig({
|
|
14763
|
+
displayName: "PowerTitle",
|
|
14764
|
+
componentId: "sc-12ic40m-6"
|
|
14765
|
+
})(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n"])));
|
|
14766
|
+
var PowerAmount = styledComponents.styled(Text).withConfig({
|
|
14767
|
+
displayName: "PowerAmount",
|
|
14768
|
+
componentId: "sc-12ic40m-7"
|
|
14769
|
+
})(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n color: ", ";\n margin-left: 30px;\n"])), function (_ref5) {
|
|
14134
14770
|
var theme = _ref5.theme;
|
|
14135
14771
|
return theme.colors.white55;
|
|
14136
14772
|
});
|
|
14137
|
-
var PowerLine = styledComponents.styled.div(
|
|
14773
|
+
var PowerLine = styledComponents.styled.div.withConfig({
|
|
14774
|
+
displayName: "PowerLine",
|
|
14775
|
+
componentId: "sc-12ic40m-8"
|
|
14776
|
+
})(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n display: flex;\n flex: direction: row;\n justify-content: space-between;\n margin-bottom: ", "px;\n"])), function (_ref6) {
|
|
14138
14777
|
var mb = _ref6.mb;
|
|
14139
14778
|
return mb || 0;
|
|
14140
14779
|
});
|
|
@@ -14188,7 +14827,10 @@ var CSSPower = function CSSPower(_ref7) {
|
|
|
14188
14827
|
|
|
14189
14828
|
var _excluded$4 = ["value", "onUserInput", "placeholder", "type"];
|
|
14190
14829
|
var _templateObject$D;
|
|
14191
|
-
var StyledInput = styledComponents.styled.input(
|
|
14830
|
+
var StyledInput = styledComponents.styled.input.withConfig({
|
|
14831
|
+
displayName: "StyledInput",
|
|
14832
|
+
componentId: "sc-mu1fop-0"
|
|
14833
|
+
})(_templateObject$D || (_templateObject$D = _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) {
|
|
14192
14834
|
var error = _ref.error,
|
|
14193
14835
|
theme = _ref.theme;
|
|
14194
14836
|
return error ? theme.colors.failure : theme.colors.text;
|
|
@@ -14235,7 +14877,10 @@ var NumericalInput = /*#__PURE__*/React.memo(function InnerInput(_ref4) {
|
|
|
14235
14877
|
});
|
|
14236
14878
|
|
|
14237
14879
|
var _templateObject$C, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$i, _templateObject6$c, _templateObject7$8, _templateObject8$5, _templateObject9$4, _templateObject0$4, _templateObject1$4, _templateObject10$4, _templateObject11$4, _templateObject12$3;
|
|
14238
|
-
var SpacePadDatesWrapper = styledComponents.styled.div(
|
|
14880
|
+
var SpacePadDatesWrapper = styledComponents.styled.div.withConfig({
|
|
14881
|
+
displayName: "SpacePadDatesWrapper",
|
|
14882
|
+
componentId: "sc-wmdxzq-0"
|
|
14883
|
+
})(_templateObject$C || (_templateObject$C = _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) {
|
|
14239
14884
|
var theme = _ref.theme;
|
|
14240
14885
|
return theme.backgrounds.secondary;
|
|
14241
14886
|
}, function (_ref2) {
|
|
@@ -14245,7 +14890,10 @@ var SpacePadDatesWrapper = styledComponents.styled.div(_templateObject$C || (_te
|
|
|
14245
14890
|
var theme = _ref3.theme;
|
|
14246
14891
|
return theme.mediaQueries.mobile;
|
|
14247
14892
|
});
|
|
14248
|
-
var ActiveDot = styledComponents.styled.div(
|
|
14893
|
+
var ActiveDot = styledComponents.styled.div.withConfig({
|
|
14894
|
+
displayName: "ActiveDot",
|
|
14895
|
+
componentId: "sc-wmdxzq-1"
|
|
14896
|
+
})(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: ", ";\n margin-right: ", "px;\n ", "\n"])), function (_ref4) {
|
|
14249
14897
|
var color = _ref4.color;
|
|
14250
14898
|
return color;
|
|
14251
14899
|
}, function (_ref5) {
|
|
@@ -14255,45 +14903,81 @@ var ActiveDot = styledComponents.styled.div(_templateObject2$u || (_templateObje
|
|
|
14255
14903
|
var fetchingData = _ref6.fetchingData;
|
|
14256
14904
|
return fetchingData && "\n transition: all 0.25s ease-in-out;\n animation: stretch 2s infinite;\n @keyframes stretch {\n 0% {\n transform: scale(1);\n }\n 25% {\n transform: scale(0.9);\n }\n 50% {\n transform: scale(1.2);\n }\n 75% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n }\n ";
|
|
14257
14905
|
});
|
|
14258
|
-
var TimeWrapper = styledComponents.styled.div(
|
|
14906
|
+
var TimeWrapper = styledComponents.styled.div.withConfig({
|
|
14907
|
+
displayName: "TimeWrapper",
|
|
14908
|
+
componentId: "sc-wmdxzq-2"
|
|
14909
|
+
})(_templateObject3$o || (_templateObject3$o = _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) {
|
|
14259
14910
|
var theme = _ref7.theme;
|
|
14260
14911
|
return theme.mediaQueries.mobile;
|
|
14261
14912
|
});
|
|
14262
|
-
var EndTimeWrapper = styledComponents.styled.div(
|
|
14263
|
-
|
|
14264
|
-
|
|
14913
|
+
var EndTimeWrapper = styledComponents.styled.div.withConfig({
|
|
14914
|
+
displayName: "EndTimeWrapper",
|
|
14915
|
+
componentId: "sc-wmdxzq-3"
|
|
14916
|
+
})(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n height: 41px;\n"])));
|
|
14917
|
+
var TimeNumber = styledComponents.styled(Text).withConfig({
|
|
14918
|
+
displayName: "TimeNumber",
|
|
14919
|
+
componentId: "sc-wmdxzq-4"
|
|
14920
|
+
})(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteral(["\n font-weight: 600;\n font-size: 20px;\n margin: 0px;\n padding: 0px;\n height: 100%;\n line-height: 100%;\n"])));
|
|
14921
|
+
var PeriodText = styledComponents.styled(Text).withConfig({
|
|
14922
|
+
displayName: "PeriodText",
|
|
14923
|
+
componentId: "sc-wmdxzq-5"
|
|
14924
|
+
})(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteral(["\n font-weight: 600;\n font-size: 16px;\n margin-right: 0px;\n padding: 0px;\n color: ", ";\n height: 100%;\n // Temporarly\n line-height: 17px;\n"])), function (_ref8) {
|
|
14265
14925
|
var theme = _ref8.theme;
|
|
14266
14926
|
return theme.colors.primary;
|
|
14267
14927
|
});
|
|
14268
|
-
var DetailedTimeWrapper = styledComponents.styled.div(
|
|
14928
|
+
var DetailedTimeWrapper = styledComponents.styled.div.withConfig({
|
|
14929
|
+
displayName: "DetailedTimeWrapper",
|
|
14930
|
+
componentId: "sc-wmdxzq-6"
|
|
14931
|
+
})(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteral(["\n width: 150px;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n color: ", ";\n font-size: 20px;\n font-weight: bold;\n"])), function (_ref9) {
|
|
14269
14932
|
var theme = _ref9.theme;
|
|
14270
14933
|
return theme.colors.white30;
|
|
14271
14934
|
});
|
|
14272
|
-
var TimeValues = styledComponents.styled.div(
|
|
14273
|
-
|
|
14935
|
+
var TimeValues = styledComponents.styled.div.withConfig({
|
|
14936
|
+
displayName: "TimeValues",
|
|
14937
|
+
componentId: "sc-wmdxzq-7"
|
|
14938
|
+
})(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n width: 30px;\n"])));
|
|
14939
|
+
var DateWrapper = styledComponents.styled.div.withConfig({
|
|
14940
|
+
displayName: "DateWrapper",
|
|
14941
|
+
componentId: "sc-wmdxzq-8"
|
|
14942
|
+
})(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n ", " {\n width: 100%;\n justify-content: space-between;\n }\n"])), function (_ref0) {
|
|
14274
14943
|
var theme = _ref0.theme;
|
|
14275
14944
|
return theme.mediaQueries.mobile;
|
|
14276
14945
|
});
|
|
14277
|
-
var ActiveStateWrapper = styledComponents.styled.div(
|
|
14946
|
+
var ActiveStateWrapper = styledComponents.styled.div.withConfig({
|
|
14947
|
+
displayName: "ActiveStateWrapper",
|
|
14948
|
+
componentId: "sc-wmdxzq-9"
|
|
14949
|
+
})(_templateObject0$4 || (_templateObject0$4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n ", " {\n margin-bottom: 17px;\n }\n"])), function (_ref1) {
|
|
14278
14950
|
var theme = _ref1.theme;
|
|
14279
14951
|
return theme.mediaQueries.mobile;
|
|
14280
14952
|
});
|
|
14281
|
-
var RoundDescription = styledComponents.styled.div(
|
|
14953
|
+
var RoundDescription = styledComponents.styled.div.withConfig({
|
|
14954
|
+
displayName: "RoundDescription",
|
|
14955
|
+
componentId: "sc-wmdxzq-10"
|
|
14956
|
+
})(_templateObject1$4 || (_templateObject1$4 = _taggedTemplateLiteral(["\n font-size: 15px;\n color: ", ";\n line-height: 20px;\n margin-top: 3px;\n margin-left: -40px;\n"])), function (_ref10) {
|
|
14282
14957
|
var theme = _ref10.theme;
|
|
14283
14958
|
return theme.colors.white55;
|
|
14284
14959
|
});
|
|
14285
|
-
var AcocuntDataWrapper = styledComponents.styled.div(
|
|
14960
|
+
var AcocuntDataWrapper = styledComponents.styled.div.withConfig({
|
|
14961
|
+
displayName: "AcocuntDataWrapper",
|
|
14962
|
+
componentId: "sc-wmdxzq-11"
|
|
14963
|
+
})(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n ", " {\n flex-direction: column;\n align-items: flex-start;\n button {\n width: 100%;\n }\n }\n"])), function (_ref11) {
|
|
14286
14964
|
var theme = _ref11.theme;
|
|
14287
14965
|
return theme.mediaQueries.mobile;
|
|
14288
14966
|
});
|
|
14289
|
-
var AccountInfoText$1 = styledComponents.styled(Text)(
|
|
14967
|
+
var AccountInfoText$1 = styledComponents.styled(Text).withConfig({
|
|
14968
|
+
displayName: "AccountInfoText",
|
|
14969
|
+
componentId: "sc-wmdxzq-12"
|
|
14970
|
+
})(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 18px;\n line-height: 130%;\n display: flex;\n align-items: center;\n margin-right: 8px;\n ", " {\n font-size: 16px;\n }\n ", " {\n font-size: 14px;\n margin-right: 0px;\n margin-bottom: 16px;\n }\n"])), function (_ref12) {
|
|
14290
14971
|
var theme = _ref12.theme;
|
|
14291
14972
|
return theme.mediaQueries.tablet;
|
|
14292
14973
|
}, function (_ref13) {
|
|
14293
14974
|
var theme = _ref13.theme;
|
|
14294
14975
|
return theme.mediaQueries.mobile;
|
|
14295
14976
|
});
|
|
14296
|
-
var TimerText = styledComponents.styled(Text)(
|
|
14977
|
+
var TimerText = styledComponents.styled(Text).withConfig({
|
|
14978
|
+
displayName: "TimerText",
|
|
14979
|
+
componentId: "sc-wmdxzq-13"
|
|
14980
|
+
})(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 11px;\n color: ", ";\n strong {\n color: ", ";\n }\n"])), baseColors.white55, baseColors.white);
|
|
14297
14981
|
var SpacePadDates = function SpacePadDates(_ref14) {
|
|
14298
14982
|
var _ref14$days = _ref14.days,
|
|
14299
14983
|
days = _ref14$days === void 0 ? "3" : _ref14$days,
|
|
@@ -14434,12 +15118,21 @@ var SpacePadDates = function SpacePadDates(_ref14) {
|
|
|
14434
15118
|
};
|
|
14435
15119
|
|
|
14436
15120
|
var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$j, _templateObject5$h, _templateObject6$b, _templateObject7$7, _templateObject8$4, _templateObject9$3, _templateObject0$3, _templateObject1$3, _templateObject10$3, _templateObject11$3, _templateObject12$2, _templateObject13$1;
|
|
14437
|
-
var AddToCapWrapper = styledComponents.styled.div(
|
|
14438
|
-
|
|
15121
|
+
var AddToCapWrapper = styledComponents.styled.div.withConfig({
|
|
15122
|
+
displayName: "AddToCapWrapper",
|
|
15123
|
+
componentId: "sc-1vjnrpf-0"
|
|
15124
|
+
})(_templateObject$B || (_templateObject$B = _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"])));
|
|
15125
|
+
var LogicComponentsWrapper = styledComponents.styled.div.withConfig({
|
|
15126
|
+
displayName: "LogicComponentsWrapper",
|
|
15127
|
+
componentId: "sc-1vjnrpf-1"
|
|
15128
|
+
})(_templateObject2$t || (_templateObject2$t = _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) {
|
|
14439
15129
|
var theme = _ref.theme;
|
|
14440
15130
|
return theme.mediaQueries.mobile;
|
|
14441
15131
|
});
|
|
14442
|
-
var CapInput = styledComponents.styled(NumericalInput)(
|
|
15132
|
+
var CapInput = styledComponents.styled(NumericalInput).withConfig({
|
|
15133
|
+
displayName: "CapInput",
|
|
15134
|
+
componentId: "sc-1vjnrpf-2"
|
|
15135
|
+
})(_templateObject3$n || (_templateObject3$n = _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) {
|
|
14443
15136
|
var theme = _ref2.theme;
|
|
14444
15137
|
return theme.colors.white10;
|
|
14445
15138
|
}, function (_ref3) {
|
|
@@ -14449,31 +15142,52 @@ var CapInput = styledComponents.styled(NumericalInput)(_templateObject3$n || (_t
|
|
|
14449
15142
|
var theme = _ref4.theme;
|
|
14450
15143
|
return theme.colors.white55;
|
|
14451
15144
|
});
|
|
14452
|
-
var EligibleWrapper = styledComponents.styled.div(
|
|
14453
|
-
|
|
15145
|
+
var EligibleWrapper = styledComponents.styled.div.withConfig({
|
|
15146
|
+
displayName: "EligibleWrapper",
|
|
15147
|
+
componentId: "sc-1vjnrpf-3"
|
|
15148
|
+
})(_templateObject4$j || (_templateObject4$j = _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"])));
|
|
15149
|
+
var IdoActionButton = styledComponents.styled(Button$1).withConfig({
|
|
15150
|
+
displayName: "IdoActionButton",
|
|
15151
|
+
componentId: "sc-1vjnrpf-4"
|
|
15152
|
+
})(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteral(["\n color: ", " !important;\n height: 50px;\n width: 100%;\n &:disabled,\n &.button--disabled {\n background: #12ffb8;\n opacity: 0.2;\n color: #3d3d41 !important;\n }\n ", " {\n margin-top: 16px;\n width: 100%;\n }\n"])), function (_ref5) {
|
|
14454
15153
|
var theme = _ref5.theme;
|
|
14455
15154
|
return theme.colors.dark;
|
|
14456
15155
|
}, function (_ref6) {
|
|
14457
15156
|
var theme = _ref6.theme;
|
|
14458
15157
|
return theme.mediaQueries.mobile;
|
|
14459
15158
|
});
|
|
14460
|
-
var MainFunctionsWrapper = styledComponents.styled.div(
|
|
15159
|
+
var MainFunctionsWrapper = styledComponents.styled.div.withConfig({
|
|
15160
|
+
displayName: "MainFunctionsWrapper",
|
|
15161
|
+
componentId: "sc-1vjnrpf-5"
|
|
15162
|
+
})(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 50px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n ", " {\n margin-bottom: 10px;\n }\n"])), function (_ref7) {
|
|
14461
15163
|
var theme = _ref7.theme;
|
|
14462
15164
|
return theme.mediaQueries.mobile;
|
|
14463
15165
|
});
|
|
14464
|
-
var SignedRow = styledComponents.styled.div(
|
|
15166
|
+
var SignedRow = styledComponents.styled.div.withConfig({
|
|
15167
|
+
displayName: "SignedRow",
|
|
15168
|
+
componentId: "sc-1vjnrpf-6"
|
|
15169
|
+
})(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n width: max-content;\n justify-content: center;\n ", " {\n margin-top: 16px;\n width: 100%;\n }\n"])), function (_ref8) {
|
|
14465
15170
|
var theme = _ref8.theme;
|
|
14466
15171
|
return theme.mediaQueries.mobile;
|
|
14467
15172
|
});
|
|
14468
|
-
var ErrorComponent = styledComponents.styled(Text)(
|
|
15173
|
+
var ErrorComponent = styledComponents.styled(Text).withConfig({
|
|
15174
|
+
displayName: "ErrorComponent",
|
|
15175
|
+
componentId: "sc-1vjnrpf-7"
|
|
15176
|
+
})(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral(["\n font-weight: 600;\n position: absolute;\n top: 41px;\n left: 10px;\n color: ", ";\n font-size: 12px;\n"])), function (_ref9) {
|
|
14469
15177
|
var theme = _ref9.theme;
|
|
14470
15178
|
return theme.colors.error;
|
|
14471
15179
|
});
|
|
14472
|
-
var CoinWrapper = styledComponents.styled.div
|
|
15180
|
+
var CoinWrapper = styledComponents.styled.div.withConfig({
|
|
15181
|
+
displayName: "CoinWrapper",
|
|
15182
|
+
componentId: "sc-1vjnrpf-8"
|
|
15183
|
+
})(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 97px;\n height: 50px;\n margin-left: 16px;\n padding: 15.5px;\n border: 1px solid #373749;\n //Used only once in this component, not declared on theme\n background: #1f1f29;\n box-sizing: border-box;\n border-radius: 10px;\n ", " {\n margin-right: 0px;\n }\n"])), function (_ref0) {
|
|
14473
15184
|
var theme = _ref0.theme;
|
|
14474
15185
|
return theme.mediaQueries.mobile;
|
|
14475
15186
|
});
|
|
14476
|
-
var AddCapButton = styledComponents.styled(Button$1)(
|
|
15187
|
+
var AddCapButton = styledComponents.styled(Button$1).withConfig({
|
|
15188
|
+
displayName: "AddCapButton",
|
|
15189
|
+
componentId: "sc-1vjnrpf-9"
|
|
15190
|
+
})(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteral(["\n color: ", ";\n height: 50px;\n width: 100%;\n &:disabled,\n &.button--disabled {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref1) {
|
|
14477
15191
|
var theme = _ref1.theme;
|
|
14478
15192
|
return theme.colors.dark;
|
|
14479
15193
|
}, function (_ref10) {
|
|
@@ -14483,17 +15197,32 @@ var AddCapButton = styledComponents.styled(Button$1)(_templateObject0$3 || (_tem
|
|
|
14483
15197
|
var theme = _ref11.theme;
|
|
14484
15198
|
return theme.colors.white55;
|
|
14485
15199
|
});
|
|
14486
|
-
var AccountInfoText = styledComponents.styled(Text)(
|
|
15200
|
+
var AccountInfoText = styledComponents.styled(Text).withConfig({
|
|
15201
|
+
displayName: "AccountInfoText",
|
|
15202
|
+
componentId: "sc-1vjnrpf-10"
|
|
15203
|
+
})(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 18px;\n line-height: 130%;\n display: flex;\n align-items: center;\n margin-bottom: 26px;\n text-align: center;\n ", " {\n font-size: 16px;\n }\n ", " {\n font-size: 14px;\n }\n ", "\n"])), function (_ref12) {
|
|
14487
15204
|
var theme = _ref12.theme;
|
|
14488
15205
|
return theme.mediaQueries.tablet;
|
|
14489
15206
|
}, function (_ref13) {
|
|
14490
15207
|
var theme = _ref13.theme;
|
|
14491
15208
|
return theme.mediaQueries.mobile;
|
|
14492
15209
|
}, styledSystem.space);
|
|
14493
|
-
var PersonalValuesWrapper = styledComponents.styled.div(
|
|
14494
|
-
|
|
14495
|
-
|
|
14496
|
-
|
|
15210
|
+
var PersonalValuesWrapper = styledComponents.styled.div.withConfig({
|
|
15211
|
+
displayName: "PersonalValuesWrapper",
|
|
15212
|
+
componentId: "sc-1vjnrpf-11"
|
|
15213
|
+
})(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n height: max-content;\n width: 100%;\n padding: 14px 16px;\n border: 1px solid #383847;\n border-radius: 8px;\n margin-bottom: 30px;\n"])));
|
|
15214
|
+
var PersonalValueRow = styledComponents.styled.div.withConfig({
|
|
15215
|
+
displayName: "PersonalValueRow",
|
|
15216
|
+
componentId: "sc-1vjnrpf-12"
|
|
15217
|
+
})(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
15218
|
+
var PersonalValueTitle = styledComponents.styled(Text).withConfig({
|
|
15219
|
+
displayName: "PersonalValueTitle",
|
|
15220
|
+
componentId: "sc-1vjnrpf-13"
|
|
15221
|
+
})(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 170%;\n text-align: center;\n color: #818c92;\n"])));
|
|
15222
|
+
var Row = styledComponents.styled(Box).withConfig({
|
|
15223
|
+
displayName: "Row",
|
|
15224
|
+
componentId: "sc-1vjnrpf-14"
|
|
15225
|
+
})(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n padding: 0;\n align-items: ", ";\n padding: ", ";\n border: ", ";\n border-radius: ", ";\n"])), function (_ref14) {
|
|
14497
15226
|
var align = _ref14.align;
|
|
14498
15227
|
return align || "center";
|
|
14499
15228
|
}, function (_ref15) {
|
|
@@ -14828,17 +15557,32 @@ var AddToCap = function AddToCap(_ref18) {
|
|
|
14828
15557
|
};
|
|
14829
15558
|
|
|
14830
15559
|
var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$g;
|
|
14831
|
-
var Description = styledComponents.styled.div(
|
|
14832
|
-
|
|
15560
|
+
var Description = styledComponents.styled.div.withConfig({
|
|
15561
|
+
displayName: "Description",
|
|
15562
|
+
componentId: "sc-h5yjzn-0"
|
|
15563
|
+
})(_templateObject$A || (_templateObject$A = _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"])));
|
|
15564
|
+
var CounterWrapper = styledComponents.styled.div.withConfig({
|
|
15565
|
+
displayName: "CounterWrapper",
|
|
15566
|
+
componentId: "sc-h5yjzn-1"
|
|
15567
|
+
})(_templateObject2$s || (_templateObject2$s = _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) {
|
|
14833
15568
|
var theme = _ref.theme;
|
|
14834
15569
|
return theme.backgrounds.secondary;
|
|
14835
15570
|
});
|
|
14836
|
-
var CapDescriptionWrapper = styledComponents.styled.div(
|
|
15571
|
+
var CapDescriptionWrapper = styledComponents.styled.div.withConfig({
|
|
15572
|
+
displayName: "CapDescriptionWrapper",
|
|
15573
|
+
componentId: "sc-h5yjzn-2"
|
|
15574
|
+
})(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n color: ", ";\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n font-weight: bold;\n"])), function (_ref2) {
|
|
14837
15575
|
var theme = _ref2.theme;
|
|
14838
15576
|
return theme.colors.white;
|
|
14839
15577
|
});
|
|
14840
|
-
var SoftCapWrapper = styledComponents.styled(CapDescriptionWrapper)(
|
|
14841
|
-
|
|
15578
|
+
var SoftCapWrapper = styledComponents.styled(CapDescriptionWrapper).withConfig({
|
|
15579
|
+
displayName: "SoftCapWrapper",
|
|
15580
|
+
componentId: "sc-h5yjzn-3"
|
|
15581
|
+
})(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n border-right: 2px solid #252530;\n margin-left: 10px;\n padding-right: 17px;\n"])));
|
|
15582
|
+
var HardCapWrapper = styledComponents.styled(CapDescriptionWrapper).withConfig({
|
|
15583
|
+
displayName: "HardCapWrapper",
|
|
15584
|
+
componentId: "sc-h5yjzn-4"
|
|
15585
|
+
})(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n align-items: center;\n margin-left: 32px;\n"])));
|
|
14842
15586
|
var CapCounter = function CapCounter(_ref3) {
|
|
14843
15587
|
var _ref3$softCap = _ref3.softCap,
|
|
14844
15588
|
softCap = _ref3$softCap === void 0 ? 332.52 : _ref3$softCap,
|
|
@@ -14893,17 +15637,32 @@ var SpacePadSchedule = function SpacePadSchedule(_ref) {
|
|
|
14893
15637
|
};
|
|
14894
15638
|
|
|
14895
15639
|
var _templateObject$z, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$f;
|
|
14896
|
-
var MainWrapper = styledComponents.styled.div
|
|
15640
|
+
var MainWrapper = styledComponents.styled.div.withConfig({
|
|
15641
|
+
displayName: "MainWrapper",
|
|
15642
|
+
componentId: "sc-1bkh9t5-0"
|
|
15643
|
+
})(_templateObject$z || (_templateObject$z = _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) {
|
|
14897
15644
|
var width = _ref.width;
|
|
14898
15645
|
return width ? "".concat(width, "px") : "100%";
|
|
14899
15646
|
});
|
|
14900
|
-
var SecondWrapper = styledComponents.styled.div(
|
|
14901
|
-
|
|
15647
|
+
var SecondWrapper = styledComponents.styled.div.withConfig({
|
|
15648
|
+
displayName: "SecondWrapper",
|
|
15649
|
+
componentId: "sc-1bkh9t5-1"
|
|
15650
|
+
})(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n border-radius: 8px;\n z-index: 101;\n width: 100%;\n"])));
|
|
15651
|
+
var ToggleButton = styledComponents.styled.div.withConfig({
|
|
15652
|
+
displayName: "ToggleButton",
|
|
15653
|
+
componentId: "sc-1bkh9t5-2"
|
|
15654
|
+
})(_templateObject3$l || (_templateObject3$l = _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) {
|
|
14902
15655
|
var isSwitched = _ref2.isSwitched;
|
|
14903
15656
|
return isSwitched ? "100%" : "0%";
|
|
14904
15657
|
});
|
|
14905
|
-
var RowWrapper = styledComponents.styled.div(
|
|
14906
|
-
|
|
15658
|
+
var RowWrapper = styledComponents.styled.div.withConfig({
|
|
15659
|
+
displayName: "RowWrapper",
|
|
15660
|
+
componentId: "sc-1bkh9t5-3"
|
|
15661
|
+
})(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n"])));
|
|
15662
|
+
var SubscriptionWrapper = styledComponents.styled.div.withConfig({
|
|
15663
|
+
displayName: "SubscriptionWrapper",
|
|
15664
|
+
componentId: "sc-1bkh9t5-4"
|
|
15665
|
+
})(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 50%;\n border-radius: 8px;\n cursor: pointer;\n z-index: 101;\n color: ", ";\n transition: 0.4s ease-out;\n"])), function (_ref3) {
|
|
14907
15666
|
var isActive = _ref3.isActive;
|
|
14908
15667
|
return isActive ? "black" : "rgba(255, 255, 255, 0.25)";
|
|
14909
15668
|
});
|
|
@@ -14950,15 +15709,24 @@ var Switch = function Switch(_ref4) {
|
|
|
14950
15709
|
};
|
|
14951
15710
|
|
|
14952
15711
|
var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$e, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$1;
|
|
14953
|
-
var SponsoredText = styledComponents.styled(Text)(
|
|
14954
|
-
|
|
15712
|
+
var SponsoredText = styledComponents.styled(Text).withConfig({
|
|
15713
|
+
displayName: "SponsoredText",
|
|
15714
|
+
componentId: "sc-8tid8r-0"
|
|
15715
|
+
})(_templateObject$y || (_templateObject$y = _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"])));
|
|
15716
|
+
var SpacePadProjectWrapper = styledComponents.styled.div.withConfig({
|
|
15717
|
+
displayName: "SpacePadProjectWrapper",
|
|
15718
|
+
componentId: "sc-8tid8r-1"
|
|
15719
|
+
})(_templateObject2$q || (_templateObject2$q = _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) {
|
|
14955
15720
|
var theme = _ref.theme;
|
|
14956
15721
|
return theme.mediaQueries.desktop;
|
|
14957
15722
|
}, function (_ref2) {
|
|
14958
15723
|
var theme = _ref2.theme;
|
|
14959
15724
|
return theme.mediaQueries.mobile;
|
|
14960
15725
|
});
|
|
14961
|
-
var SpacePadProjectCard = styledComponents.styled.div(
|
|
15726
|
+
var SpacePadProjectCard = styledComponents.styled.div.withConfig({
|
|
15727
|
+
displayName: "SpacePadProjectCard",
|
|
15728
|
+
componentId: "sc-8tid8r-2"
|
|
15729
|
+
})(_templateObject3$k || (_templateObject3$k = _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) {
|
|
14962
15730
|
var theme = _ref3.theme;
|
|
14963
15731
|
return theme.backgrounds.primary;
|
|
14964
15732
|
}, function (_ref4) {
|
|
@@ -14966,29 +15734,62 @@ var SpacePadProjectCard = styledComponents.styled.div(_templateObject3$k || (_te
|
|
|
14966
15734
|
highlighted = _ref4.highlighted;
|
|
14967
15735
|
return highlighted ? "#12FFB8" : theme.colors.white3;
|
|
14968
15736
|
});
|
|
14969
|
-
var ProjectPoster = styledComponents.styled.div(
|
|
15737
|
+
var ProjectPoster = styledComponents.styled.div.withConfig({
|
|
15738
|
+
displayName: "ProjectPoster",
|
|
15739
|
+
componentId: "sc-8tid8r-3"
|
|
15740
|
+
})(_templateObject4$g || (_templateObject4$g = _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) {
|
|
14970
15741
|
var background = _ref5.background;
|
|
14971
15742
|
return background;
|
|
14972
15743
|
});
|
|
14973
|
-
var ProjectLogo = styledComponents.styled.div(
|
|
15744
|
+
var ProjectLogo = styledComponents.styled.div.withConfig({
|
|
15745
|
+
displayName: "ProjectLogo",
|
|
15746
|
+
componentId: "sc-8tid8r-4"
|
|
15747
|
+
})(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n top: 138px;\n left: 20px;\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"])), function (_ref6) {
|
|
14974
15748
|
var background = _ref6.background;
|
|
14975
15749
|
return background;
|
|
14976
15750
|
});
|
|
14977
|
-
var RoundWrapper = styledComponents.styled.div(
|
|
14978
|
-
|
|
15751
|
+
var RoundWrapper = styledComponents.styled.div.withConfig({
|
|
15752
|
+
displayName: "RoundWrapper",
|
|
15753
|
+
componentId: "sc-8tid8r-5"
|
|
15754
|
+
})(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteral(["\n position: absolute;\n top: 154px;\n right: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 12px 10px 16px;\n background: #272730;\n box-sizing: border-box;\n border-radius: 10px;\n width: max-content;\n height: 40px;\n"])));
|
|
15755
|
+
var RoundNumber = styledComponents.styled.div.withConfig({
|
|
15756
|
+
displayName: "RoundNumber",
|
|
15757
|
+
componentId: "sc-8tid8r-6"
|
|
15758
|
+
})(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: space-around;\n color: ", ";\n"])), function (_ref7) {
|
|
14979
15759
|
var theme = _ref7.theme;
|
|
14980
15760
|
return theme.colors.white55;
|
|
14981
15761
|
});
|
|
14982
|
-
var ProjectDetailsWrapper = styledComponents.styled.div(
|
|
14983
|
-
|
|
15762
|
+
var ProjectDetailsWrapper = styledComponents.styled.div.withConfig({
|
|
15763
|
+
displayName: "ProjectDetailsWrapper",
|
|
15764
|
+
componentId: "sc-8tid8r-7"
|
|
15765
|
+
})(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n height: 100%;\n padding: 20px;\n padding-top: 58px;\n"])));
|
|
15766
|
+
var IDOButton = styledComponents.styled(Button$1).withConfig({
|
|
15767
|
+
displayName: "IDOButton",
|
|
15768
|
+
componentId: "sc-8tid8r-8"
|
|
15769
|
+
})(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n width: max-content;\n color: ", ";\n padding: 8px 40px;\n"])), function (_ref8) {
|
|
14984
15770
|
var theme = _ref8.theme;
|
|
14985
15771
|
return theme.colors.white;
|
|
14986
15772
|
});
|
|
14987
|
-
var SwitcherRow = styledComponents.styled.div(
|
|
14988
|
-
|
|
14989
|
-
|
|
14990
|
-
|
|
14991
|
-
var
|
|
15773
|
+
var SwitcherRow = styledComponents.styled.div.withConfig({
|
|
15774
|
+
displayName: "SwitcherRow",
|
|
15775
|
+
componentId: "sc-8tid8r-9"
|
|
15776
|
+
})(_templateObject0$2 || (_templateObject0$2 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n flex-direction: row;\n justify-content: flex-end;\n margin-bottom: 16px;\n z-index: 99999;\n"])));
|
|
15777
|
+
var DetailsColumn = styledComponents.styled.div.withConfig({
|
|
15778
|
+
displayName: "DetailsColumn",
|
|
15779
|
+
componentId: "sc-8tid8r-10"
|
|
15780
|
+
})(_templateObject1$2 || (_templateObject1$2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 16px 0px;\n width: 100%;\n height: 108px !important;\n border-top: 1px solid #272730;\n border-bottom: 1px solid #272730;\n margin: 16px 0px;\n"])));
|
|
15781
|
+
var CommingSoonWrapper = styledComponents.styled.div.withConfig({
|
|
15782
|
+
displayName: "CommingSoonWrapper",
|
|
15783
|
+
componentId: "sc-8tid8r-11"
|
|
15784
|
+
})(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 38px 0px;\n height: max-content;\n width: 100%;\n margin-bottom: 30px;\n"])));
|
|
15785
|
+
var CommingSoonTitle = styledComponents.styled(Text).withConfig({
|
|
15786
|
+
displayName: "CommingSoonTitle",
|
|
15787
|
+
componentId: "sc-8tid8r-12"
|
|
15788
|
+
})(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 26px;\n line-height: 130%;\n color: #7763f6;\n text-align: center;\n margin-top: 24px;\n"])));
|
|
15789
|
+
var MockedProgressComponent = styledComponents.styled.div.withConfig({
|
|
15790
|
+
displayName: "MockedProgressComponent",
|
|
15791
|
+
componentId: "sc-8tid8r-13"
|
|
15792
|
+
})(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n width: 100%;\n height: 75px;\n"])));
|
|
14992
15793
|
var SpacePadProject = function SpacePadProject(props) {
|
|
14993
15794
|
var spacePadData = props.spacePadData,
|
|
14994
15795
|
spaceRound = props.spaceRound,
|
|
@@ -15205,7 +16006,10 @@ var SpacePadProject = function SpacePadProject(props) {
|
|
|
15205
16006
|
};
|
|
15206
16007
|
|
|
15207
16008
|
var _templateObject$x, _templateObject2$p, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$9, _templateObject7$5, _templateObject8$2, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
|
|
15208
|
-
var AccountInfoWrapper = styledComponents.styled.div(
|
|
16009
|
+
var AccountInfoWrapper = styledComponents.styled.div.withConfig({
|
|
16010
|
+
displayName: "AccountInfoWrapper",
|
|
16011
|
+
componentId: "sc-1p04ez8-0"
|
|
16012
|
+
})(_templateObject$x || (_templateObject$x = _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) {
|
|
15209
16013
|
var theme = _ref.theme;
|
|
15210
16014
|
return theme.colors.card;
|
|
15211
16015
|
}, function (_ref2) {
|
|
@@ -15215,14 +16019,20 @@ var AccountInfoWrapper = styledComponents.styled.div(_templateObject$x || (_temp
|
|
|
15215
16019
|
var theme = _ref3.theme;
|
|
15216
16020
|
return theme.mediaQueries.tablet;
|
|
15217
16021
|
});
|
|
15218
|
-
var StyledAccountInfo = styledComponents.styled.div(
|
|
16022
|
+
var StyledAccountInfo = styledComponents.styled.div.withConfig({
|
|
16023
|
+
displayName: "StyledAccountInfo",
|
|
16024
|
+
componentId: "sc-1p04ez8-1"
|
|
16025
|
+
})(_templateObject2$p || (_templateObject2$p = _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) {
|
|
15219
16026
|
var theme = _ref4.theme;
|
|
15220
16027
|
return theme.mediaQueries.mobile;
|
|
15221
16028
|
}, function (_ref5) {
|
|
15222
16029
|
var connectionInProgress = _ref5.connectionInProgress;
|
|
15223
16030
|
return connectionInProgress ? "0px" : "24px";
|
|
15224
16031
|
});
|
|
15225
|
-
var UserComponent = styledComponents.styled.p(
|
|
16032
|
+
var UserComponent = styledComponents.styled.p.withConfig({
|
|
16033
|
+
displayName: "UserComponent",
|
|
16034
|
+
componentId: "sc-1p04ez8-2"
|
|
16035
|
+
})(_templateObject3$j || (_templateObject3$j = _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) {
|
|
15226
16036
|
var theme = _ref6.theme;
|
|
15227
16037
|
return theme.mediaQueries.tablet;
|
|
15228
16038
|
}, function (_ref7) {
|
|
@@ -15245,7 +16055,10 @@ var UserComponent = styledComponents.styled.p(_templateObject3$j || (_templateOb
|
|
|
15245
16055
|
// border-radius: 23px;
|
|
15246
16056
|
// background: #2b2b38;
|
|
15247
16057
|
// `;
|
|
15248
|
-
var AccountComponent = styledComponents.styled.div(
|
|
16058
|
+
var AccountComponent = styledComponents.styled.div.withConfig({
|
|
16059
|
+
displayName: "AccountComponent",
|
|
16060
|
+
componentId: "sc-1p04ez8-3"
|
|
16061
|
+
})(_templateObject4$f || (_templateObject4$f = _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) {
|
|
15249
16062
|
var theme = _ref0.theme;
|
|
15250
16063
|
return theme.colors.white3;
|
|
15251
16064
|
}, function (_ref1) {
|
|
@@ -15255,23 +16068,38 @@ var AccountComponent = styledComponents.styled.div(_templateObject4$f || (_templ
|
|
|
15255
16068
|
var theme = _ref10.theme;
|
|
15256
16069
|
return theme.mediaQueries.tablet;
|
|
15257
16070
|
});
|
|
15258
|
-
var BalanceText = styledComponents.styled(Text)(
|
|
16071
|
+
var BalanceText = styledComponents.styled(Text).withConfig({
|
|
16072
|
+
displayName: "BalanceText",
|
|
16073
|
+
componentId: "sc-1p04ez8-4"
|
|
16074
|
+
})(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteral(["\n margin-left: 50px;\n ", " {\n margin-left: 0px;\n }\n"])), function (_ref11) {
|
|
15259
16075
|
var theme = _ref11.theme;
|
|
15260
16076
|
return theme.mediaQueries.tablet;
|
|
15261
16077
|
});
|
|
15262
|
-
var AccountTitle = styledComponents.styled(Text)(
|
|
16078
|
+
var AccountTitle = styledComponents.styled(Text).withConfig({
|
|
16079
|
+
displayName: "AccountTitle",
|
|
16080
|
+
componentId: "sc-1p04ez8-5"
|
|
16081
|
+
})(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral(["\n ", " {\n display: none;\n }\n"])), function (_ref12) {
|
|
15263
16082
|
var theme = _ref12.theme;
|
|
15264
16083
|
return theme.mediaQueries.mobile;
|
|
15265
16084
|
});
|
|
15266
|
-
var StyledUserAvatar = styledComponents.styled(Icon$20)(
|
|
16085
|
+
var StyledUserAvatar = styledComponents.styled(Icon$20).withConfig({
|
|
16086
|
+
displayName: "StyledUserAvatar",
|
|
16087
|
+
componentId: "sc-1p04ez8-6"
|
|
16088
|
+
})(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n width: 44px;\n height: 44px;\n z-index: 99999;\n ", " {\n display: none;\n }\n"])), function (_ref13) {
|
|
15267
16089
|
var theme = _ref13.theme;
|
|
15268
16090
|
return theme.mediaQueries.mobile;
|
|
15269
16091
|
});
|
|
15270
|
-
var StyledMobileUserAvatar = styledComponents.styled(Icon$1$)(
|
|
16092
|
+
var StyledMobileUserAvatar = styledComponents.styled(Icon$1$).withConfig({
|
|
16093
|
+
displayName: "StyledMobileUserAvatar",
|
|
16094
|
+
componentId: "sc-1p04ez8-7"
|
|
16095
|
+
})(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n width: 44px;\n height: 44px;\n display: none;\n ", " {\n display: block;\n }\n"])), function (_ref14) {
|
|
15271
16096
|
var theme = _ref14.theme;
|
|
15272
16097
|
return theme.mediaQueries.mobile;
|
|
15273
16098
|
});
|
|
15274
|
-
var UserUpdateComponent = styledComponents.styled.div(
|
|
16099
|
+
var UserUpdateComponent = styledComponents.styled.div.withConfig({
|
|
16100
|
+
displayName: "UserUpdateComponent",
|
|
16101
|
+
componentId: "sc-1p04ez8-8"
|
|
16102
|
+
})(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n right: 0px;\n top: -54px;\n position: absolute;\n display: ", ";\n flex-direction: row;\n align-items: center;\n ", " {\n display: ", ";\n position: relative;\n top: 0px;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-end;\n }\n"])), function (_ref15) {
|
|
15275
16103
|
var mobile = _ref15.mobile;
|
|
15276
16104
|
return mobile ? "none" : "flex";
|
|
15277
16105
|
}, function (_ref16) {
|
|
@@ -15281,7 +16109,10 @@ var UserUpdateComponent = styledComponents.styled.div(_templateObject9$1 || (_te
|
|
|
15281
16109
|
var mobile = _ref17.mobile;
|
|
15282
16110
|
return mobile ? "flex" : "none";
|
|
15283
16111
|
});
|
|
15284
|
-
var MobileUserAndUpdate = styledComponents.styled.div(
|
|
16112
|
+
var MobileUserAndUpdate = styledComponents.styled.div.withConfig({
|
|
16113
|
+
displayName: "MobileUserAndUpdate",
|
|
16114
|
+
componentId: "sc-1p04ez8-9"
|
|
16115
|
+
})(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteral(["\n display: none;\n ", " {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: ", ";\n margin-bottom: ", ";\n }\n"])), function (_ref18) {
|
|
15285
16116
|
var theme = _ref18.theme;
|
|
15286
16117
|
return theme.mediaQueries.mobile;
|
|
15287
16118
|
}, function (_ref19) {
|
|
@@ -15291,26 +16122,41 @@ var MobileUserAndUpdate = styledComponents.styled.div(_templateObject0$1 || (_te
|
|
|
15291
16122
|
var connectionInProgress = _ref20.connectionInProgress;
|
|
15292
16123
|
return connectionInProgress ? "10px" : "39px";
|
|
15293
16124
|
});
|
|
15294
|
-
var RefreshButton = styledComponents.styled.div(
|
|
16125
|
+
var RefreshButton = styledComponents.styled.div.withConfig({
|
|
16126
|
+
displayName: "RefreshButton",
|
|
16127
|
+
componentId: "sc-1p04ez8-10"
|
|
16128
|
+
})(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n padding: 4px 16px;\n justify-content: space-between;\n align-items: center;\n color: ", ";\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n background: #2b2b38;\n border-radius: 7px;\n cursor: pointer;\n"])), function (_ref21) {
|
|
15295
16129
|
var theme = _ref21.theme;
|
|
15296
16130
|
return theme.colors.white;
|
|
15297
16131
|
});
|
|
15298
|
-
var StyledSyncIcon = styledComponents.styled.div(
|
|
16132
|
+
var StyledSyncIcon = styledComponents.styled.div.withConfig({
|
|
16133
|
+
displayName: "StyledSyncIcon",
|
|
16134
|
+
componentId: "sc-1p04ez8-11"
|
|
16135
|
+
})(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n margin-right: 10px;\n height: 20px;\n @keyframes spin {\n 100% {\n transform: rotate(1turn);\n }\n };\n ", "\n}\n"])), function (_ref22) {
|
|
15299
16136
|
var syncing = _ref22.syncing;
|
|
15300
16137
|
return syncing && "animation: spin 2s linear infinite;";
|
|
15301
16138
|
});
|
|
15302
|
-
var UpdatedText = styledComponents.styled(Text)(
|
|
16139
|
+
var UpdatedText = styledComponents.styled(Text).withConfig({
|
|
16140
|
+
displayName: "UpdatedText",
|
|
16141
|
+
componentId: "sc-1p04ez8-12"
|
|
16142
|
+
})(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 170%;\n margin-bottom: 0px;\n margin-right: 14px;\n color: ", ";\n ", " {\n margin-bottom: 10px;\n margin-right: 0px;\n }\n"])), function (_ref23) {
|
|
15303
16143
|
var theme = _ref23.theme;
|
|
15304
16144
|
return theme.colors.white55;
|
|
15305
16145
|
}, function (_ref24) {
|
|
15306
16146
|
var theme = _ref24.theme;
|
|
15307
16147
|
return theme.mediaQueries.mobile;
|
|
15308
16148
|
});
|
|
15309
|
-
var ValuesDetails = styledComponents.styled.div(
|
|
16149
|
+
var ValuesDetails = styledComponents.styled.div.withConfig({
|
|
16150
|
+
displayName: "ValuesDetails",
|
|
16151
|
+
componentId: "sc-1p04ez8-13"
|
|
16152
|
+
})(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n ", " {\n flex-direction: column-reverse;\n width: 100%;\n }\n"])), function (_ref25) {
|
|
15310
16153
|
var theme = _ref25.theme;
|
|
15311
16154
|
return theme.mediaQueries.tablet;
|
|
15312
16155
|
});
|
|
15313
|
-
var LoadingDots = styledComponents.styled.p
|
|
16156
|
+
var LoadingDots = styledComponents.styled.p.withConfig({
|
|
16157
|
+
displayName: "LoadingDots",
|
|
16158
|
+
componentId: "sc-1p04ez8-14"
|
|
16159
|
+
})(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n width: 50px;\n color: white;\n font-size: 26px;\n text-align: ", ";\n &::after {\n content: \" .\";\n animation: dots 1.5s steps(5, end) infinite;\n }\n\n @keyframes dots {\n 0%,\n 20% {\n color: rgba(0, 0, 0, 0);\n text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);\n }\n 40% {\n color: white;\n text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);\n }\n 60% {\n text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);\n }\n 80%,\n 100% {\n text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;\n }\n }\n"])), function (_ref26) {
|
|
15314
16160
|
var centered = _ref26.centered;
|
|
15315
16161
|
return centered ? "center" : "left";
|
|
15316
16162
|
});
|
|
@@ -15545,22 +16391,61 @@ var Icon$C = function Icon() {
|
|
|
15545
16391
|
};
|
|
15546
16392
|
|
|
15547
16393
|
var _templateObject$w, _templateObject2$o, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$8, _templateObject7$4, _templateObject8$1, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
|
|
15548
|
-
var Wrapper$2 = styledComponents.styled.div(
|
|
16394
|
+
var Wrapper$2 = styledComponents.styled.div.withConfig({
|
|
16395
|
+
displayName: "Wrapper",
|
|
16396
|
+
componentId: "sc-kcmda0-0"
|
|
16397
|
+
})(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n height: ", ";\n width: 350px;\n padding: 24px;\n background: #191921;\n border-radius: 10px;\n @media screen and (max-width: 1180px) {\n height: auto;\n }\n"])), function (_ref) {
|
|
15549
16398
|
var height = _ref.height;
|
|
15550
16399
|
return height ? "".concat(height, "px") : "auto";
|
|
15551
16400
|
});
|
|
15552
|
-
var Header = styledComponents.styled.div(
|
|
15553
|
-
|
|
15554
|
-
|
|
15555
|
-
|
|
15556
|
-
var
|
|
15557
|
-
|
|
15558
|
-
|
|
15559
|
-
|
|
15560
|
-
var
|
|
15561
|
-
|
|
15562
|
-
|
|
15563
|
-
|
|
16401
|
+
var Header = styledComponents.styled.div.withConfig({
|
|
16402
|
+
displayName: "Header",
|
|
16403
|
+
componentId: "sc-kcmda0-1"
|
|
16404
|
+
})(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
16405
|
+
var PoolWeightWrapper = styledComponents.styled.div.withConfig({
|
|
16406
|
+
displayName: "PoolWeightWrapper",
|
|
16407
|
+
componentId: "sc-kcmda0-2"
|
|
16408
|
+
})(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n width: auto;\n display: flex;\n flex-direction: column;\n"])));
|
|
16409
|
+
var PoolWeightText = styledComponents.styled(Text).withConfig({
|
|
16410
|
+
displayName: "PoolWeightText",
|
|
16411
|
+
componentId: "sc-kcmda0-3"
|
|
16412
|
+
})(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n color: rgba(255, 255, 255, 0.55);\n"])));
|
|
16413
|
+
var CssPowerText = styledComponents.styled(Text).withConfig({
|
|
16414
|
+
displayName: "CssPowerText",
|
|
16415
|
+
componentId: "sc-kcmda0-4"
|
|
16416
|
+
})(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n color: rgba(255, 255, 255, 0.55);\n"])));
|
|
16417
|
+
var RequirementDescripton = styledComponents.styled(Text).withConfig({
|
|
16418
|
+
displayName: "RequirementDescripton",
|
|
16419
|
+
componentId: "sc-kcmda0-5"
|
|
16420
|
+
})(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral(["\ncolor: rgba(255, 255, 255, 0.55);\n"])));
|
|
16421
|
+
var BulletPointText = styledComponents.styled(Text).withConfig({
|
|
16422
|
+
displayName: "BulletPointText",
|
|
16423
|
+
componentId: "sc-kcmda0-6"
|
|
16424
|
+
})(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\ncolor: rgba(255, 255, 255, 0.55);\nmargin-left: 20px;\n"])));
|
|
16425
|
+
var CssPowerWrapper = styledComponents.styled.div.withConfig({
|
|
16426
|
+
displayName: "CssPowerWrapper",
|
|
16427
|
+
componentId: "sc-kcmda0-7"
|
|
16428
|
+
})(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n margin-top: 16px;\n margin-bottom: 30px;\n"])));
|
|
16429
|
+
var CssPowerValueWrapper = styledComponents.styled.div.withConfig({
|
|
16430
|
+
displayName: "CssPowerValueWrapper",
|
|
16431
|
+
componentId: "sc-kcmda0-8"
|
|
16432
|
+
})(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-left: 12px;\n"])));
|
|
16433
|
+
var RequirementsDescriptionWrapper = styledComponents.styled.div.withConfig({
|
|
16434
|
+
displayName: "RequirementsDescriptionWrapper",
|
|
16435
|
+
componentId: "sc-kcmda0-9"
|
|
16436
|
+
})(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-top: 32px;\n margin-bottom: 16px;\n gap: 16px;\n"])));
|
|
16437
|
+
var BulletPointLine = styledComponents.styled(Text).withConfig({
|
|
16438
|
+
displayName: "BulletPointLine",
|
|
16439
|
+
componentId: "sc-kcmda0-10"
|
|
16440
|
+
})(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n"])));
|
|
16441
|
+
var BulletPointIconWrapper = styledComponents.styled.div.withConfig({
|
|
16442
|
+
displayName: "BulletPointIconWrapper",
|
|
16443
|
+
componentId: "sc-kcmda0-11"
|
|
16444
|
+
})(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
16445
|
+
var AdditionalInfo = styledComponents.styled(Text).withConfig({
|
|
16446
|
+
displayName: "AdditionalInfo",
|
|
16447
|
+
componentId: "sc-kcmda0-12"
|
|
16448
|
+
})(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n color: rgba(255, 255, 255, 0.55);\n margin-top: 32px;\n"])));
|
|
15564
16449
|
var TierCard = function TierCard(_ref2) {
|
|
15565
16450
|
var tierNumber = _ref2.tierNumber,
|
|
15566
16451
|
poolWeightPercentage = _ref2.poolWeightPercentage,
|
|
@@ -15630,15 +16515,33 @@ var TierCard = function TierCard(_ref2) {
|
|
|
15630
16515
|
};
|
|
15631
16516
|
|
|
15632
16517
|
var _templateObject$v, _templateObject2$n, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$7;
|
|
15633
|
-
var Wrapper$1 = styledComponents.styled.div(
|
|
15634
|
-
|
|
15635
|
-
|
|
15636
|
-
|
|
15637
|
-
var
|
|
16518
|
+
var Wrapper$1 = styledComponents.styled.div.withConfig({
|
|
16519
|
+
displayName: "Wrapper",
|
|
16520
|
+
componentId: "sc-8hnj4a-0"
|
|
16521
|
+
})(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 300px;\n"])));
|
|
16522
|
+
var Upper = styledComponents.styled.div.withConfig({
|
|
16523
|
+
displayName: "Upper",
|
|
16524
|
+
componentId: "sc-8hnj4a-1"
|
|
16525
|
+
})(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
16526
|
+
var IconWrapper = styledComponents.styled.div.withConfig({
|
|
16527
|
+
displayName: "IconWrapper",
|
|
16528
|
+
componentId: "sc-8hnj4a-2"
|
|
16529
|
+
})(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n margin: 0 auto;\n max-width: 220px;\n max-height: 160px;\n"])));
|
|
16530
|
+
var StepNumber = styledComponents.styled.p.withConfig({
|
|
16531
|
+
displayName: "StepNumber",
|
|
16532
|
+
componentId: "sc-8hnj4a-3"
|
|
16533
|
+
})(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border: 1px solid rgba(255, 255, 255, 0.03);\n color: #ffffff;\n opacity: 0.55;\n border-radius: 10px;\n background: #1d1d26;\n"])));
|
|
16534
|
+
var StepDescription = styledComponents.styled(Text).withConfig({
|
|
16535
|
+
displayName: "StepDescription",
|
|
16536
|
+
componentId: "sc-8hnj4a-4"
|
|
16537
|
+
})(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral(["\n text-align: center;\n color: rgba(255, 255, 255, 0.55);\n max-width: 229px;\n ", " {\n font-size: 14px;\n }\n"])), function (_ref) {
|
|
15638
16538
|
var theme = _ref.theme;
|
|
15639
16539
|
return theme.mediaQueries.mobile;
|
|
15640
16540
|
});
|
|
15641
|
-
var StepLowerDescription = styledComponents.styled(StepDescription)(
|
|
16541
|
+
var StepLowerDescription = styledComponents.styled(StepDescription).withConfig({
|
|
16542
|
+
displayName: "StepLowerDescription",
|
|
16543
|
+
componentId: "sc-8hnj4a-5"
|
|
16544
|
+
})(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral(["\n margin-top: 20px;\n"])));
|
|
15642
16545
|
var getIconByStepNumber = function getIconByStepNumber(stepNumer) {
|
|
15643
16546
|
switch (stepNumer) {
|
|
15644
16547
|
case 1:
|
|
@@ -15692,20 +16595,35 @@ var IdoParticipationStep = function IdoParticipationStep(_ref2) {
|
|
|
15692
16595
|
};
|
|
15693
16596
|
|
|
15694
16597
|
var _templateObject$u, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$6, _templateObject7$3;
|
|
15695
|
-
var UserTiersWrapper = styledComponents.styled.div(
|
|
16598
|
+
var UserTiersWrapper = styledComponents.styled.div.withConfig({
|
|
16599
|
+
displayName: "UserTiersWrapper",
|
|
16600
|
+
componentId: "sc-ge61bg-0"
|
|
16601
|
+
})(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n height: max-content;\n background: ", ";\n border-radius: 16px;\n padding: 32px;\n"])), function (_ref) {
|
|
15696
16602
|
var theme = _ref.theme;
|
|
15697
16603
|
return theme.colors.card;
|
|
15698
16604
|
});
|
|
15699
|
-
var TiersTitle = styledComponents.styled(Text)(
|
|
16605
|
+
var TiersTitle = styledComponents.styled(Text).withConfig({
|
|
16606
|
+
displayName: "TiersTitle",
|
|
16607
|
+
componentId: "sc-ge61bg-1"
|
|
16608
|
+
})(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n color: ", ";\n margin-bottom: 20px;\n"])), function (_ref2) {
|
|
15700
16609
|
var theme = _ref2.theme;
|
|
15701
16610
|
return theme.colors.white;
|
|
15702
16611
|
});
|
|
15703
|
-
var Column = styledComponents.styled.div(
|
|
15704
|
-
|
|
16612
|
+
var Column = styledComponents.styled.div.withConfig({
|
|
16613
|
+
displayName: "Column",
|
|
16614
|
+
componentId: "sc-ge61bg-2"
|
|
16615
|
+
})(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n"])));
|
|
16616
|
+
var TierRow = styledComponents.styled(Box).withConfig({
|
|
16617
|
+
displayName: "TierRow",
|
|
16618
|
+
componentId: "sc-ge61bg-3"
|
|
16619
|
+
})(_templateObject4$c || (_templateObject4$c = _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) {
|
|
15705
16620
|
var bordered = _ref3.bordered;
|
|
15706
16621
|
return bordered && "1px solid #272730";
|
|
15707
16622
|
});
|
|
15708
|
-
var TierNumberText = styledComponents.styled(Text)(
|
|
16623
|
+
var TierNumberText = styledComponents.styled(Text).withConfig({
|
|
16624
|
+
displayName: "TierNumberText",
|
|
16625
|
+
componentId: "sc-ge61bg-4"
|
|
16626
|
+
})(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 160%;\n color: ", ";\n font-weight: ", ";\n position: relative;\n"])), function (_ref4) {
|
|
15709
16627
|
var theme = _ref4.theme,
|
|
15710
16628
|
active = _ref4.active;
|
|
15711
16629
|
return active ? theme.colors.white : "#818c92";
|
|
@@ -15713,8 +16631,14 @@ var TierNumberText = styledComponents.styled(Text)(_templateObject5$a || (_templ
|
|
|
15713
16631
|
var active = _ref5.active;
|
|
15714
16632
|
return active ? "bold" : "normal";
|
|
15715
16633
|
});
|
|
15716
|
-
var TierInfoTag = styledComponents.styled(StyledTag)(
|
|
15717
|
-
|
|
16634
|
+
var TierInfoTag = styledComponents.styled(StyledTag).withConfig({
|
|
16635
|
+
displayName: "TierInfoTag",
|
|
16636
|
+
componentId: "sc-ge61bg-5"
|
|
16637
|
+
})(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n font-size: 11px;\n height: max-content;\n margin-right: 5px;\n"])));
|
|
16638
|
+
var TagsRow = styledComponents.styled.div.withConfig({
|
|
16639
|
+
displayName: "TagsRow",
|
|
16640
|
+
componentId: "sc-ge61bg-6"
|
|
16641
|
+
})(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n position: absolute;\n left: 45px;\n display: flex;\n"])));
|
|
15718
16642
|
var UserTiers = function UserTiers(props) {
|
|
15719
16643
|
var tiers = props.tiers,
|
|
15720
16644
|
_props$currentUserTie = props.currentUserTier,
|
|
@@ -15783,7 +16707,10 @@ var UserTiers = function UserTiers(props) {
|
|
|
15783
16707
|
};
|
|
15784
16708
|
|
|
15785
16709
|
var _templateObject$t;
|
|
15786
|
-
var StyledMultiValue = styledComponents.styled.div(
|
|
16710
|
+
var StyledMultiValue = styledComponents.styled.div.withConfig({
|
|
16711
|
+
displayName: "StyledMultiValue",
|
|
16712
|
+
componentId: "sc-11c5hed-0"
|
|
16713
|
+
})(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n"])));
|
|
15787
16714
|
var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
|
|
15788
16715
|
var spaceRound = _ref.spaceRound,
|
|
15789
16716
|
useEndTime = _ref.useEndTime,
|
|
@@ -15818,8 +16745,14 @@ var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
|
|
|
15818
16745
|
};
|
|
15819
16746
|
|
|
15820
16747
|
var _templateObject$s, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9;
|
|
15821
|
-
var LaunchWrapper = styledComponents.styled.div(
|
|
15822
|
-
|
|
16748
|
+
var LaunchWrapper = styledComponents.styled.div.withConfig({
|
|
16749
|
+
displayName: "LaunchWrapper",
|
|
16750
|
+
componentId: "sc-8kj88a-0"
|
|
16751
|
+
})(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n width: 100%;\n background: #1d1d26;\n padding: 44px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n margin-top: 70px;\n"])));
|
|
16752
|
+
var ForProjects = styledComponents.styled(Text).withConfig({
|
|
16753
|
+
displayName: "ForProjects",
|
|
16754
|
+
componentId: "sc-8kj88a-1"
|
|
16755
|
+
})(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n margin: 0 auto;\n width: 135px;\n text-align: center;\n border: 1px solid ", ";\n color: ", ";\n line-height: 28px;\n border-radius: 10px;\n"])), function (_ref) {
|
|
15823
16756
|
var theme = _ref.theme,
|
|
15824
16757
|
mainColor = _ref.mainColor;
|
|
15825
16758
|
return mainColor || theme.colors.darkPurple;
|
|
@@ -15828,9 +16761,18 @@ var ForProjects = styledComponents.styled(Text)(_templateObject2$l || (_template
|
|
|
15828
16761
|
mainColor = _ref2.mainColor;
|
|
15829
16762
|
return mainColor || theme.colors.darkPurple;
|
|
15830
16763
|
});
|
|
15831
|
-
var LaunchHeader = styledComponents.styled(Text)(
|
|
15832
|
-
|
|
15833
|
-
|
|
16764
|
+
var LaunchHeader = styledComponents.styled(Text).withConfig({
|
|
16765
|
+
displayName: "LaunchHeader",
|
|
16766
|
+
componentId: "sc-8kj88a-2"
|
|
16767
|
+
})(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n margin: 20px 0;\n text-align: center;\n @media screen and (max-width: 760px) {\n width: 310px;\n font-size: 26px;\n }\n"])));
|
|
16768
|
+
var LaunchDescription = styledComponents.styled(Text).withConfig({
|
|
16769
|
+
displayName: "LaunchDescription",
|
|
16770
|
+
componentId: "sc-8kj88a-3"
|
|
16771
|
+
})(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n width: 630px;\n color: rgba(255, 255, 255, 0.55);\n text-align: center;\n @media screen and (max-width: 760px) {\n width: 310px;\n }\n"])));
|
|
16772
|
+
var ApplyForIdoButton = styledComponents.styled(Button$1).withConfig({
|
|
16773
|
+
displayName: "ApplyForIdoButton",
|
|
16774
|
+
componentId: "sc-8kj88a-4"
|
|
16775
|
+
})(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n width: 161px;\n height: 44px;\n border-radius: 10px;\n background: #12ffb8;\n margin-top: 45px;\n"])));
|
|
15834
16776
|
var SpacePadLaunch = function SpacePadLaunch(_ref3) {
|
|
15835
16777
|
var title = _ref3.title,
|
|
15836
16778
|
description = _ref3.description,
|
|
@@ -15860,14 +16802,23 @@ var SpacePadLaunch = function SpacePadLaunch(_ref3) {
|
|
|
15860
16802
|
};
|
|
15861
16803
|
|
|
15862
16804
|
var _templateObject$r;
|
|
15863
|
-
var ReferralTitle = styledComponents.styled(Text)(
|
|
16805
|
+
var ReferralTitle = styledComponents.styled(Text).withConfig({
|
|
16806
|
+
displayName: "ReferralTitle",
|
|
16807
|
+
componentId: "sc-q2pgu9-0"
|
|
16808
|
+
})(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n color: ", ";\n"])), function (_ref) {
|
|
15864
16809
|
var fontColor = _ref.fontColor;
|
|
15865
16810
|
return fontColor || "#ffffff";
|
|
15866
16811
|
});
|
|
15867
16812
|
|
|
15868
16813
|
var _templateObject$q, _templateObject2$k;
|
|
15869
|
-
var ReferralBannerWrapper = styledComponents.styled.div(
|
|
15870
|
-
|
|
16814
|
+
var ReferralBannerWrapper = styledComponents.styled.div.withConfig({
|
|
16815
|
+
displayName: "ReferralBannerWrapper",
|
|
16816
|
+
componentId: "sc-3cib5z-0"
|
|
16817
|
+
})(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16818
|
+
var InvitationDescription = styledComponents.styled(Text).withConfig({
|
|
16819
|
+
displayName: "InvitationDescription",
|
|
16820
|
+
componentId: "sc-3cib5z-1"
|
|
16821
|
+
})(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n font-weight: normal;\n font-size: 16px;\n line-height: 24px;\n color: #818c92;\n margin-bottom: 24px;\n"])));
|
|
15871
16822
|
var ReferralBanner = function ReferralBanner(props) {
|
|
15872
16823
|
var refFee = props.refFee,
|
|
15873
16824
|
onReadMore = props.onReadMore,
|
|
@@ -15933,18 +16884,36 @@ var copyValueToClipboard = function copyValueToClipboard(value, copyCallback) {
|
|
|
15933
16884
|
};
|
|
15934
16885
|
|
|
15935
16886
|
var _templateObject$p, _templateObject2$j, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$5;
|
|
15936
|
-
var TableCard = styledComponents.styled(Card)(
|
|
16887
|
+
var TableCard = styledComponents.styled(Card).withConfig({
|
|
16888
|
+
displayName: "TableCard",
|
|
16889
|
+
componentId: "sc-wd2wdf-0"
|
|
16890
|
+
})(_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) {
|
|
15937
16891
|
var theme = _ref.theme;
|
|
15938
16892
|
return theme.mediaQueries.sm;
|
|
15939
16893
|
});
|
|
15940
|
-
var CopyLinkCardWrapper = styledComponents.styled(TableCard)(
|
|
15941
|
-
|
|
16894
|
+
var CopyLinkCardWrapper = styledComponents.styled(TableCard).withConfig({
|
|
16895
|
+
displayName: "CopyLinkCardWrapper",
|
|
16896
|
+
componentId: "sc-wd2wdf-1"
|
|
16897
|
+
})(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n background: #1d1d26;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])));
|
|
16898
|
+
var MyReferralCard = styledComponents.styled(TableCard).withConfig({
|
|
16899
|
+
displayName: "MyReferralCard",
|
|
16900
|
+
componentId: "sc-wd2wdf-2"
|
|
16901
|
+
})(_templateObject3$e || (_templateObject3$e = _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) {
|
|
15942
16902
|
var theme = _ref2.theme;
|
|
15943
16903
|
return theme.mediaQueries.sm;
|
|
15944
16904
|
});
|
|
15945
|
-
var RefLink = styledComponents.styled(Text)(
|
|
15946
|
-
|
|
15947
|
-
|
|
16905
|
+
var RefLink = styledComponents.styled(Text).withConfig({
|
|
16906
|
+
displayName: "RefLink",
|
|
16907
|
+
componentId: "sc-wd2wdf-3"
|
|
16908
|
+
})(_templateObject4$a || (_templateObject4$a = _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"])));
|
|
16909
|
+
var SocialRow = styledComponents.styled.div.withConfig({
|
|
16910
|
+
displayName: "SocialRow",
|
|
16911
|
+
componentId: "sc-wd2wdf-4"
|
|
16912
|
+
})(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n"])));
|
|
16913
|
+
var ShareText = styledComponents.styled(Text).withConfig({
|
|
16914
|
+
displayName: "ShareText",
|
|
16915
|
+
componentId: "sc-wd2wdf-5"
|
|
16916
|
+
})(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\n font-weight: 700;\n font-size: 14px;\n line-height: 170%;\n color: #ffffff;\n margin-right: 32px;\n"])));
|
|
15948
16917
|
var CopyLinkCard = function CopyLinkCard(_ref3) {
|
|
15949
16918
|
var refLink = _ref3.refLink;
|
|
15950
16919
|
var _useState = React.useState(false),
|
|
@@ -16686,11 +17655,17 @@ var IconModule = /*#__PURE__*/Object.freeze({
|
|
|
16686
17655
|
});
|
|
16687
17656
|
|
|
16688
17657
|
var _templateObject$o, _templateObject2$i;
|
|
16689
|
-
var StyledLink = styledComponents.styled(reactRouterDom.Link)
|
|
17658
|
+
var StyledLink = styledComponents.styled(reactRouterDom.Link).withConfig({
|
|
17659
|
+
displayName: "StyledLink",
|
|
17660
|
+
componentId: "sc-1u6975p-0"
|
|
17661
|
+
})(_templateObject$o || (_templateObject$o = _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) {
|
|
16690
17662
|
var theme = _ref.theme;
|
|
16691
17663
|
return theme.mediaQueries.nav;
|
|
16692
17664
|
});
|
|
16693
|
-
var CoinswapLogo = styledComponents.styled.div
|
|
17665
|
+
var CoinswapLogo = styledComponents.styled.div.withConfig({
|
|
17666
|
+
displayName: "CoinswapLogo",
|
|
17667
|
+
componentId: "sc-1u6975p-1"
|
|
17668
|
+
})(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n $opacity: ", ";\n width: ", ";\n transition: width 0.6s, $opacity 0.3s;\n"])), function (_ref2) {
|
|
16694
17669
|
var isPushed = _ref2.isPushed;
|
|
16695
17670
|
return isPushed ? 1 : 0;
|
|
16696
17671
|
}, function (_ref3) {
|
|
@@ -16885,7 +17860,10 @@ var SIDEBAR_WIDTH_REDUCED = 70;
|
|
|
16885
17860
|
|
|
16886
17861
|
var _templateObject$n, _templateObject2$h, _templateObject3$d;
|
|
16887
17862
|
var rainbowAnimation = styledComponents.keyframes(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n 0%,\n 100% {\n background-position: 0 0;\n }\n 50% {\n background-position: 100% 0;\n }\n"])));
|
|
16888
|
-
var LinkLabel = styledComponents.styled.div
|
|
17863
|
+
var LinkLabel = styledComponents.styled.div.withConfig({
|
|
17864
|
+
displayName: "LinkLabel",
|
|
17865
|
+
componentId: "sc-1sxukum-0"
|
|
17866
|
+
})(_templateObject2$h || (_templateObject2$h = _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) {
|
|
16889
17867
|
var isPushed = _ref.isPushed,
|
|
16890
17868
|
isActive = _ref.isActive;
|
|
16891
17869
|
return !isPushed ? "transparent" : isActive ? "rgba(255, 255, 255, 1)" : "rgba(255, 255, 255, 0.5)";
|
|
@@ -16893,7 +17871,10 @@ var LinkLabel = styledComponents.styled.div(_templateObject2$h || (_templateObje
|
|
|
16893
17871
|
var isPushed = _ref2.isPushed;
|
|
16894
17872
|
return isPushed ? "1" : "0";
|
|
16895
17873
|
});
|
|
16896
|
-
var MenuEntry = styledComponents.styled.div
|
|
17874
|
+
var MenuEntry = styledComponents.styled.div.withConfig({
|
|
17875
|
+
displayName: "MenuEntry",
|
|
17876
|
+
componentId: "sc-1sxukum-1"
|
|
17877
|
+
})(_templateObject3$d || (_templateObject3$d = _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) {
|
|
16897
17878
|
var secondary = _ref3.secondary;
|
|
16898
17879
|
return secondary ? "0 32px" : "0 25px";
|
|
16899
17880
|
}, function (_ref4) {
|
|
@@ -16928,8 +17909,14 @@ var MenuEntry = styledComponents.styled.div(_templateObject3$d || (_templateObje
|
|
|
16928
17909
|
});
|
|
16929
17910
|
|
|
16930
17911
|
var _templateObject$m, _templateObject2$g, _templateObject3$c;
|
|
16931
|
-
var Container$2 = styledComponents.styled.div(
|
|
16932
|
-
|
|
17912
|
+
var Container$2 = styledComponents.styled.div.withConfig({
|
|
17913
|
+
displayName: "Container",
|
|
17914
|
+
componentId: "sc-1j605qy-0"
|
|
17915
|
+
})(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n // Safari fix\n flex-shrink: 0;\n"])));
|
|
17916
|
+
var AccordionContent = styledComponents.styled.div.withConfig({
|
|
17917
|
+
displayName: "AccordionContent",
|
|
17918
|
+
componentId: "sc-1j605qy-1"
|
|
17919
|
+
})(_templateObject2$g || (_templateObject2$g = _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) {
|
|
16933
17920
|
var isOpen = _ref.isOpen,
|
|
16934
17921
|
maxHeight = _ref.maxHeight;
|
|
16935
17922
|
return isOpen ? "".concat(maxHeight, "px") : 0;
|
|
@@ -16938,7 +17925,10 @@ var AccordionContent = styledComponents.styled.div(_templateObject2$g || (_templ
|
|
|
16938
17925
|
isPushed = _ref2.isPushed;
|
|
16939
17926
|
return isOpen && isPushed ? "rgba(133, 133, 133, 0.1)" : "transparent";
|
|
16940
17927
|
});
|
|
16941
|
-
var ArrowIcon = styledComponents.styled(Icon$2x)
|
|
17928
|
+
var ArrowIcon = styledComponents.styled(Icon$2x).withConfig({
|
|
17929
|
+
displayName: "ArrowIcon",
|
|
17930
|
+
componentId: "sc-1j605qy-2"
|
|
17931
|
+
})(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n margin-right: -7px !important;\n transform: rotate(", "deg);\n transition: transform 0.4s;\n"])), function (_ref3) {
|
|
16942
17932
|
var isOpen = _ref3.isOpen;
|
|
16943
17933
|
return isOpen ? 0 : 180;
|
|
16944
17934
|
});
|
|
@@ -17013,11 +18003,17 @@ exports.ExtraIcon = void 0;
|
|
|
17013
18003
|
|
|
17014
18004
|
var _templateObject$l, _templateObject2$f;
|
|
17015
18005
|
var Icons$2 = IconModule;
|
|
17016
|
-
var Container$1 = styledComponents.styled.div(
|
|
18006
|
+
var Container$1 = styledComponents.styled.div.withConfig({
|
|
18007
|
+
displayName: "Container",
|
|
18008
|
+
componentId: "sc-1qgqorz-0"
|
|
18009
|
+
})(_templateObject$l || (_templateObject$l = _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) {
|
|
17017
18010
|
var theme = _ref.theme;
|
|
17018
18011
|
return theme.colors.primary;
|
|
17019
18012
|
});
|
|
17020
|
-
var NewLabel = styledComponents.styled.div(
|
|
18013
|
+
var NewLabel = styledComponents.styled.div.withConfig({
|
|
18014
|
+
displayName: "NewLabel",
|
|
18015
|
+
componentId: "sc-1qgqorz-1"
|
|
18016
|
+
})(_templateObject2$f || (_templateObject2$f = _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) {
|
|
17021
18017
|
var theme = _ref2.theme;
|
|
17022
18018
|
return theme.colors.primary;
|
|
17023
18019
|
}, function (_ref3) {
|
|
@@ -17126,6 +18122,9 @@ var StyledNavButton = styledComponents.styled.button.withConfig({
|
|
|
17126
18122
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
17127
18123
|
return !['$fullWidth', '$isLoading'].includes(prop);
|
|
17128
18124
|
}
|
|
18125
|
+
}).withConfig({
|
|
18126
|
+
displayName: "StyledNavButton",
|
|
18127
|
+
componentId: "sc-11strgr-0"
|
|
17129
18128
|
})(_templateObject$k || (_templateObject$k = _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) {
|
|
17130
18129
|
var $fullWidth = _ref.$fullWidth,
|
|
17131
18130
|
fullWidth = _ref.fullWidth;
|
|
@@ -17167,6 +18166,9 @@ var _templateObject$j;
|
|
|
17167
18166
|
var MenuButton = styledComponents.styled(NavButton).attrs({
|
|
17168
18167
|
variant: "text",
|
|
17169
18168
|
size: "sm"
|
|
18169
|
+
}).withConfig({
|
|
18170
|
+
displayName: "MenuButton",
|
|
18171
|
+
componentId: "sc-1nwrww1-0"
|
|
17170
18172
|
})(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n color: ", ";\n padding: 0 8px;\n border-radius: 8px;\n"])), function (_ref) {
|
|
17171
18173
|
var theme = _ref.theme;
|
|
17172
18174
|
return theme.colors.text;
|
|
@@ -17206,31 +18208,52 @@ var getLangFlag = function getLangFlag(lang) {
|
|
|
17206
18208
|
var _templateObject$i, _templateObject2$e, _templateObject3$b, _templateObject4$9, _templateObject5$7, _templateObject6$4, _templateObject7$2;
|
|
17207
18209
|
var Icons$1 = IconModule;
|
|
17208
18210
|
var LanguageIcon = Icons$1.LanguageIcon;
|
|
17209
|
-
var LangButton = styledComponents.styled(Button$1)
|
|
18211
|
+
var LangButton = styledComponents.styled(Button$1).withConfig({
|
|
18212
|
+
displayName: "LangButton",
|
|
18213
|
+
componentId: "sc-1yvxo6n-0"
|
|
18214
|
+
})(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n position: relative;\n justify-content: flex-start;\n z-index: 9999999;\n border: 1px solid ", ";\n &:hover:not(:disabled):not(.button--disabled):not(:active) {\n border: 1px solid rgba(255, 255, 255, 0.03);\n }\n transition: width 0.6s;\n height: 28px;\n width: ", "px;\n margin-bottom: 15px;\n padding: 0px 10px;\n"])), function (_ref) {
|
|
17210
18215
|
var theme = _ref.theme;
|
|
17211
18216
|
return theme.colors.white3;
|
|
17212
18217
|
}, function (_ref2) {
|
|
17213
18218
|
var isPushed = _ref2.isPushed;
|
|
17214
18219
|
return isPushed ? 80 : 40;
|
|
17215
18220
|
});
|
|
17216
|
-
var LangModal = styledComponents.styled.div
|
|
18221
|
+
var LangModal = styledComponents.styled.div.withConfig({
|
|
18222
|
+
displayName: "LangModal",
|
|
18223
|
+
componentId: "sc-1yvxo6n-1"
|
|
18224
|
+
})(_templateObject2$e || (_templateObject2$e = _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 (_ref3) {
|
|
17217
18225
|
var display = _ref3.display;
|
|
17218
18226
|
return display ? "block" : "none";
|
|
17219
18227
|
}, function (_ref4) {
|
|
17220
18228
|
var theme = _ref4.theme;
|
|
17221
18229
|
return theme.backgrounds.primary;
|
|
17222
18230
|
});
|
|
17223
|
-
var LangsList = styledComponents.styled.div(
|
|
18231
|
+
var LangsList = styledComponents.styled.div.withConfig({
|
|
18232
|
+
displayName: "LangsList",
|
|
18233
|
+
componentId: "sc-1yvxo6n-2"
|
|
18234
|
+
})(_templateObject3$b || (_templateObject3$b = _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 (_ref5) {
|
|
17224
18235
|
var theme = _ref5.theme;
|
|
17225
18236
|
return theme.colors.white55;
|
|
17226
18237
|
}, function (_ref6) {
|
|
17227
18238
|
var theme = _ref6.theme;
|
|
17228
18239
|
return theme.colors.white30;
|
|
17229
18240
|
});
|
|
17230
|
-
var TitleContainer = styledComponents.styled.div(
|
|
17231
|
-
|
|
17232
|
-
|
|
17233
|
-
|
|
18241
|
+
var TitleContainer = styledComponents.styled.div.withConfig({
|
|
18242
|
+
displayName: "TitleContainer",
|
|
18243
|
+
componentId: "sc-1yvxo6n-3"
|
|
18244
|
+
})(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 10px;\n"])));
|
|
18245
|
+
var ButtonContainer$1 = styledComponents.styled.div.withConfig({
|
|
18246
|
+
displayName: "ButtonContainer",
|
|
18247
|
+
componentId: "sc-1yvxo6n-4"
|
|
18248
|
+
})(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\n width: 100%;\n text-align: start;\n padding: 0px 8px;\n"])));
|
|
18249
|
+
var LangText = styledComponents.styled(Text).withConfig({
|
|
18250
|
+
displayName: "LangText",
|
|
18251
|
+
componentId: "sc-1yvxo6n-5"
|
|
18252
|
+
})(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-left: 12px;\n"])));
|
|
18253
|
+
var MainLangText = styledComponents.styled(Text).withConfig({
|
|
18254
|
+
displayName: "MainLangText",
|
|
18255
|
+
componentId: "sc-1yvxo6n-6"
|
|
18256
|
+
})(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n opacity: ", ";\n width: ", ";\n transition: width 0.6s, opacity 0.3s;\n"])), function (_ref7) {
|
|
17234
18257
|
var isPushed = _ref7.isPushed;
|
|
17235
18258
|
return isPushed ? 1 : 0;
|
|
17236
18259
|
}, function (_ref8) {
|
|
@@ -17339,8 +18362,14 @@ var LangSelector$1 = /*#__PURE__*/React.memo(LangSelector, function (prev, next)
|
|
|
17339
18362
|
});
|
|
17340
18363
|
|
|
17341
18364
|
var _templateObject$h, _templateObject2$d;
|
|
17342
|
-
var Container = styledComponents.styled.div(
|
|
17343
|
-
|
|
18365
|
+
var Container = styledComponents.styled.div.withConfig({
|
|
18366
|
+
displayName: "Container",
|
|
18367
|
+
componentId: "sc-11jjlfd-0"
|
|
18368
|
+
})(_templateObject$h || (_templateObject$h = _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"])));
|
|
18369
|
+
var SettingsEntry = styledComponents.styled.div.withConfig({
|
|
18370
|
+
displayName: "SettingsEntry",
|
|
18371
|
+
componentId: "sc-11jjlfd-1"
|
|
18372
|
+
})(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: auto;\n"])));
|
|
17344
18373
|
var PanelFooter = function PanelFooter(_ref) {
|
|
17345
18374
|
var isPushed = _ref.isPushed;
|
|
17346
18375
|
_ref.pushNav;
|
|
@@ -17366,22 +18395,34 @@ var PanelFooter = function PanelFooter(_ref) {
|
|
|
17366
18395
|
};
|
|
17367
18396
|
|
|
17368
18397
|
var _templateObject$g;
|
|
17369
|
-
var MobileEntry = styledComponents.styled.div(
|
|
18398
|
+
var MobileEntry = styledComponents.styled.div.withConfig({
|
|
18399
|
+
displayName: "MobileEntry",
|
|
18400
|
+
componentId: "sc-ialwsc-0"
|
|
18401
|
+
})(_templateObject$g || (_templateObject$g = _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) {
|
|
17370
18402
|
var theme = _ref.theme;
|
|
17371
18403
|
return theme.colors.primary;
|
|
17372
18404
|
});
|
|
17373
18405
|
|
|
17374
18406
|
var _templateObject$f, _templateObject2$c, _templateObject3$a;
|
|
17375
18407
|
var MOBILE_MENU_PANEL_HEIGHT = 83;
|
|
17376
|
-
var MobileMenuContainer = styledComponents.styled.div(
|
|
18408
|
+
var MobileMenuContainer = styledComponents.styled.div.withConfig({
|
|
18409
|
+
displayName: "MobileMenuContainer",
|
|
18410
|
+
componentId: "sc-11f9rbo-0"
|
|
18411
|
+
})(_templateObject$f || (_templateObject$f = _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) {
|
|
17377
18412
|
var theme = _ref.theme;
|
|
17378
18413
|
return theme.colors.card;
|
|
17379
18414
|
}, function (_ref2) {
|
|
17380
18415
|
var theme = _ref2.theme;
|
|
17381
18416
|
return theme.mediaQueries.mobile;
|
|
17382
18417
|
});
|
|
17383
|
-
var MobileLink = styledComponents.styled(MenuLink)(
|
|
17384
|
-
|
|
18418
|
+
var MobileLink = styledComponents.styled(MenuLink).withConfig({
|
|
18419
|
+
displayName: "MobileLink",
|
|
18420
|
+
componentId: "sc-11f9rbo-1"
|
|
18421
|
+
})(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-items: soace-between;\n align-items: center;\n"])));
|
|
18422
|
+
var MenuLinkLabel = styledComponents.styled.div.withConfig({
|
|
18423
|
+
displayName: "MenuLinkLabel",
|
|
18424
|
+
componentId: "sc-11f9rbo-2"
|
|
18425
|
+
})(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n font-weight: 700;\n font-size: 9px;\n color: white;\n"])));
|
|
17385
18426
|
var Icons = IconModule;
|
|
17386
18427
|
var MobileMenu = function MobileMenu(_ref3) {
|
|
17387
18428
|
var links = _ref3.links,
|
|
@@ -17417,7 +18458,10 @@ var MobileMenu = function MobileMenu(_ref3) {
|
|
|
17417
18458
|
};
|
|
17418
18459
|
|
|
17419
18460
|
var _templateObject$e, _templateObject2$b;
|
|
17420
|
-
var StyledPanel = styledComponents.styled.div
|
|
18461
|
+
var StyledPanel = styledComponents.styled.div.withConfig({
|
|
18462
|
+
displayName: "StyledPanel",
|
|
18463
|
+
componentId: "sc-1b3g4s2-0"
|
|
18464
|
+
})(_templateObject$e || (_templateObject$e = _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) {
|
|
17421
18465
|
var isPushed = _ref.isPushed;
|
|
17422
18466
|
return "".concat(isPushed ? SIDEBAR_WIDTH_FULL : SIDEBAR_WIDTH_REDUCED, "px");
|
|
17423
18467
|
}, function (_ref2) {
|
|
@@ -17430,7 +18474,10 @@ var StyledPanel = styledComponents.styled.div(_templateObject$e || (_templateObj
|
|
|
17430
18474
|
var isPushed = _ref4.isPushed;
|
|
17431
18475
|
return isPushed ? "100%" : "0px";
|
|
17432
18476
|
}, MOBILE_MENU_PANEL_HEIGHT);
|
|
17433
|
-
var RowSplitter = styledComponents.styled.div(
|
|
18477
|
+
var RowSplitter = styledComponents.styled.div.withConfig({
|
|
18478
|
+
displayName: "RowSplitter",
|
|
18479
|
+
componentId: "sc-1b3g4s2-1"
|
|
18480
|
+
})(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n border: 1px solid #252530;\n margin: ", ";\n"])), function (_ref5) {
|
|
17434
18481
|
var isPushed = _ref5.isPushed;
|
|
17435
18482
|
return isPushed ? "20px" : "20px 15px";
|
|
17436
18483
|
});
|
|
@@ -17453,11 +18500,26 @@ var Panel = function Panel(props) {
|
|
|
17453
18500
|
};
|
|
17454
18501
|
|
|
17455
18502
|
var _templateObject$d, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$6;
|
|
17456
|
-
var Space = styledComponents.styled.div(
|
|
17457
|
-
|
|
17458
|
-
|
|
17459
|
-
|
|
17460
|
-
var
|
|
18503
|
+
var Space = styledComponents.styled.div.withConfig({
|
|
18504
|
+
displayName: "Space",
|
|
18505
|
+
componentId: "sc-11tnsw3-0"
|
|
18506
|
+
})(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n width: 30px;\n"])));
|
|
18507
|
+
var DisclaimerContainer = styledComponents.styled.div.withConfig({
|
|
18508
|
+
displayName: "DisclaimerContainer",
|
|
18509
|
+
componentId: "sc-11tnsw3-1"
|
|
18510
|
+
})(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n max-width: 430px;\n"])));
|
|
18511
|
+
var CheckBoxContainer = styledComponents.styled.div.withConfig({
|
|
18512
|
+
displayName: "CheckBoxContainer",
|
|
18513
|
+
componentId: "sc-11tnsw3-2"
|
|
18514
|
+
})(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n width: 20%;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
18515
|
+
var ButtonContainer = styledComponents.styled.div.withConfig({
|
|
18516
|
+
displayName: "ButtonContainer",
|
|
18517
|
+
componentId: "sc-11tnsw3-3"
|
|
18518
|
+
})(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n margin-top: 25px;\n"])));
|
|
18519
|
+
var ListContainer = styledComponents.styled.div.withConfig({
|
|
18520
|
+
displayName: "ListContainer",
|
|
18521
|
+
componentId: "sc-11tnsw3-4"
|
|
18522
|
+
})(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n font-size: 13px;\n color: white;\n margin-bottom: 10px;\n padding-left: 14px;\n ul li {\n list-style-position: outside;\n padding: 4px;\n line-height: 17px;\n }\n"])));
|
|
17461
18523
|
var DiclaimerModal = function DiclaimerModal(_ref) {
|
|
17462
18524
|
var _ref$onDismiss = _ref.onDismiss,
|
|
17463
18525
|
onDismiss = _ref$onDismiss === void 0 ? function () {
|
|
@@ -17700,12 +18762,21 @@ var useAutoDisclaimer = function useAutoDisclaimer(_ref) {
|
|
|
17700
18762
|
};
|
|
17701
18763
|
|
|
17702
18764
|
var _templateObject$c, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$5;
|
|
17703
|
-
var UserBlockWrapper = styledComponents.styled.div(
|
|
17704
|
-
|
|
18765
|
+
var UserBlockWrapper = styledComponents.styled.div.withConfig({
|
|
18766
|
+
displayName: "UserBlockWrapper",
|
|
18767
|
+
componentId: "sc-1speva4-0"
|
|
18768
|
+
})(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n\n @media (max-width: 608px) {\n flex: 100%;\n }\n"])));
|
|
18769
|
+
var ConnectButton = styledComponents.styled(Button$1).withConfig({
|
|
18770
|
+
displayName: "ConnectButton",
|
|
18771
|
+
componentId: "sc-1speva4-1"
|
|
18772
|
+
})(_templateObject2$9 || (_templateObject2$9 = _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) {
|
|
17705
18773
|
var theme = _ref.theme;
|
|
17706
18774
|
return theme.mediaQueries.mobile;
|
|
17707
18775
|
});
|
|
17708
|
-
var AccountButton = styledComponents.styled(Button$1)(
|
|
18776
|
+
var AccountButton = styledComponents.styled(Button$1).withConfig({
|
|
18777
|
+
displayName: "AccountButton",
|
|
18778
|
+
componentId: "sc-1speva4-2"
|
|
18779
|
+
})(_templateObject3$8 || (_templateObject3$8 = _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) {
|
|
17709
18780
|
var isUserVerified = _ref2.isUserVerified;
|
|
17710
18781
|
return isUserVerified ? "row" : "column-reverse";
|
|
17711
18782
|
}, function (_ref3) {
|
|
@@ -17715,11 +18786,17 @@ var AccountButton = styledComponents.styled(Button$1)(_templateObject3$8 || (_te
|
|
|
17715
18786
|
var theme = _ref4.theme;
|
|
17716
18787
|
return theme.mediaQueries.mobile;
|
|
17717
18788
|
});
|
|
17718
|
-
var VerifyAddressIndicator = styledComponents.styled(Text)(
|
|
18789
|
+
var VerifyAddressIndicator = styledComponents.styled(Text).withConfig({
|
|
18790
|
+
displayName: "VerifyAddressIndicator",
|
|
18791
|
+
componentId: "sc-1speva4-3"
|
|
18792
|
+
})(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n color: #f6465d;\n ", " {\n font-size: 10px;\n }\n"])), function (_ref5) {
|
|
17719
18793
|
var theme = _ref5.theme;
|
|
17720
18794
|
return theme.mediaQueries.mobile;
|
|
17721
18795
|
});
|
|
17722
|
-
var Account = styledComponents.styled(Text)(
|
|
18796
|
+
var Account = styledComponents.styled(Text).withConfig({
|
|
18797
|
+
displayName: "Account",
|
|
18798
|
+
componentId: "sc-1speva4-4"
|
|
18799
|
+
})(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n ", " {\n font-size: 10px;\n }\n"])), function (_ref6) {
|
|
17723
18800
|
var isUserVerified = _ref6.isUserVerified;
|
|
17724
18801
|
return !isUserVerified && "-5px";
|
|
17725
18802
|
}, function (_ref7) {
|
|
@@ -17772,7 +18849,10 @@ var UserBlock = function UserBlock(_ref8) {
|
|
|
17772
18849
|
};
|
|
17773
18850
|
|
|
17774
18851
|
var _templateObject$b, _templateObject2$8, _templateObject3$7;
|
|
17775
|
-
var BellBoxWrapper = styledComponents.styled.div(
|
|
18852
|
+
var BellBoxWrapper = styledComponents.styled.div.withConfig({
|
|
18853
|
+
displayName: "BellBoxWrapper",
|
|
18854
|
+
componentId: "sc-1ga2zxd-0"
|
|
18855
|
+
})(_templateObject$b || (_templateObject$b = _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) {
|
|
17776
18856
|
var mobile = _ref.mobile;
|
|
17777
18857
|
return mobile ? "none" : "block";
|
|
17778
18858
|
}, function (_ref2) {
|
|
@@ -17783,7 +18863,10 @@ var BellBoxWrapper = styledComponents.styled.div(_templateObject$b || (_template
|
|
|
17783
18863
|
hasMsg = _ref3.hasMsg;
|
|
17784
18864
|
return mobile && hasMsg ? "block" : "none";
|
|
17785
18865
|
});
|
|
17786
|
-
var BellBox = styledComponents.styled(Link)(
|
|
18866
|
+
var BellBox = styledComponents.styled(Link).withConfig({
|
|
18867
|
+
displayName: "BellBox",
|
|
18868
|
+
componentId: "sc-1ga2zxd-1"
|
|
18869
|
+
})(_templateObject2$8 || (_templateObject2$8 = _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) {
|
|
17787
18870
|
var hasMsg = _ref4.hasMsg,
|
|
17788
18871
|
theme = _ref4.theme;
|
|
17789
18872
|
return hasMsg ? "#1AC8FF" : theme.backgrounds.secondary;
|
|
@@ -17801,7 +18884,10 @@ var BellBox = styledComponents.styled(Link)(_templateObject2$8 || (_templateObje
|
|
|
17801
18884
|
var hasMsg = _ref8.hasMsg;
|
|
17802
18885
|
return hasMsg && "\n box-shadow: 0px 0px 14px 3px rgba(46, 124, 246, 0.25);\n ";
|
|
17803
18886
|
});
|
|
17804
|
-
var NotificationNumber = styledComponents.styled.div
|
|
18887
|
+
var NotificationNumber = styledComponents.styled.div.withConfig({
|
|
18888
|
+
displayName: "NotificationNumber",
|
|
18889
|
+
componentId: "sc-1ga2zxd-2"
|
|
18890
|
+
})(_templateObject3$7 || (_templateObject3$7 = _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) {
|
|
17805
18891
|
var hasMsg = _ref9.hasMsg;
|
|
17806
18892
|
return hasMsg ? 1 : 0;
|
|
17807
18893
|
}, function (_ref0) {
|
|
@@ -17839,7 +18925,10 @@ var BellNotifier = function BellNotifier(_ref1) {
|
|
|
17839
18925
|
};
|
|
17840
18926
|
|
|
17841
18927
|
var _templateObject$a, _templateObject2$7, _templateObject3$6, _templateObject4$6;
|
|
17842
|
-
var CryptoDropdownWrapper = styledComponents.styled.button
|
|
18928
|
+
var CryptoDropdownWrapper = styledComponents.styled.button.withConfig({
|
|
18929
|
+
displayName: "CryptoDropdownWrapper",
|
|
18930
|
+
componentId: "sc-uo8r8r-0"
|
|
18931
|
+
})(_templateObject$a || (_templateObject$a = _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) {
|
|
17843
18932
|
return props.extended ? "6px 5px 6px 10px" : "10px";
|
|
17844
18933
|
}, function (props) {
|
|
17845
18934
|
return props.extended ? 130 : 70;
|
|
@@ -17850,7 +18939,10 @@ var CryptoDropdownWrapper = styledComponents.styled.button(_templateObject$a ||
|
|
|
17850
18939
|
var theme = _ref2.theme;
|
|
17851
18940
|
return theme.mediaQueries.mobile;
|
|
17852
18941
|
});
|
|
17853
|
-
var ButtonsContainer = styledComponents.styled.div
|
|
18942
|
+
var ButtonsContainer = styledComponents.styled.div.withConfig({
|
|
18943
|
+
displayName: "ButtonsContainer",
|
|
18944
|
+
componentId: "sc-uo8r8r-1"
|
|
18945
|
+
})(_templateObject2$7 || (_templateObject2$7 = _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) {
|
|
17854
18946
|
var theme = _ref3.theme;
|
|
17855
18947
|
return theme.backgrounds.secondary;
|
|
17856
18948
|
}, function (_ref4) {
|
|
@@ -17866,8 +18958,14 @@ var ButtonsContainer = styledComponents.styled.div(_templateObject2$7 || (_templ
|
|
|
17866
18958
|
}, function (props) {
|
|
17867
18959
|
return props.visible ? "flex" : "none";
|
|
17868
18960
|
});
|
|
17869
|
-
var ButtonRow = styledComponents.styled(Link)(
|
|
17870
|
-
|
|
18961
|
+
var ButtonRow = styledComponents.styled(Link).withConfig({
|
|
18962
|
+
displayName: "ButtonRow",
|
|
18963
|
+
componentId: "sc-uo8r8r-2"
|
|
18964
|
+
})(_templateObject3$6 || (_templateObject3$6 = _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"])));
|
|
18965
|
+
var ButtonsSpacer = styledComponents.styled.div.withConfig({
|
|
18966
|
+
displayName: "ButtonsSpacer",
|
|
18967
|
+
componentId: "sc-uo8r8r-3"
|
|
18968
|
+
})(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n border: 1px solid #373749;\n width: calc(100% - 20px);\n"])));
|
|
17871
18969
|
var CryptoButton = function CryptoButton(_ref6) {
|
|
17872
18970
|
var _ref6$extended = _ref6.extended,
|
|
17873
18971
|
extended = _ref6$extended === void 0 ? false : _ref6$extended,
|
|
@@ -17953,7 +19051,10 @@ var CryptoButton = function CryptoButton(_ref6) {
|
|
|
17953
19051
|
};
|
|
17954
19052
|
|
|
17955
19053
|
var _templateObject$9, _templateObject2$6;
|
|
17956
|
-
var StyledUserButton = styledComponents.styled.div(
|
|
19054
|
+
var StyledUserButton = styledComponents.styled.div.withConfig({
|
|
19055
|
+
displayName: "StyledUserButton",
|
|
19056
|
+
componentId: "sc-3kmnlp-0"
|
|
19057
|
+
})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n width: 40px;\n height: 40px;\n border-radius: 10px;\n background: #2b2b38;\n svg {\n fill: ", ";\n path {\n fill: ", ";\n }\n }\n ", " {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n }\n"])), function (_ref) {
|
|
17957
19058
|
var theme = _ref.theme;
|
|
17958
19059
|
return theme.colors.primary;
|
|
17959
19060
|
}, function (_ref2) {
|
|
@@ -17963,7 +19064,10 @@ var StyledUserButton = styledComponents.styled.div(_templateObject$9 || (_templa
|
|
|
17963
19064
|
var theme = _ref3.theme;
|
|
17964
19065
|
return theme.mediaQueries.mobile;
|
|
17965
19066
|
});
|
|
17966
|
-
var StyledUserIcon = styledComponents.styled(Icon$1c)(
|
|
19067
|
+
var StyledUserIcon = styledComponents.styled(Icon$1c).withConfig({
|
|
19068
|
+
displayName: "StyledUserIcon",
|
|
19069
|
+
componentId: "sc-3kmnlp-1"
|
|
19070
|
+
})(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n ", " {\n height: 18px;\n }\n"])), function (_ref4) {
|
|
17967
19071
|
var theme = _ref4.theme;
|
|
17968
19072
|
return theme.mediaQueries.mobile;
|
|
17969
19073
|
});
|
|
@@ -17983,13 +19087,25 @@ var UserButton = function UserButton(_ref5) {
|
|
|
17983
19087
|
};
|
|
17984
19088
|
|
|
17985
19089
|
var _templateObject$8, _templateObject2$5, _templateObject3$5, _templateObject4$5, _templateObject5$4, _templateObject6$3;
|
|
17986
|
-
var Wrapper = styledComponents.styled.div(
|
|
17987
|
-
|
|
19090
|
+
var Wrapper = styledComponents.styled.div.withConfig({
|
|
19091
|
+
displayName: "Wrapper",
|
|
19092
|
+
componentId: "sc-2hf3ez-0"
|
|
19093
|
+
})(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 100%;\n overscroll-behavior-y: contain;\n scroll-snap-type: y proximity;\n"])));
|
|
19094
|
+
var StyledNav = styledComponents.styled.nav.withConfig({
|
|
19095
|
+
displayName: "StyledNav",
|
|
19096
|
+
componentId: "sc-2hf3ez-1"
|
|
19097
|
+
})(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n align-items: flex-start;\n position: fixed;\n left: 0;\n transition: top 0.2s;\n display: flex;\n justify-content: space-between;\n padding: 30px 15px;\n background-color: transparent;\n z-index: 20;\n transform: translate3d(0, 0, 0);\n ", " {\n position: absolute;\n left: -12px;\n } ;\n"])), function (_ref) {
|
|
17988
19098
|
var theme = _ref.theme;
|
|
17989
19099
|
return theme.mediaQueries.mobile;
|
|
17990
19100
|
});
|
|
17991
|
-
var BodyWrapper = styledComponents.styled.div(
|
|
17992
|
-
|
|
19101
|
+
var BodyWrapper = styledComponents.styled.div.withConfig({
|
|
19102
|
+
displayName: "BodyWrapper",
|
|
19103
|
+
componentId: "sc-2hf3ez-2"
|
|
19104
|
+
})(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n min-height: 100vh;\n"])));
|
|
19105
|
+
var Inner = styledComponents.styled.div.withConfig({
|
|
19106
|
+
displayName: "Inner",
|
|
19107
|
+
componentId: "sc-2hf3ez-3"
|
|
19108
|
+
})(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n flex-grow: 1;\n margin-top: 25px;\n transition: margin-top 0.2s;\n transform: translate3d(0, 0, 0);\n margin-left: ", "px;\n max-width: calc(100% - ", "px);\n ", " {\n max-width: 100%;\n margin-left: 0px;\n }\n"])), SIDEBAR_WIDTH_REDUCED, SIDEBAR_WIDTH_REDUCED, function (_ref2) {
|
|
17993
19109
|
var theme = _ref2.theme;
|
|
17994
19110
|
return theme.mediaQueries.mobile;
|
|
17995
19111
|
});
|
|
@@ -18001,7 +19117,10 @@ var Inner = styledComponents.styled.div(_templateObject4$5 || (_templateObject4$
|
|
|
18001
19117
|
// opacity: 0;
|
|
18002
19118
|
// }
|
|
18003
19119
|
// `;
|
|
18004
|
-
var ButtonsRow$1 = styledComponents.styled.div(
|
|
19120
|
+
var ButtonsRow$1 = styledComponents.styled.div.withConfig({
|
|
19121
|
+
displayName: "ButtonsRow",
|
|
19122
|
+
componentId: "sc-2hf3ez-4"
|
|
19123
|
+
})(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n aling-items: center;\n flex-direction: row;\n background: transparent;\n ", " {\n z-index: 99999;\n position: ", ";\n top: 30px;\n right: 25px;\n padding-bottom: 30px;\n ", "\n }\n"])), function (_ref3) {
|
|
18005
19124
|
var theme = _ref3.theme;
|
|
18006
19125
|
return theme.mediaQueries.mobile;
|
|
18007
19126
|
}, function (_ref4) {
|
|
@@ -18011,7 +19130,10 @@ var ButtonsRow$1 = styledComponents.styled.div(_templateObject5$4 || (_templateO
|
|
|
18011
19130
|
var isPushed = _ref5.isPushed;
|
|
18012
19131
|
return !isPushed && "\n margin-right: 12px;\n margin-top: 5px;\n ";
|
|
18013
19132
|
});
|
|
18014
|
-
var MenuContent = styledComponents.styled.div
|
|
19133
|
+
var MenuContent = styledComponents.styled.div.withConfig({
|
|
19134
|
+
displayName: "MenuContent",
|
|
19135
|
+
componentId: "sc-2hf3ez-5"
|
|
19136
|
+
})(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n display: flex;\n gap: 20px;\n flex-direction: row-reverse;\n transition: all 0.2s;\n width: 100%;\n\n ", " {\n margin-right: 50px;\n }\n\n @media (max-width: 900px) {\n flex-direction: column;\n gap: 7px;\n align-items: flex-end;\n }\n"])), function (_ref6) {
|
|
18015
19137
|
var theme = _ref6.theme;
|
|
18016
19138
|
return theme.mediaQueries.mobile;
|
|
18017
19139
|
});
|
|
@@ -18242,7 +19364,10 @@ var types = {
|
|
|
18242
19364
|
var _excluded = ["toast", "onRemove", "style", "ttl"];
|
|
18243
19365
|
var _templateObject$7;
|
|
18244
19366
|
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);
|
|
18245
|
-
var StyledToast = styledComponents.styled.div(
|
|
19367
|
+
var StyledToast = styledComponents.styled.div.withConfig({
|
|
19368
|
+
displayName: "StyledToast",
|
|
19369
|
+
componentId: "sc-1y3cmzu-0"
|
|
19370
|
+
})(_templateObject$7 || (_templateObject$7 = _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) {
|
|
18246
19371
|
var theme = _ref.theme;
|
|
18247
19372
|
return theme.mediaQueries.sm;
|
|
18248
19373
|
});
|
|
@@ -18319,7 +19444,10 @@ var Toast = function Toast(_ref2) {
|
|
|
18319
19444
|
var _templateObject$6;
|
|
18320
19445
|
var ZINDEX = 1000;
|
|
18321
19446
|
var TOP_POSITION = 94; // Initial position from the top, 14px+
|
|
18322
|
-
var StyledToastContainer = styledComponents.styled.div(
|
|
19447
|
+
var StyledToastContainer = styledComponents.styled.div.withConfig({
|
|
19448
|
+
displayName: "StyledToastContainer",
|
|
19449
|
+
componentId: "sc-1cnkl3o-0"
|
|
19450
|
+
})(_templateObject$6 || (_templateObject$6 = _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"])));
|
|
18323
19451
|
var ToastContainer = function ToastContainer(_ref) {
|
|
18324
19452
|
var toasts = _ref.toasts,
|
|
18325
19453
|
onRemove = _ref.onRemove,
|
|
@@ -18347,11 +19475,26 @@ var ToastContainer = function ToastContainer(_ref) {
|
|
|
18347
19475
|
};
|
|
18348
19476
|
|
|
18349
19477
|
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$4, _templateObject5$3;
|
|
18350
|
-
var VerificationModalContent = styledComponents.styled.div(
|
|
18351
|
-
|
|
18352
|
-
|
|
18353
|
-
|
|
18354
|
-
var
|
|
19478
|
+
var VerificationModalContent = styledComponents.styled.div.withConfig({
|
|
19479
|
+
displayName: "VerificationModalContent",
|
|
19480
|
+
componentId: "sc-1hw1n7f-0"
|
|
19481
|
+
})(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n margin-top: -30px;\n"])));
|
|
19482
|
+
var DescriptionSection = styledComponents.styled.div.withConfig({
|
|
19483
|
+
displayName: "DescriptionSection",
|
|
19484
|
+
componentId: "sc-1hw1n7f-1"
|
|
19485
|
+
})(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n width: 305px;\n text-align: center;\n margin-top: 32px;\n margin-bottom: 32px;\n"])));
|
|
19486
|
+
var ModalText$1 = styledComponents.styled(Text).withConfig({
|
|
19487
|
+
displayName: "ModalText",
|
|
19488
|
+
componentId: "sc-1hw1n7f-2"
|
|
19489
|
+
})(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n line-height: 170%;\n"])));
|
|
19490
|
+
var ButtonsRow = styledComponents.styled.div.withConfig({
|
|
19491
|
+
displayName: "ButtonsRow",
|
|
19492
|
+
componentId: "sc-1hw1n7f-3"
|
|
19493
|
+
})(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-around;\n align-items: center;\n width: 100%;\n"])));
|
|
19494
|
+
var ModalButton$1 = styledComponents.styled(Button$1).withConfig({
|
|
19495
|
+
displayName: "ModalButton",
|
|
19496
|
+
componentId: "sc-1hw1n7f-4"
|
|
19497
|
+
})(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n width: 120px;\n padding: 0 8px;\n"])));
|
|
18355
19498
|
var VerificationModal = function VerificationModal(props) {
|
|
18356
19499
|
var onVerify = props.onVerify,
|
|
18357
19500
|
modalDescription = props.modalDescription,
|
|
@@ -18422,15 +19565,24 @@ var useVerificationModal = function useVerificationModal(_ref) {
|
|
|
18422
19565
|
};
|
|
18423
19566
|
|
|
18424
19567
|
var _templateObject$4, _templateObject2$3, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$2;
|
|
18425
|
-
var IdoExtensionsModalContent = styledComponents.styled.div(
|
|
18426
|
-
|
|
19568
|
+
var IdoExtensionsModalContent = styledComponents.styled.div.withConfig({
|
|
19569
|
+
displayName: "IdoExtensionsModalContent",
|
|
19570
|
+
componentId: "sc-cbodpl-0"
|
|
19571
|
+
})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n margin-top: -30px;\n"])));
|
|
19572
|
+
var ModalText = styledComponents.styled(Text).withConfig({
|
|
19573
|
+
displayName: "ModalText",
|
|
19574
|
+
componentId: "sc-cbodpl-1"
|
|
19575
|
+
})(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n line-height: 170%;\n width: ", ";\n ", " {\n width: 90%;\n }\n"])), function (_ref) {
|
|
18427
19576
|
var textWidth = _ref.textWidth;
|
|
18428
19577
|
return textWidth ? "".concat(textWidth, "px") : "100%";
|
|
18429
19578
|
}, function (_ref2) {
|
|
18430
19579
|
var theme = _ref2.theme;
|
|
18431
19580
|
return theme.mediaQueries.tablet;
|
|
18432
19581
|
});
|
|
18433
|
-
var InputWrapper = styledComponents.styled.div(
|
|
19582
|
+
var InputWrapper = styledComponents.styled.div.withConfig({
|
|
19583
|
+
displayName: "InputWrapper",
|
|
19584
|
+
componentId: "sc-cbodpl-2"
|
|
19585
|
+
})(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n margin-top: ", "px;\n min-width: 420px;\n ", " {\n min-width: 100%;\n }\n ", " {\n margin-top: 10px;\n }\n"])), function (_ref3) {
|
|
18434
19586
|
var marginTop = _ref3.marginTop;
|
|
18435
19587
|
return marginTop || 0;
|
|
18436
19588
|
}, function (_ref4) {
|
|
@@ -18440,12 +19592,21 @@ var InputWrapper = styledComponents.styled.div(_templateObject3$3 || (_templateO
|
|
|
18440
19592
|
var theme = _ref5.theme;
|
|
18441
19593
|
return theme.mediaQueries.mobile;
|
|
18442
19594
|
});
|
|
18443
|
-
var InfoText = styledComponents.styled(Text)(
|
|
19595
|
+
var InfoText = styledComponents.styled(Text).withConfig({
|
|
19596
|
+
displayName: "InfoText",
|
|
19597
|
+
componentId: "sc-cbodpl-3"
|
|
19598
|
+
})(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n text-align: center;\n font-weight: 400;\n font-size: 14px;\n line-height: 160%;\n color: #535459;\n margin-top: 24px;\n b {\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref6) {
|
|
18444
19599
|
var theme = _ref6.theme;
|
|
18445
19600
|
return theme.colors.primary;
|
|
18446
19601
|
});
|
|
18447
|
-
var IdoExtensionsForm = styledComponents.styled.form(
|
|
18448
|
-
|
|
19602
|
+
var IdoExtensionsForm = styledComponents.styled.form.withConfig({
|
|
19603
|
+
displayName: "IdoExtensionsForm",
|
|
19604
|
+
componentId: "sc-cbodpl-4"
|
|
19605
|
+
})(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
19606
|
+
var ModalButton = styledComponents.styled(Button$1).withConfig({
|
|
19607
|
+
displayName: "ModalButton",
|
|
19608
|
+
componentId: "sc-cbodpl-5"
|
|
19609
|
+
})(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n width: 144px;\n margin-top: 24px;\n font-size: 14px;\n"])));
|
|
18449
19610
|
var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
|
|
18450
19611
|
var onExtensionsAdd = _ref7.onExtensionsAdd,
|
|
18451
19612
|
onDismiss = _ref7.onDismiss,
|
|
@@ -18683,13 +19844,25 @@ var useIdoExtensionsModal = function useIdoExtensionsModal(_ref) {
|
|
|
18683
19844
|
};
|
|
18684
19845
|
|
|
18685
19846
|
var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2;
|
|
18686
|
-
var PriceContainerWrapper$1 = styledComponents.styled.div
|
|
19847
|
+
var PriceContainerWrapper$1 = styledComponents.styled.div.withConfig({
|
|
19848
|
+
displayName: "PriceContainerWrapper",
|
|
19849
|
+
componentId: "sc-13wizbq-0"
|
|
19850
|
+
})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: space-around;\n flex-direction: column;\n padding: 20px;\n background: ", ";\n @-moz-document url-prefix() {\n background: rgba(36, 36, 36, 0.95) !important;\n }\n border: 1px solid rgba(255, 255, 255, 0.03);\n box-sizing: border-box;\n border-radius: 10px;\n max-height: 170px;\n width: 100%;\n height: 100%;\n"])), function (_ref) {
|
|
18687
19851
|
var theme = _ref.theme;
|
|
18688
19852
|
return theme.backgrounds.secondary;
|
|
18689
19853
|
});
|
|
18690
|
-
var HeaderWrapper$1 = styledComponents.styled.div(
|
|
18691
|
-
|
|
18692
|
-
|
|
19854
|
+
var HeaderWrapper$1 = styledComponents.styled.div.withConfig({
|
|
19855
|
+
displayName: "HeaderWrapper",
|
|
19856
|
+
componentId: "sc-13wizbq-1"
|
|
19857
|
+
})(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 26px;\n"])));
|
|
19858
|
+
var OriginsWrapper = styledComponents.styled.div.withConfig({
|
|
19859
|
+
displayName: "OriginsWrapper",
|
|
19860
|
+
componentId: "sc-13wizbq-2"
|
|
19861
|
+
})(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
19862
|
+
var OriginTitle = styledComponents.styled(Text).withConfig({
|
|
19863
|
+
displayName: "OriginTitle",
|
|
19864
|
+
componentId: "sc-13wizbq-3"
|
|
19865
|
+
})(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n padding: 0px 12px;\n transition: all 0.5s;\n"])), function (_ref2) {
|
|
18693
19866
|
var currentIndex = _ref2.currentIndex,
|
|
18694
19867
|
index = _ref2.index,
|
|
18695
19868
|
theme = _ref2.theme;
|
|
@@ -18740,16 +19913,28 @@ var PriceContainer = function PriceContainer(_ref3) {
|
|
|
18740
19913
|
};
|
|
18741
19914
|
|
|
18742
19915
|
var _templateObject$2, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
18743
|
-
var PriceContainerWrapper = styledComponents.styled.div
|
|
19916
|
+
var PriceContainerWrapper = styledComponents.styled.div.withConfig({
|
|
19917
|
+
displayName: "PriceContainerWrapper",
|
|
19918
|
+
componentId: "sc-1yxjpp7-0"
|
|
19919
|
+
})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n align-items: space-around;\n flex-direction: column;\n padding: 20px;\n @-moz-document url-prefix() {\n background: ", "; !important;\n }\n\n background: ", ";\n border: 1px solid rgba(255, 255, 255, 0.03);\n box-sizing: border-box;\n border-radius: 10px;\n box-shadow: none;\n\n position: relative;\n overflow: hidden;\n"])), function (_ref) {
|
|
18744
19920
|
var theme = _ref.theme;
|
|
18745
19921
|
return theme.backgrounds.secondary;
|
|
18746
19922
|
}, function (_ref2) {
|
|
18747
19923
|
var theme = _ref2.theme;
|
|
18748
19924
|
return theme.backgrounds.secondary;
|
|
18749
19925
|
});
|
|
18750
|
-
var HeaderWrapper = styledComponents.styled.div(
|
|
18751
|
-
|
|
18752
|
-
|
|
19926
|
+
var HeaderWrapper = styledComponents.styled.div.withConfig({
|
|
19927
|
+
displayName: "HeaderWrapper",
|
|
19928
|
+
componentId: "sc-1yxjpp7-1"
|
|
19929
|
+
})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 26px;\n"])));
|
|
19930
|
+
var TokensContainer = styledComponents.styled(GridLayout$1).withConfig({
|
|
19931
|
+
displayName: "TokensContainer",
|
|
19932
|
+
componentId: "sc-1yxjpp7-2"
|
|
19933
|
+
})(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n color: white;\n"])));
|
|
19934
|
+
var MainCoinWrapper = styledComponents.styled.div.withConfig({
|
|
19935
|
+
displayName: "MainCoinWrapper",
|
|
19936
|
+
componentId: "sc-1yxjpp7-3"
|
|
19937
|
+
})(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n grid-column: span 8;\n border-bottom: 1px solid ", ";\n padding-bottom: 10px;\n display: flex;\n justify-content: center;\n padding-right: 20px;\n ", " {\n grid-column: span 3;\n border-right: 1px solid ", ";\n border-bottom: none;\n justify-content: flex-start;\n }\n"])), function (_ref3) {
|
|
18753
19938
|
var theme = _ref3.theme;
|
|
18754
19939
|
return theme.colors.grey;
|
|
18755
19940
|
}, function (_ref4) {
|
|
@@ -18759,7 +19944,10 @@ var MainCoinWrapper = styledComponents.styled.div(_templateObject4$1 || (_templa
|
|
|
18759
19944
|
var theme = _ref5.theme;
|
|
18760
19945
|
return theme.colors.grey;
|
|
18761
19946
|
});
|
|
18762
|
-
var TokensWrapper = styledComponents.styled.div(
|
|
19947
|
+
var TokensWrapper = styledComponents.styled.div.withConfig({
|
|
19948
|
+
displayName: "TokensWrapper",
|
|
19949
|
+
componentId: "sc-1yxjpp7-4"
|
|
19950
|
+
})(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n height: 100%;\n display: flex;\n justify-content: ", ";\n grid-column: span 8;\n padding-bottom: 20px;\n ", "\n ", " {\n padding-bottom: 0px;\n }\n"])), function (_ref6) {
|
|
18763
19951
|
var noData = _ref6.noData;
|
|
18764
19952
|
return noData ? "center" : "space-between";
|
|
18765
19953
|
}, function (_ref7) {
|
|
@@ -18769,8 +19957,14 @@ var TokensWrapper = styledComponents.styled.div(_templateObject5$1 || (_template
|
|
|
18769
19957
|
var theme = _ref8.theme;
|
|
18770
19958
|
return theme.mediaQueries.sm;
|
|
18771
19959
|
});
|
|
18772
|
-
var DotsContainer = styledComponents.styled.div(
|
|
18773
|
-
|
|
19960
|
+
var DotsContainer = styledComponents.styled.div.withConfig({
|
|
19961
|
+
displayName: "DotsContainer",
|
|
19962
|
+
componentId: "sc-1yxjpp7-5"
|
|
19963
|
+
})(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n align-items: center;\n @media (min-width: 576px) {\n right: 20px;\n top: 29px;\n }\n @media (max-width: 576px) {\n left: 50%;\n transform: translate(-50%);\n bottom: 17px !important;\n }\n"])));
|
|
19964
|
+
var Dot = styledComponents.styled.div.withConfig({
|
|
19965
|
+
displayName: "Dot",
|
|
19966
|
+
componentId: "sc-1yxjpp7-6"
|
|
19967
|
+
})(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n width: 8px;\n height: 8px;\n display: inline - block;\n margin: 0 8px;\n border-radius: 99px;\n background: ", ";\n border: ", ";\n cursor: pointer;\n padding: 3px;\n"])), function (_ref9) {
|
|
18774
19968
|
var active = _ref9.active,
|
|
18775
19969
|
theme = _ref9.theme;
|
|
18776
19970
|
return active ? theme.colors.blue : "transparent";
|
|
@@ -18865,23 +20059,47 @@ var TopTokensContainer = function TopTokensContainer(_ref1) {
|
|
|
18865
20059
|
};
|
|
18866
20060
|
|
|
18867
20061
|
var _templateObject$1, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
18868
|
-
var ForParticipants = styledComponents.styled(Text)(
|
|
18869
|
-
|
|
20062
|
+
var ForParticipants = styledComponents.styled(Text).withConfig({
|
|
20063
|
+
displayName: "ForParticipants",
|
|
20064
|
+
componentId: "sc-16j3rl5-0"
|
|
20065
|
+
})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n margin: 0 auto;\n width: 155px;\n text-align: center;\n border: 1px solid #12ffb8;\n line-height: 28px;\n border-radius: 10px;\n margin: 106px auto 26px;\n"])));
|
|
20066
|
+
var HowToParticipate = styledComponents.styled(Text).withConfig({
|
|
20067
|
+
displayName: "HowToParticipate",
|
|
20068
|
+
componentId: "sc-16j3rl5-1"
|
|
20069
|
+
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n text-align: center;\n width: 100%;\n ", " {\n font-size: 26px;\n width: 200px;\n margin: 0 auto;\n }\n"])), function (_ref) {
|
|
18870
20070
|
var theme = _ref.theme;
|
|
18871
20071
|
return theme.mediaQueries.mobile;
|
|
18872
20072
|
});
|
|
18873
|
-
var StepsWrapper = styledComponents.styled.div(
|
|
20073
|
+
var StepsWrapper = styledComponents.styled.div.withConfig({
|
|
20074
|
+
displayName: "StepsWrapper",
|
|
20075
|
+
componentId: "sc-16j3rl5-2"
|
|
20076
|
+
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-top: 40px;\n margin-bottom: 60px;\n ", " {\n flex-wrap: wrap;\n justify-content: center;\n row-gap: 45px;\n }\n"])), function (_ref2) {
|
|
18874
20077
|
var theme = _ref2.theme;
|
|
18875
20078
|
return theme.mediaQueries.desktop;
|
|
18876
20079
|
});
|
|
18877
|
-
var SpacePadTierSystem = styledComponents.styled(Text)(
|
|
20080
|
+
var SpacePadTierSystem = styledComponents.styled(Text).withConfig({
|
|
20081
|
+
displayName: "SpacePadTierSystem",
|
|
20082
|
+
componentId: "sc-16j3rl5-3"
|
|
20083
|
+
})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n text-align: center;\n width: 100%;\n margin-top: 170px;\n ", " {\n font-size: 26px;\n width: 181px;\n margin: 0 auto;\n margin-top: 170px;\n }\n"])), function (_ref3) {
|
|
18878
20084
|
var theme = _ref3.theme;
|
|
18879
20085
|
return theme.mediaQueries.mobile;
|
|
18880
20086
|
});
|
|
18881
|
-
var SpacePadTierSystemDescription = styledComponents.styled(Text)
|
|
18882
|
-
|
|
18883
|
-
|
|
18884
|
-
|
|
20087
|
+
var SpacePadTierSystemDescription = styledComponents.styled(Text).withConfig({
|
|
20088
|
+
displayName: "SpacePadTierSystemDescription",
|
|
20089
|
+
componentId: "sc-16j3rl5-4"
|
|
20090
|
+
})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 630px;\n margin: 0 auto;\n color: rgba(255, 255, 255, 0.55);\n text-align: center;\n margin-bottom: 30px;\n @media screen and (max-width: 760px) {\n width: 320px;\n }\n"])));
|
|
20091
|
+
var TiersWrapper = styledComponents.styled.div.withConfig({
|
|
20092
|
+
displayName: "TiersWrapper",
|
|
20093
|
+
componentId: "sc-16j3rl5-5"
|
|
20094
|
+
})(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n gap: 30px;\n @media screen and (max-width: 1180px) {\n flex-direction: column;\n align-items: center;\n }\n"])));
|
|
20095
|
+
var RightTiersColumn = styledComponents.styled.div.withConfig({
|
|
20096
|
+
displayName: "RightTiersColumn",
|
|
20097
|
+
componentId: "sc-16j3rl5-6"
|
|
20098
|
+
})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n max-width: 730px;\n gap: 30px;\n @media screen and (max-width: 1180px) {\n flex-direction: column;\n justify-content: center;\n }\n"])));
|
|
20099
|
+
var VerticalSeparator = styledComponents.styled.div.withConfig({
|
|
20100
|
+
displayName: "VerticalSeparator",
|
|
20101
|
+
componentId: "sc-16j3rl5-7"
|
|
20102
|
+
})(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n border-left: 1px solid #12ffb8;\n height: 60px;\n position: absolute;\n left: 50%;\n"])));
|
|
18885
20103
|
var IdoInfoDescription = function IdoInfoDescription(_ref4) {
|
|
18886
20104
|
var idoSteps = _ref4.idoSteps,
|
|
18887
20105
|
tiers = _ref4.tiers;
|