@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.esm.js
CHANGED
|
@@ -315,6 +315,9 @@ var Svg = styled("svg").withConfig({
|
|
|
315
315
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
316
316
|
return !['$spin', '$opac'].includes(prop);
|
|
317
317
|
}
|
|
318
|
+
}).withConfig({
|
|
319
|
+
displayName: "Svg",
|
|
320
|
+
componentId: "sc-1oa1mzv-0"
|
|
318
321
|
})(_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) {
|
|
319
322
|
var theme = _ref.theme,
|
|
320
323
|
_ref$color = _ref.color,
|
|
@@ -401,6 +404,9 @@ var Text = styled.div.withConfig({
|
|
|
401
404
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
402
405
|
return !['$bold', '$small'].includes(prop);
|
|
403
406
|
}
|
|
407
|
+
}).withConfig({
|
|
408
|
+
displayName: "Text",
|
|
409
|
+
componentId: "sc-nskjht-0"
|
|
404
410
|
})(_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) {
|
|
405
411
|
var $bold = _ref3.$bold,
|
|
406
412
|
bold = _ref3.bold;
|
|
@@ -477,6 +483,9 @@ var StyledButton$2 = styled.button.withConfig({
|
|
|
477
483
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
478
484
|
return !['$fullWidth', '$isLoading', '$white', 'variant', 'isActive'].includes(prop);
|
|
479
485
|
}
|
|
486
|
+
}).withConfig({
|
|
487
|
+
displayName: "StyledButton",
|
|
488
|
+
componentId: "sc-pxfjak-0"
|
|
480
489
|
})(_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) {
|
|
481
490
|
var $white = _ref4.$white;
|
|
482
491
|
return $white ? "white" : getButtonVariantProp$3("color");
|
|
@@ -7913,10 +7922,16 @@ var Icon$T = function Icon(props) {
|
|
|
7913
7922
|
};
|
|
7914
7923
|
|
|
7915
7924
|
var _templateObject$28, _templateObject2$15;
|
|
7916
|
-
var ButtonText = styled.span
|
|
7925
|
+
var ButtonText = styled.span.withConfig({
|
|
7926
|
+
displayName: "ButtonText",
|
|
7927
|
+
componentId: "sc-kepl07-0"
|
|
7928
|
+
})(_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) {
|
|
7917
7929
|
return props.extended ? "block" : "none";
|
|
7918
7930
|
});
|
|
7919
|
-
var RampButtonWrapper$1 = styled(Button$1)
|
|
7931
|
+
var RampButtonWrapper$1 = styled(Button$1).withConfig({
|
|
7932
|
+
displayName: "RampButtonWrapper",
|
|
7933
|
+
componentId: "sc-kepl07-1"
|
|
7934
|
+
})(_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) {
|
|
7920
7935
|
return props.extended ? "6px 25px" : "6px 10px";
|
|
7921
7936
|
}, function (props) {
|
|
7922
7937
|
return props.extended ? 110 : 60;
|
|
@@ -7945,13 +7960,19 @@ var RampButtonLite = function RampButtonLite(_ref2) {
|
|
|
7945
7960
|
};
|
|
7946
7961
|
|
|
7947
7962
|
var _templateObject$27;
|
|
7948
|
-
var IconButton = styled(Button$1)(
|
|
7963
|
+
var IconButton = styled(Button$1).withConfig({
|
|
7964
|
+
displayName: "IconButton",
|
|
7965
|
+
componentId: "sc-9rnm19-0"
|
|
7966
|
+
})(_templateObject$27 || (_templateObject$27 = _taggedTemplateLiteral(["\n padding: 0;\n width: ", ";\n margin: 0px 4px;\n border: none;\n outline: none;\n"])), function (_ref) {
|
|
7949
7967
|
var size = _ref.size;
|
|
7950
7968
|
return size === "sm" ? "32px" : "60px";
|
|
7951
7969
|
});
|
|
7952
7970
|
|
|
7953
7971
|
var _templateObject$26;
|
|
7954
|
-
var RampButtonWrapper = styled.button
|
|
7972
|
+
var RampButtonWrapper = styled.button.withConfig({
|
|
7973
|
+
displayName: "RampButtonWrapper",
|
|
7974
|
+
componentId: "sc-1y4rjmy-0"
|
|
7975
|
+
})(_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) {
|
|
7955
7976
|
return props.extended ? 108 : 70;
|
|
7956
7977
|
}, function (_ref) {
|
|
7957
7978
|
var theme = _ref.theme;
|
|
@@ -7976,10 +7997,16 @@ var RampButton = function RampButton(_ref2) {
|
|
|
7976
7997
|
};
|
|
7977
7998
|
|
|
7978
7999
|
var _templateObject$25;
|
|
7979
|
-
var Box = styled.div(
|
|
8000
|
+
var Box = styled.div.withConfig({
|
|
8001
|
+
displayName: "Box",
|
|
8002
|
+
componentId: "sc-1vk503f-0"
|
|
8003
|
+
})(_templateObject$25 || (_templateObject$25 = _taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), background, border, layout, position, space);
|
|
7980
8004
|
|
|
7981
8005
|
var _templateObject$24;
|
|
7982
|
-
var Flex = styled(Box)(
|
|
8006
|
+
var Flex = styled(Box).withConfig({
|
|
8007
|
+
displayName: "Flex",
|
|
8008
|
+
componentId: "sc-10l7f81-0"
|
|
8009
|
+
})(_templateObject$24 || (_templateObject$24 = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"])), flexbox);
|
|
7983
8010
|
|
|
7984
8011
|
var variants$3 = {
|
|
7985
8012
|
INFO: "info",
|
|
@@ -8019,14 +8046,26 @@ var getIcon = function getIcon() {
|
|
|
8019
8046
|
return Icon$2E;
|
|
8020
8047
|
}
|
|
8021
8048
|
};
|
|
8022
|
-
var IconLabel = styled.div(
|
|
8049
|
+
var IconLabel = styled.div.withConfig({
|
|
8050
|
+
displayName: "IconLabel",
|
|
8051
|
+
componentId: "sc-iju7nx-0"
|
|
8052
|
+
})(_templateObject$23 || (_templateObject$23 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-radius: 10px 0 0 10px;\n color: black;\n padding: 12px;\n"])), getThemeColor);
|
|
8023
8053
|
var withHandlerSpacing = 32 + 12 + 8; // button size + inner spacing + handler position
|
|
8024
|
-
var Details = styled.div(
|
|
8054
|
+
var Details = styled.div.withConfig({
|
|
8055
|
+
displayName: "Details",
|
|
8056
|
+
componentId: "sc-iju7nx-1"
|
|
8057
|
+
})(_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) {
|
|
8025
8058
|
var hasHandler = _ref2.hasHandler;
|
|
8026
8059
|
return hasHandler ? "".concat(withHandlerSpacing, "px") : "12px";
|
|
8027
8060
|
});
|
|
8028
|
-
var CloseHandler = styled.div(
|
|
8029
|
-
|
|
8061
|
+
var CloseHandler = styled.div.withConfig({
|
|
8062
|
+
displayName: "CloseHandler",
|
|
8063
|
+
componentId: "sc-iju7nx-2"
|
|
8064
|
+
})(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteral(["\n border-radius: 0 16px 16px 0;\n right: 8px;\n position: absolute;\n top: 8px;\n"])));
|
|
8065
|
+
var StyledAlert = styled(Flex).withConfig({
|
|
8066
|
+
displayName: "StyledAlert",
|
|
8067
|
+
componentId: "sc-iju7nx-3"
|
|
8068
|
+
})(_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) {
|
|
8030
8069
|
var theme = _ref3.theme;
|
|
8031
8070
|
return theme.backgrounds.secondary;
|
|
8032
8071
|
}, function (_ref4) {
|
|
@@ -8077,7 +8116,10 @@ var observerOptions = {
|
|
|
8077
8116
|
};
|
|
8078
8117
|
|
|
8079
8118
|
var _templateObject$22;
|
|
8080
|
-
var Wrapper$3 = styled.div(
|
|
8119
|
+
var Wrapper$3 = styled.div.withConfig({
|
|
8120
|
+
displayName: "Wrapper",
|
|
8121
|
+
componentId: "sc-1ie94f-0"
|
|
8122
|
+
})(_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) {
|
|
8081
8123
|
var height = _ref.height,
|
|
8082
8124
|
responsive = _ref.responsive;
|
|
8083
8125
|
return responsive ? 0 : height;
|
|
@@ -8096,8 +8138,14 @@ var Wrapper$3 = styled.div(_templateObject$22 || (_templateObject$22 = _taggedTe
|
|
|
8096
8138
|
|
|
8097
8139
|
var _excluded$q = ["src", "alt"];
|
|
8098
8140
|
var _templateObject$21, _templateObject2$13;
|
|
8099
|
-
var StyledImage = styled.img(
|
|
8100
|
-
|
|
8141
|
+
var StyledImage = styled.img.withConfig({
|
|
8142
|
+
displayName: "StyledImage",
|
|
8143
|
+
componentId: "sc-10tqvvr-0"
|
|
8144
|
+
})(_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"])));
|
|
8145
|
+
var Placeholder = styled.div.withConfig({
|
|
8146
|
+
displayName: "Placeholder",
|
|
8147
|
+
componentId: "sc-10tqvvr-1"
|
|
8148
|
+
})(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
|
|
8101
8149
|
var Image = function Image(_ref) {
|
|
8102
8150
|
var src = _ref.src,
|
|
8103
8151
|
alt = _ref.alt,
|
|
@@ -8421,6 +8469,9 @@ var Heading = styled(Text).attrs(function (_ref) {
|
|
|
8421
8469
|
$bold: true,
|
|
8422
8470
|
as: as
|
|
8423
8471
|
};
|
|
8472
|
+
}).withConfig({
|
|
8473
|
+
displayName: "Heading",
|
|
8474
|
+
componentId: "sc-1bynhbg-0"
|
|
8424
8475
|
})(_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) {
|
|
8425
8476
|
var _ref2$size = _ref2.size,
|
|
8426
8477
|
size = _ref2$size === void 0 ? sizes$1.MD : _ref2$size;
|
|
@@ -8435,7 +8486,10 @@ var Heading = styled(Text).attrs(function (_ref) {
|
|
|
8435
8486
|
});
|
|
8436
8487
|
|
|
8437
8488
|
var _templateObject$1_, _templateObject2$12, _templateObject3$M, _templateObject4$x;
|
|
8438
|
-
var StyledModal = styled.div
|
|
8489
|
+
var StyledModal = styled.div.withConfig({
|
|
8490
|
+
displayName: "StyledModal",
|
|
8491
|
+
componentId: "sc-gb2uez-0"
|
|
8492
|
+
})(_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) {
|
|
8439
8493
|
var theme = _ref.theme;
|
|
8440
8494
|
return theme.colors.card;
|
|
8441
8495
|
}, function (_ref2) {
|
|
@@ -8445,9 +8499,18 @@ var StyledModal = styled.div(_templateObject$1_ || (_templateObject$1_ = _tagged
|
|
|
8445
8499
|
var theme = _ref3.theme;
|
|
8446
8500
|
return theme.mediaQueries.mobile;
|
|
8447
8501
|
});
|
|
8448
|
-
var CloseButton$1 = styled(Button$1)
|
|
8449
|
-
|
|
8450
|
-
|
|
8502
|
+
var CloseButton$1 = styled(Button$1).withConfig({
|
|
8503
|
+
displayName: "CloseButton",
|
|
8504
|
+
componentId: "sc-gb2uez-1"
|
|
8505
|
+
})(_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"])));
|
|
8506
|
+
var ModalHeader = styled.div.withConfig({
|
|
8507
|
+
displayName: "ModalHeader",
|
|
8508
|
+
componentId: "sc-gb2uez-2"
|
|
8509
|
+
})(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 24px 24px 0;\n"])));
|
|
8510
|
+
var ModalTitle = styled(Flex).withConfig({
|
|
8511
|
+
displayName: "ModalTitle",
|
|
8512
|
+
componentId: "sc-gb2uez-3"
|
|
8513
|
+
})(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteral(["\n align-items: center;\n flex: 1;\n"])));
|
|
8451
8514
|
var Modal = function Modal(_ref4) {
|
|
8452
8515
|
var title = _ref4.title,
|
|
8453
8516
|
onDismiss = _ref4.onDismiss,
|
|
@@ -8499,6 +8562,9 @@ var Overlay = styled.div.attrs(function (_ref) {
|
|
|
8499
8562
|
show: show,
|
|
8500
8563
|
zIndex: zIndex
|
|
8501
8564
|
};
|
|
8565
|
+
}).withConfig({
|
|
8566
|
+
displayName: "Overlay",
|
|
8567
|
+
componentId: "sc-1u1va95-0"
|
|
8502
8568
|
})(_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) {
|
|
8503
8569
|
var _ref2$show = _ref2.show,
|
|
8504
8570
|
show = _ref2$show === void 0 ? false : _ref2$show;
|
|
@@ -8514,7 +8580,10 @@ var Overlay = styled.div.attrs(function (_ref) {
|
|
|
8514
8580
|
});
|
|
8515
8581
|
|
|
8516
8582
|
var _templateObject$1Y;
|
|
8517
|
-
var ModalWrapper = styled.div(
|
|
8583
|
+
var ModalWrapper = styled.div.withConfig({
|
|
8584
|
+
displayName: "ModalWrapper",
|
|
8585
|
+
componentId: "sc-4rfz2j-0"
|
|
8586
|
+
})(_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) {
|
|
8518
8587
|
var theme = _ref.theme;
|
|
8519
8588
|
return theme.zIndices.modal - 1;
|
|
8520
8589
|
}, function (_ref2) {
|
|
@@ -8907,7 +8976,10 @@ var ConnectModal = function ConnectModal(_ref) {
|
|
|
8907
8976
|
|
|
8908
8977
|
var _excluded$p = ["external", "color"];
|
|
8909
8978
|
var _templateObject$1X;
|
|
8910
|
-
var StyledLink$1 = styled(Text)(
|
|
8979
|
+
var StyledLink$1 = styled(Text).withConfig({
|
|
8980
|
+
displayName: "StyledLink",
|
|
8981
|
+
componentId: "sc-qw3uvt-0"
|
|
8982
|
+
})(_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"])));
|
|
8911
8983
|
var Link = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
8912
8984
|
var external = _ref.external,
|
|
8913
8985
|
_ref$color = _ref.color,
|
|
@@ -8943,11 +9015,17 @@ var _excluded$n = ["toCopy", "translations", "children"];
|
|
|
8943
9015
|
var _templateObject$1W, _templateObject2$11;
|
|
8944
9016
|
var StyleButton = styled(Text).attrs({
|
|
8945
9017
|
role: "button"
|
|
9018
|
+
}).withConfig({
|
|
9019
|
+
displayName: "StyleButton",
|
|
9020
|
+
componentId: "sc-v35pzo-0"
|
|
8946
9021
|
})(_templateObject$1W || (_templateObject$1W = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (_ref) {
|
|
8947
9022
|
var theme = _ref.theme;
|
|
8948
9023
|
return theme.colors.primary;
|
|
8949
9024
|
});
|
|
8950
|
-
var Tooltip$1 = styled.div
|
|
9025
|
+
var Tooltip$1 = styled.div.withConfig({
|
|
9026
|
+
displayName: "Tooltip",
|
|
9027
|
+
componentId: "sc-v35pzo-1"
|
|
9028
|
+
})(_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) {
|
|
8951
9029
|
var isTooltipDisplayed = _ref2.isTooltipDisplayed;
|
|
8952
9030
|
return isTooltipDisplayed ? "block" : "none";
|
|
8953
9031
|
}, function (_ref3) {
|
|
@@ -9289,14 +9367,20 @@ var useConnectWalletEvent = function useConnectWalletEvent(account) {
|
|
|
9289
9367
|
};
|
|
9290
9368
|
|
|
9291
9369
|
var _templateObject$1V, _templateObject2$10;
|
|
9292
|
-
var BannerSlideWrapper = styled.div(
|
|
9370
|
+
var BannerSlideWrapper = styled.div.withConfig({
|
|
9371
|
+
displayName: "BannerSlideWrapper",
|
|
9372
|
+
componentId: "sc-1mbqjcw-0"
|
|
9373
|
+
})(_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) {
|
|
9293
9374
|
var height = _ref.height;
|
|
9294
9375
|
return "".concat(height, "px");
|
|
9295
9376
|
}, function (_ref2) {
|
|
9296
9377
|
var isMobile = _ref2.isMobile;
|
|
9297
9378
|
return isMobile ? "flex-start" : "space-between";
|
|
9298
9379
|
});
|
|
9299
|
-
var StyledImg = styled(Image)(
|
|
9380
|
+
var StyledImg = styled(Image).withConfig({
|
|
9381
|
+
displayName: "StyledImg",
|
|
9382
|
+
componentId: "sc-1mbqjcw-1"
|
|
9383
|
+
})(_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) {
|
|
9300
9384
|
var isMobile = _ref3.isMobile,
|
|
9301
9385
|
theme = _ref3.theme;
|
|
9302
9386
|
return isMobile ? 0 : theme.radii.primary;
|
|
@@ -9334,11 +9418,17 @@ var BannerSlide = function BannerSlide(_ref4) {
|
|
|
9334
9418
|
};
|
|
9335
9419
|
|
|
9336
9420
|
var _templateObject$1U, _templateObject2$$;
|
|
9337
|
-
var CarouselWrapper = styled.div(
|
|
9421
|
+
var CarouselWrapper = styled.div.withConfig({
|
|
9422
|
+
displayName: "CarouselWrapper",
|
|
9423
|
+
componentId: "sc-whzh3q-0"
|
|
9424
|
+
})(_templateObject$1U || (_templateObject$1U = _taggedTemplateLiteral(["\n margin: 0 -32px;\n\n ", " {\n margin: 0;\n }\n"])), function (_ref) {
|
|
9338
9425
|
var theme = _ref.theme;
|
|
9339
9426
|
return theme.mediaQueries.sm;
|
|
9340
9427
|
});
|
|
9341
|
-
var StyledSlider$2 = styled(Slider)
|
|
9428
|
+
var StyledSlider$2 = styled(Slider).withConfig({
|
|
9429
|
+
displayName: "StyledSlider",
|
|
9430
|
+
componentId: "sc-whzh3q-1"
|
|
9431
|
+
})(_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) {
|
|
9342
9432
|
var theme = _ref2.theme;
|
|
9343
9433
|
return theme.colors.blue;
|
|
9344
9434
|
}, function (_ref3) {
|
|
@@ -9398,14 +9488,20 @@ var BannerSlider = function BannerSlider(_ref4) {
|
|
|
9398
9488
|
};
|
|
9399
9489
|
|
|
9400
9490
|
var _templateObject$1T, _templateObject2$_;
|
|
9401
|
-
var Separator = styled.div(
|
|
9491
|
+
var Separator = styled.div.withConfig({
|
|
9492
|
+
displayName: "Separator",
|
|
9493
|
+
componentId: "sc-1c6k3v2-0"
|
|
9494
|
+
})(_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) {
|
|
9402
9495
|
var theme = _ref.theme;
|
|
9403
9496
|
return theme.mediaQueries.sm;
|
|
9404
9497
|
}, function (_ref2) {
|
|
9405
9498
|
var theme = _ref2.theme;
|
|
9406
9499
|
return theme.mediaQueries.md;
|
|
9407
9500
|
});
|
|
9408
|
-
var StyledBreadcrumbs = styled.ul(
|
|
9501
|
+
var StyledBreadcrumbs = styled.ul.withConfig({
|
|
9502
|
+
displayName: "StyledBreadcrumbs",
|
|
9503
|
+
componentId: "sc-1c6k3v2-1"
|
|
9504
|
+
})(_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) {
|
|
9409
9505
|
var theme = _ref3.theme;
|
|
9410
9506
|
return theme.colors.textDisabled;
|
|
9411
9507
|
}, space);
|
|
@@ -9446,6 +9542,9 @@ var StyledButtonMenu = styled.div.withConfig({
|
|
|
9446
9542
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9447
9543
|
return prop !== 'variant';
|
|
9448
9544
|
}
|
|
9545
|
+
}).withConfig({
|
|
9546
|
+
displayName: "StyledButtonMenu",
|
|
9547
|
+
componentId: "sc-14hzc1v-0"
|
|
9449
9548
|
})(_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"])));
|
|
9450
9549
|
|
|
9451
9550
|
var ButtonMenu = function ButtonMenu(_ref) {
|
|
@@ -9507,6 +9606,9 @@ var StyledButton$1 = styled.button.withConfig({
|
|
|
9507
9606
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9508
9607
|
return !['variant', 'isLoading', 'fullWidth', 'lined', 'active', 'isActive'].includes(prop);
|
|
9509
9608
|
}
|
|
9609
|
+
}).withConfig({
|
|
9610
|
+
displayName: "StyledButton",
|
|
9611
|
+
componentId: "sc-zft497-0"
|
|
9510
9612
|
})(_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) {
|
|
9511
9613
|
var fullWidth = _ref4.fullWidth;
|
|
9512
9614
|
return fullWidth ? "100%" : "max-content";
|
|
@@ -9577,7 +9679,10 @@ var getThemeTextColor = function getThemeTextColor(_ref) {
|
|
|
9577
9679
|
theme = _ref.theme;
|
|
9578
9680
|
return outline ? getColor(variant, theme) : "#ffffff";
|
|
9579
9681
|
};
|
|
9580
|
-
var StyledTag = styled.div
|
|
9682
|
+
var StyledTag = styled.div.withConfig({
|
|
9683
|
+
displayName: "StyledTag",
|
|
9684
|
+
componentId: "sc-j7cw9s-0"
|
|
9685
|
+
})(_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) {
|
|
9581
9686
|
var outline = _ref2.outline,
|
|
9582
9687
|
theme = _ref2.theme,
|
|
9583
9688
|
_ref2$variant = _ref2.variant,
|
|
@@ -9591,14 +9696,23 @@ var StyledTag = styled.div(_templateObject$1Q || (_templateObject$1Q = _taggedTe
|
|
|
9591
9696
|
}, getThemeTextColor, getThemeTextColor);
|
|
9592
9697
|
|
|
9593
9698
|
var _excluded$l = ["isActive", "size", "variant", "as", "children", "tag", "hide"],
|
|
9594
|
-
_excluded2$1 = ["isActive"];
|
|
9699
|
+
_excluded2$1 = ["isActive", "onClick", "size", "variant"];
|
|
9595
9700
|
var _templateObject$1P, _templateObject2$Z, _templateObject3$L;
|
|
9596
|
-
var ButtonBody = styled.div(
|
|
9597
|
-
|
|
9701
|
+
var ButtonBody = styled.div.withConfig({
|
|
9702
|
+
displayName: "ButtonBody",
|
|
9703
|
+
componentId: "sc-1bbtdtk-0"
|
|
9704
|
+
})(_templateObject$1P || (_templateObject$1P = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n"])));
|
|
9705
|
+
var ButtonTag = styled(StyledTag).withConfig({
|
|
9706
|
+
displayName: "ButtonTag",
|
|
9707
|
+
componentId: "sc-1bbtdtk-1"
|
|
9708
|
+
})(_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"])));
|
|
9598
9709
|
var InactiveButton$1 = styled(Button).withConfig({
|
|
9599
9710
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9600
9711
|
return prop !== 'colorKey' && prop !== 'isActive';
|
|
9601
9712
|
}
|
|
9713
|
+
}).withConfig({
|
|
9714
|
+
displayName: "InactiveButton",
|
|
9715
|
+
componentId: "sc-1bbtdtk-2"
|
|
9602
9716
|
})(_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"])));
|
|
9603
9717
|
var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
9604
9718
|
var _ref$isActive = _ref.isActive,
|
|
@@ -9612,13 +9726,13 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
|
9612
9726
|
tag = _ref.tag,
|
|
9613
9727
|
hide = _ref.hide,
|
|
9614
9728
|
props = _objectWithoutProperties(_ref, _excluded$l);
|
|
9615
|
-
// Remove isActive from
|
|
9616
|
-
//
|
|
9617
|
-
|
|
9618
|
-
|
|
9619
|
-
|
|
9620
|
-
|
|
9621
|
-
var buttonProps = _objectWithoutProperties(
|
|
9729
|
+
// Remove any remaining isActive from props (might be passed via cloneElement spread)
|
|
9730
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9731
|
+
props.isActive;
|
|
9732
|
+
props.onClick;
|
|
9733
|
+
props.size;
|
|
9734
|
+
props.variant;
|
|
9735
|
+
var buttonProps = _objectWithoutProperties(props, _excluded2$1);
|
|
9622
9736
|
if (!isActive) {
|
|
9623
9737
|
return /*#__PURE__*/jsx(InactiveButton$1, _objectSpread2(_objectSpread2({
|
|
9624
9738
|
forwardedAs: as,
|
|
@@ -9655,7 +9769,10 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
|
|
|
9655
9769
|
};
|
|
9656
9770
|
|
|
9657
9771
|
var _templateObject$1O;
|
|
9658
|
-
var StyledButtonActivityMenu = styled.div(
|
|
9772
|
+
var StyledButtonActivityMenu = styled.div.withConfig({
|
|
9773
|
+
displayName: "StyledButtonActivityMenu",
|
|
9774
|
+
componentId: "sc-byew2t-0"
|
|
9775
|
+
})(_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"])));
|
|
9659
9776
|
|
|
9660
9777
|
var ButtonActivityMenu = function ButtonActivityMenu(_ref) {
|
|
9661
9778
|
var _ref$activeIndex = _ref.activeIndex,
|
|
@@ -9706,7 +9823,10 @@ var getButtonVariantProp$1 = function getButtonVariantProp(prop) {
|
|
|
9706
9823
|
return theme.button[variant][prop];
|
|
9707
9824
|
};
|
|
9708
9825
|
};
|
|
9709
|
-
var StyledButtonActivity = styled.button
|
|
9826
|
+
var StyledButtonActivity = styled.button.withConfig({
|
|
9827
|
+
displayName: "StyledButtonActivity",
|
|
9828
|
+
componentId: "sc-pam326-0"
|
|
9829
|
+
})(_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) {
|
|
9710
9830
|
var fullWidth = _ref4.fullWidth;
|
|
9711
9831
|
return fullWidth ? "100%" : "max-content";
|
|
9712
9832
|
}, function (_ref5) {
|
|
@@ -9746,7 +9866,10 @@ var ButtonActivity = function ButtonActivity(_ref) {
|
|
|
9746
9866
|
|
|
9747
9867
|
var _excluded$j = ["isActive", "size", "variant", "as"];
|
|
9748
9868
|
var _templateObject$1M;
|
|
9749
|
-
var InactiveButton = styled(ButtonActivity)(
|
|
9869
|
+
var InactiveButton = styled(ButtonActivity).withConfig({
|
|
9870
|
+
displayName: "InactiveButton",
|
|
9871
|
+
componentId: "sc-kqgtlg-0"
|
|
9872
|
+
})(_templateObject$1M || (_templateObject$1M = _taggedTemplateLiteral(["\n background: transparent;\n color: #808080;\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"])));
|
|
9750
9873
|
var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
|
|
9751
9874
|
var _ref$isActive = _ref.isActive,
|
|
9752
9875
|
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
@@ -9796,7 +9919,10 @@ var getButtonVariantProp = function getButtonVariantProp(prop) {
|
|
|
9796
9919
|
return theme.button[variant][prop];
|
|
9797
9920
|
};
|
|
9798
9921
|
};
|
|
9799
|
-
var StyledButtonSwitch = styled.button
|
|
9922
|
+
var StyledButtonSwitch = styled.button.withConfig({
|
|
9923
|
+
displayName: "StyledButtonSwitch",
|
|
9924
|
+
componentId: "sc-obsjj-0"
|
|
9925
|
+
})(_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) {
|
|
9800
9926
|
var theme = _ref4.theme,
|
|
9801
9927
|
active = _ref4.active;
|
|
9802
9928
|
return active ? "white" : theme.colors.grey;
|
|
@@ -9831,7 +9957,10 @@ var ButtonSwitch = function ButtonSwitch(_ref) {
|
|
|
9831
9957
|
};
|
|
9832
9958
|
|
|
9833
9959
|
var _templateObject$1K;
|
|
9834
|
-
var StyledButtonSwitchMenu = styled.div(
|
|
9960
|
+
var StyledButtonSwitchMenu = styled.div.withConfig({
|
|
9961
|
+
displayName: "StyledButtonSwitchMenu",
|
|
9962
|
+
componentId: "sc-1qzp9bs-0"
|
|
9963
|
+
})(_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"])));
|
|
9835
9964
|
|
|
9836
9965
|
var variants$1 = {
|
|
9837
9966
|
DEFAULT: "default",
|
|
@@ -9847,12 +9976,21 @@ var getToggleVariantProp = function getToggleVariantProp(prop) {
|
|
|
9847
9976
|
return theme.toggle[variant][prop];
|
|
9848
9977
|
};
|
|
9849
9978
|
};
|
|
9850
|
-
var Handle = styled.div(
|
|
9979
|
+
var Handle = styled.div.withConfig({
|
|
9980
|
+
displayName: "Handle",
|
|
9981
|
+
componentId: "sc-11wqnqq-0"
|
|
9982
|
+
})(_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) {
|
|
9851
9983
|
var checked = _ref2.checked;
|
|
9852
9984
|
return checked ? getToggleVariantProp("backgroundHandleActive") : getToggleVariantProp("backgroundHandleInactive");
|
|
9853
9985
|
});
|
|
9854
|
-
var Input$1 = styled.input(
|
|
9855
|
-
|
|
9986
|
+
var Input$1 = styled.input.withConfig({
|
|
9987
|
+
displayName: "Input",
|
|
9988
|
+
componentId: "sc-11wqnqq-1"
|
|
9989
|
+
})(_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);
|
|
9990
|
+
var StyledToggle = styled.div.withConfig({
|
|
9991
|
+
displayName: "StyledToggle",
|
|
9992
|
+
componentId: "sc-11wqnqq-2"
|
|
9993
|
+
})(_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) {
|
|
9856
9994
|
var checked = _ref3.checked;
|
|
9857
9995
|
return checked ? getToggleVariantProp("backgroundToggleActive") : getToggleVariantProp("backgroundToggleInactive");
|
|
9858
9996
|
}, getToggleVariantProp("borderColor"));
|
|
@@ -9961,6 +10099,9 @@ var StyledCard = styled.div.withConfig({
|
|
|
9961
10099
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
9962
10100
|
return !['$isActive', '$isSuccess', '$isWarning', '$isDisabled'].includes(prop);
|
|
9963
10101
|
}
|
|
10102
|
+
}).withConfig({
|
|
10103
|
+
displayName: "StyledCard",
|
|
10104
|
+
componentId: "sc-b498h5-0"
|
|
9964
10105
|
})(_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) {
|
|
9965
10106
|
var theme = _ref2.theme;
|
|
9966
10107
|
return theme.colors.card;
|
|
@@ -9991,10 +10132,16 @@ var CardBody = styled.div.attrs(function (_ref) {
|
|
|
9991
10132
|
return {
|
|
9992
10133
|
p: p
|
|
9993
10134
|
};
|
|
10135
|
+
}).withConfig({
|
|
10136
|
+
displayName: "CardBody",
|
|
10137
|
+
componentId: "sc-1of0iur-0"
|
|
9994
10138
|
})(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteral(["\n ", "\n display: flex;\n justify-content: center;\n"])), space);
|
|
9995
10139
|
|
|
9996
10140
|
var _templateObject$1G;
|
|
9997
|
-
var CardHeader = styled.div(
|
|
10141
|
+
var CardHeader = styled.div.withConfig({
|
|
10142
|
+
displayName: "CardHeader",
|
|
10143
|
+
componentId: "sc-1ikcixt-0"
|
|
10144
|
+
})(_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"])), space);
|
|
9998
10145
|
|
|
9999
10146
|
var _templateObject$1F;
|
|
10000
10147
|
var CardFooter = styled.div.attrs(function (_ref) {
|
|
@@ -10003,10 +10150,16 @@ var CardFooter = styled.div.attrs(function (_ref) {
|
|
|
10003
10150
|
return {
|
|
10004
10151
|
p: p
|
|
10005
10152
|
};
|
|
10153
|
+
}).withConfig({
|
|
10154
|
+
displayName: "CardFooter",
|
|
10155
|
+
componentId: "sc-7k1ypk-0"
|
|
10006
10156
|
})(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteral(["\n ", "\n display: flex;\n justify-content: center;\n"])), space);
|
|
10007
10157
|
|
|
10008
10158
|
var _templateObject$1E;
|
|
10009
|
-
var StyledCardRibbon = styled.div(
|
|
10159
|
+
var StyledCardRibbon = styled.div.withConfig({
|
|
10160
|
+
displayName: "StyledCardRibbon",
|
|
10161
|
+
componentId: "sc-1qhw702-0"
|
|
10162
|
+
})(_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) {
|
|
10010
10163
|
var _ref$variantColor = _ref.variantColor,
|
|
10011
10164
|
variantColor = _ref$variantColor === void 0 ? "secondary" : _ref$variantColor,
|
|
10012
10165
|
theme = _ref.theme;
|
|
@@ -10047,6 +10200,9 @@ var getScale$1 = function getScale(_ref) {
|
|
|
10047
10200
|
};
|
|
10048
10201
|
var Checkbox = styled.input.attrs({
|
|
10049
10202
|
type: "checkbox"
|
|
10203
|
+
}).withConfig({
|
|
10204
|
+
displayName: "Checkbox",
|
|
10205
|
+
componentId: "sc-1dgqwt2-0"
|
|
10050
10206
|
})(_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) {
|
|
10051
10207
|
var bordered = _ref2.bordered;
|
|
10052
10208
|
return bordered ? "0.1px solid white !important" : "";
|
|
@@ -10088,7 +10244,10 @@ var getBottom = function getBottom(_ref2) {
|
|
|
10088
10244
|
}
|
|
10089
10245
|
return "auto";
|
|
10090
10246
|
};
|
|
10091
|
-
var DropdownContent = styled.div(
|
|
10247
|
+
var DropdownContent = styled.div.withConfig({
|
|
10248
|
+
displayName: "DropdownContent",
|
|
10249
|
+
componentId: "sc-1ns2r4e-0"
|
|
10250
|
+
})(_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) {
|
|
10092
10251
|
var theme = _ref3.theme;
|
|
10093
10252
|
return theme.nav.background;
|
|
10094
10253
|
}, function (_ref4) {
|
|
@@ -10101,7 +10260,10 @@ var DropdownContent = styled.div(_templateObject$1C || (_templateObject$1C = _ta
|
|
|
10101
10260
|
var theme = _ref6.theme;
|
|
10102
10261
|
return theme.radii.small;
|
|
10103
10262
|
});
|
|
10104
|
-
var Container$7 = styled.div(
|
|
10263
|
+
var Container$7 = styled.div.withConfig({
|
|
10264
|
+
displayName: "Container",
|
|
10265
|
+
componentId: "sc-1ns2r4e-1"
|
|
10266
|
+
})(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteral(["\n position: relative;\n &:hover ", ", &:focus-within ", " {\n display: flex;\n }\n"])), DropdownContent, DropdownContent);
|
|
10105
10267
|
var Dropdown = function Dropdown(_ref7) {
|
|
10106
10268
|
var target = _ref7.target,
|
|
10107
10269
|
_ref7$position = _ref7.position,
|
|
@@ -10117,8 +10279,14 @@ var Dropdown = function Dropdown(_ref7) {
|
|
|
10117
10279
|
|
|
10118
10280
|
var _excluded$e = ["tokenName", "amount", "tokenIcon", "actions"];
|
|
10119
10281
|
var _templateObject$1B, _templateObject2$W, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$j, _templateObject7$f;
|
|
10120
|
-
var StyledHeading = styled.div(
|
|
10121
|
-
|
|
10282
|
+
var StyledHeading = styled.div.withConfig({
|
|
10283
|
+
displayName: "StyledHeading",
|
|
10284
|
+
componentId: "sc-1kzbws6-0"
|
|
10285
|
+
})(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteral(["\n font-weight: 700;\n"])));
|
|
10286
|
+
var StyledEarnedToken = styled.div.withConfig({
|
|
10287
|
+
displayName: "StyledEarnedToken",
|
|
10288
|
+
componentId: "sc-1kzbws6-1"
|
|
10289
|
+
})(_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) {
|
|
10122
10290
|
var theme = _ref.theme;
|
|
10123
10291
|
return theme.backgrounds.secondary;
|
|
10124
10292
|
}, function (_ref2) {
|
|
@@ -10144,19 +10312,31 @@ var StyledEarnedToken = styled.div(_templateObject2$W || (_templateObject2$W = _
|
|
|
10144
10312
|
var theme = _ref8.theme;
|
|
10145
10313
|
return theme.colors.white10;
|
|
10146
10314
|
});
|
|
10147
|
-
var Amount = styled.div(
|
|
10315
|
+
var Amount = styled.div.withConfig({
|
|
10316
|
+
displayName: "Amount",
|
|
10317
|
+
componentId: "sc-1kzbws6-2"
|
|
10318
|
+
})(_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) {
|
|
10148
10319
|
var theme = _ref9.theme;
|
|
10149
10320
|
return theme.mediaQueries.sm;
|
|
10150
10321
|
}, function (_ref0) {
|
|
10151
10322
|
var theme = _ref0.theme;
|
|
10152
10323
|
return theme.mediaQueries.sm;
|
|
10153
10324
|
});
|
|
10154
|
-
var Actions = styled.div(
|
|
10325
|
+
var Actions = styled.div.withConfig({
|
|
10326
|
+
displayName: "Actions",
|
|
10327
|
+
componentId: "sc-1kzbws6-3"
|
|
10328
|
+
})(_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) {
|
|
10155
10329
|
var theme = _ref1.theme;
|
|
10156
10330
|
return theme.mediaQueries.sm;
|
|
10157
10331
|
});
|
|
10158
|
-
var MobileInfo = styled.div(
|
|
10159
|
-
|
|
10332
|
+
var MobileInfo = styled.div.withConfig({
|
|
10333
|
+
displayName: "MobileInfo",
|
|
10334
|
+
componentId: "sc-1kzbws6-4"
|
|
10335
|
+
})(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 80%;\n margin-bottom: 10px;\n"])));
|
|
10336
|
+
var Toggle = styled.div.withConfig({
|
|
10337
|
+
displayName: "Toggle",
|
|
10338
|
+
componentId: "sc-1kzbws6-5"
|
|
10339
|
+
})(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteral(["\n justify-self: flex-end;\n\n svg {\n margin: 0;\n }\n"])));
|
|
10160
10340
|
var EarnedToken = function EarnedToken(_ref10) {
|
|
10161
10341
|
var tokenName = _ref10.tokenName,
|
|
10162
10342
|
amount = _ref10.amount,
|
|
@@ -10217,7 +10397,10 @@ var Tokens;
|
|
|
10217
10397
|
})(Tokens || (Tokens = {}));
|
|
10218
10398
|
|
|
10219
10399
|
var _templateObject$1A;
|
|
10220
|
-
var StyledEarnedWrapper = styled.div(
|
|
10400
|
+
var StyledEarnedWrapper = styled.div.withConfig({
|
|
10401
|
+
displayName: "StyledEarnedWrapper",
|
|
10402
|
+
componentId: "sc-vkh54k-0"
|
|
10403
|
+
})(_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) {
|
|
10221
10404
|
var theme = _ref.theme;
|
|
10222
10405
|
return theme.colors.white7;
|
|
10223
10406
|
}, function (_ref2) {
|
|
@@ -10247,6 +10430,9 @@ var EarnedWrapperHeader = styled.div.attrs(function (_ref) {
|
|
|
10247
10430
|
return {
|
|
10248
10431
|
as: as
|
|
10249
10432
|
};
|
|
10433
|
+
}).withConfig({
|
|
10434
|
+
displayName: "EarnedWrapperHeader",
|
|
10435
|
+
componentId: "sc-fpoazu-0"
|
|
10250
10436
|
})(_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) {
|
|
10251
10437
|
var theme = _ref2.theme;
|
|
10252
10438
|
return theme.colors.white;
|
|
@@ -10256,7 +10442,10 @@ var EarnedWrapperHeader = styled.div.attrs(function (_ref) {
|
|
|
10256
10442
|
});
|
|
10257
10443
|
|
|
10258
10444
|
var _templateObject$1y;
|
|
10259
|
-
var GridLayout$1 = styled.div(
|
|
10445
|
+
var GridLayout$1 = styled.div.withConfig({
|
|
10446
|
+
displayName: "GridLayout",
|
|
10447
|
+
componentId: "sc-183ri5-0"
|
|
10448
|
+
})(_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) {
|
|
10260
10449
|
var theme = _ref.theme;
|
|
10261
10450
|
return theme.mediaQueries.sm;
|
|
10262
10451
|
}, function (_ref2) {
|
|
@@ -10268,20 +10457,29 @@ var GridLayout$1 = styled.div(_templateObject$1y || (_templateObject$1y = _tagge
|
|
|
10268
10457
|
});
|
|
10269
10458
|
|
|
10270
10459
|
var _templateObject$1x;
|
|
10271
|
-
var GridLayout = styled(GridLayout$1)(
|
|
10460
|
+
var GridLayout = styled(GridLayout$1).withConfig({
|
|
10461
|
+
displayName: "GridLayout",
|
|
10462
|
+
componentId: "sc-1cke1k8-0"
|
|
10463
|
+
})(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteral(["\n & > div {\n grid-column: span 6;\n ", " {\n grid-column: span 4;\n }\n }\n"])), function (_ref) {
|
|
10272
10464
|
var theme = _ref.theme;
|
|
10273
10465
|
return theme.mediaQueries.sm;
|
|
10274
10466
|
});
|
|
10275
10467
|
|
|
10276
10468
|
var _templateObject$1w, _templateObject2$V, _templateObject3$I;
|
|
10277
|
-
var StyledEarnedWrapperBody = styled.div(
|
|
10469
|
+
var StyledEarnedWrapperBody = styled.div.withConfig({
|
|
10470
|
+
displayName: "StyledEarnedWrapperBody",
|
|
10471
|
+
componentId: "sc-1bcwv2i-0"
|
|
10472
|
+
})(_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) {
|
|
10278
10473
|
var theme = _ref.theme;
|
|
10279
10474
|
return theme.mediaQueries.md;
|
|
10280
10475
|
}, function (_ref2) {
|
|
10281
10476
|
var withoutMore = _ref2.withoutMore;
|
|
10282
10477
|
return withoutMore ? "30px" : "0px";
|
|
10283
10478
|
});
|
|
10284
|
-
var StyledCardsLayout = styled(GridLayout$1)(
|
|
10479
|
+
var StyledCardsLayout = styled(GridLayout$1).withConfig({
|
|
10480
|
+
displayName: "StyledCardsLayout",
|
|
10481
|
+
componentId: "sc-1bcwv2i-1"
|
|
10482
|
+
})(_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) {
|
|
10285
10483
|
var theme = _ref3.theme;
|
|
10286
10484
|
return theme.mediaQueries.sm;
|
|
10287
10485
|
}, function (_ref4) {
|
|
@@ -10294,7 +10492,10 @@ var StyledCardsLayout = styled(GridLayout$1)(_templateObject2$V || (_templateObj
|
|
|
10294
10492
|
var childrenNumber = _ref6.childrenNumber;
|
|
10295
10493
|
return childrenNumber === 3 ? "4" : "3";
|
|
10296
10494
|
});
|
|
10297
|
-
var EarnedWrapperFooter = styled.div(
|
|
10495
|
+
var EarnedWrapperFooter = styled.div.withConfig({
|
|
10496
|
+
displayName: "EarnedWrapperFooter",
|
|
10497
|
+
componentId: "sc-1bcwv2i-2"
|
|
10498
|
+
})(_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) {
|
|
10298
10499
|
var theme = _ref7.theme;
|
|
10299
10500
|
return theme.mediaQueries.md;
|
|
10300
10501
|
});
|
|
@@ -10362,7 +10563,10 @@ var EarnedWrapperBody = function EarnedWrapperBody(_ref8) {
|
|
|
10362
10563
|
};
|
|
10363
10564
|
|
|
10364
10565
|
var _templateObject$1v;
|
|
10365
|
-
var StyledEarnedCarouselWrapper = styled.div(
|
|
10566
|
+
var StyledEarnedCarouselWrapper = styled.div.withConfig({
|
|
10567
|
+
displayName: "StyledEarnedCarouselWrapper",
|
|
10568
|
+
componentId: "sc-1fmwe6r-0"
|
|
10569
|
+
})(_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) {
|
|
10366
10570
|
var theme = _ref.theme;
|
|
10367
10571
|
return theme.colors.white7;
|
|
10368
10572
|
}, function (_ref2) {
|
|
@@ -10395,6 +10599,9 @@ var EarnedCarouselWrapperHeader = styled.div.attrs(function (_ref) {
|
|
|
10395
10599
|
return {
|
|
10396
10600
|
as: as
|
|
10397
10601
|
};
|
|
10602
|
+
}).withConfig({
|
|
10603
|
+
displayName: "EarnedCarouselWrapperHeader",
|
|
10604
|
+
componentId: "sc-zz4zep-0"
|
|
10398
10605
|
})(_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) {
|
|
10399
10606
|
var theme = _ref2.theme;
|
|
10400
10607
|
return theme.colors.white;
|
|
@@ -10404,8 +10611,14 @@ var EarnedCarouselWrapperHeader = styled.div.attrs(function (_ref) {
|
|
|
10404
10611
|
});
|
|
10405
10612
|
|
|
10406
10613
|
var _templateObject$1t, _templateObject2$U, _templateObject3$H;
|
|
10407
|
-
var CSSTokenWrapper = styled.div
|
|
10408
|
-
|
|
10614
|
+
var CSSTokenWrapper = styled.div.withConfig({
|
|
10615
|
+
displayName: "CSSTokenWrapper",
|
|
10616
|
+
componentId: "sc-63miep-0"
|
|
10617
|
+
})(_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"])));
|
|
10618
|
+
var SliderWrapper = styled.div.withConfig({
|
|
10619
|
+
displayName: "SliderWrapper",
|
|
10620
|
+
componentId: "sc-63miep-1"
|
|
10621
|
+
})(_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) {
|
|
10409
10622
|
var theme = _ref.theme;
|
|
10410
10623
|
return theme.mediaQueries.sm;
|
|
10411
10624
|
}, function (_ref2) {
|
|
@@ -10418,7 +10631,10 @@ var SliderWrapper = styled.div(_templateObject2$U || (_templateObject2$U = _tagg
|
|
|
10418
10631
|
var dots = _ref4.dots;
|
|
10419
10632
|
return dots ? "0 20px 60px" : "0 5px 15px";
|
|
10420
10633
|
});
|
|
10421
|
-
var StyledSlider$1 = styled(Slider)
|
|
10634
|
+
var StyledSlider$1 = styled(Slider).withConfig({
|
|
10635
|
+
displayName: "StyledSlider",
|
|
10636
|
+
componentId: "sc-63miep-2"
|
|
10637
|
+
})(_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) {
|
|
10422
10638
|
var withoutMain = _ref5.withoutMain;
|
|
10423
10639
|
if (withoutMain) {
|
|
10424
10640
|
return "100%";
|
|
@@ -10596,7 +10812,10 @@ var getBoxShadow$1 = function getBoxShadow(_ref) {
|
|
|
10596
10812
|
}
|
|
10597
10813
|
return theme.infoBox.boxShadow;
|
|
10598
10814
|
};
|
|
10599
|
-
var StyledInfoBox = styled.div
|
|
10815
|
+
var StyledInfoBox = styled.div.withConfig({
|
|
10816
|
+
displayName: "StyledInfoBox",
|
|
10817
|
+
componentId: "sc-132sfwq-0"
|
|
10818
|
+
})(_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) {
|
|
10600
10819
|
var theme = _ref2.theme;
|
|
10601
10820
|
return theme.colors.borderColor;
|
|
10602
10821
|
}, getBoxShadow$1, function (_ref3) {
|
|
@@ -10620,10 +10839,16 @@ var InfoBox = styled.div.attrs(function (_ref) {
|
|
|
10620
10839
|
return {
|
|
10621
10840
|
p: p
|
|
10622
10841
|
};
|
|
10842
|
+
}).withConfig({
|
|
10843
|
+
displayName: "InfoBox",
|
|
10844
|
+
componentId: "sc-1opp4pn-0"
|
|
10623
10845
|
})(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteral(["\n ", ";\n padding: 20px;\n display: flex;\n justify-content: flex-start;\n"])), space);
|
|
10624
10846
|
|
|
10625
10847
|
var _templateObject$1q;
|
|
10626
|
-
var InfoBoxHeader = styled.div(
|
|
10848
|
+
var InfoBoxHeader = styled.div.withConfig({
|
|
10849
|
+
displayName: "InfoBoxHeader",
|
|
10850
|
+
componentId: "sc-ll0lgz-0"
|
|
10851
|
+
})(_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"])), space);
|
|
10627
10852
|
|
|
10628
10853
|
var _templateObject$1p;
|
|
10629
10854
|
var InfoBoxFooter = styled.div.attrs(function (_ref) {
|
|
@@ -10632,6 +10857,9 @@ var InfoBoxFooter = styled.div.attrs(function (_ref) {
|
|
|
10632
10857
|
return {
|
|
10633
10858
|
p: p
|
|
10634
10859
|
};
|
|
10860
|
+
}).withConfig({
|
|
10861
|
+
displayName: "InfoBoxFooter",
|
|
10862
|
+
componentId: "sc-suth0r-0"
|
|
10635
10863
|
})(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteral(["\n ", ";\n padding: 20px;\n display: flex;\n justify-content: flex-start;\n"])), space);
|
|
10636
10864
|
|
|
10637
10865
|
var scales$1 = {
|
|
@@ -10671,7 +10899,10 @@ var getHeight = function getHeight(_ref2) {
|
|
|
10671
10899
|
return "40px";
|
|
10672
10900
|
}
|
|
10673
10901
|
};
|
|
10674
|
-
var Input = styled.input
|
|
10902
|
+
var Input = styled.input.withConfig({
|
|
10903
|
+
displayName: "Input",
|
|
10904
|
+
componentId: "sc-i7ggno-0"
|
|
10905
|
+
})(_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) {
|
|
10675
10906
|
var theme = _ref3.theme;
|
|
10676
10907
|
return theme.colors.input;
|
|
10677
10908
|
}, getBoxShadow, function (_ref4) {
|
|
@@ -10695,24 +10926,48 @@ var _excluded$9 = ["children"],
|
|
|
10695
10926
|
_excluded2 = ["children"],
|
|
10696
10927
|
_excluded3 = ["children"];
|
|
10697
10928
|
var _templateObject$1n, _templateObject2$T, _templateObject3$G, _templateObject4$v, _templateObject5$s, _templateObject6$i, _templateObject7$e, _templateObject8$a, _templateObject9$9;
|
|
10698
|
-
var InputLabelBox = styled.div(
|
|
10699
|
-
|
|
10929
|
+
var InputLabelBox = styled.div.withConfig({
|
|
10930
|
+
displayName: "InputLabelBox",
|
|
10931
|
+
componentId: "sc-1xa506b-0"
|
|
10932
|
+
})(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 8px;\n"])));
|
|
10933
|
+
var Label = styled(Text).withConfig({
|
|
10934
|
+
displayName: "Label",
|
|
10935
|
+
componentId: "sc-1xa506b-1"
|
|
10936
|
+
})(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: bold;\n font-size: 16px;\n line-height: 28px;\n"])), function (_ref) {
|
|
10700
10937
|
var theme = _ref.theme;
|
|
10701
10938
|
return theme.colors.white55;
|
|
10702
10939
|
});
|
|
10703
|
-
var OptionalBox = styled(Text)(
|
|
10704
|
-
|
|
10705
|
-
|
|
10940
|
+
var OptionalBox = styled(Text).withConfig({
|
|
10941
|
+
displayName: "OptionalBox",
|
|
10942
|
+
componentId: "sc-1xa506b-2"
|
|
10943
|
+
})(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n"])));
|
|
10944
|
+
var Optional = styled(Text).withConfig({
|
|
10945
|
+
displayName: "Optional",
|
|
10946
|
+
componentId: "sc-1xa506b-3"
|
|
10947
|
+
})(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteral(["\n color: #373749;\n font-weight: bold;\n font-size: 11px;\n line-height: 138.5%;\n"])));
|
|
10948
|
+
var StyledInputDesc = styled(Text).withConfig({
|
|
10949
|
+
displayName: "StyledInputDesc",
|
|
10950
|
+
componentId: "sc-1xa506b-4"
|
|
10951
|
+
})(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 170%;\n"])), function (_ref2) {
|
|
10706
10952
|
var theme = _ref2.theme;
|
|
10707
10953
|
return theme.colors.white55;
|
|
10708
10954
|
});
|
|
10709
|
-
var StyledInputBottomDesc = styled(StyledInputDesc)(
|
|
10955
|
+
var StyledInputBottomDesc = styled(StyledInputDesc).withConfig({
|
|
10956
|
+
displayName: "StyledInputBottomDesc",
|
|
10957
|
+
componentId: "sc-1xa506b-5"
|
|
10958
|
+
})(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteral(["\n padding-left: 8px;\n"])));
|
|
10710
10959
|
var textStyle = 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"])));
|
|
10711
|
-
var StyledErrorMessage = styled(Text)(
|
|
10960
|
+
var StyledErrorMessage = styled(Text).withConfig({
|
|
10961
|
+
displayName: "StyledErrorMessage",
|
|
10962
|
+
componentId: "sc-1xa506b-6"
|
|
10963
|
+
})(_templateObject8$a || (_templateObject8$a = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n"])), textStyle, function (_ref3) {
|
|
10712
10964
|
var theme = _ref3.theme;
|
|
10713
10965
|
return theme.colors.error;
|
|
10714
10966
|
});
|
|
10715
|
-
var StyledSuccessMessage = styled(Text)(
|
|
10967
|
+
var StyledSuccessMessage = styled(Text).withConfig({
|
|
10968
|
+
displayName: "StyledSuccessMessage",
|
|
10969
|
+
componentId: "sc-1xa506b-7"
|
|
10970
|
+
})(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n"])), textStyle, function (_ref4) {
|
|
10716
10971
|
var theme = _ref4.theme;
|
|
10717
10972
|
return theme.colors.primary;
|
|
10718
10973
|
});
|
|
@@ -10783,6 +11038,9 @@ var _templateObject$1m, _templateObject2$S;
|
|
|
10783
11038
|
var StyledInput$1 = styled(function (_ref) {
|
|
10784
11039
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10785
11040
|
return /*#__PURE__*/jsx(DatePicker, _objectSpread2({}, props));
|
|
11041
|
+
}).withConfig({
|
|
11042
|
+
displayName: "StyledInput",
|
|
11043
|
+
componentId: "sc-2l4k3e-0"
|
|
10786
11044
|
})(_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) {
|
|
10787
11045
|
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)";
|
|
10788
11046
|
}, function (props) {
|
|
@@ -10794,6 +11052,9 @@ var StyledInput$1 = styled(function (_ref) {
|
|
|
10794
11052
|
var DateInputWrapper = styled(function (_ref3) {
|
|
10795
11053
|
var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
10796
11054
|
return /*#__PURE__*/jsx("div", _objectSpread2({}, props));
|
|
11055
|
+
}).withConfig({
|
|
11056
|
+
displayName: "DateInputWrapper",
|
|
11057
|
+
componentId: "sc-2l4k3e-1"
|
|
10797
11058
|
})(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteral(["\n margin-bottom: 15px;\n"])));
|
|
10798
11059
|
var MuiDateInput = function MuiDateInput(_ref4) {
|
|
10799
11060
|
var name = _ref4.name,
|
|
@@ -10862,6 +11123,9 @@ var _templateObject$1l, _templateObject2$R;
|
|
|
10862
11123
|
var DragAndDropZone = styled(function (_ref) {
|
|
10863
11124
|
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
10864
11125
|
return /*#__PURE__*/jsx("div", _objectSpread2({}, props));
|
|
11126
|
+
}).withConfig({
|
|
11127
|
+
displayName: "DragAndDropZone",
|
|
11128
|
+
componentId: "sc-1qlv44t-0"
|
|
10865
11129
|
})(_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) {
|
|
10866
11130
|
return props.disabled ? props.theme.colors.disabled : props.theme.backgrounds.secondary;
|
|
10867
11131
|
}, function (props) {
|
|
@@ -10872,6 +11136,9 @@ var DragAndDropZone = styled(function (_ref) {
|
|
|
10872
11136
|
var DragAndDropText = styled(function (_ref2) {
|
|
10873
11137
|
var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
10874
11138
|
return /*#__PURE__*/jsx(Text, _objectSpread2({}, props));
|
|
11139
|
+
}).withConfig({
|
|
11140
|
+
displayName: "DragAndDropText",
|
|
11141
|
+
componentId: "sc-1qlv44t-1"
|
|
10875
11142
|
})(_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) {
|
|
10876
11143
|
return props.disabled ? props.theme.colors.white55 : props.theme.colors.white;
|
|
10877
11144
|
}, function (props) {
|
|
@@ -10947,12 +11214,21 @@ var MuiFileInput = function MuiFileInput(_ref3) {
|
|
|
10947
11214
|
|
|
10948
11215
|
var _excluded$8 = ["name", "label", "placeholderLabel", "placeholder", "topDesc", "bottomDesc", "optional", "value", "onChange", "onBlur", "error", "textarea", "maxLength", "disabled", "success", "successMsg"];
|
|
10949
11216
|
var _templateObject$1k, _templateObject2$Q, _templateObject3$F;
|
|
10950
|
-
var TextAreaWrapper = styled.div(
|
|
10951
|
-
|
|
11217
|
+
var TextAreaWrapper = styled.div.withConfig({
|
|
11218
|
+
displayName: "TextAreaWrapper",
|
|
11219
|
+
componentId: "sc-1pp44v8-0"
|
|
11220
|
+
})(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
11221
|
+
var LengthText = styled(Text).withConfig({
|
|
11222
|
+
displayName: "LengthText",
|
|
11223
|
+
componentId: "sc-1pp44v8-1"
|
|
11224
|
+
})(_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) {
|
|
10952
11225
|
var theme = _ref.theme;
|
|
10953
11226
|
return theme.colors.grey;
|
|
10954
11227
|
});
|
|
10955
|
-
var StyledTextField = styled(TextField)
|
|
11228
|
+
var StyledTextField = styled(TextField).withConfig({
|
|
11229
|
+
displayName: "StyledTextField",
|
|
11230
|
+
componentId: "sc-1pp44v8-2"
|
|
11231
|
+
})(_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) {
|
|
10956
11232
|
var theme = _ref2.theme,
|
|
10957
11233
|
disabled = _ref2.disabled;
|
|
10958
11234
|
return disabled ? theme.colors.white55 : theme.colors.grey;
|
|
@@ -11061,12 +11337,21 @@ var MuiTextInput = function MuiTextInput(_ref11) {
|
|
|
11061
11337
|
};
|
|
11062
11338
|
|
|
11063
11339
|
var _templateObject$1j, _templateObject2$P, _templateObject3$E;
|
|
11064
|
-
var CarouselBox = styled.div(
|
|
11065
|
-
|
|
11340
|
+
var CarouselBox = styled.div.withConfig({
|
|
11341
|
+
displayName: "CarouselBox",
|
|
11342
|
+
componentId: "sc-xakklk-0"
|
|
11343
|
+
})(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteral(["\n height: 200px;\n"])));
|
|
11344
|
+
var StyledSlider = styled(Slider).withConfig({
|
|
11345
|
+
displayName: "StyledSlider",
|
|
11346
|
+
componentId: "sc-xakklk-1"
|
|
11347
|
+
})(_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) {
|
|
11066
11348
|
var theme = _ref.theme;
|
|
11067
11349
|
return theme.colors.blue;
|
|
11068
11350
|
});
|
|
11069
|
-
var ImageDiv = styled.div(
|
|
11351
|
+
var ImageDiv = styled.div.withConfig({
|
|
11352
|
+
displayName: "ImageDiv",
|
|
11353
|
+
componentId: "sc-xakklk-2"
|
|
11354
|
+
})(_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) {
|
|
11070
11355
|
var background = _ref2.background;
|
|
11071
11356
|
return background;
|
|
11072
11357
|
}, function (_ref3) {
|
|
@@ -11146,6 +11431,9 @@ var Radio = styled.input.attrs(function (_ref3) {
|
|
|
11146
11431
|
scale: scale,
|
|
11147
11432
|
m: m
|
|
11148
11433
|
};
|
|
11434
|
+
}).withConfig({
|
|
11435
|
+
displayName: "Radio",
|
|
11436
|
+
componentId: "sc-955j6u-0"
|
|
11149
11437
|
})(_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) {
|
|
11150
11438
|
var theme = _ref4.theme;
|
|
11151
11439
|
return theme.colors.input;
|
|
@@ -11285,7 +11573,10 @@ var darkColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), b
|
|
|
11285
11573
|
});
|
|
11286
11574
|
|
|
11287
11575
|
var _templateObject$1h, _templateObject2$O;
|
|
11288
|
-
var StyledCoreTag = styled.div
|
|
11576
|
+
var StyledCoreTag = styled.div.withConfig({
|
|
11577
|
+
displayName: "StyledCoreTag",
|
|
11578
|
+
componentId: "sc-1bfj6gr-0"
|
|
11579
|
+
})(_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) {
|
|
11289
11580
|
var theme = _ref.theme,
|
|
11290
11581
|
active = _ref.active,
|
|
11291
11582
|
color = _ref.color;
|
|
@@ -11309,7 +11600,10 @@ var StyledCoreTag = styled.div(_templateObject$1h || (_templateObject$1h = _tagg
|
|
|
11309
11600
|
active = _ref6.active;
|
|
11310
11601
|
return active ? theme.colors.primary : theme.colors.grey;
|
|
11311
11602
|
});
|
|
11312
|
-
var StyledText = styled(Text)(
|
|
11603
|
+
var StyledText = styled(Text).withConfig({
|
|
11604
|
+
displayName: "StyledText",
|
|
11605
|
+
componentId: "sc-1bfj6gr-1"
|
|
11606
|
+
})(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n font-weight: 700;\n color: ", ";\n font-size: 14px;\n line-height: 20px;\n"])), function (_ref7) {
|
|
11313
11607
|
var theme = _ref7.theme,
|
|
11314
11608
|
active = _ref7.active,
|
|
11315
11609
|
color = _ref7.color;
|
|
@@ -11395,14 +11689,20 @@ var Icon$M = function Icon(props) {
|
|
|
11395
11689
|
|
|
11396
11690
|
var _templateObject$1g, _templateObject2$N, _templateObject3$D;
|
|
11397
11691
|
var rotate = keyframes(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11398
|
-
var Container$6 = styled.div(
|
|
11692
|
+
var Container$6 = styled.div.withConfig({
|
|
11693
|
+
displayName: "Container",
|
|
11694
|
+
componentId: "sc-1wgci3j-0"
|
|
11695
|
+
})(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n position: relative;\n height: ", "px;\n width: ", "px;\n"])), function (_ref) {
|
|
11399
11696
|
var size = _ref.size;
|
|
11400
11697
|
return size;
|
|
11401
11698
|
}, function (_ref2) {
|
|
11402
11699
|
var size = _ref2.size;
|
|
11403
11700
|
return size;
|
|
11404
11701
|
});
|
|
11405
|
-
var RotatingSpinnerIcon = styled(Icon$M)(
|
|
11702
|
+
var RotatingSpinnerIcon = styled(Icon$M).withConfig({
|
|
11703
|
+
displayName: "RotatingSpinnerIcon",
|
|
11704
|
+
componentId: "sc-1wgci3j-1"
|
|
11705
|
+
})(_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);
|
|
11406
11706
|
var Spinner = function Spinner(_ref3) {
|
|
11407
11707
|
var _ref3$size = _ref3.size,
|
|
11408
11708
|
size = _ref3$size === void 0 ? 128 : _ref3$size;
|
|
@@ -11415,13 +11715,25 @@ var Spinner = function Spinner(_ref3) {
|
|
|
11415
11715
|
};
|
|
11416
11716
|
|
|
11417
11717
|
var _templateObject$1f, _templateObject2$M, _templateObject3$C, _templateObject4$u;
|
|
11418
|
-
var StyledContainer = styled.div(
|
|
11718
|
+
var StyledContainer = styled.div.withConfig({
|
|
11719
|
+
displayName: "StyledContainer",
|
|
11720
|
+
componentId: "sc-1c4vjp9-0"
|
|
11721
|
+
})(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n overflow: auto;\n ", "\n"])), function (_ref) {
|
|
11419
11722
|
var loader = _ref.loader;
|
|
11420
11723
|
return loader && "\n display: flex;\n justify-content: center;\n align-items: center;\n ";
|
|
11421
11724
|
});
|
|
11422
|
-
var StyledItem = styled.div(
|
|
11423
|
-
|
|
11424
|
-
|
|
11725
|
+
var StyledItem = styled.div.withConfig({
|
|
11726
|
+
displayName: "StyledItem",
|
|
11727
|
+
componentId: "sc-1c4vjp9-1"
|
|
11728
|
+
})(_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"])));
|
|
11729
|
+
var StyledLabel = styled(Text).withConfig({
|
|
11730
|
+
displayName: "StyledLabel",
|
|
11731
|
+
componentId: "sc-1c4vjp9-2"
|
|
11732
|
+
})(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteral(["\n opacity: 0.55;\n"])));
|
|
11733
|
+
var ListWrapper = styled.div.withConfig({
|
|
11734
|
+
displayName: "ListWrapper",
|
|
11735
|
+
componentId: "sc-1c4vjp9-3"
|
|
11736
|
+
})(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteral(["\n display: flex;\n height: ", ";\n"])), function (_ref2) {
|
|
11425
11737
|
var customHeight = _ref2.customHeight;
|
|
11426
11738
|
return customHeight ? "".concat(customHeight, "px") : "100%";
|
|
11427
11739
|
});
|
|
@@ -11485,11 +11797,17 @@ var List = function List(_ref3) {
|
|
|
11485
11797
|
};
|
|
11486
11798
|
|
|
11487
11799
|
var _templateObject$1e, _templateObject2$L;
|
|
11488
|
-
var Bar = styled.div(
|
|
11800
|
+
var Bar = styled.div.withConfig({
|
|
11801
|
+
displayName: "Bar",
|
|
11802
|
+
componentId: "sc-1wd61gz-0"
|
|
11803
|
+
})(_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) {
|
|
11489
11804
|
var _props$primary;
|
|
11490
11805
|
return ((_props$primary = props.primary) !== null && _props$primary !== void 0 ? _props$primary : false) ? props.theme.colors.secondary : "".concat(props.theme.colors.secondary, "80");
|
|
11491
11806
|
});
|
|
11492
|
-
var StyledProgress = styled.div(
|
|
11807
|
+
var StyledProgress = styled.div.withConfig({
|
|
11808
|
+
displayName: "StyledProgress",
|
|
11809
|
+
componentId: "sc-1wd61gz-1"
|
|
11810
|
+
})(_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) {
|
|
11493
11811
|
var theme = _ref.theme;
|
|
11494
11812
|
return theme.colors.input;
|
|
11495
11813
|
}, function (_ref2) {
|
|
@@ -11498,7 +11816,10 @@ var StyledProgress = styled.div(_templateObject2$L || (_templateObject2$L = _tag
|
|
|
11498
11816
|
});
|
|
11499
11817
|
|
|
11500
11818
|
var _templateObject$1d;
|
|
11501
|
-
var ProgressBunnyWrapper = styled.div(
|
|
11819
|
+
var ProgressBunnyWrapper = styled.div.withConfig({
|
|
11820
|
+
displayName: "ProgressBunnyWrapper",
|
|
11821
|
+
componentId: "sc-12wvu5w-0"
|
|
11822
|
+
})(_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"])));
|
|
11502
11823
|
|
|
11503
11824
|
var stepGuard = function stepGuard(step) {
|
|
11504
11825
|
if (step < 0) {
|
|
@@ -11548,7 +11869,10 @@ var _excluded$6 = ["variant", "animation"];
|
|
|
11548
11869
|
var _templateObject$1c, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$r;
|
|
11549
11870
|
var waves = keyframes(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteral(["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"])));
|
|
11550
11871
|
var pulse = 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"])));
|
|
11551
|
-
var Root = styled.div(
|
|
11872
|
+
var Root = styled.div.withConfig({
|
|
11873
|
+
displayName: "Root",
|
|
11874
|
+
componentId: "sc-20824z-0"
|
|
11875
|
+
})(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteral(["\n min-height: 20px;\n display: block;\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n ", "\n"])), function (_ref) {
|
|
11552
11876
|
var theme = _ref.theme;
|
|
11553
11877
|
return theme.colors.backgroundDisabled;
|
|
11554
11878
|
}, function (_ref2) {
|
|
@@ -11556,8 +11880,14 @@ var Root = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplat
|
|
|
11556
11880
|
theme = _ref2.theme;
|
|
11557
11881
|
return variant$1 === variant.CIRCLE ? theme.radii.circle : theme.radii.small;
|
|
11558
11882
|
}, layout, space);
|
|
11559
|
-
var Pulse = styled(Root)(
|
|
11560
|
-
|
|
11883
|
+
var Pulse = styled(Root).withConfig({
|
|
11884
|
+
displayName: "Pulse",
|
|
11885
|
+
componentId: "sc-20824z-1"
|
|
11886
|
+
})(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteral(["\n animation: ", " 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"])), pulse);
|
|
11887
|
+
var Waves = styled(Root).withConfig({
|
|
11888
|
+
displayName: "Waves",
|
|
11889
|
+
componentId: "sc-20824z-2"
|
|
11890
|
+
})(_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);
|
|
11561
11891
|
var Skeleton = function Skeleton(_ref3) {
|
|
11562
11892
|
var _ref3$variant = _ref3.variant,
|
|
11563
11893
|
variant$1 = _ref3$variant === void 0 ? variant.RECT : _ref3$variant,
|
|
@@ -11576,8 +11906,14 @@ var Skeleton = function Skeleton(_ref3) {
|
|
|
11576
11906
|
|
|
11577
11907
|
var _excluded$5 = ["text"];
|
|
11578
11908
|
var _templateObject$1b, _templateObject2$J;
|
|
11579
|
-
var StyledButton = styled(Button$1)(
|
|
11580
|
-
|
|
11909
|
+
var StyledButton = styled(Button$1).withConfig({
|
|
11910
|
+
displayName: "StyledButton",
|
|
11911
|
+
componentId: "sc-1ofv4rm-0"
|
|
11912
|
+
})(_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"])));
|
|
11913
|
+
var DetailsContainer = styled.div.withConfig({
|
|
11914
|
+
displayName: "DetailsContainer",
|
|
11915
|
+
componentId: "sc-1ofv4rm-1"
|
|
11916
|
+
})(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n * {\n margin-right: 10px;\n }\n"])));
|
|
11581
11917
|
var SwapButton = function SwapButton(_ref) {
|
|
11582
11918
|
var _ref$text = _ref.text,
|
|
11583
11919
|
text = _ref$text === void 0 ? "Token info page" : _ref$text,
|
|
@@ -12290,7 +12626,10 @@ var lightTheme = _objectSpread2(_objectSpread2({}, base), {}, {
|
|
|
12290
12626
|
});
|
|
12291
12627
|
|
|
12292
12628
|
var _templateObject$1a;
|
|
12293
|
-
var TableActiveDot = styled.div(
|
|
12629
|
+
var TableActiveDot = styled.div.withConfig({
|
|
12630
|
+
displayName: "TableActiveDot",
|
|
12631
|
+
componentId: "sc-1phywr3-0"
|
|
12632
|
+
})(_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) {
|
|
12294
12633
|
var actionActive = _ref.actionActive;
|
|
12295
12634
|
return actionActive ? "#12FFB8" : "#373749";
|
|
12296
12635
|
}, function (_ref2) {
|
|
@@ -12299,7 +12638,10 @@ var TableActiveDot = styled.div(_templateObject$1a || (_templateObject$1a = _tag
|
|
|
12299
12638
|
});
|
|
12300
12639
|
|
|
12301
12640
|
var _templateObject$19, _templateObject2$I, _templateObject3$A, _templateObject4$s, _templateObject5$q;
|
|
12302
|
-
var StyledRow = styled.div(
|
|
12641
|
+
var StyledRow = styled.div.withConfig({
|
|
12642
|
+
displayName: "StyledRow",
|
|
12643
|
+
componentId: "sc-qzdbwn-0"
|
|
12644
|
+
})(_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) {
|
|
12303
12645
|
var active = _ref.active;
|
|
12304
12646
|
return active ? "auto" : "77.5px";
|
|
12305
12647
|
}, function (_ref2) {
|
|
@@ -12325,10 +12667,22 @@ var StyledRow = styled.div(_templateObject$19 || (_templateObject$19 = _taggedTe
|
|
|
12325
12667
|
var active = _ref8.active;
|
|
12326
12668
|
return active ? "5.5px" : "0px";
|
|
12327
12669
|
});
|
|
12328
|
-
var StyledTableChildren = styled(GridLayout$1)(
|
|
12329
|
-
|
|
12330
|
-
|
|
12331
|
-
|
|
12670
|
+
var StyledTableChildren = styled(GridLayout$1).withConfig({
|
|
12671
|
+
displayName: "StyledTableChildren",
|
|
12672
|
+
componentId: "sc-qzdbwn-1"
|
|
12673
|
+
})(_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"])));
|
|
12674
|
+
var StyledTableDetails = styled(GridLayout$1).withConfig({
|
|
12675
|
+
displayName: "StyledTableDetails",
|
|
12676
|
+
componentId: "sc-qzdbwn-2"
|
|
12677
|
+
})(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteral(["\n padding: 13px;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n"])));
|
|
12678
|
+
var ToggleContainer = styled.div.withConfig({
|
|
12679
|
+
displayName: "ToggleContainer",
|
|
12680
|
+
componentId: "sc-qzdbwn-3"
|
|
12681
|
+
})(_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"])));
|
|
12682
|
+
var DotContainer = styled.div.withConfig({
|
|
12683
|
+
displayName: "DotContainer",
|
|
12684
|
+
componentId: "sc-qzdbwn-4"
|
|
12685
|
+
})(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteral(["\n grid-column: span 1;\n @media (max-width: 576px) {\n margin-left: 10px;\n }\n"])));
|
|
12332
12686
|
var TableRow = function TableRow(_ref9) {
|
|
12333
12687
|
var children = _ref9.children,
|
|
12334
12688
|
details = _ref9.details,
|
|
@@ -12367,9 +12721,18 @@ var TableRow = function TableRow(_ref9) {
|
|
|
12367
12721
|
};
|
|
12368
12722
|
|
|
12369
12723
|
var _templateObject$18, _templateObject2$H, _templateObject3$z;
|
|
12370
|
-
var LiquidityWrapper = styled.div(
|
|
12371
|
-
|
|
12372
|
-
|
|
12724
|
+
var LiquidityWrapper = styled.div.withConfig({
|
|
12725
|
+
displayName: "LiquidityWrapper",
|
|
12726
|
+
componentId: "sc-wsy021-0"
|
|
12727
|
+
})(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n padding-right: 4px;\n width: 100%;\n"])));
|
|
12728
|
+
var DescriptionRow = styled.div.withConfig({
|
|
12729
|
+
displayName: "DescriptionRow",
|
|
12730
|
+
componentId: "sc-wsy021-1"
|
|
12731
|
+
})(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"])));
|
|
12732
|
+
var Container$5 = styled.div.withConfig({
|
|
12733
|
+
displayName: "Container",
|
|
12734
|
+
componentId: "sc-wsy021-2"
|
|
12735
|
+
})(_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) {
|
|
12373
12736
|
var grid = _ref.grid;
|
|
12374
12737
|
return grid;
|
|
12375
12738
|
});
|
|
@@ -12402,7 +12765,10 @@ var LiquidityContainer = function LiquidityContainer(_ref2) {
|
|
|
12402
12765
|
};
|
|
12403
12766
|
|
|
12404
12767
|
var _templateObject$17, _templateObject2$G, _templateObject3$y;
|
|
12405
|
-
var Container$4 = styled.div(
|
|
12768
|
+
var Container$4 = styled.div.withConfig({
|
|
12769
|
+
displayName: "Container",
|
|
12770
|
+
componentId: "sc-1t71h7-0"
|
|
12771
|
+
})(_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) {
|
|
12406
12772
|
var mobile = _ref.mobile;
|
|
12407
12773
|
return mobile ? "0px" : "17px";
|
|
12408
12774
|
}, function (_ref2) {
|
|
@@ -12412,11 +12778,17 @@ var Container$4 = styled.div(_templateObject$17 || (_templateObject$17 = _tagged
|
|
|
12412
12778
|
var mobile = _ref3.mobile;
|
|
12413
12779
|
return mobile ? "none" : "1px solid rgba(255, 255, 255, 0.1)";
|
|
12414
12780
|
});
|
|
12415
|
-
var TokenValueWrapper = styled.div(
|
|
12781
|
+
var TokenValueWrapper = styled.div.withConfig({
|
|
12782
|
+
displayName: "TokenValueWrapper",
|
|
12783
|
+
componentId: "sc-1t71h7-1"
|
|
12784
|
+
})(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: ", ";\n"])), function (_ref4) {
|
|
12416
12785
|
var mobile = _ref4.mobile;
|
|
12417
12786
|
return mobile ? "flex-start" : "space-between";
|
|
12418
12787
|
});
|
|
12419
|
-
var ActionsWrapper = styled.div(
|
|
12788
|
+
var ActionsWrapper = styled.div.withConfig({
|
|
12789
|
+
displayName: "ActionsWrapper",
|
|
12790
|
+
componentId: "sc-1t71h7-2"
|
|
12791
|
+
})(_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"])));
|
|
12420
12792
|
var TableActionBox = function TableActionBox(_ref5) {
|
|
12421
12793
|
var title = _ref5.title,
|
|
12422
12794
|
value = _ref5.value,
|
|
@@ -12477,14 +12849,29 @@ var getNumberedDifference = function getNumberedDifference(differenceToConvert)
|
|
|
12477
12849
|
};
|
|
12478
12850
|
|
|
12479
12851
|
var _templateObject$16, _templateObject2$F, _templateObject3$x, _templateObject4$r, _templateObject5$p;
|
|
12480
|
-
var ValueBox = styled.div(
|
|
12481
|
-
|
|
12482
|
-
|
|
12483
|
-
|
|
12852
|
+
var ValueBox = styled.div.withConfig({
|
|
12853
|
+
displayName: "ValueBox",
|
|
12854
|
+
componentId: "sc-2a5tiq-0"
|
|
12855
|
+
})(_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"])));
|
|
12856
|
+
var IconColumn = styled.div.withConfig({
|
|
12857
|
+
displayName: "IconColumn",
|
|
12858
|
+
componentId: "sc-2a5tiq-1"
|
|
12859
|
+
})(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n width: auto;\n padding-right: 10px;\n padding-top: 1px;\n"])));
|
|
12860
|
+
var InfoColumn = styled.div.withConfig({
|
|
12861
|
+
displayName: "InfoColumn",
|
|
12862
|
+
componentId: "sc-2a5tiq-2"
|
|
12863
|
+
})(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
12864
|
+
var PairContainer = styled.div.withConfig({
|
|
12865
|
+
displayName: "PairContainer",
|
|
12866
|
+
componentId: "sc-2a5tiq-3"
|
|
12867
|
+
})(_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) {
|
|
12484
12868
|
var mobile = _ref.mobile;
|
|
12485
12869
|
return mobile ? "column" : "row";
|
|
12486
12870
|
});
|
|
12487
|
-
var ValueRow = styled.div(
|
|
12871
|
+
var ValueRow = styled.div.withConfig({
|
|
12872
|
+
displayName: "ValueRow",
|
|
12873
|
+
componentId: "sc-2a5tiq-4"
|
|
12874
|
+
})(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
12488
12875
|
var Value = function Value(_ref2) {
|
|
12489
12876
|
var coin = _ref2.coin,
|
|
12490
12877
|
value = _ref2.value,
|
|
@@ -12539,8 +12926,14 @@ var Value = function Value(_ref2) {
|
|
|
12539
12926
|
};
|
|
12540
12927
|
|
|
12541
12928
|
var _templateObject$15, _templateObject2$E;
|
|
12542
|
-
var ValueFullBox = styled.div(
|
|
12543
|
-
|
|
12929
|
+
var ValueFullBox = styled.div.withConfig({
|
|
12930
|
+
displayName: "ValueFullBox",
|
|
12931
|
+
componentId: "sc-ig82wo-0"
|
|
12932
|
+
})(_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"])));
|
|
12933
|
+
var DifferenceBox = styled.div.withConfig({
|
|
12934
|
+
displayName: "DifferenceBox",
|
|
12935
|
+
componentId: "sc-ig82wo-1"
|
|
12936
|
+
})(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 24px;\n"])));
|
|
12544
12937
|
var ValueFull = function ValueFull(_ref) {
|
|
12545
12938
|
var value = _ref.value,
|
|
12546
12939
|
difference = _ref.difference;
|
|
@@ -12572,7 +12965,10 @@ var ValueFull = function ValueFull(_ref) {
|
|
|
12572
12965
|
};
|
|
12573
12966
|
|
|
12574
12967
|
var _templateObject$14;
|
|
12575
|
-
var VContainer = styled.div
|
|
12968
|
+
var VContainer = styled.div.withConfig({
|
|
12969
|
+
displayName: "VContainer",
|
|
12970
|
+
componentId: "sc-o09b6h-0"
|
|
12971
|
+
})(_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) {
|
|
12576
12972
|
var theme = _ref.theme;
|
|
12577
12973
|
return theme.colors.secondaryText;
|
|
12578
12974
|
});
|
|
@@ -12584,23 +12980,44 @@ var VersionContainer = function VersionContainer(_ref2) {
|
|
|
12584
12980
|
};
|
|
12585
12981
|
|
|
12586
12982
|
var _templateObject$13, _templateObject2$D, _templateObject3$w, _templateObject4$q, _templateObject5$o, _templateObject6$h, _templateObject7$d;
|
|
12587
|
-
var ProgressDataColumn = styled.div(
|
|
12588
|
-
|
|
12589
|
-
|
|
12590
|
-
|
|
12983
|
+
var ProgressDataColumn = styled.div.withConfig({
|
|
12984
|
+
displayName: "ProgressDataColumn",
|
|
12985
|
+
componentId: "sc-ri8846-0"
|
|
12986
|
+
})(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n"])));
|
|
12987
|
+
var ProgressDataRow = styled.div.withConfig({
|
|
12988
|
+
displayName: "ProgressDataRow",
|
|
12989
|
+
componentId: "sc-ri8846-1"
|
|
12990
|
+
})(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12991
|
+
var ProgressBarWrapper = styled.div.withConfig({
|
|
12992
|
+
displayName: "ProgressBarWrapper",
|
|
12993
|
+
componentId: "sc-ri8846-2"
|
|
12994
|
+
})(_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"])));
|
|
12995
|
+
var ProgressBar = styled.div.withConfig({
|
|
12996
|
+
displayName: "ProgressBar",
|
|
12997
|
+
componentId: "sc-ri8846-3"
|
|
12998
|
+
})(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteral(["\n position: relative;\n height: 100%;\n width: ", "%;\n background: ", ";\n border-radius: 4px;\n"])), function (_ref) {
|
|
12591
12999
|
var width = _ref.width;
|
|
12592
13000
|
return width;
|
|
12593
13001
|
}, function (_ref2) {
|
|
12594
13002
|
var theme = _ref2.theme;
|
|
12595
13003
|
return theme.colors.primary;
|
|
12596
13004
|
});
|
|
12597
|
-
var ProgressDescription = styled(Text)(
|
|
13005
|
+
var ProgressDescription = styled(Text).withConfig({
|
|
13006
|
+
displayName: "ProgressDescription",
|
|
13007
|
+
componentId: "sc-ri8846-4"
|
|
13008
|
+
})(_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) {
|
|
12598
13009
|
var theme = _ref3.theme,
|
|
12599
13010
|
color = _ref3.color;
|
|
12600
13011
|
return color || theme.colors.white;
|
|
12601
13012
|
});
|
|
12602
|
-
var CapDescription = styled(Text)(
|
|
12603
|
-
|
|
13013
|
+
var CapDescription = styled(Text).withConfig({
|
|
13014
|
+
displayName: "CapDescription",
|
|
13015
|
+
componentId: "sc-ri8846-5"
|
|
13016
|
+
})(_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"])));
|
|
13017
|
+
var StyledCapRow = styled.div.withConfig({
|
|
13018
|
+
displayName: "StyledCapRow",
|
|
13019
|
+
componentId: "sc-ri8846-6"
|
|
13020
|
+
})(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
12604
13021
|
var SpacePadProgressBar = function SpacePadProgressBar(_ref4) {
|
|
12605
13022
|
var _ref4$currentCap = _ref4.currentCap,
|
|
12606
13023
|
currentCap = _ref4$currentCap === void 0 ? 70 : _ref4$currentCap,
|
|
@@ -12645,23 +13062,38 @@ var SpacePadProgressBar = function SpacePadProgressBar(_ref4) {
|
|
|
12645
13062
|
};
|
|
12646
13063
|
|
|
12647
13064
|
var _templateObject$12, _templateObject2$C, _templateObject3$v, _templateObject4$p, _templateObject5$n;
|
|
12648
|
-
var MainWrapper$1 = styled.div(
|
|
12649
|
-
|
|
13065
|
+
var MainWrapper$1 = styled.div.withConfig({
|
|
13066
|
+
displayName: "MainWrapper",
|
|
13067
|
+
componentId: "sc-1lzbjkk-0"
|
|
13068
|
+
})(_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"])));
|
|
13069
|
+
var ProjectImage = styled.div.withConfig({
|
|
13070
|
+
displayName: "ProjectImage",
|
|
13071
|
+
componentId: "sc-1lzbjkk-1"
|
|
13072
|
+
})(_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) {
|
|
12650
13073
|
var theme = _ref.theme;
|
|
12651
13074
|
return theme.mediaQueries.mobile;
|
|
12652
13075
|
});
|
|
12653
|
-
var ProjectName$1 = styled.div(
|
|
13076
|
+
var ProjectName$1 = styled.div.withConfig({
|
|
13077
|
+
displayName: "ProjectName",
|
|
13078
|
+
componentId: "sc-1lzbjkk-2"
|
|
13079
|
+
})(_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) {
|
|
12654
13080
|
var theme = _ref2.theme;
|
|
12655
13081
|
return theme.colors.white;
|
|
12656
13082
|
}, function (_ref3) {
|
|
12657
13083
|
var theme = _ref3.theme;
|
|
12658
13084
|
return theme.mediaQueries.mobile;
|
|
12659
13085
|
});
|
|
12660
|
-
var ProjectFullName = styled.div
|
|
13086
|
+
var ProjectFullName = styled.div.withConfig({
|
|
13087
|
+
displayName: "ProjectFullName",
|
|
13088
|
+
componentId: "sc-1lzbjkk-3"
|
|
13089
|
+
})(_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) {
|
|
12661
13090
|
var theme = _ref4.theme;
|
|
12662
13091
|
return theme.colors.white55;
|
|
12663
13092
|
});
|
|
12664
|
-
var ProjectDetails = styled.div(
|
|
13093
|
+
var ProjectDetails = styled.div.withConfig({
|
|
13094
|
+
displayName: "ProjectDetails",
|
|
13095
|
+
componentId: "sc-1lzbjkk-4"
|
|
13096
|
+
})(_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) {
|
|
12665
13097
|
var theme = _ref5.theme;
|
|
12666
13098
|
return theme.mediaQueries.mobile;
|
|
12667
13099
|
});
|
|
@@ -13036,10 +13468,16 @@ var connectors = [{
|
|
|
13036
13468
|
var connectorLocalStorageKey = "connectorId";
|
|
13037
13469
|
|
|
13038
13470
|
var _templateObject$11;
|
|
13039
|
-
var AccountNumber = styled(Text)(
|
|
13471
|
+
var AccountNumber = styled(Text).withConfig({
|
|
13472
|
+
displayName: "AccountNumber",
|
|
13473
|
+
componentId: "sc-1jw25yf-0"
|
|
13474
|
+
})(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n color: #818c92;\n line-height: 23.8px;\n"])));
|
|
13040
13475
|
|
|
13041
13476
|
var _templateObject$10;
|
|
13042
|
-
var AccountNumberWrapper = styled.div(
|
|
13477
|
+
var AccountNumberWrapper = styled.div.withConfig({
|
|
13478
|
+
displayName: "AccountNumberWrapper",
|
|
13479
|
+
componentId: "sc-1bz6nuv-0"
|
|
13480
|
+
})(_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) {
|
|
13043
13481
|
var isVerifiedUser = _ref.isVerifiedUser;
|
|
13044
13482
|
return !isVerifiedUser ? "column" : "row";
|
|
13045
13483
|
}, function (_ref2) {
|
|
@@ -13048,56 +13486,98 @@ var AccountNumberWrapper = styled.div(_templateObject$10 || (_templateObject$10
|
|
|
13048
13486
|
});
|
|
13049
13487
|
|
|
13050
13488
|
var _templateObject$$;
|
|
13051
|
-
var Background = styled.div(
|
|
13489
|
+
var Background = styled.div.withConfig({
|
|
13490
|
+
displayName: "Background",
|
|
13491
|
+
componentId: "sc-s9bf1w-0"
|
|
13492
|
+
})(_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"])));
|
|
13052
13493
|
|
|
13053
13494
|
var _templateObject$_;
|
|
13054
|
-
var BottomRow = styled.div(
|
|
13495
|
+
var BottomRow = styled.div.withConfig({
|
|
13496
|
+
displayName: "BottomRow",
|
|
13497
|
+
componentId: "sc-1elsl0s-0"
|
|
13498
|
+
})(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n padding-top: 20px;\n"])));
|
|
13055
13499
|
|
|
13056
13500
|
var _templateObject$Z;
|
|
13057
|
-
styled(Button$1)(
|
|
13501
|
+
styled(Button$1).withConfig({
|
|
13502
|
+
displayName: "ChangeProviderButton",
|
|
13503
|
+
componentId: "sc-w1eu8g-0"
|
|
13504
|
+
})(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n background: #383847;\n color: ", ";\n width: 85px;\n height: 32px;\n font-size: 14px;\n"])), function (_ref) {
|
|
13058
13505
|
var theme = _ref.theme;
|
|
13059
13506
|
return theme.colors.white;
|
|
13060
13507
|
});
|
|
13061
13508
|
|
|
13062
13509
|
var _templateObject$Y;
|
|
13063
|
-
var CloseButton = styled(Icon$2m)(
|
|
13510
|
+
var CloseButton = styled(Icon$2m).withConfig({
|
|
13511
|
+
displayName: "CloseButton",
|
|
13512
|
+
componentId: "sc-1afnq0v-0"
|
|
13513
|
+
})(_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"])));
|
|
13064
13514
|
|
|
13065
13515
|
var _templateObject$X;
|
|
13066
|
-
var ConnectedInfoWrapper = styled.div(
|
|
13516
|
+
var ConnectedInfoWrapper = styled.div.withConfig({
|
|
13517
|
+
displayName: "ConnectedInfoWrapper",
|
|
13518
|
+
componentId: "sc-lxc0i5-0"
|
|
13519
|
+
})(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 16px;\n"])));
|
|
13067
13520
|
|
|
13068
13521
|
var _templateObject$W;
|
|
13069
|
-
var ConnectedProvider = styled.div(
|
|
13522
|
+
var ConnectedProvider = styled.div.withConfig({
|
|
13523
|
+
displayName: "ConnectedProvider",
|
|
13524
|
+
componentId: "sc-1satccs-0"
|
|
13525
|
+
})(_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"])));
|
|
13070
13526
|
|
|
13071
13527
|
var _templateObject$V, _templateObject2$B;
|
|
13072
13528
|
var fadeInAnimation = keyframes(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n 0% {\n right: -357px;\n }\n 100% {\n right: 0;\n }\n"])));
|
|
13073
|
-
var ConnectWalletWrapper = styled.div(
|
|
13529
|
+
var ConnectWalletWrapper = styled.div.withConfig({
|
|
13530
|
+
displayName: "ConnectWalletWrapper",
|
|
13531
|
+
componentId: "sc-1oauz4x-0"
|
|
13532
|
+
})(_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);
|
|
13074
13533
|
|
|
13075
13534
|
var _templateObject$U;
|
|
13076
|
-
var LogoutButton = styled(Button$1)(
|
|
13535
|
+
var LogoutButton = styled(Button$1).withConfig({
|
|
13536
|
+
displayName: "LogoutButton",
|
|
13537
|
+
componentId: "sc-ljmmm0-0"
|
|
13538
|
+
})(_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) {
|
|
13077
13539
|
var theme = _ref.theme;
|
|
13078
13540
|
return theme.colors.white;
|
|
13079
13541
|
});
|
|
13080
13542
|
|
|
13081
13543
|
var _templateObject$T;
|
|
13082
|
-
var MiddleRow = styled.div(
|
|
13544
|
+
var MiddleRow = styled.div.withConfig({
|
|
13545
|
+
displayName: "MiddleRow",
|
|
13546
|
+
componentId: "sc-deagnw-0"
|
|
13547
|
+
})(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n padding: 20px 0;\n border-bottom: 1px solid #252530;\n"])));
|
|
13083
13548
|
|
|
13084
13549
|
var _templateObject$S;
|
|
13085
|
-
var MyWallet = styled(Text)(
|
|
13550
|
+
var MyWallet = styled(Text).withConfig({
|
|
13551
|
+
displayName: "MyWallet",
|
|
13552
|
+
componentId: "sc-17gxhjg-0"
|
|
13553
|
+
})(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n line-height: 28px;\n margin-left: 18px;\n"])));
|
|
13086
13554
|
|
|
13087
13555
|
var _templateObject$R;
|
|
13088
|
-
var MyWalletWrapper = styled.div(
|
|
13556
|
+
var MyWalletWrapper = styled.div.withConfig({
|
|
13557
|
+
displayName: "MyWalletWrapper",
|
|
13558
|
+
componentId: "sc-126mq9l-0"
|
|
13559
|
+
})(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
13089
13560
|
|
|
13090
13561
|
var _templateObject$Q;
|
|
13091
|
-
var ProviderTitle = styled(Text)(
|
|
13562
|
+
var ProviderTitle = styled(Text).withConfig({
|
|
13563
|
+
displayName: "ProviderTitle",
|
|
13564
|
+
componentId: "sc-cz48yj-0"
|
|
13565
|
+
})(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n font-weight: 600;\n line-height: 24px;\n margin-left: 16px;\n"])));
|
|
13092
13566
|
|
|
13093
13567
|
var _templateObject$P;
|
|
13094
|
-
var SettingsButton = styled(Button$1)(
|
|
13568
|
+
var SettingsButton = styled(Button$1).withConfig({
|
|
13569
|
+
displayName: "SettingsButton",
|
|
13570
|
+
componentId: "sc-zhm3ih-0"
|
|
13571
|
+
})(_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) {
|
|
13095
13572
|
var theme = _ref.theme;
|
|
13096
13573
|
return theme.colors.white;
|
|
13097
13574
|
});
|
|
13098
13575
|
|
|
13099
13576
|
var _templateObject$O;
|
|
13100
|
-
var UpperRow = styled.div(
|
|
13577
|
+
var UpperRow = styled.div.withConfig({
|
|
13578
|
+
displayName: "UpperRow",
|
|
13579
|
+
componentId: "sc-zlngw8-0"
|
|
13580
|
+
})(_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) {
|
|
13101
13581
|
var alignItems = _ref.alignItems;
|
|
13102
13582
|
return alignItems && alignItems;
|
|
13103
13583
|
}, function (_ref2) {
|
|
@@ -13106,19 +13586,28 @@ var UpperRow = styled.div(_templateObject$O || (_templateObject$O = _taggedTempl
|
|
|
13106
13586
|
});
|
|
13107
13587
|
|
|
13108
13588
|
var _templateObject$N;
|
|
13109
|
-
var VerificationInfo = styled.div(
|
|
13589
|
+
var VerificationInfo = styled.div.withConfig({
|
|
13590
|
+
displayName: "VerificationInfo",
|
|
13591
|
+
componentId: "sc-1jviz6b-0"
|
|
13592
|
+
})(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: ", ";\n"])), function (_ref) {
|
|
13110
13593
|
var marginTop = _ref.marginTop;
|
|
13111
13594
|
return marginTop && marginTop;
|
|
13112
13595
|
});
|
|
13113
13596
|
|
|
13114
13597
|
var _templateObject$M;
|
|
13115
|
-
var VerifiedWalletIcon = styled(Icon$28)(
|
|
13598
|
+
var VerifiedWalletIcon = styled(Icon$28).withConfig({
|
|
13599
|
+
displayName: "VerifiedWalletIcon",
|
|
13600
|
+
componentId: "sc-1l4uhr0-0"
|
|
13601
|
+
})(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n fill: ", ";\n margin-right: 8px;\n"])), function (_ref) {
|
|
13116
13602
|
var theme = _ref.theme;
|
|
13117
13603
|
return theme.colors.vividBlue;
|
|
13118
13604
|
});
|
|
13119
13605
|
|
|
13120
13606
|
var _templateObject$L;
|
|
13121
|
-
var Provider = styled.div(
|
|
13607
|
+
var Provider = styled.div.withConfig({
|
|
13608
|
+
displayName: "Provider",
|
|
13609
|
+
componentId: "sc-ipxejr-0"
|
|
13610
|
+
})(_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) {
|
|
13122
13611
|
var theme = _ref.theme;
|
|
13123
13612
|
return theme.backgrounds.secondary;
|
|
13124
13613
|
}, function (_ref2) {
|
|
@@ -13174,7 +13663,10 @@ var Icon$F = function Icon(props) {
|
|
|
13174
13663
|
};
|
|
13175
13664
|
|
|
13176
13665
|
var _templateObject$K;
|
|
13177
|
-
var ConnectDescription = styled(Text)(
|
|
13666
|
+
var ConnectDescription = styled(Text).withConfig({
|
|
13667
|
+
displayName: "ConnectDescription",
|
|
13668
|
+
componentId: "sc-mzj27o-0"
|
|
13669
|
+
})(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n line-height: 24px;\n font-weight: 400;\n color: #818c92;\n margin: 16px 0;\n"])));
|
|
13178
13670
|
var ConnectWallet$1 = function ConnectWallet(_ref) {
|
|
13179
13671
|
var handleLogin = _ref.handleLogin,
|
|
13180
13672
|
setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen,
|
|
@@ -13221,12 +13713,21 @@ var ConnectWallet$1 = function ConnectWallet(_ref) {
|
|
|
13221
13713
|
};
|
|
13222
13714
|
|
|
13223
13715
|
var _templateObject$J, _templateObject2$A, _templateObject3$u;
|
|
13224
|
-
var VerifyAddressIndicator$1 = styled(Text)
|
|
13716
|
+
var VerifyAddressIndicator$1 = styled(Text).withConfig({
|
|
13717
|
+
displayName: "VerifyAddressIndicator",
|
|
13718
|
+
componentId: "sc-ooxgfj-0"
|
|
13719
|
+
})(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n color: ", ";\n line-height: 20.4px;\n"])), function (_ref) {
|
|
13225
13720
|
var theme = _ref.theme;
|
|
13226
13721
|
return theme.colors.red;
|
|
13227
13722
|
});
|
|
13228
|
-
var ConnectedInfo = styled(Text)(
|
|
13229
|
-
|
|
13723
|
+
var ConnectedInfo = styled(Text).withConfig({
|
|
13724
|
+
displayName: "ConnectedInfo",
|
|
13725
|
+
componentId: "sc-ooxgfj-1"
|
|
13726
|
+
})(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n color: #818c92;\n"])));
|
|
13727
|
+
var VerifyButton = styled(Button$1).withConfig({
|
|
13728
|
+
displayName: "VerifyButton",
|
|
13729
|
+
componentId: "sc-ooxgfj-2"
|
|
13730
|
+
})(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteral(["\n font-size: 14px;\n width: 100%;\n margin: 24px 0;\n"])));
|
|
13230
13731
|
var ConnectWallet = function ConnectWallet(_ref2) {
|
|
13231
13732
|
var account = _ref2.account,
|
|
13232
13733
|
setIsConnectWalletPanelOpen = _ref2.setIsConnectWalletPanelOpen;
|
|
@@ -13661,43 +14162,88 @@ var getTimeValue = function getTimeValue(value, timeUnit) {
|
|
|
13661
14162
|
};
|
|
13662
14163
|
|
|
13663
14164
|
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;
|
|
13664
|
-
var ActiveDot$1 = styled.div(
|
|
14165
|
+
var ActiveDot$1 = styled.div.withConfig({
|
|
14166
|
+
displayName: "ActiveDot",
|
|
14167
|
+
componentId: "sc-1kin2xe-0"
|
|
14168
|
+
})(_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) {
|
|
13665
14169
|
var dotColor = _ref.dotColor;
|
|
13666
14170
|
return dotColor;
|
|
13667
14171
|
}, function (_ref2) {
|
|
13668
14172
|
var fetchingData = _ref2.fetchingData;
|
|
13669
14173
|
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 ";
|
|
13670
14174
|
});
|
|
13671
|
-
var ActivityDescription = styled(Text)(
|
|
13672
|
-
|
|
13673
|
-
|
|
13674
|
-
|
|
13675
|
-
var
|
|
14175
|
+
var ActivityDescription = styled(Text).withConfig({
|
|
14176
|
+
displayName: "ActivityDescription",
|
|
14177
|
+
componentId: "sc-1kin2xe-1"
|
|
14178
|
+
})(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n width: max-content;\n"])));
|
|
14179
|
+
var ActivityWrapper = styled.div.withConfig({
|
|
14180
|
+
displayName: "ActivityWrapper",
|
|
14181
|
+
componentId: "sc-1kin2xe-2"
|
|
14182
|
+
})(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n right: 15px;\n top: 15px;\n"])));
|
|
14183
|
+
var ActivityComponent = styled.div.withConfig({
|
|
14184
|
+
displayName: "ActivityComponent",
|
|
14185
|
+
componentId: "sc-1kin2xe-3"
|
|
14186
|
+
})(_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"])));
|
|
14187
|
+
var ProjectNameColumn = styled.div.withConfig({
|
|
14188
|
+
displayName: "ProjectNameColumn",
|
|
14189
|
+
componentId: "sc-1kin2xe-4"
|
|
14190
|
+
})(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n"])));
|
|
14191
|
+
var ProjectName = styled(Text).withConfig({
|
|
14192
|
+
displayName: "ProjectName",
|
|
14193
|
+
componentId: "sc-1kin2xe-5"
|
|
14194
|
+
})(_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) {
|
|
13676
14195
|
var theme = _ref3.theme;
|
|
13677
14196
|
return theme.mediaQueries.mobile;
|
|
13678
14197
|
});
|
|
13679
|
-
var ProjectTicker = styled(Text)
|
|
14198
|
+
var ProjectTicker = styled(Text).withConfig({
|
|
14199
|
+
displayName: "ProjectTicker",
|
|
14200
|
+
componentId: "sc-1kin2xe-6"
|
|
14201
|
+
})(_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) {
|
|
13680
14202
|
var customStyle = _ref4.customStyle;
|
|
13681
14203
|
return customStyle;
|
|
13682
14204
|
});
|
|
13683
|
-
var TimerDescription = styled(Text)(
|
|
13684
|
-
|
|
14205
|
+
var TimerDescription = styled(Text).withConfig({
|
|
14206
|
+
displayName: "TimerDescription",
|
|
14207
|
+
componentId: "sc-1kin2xe-7"
|
|
14208
|
+
})(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 170%;\n color: #818c92;\n"])));
|
|
14209
|
+
var Timer = styled(Text).withConfig({
|
|
14210
|
+
displayName: "Timer",
|
|
14211
|
+
componentId: "sc-1kin2xe-8"
|
|
14212
|
+
})(_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) {
|
|
13685
14213
|
var isIncoming = _ref5.isIncoming;
|
|
13686
14214
|
return isIncoming ? "#FF7342" : "#12ffb8";
|
|
13687
14215
|
}, function (_ref6) {
|
|
13688
14216
|
var theme = _ref6.theme;
|
|
13689
14217
|
return theme.mediaQueries.mobile;
|
|
13690
14218
|
});
|
|
13691
|
-
var RatioColumn = styled.div(
|
|
13692
|
-
|
|
14219
|
+
var RatioColumn = styled.div.withConfig({
|
|
14220
|
+
displayName: "RatioColumn",
|
|
14221
|
+
componentId: "sc-1kin2xe-9"
|
|
14222
|
+
})(_templateObject0$6 || (_templateObject0$6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"])));
|
|
14223
|
+
var DetailsRow = styled.div.withConfig({
|
|
14224
|
+
displayName: "DetailsRow",
|
|
14225
|
+
componentId: "sc-1kin2xe-10"
|
|
14226
|
+
})(_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"])));
|
|
13693
14227
|
// Details components
|
|
13694
|
-
var SpaceInfoTableWrapper = styled.div(
|
|
13695
|
-
|
|
14228
|
+
var SpaceInfoTableWrapper = styled.div.withConfig({
|
|
14229
|
+
displayName: "SpaceInfoTableWrapper",
|
|
14230
|
+
componentId: "sc-1kin2xe-11"
|
|
14231
|
+
})(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
14232
|
+
var SpaceInfoTableRow = styled.div.withConfig({
|
|
14233
|
+
displayName: "SpaceInfoTableRow",
|
|
14234
|
+
componentId: "sc-1kin2xe-12"
|
|
14235
|
+
})(_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) {
|
|
13696
14236
|
var underlined = _ref7.underlined;
|
|
13697
14237
|
return underlined && "1px solid #272730";
|
|
13698
14238
|
});
|
|
13699
|
-
var RowTitle = styled(Text)(
|
|
13700
|
-
|
|
14239
|
+
var RowTitle = styled(Text).withConfig({
|
|
14240
|
+
displayName: "RowTitle",
|
|
14241
|
+
componentId: "sc-1kin2xe-13"
|
|
14242
|
+
})(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 170%;\n color: #818c92;\n"])));
|
|
14243
|
+
var RowValue = styled(Text).withConfig({
|
|
14244
|
+
displayName: "RowValue",
|
|
14245
|
+
componentId: "sc-1kin2xe-14"
|
|
14246
|
+
})(_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"])));
|
|
13701
14247
|
var SpacePadInfoRow = function SpacePadInfoRow(props) {
|
|
13702
14248
|
var title = props.title,
|
|
13703
14249
|
value = props.value,
|
|
@@ -13820,32 +14366,65 @@ var getPreciseRatio = function getPreciseRatio(ratio) {
|
|
|
13820
14366
|
};
|
|
13821
14367
|
|
|
13822
14368
|
var _templateObject$H, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$7, _templateObject0$5, _templateObject1$5;
|
|
13823
|
-
var SpacePadProjectDetailsWrapper = styled.div(
|
|
13824
|
-
|
|
14369
|
+
var SpacePadProjectDetailsWrapper = styled.div.withConfig({
|
|
14370
|
+
displayName: "SpacePadProjectDetailsWrapper",
|
|
14371
|
+
componentId: "sc-18f4woi-0"
|
|
14372
|
+
})(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14373
|
+
var StyledDetailsHeader = styled.div.withConfig({
|
|
14374
|
+
displayName: "StyledDetailsHeader",
|
|
14375
|
+
componentId: "sc-18f4woi-1"
|
|
14376
|
+
})(_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) {
|
|
13825
14377
|
var theme = _ref.theme;
|
|
13826
14378
|
return theme.mediaQueries.mobile;
|
|
13827
14379
|
});
|
|
13828
|
-
var StyledDetails = styled.div(
|
|
14380
|
+
var StyledDetails = styled.div.withConfig({
|
|
14381
|
+
displayName: "StyledDetails",
|
|
14382
|
+
componentId: "sc-18f4woi-2"
|
|
14383
|
+
})(_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) {
|
|
13829
14384
|
var theme = _ref2.theme;
|
|
13830
14385
|
return theme.mediaQueries.mobile;
|
|
13831
14386
|
});
|
|
13832
|
-
var ProjectLogo$1 = styled.div(
|
|
14387
|
+
var ProjectLogo$1 = styled.div.withConfig({
|
|
14388
|
+
displayName: "ProjectLogo",
|
|
14389
|
+
componentId: "sc-18f4woi-3"
|
|
14390
|
+
})(_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) {
|
|
13833
14391
|
var background = _ref3.background;
|
|
13834
14392
|
return background;
|
|
13835
14393
|
});
|
|
13836
|
-
var TimerWrapper = styled.div(
|
|
14394
|
+
var TimerWrapper = styled.div.withConfig({
|
|
14395
|
+
displayName: "TimerWrapper",
|
|
14396
|
+
componentId: "sc-18f4woi-4"
|
|
14397
|
+
})(_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) {
|
|
13837
14398
|
var theme = _ref4.theme;
|
|
13838
14399
|
return theme.mediaQueries.mobile;
|
|
13839
14400
|
});
|
|
13840
|
-
var ProjectNameData = styled.div(
|
|
13841
|
-
|
|
14401
|
+
var ProjectNameData = styled.div.withConfig({
|
|
14402
|
+
displayName: "ProjectNameData",
|
|
14403
|
+
componentId: "sc-18f4woi-5"
|
|
14404
|
+
})(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteral(["\n display: inline-flex;\n"])));
|
|
14405
|
+
var DetailsPoster = styled.div.withConfig({
|
|
14406
|
+
displayName: "DetailsPoster",
|
|
14407
|
+
componentId: "sc-18f4woi-6"
|
|
14408
|
+
})(_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) {
|
|
13842
14409
|
var background = _ref5.background;
|
|
13843
14410
|
return background;
|
|
13844
14411
|
});
|
|
13845
|
-
var StyledDetailsDescriptionColumn = styled.div(
|
|
13846
|
-
|
|
13847
|
-
|
|
13848
|
-
|
|
14412
|
+
var StyledDetailsDescriptionColumn = styled.div.withConfig({
|
|
14413
|
+
displayName: "StyledDetailsDescriptionColumn",
|
|
14414
|
+
componentId: "sc-18f4woi-7"
|
|
14415
|
+
})(_templateObject8$8 || (_templateObject8$8 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])));
|
|
14416
|
+
var DetailsSpacer = styled.div.withConfig({
|
|
14417
|
+
displayName: "DetailsSpacer",
|
|
14418
|
+
componentId: "sc-18f4woi-8"
|
|
14419
|
+
})(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n width: 100%;\n height: 1px;\n background: #272730;\n margin: 16px 0px;\n"])));
|
|
14420
|
+
var ParticipantsRow = styled(DetailsRow).withConfig({
|
|
14421
|
+
displayName: "ParticipantsRow",
|
|
14422
|
+
componentId: "sc-18f4woi-9"
|
|
14423
|
+
})(_templateObject0$5 || (_templateObject0$5 = _taggedTemplateLiteral(["\n position: absolute;\n bottom: -40px;\n"])));
|
|
14424
|
+
var IdoEventTimestamp = styled.div.withConfig({
|
|
14425
|
+
displayName: "IdoEventTimestamp",
|
|
14426
|
+
componentId: "sc-18f4woi-10"
|
|
14427
|
+
})(_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) {
|
|
13849
14428
|
var theme = _ref6.theme;
|
|
13850
14429
|
return theme.mediaQueries.mobile;
|
|
13851
14430
|
});
|
|
@@ -13972,46 +14551,73 @@ var SpacePadProjectDetails = function SpacePadProjectDetails(props) {
|
|
|
13972
14551
|
};
|
|
13973
14552
|
|
|
13974
14553
|
var _templateObject$G, _templateObject2$x, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$e, _templateObject7$a, _templateObject8$7, _templateObject9$6;
|
|
13975
|
-
var WalletWrapper = styled.div(
|
|
14554
|
+
var WalletWrapper = styled.div.withConfig({
|
|
14555
|
+
displayName: "WalletWrapper",
|
|
14556
|
+
componentId: "sc-1uosrv7-0"
|
|
14557
|
+
})(_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) {
|
|
13976
14558
|
var theme = _ref.theme;
|
|
13977
14559
|
return theme.backgrounds.secondary;
|
|
13978
14560
|
}, function (_ref2) {
|
|
13979
14561
|
var theme = _ref2.theme;
|
|
13980
14562
|
return theme.colors.white3;
|
|
13981
14563
|
});
|
|
13982
|
-
styled.div(
|
|
13983
|
-
|
|
14564
|
+
styled.div.withConfig({
|
|
14565
|
+
displayName: "WalletValueBar",
|
|
14566
|
+
componentId: "sc-1uosrv7-1"
|
|
14567
|
+
})(_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"])));
|
|
14568
|
+
styled.div.withConfig({
|
|
14569
|
+
displayName: "ProgressBarWrapper",
|
|
14570
|
+
componentId: "sc-1uosrv7-2"
|
|
14571
|
+
})(_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) {
|
|
13984
14572
|
var theme = _ref3.theme;
|
|
13985
14573
|
return theme.colors.dark;
|
|
13986
14574
|
}, function (_ref4) {
|
|
13987
14575
|
var theme = _ref4.theme;
|
|
13988
14576
|
return theme.colors.white3;
|
|
13989
14577
|
});
|
|
13990
|
-
styled.div(
|
|
14578
|
+
styled.div.withConfig({
|
|
14579
|
+
displayName: "ProgressBar",
|
|
14580
|
+
componentId: "sc-1uosrv7-3"
|
|
14581
|
+
})(_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) {
|
|
13991
14582
|
var width = _ref5.width;
|
|
13992
14583
|
return width;
|
|
13993
14584
|
}, function (_ref6) {
|
|
13994
14585
|
var theme = _ref6.theme;
|
|
13995
14586
|
return theme.colors.grey;
|
|
13996
14587
|
});
|
|
13997
|
-
styled.div(
|
|
14588
|
+
styled.div.withConfig({
|
|
14589
|
+
displayName: "ProcentValue",
|
|
14590
|
+
componentId: "sc-1uosrv7-4"
|
|
14591
|
+
})(_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) {
|
|
13998
14592
|
var theme = _ref7.theme;
|
|
13999
14593
|
return theme.colors.white;
|
|
14000
14594
|
});
|
|
14001
|
-
var Description$1 = styled.div(
|
|
14595
|
+
var Description$1 = styled.div.withConfig({
|
|
14596
|
+
displayName: "Description",
|
|
14597
|
+
componentId: "sc-1uosrv7-5"
|
|
14598
|
+
})(_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) {
|
|
14002
14599
|
var theme = _ref8.theme;
|
|
14003
14600
|
return theme.colors.white55;
|
|
14004
14601
|
});
|
|
14005
|
-
var Title = styled(Description$1)(
|
|
14602
|
+
var Title = styled(Description$1).withConfig({
|
|
14603
|
+
displayName: "Title",
|
|
14604
|
+
componentId: "sc-1uosrv7-6"
|
|
14605
|
+
})(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n flex-direction: row;\n"])));
|
|
14006
14606
|
// We need to implement it in such a way until walletCap per wallet wont be implemented
|
|
14007
|
-
var DescriptionWrapper = styled.div(
|
|
14607
|
+
var DescriptionWrapper = styled.div.withConfig({
|
|
14608
|
+
displayName: "DescriptionWrapper",
|
|
14609
|
+
componentId: "sc-1uosrv7-7"
|
|
14610
|
+
})(_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) {
|
|
14008
14611
|
var theme = _ref9.theme;
|
|
14009
14612
|
return theme.colors.white;
|
|
14010
14613
|
}, function (_ref0) {
|
|
14011
14614
|
var withoutBorder = _ref0.withoutBorder;
|
|
14012
14615
|
return withoutBorder ? "none" : "1px solid #252530";
|
|
14013
14616
|
});
|
|
14014
|
-
var DetailsWrapper = styled.div(
|
|
14617
|
+
var DetailsWrapper = styled.div.withConfig({
|
|
14618
|
+
displayName: "DetailsWrapper",
|
|
14619
|
+
componentId: "sc-1uosrv7-8"
|
|
14620
|
+
})(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral(["\n display: flex;\n height: 50px;\n flex-direction: row;\n"])));
|
|
14015
14621
|
var WalletCap = function WalletCap(_ref1) {
|
|
14016
14622
|
_ref1.currentWalletCap;
|
|
14017
14623
|
var _ref1$softCap = _ref1.softCap,
|
|
@@ -14043,7 +14649,10 @@ var WalletCap = function WalletCap(_ref1) {
|
|
|
14043
14649
|
};
|
|
14044
14650
|
|
|
14045
14651
|
var _templateObject$F, _templateObject2$w, _templateObject3$q;
|
|
14046
|
-
var TooltipContent = styled.div
|
|
14652
|
+
var TooltipContent = styled.div.withConfig({
|
|
14653
|
+
displayName: "TooltipContent",
|
|
14654
|
+
componentId: "sc-isj8qi-0"
|
|
14655
|
+
})(_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) {
|
|
14047
14656
|
var theme = _ref.theme;
|
|
14048
14657
|
return theme.colors.card;
|
|
14049
14658
|
}, function (_ref2) {
|
|
@@ -14063,7 +14672,10 @@ var TooltipContent = styled.div(_templateObject$F || (_templateObject$F = _tagge
|
|
|
14063
14672
|
return theme.tooltip.background;
|
|
14064
14673
|
}, props.bottom || 0);
|
|
14065
14674
|
});
|
|
14066
|
-
var Container$3 = styled.div(
|
|
14675
|
+
var Container$3 = styled.div.withConfig({
|
|
14676
|
+
displayName: "Container",
|
|
14677
|
+
componentId: "sc-isj8qi-1"
|
|
14678
|
+
})(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n position: relative;\n z-index: 99999999999;\n\n &:hover ", ", &:focus-within ", " {\n display: block;\n }\n"])), TooltipContent, TooltipContent);
|
|
14067
14679
|
var Tooltip = function Tooltip(_ref6) {
|
|
14068
14680
|
var content = _ref6.content,
|
|
14069
14681
|
children = _ref6.children,
|
|
@@ -14089,30 +14701,57 @@ var Tooltip = function Tooltip(_ref6) {
|
|
|
14089
14701
|
};
|
|
14090
14702
|
|
|
14091
14703
|
var _templateObject$E, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$j, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$5;
|
|
14092
|
-
var CSSPowerWrapper = styled.div(
|
|
14704
|
+
var CSSPowerWrapper = styled.div.withConfig({
|
|
14705
|
+
displayName: "CSSPowerWrapper",
|
|
14706
|
+
componentId: "sc-12ic40m-0"
|
|
14707
|
+
})(_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) {
|
|
14093
14708
|
var theme = _ref.theme;
|
|
14094
14709
|
return theme.colors.white3;
|
|
14095
14710
|
}, function (_ref2) {
|
|
14096
14711
|
var theme = _ref2.theme;
|
|
14097
14712
|
return theme.mediaQueries.tablet;
|
|
14098
14713
|
});
|
|
14099
|
-
var PowerWrapper = styled.div(
|
|
14100
|
-
|
|
14714
|
+
var PowerWrapper = styled.div.withConfig({
|
|
14715
|
+
displayName: "PowerWrapper",
|
|
14716
|
+
componentId: "sc-12ic40m-1"
|
|
14717
|
+
})(_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"])));
|
|
14718
|
+
var CSSPowerText = styled(Text).withConfig({
|
|
14719
|
+
displayName: "CSSPowerText",
|
|
14720
|
+
componentId: "sc-12ic40m-2"
|
|
14721
|
+
})(_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) {
|
|
14101
14722
|
var theme = _ref3.theme;
|
|
14102
14723
|
return theme.colors.white55;
|
|
14103
14724
|
});
|
|
14104
|
-
var CSSPowerValue = styled(Text)(
|
|
14725
|
+
var CSSPowerValue = styled(Text).withConfig({
|
|
14726
|
+
displayName: "CSSPowerValue",
|
|
14727
|
+
componentId: "sc-12ic40m-3"
|
|
14728
|
+
})(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 36px;\n line-height: 130%;\n color: ", ";\n"])), function (_ref4) {
|
|
14105
14729
|
var theme = _ref4.theme;
|
|
14106
14730
|
return theme.colors.white;
|
|
14107
14731
|
});
|
|
14108
|
-
var StyledInfoIcon = styled(Icon$2E)(
|
|
14109
|
-
|
|
14110
|
-
|
|
14111
|
-
|
|
14732
|
+
var StyledInfoIcon = styled(Icon$2E).withConfig({
|
|
14733
|
+
displayName: "StyledInfoIcon",
|
|
14734
|
+
componentId: "sc-12ic40m-4"
|
|
14735
|
+
})(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteral(["\n margin-left: 5px;\n height: 18px;\n cursor: pointer;\n"])));
|
|
14736
|
+
var PowerDescriptionWrapper = styled.div.withConfig({
|
|
14737
|
+
displayName: "PowerDescriptionWrapper",
|
|
14738
|
+
componentId: "sc-12ic40m-5"
|
|
14739
|
+
})(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
14740
|
+
var PowerTitle = styled(Text).withConfig({
|
|
14741
|
+
displayName: "PowerTitle",
|
|
14742
|
+
componentId: "sc-12ic40m-6"
|
|
14743
|
+
})(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 14px;\n line-height: 140%;\n"])));
|
|
14744
|
+
var PowerAmount = styled(Text).withConfig({
|
|
14745
|
+
displayName: "PowerAmount",
|
|
14746
|
+
componentId: "sc-12ic40m-7"
|
|
14747
|
+
})(_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) {
|
|
14112
14748
|
var theme = _ref5.theme;
|
|
14113
14749
|
return theme.colors.white55;
|
|
14114
14750
|
});
|
|
14115
|
-
var PowerLine = styled.div(
|
|
14751
|
+
var PowerLine = styled.div.withConfig({
|
|
14752
|
+
displayName: "PowerLine",
|
|
14753
|
+
componentId: "sc-12ic40m-8"
|
|
14754
|
+
})(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n display: flex;\n flex: direction: row;\n justify-content: space-between;\n margin-bottom: ", "px;\n"])), function (_ref6) {
|
|
14116
14755
|
var mb = _ref6.mb;
|
|
14117
14756
|
return mb || 0;
|
|
14118
14757
|
});
|
|
@@ -14166,7 +14805,10 @@ var CSSPower = function CSSPower(_ref7) {
|
|
|
14166
14805
|
|
|
14167
14806
|
var _excluded$4 = ["value", "onUserInput", "placeholder", "type"];
|
|
14168
14807
|
var _templateObject$D;
|
|
14169
|
-
var StyledInput = styled.input(
|
|
14808
|
+
var StyledInput = styled.input.withConfig({
|
|
14809
|
+
displayName: "StyledInput",
|
|
14810
|
+
componentId: "sc-mu1fop-0"
|
|
14811
|
+
})(_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) {
|
|
14170
14812
|
var error = _ref.error,
|
|
14171
14813
|
theme = _ref.theme;
|
|
14172
14814
|
return error ? theme.colors.failure : theme.colors.text;
|
|
@@ -14213,7 +14855,10 @@ var NumericalInput = /*#__PURE__*/React__default.memo(function InnerInput(_ref4)
|
|
|
14213
14855
|
});
|
|
14214
14856
|
|
|
14215
14857
|
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;
|
|
14216
|
-
var SpacePadDatesWrapper = styled.div(
|
|
14858
|
+
var SpacePadDatesWrapper = styled.div.withConfig({
|
|
14859
|
+
displayName: "SpacePadDatesWrapper",
|
|
14860
|
+
componentId: "sc-wmdxzq-0"
|
|
14861
|
+
})(_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) {
|
|
14217
14862
|
var theme = _ref.theme;
|
|
14218
14863
|
return theme.backgrounds.secondary;
|
|
14219
14864
|
}, function (_ref2) {
|
|
@@ -14223,7 +14868,10 @@ var SpacePadDatesWrapper = styled.div(_templateObject$C || (_templateObject$C =
|
|
|
14223
14868
|
var theme = _ref3.theme;
|
|
14224
14869
|
return theme.mediaQueries.mobile;
|
|
14225
14870
|
});
|
|
14226
|
-
var ActiveDot = styled.div(
|
|
14871
|
+
var ActiveDot = styled.div.withConfig({
|
|
14872
|
+
displayName: "ActiveDot",
|
|
14873
|
+
componentId: "sc-wmdxzq-1"
|
|
14874
|
+
})(_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) {
|
|
14227
14875
|
var color = _ref4.color;
|
|
14228
14876
|
return color;
|
|
14229
14877
|
}, function (_ref5) {
|
|
@@ -14233,45 +14881,81 @@ var ActiveDot = styled.div(_templateObject2$u || (_templateObject2$u = _taggedTe
|
|
|
14233
14881
|
var fetchingData = _ref6.fetchingData;
|
|
14234
14882
|
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 ";
|
|
14235
14883
|
});
|
|
14236
|
-
var TimeWrapper = styled.div(
|
|
14884
|
+
var TimeWrapper = styled.div.withConfig({
|
|
14885
|
+
displayName: "TimeWrapper",
|
|
14886
|
+
componentId: "sc-wmdxzq-2"
|
|
14887
|
+
})(_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) {
|
|
14237
14888
|
var theme = _ref7.theme;
|
|
14238
14889
|
return theme.mediaQueries.mobile;
|
|
14239
14890
|
});
|
|
14240
|
-
var EndTimeWrapper = styled.div(
|
|
14241
|
-
|
|
14242
|
-
|
|
14891
|
+
var EndTimeWrapper = styled.div.withConfig({
|
|
14892
|
+
displayName: "EndTimeWrapper",
|
|
14893
|
+
componentId: "sc-wmdxzq-3"
|
|
14894
|
+
})(_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"])));
|
|
14895
|
+
var TimeNumber = styled(Text).withConfig({
|
|
14896
|
+
displayName: "TimeNumber",
|
|
14897
|
+
componentId: "sc-wmdxzq-4"
|
|
14898
|
+
})(_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"])));
|
|
14899
|
+
var PeriodText = styled(Text).withConfig({
|
|
14900
|
+
displayName: "PeriodText",
|
|
14901
|
+
componentId: "sc-wmdxzq-5"
|
|
14902
|
+
})(_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) {
|
|
14243
14903
|
var theme = _ref8.theme;
|
|
14244
14904
|
return theme.colors.primary;
|
|
14245
14905
|
});
|
|
14246
|
-
var DetailedTimeWrapper = styled.div(
|
|
14906
|
+
var DetailedTimeWrapper = styled.div.withConfig({
|
|
14907
|
+
displayName: "DetailedTimeWrapper",
|
|
14908
|
+
componentId: "sc-wmdxzq-6"
|
|
14909
|
+
})(_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) {
|
|
14247
14910
|
var theme = _ref9.theme;
|
|
14248
14911
|
return theme.colors.white30;
|
|
14249
14912
|
});
|
|
14250
|
-
var TimeValues = styled.div(
|
|
14251
|
-
|
|
14913
|
+
var TimeValues = styled.div.withConfig({
|
|
14914
|
+
displayName: "TimeValues",
|
|
14915
|
+
componentId: "sc-wmdxzq-7"
|
|
14916
|
+
})(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n width: 30px;\n"])));
|
|
14917
|
+
var DateWrapper = styled.div.withConfig({
|
|
14918
|
+
displayName: "DateWrapper",
|
|
14919
|
+
componentId: "sc-wmdxzq-8"
|
|
14920
|
+
})(_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) {
|
|
14252
14921
|
var theme = _ref0.theme;
|
|
14253
14922
|
return theme.mediaQueries.mobile;
|
|
14254
14923
|
});
|
|
14255
|
-
var ActiveStateWrapper = styled.div(
|
|
14924
|
+
var ActiveStateWrapper = styled.div.withConfig({
|
|
14925
|
+
displayName: "ActiveStateWrapper",
|
|
14926
|
+
componentId: "sc-wmdxzq-9"
|
|
14927
|
+
})(_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) {
|
|
14256
14928
|
var theme = _ref1.theme;
|
|
14257
14929
|
return theme.mediaQueries.mobile;
|
|
14258
14930
|
});
|
|
14259
|
-
var RoundDescription = styled.div(
|
|
14931
|
+
var RoundDescription = styled.div.withConfig({
|
|
14932
|
+
displayName: "RoundDescription",
|
|
14933
|
+
componentId: "sc-wmdxzq-10"
|
|
14934
|
+
})(_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) {
|
|
14260
14935
|
var theme = _ref10.theme;
|
|
14261
14936
|
return theme.colors.white55;
|
|
14262
14937
|
});
|
|
14263
|
-
var AcocuntDataWrapper = styled.div(
|
|
14938
|
+
var AcocuntDataWrapper = styled.div.withConfig({
|
|
14939
|
+
displayName: "AcocuntDataWrapper",
|
|
14940
|
+
componentId: "sc-wmdxzq-11"
|
|
14941
|
+
})(_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) {
|
|
14264
14942
|
var theme = _ref11.theme;
|
|
14265
14943
|
return theme.mediaQueries.mobile;
|
|
14266
14944
|
});
|
|
14267
|
-
var AccountInfoText$1 = styled(Text)(
|
|
14945
|
+
var AccountInfoText$1 = styled(Text).withConfig({
|
|
14946
|
+
displayName: "AccountInfoText",
|
|
14947
|
+
componentId: "sc-wmdxzq-12"
|
|
14948
|
+
})(_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) {
|
|
14268
14949
|
var theme = _ref12.theme;
|
|
14269
14950
|
return theme.mediaQueries.tablet;
|
|
14270
14951
|
}, function (_ref13) {
|
|
14271
14952
|
var theme = _ref13.theme;
|
|
14272
14953
|
return theme.mediaQueries.mobile;
|
|
14273
14954
|
});
|
|
14274
|
-
var TimerText = styled(Text)(
|
|
14955
|
+
var TimerText = styled(Text).withConfig({
|
|
14956
|
+
displayName: "TimerText",
|
|
14957
|
+
componentId: "sc-wmdxzq-13"
|
|
14958
|
+
})(_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);
|
|
14275
14959
|
var SpacePadDates = function SpacePadDates(_ref14) {
|
|
14276
14960
|
var _ref14$days = _ref14.days,
|
|
14277
14961
|
days = _ref14$days === void 0 ? "3" : _ref14$days,
|
|
@@ -14412,12 +15096,21 @@ var SpacePadDates = function SpacePadDates(_ref14) {
|
|
|
14412
15096
|
};
|
|
14413
15097
|
|
|
14414
15098
|
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;
|
|
14415
|
-
var AddToCapWrapper = styled.div(
|
|
14416
|
-
|
|
15099
|
+
var AddToCapWrapper = styled.div.withConfig({
|
|
15100
|
+
displayName: "AddToCapWrapper",
|
|
15101
|
+
componentId: "sc-1vjnrpf-0"
|
|
15102
|
+
})(_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"])));
|
|
15103
|
+
var LogicComponentsWrapper = styled.div.withConfig({
|
|
15104
|
+
displayName: "LogicComponentsWrapper",
|
|
15105
|
+
componentId: "sc-1vjnrpf-1"
|
|
15106
|
+
})(_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) {
|
|
14417
15107
|
var theme = _ref.theme;
|
|
14418
15108
|
return theme.mediaQueries.mobile;
|
|
14419
15109
|
});
|
|
14420
|
-
var CapInput = styled(NumericalInput)(
|
|
15110
|
+
var CapInput = styled(NumericalInput).withConfig({
|
|
15111
|
+
displayName: "CapInput",
|
|
15112
|
+
componentId: "sc-1vjnrpf-2"
|
|
15113
|
+
})(_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) {
|
|
14421
15114
|
var theme = _ref2.theme;
|
|
14422
15115
|
return theme.colors.white10;
|
|
14423
15116
|
}, function (_ref3) {
|
|
@@ -14427,31 +15120,52 @@ var CapInput = styled(NumericalInput)(_templateObject3$n || (_templateObject3$n
|
|
|
14427
15120
|
var theme = _ref4.theme;
|
|
14428
15121
|
return theme.colors.white55;
|
|
14429
15122
|
});
|
|
14430
|
-
var EligibleWrapper = styled.div(
|
|
14431
|
-
|
|
15123
|
+
var EligibleWrapper = styled.div.withConfig({
|
|
15124
|
+
displayName: "EligibleWrapper",
|
|
15125
|
+
componentId: "sc-1vjnrpf-3"
|
|
15126
|
+
})(_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"])));
|
|
15127
|
+
var IdoActionButton = styled(Button$1).withConfig({
|
|
15128
|
+
displayName: "IdoActionButton",
|
|
15129
|
+
componentId: "sc-1vjnrpf-4"
|
|
15130
|
+
})(_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) {
|
|
14432
15131
|
var theme = _ref5.theme;
|
|
14433
15132
|
return theme.colors.dark;
|
|
14434
15133
|
}, function (_ref6) {
|
|
14435
15134
|
var theme = _ref6.theme;
|
|
14436
15135
|
return theme.mediaQueries.mobile;
|
|
14437
15136
|
});
|
|
14438
|
-
var MainFunctionsWrapper = styled.div(
|
|
15137
|
+
var MainFunctionsWrapper = styled.div.withConfig({
|
|
15138
|
+
displayName: "MainFunctionsWrapper",
|
|
15139
|
+
componentId: "sc-1vjnrpf-5"
|
|
15140
|
+
})(_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) {
|
|
14439
15141
|
var theme = _ref7.theme;
|
|
14440
15142
|
return theme.mediaQueries.mobile;
|
|
14441
15143
|
});
|
|
14442
|
-
var SignedRow = styled.div(
|
|
15144
|
+
var SignedRow = styled.div.withConfig({
|
|
15145
|
+
displayName: "SignedRow",
|
|
15146
|
+
componentId: "sc-1vjnrpf-6"
|
|
15147
|
+
})(_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) {
|
|
14443
15148
|
var theme = _ref8.theme;
|
|
14444
15149
|
return theme.mediaQueries.mobile;
|
|
14445
15150
|
});
|
|
14446
|
-
var ErrorComponent = styled(Text)(
|
|
15151
|
+
var ErrorComponent = styled(Text).withConfig({
|
|
15152
|
+
displayName: "ErrorComponent",
|
|
15153
|
+
componentId: "sc-1vjnrpf-7"
|
|
15154
|
+
})(_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) {
|
|
14447
15155
|
var theme = _ref9.theme;
|
|
14448
15156
|
return theme.colors.error;
|
|
14449
15157
|
});
|
|
14450
|
-
var CoinWrapper = styled.div
|
|
15158
|
+
var CoinWrapper = styled.div.withConfig({
|
|
15159
|
+
displayName: "CoinWrapper",
|
|
15160
|
+
componentId: "sc-1vjnrpf-8"
|
|
15161
|
+
})(_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) {
|
|
14451
15162
|
var theme = _ref0.theme;
|
|
14452
15163
|
return theme.mediaQueries.mobile;
|
|
14453
15164
|
});
|
|
14454
|
-
var AddCapButton = styled(Button$1)(
|
|
15165
|
+
var AddCapButton = styled(Button$1).withConfig({
|
|
15166
|
+
displayName: "AddCapButton",
|
|
15167
|
+
componentId: "sc-1vjnrpf-9"
|
|
15168
|
+
})(_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) {
|
|
14455
15169
|
var theme = _ref1.theme;
|
|
14456
15170
|
return theme.colors.dark;
|
|
14457
15171
|
}, function (_ref10) {
|
|
@@ -14461,17 +15175,32 @@ var AddCapButton = styled(Button$1)(_templateObject0$3 || (_templateObject0$3 =
|
|
|
14461
15175
|
var theme = _ref11.theme;
|
|
14462
15176
|
return theme.colors.white55;
|
|
14463
15177
|
});
|
|
14464
|
-
var AccountInfoText = styled(Text)(
|
|
15178
|
+
var AccountInfoText = styled(Text).withConfig({
|
|
15179
|
+
displayName: "AccountInfoText",
|
|
15180
|
+
componentId: "sc-1vjnrpf-10"
|
|
15181
|
+
})(_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) {
|
|
14465
15182
|
var theme = _ref12.theme;
|
|
14466
15183
|
return theme.mediaQueries.tablet;
|
|
14467
15184
|
}, function (_ref13) {
|
|
14468
15185
|
var theme = _ref13.theme;
|
|
14469
15186
|
return theme.mediaQueries.mobile;
|
|
14470
15187
|
}, space);
|
|
14471
|
-
var PersonalValuesWrapper = styled.div(
|
|
14472
|
-
|
|
14473
|
-
|
|
14474
|
-
|
|
15188
|
+
var PersonalValuesWrapper = styled.div.withConfig({
|
|
15189
|
+
displayName: "PersonalValuesWrapper",
|
|
15190
|
+
componentId: "sc-1vjnrpf-11"
|
|
15191
|
+
})(_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"])));
|
|
15192
|
+
var PersonalValueRow = styled.div.withConfig({
|
|
15193
|
+
displayName: "PersonalValueRow",
|
|
15194
|
+
componentId: "sc-1vjnrpf-12"
|
|
15195
|
+
})(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
15196
|
+
var PersonalValueTitle = styled(Text).withConfig({
|
|
15197
|
+
displayName: "PersonalValueTitle",
|
|
15198
|
+
componentId: "sc-1vjnrpf-13"
|
|
15199
|
+
})(_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"])));
|
|
15200
|
+
var Row = styled(Box).withConfig({
|
|
15201
|
+
displayName: "Row",
|
|
15202
|
+
componentId: "sc-1vjnrpf-14"
|
|
15203
|
+
})(_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) {
|
|
14475
15204
|
var align = _ref14.align;
|
|
14476
15205
|
return align || "center";
|
|
14477
15206
|
}, function (_ref15) {
|
|
@@ -14806,17 +15535,32 @@ var AddToCap = function AddToCap(_ref18) {
|
|
|
14806
15535
|
};
|
|
14807
15536
|
|
|
14808
15537
|
var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$g;
|
|
14809
|
-
var Description = styled.div(
|
|
14810
|
-
|
|
15538
|
+
var Description = styled.div.withConfig({
|
|
15539
|
+
displayName: "Description",
|
|
15540
|
+
componentId: "sc-h5yjzn-0"
|
|
15541
|
+
})(_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"])));
|
|
15542
|
+
var CounterWrapper = styled.div.withConfig({
|
|
15543
|
+
displayName: "CounterWrapper",
|
|
15544
|
+
componentId: "sc-h5yjzn-1"
|
|
15545
|
+
})(_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) {
|
|
14811
15546
|
var theme = _ref.theme;
|
|
14812
15547
|
return theme.backgrounds.secondary;
|
|
14813
15548
|
});
|
|
14814
|
-
var CapDescriptionWrapper = styled.div(
|
|
15549
|
+
var CapDescriptionWrapper = styled.div.withConfig({
|
|
15550
|
+
displayName: "CapDescriptionWrapper",
|
|
15551
|
+
componentId: "sc-h5yjzn-2"
|
|
15552
|
+
})(_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) {
|
|
14815
15553
|
var theme = _ref2.theme;
|
|
14816
15554
|
return theme.colors.white;
|
|
14817
15555
|
});
|
|
14818
|
-
var SoftCapWrapper = styled(CapDescriptionWrapper)(
|
|
14819
|
-
|
|
15556
|
+
var SoftCapWrapper = styled(CapDescriptionWrapper).withConfig({
|
|
15557
|
+
displayName: "SoftCapWrapper",
|
|
15558
|
+
componentId: "sc-h5yjzn-3"
|
|
15559
|
+
})(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n border-right: 2px solid #252530;\n margin-left: 10px;\n padding-right: 17px;\n"])));
|
|
15560
|
+
var HardCapWrapper = styled(CapDescriptionWrapper).withConfig({
|
|
15561
|
+
displayName: "HardCapWrapper",
|
|
15562
|
+
componentId: "sc-h5yjzn-4"
|
|
15563
|
+
})(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n align-items: center;\n margin-left: 32px;\n"])));
|
|
14820
15564
|
var CapCounter = function CapCounter(_ref3) {
|
|
14821
15565
|
var _ref3$softCap = _ref3.softCap,
|
|
14822
15566
|
softCap = _ref3$softCap === void 0 ? 332.52 : _ref3$softCap,
|
|
@@ -14871,17 +15615,32 @@ var SpacePadSchedule = function SpacePadSchedule(_ref) {
|
|
|
14871
15615
|
};
|
|
14872
15616
|
|
|
14873
15617
|
var _templateObject$z, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$f;
|
|
14874
|
-
var MainWrapper = styled.div
|
|
15618
|
+
var MainWrapper = styled.div.withConfig({
|
|
15619
|
+
displayName: "MainWrapper",
|
|
15620
|
+
componentId: "sc-1bkh9t5-0"
|
|
15621
|
+
})(_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) {
|
|
14875
15622
|
var width = _ref.width;
|
|
14876
15623
|
return width ? "".concat(width, "px") : "100%";
|
|
14877
15624
|
});
|
|
14878
|
-
var SecondWrapper = styled.div(
|
|
14879
|
-
|
|
15625
|
+
var SecondWrapper = styled.div.withConfig({
|
|
15626
|
+
displayName: "SecondWrapper",
|
|
15627
|
+
componentId: "sc-1bkh9t5-1"
|
|
15628
|
+
})(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n border-radius: 8px;\n z-index: 101;\n width: 100%;\n"])));
|
|
15629
|
+
var ToggleButton = styled.div.withConfig({
|
|
15630
|
+
displayName: "ToggleButton",
|
|
15631
|
+
componentId: "sc-1bkh9t5-2"
|
|
15632
|
+
})(_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) {
|
|
14880
15633
|
var isSwitched = _ref2.isSwitched;
|
|
14881
15634
|
return isSwitched ? "100%" : "0%";
|
|
14882
15635
|
});
|
|
14883
|
-
var RowWrapper = styled.div(
|
|
14884
|
-
|
|
15636
|
+
var RowWrapper = styled.div.withConfig({
|
|
15637
|
+
displayName: "RowWrapper",
|
|
15638
|
+
componentId: "sc-1bkh9t5-3"
|
|
15639
|
+
})(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n"])));
|
|
15640
|
+
var SubscriptionWrapper = styled.div.withConfig({
|
|
15641
|
+
displayName: "SubscriptionWrapper",
|
|
15642
|
+
componentId: "sc-1bkh9t5-4"
|
|
15643
|
+
})(_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) {
|
|
14885
15644
|
var isActive = _ref3.isActive;
|
|
14886
15645
|
return isActive ? "black" : "rgba(255, 255, 255, 0.25)";
|
|
14887
15646
|
});
|
|
@@ -14928,15 +15687,24 @@ var Switch = function Switch(_ref4) {
|
|
|
14928
15687
|
};
|
|
14929
15688
|
|
|
14930
15689
|
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;
|
|
14931
|
-
var SponsoredText = styled(Text)(
|
|
14932
|
-
|
|
15690
|
+
var SponsoredText = styled(Text).withConfig({
|
|
15691
|
+
displayName: "SponsoredText",
|
|
15692
|
+
componentId: "sc-8tid8r-0"
|
|
15693
|
+
})(_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"])));
|
|
15694
|
+
var SpacePadProjectWrapper = styled.div.withConfig({
|
|
15695
|
+
displayName: "SpacePadProjectWrapper",
|
|
15696
|
+
componentId: "sc-8tid8r-1"
|
|
15697
|
+
})(_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) {
|
|
14933
15698
|
var theme = _ref.theme;
|
|
14934
15699
|
return theme.mediaQueries.desktop;
|
|
14935
15700
|
}, function (_ref2) {
|
|
14936
15701
|
var theme = _ref2.theme;
|
|
14937
15702
|
return theme.mediaQueries.mobile;
|
|
14938
15703
|
});
|
|
14939
|
-
var SpacePadProjectCard = styled.div(
|
|
15704
|
+
var SpacePadProjectCard = styled.div.withConfig({
|
|
15705
|
+
displayName: "SpacePadProjectCard",
|
|
15706
|
+
componentId: "sc-8tid8r-2"
|
|
15707
|
+
})(_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) {
|
|
14940
15708
|
var theme = _ref3.theme;
|
|
14941
15709
|
return theme.backgrounds.primary;
|
|
14942
15710
|
}, function (_ref4) {
|
|
@@ -14944,29 +15712,62 @@ var SpacePadProjectCard = styled.div(_templateObject3$k || (_templateObject3$k =
|
|
|
14944
15712
|
highlighted = _ref4.highlighted;
|
|
14945
15713
|
return highlighted ? "#12FFB8" : theme.colors.white3;
|
|
14946
15714
|
});
|
|
14947
|
-
var ProjectPoster = styled.div(
|
|
15715
|
+
var ProjectPoster = styled.div.withConfig({
|
|
15716
|
+
displayName: "ProjectPoster",
|
|
15717
|
+
componentId: "sc-8tid8r-3"
|
|
15718
|
+
})(_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) {
|
|
14948
15719
|
var background = _ref5.background;
|
|
14949
15720
|
return background;
|
|
14950
15721
|
});
|
|
14951
|
-
var ProjectLogo = styled.div(
|
|
15722
|
+
var ProjectLogo = styled.div.withConfig({
|
|
15723
|
+
displayName: "ProjectLogo",
|
|
15724
|
+
componentId: "sc-8tid8r-4"
|
|
15725
|
+
})(_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) {
|
|
14952
15726
|
var background = _ref6.background;
|
|
14953
15727
|
return background;
|
|
14954
15728
|
});
|
|
14955
|
-
var RoundWrapper = styled.div(
|
|
14956
|
-
|
|
15729
|
+
var RoundWrapper = styled.div.withConfig({
|
|
15730
|
+
displayName: "RoundWrapper",
|
|
15731
|
+
componentId: "sc-8tid8r-5"
|
|
15732
|
+
})(_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"])));
|
|
15733
|
+
var RoundNumber = styled.div.withConfig({
|
|
15734
|
+
displayName: "RoundNumber",
|
|
15735
|
+
componentId: "sc-8tid8r-6"
|
|
15736
|
+
})(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-end;\n justify-content: space-around;\n color: ", ";\n"])), function (_ref7) {
|
|
14957
15737
|
var theme = _ref7.theme;
|
|
14958
15738
|
return theme.colors.white55;
|
|
14959
15739
|
});
|
|
14960
|
-
var ProjectDetailsWrapper = styled.div(
|
|
14961
|
-
|
|
15740
|
+
var ProjectDetailsWrapper = styled.div.withConfig({
|
|
15741
|
+
displayName: "ProjectDetailsWrapper",
|
|
15742
|
+
componentId: "sc-8tid8r-7"
|
|
15743
|
+
})(_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"])));
|
|
15744
|
+
var IDOButton = styled(Button$1).withConfig({
|
|
15745
|
+
displayName: "IDOButton",
|
|
15746
|
+
componentId: "sc-8tid8r-8"
|
|
15747
|
+
})(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n width: max-content;\n color: ", ";\n padding: 8px 40px;\n"])), function (_ref8) {
|
|
14962
15748
|
var theme = _ref8.theme;
|
|
14963
15749
|
return theme.colors.white;
|
|
14964
15750
|
});
|
|
14965
|
-
var SwitcherRow = styled.div(
|
|
14966
|
-
|
|
14967
|
-
|
|
14968
|
-
|
|
14969
|
-
var
|
|
15751
|
+
var SwitcherRow = styled.div.withConfig({
|
|
15752
|
+
displayName: "SwitcherRow",
|
|
15753
|
+
componentId: "sc-8tid8r-9"
|
|
15754
|
+
})(_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"])));
|
|
15755
|
+
var DetailsColumn = styled.div.withConfig({
|
|
15756
|
+
displayName: "DetailsColumn",
|
|
15757
|
+
componentId: "sc-8tid8r-10"
|
|
15758
|
+
})(_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"])));
|
|
15759
|
+
var CommingSoonWrapper = styled.div.withConfig({
|
|
15760
|
+
displayName: "CommingSoonWrapper",
|
|
15761
|
+
componentId: "sc-8tid8r-11"
|
|
15762
|
+
})(_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"])));
|
|
15763
|
+
var CommingSoonTitle = styled(Text).withConfig({
|
|
15764
|
+
displayName: "CommingSoonTitle",
|
|
15765
|
+
componentId: "sc-8tid8r-12"
|
|
15766
|
+
})(_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"])));
|
|
15767
|
+
var MockedProgressComponent = styled.div.withConfig({
|
|
15768
|
+
displayName: "MockedProgressComponent",
|
|
15769
|
+
componentId: "sc-8tid8r-13"
|
|
15770
|
+
})(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n width: 100%;\n height: 75px;\n"])));
|
|
14970
15771
|
var SpacePadProject = function SpacePadProject(props) {
|
|
14971
15772
|
var spacePadData = props.spacePadData,
|
|
14972
15773
|
spaceRound = props.spaceRound,
|
|
@@ -15183,7 +15984,10 @@ var SpacePadProject = function SpacePadProject(props) {
|
|
|
15183
15984
|
};
|
|
15184
15985
|
|
|
15185
15986
|
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;
|
|
15186
|
-
var AccountInfoWrapper = styled.div(
|
|
15987
|
+
var AccountInfoWrapper = styled.div.withConfig({
|
|
15988
|
+
displayName: "AccountInfoWrapper",
|
|
15989
|
+
componentId: "sc-1p04ez8-0"
|
|
15990
|
+
})(_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) {
|
|
15187
15991
|
var theme = _ref.theme;
|
|
15188
15992
|
return theme.colors.card;
|
|
15189
15993
|
}, function (_ref2) {
|
|
@@ -15193,14 +15997,20 @@ var AccountInfoWrapper = styled.div(_templateObject$x || (_templateObject$x = _t
|
|
|
15193
15997
|
var theme = _ref3.theme;
|
|
15194
15998
|
return theme.mediaQueries.tablet;
|
|
15195
15999
|
});
|
|
15196
|
-
var StyledAccountInfo = styled.div(
|
|
16000
|
+
var StyledAccountInfo = styled.div.withConfig({
|
|
16001
|
+
displayName: "StyledAccountInfo",
|
|
16002
|
+
componentId: "sc-1p04ez8-1"
|
|
16003
|
+
})(_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) {
|
|
15197
16004
|
var theme = _ref4.theme;
|
|
15198
16005
|
return theme.mediaQueries.mobile;
|
|
15199
16006
|
}, function (_ref5) {
|
|
15200
16007
|
var connectionInProgress = _ref5.connectionInProgress;
|
|
15201
16008
|
return connectionInProgress ? "0px" : "24px";
|
|
15202
16009
|
});
|
|
15203
|
-
var UserComponent = styled.p(
|
|
16010
|
+
var UserComponent = styled.p.withConfig({
|
|
16011
|
+
displayName: "UserComponent",
|
|
16012
|
+
componentId: "sc-1p04ez8-2"
|
|
16013
|
+
})(_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) {
|
|
15204
16014
|
var theme = _ref6.theme;
|
|
15205
16015
|
return theme.mediaQueries.tablet;
|
|
15206
16016
|
}, function (_ref7) {
|
|
@@ -15223,7 +16033,10 @@ var UserComponent = styled.p(_templateObject3$j || (_templateObject3$j = _tagged
|
|
|
15223
16033
|
// border-radius: 23px;
|
|
15224
16034
|
// background: #2b2b38;
|
|
15225
16035
|
// `;
|
|
15226
|
-
var AccountComponent = styled.div(
|
|
16036
|
+
var AccountComponent = styled.div.withConfig({
|
|
16037
|
+
displayName: "AccountComponent",
|
|
16038
|
+
componentId: "sc-1p04ez8-3"
|
|
16039
|
+
})(_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) {
|
|
15227
16040
|
var theme = _ref0.theme;
|
|
15228
16041
|
return theme.colors.white3;
|
|
15229
16042
|
}, function (_ref1) {
|
|
@@ -15233,23 +16046,38 @@ var AccountComponent = styled.div(_templateObject4$f || (_templateObject4$f = _t
|
|
|
15233
16046
|
var theme = _ref10.theme;
|
|
15234
16047
|
return theme.mediaQueries.tablet;
|
|
15235
16048
|
});
|
|
15236
|
-
var BalanceText = styled(Text)(
|
|
16049
|
+
var BalanceText = styled(Text).withConfig({
|
|
16050
|
+
displayName: "BalanceText",
|
|
16051
|
+
componentId: "sc-1p04ez8-4"
|
|
16052
|
+
})(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteral(["\n margin-left: 50px;\n ", " {\n margin-left: 0px;\n }\n"])), function (_ref11) {
|
|
15237
16053
|
var theme = _ref11.theme;
|
|
15238
16054
|
return theme.mediaQueries.tablet;
|
|
15239
16055
|
});
|
|
15240
|
-
var AccountTitle = styled(Text)(
|
|
16056
|
+
var AccountTitle = styled(Text).withConfig({
|
|
16057
|
+
displayName: "AccountTitle",
|
|
16058
|
+
componentId: "sc-1p04ez8-5"
|
|
16059
|
+
})(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral(["\n ", " {\n display: none;\n }\n"])), function (_ref12) {
|
|
15241
16060
|
var theme = _ref12.theme;
|
|
15242
16061
|
return theme.mediaQueries.mobile;
|
|
15243
16062
|
});
|
|
15244
|
-
var StyledUserAvatar = styled(Icon$20)(
|
|
16063
|
+
var StyledUserAvatar = styled(Icon$20).withConfig({
|
|
16064
|
+
displayName: "StyledUserAvatar",
|
|
16065
|
+
componentId: "sc-1p04ez8-6"
|
|
16066
|
+
})(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n width: 44px;\n height: 44px;\n z-index: 99999;\n ", " {\n display: none;\n }\n"])), function (_ref13) {
|
|
15245
16067
|
var theme = _ref13.theme;
|
|
15246
16068
|
return theme.mediaQueries.mobile;
|
|
15247
16069
|
});
|
|
15248
|
-
var StyledMobileUserAvatar = styled(Icon$1$)(
|
|
16070
|
+
var StyledMobileUserAvatar = styled(Icon$1$).withConfig({
|
|
16071
|
+
displayName: "StyledMobileUserAvatar",
|
|
16072
|
+
componentId: "sc-1p04ez8-7"
|
|
16073
|
+
})(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n width: 44px;\n height: 44px;\n display: none;\n ", " {\n display: block;\n }\n"])), function (_ref14) {
|
|
15249
16074
|
var theme = _ref14.theme;
|
|
15250
16075
|
return theme.mediaQueries.mobile;
|
|
15251
16076
|
});
|
|
15252
|
-
var UserUpdateComponent = styled.div(
|
|
16077
|
+
var UserUpdateComponent = styled.div.withConfig({
|
|
16078
|
+
displayName: "UserUpdateComponent",
|
|
16079
|
+
componentId: "sc-1p04ez8-8"
|
|
16080
|
+
})(_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) {
|
|
15253
16081
|
var mobile = _ref15.mobile;
|
|
15254
16082
|
return mobile ? "none" : "flex";
|
|
15255
16083
|
}, function (_ref16) {
|
|
@@ -15259,7 +16087,10 @@ var UserUpdateComponent = styled.div(_templateObject9$1 || (_templateObject9$1 =
|
|
|
15259
16087
|
var mobile = _ref17.mobile;
|
|
15260
16088
|
return mobile ? "flex" : "none";
|
|
15261
16089
|
});
|
|
15262
|
-
var MobileUserAndUpdate = styled.div(
|
|
16090
|
+
var MobileUserAndUpdate = styled.div.withConfig({
|
|
16091
|
+
displayName: "MobileUserAndUpdate",
|
|
16092
|
+
componentId: "sc-1p04ez8-9"
|
|
16093
|
+
})(_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) {
|
|
15263
16094
|
var theme = _ref18.theme;
|
|
15264
16095
|
return theme.mediaQueries.mobile;
|
|
15265
16096
|
}, function (_ref19) {
|
|
@@ -15269,26 +16100,41 @@ var MobileUserAndUpdate = styled.div(_templateObject0$1 || (_templateObject0$1 =
|
|
|
15269
16100
|
var connectionInProgress = _ref20.connectionInProgress;
|
|
15270
16101
|
return connectionInProgress ? "10px" : "39px";
|
|
15271
16102
|
});
|
|
15272
|
-
var RefreshButton = styled.div(
|
|
16103
|
+
var RefreshButton = styled.div.withConfig({
|
|
16104
|
+
displayName: "RefreshButton",
|
|
16105
|
+
componentId: "sc-1p04ez8-10"
|
|
16106
|
+
})(_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) {
|
|
15273
16107
|
var theme = _ref21.theme;
|
|
15274
16108
|
return theme.colors.white;
|
|
15275
16109
|
});
|
|
15276
|
-
var StyledSyncIcon = styled.div(
|
|
16110
|
+
var StyledSyncIcon = styled.div.withConfig({
|
|
16111
|
+
displayName: "StyledSyncIcon",
|
|
16112
|
+
componentId: "sc-1p04ez8-11"
|
|
16113
|
+
})(_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) {
|
|
15277
16114
|
var syncing = _ref22.syncing;
|
|
15278
16115
|
return syncing && "animation: spin 2s linear infinite;";
|
|
15279
16116
|
});
|
|
15280
|
-
var UpdatedText = styled(Text)(
|
|
16117
|
+
var UpdatedText = styled(Text).withConfig({
|
|
16118
|
+
displayName: "UpdatedText",
|
|
16119
|
+
componentId: "sc-1p04ez8-12"
|
|
16120
|
+
})(_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) {
|
|
15281
16121
|
var theme = _ref23.theme;
|
|
15282
16122
|
return theme.colors.white55;
|
|
15283
16123
|
}, function (_ref24) {
|
|
15284
16124
|
var theme = _ref24.theme;
|
|
15285
16125
|
return theme.mediaQueries.mobile;
|
|
15286
16126
|
});
|
|
15287
|
-
var ValuesDetails = styled.div(
|
|
16127
|
+
var ValuesDetails = styled.div.withConfig({
|
|
16128
|
+
displayName: "ValuesDetails",
|
|
16129
|
+
componentId: "sc-1p04ez8-13"
|
|
16130
|
+
})(_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) {
|
|
15288
16131
|
var theme = _ref25.theme;
|
|
15289
16132
|
return theme.mediaQueries.tablet;
|
|
15290
16133
|
});
|
|
15291
|
-
var LoadingDots = styled.p
|
|
16134
|
+
var LoadingDots = styled.p.withConfig({
|
|
16135
|
+
displayName: "LoadingDots",
|
|
16136
|
+
componentId: "sc-1p04ez8-14"
|
|
16137
|
+
})(_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) {
|
|
15292
16138
|
var centered = _ref26.centered;
|
|
15293
16139
|
return centered ? "center" : "left";
|
|
15294
16140
|
});
|
|
@@ -15523,22 +16369,61 @@ var Icon$C = function Icon() {
|
|
|
15523
16369
|
};
|
|
15524
16370
|
|
|
15525
16371
|
var _templateObject$w, _templateObject2$o, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$8, _templateObject7$4, _templateObject8$1, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
|
|
15526
|
-
var Wrapper$2 = styled.div(
|
|
16372
|
+
var Wrapper$2 = styled.div.withConfig({
|
|
16373
|
+
displayName: "Wrapper",
|
|
16374
|
+
componentId: "sc-kcmda0-0"
|
|
16375
|
+
})(_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) {
|
|
15527
16376
|
var height = _ref.height;
|
|
15528
16377
|
return height ? "".concat(height, "px") : "auto";
|
|
15529
16378
|
});
|
|
15530
|
-
var Header = styled.div(
|
|
15531
|
-
|
|
15532
|
-
|
|
15533
|
-
|
|
15534
|
-
var
|
|
15535
|
-
|
|
15536
|
-
|
|
15537
|
-
|
|
15538
|
-
var
|
|
15539
|
-
|
|
15540
|
-
|
|
15541
|
-
|
|
16379
|
+
var Header = styled.div.withConfig({
|
|
16380
|
+
displayName: "Header",
|
|
16381
|
+
componentId: "sc-kcmda0-1"
|
|
16382
|
+
})(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
16383
|
+
var PoolWeightWrapper = styled.div.withConfig({
|
|
16384
|
+
displayName: "PoolWeightWrapper",
|
|
16385
|
+
componentId: "sc-kcmda0-2"
|
|
16386
|
+
})(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n width: auto;\n display: flex;\n flex-direction: column;\n"])));
|
|
16387
|
+
var PoolWeightText = styled(Text).withConfig({
|
|
16388
|
+
displayName: "PoolWeightText",
|
|
16389
|
+
componentId: "sc-kcmda0-3"
|
|
16390
|
+
})(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n color: rgba(255, 255, 255, 0.55);\n"])));
|
|
16391
|
+
var CssPowerText = styled(Text).withConfig({
|
|
16392
|
+
displayName: "CssPowerText",
|
|
16393
|
+
componentId: "sc-kcmda0-4"
|
|
16394
|
+
})(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n color: rgba(255, 255, 255, 0.55);\n"])));
|
|
16395
|
+
var RequirementDescripton = styled(Text).withConfig({
|
|
16396
|
+
displayName: "RequirementDescripton",
|
|
16397
|
+
componentId: "sc-kcmda0-5"
|
|
16398
|
+
})(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral(["\ncolor: rgba(255, 255, 255, 0.55);\n"])));
|
|
16399
|
+
var BulletPointText = styled(Text).withConfig({
|
|
16400
|
+
displayName: "BulletPointText",
|
|
16401
|
+
componentId: "sc-kcmda0-6"
|
|
16402
|
+
})(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\ncolor: rgba(255, 255, 255, 0.55);\nmargin-left: 20px;\n"])));
|
|
16403
|
+
var CssPowerWrapper = styled.div.withConfig({
|
|
16404
|
+
displayName: "CssPowerWrapper",
|
|
16405
|
+
componentId: "sc-kcmda0-7"
|
|
16406
|
+
})(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n margin-top: 16px;\n margin-bottom: 30px;\n"])));
|
|
16407
|
+
var CssPowerValueWrapper = styled.div.withConfig({
|
|
16408
|
+
displayName: "CssPowerValueWrapper",
|
|
16409
|
+
componentId: "sc-kcmda0-8"
|
|
16410
|
+
})(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-left: 12px;\n"])));
|
|
16411
|
+
var RequirementsDescriptionWrapper = styled.div.withConfig({
|
|
16412
|
+
displayName: "RequirementsDescriptionWrapper",
|
|
16413
|
+
componentId: "sc-kcmda0-9"
|
|
16414
|
+
})(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-top: 32px;\n margin-bottom: 16px;\n gap: 16px;\n"])));
|
|
16415
|
+
var BulletPointLine = styled(Text).withConfig({
|
|
16416
|
+
displayName: "BulletPointLine",
|
|
16417
|
+
componentId: "sc-kcmda0-10"
|
|
16418
|
+
})(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n"])));
|
|
16419
|
+
var BulletPointIconWrapper = styled.div.withConfig({
|
|
16420
|
+
displayName: "BulletPointIconWrapper",
|
|
16421
|
+
componentId: "sc-kcmda0-11"
|
|
16422
|
+
})(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
16423
|
+
var AdditionalInfo = styled(Text).withConfig({
|
|
16424
|
+
displayName: "AdditionalInfo",
|
|
16425
|
+
componentId: "sc-kcmda0-12"
|
|
16426
|
+
})(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n color: rgba(255, 255, 255, 0.55);\n margin-top: 32px;\n"])));
|
|
15542
16427
|
var TierCard = function TierCard(_ref2) {
|
|
15543
16428
|
var tierNumber = _ref2.tierNumber,
|
|
15544
16429
|
poolWeightPercentage = _ref2.poolWeightPercentage,
|
|
@@ -15608,15 +16493,33 @@ var TierCard = function TierCard(_ref2) {
|
|
|
15608
16493
|
};
|
|
15609
16494
|
|
|
15610
16495
|
var _templateObject$v, _templateObject2$n, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$7;
|
|
15611
|
-
var Wrapper$1 = styled.div(
|
|
15612
|
-
|
|
15613
|
-
|
|
15614
|
-
|
|
15615
|
-
var
|
|
16496
|
+
var Wrapper$1 = styled.div.withConfig({
|
|
16497
|
+
displayName: "Wrapper",
|
|
16498
|
+
componentId: "sc-8hnj4a-0"
|
|
16499
|
+
})(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 300px;\n"])));
|
|
16500
|
+
var Upper = styled.div.withConfig({
|
|
16501
|
+
displayName: "Upper",
|
|
16502
|
+
componentId: "sc-8hnj4a-1"
|
|
16503
|
+
})(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
16504
|
+
var IconWrapper = styled.div.withConfig({
|
|
16505
|
+
displayName: "IconWrapper",
|
|
16506
|
+
componentId: "sc-8hnj4a-2"
|
|
16507
|
+
})(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n margin: 0 auto;\n max-width: 220px;\n max-height: 160px;\n"])));
|
|
16508
|
+
var StepNumber = styled.p.withConfig({
|
|
16509
|
+
displayName: "StepNumber",
|
|
16510
|
+
componentId: "sc-8hnj4a-3"
|
|
16511
|
+
})(_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"])));
|
|
16512
|
+
var StepDescription = styled(Text).withConfig({
|
|
16513
|
+
displayName: "StepDescription",
|
|
16514
|
+
componentId: "sc-8hnj4a-4"
|
|
16515
|
+
})(_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) {
|
|
15616
16516
|
var theme = _ref.theme;
|
|
15617
16517
|
return theme.mediaQueries.mobile;
|
|
15618
16518
|
});
|
|
15619
|
-
var StepLowerDescription = styled(StepDescription)(
|
|
16519
|
+
var StepLowerDescription = styled(StepDescription).withConfig({
|
|
16520
|
+
displayName: "StepLowerDescription",
|
|
16521
|
+
componentId: "sc-8hnj4a-5"
|
|
16522
|
+
})(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral(["\n margin-top: 20px;\n"])));
|
|
15620
16523
|
var getIconByStepNumber = function getIconByStepNumber(stepNumer) {
|
|
15621
16524
|
switch (stepNumer) {
|
|
15622
16525
|
case 1:
|
|
@@ -15670,20 +16573,35 @@ var IdoParticipationStep = function IdoParticipationStep(_ref2) {
|
|
|
15670
16573
|
};
|
|
15671
16574
|
|
|
15672
16575
|
var _templateObject$u, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$6, _templateObject7$3;
|
|
15673
|
-
var UserTiersWrapper = styled.div(
|
|
16576
|
+
var UserTiersWrapper = styled.div.withConfig({
|
|
16577
|
+
displayName: "UserTiersWrapper",
|
|
16578
|
+
componentId: "sc-ge61bg-0"
|
|
16579
|
+
})(_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) {
|
|
15674
16580
|
var theme = _ref.theme;
|
|
15675
16581
|
return theme.colors.card;
|
|
15676
16582
|
});
|
|
15677
|
-
var TiersTitle = styled(Text)(
|
|
16583
|
+
var TiersTitle = styled(Text).withConfig({
|
|
16584
|
+
displayName: "TiersTitle",
|
|
16585
|
+
componentId: "sc-ge61bg-1"
|
|
16586
|
+
})(_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) {
|
|
15678
16587
|
var theme = _ref2.theme;
|
|
15679
16588
|
return theme.colors.white;
|
|
15680
16589
|
});
|
|
15681
|
-
var Column = styled.div(
|
|
15682
|
-
|
|
16590
|
+
var Column = styled.div.withConfig({
|
|
16591
|
+
displayName: "Column",
|
|
16592
|
+
componentId: "sc-ge61bg-2"
|
|
16593
|
+
})(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n"])));
|
|
16594
|
+
var TierRow = styled(Box).withConfig({
|
|
16595
|
+
displayName: "TierRow",
|
|
16596
|
+
componentId: "sc-ge61bg-3"
|
|
16597
|
+
})(_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) {
|
|
15683
16598
|
var bordered = _ref3.bordered;
|
|
15684
16599
|
return bordered && "1px solid #272730";
|
|
15685
16600
|
});
|
|
15686
|
-
var TierNumberText = styled(Text)(
|
|
16601
|
+
var TierNumberText = styled(Text).withConfig({
|
|
16602
|
+
displayName: "TierNumberText",
|
|
16603
|
+
componentId: "sc-ge61bg-4"
|
|
16604
|
+
})(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 160%;\n color: ", ";\n font-weight: ", ";\n position: relative;\n"])), function (_ref4) {
|
|
15687
16605
|
var theme = _ref4.theme,
|
|
15688
16606
|
active = _ref4.active;
|
|
15689
16607
|
return active ? theme.colors.white : "#818c92";
|
|
@@ -15691,8 +16609,14 @@ var TierNumberText = styled(Text)(_templateObject5$a || (_templateObject5$a = _t
|
|
|
15691
16609
|
var active = _ref5.active;
|
|
15692
16610
|
return active ? "bold" : "normal";
|
|
15693
16611
|
});
|
|
15694
|
-
var TierInfoTag = styled(StyledTag)(
|
|
15695
|
-
|
|
16612
|
+
var TierInfoTag = styled(StyledTag).withConfig({
|
|
16613
|
+
displayName: "TierInfoTag",
|
|
16614
|
+
componentId: "sc-ge61bg-5"
|
|
16615
|
+
})(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n font-size: 11px;\n height: max-content;\n margin-right: 5px;\n"])));
|
|
16616
|
+
var TagsRow = styled.div.withConfig({
|
|
16617
|
+
displayName: "TagsRow",
|
|
16618
|
+
componentId: "sc-ge61bg-6"
|
|
16619
|
+
})(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n position: absolute;\n left: 45px;\n display: flex;\n"])));
|
|
15696
16620
|
var UserTiers = function UserTiers(props) {
|
|
15697
16621
|
var tiers = props.tiers,
|
|
15698
16622
|
_props$currentUserTie = props.currentUserTier,
|
|
@@ -15761,7 +16685,10 @@ var UserTiers = function UserTiers(props) {
|
|
|
15761
16685
|
};
|
|
15762
16686
|
|
|
15763
16687
|
var _templateObject$t;
|
|
15764
|
-
var StyledMultiValue = styled.div(
|
|
16688
|
+
var StyledMultiValue = styled.div.withConfig({
|
|
16689
|
+
displayName: "StyledMultiValue",
|
|
16690
|
+
componentId: "sc-11c5hed-0"
|
|
16691
|
+
})(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n"])));
|
|
15765
16692
|
var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
|
|
15766
16693
|
var spaceRound = _ref.spaceRound,
|
|
15767
16694
|
useEndTime = _ref.useEndTime,
|
|
@@ -15796,8 +16723,14 @@ var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
|
|
|
15796
16723
|
};
|
|
15797
16724
|
|
|
15798
16725
|
var _templateObject$s, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9;
|
|
15799
|
-
var LaunchWrapper = styled.div(
|
|
15800
|
-
|
|
16726
|
+
var LaunchWrapper = styled.div.withConfig({
|
|
16727
|
+
displayName: "LaunchWrapper",
|
|
16728
|
+
componentId: "sc-8kj88a-0"
|
|
16729
|
+
})(_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"])));
|
|
16730
|
+
var ForProjects = styled(Text).withConfig({
|
|
16731
|
+
displayName: "ForProjects",
|
|
16732
|
+
componentId: "sc-8kj88a-1"
|
|
16733
|
+
})(_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) {
|
|
15801
16734
|
var theme = _ref.theme,
|
|
15802
16735
|
mainColor = _ref.mainColor;
|
|
15803
16736
|
return mainColor || theme.colors.darkPurple;
|
|
@@ -15806,9 +16739,18 @@ var ForProjects = styled(Text)(_templateObject2$l || (_templateObject2$l = _tagg
|
|
|
15806
16739
|
mainColor = _ref2.mainColor;
|
|
15807
16740
|
return mainColor || theme.colors.darkPurple;
|
|
15808
16741
|
});
|
|
15809
|
-
var LaunchHeader = styled(Text)(
|
|
15810
|
-
|
|
15811
|
-
|
|
16742
|
+
var LaunchHeader = styled(Text).withConfig({
|
|
16743
|
+
displayName: "LaunchHeader",
|
|
16744
|
+
componentId: "sc-8kj88a-2"
|
|
16745
|
+
})(_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"])));
|
|
16746
|
+
var LaunchDescription = styled(Text).withConfig({
|
|
16747
|
+
displayName: "LaunchDescription",
|
|
16748
|
+
componentId: "sc-8kj88a-3"
|
|
16749
|
+
})(_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"])));
|
|
16750
|
+
var ApplyForIdoButton = styled(Button$1).withConfig({
|
|
16751
|
+
displayName: "ApplyForIdoButton",
|
|
16752
|
+
componentId: "sc-8kj88a-4"
|
|
16753
|
+
})(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n width: 161px;\n height: 44px;\n border-radius: 10px;\n background: #12ffb8;\n margin-top: 45px;\n"])));
|
|
15812
16754
|
var SpacePadLaunch = function SpacePadLaunch(_ref3) {
|
|
15813
16755
|
var title = _ref3.title,
|
|
15814
16756
|
description = _ref3.description,
|
|
@@ -15838,14 +16780,23 @@ var SpacePadLaunch = function SpacePadLaunch(_ref3) {
|
|
|
15838
16780
|
};
|
|
15839
16781
|
|
|
15840
16782
|
var _templateObject$r;
|
|
15841
|
-
var ReferralTitle = styled(Text)(
|
|
16783
|
+
var ReferralTitle = styled(Text).withConfig({
|
|
16784
|
+
displayName: "ReferralTitle",
|
|
16785
|
+
componentId: "sc-q2pgu9-0"
|
|
16786
|
+
})(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 32px;\n line-height: 130%;\n color: ", ";\n"])), function (_ref) {
|
|
15842
16787
|
var fontColor = _ref.fontColor;
|
|
15843
16788
|
return fontColor || "#ffffff";
|
|
15844
16789
|
});
|
|
15845
16790
|
|
|
15846
16791
|
var _templateObject$q, _templateObject2$k;
|
|
15847
|
-
var ReferralBannerWrapper = styled.div(
|
|
15848
|
-
|
|
16792
|
+
var ReferralBannerWrapper = styled.div.withConfig({
|
|
16793
|
+
displayName: "ReferralBannerWrapper",
|
|
16794
|
+
componentId: "sc-3cib5z-0"
|
|
16795
|
+
})(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
16796
|
+
var InvitationDescription = styled(Text).withConfig({
|
|
16797
|
+
displayName: "InvitationDescription",
|
|
16798
|
+
componentId: "sc-3cib5z-1"
|
|
16799
|
+
})(_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"])));
|
|
15849
16800
|
var ReferralBanner = function ReferralBanner(props) {
|
|
15850
16801
|
var refFee = props.refFee,
|
|
15851
16802
|
onReadMore = props.onReadMore,
|
|
@@ -15911,18 +16862,36 @@ var copyValueToClipboard = function copyValueToClipboard(value, copyCallback) {
|
|
|
15911
16862
|
};
|
|
15912
16863
|
|
|
15913
16864
|
var _templateObject$p, _templateObject2$j, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$5;
|
|
15914
|
-
var TableCard = styled(Card)(
|
|
16865
|
+
var TableCard = styled(Card).withConfig({
|
|
16866
|
+
displayName: "TableCard",
|
|
16867
|
+
componentId: "sc-wd2wdf-0"
|
|
16868
|
+
})(_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) {
|
|
15915
16869
|
var theme = _ref.theme;
|
|
15916
16870
|
return theme.mediaQueries.sm;
|
|
15917
16871
|
});
|
|
15918
|
-
var CopyLinkCardWrapper = styled(TableCard)(
|
|
15919
|
-
|
|
16872
|
+
var CopyLinkCardWrapper = styled(TableCard).withConfig({
|
|
16873
|
+
displayName: "CopyLinkCardWrapper",
|
|
16874
|
+
componentId: "sc-wd2wdf-1"
|
|
16875
|
+
})(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n background: #1d1d26;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n"])));
|
|
16876
|
+
var MyReferralCard = styled(TableCard).withConfig({
|
|
16877
|
+
displayName: "MyReferralCard",
|
|
16878
|
+
componentId: "sc-wd2wdf-2"
|
|
16879
|
+
})(_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) {
|
|
15920
16880
|
var theme = _ref2.theme;
|
|
15921
16881
|
return theme.mediaQueries.sm;
|
|
15922
16882
|
});
|
|
15923
|
-
var RefLink = styled(Text)(
|
|
15924
|
-
|
|
15925
|
-
|
|
16883
|
+
var RefLink = styled(Text).withConfig({
|
|
16884
|
+
displayName: "RefLink",
|
|
16885
|
+
componentId: "sc-wd2wdf-3"
|
|
16886
|
+
})(_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"])));
|
|
16887
|
+
var SocialRow = styled.div.withConfig({
|
|
16888
|
+
displayName: "SocialRow",
|
|
16889
|
+
componentId: "sc-wd2wdf-4"
|
|
16890
|
+
})(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n"])));
|
|
16891
|
+
var ShareText = styled(Text).withConfig({
|
|
16892
|
+
displayName: "ShareText",
|
|
16893
|
+
componentId: "sc-wd2wdf-5"
|
|
16894
|
+
})(_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"])));
|
|
15926
16895
|
var CopyLinkCard = function CopyLinkCard(_ref3) {
|
|
15927
16896
|
var refLink = _ref3.refLink;
|
|
15928
16897
|
var _useState = useState(false),
|
|
@@ -16664,11 +17633,17 @@ var IconModule = /*#__PURE__*/Object.freeze({
|
|
|
16664
17633
|
});
|
|
16665
17634
|
|
|
16666
17635
|
var _templateObject$o, _templateObject2$i;
|
|
16667
|
-
var StyledLink = styled(Link$1)
|
|
17636
|
+
var StyledLink = styled(Link$1).withConfig({
|
|
17637
|
+
displayName: "StyledLink",
|
|
17638
|
+
componentId: "sc-1u6975p-0"
|
|
17639
|
+
})(_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) {
|
|
16668
17640
|
var theme = _ref.theme;
|
|
16669
17641
|
return theme.mediaQueries.nav;
|
|
16670
17642
|
});
|
|
16671
|
-
var CoinswapLogo = styled.div
|
|
17643
|
+
var CoinswapLogo = styled.div.withConfig({
|
|
17644
|
+
displayName: "CoinswapLogo",
|
|
17645
|
+
componentId: "sc-1u6975p-1"
|
|
17646
|
+
})(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n $opacity: ", ";\n width: ", ";\n transition: width 0.6s, $opacity 0.3s;\n"])), function (_ref2) {
|
|
16672
17647
|
var isPushed = _ref2.isPushed;
|
|
16673
17648
|
return isPushed ? 1 : 0;
|
|
16674
17649
|
}, function (_ref3) {
|
|
@@ -16863,7 +17838,10 @@ var SIDEBAR_WIDTH_REDUCED = 70;
|
|
|
16863
17838
|
|
|
16864
17839
|
var _templateObject$n, _templateObject2$h, _templateObject3$d;
|
|
16865
17840
|
var rainbowAnimation = 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"])));
|
|
16866
|
-
var LinkLabel = styled.div
|
|
17841
|
+
var LinkLabel = styled.div.withConfig({
|
|
17842
|
+
displayName: "LinkLabel",
|
|
17843
|
+
componentId: "sc-1sxukum-0"
|
|
17844
|
+
})(_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) {
|
|
16867
17845
|
var isPushed = _ref.isPushed,
|
|
16868
17846
|
isActive = _ref.isActive;
|
|
16869
17847
|
return !isPushed ? "transparent" : isActive ? "rgba(255, 255, 255, 1)" : "rgba(255, 255, 255, 0.5)";
|
|
@@ -16871,7 +17849,10 @@ var LinkLabel = styled.div(_templateObject2$h || (_templateObject2$h = _taggedTe
|
|
|
16871
17849
|
var isPushed = _ref2.isPushed;
|
|
16872
17850
|
return isPushed ? "1" : "0";
|
|
16873
17851
|
});
|
|
16874
|
-
var MenuEntry = styled.div
|
|
17852
|
+
var MenuEntry = styled.div.withConfig({
|
|
17853
|
+
displayName: "MenuEntry",
|
|
17854
|
+
componentId: "sc-1sxukum-1"
|
|
17855
|
+
})(_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) {
|
|
16875
17856
|
var secondary = _ref3.secondary;
|
|
16876
17857
|
return secondary ? "0 32px" : "0 25px";
|
|
16877
17858
|
}, function (_ref4) {
|
|
@@ -16906,8 +17887,14 @@ var MenuEntry = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTe
|
|
|
16906
17887
|
});
|
|
16907
17888
|
|
|
16908
17889
|
var _templateObject$m, _templateObject2$g, _templateObject3$c;
|
|
16909
|
-
var Container$2 = styled.div(
|
|
16910
|
-
|
|
17890
|
+
var Container$2 = styled.div.withConfig({
|
|
17891
|
+
displayName: "Container",
|
|
17892
|
+
componentId: "sc-1j605qy-0"
|
|
17893
|
+
})(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n // Safari fix\n flex-shrink: 0;\n"])));
|
|
17894
|
+
var AccordionContent = styled.div.withConfig({
|
|
17895
|
+
displayName: "AccordionContent",
|
|
17896
|
+
componentId: "sc-1j605qy-1"
|
|
17897
|
+
})(_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) {
|
|
16911
17898
|
var isOpen = _ref.isOpen,
|
|
16912
17899
|
maxHeight = _ref.maxHeight;
|
|
16913
17900
|
return isOpen ? "".concat(maxHeight, "px") : 0;
|
|
@@ -16916,7 +17903,10 @@ var AccordionContent = styled.div(_templateObject2$g || (_templateObject2$g = _t
|
|
|
16916
17903
|
isPushed = _ref2.isPushed;
|
|
16917
17904
|
return isOpen && isPushed ? "rgba(133, 133, 133, 0.1)" : "transparent";
|
|
16918
17905
|
});
|
|
16919
|
-
var ArrowIcon = styled(Icon$2x)
|
|
17906
|
+
var ArrowIcon = styled(Icon$2x).withConfig({
|
|
17907
|
+
displayName: "ArrowIcon",
|
|
17908
|
+
componentId: "sc-1j605qy-2"
|
|
17909
|
+
})(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n margin-right: -7px !important;\n transform: rotate(", "deg);\n transition: transform 0.4s;\n"])), function (_ref3) {
|
|
16920
17910
|
var isOpen = _ref3.isOpen;
|
|
16921
17911
|
return isOpen ? 0 : 180;
|
|
16922
17912
|
});
|
|
@@ -16991,11 +17981,17 @@ var ExtraIcon;
|
|
|
16991
17981
|
|
|
16992
17982
|
var _templateObject$l, _templateObject2$f;
|
|
16993
17983
|
var Icons$2 = IconModule;
|
|
16994
|
-
var Container$1 = styled.div(
|
|
17984
|
+
var Container$1 = styled.div.withConfig({
|
|
17985
|
+
displayName: "Container",
|
|
17986
|
+
componentId: "sc-1qgqorz-0"
|
|
17987
|
+
})(_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) {
|
|
16995
17988
|
var theme = _ref.theme;
|
|
16996
17989
|
return theme.colors.primary;
|
|
16997
17990
|
});
|
|
16998
|
-
var NewLabel = styled.div(
|
|
17991
|
+
var NewLabel = styled.div.withConfig({
|
|
17992
|
+
displayName: "NewLabel",
|
|
17993
|
+
componentId: "sc-1qgqorz-1"
|
|
17994
|
+
})(_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) {
|
|
16999
17995
|
var theme = _ref2.theme;
|
|
17000
17996
|
return theme.colors.primary;
|
|
17001
17997
|
}, function (_ref3) {
|
|
@@ -17104,6 +18100,9 @@ var StyledNavButton = styled.button.withConfig({
|
|
|
17104
18100
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
17105
18101
|
return !['$fullWidth', '$isLoading'].includes(prop);
|
|
17106
18102
|
}
|
|
18103
|
+
}).withConfig({
|
|
18104
|
+
displayName: "StyledNavButton",
|
|
18105
|
+
componentId: "sc-11strgr-0"
|
|
17107
18106
|
})(_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) {
|
|
17108
18107
|
var $fullWidth = _ref.$fullWidth,
|
|
17109
18108
|
fullWidth = _ref.fullWidth;
|
|
@@ -17145,6 +18144,9 @@ var _templateObject$j;
|
|
|
17145
18144
|
var MenuButton = styled(NavButton).attrs({
|
|
17146
18145
|
variant: "text",
|
|
17147
18146
|
size: "sm"
|
|
18147
|
+
}).withConfig({
|
|
18148
|
+
displayName: "MenuButton",
|
|
18149
|
+
componentId: "sc-1nwrww1-0"
|
|
17148
18150
|
})(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n color: ", ";\n padding: 0 8px;\n border-radius: 8px;\n"])), function (_ref) {
|
|
17149
18151
|
var theme = _ref.theme;
|
|
17150
18152
|
return theme.colors.text;
|
|
@@ -17184,31 +18186,52 @@ var getLangFlag = function getLangFlag(lang) {
|
|
|
17184
18186
|
var _templateObject$i, _templateObject2$e, _templateObject3$b, _templateObject4$9, _templateObject5$7, _templateObject6$4, _templateObject7$2;
|
|
17185
18187
|
var Icons$1 = IconModule;
|
|
17186
18188
|
var LanguageIcon = Icons$1.LanguageIcon;
|
|
17187
|
-
var LangButton = styled(Button$1)
|
|
18189
|
+
var LangButton = styled(Button$1).withConfig({
|
|
18190
|
+
displayName: "LangButton",
|
|
18191
|
+
componentId: "sc-1yvxo6n-0"
|
|
18192
|
+
})(_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) {
|
|
17188
18193
|
var theme = _ref.theme;
|
|
17189
18194
|
return theme.colors.white3;
|
|
17190
18195
|
}, function (_ref2) {
|
|
17191
18196
|
var isPushed = _ref2.isPushed;
|
|
17192
18197
|
return isPushed ? 80 : 40;
|
|
17193
18198
|
});
|
|
17194
|
-
var LangModal = styled.div
|
|
18199
|
+
var LangModal = styled.div.withConfig({
|
|
18200
|
+
displayName: "LangModal",
|
|
18201
|
+
componentId: "sc-1yvxo6n-1"
|
|
18202
|
+
})(_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) {
|
|
17195
18203
|
var display = _ref3.display;
|
|
17196
18204
|
return display ? "block" : "none";
|
|
17197
18205
|
}, function (_ref4) {
|
|
17198
18206
|
var theme = _ref4.theme;
|
|
17199
18207
|
return theme.backgrounds.primary;
|
|
17200
18208
|
});
|
|
17201
|
-
var LangsList = styled.div(
|
|
18209
|
+
var LangsList = styled.div.withConfig({
|
|
18210
|
+
displayName: "LangsList",
|
|
18211
|
+
componentId: "sc-1yvxo6n-2"
|
|
18212
|
+
})(_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) {
|
|
17202
18213
|
var theme = _ref5.theme;
|
|
17203
18214
|
return theme.colors.white55;
|
|
17204
18215
|
}, function (_ref6) {
|
|
17205
18216
|
var theme = _ref6.theme;
|
|
17206
18217
|
return theme.colors.white30;
|
|
17207
18218
|
});
|
|
17208
|
-
var TitleContainer = styled.div(
|
|
17209
|
-
|
|
17210
|
-
|
|
17211
|
-
|
|
18219
|
+
var TitleContainer = styled.div.withConfig({
|
|
18220
|
+
displayName: "TitleContainer",
|
|
18221
|
+
componentId: "sc-1yvxo6n-3"
|
|
18222
|
+
})(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 10px;\n"])));
|
|
18223
|
+
var ButtonContainer$1 = styled.div.withConfig({
|
|
18224
|
+
displayName: "ButtonContainer",
|
|
18225
|
+
componentId: "sc-1yvxo6n-4"
|
|
18226
|
+
})(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\n width: 100%;\n text-align: start;\n padding: 0px 8px;\n"])));
|
|
18227
|
+
var LangText = styled(Text).withConfig({
|
|
18228
|
+
displayName: "LangText",
|
|
18229
|
+
componentId: "sc-1yvxo6n-5"
|
|
18230
|
+
})(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-left: 12px;\n"])));
|
|
18231
|
+
var MainLangText = styled(Text).withConfig({
|
|
18232
|
+
displayName: "MainLangText",
|
|
18233
|
+
componentId: "sc-1yvxo6n-6"
|
|
18234
|
+
})(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n opacity: ", ";\n width: ", ";\n transition: width 0.6s, opacity 0.3s;\n"])), function (_ref7) {
|
|
17212
18235
|
var isPushed = _ref7.isPushed;
|
|
17213
18236
|
return isPushed ? 1 : 0;
|
|
17214
18237
|
}, function (_ref8) {
|
|
@@ -17317,8 +18340,14 @@ var LangSelector = /*#__PURE__*/React__default.memo(LangSelector$1, function (pr
|
|
|
17317
18340
|
});
|
|
17318
18341
|
|
|
17319
18342
|
var _templateObject$h, _templateObject2$d;
|
|
17320
|
-
var Container = styled.div(
|
|
17321
|
-
|
|
18343
|
+
var Container = styled.div.withConfig({
|
|
18344
|
+
displayName: "Container",
|
|
18345
|
+
componentId: "sc-11jjlfd-0"
|
|
18346
|
+
})(_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"])));
|
|
18347
|
+
var SettingsEntry = styled.div.withConfig({
|
|
18348
|
+
displayName: "SettingsEntry",
|
|
18349
|
+
componentId: "sc-11jjlfd-1"
|
|
18350
|
+
})(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: auto;\n"])));
|
|
17322
18351
|
var PanelFooter = function PanelFooter(_ref) {
|
|
17323
18352
|
var isPushed = _ref.isPushed;
|
|
17324
18353
|
_ref.pushNav;
|
|
@@ -17344,22 +18373,34 @@ var PanelFooter = function PanelFooter(_ref) {
|
|
|
17344
18373
|
};
|
|
17345
18374
|
|
|
17346
18375
|
var _templateObject$g;
|
|
17347
|
-
var MobileEntry = styled.div(
|
|
18376
|
+
var MobileEntry = styled.div.withConfig({
|
|
18377
|
+
displayName: "MobileEntry",
|
|
18378
|
+
componentId: "sc-ialwsc-0"
|
|
18379
|
+
})(_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) {
|
|
17348
18380
|
var theme = _ref.theme;
|
|
17349
18381
|
return theme.colors.primary;
|
|
17350
18382
|
});
|
|
17351
18383
|
|
|
17352
18384
|
var _templateObject$f, _templateObject2$c, _templateObject3$a;
|
|
17353
18385
|
var MOBILE_MENU_PANEL_HEIGHT = 83;
|
|
17354
|
-
var MobileMenuContainer = styled.div(
|
|
18386
|
+
var MobileMenuContainer = styled.div.withConfig({
|
|
18387
|
+
displayName: "MobileMenuContainer",
|
|
18388
|
+
componentId: "sc-11f9rbo-0"
|
|
18389
|
+
})(_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) {
|
|
17355
18390
|
var theme = _ref.theme;
|
|
17356
18391
|
return theme.colors.card;
|
|
17357
18392
|
}, function (_ref2) {
|
|
17358
18393
|
var theme = _ref2.theme;
|
|
17359
18394
|
return theme.mediaQueries.mobile;
|
|
17360
18395
|
});
|
|
17361
|
-
var MobileLink = styled(MenuLink)(
|
|
17362
|
-
|
|
18396
|
+
var MobileLink = styled(MenuLink).withConfig({
|
|
18397
|
+
displayName: "MobileLink",
|
|
18398
|
+
componentId: "sc-11f9rbo-1"
|
|
18399
|
+
})(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-items: soace-between;\n align-items: center;\n"])));
|
|
18400
|
+
var MenuLinkLabel = styled.div.withConfig({
|
|
18401
|
+
displayName: "MenuLinkLabel",
|
|
18402
|
+
componentId: "sc-11f9rbo-2"
|
|
18403
|
+
})(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n font-weight: 700;\n font-size: 9px;\n color: white;\n"])));
|
|
17363
18404
|
var Icons = IconModule;
|
|
17364
18405
|
var MobileMenu = function MobileMenu(_ref3) {
|
|
17365
18406
|
var links = _ref3.links,
|
|
@@ -17395,7 +18436,10 @@ var MobileMenu = function MobileMenu(_ref3) {
|
|
|
17395
18436
|
};
|
|
17396
18437
|
|
|
17397
18438
|
var _templateObject$e, _templateObject2$b;
|
|
17398
|
-
var StyledPanel = styled.div
|
|
18439
|
+
var StyledPanel = styled.div.withConfig({
|
|
18440
|
+
displayName: "StyledPanel",
|
|
18441
|
+
componentId: "sc-1b3g4s2-0"
|
|
18442
|
+
})(_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) {
|
|
17399
18443
|
var isPushed = _ref.isPushed;
|
|
17400
18444
|
return "".concat(isPushed ? SIDEBAR_WIDTH_FULL : SIDEBAR_WIDTH_REDUCED, "px");
|
|
17401
18445
|
}, function (_ref2) {
|
|
@@ -17408,7 +18452,10 @@ var StyledPanel = styled.div(_templateObject$e || (_templateObject$e = _taggedTe
|
|
|
17408
18452
|
var isPushed = _ref4.isPushed;
|
|
17409
18453
|
return isPushed ? "100%" : "0px";
|
|
17410
18454
|
}, MOBILE_MENU_PANEL_HEIGHT);
|
|
17411
|
-
var RowSplitter = styled.div(
|
|
18455
|
+
var RowSplitter = styled.div.withConfig({
|
|
18456
|
+
displayName: "RowSplitter",
|
|
18457
|
+
componentId: "sc-1b3g4s2-1"
|
|
18458
|
+
})(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n border: 1px solid #252530;\n margin: ", ";\n"])), function (_ref5) {
|
|
17412
18459
|
var isPushed = _ref5.isPushed;
|
|
17413
18460
|
return isPushed ? "20px" : "20px 15px";
|
|
17414
18461
|
});
|
|
@@ -17431,11 +18478,26 @@ var Panel = function Panel(props) {
|
|
|
17431
18478
|
};
|
|
17432
18479
|
|
|
17433
18480
|
var _templateObject$d, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$6;
|
|
17434
|
-
var Space = styled.div(
|
|
17435
|
-
|
|
17436
|
-
|
|
17437
|
-
|
|
17438
|
-
var
|
|
18481
|
+
var Space = styled.div.withConfig({
|
|
18482
|
+
displayName: "Space",
|
|
18483
|
+
componentId: "sc-11tnsw3-0"
|
|
18484
|
+
})(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n width: 30px;\n"])));
|
|
18485
|
+
var DisclaimerContainer = styled.div.withConfig({
|
|
18486
|
+
displayName: "DisclaimerContainer",
|
|
18487
|
+
componentId: "sc-11tnsw3-1"
|
|
18488
|
+
})(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n max-width: 430px;\n"])));
|
|
18489
|
+
var CheckBoxContainer = styled.div.withConfig({
|
|
18490
|
+
displayName: "CheckBoxContainer",
|
|
18491
|
+
componentId: "sc-11tnsw3-2"
|
|
18492
|
+
})(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n width: 20%;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
18493
|
+
var ButtonContainer = styled.div.withConfig({
|
|
18494
|
+
displayName: "ButtonContainer",
|
|
18495
|
+
componentId: "sc-11tnsw3-3"
|
|
18496
|
+
})(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n margin-top: 25px;\n"])));
|
|
18497
|
+
var ListContainer = styled.div.withConfig({
|
|
18498
|
+
displayName: "ListContainer",
|
|
18499
|
+
componentId: "sc-11tnsw3-4"
|
|
18500
|
+
})(_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"])));
|
|
17439
18501
|
var DiclaimerModal = function DiclaimerModal(_ref) {
|
|
17440
18502
|
var _ref$onDismiss = _ref.onDismiss,
|
|
17441
18503
|
onDismiss = _ref$onDismiss === void 0 ? function () {
|
|
@@ -17678,12 +18740,21 @@ var useAutoDisclaimer = function useAutoDisclaimer(_ref) {
|
|
|
17678
18740
|
};
|
|
17679
18741
|
|
|
17680
18742
|
var _templateObject$c, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$5;
|
|
17681
|
-
var UserBlockWrapper = styled.div(
|
|
17682
|
-
|
|
18743
|
+
var UserBlockWrapper = styled.div.withConfig({
|
|
18744
|
+
displayName: "UserBlockWrapper",
|
|
18745
|
+
componentId: "sc-1speva4-0"
|
|
18746
|
+
})(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n\n @media (max-width: 608px) {\n flex: 100%;\n }\n"])));
|
|
18747
|
+
var ConnectButton = styled(Button$1).withConfig({
|
|
18748
|
+
displayName: "ConnectButton",
|
|
18749
|
+
componentId: "sc-1speva4-1"
|
|
18750
|
+
})(_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) {
|
|
17683
18751
|
var theme = _ref.theme;
|
|
17684
18752
|
return theme.mediaQueries.mobile;
|
|
17685
18753
|
});
|
|
17686
|
-
var AccountButton = styled(Button$1)(
|
|
18754
|
+
var AccountButton = styled(Button$1).withConfig({
|
|
18755
|
+
displayName: "AccountButton",
|
|
18756
|
+
componentId: "sc-1speva4-2"
|
|
18757
|
+
})(_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) {
|
|
17687
18758
|
var isUserVerified = _ref2.isUserVerified;
|
|
17688
18759
|
return isUserVerified ? "row" : "column-reverse";
|
|
17689
18760
|
}, function (_ref3) {
|
|
@@ -17693,11 +18764,17 @@ var AccountButton = styled(Button$1)(_templateObject3$8 || (_templateObject3$8 =
|
|
|
17693
18764
|
var theme = _ref4.theme;
|
|
17694
18765
|
return theme.mediaQueries.mobile;
|
|
17695
18766
|
});
|
|
17696
|
-
var VerifyAddressIndicator = styled(Text)(
|
|
18767
|
+
var VerifyAddressIndicator = styled(Text).withConfig({
|
|
18768
|
+
displayName: "VerifyAddressIndicator",
|
|
18769
|
+
componentId: "sc-1speva4-3"
|
|
18770
|
+
})(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n color: #f6465d;\n ", " {\n font-size: 10px;\n }\n"])), function (_ref5) {
|
|
17697
18771
|
var theme = _ref5.theme;
|
|
17698
18772
|
return theme.mediaQueries.mobile;
|
|
17699
18773
|
});
|
|
17700
|
-
var Account = styled(Text)(
|
|
18774
|
+
var Account = styled(Text).withConfig({
|
|
18775
|
+
displayName: "Account",
|
|
18776
|
+
componentId: "sc-1speva4-4"
|
|
18777
|
+
})(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n ", " {\n font-size: 10px;\n }\n"])), function (_ref6) {
|
|
17701
18778
|
var isUserVerified = _ref6.isUserVerified;
|
|
17702
18779
|
return !isUserVerified && "-5px";
|
|
17703
18780
|
}, function (_ref7) {
|
|
@@ -17750,7 +18827,10 @@ var UserBlock = function UserBlock(_ref8) {
|
|
|
17750
18827
|
};
|
|
17751
18828
|
|
|
17752
18829
|
var _templateObject$b, _templateObject2$8, _templateObject3$7;
|
|
17753
|
-
var BellBoxWrapper = styled.div(
|
|
18830
|
+
var BellBoxWrapper = styled.div.withConfig({
|
|
18831
|
+
displayName: "BellBoxWrapper",
|
|
18832
|
+
componentId: "sc-1ga2zxd-0"
|
|
18833
|
+
})(_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) {
|
|
17754
18834
|
var mobile = _ref.mobile;
|
|
17755
18835
|
return mobile ? "none" : "block";
|
|
17756
18836
|
}, function (_ref2) {
|
|
@@ -17761,7 +18841,10 @@ var BellBoxWrapper = styled.div(_templateObject$b || (_templateObject$b = _tagge
|
|
|
17761
18841
|
hasMsg = _ref3.hasMsg;
|
|
17762
18842
|
return mobile && hasMsg ? "block" : "none";
|
|
17763
18843
|
});
|
|
17764
|
-
var BellBox = styled(Link)(
|
|
18844
|
+
var BellBox = styled(Link).withConfig({
|
|
18845
|
+
displayName: "BellBox",
|
|
18846
|
+
componentId: "sc-1ga2zxd-1"
|
|
18847
|
+
})(_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) {
|
|
17765
18848
|
var hasMsg = _ref4.hasMsg,
|
|
17766
18849
|
theme = _ref4.theme;
|
|
17767
18850
|
return hasMsg ? "#1AC8FF" : theme.backgrounds.secondary;
|
|
@@ -17779,7 +18862,10 @@ var BellBox = styled(Link)(_templateObject2$8 || (_templateObject2$8 = _taggedTe
|
|
|
17779
18862
|
var hasMsg = _ref8.hasMsg;
|
|
17780
18863
|
return hasMsg && "\n box-shadow: 0px 0px 14px 3px rgba(46, 124, 246, 0.25);\n ";
|
|
17781
18864
|
});
|
|
17782
|
-
var NotificationNumber = styled.div
|
|
18865
|
+
var NotificationNumber = styled.div.withConfig({
|
|
18866
|
+
displayName: "NotificationNumber",
|
|
18867
|
+
componentId: "sc-1ga2zxd-2"
|
|
18868
|
+
})(_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) {
|
|
17783
18869
|
var hasMsg = _ref9.hasMsg;
|
|
17784
18870
|
return hasMsg ? 1 : 0;
|
|
17785
18871
|
}, function (_ref0) {
|
|
@@ -17817,7 +18903,10 @@ var BellNotifier = function BellNotifier(_ref1) {
|
|
|
17817
18903
|
};
|
|
17818
18904
|
|
|
17819
18905
|
var _templateObject$a, _templateObject2$7, _templateObject3$6, _templateObject4$6;
|
|
17820
|
-
var CryptoDropdownWrapper = styled.button
|
|
18906
|
+
var CryptoDropdownWrapper = styled.button.withConfig({
|
|
18907
|
+
displayName: "CryptoDropdownWrapper",
|
|
18908
|
+
componentId: "sc-uo8r8r-0"
|
|
18909
|
+
})(_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) {
|
|
17821
18910
|
return props.extended ? "6px 5px 6px 10px" : "10px";
|
|
17822
18911
|
}, function (props) {
|
|
17823
18912
|
return props.extended ? 130 : 70;
|
|
@@ -17828,7 +18917,10 @@ var CryptoDropdownWrapper = styled.button(_templateObject$a || (_templateObject$
|
|
|
17828
18917
|
var theme = _ref2.theme;
|
|
17829
18918
|
return theme.mediaQueries.mobile;
|
|
17830
18919
|
});
|
|
17831
|
-
var ButtonsContainer = styled.div
|
|
18920
|
+
var ButtonsContainer = styled.div.withConfig({
|
|
18921
|
+
displayName: "ButtonsContainer",
|
|
18922
|
+
componentId: "sc-uo8r8r-1"
|
|
18923
|
+
})(_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) {
|
|
17832
18924
|
var theme = _ref3.theme;
|
|
17833
18925
|
return theme.backgrounds.secondary;
|
|
17834
18926
|
}, function (_ref4) {
|
|
@@ -17844,8 +18936,14 @@ var ButtonsContainer = styled.div(_templateObject2$7 || (_templateObject2$7 = _t
|
|
|
17844
18936
|
}, function (props) {
|
|
17845
18937
|
return props.visible ? "flex" : "none";
|
|
17846
18938
|
});
|
|
17847
|
-
var ButtonRow = styled(Link)(
|
|
17848
|
-
|
|
18939
|
+
var ButtonRow = styled(Link).withConfig({
|
|
18940
|
+
displayName: "ButtonRow",
|
|
18941
|
+
componentId: "sc-uo8r8r-2"
|
|
18942
|
+
})(_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"])));
|
|
18943
|
+
var ButtonsSpacer = styled.div.withConfig({
|
|
18944
|
+
displayName: "ButtonsSpacer",
|
|
18945
|
+
componentId: "sc-uo8r8r-3"
|
|
18946
|
+
})(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n border: 1px solid #373749;\n width: calc(100% - 20px);\n"])));
|
|
17849
18947
|
var CryptoButton = function CryptoButton(_ref6) {
|
|
17850
18948
|
var _ref6$extended = _ref6.extended,
|
|
17851
18949
|
extended = _ref6$extended === void 0 ? false : _ref6$extended,
|
|
@@ -17931,7 +19029,10 @@ var CryptoButton = function CryptoButton(_ref6) {
|
|
|
17931
19029
|
};
|
|
17932
19030
|
|
|
17933
19031
|
var _templateObject$9, _templateObject2$6;
|
|
17934
|
-
var StyledUserButton = styled.div(
|
|
19032
|
+
var StyledUserButton = styled.div.withConfig({
|
|
19033
|
+
displayName: "StyledUserButton",
|
|
19034
|
+
componentId: "sc-3kmnlp-0"
|
|
19035
|
+
})(_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) {
|
|
17935
19036
|
var theme = _ref.theme;
|
|
17936
19037
|
return theme.colors.primary;
|
|
17937
19038
|
}, function (_ref2) {
|
|
@@ -17941,7 +19042,10 @@ var StyledUserButton = styled.div(_templateObject$9 || (_templateObject$9 = _tag
|
|
|
17941
19042
|
var theme = _ref3.theme;
|
|
17942
19043
|
return theme.mediaQueries.mobile;
|
|
17943
19044
|
});
|
|
17944
|
-
var StyledUserIcon = styled(Icon$1c)(
|
|
19045
|
+
var StyledUserIcon = styled(Icon$1c).withConfig({
|
|
19046
|
+
displayName: "StyledUserIcon",
|
|
19047
|
+
componentId: "sc-3kmnlp-1"
|
|
19048
|
+
})(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n ", " {\n height: 18px;\n }\n"])), function (_ref4) {
|
|
17945
19049
|
var theme = _ref4.theme;
|
|
17946
19050
|
return theme.mediaQueries.mobile;
|
|
17947
19051
|
});
|
|
@@ -17961,13 +19065,25 @@ var UserButton = function UserButton(_ref5) {
|
|
|
17961
19065
|
};
|
|
17962
19066
|
|
|
17963
19067
|
var _templateObject$8, _templateObject2$5, _templateObject3$5, _templateObject4$5, _templateObject5$4, _templateObject6$3;
|
|
17964
|
-
var Wrapper = styled.div(
|
|
17965
|
-
|
|
19068
|
+
var Wrapper = styled.div.withConfig({
|
|
19069
|
+
displayName: "Wrapper",
|
|
19070
|
+
componentId: "sc-2hf3ez-0"
|
|
19071
|
+
})(_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"])));
|
|
19072
|
+
var StyledNav = styled.nav.withConfig({
|
|
19073
|
+
displayName: "StyledNav",
|
|
19074
|
+
componentId: "sc-2hf3ez-1"
|
|
19075
|
+
})(_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) {
|
|
17966
19076
|
var theme = _ref.theme;
|
|
17967
19077
|
return theme.mediaQueries.mobile;
|
|
17968
19078
|
});
|
|
17969
|
-
var BodyWrapper = styled.div(
|
|
17970
|
-
|
|
19079
|
+
var BodyWrapper = styled.div.withConfig({
|
|
19080
|
+
displayName: "BodyWrapper",
|
|
19081
|
+
componentId: "sc-2hf3ez-2"
|
|
19082
|
+
})(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n min-height: 100vh;\n"])));
|
|
19083
|
+
var Inner = styled.div.withConfig({
|
|
19084
|
+
displayName: "Inner",
|
|
19085
|
+
componentId: "sc-2hf3ez-3"
|
|
19086
|
+
})(_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) {
|
|
17971
19087
|
var theme = _ref2.theme;
|
|
17972
19088
|
return theme.mediaQueries.mobile;
|
|
17973
19089
|
});
|
|
@@ -17979,7 +19095,10 @@ var Inner = styled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTempla
|
|
|
17979
19095
|
// opacity: 0;
|
|
17980
19096
|
// }
|
|
17981
19097
|
// `;
|
|
17982
|
-
var ButtonsRow$1 = styled.div(
|
|
19098
|
+
var ButtonsRow$1 = styled.div.withConfig({
|
|
19099
|
+
displayName: "ButtonsRow",
|
|
19100
|
+
componentId: "sc-2hf3ez-4"
|
|
19101
|
+
})(_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) {
|
|
17983
19102
|
var theme = _ref3.theme;
|
|
17984
19103
|
return theme.mediaQueries.mobile;
|
|
17985
19104
|
}, function (_ref4) {
|
|
@@ -17989,7 +19108,10 @@ var ButtonsRow$1 = styled.div(_templateObject5$4 || (_templateObject5$4 = _tagge
|
|
|
17989
19108
|
var isPushed = _ref5.isPushed;
|
|
17990
19109
|
return !isPushed && "\n margin-right: 12px;\n margin-top: 5px;\n ";
|
|
17991
19110
|
});
|
|
17992
|
-
var MenuContent = styled.div
|
|
19111
|
+
var MenuContent = styled.div.withConfig({
|
|
19112
|
+
displayName: "MenuContent",
|
|
19113
|
+
componentId: "sc-2hf3ez-5"
|
|
19114
|
+
})(_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) {
|
|
17993
19115
|
var theme = _ref6.theme;
|
|
17994
19116
|
return theme.mediaQueries.mobile;
|
|
17995
19117
|
});
|
|
@@ -18220,7 +19342,10 @@ var types = {
|
|
|
18220
19342
|
var _excluded = ["toast", "onRemove", "style", "ttl"];
|
|
18221
19343
|
var _templateObject$7;
|
|
18222
19344
|
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);
|
|
18223
|
-
var StyledToast = styled.div(
|
|
19345
|
+
var StyledToast = styled.div.withConfig({
|
|
19346
|
+
displayName: "StyledToast",
|
|
19347
|
+
componentId: "sc-1y3cmzu-0"
|
|
19348
|
+
})(_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) {
|
|
18224
19349
|
var theme = _ref.theme;
|
|
18225
19350
|
return theme.mediaQueries.sm;
|
|
18226
19351
|
});
|
|
@@ -18297,7 +19422,10 @@ var Toast = function Toast(_ref2) {
|
|
|
18297
19422
|
var _templateObject$6;
|
|
18298
19423
|
var ZINDEX = 1000;
|
|
18299
19424
|
var TOP_POSITION = 94; // Initial position from the top, 14px+
|
|
18300
|
-
var StyledToastContainer = styled.div(
|
|
19425
|
+
var StyledToastContainer = styled.div.withConfig({
|
|
19426
|
+
displayName: "StyledToastContainer",
|
|
19427
|
+
componentId: "sc-1cnkl3o-0"
|
|
19428
|
+
})(_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"])));
|
|
18301
19429
|
var ToastContainer = function ToastContainer(_ref) {
|
|
18302
19430
|
var toasts = _ref.toasts,
|
|
18303
19431
|
onRemove = _ref.onRemove,
|
|
@@ -18325,11 +19453,26 @@ var ToastContainer = function ToastContainer(_ref) {
|
|
|
18325
19453
|
};
|
|
18326
19454
|
|
|
18327
19455
|
var _templateObject$5, _templateObject2$4, _templateObject3$4, _templateObject4$4, _templateObject5$3;
|
|
18328
|
-
var VerificationModalContent = styled.div(
|
|
18329
|
-
|
|
18330
|
-
|
|
18331
|
-
|
|
18332
|
-
var
|
|
19456
|
+
var VerificationModalContent = styled.div.withConfig({
|
|
19457
|
+
displayName: "VerificationModalContent",
|
|
19458
|
+
componentId: "sc-1hw1n7f-0"
|
|
19459
|
+
})(_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"])));
|
|
19460
|
+
var DescriptionSection = styled.div.withConfig({
|
|
19461
|
+
displayName: "DescriptionSection",
|
|
19462
|
+
componentId: "sc-1hw1n7f-1"
|
|
19463
|
+
})(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n width: 305px;\n text-align: center;\n margin-top: 32px;\n margin-bottom: 32px;\n"])));
|
|
19464
|
+
var ModalText$1 = styled(Text).withConfig({
|
|
19465
|
+
displayName: "ModalText",
|
|
19466
|
+
componentId: "sc-1hw1n7f-2"
|
|
19467
|
+
})(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n line-height: 170%;\n"])));
|
|
19468
|
+
var ButtonsRow = styled.div.withConfig({
|
|
19469
|
+
displayName: "ButtonsRow",
|
|
19470
|
+
componentId: "sc-1hw1n7f-3"
|
|
19471
|
+
})(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-around;\n align-items: center;\n width: 100%;\n"])));
|
|
19472
|
+
var ModalButton$1 = styled(Button$1).withConfig({
|
|
19473
|
+
displayName: "ModalButton",
|
|
19474
|
+
componentId: "sc-1hw1n7f-4"
|
|
19475
|
+
})(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n width: 120px;\n padding: 0 8px;\n"])));
|
|
18333
19476
|
var VerificationModal = function VerificationModal(props) {
|
|
18334
19477
|
var onVerify = props.onVerify,
|
|
18335
19478
|
modalDescription = props.modalDescription,
|
|
@@ -18400,15 +19543,24 @@ var useVerificationModal = function useVerificationModal(_ref) {
|
|
|
18400
19543
|
};
|
|
18401
19544
|
|
|
18402
19545
|
var _templateObject$4, _templateObject2$3, _templateObject3$3, _templateObject4$3, _templateObject5$2, _templateObject6$2;
|
|
18403
|
-
var IdoExtensionsModalContent = styled.div(
|
|
18404
|
-
|
|
19546
|
+
var IdoExtensionsModalContent = styled.div.withConfig({
|
|
19547
|
+
displayName: "IdoExtensionsModalContent",
|
|
19548
|
+
componentId: "sc-cbodpl-0"
|
|
19549
|
+
})(_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"])));
|
|
19550
|
+
var ModalText = styled(Text).withConfig({
|
|
19551
|
+
displayName: "ModalText",
|
|
19552
|
+
componentId: "sc-cbodpl-1"
|
|
19553
|
+
})(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n line-height: 170%;\n width: ", ";\n ", " {\n width: 90%;\n }\n"])), function (_ref) {
|
|
18405
19554
|
var textWidth = _ref.textWidth;
|
|
18406
19555
|
return textWidth ? "".concat(textWidth, "px") : "100%";
|
|
18407
19556
|
}, function (_ref2) {
|
|
18408
19557
|
var theme = _ref2.theme;
|
|
18409
19558
|
return theme.mediaQueries.tablet;
|
|
18410
19559
|
});
|
|
18411
|
-
var InputWrapper = styled.div(
|
|
19560
|
+
var InputWrapper = styled.div.withConfig({
|
|
19561
|
+
displayName: "InputWrapper",
|
|
19562
|
+
componentId: "sc-cbodpl-2"
|
|
19563
|
+
})(_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) {
|
|
18412
19564
|
var marginTop = _ref3.marginTop;
|
|
18413
19565
|
return marginTop || 0;
|
|
18414
19566
|
}, function (_ref4) {
|
|
@@ -18418,12 +19570,21 @@ var InputWrapper = styled.div(_templateObject3$3 || (_templateObject3$3 = _tagge
|
|
|
18418
19570
|
var theme = _ref5.theme;
|
|
18419
19571
|
return theme.mediaQueries.mobile;
|
|
18420
19572
|
});
|
|
18421
|
-
var InfoText = styled(Text)(
|
|
19573
|
+
var InfoText = styled(Text).withConfig({
|
|
19574
|
+
displayName: "InfoText",
|
|
19575
|
+
componentId: "sc-cbodpl-3"
|
|
19576
|
+
})(_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) {
|
|
18422
19577
|
var theme = _ref6.theme;
|
|
18423
19578
|
return theme.colors.primary;
|
|
18424
19579
|
});
|
|
18425
|
-
var IdoExtensionsForm = styled.form(
|
|
18426
|
-
|
|
19580
|
+
var IdoExtensionsForm = styled.form.withConfig({
|
|
19581
|
+
displayName: "IdoExtensionsForm",
|
|
19582
|
+
componentId: "sc-cbodpl-4"
|
|
19583
|
+
})(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
19584
|
+
var ModalButton = styled(Button$1).withConfig({
|
|
19585
|
+
displayName: "ModalButton",
|
|
19586
|
+
componentId: "sc-cbodpl-5"
|
|
19587
|
+
})(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n width: 144px;\n margin-top: 24px;\n font-size: 14px;\n"])));
|
|
18427
19588
|
var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
|
|
18428
19589
|
var onExtensionsAdd = _ref7.onExtensionsAdd,
|
|
18429
19590
|
onDismiss = _ref7.onDismiss,
|
|
@@ -18661,13 +19822,25 @@ var useIdoExtensionsModal = function useIdoExtensionsModal(_ref) {
|
|
|
18661
19822
|
};
|
|
18662
19823
|
|
|
18663
19824
|
var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2;
|
|
18664
|
-
var PriceContainerWrapper$1 = styled.div
|
|
19825
|
+
var PriceContainerWrapper$1 = styled.div.withConfig({
|
|
19826
|
+
displayName: "PriceContainerWrapper",
|
|
19827
|
+
componentId: "sc-13wizbq-0"
|
|
19828
|
+
})(_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) {
|
|
18665
19829
|
var theme = _ref.theme;
|
|
18666
19830
|
return theme.backgrounds.secondary;
|
|
18667
19831
|
});
|
|
18668
|
-
var HeaderWrapper$1 = styled.div(
|
|
18669
|
-
|
|
18670
|
-
|
|
19832
|
+
var HeaderWrapper$1 = styled.div.withConfig({
|
|
19833
|
+
displayName: "HeaderWrapper",
|
|
19834
|
+
componentId: "sc-13wizbq-1"
|
|
19835
|
+
})(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 26px;\n"])));
|
|
19836
|
+
var OriginsWrapper = styled.div.withConfig({
|
|
19837
|
+
displayName: "OriginsWrapper",
|
|
19838
|
+
componentId: "sc-13wizbq-2"
|
|
19839
|
+
})(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
19840
|
+
var OriginTitle = styled(Text).withConfig({
|
|
19841
|
+
displayName: "OriginTitle",
|
|
19842
|
+
componentId: "sc-13wizbq-3"
|
|
19843
|
+
})(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n padding: 0px 12px;\n transition: all 0.5s;\n"])), function (_ref2) {
|
|
18671
19844
|
var currentIndex = _ref2.currentIndex,
|
|
18672
19845
|
index = _ref2.index,
|
|
18673
19846
|
theme = _ref2.theme;
|
|
@@ -18718,16 +19891,28 @@ var PriceContainer = function PriceContainer(_ref3) {
|
|
|
18718
19891
|
};
|
|
18719
19892
|
|
|
18720
19893
|
var _templateObject$2, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
|
|
18721
|
-
var PriceContainerWrapper = styled.div
|
|
19894
|
+
var PriceContainerWrapper = styled.div.withConfig({
|
|
19895
|
+
displayName: "PriceContainerWrapper",
|
|
19896
|
+
componentId: "sc-1yxjpp7-0"
|
|
19897
|
+
})(_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) {
|
|
18722
19898
|
var theme = _ref.theme;
|
|
18723
19899
|
return theme.backgrounds.secondary;
|
|
18724
19900
|
}, function (_ref2) {
|
|
18725
19901
|
var theme = _ref2.theme;
|
|
18726
19902
|
return theme.backgrounds.secondary;
|
|
18727
19903
|
});
|
|
18728
|
-
var HeaderWrapper = styled.div(
|
|
18729
|
-
|
|
18730
|
-
|
|
19904
|
+
var HeaderWrapper = styled.div.withConfig({
|
|
19905
|
+
displayName: "HeaderWrapper",
|
|
19906
|
+
componentId: "sc-1yxjpp7-1"
|
|
19907
|
+
})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 26px;\n"])));
|
|
19908
|
+
var TokensContainer = styled(GridLayout$1).withConfig({
|
|
19909
|
+
displayName: "TokensContainer",
|
|
19910
|
+
componentId: "sc-1yxjpp7-2"
|
|
19911
|
+
})(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n color: white;\n"])));
|
|
19912
|
+
var MainCoinWrapper = styled.div.withConfig({
|
|
19913
|
+
displayName: "MainCoinWrapper",
|
|
19914
|
+
componentId: "sc-1yxjpp7-3"
|
|
19915
|
+
})(_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) {
|
|
18731
19916
|
var theme = _ref3.theme;
|
|
18732
19917
|
return theme.colors.grey;
|
|
18733
19918
|
}, function (_ref4) {
|
|
@@ -18737,7 +19922,10 @@ var MainCoinWrapper = styled.div(_templateObject4$1 || (_templateObject4$1 = _ta
|
|
|
18737
19922
|
var theme = _ref5.theme;
|
|
18738
19923
|
return theme.colors.grey;
|
|
18739
19924
|
});
|
|
18740
|
-
var TokensWrapper = styled.div(
|
|
19925
|
+
var TokensWrapper = styled.div.withConfig({
|
|
19926
|
+
displayName: "TokensWrapper",
|
|
19927
|
+
componentId: "sc-1yxjpp7-4"
|
|
19928
|
+
})(_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) {
|
|
18741
19929
|
var noData = _ref6.noData;
|
|
18742
19930
|
return noData ? "center" : "space-between";
|
|
18743
19931
|
}, function (_ref7) {
|
|
@@ -18747,8 +19935,14 @@ var TokensWrapper = styled.div(_templateObject5$1 || (_templateObject5$1 = _tagg
|
|
|
18747
19935
|
var theme = _ref8.theme;
|
|
18748
19936
|
return theme.mediaQueries.sm;
|
|
18749
19937
|
});
|
|
18750
|
-
var DotsContainer = styled.div(
|
|
18751
|
-
|
|
19938
|
+
var DotsContainer = styled.div.withConfig({
|
|
19939
|
+
displayName: "DotsContainer",
|
|
19940
|
+
componentId: "sc-1yxjpp7-5"
|
|
19941
|
+
})(_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"])));
|
|
19942
|
+
var Dot = styled.div.withConfig({
|
|
19943
|
+
displayName: "Dot",
|
|
19944
|
+
componentId: "sc-1yxjpp7-6"
|
|
19945
|
+
})(_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) {
|
|
18752
19946
|
var active = _ref9.active,
|
|
18753
19947
|
theme = _ref9.theme;
|
|
18754
19948
|
return active ? theme.colors.blue : "transparent";
|
|
@@ -18843,23 +20037,47 @@ var TopTokensContainer = function TopTokensContainer(_ref1) {
|
|
|
18843
20037
|
};
|
|
18844
20038
|
|
|
18845
20039
|
var _templateObject$1, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
18846
|
-
var ForParticipants = styled(Text)(
|
|
18847
|
-
|
|
20040
|
+
var ForParticipants = styled(Text).withConfig({
|
|
20041
|
+
displayName: "ForParticipants",
|
|
20042
|
+
componentId: "sc-16j3rl5-0"
|
|
20043
|
+
})(_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"])));
|
|
20044
|
+
var HowToParticipate = styled(Text).withConfig({
|
|
20045
|
+
displayName: "HowToParticipate",
|
|
20046
|
+
componentId: "sc-16j3rl5-1"
|
|
20047
|
+
})(_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) {
|
|
18848
20048
|
var theme = _ref.theme;
|
|
18849
20049
|
return theme.mediaQueries.mobile;
|
|
18850
20050
|
});
|
|
18851
|
-
var StepsWrapper = styled.div(
|
|
20051
|
+
var StepsWrapper = styled.div.withConfig({
|
|
20052
|
+
displayName: "StepsWrapper",
|
|
20053
|
+
componentId: "sc-16j3rl5-2"
|
|
20054
|
+
})(_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) {
|
|
18852
20055
|
var theme = _ref2.theme;
|
|
18853
20056
|
return theme.mediaQueries.desktop;
|
|
18854
20057
|
});
|
|
18855
|
-
var SpacePadTierSystem = styled(Text)(
|
|
20058
|
+
var SpacePadTierSystem = styled(Text).withConfig({
|
|
20059
|
+
displayName: "SpacePadTierSystem",
|
|
20060
|
+
componentId: "sc-16j3rl5-3"
|
|
20061
|
+
})(_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) {
|
|
18856
20062
|
var theme = _ref3.theme;
|
|
18857
20063
|
return theme.mediaQueries.mobile;
|
|
18858
20064
|
});
|
|
18859
|
-
var SpacePadTierSystemDescription = styled(Text)
|
|
18860
|
-
|
|
18861
|
-
|
|
18862
|
-
|
|
20065
|
+
var SpacePadTierSystemDescription = styled(Text).withConfig({
|
|
20066
|
+
displayName: "SpacePadTierSystemDescription",
|
|
20067
|
+
componentId: "sc-16j3rl5-4"
|
|
20068
|
+
})(_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"])));
|
|
20069
|
+
var TiersWrapper = styled.div.withConfig({
|
|
20070
|
+
displayName: "TiersWrapper",
|
|
20071
|
+
componentId: "sc-16j3rl5-5"
|
|
20072
|
+
})(_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"])));
|
|
20073
|
+
var RightTiersColumn = styled.div.withConfig({
|
|
20074
|
+
displayName: "RightTiersColumn",
|
|
20075
|
+
componentId: "sc-16j3rl5-6"
|
|
20076
|
+
})(_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"])));
|
|
20077
|
+
var VerticalSeparator = styled.div.withConfig({
|
|
20078
|
+
displayName: "VerticalSeparator",
|
|
20079
|
+
componentId: "sc-16j3rl5-7"
|
|
20080
|
+
})(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n border-left: 1px solid #12ffb8;\n height: 60px;\n position: absolute;\n left: 50%;\n"])));
|
|
18863
20081
|
var IdoInfoDescription = function IdoInfoDescription(_ref4) {
|
|
18864
20082
|
var idoSteps = _ref4.idoSteps,
|
|
18865
20083
|
tiers = _ref4.tiers;
|