@typeolymp/ui-components 1.13.1 → 1.14.1
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/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/components/atoms/Illustration/index.d.ts +1 -1
- package/build/components/molecules/Countdown/index.d.ts +7 -0
- package/build/components/molecules/Countdown/stories.d.ts +26 -0
- package/build/components/molecules/Countdown/styles.d.ts +2 -0
- package/build/index.d.ts +2 -1
- package/build/index.es.js +269 -63
- package/build/index.es.js.map +1 -1
- package/build/index.js +269 -62
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3408,14 +3408,14 @@ Object.defineProperty(BeatLoader, "__esModule", { value: true });
|
|
|
3408
3408
|
var React$2 = __importStar$2(React__default["default"]);
|
|
3409
3409
|
var react_1 = require$$1;
|
|
3410
3410
|
var helpers_1 = helpers$1;
|
|
3411
|
-
var beat = react_1.keyframes(templateObject_1$
|
|
3411
|
+
var beat = react_1.keyframes(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n 50% {transform: scale(0.75);opacity: 0.2}\n 100% {transform: scale(1);opacity: 1}\n"], ["\n 50% {transform: scale(0.75);opacity: 0.2}\n 100% {transform: scale(1);opacity: 1}\n"])));
|
|
3412
3412
|
var Loader = /** @class */ (function (_super) {
|
|
3413
3413
|
__extends$1(Loader, _super);
|
|
3414
3414
|
function Loader() {
|
|
3415
3415
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
3416
3416
|
_this.style = function (i) {
|
|
3417
3417
|
var _a = _this.props, color = _a.color, size = _a.size, margin = _a.margin, speedMultiplier = _a.speedMultiplier;
|
|
3418
|
-
return react_1.css(templateObject_2$
|
|
3418
|
+
return react_1.css(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n display: inline-block;\n background-color: ", ";\n width: ", ";\n height: ", ";\n margin: ", ";\n border-radius: 100%;\n animation: ", " ", "s ", "\n infinite linear;\n animation-fill-mode: both;\n "], ["\n display: inline-block;\n background-color: ", ";\n width: ", ";\n height: ", ";\n margin: ", ";\n border-radius: 100%;\n animation: ", " ", "s ", "\n infinite linear;\n animation-fill-mode: both;\n "])), color, helpers_1.cssValue(size), helpers_1.cssValue(size), helpers_1.cssValue(margin), beat, 0.7 / speedMultiplier, i % 2 ? "0s" : 0.35 / speedMultiplier + "s");
|
|
3419
3419
|
};
|
|
3420
3420
|
return _this;
|
|
3421
3421
|
}
|
|
@@ -3430,9 +3430,9 @@ var Loader = /** @class */ (function (_super) {
|
|
|
3430
3430
|
return Loader;
|
|
3431
3431
|
}(React$2.PureComponent));
|
|
3432
3432
|
var _default = BeatLoader.default = Loader;
|
|
3433
|
-
var templateObject_1$
|
|
3433
|
+
var templateObject_1$S, templateObject_2$y;
|
|
3434
3434
|
|
|
3435
|
-
var StyledButton = styled__default["default"].button(templateObject_1$
|
|
3435
|
+
var StyledButton = styled__default["default"].button(templateObject_1$R || (templateObject_1$R = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity: 0.85;\n }\n\n :active {\n box-shadow: none;\n margin-top: ", ";\n height: ", ";\n }\n"], ["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity: 0.85;\n }\n\n :active {\n box-shadow: none;\n margin-top: ", ";\n height: ", ";\n }\n"])), function (_a) {
|
|
3436
3436
|
var fluid = _a.fluid;
|
|
3437
3437
|
return (fluid ? "100%" : "fit-content");
|
|
3438
3438
|
}, function (_a) {
|
|
@@ -3486,7 +3486,7 @@ var StyledButton = styled__default["default"].button(templateObject_1$Q || (temp
|
|
|
3486
3486
|
? theme.button.medium.heightActive
|
|
3487
3487
|
: theme.button[size].heightActive;
|
|
3488
3488
|
});
|
|
3489
|
-
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$
|
|
3489
|
+
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject$1(["\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: none;\n padding: 16px 20px;\n cursor: not-allowed;\n\n span {\n color: ", ";\n }\n\n :active {\n margin-top: 0;\n height: ", ";\n }\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: none;\n padding: 16px 20px;\n cursor: not-allowed;\n\n span {\n color: ", ";\n }\n\n :active {\n margin-top: 0;\n height: ", ";\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.darker, theme.colors.lightGray.darker, function (_a) {
|
|
3490
3490
|
var size = _a.size;
|
|
3491
3491
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3492
3492
|
});
|
|
@@ -3513,7 +3513,7 @@ var LoaderWrapper = styled__default["default"].div(templateObject_4$8 || (templa
|
|
|
3513
3513
|
var size = _a.size;
|
|
3514
3514
|
return (size === "small" ? "3px" : "");
|
|
3515
3515
|
});
|
|
3516
|
-
var templateObject_1$
|
|
3516
|
+
var templateObject_1$R, templateObject_2$x, templateObject_3$b, templateObject_4$8;
|
|
3517
3517
|
|
|
3518
3518
|
var Button = React$3.forwardRef(function (_a, ref) {
|
|
3519
3519
|
var label = _a.label, color = _a.color, size = _a.size, fluid = _a.fluid, disabled = _a.disabled, type = _a.type, tabIndex = _a.tabIndex, href = _a.href, asAnchor = _a.asAnchor, props = __rest(_a, ["label", "color", "size", "fluid", "disabled", "type", "tabIndex", "href", "asAnchor"]);
|
|
@@ -3549,7 +3549,7 @@ var Button = React$3.forwardRef(function (_a, ref) {
|
|
|
3549
3549
|
return (jsxRuntime.jsx(StyledButton, __assign$2({ color: color, size: size, fluid: fluid, type: type, tabIndex: tabIndex, as: as, href: href, ref: ref ? ref : buttonRef, onClick: onClick }, { children: isLoading ? jsxRuntime.jsx(Loader, {}) : jsxRuntime.jsx("span", { children: label }) })));
|
|
3550
3550
|
});
|
|
3551
3551
|
|
|
3552
|
-
var StyledCheckbox = styled__default["default"].div(templateObject_1$
|
|
3552
|
+
var StyledCheckbox = styled__default["default"].div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject$1(["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
3553
3553
|
var checked = _a.checked, disabled = _a.disabled;
|
|
3554
3554
|
if (disabled)
|
|
3555
3555
|
return theme.colors.lightGray.darker;
|
|
@@ -3570,7 +3570,7 @@ var StyledCheckbox = styled__default["default"].div(templateObject_1$P || (templ
|
|
|
3570
3570
|
return theme.colors.green.base;
|
|
3571
3571
|
return theme.colors.lightGray.darker;
|
|
3572
3572
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
3573
|
-
var templateObject_1$
|
|
3573
|
+
var templateObject_1$Q;
|
|
3574
3574
|
|
|
3575
3575
|
var Checkbox = function (props) {
|
|
3576
3576
|
var _a;
|
|
@@ -3603,7 +3603,7 @@ var Checkbox = function (props) {
|
|
|
3603
3603
|
return (jsxRuntime.jsxs(StyledCheckbox, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: wrapperRef }, { children: [checked && (jsxRuntime.jsx("svg", __assign$2({ width: 16, height: 12, viewBox: "0 0 16 12", fill: "none" }, { children: jsxRuntime.jsx("path", { d: "M12.61.563l-6.585 6.6L3.439 4.57a1.997 1.997 0 00-3.374.885c-.183.7.026 1.446.546 1.949l4 4.008a1.997 1.997 0 002.828 0l8-8.017a2.007 2.007 0 00-.025-2.809 1.997 1.997 0 00-2.803-.024z" }) }))), jsxRuntime.jsx("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef })] })));
|
|
3604
3604
|
};
|
|
3605
3605
|
|
|
3606
|
-
var Wrapper$
|
|
3606
|
+
var Wrapper$a = styled__default["default"].div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3607
3607
|
var size = _a.size;
|
|
3608
3608
|
switch (size) {
|
|
3609
3609
|
case "small":
|
|
@@ -3626,7 +3626,7 @@ var Wrapper$9 = styled__default["default"].div(templateObject_1$O || (templateOb
|
|
|
3626
3626
|
return "27px";
|
|
3627
3627
|
}
|
|
3628
3628
|
});
|
|
3629
|
-
var templateObject_1$
|
|
3629
|
+
var templateObject_1$P;
|
|
3630
3630
|
|
|
3631
3631
|
var parsers = {};
|
|
3632
3632
|
|
|
@@ -3892,9 +3892,9 @@ var flags = {
|
|
|
3892
3892
|
FR: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsxRuntime.jsx("path", { d: "M15 0h6c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1h-6V0z", fill: "#148cc6" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M7 0H15V18H7z" }), jsxRuntime.jsx("path", { d: "M0 1c0-.6.4-1 1-1h6v18H1c-.6 0-1-.4-1-1V1z", fill: "#e62743" })] }))),
|
|
3893
3893
|
DE: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsxRuntime.jsx("path", { d: "M0 1c0-.6.4-1 1-1h20c.6 0 1 .4 1 1v5H0V1z", fill: "#000" }), jsxRuntime.jsx("path", { fill: "#e62743", d: "M0 6H22V12H0z" }), jsxRuntime.jsx("path", { d: "M0 12h22v5c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1v-5z", fill: "#ffd800" })] }))),
|
|
3894
3894
|
};
|
|
3895
|
-
var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$
|
|
3895
|
+
var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$a, __assign$2({}, props, { children: flags[getCountryCodeByLocale_1(props.locale)] }))); };
|
|
3896
3896
|
|
|
3897
|
-
var StyledHeading = styled__default["default"].span(templateObject_1$
|
|
3897
|
+
var StyledHeading = styled__default["default"].span(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n"])), theme.fonts.heading, function (_a) {
|
|
3898
3898
|
var type = _a.type;
|
|
3899
3899
|
return theme.heading[type].fontSize;
|
|
3900
3900
|
}, function (_a) {
|
|
@@ -3918,14 +3918,14 @@ var StyledHeading = styled__default["default"].span(templateObject_1$N || (templ
|
|
|
3918
3918
|
var align = _a.align;
|
|
3919
3919
|
return align;
|
|
3920
3920
|
});
|
|
3921
|
-
var templateObject_1$
|
|
3921
|
+
var templateObject_1$O;
|
|
3922
3922
|
|
|
3923
3923
|
var Heading = function (props) {
|
|
3924
3924
|
var element = !!props.as ? props.as : props.type;
|
|
3925
3925
|
return (jsxRuntime.jsx(StyledHeading, __assign$2({}, props, { as: element }, { children: props.children })));
|
|
3926
3926
|
};
|
|
3927
3927
|
|
|
3928
|
-
var Wrapper$
|
|
3928
|
+
var Wrapper$9 = styled__default["default"].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n }\n"], ["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n }\n"])), function (_a) {
|
|
3929
3929
|
var size = _a.size;
|
|
3930
3930
|
return theme.icon[size] || theme.icon.medium;
|
|
3931
3931
|
}, function (_a) {
|
|
@@ -3955,7 +3955,7 @@ var Wrapper$8 = styled__default["default"].div(templateObject_1$M || (templateOb
|
|
|
3955
3955
|
return theme.colors.lightGray.light;
|
|
3956
3956
|
}
|
|
3957
3957
|
});
|
|
3958
|
-
var templateObject_1$
|
|
3958
|
+
var templateObject_1$N;
|
|
3959
3959
|
|
|
3960
3960
|
var icons = {
|
|
3961
3961
|
check: (jsxRuntime.jsx("path", { d: "M16.6107 6.5626L10.0247 13.1623L7.43866 10.5709C6.9365 10.0499 6.19289 9.841 5.49363 10.0244C4.79436 10.2078 4.24826 10.7551 4.06523 11.4558C3.8822 12.1565 4.09071 12.9017 4.61063 13.4049L8.61067 17.4132C9.39168 18.1956 10.6577 18.1956 11.4387 17.4132L19.4388 9.3965C20.1967 8.6101 20.1859 7.36009 19.4144 6.58701C18.6429 5.81393 17.3955 5.80307 16.6107 6.5626Z" })),
|
|
@@ -3982,10 +3982,13 @@ var icons = {
|
|
|
3982
3982
|
instagram: (jsxRuntime.jsx("path", { d: "M8.719 9.266c.5-.5 1.094-.75 1.781-.75.688 0 1.266.25 1.734.75.5.468.75 1.046.75 1.734s-.25 1.281-.75 1.781c-.468.469-1.046.703-1.734.703a2.516 2.516 0 01-1.781-.703A2.516 2.516 0 018.016 11c0-.688.234-1.266.703-1.734zm7.64-2.672c.188.5.282 1.968.282 4.406 0 2.438-.094 3.906-.282 4.406a2.558 2.558 0 01-1.453 1.453c-.5.188-1.969.282-4.406.282-2.438 0-3.906-.094-4.406-.282a2.558 2.558 0 01-1.453-1.453c-.188-.5-.282-1.969-.282-4.406 0-2.438.094-3.906.282-4.406A2.558 2.558 0 016.094 5.14c.5-.188 1.968-.282 4.406-.282 2.438 0 3.906.094 4.406.282a2.558 2.558 0 011.453 1.453zm-8.578 7.125a3.704 3.704 0 002.719 1.125 3.704 3.704 0 002.719-1.125A3.704 3.704 0 0014.344 11a3.704 3.704 0 00-1.125-2.719A3.704 3.704 0 0010.5 7.156a3.704 3.704 0 00-2.719 1.125A3.704 3.704 0 006.656 11c0 1.063.375 1.969 1.125 2.719zm6.047-6.094a.9.9 0 00.656.281c.25 0 .47-.078.657-.234a.9.9 0 00.28-.656.9.9 0 00-.28-.657.9.9 0 00-.657-.28.9.9 0 00-.656.28.994.994 0 00-.234.657c0 .218.078.421.234.609zM18.75.5a2.17 2.17 0 011.594.656c.437.438.656.969.656 1.594v16.5a2.17 2.17 0 01-.656 1.594 2.17 2.17 0 01-1.594.656H2.25a2.17 2.17 0 01-1.594-.656A2.17 2.17 0 010 19.25V2.75c0-.625.219-1.156.656-1.594A2.17 2.17 0 012.25.5h16.5zm-.797 13.594c.031-.625.047-1.656.047-3.094s-.016-2.469-.047-3.094c-.062-1.343-.469-2.39-1.219-3.14-.75-.75-1.797-1.157-3.14-1.22-.625-.03-1.656-.046-3.094-.046s-2.469.016-3.094.047c-1.343.062-2.39.469-3.14 1.219-.75.75-1.157 1.796-1.22 3.14C3.017 8.531 3 9.563 3 11c0 1.438.016 2.469.047 3.094.062 1.344.469 2.39 1.219 3.14.75.75 1.796 1.157 3.14 1.22.625.03 1.657.046 3.094.046 1.438 0 2.469-.016 3.094-.047 1.344-.062 2.39-.469 3.14-1.219.75-.75 1.157-1.797 1.22-3.14z" })),
|
|
3983
3983
|
menuAlt: (jsxRuntime.jsx("path", { d: "M1.5 3.4C.7 3.4 0 4.1 0 4.9s.7 1.5 1.5 1.5h21c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5h-21zM0 11.9c0-.8.7-1.5 1.5-1.5h21c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-21c-.8 0-1.5-.7-1.5-1.5zm0 7c0-.8.7-1.5 1.5-1.5h13c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-13c-.8 0-1.5-.7-1.5-1.5z" })),
|
|
3984
3984
|
link: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10.1 17.9l-2.8 2.8c-.7.7-1.7 1-2.7.7-1-.3-1.7-1-2-2-.3-1 0-2 .7-2.7L9 11c.5-.5 1.2-.8 2-.8.7 0 1.5.3 2 .8.2.2.6.4.9.4.3 0 .6-.1.9-.4.2-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9-1-1-2.3-1.5-3.7-1.5-1.4 0-2.7.6-3.7 1.6L1.6 15C.6 16 0 17.3 0 18.7c0 1.4.5 2.7 1.5 3.7s2.3 1.5 3.7 1.5c1.4.1 2.8-.4 3.8-1.4l2.8-2.8c.2-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9-.2-.2-.5-.4-.9-.4-.3 0-.6.2-.8.4z" }), jsxRuntime.jsx("path", { d: "M22.5 1.5c-1-1-2.3-1.5-3.7-1.5-1.5 0-2.8.6-3.8 1.6l-2.8 2.8c-.3.3-.4.8-.3 1.2.1.4.4.7.9.8.4.1.9 0 1.2-.3l2.8-2.8c.7-.7 1.7-1 2.7-.7 1 .3 1.7 1 2 2 .3 1 0 2-.7 2.7L15 12.9c-.5.5-1.2.8-2 .8-.7 0-1.5-.3-2-.8-.3-.3-.8-.4-1.2-.3-.4.1-.8.4-.9.9-.1.4 0 .9.3 1.2 1 1 2.3 1.5 3.7 1.5 1.4 0 2.7-.6 3.7-1.6L22.4 9c1-1 1.6-2.3 1.6-3.7 0-1.4-.5-2.8-1.5-3.8z" })] })),
|
|
3985
|
+
heart: (jsxRuntime.jsx("path", { d: "M22 3.5a6.64 6.64 0 00-9.4 0l-.6.6-.6-.6a6.64 6.64 0 00-9.4 0c-1.3 1.3-2 3-2 4.7s.6 3.4 2 4.7l.6.6 8.5 8.5c.5.5 1.4.5 1.9 0l9.1-9.1c1.3-1.3 2-3 2-4.7-.1-1.7-.7-3.4-2.1-4.7z" })),
|
|
3986
|
+
thunder: (jsxRuntime.jsx("path", { d: "M20.3 8.7h-6.9l.6-7.6c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.7-.3-.3 0-.6.2-.7.4L2.9 13.6c-.1.2-.2.4-.2.7 0 .2.1.5.3.6.2.2.4.2.7.2h7.1l-.7 7.8c0 .2 0 .4.2.6.1.2.3.3.5.4l.2.1c.3 0 .6-.2.8-.5L21 10.2c.1-.2.2-.4.2-.7 0-.2-.1-.5-.3-.6-.1-.1-.4-.2-.6-.2z" })),
|
|
3987
|
+
fire: (jsxRuntime.jsx("path", { d: "M17.3 9.2c-.7-.6-1.3-1.2-1.8-1.9C12.4 3.3 14 0 14 0 8.3 2.4 7 6.2 7 9c0 0 .1 1.7.8 3.5.2.6-.2 1.2-.8 1.3-.4.1-.8-.2-1-.6-.3-.7-.8-1.8-.6-2.6-.9 1.2-1.5 2.8-1.7 4.4-.3 4.2 2.6 8 6.7 8.8 4.8 1 9.3-2.3 10-7.1.3-2.9-.9-5.7-3.1-7.5z" })),
|
|
3985
3988
|
};
|
|
3986
|
-
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$
|
|
3989
|
+
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign$2({}, props, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
3987
3990
|
|
|
3988
|
-
var Wrapper$
|
|
3991
|
+
var Wrapper$8 = styled__default["default"].div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject$1(["\n > svg {\n height: ", ";\n }\n"], ["\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
3989
3992
|
var size = _a.size;
|
|
3990
3993
|
switch (size) {
|
|
3991
3994
|
default:
|
|
@@ -3997,7 +4000,7 @@ var Wrapper$7 = styled__default["default"].div(templateObject_1$L || (templateOb
|
|
|
3997
4000
|
return "118px";
|
|
3998
4001
|
}
|
|
3999
4002
|
});
|
|
4000
|
-
var templateObject_1$
|
|
4003
|
+
var templateObject_1$M;
|
|
4001
4004
|
|
|
4002
4005
|
var illustrations = {
|
|
4003
4006
|
keyboard: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 32.9 20.8" }, { children: [jsxRuntime.jsx("path", { d: "M31.5 1H1.4C.6 1 0 1.6 0 2.4v17.1c0 .8.6 1.4 1.4 1.4h30.1c.8 0 1.4-.6 1.4-1.4V2.4c0-.8-.6-1.4-1.4-1.4z", fill: "#829190" }), jsxRuntime.jsx("path", { d: "M31.5 0H1.4C.6 0 0 .6 0 1.4v17.1c0 .8.6 1.4 1.4 1.4h30.1c.8 0 1.4-.6 1.4-1.4V1.4c0-.8-.6-1.4-1.4-1.4z", fill: "#99adac" }), jsxRuntime.jsx("path", { d: "M27.1 14.2H5.7c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h21.4c.3 0 .5-.2.5-.5v-3.4c-.1-.3-.3-.5-.5-.5zM8.4 8.6H2.1c-.3 0-.5.2-.5.4v3.4c0 .3.2.5.5.5h6.3c.3 0 .5-.2.5-.5V9c0-.2-.2-.4-.5-.4zM13.8 8.6h-3.3c-.3 0-.5.2-.5.4v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9c-.1-.2-.3-.4-.5-.4zM5.4 3.3H2.1c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c-.1-.3-.3-.5-.5-.5zM10.5 3.3H7.2c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c-.1-.3-.3-.5-.5-.5zM15.5 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM20.6 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM25.7 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM30.8 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM18.9 8.6h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9c-.1-.2-.3-.4-.5-.4zM23.9 8.6h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9.1c0-.3-.2-.5-.5-.5zM30.7 8.6h-4.9c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h4.9c.3 0 .5-.2.5-.5V9.1c0-.3-.2-.5-.5-.5z", fill: "#899a99" }), jsxRuntime.jsx("path", { d: "M27.1 13.7H5.7c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h21.4c.3 0 .5-.2.5-.5v-3.4c-.1-.3-.3-.5-.5-.5zM8.4 8.1H2.1c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h6.3c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5zM13.8 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c-.1-.3-.3-.5-.5-.5z", fill: "#eeeded" }), jsxRuntime.jsx("path", { d: "M5.4 2.8H2.1c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.5-.5z", fill: "#e62944" }), jsxRuntime.jsx("path", { d: "M10.5 2.8H7.2c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.5-.5zM15.5 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM20.6 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM25.7 2.8h-3.3c-.2 0-.4.2-.4.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.6-.5zM30.8 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM18.9 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c-.1-.3-.3-.5-.5-.5zM23.9 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5zM30.7 8.1h-4.9c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h4.9c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5z", fill: "#eeeded" })] }))),
|
|
@@ -4013,10 +4016,11 @@ var illustrations = {
|
|
|
4013
4016
|
classroom: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 165.4 116.8" }, { children: [jsxRuntime.jsx("path", { d: "M14.4 109.3c-3.8 0-6.9-3.1-6.9-6.9v-88c0-3.8 3.1-6.9 6.9-6.9H151c3.8 0 6.9 3.1 6.9 6.9v88c0 3.8-3.1 6.9-6.9 6.9H14.4z", fill: "#2d9d60" }), jsxRuntime.jsx("path", { d: "M150.4 15v86.8H15V15h135.4m.6-15H14.4C6.5 0 0 6.5 0 14.4v88c0 8 6.5 14.4 14.4 14.4H151c8 0 14.4-6.5 14.4-14.4v-88C165.4 6.5 159 0 151 0z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { fill: "#c4c4c4", d: "M103.1 90.7H135.39999999999998V101.8H103.1z" }), jsxRuntime.jsx("g", { children: jsxRuntime.jsx("path", { d: "M82 81.9H43.7c-2.8 0-5-2.2-5-5s2.2-5 5-5H82c2.8 0 5 2.2 5 5s-2.2 5-5 5zM69.4 63H43.7c-2.8 0-5-2.2-5-5s2.2-5 5-5h25.7c2.8 0 5 2.2 5 5s-2.2 5-5 5zM93.3 44.9H43.7c-2.8 0-5-2.2-5-5s2.2-5 5-5h49.6c2.8 0 5 2.2 5 5s-2.3 5-5 5z", fill: "#fff" }) })] }))),
|
|
4014
4017
|
student: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 160 201" }, { children: [jsxRuntime.jsx("path", { d: "M80 137c-18.8 0-34 15.5-34 34.5V201h68v-29.5c0-19-15.2-34.5-34-34.5z", fill: "#53b476" }), jsxRuntime.jsx("path", { d: "M147.9 64c1.2-2.2 2.1-4.5 2.7-7.1 4.4-17.3-6-34.9-23.3-39.3-6.9-1.8-13.9-1.2-20 1.3-4-8.6-11.6-15.4-21.5-17.9-14.7-3.8-29.7 3.3-36.5 16.2-.8-.3-1.7-.5-2.5-.8-17.3-4.4-34.9 6-39.3 23.3-2.3 9.1-.5 18.4 4.3 25.7-5.2 4.3-9 10-10.8 16.9-4.4 17.3 6 34.9 23.3 39.3 14.1 3.6 28.4-2.6 35.6-14.4 3.6 3 7.9 5.3 12.8 6.6 10.3 2.6 20.7 0 28.3-6.2 4.3 6.2 10.7 10.9 18.6 12.9 17.3 4.4 34.9-6 39.3-23.3 3.3-12.7-1.4-25.5-11-33.2z", fill: "#75301c" }), jsxRuntime.jsx("path", { d: "M88.9 125.6H71.1v14c0 4.1 3.3 7.4 7.4 7.4h3c4.1 0 7.4-3.3 7.4-7.4v-14z", fill: "#f7b58e" }), jsxRuntime.jsx("path", { d: "M130.7 72.9c-.5 0-1 .1-1.5.1-5.4-22.1-25.4-38.5-49.1-38.5C56.3 34.6 36.4 51 31 73.1c-.5-.1-1-.1-1.5-.1-4.8 0-8.6 3.9-8.6 8.6 0 4.8 3.9 8.6 8.6 8.6h.2c2.5 25.6 24.1 45.6 50.4 45.6 26.3 0 47.9-20 50.4-45.6h.2c4.8 0 8.6-3.9 8.6-8.6 0-4.8-3.8-8.7-8.6-8.7z", fill: "#f7b58e" }), jsxRuntime.jsx("path", { d: "M114.4 102.2c0-15-14-6.9-32.7-6.9-18.7 0-34.9-8.1-34.9 6.9s15.1 27.1 33.8 27.1 33.8-12.2 33.8-27.1z", fill: "#220f0c" }), jsxRuntime.jsx("path", { d: "M80.6 129.3c7.3 0 14.1-1.9 19.6-5-2.6-3.6-6.9-6.2-11.9-6.9-2.1-.3-4.2-.2-6.1.1-1.1.2-2.2.2-3.3 0-1.9-.3-4-.4-6.1-.1-5 .7-9.3 3.3-11.9 6.9 5.6 3.1 12.4 5 19.7 5z", fill: "#e62743" }), jsxRuntime.jsx("path", { d: "M85.8 85.2c0-2.9-2.3-5.2-5.2-5.2-2.9 0-5.2 2.3-5.2 5.2s2.3 3.5 5.2 3.5c2.9.1 5.2-.6 5.2-3.5z", opacity: 0.37, fill: "#f7b58e" }), jsxRuntime.jsx("path", { d: "M53.7 54.7c-8 0-14.5 6.5-14.5 14.5v7c0 8 6.5 11 14.5 11s14.5-6.1 14.5-14.1v-3.9c-.1-8-6.6-14.5-14.5-14.5z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M53.7 62.8c-2.8 0-5 2.3-5 5V77c0 2.8 2.3 5 5 5s5-2.3 5-5v-9.2c0-2.7-2.3-5-5-5z", fill: "#23292f" }), jsxRuntime.jsx("path", { d: "M48.6 70.9c1.7 0 3-1.4 3-3 0-1.7-1.4-3-3-3-1.7 0-3 1.4-3 3 0 1.7 1.4 3 3 3zM106.3 54.7c8 0 14.5 6.5 14.5 14.5v7c0 8-6.5 11-14.5 11s-14.5-6.1-14.5-14.1v-3.9c0-8 6.5-14.5 14.5-14.5z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M106.3 62.8c2.8 0 5 2.3 5 5V77c0 2.8-2.3 5-5 5-2.8 0-5-2.3-5-5v-9.2c0-2.7 2.2-5 5-5z", fill: "#23292f" }), jsxRuntime.jsx("path", { d: "M111.3 70.9c1.7 0 3-1.4 3-3 0-1.7-1.4-3-3-3-1.7 0-3 1.4-3 3 0 1.7 1.3 3 3 3z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M107.1 27.1c-8.3 0-15.8 2.2-20.8 5.6-2-.3-4.2-.4-6.3-.4-3.9 0-7.5.4-10.8 1.2-5-3.3-12.4-5.4-20.8-5.4-15 0-27.1 6.7-27.1 15s12.1 15 27.1 15c4.6 0 8.9-.6 12.6-1.7 4.9 2.5 11.6 4 19 4 6.3 0 12.1-1.1 16.7-3 3.2.8 6.7 1.2 10.4 1.2 15 0 27.1-7.1 27.1-15.8 0-8.6-12.1-15.7-27.1-15.7z", fill: "#75301c" }), jsxRuntime.jsx("path", { d: "M27.7 81.7l.6-.6c.4-.4.4-1.2 0-1.6-.4-.4-1.2-.4-1.6 0l-.6.6-.6-.6c-.4-.4-1.2-.4-1.6 0-.4.4-.4 1.2 0 1.6l.6.6-.6.6c-.4.4-.4 1.2 0 1.6.2.2.5.3.8.3.3 0 .6-.1.8-.3l.6-.6.6.6c.2.2.5.3.8.3s.6-.1.8-.3c.4-.4.4-1.2 0-1.6l-.6-.6zM135.4 81.7l.6-.6c.4-.4.4-1.2 0-1.6-.4-.4-1.2-.4-1.6 0l-.6.6-.6-.6c-.4-.4-1.2-.4-1.6 0-.4.4-.4 1.2 0 1.6l.6.6-.6.6c-.4.4-.4 1.2 0 1.6.2.2.5.3.8.3.3 0 .6-.1.8-.3l.6-.6.6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3.4-.4.4-1.2 0-1.6l-.6-.6z", opacity: 0.57, fill: "#f7b58e" })] }))),
|
|
4015
4018
|
school: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 340.6 317" }, { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M58 97H282.7V286.9H58z" }), jsxRuntime.jsx("path", { d: "M204.5 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M164.9 1.3L6.3 83.7c-10.8 5.6-6.8 22 5.4 22H329c12.2 0 16.2-16.4 5.4-22L175.7 1.3c-3.4-1.7-7.4-1.7-10.8 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M100.1 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H37.8c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.7-17-17-17zM302.9 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 170.3, cy: 59.1, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M319.9 317H20.8c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" })] }))),
|
|
4019
|
+
organisation: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 744.8 665.1" }, { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M58 445.2H282.7V635.1H58z" }), jsxRuntime.jsx("path", { d: "M204.5 635.1h-68.4c-5 0-9.1-4.1-9.1-9.1V504.8c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1V626c0 5-4 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M164.9 349.5L6.3 431.8c-10.8 5.6-6.8 22 5.4 22H329c12.2 0 16.2-16.4 5.4-22l-158.6-82.4c-3.5-1.7-7.5-1.7-10.9.1z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M100.1 591.6h-6.7V487.9h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H37.8c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.7-17-17-17zM302.9 591.6h-6.7V487.9h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 170.3, cy: 407.2, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M319.9 665.1H20.8c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M462.1 445.2H686.8V635.1H462.1z" }), jsxRuntime.jsx("path", { d: "M608.7 635.1h-68.4c-5 0-9.1-4.1-9.1-9.1V504.8c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1V626c0 5-4.1 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M569.1 349.5l-158.6 82.4c-10.8 5.6-6.8 22 5.4 22h317.3c12.2 0 16.2-16.4 5.4-22L580 349.5c-3.5-1.8-7.5-1.8-10.9 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M504.2 591.6h-6.7V487.9h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17zM707 591.6h-6.7V487.9h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17H707c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 574.5, cy: 407.2, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M724 665.1H424.9c-11 0-20-9-20-20s9-20 20-20H724c11 0 20 9 20 20s-8.9 20-20 20z", fill: "#7c7f82" })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M260.1 97H484.8V286.9H260.1z" }), jsxRuntime.jsx("path", { d: "M406.6 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4.1 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M367 1.3L208.4 83.7c-10.8 5.6-6.8 22 5.4 22H531c12.2 0 16.2-16.4 5.4-22L377.8 1.3c-3.4-1.7-7.4-1.7-10.8 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M302.1 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17zM505 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17H505c9.4 0 17-7.6 17-17s-7.7-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 372.4, cy: 59.1, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M522 317H222.8c-11 0-20-9-20-20s9-20 20-20H522c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" })] })] }))),
|
|
4016
4020
|
};
|
|
4017
|
-
var Illustration = function (props) { return (jsxRuntime.jsx(Wrapper$
|
|
4021
|
+
var Illustration = function (props) { return (jsxRuntime.jsx(Wrapper$8, __assign$2({}, props, { children: illustrations[props.type] }))); };
|
|
4018
4022
|
|
|
4019
|
-
var StyledParagraph = styled__default["default"].p(templateObject_1$
|
|
4023
|
+
var StyledParagraph = styled__default["default"].p(templateObject_1$L || (templateObject_1$L = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n"])), theme.fonts.paragraph, function (_a) {
|
|
4020
4024
|
var size = _a.size;
|
|
4021
4025
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
4022
4026
|
}, function (_a) {
|
|
@@ -4051,10 +4055,10 @@ var StyledParagraph = styled__default["default"].p(templateObject_1$K || (templa
|
|
|
4051
4055
|
var transform = _a.transform;
|
|
4052
4056
|
return transform;
|
|
4053
4057
|
});
|
|
4054
|
-
var templateObject_1$
|
|
4058
|
+
var templateObject_1$L;
|
|
4055
4059
|
|
|
4056
|
-
var Container$l = styled__default["default"].div(templateObject_1$
|
|
4057
|
-
var InputIconWrapper = styled__default["default"].div(templateObject_2$
|
|
4060
|
+
var Container$l = styled__default["default"].div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4061
|
+
var InputIconWrapper = styled__default["default"].div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right: 43px;\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n\n input {\n padding-right: 43px;\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"])), function (_a) {
|
|
4058
4062
|
var isChanged = _a.isChanged;
|
|
4059
4063
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
4060
4064
|
}, function (_a) {
|
|
@@ -4080,7 +4084,7 @@ var Helper = styled__default["default"](StyledParagraph)(templateObject_6$3 || (
|
|
|
4080
4084
|
var isOk = _a.isOk;
|
|
4081
4085
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4082
4086
|
}, fadeIn);
|
|
4083
|
-
var templateObject_1$
|
|
4087
|
+
var templateObject_1$K, templateObject_2$w, templateObject_3$a, templateObject_4$7, templateObject_5$3, templateObject_6$3;
|
|
4084
4088
|
|
|
4085
4089
|
var expressions = {};
|
|
4086
4090
|
|
|
@@ -4240,6 +4244,176 @@ function toDate(argument) {
|
|
|
4240
4244
|
}
|
|
4241
4245
|
}
|
|
4242
4246
|
|
|
4247
|
+
/**
|
|
4248
|
+
* Days in 1 week.
|
|
4249
|
+
*
|
|
4250
|
+
* @name daysInWeek
|
|
4251
|
+
* @constant
|
|
4252
|
+
* @type {number}
|
|
4253
|
+
* @default
|
|
4254
|
+
*/
|
|
4255
|
+
/**
|
|
4256
|
+
* Milliseconds in 1 minute
|
|
4257
|
+
*
|
|
4258
|
+
* @name millisecondsInMinute
|
|
4259
|
+
* @constant
|
|
4260
|
+
* @type {number}
|
|
4261
|
+
* @default
|
|
4262
|
+
*/
|
|
4263
|
+
|
|
4264
|
+
var millisecondsInMinute = 60000;
|
|
4265
|
+
/**
|
|
4266
|
+
* Milliseconds in 1 hour
|
|
4267
|
+
*
|
|
4268
|
+
* @name millisecondsInHour
|
|
4269
|
+
* @constant
|
|
4270
|
+
* @type {number}
|
|
4271
|
+
* @default
|
|
4272
|
+
*/
|
|
4273
|
+
|
|
4274
|
+
var millisecondsInHour = 3600000;
|
|
4275
|
+
|
|
4276
|
+
/**
|
|
4277
|
+
* @name differenceInMilliseconds
|
|
4278
|
+
* @category Millisecond Helpers
|
|
4279
|
+
* @summary Get the number of milliseconds between the given dates.
|
|
4280
|
+
*
|
|
4281
|
+
* @description
|
|
4282
|
+
* Get the number of milliseconds between the given dates.
|
|
4283
|
+
*
|
|
4284
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4285
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4286
|
+
* @returns {Number} the number of milliseconds
|
|
4287
|
+
* @throws {TypeError} 2 arguments required
|
|
4288
|
+
*
|
|
4289
|
+
* @example
|
|
4290
|
+
* // How many milliseconds are between
|
|
4291
|
+
* // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
|
|
4292
|
+
* const result = differenceInMilliseconds(
|
|
4293
|
+
* new Date(2014, 6, 2, 12, 30, 21, 700),
|
|
4294
|
+
* new Date(2014, 6, 2, 12, 30, 20, 600)
|
|
4295
|
+
* )
|
|
4296
|
+
* //=> 1100
|
|
4297
|
+
*/
|
|
4298
|
+
|
|
4299
|
+
function differenceInMilliseconds(dateLeft, dateRight) {
|
|
4300
|
+
requiredArgs(2, arguments);
|
|
4301
|
+
return toDate(dateLeft).getTime() - toDate(dateRight).getTime();
|
|
4302
|
+
}
|
|
4303
|
+
|
|
4304
|
+
var roundingMap = {
|
|
4305
|
+
ceil: Math.ceil,
|
|
4306
|
+
round: Math.round,
|
|
4307
|
+
floor: Math.floor,
|
|
4308
|
+
trunc: function trunc(value) {
|
|
4309
|
+
return value < 0 ? Math.ceil(value) : Math.floor(value);
|
|
4310
|
+
} // Math.trunc is not supported by IE
|
|
4311
|
+
|
|
4312
|
+
};
|
|
4313
|
+
var defaultRoundingMethod = 'trunc';
|
|
4314
|
+
function getRoundingMethod(method) {
|
|
4315
|
+
return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];
|
|
4316
|
+
}
|
|
4317
|
+
|
|
4318
|
+
/**
|
|
4319
|
+
* @name differenceInHours
|
|
4320
|
+
* @category Hour Helpers
|
|
4321
|
+
* @summary Get the number of hours between the given dates.
|
|
4322
|
+
*
|
|
4323
|
+
* @description
|
|
4324
|
+
* Get the number of hours between the given dates.
|
|
4325
|
+
*
|
|
4326
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4327
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4328
|
+
* @param {Object} [options] - an object with options.
|
|
4329
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
4330
|
+
* @returns {Number} the number of hours
|
|
4331
|
+
* @throws {TypeError} 2 arguments required
|
|
4332
|
+
*
|
|
4333
|
+
* @example
|
|
4334
|
+
* // How many hours are between 2 July 2014 06:50:00 and 2 July 2014 19:00:00?
|
|
4335
|
+
* const result = differenceInHours(
|
|
4336
|
+
* new Date(2014, 6, 2, 19, 0),
|
|
4337
|
+
* new Date(2014, 6, 2, 6, 50)
|
|
4338
|
+
* )
|
|
4339
|
+
* //=> 12
|
|
4340
|
+
*/
|
|
4341
|
+
|
|
4342
|
+
function differenceInHours(dateLeft, dateRight, options) {
|
|
4343
|
+
requiredArgs(2, arguments);
|
|
4344
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInHour;
|
|
4345
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
4346
|
+
}
|
|
4347
|
+
|
|
4348
|
+
/**
|
|
4349
|
+
* @name differenceInMinutes
|
|
4350
|
+
* @category Minute Helpers
|
|
4351
|
+
* @summary Get the number of minutes between the given dates.
|
|
4352
|
+
*
|
|
4353
|
+
* @description
|
|
4354
|
+
* Get the signed number of full (rounded towards 0) minutes between the given dates.
|
|
4355
|
+
*
|
|
4356
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4357
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4358
|
+
* @param {Object} [options] - an object with options.
|
|
4359
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
4360
|
+
* @returns {Number} the number of minutes
|
|
4361
|
+
* @throws {TypeError} 2 arguments required
|
|
4362
|
+
*
|
|
4363
|
+
* @example
|
|
4364
|
+
* // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
|
|
4365
|
+
* const result = differenceInMinutes(
|
|
4366
|
+
* new Date(2014, 6, 2, 12, 20, 0),
|
|
4367
|
+
* new Date(2014, 6, 2, 12, 7, 59)
|
|
4368
|
+
* )
|
|
4369
|
+
* //=> 12
|
|
4370
|
+
*
|
|
4371
|
+
* @example
|
|
4372
|
+
* // How many minutes are between 10:01:59 and 10:00:00
|
|
4373
|
+
* const result = differenceInMinutes(
|
|
4374
|
+
* new Date(2000, 0, 1, 10, 0, 0),
|
|
4375
|
+
* new Date(2000, 0, 1, 10, 1, 59)
|
|
4376
|
+
* )
|
|
4377
|
+
* //=> -1
|
|
4378
|
+
*/
|
|
4379
|
+
|
|
4380
|
+
function differenceInMinutes(dateLeft, dateRight, options) {
|
|
4381
|
+
requiredArgs(2, arguments);
|
|
4382
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
|
|
4383
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
4384
|
+
}
|
|
4385
|
+
|
|
4386
|
+
/**
|
|
4387
|
+
* @name differenceInSeconds
|
|
4388
|
+
* @category Second Helpers
|
|
4389
|
+
* @summary Get the number of seconds between the given dates.
|
|
4390
|
+
*
|
|
4391
|
+
* @description
|
|
4392
|
+
* Get the number of seconds between the given dates.
|
|
4393
|
+
*
|
|
4394
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4395
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4396
|
+
* @param {Object} [options] - an object with options.
|
|
4397
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
4398
|
+
* @returns {Number} the number of seconds
|
|
4399
|
+
* @throws {TypeError} 2 arguments required
|
|
4400
|
+
*
|
|
4401
|
+
* @example
|
|
4402
|
+
* // How many seconds are between
|
|
4403
|
+
* // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?
|
|
4404
|
+
* const result = differenceInSeconds(
|
|
4405
|
+
* new Date(2014, 6, 2, 12, 30, 20, 0),
|
|
4406
|
+
* new Date(2014, 6, 2, 12, 30, 7, 999)
|
|
4407
|
+
* )
|
|
4408
|
+
* //=> 12
|
|
4409
|
+
*/
|
|
4410
|
+
|
|
4411
|
+
function differenceInSeconds(dateLeft, dateRight, options) {
|
|
4412
|
+
requiredArgs(2, arguments);
|
|
4413
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;
|
|
4414
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
4415
|
+
}
|
|
4416
|
+
|
|
4243
4417
|
/**
|
|
4244
4418
|
* @name isAfter
|
|
4245
4419
|
* @category Common Helpers
|
|
@@ -4342,7 +4516,7 @@ Input.Date = DateInput;
|
|
|
4342
4516
|
|
|
4343
4517
|
var Logo = function (props) { return (jsxRuntime.jsxs("svg", __assign$2({ width: 396, height: 66, viewBox: "0 0 662.8 118.1", fill: "none", xmlSpace: "preserve" }, props, { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M61.6 23.5c-.4-.5-.9-1.1-1.3-1.5l-4.9-4.8L42 4c-1.3-1.3-2.8-2.3-4.5-3-1.7-.7-3.5-1-5.3-1-1.8 0-3.6.4-5.3 1-1.7.7-3.2 1.7-4.5 3L4.1 22C1.5 24.6 0 28 0 31.7c0 3.6 1.5 7.1 4.1 9.7l18.3 18c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4l13.4-13.2-4.9-4.8c-.5-.5-.9-1-1.3-1.5L35.7 53.1c-.5.5-1 .8-1.6 1.1-.6.2-1.3.4-1.9.4-.7 0-1.3-.1-1.9-.4-.6-.2-1.2-.6-1.6-1.1l-18.3-18c-.9-.9-1.5-2.2-1.5-3.5 0-1.3.5-2.5 1.5-3.5l18.3-18c.5-.5 1-.8 1.6-1.1.6-.2 1.3-.4 1.9-.4.7 0 1.3.1 1.9.4.6.2 1.2.6 1.6 1.1l13.5 13.3 4.8 4.7c.5.4.8 1 1.1 1.6.2.6.4 1.2.4 1.9v.1c0 1.3.5 2.5 1.5 3.4l4.8 4.7c1.8-2.4 2.7-5.2 2.7-8.1-.1-3-1.1-5.8-2.9-8.2z", fill: "#e62743" }), jsxRuntime.jsx("path", { d: "M153.3 22L135 4c-1.3-1.3-2.8-2.3-4.5-3-1.7-.7-3.5-1-5.3-1-1.8 0-3.6.4-5.3 1-1.7.7-3.2 1.7-4.5 3L102 17.2 97.1 22c-.5.5-.9 1-1.3 1.5-1.8 2.4-2.8 5.2-2.8 8.2 0 2.9 1 5.8 2.7 8.1l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-.6.1-1.3.4-1.9.2-.6.6-1.1 1.1-1.6l4.8-4.7 13.5-13.3c.5-.5 1-.8 1.6-1.1.6-.2 1.2-.4 1.9-.4s1.3.1 1.9.4c.6.2 1.1.6 1.6 1.1l18.3 18c.5.5.8 1 1.1 1.6.3.6.4 1.2.4 1.9 0 .6-.1 1.3-.4 1.9-.3.6-.6 1.1-1.1 1.6l-18.3 18c-.5.5-1 .8-1.6 1.1-.6.2-1.2.4-1.9.4s-1.3-.1-1.9-.4c-.6-.2-1.1-.6-1.6-1.1l-13.5-13.3c-.4.5-.8 1.1-1.3 1.5l-4.9 4.8 13.4 13.2c1.3 1.3 2.8 2.3 4.5 3 1.7.7 3.5 1 5.3 1 1.8 0 3.6-.4 5.3-1 1.7-.7 3.2-1.7 4.5-3l18.3-18c1.3-1.3 2.3-2.8 3-4.5.7-1.7 1.1-3.5 1.1-5.3 0-1.8-.4-3.6-1.1-5.3-.8-1.5-1.8-3-3.1-4.3z", fill: "#53b476" }), jsxRuntime.jsx("path", { d: "M61.9 23.3l-.3.3c-.4-.5-.9-1.1-1.3-1.5l-4.9-4.8L68.8 4c1.3-1.3 2.8-2.3 4.5-3 1.7-.7 3.5-1 5.3-1s3.6.4 5.3 1c1.7.7 3.2 1.7 4.5 3l13.4 13.1-4.7 4.9c-.5.5-.9 1-1.3 1.5L82.2 10.2c-.5-.5-1-.8-1.6-1.1-.6-.2-1.3-.4-1.9-.4-.7 0-1.3.1-1.9.4-.6.2-1.2.6-1.6 1.1L61.9 23.3zm41.5 4.9l4.8-4.7c1.8 2.4 2.7 5.2 2.7 8.2 0 2.9-1 5.8-2.7 8.2-.4.5-.8 1.1-1.3 1.5l-4.9 4.8-13.5 13.2c-2.6 2.6-6.2 4-9.8 4s-7.2-1.4-9.8-4L55.4 46.1l-4.9-4.8c-.5-.5-.9-1-1.3-1.5-1.8-2.4-2.7-5.2-2.7-8.1 0-2.9 1-5.8 2.7-8.1l4.8 4.7c.5.4.8 1 1.1 1.6.2.6.4 1.2.4 1.9v.1c0 1.3.5 2.5 1.5 3.4l4.8 4.7 13.5 13.3c.5.5 1 .8 1.6 1.1s1.3.4 1.9.4 1.3-.1 1.9-.4 1.2-.6 1.6-1.1L95.8 40l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-.6.1-1.3.4-1.9 0-.8.4-1.3.9-1.8z", fillRule: "evenodd", clipRule: "evenodd", fill: "#ffd800" }), jsxRuntime.jsx("path", { d: "M130 76.6l-18.3-18c-2.6-2.6-6.2-4-9.8-4-3.7 0-7.2 1.4-9.8 4L78.7 71.9l-4.9 4.8c-.5.5-.9 1-1.3 1.5-1.8 2.4-2.7 5.2-2.7 8.1 0 2.9 1 5.8 2.7 8.1l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-1.3.5-2.5 1.5-3.4l4.8-4.7 13.5-13.3c.9-.9 2.2-1.4 3.5-1.4 1.3 0 2.6.5 3.5 1.4l18.3 18c.9.9 1.5 2.2 1.5 3.5 0 1.3-.5 2.5-1.5 3.5l-18.3 18c-.9.9-2.2 1.4-3.5 1.4-1.3 0-2.6-.5-3.5-1.4L84.9 94.5c-.4.6-.8 1.1-1.3 1.5l-4.9 4.8L92.1 114c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4L130 96c1.3-1.3 2.3-2.8 3-4.5.7-1.7 1.1-3.5 1.1-5.3 0-1.8-.4-3.6-1.1-5.3-.6-1.5-1.7-3-3-4.3z", fill: "#8c5ca2" }), jsxRuntime.jsx("path", { d: "M84.9 78.2l-4.8 4.7c-.9.9-1.4 2.1-1.5 3.4 0 1.3-.5 2.5-1.5 3.4l-4.8 4.7-13.5 13.3c-.9.9-2.2 1.4-3.5 1.4s-2.6-.5-3.5-1.4l-18.3-18c-.9-.9-1.4-2.2-1.4-3.5s.5-2.5 1.4-3.5l18.3-18c.9-.9 2.2-1.4 3.5-1.4s2.6.5 3.5 1.4L72.3 78c.4-.5.8-1.1 1.3-1.5l4.9-4.8-13.3-13c-2.6-2.6-6.2-4-9.8-4-3.7 0-7.2 1.4-9.8 4l-18.3 18c-2.6 2.6-4.1 6.1-4.1 9.7s1.5 7.1 4.1 9.7l18.3 18c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4l13.4-13.2 4.9-4.8c.5-.5.9-1 1.3-1.5 1.8-2.4 2.7-5.2 2.7-8.1.1-3.1-.9-5.9-2.6-8.3z", fill: "#3da9e1" })] }), jsxRuntime.jsxs("g", __assign$2({ fill: "#23292f" }, { children: [jsxRuntime.jsx("path", { d: "M236.6 21.5c-1.1-1-2.4-1.5-3.9-1.5h-40.2c-1.6 0-2.9.5-3.9 1.4-1.1.9-1.6 2.2-1.6 3.8 0 1.6.5 2.8 1.6 3.8s2.4 1.5 3.9 1.5h14.2V78c0 1.6.5 2.9 1.6 3.9 1.1 1.1 2.5 1.6 4.2 1.6 1.8 0 3.2-.5 4.3-1.6 1.1-1.1 1.7-2.4 1.7-3.9V30.4h14.2c1.6 0 2.9-.5 3.9-1.4 1.1-.9 1.6-2.2 1.6-3.8 0-1.5-.5-2.8-1.6-3.7z" }), jsxRuntime.jsx("path", { d: "M270.6 36.6c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v23.2c0 2.3-.4 4.2-1.2 5.8-.8 1.6-1.9 2.8-3.4 3.6-1.5.8-3.2 1.2-5.3 1.2-3.1 0-5.5-.8-7.2-2.4-1.7-1.6-2.6-4.4-2.6-8.3V40.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V67c0 3.4.7 6.4 2 9 1.3 2.6 3.2 4.7 5.6 6.2 2.4 1.5 5.2 2.2 8.4 2.2 2.7 0 5.1-.3 7.3-1 2.1-.7 3.9-1.6 5.5-2.9.7-.6 1.3-1.3 1.9-2v1c0 3.1-.5 5.5-1.4 7.3-.9 1.8-2.3 3.1-4.2 3.8-1.8.8-4.2 1.1-6.9 1.1-2.1 0-3.9-.3-5.4-1-1.6-.6-2.8-1.1-3.8-1.4-1.3-.5-2.6-.4-3.8.2-1.2.6-2.1 1.8-2.6 3.6-.4 1.3-.3 2.6.4 3.8.7 1.2 1.9 2.2 3.8 2.9 1.4.6 3.2 1.1 5.3 1.4 2.2.3 4.2.5 6.2.5 4.4 0 8.3-.7 11.8-2.2 3.5-1.4 6.3-3.8 8.4-7.1 2.1-3.3 3.1-7.7 3.1-13.3V40.5c-.3-1.6-.8-2.9-1.8-3.9zM327.5 46.1c-2-3.7-4.6-6.7-8-8.8-3.4-2.1-7.1-3.2-11.4-3.2-2.1 0-4.1.4-6 1.1-1.9.7-3.6 1.6-5 2.8-1.3 1-2.4 2-3.2 3.1v-.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v55.6c0 1.6.5 3 1.5 4s2.3 1.5 3.9 1.5 2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V78.3c.6.6 1.4 1.3 2.2 1.9 1.6 1.2 3.5 2.2 5.6 3 2.1.8 4.4 1.2 6.8 1.2 4.1 0 7.8-1.1 11.1-3.2s5.9-5.1 7.9-8.9c2-3.8 2.9-8.1 2.9-13.1s-1-9.3-2.9-13.1zm-9.2 20.8c-1.1 2.3-2.7 4.2-4.6 5.5-2 1.3-4.3 2-6.9 2s-5-.7-7-2-3.6-3.2-4.7-5.5-1.7-4.9-1.7-7.8c0-2.9.6-5.5 1.7-7.8s2.7-4.1 4.7-5.4c2-1.3 4.3-2 7-2s5 .7 6.9 2c2 1.3 3.5 3.1 4.6 5.4 1.1 2.3 1.7 4.8 1.7 7.8 0 2.9-.6 5.5-1.7 7.8zM380.4 61.6c1.1-.9 1.7-2.1 1.7-3.5 0-3.3-.6-6.3-1.9-9.2-1.2-2.9-2.9-5.5-5-7.7s-4.5-3.9-7.3-5.2c-2.8-1.3-5.7-1.9-8.7-1.9-4 0-7.8 1-11.3 3.1-3.6 2.1-6.5 5-8.7 8.8-2.2 3.8-3.3 8.5-3.3 13.9 0 4.7 1 8.8 3 12.5 2 3.7 4.9 6.6 8.7 8.7 3.8 2.1 8.2 3.2 13.4 3.2 3 0 6-.5 8.8-1.5 2.8-1 5-2.2 6.6-3.5 1.7-1.3 2.5-2.8 2.5-4.4 0-1.2-.4-2.3-1.3-3.2-.9-.9-2-1.4-3.3-1.4-1 0-2 .3-3.1.8-.7.4-1.4.8-2.2 1.3-.8.5-1.9 1-3.2 1.3-1.3.4-3.1.5-5.3.5-2.4 0-4.7-.6-6.8-1.8-2.1-1.2-3.9-2.9-5.3-5.2-.8-1.3-1.3-2.8-1.7-4.5h29.9c1.4.3 2.7-.2 3.8-1.1zM350 47.2c1.1-1.1 2.5-2 4.1-2.4 1.6-.5 3.3-.7 5.1-.7 1.9 0 3.6.4 5.3 1.2 1.7.8 3.1 1.9 4.2 3.3s1.7 3 1.9 4.7v.6h-23.7c.1-.7.3-1.5.5-2.1.5-1.9 1.5-3.4 2.6-4.6zM447.3 39.1c-1.5-3.9-3.6-7.4-6.4-10.4-2.8-3-6-5.3-9.8-7-3.8-1.7-7.9-2.5-12.4-2.5s-8.6.8-12.3 2.5c-3.7 1.7-7 4-9.7 7-2.8 3-4.9 6.5-6.4 10.4-1.5 3.9-2.3 8.2-2.3 12.7s.8 8.8 2.3 12.7c1.5 3.9 3.6 7.4 6.4 10.4 2.7 3 6 5.3 9.7 7 3.7 1.7 7.9 2.5 12.3 2.5 4.5 0 8.6-.8 12.4-2.5 3.8-1.7 7-4 9.8-7 2.8-3 4.9-6.5 6.4-10.4 1.5-3.9 2.3-8.2 2.3-12.7-.1-4.6-.8-8.8-2.3-12.7zm-12 23.7c-1.6 3.3-3.9 5.9-6.7 7.8-2.8 1.9-6.1 2.9-9.9 2.9-3.7 0-7-1-9.9-2.9-2.8-1.9-5.1-4.5-6.7-7.8-1.6-3.3-2.4-7-2.4-11 0-4.1.8-7.8 2.4-11.1 1.6-3.3 3.8-5.9 6.7-7.8 2.8-1.9 6.1-2.9 9.9-2.9 3.7 0 7 1 9.9 2.9 2.8 1.9 5.1 4.5 6.7 7.8 1.6 3.3 2.4 7 2.4 11 .1 4.1-.8 7.8-2.4 11.1zM468.4 18c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6c-1.1 1.1-1.6 2.4-1.6 3.9v56c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.8 1.6 1.6 0 2.9-.5 3.9-1.6 1.1-1.1 1.6-2.4 1.6-3.9v-56c.1-1.5-.4-2.9-1.4-3.9zM520.2 36.6c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v23.2c0 2.3-.4 4.2-1.2 5.8-.8 1.6-1.9 2.8-3.4 3.6-1.4.8-3.2 1.2-5.3 1.2-3.1 0-5.5-.8-7.2-2.4-1.7-1.6-2.6-4.4-2.6-8.3V40.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V67c0 3.4.7 6.4 2 9 1.3 2.6 3.2 4.7 5.6 6.2 2.4 1.5 5.2 2.2 8.4 2.2 2.7 0 5.1-.3 7.3-1 2.1-.7 3.9-1.6 5.5-2.9.7-.6 1.3-1.3 1.9-2v1c0 3.1-.5 5.5-1.4 7.3-.9 1.8-2.3 3.1-4.2 3.8-1.8.8-4.2 1.1-6.9 1.1-2.1 0-3.9-.3-5.4-1-1.6-.6-2.8-1.1-3.8-1.4-1.3-.5-2.6-.4-3.8.2-1.2.6-2.1 1.8-2.6 3.6-.4 1.3-.3 2.6.4 3.8.7 1.2 1.9 2.2 3.8 2.9 1.4.6 3.2 1.1 5.3 1.4 2.2.3 4.2.5 6.2.5 4.4 0 8.3-.7 11.8-2.2 3.5-1.4 6.3-3.8 8.4-7.1 2.1-3.3 3.1-7.7 3.1-13.3V40.5c-.2-1.6-.7-2.9-1.8-3.9zM603.2 44.4c-.8-3.1-2.4-5.6-4.7-7.5s-5.6-2.8-9.9-2.8c-2.7 0-5.1.6-7.2 1.7-2.1 1.1-4 2.5-5.5 4.1-1.4 1.5-2.5 2.9-3.2 4.2-.8-2.6-2.1-4.7-3.9-6.5-2.3-2.3-5.9-3.5-10.7-3.5-2 0-3.8.3-5.5 1-1.7.6-3.2 1.5-4.6 2.5-1.4 1-2.6 2.1-3.5 3.3l-.9 1.2v-1.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V78c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c0-2 .4-3.8 1.2-5.4.8-1.6 2-2.9 3.7-3.9 1.6-1 3.6-1.4 5.9-1.4 2.4 0 4.2.5 5.4 1.4 1.3 1 2.1 2.3 2.6 3.9s.7 3.4.7 5.4v23.2c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c0-2 .4-3.8 1.2-5.4.8-1.6 2-2.9 3.7-3.9 1.6-1 3.6-1.4 5.9-1.4 2.4 0 4.2.5 5.4 1.4 1.3 1 2.1 2.3 2.6 3.9s.7 3.4.7 5.4v23.2c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c.3-3.8-.2-7.2-1-10.3zM659.8 46.1c-2-3.7-4.6-6.7-8-8.8-3.4-2.1-7.1-3.2-11.4-3.2-2.1 0-4.1.4-6 1.1-1.9.7-3.6 1.6-5 2.8-1.3 1-2.4 2-3.2 3.1v-.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v55.6c0 1.6.5 3 1.5 4s2.3 1.5 3.9 1.5 2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V78.3c.6.6 1.4 1.3 2.2 1.9 1.6 1.2 3.5 2.2 5.6 3s4.4 1.2 6.8 1.2c4.1 0 7.8-1.1 11.1-3.2s5.9-5.1 7.9-8.9c2-3.8 2.9-8.1 2.9-13.1.1-5-.9-9.3-2.9-13.1zm-9.1 20.8c-1.1 2.3-2.7 4.2-4.6 5.5-2 1.3-4.3 2-6.9 2s-5-.7-7-2-3.5-3.2-4.7-5.5c-1.1-2.3-1.7-4.9-1.7-7.8 0-2.9.6-5.5 1.7-7.8s2.7-4.1 4.7-5.4c2-1.3 4.3-2 7-2s5 .7 6.9 2c2 1.3 3.5 3.1 4.6 5.4 1.1 2.3 1.7 4.8 1.7 7.8-.1 2.9-.6 5.5-1.7 7.8z" })] }))] }))); };
|
|
4344
4518
|
|
|
4345
|
-
var Wrapper$
|
|
4519
|
+
var Wrapper$7 = styled__default["default"].div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject$1(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
4346
4520
|
var size = _a.size;
|
|
4347
4521
|
switch (size) {
|
|
4348
4522
|
default:
|
|
@@ -4352,7 +4526,7 @@ var Wrapper$6 = styled__default["default"].div(templateObject_1$I || (templateOb
|
|
|
4352
4526
|
return "116px";
|
|
4353
4527
|
}
|
|
4354
4528
|
});
|
|
4355
|
-
var templateObject_1$
|
|
4529
|
+
var templateObject_1$J;
|
|
4356
4530
|
|
|
4357
4531
|
var medals = {
|
|
4358
4532
|
small: {
|
|
@@ -4366,13 +4540,13 @@ var medals = {
|
|
|
4366
4540
|
bronze: (jsxRuntime.jsxs("svg", __assign$2({ width: 116, height: 135, viewBox: "0 0 116 135", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M72.391 0h-28.77c-4.758 0-8.617 3.821-8.617 8.534v21.423h46.004V8.534C81.008 3.82 77.149 0 72.391 0z", fill: "#F21C40" }), jsxRuntime.jsx("path", { d: "M69.14 0H46.848v29.957H69.14V0z", fill: "#911126" }), jsxRuntime.jsx("path", { d: "M58 135c32.032 0 58-25.716 58-57.439 0-31.722-25.968-57.438-58-57.438S0 45.839 0 77.56C0 109.284 25.968 135 58 135z", fill: "#CD7E02" }), jsxRuntime.jsx("path", { d: "M57.572 128.146c28.483 0 51.572-22.866 51.572-51.073S86.054 26 57.572 26C29.09 26 6 48.866 6 77.073s23.09 51.073 51.572 51.073z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M73.864 60.592l-7.45 7.425a22.946 22.946 0 01-2.886 2.352c4.648.536 8.405 2.31 11.227 5.3C77.578 78.66 79 82.6 79 87.469c0 6.022-2.165 10.807-6.473 14.293-4.308 3.506-9.572 5.239-15.79 5.239-8 0-14.58-2.166-19.737-6.518.68-3.32 2.632-6.25 5.858-8.766 3.84 2.95 7.873 4.435 12.097 4.435 2.97 0 5.369-.825 7.173-2.496 1.804-1.65 2.695-3.836 2.695-6.517 0-2.682-.806-4.765-2.42-6.25-1.612-1.485-3.48-2.207-5.623-2.207-2.144 0-4.054.35-5.73 1.093-1.125-.474-2.165-1.402-3.12-2.764a14.513 14.513 0 01-2.101-4.393l9.126-9.137c2.97-2.888 5.093-4.765 6.324-5.61l-.36-.64c-2.548.722-5.646 1.094-9.318 1.094H40.056c-.615-1.568-.934-3.424-.934-5.57 0-2.145.404-4.063 1.21-5.754h33.426c1.868 3.32 2.801 5.96 2.801 7.92 0 1.98-.891 3.857-2.695 5.672z", fill: "#CD7E02" })] }))),
|
|
4367
4541
|
},
|
|
4368
4542
|
};
|
|
4369
|
-
var Medal = function (props) { return (jsxRuntime.jsx(Wrapper$
|
|
4543
|
+
var Medal = function (props) { return (jsxRuntime.jsx(Wrapper$7, __assign$2({}, props, { children: medals[props.size || "small"][props.type] }))); };
|
|
4370
4544
|
|
|
4371
|
-
var Wrapper$
|
|
4545
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject$1(["\n width: fit-content;\n display: flex;\n\n button:first-child {\n border-radius: 6px 0 0 6px;\n border-width: 2px 1px 2px 2px;\n }\n\n button:last-child {\n border-radius: 0 6px 6px 0;\n border-width: 2px 2px 2px 1px;\n }\n\n button {\n width: ", ";\n }\n"], ["\n width: fit-content;\n display: flex;\n\n button:first-child {\n border-radius: 6px 0 0 6px;\n border-width: 2px 1px 2px 2px;\n }\n\n button:last-child {\n border-radius: 0 6px 6px 0;\n border-width: 2px 2px 2px 1px;\n }\n\n button {\n width: ", ";\n }\n"])), function (_a) {
|
|
4372
4546
|
var disabled = _a.disabled;
|
|
4373
4547
|
return (disabled ? "49.5px" : "");
|
|
4374
4548
|
});
|
|
4375
|
-
var StyledInputNumber = styled__default["default"].input(templateObject_2$
|
|
4549
|
+
var StyledInputNumber = styled__default["default"].input(templateObject_2$v || (templateObject_2$v = __makeTemplateObject$1(["\n width: 50px;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n text-align: center;\n -moz-appearance: textfield;\n\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 50px;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n text-align: center;\n -moz-appearance: textfield;\n\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4376
4550
|
var disabled = _a.disabled;
|
|
4377
4551
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
4378
4552
|
}, function (_a) {
|
|
@@ -4385,7 +4559,7 @@ var StyledInputNumber = styled__default["default"].input(templateObject_2$u || (
|
|
|
4385
4559
|
var disabled = _a.disabled;
|
|
4386
4560
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
4387
4561
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4388
|
-
var templateObject_1$
|
|
4562
|
+
var templateObject_1$I, templateObject_2$v;
|
|
4389
4563
|
|
|
4390
4564
|
var Number$1 = function (props) {
|
|
4391
4565
|
var inputRef = React$3.useRef(null);
|
|
@@ -4419,12 +4593,12 @@ var Number$1 = function (props) {
|
|
|
4419
4593
|
props.onChange(newValue);
|
|
4420
4594
|
}
|
|
4421
4595
|
};
|
|
4422
|
-
return (jsxRuntime.jsxs(Wrapper$
|
|
4596
|
+
return (jsxRuntime.jsxs(Wrapper$6, __assign$2({ disabled: props.disabled }, { children: [jsxRuntime.jsx(Button, { label: "-", disabled: props.disabled, onClick: decrease, tabIndex: -1, type: "button" }), jsxRuntime.jsx(StyledInputNumber, __assign$2({ type: "number" }, props, { defaultValue: props.defaultValue || props.min || 0, onChange: onChange, onBlur: props.onBlur, ref: inputRef })), jsxRuntime.jsx(Button, { label: "+", disabled: props.disabled, onClick: increase, tabIndex: -1, type: "button" })] })));
|
|
4423
4597
|
};
|
|
4424
4598
|
|
|
4425
4599
|
var Paragraph = function (props) { return (jsxRuntime.jsx(StyledParagraph, __assign$2({}, props, { children: props.children }))); };
|
|
4426
4600
|
|
|
4427
|
-
var StyledRadio = styled__default["default"].div(templateObject_1$
|
|
4601
|
+
var StyledRadio = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject$1(["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :after {\n content: \"\";\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background-color: ", ";\n position: absolute;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :after {\n content: \"\";\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background-color: ", ";\n position: absolute;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4428
4602
|
var checked = _a.checked, disabled = _a.disabled;
|
|
4429
4603
|
if (disabled)
|
|
4430
4604
|
return theme.colors.lightGray.darker;
|
|
@@ -4452,7 +4626,7 @@ var StyledRadio = styled__default["default"].div(templateObject_1$G || (template
|
|
|
4452
4626
|
return theme.colors.green.base;
|
|
4453
4627
|
return "";
|
|
4454
4628
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4455
|
-
var templateObject_1$
|
|
4629
|
+
var templateObject_1$H;
|
|
4456
4630
|
|
|
4457
4631
|
var Radio = function (props) {
|
|
4458
4632
|
var _a, _b;
|
|
@@ -4484,7 +4658,7 @@ var Radio = function (props) {
|
|
|
4484
4658
|
return (jsxRuntime.jsx(StyledRadio, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: wrapperRef }, { children: jsxRuntime.jsx("input", { type: "radio", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef }) })));
|
|
4485
4659
|
};
|
|
4486
4660
|
|
|
4487
|
-
var StyledRange = styled__default["default"].div(templateObject_1$
|
|
4661
|
+
var StyledRange = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject$1(["\n input {\n appearance: none;\n width: 100%;\n height: 11px;\n border: ", ";\n border-radius: 8px;\n position: relative;\n background: ", ";\n\n ::-webkit-slider-thumb {\n appearance: none;\n width: 24px;\n height: 24px;\n background-color: ", ";\n border: ", ";\n border-radius: 50%;\n cursor: ", ";\n }\n }\n"], ["\n input {\n appearance: none;\n width: 100%;\n height: 11px;\n border: ", ";\n border-radius: 8px;\n position: relative;\n background: ", ";\n\n ::-webkit-slider-thumb {\n appearance: none;\n width: 24px;\n height: 24px;\n background-color: ", ";\n border: ", ";\n border-radius: 50%;\n cursor: ", ";\n }\n }\n"])), function () { return "2px solid ".concat(theme.colors.lightGray.dark); }, function (_a) {
|
|
4488
4662
|
var value = _a.value, disabled = _a.disabled;
|
|
4489
4663
|
return "linear-gradient(90deg,\n ".concat(disabled ? theme.colors.lightGray.darker : theme.colors.green.base, " 0%,\n ").concat(disabled ? theme.colors.lightGray.darker : theme.colors.green.base, " ").concat(value, "%,\n ").concat(theme.colors.lightGray.dark, " ").concat(value, "%,\n ").concat(theme.colors.lightGray.dark, " 100%\n )");
|
|
4490
4664
|
}, function () { return theme.colors.lightGray.light; }, function (_a) {
|
|
@@ -4494,7 +4668,7 @@ var StyledRange = styled__default["default"].div(templateObject_1$F || (template
|
|
|
4494
4668
|
var disabled = _a.disabled;
|
|
4495
4669
|
return disabled ? "not-allowed" : "pointer";
|
|
4496
4670
|
});
|
|
4497
|
-
var templateObject_1$
|
|
4671
|
+
var templateObject_1$G;
|
|
4498
4672
|
|
|
4499
4673
|
var Range = function (props) {
|
|
4500
4674
|
var _a;
|
|
@@ -4523,11 +4697,11 @@ var Range = function (props) {
|
|
|
4523
4697
|
return (jsxRuntime.jsx(StyledRange, __assign$2({ value: value, disabled: props.disabled }, { children: jsxRuntime.jsx("input", { type: "range", disabled: !!props.disabled, id: props.id, min: props.min || 0, max: props.max || 100, ref: rangeRef, defaultValue: props.defaultValue, onChange: onChange, onBlur: props.onBlur }) })));
|
|
4524
4698
|
};
|
|
4525
4699
|
|
|
4526
|
-
var Wrapper$
|
|
4700
|
+
var Wrapper$5 = styled__default["default"].div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject$1(["\n position: relative;\n\n div {\n pointer-events: none;\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"], ["\n position: relative;\n\n div {\n pointer-events: none;\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"])), function (_a) {
|
|
4527
4701
|
var disabled = _a.disabled;
|
|
4528
4702
|
return (disabled ? "not-allowed" : "pointer");
|
|
4529
4703
|
});
|
|
4530
|
-
var StyledSelect = styled__default["default"].select(templateObject_2$
|
|
4704
|
+
var StyledSelect = styled__default["default"].select(templateObject_2$u || (templateObject_2$u = __makeTemplateObject$1(["\n width: 100%;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 43px 15px 13px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n appearance: none;\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 43px 15px 13px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n appearance: none;\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4531
4705
|
var disabled = _a.disabled;
|
|
4532
4706
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
4533
4707
|
}, function (_a) {
|
|
@@ -4540,7 +4714,7 @@ var StyledSelect = styled__default["default"].select(templateObject_2$t || (temp
|
|
|
4540
4714
|
var isChanged = _a.isChanged;
|
|
4541
4715
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
4542
4716
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4543
|
-
var templateObject_1$
|
|
4717
|
+
var templateObject_1$F, templateObject_2$u;
|
|
4544
4718
|
|
|
4545
4719
|
var Select = function (props) {
|
|
4546
4720
|
var _a;
|
|
@@ -4559,21 +4733,21 @@ var Select = function (props) {
|
|
|
4559
4733
|
props.onChange(e.target.value);
|
|
4560
4734
|
}
|
|
4561
4735
|
};
|
|
4562
|
-
return (jsxRuntime.jsxs(Wrapper$
|
|
4736
|
+
return (jsxRuntime.jsxs(Wrapper$5, { children: [jsxRuntime.jsx(Icon, { type: "chevronDown", color: "gray", size: "small" }), jsxRuntime.jsxs(StyledSelect, __assign$2({}, props, { onChange: onChange, isChanged: isChanged || props.defaultValue, ref: inputRef }, { children: [props.placeholder && jsxRuntime.jsx("option", __assign$2({ hidden: true }, { children: props.placeholder })), props.children] }))] }));
|
|
4563
4737
|
};
|
|
4564
4738
|
|
|
4565
|
-
var StyledSpacer = styled__default["default"].div(templateObject_1$
|
|
4739
|
+
var StyledSpacer = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
4566
4740
|
var horizontal = _a.horizontal;
|
|
4567
4741
|
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
4568
4742
|
}, function (_a) {
|
|
4569
4743
|
var vertical = _a.vertical;
|
|
4570
4744
|
return (vertical ? "".concat(vertical, "px") : "");
|
|
4571
4745
|
});
|
|
4572
|
-
var templateObject_1$
|
|
4746
|
+
var templateObject_1$E;
|
|
4573
4747
|
|
|
4574
4748
|
var Spacer = function (props) { return (jsxRuntime.jsx(StyledSpacer, __assign$2({}, props))); };
|
|
4575
4749
|
|
|
4576
|
-
var StyledSubheading = styled__default["default"].p(templateObject_1$
|
|
4750
|
+
var StyledSubheading = styled__default["default"].p(templateObject_1$D || (templateObject_1$D = __makeTemplateObject$1(["\n font-family: ", ";\n font-style: normal;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: ", ";\n margin: 0;\n color: ", ";\n"], ["\n font-family: ", ";\n font-style: normal;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: ", ";\n margin: 0;\n color: ", ";\n"])), theme.fonts.paragraph, function (_a) {
|
|
4577
4751
|
var size = _a.size;
|
|
4578
4752
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
4579
4753
|
}, function (_a) {
|
|
@@ -4601,18 +4775,18 @@ var StyledSubheading = styled__default["default"].p(templateObject_1$C || (templ
|
|
|
4601
4775
|
return theme.colors.darkGray.dark;
|
|
4602
4776
|
}
|
|
4603
4777
|
});
|
|
4604
|
-
var templateObject_1$
|
|
4778
|
+
var templateObject_1$D;
|
|
4605
4779
|
|
|
4606
4780
|
var Subheading = function (props) { return (jsxRuntime.jsx(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
4607
4781
|
|
|
4608
|
-
var Container$k = styled__default["default"].div(templateObject_1$
|
|
4609
|
-
var templateObject_1$
|
|
4782
|
+
var Container$k = styled__default["default"].div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject$1(["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: 0 2px 0 ", ";\n border: 1px solid ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n"], ["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: 0 2px 0 ", ";\n border: 1px solid ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n"])), theme.colors.lightGray.base, theme.colors.lightGray.darker, theme.colors.lightGray.darker);
|
|
4783
|
+
var templateObject_1$C;
|
|
4610
4784
|
|
|
4611
4785
|
var Tag = function (props) {
|
|
4612
4786
|
return jsxRuntime.jsx(Container$k, { children: props.children });
|
|
4613
4787
|
};
|
|
4614
4788
|
|
|
4615
|
-
var Container$j = styled__default["default"].div(templateObject_1$
|
|
4789
|
+
var Container$j = styled__default["default"].div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject$1(["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4616
4790
|
var disabled = _a.disabled;
|
|
4617
4791
|
return (disabled ? "not-allowed" : "pointer");
|
|
4618
4792
|
}, function (_a) {
|
|
@@ -4630,7 +4804,7 @@ var Container$j = styled__default["default"].div(templateObject_1$A || (template
|
|
|
4630
4804
|
var disabled = _a.disabled;
|
|
4631
4805
|
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.light;
|
|
4632
4806
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4633
|
-
var templateObject_1$
|
|
4807
|
+
var templateObject_1$B;
|
|
4634
4808
|
|
|
4635
4809
|
var Toggle = function (props) {
|
|
4636
4810
|
var _a;
|
|
@@ -4661,7 +4835,7 @@ var Toggle = function (props) {
|
|
|
4661
4835
|
return (jsxRuntime.jsx(Container$j, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: containerRef }, { children: jsxRuntime.jsx("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, ref: inputRef }) })));
|
|
4662
4836
|
};
|
|
4663
4837
|
|
|
4664
|
-
var Wrapper$
|
|
4838
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject$1(["\n display: flex;\n align-items: flex-end;\n\n > svg {\n height: ", ";\n }\n"], ["\n display: flex;\n align-items: flex-end;\n\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
4665
4839
|
var level = _a.level;
|
|
4666
4840
|
switch (level) {
|
|
4667
4841
|
case 1:
|
|
@@ -4672,7 +4846,7 @@ var Wrapper$3 = styled__default["default"].div(templateObject_1$z || (templateOb
|
|
|
4672
4846
|
return "70px";
|
|
4673
4847
|
}
|
|
4674
4848
|
});
|
|
4675
|
-
var templateObject_1$
|
|
4849
|
+
var templateObject_1$A;
|
|
4676
4850
|
|
|
4677
4851
|
var trophies = {
|
|
4678
4852
|
1: {
|
|
@@ -4706,9 +4880,9 @@ var trophies = {
|
|
|
4706
4880
|
3: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 96 118" }, { children: [jsxRuntime.jsx("path", { d: "M74.4418 104.86H21.5586C19.4421 104.886 17.4199 105.746 15.9322 107.253C14.4445 108.759 13.6099 110.792 13.6099 112.91V117.658H82.3914V112.829C82.3699 110.725 81.5263 108.713 80.0413 107.224C78.5554 105.734 76.5459 104.886 74.4427 104.86H74.4418Z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M65.8683 90.0547H30.1299C28.9557 90.0547 27.8292 90.5209 26.9992 91.351C26.1692 92.1811 25.7029 93.3076 25.7029 94.4817V104.925H70.2955V94.4412C70.2802 93.276 69.8068 92.163 68.9794 91.3427C68.1511 90.5216 67.0343 90.0601 65.8683 90.0547Z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M88.9303 7.28211H80.4787V2.85505C80.4248 1.78331 79.539 0.942463 78.4664 0.94336H17.4534C16.3422 0.94336 15.4411 1.84441 15.4411 2.95566V7.28199H6.98946C5.04275 7.40147 3.22083 8.28005 1.91479 9.72918C0.609485 11.1773 -0.0759402 13.0809 0.00669058 15.0295C0.010284 22.457 1.48717 29.8101 4.3528 36.6616C7.18612 43.4836 11.4874 49.5987 16.9503 54.571C18.623 56.1072 20.4052 57.5193 22.283 58.7969C22.4842 59.0385 22.645 59.2802 22.8462 59.5012C23.1885 59.9036 23.5505 60.2863 23.9332 60.6888C25.2538 62.0741 26.6948 63.3407 28.2391 64.4717C34.3372 68.9491 37.9395 76.063 37.9386 83.629V90.1691H58.0616V83.629C58.0535 76.0964 61.6136 69.0048 67.6604 64.5122C69.2029 63.3857 70.6375 62.119 71.9465 60.7284C72.3292 60.3259 72.711 59.9234 73.0533 59.521C73.2545 59.3 73.436 59.0377 73.6165 58.8167C75.4941 57.5392 77.2764 56.1271 78.9492 54.5908C84.4059 49.613 88.7063 43.4997 91.5467 36.6814C94.4492 29.8306 95.9611 22.4704 95.9935 15.0295C96.0753 13.0675 95.3791 11.1532 94.0567 9.70229C92.7334 8.25056 90.8908 7.3809 88.9307 7.28224L88.9303 7.28211ZM9.30304 34.5689C6.72568 28.3774 5.39871 21.7369 5.39871 15.0298C5.39871 13.7622 6.16321 12.6555 7.06874 12.6555H15.5204V39.8204C15.5357 41.8489 15.7513 43.871 16.1645 45.8573C13.3365 42.4509 11.0241 38.6471 9.30292 34.5677L9.30304 34.5689ZM86.695 34.5689C84.9755 38.6618 82.6632 42.479 79.8334 45.8989C80.2484 43.9127 80.4649 41.8904 80.4775 39.862V12.6558H88.9291C89.8347 12.6558 90.5992 13.7625 90.5992 15.03C90.5992 21.7371 89.2723 28.3777 86.6948 34.5691L86.695 34.5689Z", fill: "#FF9D00" })] }))),
|
|
4707
4881
|
},
|
|
4708
4882
|
};
|
|
4709
|
-
var Trophy = function (props) { return (jsxRuntime.jsx(Wrapper$
|
|
4883
|
+
var Trophy = function (props) { return (jsxRuntime.jsx(Wrapper$4, __assign$2({}, props, { children: trophies[props.variant][props.level] }))); };
|
|
4710
4884
|
|
|
4711
|
-
var Container$i = styled__default["default"].div(templateObject_1$
|
|
4885
|
+
var Container$i = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject$1(["\n min-height: 44px;\n padding: 10px;\n background-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"], ["\n min-height: 44px;\n padding: 10px;\n background-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
4712
4886
|
var type = _a.type;
|
|
4713
4887
|
switch (type) {
|
|
4714
4888
|
case "success":
|
|
@@ -4725,11 +4899,11 @@ var Container$i = styled__default["default"].div(templateObject_1$y || (template
|
|
|
4725
4899
|
return theme.colors.red.base;
|
|
4726
4900
|
}
|
|
4727
4901
|
});
|
|
4728
|
-
var templateObject_1$
|
|
4902
|
+
var templateObject_1$z;
|
|
4729
4903
|
|
|
4730
|
-
var Alert = function (props) { return (jsxRuntime.jsxs(Container$i, __assign$2({}, props, { children: [jsxRuntime.jsx(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsxRuntime.jsx(
|
|
4904
|
+
var Alert = function (props) { return (jsxRuntime.jsxs(Container$i, __assign$2({}, props, { children: [jsxRuntime.jsx(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsxRuntime.jsx(Paragraph, { children: props.message })] }))); };
|
|
4731
4905
|
|
|
4732
|
-
var StyledCard = styled__default["default"].div(templateObject_1$
|
|
4906
|
+
var StyledCard = styled__default["default"].div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject$1(["\n background-color: ", ";\n border: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n\n ", "\n"], ["\n background-color: ", ";\n border: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n\n ", "\n"])), theme.colors.lightGray.light, function (_a) {
|
|
4733
4907
|
var bordered = _a.bordered;
|
|
4734
4908
|
return bordered ? "1px solid ".concat(theme.colors.lightGray.dark) : "none";
|
|
4735
4909
|
}, function (_a) {
|
|
@@ -4741,23 +4915,23 @@ var StyledCard = styled__default["default"].div(templateObject_1$x || (templateO
|
|
|
4741
4915
|
}, ";\n\n > div:first-child {\n width: 175%;\n padding-bottom: 175%;\n top: -25%;\n right: -25%;\n }\n }")
|
|
4742
4916
|
: "";
|
|
4743
4917
|
});
|
|
4744
|
-
var Ellipse = styled__default["default"].div(templateObject_2$
|
|
4918
|
+
var Ellipse = styled__default["default"].div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject$1(["\n width: 85%;\n height: 0;\n padding-bottom: 85%;\n border-radius: 50%;\n background-color: ", ";\n opacity: 0.3;\n position: absolute;\n top: -20%;\n right: -20%;\n transition: width 0.75s, padding-bottom 0.75s, top 0.75s, right 0.75s;\n"], ["\n width: 85%;\n height: 0;\n padding-bottom: 85%;\n border-radius: 50%;\n background-color: ", ";\n opacity: 0.3;\n position: absolute;\n top: -20%;\n right: -20%;\n transition: width 0.75s, padding-bottom 0.75s, top 0.75s, right 0.75s;\n"])), function (_a) {
|
|
4745
4919
|
var color = _a.color;
|
|
4746
4920
|
return color ? theme.colors[color].light : "";
|
|
4747
4921
|
});
|
|
4748
4922
|
var Content = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$1(["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"], ["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"])));
|
|
4749
|
-
var templateObject_1$
|
|
4923
|
+
var templateObject_1$y, templateObject_2$t, templateObject_3$9;
|
|
4750
4924
|
|
|
4751
4925
|
var Card = function (props) { return (jsxRuntime.jsxs(StyledCard, __assign$2({}, props, { children: [props.ellipse && jsxRuntime.jsx(Ellipse, { color: props.ellipse }), jsxRuntime.jsx(Content, { children: props.children })] }))); };
|
|
4752
4926
|
|
|
4753
|
-
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$
|
|
4754
|
-
var CheckboxContainer = styled__default["default"].div(templateObject_2$
|
|
4927
|
+
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$x || (templateObject_1$x = __makeTemplateObject$1(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
4928
|
+
var CheckboxContainer = styled__default["default"].div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
4755
4929
|
var CheckboxWrapper = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])));
|
|
4756
4930
|
var Label$9 = styled__default["default"](StyledParagraph)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$1(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"])), function (_a) {
|
|
4757
4931
|
var weight = _a.weight;
|
|
4758
4932
|
return weight || 500;
|
|
4759
4933
|
}, theme.colors.darkGray.base, theme.colors.blue.base);
|
|
4760
|
-
var templateObject_1$
|
|
4934
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$8, templateObject_4$6;
|
|
4761
4935
|
|
|
4762
4936
|
var Checkboxes = function (props) {
|
|
4763
4937
|
var _a = React$3.useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -4780,12 +4954,12 @@ var Checkboxes = function (props) {
|
|
|
4780
4954
|
}) })] }));
|
|
4781
4955
|
};
|
|
4782
4956
|
|
|
4783
|
-
var Container$h = styled__default["default"].div(templateObject_1$
|
|
4784
|
-
var Item = styled__default["default"].div(templateObject_2$
|
|
4957
|
+
var Container$h = styled__default["default"].div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject$1(["\n width: 100%;\n background-color: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n padding: 10px 20px;\n"], ["\n width: 100%;\n background-color: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n padding: 10px 20px;\n"])), theme.colors.lightGray.light);
|
|
4958
|
+
var Item = styled__default["default"].div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject$1(["\n padding: 10px 0;\n cursor: pointer;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 5px;\n }\n\n p {\n display: ", ";\n }\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n"], ["\n padding: 10px 0;\n cursor: pointer;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 5px;\n }\n\n p {\n display: ", ";\n }\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n"])), function (_a) {
|
|
4785
4959
|
var isOpen = _a.isOpen;
|
|
4786
4960
|
return (isOpen ? "" : "none");
|
|
4787
4961
|
}, theme.colors.lightGray.dark);
|
|
4788
|
-
var templateObject_1$
|
|
4962
|
+
var templateObject_1$w, templateObject_2$r;
|
|
4789
4963
|
|
|
4790
4964
|
var Collapse = function (props) {
|
|
4791
4965
|
var _a = React$3.useState([]), openItems = _a[0], setOpenItems = _a[1];
|
|
@@ -4803,6 +4977,38 @@ var Collapse = function (props) {
|
|
|
4803
4977
|
}) })));
|
|
4804
4978
|
};
|
|
4805
4979
|
|
|
4980
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
4981
|
+
var Value = styled__default["default"].div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 6px;\n\n h5 {\n color: ", ";\n }\n\n :first-child {\n margin-left: 0;\n }\n"], ["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 6px;\n\n h5 {\n color: ", ";\n }\n\n :first-child {\n margin-left: 0;\n }\n"])), function (_a) {
|
|
4982
|
+
var contrast = _a.contrast;
|
|
4983
|
+
return contrast ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
4984
|
+
}, theme.colors.darkGray.base);
|
|
4985
|
+
var templateObject_1$v, templateObject_2$q;
|
|
4986
|
+
|
|
4987
|
+
var Countdown = function (_a) {
|
|
4988
|
+
var till = _a.till, contrast = _a.contrast;
|
|
4989
|
+
var _b = React$3.useState(""), HH = _b[0], setHH = _b[1];
|
|
4990
|
+
var _c = React$3.useState(""), MM = _c[0], setMM = _c[1];
|
|
4991
|
+
var _d = React$3.useState(""), SS = _d[0], setSS = _d[1];
|
|
4992
|
+
contrast = contrast || false;
|
|
4993
|
+
var color = contrast ? "black" : "white";
|
|
4994
|
+
React$3.useEffect(function () {
|
|
4995
|
+
var now = new Date();
|
|
4996
|
+
var h = differenceInHours(now, till) * -1;
|
|
4997
|
+
var m = (differenceInMinutes(now, till) % 60) * -1;
|
|
4998
|
+
var s = (differenceInSeconds(now, till) % 60) * -1;
|
|
4999
|
+
var hh = ("0" + h).slice(-2);
|
|
5000
|
+
var mm = ("0" + m).slice(-2);
|
|
5001
|
+
var ss = ("0" + s).slice(-2);
|
|
5002
|
+
var timer = setTimeout(function () {
|
|
5003
|
+
setHH(hh);
|
|
5004
|
+
setMM(mm);
|
|
5005
|
+
setSS(ss);
|
|
5006
|
+
}, 1000);
|
|
5007
|
+
return function () { return clearTimeout(timer); };
|
|
5008
|
+
}, [SS]);
|
|
5009
|
+
return (jsxRuntime.jsxs(Wrapper$3, { children: [jsxRuntime.jsx(Value, __assign$2({ contrast: contrast }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: HH })) })), jsxRuntime.jsx(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsxRuntime.jsx(Value, __assign$2({ contrast: contrast }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: MM })) })), jsxRuntime.jsx(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsxRuntime.jsx(Value, __assign$2({ contrast: contrast }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: SS })) }))] }));
|
|
5010
|
+
};
|
|
5011
|
+
|
|
4806
5012
|
var Container$g = styled__default["default"].div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
4807
5013
|
var Label$8 = styled__default["default"](StyledParagraph)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
4808
5014
|
var templateObject_1$u, templateObject_2$p;
|
|
@@ -11667,6 +11873,7 @@ exports.Card = Card;
|
|
|
11667
11873
|
exports.Checkbox = Checkbox;
|
|
11668
11874
|
exports.Checkboxes = Checkboxes;
|
|
11669
11875
|
exports.Collapse = Collapse;
|
|
11876
|
+
exports.Countdown = Countdown;
|
|
11670
11877
|
exports.DateInputField = DateInputField;
|
|
11671
11878
|
exports.Flag = Flag;
|
|
11672
11879
|
exports.Form = Form;
|