@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.es.js
CHANGED
|
@@ -3381,14 +3381,14 @@ Object.defineProperty(BeatLoader, "__esModule", { value: true });
|
|
|
3381
3381
|
var React$2 = __importStar$2(React__default);
|
|
3382
3382
|
var react_1 = require$$1;
|
|
3383
3383
|
var helpers_1 = helpers$1;
|
|
3384
|
-
var beat = react_1.keyframes(templateObject_1$
|
|
3384
|
+
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"])));
|
|
3385
3385
|
var Loader = /** @class */ (function (_super) {
|
|
3386
3386
|
__extends$1(Loader, _super);
|
|
3387
3387
|
function Loader() {
|
|
3388
3388
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
3389
3389
|
_this.style = function (i) {
|
|
3390
3390
|
var _a = _this.props, color = _a.color, size = _a.size, margin = _a.margin, speedMultiplier = _a.speedMultiplier;
|
|
3391
|
-
return react_1.css(templateObject_2$
|
|
3391
|
+
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");
|
|
3392
3392
|
};
|
|
3393
3393
|
return _this;
|
|
3394
3394
|
}
|
|
@@ -3403,9 +3403,9 @@ var Loader = /** @class */ (function (_super) {
|
|
|
3403
3403
|
return Loader;
|
|
3404
3404
|
}(React$2.PureComponent));
|
|
3405
3405
|
var _default = BeatLoader.default = Loader;
|
|
3406
|
-
var templateObject_1$
|
|
3406
|
+
var templateObject_1$S, templateObject_2$y;
|
|
3407
3407
|
|
|
3408
|
-
var StyledButton = styled.button(templateObject_1$
|
|
3408
|
+
var StyledButton = styled.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) {
|
|
3409
3409
|
var fluid = _a.fluid;
|
|
3410
3410
|
return (fluid ? "100%" : "fit-content");
|
|
3411
3411
|
}, function (_a) {
|
|
@@ -3459,7 +3459,7 @@ var StyledButton = styled.button(templateObject_1$Q || (templateObject_1$Q = __m
|
|
|
3459
3459
|
? theme.button.medium.heightActive
|
|
3460
3460
|
: theme.button[size].heightActive;
|
|
3461
3461
|
});
|
|
3462
|
-
var DisabledButton = styled(StyledButton)(templateObject_2$
|
|
3462
|
+
var DisabledButton = styled(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) {
|
|
3463
3463
|
var size = _a.size;
|
|
3464
3464
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3465
3465
|
});
|
|
@@ -3486,7 +3486,7 @@ var LoaderWrapper = styled.div(templateObject_4$8 || (templateObject_4$8 = __mak
|
|
|
3486
3486
|
var size = _a.size;
|
|
3487
3487
|
return (size === "small" ? "3px" : "");
|
|
3488
3488
|
});
|
|
3489
|
-
var templateObject_1$
|
|
3489
|
+
var templateObject_1$R, templateObject_2$x, templateObject_3$b, templateObject_4$8;
|
|
3490
3490
|
|
|
3491
3491
|
var Button = forwardRef(function (_a, ref) {
|
|
3492
3492
|
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"]);
|
|
@@ -3522,7 +3522,7 @@ var Button = forwardRef(function (_a, ref) {
|
|
|
3522
3522
|
return (jsx$1(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 ? jsx$1(Loader, {}) : jsx$1("span", { children: label }) })));
|
|
3523
3523
|
});
|
|
3524
3524
|
|
|
3525
|
-
var StyledCheckbox = styled.div(templateObject_1$
|
|
3525
|
+
var StyledCheckbox = styled.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) {
|
|
3526
3526
|
var checked = _a.checked, disabled = _a.disabled;
|
|
3527
3527
|
if (disabled)
|
|
3528
3528
|
return theme.colors.lightGray.darker;
|
|
@@ -3543,7 +3543,7 @@ var StyledCheckbox = styled.div(templateObject_1$P || (templateObject_1$P = __ma
|
|
|
3543
3543
|
return theme.colors.green.base;
|
|
3544
3544
|
return theme.colors.lightGray.darker;
|
|
3545
3545
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
3546
|
-
var templateObject_1$
|
|
3546
|
+
var templateObject_1$Q;
|
|
3547
3547
|
|
|
3548
3548
|
var Checkbox = function (props) {
|
|
3549
3549
|
var _a;
|
|
@@ -3576,7 +3576,7 @@ var Checkbox = function (props) {
|
|
|
3576
3576
|
return (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 && (jsx$1("svg", __assign$2({ width: 16, height: 12, viewBox: "0 0 16 12", fill: "none" }, { children: jsx$1("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" }) }))), jsx$1("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef })] })));
|
|
3577
3577
|
};
|
|
3578
3578
|
|
|
3579
|
-
var Wrapper$
|
|
3579
|
+
var Wrapper$a = styled.div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3580
3580
|
var size = _a.size;
|
|
3581
3581
|
switch (size) {
|
|
3582
3582
|
case "small":
|
|
@@ -3599,7 +3599,7 @@ var Wrapper$9 = styled.div(templateObject_1$O || (templateObject_1$O = __makeTem
|
|
|
3599
3599
|
return "27px";
|
|
3600
3600
|
}
|
|
3601
3601
|
});
|
|
3602
|
-
var templateObject_1$
|
|
3602
|
+
var templateObject_1$P;
|
|
3603
3603
|
|
|
3604
3604
|
var parsers = {};
|
|
3605
3605
|
|
|
@@ -3865,9 +3865,9 @@ var flags = {
|
|
|
3865
3865
|
FR: (jsxs("svg", __assign$2({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx$1("path", { d: "M15 0h6c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1h-6V0z", fill: "#148cc6" }), jsx$1("path", { fill: "#fff", d: "M7 0H15V18H7z" }), jsx$1("path", { d: "M0 1c0-.6.4-1 1-1h6v18H1c-.6 0-1-.4-1-1V1z", fill: "#e62743" })] }))),
|
|
3866
3866
|
DE: (jsxs("svg", __assign$2({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx$1("path", { d: "M0 1c0-.6.4-1 1-1h20c.6 0 1 .4 1 1v5H0V1z", fill: "#000" }), jsx$1("path", { fill: "#e62743", d: "M0 6H22V12H0z" }), jsx$1("path", { d: "M0 12h22v5c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1v-5z", fill: "#ffd800" })] }))),
|
|
3867
3867
|
};
|
|
3868
|
-
var Flag = function (props) { return (jsx$1(Wrapper$
|
|
3868
|
+
var Flag = function (props) { return (jsx$1(Wrapper$a, __assign$2({}, props, { children: flags[getCountryCodeByLocale_1(props.locale)] }))); };
|
|
3869
3869
|
|
|
3870
|
-
var StyledHeading = styled.span(templateObject_1$
|
|
3870
|
+
var StyledHeading = styled.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) {
|
|
3871
3871
|
var type = _a.type;
|
|
3872
3872
|
return theme.heading[type].fontSize;
|
|
3873
3873
|
}, function (_a) {
|
|
@@ -3891,14 +3891,14 @@ var StyledHeading = styled.span(templateObject_1$N || (templateObject_1$N = __ma
|
|
|
3891
3891
|
var align = _a.align;
|
|
3892
3892
|
return align;
|
|
3893
3893
|
});
|
|
3894
|
-
var templateObject_1$
|
|
3894
|
+
var templateObject_1$O;
|
|
3895
3895
|
|
|
3896
3896
|
var Heading = function (props) {
|
|
3897
3897
|
var element = !!props.as ? props.as : props.type;
|
|
3898
3898
|
return (jsx$1(StyledHeading, __assign$2({}, props, { as: element }, { children: props.children })));
|
|
3899
3899
|
};
|
|
3900
3900
|
|
|
3901
|
-
var Wrapper$
|
|
3901
|
+
var Wrapper$9 = styled.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) {
|
|
3902
3902
|
var size = _a.size;
|
|
3903
3903
|
return theme.icon[size] || theme.icon.medium;
|
|
3904
3904
|
}, function (_a) {
|
|
@@ -3928,7 +3928,7 @@ var Wrapper$8 = styled.div(templateObject_1$M || (templateObject_1$M = __makeTem
|
|
|
3928
3928
|
return theme.colors.lightGray.light;
|
|
3929
3929
|
}
|
|
3930
3930
|
});
|
|
3931
|
-
var templateObject_1$
|
|
3931
|
+
var templateObject_1$N;
|
|
3932
3932
|
|
|
3933
3933
|
var icons = {
|
|
3934
3934
|
check: (jsx$1("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" })),
|
|
@@ -3955,10 +3955,13 @@ var icons = {
|
|
|
3955
3955
|
instagram: (jsx$1("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" })),
|
|
3956
3956
|
menuAlt: (jsx$1("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" })),
|
|
3957
3957
|
link: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" })] })),
|
|
3958
|
+
heart: (jsx$1("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" })),
|
|
3959
|
+
thunder: (jsx$1("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" })),
|
|
3960
|
+
fire: (jsx$1("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" })),
|
|
3958
3961
|
};
|
|
3959
|
-
var Icon = function (props) { return (jsx$1(Wrapper$
|
|
3962
|
+
var Icon = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
3960
3963
|
|
|
3961
|
-
var Wrapper$
|
|
3964
|
+
var Wrapper$8 = styled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject$1(["\n > svg {\n height: ", ";\n }\n"], ["\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
3962
3965
|
var size = _a.size;
|
|
3963
3966
|
switch (size) {
|
|
3964
3967
|
default:
|
|
@@ -3970,7 +3973,7 @@ var Wrapper$7 = styled.div(templateObject_1$L || (templateObject_1$L = __makeTem
|
|
|
3970
3973
|
return "118px";
|
|
3971
3974
|
}
|
|
3972
3975
|
});
|
|
3973
|
-
var templateObject_1$
|
|
3976
|
+
var templateObject_1$M;
|
|
3974
3977
|
|
|
3975
3978
|
var illustrations = {
|
|
3976
3979
|
keyboard: (jsxs("svg", __assign$2({ viewBox: "0 0 32.9 20.8" }, { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] }))),
|
|
@@ -3986,10 +3989,11 @@ var illustrations = {
|
|
|
3986
3989
|
classroom: (jsxs("svg", __assign$2({ viewBox: "0 0 165.4 116.8" }, { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("path", { fill: "#c4c4c4", d: "M103.1 90.7H135.39999999999998V101.8H103.1z" }), jsx$1("g", { children: jsx$1("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" }) })] }))),
|
|
3987
3990
|
student: (jsxs("svg", __assign$2({ viewBox: "0 0 160 201" }, { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] }))),
|
|
3988
3991
|
school: (jsxs("svg", __assign$2({ viewBox: "0 0 340.6 317" }, { children: [jsx$1("path", { fill: "#ededed", d: "M58 97H282.7V286.9H58z" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("circle", { cx: 170.3, cy: 59.1, r: 25, fill: "#ededed" }), jsx$1("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" })] }))),
|
|
3992
|
+
organisation: (jsxs("svg", __assign$2({ viewBox: "0 0 744.8 665.1" }, { children: [jsx$1("path", { fill: "#ededed", d: "M58 445.2H282.7V635.1H58z" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("circle", { cx: 170.3, cy: 407.2, r: 25, fill: "#ededed" }), jsx$1("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" }), jsxs("g", { children: [jsx$1("path", { fill: "#ededed", d: "M462.1 445.2H686.8V635.1H462.1z" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("circle", { cx: 574.5, cy: 407.2, r: 25, fill: "#ededed" }), jsx$1("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" })] }), jsxs("g", { children: [jsx$1("path", { fill: "#ededed", d: "M260.1 97H484.8V286.9H260.1z" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("circle", { cx: 372.4, cy: 59.1, r: 25, fill: "#ededed" }), jsx$1("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" })] })] }))),
|
|
3989
3993
|
};
|
|
3990
|
-
var Illustration = function (props) { return (jsx$1(Wrapper$
|
|
3994
|
+
var Illustration = function (props) { return (jsx$1(Wrapper$8, __assign$2({}, props, { children: illustrations[props.type] }))); };
|
|
3991
3995
|
|
|
3992
|
-
var StyledParagraph = styled.p(templateObject_1$
|
|
3996
|
+
var StyledParagraph = styled.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) {
|
|
3993
3997
|
var size = _a.size;
|
|
3994
3998
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
3995
3999
|
}, function (_a) {
|
|
@@ -4024,10 +4028,10 @@ var StyledParagraph = styled.p(templateObject_1$K || (templateObject_1$K = __mak
|
|
|
4024
4028
|
var transform = _a.transform;
|
|
4025
4029
|
return transform;
|
|
4026
4030
|
});
|
|
4027
|
-
var templateObject_1$
|
|
4031
|
+
var templateObject_1$L;
|
|
4028
4032
|
|
|
4029
|
-
var Container$l = styled.div(templateObject_1$
|
|
4030
|
-
var InputIconWrapper = styled.div(templateObject_2$
|
|
4033
|
+
var Container$l = styled.div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4034
|
+
var InputIconWrapper = styled.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) {
|
|
4031
4035
|
var isChanged = _a.isChanged;
|
|
4032
4036
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
4033
4037
|
}, function (_a) {
|
|
@@ -4053,7 +4057,7 @@ var Helper = styled(StyledParagraph)(templateObject_6$3 || (templateObject_6$3 =
|
|
|
4053
4057
|
var isOk = _a.isOk;
|
|
4054
4058
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4055
4059
|
}, fadeIn);
|
|
4056
|
-
var templateObject_1$
|
|
4060
|
+
var templateObject_1$K, templateObject_2$w, templateObject_3$a, templateObject_4$7, templateObject_5$3, templateObject_6$3;
|
|
4057
4061
|
|
|
4058
4062
|
var expressions = {};
|
|
4059
4063
|
|
|
@@ -4213,6 +4217,176 @@ function toDate(argument) {
|
|
|
4213
4217
|
}
|
|
4214
4218
|
}
|
|
4215
4219
|
|
|
4220
|
+
/**
|
|
4221
|
+
* Days in 1 week.
|
|
4222
|
+
*
|
|
4223
|
+
* @name daysInWeek
|
|
4224
|
+
* @constant
|
|
4225
|
+
* @type {number}
|
|
4226
|
+
* @default
|
|
4227
|
+
*/
|
|
4228
|
+
/**
|
|
4229
|
+
* Milliseconds in 1 minute
|
|
4230
|
+
*
|
|
4231
|
+
* @name millisecondsInMinute
|
|
4232
|
+
* @constant
|
|
4233
|
+
* @type {number}
|
|
4234
|
+
* @default
|
|
4235
|
+
*/
|
|
4236
|
+
|
|
4237
|
+
var millisecondsInMinute = 60000;
|
|
4238
|
+
/**
|
|
4239
|
+
* Milliseconds in 1 hour
|
|
4240
|
+
*
|
|
4241
|
+
* @name millisecondsInHour
|
|
4242
|
+
* @constant
|
|
4243
|
+
* @type {number}
|
|
4244
|
+
* @default
|
|
4245
|
+
*/
|
|
4246
|
+
|
|
4247
|
+
var millisecondsInHour = 3600000;
|
|
4248
|
+
|
|
4249
|
+
/**
|
|
4250
|
+
* @name differenceInMilliseconds
|
|
4251
|
+
* @category Millisecond Helpers
|
|
4252
|
+
* @summary Get the number of milliseconds between the given dates.
|
|
4253
|
+
*
|
|
4254
|
+
* @description
|
|
4255
|
+
* Get the number of milliseconds between the given dates.
|
|
4256
|
+
*
|
|
4257
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4258
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4259
|
+
* @returns {Number} the number of milliseconds
|
|
4260
|
+
* @throws {TypeError} 2 arguments required
|
|
4261
|
+
*
|
|
4262
|
+
* @example
|
|
4263
|
+
* // How many milliseconds are between
|
|
4264
|
+
* // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
|
|
4265
|
+
* const result = differenceInMilliseconds(
|
|
4266
|
+
* new Date(2014, 6, 2, 12, 30, 21, 700),
|
|
4267
|
+
* new Date(2014, 6, 2, 12, 30, 20, 600)
|
|
4268
|
+
* )
|
|
4269
|
+
* //=> 1100
|
|
4270
|
+
*/
|
|
4271
|
+
|
|
4272
|
+
function differenceInMilliseconds(dateLeft, dateRight) {
|
|
4273
|
+
requiredArgs(2, arguments);
|
|
4274
|
+
return toDate(dateLeft).getTime() - toDate(dateRight).getTime();
|
|
4275
|
+
}
|
|
4276
|
+
|
|
4277
|
+
var roundingMap = {
|
|
4278
|
+
ceil: Math.ceil,
|
|
4279
|
+
round: Math.round,
|
|
4280
|
+
floor: Math.floor,
|
|
4281
|
+
trunc: function trunc(value) {
|
|
4282
|
+
return value < 0 ? Math.ceil(value) : Math.floor(value);
|
|
4283
|
+
} // Math.trunc is not supported by IE
|
|
4284
|
+
|
|
4285
|
+
};
|
|
4286
|
+
var defaultRoundingMethod = 'trunc';
|
|
4287
|
+
function getRoundingMethod(method) {
|
|
4288
|
+
return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];
|
|
4289
|
+
}
|
|
4290
|
+
|
|
4291
|
+
/**
|
|
4292
|
+
* @name differenceInHours
|
|
4293
|
+
* @category Hour Helpers
|
|
4294
|
+
* @summary Get the number of hours between the given dates.
|
|
4295
|
+
*
|
|
4296
|
+
* @description
|
|
4297
|
+
* Get the number of hours between the given dates.
|
|
4298
|
+
*
|
|
4299
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4300
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4301
|
+
* @param {Object} [options] - an object with options.
|
|
4302
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
4303
|
+
* @returns {Number} the number of hours
|
|
4304
|
+
* @throws {TypeError} 2 arguments required
|
|
4305
|
+
*
|
|
4306
|
+
* @example
|
|
4307
|
+
* // How many hours are between 2 July 2014 06:50:00 and 2 July 2014 19:00:00?
|
|
4308
|
+
* const result = differenceInHours(
|
|
4309
|
+
* new Date(2014, 6, 2, 19, 0),
|
|
4310
|
+
* new Date(2014, 6, 2, 6, 50)
|
|
4311
|
+
* )
|
|
4312
|
+
* //=> 12
|
|
4313
|
+
*/
|
|
4314
|
+
|
|
4315
|
+
function differenceInHours(dateLeft, dateRight, options) {
|
|
4316
|
+
requiredArgs(2, arguments);
|
|
4317
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInHour;
|
|
4318
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
4319
|
+
}
|
|
4320
|
+
|
|
4321
|
+
/**
|
|
4322
|
+
* @name differenceInMinutes
|
|
4323
|
+
* @category Minute Helpers
|
|
4324
|
+
* @summary Get the number of minutes between the given dates.
|
|
4325
|
+
*
|
|
4326
|
+
* @description
|
|
4327
|
+
* Get the signed number of full (rounded towards 0) minutes between the given dates.
|
|
4328
|
+
*
|
|
4329
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4330
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4331
|
+
* @param {Object} [options] - an object with options.
|
|
4332
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
4333
|
+
* @returns {Number} the number of minutes
|
|
4334
|
+
* @throws {TypeError} 2 arguments required
|
|
4335
|
+
*
|
|
4336
|
+
* @example
|
|
4337
|
+
* // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
|
|
4338
|
+
* const result = differenceInMinutes(
|
|
4339
|
+
* new Date(2014, 6, 2, 12, 20, 0),
|
|
4340
|
+
* new Date(2014, 6, 2, 12, 7, 59)
|
|
4341
|
+
* )
|
|
4342
|
+
* //=> 12
|
|
4343
|
+
*
|
|
4344
|
+
* @example
|
|
4345
|
+
* // How many minutes are between 10:01:59 and 10:00:00
|
|
4346
|
+
* const result = differenceInMinutes(
|
|
4347
|
+
* new Date(2000, 0, 1, 10, 0, 0),
|
|
4348
|
+
* new Date(2000, 0, 1, 10, 1, 59)
|
|
4349
|
+
* )
|
|
4350
|
+
* //=> -1
|
|
4351
|
+
*/
|
|
4352
|
+
|
|
4353
|
+
function differenceInMinutes(dateLeft, dateRight, options) {
|
|
4354
|
+
requiredArgs(2, arguments);
|
|
4355
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
|
|
4356
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
4357
|
+
}
|
|
4358
|
+
|
|
4359
|
+
/**
|
|
4360
|
+
* @name differenceInSeconds
|
|
4361
|
+
* @category Second Helpers
|
|
4362
|
+
* @summary Get the number of seconds between the given dates.
|
|
4363
|
+
*
|
|
4364
|
+
* @description
|
|
4365
|
+
* Get the number of seconds between the given dates.
|
|
4366
|
+
*
|
|
4367
|
+
* @param {Date|Number} dateLeft - the later date
|
|
4368
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
4369
|
+
* @param {Object} [options] - an object with options.
|
|
4370
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
4371
|
+
* @returns {Number} the number of seconds
|
|
4372
|
+
* @throws {TypeError} 2 arguments required
|
|
4373
|
+
*
|
|
4374
|
+
* @example
|
|
4375
|
+
* // How many seconds are between
|
|
4376
|
+
* // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?
|
|
4377
|
+
* const result = differenceInSeconds(
|
|
4378
|
+
* new Date(2014, 6, 2, 12, 30, 20, 0),
|
|
4379
|
+
* new Date(2014, 6, 2, 12, 30, 7, 999)
|
|
4380
|
+
* )
|
|
4381
|
+
* //=> 12
|
|
4382
|
+
*/
|
|
4383
|
+
|
|
4384
|
+
function differenceInSeconds(dateLeft, dateRight, options) {
|
|
4385
|
+
requiredArgs(2, arguments);
|
|
4386
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;
|
|
4387
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
4388
|
+
}
|
|
4389
|
+
|
|
4216
4390
|
/**
|
|
4217
4391
|
* @name isAfter
|
|
4218
4392
|
* @category Common Helpers
|
|
@@ -4315,7 +4489,7 @@ Input.Date = DateInput;
|
|
|
4315
4489
|
|
|
4316
4490
|
var Logo = function (props) { return (jsxs("svg", __assign$2({ width: 396, height: 66, viewBox: "0 0 662.8 118.1", fill: "none", xmlSpace: "preserve" }, props, { children: [jsxs("g", { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] }), jsxs("g", __assign$2({ fill: "#23292f" }, { children: [jsx$1("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" }), jsx$1("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" })] }))] }))); };
|
|
4317
4491
|
|
|
4318
|
-
var Wrapper$
|
|
4492
|
+
var Wrapper$7 = styled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject$1(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
4319
4493
|
var size = _a.size;
|
|
4320
4494
|
switch (size) {
|
|
4321
4495
|
default:
|
|
@@ -4325,7 +4499,7 @@ var Wrapper$6 = styled.div(templateObject_1$I || (templateObject_1$I = __makeTem
|
|
|
4325
4499
|
return "116px";
|
|
4326
4500
|
}
|
|
4327
4501
|
});
|
|
4328
|
-
var templateObject_1$
|
|
4502
|
+
var templateObject_1$J;
|
|
4329
4503
|
|
|
4330
4504
|
var medals = {
|
|
4331
4505
|
small: {
|
|
@@ -4339,13 +4513,13 @@ var medals = {
|
|
|
4339
4513
|
bronze: (jsxs("svg", __assign$2({ width: 116, height: 135, viewBox: "0 0 116 135", fill: "none" }, { children: [jsx$1("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" }), jsx$1("path", { d: "M69.14 0H46.848v29.957H69.14V0z", fill: "#911126" }), jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] }))),
|
|
4340
4514
|
},
|
|
4341
4515
|
};
|
|
4342
|
-
var Medal = function (props) { return (jsx$1(Wrapper$
|
|
4516
|
+
var Medal = function (props) { return (jsx$1(Wrapper$7, __assign$2({}, props, { children: medals[props.size || "small"][props.type] }))); };
|
|
4343
4517
|
|
|
4344
|
-
var Wrapper$
|
|
4518
|
+
var Wrapper$6 = styled.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) {
|
|
4345
4519
|
var disabled = _a.disabled;
|
|
4346
4520
|
return (disabled ? "49.5px" : "");
|
|
4347
4521
|
});
|
|
4348
|
-
var StyledInputNumber = styled.input(templateObject_2$
|
|
4522
|
+
var StyledInputNumber = styled.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) {
|
|
4349
4523
|
var disabled = _a.disabled;
|
|
4350
4524
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
4351
4525
|
}, function (_a) {
|
|
@@ -4358,7 +4532,7 @@ var StyledInputNumber = styled.input(templateObject_2$u || (templateObject_2$u =
|
|
|
4358
4532
|
var disabled = _a.disabled;
|
|
4359
4533
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
4360
4534
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4361
|
-
var templateObject_1$
|
|
4535
|
+
var templateObject_1$I, templateObject_2$v;
|
|
4362
4536
|
|
|
4363
4537
|
var Number$1 = function (props) {
|
|
4364
4538
|
var inputRef = useRef(null);
|
|
@@ -4392,12 +4566,12 @@ var Number$1 = function (props) {
|
|
|
4392
4566
|
props.onChange(newValue);
|
|
4393
4567
|
}
|
|
4394
4568
|
};
|
|
4395
|
-
return (jsxs(Wrapper$
|
|
4569
|
+
return (jsxs(Wrapper$6, __assign$2({ disabled: props.disabled }, { children: [jsx$1(Button, { label: "-", disabled: props.disabled, onClick: decrease, tabIndex: -1, type: "button" }), jsx$1(StyledInputNumber, __assign$2({ type: "number" }, props, { defaultValue: props.defaultValue || props.min || 0, onChange: onChange, onBlur: props.onBlur, ref: inputRef })), jsx$1(Button, { label: "+", disabled: props.disabled, onClick: increase, tabIndex: -1, type: "button" })] })));
|
|
4396
4570
|
};
|
|
4397
4571
|
|
|
4398
4572
|
var Paragraph = function (props) { return (jsx$1(StyledParagraph, __assign$2({}, props, { children: props.children }))); };
|
|
4399
4573
|
|
|
4400
|
-
var StyledRadio = styled.div(templateObject_1$
|
|
4574
|
+
var StyledRadio = styled.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) {
|
|
4401
4575
|
var checked = _a.checked, disabled = _a.disabled;
|
|
4402
4576
|
if (disabled)
|
|
4403
4577
|
return theme.colors.lightGray.darker;
|
|
@@ -4425,7 +4599,7 @@ var StyledRadio = styled.div(templateObject_1$G || (templateObject_1$G = __makeT
|
|
|
4425
4599
|
return theme.colors.green.base;
|
|
4426
4600
|
return "";
|
|
4427
4601
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4428
|
-
var templateObject_1$
|
|
4602
|
+
var templateObject_1$H;
|
|
4429
4603
|
|
|
4430
4604
|
var Radio = function (props) {
|
|
4431
4605
|
var _a, _b;
|
|
@@ -4457,7 +4631,7 @@ var Radio = function (props) {
|
|
|
4457
4631
|
return (jsx$1(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: jsx$1("input", { type: "radio", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef }) })));
|
|
4458
4632
|
};
|
|
4459
4633
|
|
|
4460
|
-
var StyledRange = styled.div(templateObject_1$
|
|
4634
|
+
var StyledRange = styled.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) {
|
|
4461
4635
|
var value = _a.value, disabled = _a.disabled;
|
|
4462
4636
|
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 )");
|
|
4463
4637
|
}, function () { return theme.colors.lightGray.light; }, function (_a) {
|
|
@@ -4467,7 +4641,7 @@ var StyledRange = styled.div(templateObject_1$F || (templateObject_1$F = __makeT
|
|
|
4467
4641
|
var disabled = _a.disabled;
|
|
4468
4642
|
return disabled ? "not-allowed" : "pointer";
|
|
4469
4643
|
});
|
|
4470
|
-
var templateObject_1$
|
|
4644
|
+
var templateObject_1$G;
|
|
4471
4645
|
|
|
4472
4646
|
var Range = function (props) {
|
|
4473
4647
|
var _a;
|
|
@@ -4496,11 +4670,11 @@ var Range = function (props) {
|
|
|
4496
4670
|
return (jsx$1(StyledRange, __assign$2({ value: value, disabled: props.disabled }, { children: jsx$1("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 }) })));
|
|
4497
4671
|
};
|
|
4498
4672
|
|
|
4499
|
-
var Wrapper$
|
|
4673
|
+
var Wrapper$5 = styled.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) {
|
|
4500
4674
|
var disabled = _a.disabled;
|
|
4501
4675
|
return (disabled ? "not-allowed" : "pointer");
|
|
4502
4676
|
});
|
|
4503
|
-
var StyledSelect = styled.select(templateObject_2$
|
|
4677
|
+
var StyledSelect = styled.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) {
|
|
4504
4678
|
var disabled = _a.disabled;
|
|
4505
4679
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
4506
4680
|
}, function (_a) {
|
|
@@ -4513,7 +4687,7 @@ var StyledSelect = styled.select(templateObject_2$t || (templateObject_2$t = __m
|
|
|
4513
4687
|
var isChanged = _a.isChanged;
|
|
4514
4688
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
4515
4689
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4516
|
-
var templateObject_1$
|
|
4690
|
+
var templateObject_1$F, templateObject_2$u;
|
|
4517
4691
|
|
|
4518
4692
|
var Select = function (props) {
|
|
4519
4693
|
var _a;
|
|
@@ -4532,21 +4706,21 @@ var Select = function (props) {
|
|
|
4532
4706
|
props.onChange(e.target.value);
|
|
4533
4707
|
}
|
|
4534
4708
|
};
|
|
4535
|
-
return (jsxs(Wrapper$
|
|
4709
|
+
return (jsxs(Wrapper$5, { children: [jsx$1(Icon, { type: "chevronDown", color: "gray", size: "small" }), jsxs(StyledSelect, __assign$2({}, props, { onChange: onChange, isChanged: isChanged || props.defaultValue, ref: inputRef }, { children: [props.placeholder && jsx$1("option", __assign$2({ hidden: true }, { children: props.placeholder })), props.children] }))] }));
|
|
4536
4710
|
};
|
|
4537
4711
|
|
|
4538
|
-
var StyledSpacer = styled.div(templateObject_1$
|
|
4712
|
+
var StyledSpacer = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
4539
4713
|
var horizontal = _a.horizontal;
|
|
4540
4714
|
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
4541
4715
|
}, function (_a) {
|
|
4542
4716
|
var vertical = _a.vertical;
|
|
4543
4717
|
return (vertical ? "".concat(vertical, "px") : "");
|
|
4544
4718
|
});
|
|
4545
|
-
var templateObject_1$
|
|
4719
|
+
var templateObject_1$E;
|
|
4546
4720
|
|
|
4547
4721
|
var Spacer = function (props) { return (jsx$1(StyledSpacer, __assign$2({}, props))); };
|
|
4548
4722
|
|
|
4549
|
-
var StyledSubheading = styled.p(templateObject_1$
|
|
4723
|
+
var StyledSubheading = styled.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) {
|
|
4550
4724
|
var size = _a.size;
|
|
4551
4725
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
4552
4726
|
}, function (_a) {
|
|
@@ -4574,18 +4748,18 @@ var StyledSubheading = styled.p(templateObject_1$C || (templateObject_1$C = __ma
|
|
|
4574
4748
|
return theme.colors.darkGray.dark;
|
|
4575
4749
|
}
|
|
4576
4750
|
});
|
|
4577
|
-
var templateObject_1$
|
|
4751
|
+
var templateObject_1$D;
|
|
4578
4752
|
|
|
4579
4753
|
var Subheading = function (props) { return (jsx$1(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
4580
4754
|
|
|
4581
|
-
var Container$k = styled.div(templateObject_1$
|
|
4582
|
-
var templateObject_1$
|
|
4755
|
+
var Container$k = styled.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);
|
|
4756
|
+
var templateObject_1$C;
|
|
4583
4757
|
|
|
4584
4758
|
var Tag = function (props) {
|
|
4585
4759
|
return jsx$1(Container$k, { children: props.children });
|
|
4586
4760
|
};
|
|
4587
4761
|
|
|
4588
|
-
var Container$j = styled.div(templateObject_1$
|
|
4762
|
+
var Container$j = styled.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) {
|
|
4589
4763
|
var disabled = _a.disabled;
|
|
4590
4764
|
return (disabled ? "not-allowed" : "pointer");
|
|
4591
4765
|
}, function (_a) {
|
|
@@ -4603,7 +4777,7 @@ var Container$j = styled.div(templateObject_1$A || (templateObject_1$A = __makeT
|
|
|
4603
4777
|
var disabled = _a.disabled;
|
|
4604
4778
|
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.light;
|
|
4605
4779
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4606
|
-
var templateObject_1$
|
|
4780
|
+
var templateObject_1$B;
|
|
4607
4781
|
|
|
4608
4782
|
var Toggle = function (props) {
|
|
4609
4783
|
var _a;
|
|
@@ -4634,7 +4808,7 @@ var Toggle = function (props) {
|
|
|
4634
4808
|
return (jsx$1(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: jsx$1("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, ref: inputRef }) })));
|
|
4635
4809
|
};
|
|
4636
4810
|
|
|
4637
|
-
var Wrapper$
|
|
4811
|
+
var Wrapper$4 = styled.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) {
|
|
4638
4812
|
var level = _a.level;
|
|
4639
4813
|
switch (level) {
|
|
4640
4814
|
case 1:
|
|
@@ -4645,7 +4819,7 @@ var Wrapper$3 = styled.div(templateObject_1$z || (templateObject_1$z = __makeTem
|
|
|
4645
4819
|
return "70px";
|
|
4646
4820
|
}
|
|
4647
4821
|
});
|
|
4648
|
-
var templateObject_1$
|
|
4822
|
+
var templateObject_1$A;
|
|
4649
4823
|
|
|
4650
4824
|
var trophies = {
|
|
4651
4825
|
1: {
|
|
@@ -4679,9 +4853,9 @@ var trophies = {
|
|
|
4679
4853
|
3: (jsxs("svg", __assign$2({ viewBox: "0 0 96 118" }, { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] }))),
|
|
4680
4854
|
},
|
|
4681
4855
|
};
|
|
4682
|
-
var Trophy = function (props) { return (jsx$1(Wrapper$
|
|
4856
|
+
var Trophy = function (props) { return (jsx$1(Wrapper$4, __assign$2({}, props, { children: trophies[props.variant][props.level] }))); };
|
|
4683
4857
|
|
|
4684
|
-
var Container$i = styled.div(templateObject_1$
|
|
4858
|
+
var Container$i = styled.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) {
|
|
4685
4859
|
var type = _a.type;
|
|
4686
4860
|
switch (type) {
|
|
4687
4861
|
case "success":
|
|
@@ -4698,11 +4872,11 @@ var Container$i = styled.div(templateObject_1$y || (templateObject_1$y = __makeT
|
|
|
4698
4872
|
return theme.colors.red.base;
|
|
4699
4873
|
}
|
|
4700
4874
|
});
|
|
4701
|
-
var templateObject_1$
|
|
4875
|
+
var templateObject_1$z;
|
|
4702
4876
|
|
|
4703
|
-
var Alert = function (props) { return (jsxs(Container$i, __assign$2({}, props, { children: [jsx$1(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsx$1(
|
|
4877
|
+
var Alert = function (props) { return (jsxs(Container$i, __assign$2({}, props, { children: [jsx$1(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsx$1(Paragraph, { children: props.message })] }))); };
|
|
4704
4878
|
|
|
4705
|
-
var StyledCard = styled.div(templateObject_1$
|
|
4879
|
+
var StyledCard = styled.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) {
|
|
4706
4880
|
var bordered = _a.bordered;
|
|
4707
4881
|
return bordered ? "1px solid ".concat(theme.colors.lightGray.dark) : "none";
|
|
4708
4882
|
}, function (_a) {
|
|
@@ -4714,23 +4888,23 @@ var StyledCard = styled.div(templateObject_1$x || (templateObject_1$x = __makeTe
|
|
|
4714
4888
|
}, ";\n\n > div:first-child {\n width: 175%;\n padding-bottom: 175%;\n top: -25%;\n right: -25%;\n }\n }")
|
|
4715
4889
|
: "";
|
|
4716
4890
|
});
|
|
4717
|
-
var Ellipse = styled.div(templateObject_2$
|
|
4891
|
+
var Ellipse = styled.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) {
|
|
4718
4892
|
var color = _a.color;
|
|
4719
4893
|
return color ? theme.colors[color].light : "";
|
|
4720
4894
|
});
|
|
4721
4895
|
var Content = styled.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"])));
|
|
4722
|
-
var templateObject_1$
|
|
4896
|
+
var templateObject_1$y, templateObject_2$t, templateObject_3$9;
|
|
4723
4897
|
|
|
4724
4898
|
var Card = function (props) { return (jsxs(StyledCard, __assign$2({}, props, { children: [props.ellipse && jsx$1(Ellipse, { color: props.ellipse }), jsx$1(Content, { children: props.children })] }))); };
|
|
4725
4899
|
|
|
4726
|
-
var Fieldset$1 = styled.fieldset(templateObject_1$
|
|
4727
|
-
var CheckboxContainer = styled.div(templateObject_2$
|
|
4900
|
+
var Fieldset$1 = styled.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"])));
|
|
4901
|
+
var CheckboxContainer = styled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
4728
4902
|
var CheckboxWrapper = styled.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"])));
|
|
4729
4903
|
var Label$9 = styled(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) {
|
|
4730
4904
|
var weight = _a.weight;
|
|
4731
4905
|
return weight || 500;
|
|
4732
4906
|
}, theme.colors.darkGray.base, theme.colors.blue.base);
|
|
4733
|
-
var templateObject_1$
|
|
4907
|
+
var templateObject_1$x, templateObject_2$s, templateObject_3$8, templateObject_4$6;
|
|
4734
4908
|
|
|
4735
4909
|
var Checkboxes = function (props) {
|
|
4736
4910
|
var _a = useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -4753,12 +4927,12 @@ var Checkboxes = function (props) {
|
|
|
4753
4927
|
}) })] }));
|
|
4754
4928
|
};
|
|
4755
4929
|
|
|
4756
|
-
var Container$h = styled.div(templateObject_1$
|
|
4757
|
-
var Item = styled.div(templateObject_2$
|
|
4930
|
+
var Container$h = styled.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);
|
|
4931
|
+
var Item = styled.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) {
|
|
4758
4932
|
var isOpen = _a.isOpen;
|
|
4759
4933
|
return (isOpen ? "" : "none");
|
|
4760
4934
|
}, theme.colors.lightGray.dark);
|
|
4761
|
-
var templateObject_1$
|
|
4935
|
+
var templateObject_1$w, templateObject_2$r;
|
|
4762
4936
|
|
|
4763
4937
|
var Collapse = function (props) {
|
|
4764
4938
|
var _a = useState([]), openItems = _a[0], setOpenItems = _a[1];
|
|
@@ -4776,6 +4950,38 @@ var Collapse = function (props) {
|
|
|
4776
4950
|
}) })));
|
|
4777
4951
|
};
|
|
4778
4952
|
|
|
4953
|
+
var Wrapper$3 = styled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
4954
|
+
var Value = styled.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) {
|
|
4955
|
+
var contrast = _a.contrast;
|
|
4956
|
+
return contrast ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
4957
|
+
}, theme.colors.darkGray.base);
|
|
4958
|
+
var templateObject_1$v, templateObject_2$q;
|
|
4959
|
+
|
|
4960
|
+
var Countdown = function (_a) {
|
|
4961
|
+
var till = _a.till, contrast = _a.contrast;
|
|
4962
|
+
var _b = useState(""), HH = _b[0], setHH = _b[1];
|
|
4963
|
+
var _c = useState(""), MM = _c[0], setMM = _c[1];
|
|
4964
|
+
var _d = useState(""), SS = _d[0], setSS = _d[1];
|
|
4965
|
+
contrast = contrast || false;
|
|
4966
|
+
var color = contrast ? "black" : "white";
|
|
4967
|
+
useEffect(function () {
|
|
4968
|
+
var now = new Date();
|
|
4969
|
+
var h = differenceInHours(now, till) * -1;
|
|
4970
|
+
var m = (differenceInMinutes(now, till) % 60) * -1;
|
|
4971
|
+
var s = (differenceInSeconds(now, till) % 60) * -1;
|
|
4972
|
+
var hh = ("0" + h).slice(-2);
|
|
4973
|
+
var mm = ("0" + m).slice(-2);
|
|
4974
|
+
var ss = ("0" + s).slice(-2);
|
|
4975
|
+
var timer = setTimeout(function () {
|
|
4976
|
+
setHH(hh);
|
|
4977
|
+
setMM(mm);
|
|
4978
|
+
setSS(ss);
|
|
4979
|
+
}, 1000);
|
|
4980
|
+
return function () { return clearTimeout(timer); };
|
|
4981
|
+
}, [SS]);
|
|
4982
|
+
return (jsxs(Wrapper$3, { children: [jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: HH })) })), jsx$1(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: MM })) })), jsx$1(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: SS })) }))] }));
|
|
4983
|
+
};
|
|
4984
|
+
|
|
4779
4985
|
var Container$g = styled.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"])));
|
|
4780
4986
|
var Label$8 = styled(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);
|
|
4781
4987
|
var templateObject_1$u, templateObject_2$p;
|
|
@@ -11634,5 +11840,5 @@ var Table = function (_a) {
|
|
|
11634
11840
|
})) })] }));
|
|
11635
11841
|
};
|
|
11636
11842
|
|
|
11637
|
-
export { Alert, Button, Card, Checkbox, Checkboxes, Collapse, DateInputField, Flag, Form, Heading, Icon, IconButton, Illustration, Input, InputField, Key$1 as Key, Keyboard, Link, Loading, LocaleSelect, Logo, Medal, Medals, Modal, Notification, Number$1 as Number, NumberField, Paragraph, PasswordInputField, Popup, ProgressBar, Radio, RadioGroup, Range, Result, Select, SelectField, Spacer, Steps, Subheading, Table, Tabs, Tag, Toggle, ToggleField, Tooltip, Trophy, theme };
|
|
11843
|
+
export { Alert, Button, Card, Checkbox, Checkboxes, Collapse, Countdown, DateInputField, Flag, Form, Heading, Icon, IconButton, Illustration, Input, InputField, Key$1 as Key, Keyboard, Link, Loading, LocaleSelect, Logo, Medal, Medals, Modal, Notification, Number$1 as Number, NumberField, Paragraph, PasswordInputField, Popup, ProgressBar, Radio, RadioGroup, Range, Result, Select, SelectField, Spacer, Steps, Subheading, Table, Tabs, Tag, Toggle, ToggleField, Tooltip, Trophy, theme };
|
|
11638
11844
|
//# sourceMappingURL=index.es.js.map
|