@typeolymp/ui-components 1.8.3 → 1.9.0
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/molecules/Key/index.d.ts +4 -3
- package/build/components/molecules/{TranslationSelect → Key}/stories.d.ts +1 -8
- package/build/components/molecules/Key/styles.d.ts +1 -0
- package/build/components/molecules/Key/translations.d.ts +5 -0
- package/build/components/molecules/PasswordInputField/index.d.ts +1 -1
- package/build/components/organisms/Form/styles.d.ts +1 -0
- package/build/components/organisms/Keyboard/Key/index.d.ts +8 -0
- package/build/components/organisms/Keyboard/Key/styles.d.ts +1 -0
- package/build/components/organisms/Keyboard/index.d.ts +1 -1
- package/build/components/organisms/Result/index.d.ts +14 -0
- package/build/components/organisms/Result/stories.d.ts +8 -0
- package/build/components/organisms/Result/styles.d.ts +4 -0
- package/build/index.d.ts +3 -1
- package/build/index.es.js +398 -327
- package/build/index.es.js.map +1 -1
- package/build/index.js +400 -326
- package/build/index.js.map +1 -1
- package/package.json +3 -1
- package/build/components/molecules/FormField/index.d.ts +0 -32
- package/build/components/molecules/FormField/styles.d.ts +0 -5
- package/build/components/molecules/Number/index.d.ts +0 -14
- package/build/components/molecules/Number/stories.d.ts +0 -19
- package/build/components/molecules/Number/styles.d.ts +0 -2
- package/build/components/molecules/TranslationSelect/index.d.ts +0 -8
- package/build/components/molecules/TranslationSelect/styles.d.ts +0 -4
- package/build/components/organisms/Keyboard/layouts/azerty.d.ts +0 -11
- package/build/components/organisms/Keyboard/layouts/index.d.ts +0 -3
- package/build/components/organisms/Keyboard/layouts/qwerty.d.ts +0 -11
- package/build/lib/theme.d.ts +0 -3
- package/build/lib/types.d.ts +0 -74
package/build/index.js
CHANGED
|
@@ -6,12 +6,14 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
8
|
var BeatLoader = require('react-spinners/BeatLoader');
|
|
9
|
+
var parse = require('html-react-parser');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
12
|
|
|
12
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
14
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
15
|
var BeatLoader__default = /*#__PURE__*/_interopDefaultLegacy(BeatLoader);
|
|
16
|
+
var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
|
|
15
17
|
|
|
16
18
|
var theme = {
|
|
17
19
|
colors: {
|
|
@@ -157,7 +159,7 @@ var theme = {
|
|
|
157
159
|
},
|
|
158
160
|
};
|
|
159
161
|
|
|
160
|
-
|
|
162
|
+
/******************************************************************************
|
|
161
163
|
Copyright (c) Microsoft Corporation.
|
|
162
164
|
|
|
163
165
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -198,7 +200,7 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
198
200
|
return cooked;
|
|
199
201
|
}
|
|
200
202
|
|
|
201
|
-
var StyledButton = styled__default["default"].button(templateObject_1$
|
|
203
|
+
var StyledButton = styled__default["default"].button(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\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) {
|
|
202
204
|
var fluid = _a.fluid;
|
|
203
205
|
return (fluid ? "100%" : "fit-content");
|
|
204
206
|
}, function (_a) {
|
|
@@ -248,11 +250,11 @@ var StyledButton = styled__default["default"].button(templateObject_1$J || (temp
|
|
|
248
250
|
? theme.button.medium.heightActive
|
|
249
251
|
: theme.button[size].heightActive;
|
|
250
252
|
});
|
|
251
|
-
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$
|
|
253
|
+
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n background-color: ", ";\n border: 2px 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: 2px 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) {
|
|
252
254
|
var size = _a.size;
|
|
253
255
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
254
256
|
});
|
|
255
|
-
var GhostButton = styled__default["default"](StyledButton)(templateObject_3$
|
|
257
|
+
var GhostButton = styled__default["default"](StyledButton)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n height: ", ";\n padding: 16px 18px;\n\n :active {\n box-shadow: none;\n height: ", ";\n margin-top: ", ";\n margin-bottom: -2.5px;\n }\n"], ["\n height: ", ";\n padding: 16px 18px;\n\n :active {\n box-shadow: none;\n height: ", ";\n margin-top: ", ";\n margin-bottom: -2.5px;\n }\n"])), function (_a) {
|
|
256
258
|
var size = _a.size;
|
|
257
259
|
return !size
|
|
258
260
|
? "calc(".concat(theme.button.medium.height, " - 2.5px)")
|
|
@@ -268,7 +270,7 @@ var GhostButton = styled__default["default"](StyledButton)(templateObject_3$8 ||
|
|
|
268
270
|
? theme.button.medium.marginTopActive
|
|
269
271
|
: theme.button[size].marginTopActive;
|
|
270
272
|
});
|
|
271
|
-
var templateObject_1$
|
|
273
|
+
var templateObject_1$L, templateObject_2$s, templateObject_3$a;
|
|
272
274
|
|
|
273
275
|
var Button = React.forwardRef(function (props, ref) {
|
|
274
276
|
var as = props.href || props.asAnchor ? "a" : "button";
|
|
@@ -279,14 +281,14 @@ var Button = React.forwardRef(function (props, ref) {
|
|
|
279
281
|
}
|
|
280
282
|
};
|
|
281
283
|
if (props.disabled) {
|
|
282
|
-
return (jsxRuntime.jsx(DisabledButton, __assign({}, props, { as: as, ref: ref, onClick: onClick }, { children: jsxRuntime.jsx("span", { children: props.label }
|
|
284
|
+
return (jsxRuntime.jsx(DisabledButton, __assign({}, props, { as: as, ref: ref, onClick: onClick }, { children: jsxRuntime.jsx("span", { children: props.label }) })));
|
|
283
285
|
}
|
|
284
286
|
if (props.color === "white")
|
|
285
|
-
return (jsxRuntime.jsx(GhostButton, __assign({}, props, { as: as, ref: ref, onClick: onClick }, { children: jsxRuntime.jsx("span", { children: props.label }
|
|
286
|
-
return (jsxRuntime.jsx(StyledButton, __assign({}, props, { as: as, ref: ref, onClick: onClick }, { children: jsxRuntime.jsx("span", { children: props.label }
|
|
287
|
+
return (jsxRuntime.jsx(GhostButton, __assign({}, props, { as: as, ref: ref, onClick: onClick }, { children: jsxRuntime.jsx("span", { children: props.label }) })));
|
|
288
|
+
return (jsxRuntime.jsx(StyledButton, __assign({}, props, { as: as, ref: ref, onClick: onClick }, { children: jsxRuntime.jsx("span", { children: props.label }) })));
|
|
287
289
|
});
|
|
288
290
|
|
|
289
|
-
var StyledCheckbox = styled__default["default"].div(templateObject_1$
|
|
291
|
+
var StyledCheckbox = styled__default["default"].div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\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) {
|
|
290
292
|
var checked = _a.checked, disabled = _a.disabled;
|
|
291
293
|
if (disabled)
|
|
292
294
|
return theme.colors.lightGray.darker;
|
|
@@ -307,7 +309,7 @@ var StyledCheckbox = styled__default["default"].div(templateObject_1$I || (templ
|
|
|
307
309
|
return theme.colors.green.base;
|
|
308
310
|
return theme.colors.lightGray.darker;
|
|
309
311
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
310
|
-
var templateObject_1$
|
|
312
|
+
var templateObject_1$K;
|
|
311
313
|
|
|
312
314
|
var Checkbox = function (props) {
|
|
313
315
|
var _a;
|
|
@@ -337,10 +339,10 @@ var Checkbox = function (props) {
|
|
|
337
339
|
props.onChange(props.value);
|
|
338
340
|
}
|
|
339
341
|
};
|
|
340
|
-
return (jsxRuntime.jsxs(StyledCheckbox, __assign({ 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({ 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" }
|
|
342
|
+
return (jsxRuntime.jsxs(StyledCheckbox, __assign({ 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({ 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 })] })));
|
|
341
343
|
};
|
|
342
344
|
|
|
343
|
-
var Wrapper$9 = styled__default["default"].div(templateObject_1$
|
|
345
|
+
var Wrapper$9 = styled__default["default"].div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
344
346
|
var size = _a.size;
|
|
345
347
|
switch (size) {
|
|
346
348
|
case "small":
|
|
@@ -363,7 +365,7 @@ var Wrapper$9 = styled__default["default"].div(templateObject_1$H || (templateOb
|
|
|
363
365
|
return "27px";
|
|
364
366
|
}
|
|
365
367
|
});
|
|
366
|
-
var templateObject_1$
|
|
368
|
+
var templateObject_1$J;
|
|
367
369
|
|
|
368
370
|
var parsers = {};
|
|
369
371
|
|
|
@@ -403,15 +405,15 @@ var getKeyboardLayoutByLocale = function (locale) {
|
|
|
403
405
|
parsers.getKeyboardLayoutByLocale = getKeyboardLayoutByLocale;
|
|
404
406
|
|
|
405
407
|
var flags = {
|
|
406
|
-
NL: (jsxRuntime.jsxs("svg", __assign({ 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: "#e62743" }
|
|
407
|
-
BE: (jsxRuntime.jsxs("svg", __assign({ 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: "#e62743" }
|
|
408
|
-
GB: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsxRuntime.jsx("path", { fill: "#1799D6", d: "M0 2.4L0 5.9 4.3 5.9z" }
|
|
409
|
-
FR: (jsxRuntime.jsxs("svg", __assign({ 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" }
|
|
410
|
-
DE: (jsxRuntime.jsxs("svg", __assign({ 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" }
|
|
408
|
+
NL: (jsxRuntime.jsxs("svg", __assign({ 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: "#e62743" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M0 6H22V12H0z" }), jsxRuntime.jsx("path", { d: "M0 12h22v5c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1v-5z", fill: "#148cc6" })] }))),
|
|
409
|
+
BE: (jsxRuntime.jsxs("svg", __assign({ 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: "#e62743" }), jsxRuntime.jsx("path", { fill: "#ffd800", d: "M7 0H15V18H7z" }), jsxRuntime.jsx("path", { d: "M0 1c0-.6.4-1 1-1h6v18H1c-.6 0-1-.4-1-1V1z", fill: "#23292f" })] }))),
|
|
410
|
+
GB: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsxRuntime.jsx("path", { fill: "#1799D6", d: "M0 2.4L0 5.9 4.3 5.9z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M2.9 18L7 18 8.5 18 8.5 13.4z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M19.2 0L15 0 13.5 0 13.5 4.7z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M0 12.2L0 15.7 4.3 12.2z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M22 5.9L22 2.3 17.6 5.9z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M13.5 18L15 18 19.3 18 13.5 13.3z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M8.5 0L7 0 2.4 0 8.5 4.9z" }), jsxRuntime.jsx("path", { fill: "#1799D6", d: "M22 15.7L22 12.2 17.6 12.2z" }), jsxRuntime.jsx("path", { fill: "#FFF", d: "M9.5 0h-1v4.9L2.4 0H1C.7 0 .5.1.3.3L7.1 6H5.3L0 1.6v.9L4.3 6H0v1.3h9.5V0zM12.4 18h1.1v-4.7l5.8 4.7H21c.3 0 .5-.1.7-.3l-6.8-5.6h1.8l5.3 4.4v-.8l-4.4-3.6H22v-1.3h-9.6V18zM14.9 5.9h-1.4v-.3L20.4 0h-1.1l-5.7 4.7V0h-1.1v7.3H22V5.9h-4.4L22 2.3V1c0-.3-.1-.5-.2-.7l-6.9 5.6zM0 10.9v1.3h4.3L0 15.7V17c0 .3.1.6.3.7L7 12.2h1.5v.3L1.7 18h1.2l5.6-4.6V18h1.1v-7.1H0z" }), jsxRuntime.jsx("path", { fill: "#E94D4F", d: "M8.5 12.2H7L.3 17.8c.2.1.4.2.7.2h.7l6.8-5.5v-.3zM13.5 5.9h1.4L21.8.3c-.2-.2-.5-.3-.8-.3h-.6l-6.9 5.6v.3zM14.9 12.2l6.8 5.6c.2-.2.3-.4.3-.7v-.5l-5.3-4.4h-1.8zM7.1 5.9L.3.3C.1.4 0 .7 0 1v.6L5.3 6h1.8z" }), jsxRuntime.jsx("path", { fill: "#E94D4F", d: "M12.4 0L9.5 0 9.5 7.3 0 7.3 0 10.9 9.5 10.9 9.5 18 12.4 18 12.4 10.9 22 10.9 22 7.3 12.4 7.3z" })] }))),
|
|
411
|
+
FR: (jsxRuntime.jsxs("svg", __assign({ 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" })] }))),
|
|
412
|
+
DE: (jsxRuntime.jsxs("svg", __assign({ 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" })] }))),
|
|
411
413
|
};
|
|
412
|
-
var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign({}, props, { children: flags[getCountryCodeByLocale_1(props.locale)] })
|
|
414
|
+
var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign({}, props, { children: flags[getCountryCodeByLocale_1(props.locale)] }))); };
|
|
413
415
|
|
|
414
|
-
var StyledHeading = styled__default["default"].span(templateObject_1$
|
|
416
|
+
var StyledHeading = styled__default["default"].span(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\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) {
|
|
415
417
|
var type = _a.type;
|
|
416
418
|
return theme.heading[type].fontSize;
|
|
417
419
|
}, function (_a) {
|
|
@@ -435,14 +437,14 @@ var StyledHeading = styled__default["default"].span(templateObject_1$G || (templ
|
|
|
435
437
|
var align = _a.align;
|
|
436
438
|
return align;
|
|
437
439
|
});
|
|
438
|
-
var templateObject_1$
|
|
440
|
+
var templateObject_1$I;
|
|
439
441
|
|
|
440
442
|
var Heading = function (props) {
|
|
441
443
|
var element = !!props.as ? props.as : props.type;
|
|
442
|
-
return (jsxRuntime.jsx(StyledHeading, __assign({}, props, { as: element }, { children: props.children })
|
|
444
|
+
return (jsxRuntime.jsx(StyledHeading, __assign({}, props, { as: element }, { children: props.children })));
|
|
443
445
|
};
|
|
444
446
|
|
|
445
|
-
var Wrapper$8 = styled__default["default"].div(templateObject_1$
|
|
447
|
+
var Wrapper$8 = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n }\n"], ["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n }\n"])), function (_a) {
|
|
446
448
|
var size = _a.size;
|
|
447
449
|
return theme.icon[size] || theme.icon.medium;
|
|
448
450
|
}, function (_a) {
|
|
@@ -472,32 +474,36 @@ var Wrapper$8 = styled__default["default"].div(templateObject_1$F || (templateOb
|
|
|
472
474
|
return theme.colors.lightGray.light;
|
|
473
475
|
}
|
|
474
476
|
});
|
|
475
|
-
var templateObject_1$
|
|
477
|
+
var templateObject_1$H;
|
|
476
478
|
|
|
477
479
|
var icons = {
|
|
478
|
-
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" }
|
|
479
|
-
chevronUp: (jsxRuntime.jsx("path", { d: "M19.4142 13.5857C20.1953 14.3668 20.1953 15.6331 19.4142 16.4142C18.6332 17.1952 17.3668 17.1952 16.5858 16.4142L11.9331 11.7615L7.43482 16.3934C6.66528 17.1858 5.39909 17.2043 4.60669 16.4348C3.8143 15.6652 3.79577 14.399 4.5653 13.6066L10.3435 7.65687C10.6519 7.33928 11.0401 7.14601 11.4456 7.07795C12.1221 6.88345 12.8812 7.05271 13.4142 7.58574L19.4142 13.5857Z" }
|
|
480
|
-
chevronRight: (jsxRuntime.jsx("path", { style: { transform: "rotate(180deg)", transformOrigin: "50%" }, d: "M13.5857 4.58578C14.3668 3.80473 15.6331 3.80473 16.4142 4.58578C17.1952 5.36683 17.1952 6.63316 16.4142 7.41421L11.7615 12.0669L16.3934 16.5652C17.1858 17.3347 17.2043 18.6009 16.4348 19.3933C15.6652 20.1857 14.399 20.2042 13.6066 19.4347L7.65687 13.6565C7.33928 13.3481 7.14601 12.9599 7.07795 12.5544C6.88345 11.8779 7.05271 11.1188 7.58574 10.5858L13.5857 4.58578Z" }
|
|
481
|
-
chevronDown: (jsxRuntime.jsx("path", { style: { transform: "rotate(180deg)", transformOrigin: "50%" }, d: "M19.4142 13.5857C20.1953 14.3668 20.1953 15.6331 19.4142 16.4142C18.6332 17.1952 17.3668 17.1952 16.5858 16.4142L11.9331 11.7615L7.43482 16.3934C6.66528 17.1858 5.39909 17.2043 4.60669 16.4348C3.8143 15.6652 3.79577 14.399 4.5653 13.6066L10.3435 7.65687C10.6519 7.33928 11.0401 7.14601 11.4456 7.07795C12.1221 6.88345 12.8812 7.05271 13.4142 7.58574L19.4142 13.5857Z" }
|
|
482
|
-
chevronLeft: (jsxRuntime.jsx("path", { d: "M13.5857 4.58578C14.3668 3.80473 15.6331 3.80473 16.4142 4.58578C17.1952 5.36683 17.1952 6.63316 16.4142 7.41421L11.7615 12.0669L16.3934 16.5652C17.1858 17.3347 17.2043 18.6009 16.4348 19.3933C15.6652 20.1857 14.399 20.2042 13.6066 19.4347L7.65687 13.6565C7.33928 13.3481 7.14601 12.9599 7.07795 12.5544C6.88345 11.8779 7.05271 11.1188 7.58574 10.5858L13.5857 4.58578Z" }
|
|
483
|
-
eye: (jsxRuntime.jsx("path", { d: "M2 12c0-2.634 4.629-8 10-8s10 5.366 10 8c0 2.634-4.629 8-10 8S2 14.634 2 12zm2 0c0 1.47 3.6 6 8 6s8-4.53 8-6c0-1.47-3.6-6-8-6s-8 4.53-8 6zm5.778-3.326a4 4 0 114.444 6.652 4 4 0 01-4.444-6.652zm1.11 4.989a2 2 0 102.223-3.325 2 2 0 00-2.222 3.325z" }
|
|
484
|
-
eyeInvisible: (jsxRuntime.jsx("path", { d: "M17.373 5.743l1.459-2.188a1 1 0 10-1.664-1.109L15.605 4.79A9.114 9.114 0 0012 4C6.629 4 2 9.366 2 12c0 1.676 1.879 4.455 4.627 6.257l-1.459 2.188a1 1 0 101.664 1.109l1.563-2.344A9.114 9.114 0 0012 20c5.371 0 10-5.366 10-8 0-1.676-1.879-4.455-4.627-6.257zM4 12c0-1.47 3.6-6 8-6 .85.007 1.69.167 2.483.473l-1.167 1.75a4 4 0 00-4.3 6.439l-1.291 1.947C5.493 15.151 4 12.945 4 12zm6.212.879A1.985 1.985 0 0112 10c.042 0 .083.008.125.01l-1.913 2.869zM12 18a7.063 7.063 0 01-2.483-.473l6.758-10.136C18.507 8.849 20 11.055 20 12c0 1.47-3.6 6-8 6z" }
|
|
485
|
-
warning: (jsxRuntime.jsx("path", { d: "M13.715 3.858c-.777-1.294-2.653-1.294-3.43 0L1.817 17.971c-.8 1.333.16 3.029 1.715 3.029h16.936c1.554 0 2.514-1.696 1.715-3.029L13.715 3.858zM11 9a1 1 0 112 0v5a1 1 0 11-2 0V9zm2 8a1 1 0 11-2 0 1 1 0 012 0z" }
|
|
486
|
-
questionCircle: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M11.39 15.17C11.2029 15.1699 11.0177 15.1317 10.8458 15.0578C10.6739 14.9838 10.5188 14.8757 10.39 14.74C10.125 14.4514 9.98172 14.0717 9.98997 13.68V12.45C9.99026 12.0796 10.1294 11.7228 10.38 11.45C10.5071 11.3106 10.6614 11.1988 10.8334 11.1214C11.0053 11.044 11.1914 11.0027 11.38 11C11.7205 11.0109 12.0599 10.9566 12.38 10.84C12.6103 10.7442 12.8057 10.5802 12.94 10.37C13.1075 10.0898 13.1876 9.76597 13.17 9.43999C13.1763 9.18997 13.1103 8.94346 12.98 8.73C12.8598 8.52167 12.683 8.35175 12.47 8.24001C12.2589 8.13361 12.0276 8.07323 11.7914 8.06288C11.5552 8.05254 11.3196 8.09244 11.1 8.17998C10.9026 8.27155 10.7204 8.39299 10.56 8.53999C10.3291 8.73861 10.0604 8.8883 9.77 8.98C9.57179 9.03551 9.36291 9.0408 9.16215 8.99541C8.96138 8.95002 8.77502 8.85537 8.61997 8.71999C8.45139 8.59592 8.31149 8.43706 8.20969 8.25417C8.1079 8.07128 8.04662 7.86864 8.03001 7.65999C8.01421 7.4531 8.04457 7.24529 8.11893 7.05159C8.1933 6.85789 8.30981 6.68315 8.46 6.53999C8.87012 6.10675 9.36786 5.76585 9.92002 5.53999C10.555 5.25276 11.2496 5.12192 11.9455 5.15846C12.6415 5.195 13.3186 5.39784 13.92 5.74998C14.5569 6.11844 15.0874 6.64555 15.46 7.27998C15.8516 7.94619 16.0523 8.70733 16.04 9.48C16.0464 10.0309 15.9584 10.5788 15.78 11.1C15.4408 12.0122 14.754 12.7529 13.87 13.16C13.5494 13.3103 13.2143 13.4275 12.87 13.51V13.76C12.8784 14.1469 12.7389 14.5224 12.48 14.81C12.3341 14.9436 12.1615 15.0448 11.9736 15.1069C11.7857 15.1689 11.5868 15.1904 11.39 15.17Z" }
|
|
487
|
-
play: (jsxRuntime.jsx("path", { d: "M21.1417 10.285C22.4364 11.0618 22.4364 12.9382 21.1417 13.715L7.02899 22.1826C5.69594 22.9824 4 22.0222 4 20.4676L4 3.53238C4 1.97779 5.69594 1.01756 7.02899 1.81739L21.1417 10.285Z" }
|
|
488
|
-
lock: (jsxRuntime.jsx("path", { d: "M5.57143 9.37072C4.15029 9.37498 3 10.5122 3 11.934V20.4367C3 21.8525 4.15371 23 5.57914 23H18.4209C19.8454 23 21 21.861 21 20.4367V11.934C21 10.5208 19.8506 9.37413 18.4286 9.37072V6.38827C18.4286 2.85977 15.5434 0 12 0C8.44971 0 5.57143 2.85977 5.57143 6.38827V9.37072ZM8.14286 9.37072V6.38998C8.14286 4.26708 9.87 2.55565 12 2.55565C14.1257 2.55565 15.8571 4.2722 15.8571 6.38998V9.37072H8.14286Z" }
|
|
489
|
-
cross: (jsxRuntime.jsx("path", { d: "M4.58585 4.58579C5.36689 3.80474 6.63322 3.80474 7.41427 4.58579L12 9.17153L16.5858 4.58579C17.3668 3.80474 18.6331 3.80474 19.4142 4.58579C20.1952 5.36683 20.1952 6.63316 19.4142 7.41421L14.7615 12.0669L19.3934 16.5652C20.1858 17.3347 20.2043 18.6009 19.4348 19.3933C18.6652 20.1857 17.3991 20.2042 16.6067 19.4347L12 14.9609L7.39337 19.4347C6.60098 20.2042 5.33478 20.1857 4.56525 19.3933C3.79571 18.6009 3.81424 17.3347 4.60663 16.5652L9.23853 12.0669L4.58585 7.41421C3.8048 6.63316 3.8048 5.36683 4.58585 4.58579Z" }
|
|
490
|
-
bulb: (jsxRuntime.jsx("path", { d: "M16.9999 9.03553C16.9967 7.88562 16.6951 6.75388 16.1213 5.73887C15.5475 4.72386 14.719 3.85637 13.7079 3.21192C12.6967 2.56746 11.5337 2.1656 10.3199 2.04132C9.10621 1.91704 7.87864 2.07411 6.74411 2.49886C5.61082 2.92007 4.60229 3.59282 3.80424 4.45988C3.00515 5.32808 2.44858 6.3703 2.18491 7.49217C1.91452 8.61242 1.94102 9.77811 2.2621 10.8864C2.58317 11.9948 3.18891 13.0116 4.02592 13.8473C4.27491 14.1044 4.50062 14.3808 4.70066 14.6734C4.46084 14.9466 4.28577 15.2649 4.18718 15.6069C4.08858 15.949 4.06875 16.3069 4.12899 16.6568C4.18923 17.0067 4.32815 17.3404 4.53646 17.6356C4.74477 17.9308 5.01763 18.1807 5.3368 18.3684C5.12981 18.7505 5.03079 19.1763 5.04929 19.6048C5.0678 20.0334 5.20322 20.4502 5.44246 20.8151C5.68171 21.18 6.01673 21.4808 6.41524 21.6883C6.81374 21.8958 7.2623 22.0031 7.71765 21.9999H11.2744C11.9809 21.9999 12.6585 21.7362 13.159 21.2666C13.6594 20.7969 13.9418 20.1596 13.9444 19.4942C13.9436 19.1085 13.8445 18.7287 13.6552 18.3866C14.0375 18.1632 14.3532 17.8517 14.5724 17.4817C14.7916 17.1116 14.9072 16.695 14.9082 16.2713C14.9084 15.7054 14.7007 15.1569 14.3203 14.7188C14.5467 14.3744 14.8047 14.0494 15.0914 13.7474C16.327 12.4547 17.0074 10.7749 16.9999 9.03553ZM12.2383 15.554C12.4351 15.554 12.6239 15.6277 12.7631 15.7588C12.9023 15.8899 12.9805 16.0677 12.9805 16.2531C12.9805 16.3445 12.9612 16.435 12.9238 16.5193C12.8864 16.6036 12.8316 16.68 12.7626 16.7442C12.6935 16.8084 12.6116 16.8591 12.5216 16.8932C12.4316 16.9273 12.3353 16.9443 12.2383 16.9431H6.75375C6.55947 16.9431 6.37313 16.8704 6.23574 16.741C6.09836 16.6116 6.02119 16.4361 6.02119 16.2531C6.02117 16.0693 6.09804 15.8928 6.23516 15.762C6.37227 15.6311 6.55859 15.5564 6.75375 15.554H12.2383ZM11.2744 20.166H7.71765C7.52336 20.166 7.33702 20.0933 7.19964 19.964C7.06226 19.8346 6.98508 19.659 6.98508 19.476C6.98506 19.2922 7.06194 19.1158 7.19905 18.9849C7.33616 18.8541 7.52248 18.7794 7.71765 18.777H11.2744C11.4713 18.777 11.66 18.8506 11.7992 18.9817C11.9384 19.1128 12.0166 19.2906 12.0166 19.476C12.0166 19.5674 11.9973 19.6579 11.9599 19.7422C11.9225 19.8265 11.8677 19.903 11.7987 19.9672C11.7296 20.0314 11.6477 20.082 11.5577 20.1161C11.4677 20.1503 11.3714 20.1672 11.2744 20.166ZM14.4841 10.6788C14.2574 11.2921 13.9036 11.8568 13.4432 12.3402C13.0264 12.7745 12.6551 13.2458 12.3347 13.7474H6.70557C6.39922 13.2738 6.04404 12.8299 5.64525 12.4219C4.97469 11.7557 4.51703 10.925 4.32473 10.0251C4.12802 9.12397 4.2045 8.18889 4.5454 7.32676C4.88631 6.46463 5.47789 5.71024 6.25251 5.14984C7.0192 4.57901 7.94129 4.22343 8.91286 4.12394C9.65469 4.04111 10.4067 4.10608 11.1202 4.31462C11.8317 4.53062 12.4881 4.88299 13.0479 5.34957C13.5623 5.78316 13.9815 6.30752 14.2818 6.89297C14.585 7.47727 14.7588 8.11359 14.7926 8.76318C14.8258 9.41467 14.721 10.0659 14.4841 10.6788Z" }
|
|
491
|
-
star: (jsxRuntime.jsx("path", { d: "M2.52642 11.0247L6.42532 13.9834C6.87081 14.3213 7.05746 14.9203 6.88764 15.4672L5.39751 20.2558C5.01734 21.479 6.35757 22.4963 7.35438 21.7405L11.2533 18.7814C11.6988 18.443 12.3015 18.443 12.7469 18.7814L16.6458 21.7405C17.6422 22.4963 18.9829 21.479 18.6027 20.2558L17.1132 15.4672C16.9425 14.9203 17.1292 14.3213 17.5751 13.9834L21.4736 11.0247C22.4695 10.2684 21.9583 8.62247 20.7267 8.62247H15.9074C15.357 8.62247 14.8679 8.25197 14.6983 7.705L13.2093 2.9181C12.8286 1.69397 11.172 1.69397 10.791 2.9181L9.30106 7.70524C9.13146 8.2522 8.64412 8.6227 8.0928 8.6227H3.27326C2.04175 8.6227 1.5305 10.2687 2.52642 11.0247Z" }
|
|
492
|
-
setting: (jsxRuntime.jsx("path", { d: "M10.5145 2H13.4674C13.7167 2.00125 13.9575 2.09128 14.1467 2.25398C14.3364 2.41792 14.4643 2.642 14.509 2.88889L14.6811 3.94104C15.0485 4.06092 15.4059 4.20952 15.75 4.38548L16.6558 3.75963C16.8336 3.63488 17.0456 3.56835 17.2626 3.56916H17.3533C17.604 3.58716 17.8394 3.69692 18.0145 3.87755L20.1341 5.97277C20.3138 6.14482 20.4235 6.37749 20.442 6.62583C20.4621 6.87658 20.3949 7.12657 20.2518 7.3333L19.6268 8.24033C19.797 8.5843 19.9453 8.93877 20.0707 9.30156L21.1213 9.48294C21.3663 9.51899 21.5892 9.64511 21.7464 9.8367C21.9102 10.0289 22.0001 10.2733 22 10.526V13.492C22.0001 13.7447 21.9102 13.9891 21.7464 14.1813C21.6107 14.3456 21.4269 14.463 21.221 14.5169H21.1213L20.0707 14.6983C19.9453 15.0611 19.797 15.4156 19.6268 15.7596L20.2428 16.6666C20.3856 16.8706 20.4529 17.1181 20.433 17.3664C20.4132 17.6148 20.3075 17.8485 20.1341 18.0271L18.0326 20.1314C17.8575 20.312 17.6221 20.4218 17.3713 20.4398H17.2808C17.0637 20.4406 16.8517 20.3741 16.6739 20.2493L15.7681 19.6235C15.424 19.7994 15.0666 19.948 14.6993 20.0679L14.5272 21.1201C14.4824 21.367 14.3545 21.591 14.1648 21.755C13.9756 21.9165 13.7341 22.0036 13.4855 21.9999H10.4873C10.2389 22.002 9.99801 21.9151 9.80796 21.755C9.6439 21.6192 9.52665 21.4351 9.47282 21.2289V21.1291L9.30072 20.077C8.93397 19.9554 8.57672 19.8069 8.23188 19.6325L7.32609 20.2584C7.1483 20.3831 6.93631 20.4497 6.71922 20.4489H6.62861C6.37785 20.4309 6.1425 20.3211 5.96739 20.1405L3.86594 18.0362C3.69251 17.8575 3.58674 17.6239 3.5669 17.3755C3.54706 17.1272 3.61439 16.8796 3.75725 16.6756L4.37318 15.7686C4.20296 15.4246 4.05472 15.0702 3.92935 14.7074L2.8786 14.526C2.63444 14.4875 2.41244 14.3619 2.25359 14.1723C2.08979 13.9801 1.99989 13.7356 2 13.4829V10.517C1.99989 10.2643 2.08979 10.0198 2.25359 9.82762C2.38922 9.66333 2.57303 9.54593 2.77897 9.49202H2.8786L3.92935 9.31061C4.05472 8.94782 4.20296 8.59338 4.37318 8.24941L3.75725 7.34238C3.61439 7.13839 3.54706 6.89088 3.5669 6.64252C3.58674 6.39415 3.69251 6.1605 3.86594 5.98185L5.96739 3.87755C6.1425 3.69692 6.37785 3.58716 6.62861 3.56916H6.71922C6.93631 3.56835 7.1483 3.63488 7.32609 3.75963L8.23188 4.38548C8.57672 4.21112 8.93397 4.06257 9.30072 3.94104L9.47282 2.88889C9.51756 2.642 9.6454 2.41792 9.83511 2.25398C10.0243 2.09128 10.2651 2.00125 10.5145 2ZM12.5797 4.1043H11.4202L11.3297 4.08616L11.1938 4.90249C11.1599 5.10978 11.0653 5.30232 10.9221 5.45576C10.7796 5.60618 10.5974 5.7131 10.3968 5.76414C9.75859 5.91381 9.14747 6.16167 8.58516 6.49886C8.42145 6.59897 8.23347 6.65228 8.04165 6.65304C7.83358 6.64211 7.63273 6.57298 7.46192 6.45349L6.78258 5.96369L5.94926 6.80724L6.43837 7.47843C6.55492 7.65022 6.62086 7.85137 6.62861 8.05891C6.63703 8.2664 6.58343 8.47171 6.47464 8.6485C6.13986 9.19635 5.89233 9.79305 5.74094 10.4172C5.6974 10.6211 5.58938 10.8056 5.43295 10.9433C5.28314 11.0865 5.09381 11.1813 4.88949 11.2154L4.06519 11.3605V12.594L4.88949 12.7301C5.09167 12.7651 5.27995 12.8562 5.43295 12.9931C5.58565 13.1338 5.69291 13.317 5.74094 13.5192C5.89041 14.1582 6.13791 14.7702 6.47464 15.3333C6.58727 15.5059 6.64724 15.7076 6.64724 15.9137C6.64724 16.1199 6.58727 16.3216 6.47464 16.4942L5.98547 17.1745L6.81884 18.018L7.49819 17.5282C7.66574 17.409 7.86362 17.3398 8.06885 17.3287C8.26067 17.3295 8.4486 17.3828 8.6123 17.4829C9.17462 17.8201 9.78574 18.0679 10.4239 18.2176C10.6242 18.2695 10.8062 18.3763 10.9493 18.526C11.0881 18.6777 11.1794 18.867 11.2119 19.0702L11.3569 19.8956H12.5344L12.6703 19.0702C12.7063 18.8663 12.8008 18.6772 12.942 18.526C13.0852 18.3763 13.267 18.2695 13.4674 18.2176C14.1055 18.0679 14.7166 17.8201 15.279 17.4829C15.4427 17.3828 15.6306 17.3295 15.8225 17.3287C16.0305 17.3396 16.2313 17.4088 16.4021 17.5282L17.0815 18.009L17.9148 17.1745L17.4257 16.4942C17.3131 16.3216 17.2531 16.1199 17.2531 15.9137C17.2531 15.7076 17.3131 15.5059 17.4257 15.3333C17.7624 14.7702 18.0099 14.1582 18.1594 13.5192C18.2074 13.317 18.3147 13.1338 18.4674 12.9931C18.618 12.8527 18.8074 12.7611 19.0108 12.7301L19.8351 12.594V11.4058L19.0108 11.2698C18.8092 11.233 18.6214 11.142 18.4674 11.0067C18.3147 10.866 18.2074 10.6828 18.1594 10.4807C18.0099 9.84166 17.7624 9.2297 17.4257 8.66663C17.3169 8.48984 17.2633 8.28456 17.2717 8.07707C17.2768 7.87042 17.3466 7.67057 17.471 7.50564L17.9511 6.82537L17.1177 5.98185L16.4384 6.47162C16.2708 6.59082 16.073 6.66001 15.8677 6.67117C15.6759 6.67041 15.488 6.6171 15.3243 6.51699C14.762 6.1798 14.1508 5.93197 13.5127 5.7823C13.3138 5.72702 13.1327 5.62073 12.9873 5.47392C12.8485 5.32214 12.7571 5.13292 12.7246 4.9297L12.5797 4.1043ZM9.67144 8.44754C10.3629 7.98301 11.1764 7.73413 12.009 7.73234C13.1263 7.7324 14.1979 8.17597 14.9891 8.96588C15.7754 9.76053 16.2208 10.8313 16.2301 11.95C16.2301 12.7838 15.9832 13.5989 15.5208 14.2923C15.0584 14.9857 14.4011 15.5262 13.632 15.8457C12.8629 16.1652 12.0165 16.2493 11.1997 16.0873C10.3829 15.9253 9.63237 15.5245 9.04296 14.9355C8.45355 14.3466 8.0517 13.5959 7.88815 12.7784C7.72461 11.9608 7.80676 11.1131 8.12417 10.3422C8.44157 9.57141 8.97998 8.91207 9.67144 8.44754ZM10.6474 13.595C11.0315 13.9099 11.5126 14.0819 12.009 14.0815V14.1359C12.2958 14.1287 12.5782 14.0639 12.8396 13.9455C13.1009 13.8271 13.336 13.6575 13.5308 13.4466C13.8805 13.0939 14.0975 12.6307 14.1446 12.1359C14.1917 11.641 14.0661 11.1451 13.7892 10.7326C13.5122 10.3201 13.1011 10.0164 12.6257 9.87326C12.1503 9.73013 11.6401 9.7564 11.1818 9.94758C10.7236 10.1388 10.3457 10.4831 10.1125 10.9218C9.87927 11.3606 9.80507 11.8668 9.90259 12.3542C10.0001 12.8416 10.2633 13.2801 10.6474 13.595Z" }
|
|
493
|
-
reload: (jsxRuntime.jsx("path", { d: "M20.6354 11.2888C20.4446 11.2757 20.253 11.2998 20.0716 11.3597C19.8903 11.4195 19.7226 11.514 19.5783 11.6377C19.434 11.7614 19.3158 11.9119 19.2306 12.0806C19.1453 12.2493 19.0947 12.4329 19.0815 12.6209C18.9739 14.1387 18.3662 15.5804 17.3506 16.7268C16.335 17.8732 14.9672 18.6615 13.4551 18.9718C11.943 19.2821 10.3695 19.0975 8.97365 18.446C7.57786 17.7945 6.43622 16.7118 5.72234 15.3626C5.00847 14.0133 4.76142 12.4713 5.01877 10.971C5.27612 9.47075 6.02378 8.09431 7.14805 7.05103C8.27233 6.00774 9.71171 5.35469 11.2473 5.19118C12.7829 5.02767 14.3307 5.36264 15.6553 6.14516L15.0687 6.1882C14.8324 6.20792 14.6055 6.28802 14.4104 6.42057C14.2152 6.55313 14.0585 6.73355 13.9558 6.94402C13.853 7.15449 13.8078 7.38773 13.8246 7.62068C13.8414 7.85363 13.9196 8.07824 14.0514 8.27231C14.1758 8.45551 14.3442 8.60561 14.5416 8.70929C14.739 8.81296 14.9594 8.867 15.1831 8.8666H15.2601L19.2729 8.58175C19.4513 8.56929 19.6255 8.52227 19.7855 8.44339C19.9455 8.36452 20.0881 8.25533 20.2052 8.12209C20.3223 7.98884 20.4116 7.83415 20.4679 7.66688C20.5242 7.4996 20.5465 7.32303 20.5335 7.14726L20.2527 3.20036C20.2154 2.85494 20.0436 2.53721 19.7735 2.31395C19.5033 2.0907 19.1558 1.9793 18.8041 2.00318C18.4523 2.02706 18.1236 2.18436 17.8871 2.44201C17.6506 2.69966 17.5247 3.0376 17.5359 3.38479L17.5754 3.9422C15.7452 2.7363 13.5624 2.1585 11.3651 2.29828C9.16781 2.43806 7.07861 3.28763 5.42104 4.71541C3.76347 6.1432 2.63001 8.06953 2.19621 10.1961C1.7624 12.3226 2.05246 14.5308 3.02144 16.4785C3.99043 18.4263 5.58428 20.0049 7.55618 20.9701C9.52807 21.9352 11.768 22.2329 13.929 21.8171C16.09 21.4013 18.0516 20.2953 19.51 18.6702C20.9683 17.0451 21.8421 14.9916 21.9959 12.8278C22.0103 12.6386 21.9865 12.4483 21.9257 12.2682C21.865 12.088 21.7685 11.9216 21.642 11.7784C21.5154 11.6353 21.3613 11.5183 21.1885 11.4342C21.0157 11.3502 20.8277 11.3008 20.6354 11.2888Z" }
|
|
494
|
-
expand: (jsxRuntime.jsx("path", { d: "M13.1519 2.65848C12.2656 2.65848 11.5471 3.37694 11.5471 4.26321C11.5471 5.14947 12.2656 5.86793 13.1519 5.86793L15.8968 5.86793L5.82737 15.9374L5.8678 13.1752C5.88077 12.2891 5.1729 11.5602 4.28672 11.5472C3.40055 11.5342 2.67166 12.2421 2.65869 13.1283L2.56131 19.7822C2.55612 20.1373 2.66667 20.4671 2.85807 20.7358C3.13154 21.2301 3.65827 21.5648 4.26318 21.5648L11.0715 21.5648C11.9577 21.5648 12.6762 20.8463 12.6762 19.9601C12.6762 19.0738 11.9577 18.3553 11.0715 18.3553L8.1374 18.3553L18.3988 8.09397L18.3555 11.048C18.3426 11.9342 19.0504 12.6631 19.9366 12.6761C20.8228 12.689 21.5517 11.9812 21.5646 11.095L21.662 4.44109C21.6672 4.08598 21.5567 3.75612 21.3653 3.48747C21.0918 2.99317 20.5651 2.65848 19.9602 2.65848L13.1519 2.65848Z" }
|
|
495
|
-
calendar: (jsxRuntime.jsx("path", { d: "M21 3h-2V2c0-1.1-.9-2-2-2s-2 .9-2 2v1H9V2c0-1.1-.9-2-2-2S5 .9 5 2v1H3C1.3 3 0 4.3 0 6v14c0 1.7 1.3 3 3 3h18c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM3 6h2v1c0 1.1.9 2 2 2s2-.9 2-2V6h6v1c0 1.1.9 2 2 2s2-.9 2-2V6h2v4H3V6zm0 14v-7h18v7H3z" }
|
|
496
|
-
|
|
480
|
+
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" })),
|
|
481
|
+
chevronUp: (jsxRuntime.jsx("path", { d: "M19.4142 13.5857C20.1953 14.3668 20.1953 15.6331 19.4142 16.4142C18.6332 17.1952 17.3668 17.1952 16.5858 16.4142L11.9331 11.7615L7.43482 16.3934C6.66528 17.1858 5.39909 17.2043 4.60669 16.4348C3.8143 15.6652 3.79577 14.399 4.5653 13.6066L10.3435 7.65687C10.6519 7.33928 11.0401 7.14601 11.4456 7.07795C12.1221 6.88345 12.8812 7.05271 13.4142 7.58574L19.4142 13.5857Z" })),
|
|
482
|
+
chevronRight: (jsxRuntime.jsx("path", { style: { transform: "rotate(180deg)", transformOrigin: "50%" }, d: "M13.5857 4.58578C14.3668 3.80473 15.6331 3.80473 16.4142 4.58578C17.1952 5.36683 17.1952 6.63316 16.4142 7.41421L11.7615 12.0669L16.3934 16.5652C17.1858 17.3347 17.2043 18.6009 16.4348 19.3933C15.6652 20.1857 14.399 20.2042 13.6066 19.4347L7.65687 13.6565C7.33928 13.3481 7.14601 12.9599 7.07795 12.5544C6.88345 11.8779 7.05271 11.1188 7.58574 10.5858L13.5857 4.58578Z" })),
|
|
483
|
+
chevronDown: (jsxRuntime.jsx("path", { style: { transform: "rotate(180deg)", transformOrigin: "50%" }, d: "M19.4142 13.5857C20.1953 14.3668 20.1953 15.6331 19.4142 16.4142C18.6332 17.1952 17.3668 17.1952 16.5858 16.4142L11.9331 11.7615L7.43482 16.3934C6.66528 17.1858 5.39909 17.2043 4.60669 16.4348C3.8143 15.6652 3.79577 14.399 4.5653 13.6066L10.3435 7.65687C10.6519 7.33928 11.0401 7.14601 11.4456 7.07795C12.1221 6.88345 12.8812 7.05271 13.4142 7.58574L19.4142 13.5857Z" })),
|
|
484
|
+
chevronLeft: (jsxRuntime.jsx("path", { d: "M13.5857 4.58578C14.3668 3.80473 15.6331 3.80473 16.4142 4.58578C17.1952 5.36683 17.1952 6.63316 16.4142 7.41421L11.7615 12.0669L16.3934 16.5652C17.1858 17.3347 17.2043 18.6009 16.4348 19.3933C15.6652 20.1857 14.399 20.2042 13.6066 19.4347L7.65687 13.6565C7.33928 13.3481 7.14601 12.9599 7.07795 12.5544C6.88345 11.8779 7.05271 11.1188 7.58574 10.5858L13.5857 4.58578Z" })),
|
|
485
|
+
eye: (jsxRuntime.jsx("path", { d: "M2 12c0-2.634 4.629-8 10-8s10 5.366 10 8c0 2.634-4.629 8-10 8S2 14.634 2 12zm2 0c0 1.47 3.6 6 8 6s8-4.53 8-6c0-1.47-3.6-6-8-6s-8 4.53-8 6zm5.778-3.326a4 4 0 114.444 6.652 4 4 0 01-4.444-6.652zm1.11 4.989a2 2 0 102.223-3.325 2 2 0 00-2.222 3.325z" })),
|
|
486
|
+
eyeInvisible: (jsxRuntime.jsx("path", { d: "M17.373 5.743l1.459-2.188a1 1 0 10-1.664-1.109L15.605 4.79A9.114 9.114 0 0012 4C6.629 4 2 9.366 2 12c0 1.676 1.879 4.455 4.627 6.257l-1.459 2.188a1 1 0 101.664 1.109l1.563-2.344A9.114 9.114 0 0012 20c5.371 0 10-5.366 10-8 0-1.676-1.879-4.455-4.627-6.257zM4 12c0-1.47 3.6-6 8-6 .85.007 1.69.167 2.483.473l-1.167 1.75a4 4 0 00-4.3 6.439l-1.291 1.947C5.493 15.151 4 12.945 4 12zm6.212.879A1.985 1.985 0 0112 10c.042 0 .083.008.125.01l-1.913 2.869zM12 18a7.063 7.063 0 01-2.483-.473l6.758-10.136C18.507 8.849 20 11.055 20 12c0 1.47-3.6 6-8 6z" })),
|
|
487
|
+
warning: (jsxRuntime.jsx("path", { d: "M13.715 3.858c-.777-1.294-2.653-1.294-3.43 0L1.817 17.971c-.8 1.333.16 3.029 1.715 3.029h16.936c1.554 0 2.514-1.696 1.715-3.029L13.715 3.858zM11 9a1 1 0 112 0v5a1 1 0 11-2 0V9zm2 8a1 1 0 11-2 0 1 1 0 012 0z" })),
|
|
488
|
+
questionCircle: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M11.39 15.17C11.2029 15.1699 11.0177 15.1317 10.8458 15.0578C10.6739 14.9838 10.5188 14.8757 10.39 14.74C10.125 14.4514 9.98172 14.0717 9.98997 13.68V12.45C9.99026 12.0796 10.1294 11.7228 10.38 11.45C10.5071 11.3106 10.6614 11.1988 10.8334 11.1214C11.0053 11.044 11.1914 11.0027 11.38 11C11.7205 11.0109 12.0599 10.9566 12.38 10.84C12.6103 10.7442 12.8057 10.5802 12.94 10.37C13.1075 10.0898 13.1876 9.76597 13.17 9.43999C13.1763 9.18997 13.1103 8.94346 12.98 8.73C12.8598 8.52167 12.683 8.35175 12.47 8.24001C12.2589 8.13361 12.0276 8.07323 11.7914 8.06288C11.5552 8.05254 11.3196 8.09244 11.1 8.17998C10.9026 8.27155 10.7204 8.39299 10.56 8.53999C10.3291 8.73861 10.0604 8.8883 9.77 8.98C9.57179 9.03551 9.36291 9.0408 9.16215 8.99541C8.96138 8.95002 8.77502 8.85537 8.61997 8.71999C8.45139 8.59592 8.31149 8.43706 8.20969 8.25417C8.1079 8.07128 8.04662 7.86864 8.03001 7.65999C8.01421 7.4531 8.04457 7.24529 8.11893 7.05159C8.1933 6.85789 8.30981 6.68315 8.46 6.53999C8.87012 6.10675 9.36786 5.76585 9.92002 5.53999C10.555 5.25276 11.2496 5.12192 11.9455 5.15846C12.6415 5.195 13.3186 5.39784 13.92 5.74998C14.5569 6.11844 15.0874 6.64555 15.46 7.27998C15.8516 7.94619 16.0523 8.70733 16.04 9.48C16.0464 10.0309 15.9584 10.5788 15.78 11.1C15.4408 12.0122 14.754 12.7529 13.87 13.16C13.5494 13.3103 13.2143 13.4275 12.87 13.51V13.76C12.8784 14.1469 12.7389 14.5224 12.48 14.81C12.3341 14.9436 12.1615 15.0448 11.9736 15.1069C11.7857 15.1689 11.5868 15.1904 11.39 15.17Z" }), jsxRuntime.jsx("path", { d: "M11.32 18.93H11.52C11.7121 18.9474 11.9056 18.9243 12.0881 18.8623C12.2707 18.8003 12.4383 18.7007 12.58 18.57C12.8417 18.2727 12.9779 17.8856 12.96 17.49V17.22C12.9729 17.029 12.9467 16.8375 12.8831 16.6569C12.8195 16.4764 12.7197 16.3107 12.59 16.17C12.4631 16.0319 12.3084 15.9221 12.1361 15.848C11.9637 15.7739 11.7776 15.7371 11.59 15.74H11.39C11.1938 15.7317 10.9979 15.7649 10.8153 15.8372C10.6327 15.9096 10.4674 16.0195 10.33 16.16C10.2005 16.3029 10.101 16.4704 10.0375 16.6525C9.97393 16.8345 9.94758 17.0275 9.96004 17.22V17.49C9.93979 17.8764 10.0686 18.2559 10.32 18.55C10.5927 18.7995 10.9504 18.9354 11.32 18.93Z" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C14.1756 23 16.3023 22.3549 18.1113 21.1462C19.9202 19.9375 21.3302 18.2195 22.1627 16.2095C22.9953 14.1995 23.2131 11.9878 22.7886 9.85401C22.3642 7.72022 21.3166 5.76021 19.7782 4.22184C18.2398 2.68346 16.2798 1.6358 14.146 1.21137C12.0122 0.78693 9.80051 1.00476 7.79053 1.83733C5.78054 2.66989 4.06258 4.07979 2.85388 5.88874C1.64519 7.69768 1 9.82441 1 12C1 14.9174 2.15896 17.7153 4.22186 19.7782C6.28476 21.8411 9.08262 23 12 23ZM12 20.5C13.6811 20.5 15.3245 20.0015 16.7224 19.0675C18.1202 18.1335 19.2096 16.806 19.853 15.2528C20.4963 13.6996 20.6646 11.9906 20.3367 10.3417C20.0087 8.6929 19.1992 7.17834 18.0104 5.9896C16.8217 4.80085 15.3071 3.99131 13.6583 3.66333C12.0094 3.33536 10.3004 3.50369 8.74719 4.14704C7.19402 4.79038 5.86655 5.87983 4.93256 7.27765C3.99856 8.67547 3.5 10.3189 3.5 12C3.49868 13.1166 3.71765 14.2225 4.14435 15.2544C4.57105 16.2862 5.19713 17.2238 5.98669 18.0133C6.77625 18.8029 7.71381 19.429 8.74567 19.8557C9.77753 20.2824 10.8834 20.5013 12 20.5Z" })] })),
|
|
489
|
+
play: (jsxRuntime.jsx("path", { d: "M21.1417 10.285C22.4364 11.0618 22.4364 12.9382 21.1417 13.715L7.02899 22.1826C5.69594 22.9824 4 22.0222 4 20.4676L4 3.53238C4 1.97779 5.69594 1.01756 7.02899 1.81739L21.1417 10.285Z" })),
|
|
490
|
+
lock: (jsxRuntime.jsx("path", { d: "M5.57143 9.37072C4.15029 9.37498 3 10.5122 3 11.934V20.4367C3 21.8525 4.15371 23 5.57914 23H18.4209C19.8454 23 21 21.861 21 20.4367V11.934C21 10.5208 19.8506 9.37413 18.4286 9.37072V6.38827C18.4286 2.85977 15.5434 0 12 0C8.44971 0 5.57143 2.85977 5.57143 6.38827V9.37072ZM8.14286 9.37072V6.38998C8.14286 4.26708 9.87 2.55565 12 2.55565C14.1257 2.55565 15.8571 4.2722 15.8571 6.38998V9.37072H8.14286Z" })),
|
|
491
|
+
cross: (jsxRuntime.jsx("path", { d: "M4.58585 4.58579C5.36689 3.80474 6.63322 3.80474 7.41427 4.58579L12 9.17153L16.5858 4.58579C17.3668 3.80474 18.6331 3.80474 19.4142 4.58579C20.1952 5.36683 20.1952 6.63316 19.4142 7.41421L14.7615 12.0669L19.3934 16.5652C20.1858 17.3347 20.2043 18.6009 19.4348 19.3933C18.6652 20.1857 17.3991 20.2042 16.6067 19.4347L12 14.9609L7.39337 19.4347C6.60098 20.2042 5.33478 20.1857 4.56525 19.3933C3.79571 18.6009 3.81424 17.3347 4.60663 16.5652L9.23853 12.0669L4.58585 7.41421C3.8048 6.63316 3.8048 5.36683 4.58585 4.58579Z" })),
|
|
492
|
+
bulb: (jsxRuntime.jsx("path", { d: "M16.9999 9.03553C16.9967 7.88562 16.6951 6.75388 16.1213 5.73887C15.5475 4.72386 14.719 3.85637 13.7079 3.21192C12.6967 2.56746 11.5337 2.1656 10.3199 2.04132C9.10621 1.91704 7.87864 2.07411 6.74411 2.49886C5.61082 2.92007 4.60229 3.59282 3.80424 4.45988C3.00515 5.32808 2.44858 6.3703 2.18491 7.49217C1.91452 8.61242 1.94102 9.77811 2.2621 10.8864C2.58317 11.9948 3.18891 13.0116 4.02592 13.8473C4.27491 14.1044 4.50062 14.3808 4.70066 14.6734C4.46084 14.9466 4.28577 15.2649 4.18718 15.6069C4.08858 15.949 4.06875 16.3069 4.12899 16.6568C4.18923 17.0067 4.32815 17.3404 4.53646 17.6356C4.74477 17.9308 5.01763 18.1807 5.3368 18.3684C5.12981 18.7505 5.03079 19.1763 5.04929 19.6048C5.0678 20.0334 5.20322 20.4502 5.44246 20.8151C5.68171 21.18 6.01673 21.4808 6.41524 21.6883C6.81374 21.8958 7.2623 22.0031 7.71765 21.9999H11.2744C11.9809 21.9999 12.6585 21.7362 13.159 21.2666C13.6594 20.7969 13.9418 20.1596 13.9444 19.4942C13.9436 19.1085 13.8445 18.7287 13.6552 18.3866C14.0375 18.1632 14.3532 17.8517 14.5724 17.4817C14.7916 17.1116 14.9072 16.695 14.9082 16.2713C14.9084 15.7054 14.7007 15.1569 14.3203 14.7188C14.5467 14.3744 14.8047 14.0494 15.0914 13.7474C16.327 12.4547 17.0074 10.7749 16.9999 9.03553ZM12.2383 15.554C12.4351 15.554 12.6239 15.6277 12.7631 15.7588C12.9023 15.8899 12.9805 16.0677 12.9805 16.2531C12.9805 16.3445 12.9612 16.435 12.9238 16.5193C12.8864 16.6036 12.8316 16.68 12.7626 16.7442C12.6935 16.8084 12.6116 16.8591 12.5216 16.8932C12.4316 16.9273 12.3353 16.9443 12.2383 16.9431H6.75375C6.55947 16.9431 6.37313 16.8704 6.23574 16.741C6.09836 16.6116 6.02119 16.4361 6.02119 16.2531C6.02117 16.0693 6.09804 15.8928 6.23516 15.762C6.37227 15.6311 6.55859 15.5564 6.75375 15.554H12.2383ZM11.2744 20.166H7.71765C7.52336 20.166 7.33702 20.0933 7.19964 19.964C7.06226 19.8346 6.98508 19.659 6.98508 19.476C6.98506 19.2922 7.06194 19.1158 7.19905 18.9849C7.33616 18.8541 7.52248 18.7794 7.71765 18.777H11.2744C11.4713 18.777 11.66 18.8506 11.7992 18.9817C11.9384 19.1128 12.0166 19.2906 12.0166 19.476C12.0166 19.5674 11.9973 19.6579 11.9599 19.7422C11.9225 19.8265 11.8677 19.903 11.7987 19.9672C11.7296 20.0314 11.6477 20.082 11.5577 20.1161C11.4677 20.1503 11.3714 20.1672 11.2744 20.166ZM14.4841 10.6788C14.2574 11.2921 13.9036 11.8568 13.4432 12.3402C13.0264 12.7745 12.6551 13.2458 12.3347 13.7474H6.70557C6.39922 13.2738 6.04404 12.8299 5.64525 12.4219C4.97469 11.7557 4.51703 10.925 4.32473 10.0251C4.12802 9.12397 4.2045 8.18889 4.5454 7.32676C4.88631 6.46463 5.47789 5.71024 6.25251 5.14984C7.0192 4.57901 7.94129 4.22343 8.91286 4.12394C9.65469 4.04111 10.4067 4.10608 11.1202 4.31462C11.8317 4.53062 12.4881 4.88299 13.0479 5.34957C13.5623 5.78316 13.9815 6.30752 14.2818 6.89297C14.585 7.47727 14.7588 8.11359 14.7926 8.76318C14.8258 9.41467 14.721 10.0659 14.4841 10.6788Z" })),
|
|
493
|
+
star: (jsxRuntime.jsx("path", { d: "M2.52642 11.0247L6.42532 13.9834C6.87081 14.3213 7.05746 14.9203 6.88764 15.4672L5.39751 20.2558C5.01734 21.479 6.35757 22.4963 7.35438 21.7405L11.2533 18.7814C11.6988 18.443 12.3015 18.443 12.7469 18.7814L16.6458 21.7405C17.6422 22.4963 18.9829 21.479 18.6027 20.2558L17.1132 15.4672C16.9425 14.9203 17.1292 14.3213 17.5751 13.9834L21.4736 11.0247C22.4695 10.2684 21.9583 8.62247 20.7267 8.62247H15.9074C15.357 8.62247 14.8679 8.25197 14.6983 7.705L13.2093 2.9181C12.8286 1.69397 11.172 1.69397 10.791 2.9181L9.30106 7.70524C9.13146 8.2522 8.64412 8.6227 8.0928 8.6227H3.27326C2.04175 8.6227 1.5305 10.2687 2.52642 11.0247Z" })),
|
|
494
|
+
setting: (jsxRuntime.jsx("path", { d: "M10.5145 2H13.4674C13.7167 2.00125 13.9575 2.09128 14.1467 2.25398C14.3364 2.41792 14.4643 2.642 14.509 2.88889L14.6811 3.94104C15.0485 4.06092 15.4059 4.20952 15.75 4.38548L16.6558 3.75963C16.8336 3.63488 17.0456 3.56835 17.2626 3.56916H17.3533C17.604 3.58716 17.8394 3.69692 18.0145 3.87755L20.1341 5.97277C20.3138 6.14482 20.4235 6.37749 20.442 6.62583C20.4621 6.87658 20.3949 7.12657 20.2518 7.3333L19.6268 8.24033C19.797 8.5843 19.9453 8.93877 20.0707 9.30156L21.1213 9.48294C21.3663 9.51899 21.5892 9.64511 21.7464 9.8367C21.9102 10.0289 22.0001 10.2733 22 10.526V13.492C22.0001 13.7447 21.9102 13.9891 21.7464 14.1813C21.6107 14.3456 21.4269 14.463 21.221 14.5169H21.1213L20.0707 14.6983C19.9453 15.0611 19.797 15.4156 19.6268 15.7596L20.2428 16.6666C20.3856 16.8706 20.4529 17.1181 20.433 17.3664C20.4132 17.6148 20.3075 17.8485 20.1341 18.0271L18.0326 20.1314C17.8575 20.312 17.6221 20.4218 17.3713 20.4398H17.2808C17.0637 20.4406 16.8517 20.3741 16.6739 20.2493L15.7681 19.6235C15.424 19.7994 15.0666 19.948 14.6993 20.0679L14.5272 21.1201C14.4824 21.367 14.3545 21.591 14.1648 21.755C13.9756 21.9165 13.7341 22.0036 13.4855 21.9999H10.4873C10.2389 22.002 9.99801 21.9151 9.80796 21.755C9.6439 21.6192 9.52665 21.4351 9.47282 21.2289V21.1291L9.30072 20.077C8.93397 19.9554 8.57672 19.8069 8.23188 19.6325L7.32609 20.2584C7.1483 20.3831 6.93631 20.4497 6.71922 20.4489H6.62861C6.37785 20.4309 6.1425 20.3211 5.96739 20.1405L3.86594 18.0362C3.69251 17.8575 3.58674 17.6239 3.5669 17.3755C3.54706 17.1272 3.61439 16.8796 3.75725 16.6756L4.37318 15.7686C4.20296 15.4246 4.05472 15.0702 3.92935 14.7074L2.8786 14.526C2.63444 14.4875 2.41244 14.3619 2.25359 14.1723C2.08979 13.9801 1.99989 13.7356 2 13.4829V10.517C1.99989 10.2643 2.08979 10.0198 2.25359 9.82762C2.38922 9.66333 2.57303 9.54593 2.77897 9.49202H2.8786L3.92935 9.31061C4.05472 8.94782 4.20296 8.59338 4.37318 8.24941L3.75725 7.34238C3.61439 7.13839 3.54706 6.89088 3.5669 6.64252C3.58674 6.39415 3.69251 6.1605 3.86594 5.98185L5.96739 3.87755C6.1425 3.69692 6.37785 3.58716 6.62861 3.56916H6.71922C6.93631 3.56835 7.1483 3.63488 7.32609 3.75963L8.23188 4.38548C8.57672 4.21112 8.93397 4.06257 9.30072 3.94104L9.47282 2.88889C9.51756 2.642 9.6454 2.41792 9.83511 2.25398C10.0243 2.09128 10.2651 2.00125 10.5145 2ZM12.5797 4.1043H11.4202L11.3297 4.08616L11.1938 4.90249C11.1599 5.10978 11.0653 5.30232 10.9221 5.45576C10.7796 5.60618 10.5974 5.7131 10.3968 5.76414C9.75859 5.91381 9.14747 6.16167 8.58516 6.49886C8.42145 6.59897 8.23347 6.65228 8.04165 6.65304C7.83358 6.64211 7.63273 6.57298 7.46192 6.45349L6.78258 5.96369L5.94926 6.80724L6.43837 7.47843C6.55492 7.65022 6.62086 7.85137 6.62861 8.05891C6.63703 8.2664 6.58343 8.47171 6.47464 8.6485C6.13986 9.19635 5.89233 9.79305 5.74094 10.4172C5.6974 10.6211 5.58938 10.8056 5.43295 10.9433C5.28314 11.0865 5.09381 11.1813 4.88949 11.2154L4.06519 11.3605V12.594L4.88949 12.7301C5.09167 12.7651 5.27995 12.8562 5.43295 12.9931C5.58565 13.1338 5.69291 13.317 5.74094 13.5192C5.89041 14.1582 6.13791 14.7702 6.47464 15.3333C6.58727 15.5059 6.64724 15.7076 6.64724 15.9137C6.64724 16.1199 6.58727 16.3216 6.47464 16.4942L5.98547 17.1745L6.81884 18.018L7.49819 17.5282C7.66574 17.409 7.86362 17.3398 8.06885 17.3287C8.26067 17.3295 8.4486 17.3828 8.6123 17.4829C9.17462 17.8201 9.78574 18.0679 10.4239 18.2176C10.6242 18.2695 10.8062 18.3763 10.9493 18.526C11.0881 18.6777 11.1794 18.867 11.2119 19.0702L11.3569 19.8956H12.5344L12.6703 19.0702C12.7063 18.8663 12.8008 18.6772 12.942 18.526C13.0852 18.3763 13.267 18.2695 13.4674 18.2176C14.1055 18.0679 14.7166 17.8201 15.279 17.4829C15.4427 17.3828 15.6306 17.3295 15.8225 17.3287C16.0305 17.3396 16.2313 17.4088 16.4021 17.5282L17.0815 18.009L17.9148 17.1745L17.4257 16.4942C17.3131 16.3216 17.2531 16.1199 17.2531 15.9137C17.2531 15.7076 17.3131 15.5059 17.4257 15.3333C17.7624 14.7702 18.0099 14.1582 18.1594 13.5192C18.2074 13.317 18.3147 13.1338 18.4674 12.9931C18.618 12.8527 18.8074 12.7611 19.0108 12.7301L19.8351 12.594V11.4058L19.0108 11.2698C18.8092 11.233 18.6214 11.142 18.4674 11.0067C18.3147 10.866 18.2074 10.6828 18.1594 10.4807C18.0099 9.84166 17.7624 9.2297 17.4257 8.66663C17.3169 8.48984 17.2633 8.28456 17.2717 8.07707C17.2768 7.87042 17.3466 7.67057 17.471 7.50564L17.9511 6.82537L17.1177 5.98185L16.4384 6.47162C16.2708 6.59082 16.073 6.66001 15.8677 6.67117C15.6759 6.67041 15.488 6.6171 15.3243 6.51699C14.762 6.1798 14.1508 5.93197 13.5127 5.7823C13.3138 5.72702 13.1327 5.62073 12.9873 5.47392C12.8485 5.32214 12.7571 5.13292 12.7246 4.9297L12.5797 4.1043ZM9.67144 8.44754C10.3629 7.98301 11.1764 7.73413 12.009 7.73234C13.1263 7.7324 14.1979 8.17597 14.9891 8.96588C15.7754 9.76053 16.2208 10.8313 16.2301 11.95C16.2301 12.7838 15.9832 13.5989 15.5208 14.2923C15.0584 14.9857 14.4011 15.5262 13.632 15.8457C12.8629 16.1652 12.0165 16.2493 11.1997 16.0873C10.3829 15.9253 9.63237 15.5245 9.04296 14.9355C8.45355 14.3466 8.0517 13.5959 7.88815 12.7784C7.72461 11.9608 7.80676 11.1131 8.12417 10.3422C8.44157 9.57141 8.97998 8.91207 9.67144 8.44754ZM10.6474 13.595C11.0315 13.9099 11.5126 14.0819 12.009 14.0815V14.1359C12.2958 14.1287 12.5782 14.0639 12.8396 13.9455C13.1009 13.8271 13.336 13.6575 13.5308 13.4466C13.8805 13.0939 14.0975 12.6307 14.1446 12.1359C14.1917 11.641 14.0661 11.1451 13.7892 10.7326C13.5122 10.3201 13.1011 10.0164 12.6257 9.87326C12.1503 9.73013 11.6401 9.7564 11.1818 9.94758C10.7236 10.1388 10.3457 10.4831 10.1125 10.9218C9.87927 11.3606 9.80507 11.8668 9.90259 12.3542C10.0001 12.8416 10.2633 13.2801 10.6474 13.595Z" })),
|
|
495
|
+
reload: (jsxRuntime.jsx("path", { d: "M20.6354 11.2888C20.4446 11.2757 20.253 11.2998 20.0716 11.3597C19.8903 11.4195 19.7226 11.514 19.5783 11.6377C19.434 11.7614 19.3158 11.9119 19.2306 12.0806C19.1453 12.2493 19.0947 12.4329 19.0815 12.6209C18.9739 14.1387 18.3662 15.5804 17.3506 16.7268C16.335 17.8732 14.9672 18.6615 13.4551 18.9718C11.943 19.2821 10.3695 19.0975 8.97365 18.446C7.57786 17.7945 6.43622 16.7118 5.72234 15.3626C5.00847 14.0133 4.76142 12.4713 5.01877 10.971C5.27612 9.47075 6.02378 8.09431 7.14805 7.05103C8.27233 6.00774 9.71171 5.35469 11.2473 5.19118C12.7829 5.02767 14.3307 5.36264 15.6553 6.14516L15.0687 6.1882C14.8324 6.20792 14.6055 6.28802 14.4104 6.42057C14.2152 6.55313 14.0585 6.73355 13.9558 6.94402C13.853 7.15449 13.8078 7.38773 13.8246 7.62068C13.8414 7.85363 13.9196 8.07824 14.0514 8.27231C14.1758 8.45551 14.3442 8.60561 14.5416 8.70929C14.739 8.81296 14.9594 8.867 15.1831 8.8666H15.2601L19.2729 8.58175C19.4513 8.56929 19.6255 8.52227 19.7855 8.44339C19.9455 8.36452 20.0881 8.25533 20.2052 8.12209C20.3223 7.98884 20.4116 7.83415 20.4679 7.66688C20.5242 7.4996 20.5465 7.32303 20.5335 7.14726L20.2527 3.20036C20.2154 2.85494 20.0436 2.53721 19.7735 2.31395C19.5033 2.0907 19.1558 1.9793 18.8041 2.00318C18.4523 2.02706 18.1236 2.18436 17.8871 2.44201C17.6506 2.69966 17.5247 3.0376 17.5359 3.38479L17.5754 3.9422C15.7452 2.7363 13.5624 2.1585 11.3651 2.29828C9.16781 2.43806 7.07861 3.28763 5.42104 4.71541C3.76347 6.1432 2.63001 8.06953 2.19621 10.1961C1.7624 12.3226 2.05246 14.5308 3.02144 16.4785C3.99043 18.4263 5.58428 20.0049 7.55618 20.9701C9.52807 21.9352 11.768 22.2329 13.929 21.8171C16.09 21.4013 18.0516 20.2953 19.51 18.6702C20.9683 17.0451 21.8421 14.9916 21.9959 12.8278C22.0103 12.6386 21.9865 12.4483 21.9257 12.2682C21.865 12.088 21.7685 11.9216 21.642 11.7784C21.5154 11.6353 21.3613 11.5183 21.1885 11.4342C21.0157 11.3502 20.8277 11.3008 20.6354 11.2888Z" })),
|
|
496
|
+
expand: (jsxRuntime.jsx("path", { d: "M13.1519 2.65848C12.2656 2.65848 11.5471 3.37694 11.5471 4.26321C11.5471 5.14947 12.2656 5.86793 13.1519 5.86793L15.8968 5.86793L5.82737 15.9374L5.8678 13.1752C5.88077 12.2891 5.1729 11.5602 4.28672 11.5472C3.40055 11.5342 2.67166 12.2421 2.65869 13.1283L2.56131 19.7822C2.55612 20.1373 2.66667 20.4671 2.85807 20.7358C3.13154 21.2301 3.65827 21.5648 4.26318 21.5648L11.0715 21.5648C11.9577 21.5648 12.6762 20.8463 12.6762 19.9601C12.6762 19.0738 11.9577 18.3553 11.0715 18.3553L8.1374 18.3553L18.3988 8.09397L18.3555 11.048C18.3426 11.9342 19.0504 12.6631 19.9366 12.6761C20.8228 12.689 21.5517 11.9812 21.5646 11.095L21.662 4.44109C21.6672 4.08598 21.5567 3.75612 21.3653 3.48747C21.0918 2.99317 20.5651 2.65848 19.9602 2.65848L13.1519 2.65848Z" })),
|
|
497
|
+
calendar: (jsxRuntime.jsx("path", { d: "M21 3h-2V2c0-1.1-.9-2-2-2s-2 .9-2 2v1H9V2c0-1.1-.9-2-2-2S5 .9 5 2v1H3C1.3 3 0 4.3 0 6v14c0 1.7 1.3 3 3 3h18c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM3 6h2v1c0 1.1.9 2 2 2s2-.9 2-2V6h6v1c0 1.1.9 2 2 2s2-.9 2-2V6h2v4H3V6zm0 14v-7h18v7H3z" })),
|
|
498
|
+
plus: (jsxRuntime.jsx("path", { d: "M21.4231 10.6538C21.8077 11.0064 22 11.4551 22 12C22 12.5449 21.8077 13.0096 21.4231 13.3942C21.0705 13.7468 20.6218 13.9231 20.0769 13.9231H13.9231V20.0769C13.9231 20.6218 13.7308 21.0705 13.3462 21.4231C12.9936 21.8077 12.5449 22 12 22C11.4551 22 10.9904 21.8077 10.6058 21.4231C10.2532 21.0705 10.0769 20.6218 10.0769 20.0769V13.9231H3.92308C3.37821 13.9231 2.91346 13.7468 2.52885 13.3942C2.17628 13.0096 2 12.5449 2 12C2 11.4551 2.17628 11.0064 2.52885 10.6538C2.91346 10.2692 3.37821 10.0769 3.92308 10.0769H10.0769V3.92308C10.0769 3.37821 10.2532 2.92949 10.6058 2.57692C10.9904 2.19231 11.4551 2 12 2C12.5449 2 12.9936 2.19231 13.3462 2.57692C13.7308 2.92949 13.9231 3.37821 13.9231 3.92308V10.0769H20.0769C20.6218 10.0769 21.0705 10.2692 21.4231 10.6538Z" })),
|
|
499
|
+
envelope: (jsxRuntime.jsx("path", { d: "M21 3C21.8438 3 22.5469 3.29688 23.1094 3.89063C23.7031 4.45312 24 5.15625 24 6V18C24 18.8438 23.7031 19.5625 23.1094 20.1562C22.5469 20.7188 21.8438 21 21 21H3C2.15625 21 1.4375 20.7188 0.84375 20.1562C0.28125 19.5625 0 18.8438 0 18V6C0 5.15625 0.28125 4.45312 0.84375 3.89063C1.4375 3.29688 2.15625 3 3 3H21ZM3 5.25C2.78125 5.25 2.59375 5.32812 2.4375 5.48438C2.3125 5.60938 2.25 5.78125 2.25 6V7.03125L10.0781 13.5469C10.6094 14.0156 11.25 14.25 12 14.25C12.75 14.25 13.3906 14.0156 13.9219 13.5469L21.75 7.03125V6C21.75 5.78125 21.6719 5.60938 21.5156 5.48438C21.3906 5.32812 21.2188 5.25 21 5.25H3ZM21 18.75C21.2188 18.75 21.3906 18.6875 21.5156 18.5625C21.6719 18.4063 21.75 18.2188 21.75 18V9.98438L15.375 15.2813C14.4063 16.0938 13.2813 16.5 12 16.5C10.7188 16.5 9.59375 16.0938 8.625 15.2813L2.25 9.98438V18C2.25 18.2188 2.3125 18.4063 2.4375 18.5625C2.59375 18.6875 2.78125 18.75 3 18.75H21Z" })),
|
|
500
|
+
facebook: (jsxRuntime.jsx("path", { d: "M18.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.656h-6.422v-7.125h2.719L15.562 11h-3.234V8.797c0-1.188.625-1.781 1.875-1.781h1.453v-2.86a14.647 14.647 0 00-2.578-.234c-.906 0-1.687.172-2.344.515-.625.344-1.125.86-1.5 1.547-.375.688-.562 1.5-.562 2.438V11H5.719v3.375h2.953V21.5H2.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.5z" })),
|
|
501
|
+
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" })),
|
|
502
|
+
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" })),
|
|
497
503
|
};
|
|
498
|
-
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$8, __assign({}, props, { children: jsxRuntime.jsx("svg", __assign({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })
|
|
504
|
+
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$8, __assign({}, props, { children: jsxRuntime.jsx("svg", __assign({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
499
505
|
|
|
500
|
-
var Wrapper$7 = styled__default["default"].div(templateObject_1$
|
|
506
|
+
var Wrapper$7 = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n > svg {\n height: ", ";\n }\n"], ["\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
501
507
|
var size = _a.size;
|
|
502
508
|
switch (size) {
|
|
503
509
|
default:
|
|
@@ -509,29 +515,29 @@ var Wrapper$7 = styled__default["default"].div(templateObject_1$E || (templateOb
|
|
|
509
515
|
return "118px";
|
|
510
516
|
}
|
|
511
517
|
});
|
|
512
|
-
var templateObject_1$
|
|
518
|
+
var templateObject_1$G;
|
|
513
519
|
|
|
514
520
|
var illustrations = {
|
|
515
|
-
keyboard: (jsxRuntime.jsxs("svg", __assign({ 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" }
|
|
516
|
-
accuracy: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 465 461" }, { children: [jsxRuntime.jsx("path", { d: "M246.369 435.687c120.312 0 217.844-97.532 217.844-217.844C464.213 97.532 366.681 0 246.369 0S28.526 97.532 28.526 217.843c0 120.312 97.531 217.844 217.843 217.844z", fill: "#F21C40" }
|
|
517
|
-
speed: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 472 460" }, { children: [jsxRuntime.jsx("path", { d: "M238.921 452.233c119.095 0 215.641-96.546 215.641-215.641 0-119.095-96.546-215.64-215.641-215.64-119.095 0-215.641 96.545-215.641 215.64 0 119.095 96.546 215.641 215.641 215.641z", fill: "#EDEDED" }
|
|
518
|
-
trophy: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 585 456" }, { children: [jsxRuntime.jsxs("g", __assign({ clipPath: "url(#clip0_894_48112)" }, { children: [jsxRuntime.jsx("path", { d: "M455.339 23.07h-38.635v-1.977a20.2 20.2 0 00-5.998-14.14 20.195 20.195 0 00-14.204-5.838h-221.52a20.196 20.196 0 00-20.202 19.978v1.977h-30.514a32.933 32.933 0 00-23.365 9.723 32.936 32.936 0 00-9.567 23.429V159.19a32.931 32.931 0 005.708 18.661c10.319 15.148 38.198 39.518 106.258 43.909a129.545 129.545 0 0042.376 24.37 19.32 19.32 0 0113.17 18.442v81.233a25.02 25.02 0 01-3.072 11.855l-11.197 19.101-20.196 35.128a23.93 23.93 0 00-3.404 12.09 23.926 23.926 0 003.195 12.147 23.92 23.92 0 0021.065 11.987h81.011a23.92 23.92 0 0021.065-11.987 23.936 23.936 0 003.195-12.147 23.93 23.93 0 00-3.404-12.09l-20.197-35.128-11.197-19.101a25.037 25.037 0 01-3.076-11.855v-81.013a19.548 19.548 0 0113.394-18.443 129.74 129.74 0 0043.91-24.149c73.329-2.415 102.746-27.883 113.504-43.91a32.934 32.934 0 005.709-18.662V56.661a32.942 32.942 0 00-2.391-13.013 32.933 32.933 0 00-31.421-20.578zM118.777 162.922a5.932 5.932 0 01-1.319-3.732V56.222a6.81 6.81 0 011.994-4.814 6.81 6.81 0 014.814-1.992h30.514v69.157a131.733 131.733 0 0021.955 73.329 89.353 89.353 0 01-57.958-30.078v1.098zm343.37-3.732a5.932 5.932 0 01-1.319 3.732 97.041 97.041 0 01-65.864 30.297 129.756 129.756 0 0021.955-72.012V49.416h38.64a6.81 6.81 0 014.814 1.992 6.81 6.81 0 011.994 4.814l-.22 102.968z", fill: "#FF9D00" }
|
|
519
|
-
clipboard: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 334 463" }, { children: [jsxRuntime.jsx("path", { d: "M306.276 33.953L25.66 35.324C11.792 35.392.602 46.689.67 60.556l1.84 376.432c.067 13.868 11.367 25.055 25.235 24.987l280.616-1.371c13.868-.068 25.053-11.365 24.985-25.233l-1.84-376.431c-.068-13.868-11.362-25.055-25.23-24.987z", fill: "#592417" }
|
|
520
|
-
rankings: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 722 462" }, { children: [jsxRuntime.jsx("path", { d: "M24.008 240.336h220.266v187.227H9.25v-173.35a14.756 14.756 0 0114.758-14.758v.881z", fill: "#C4C4C4" }
|
|
521
|
-
lock: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 294 483" }, { children: [jsxRuntime.jsx("path", { d: "M270.489 189.736H24.231c-12.895 0-23.348 10.454-23.348 23.349v246.257c0 12.895 10.453 23.349 23.348 23.349h246.258c12.895 0 23.349-10.454 23.349-23.349V213.085c0-12.895-10.454-23.349-23.349-23.349z", fill: "#995E00" }
|
|
522
|
-
lockOpen: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 294 483" }, { children: [jsxRuntime.jsx("path", { d: "M54.519 188.988a19.62 19.62 0 01-19.62-19.617v-57.75a111.53 111.53 0 0118.77-62.01 111.528 111.528 0 01171.674-16.9 19.638 19.638 0 11-27.773 27.773 72.3 72.3 0 00-122.774 51.137v58.412a19.615 19.615 0 01-20.277 18.955z", fill: "#C4C4C4" }
|
|
523
|
-
idCard: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 424 304" }, { children: [jsxRuntime.jsx("path", { d: "M0 82h424v182c0 22.091-17.909 40-40 40H40c-22.091 0-40-17.909-40-40V82z", fill: "#EDEDED" }
|
|
521
|
+
keyboard: (jsxRuntime.jsxs("svg", __assign({ 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" })] }))),
|
|
522
|
+
accuracy: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 465 461" }, { children: [jsxRuntime.jsx("path", { d: "M246.369 435.687c120.312 0 217.844-97.532 217.844-217.844C464.213 97.532 366.681 0 246.369 0S28.526 97.532 28.526 217.843c0 120.312 97.531 217.844 217.843 217.844z", fill: "#F21C40" }), jsxRuntime.jsx("path", { d: "M246.367 394.026c97.32 0 176.213-78.893 176.213-176.213S343.687 41.6 246.367 41.6 70.154 120.493 70.154 217.813s78.893 176.213 176.213 176.213z", fill: "#EDEDED" }), jsxRuntime.jsx("path", { d: "M246.368 341.171c68.124 0 123.349-55.225 123.349-123.349s-55.225-123.35-123.349-123.35-123.35 55.226-123.35 123.35 55.226 123.349 123.35 123.349z", fill: "#F21C40" }), jsxRuntime.jsx("path", { d: "M246.369 298.878c44.767 0 81.057-36.291 81.057-81.058 0-44.767-36.29-81.058-81.057-81.058-44.768 0-81.059 36.291-81.059 81.058 0 44.767 36.291 81.058 81.059 81.058z", fill: "#EDEDED" }), jsxRuntime.jsx("path", { d: "M246.368 255.727c20.923 0 37.885-16.962 37.885-37.886 0-20.924-16.962-37.886-37.885-37.886-20.924 0-37.886 16.962-37.886 37.886 0 20.924 16.962 37.886 37.886 37.886z", fill: "#F21C40" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M63.54 358.666c-4.323-5.956-12.657-7.279-18.612-2.955-5.956 4.324-7.278 12.658-2.954 18.613a40.197 40.197 0 0028.479 16.378 40.653 40.653 0 0016.207 28.576c5.91 4.387 14.256 3.154 18.644-2.755 4.388-5.909 3.155-14.256-2.754-18.643a13.982 13.982 0 01-4.777-6.376 13.986 13.986 0 01-.524-7.95c1.221-5.381-1.001-10.741-5.215-13.773-2.95-4.718-8.679-7.257-14.391-5.896a13.54 13.54 0 01-14.102-5.219zM5.698 394.748c5.946-4.337 14.282-3.032 18.619 2.914a13.98 13.98 0 0014.326 5.414c5.176-1.146 10.316.887 13.381 4.8 4.9 2.879 7.584 8.707 6.218 14.531a13.987 13.987 0 005.301 14.439c5.918 4.376 7.167 12.721 2.791 18.638-4.376 5.918-12.72 7.168-18.638 2.792a40.647 40.647 0 01-16.253-28.432 40.64 40.64 0 01-28.66-16.477c-4.337-5.947-3.032-14.283 2.915-18.619z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M185.746 275.374c5.204 5.204 5.204 13.642 0 18.846L45.216 434.75c-5.204 5.204-13.641 5.204-18.846 0-5.204-5.204-5.204-13.642 0-18.846l140.53-140.53c5.204-5.204 13.642-5.204 18.846 0z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M226.987 218.687a12.561 12.561 0 0112.186 3.234 12.542 12.542 0 013.254 5.657c.568 2.14.561 4.392-.022 6.528l-10.131 38.106-10.352 38.106a12.561 12.561 0 01-15.337 8.719 12.544 12.544 0 01-5.587-3.213l-27.975-28.634-27.753-27.974a12.552 12.552 0 01-3.216-5.589 12.562 12.562 0 01-.011-6.448 12.555 12.555 0 013.183-5.605 12.571 12.571 0 015.55-3.283l38.106-10.353 38.105-9.251z", fill: "#C4C4C4" })] }))),
|
|
523
|
+
speed: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 472 460" }, { children: [jsxRuntime.jsx("path", { d: "M238.921 452.233c119.095 0 215.641-96.546 215.641-215.641 0-119.095-96.546-215.64-215.641-215.64-119.095 0-215.641 96.545-215.641 215.64 0 119.095 96.546 215.641 215.641 215.641z", fill: "#EDEDED" }), jsxRuntime.jsx("path", { d: "M236.938 278.222c19.342 0 35.022-15.68 35.022-35.022s-15.68-35.022-35.022-35.022-35.022 15.68-35.022 35.022 15.68 35.022 35.022 35.022z", fill: "#7C7F82" }), jsxRuntime.jsx("path", { d: "M210.51 426.669a3.52 3.52 0 012.64 3.744l-2.42 26.212a2.857 2.857 0 01-.322 1.138 2.86 2.86 0 01-1.802 1.444 2.88 2.88 0 01-1.183.061l-34.142-4.846a2.845 2.845 0 01-1.855-1.289 2.852 2.852 0 01-.345-2.236l8.147-28.413a3.09 3.09 0 013.749-2.203l27.533 6.388zM146.188 403.957a3.526 3.526 0 011.323 4.406l-14.757 29.296a3.095 3.095 0 01-.752.949 3.073 3.073 0 01-3.431.372s-9.697-4.625-15.864-8.149c-6.168-3.525-14.756-9.251-14.756-9.251a2.865 2.865 0 010-4.185l22.026-28.636a3.097 3.097 0 013.399-.684c.378.159.718.391 1.005.684l8.153 6.389 5.066 3.523 8.588 5.286zM95.966 359.699c.484.674.748 1.483.748 2.313 0 .83-.264 1.638-.748 2.312l-29.512 26.432a3.1 3.1 0 01-2.205.925 3.078 3.078 0 01-2.2-.925l-22.026-27.974a2.639 2.639 0 010-3.965l36.562-22.026a3.31 3.31 0 012.205-.842c.813 0 1.594.3 2.2.842l14.976 22.908z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M60.066 237.476a3.31 3.31 0 01-3.523 2.864H3.897a3.304 3.304 0 01-3.082-3.303v-18.503c0-7.269 1.98-18.283 1.98-18.283a3.305 3.305 0 013.527-2.643l55.067 11.454a3.081 3.081 0 012.42 3.524l-3.743 24.89z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M65.791 301.549a3.525 3.525 0 01-.376 2.384 3.536 3.536 0 01-1.828 1.581l-44.054 16.299a3.082 3.082 0 01-3.963-1.762L4.777 285.029a2.648 2.648 0 01.248-2.298 2.64 2.64 0 01.833-.839c.34-.212.726-.345 1.124-.388l48.678-8.37a3.306 3.306 0 013.743 2.644l6.389 25.771z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M76.145 176.004a3.737 3.737 0 01-4.404 1.322l-54.846-22.027a3.308 3.308 0 01-1.764-4.185l16.52-33.921a2.65 2.65 0 01.688-.945 2.663 2.663 0 012.2-.61c.388.069.754.225 1.075.454l52.426 34.362a3.299 3.299 0 011.426 1.983 3.301 3.301 0 01-.323 2.421l-12.998 21.146zM113.589 127.093a3.305 3.305 0 01-4.625 0L61.388 81.497a2.86 2.86 0 01-1.032-2.203c0-.42.09-.836.269-1.217.178-.38.44-.717.763-.985L89.362 51.1a2.637 2.637 0 013.964 0l40.31 56.389c.293.287.524.63.683 1.008a3.077 3.077 0 01-.683 3.397l-20.047 15.199zM165.573 95.624a3.963 3.963 0 01-4.405-1.982l-30.399-66.08a3.301 3.301 0 011.543-4.185s10.574-5.066 17.623-7.929c7.048-2.863 18.499-6.389 18.499-6.389a2.886 2.886 0 012.382.242 2.885 2.885 0 011.366 1.962l18.499 73.568a3.307 3.307 0 01-2.2 3.746l-22.908 7.047z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M361.167 173.803a3.961 3.961 0 011.764-4.405l86.343-48.239a3.09 3.09 0 014.189 1.322l18.058 37.225c.139.361.207.746.193 1.132a2.867 2.867 0 01-1.952 2.612l-97.141 32.38a3.077 3.077 0 01-3.366-.909 3.077 3.077 0 01-.597-1.074l-7.491-20.044zM328.789 128.22a3.745 3.745 0 01-.796-2.314c0-.839.278-1.653.796-2.313l58.815-71.145a2.865 2.865 0 013.232-.672c.36.156.684.385.952.672L404.78 63.24l4.63 4.185 8.147 7.93 4.184 4.625a2.856 2.856 0 01.909 2.092 2.873 2.873 0 01-.909 2.093l-73.345 61.454a3.081 3.081 0 01-1.011.684 3.08 3.08 0 01-3.399-.684l-15.197-17.4zM229.449 85.463h-8.588V82.38l-4.625-79.076a3.08 3.08 0 01.661-2.176A3.087 3.087 0 01218.876 0h39.649c.398.026.787.133 1.14.317.353.184.66.44.909.752a2.862 2.862 0 01.592 2.234l-10.352 81.72a3.298 3.298 0 01-3.522 2.863l-17.843-2.422zM302.361 107.261l2.861 1.322 1.543-2.643 42.951-78.195 1.323-2.643a333.945 333.945 0 00-39.869-15.86 3.296 3.296 0 00-2.361.228 3.31 3.31 0 00-1.603 1.755l-26.43 81.498a3.743 3.743 0 00.091 2.518c.321.803.915 1.47 1.672 1.888l19.822 10.132z", fill: "#F21C40" }), jsxRuntime.jsx("path", { d: "M403.465 196.244l-95.157 75.992a53.527 53.527 0 01-67.22-.402 53.522 53.522 0 01-14.718-18.981 53.519 53.519 0 01-5.001-23.503 53.516 53.516 0 015.78-23.321 53.55 53.55 0 0115.407-18.443 53.514 53.514 0 0121.919-9.843l119.163-23.79a24.013 24.013 0 0126.608 13.321 24.012 24.012 0 011.635 15.662 24.003 24.003 0 01-8.416 13.308z", fill: "#23292F" })] }))),
|
|
524
|
+
trophy: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 585 456" }, { children: [jsxRuntime.jsxs("g", __assign({ clipPath: "url(#clip0_894_48112)" }, { children: [jsxRuntime.jsx("path", { d: "M455.339 23.07h-38.635v-1.977a20.2 20.2 0 00-5.998-14.14 20.195 20.195 0 00-14.204-5.838h-221.52a20.196 20.196 0 00-20.202 19.978v1.977h-30.514a32.933 32.933 0 00-23.365 9.723 32.936 32.936 0 00-9.567 23.429V159.19a32.931 32.931 0 005.708 18.661c10.319 15.148 38.198 39.518 106.258 43.909a129.545 129.545 0 0042.376 24.37 19.32 19.32 0 0113.17 18.442v81.233a25.02 25.02 0 01-3.072 11.855l-11.197 19.101-20.196 35.128a23.93 23.93 0 00-3.404 12.09 23.926 23.926 0 003.195 12.147 23.92 23.92 0 0021.065 11.987h81.011a23.92 23.92 0 0021.065-11.987 23.936 23.936 0 003.195-12.147 23.93 23.93 0 00-3.404-12.09l-20.197-35.128-11.197-19.101a25.037 25.037 0 01-3.076-11.855v-81.013a19.548 19.548 0 0113.394-18.443 129.74 129.74 0 0043.91-24.149c73.329-2.415 102.746-27.883 113.504-43.91a32.934 32.934 0 005.709-18.662V56.661a32.942 32.942 0 00-2.391-13.013 32.933 32.933 0 00-31.421-20.578zM118.777 162.922a5.932 5.932 0 01-1.319-3.732V56.222a6.81 6.81 0 011.994-4.814 6.81 6.81 0 014.814-1.992h30.514v69.157a131.733 131.733 0 0021.955 73.329 89.353 89.353 0 01-57.958-30.078v1.098zm343.37-3.732a5.932 5.932 0 01-1.319 3.732 97.041 97.041 0 01-65.864 30.297 129.756 129.756 0 0021.955-72.012V49.416h38.64a6.81 6.81 0 014.814 1.992 6.81 6.81 0 011.994 4.814l-.22 102.968z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M229.208 395.19h113.067a8.126 8.126 0 018.123 8.123v51.813H220.865v-50.935a8.119 8.119 0 014.948-8.379 8.127 8.127 0 013.395-.622z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M577.409 106.261c-2.854 10.1-8.999 17.126-13.61 15.808-4.83-1.317-6.589-10.538-3.516-20.637 3.074-10.1 9.005-17.345 13.835-15.808 4.83 1.537 6.145 10.538 3.291 20.637zM24.588 101.424c2.855 9.879 1.32 19.32-3.51 20.637-4.61 1.318-10.76-5.928-13.615-15.808-2.854-9.88-1.32-19.32 3.291-20.637 4.61-1.318 10.98 5.928 13.835 15.808zM36.667 157.866h1.972s.002 0 1.758-1.317a32.053 32.053 0 009.879-16.466c3.293-12.076 1.538-21.955-4.17-24.59-5.709-2.634-12.953 6.806-16.247 18.661a35.581 35.581 0 000 4.172l-3.73-1.757c-11.636-4.61-21.958-3.952-24.812 1.537-2.854 5.489 5.49 13.612 16.906 18.003a33.378 33.378 0 0018.444 1.757zM68.94 209.894h-2.638a42.15 42.15 0 01-24.806 2.195c-15.807-3.952-27.007-13.173-25.031-20.638 1.976-7.464 16.25-10.318 32.058-6.146l5.05 1.755c-.1-1.828-.1-3.661 0-5.489 2.414-16.027 10.314-28.101 17.998-27.004 7.684 1.098 11.86 15.149 9.445 31.176a41.71 41.71 0 01-10.099 21.954 9.463 9.463 0 01-1.978 2.197zM103.41 255.758l2.412-1.318a7.476 7.476 0 001.538-2.414 41.278 41.278 0 006.588-24.37c0-16.246-5.931-29.42-13.615-29.42s-14.049 13.174-14.049 29.42v5.489l-5.488-1.098c-16.027-1.756-29.862 3.074-30.74 10.758-.878 7.684 11.636 15.149 27.883 16.906a43.93 43.93 0 0025.471-3.953zM154.779 305.631a8.336 8.336 0 01-4.171 2.854 54.45 54.45 0 01-28.762 5.709c-19.32-1.318-34.69-9.88-34.03-18.881.658-9.002 16.908-14.271 36.228-14.271h6.148a62.027 62.027 0 010-6.367c-.878-19.32 5.927-35.566 15.148-35.786 9.221-.22 18.004 15.149 18.004 34.469a54.885 54.885 0 01-5.489 28.102 9.453 9.453 0 01-3.076 4.171z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M191.008 268.951c12.295-1.976 24.37 18.003 27.004 43.91a73.996 73.996 0 01-4.829 38.421 17.795 17.795 0 01-3.736 5.926 15.813 15.813 0 01-5.489 4.172 73.757 73.757 0 01-37.322 8.782c-25.028 0-46.981-9.879-46.981-21.954 0-12.076 21.074-21.955 46.981-21.955h8.346c-1.098-2.635-1.099-5.269-1.099-8.123-2.854-25.907 4.831-47.203 17.125-49.179zM418.237 325.366h-8.34l1.319-8.123c2.634-25.906-5.051-47.862-17.346-49.179-12.294-1.318-24.369 18.661-27.003 43.909a73.761 73.761 0 005.049 37.983 16.884 16.884 0 003.511 5.927 15.81 15.81 0 005.488 4.171 73.762 73.762 0 0037.322 8.782c25.907 0 46.986-9.879 46.986-21.954 0-12.075-21.079-21.516-46.986-21.516z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M454.244 279.248h6.148c19.32-1.098 35.344 4.172 35.784 13.393.439 9.221-14.711 17.564-34.031 18.881a54.447 54.447 0 01-28.323-4.831 9.43 9.43 0 01-4.17-2.854 11.406 11.406 0 01-3.071-4.172 54.88 54.88 0 01-5.489-28.101c.878-19.32 8.778-34.908 17.999-34.469 9.221.439 15.153 16.466 15.153 35.786a62.027 62.027 0 010 6.367zM503.646 232.047l-5.489 1.098a46.536 46.536 0 000-5.489c0-16.246-6.37-29.42-13.834-29.42-7.465 0-14.049 13.174-13.829 29.42a41.27 41.27 0 006.587 24.37c.352.896.87 1.716 1.533 2.414.832.527 1.717.968 2.637 1.318a41.712 41.712 0 0024.807 3.953c16.246-1.757 28.541-9.441 27.882-16.906-.658-7.465-14.268-12.514-30.294-10.758zM531.747 185.087l5.049-1.756c15.807-4.172 30.516-3.513 32.492 3.951 1.976 7.465-9.224 16.686-25.031 20.638a42.156 42.156 0 01-25.246 0h-2.637a9.442 9.442 0 01-1.973-2.195 41.728 41.728 0 01-10.098-21.955c-2.415-16.027 1.975-30.078 9.439-31.175 7.465-1.098 15.59 10.977 18.005 27.004.1 1.828.1 3.66 0 5.488zM559.624 135.922l-3.731 1.755a35.374 35.374 0 000-4.17c-3.293-11.856-10.538-20.199-16.246-18.662-5.708 1.536-7.463 12.514-4.17 24.589a33.59 33.59 0 009.879 16.466s.001 1.097 1.758 1.317a6.353 6.353 0 002.192 0 32.934 32.934 0 0019.103-2.415c11.417-4.391 19.101-12.514 16.906-18.003-2.196-5.488-14.055-5.488-25.691-.877z", fill: "#3DC478" })] })), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", __assign({ id: "clip0_894_48112" }, { children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0H584.874V456H0z" }) })) })] }))),
|
|
525
|
+
clipboard: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 334 463" }, { children: [jsxRuntime.jsx("path", { d: "M306.276 33.953L25.66 35.324C11.792 35.392.602 46.689.67 60.556l1.84 376.432c.067 13.868 11.367 25.055 25.235 24.987l280.616-1.371c13.868-.068 25.053-11.365 24.985-25.233l-1.84-376.431c-.068-13.868-11.362-25.055-25.23-24.987z", fill: "#592417" }), jsxRuntime.jsx("path", { d: "M305.975 17.432L25.359 18.803C11.491 18.871.301 30.167.37 44.035l1.84 376.431c.067 13.868 11.367 25.056 25.235 24.988l280.616-1.371c13.868-.068 25.053-11.366 24.985-25.234l-1.84-376.431c-.067-13.868-11.362-25.054-25.23-24.986z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M32.885 27.356l264.317-1.292a6.61 6.61 0 016.641 6.577l1.781 364.316a22.022 22.022 0 01-21.919 22.134l-236.343 1.155a22.024 22.024 0 01-15.605-6.376 22.026 22.026 0 01-6.529-15.543l-1.78-364.316a6.61 6.61 0 016.576-6.641l2.861-.014z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M288.047.11L43.337 1.306c-12.409.06-22.419 10.17-22.358 22.577.06 12.409 10.169 22.418 22.577 22.358l244.71-1.196c12.408-.06 22.418-10.169 22.358-22.577C310.563 10.06 300.455.05 288.047.11z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M278.939 127.771a9.361 9.361 0 01-9.269 9.453l-134.363 1.322a9.362 9.362 0 01-.184-18.722l134.363-1.322a9.362 9.362 0 019.453 9.269z", fill: "#23292F" }), jsxRuntime.jsx("path", { d: "M106.002 104.11a9.046 9.046 0 00-12.709 0 123.019 123.019 0 00-18.962 24.345 83.303 83.303 0 01-4.523-7.324 9.058 9.058 0 00-5.334-5.252 9.05 9.05 0 00-10.357 3.069 9.056 9.056 0 00-1.61 7.309 9.058 9.058 0 001.574 3.491L66.789 150a9.06 9.06 0 007.327 4.74 8.408 8.408 0 007.974-4.093 118.713 118.713 0 0110.557-18.314 33.596 33.596 0 013.445-4.309l1.725-1.938c2.37-2.801 4.952-5.386 7.538-7.972a9.5 9.5 0 002.435-3.069 9.488 9.488 0 00.352-7.656 9.484 9.484 0 00-2.14-3.279zM106.002 197.11a9.046 9.046 0 00-12.709 0 123.019 123.019 0 00-18.962 24.345 83.303 83.303 0 01-4.523-7.324 9.058 9.058 0 00-5.334-5.252 9.05 9.05 0 00-10.357 3.069 9.056 9.056 0 00-1.61 7.309 9.058 9.058 0 001.574 3.491L66.789 243a9.06 9.06 0 007.327 4.74 8.408 8.408 0 007.974-4.093 118.713 118.713 0 0110.557-18.314 33.596 33.596 0 013.445-4.309l1.725-1.938c2.37-2.801 4.952-5.386 7.538-7.972a9.5 9.5 0 002.435-3.069 9.488 9.488 0 00.352-7.656 9.484 9.484 0 00-2.14-3.279z", fill: "#3DC478" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M278.939 220.787c.042 5.169-4.114 9.395-9.284 9.437l-134.363 1.102a9.361 9.361 0 11-.153-18.722l134.362-1.102c5.17-.042 9.396 4.115 9.438 9.285z", fill: "#23292F" }), jsxRuntime.jsx("path", { d: "M106.002 300.11a9.046 9.046 0 00-12.709 0 123.019 123.019 0 00-18.962 24.345 83.303 83.303 0 01-4.523-7.324 9.058 9.058 0 00-5.334-5.252 9.05 9.05 0 00-10.357 3.069 9.056 9.056 0 00-1.61 7.309 9.058 9.058 0 001.574 3.491L66.789 346a9.06 9.06 0 007.327 4.74 8.408 8.408 0 007.974-4.093 118.713 118.713 0 0110.557-18.314 33.596 33.596 0 013.445-4.309l1.725-1.938c2.37-2.801 4.952-5.386 7.538-7.972a9.5 9.5 0 002.435-3.069 9.488 9.488 0 00.352-7.656 9.484 9.484 0 00-2.14-3.279z", fill: "#3DC478" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M278.939 323.787c.042 5.169-4.114 9.395-9.284 9.437l-134.363 1.102a9.361 9.361 0 11-.153-18.722l134.362-1.102c5.17-.042 9.396 4.115 9.438 9.285z", fill: "#23292F" })] }))),
|
|
526
|
+
rankings: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 722 462" }, { children: [jsxRuntime.jsx("path", { d: "M24.008 240.336h220.266v187.227H9.25v-173.35a14.756 14.756 0 0114.758-14.758v.881z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M714.104 427.541H7.049A7.049 7.049 0 000 434.59v19.383a7.049 7.049 0 007.049 7.049h707.055a7.049 7.049 0 007.048-7.049V434.59a7.049 7.049 0 00-7.048-7.049z", fill: "#7C7F82" }), jsxRuntime.jsx("path", { d: "M476.977 273.795h218.775c4.283 0 8.39 1.694 11.418 4.709a16.045 16.045 0 014.73 11.37v137.667H476.977V273.795z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M257.052 181.291h207.271a13.44 13.44 0 0113.437 13.436v232.822H243.616V194.507a13.438 13.438 0 0113.436-13.216z", fill: "#EDEDED" }), jsxRuntime.jsx("path", { d: "M354.852 314.134v-29.295-7.709-7.929a48.91 48.91 0 01-18.064 12.774 13.435 13.435 0 01-5.506-4.625 14.082 14.082 0 01-2.861-7.048 64.093 64.093 0 0025.99-26.874 51.323 51.323 0 0118.94 0v70.706h16.52a28.899 28.899 0 010 8.15c.36 2.705.36 5.445 0 8.15h-55.287a36.77 36.77 0 010-8.15 35.374 35.374 0 010-8.15h20.268zM146.921 385.273a76.85 76.85 0 010 7.71 11.224 11.224 0 01-4.285 7.67 11.232 11.232 0 01-8.492 2.242H92.511a22.018 22.018 0 01-7.045-12.555c0-7.048 5.286-15.198 16.079-24.89l14.756-13.436a19.601 19.601 0 007.712-13.877 9.924 9.924 0 00-6.168-9.625 9.888 9.888 0 00-3.963-.728 10.572 10.572 0 00-7.932 3.745 18.505 18.505 0 00-4.846 8.59 19.839 19.839 0 01-8.373-1.762 11.454 11.454 0 01-6.168-4.405 31.727 31.727 0 0110.578-16.52 29.077 29.077 0 0119.822-6.389 27.536 27.536 0 0120.042 7.49 26.872 26.872 0 018.153 20.044 24.673 24.673 0 01-4.405 14.538 68.477 68.477 0 01-12.556 13.215l-9.911 8.591a49.78 49.78 0 00-11.675 11.894 137.046 137.046 0 0120.704-1.542h19.606zM618.51 330.604l-11.013 11.454a38.654 38.654 0 01-4.404 3.524 24.889 24.889 0 0116.939 8.362 24.889 24.889 0 016.184 17.85 26.869 26.869 0 01-9.69 22.026 34.793 34.793 0 01-23.565 8.15 44.055 44.055 0 01-29.297-9.912 22.024 22.024 0 018.809-13.436 29.076 29.076 0 0018.063 6.608 14.097 14.097 0 0010.572-3.744 13.22 13.22 0 003.964-9.913 12.774 12.774 0 00-.737-5.217 12.781 12.781 0 00-2.786-4.475 12.12 12.12 0 00-8.373-3.303 17.622 17.622 0 00-8.588 1.761 14.3 14.3 0 01-4.624-4.404 22.019 22.019 0 01-3.087-6.609l13.659-14.096a108.73 108.73 0 019.249-8.591 50.171 50.171 0 01-13.874 1.542H568.73a22.036 22.036 0 01-1.323-8.37 19.16 19.16 0 011.764-8.811h49.78a28.186 28.186 0 013.963 12.114 11.891 11.891 0 01-4.404 7.49z", fill: "#7C7F82" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M401.766 6h-85.461a7.71 7.71 0 00-7.711 7.709v1.541h-11.895a12.769 12.769 0 00-12.772 12.776v39.427a14.095 14.095 0 002.199 7.27c3.69 5.739 14.823 15.485 41.736 16.81a51.976 51.976 0 0015.756 8.742 7.046 7.046 0 015.066 7.047v30.838a8.151 8.151 0 01-1.323 4.626l-4.184 7.488-7.932 13.436a9.464 9.464 0 00-1.204 4.692 9.47 9.47 0 001.269 4.676 9.478 9.478 0 008.088 4.73h31.276a9.48 9.48 0 008.088-4.73 9.49 9.49 0 00.064-9.368l-7.932-13.436-4.184-7.488a8.159 8.159 0 01-1.323-4.626v-31.057a7.706 7.706 0 015.287-7.27 50.447 50.447 0 0015.381-8.18c29.43-.623 41.341-10.951 44.972-16.93a14.1 14.1 0 002.204-7.27V28.026a12.778 12.778 0 00-12.777-12.776h-14.977v-1.98A7.708 7.708 0 00401.766 6zm7.711 19.383v26.433a50.43 50.43 0 01-9.475 29.492c9.852-1.154 22.349-4.196 27.759-12.093.123-.431.123-.889 0-1.321V28.026a2.641 2.641 0 00-2.645-2.643h-15.639zm-112.778 0h11.895v25.771a51.99 51.99 0 009.259 29.593c-9.056-1.478-19.097-4.675-23.795-11.531a2.431 2.431 0 010-1.322V28.026a2.861 2.861 0 012.641-2.643z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M336.309 158.207a3.085 3.085 0 00-3.083 3.084v20.044l29.957-.077 21.182.077v-20.044c0-.818-.324-1.602-.902-2.181a3.087 3.087 0 00-2.181-.903h-44.973z", fill: "#75301C" })] }))),
|
|
527
|
+
lock: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 294 483" }, { children: [jsxRuntime.jsx("path", { d: "M270.489 189.736H24.231c-12.895 0-23.348 10.454-23.348 23.349v246.257c0 12.895 10.453 23.349 23.348 23.349h246.258c12.895 0 23.349-10.454 23.349-23.349V213.085c0-12.895-10.454-23.349-23.349-23.349z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M270.489 169.582H24.231c-12.895 0-23.348 10.453-23.348 23.348v246.258c0 12.895 10.453 23.348 23.348 23.348h246.258c12.895 0 23.349-10.453 23.349-23.348V192.93c0-12.895-10.454-23.348-23.349-23.348z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M196.915 289.148a49.77 49.77 0 00-19.537-39.504 49.769 49.769 0 00-43.235-8.514A48.898 48.898 0 00100 274.611a47.8 47.8 0 0012.116 48.459 9.25 9.25 0 012.64 9.03L99.78 385.404a5.953 5.953 0 00-.092 2.697 5.956 5.956 0 005.819 4.793h83.923a5.711 5.711 0 002.543-.601 5.707 5.707 0 002.011-1.668 5.71 5.71 0 001.06-2.388 5.723 5.723 0 00-.108-2.612l-14.32-54.186a9.243 9.243 0 01.091-4.876 9.245 9.245 0 012.554-4.154 47.573 47.573 0 0013.654-33.261z", fill: "#000" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M68.55 33.041A111.448 111.448 0 01147.359.396a111.461 111.461 0 01111.459 111.455v57.93h-39.208v-57.93a72.246 72.246 0 00-72.251-72.247 72.248 72.248 0 00-72.246 72.247v58.59H35.905v-58.59c0-29.56 11.745-57.909 32.646-78.81z", fill: "#C4C4C4" })] }))),
|
|
528
|
+
lockOpen: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 294 483" }, { children: [jsxRuntime.jsx("path", { d: "M54.519 188.988a19.62 19.62 0 01-19.62-19.617v-57.75a111.53 111.53 0 0118.77-62.01 111.528 111.528 0 01171.674-16.9 19.638 19.638 0 11-27.773 27.773 72.3 72.3 0 00-122.774 51.137v58.412a19.615 19.615 0 01-20.277 18.955z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M269.832 190H23.574C10.68 190 .226 200.453.226 213.348v246.258c0 12.895 10.453 23.348 23.348 23.348h246.258c12.895 0 23.348-10.453 23.348-23.348V213.348c0-12.895-10.453-23.348-23.348-23.348z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M269.832 169.846H23.574c-12.895 0-23.348 10.453-23.348 23.348v246.258c0 12.895 10.453 23.348 23.348 23.348h246.258c12.895 0 23.348-10.453 23.348-23.348V193.194c0-12.895-10.453-23.348-23.348-23.348z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M196.267 289.42a49.555 49.555 0 00-19.381-39.505 49.566 49.566 0 00-43.177-8.512 48.68 48.68 0 00-21.591 12.213 48.682 48.682 0 00-12.766 21.267 47.796 47.796 0 0012.11 48.459 9.265 9.265 0 012.56 4.155 9.243 9.243 0 01.086 4.876l-14.977 53.304a5.952 5.952 0 001.017 5.154 5.943 5.943 0 004.711 2.335h83.917a5.945 5.945 0 005.727-7.269l-14.536-54.186a10.36 10.36 0 012.641-9.03 47.585 47.585 0 0013.659-33.261z", fill: "#000" })] }))),
|
|
529
|
+
idCard: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 424 304" }, { children: [jsxRuntime.jsx("path", { d: "M0 82h424v182c0 22.091-17.909 40-40 40H40c-22.091 0-40-17.909-40-40V82z", fill: "#EDEDED" }), jsxRuntime.jsx("rect", { x: 242, y: 131, width: 149, height: 25, rx: 12.5, fill: "#23292F" }), jsxRuntime.jsx("rect", { x: 242, y: 179, width: 89, height: 25, rx: 12.5, fill: "#23292F" }), jsxRuntime.jsx("rect", { x: 242, y: 227, width: 119, height: 25, rx: 12.5, fill: "#23292F" }), jsxRuntime.jsx("path", { d: "M0 40C0 17.909 17.909 0 40 0h344c22.091 0 40 17.909 40 40v42H0V40z", fill: "#FF9D00" }), jsxRuntime.jsxs("g", __assign({ clipPath: "url(#clip0_894_47510)" }, { children: [jsxRuntime.jsx("path", { d: "M121 240c-18.778 0-34 15.457-34 34.523V304h68v-29.477C155 255.457 139.777 240 121 240z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M188.866 166.976a32.398 32.398 0 002.716-7.051c4.423-17.307-6.022-34.922-23.33-39.343a32.199 32.199 0 00-20.01 1.306c-3.93-8.569-11.549-15.357-21.394-17.873-14.776-3.777-29.77 3.288-36.594 16.204a32.826 32.826 0 00-2.518-.762c-17.307-4.423-34.923 6.021-39.346 23.328-2.335 9.138-.523 18.359 4.253 25.682a32.182 32.182 0 00-10.628 16.83c-4.423 17.306 6.022 34.922 23.33 39.343 14.077 3.598 28.358-2.642 35.577-14.409a32.237 32.237 0 0012.811 6.576c10.279 2.627 20.665.009 28.334-6.174 4.279 6.183 10.714 10.916 18.573 12.924 17.307 4.423 34.923-6.022 39.346-23.329 3.245-12.697-1.52-25.555-11.12-33.252z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M129.851 228.557h-17.753v14.047a7.367 7.367 0 007.367 7.367h3.019a7.367 7.367 0 007.367-7.367v-14.047z", fill: "#FFB68D" }), jsxRuntime.jsx("path", { d: "M171.736 175.935c-.5 0-.987.052-1.464.134-5.422-22.108-25.36-38.514-49.141-38.514s-43.72 16.406-49.141 38.514a8.622 8.622 0 00-1.465-.134 8.606 8.606 0 100 17.213c.084 0 .164-.011.247-.013 2.501 25.61 24.09 45.625 50.359 45.625 26.268 0 47.858-20.015 50.359-45.625.082.002.163.013.246.013a8.606 8.606 0 008.607-8.607 8.606 8.606 0 00-8.607-8.606z", fill: "#FFB68D" }), jsxRuntime.jsx("path", { d: "M155.414 205.187c0-14.961-14.024-6.878-32.706-6.878-18.681 0-34.946-8.083-34.946 6.878 0 14.962 15.145 27.091 33.826 27.091s33.826-12.129 33.826-27.091z", fill: "#230F0B" }), jsxRuntime.jsx("path", { d: "M121.586 232.276c7.308 0 14.068-1.862 19.598-5.017-2.608-3.569-6.88-6.158-11.87-6.853a20.051 20.051 0 00-6.101.08 9.812 9.812 0 01-3.253 0 20.083 20.083 0 00-6.101-.08c-4.99.695-9.263 3.284-11.87 6.853 5.53 3.156 12.29 5.017 19.597 5.017z", fill: "#F21C40" }), jsxRuntime.jsx("path", { opacity: 0.37, d: "M126.804 188.238a5.217 5.217 0 10-10.434 0c0 2.881 2.336 3.523 5.217 3.523s5.217-.642 5.217-3.523z", fill: "#FFB68D" }), jsxRuntime.jsx("path", { d: "M94.656 157.686c-7.962 0-14.476 6.513-14.476 14.475v6.972c0 7.962 6.514 11.014 14.476 11.014 7.962 0 14.476-6.092 14.476-14.053v-3.933c.001-7.961-6.514-14.475-14.476-14.475z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M94.656 165.801a5.023 5.023 0 00-5.009 5.009v9.245c0 2.754 2.255 5.009 5.01 5.009 2.754 0 5.009-2.255 5.009-5.009v-9.245a5.023 5.023 0 00-5.01-5.009z", fill: "#23292F" }), jsxRuntime.jsx("path", { d: "M89.648 173.92a3.027 3.027 0 100-6.053 3.027 3.027 0 000 6.053zM147.279 157.686c7.963 0 14.476 6.513 14.476 14.475v6.972c0 7.962-6.513 11.014-14.476 11.014-7.962 0-14.475-6.092-14.475-14.053v-3.933c0-7.961 6.513-14.475 14.475-14.475z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M147.28 165.801c2.754 0 5.009 2.253 5.009 5.009v9.245c0 2.754-2.255 5.009-5.009 5.009-2.755 0-5.009-2.255-5.009-5.009v-9.245a5.023 5.023 0 015.009-5.009z", fill: "#23292F" }), jsxRuntime.jsx("path", { d: "M152.288 173.92a3.027 3.027 0 100-6.053 3.027 3.027 0 000 6.053z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M148.11 130.102c-8.331 0-15.781 2.196-20.751 5.648a51.514 51.514 0 00-6.346-.392c-3.856 0-7.521.421-10.842 1.176-4.971-3.288-12.43-5.381-20.772-5.381-14.965 0-27.097 6.728-27.097 15.027s12.132 15.027 27.097 15.027c4.564 0 8.861-.628 12.634-1.734 4.889 2.493 11.588 4.032 18.981 4.032 6.294 0 12.081-1.117 16.681-2.987 3.208.781 6.725 1.213 10.418 1.213 14.965 0 27.097-7.081 27.097-15.816-.001-8.733-12.133-15.813-27.1-15.813z", fill: "#75301C" }), jsxRuntime.jsx("path", { opacity: 0.57, d: "M68.7 184.682l.589-.59a1.146 1.146 0 10-1.62-1.62l-.59.59-.59-.59a1.147 1.147 0 00-1.62 1.62l.59.59-.59.589a1.147 1.147 0 001.62 1.621l.589-.59.59.59a1.146 1.146 0 101.618-1.621l-.587-.589zM176.426 184.682l.589-.59a1.144 1.144 0 10-1.62-1.62l-.589.59-.59-.59a1.146 1.146 0 00-1.62 1.62l.589.59-.589.589a1.146 1.146 0 001.619 1.621l.589-.59.59.59a1.144 1.144 0 001.619 0 1.147 1.147 0 000-1.621l-.587-.589z", fill: "#FFB68D" })] })), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", __assign({ id: "clip0_894_47510" }, { children: jsxRuntime.jsx("path", { fill: "#fff", transform: "translate(41 103)", d: "M0 0H160V201H0z" }) })) })] }))),
|
|
524
530
|
};
|
|
525
|
-
var Illustration = function (props) { return (jsxRuntime.jsx(Wrapper$7, __assign({}, props, { children: illustrations[props.type] })
|
|
531
|
+
var Illustration = function (props) { return (jsxRuntime.jsx(Wrapper$7, __assign({}, props, { children: illustrations[props.type] }))); };
|
|
526
532
|
|
|
527
|
-
var InputIconWrapper = styled__default["default"].div(templateObject_1$
|
|
533
|
+
var InputIconWrapper = styled__default["default"].div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\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) {
|
|
528
534
|
var isChanged = _a.isChanged;
|
|
529
535
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
530
536
|
}, function (_a) {
|
|
531
537
|
var disabled = _a.disabled;
|
|
532
538
|
return (disabled ? "not-allowed" : "pointer");
|
|
533
539
|
});
|
|
534
|
-
var StyledInput = styled__default["default"].input(templateObject_2$
|
|
540
|
+
var StyledInput = styled__default["default"].input(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n width: 100%;\n min-width: 228px;\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 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n min-width: 228px;\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 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
535
541
|
var disabled = _a.disabled;
|
|
536
542
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
537
543
|
}, function (_a) {
|
|
@@ -544,7 +550,7 @@ var StyledInput = styled__default["default"].input(templateObject_2$p || (templa
|
|
|
544
550
|
var disabled = _a.disabled;
|
|
545
551
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
546
552
|
}, theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.paragraph.medium.lineHeight, theme.colors.lightGray.darker, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
547
|
-
var templateObject_1$
|
|
553
|
+
var templateObject_1$F, templateObject_2$r;
|
|
548
554
|
|
|
549
555
|
var PasswordInput = function (props) {
|
|
550
556
|
var _a = React.useState(false), isVisible = _a[0], setIsVisible = _a[1];
|
|
@@ -560,7 +566,7 @@ var PasswordInput = function (props) {
|
|
|
560
566
|
if (props.onKeyPress)
|
|
561
567
|
props.onKeyPress(e);
|
|
562
568
|
};
|
|
563
|
-
return (jsxRuntime.jsxs(InputIconWrapper, __assign({ disabled: props.disabled }, { children: [jsxRuntime.jsx(Icon, { type: isVisible ? "eyeInvisible" : "eye", color: "gray", size: "small", onClick: toggle }
|
|
569
|
+
return (jsxRuntime.jsxs(InputIconWrapper, __assign({ disabled: props.disabled }, { children: [jsxRuntime.jsx(Icon, { type: isVisible ? "eyeInvisible" : "eye", color: "gray", size: "small", onClick: toggle }), jsxRuntime.jsx(StyledInput, __assign({ type: isVisible ? "text" : "password" }, props, { onChange: onChange, onKeyPress: onKeyPress }))] })));
|
|
564
570
|
};
|
|
565
571
|
|
|
566
572
|
function requiredArgs(required, args) {
|
|
@@ -569,6 +575,7 @@ function requiredArgs(required, args) {
|
|
|
569
575
|
}
|
|
570
576
|
}
|
|
571
577
|
|
|
578
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
572
579
|
/**
|
|
573
580
|
* @name toDate
|
|
574
581
|
* @category Common Helpers
|
|
@@ -604,7 +611,7 @@ function toDate(argument) {
|
|
|
604
611
|
requiredArgs(1, arguments);
|
|
605
612
|
var argStr = Object.prototype.toString.call(argument); // Clone the date
|
|
606
613
|
|
|
607
|
-
if (argument instanceof Date ||
|
|
614
|
+
if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {
|
|
608
615
|
// Prevent the date to lose the milliseconds when passed to new Date() in IE10
|
|
609
616
|
return new Date(argument.getTime());
|
|
610
617
|
} else if (typeof argument === 'number' || argStr === '[object Number]') {
|
|
@@ -612,7 +619,7 @@ function toDate(argument) {
|
|
|
612
619
|
} else {
|
|
613
620
|
if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
|
|
614
621
|
// eslint-disable-next-line no-console
|
|
615
|
-
console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://
|
|
622
|
+
console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"); // eslint-disable-next-line no-console
|
|
616
623
|
|
|
617
624
|
console.warn(new Error().stack);
|
|
618
625
|
}
|
|
@@ -629,10 +636,6 @@ function toDate(argument) {
|
|
|
629
636
|
* @description
|
|
630
637
|
* Is the first date after the second one?
|
|
631
638
|
*
|
|
632
|
-
* ### v2.0.0 breaking changes:
|
|
633
|
-
*
|
|
634
|
-
* - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
|
|
635
|
-
*
|
|
636
639
|
* @param {Date|Number} date - the date that should be after the other one to return true
|
|
637
640
|
* @param {Date|Number} dateToCompare - the date to compare with
|
|
638
641
|
* @returns {Boolean} the first date is after the second date
|
|
@@ -640,7 +643,7 @@ function toDate(argument) {
|
|
|
640
643
|
*
|
|
641
644
|
* @example
|
|
642
645
|
* // Is 10 July 1989 after 11 February 1987?
|
|
643
|
-
*
|
|
646
|
+
* const result = isAfter(new Date(1989, 6, 10), new Date(1987, 1, 11))
|
|
644
647
|
* //=> true
|
|
645
648
|
*/
|
|
646
649
|
|
|
@@ -659,10 +662,6 @@ function isAfter(dirtyDate, dirtyDateToCompare) {
|
|
|
659
662
|
* @description
|
|
660
663
|
* Is the first date before the second one?
|
|
661
664
|
*
|
|
662
|
-
* ### v2.0.0 breaking changes:
|
|
663
|
-
*
|
|
664
|
-
* - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
|
|
665
|
-
*
|
|
666
665
|
* @param {Date|Number} date - the date that should be before the other one to return true
|
|
667
666
|
* @param {Date|Number} dateToCompare - the date to compare with
|
|
668
667
|
* @returns {Boolean} the first date is before the second date
|
|
@@ -670,7 +669,7 @@ function isAfter(dirtyDate, dirtyDateToCompare) {
|
|
|
670
669
|
*
|
|
671
670
|
* @example
|
|
672
671
|
* // Is 10 July 1989 before 11 February 1987?
|
|
673
|
-
*
|
|
672
|
+
* const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))
|
|
674
673
|
* //=> false
|
|
675
674
|
*/
|
|
676
675
|
|
|
@@ -716,7 +715,7 @@ var DateInput = function (props) {
|
|
|
716
715
|
if (isBefore(new Date(inputRef.current.value), new Date(props.min)))
|
|
717
716
|
inputRef.current.value = props.min;
|
|
718
717
|
};
|
|
719
|
-
return (jsxRuntime.jsxs(InputIconWrapper, __assign({ disabled: props.disabled, isChanged: isChanged }, { children: [jsxRuntime.jsx(Icon, { type: "calendar", color: "gray", size: "small", onClick: showPicker }
|
|
718
|
+
return (jsxRuntime.jsxs(InputIconWrapper, __assign({ disabled: props.disabled, isChanged: isChanged }, { children: [jsxRuntime.jsx(Icon, { type: "calendar", color: "gray", size: "small", onClick: showPicker }), jsxRuntime.jsx(StyledInput, __assign({ type: "date" }, props, { onChange: onChange, onBlur: onBlur, onKeyPress: onKeyPress, ref: inputRef }))] })));
|
|
720
719
|
};
|
|
721
720
|
|
|
722
721
|
var Input = function (props) {
|
|
@@ -724,14 +723,14 @@ var Input = function (props) {
|
|
|
724
723
|
if (!props.disabled && !!props.onChange)
|
|
725
724
|
props.onChange(e.target.value);
|
|
726
725
|
};
|
|
727
|
-
return jsxRuntime.jsx(StyledInput, __assign({ type: "text" }, props, { onChange: onChange })
|
|
726
|
+
return jsxRuntime.jsx(StyledInput, __assign({ type: "text" }, props, { onChange: onChange }));
|
|
728
727
|
};
|
|
729
728
|
Input.Password = PasswordInput;
|
|
730
729
|
Input.Date = DateInput;
|
|
731
730
|
|
|
732
|
-
var Logo = function (props) { return (jsxRuntime.jsxs("svg", __assign({ width: 396, height: 66, viewBox: "0 0 196 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M17.238 6.583a4.46 4.46 0 00-.372-.433L15.5 4.809l-3.745-3.684c-.36-.357-.79-.64-1.262-.833a3.94 3.94 0 00-4.242.833L1.14 6.15A3.802 3.802 0 00.001 8.857c0 1.016.41 1.99 1.138 2.708l5.11 5.028c.731.718 1.72 1.121 2.753 1.121a3.927 3.927 0 002.752-1.12l3.745-3.685-1.363-1.344a3.465 3.465 0 01-.372-.43l-3.778 3.718a1.39 1.39 0 01-.984.402 1.407 1.407 0 01-.983-.402L2.909 9.825a1.357 1.357 0 01-.406-.966c0-.362.146-.71.406-.966l5.11-5.028a1.39 1.39 0 01.984-.402 1.407 1.407 0 01.984.402l3.778 3.718 1.332 1.31a1.35 1.35 0 01.403.957v.018c.001.36.147.704.406.957l1.332 1.31A3.79 3.79 0 0018 8.86a3.79 3.79 0 00-.762-2.276z", fill: "#F21C40" }, void 0), jsxRuntime.jsx("path", { d: "M42.86 6.15L37.76 1.125c-.361-.357-.79-.64-1.263-.833a3.94 3.94 0 00-2.98 0 3.889 3.889 0 00-1.262.833l-3.748 3.684-1.363 1.34c-.135.136-.26.28-.374.434a3.798 3.798 0 00-.76 2.276c0 .82.266 1.617.76 2.276l1.332-1.31c.258-.255.404-.6.405-.96a1.332 1.332 0 01.406-.96l1.329-1.31 3.782-3.718a1.385 1.385 0 01.982-.402 1.404 1.404 0 01.982.402l5.11 5.028a1.362 1.362 0 01.41.966 1.343 1.343 0 01-.41.966l-5.11 5.028a1.387 1.387 0 01-.982.402 1.406 1.406 0 01-.982-.402l-3.782-3.717a3.467 3.467 0 01-.372.43l-1.363 1.343 3.748 3.684c.361.356.79.638 1.262.83a3.943 3.943 0 004.24-.83l5.11-5.028c.363-.356.65-.78.846-1.245a3.78 3.78 0 00-.004-2.938 3.828 3.828 0 00-.848-1.244z", fill: "#3DC478" }, void 0), jsxRuntime.jsx("path", { d: "M17.309 6.512l-.071.07a4.456 4.456 0 00-.375-.432l-1.366-1.341 3.748-3.684c.36-.357.79-.64 1.262-.833a3.94 3.94 0 012.98 0c.472.193.901.476 1.262.833l3.76 3.675-1.363 1.34c-.134.136-.26.28-.374.433l-3.78-3.717a1.39 1.39 0 00-.983-.402 1.407 1.407 0 00-.983.402l-3.717 3.656zm11.597 1.38l1.329-1.31a3.79 3.79 0 01.764 2.28c0 .82-.268 1.62-.764 2.28a3.467 3.467 0 01-.372.43L28.5 12.914l-3.748 3.684A3.926 3.926 0 0122 17.72a3.926 3.926 0 01-2.752-1.12L15.5 12.896l-1.363-1.344a3.474 3.474 0 01-.372-.43 3.79 3.79 0 01-.762-2.276c0-.82.267-1.618.762-2.277l1.332 1.31a1.348 1.348 0 01.403.958v.018c.001.36.147.703.406.957l1.332 1.31 3.779 3.718a1.389 1.389 0 00.983.402 1.407 1.407 0 00.983-.402l3.78-3.718 1.331-1.31c.259-.255.405-.6.406-.96a1.33 1.33 0 01.406-.96z", fill: "#FFD801" }, void 0), jsxRuntime.jsx("path", { d: "M36.365 21.435l-5.111-5.028a3.926 3.926 0 00-2.753-1.12 3.926 3.926 0 00-2.752 1.12l-3.748 3.687-1.363 1.341c-.134.135-.259.28-.371.433a3.786 3.786 0 00-.762 2.275c0 .819.267 1.616.762 2.275l1.329-1.308c.258-.254.404-.6.405-.96.002-.36.148-.705.406-.96l1.329-1.307 3.782-3.72a1.406 1.406 0 011.967 0l5.11 5.027c.261.258.407.605.407.968s-.146.71-.406.968l-5.111 5.028a1.406 1.406 0 01-1.967 0l-3.782-3.721a3.486 3.486 0 01-.372.433l-1.363 1.34 3.748 3.688c.73.718 1.72 1.12 2.753 1.12a3.926 3.926 0 002.752-1.12l5.11-5.028c.364-.357.652-.78.849-1.246a3.78 3.78 0 00-.848-4.185z", fill: "#A059C1" }, void 0), jsxRuntime.jsx("path", { d: "M23.736 21.868l-1.329 1.307c-.258.255-.404.6-.405.96-.002.36-.148.705-.406.96l-1.33 1.307-3.781 3.721c-.261.256-.615.4-.984.4-.368 0-.722-.144-.983-.4l-5.111-5.028a1.363 1.363 0 01-.405-.967c0-.363.146-.71.405-.968l5.11-5.028c.262-.256.616-.4.984-.4.369 0 .723.144.984.4l3.782 3.72c.112-.153.237-.297.372-.432l1.363-1.34-3.758-3.673a3.926 3.926 0 00-2.752-1.12 3.926 3.926 0 00-2.752 1.12l-5.11 5.028a3.802 3.802 0 00-1.139 2.708c0 1.015.41 1.989 1.138 2.707l5.11 5.029c.731.717 1.72 1.12 2.753 1.12a3.926 3.926 0 002.752-1.12l3.748-3.688 1.363-1.34c.136-.135.26-.28.372-.433a3.786 3.786 0 00.766-2.274 3.786 3.786 0 00-.757-2.276z", fill: "#1AAFF6" }, void 0)] }, void 0), jsxRuntime.jsx("path", { d: "M137.46 22.78c0 .48-.166.886-.499 1.218-.314.313-.712.47-1.193.47-.462 0-.85-.157-1.165-.47a1.705 1.705 0 01-.471-1.217V5.687c0-.48.157-.876.471-1.19.333-.331.74-.497 1.221-.497.481 0 .869.166 1.165.498.314.313.471.71.471 1.19V22.78zm-6.356-4.12c.462-1.199.693-2.49.693-3.873s-.231-2.674-.693-3.872a9.58 9.58 0 00-1.969-3.153 8.772 8.772 0 00-2.996-2.158c-1.146-.516-2.403-.774-3.772-.774-1.368 0-2.625.258-3.772.774a9.138 9.138 0 00-2.995 2.158 9.835 9.835 0 00-1.942 3.153c-.462 1.199-.693 2.49-.693 3.872 0 1.383.231 2.674.693 3.873a10.17 10.17 0 001.942 3.18 9.332 9.332 0 002.995 2.13c1.147.517 2.404.775 3.772.775 1.369 0 2.626-.259 3.772-.775a8.95 8.95 0 002.996-2.13 9.9 9.9 0 001.969-3.18zm-3.661-7.22c.499.996.749 2.112.749 3.347 0 1.236-.25 2.36-.749 3.375-.499.995-1.184 1.788-2.053 2.378-.869.59-1.876.886-3.023.886-1.146 0-2.154-.295-3.023-.886-.869-.59-1.553-1.383-2.052-2.378-.481-1.014-.721-2.14-.721-3.375 0-1.254.24-2.379.721-3.374.499-.996 1.183-1.789 2.052-2.379.869-.59 1.877-.885 3.023-.885 1.147 0 2.154.295 3.023.885.869.59 1.554 1.392 2.053 2.406zM58.545 23.998c.333.313.759.47 1.276.47.537 0 .971-.157 1.304-.47a1.61 1.61 0 00.527-1.217V8.287h4.354c.481 0 .879-.138 1.193-.415.333-.295.5-.682.5-1.161 0-.48-.167-.867-.5-1.162-.314-.295-.712-.443-1.193-.443H53.692c-.48 0-.888.148-1.22.443-.315.277-.472.655-.472 1.134 0 .48.157.867.471 1.162.333.295.74.442 1.22.442h4.355v14.494c0 .48.167.885.5 1.217zm34.186-13.609c-1.017-.663-2.173-.995-3.467-.995-.647 0-1.267.11-1.858.332a5.83 5.83 0 00-1.526.857 5.266 5.266 0 00-.97.915v-.14c0-.48-.158-.876-.472-1.19-.314-.332-.712-.498-1.193-.498-.48 0-.878.166-1.192.498-.315.314-.472.71-.472 1.19v16.955c0 .498.157.903.472 1.217.314.313.712.47 1.192.47.481 0 .879-.166 1.193-.498.314-.313.471-.71.471-1.19V22.9c.195.191.417.382.666.573.5.37 1.072.673 1.72.913.647.24 1.34.36 2.08.36 1.257 0 2.385-.323 3.383-.968 1.017-.664 1.822-1.568 2.413-2.711.61-1.162.916-2.499.916-4.01 0-1.513-.305-2.84-.916-3.984-.591-1.143-1.405-2.037-2.44-2.683zm-6.019 2.656c.61-.406 1.322-.609 2.136-.609.813 0 1.516.203 2.108.609.61.405 1.081.959 1.414 1.66.352.681.527 1.465.527 2.35 0 .867-.175 1.66-.527 2.379a4.014 4.014 0 01-1.414 1.66c-.592.405-1.295.608-2.108.608-.814 0-1.526-.203-2.136-.608a4.215 4.215 0 01-1.442-1.66c-.333-.72-.5-1.512-.5-2.379 0-.885.167-1.668.5-2.35.351-.701.832-1.255 1.442-1.66zm18.425 11.7c-1.571 0-2.94-.323-4.105-.968a7.012 7.012 0 01-2.662-2.683c-.61-1.125-.916-2.398-.916-3.817 0-1.66.333-3.07.999-4.232.684-1.18 1.572-2.084 2.663-2.711a6.85 6.85 0 013.467-.94c.943 0 1.83.193 2.662.58.851.388 1.6.922 2.247 1.605a7.36 7.36 0 011.525 2.323 6.95 6.95 0 01.583 2.821 1.423 1.423 0 01-.527 1.08 1.77 1.77 0 01-1.165.414h-9.159a4.4 4.4 0 00.505 1.383c.426.682.962 1.208 1.609 1.577.666.35 1.368.525 2.108.525.684 0 1.229-.055 1.636-.166.407-.11.731-.24.971-.387.259-.166.49-.304.693-.415.333-.166.647-.249.943-.249.407 0 .74.138.999.415.277.277.416.6.416.968 0 .498-.259.95-.777 1.355-.481.406-1.155.766-2.024 1.08a8.312 8.312 0 01-2.691.442zm-4.188-9.93a4.807 4.807 0 00-.168.636h7.268v-.194a2.476 2.476 0 00-.582-1.438 3.417 3.417 0 00-1.276-.996 3.448 3.448 0 00-1.608-.387c-.555 0-1.073.074-1.554.221-.48.148-.896.397-1.248.747-.351.35-.628.82-.832 1.41zm65.892-4.343c-.702-.719-1.793-1.078-3.272-1.078-.611 0-1.175.101-1.692.304-.518.184-.99.433-1.415.747a5.722 5.722 0 00-1.081 1.023 7.27 7.27 0 00-.278.348v-.459c0-.479-.157-.875-.471-1.189-.315-.332-.712-.498-1.193-.498-.481 0-.878.166-1.193.498-.314.314-.471.71-.471 1.19V22.78c0 .48.157.885.471 1.217.315.313.712.47 1.193.47.481 0 .878-.157 1.193-.47.314-.332.471-.738.471-1.217V15.7c0-.608.12-1.152.361-1.632a2.936 2.936 0 011.137-1.19c.499-.294 1.1-.442 1.803-.442.721 0 1.276.148 1.664.443.388.295.656.691.804 1.19.148.478.222 1.022.222 1.631v7.08c0 .48.157.886.472 1.218.314.313.711.47 1.192.47s.878-.157 1.193-.47c.314-.332.471-.738.471-1.217V15.7c0-.608.12-1.152.361-1.632a2.936 2.936 0 011.137-1.19c.499-.294 1.1-.442 1.803-.442.721 0 1.276.148 1.664.443.388.295.656.691.804 1.19.148.478.222 1.022.222 1.631v7.08c0 .48.157.886.472 1.218.314.313.711.47 1.192.47s.878-.157 1.193-.47c.314-.332.471-.738.471-1.217V15.7c0-1.162-.129-2.213-.388-3.153-.259-.96-.74-1.724-1.442-2.296-.684-.572-1.692-.857-3.023-.857-.814 0-1.554.175-2.219.525a5.952 5.952 0 00-1.664 1.245c-.431.447-.758.87-.98 1.269a4.88 4.88 0 00-1.184-1.96zm21.336-1.078c1.294 0 2.45.332 3.467.995 1.035.646 1.849 1.54 2.441 2.683.61 1.144.915 2.471.915 3.983s-.305 2.85-.915 4.011c-.592 1.143-1.396 2.047-2.413 2.71-.999.646-2.127.969-3.384.969-.74 0-1.433-.12-2.08-.36a6.938 6.938 0 01-1.72-.913 7.139 7.139 0 01-.665-.573v5.414c0 .48-.158.876-.472 1.19-.314.331-.712.497-1.192.497-.481 0-.879-.157-1.193-.47-.314-.314-.472-.72-.472-1.217V11.357c0-.479.158-.875.472-1.189.314-.332.712-.498 1.193-.498.48 0 .878.166 1.192.498.314.314.472.71.472 1.19v.14c.249-.312.572-.617.97-.915.444-.35.953-.636 1.526-.857a5.262 5.262 0 011.858-.332zm-.416 3.042c-.813 0-1.525.203-2.136.609-.61.405-1.09.959-1.442 1.66-.333.681-.499 1.465-.499 2.35 0 .867.166 1.66.499 2.379.352.7.832 1.254 1.442 1.66.611.405 1.323.608 2.136.608.814 0 1.516-.203 2.108-.608a4.007 4.007 0 001.414-1.66c.352-.72.527-1.512.527-2.379 0-.885-.175-1.668-.527-2.35a4.007 4.007 0 00-1.414-1.66c-.592-.406-1.294-.609-2.108-.609zM151.357 9.67c.48 0 .878.166 1.192.498.315.314.472.71.472 1.19v7.025c0 1.955-.546 3.504-1.637 4.647-.793.831-1.841 1.36-3.142 1.587v3.798a1.557 1.557 0 01-3.113 0v-3.793c-1.317-.223-2.375-.754-3.175-1.592-1.072-1.143-1.608-2.692-1.608-4.647v-7.026c0-.479.157-.875.471-1.189.315-.332.712-.498 1.193-.498.481 0 .878.166 1.192.498.315.314.472.71.472 1.19v7.025c0 1.125.25 1.964.749 2.517.499.535 1.248.802 2.246.802 1.017 0 1.775-.267 2.275-.802.499-.553.749-1.392.749-2.517v-7.026c0-.479.157-.875.471-1.189.314-.332.712-.498 1.193-.498zM70.979 24.63c-1.337-.22-2.41-.753-3.218-1.6-1.073-1.143-1.61-2.692-1.61-4.647v-7.026c0-.479.158-.875.472-1.189.315-.332.712-.498 1.193-.498.48 0 .878.166 1.193.498.314.314.471.71.471 1.19v7.025c0 1.125.25 1.964.749 2.517.5.535 1.248.802 2.247.802 1.017 0 1.775-.267 2.274-.802.5-.553.749-1.392.749-2.517v-7.026c0-.479.157-.875.471-1.189.315-.332.712-.498 1.193-.498.48 0 .878.166 1.193.498.314.314.471.71.471 1.19v7.025c0 1.955-.546 3.504-1.636 4.647-.785.822-1.818 1.348-3.099 1.58v3.805a1.557 1.557 0 11-3.113 0V24.63z", fill: "#000" }, void 0), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0H44V33H0z" }, void 0) }, void 0) }, void 0)] }), void 0)); };
|
|
731
|
+
var Logo = function (props) { return (jsxRuntime.jsxs("svg", __assign({ width: 396, height: 66, viewBox: "0 0 196 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M17.238 6.583a4.46 4.46 0 00-.372-.433L15.5 4.809l-3.745-3.684c-.36-.357-.79-.64-1.262-.833a3.94 3.94 0 00-4.242.833L1.14 6.15A3.802 3.802 0 00.001 8.857c0 1.016.41 1.99 1.138 2.708l5.11 5.028c.731.718 1.72 1.121 2.753 1.121a3.927 3.927 0 002.752-1.12l3.745-3.685-1.363-1.344a3.465 3.465 0 01-.372-.43l-3.778 3.718a1.39 1.39 0 01-.984.402 1.407 1.407 0 01-.983-.402L2.909 9.825a1.357 1.357 0 01-.406-.966c0-.362.146-.71.406-.966l5.11-5.028a1.39 1.39 0 01.984-.402 1.407 1.407 0 01.984.402l3.778 3.718 1.332 1.31a1.35 1.35 0 01.403.957v.018c.001.36.147.704.406.957l1.332 1.31A3.79 3.79 0 0018 8.86a3.79 3.79 0 00-.762-2.276z", fill: "#F21C40" }), jsxRuntime.jsx("path", { d: "M42.86 6.15L37.76 1.125c-.361-.357-.79-.64-1.263-.833a3.94 3.94 0 00-2.98 0 3.889 3.889 0 00-1.262.833l-3.748 3.684-1.363 1.34c-.135.136-.26.28-.374.434a3.798 3.798 0 00-.76 2.276c0 .82.266 1.617.76 2.276l1.332-1.31c.258-.255.404-.6.405-.96a1.332 1.332 0 01.406-.96l1.329-1.31 3.782-3.718a1.385 1.385 0 01.982-.402 1.404 1.404 0 01.982.402l5.11 5.028a1.362 1.362 0 01.41.966 1.343 1.343 0 01-.41.966l-5.11 5.028a1.387 1.387 0 01-.982.402 1.406 1.406 0 01-.982-.402l-3.782-3.717a3.467 3.467 0 01-.372.43l-1.363 1.343 3.748 3.684c.361.356.79.638 1.262.83a3.943 3.943 0 004.24-.83l5.11-5.028c.363-.356.65-.78.846-1.245a3.78 3.78 0 00-.004-2.938 3.828 3.828 0 00-.848-1.244z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M17.309 6.512l-.071.07a4.456 4.456 0 00-.375-.432l-1.366-1.341 3.748-3.684c.36-.357.79-.64 1.262-.833a3.94 3.94 0 012.98 0c.472.193.901.476 1.262.833l3.76 3.675-1.363 1.34c-.134.136-.26.28-.374.433l-3.78-3.717a1.39 1.39 0 00-.983-.402 1.407 1.407 0 00-.983.402l-3.717 3.656zm11.597 1.38l1.329-1.31a3.79 3.79 0 01.764 2.28c0 .82-.268 1.62-.764 2.28a3.467 3.467 0 01-.372.43L28.5 12.914l-3.748 3.684A3.926 3.926 0 0122 17.72a3.926 3.926 0 01-2.752-1.12L15.5 12.896l-1.363-1.344a3.474 3.474 0 01-.372-.43 3.79 3.79 0 01-.762-2.276c0-.82.267-1.618.762-2.277l1.332 1.31a1.348 1.348 0 01.403.958v.018c.001.36.147.703.406.957l1.332 1.31 3.779 3.718a1.389 1.389 0 00.983.402 1.407 1.407 0 00.983-.402l3.78-3.718 1.331-1.31c.259-.255.405-.6.406-.96a1.33 1.33 0 01.406-.96z", fill: "#FFD801" }), jsxRuntime.jsx("path", { d: "M36.365 21.435l-5.111-5.028a3.926 3.926 0 00-2.753-1.12 3.926 3.926 0 00-2.752 1.12l-3.748 3.687-1.363 1.341c-.134.135-.259.28-.371.433a3.786 3.786 0 00-.762 2.275c0 .819.267 1.616.762 2.275l1.329-1.308c.258-.254.404-.6.405-.96.002-.36.148-.705.406-.96l1.329-1.307 3.782-3.72a1.406 1.406 0 011.967 0l5.11 5.027c.261.258.407.605.407.968s-.146.71-.406.968l-5.111 5.028a1.406 1.406 0 01-1.967 0l-3.782-3.721a3.486 3.486 0 01-.372.433l-1.363 1.34 3.748 3.688c.73.718 1.72 1.12 2.753 1.12a3.926 3.926 0 002.752-1.12l5.11-5.028c.364-.357.652-.78.849-1.246a3.78 3.78 0 00-.848-4.185z", fill: "#A059C1" }), jsxRuntime.jsx("path", { d: "M23.736 21.868l-1.329 1.307c-.258.255-.404.6-.405.96-.002.36-.148.705-.406.96l-1.33 1.307-3.781 3.721c-.261.256-.615.4-.984.4-.368 0-.722-.144-.983-.4l-5.111-5.028a1.363 1.363 0 01-.405-.967c0-.363.146-.71.405-.968l5.11-5.028c.262-.256.616-.4.984-.4.369 0 .723.144.984.4l3.782 3.72c.112-.153.237-.297.372-.432l1.363-1.34-3.758-3.673a3.926 3.926 0 00-2.752-1.12 3.926 3.926 0 00-2.752 1.12l-5.11 5.028a3.802 3.802 0 00-1.139 2.708c0 1.015.41 1.989 1.138 2.707l5.11 5.029c.731.717 1.72 1.12 2.753 1.12a3.926 3.926 0 002.752-1.12l3.748-3.688 1.363-1.34c.136-.135.26-.28.372-.433a3.786 3.786 0 00.766-2.274 3.786 3.786 0 00-.757-2.276z", fill: "#1AAFF6" })] }), jsxRuntime.jsx("path", { d: "M137.46 22.78c0 .48-.166.886-.499 1.218-.314.313-.712.47-1.193.47-.462 0-.85-.157-1.165-.47a1.705 1.705 0 01-.471-1.217V5.687c0-.48.157-.876.471-1.19.333-.331.74-.497 1.221-.497.481 0 .869.166 1.165.498.314.313.471.71.471 1.19V22.78zm-6.356-4.12c.462-1.199.693-2.49.693-3.873s-.231-2.674-.693-3.872a9.58 9.58 0 00-1.969-3.153 8.772 8.772 0 00-2.996-2.158c-1.146-.516-2.403-.774-3.772-.774-1.368 0-2.625.258-3.772.774a9.138 9.138 0 00-2.995 2.158 9.835 9.835 0 00-1.942 3.153c-.462 1.199-.693 2.49-.693 3.872 0 1.383.231 2.674.693 3.873a10.17 10.17 0 001.942 3.18 9.332 9.332 0 002.995 2.13c1.147.517 2.404.775 3.772.775 1.369 0 2.626-.259 3.772-.775a8.95 8.95 0 002.996-2.13 9.9 9.9 0 001.969-3.18zm-3.661-7.22c.499.996.749 2.112.749 3.347 0 1.236-.25 2.36-.749 3.375-.499.995-1.184 1.788-2.053 2.378-.869.59-1.876.886-3.023.886-1.146 0-2.154-.295-3.023-.886-.869-.59-1.553-1.383-2.052-2.378-.481-1.014-.721-2.14-.721-3.375 0-1.254.24-2.379.721-3.374.499-.996 1.183-1.789 2.052-2.379.869-.59 1.877-.885 3.023-.885 1.147 0 2.154.295 3.023.885.869.59 1.554 1.392 2.053 2.406zM58.545 23.998c.333.313.759.47 1.276.47.537 0 .971-.157 1.304-.47a1.61 1.61 0 00.527-1.217V8.287h4.354c.481 0 .879-.138 1.193-.415.333-.295.5-.682.5-1.161 0-.48-.167-.867-.5-1.162-.314-.295-.712-.443-1.193-.443H53.692c-.48 0-.888.148-1.22.443-.315.277-.472.655-.472 1.134 0 .48.157.867.471 1.162.333.295.74.442 1.22.442h4.355v14.494c0 .48.167.885.5 1.217zm34.186-13.609c-1.017-.663-2.173-.995-3.467-.995-.647 0-1.267.11-1.858.332a5.83 5.83 0 00-1.526.857 5.266 5.266 0 00-.97.915v-.14c0-.48-.158-.876-.472-1.19-.314-.332-.712-.498-1.193-.498-.48 0-.878.166-1.192.498-.315.314-.472.71-.472 1.19v16.955c0 .498.157.903.472 1.217.314.313.712.47 1.192.47.481 0 .879-.166 1.193-.498.314-.313.471-.71.471-1.19V22.9c.195.191.417.382.666.573.5.37 1.072.673 1.72.913.647.24 1.34.36 2.08.36 1.257 0 2.385-.323 3.383-.968 1.017-.664 1.822-1.568 2.413-2.711.61-1.162.916-2.499.916-4.01 0-1.513-.305-2.84-.916-3.984-.591-1.143-1.405-2.037-2.44-2.683zm-6.019 2.656c.61-.406 1.322-.609 2.136-.609.813 0 1.516.203 2.108.609.61.405 1.081.959 1.414 1.66.352.681.527 1.465.527 2.35 0 .867-.175 1.66-.527 2.379a4.014 4.014 0 01-1.414 1.66c-.592.405-1.295.608-2.108.608-.814 0-1.526-.203-2.136-.608a4.215 4.215 0 01-1.442-1.66c-.333-.72-.5-1.512-.5-2.379 0-.885.167-1.668.5-2.35.351-.701.832-1.255 1.442-1.66zm18.425 11.7c-1.571 0-2.94-.323-4.105-.968a7.012 7.012 0 01-2.662-2.683c-.61-1.125-.916-2.398-.916-3.817 0-1.66.333-3.07.999-4.232.684-1.18 1.572-2.084 2.663-2.711a6.85 6.85 0 013.467-.94c.943 0 1.83.193 2.662.58.851.388 1.6.922 2.247 1.605a7.36 7.36 0 011.525 2.323 6.95 6.95 0 01.583 2.821 1.423 1.423 0 01-.527 1.08 1.77 1.77 0 01-1.165.414h-9.159a4.4 4.4 0 00.505 1.383c.426.682.962 1.208 1.609 1.577.666.35 1.368.525 2.108.525.684 0 1.229-.055 1.636-.166.407-.11.731-.24.971-.387.259-.166.49-.304.693-.415.333-.166.647-.249.943-.249.407 0 .74.138.999.415.277.277.416.6.416.968 0 .498-.259.95-.777 1.355-.481.406-1.155.766-2.024 1.08a8.312 8.312 0 01-2.691.442zm-4.188-9.93a4.807 4.807 0 00-.168.636h7.268v-.194a2.476 2.476 0 00-.582-1.438 3.417 3.417 0 00-1.276-.996 3.448 3.448 0 00-1.608-.387c-.555 0-1.073.074-1.554.221-.48.148-.896.397-1.248.747-.351.35-.628.82-.832 1.41zm65.892-4.343c-.702-.719-1.793-1.078-3.272-1.078-.611 0-1.175.101-1.692.304-.518.184-.99.433-1.415.747a5.722 5.722 0 00-1.081 1.023 7.27 7.27 0 00-.278.348v-.459c0-.479-.157-.875-.471-1.189-.315-.332-.712-.498-1.193-.498-.481 0-.878.166-1.193.498-.314.314-.471.71-.471 1.19V22.78c0 .48.157.885.471 1.217.315.313.712.47 1.193.47.481 0 .878-.157 1.193-.47.314-.332.471-.738.471-1.217V15.7c0-.608.12-1.152.361-1.632a2.936 2.936 0 011.137-1.19c.499-.294 1.1-.442 1.803-.442.721 0 1.276.148 1.664.443.388.295.656.691.804 1.19.148.478.222 1.022.222 1.631v7.08c0 .48.157.886.472 1.218.314.313.711.47 1.192.47s.878-.157 1.193-.47c.314-.332.471-.738.471-1.217V15.7c0-.608.12-1.152.361-1.632a2.936 2.936 0 011.137-1.19c.499-.294 1.1-.442 1.803-.442.721 0 1.276.148 1.664.443.388.295.656.691.804 1.19.148.478.222 1.022.222 1.631v7.08c0 .48.157.886.472 1.218.314.313.711.47 1.192.47s.878-.157 1.193-.47c.314-.332.471-.738.471-1.217V15.7c0-1.162-.129-2.213-.388-3.153-.259-.96-.74-1.724-1.442-2.296-.684-.572-1.692-.857-3.023-.857-.814 0-1.554.175-2.219.525a5.952 5.952 0 00-1.664 1.245c-.431.447-.758.87-.98 1.269a4.88 4.88 0 00-1.184-1.96zm21.336-1.078c1.294 0 2.45.332 3.467.995 1.035.646 1.849 1.54 2.441 2.683.61 1.144.915 2.471.915 3.983s-.305 2.85-.915 4.011c-.592 1.143-1.396 2.047-2.413 2.71-.999.646-2.127.969-3.384.969-.74 0-1.433-.12-2.08-.36a6.938 6.938 0 01-1.72-.913 7.139 7.139 0 01-.665-.573v5.414c0 .48-.158.876-.472 1.19-.314.331-.712.497-1.192.497-.481 0-.879-.157-1.193-.47-.314-.314-.472-.72-.472-1.217V11.357c0-.479.158-.875.472-1.189.314-.332.712-.498 1.193-.498.48 0 .878.166 1.192.498.314.314.472.71.472 1.19v.14c.249-.312.572-.617.97-.915.444-.35.953-.636 1.526-.857a5.262 5.262 0 011.858-.332zm-.416 3.042c-.813 0-1.525.203-2.136.609-.61.405-1.09.959-1.442 1.66-.333.681-.499 1.465-.499 2.35 0 .867.166 1.66.499 2.379.352.7.832 1.254 1.442 1.66.611.405 1.323.608 2.136.608.814 0 1.516-.203 2.108-.608a4.007 4.007 0 001.414-1.66c.352-.72.527-1.512.527-2.379 0-.885-.175-1.668-.527-2.35a4.007 4.007 0 00-1.414-1.66c-.592-.406-1.294-.609-2.108-.609zM151.357 9.67c.48 0 .878.166 1.192.498.315.314.472.71.472 1.19v7.025c0 1.955-.546 3.504-1.637 4.647-.793.831-1.841 1.36-3.142 1.587v3.798a1.557 1.557 0 01-3.113 0v-3.793c-1.317-.223-2.375-.754-3.175-1.592-1.072-1.143-1.608-2.692-1.608-4.647v-7.026c0-.479.157-.875.471-1.189.315-.332.712-.498 1.193-.498.481 0 .878.166 1.192.498.315.314.472.71.472 1.19v7.025c0 1.125.25 1.964.749 2.517.499.535 1.248.802 2.246.802 1.017 0 1.775-.267 2.275-.802.499-.553.749-1.392.749-2.517v-7.026c0-.479.157-.875.471-1.189.314-.332.712-.498 1.193-.498zM70.979 24.63c-1.337-.22-2.41-.753-3.218-1.6-1.073-1.143-1.61-2.692-1.61-4.647v-7.026c0-.479.158-.875.472-1.189.315-.332.712-.498 1.193-.498.48 0 .878.166 1.193.498.314.314.471.71.471 1.19v7.025c0 1.125.25 1.964.749 2.517.5.535 1.248.802 2.247.802 1.017 0 1.775-.267 2.274-.802.5-.553.749-1.392.749-2.517v-7.026c0-.479.157-.875.471-1.189.315-.332.712-.498 1.193-.498.48 0 .878.166 1.193.498.314.314.471.71.471 1.19v7.025c0 1.955-.546 3.504-1.636 4.647-.785.822-1.818 1.348-3.099 1.58v3.805a1.557 1.557 0 11-3.113 0V24.63z", fill: "#000" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0H44V33H0z" }) }) })] }))); };
|
|
733
732
|
|
|
734
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
733
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
735
734
|
var size = _a.size;
|
|
736
735
|
switch (size) {
|
|
737
736
|
default:
|
|
@@ -741,27 +740,27 @@ var Wrapper$6 = styled__default["default"].div(templateObject_1$C || (templateOb
|
|
|
741
740
|
return "116px";
|
|
742
741
|
}
|
|
743
742
|
});
|
|
744
|
-
var templateObject_1$
|
|
743
|
+
var templateObject_1$E;
|
|
745
744
|
|
|
746
745
|
var medals = {
|
|
747
746
|
small: {
|
|
748
|
-
gold: (jsxRuntime.jsxs("svg", __assign({ width: 24, height: 34, viewBox: "0 0 24 34", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M15.09 0H8.91C7.886 0 7.058.903 7.058 2.017v14.275h9.882V2.017C16.941.903 16.113 0 15.091 0z", fill: "#3DC478" }
|
|
749
|
-
silver: (jsxRuntime.jsxs("svg", __assign({ width: 24, height: 34, viewBox: "0 0 24 34", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M15.09 0H8.91C7.886 0 7.058.903 7.058 2.017v14.275h9.882V2.017C16.941.903 16.113 0 15.091 0z", fill: "#1AAFF6" }
|
|
750
|
-
bronze: (jsxRuntime.jsxs("svg", __assign({ width: 24, height: 34, viewBox: "0 0 24 34", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M15.09 0H8.91C7.886 0 7.058.903 7.058 2.017v14.275h9.882V2.017C16.941.903 16.113 0 15.091 0z", fill: "#F21C40" }
|
|
747
|
+
gold: (jsxRuntime.jsxs("svg", __assign({ width: 24, height: 34, viewBox: "0 0 24 34", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M15.09 0H8.91C7.886 0 7.058.903 7.058 2.017v14.275h9.882V2.017C16.941.903 16.113 0 15.091 0z", fill: "#3DC478" }), jsxRuntime.jsx("path", { d: "M12 34c6.627 0 12-5.397 12-12.055C24 15.287 18.627 9.89 12 9.89S0 15.287 0 21.945C0 28.603 5.373 34 12 34z", fill: "#CCAD01" }), jsxRuntime.jsx("path", { d: "M12 31c4.948 0 8.96-4.03 8.96-9s-4.012-9-8.96-9c-4.948 0-8.959 4.03-8.959 9s4.011 9 8.96 9z", fill: "#FFD801" })] }))),
|
|
748
|
+
silver: (jsxRuntime.jsxs("svg", __assign({ width: 24, height: 34, viewBox: "0 0 24 34", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M15.09 0H8.91C7.886 0 7.058.903 7.058 2.017v14.275h9.882V2.017C16.941.903 16.113 0 15.091 0z", fill: "#1AAFF6" }), jsxRuntime.jsx("path", { d: "M12 34c6.627 0 12-5.397 12-12.055C24 15.287 18.627 9.89 12 9.89S0 15.287 0 21.945C0 28.603 5.373 34 12 34z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M12 31c4.948 0 8.96-4.03 8.96-9s-4.012-9-8.96-9c-4.948 0-8.959 4.03-8.959 9s4.011 9 8.96 9z", fill: "#EDEDED" })] }))),
|
|
749
|
+
bronze: (jsxRuntime.jsxs("svg", __assign({ width: 24, height: 34, viewBox: "0 0 24 34", fill: "none" }, { children: [jsxRuntime.jsx("path", { d: "M15.09 0H8.91C7.886 0 7.058.903 7.058 2.017v14.275h9.882V2.017C16.941.903 16.113 0 15.091 0z", fill: "#F21C40" }), jsxRuntime.jsx("path", { d: "M12 34c6.627 0 12-5.397 12-12.055C24 15.287 18.627 9.89 12 9.89S0 15.287 0 21.945C0 28.603 5.373 34 12 34z", fill: "#CD7E02" }), jsxRuntime.jsx("path", { d: "M12 31c4.948 0 8.96-4.03 8.96-9s-4.012-9-8.96-9c-4.948 0-8.959 4.03-8.959 9s4.011 9 8.96 9z", fill: "#FF9D00" })] }))),
|
|
751
750
|
},
|
|
752
751
|
large: {
|
|
753
|
-
gold: (jsxRuntime.jsxs("svg", __assign({ 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: "#3DC478" }
|
|
754
|
-
silver: (jsxRuntime.jsxs("svg", __assign({ 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: "#1AAFF6" }
|
|
755
|
-
bronze: (jsxRuntime.jsxs("svg", __assign({ 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" }
|
|
752
|
+
gold: (jsxRuntime.jsxs("svg", __assign({ 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: "#3DC478" }), jsxRuntime.jsx("path", { d: "M69.14 0H46.848v29.957H69.14V0z", fill: "#35AA65" }), 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: "#CCAD01" }), jsxRuntime.jsx("path", { d: "M58.006 128.639c28.482 0 51.572-22.866 51.572-51.073s-23.09-51.073-51.572-51.073c-28.483 0-51.572 22.866-51.572 51.073s23.09 51.073 51.572 51.073z", fill: "#FFD801" }), jsxRuntime.jsx("path", { d: "M53.69 95.869l-.088-6.7V75.876c0-.93.087-2.68.284-5.317.174-2.637.305-4.43.371-5.403-3.341 3.739-7.469 6.635-12.426 8.71-1.42-.605-2.686-1.643-3.8-3.112-1.114-1.47-1.79-3.048-2.031-4.777 8.714-5.382 14.741-11.52 18.06-18.437 1.922-.367 4.084-.54 6.486-.54 2.403 0 4.565.173 6.486.54v41.65l-.087 6.7 6.202-.086h5.198c.437 1.535.655 3.372.655 5.512 0 2.139-.218 4.041-.655 5.684H40.149c-.437-2.01-.655-3.89-.655-5.641 0-1.75.218-3.588.655-5.555h7.688l5.852.065z", fill: "#CCAD01" })] }))),
|
|
753
|
+
silver: (jsxRuntime.jsxs("svg", __assign({ 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: "#1AAFF6" }), jsxRuntime.jsx("path", { d: "M69.14 0H46.848v29.957H69.14V0z", fill: "#126994" }), 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: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M58.006 128.639c28.482 0 51.572-22.866 51.572-51.073s-23.09-51.073-51.572-51.073c-28.483 0-51.572 22.866-51.572 51.073s23.09 51.073 51.572 51.073z", fill: "#EDEDED" }), jsxRuntime.jsx("path", { d: "M79 95.507c0 1.812-.086 3.501-.279 5.067-.751 4.284-3.606 6.426-8.563 6.426h-28.35C38.61 103.746 37 101.006 37 98.782c0-4.573 3.648-9.97 10.924-16.17l10.065-8.753c3.456-3.007 5.172-6.056 5.172-9.125 0-1.936-.622-3.522-1.845-4.799-1.224-1.256-2.898-1.895-5.044-1.895-2.146 0-3.949.783-5.45 2.348-1.503 1.566-2.576 3.46-3.199 5.685-1.824 0-3.734-.37-5.751-1.133-2.018-.762-3.413-1.73-4.228-2.945 1.245-4.346 3.648-7.93 7.21-10.752C48.418 48.421 52.925 47 58.42 47c5.494 0 10.043 1.648 13.649 4.964 3.606 3.316 5.408 7.683 5.408 13.1 0 3.604-.966 6.776-2.918 9.495-1.954 2.72-4.765 5.582-8.478 8.59l-6.782 5.602c-4.4 3.501-7.039 6.055-7.919 7.683 4.829-.598 9.508-.907 14.036-.907H79v-.02z", fill: "#C4C4C4" })] }))),
|
|
754
|
+
bronze: (jsxRuntime.jsxs("svg", __assign({ 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" })] }))),
|
|
756
755
|
},
|
|
757
756
|
};
|
|
758
|
-
var Medal = function (props) { return (jsxRuntime.jsx(Wrapper$6, __assign({}, props, { children: medals[props.size || "small"][props.type] })
|
|
757
|
+
var Medal = function (props) { return (jsxRuntime.jsx(Wrapper$6, __assign({}, props, { children: medals[props.size || "small"][props.type] }))); };
|
|
759
758
|
|
|
760
|
-
var Wrapper$5 = styled__default["default"].div(templateObject_1$
|
|
759
|
+
var Wrapper$5 = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\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) {
|
|
761
760
|
var disabled = _a.disabled;
|
|
762
761
|
return (disabled ? "49.5px" : "");
|
|
763
762
|
});
|
|
764
|
-
var StyledInputNumber = styled__default["default"].input(templateObject_2$
|
|
763
|
+
var StyledInputNumber = styled__default["default"].input(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\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) {
|
|
765
764
|
var disabled = _a.disabled;
|
|
766
765
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
767
766
|
}, function (_a) {
|
|
@@ -774,7 +773,7 @@ var StyledInputNumber = styled__default["default"].input(templateObject_2$o || (
|
|
|
774
773
|
var disabled = _a.disabled;
|
|
775
774
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
776
775
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
777
|
-
var templateObject_1$
|
|
776
|
+
var templateObject_1$D, templateObject_2$q;
|
|
778
777
|
|
|
779
778
|
var Number = function (props) {
|
|
780
779
|
var inputRef = React.useRef(null);
|
|
@@ -808,10 +807,10 @@ var Number = function (props) {
|
|
|
808
807
|
props.onChange(newValue);
|
|
809
808
|
}
|
|
810
809
|
};
|
|
811
|
-
return (jsxRuntime.jsxs(Wrapper$5, __assign({ disabled: props.disabled }, { children: [jsxRuntime.jsx(Button, { label: "-", disabled: props.disabled, onClick: decrease, tabIndex: -1, type: "button" }
|
|
810
|
+
return (jsxRuntime.jsxs(Wrapper$5, __assign({ disabled: props.disabled }, { children: [jsxRuntime.jsx(Button, { label: "-", disabled: props.disabled, onClick: decrease, tabIndex: -1, type: "button" }), jsxRuntime.jsx(StyledInputNumber, __assign({ 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" })] })));
|
|
812
811
|
};
|
|
813
812
|
|
|
814
|
-
var StyledParagraph = styled__default["default"].p(templateObject_1$
|
|
813
|
+
var StyledParagraph = styled__default["default"].p(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\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"], ["\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"])), theme.fonts.paragraph, function (_a) {
|
|
815
814
|
var size = _a.size;
|
|
816
815
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
817
816
|
}, function (_a) {
|
|
@@ -843,11 +842,11 @@ var StyledParagraph = styled__default["default"].p(templateObject_1$A || (templa
|
|
|
843
842
|
var align = _a.align;
|
|
844
843
|
return align;
|
|
845
844
|
});
|
|
846
|
-
var templateObject_1$
|
|
845
|
+
var templateObject_1$C;
|
|
847
846
|
|
|
848
|
-
var Paragraph = function (props) { return (jsxRuntime.jsx(StyledParagraph, __assign({}, props, { children: props.children })
|
|
847
|
+
var Paragraph = function (props) { return (jsxRuntime.jsx(StyledParagraph, __assign({}, props, { children: props.children }))); };
|
|
849
848
|
|
|
850
|
-
var StyledRadio = styled__default["default"].div(templateObject_1$
|
|
849
|
+
var StyledRadio = styled__default["default"].div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\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) {
|
|
851
850
|
var checked = _a.checked, disabled = _a.disabled;
|
|
852
851
|
if (disabled)
|
|
853
852
|
return theme.colors.lightGray.darker;
|
|
@@ -875,7 +874,7 @@ var StyledRadio = styled__default["default"].div(templateObject_1$z || (template
|
|
|
875
874
|
return theme.colors.green.base;
|
|
876
875
|
return "";
|
|
877
876
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
878
|
-
var templateObject_1$
|
|
877
|
+
var templateObject_1$B;
|
|
879
878
|
|
|
880
879
|
var Radio = function (props) {
|
|
881
880
|
var _a, _b;
|
|
@@ -904,14 +903,14 @@ var Radio = function (props) {
|
|
|
904
903
|
props.onChange(props.value);
|
|
905
904
|
}
|
|
906
905
|
};
|
|
907
|
-
return (jsxRuntime.jsx(StyledRadio, __assign({ 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 }
|
|
906
|
+
return (jsxRuntime.jsx(StyledRadio, __assign({ 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 }) })));
|
|
908
907
|
};
|
|
909
908
|
|
|
910
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
909
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\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) {
|
|
911
910
|
var disabled = _a.disabled;
|
|
912
911
|
return (disabled ? "not-allowed" : "pointer");
|
|
913
912
|
});
|
|
914
|
-
var StyledSelect = styled__default["default"].select(templateObject_2$
|
|
913
|
+
var StyledSelect = styled__default["default"].select(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\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) {
|
|
915
914
|
var disabled = _a.disabled;
|
|
916
915
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
917
916
|
}, function (_a) {
|
|
@@ -924,7 +923,7 @@ var StyledSelect = styled__default["default"].select(templateObject_2$n || (temp
|
|
|
924
923
|
var isChanged = _a.isChanged;
|
|
925
924
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
926
925
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
927
|
-
var templateObject_1$
|
|
926
|
+
var templateObject_1$A, templateObject_2$p;
|
|
928
927
|
|
|
929
928
|
var Select = function (props) {
|
|
930
929
|
var _a;
|
|
@@ -943,21 +942,21 @@ var Select = function (props) {
|
|
|
943
942
|
props.onChange(e.target.value);
|
|
944
943
|
}
|
|
945
944
|
};
|
|
946
|
-
return (jsxRuntime.jsxs(Wrapper$4, { children: [jsxRuntime.jsx(Icon, { type: "chevronDown", color: "gray", size: "small" }
|
|
945
|
+
return (jsxRuntime.jsxs(Wrapper$4, { children: [jsxRuntime.jsx(Icon, { type: "chevronDown", color: "gray", size: "small" }), jsxRuntime.jsxs(StyledSelect, __assign({}, props, { onChange: onChange, isChanged: isChanged || props.defaultValue, ref: inputRef }, { children: [props.placeholder && jsxRuntime.jsx("option", __assign({ hidden: true }, { children: props.placeholder })), props.children] }))] }));
|
|
947
946
|
};
|
|
948
947
|
|
|
949
|
-
var StyledSpacer = styled__default["default"].div(templateObject_1$
|
|
948
|
+
var StyledSpacer = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
950
949
|
var horizontal = _a.horizontal;
|
|
951
950
|
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
952
951
|
}, function (_a) {
|
|
953
952
|
var vertical = _a.vertical;
|
|
954
953
|
return (vertical ? "".concat(vertical, "px") : "");
|
|
955
954
|
});
|
|
956
|
-
var templateObject_1$
|
|
955
|
+
var templateObject_1$z;
|
|
957
956
|
|
|
958
|
-
var Spacer = function (props) { return (jsxRuntime.jsx(StyledSpacer, __assign({}, props)
|
|
957
|
+
var Spacer = function (props) { return (jsxRuntime.jsx(StyledSpacer, __assign({}, props))); };
|
|
959
958
|
|
|
960
|
-
var StyledSubheading = styled__default["default"].p(templateObject_1$
|
|
959
|
+
var StyledSubheading = styled__default["default"].p(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\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) {
|
|
961
960
|
var size = _a.size;
|
|
962
961
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
963
962
|
}, function (_a) {
|
|
@@ -985,18 +984,18 @@ var StyledSubheading = styled__default["default"].p(templateObject_1$w || (templ
|
|
|
985
984
|
return theme.colors.darkGray.dark;
|
|
986
985
|
}
|
|
987
986
|
});
|
|
988
|
-
var templateObject_1$
|
|
987
|
+
var templateObject_1$y;
|
|
989
988
|
|
|
990
|
-
var Subheading = function (props) { return (jsxRuntime.jsx(StyledSubheading, __assign({}, props, { children: props.children })
|
|
989
|
+
var Subheading = function (props) { return (jsxRuntime.jsx(StyledSubheading, __assign({}, props, { children: props.children }))); };
|
|
991
990
|
|
|
992
|
-
var Container$
|
|
993
|
-
var templateObject_1$
|
|
991
|
+
var Container$i = styled__default["default"].div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\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);
|
|
992
|
+
var templateObject_1$x;
|
|
994
993
|
|
|
995
994
|
var Tag = function (props) {
|
|
996
|
-
return jsxRuntime.jsx(Container$
|
|
995
|
+
return jsxRuntime.jsx(Container$i, { children: props.children });
|
|
997
996
|
};
|
|
998
997
|
|
|
999
|
-
var Container$
|
|
998
|
+
var Container$h = styled__default["default"].div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n width: 46px;\n 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 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) {
|
|
1000
999
|
var disabled = _a.disabled;
|
|
1001
1000
|
return (disabled ? "not-allowed" : "pointer");
|
|
1002
1001
|
}, function (_a) {
|
|
@@ -1014,7 +1013,7 @@ var Container$f = styled__default["default"].div(templateObject_1$u || (template
|
|
|
1014
1013
|
var disabled = _a.disabled;
|
|
1015
1014
|
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.light;
|
|
1016
1015
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
1017
|
-
var templateObject_1$
|
|
1016
|
+
var templateObject_1$w;
|
|
1018
1017
|
|
|
1019
1018
|
var Toggle = function (props) {
|
|
1020
1019
|
var _a;
|
|
@@ -1042,10 +1041,10 @@ var Toggle = function (props) {
|
|
|
1042
1041
|
props.onChange(newValue);
|
|
1043
1042
|
}
|
|
1044
1043
|
};
|
|
1045
|
-
return (jsxRuntime.jsx(Container$
|
|
1044
|
+
return (jsxRuntime.jsx(Container$h, __assign({ 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 }) })));
|
|
1046
1045
|
};
|
|
1047
1046
|
|
|
1048
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_1$
|
|
1047
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\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) {
|
|
1049
1048
|
var level = _a.level;
|
|
1050
1049
|
switch (level) {
|
|
1051
1050
|
case 1:
|
|
@@ -1056,43 +1055,43 @@ var Wrapper$3 = styled__default["default"].div(templateObject_1$t || (templateOb
|
|
|
1056
1055
|
return "70px";
|
|
1057
1056
|
}
|
|
1058
1057
|
});
|
|
1059
|
-
var templateObject_1$
|
|
1058
|
+
var templateObject_1$v;
|
|
1060
1059
|
|
|
1061
1060
|
var trophies = {
|
|
1062
1061
|
1: {
|
|
1063
|
-
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 63 60" }, { children: [jsxRuntime.jsx("path", { d: "M50.575 5.40254H54.9872C59.1356 5.40254 62.5606 8.82713 62.5606 13.0412V18.3096C62.5606 23.1828 59.5974 27.463 55.1196 29.3074L45.4392 33.1269C44.3193 34.7074 43.0023 36.1563 41.4878 37.4733L36.417 41.951L36.4174 50.6611H26.2098V41.8848L21.139 37.4071C19.6901 36.0901 18.3071 34.6412 17.1876 33.0606L7.50723 29.2412C2.96326 27.4629 0 23.117 0 18.2437V12.9754C0 8.82701 3.42447 5.40254 7.57285 5.40254H12.0511V3.29501C12.0511 1.84625 13.2362 0.661133 14.685 0.661133H47.9407C49.3895 0.661133 50.5746 1.84625 50.5746 3.29501L50.575 5.40254ZM5.2681 18.2439C5.2681 20.944 6.91443 23.3147 9.41696 24.3023L13.3679 25.8829C12.446 23.1828 11.9191 20.2852 11.9191 17.3219V10.7366H7.50699C6.25571 10.7366 5.2681 11.7242 5.2681 12.9755V18.2439ZM53.0773 24.3683C55.5798 23.3806 57.2262 21.0099 57.2262 18.3098V13.0415C57.2262 11.7902 56.2386 10.8026 54.9873 10.8026H50.5091V17.3879C50.5091 20.3512 49.9822 23.1831 49.0603 25.9489L53.0773 24.3683Z", fill: "#995E00" }
|
|
1064
|
-
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 77" }, { children: [jsxRuntime.jsx("path", { d: "M52.5471 5.78078H57.1312C61.4414 5.78078 65 9.3389 65 13.7173V19.1911C65 24.2544 61.9212 28.7015 57.2688 30.6177L47.211 34.5861C46.0474 36.2283 44.6791 37.7337 43.1055 39.102L37.837 43.7544L37.8375 67.6611H27.2318V43.6856L21.9633 39.0332C20.4579 37.6649 19.0209 36.1596 17.8578 34.5173L7.79995 30.5489C3.07881 28.7013 0 24.1859 0 19.1227V13.6489C0 9.33878 3.558 5.78078 7.86813 5.78078H12.521V3.59107C12.521 2.08582 13.7523 0.854492 15.2576 0.854492H49.81C51.3153 0.854492 52.5466 2.08582 52.5466 3.59107L52.5471 5.78078ZM5.47352 19.1228C5.47352 21.9282 7.18404 24.3914 9.78414 25.4175L13.8891 27.0597C12.9313 24.2544 12.3839 21.2437 12.3839 18.1649V11.3229H7.7997C6.49963 11.3229 5.47352 12.3489 5.47352 13.649V19.1228ZM55.1469 25.486C57.747 24.4599 59.4575 21.9967 59.4575 19.1913V13.7176C59.4575 12.4175 58.4315 11.3914 57.1314 11.3914H52.4785V18.2335C52.4785 21.3123 51.9311 24.2546 50.9733 27.1283L55.1469 25.486Z", fill: "#C4C4C4" }
|
|
1065
|
-
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 105" }, { children: [jsxRuntime.jsx("path", { d: "M81.7416 6.82101H75.1827L75.182 3.78911C75.182 1.70492 73.4203 0 71.2666 0H21.8301C19.6764 0 17.9146 1.70492 17.9146 3.78911V6.82101H11.2575C5.09067 6.82101 0 11.7475 0 17.7153V25.2944C0 32.3051 4.40506 38.5572 11.1599 41.1154L25.5504 46.6101C27.2145 48.8839 29.2705 50.9683 31.4244 52.8629L38.9624 59.3046V76.2326H35.6342C31.1307 76.2326 27.509 79.7377 27.509 84.0957V88.0746C27.509 89.1168 28.3899 89.8748 29.3691 89.8748H63.73C64.8069 89.8748 65.5901 89.0223 65.5901 88.0746V84.0957C65.5901 79.7375 61.9682 76.2326 57.4649 76.2326H54.1367L54.136 59.3998L61.674 52.9581C63.9254 51.0635 65.8831 48.9792 67.548 46.7053L81.9385 41.2106C88.5949 38.5573 93 32.3998 93 25.3892V17.8101C93 11.7476 87.9084 6.82101 81.7416 6.82101ZM13.9989 34.0103C10.2787 32.5896 7.83134 29.1789 7.83134 25.2946V17.7155C7.83134 15.9154 9.29947 14.4947 11.1596 14.4947H17.7185V23.9683C17.7185 28.2312 18.5017 32.3998 19.8722 36.2842L13.9989 34.0103ZM85.07 25.3895C85.07 29.2739 82.6227 32.6844 78.9025 34.1052L72.931 36.3791C74.3014 32.4001 75.0846 28.3262 75.0846 24.0632V14.5896H81.7418C83.602 14.5896 85.07 16.0103 85.07 17.8104V25.3895Z", fill: "#FF9D00" }
|
|
1062
|
+
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 63 60" }, { children: [jsxRuntime.jsx("path", { d: "M50.575 5.40254H54.9872C59.1356 5.40254 62.5606 8.82713 62.5606 13.0412V18.3096C62.5606 23.1828 59.5974 27.463 55.1196 29.3074L45.4392 33.1269C44.3193 34.7074 43.0023 36.1563 41.4878 37.4733L36.417 41.951L36.4174 50.6611H26.2098V41.8848L21.139 37.4071C19.6901 36.0901 18.3071 34.6412 17.1876 33.0606L7.50723 29.2412C2.96326 27.4629 0 23.117 0 18.2437V12.9754C0 8.82701 3.42447 5.40254 7.57285 5.40254H12.0511V3.29501C12.0511 1.84625 13.2362 0.661133 14.685 0.661133H47.9407C49.3895 0.661133 50.5746 1.84625 50.5746 3.29501L50.575 5.40254ZM5.2681 18.2439C5.2681 20.944 6.91443 23.3147 9.41696 24.3023L13.3679 25.8829C12.446 23.1828 11.9191 20.2852 11.9191 17.3219V10.7366H7.50699C6.25571 10.7366 5.2681 11.7242 5.2681 12.9755V18.2439ZM53.0773 24.3683C55.5798 23.3806 57.2262 21.0099 57.2262 18.3098V13.0415C57.2262 11.7902 56.2386 10.8026 54.9873 10.8026H50.5091V17.3879C50.5091 20.3512 49.9822 23.1831 49.0603 25.9489L53.0773 24.3683Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M26.0051 49.6611H23.6789C20.5313 49.6611 18 52.1926 18 55.3401V58.2137C18 58.9664 18.6157 59.5138 19.3001 59.5138H43.3158C44.0684 59.5138 44.6159 58.8982 44.6159 58.2137V55.3401C44.6159 52.1925 42.0844 49.6611 38.937 49.6611H36.6108H26.0051Z", fill: "#75301C" })] }))),
|
|
1063
|
+
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 77" }, { children: [jsxRuntime.jsx("path", { d: "M52.5471 5.78078H57.1312C61.4414 5.78078 65 9.3389 65 13.7173V19.1911C65 24.2544 61.9212 28.7015 57.2688 30.6177L47.211 34.5861C46.0474 36.2283 44.6791 37.7337 43.1055 39.102L37.837 43.7544L37.8375 67.6611H27.2318V43.6856L21.9633 39.0332C20.4579 37.6649 19.0209 36.1596 17.8578 34.5173L7.79995 30.5489C3.07881 28.7013 0 24.1859 0 19.1227V13.6489C0 9.33878 3.558 5.78078 7.86813 5.78078H12.521V3.59107C12.521 2.08582 13.7523 0.854492 15.2576 0.854492H49.81C51.3153 0.854492 52.5466 2.08582 52.5466 3.59107L52.5471 5.78078ZM5.47352 19.1228C5.47352 21.9282 7.18404 24.3914 9.78414 25.4175L13.8891 27.0597C12.9313 24.2544 12.3839 21.2437 12.3839 18.1649V11.3229H7.7997C6.49963 11.3229 5.47352 12.3489 5.47352 13.649V19.1228ZM55.1469 25.486C57.747 24.4599 59.4575 21.9967 59.4575 19.1913V13.7176C59.4575 12.4175 58.4315 11.3914 57.1314 11.3914H52.4785V18.2335C52.4785 21.3123 51.9311 24.2546 50.9733 27.1283L55.1469 25.486Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M27.0051 66.6611H24.6789C21.5313 66.6611 19 69.1926 19 72.3401V75.2137C19 75.9664 19.6157 76.5138 20.3001 76.5138H44.3158C45.0684 76.5138 45.6159 75.8982 45.6159 75.2137V72.3401C45.6159 69.1925 43.0844 66.6611 39.937 66.6611H37.6108H27.0051Z", fill: "#75301C" })] }))),
|
|
1064
|
+
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 105" }, { children: [jsxRuntime.jsx("path", { d: "M81.7416 6.82101H75.1827L75.182 3.78911C75.182 1.70492 73.4203 0 71.2666 0H21.8301C19.6764 0 17.9146 1.70492 17.9146 3.78911V6.82101H11.2575C5.09067 6.82101 0 11.7475 0 17.7153V25.2944C0 32.3051 4.40506 38.5572 11.1599 41.1154L25.5504 46.6101C27.2145 48.8839 29.2705 50.9683 31.4244 52.8629L38.9624 59.3046V76.2326H35.6342C31.1307 76.2326 27.509 79.7377 27.509 84.0957V88.0746C27.509 89.1168 28.3899 89.8748 29.3691 89.8748H63.73C64.8069 89.8748 65.5901 89.0223 65.5901 88.0746V84.0957C65.5901 79.7375 61.9682 76.2326 57.4649 76.2326H54.1367L54.136 59.3998L61.674 52.9581C63.9254 51.0635 65.8831 48.9792 67.548 46.7053L81.9385 41.2106C88.5949 38.5573 93 32.3998 93 25.3892V17.8101C93 11.7476 87.9084 6.82101 81.7416 6.82101ZM13.9989 34.0103C10.2787 32.5896 7.83134 29.1789 7.83134 25.2946V17.7155C7.83134 15.9154 9.29947 14.4947 11.1596 14.4947H17.7185V23.9683C17.7185 28.2312 18.5017 32.3998 19.8722 36.2842L13.9989 34.0103ZM85.07 25.3895C85.07 29.2739 82.6227 32.6844 78.9025 34.1052L72.931 36.3791C74.3014 32.4001 75.0846 28.3262 75.0846 24.0632V14.5896H81.7418C83.602 14.5896 85.07 16.0103 85.07 17.8104V25.3895Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M26.3095 79.663H67.8053C68.4581 79.663 69.0842 80.0199 69.5459 80.6553C70.0075 81.2907 70.2668 82.1524 70.2668 83.051V104.661H23.7814V83.4173C23.7431 82.9348 23.7806 82.4466 23.8913 81.9857C24.0019 81.5248 24.1833 81.1021 24.423 80.7461C24.6628 80.3901 24.9553 80.1092 25.2807 79.9223C25.6062 79.7354 25.957 79.647 26.3095 79.663Z", fill: "#75301C" })] }))),
|
|
1066
1065
|
},
|
|
1067
1066
|
2: {
|
|
1068
|
-
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 52" }, { children: [jsxRuntime.jsx("path", { d: "M54.4751 3.28464C54.0813 2.89116 53.5562 2.62899 53.0315 2.62899L45.8749 2.62855V0.661133H9.12529V2.62855H1.96877C1.44362 2.62855 0.91891 2.89072 0.525156 3.2842C0.131401 3.67813 0 4.20248 0 4.85859C0.525156 16.0074 4.40024 25.3197 15.1623 29.5165C17.5249 34.107 20.4125 37.3862 23.5626 38.8288V45.1032L15.4865 48.2889C14.3405 48.741 13.5873 49.8477 13.5873 51.0796V51.6611H41.4122V51.0796C41.4122 49.8477 40.6591 48.741 39.5131 48.2889L31.4374 45.1032V38.6979C34.5875 37.2553 37.4751 33.9761 39.8377 29.3856C50.6 25.3195 54.4746 16.0072 55 4.85814C55 4.20204 54.8688 3.67813 54.4751 3.28464ZM4.19945 6.69468H9.38719C9.91235 13.1217 11.0936 19.0242 12.931 24.0079C6.10576 20.3353 5.25021 14.0396 4.19945 6.69468ZM42.069 24.0079C43.7754 19.024 45.0876 13.1217 45.6128 6.56315H50.8006C49.7503 14.0393 48.8945 20.3351 42.069 24.0079Z", fill: "#995E00" }
|
|
1069
|
-
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 65" }, { children: [jsxRuntime.jsx("path", { d: "M64.4584 3.36927C64.0522 2.9631 63.5103 2.69247 62.969 2.69247L51.4583 2.69201V0.661133H13.542V2.69201H2.03127C1.48944 2.69201 0.948082 2.96264 0.541827 3.36882C0.135573 3.77545 0 4.31672 0 4.99399C0.541827 16.5025 8.66691 26.1152 19.7707 30.4473C22.2082 35.1859 25.1875 38.5708 28.4376 40.06V57.8917L20.0443 61.2041C18.8986 61.6563 18.1456 62.7629 18.1456 63.9947V64.6611H46.8539V63.9946C46.8539 62.7629 46.101 61.6563 44.9552 61.2041L36.5624 57.8917V39.9249C39.8125 38.4358 42.7918 35.0508 45.2293 30.3122C56.3333 26.1149 64.4579 16.5022 65 4.99353C65 4.31627 64.8647 3.77545 64.4584 3.36927ZM4.33276 6.88931H13.8122C14.354 13.5237 15.5728 19.6166 17.4685 24.7611C10.4266 20.9699 5.41688 14.4711 4.33276 6.88931ZM47.5315 24.7611C49.2921 19.6163 50.646 13.5237 51.1878 6.75354H60.6672C59.5836 14.4709 54.5737 20.9697 47.5315 24.7611Z", fill: "#C4C4C4" }
|
|
1070
|
-
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 91" }, { children: [jsxRuntime.jsx("path", { d: "M16.5332 81.6611C16.5332 80.5566 17.4286 79.6611 18.5332 79.6611H74.4665C75.5711 79.6611 76.4665 80.5566 76.4665 81.6611V88.6611C76.4665 89.7657 75.5711 90.6611 74.4665 90.6611H18.5332C17.4286 90.6611 16.5332 89.7657 16.5332 88.6611V81.6611Z", fill: "#75301C" }
|
|
1067
|
+
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 52" }, { children: [jsxRuntime.jsx("path", { d: "M54.4751 3.28464C54.0813 2.89116 53.5562 2.62899 53.0315 2.62899L45.8749 2.62855V0.661133H9.12529V2.62855H1.96877C1.44362 2.62855 0.91891 2.89072 0.525156 3.2842C0.131401 3.67813 0 4.20248 0 4.85859C0.525156 16.0074 4.40024 25.3197 15.1623 29.5165C17.5249 34.107 20.4125 37.3862 23.5626 38.8288V45.1032L15.4865 48.2889C14.3405 48.741 13.5873 49.8477 13.5873 51.0796V51.6611H41.4122V51.0796C41.4122 49.8477 40.6591 48.741 39.5131 48.2889L31.4374 45.1032V38.6979C34.5875 37.2553 37.4751 33.9761 39.8377 29.3856C50.6 25.3195 54.4746 16.0072 55 4.85814C55 4.20204 54.8688 3.67813 54.4751 3.28464ZM4.19945 6.69468H9.38719C9.91235 13.1217 11.0936 19.0242 12.931 24.0079C6.10576 20.3353 5.25021 14.0396 4.19945 6.69468ZM42.069 24.0079C43.7754 19.024 45.0876 13.1217 45.6128 6.56315H50.8006C49.7503 14.0393 48.8945 20.3351 42.069 24.0079Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M23.2919 44.8916L14.8987 48.204C13.7529 48.6562 13 49.7628 13 50.9946V51.6611H41.7083V50.9945C41.7083 49.7628 40.9553 48.6562 39.8096 48.204L31.4168 44.8916H23.2919Z", fill: "#75301C" })] }))),
|
|
1068
|
+
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 65" }, { children: [jsxRuntime.jsx("path", { d: "M64.4584 3.36927C64.0522 2.9631 63.5103 2.69247 62.969 2.69247L51.4583 2.69201V0.661133H13.542V2.69201H2.03127C1.48944 2.69201 0.948082 2.96264 0.541827 3.36882C0.135573 3.77545 0 4.31672 0 4.99399C0.541827 16.5025 8.66691 26.1152 19.7707 30.4473C22.2082 35.1859 25.1875 38.5708 28.4376 40.06V57.8917L20.0443 61.2041C18.8986 61.6563 18.1456 62.7629 18.1456 63.9947V64.6611H46.8539V63.9946C46.8539 62.7629 46.101 61.6563 44.9552 61.2041L36.5624 57.8917V39.9249C39.8125 38.4358 42.7918 35.0508 45.2293 30.3122C56.3333 26.1149 64.4579 16.5022 65 4.99353C65 4.31627 64.8647 3.77545 64.4584 3.36927ZM4.33276 6.88931H13.8122C14.354 13.5237 15.5728 19.6166 17.4685 24.7611C10.4266 20.9699 5.41688 14.4711 4.33276 6.88931ZM47.5315 24.7611C49.2921 19.6163 50.646 13.5237 51.1878 6.75354H60.6672C59.5836 14.4709 54.5737 20.9697 47.5315 24.7611Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M28.2919 57.8916L19.8987 61.204C18.7529 61.6562 18 62.7628 18 63.9946V64.6611H46.7083V63.9945C46.7083 62.7628 45.9553 61.6562 44.8096 61.204L36.4168 57.8916H28.2919Z", fill: "#75301C" })] }))),
|
|
1069
|
+
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 91" }, { children: [jsxRuntime.jsx("path", { d: "M16.5332 81.6611C16.5332 80.5566 17.4286 79.6611 18.5332 79.6611H74.4665C75.5711 79.6611 76.4665 80.5566 76.4665 81.6611V88.6611C76.4665 89.7657 75.5711 90.6611 74.4665 90.6611H18.5332C17.4286 90.6611 16.5332 89.7657 16.5332 88.6611V81.6611Z", fill: "#75301C" }), jsxRuntime.jsx("path", { d: "M92.2251 4.41159C91.6439 3.84908 90.8686 3.47429 90.0941 3.47429L73.6249 3.47366V0.661133H19.3754V3.47366H2.90628C2.13105 3.47366 1.35649 3.84845 0.77523 4.41096C0.193973 4.97409 0 5.72369 0 6.66163C0.77523 22.5995 12.4004 35.9119 28.2873 41.9115C31.7748 48.4738 36.0376 53.1616 40.6876 55.2239V70.2245L27.8917 75.1125C26.7298 75.5563 25.9622 76.6712 25.9622 77.915V79.5994H67.0371V77.9149C67.0371 76.6711 66.2696 75.5563 65.1077 75.1125L52.3124 70.2245V55.0368C56.9624 52.9745 61.2252 48.2867 64.7128 41.7244C80.6 35.9116 92.2244 22.5992 93 6.66098C93 5.72306 92.8064 4.97409 92.2251 4.41159ZM6.19918 9.28642H19.7621C20.5373 18.4742 22.281 26.9121 24.9934 34.0367C14.918 28.7864 7.75031 19.7863 6.19918 9.28642ZM68.0067 34.0367C70.5257 26.9118 72.4627 18.4742 73.238 9.09839H86.8008C85.2504 19.786 78.0823 28.7861 68.0067 34.0367Z", fill: "#FF9D00" })] }))),
|
|
1071
1070
|
},
|
|
1072
1071
|
3: {
|
|
1073
|
-
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 62" }, { children: [jsxRuntime.jsx("path", { d: "M41.7804 30.9225C40.4073 33.9488 38.2101 36.4246 34.6402 37.8001C33.5418 38.0754 32.9923 39.1757 32.9923 40.2759V48.9101C32.9923 50.5609 34.0907 51.6611 35.7386 51.6611H19.2613C20.9092 51.6611 22.0076 50.5609 22.0076 48.9101V40.2759C22.0076 39.1757 21.4581 38.0754 20.3601 37.8001C17.0646 36.4246 14.5931 33.9488 13.2199 30.9225H12.6704C9.6496 30.9225 7.17808 30.0976 5.25565 28.1715C-0.348449 22.8124 -0.0453965 11.7719 0.0277328 9.10354C0.033517 8.89523 0.0378552 8.73817 0.0378552 8.63898C0.312606 7.53873 0.861696 6.71375 1.96049 6.43848C2.78413 5.88794 3.88251 6.16321 4.70615 6.98819C7.45242 9.46478 10.748 8.91424 10.748 8.91424H11.0227V6.16321C9.37485 6.16321 8.27647 5.06296 8.27647 3.41217C8.27647 1.76138 9.37485 0.661133 11.0227 0.661133H43.9772C45.6251 0.661133 46.7235 1.76138 46.7235 3.41217C46.7235 5.06296 45.6251 6.16321 43.9772 6.16321V8.91424H44.2519C44.5265 8.91424 47.5471 9.46478 50.5681 6.71375C51.1174 5.88794 52.2158 5.88794 53.3142 6.16321C54.1384 6.71292 54.9621 7.53873 54.9621 8.63898C54.9621 8.73817 54.9664 8.89523 54.9722 9.10354C55.0455 11.7719 55.3486 22.8124 49.7447 28.1715C47.8223 29.8223 45.076 30.9225 42.3297 30.9225H41.7804ZM45.8998 24.3202C48.3713 22.1189 49.195 17.4426 49.4697 13.8658C47.4006 14.5568 45.5238 14.4767 44.4843 14.432C44.2821 14.4238 44.1115 14.4163 43.9774 14.4163V19.9184C43.9774 21.8445 43.7026 23.4952 43.4283 25.4205C44.5267 25.4205 45.3503 24.8708 45.8998 24.3202ZM5.53061 13.8658C5.80515 17.4426 6.62899 21.8445 9.10051 24.045C9.64981 24.8699 10.4736 25.1452 11.5724 25.4205C11.2977 23.7697 11.0229 21.8445 11.0229 19.9184V14.4163C10.1993 14.4163 8.00213 14.4163 5.53061 13.8658Z", fill: "#995E00" }
|
|
1074
|
-
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 71" }, { children: [jsxRuntime.jsx("path", { d: "M49.377 36.4111C47.7542 39.9863 45.1575 42.9111 40.9385 44.5361C39.6404 44.8613 38.991 46.1611 38.991 47.4609V57.6611C38.991 59.6113 40.2891 60.9111 42.2366 60.9111H22.7635C24.711 60.9111 26.0091 59.6113 26.0091 57.6611V47.4609C26.0091 46.1611 25.3597 44.8613 24.0621 44.5361C20.1673 42.9111 17.2464 39.9863 15.6236 36.4111H14.9742C11.4041 36.4111 8.48322 35.4365 6.21124 33.1611C-0.411805 26.8301 -0.0536506 13.7871 0.0327752 10.6348C0.0396111 10.3887 0.0447381 10.2031 0.0447381 10.0859C0.369445 8.78613 1.01837 7.81152 2.31695 7.48633C3.29034 6.83594 4.58844 7.16113 5.56183 8.13574C8.80743 11.0615 12.7022 10.4111 12.7022 10.4111H13.0269V7.16113C11.0794 7.16113 9.78131 5.86133 9.78131 3.91113C9.78131 1.96094 11.0794 0.661133 13.0269 0.661133H51.9732C53.9207 0.661133 55.2188 1.96094 55.2188 3.91113C55.2188 5.86133 53.9207 7.16113 51.9732 7.16113V10.4111H52.2979C52.6224 10.4111 56.1922 11.0615 59.7625 7.81152C60.4117 6.83594 61.7098 6.83594 63.0079 7.16113C63.982 7.81055 64.9554 8.78613 64.9554 10.0859C64.9554 10.2031 64.9605 10.3887 64.9673 10.6348C65.054 13.7871 65.4122 26.8301 58.7894 33.1611C56.5174 35.1113 53.2718 36.4111 50.0262 36.4111H49.377ZM54.2454 28.6113C57.1663 26.0107 58.1397 20.4863 58.4644 16.2607C56.0191 17.0771 53.8011 16.9824 52.5726 16.9297C52.3336 16.9199 52.1319 16.9111 51.9734 16.9111V23.4111C51.9734 25.6865 51.6487 27.6367 51.3245 29.9111C52.6226 29.9111 53.596 29.2617 54.2454 28.6113ZM6.53619 16.2607C6.86066 20.4863 7.83429 25.6865 10.7552 28.2861C11.4044 29.2607 12.378 29.5859 13.6766 29.9111C13.3519 27.9609 13.0272 25.6865 13.0272 23.4111V16.9111C12.0538 16.9111 9.45709 16.9111 6.53619 16.2607Z", fill: "#C4C4C4" }
|
|
1075
|
-
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 91" }, { children: [jsxRuntime.jsx("path", { d: "M58.5735 61.4112C64.6098 59.1612 68.3252 55.1113 70.647 50.1611H71.576C76.2196 50.1611 80.8632 48.3613 84.114 45.6611C94.329 36.211 92.936 15.9611 92.936 13.7111C92.936 11.9112 91.5432 10.5607 90.1497 9.66122C88.2924 9.21109 86.4352 9.21109 85.5061 10.5615C80.398 15.0615 75.2905 14.1612 74.8262 14.1612H74.3617V9.66115C77.148 9.66115 79.0053 7.86131 79.0053 5.16114C79.0053 2.46098 77.148 0.661133 74.3617 0.661133H18.6385C15.8521 0.661133 13.9949 2.46098 13.9949 5.16114C13.9949 7.86131 15.8521 9.66115 18.6385 9.66115V14.1612H18.174C18.174 14.1612 12.6013 15.0614 7.95773 11.0108C6.56491 9.66109 4.70754 9.21099 3.31479 10.1112C1.45685 10.5613 0.528467 11.911 0.063941 13.7109C0.063941 15.9609 -1.32887 36.2109 8.88661 45.661C12.1375 48.8113 16.3165 50.161 21.4247 50.161H22.3537C24.6755 55.1111 28.8545 59.161 34.4272 61.411C36.2838 61.8611 37.2128 63.661 37.2128 65.4608V68.161C37.2128 70.8612 35.3556 72.661 32.5692 72.661C31.337 72.661 60.4308 72.661 60.4308 72.661C57.6445 72.661 55.7872 70.8612 55.7872 68.161V65.4608C55.7872 63.661 56.7161 61.8613 58.5735 61.4112ZM83.6489 22.2611C83.1844 28.1108 81.7916 35.7611 77.6126 39.3611C76.6836 40.2614 75.2908 41.161 73.4335 41.161C73.8973 38.0113 74.3618 35.3118 74.3618 32.1616V23.1616C75.7546 23.1616 79.4698 23.6115 83.6489 22.2611ZM15.388 38.9111C11.2089 35.3114 9.816 28.1113 9.35164 22.2611C13.5307 23.1613 17.2461 23.1613 18.6388 23.1613V32.1614C18.6388 35.3117 19.1033 38.4612 19.5678 41.1614C17.7099 40.7113 16.3169 40.2609 15.388 38.9111Z", fill: "#FF9D00" }
|
|
1072
|
+
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 62" }, { children: [jsxRuntime.jsx("path", { d: "M41.7804 30.9225C40.4073 33.9488 38.2101 36.4246 34.6402 37.8001C33.5418 38.0754 32.9923 39.1757 32.9923 40.2759V48.9101C32.9923 50.5609 34.0907 51.6611 35.7386 51.6611H19.2613C20.9092 51.6611 22.0076 50.5609 22.0076 48.9101V40.2759C22.0076 39.1757 21.4581 38.0754 20.3601 37.8001C17.0646 36.4246 14.5931 33.9488 13.2199 30.9225H12.6704C9.6496 30.9225 7.17808 30.0976 5.25565 28.1715C-0.348449 22.8124 -0.0453965 11.7719 0.0277328 9.10354C0.033517 8.89523 0.0378552 8.73817 0.0378552 8.63898C0.312606 7.53873 0.861696 6.71375 1.96049 6.43848C2.78413 5.88794 3.88251 6.16321 4.70615 6.98819C7.45242 9.46478 10.748 8.91424 10.748 8.91424H11.0227V6.16321C9.37485 6.16321 8.27647 5.06296 8.27647 3.41217C8.27647 1.76138 9.37485 0.661133 11.0227 0.661133H43.9772C45.6251 0.661133 46.7235 1.76138 46.7235 3.41217C46.7235 5.06296 45.6251 6.16321 43.9772 6.16321V8.91424H44.2519C44.5265 8.91424 47.5471 9.46478 50.5681 6.71375C51.1174 5.88794 52.2158 5.88794 53.3142 6.16321C54.1384 6.71292 54.9621 7.53873 54.9621 8.63898C54.9621 8.73817 54.9664 8.89523 54.9722 9.10354C55.0455 11.7719 55.3486 22.8124 49.7447 28.1715C47.8223 29.8223 45.076 30.9225 42.3297 30.9225H41.7804ZM45.8998 24.3202C48.3713 22.1189 49.195 17.4426 49.4697 13.8658C47.4006 14.5568 45.5238 14.4767 44.4843 14.432C44.2821 14.4238 44.1115 14.4163 43.9774 14.4163V19.9184C43.9774 21.8445 43.7026 23.4952 43.4283 25.4205C44.5267 25.4205 45.3503 24.8708 45.8998 24.3202ZM5.53061 13.8658C5.80515 17.4426 6.62899 21.8445 9.10051 24.045C9.64981 24.8699 10.4736 25.1452 11.5724 25.4205C11.2977 23.7697 11.0229 21.8445 11.0229 19.9184V14.4163C10.1993 14.4163 8.00213 14.4163 5.53061 13.8658Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M14.5963 53.411C14.8053 52.1611 15.4912 51.6611 16.3867 51.6611H38.4107C39.3055 51.6611 39.9915 52.1611 40.2011 53.411L41.7819 60.4111C41.8984 61.6611 41.3342 61.6611 39.9915 61.6611H14.8053C13.4626 61.6611 12.8984 61.6611 13.0149 60.4111L14.5963 53.411Z", fill: "#75301C" })] }))),
|
|
1073
|
+
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 71" }, { children: [jsxRuntime.jsx("path", { d: "M49.377 36.4111C47.7542 39.9863 45.1575 42.9111 40.9385 44.5361C39.6404 44.8613 38.991 46.1611 38.991 47.4609V57.6611C38.991 59.6113 40.2891 60.9111 42.2366 60.9111H22.7635C24.711 60.9111 26.0091 59.6113 26.0091 57.6611V47.4609C26.0091 46.1611 25.3597 44.8613 24.0621 44.5361C20.1673 42.9111 17.2464 39.9863 15.6236 36.4111H14.9742C11.4041 36.4111 8.48322 35.4365 6.21124 33.1611C-0.411805 26.8301 -0.0536506 13.7871 0.0327752 10.6348C0.0396111 10.3887 0.0447381 10.2031 0.0447381 10.0859C0.369445 8.78613 1.01837 7.81152 2.31695 7.48633C3.29034 6.83594 4.58844 7.16113 5.56183 8.13574C8.80743 11.0615 12.7022 10.4111 12.7022 10.4111H13.0269V7.16113C11.0794 7.16113 9.78131 5.86133 9.78131 3.91113C9.78131 1.96094 11.0794 0.661133 13.0269 0.661133H51.9732C53.9207 0.661133 55.2188 1.96094 55.2188 3.91113C55.2188 5.86133 53.9207 7.16113 51.9732 7.16113V10.4111H52.2979C52.6224 10.4111 56.1922 11.0615 59.7625 7.81152C60.4117 6.83594 61.7098 6.83594 63.0079 7.16113C63.982 7.81055 64.9554 8.78613 64.9554 10.0859C64.9554 10.2031 64.9605 10.3887 64.9673 10.6348C65.054 13.7871 65.4122 26.8301 58.7894 33.1611C56.5174 35.1113 53.2718 36.4111 50.0262 36.4111H49.377ZM54.2454 28.6113C57.1663 26.0107 58.1397 20.4863 58.4644 16.2607C56.0191 17.0771 53.8011 16.9824 52.5726 16.9297C52.3336 16.9199 52.1319 16.9111 51.9734 16.9111V23.4111C51.9734 25.6865 51.6487 27.6367 51.3245 29.9111C52.6226 29.9111 53.596 29.2617 54.2454 28.6113ZM6.53619 16.2607C6.86066 20.4863 7.83429 25.6865 10.7552 28.2861C11.4044 29.2607 12.378 29.5859 13.6766 29.9111C13.3519 27.9609 13.0272 25.6865 13.0272 23.4111V16.9111C12.0538 16.9111 9.45709 16.9111 6.53619 16.2607Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M18.6979 62.411C18.9068 61.1611 19.5928 60.6611 20.4883 60.6611H44.5122C45.4071 60.6611 46.0931 61.1611 46.3026 62.411L47.8835 69.4111C48 70.6611 47.4357 70.6611 46.0931 70.6611H18.9068C17.5642 70.6611 17 70.6611 17.1164 69.4111L18.6979 62.411Z", fill: "#75301C" })] }))),
|
|
1074
|
+
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 91" }, { children: [jsxRuntime.jsx("path", { d: "M58.5735 61.4112C64.6098 59.1612 68.3252 55.1113 70.647 50.1611H71.576C76.2196 50.1611 80.8632 48.3613 84.114 45.6611C94.329 36.211 92.936 15.9611 92.936 13.7111C92.936 11.9112 91.5432 10.5607 90.1497 9.66122C88.2924 9.21109 86.4352 9.21109 85.5061 10.5615C80.398 15.0615 75.2905 14.1612 74.8262 14.1612H74.3617V9.66115C77.148 9.66115 79.0053 7.86131 79.0053 5.16114C79.0053 2.46098 77.148 0.661133 74.3617 0.661133H18.6385C15.8521 0.661133 13.9949 2.46098 13.9949 5.16114C13.9949 7.86131 15.8521 9.66115 18.6385 9.66115V14.1612H18.174C18.174 14.1612 12.6013 15.0614 7.95773 11.0108C6.56491 9.66109 4.70754 9.21099 3.31479 10.1112C1.45685 10.5613 0.528467 11.911 0.063941 13.7109C0.063941 15.9609 -1.32887 36.2109 8.88661 45.661C12.1375 48.8113 16.3165 50.161 21.4247 50.161H22.3537C24.6755 55.1111 28.8545 59.161 34.4272 61.411C36.2838 61.8611 37.2128 63.661 37.2128 65.4608V68.161C37.2128 70.8612 35.3556 72.661 32.5692 72.661C31.337 72.661 60.4308 72.661 60.4308 72.661C57.6445 72.661 55.7872 70.8612 55.7872 68.161V65.4608C55.7872 63.661 56.7161 61.8613 58.5735 61.4112ZM83.6489 22.2611C83.1844 28.1108 81.7916 35.7611 77.6126 39.3611C76.6836 40.2614 75.2908 41.161 73.4335 41.161C73.8973 38.0113 74.3618 35.3118 74.3618 32.1616V23.1616C75.7546 23.1616 79.4698 23.6115 83.6489 22.2611ZM15.388 38.9111C11.2089 35.3114 9.816 28.1113 9.35164 22.2611C13.5307 23.1613 17.2461 23.1613 18.6388 23.1613V32.1614C18.6388 35.3117 19.1033 38.4612 19.5678 41.1614C17.7099 40.7113 16.3169 40.2609 15.388 38.9111Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M22.4359 74.0109C22.9004 73.1113 23.3642 72.6611 24.2932 72.6611H68.8717C69.8 72.6611 70.729 73.1106 70.729 74.0109L74.4436 88.4112C74.9081 89.761 73.9791 90.6612 72.5863 90.6612H20.578C19.1852 90.6612 18.2562 89.761 18.7207 88.4112L22.4359 74.0109Z", fill: "#75301C" })] }))),
|
|
1076
1075
|
},
|
|
1077
1076
|
4: {
|
|
1078
|
-
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 60" }, { children: [jsxRuntime.jsx("path", { d: "M24.1305 37.4803H30.8691C32.3837 37.4803 33.6303 36.2337 33.6303 34.7192C33.6303 33.2045 32.3836 31.958 30.8691 31.958H24.1305C22.6159 31.958 21.3694 33.2046 21.3694 34.7192C21.3694 36.2438 22.616 37.4803 24.1305 37.4803Z", fill: "#995E00" }
|
|
1079
|
-
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 71" }, { children: [jsxRuntime.jsx("path", { d: "M28.5178 44.4414H36.4816C38.2716 44.4414 39.7448 42.9681 39.7448 41.1782C39.7448 39.3882 38.2715 37.915 36.4816 37.915H28.5178C26.7278 37.915 25.2546 39.3883 25.2546 41.1782C25.2546 42.98 26.7279 44.4414 28.5178 44.4414Z", fill: "#C4C4C4" }
|
|
1080
|
-
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 84" }, { children: [jsxRuntime.jsx("path", { d: "M42.7819 59.3778H50.2175C51.8888 59.3778 53.2643 58.0152 53.2643 56.3598C53.2643 54.7043 51.8887 53.3418 50.2175 53.3418H42.7819C41.1106 53.3418 39.7351 54.7044 39.7351 56.3598C39.7351 58.0263 41.1107 59.3778 42.7819 59.3778Z", fill: "#FF9D00" }
|
|
1077
|
+
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 60" }, { children: [jsxRuntime.jsx("path", { d: "M24.1305 37.4803H30.8691C32.3837 37.4803 33.6303 36.2337 33.6303 34.7192C33.6303 33.2045 32.3836 31.958 30.8691 31.958H24.1305C22.6159 31.958 21.3694 33.2046 21.3694 34.7192C21.3694 36.2438 22.616 37.4803 24.1305 37.4803Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M11.1738 17.1351L5.16662 12.6629C3.00317 11.0455 2.54962 7.96494 4.16717 5.801C4.97072 4.719 6.14519 4.05964 7.39231 3.88466C8.63895 3.69919 9.94763 3.99803 11.0296 4.80158L11.0709 4.83241V1.1956C7.75331 -0.113082 3.83806 0.886326 1.60187 3.88474C-1.06687 7.4703 -0.32491 12.5601 3.26065 15.2288L12.3174 21.9674C11.7197 20.4318 11.3383 18.8039 11.1737 17.1352L11.1738 17.1351Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M53.3982 3.8857C51.1621 0.887392 47.2469 -0.112125 43.9292 1.19656V4.82341L43.9705 4.79258C45.0525 3.98903 46.3712 3.69019 47.6078 3.87566C48.8544 4.06112 50.0289 4.71004 50.8329 5.792C52.4504 7.96589 51.997 11.0468 49.8335 12.6539L43.8268 17.1256C43.6617 18.7948 43.2808 20.4228 42.6831 21.9578L51.7398 15.2192C55.3249 12.5609 56.0669 7.47117 53.3981 3.88561L53.3982 3.8857Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M20.4523 30.3339C21.4314 30.7973 22.2554 31.4776 22.8838 32.3119C23.2856 32.209 23.6978 32.1265 24.1304 32.1265H30.869C31.3016 32.1265 31.7138 32.1986 32.1156 32.3119C32.7441 31.4875 33.5686 30.7973 34.5575 30.3339C40.1937 27.6861 44.0985 21.9574 44.0985 15.3114V0.628906H10.9011V15.3114C10.9011 21.9571 14.8059 27.6854 20.4526 30.3339H20.4523Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M11.5403 45.4718H43.4711C42.4821 43.0607 40.1327 41.3607 37.3716 41.3607C34.6104 41.3607 32.2609 39.6711 31.2615 37.2803C31.1377 37.2907 31.004 37.3215 30.8802 37.3215H24.1416C24.0078 37.3215 23.884 37.2907 23.7602 37.2803C22.7608 39.6706 20.4118 41.3607 17.6502 41.3607C14.8691 41.3607 12.5196 43.0607 11.541 45.4718H11.5403Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M44.5313 45.3027H10.4681C7.26384 45.3027 4.66724 47.8993 4.66724 51.1036V59.6969H50.3322V51.114C50.3322 47.9098 47.7356 45.3027 44.5313 45.3027Z", fill: "#75301C" })] }))),
|
|
1078
|
+
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 71" }, { children: [jsxRuntime.jsx("path", { d: "M28.5178 44.4414H36.4816C38.2716 44.4414 39.7448 42.9681 39.7448 41.1782C39.7448 39.3882 38.2715 37.915 36.4816 37.915H28.5178C26.7278 37.915 25.2546 39.3883 25.2546 41.1782C25.2546 42.98 26.7279 44.4414 28.5178 44.4414Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M13.2054 20.3974L6.10602 15.1122C3.5492 13.2006 3.01319 9.55996 4.92484 7.00257C5.87449 5.72385 7.26251 4.9446 8.73638 4.7378C10.2097 4.51862 11.7563 4.87178 13.035 5.82143L13.0838 5.85787V1.55983C9.16302 0.0131965 4.5359 1.19432 1.89312 4.7379C-1.26084 8.97539 -0.383985 14.9906 3.8535 18.1445L14.5569 26.1083C13.8506 24.2936 13.3999 22.3697 13.2053 20.3975L13.2054 20.3974Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M63.1069 4.73886C60.4643 1.1954 55.8372 0.01415 51.9163 1.56078V5.84706L51.965 5.81062C53.2438 4.86097 54.8023 4.5078 56.2637 4.72699C57.737 4.94617 59.125 5.71307 60.0752 6.99175C61.9868 9.56091 61.4509 13.202 58.894 15.1013L51.7952 20.386C51.6001 22.3588 51.15 24.2827 50.4436 26.0968L61.147 18.133C65.3839 14.9914 66.2608 8.97624 63.1068 4.73876L63.1069 4.73886Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M24.1709 35.9956C25.3279 36.5433 26.3017 37.3472 27.0444 38.3333C27.5192 38.2116 28.0064 38.1141 28.5177 38.1141H36.4815C36.9927 38.1141 37.4799 38.1993 37.9548 38.3333C38.6976 37.359 39.6719 36.5432 40.8407 35.9956C47.5016 32.8663 52.1164 26.0961 52.1164 18.2417V0.889648H12.8831V18.2417C12.8831 26.0957 17.4978 32.8656 24.1712 35.9956H24.1709Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M13.6387 53.886H51.3752C50.2064 51.0365 47.4298 49.0274 44.1666 49.0274C40.9034 49.0274 38.1267 47.0305 36.9456 44.2051C36.7993 44.2174 36.6412 44.2538 36.4949 44.2538H28.5311C28.373 44.2538 28.2267 44.2174 28.0804 44.2051C26.8992 47.03 24.1232 49.0274 20.8595 49.0274C17.5727 49.0274 14.7961 51.0365 13.6395 53.886H13.6387Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M52.6281 53.6855H12.3714C8.58459 53.6855 5.51587 56.7543 5.51587 60.5411V70.6969H59.4836V60.5535C59.4836 56.7666 56.4149 53.6855 52.6281 53.6855Z", fill: "#75301C" })] }))),
|
|
1079
|
+
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 84" }, { children: [jsxRuntime.jsx("path", { d: "M42.7819 59.3778H50.2175C51.8888 59.3778 53.2643 58.0152 53.2643 56.3598C53.2643 54.7043 51.8887 53.3418 50.2175 53.3418H42.7819C41.1106 53.3418 39.7351 54.7044 39.7351 56.3598C39.7351 58.0263 41.1107 59.3778 42.7819 59.3778Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M18.8939 28.3092L8.73629 20.8185C5.07809 18.1093 4.31117 12.9496 7.0463 9.32509C8.40503 7.5128 10.391 6.40841 12.4997 6.11532C14.6077 5.80467 16.8205 6.3052 18.6501 7.65111L18.7198 7.70276V1.61128C13.1101 -0.58071 6.48982 1.09325 2.70862 6.11546C-1.80397 12.1211 -0.549394 20.6462 5.51346 25.1162L20.8276 36.403C19.8169 33.8311 19.1721 31.1044 18.8937 28.3093L18.8939 28.3092Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M90.2914 6.11641C86.5104 1.09438 79.89 -0.579766 74.2801 1.61222V7.68702L74.3499 7.63538C76.1795 6.28947 78.4093 5.78894 80.5002 6.09958C82.6082 6.41023 84.5942 7.49713 85.9537 9.30936C88.6887 12.9505 87.922 18.1109 84.2637 20.8028L74.1069 28.2926C73.8278 31.0885 73.1837 33.8152 72.1731 36.3863L87.4872 25.0995C93.5492 20.647 94.8038 12.1219 90.2912 6.11626L90.2914 6.11641Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M34.5831 50.4156C36.2386 51.1919 39.0101 53.6529 40.0727 55.0504C40.3518 54.5895 41.4815 53.4181 42.2131 53.4181H50.3355C51.067 53.4181 52.4501 54.1286 52.9154 55.0504C53.9782 53.6696 56.7615 51.1918 58.4337 50.4156C67.964 45.9806 74.5667 36.3854 74.5667 25.2536V0.661133H18.4329V25.2536C18.4329 36.3848 25.0351 45.9796 34.5831 50.4156Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M28.8896 68.1128H64.1236C63.0322 65.4774 60.4398 63.6192 57.393 63.6192C54.3462 63.6192 51.7537 61.7724 50.6509 59.1592C50.5143 59.1706 50.3667 59.2043 50.2301 59.2043H42.7945C42.6469 59.2043 42.5103 59.1706 42.3736 59.1592C41.2708 61.7718 38.6789 63.6192 35.6316 63.6192C32.5628 63.6192 29.9703 65.4774 28.8904 68.1128H28.8896Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M65.2935 67.9277H27.7066C24.1709 67.9277 21.3057 70.7659 21.3057 74.2683V83.6611H71.6944V74.2797C71.6944 70.7773 68.8292 67.9277 65.2935 67.9277Z", fill: "#75301C" })] }))),
|
|
1081
1080
|
},
|
|
1082
1081
|
5: {
|
|
1083
|
-
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 55" }, { children: [jsxRuntime.jsx("path", { d: "M39.403 32.6278C38.8559 32.8999 38.5823 32.8999 38.3084 32.8999C38.1488 33.2175 37.9951 33.5286 37.8446 33.8334C36.9628 35.6199 36.1933 37.1786 35.0249 38.3404C33.6568 40.5163 33.6568 42.9642 35.0249 44.8686C35.249 45.1553 35.4844 45.4303 35.73 45.6936H18.9651C19.1242 45.5161 19.2786 45.3316 19.4279 45.1407C21.0697 43.2369 20.7961 40.5169 19.4279 38.6125C18.3334 36.9801 17.2386 35.0757 16.4177 32.8999C16.1441 32.8999 15.8704 32.8999 15.597 32.6278C1.64183 25.8275 0 9.507 0 8.69141C0 7.87465 0.273663 7.05906 0.820697 6.51495C1.36817 5.97083 1.91564 5.69877 2.73634 5.69877H10.9454V1.34702C10.9454 0.802904 11.4927 0.258789 12.0397 0.258789H42.6866C43.2337 0.258789 43.781 0.802904 43.781 1.34702V5.69877H51.99C52.8107 5.69877 53.3582 5.97083 54.1793 6.51553C54.7263 7.05906 55 7.87523 55 8.69141C54.9747 8.76672 54.938 8.97339 54.8812 9.29215C54.3218 12.4331 51.8242 26.454 39.403 32.6278ZM41.0451 24.7399C45.6965 20.6596 47.8858 14.6755 48.7066 11.1393H43.5076C42.9607 16.0352 42.1394 20.6596 41.0451 24.7399ZM11.4925 11.1393H6.01986C6.84055 14.6755 9.02942 20.6596 13.6814 24.7399C12.587 20.6596 11.7659 16.0352 11.4925 11.1393Z", fill: "#995E00" }
|
|
1084
|
-
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 65" }, { children: [jsxRuntime.jsx("path", { d: "M46.5671 38.6215C45.9206 38.943 45.5972 38.943 45.2736 38.943C45.0849 39.3183 44.9033 39.6861 44.7254 40.0463C43.6833 42.1575 42.7739 43.9997 41.3931 45.3728C39.7762 47.9443 39.7762 50.8373 41.3931 53.0879C41.6579 53.4267 41.9361 53.7517 42.2264 54.0628H22.4133C22.6013 53.8531 22.7838 53.6351 22.9602 53.4095C24.9006 51.1595 24.5772 47.9449 22.9602 45.6943C21.6667 43.7652 20.3729 41.5145 19.4028 38.943C19.0794 38.943 18.7559 38.943 18.4329 38.6215C1.94035 30.5848 0 11.2969 0 10.333C0 9.36775 0.32342 8.40387 0.969915 7.76083C1.61693 7.11778 2.26394 6.79626 3.23386 6.79626H12.9354V1.65328C12.9354 1.01023 13.5823 0.367188 14.2288 0.367188H50.4478C51.0943 0.367188 51.7412 1.01023 51.7412 1.65328V6.79626H61.4427C62.4126 6.79626 63.0597 7.11778 64.0301 7.76152C64.6766 8.40387 65 9.36844 65 10.333C64.9702 10.422 64.9267 10.6663 64.8596 11.043C64.1984 14.755 61.2468 31.3251 46.5671 38.6215ZM48.5078 29.2994C54.0049 24.4772 56.5923 17.4051 57.5624 13.226H51.4181C50.7718 19.012 49.8012 24.4772 48.5078 29.2994ZM13.5821 13.226H7.11438C8.08429 17.4051 10.6711 24.4772 16.1689 29.2994C14.8756 24.4772 13.9052 19.012 13.5821 13.226Z", fill: "#C4C4C4" }
|
|
1085
|
-
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 93" }, { children: [jsxRuntime.jsx("path", { d: "M66.6268 55.4007C65.7018 55.8607 65.2391 55.8607 64.7761 55.8607C64.5061 56.3978 64.2462 56.9241 63.9918 57.4394C62.5007 60.4605 61.1996 63.0966 59.224 65.0613C56.9105 68.741 56.9105 72.8807 59.224 76.1013C59.6028 76.586 60.0009 77.051 60.4162 77.4963H32.0682C32.3372 77.1962 32.5983 76.8842 32.8508 76.5613C35.627 73.3418 35.1642 68.742 32.8508 65.5214C31.0001 62.7609 29.1489 59.5404 27.7609 55.8607C27.2982 55.8607 26.8354 55.8607 26.3732 55.4007C2.77619 43.9007 0 16.3009 0 14.9216C0 13.5404 0.462739 12.1611 1.38772 11.241C2.31345 10.3208 3.23918 9.86074 4.6269 9.86074H18.5076V2.50145C18.5076 1.58129 19.4331 0.661133 20.3581 0.661133H72.1792C73.1042 0.661133 74.0297 1.58129 74.0297 2.50145V9.86074H87.9104C89.2981 9.86074 90.2238 10.3208 91.6123 11.242C92.5373 12.1611 93 13.5414 93 14.9216C92.9573 15.049 92.8951 15.3985 92.7991 15.9375C91.8531 21.2492 87.63 44.96 66.6268 55.4007ZM69.4035 42.0613C77.2686 35.1611 80.9705 25.0414 82.3585 19.0613H73.5674C72.6427 27.3408 71.254 35.1611 69.4035 42.0613ZM19.4328 19.0613H10.179C11.5668 25.0414 15.2679 35.1611 23.134 42.0613C21.2835 35.1611 19.8951 27.3408 19.4328 19.0613Z", fill: "#FF9D00" }
|
|
1082
|
+
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 55" }, { children: [jsxRuntime.jsx("path", { d: "M39.403 32.6278C38.8559 32.8999 38.5823 32.8999 38.3084 32.8999C38.1488 33.2175 37.9951 33.5286 37.8446 33.8334C36.9628 35.6199 36.1933 37.1786 35.0249 38.3404C33.6568 40.5163 33.6568 42.9642 35.0249 44.8686C35.249 45.1553 35.4844 45.4303 35.73 45.6936H18.9651C19.1242 45.5161 19.2786 45.3316 19.4279 45.1407C21.0697 43.2369 20.7961 40.5169 19.4279 38.6125C18.3334 36.9801 17.2386 35.0757 16.4177 32.8999C16.1441 32.8999 15.8704 32.8999 15.597 32.6278C1.64183 25.8275 0 9.507 0 8.69141C0 7.87465 0.273663 7.05906 0.820697 6.51495C1.36817 5.97083 1.91564 5.69877 2.73634 5.69877H10.9454V1.34702C10.9454 0.802904 11.4927 0.258789 12.0397 0.258789H42.6866C43.2337 0.258789 43.781 0.802904 43.781 1.34702V5.69877H51.99C52.8107 5.69877 53.3582 5.97083 54.1793 6.51553C54.7263 7.05906 55 7.87523 55 8.69141C54.9747 8.76672 54.938 8.97339 54.8812 9.29215C54.3218 12.4331 51.8242 26.454 39.403 32.6278ZM41.0451 24.7399C45.6965 20.6596 47.8858 14.6755 48.7066 11.1393H43.5076C42.9607 16.0352 42.1394 20.6596 41.0451 24.7399ZM11.4925 11.1393H6.01986C6.84055 14.6755 9.02942 20.6596 13.6814 24.7399C12.587 20.6596 11.7659 16.0352 11.4925 11.1393Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M35.7301 45.6934H18.9652C17.084 47.7957 14.5413 48.9907 11.7664 49.4928C11.4928 49.2208 10.9453 49.7649 10.9453 50.3084V53.5725C10.9453 54.1166 11.4928 54.6608 12.0397 54.6608H42.6866C43.2341 54.6608 43.7809 54.1166 43.7809 53.5725V50.3084C43.7809 49.7643 43.2336 49.2208 42.6866 49.2208C40.0288 48.9808 37.5843 47.6795 35.7301 45.6934Z", fill: "#75301C" })] }))),
|
|
1083
|
+
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 65 65" }, { children: [jsxRuntime.jsx("path", { d: "M46.5671 38.6215C45.9206 38.943 45.5972 38.943 45.2736 38.943C45.0849 39.3183 44.9033 39.6861 44.7254 40.0463C43.6833 42.1575 42.7739 43.9997 41.3931 45.3728C39.7762 47.9443 39.7762 50.8373 41.3931 53.0879C41.6579 53.4267 41.9361 53.7517 42.2264 54.0628H22.4133C22.6013 53.8531 22.7838 53.6351 22.9602 53.4095C24.9006 51.1595 24.5772 47.9449 22.9602 45.6943C21.6667 43.7652 20.3729 41.5145 19.4028 38.943C19.0794 38.943 18.7559 38.943 18.4329 38.6215C1.94035 30.5848 0 11.2969 0 10.333C0 9.36775 0.32342 8.40387 0.969915 7.76083C1.61693 7.11778 2.26394 6.79626 3.23386 6.79626H12.9354V1.65328C12.9354 1.01023 13.5823 0.367188 14.2288 0.367188H50.4478C51.0943 0.367188 51.7412 1.01023 51.7412 1.65328V6.79626H61.4427C62.4126 6.79626 63.0597 7.11778 64.0301 7.76152C64.6766 8.40387 65 9.36844 65 10.333C64.9702 10.422 64.9267 10.6663 64.8596 11.043C64.1984 14.755 61.2468 31.3251 46.5671 38.6215ZM48.5078 29.2994C54.0049 24.4772 56.5923 17.4051 57.5624 13.226H51.4181C50.7718 19.012 49.8012 24.4772 48.5078 29.2994ZM13.5821 13.226H7.11438C8.08429 17.4051 10.6711 24.4772 16.1689 29.2994C14.8756 24.4772 13.9052 19.012 13.5821 13.226Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M42.2265 54.0625H22.4133C20.1901 56.5471 17.1851 57.9594 13.9057 58.5528C13.5823 58.2313 12.9353 58.8743 12.9353 59.5167V63.3742C12.9353 64.0173 13.5823 64.6603 14.2286 64.6603H50.4477C51.0947 64.6603 51.741 64.0173 51.741 63.3742V59.5167C51.741 58.8736 51.0942 58.2313 50.4477 58.2313C47.3067 57.9477 44.4178 56.4098 42.2265 54.0625Z", fill: "#75301C" })] }))),
|
|
1084
|
+
3: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 93 93" }, { children: [jsxRuntime.jsx("path", { d: "M66.6268 55.4007C65.7018 55.8607 65.2391 55.8607 64.7761 55.8607C64.5061 56.3978 64.2462 56.9241 63.9918 57.4394C62.5007 60.4605 61.1996 63.0966 59.224 65.0613C56.9105 68.741 56.9105 72.8807 59.224 76.1013C59.6028 76.586 60.0009 77.051 60.4162 77.4963H32.0682C32.3372 77.1962 32.5983 76.8842 32.8508 76.5613C35.627 73.3418 35.1642 68.742 32.8508 65.5214C31.0001 62.7609 29.1489 59.5404 27.7609 55.8607C27.2982 55.8607 26.8354 55.8607 26.3732 55.4007C2.77619 43.9007 0 16.3009 0 14.9216C0 13.5404 0.462739 12.1611 1.38772 11.241C2.31345 10.3208 3.23918 9.86074 4.6269 9.86074H18.5076V2.50145C18.5076 1.58129 19.4331 0.661133 20.3581 0.661133H72.1792C73.1042 0.661133 74.0297 1.58129 74.0297 2.50145V9.86074H87.9104C89.2981 9.86074 90.2238 10.3208 91.6123 11.242C92.5373 12.1611 93 13.5414 93 14.9216C92.9573 15.049 92.8951 15.3985 92.7991 15.9375C91.8531 21.2492 87.63 44.96 66.6268 55.4007ZM69.4035 42.0613C77.2686 35.1611 80.9705 25.0414 82.3585 19.0613H73.5674C72.6427 27.3408 71.254 35.1611 69.4035 42.0613ZM19.4328 19.0613H10.179C11.5668 25.0414 15.2679 35.1611 23.134 42.0613C21.2835 35.1611 19.8951 27.3408 19.4328 19.0613Z", fill: "#FF9D00" }), jsxRuntime.jsx("path", { d: "M60.4162 77.4961H32.0682C28.8872 81.0513 24.5878 83.0723 19.8958 83.9214C19.433 83.4613 18.5073 84.3815 18.5073 85.3007V90.8206C18.5073 91.7408 19.433 92.6609 20.3578 92.6609H72.1789C73.1046 92.6609 74.0294 91.7408 74.0294 90.8206V85.3007C74.0294 84.3805 73.1039 83.4613 72.1789 83.4613C67.6848 83.0555 63.5515 80.8549 60.4162 77.4961Z", fill: "#75301C" })] }))),
|
|
1086
1085
|
},
|
|
1087
1086
|
6: {
|
|
1088
|
-
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 60" }, { children: [jsxRuntime.jsx("path", { d: "M50.9497 4.23314H46.1076V1.6968C46.0767 1.08278 45.5692 0.601049 44.9547 0.601563H9.99936C9.36271 0.601563 8.84648 1.11779 8.84648 1.75444V4.23307H4.00438C2.88908 4.30152 1.84527 4.80487 1.09701 5.6351C0.349184 6.46477 -0.0435074 7.55534 0.00383314 8.67173C0.00589186 12.9271 0.852025 17.1398 2.49379 21.0651C4.11705 24.9736 6.58131 28.477 9.71109 31.3258C10.6694 32.2059 11.6905 33.0149 12.7663 33.7468C12.8816 33.8853 12.9737 34.0237 13.089 34.1503C13.2851 34.3809 13.4925 34.6002 13.7118 34.8307C14.4683 35.6244 15.2939 36.35 16.1787 36.998C19.6723 39.5632 21.7362 43.6389 21.7357 47.9736V52.7205H33.2645V47.9736C33.2598 43.658 35.2995 39.5951 38.7638 37.0212C39.6475 36.3758 40.4694 35.6501 41.2193 34.8534C41.4386 34.6228 41.6573 34.3922 41.8534 34.1617C41.9687 34.0351 42.0727 33.8848 42.1761 33.7582C43.2518 33.0263 44.2729 32.2172 45.2313 31.3371C48.3575 28.4852 50.8213 24.9828 52.4486 21.0765C54.1115 17.1515 54.9777 12.9348 54.9963 8.67174C55.0431 7.54769 54.6442 6.45096 53.8866 5.6197C53.1285 4.78798 52.0726 4.28966 50.9497 4.23314ZM5.32986 19.8662C3.85326 16.319 3.09301 12.5145 3.09301 8.67192C3.09301 7.94571 3.531 7.31166 4.0498 7.31166H8.8919V22.8749C8.90065 24.037 9.02417 25.1955 9.26092 26.3335C7.6407 24.3819 6.31594 22.2033 5.32986 19.8662ZM49.669 19.8662C48.6839 22.2111 47.3591 24.398 45.7379 26.3574C45.9756 25.2194 46.0997 24.0608 46.1069 22.8987V7.31179H50.949C51.4678 7.31179 51.9058 7.94587 51.9058 8.67206C51.9058 12.5146 51.1457 16.319 49.669 19.8662Z", fill: "#995E00" }
|
|
1089
|
-
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 66 71" }, { children: [jsxRuntime.jsx("path", { d: "M60.3884 4.96548H54.6493V1.95927C54.6127 1.2315 54.0112 0.660524 53.2828 0.661133H11.8518C11.0972 0.661133 10.4853 1.27299 10.4853 2.02759V4.9654H4.74622C3.4243 5.04653 2.18711 5.64313 1.30024 6.62717C0.413873 7.61054 -0.0515674 8.90314 0.00454326 10.2263C0.00698336 15.2701 1.00987 20.2632 2.95578 24.9157C4.87976 29.5482 7.80054 33.7007 11.5101 37.0772C12.646 38.1203 13.8562 39.0792 15.1313 39.9467C15.268 40.1108 15.3772 40.2749 15.5138 40.425C15.7462 40.6983 15.9921 40.9582 16.2519 41.2315C17.1487 42.1721 18.1272 43.0322 19.1758 43.8003C23.3168 46.8407 25.763 51.6714 25.7623 56.8091V62.2502H39.4269V56.8091C39.4214 51.694 41.8389 46.8785 45.945 43.8277C46.9924 43.0628 47.9666 42.2027 48.8555 41.2583C49.1154 40.985 49.3746 40.7117 49.607 40.4385C49.7437 40.2884 49.8669 40.1103 49.9895 39.9602C51.2645 39.0927 52.4748 38.1338 53.6107 37.0906C57.3161 33.7104 60.2363 29.5592 62.1651 24.9291C64.1361 20.2771 65.1627 15.2791 65.1847 10.2264C65.2402 8.89407 64.7674 7.59417 63.8695 6.60892C62.9709 5.62311 61.7194 5.03247 60.3884 4.96548ZM6.31726 23.4947C4.5671 19.2903 3.66601 14.781 3.66601 10.2266C3.66601 9.36584 4.18514 8.61432 4.80005 8.61432H10.5392V27.0607C10.5495 28.4382 10.696 29.8113 10.9766 31.1601C9.05619 28.847 7.48601 26.2647 6.31726 23.4947ZM58.8705 23.4947C57.7029 26.274 56.1327 28.866 54.2111 31.1884C54.4929 29.8396 54.6399 28.4664 54.6485 27.089V8.61447H60.3876C61.0025 8.61447 61.5216 9.36602 61.5216 10.2267C61.5216 14.7812 60.6207 19.2903 58.8705 23.4947Z", fill: "#C4C4C4" }
|
|
1090
|
-
3: (jsxRuntime.jsxs("svg", __assign({ 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" }
|
|
1087
|
+
1: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 55 60" }, { children: [jsxRuntime.jsx("path", { d: "M50.9497 4.23314H46.1076V1.6968C46.0767 1.08278 45.5692 0.601049 44.9547 0.601563H9.99936C9.36271 0.601563 8.84648 1.11779 8.84648 1.75444V4.23307H4.00438C2.88908 4.30152 1.84527 4.80487 1.09701 5.6351C0.349184 6.46477 -0.0435074 7.55534 0.00383314 8.67173C0.00589186 12.9271 0.852025 17.1398 2.49379 21.0651C4.11705 24.9736 6.58131 28.477 9.71109 31.3258C10.6694 32.2059 11.6905 33.0149 12.7663 33.7468C12.8816 33.8853 12.9737 34.0237 13.089 34.1503C13.2851 34.3809 13.4925 34.6002 13.7118 34.8307C14.4683 35.6244 15.2939 36.35 16.1787 36.998C19.6723 39.5632 21.7362 43.6389 21.7357 47.9736V52.7205H33.2645V47.9736C33.2598 43.658 35.2995 39.5951 38.7638 37.0212C39.6475 36.3758 40.4694 35.6501 41.2193 34.8534C41.4386 34.6228 41.6573 34.3922 41.8534 34.1617C41.9687 34.0351 42.0727 33.8848 42.1761 33.7582C43.2518 33.0263 44.2729 32.2172 45.2313 31.3371C48.3575 28.4852 50.8213 24.9828 52.4486 21.0765C54.1115 17.1515 54.9777 12.9348 54.9963 8.67174C55.0431 7.54769 54.6442 6.45096 53.8866 5.6197C53.1285 4.78798 52.0726 4.28966 50.9497 4.23314ZM5.32986 19.8662C3.85326 16.319 3.09301 12.5145 3.09301 8.67192C3.09301 7.94571 3.531 7.31166 4.0498 7.31166H8.8919V22.8749C8.90065 24.037 9.02417 25.1955 9.26092 26.3335C7.6407 24.3819 6.31594 22.2033 5.32986 19.8662ZM49.669 19.8662C48.6839 22.2111 47.3591 24.398 45.7379 26.3574C45.9756 25.2194 46.0997 24.0608 46.1069 22.8987V7.31179H50.949C51.4678 7.31179 51.9058 7.94587 51.9058 8.67206C51.9058 12.5146 51.1457 16.319 49.669 19.8662Z", fill: "#995E00" }), jsxRuntime.jsx("path", { d: "M38.649 52.3271H16.3513C15.1387 52.3421 13.9802 52.8346 13.1279 53.6977C12.2755 54.5608 11.7974 55.7256 11.7974 56.9387V59.6592H43.2035V56.8923C43.1911 55.6869 42.7078 54.5345 41.857 53.6812C41.0058 52.8279 39.8539 52.342 38.649 52.3271Z", fill: "#75301C" })] }))),
|
|
1088
|
+
2: (jsxRuntime.jsxs("svg", __assign({ viewBox: "0 0 66 71" }, { children: [jsxRuntime.jsx("path", { d: "M60.3884 4.96548H54.6493V1.95927C54.6127 1.2315 54.0112 0.660524 53.2828 0.661133H11.8518C11.0972 0.661133 10.4853 1.27299 10.4853 2.02759V4.9654H4.74622C3.4243 5.04653 2.18711 5.64313 1.30024 6.62717C0.413873 7.61054 -0.0515674 8.90314 0.00454326 10.2263C0.00698336 15.2701 1.00987 20.2632 2.95578 24.9157C4.87976 29.5482 7.80054 33.7007 11.5101 37.0772C12.646 38.1203 13.8562 39.0792 15.1313 39.9467C15.268 40.1108 15.3772 40.2749 15.5138 40.425C15.7462 40.6983 15.9921 40.9582 16.2519 41.2315C17.1487 42.1721 18.1272 43.0322 19.1758 43.8003C23.3168 46.8407 25.763 51.6714 25.7623 56.8091V62.2502H39.4269V56.8091C39.4214 51.694 41.8389 46.8785 45.945 43.8277C46.9924 43.0628 47.9666 42.2027 48.8555 41.2583C49.1154 40.985 49.3746 40.7117 49.607 40.4385C49.7437 40.2884 49.8669 40.1103 49.9895 39.9602C51.2645 39.0927 52.4748 38.1338 53.6107 37.0906C57.3161 33.7104 60.2363 29.5592 62.1651 24.9291C64.1361 20.2771 65.1627 15.2791 65.1847 10.2264C65.2402 8.89407 64.7674 7.59417 63.8695 6.60892C62.9709 5.62311 61.7194 5.03247 60.3884 4.96548ZM6.31726 23.4947C4.5671 19.2903 3.66601 14.781 3.66601 10.2266C3.66601 9.36584 4.18514 8.61432 4.80005 8.61432H10.5392V27.0607C10.5495 28.4382 10.696 29.8113 10.9766 31.1601C9.05619 28.847 7.48601 26.2647 6.31726 23.4947ZM58.8705 23.4947C57.7029 26.274 56.1327 28.866 54.2111 31.1884C54.4929 29.8396 54.6399 28.4664 54.6485 27.089V8.61447H60.3876C61.0025 8.61447 61.5216 9.36602 61.5216 10.2267C61.5216 14.7812 60.6207 19.2903 58.8705 23.4947Z", fill: "#C4C4C4" }), jsxRuntime.jsx("path", { d: "M46.5501 61.9688H18.6395C17.2023 61.9864 15.8292 62.5702 14.8189 63.5932C13.8087 64.6162 13.2419 65.9968 13.2419 67.4346V70.6591H51.9483V67.3796C51.9337 65.9509 51.3608 64.585 50.3524 63.5737C49.3435 62.5622 47.9782 61.9864 46.5501 61.9688Z", fill: "#75301C" })] }))),
|
|
1089
|
+
3: (jsxRuntime.jsxs("svg", __assign({ 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" })] }))),
|
|
1091
1090
|
},
|
|
1092
1091
|
};
|
|
1093
|
-
var Trophy = function (props) { return (jsxRuntime.jsx(Wrapper$3, __assign({}, props, { children: trophies[props.variant][props.level] })
|
|
1092
|
+
var Trophy = function (props) { return (jsxRuntime.jsx(Wrapper$3, __assign({}, props, { children: trophies[props.variant][props.level] }))); };
|
|
1094
1093
|
|
|
1095
|
-
var Container$
|
|
1094
|
+
var Container$g = styled__default["default"].div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\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\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\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
1096
1095
|
var type = _a.type;
|
|
1097
1096
|
switch (type) {
|
|
1098
1097
|
case "success":
|
|
@@ -1109,11 +1108,11 @@ var Container$e = styled__default["default"].div(templateObject_1$s || (template
|
|
|
1109
1108
|
return theme.colors.red.base;
|
|
1110
1109
|
}
|
|
1111
1110
|
});
|
|
1112
|
-
var templateObject_1$
|
|
1111
|
+
var templateObject_1$u;
|
|
1113
1112
|
|
|
1114
|
-
var Alert = function (props) { return (jsxRuntime.jsxs(Container$
|
|
1113
|
+
var Alert = function (props) { return (jsxRuntime.jsxs(Container$g, __assign({}, props, { children: [jsxRuntime.jsx(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Paragraph, { children: props.message })] }))); };
|
|
1115
1114
|
|
|
1116
|
-
var StyledCard = styled__default["default"].div(templateObject_1$
|
|
1115
|
+
var StyledCard = styled__default["default"].div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n background-color: ", ";\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 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) {
|
|
1117
1116
|
var ellipse = _a.ellipse;
|
|
1118
1117
|
return ellipse
|
|
1119
1118
|
? ":hover {\n box-shadow: 0px 4px 0px ".concat(function (_a) {
|
|
@@ -1122,23 +1121,23 @@ var StyledCard = styled__default["default"].div(templateObject_1$r || (templateO
|
|
|
1122
1121
|
}, ";\n\n > div:first-child {\n width: 175%;\n padding-bottom: 175%;\n top: -25%;\n right: -25%;\n }\n }")
|
|
1123
1122
|
: "";
|
|
1124
1123
|
});
|
|
1125
|
-
var Ellipse = styled__default["default"].div(templateObject_2$
|
|
1124
|
+
var Ellipse = styled__default["default"].div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\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) {
|
|
1126
1125
|
var color = _a.color;
|
|
1127
1126
|
return color ? theme.colors[color].light : "";
|
|
1128
1127
|
});
|
|
1129
|
-
var Content = styled__default["default"].div(templateObject_3$
|
|
1130
|
-
var templateObject_1$
|
|
1128
|
+
var Content = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\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"])));
|
|
1129
|
+
var templateObject_1$t, templateObject_2$o, templateObject_3$9;
|
|
1131
1130
|
|
|
1132
|
-
var Card = function (props) { return (jsxRuntime.jsxs(StyledCard, __assign({}, props, { children: [props.ellipse && jsxRuntime.jsx(Ellipse, { color: props.ellipse }
|
|
1131
|
+
var Card = function (props) { return (jsxRuntime.jsxs(StyledCard, __assign({}, props, { children: [props.ellipse && jsxRuntime.jsx(Ellipse, { color: props.ellipse }), jsxRuntime.jsx(Content, { children: props.children })] }))); };
|
|
1133
1132
|
|
|
1134
|
-
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$
|
|
1135
|
-
var CheckboxContainer = styled__default["default"].div(templateObject_2$
|
|
1136
|
-
var CheckboxWrapper = styled__default["default"].div(templateObject_3$
|
|
1137
|
-
var Label$8 = styled__default["default"](StyledParagraph)(templateObject_4$
|
|
1133
|
+
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
1134
|
+
var CheckboxContainer = styled__default["default"].div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
1135
|
+
var CheckboxWrapper = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\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"])));
|
|
1136
|
+
var Label$8 = styled__default["default"](StyledParagraph)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n"])), function (_a) {
|
|
1138
1137
|
var weight = _a.weight;
|
|
1139
1138
|
return weight || 500;
|
|
1140
1139
|
}, theme.colors.darkGray.base);
|
|
1141
|
-
var templateObject_1$
|
|
1140
|
+
var templateObject_1$s, templateObject_2$n, templateObject_3$8, templateObject_4$6;
|
|
1142
1141
|
|
|
1143
1142
|
var Checkboxes = function (props) {
|
|
1144
1143
|
var _a = React.useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -1155,18 +1154,18 @@ var Checkboxes = function (props) {
|
|
|
1155
1154
|
if (props.onBlur)
|
|
1156
1155
|
props.onBlur(props.name);
|
|
1157
1156
|
};
|
|
1158
|
-
return (jsxRuntime.jsxs(Fieldset$1, { children: [props.legend && jsxRuntime.jsx(Label$8, __assign({ as: "legend" }, { children: props.legend })
|
|
1157
|
+
return (jsxRuntime.jsxs(Fieldset$1, { children: [props.legend && jsxRuntime.jsx(Label$8, __assign({ as: "legend" }, { children: props.legend })), jsxRuntime.jsx(CheckboxContainer, { children: props.items.map(function (_a, index) {
|
|
1159
1158
|
var id = _a.id, value = _a.value, label = _a.label;
|
|
1160
|
-
return (jsxRuntime.jsxs(CheckboxWrapper, { children: [jsxRuntime.jsx(Checkbox, { id: id, name: props.name, value: value, checked: values.includes(value), autoFocus: props.autoFocus && index === 0, onChange: function () { return onChange(value); }, onBlur: onBlur }
|
|
1161
|
-
}) }
|
|
1159
|
+
return (jsxRuntime.jsxs(CheckboxWrapper, { children: [jsxRuntime.jsx(Checkbox, { id: id, name: props.name, value: value, checked: values.includes(value), autoFocus: props.autoFocus && index === 0, onChange: function () { return onChange(value); }, onBlur: onBlur }), jsxRuntime.jsx(Label$8, __assign({ as: "label", htmlFor: id, weight: 400 }, { children: label }))] }, "".concat(value, "-").concat(index)));
|
|
1160
|
+
}) })] }));
|
|
1162
1161
|
};
|
|
1163
1162
|
|
|
1164
|
-
var Container$
|
|
1165
|
-
var Item = styled__default["default"].div(templateObject_2$
|
|
1163
|
+
var Container$f = styled__default["default"].div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\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);
|
|
1164
|
+
var Item = styled__default["default"].div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\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) {
|
|
1166
1165
|
var isOpen = _a.isOpen;
|
|
1167
1166
|
return (isOpen ? "" : "none");
|
|
1168
1167
|
}, theme.colors.lightGray.darker);
|
|
1169
|
-
var templateObject_1$
|
|
1168
|
+
var templateObject_1$r, templateObject_2$m;
|
|
1170
1169
|
|
|
1171
1170
|
var Collapse = function (props) {
|
|
1172
1171
|
var _a = React.useState([]), openItems = _a[0], setOpenItems = _a[1];
|
|
@@ -1178,15 +1177,15 @@ var Collapse = function (props) {
|
|
|
1178
1177
|
setOpenItems(function (prevState) { return __spreadArray(__spreadArray([], prevState, true), [index], false); });
|
|
1179
1178
|
}
|
|
1180
1179
|
};
|
|
1181
|
-
return (jsxRuntime.jsx(Container$
|
|
1180
|
+
return (jsxRuntime.jsx(Container$f, __assign({}, props, { children: props.items.map(function (item, index) {
|
|
1182
1181
|
var isOpen = openItems.includes(index);
|
|
1183
|
-
return (jsxRuntime.jsxs(Item, __assign({ isOpen: isOpen, onClick: function () { return onClickItem(index, isOpen); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: item.title })
|
|
1184
|
-
}) })
|
|
1182
|
+
return (jsxRuntime.jsxs(Item, __assign({ isOpen: isOpen, onClick: function () { return onClickItem(index, isOpen); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: item.title })), jsxRuntime.jsx(Icon, { type: isOpen ? "chevronUp" : "chevronDown", color: "blue" })] }), jsxRuntime.jsx(Paragraph, __assign({ weight: "regular" }, { children: item.content }))] }), "".concat(item.title, "-").concat(index)));
|
|
1183
|
+
}) })));
|
|
1185
1184
|
};
|
|
1186
1185
|
|
|
1187
|
-
var Container$
|
|
1188
|
-
var Label$7 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1189
|
-
var templateObject_1$
|
|
1186
|
+
var Container$e = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\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"])));
|
|
1187
|
+
var Label$7 = styled__default["default"](StyledParagraph)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1188
|
+
var templateObject_1$q, templateObject_2$l;
|
|
1190
1189
|
|
|
1191
1190
|
var DateInputField = function (props) {
|
|
1192
1191
|
var onChange = function (value) {
|
|
@@ -1197,22 +1196,22 @@ var DateInputField = function (props) {
|
|
|
1197
1196
|
if (props.onBlur)
|
|
1198
1197
|
props.onBlur(props.name);
|
|
1199
1198
|
};
|
|
1200
|
-
return (jsxRuntime.jsxs(Container$
|
|
1199
|
+
return (jsxRuntime.jsxs(Container$e, { children: [jsxRuntime.jsx(Label$7, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input.Date, { defaultValue: props.defaultValue, min: props.min, max: props.max, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur })] }));
|
|
1201
1200
|
};
|
|
1202
1201
|
|
|
1203
|
-
var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1$
|
|
1204
|
-
var GhostIconButton = styled__default["default"](GhostButton)(templateObject_2$
|
|
1205
|
-
var templateObject_1$
|
|
1202
|
+
var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: 38px;\n max-height: 38px;\n margin-top: 2px;\n }\n"], ["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: 38px;\n max-height: 38px;\n margin-top: 2px;\n }\n"])));
|
|
1203
|
+
var GhostIconButton = styled__default["default"](GhostButton)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 0 0 0;\n\n :active {\n min-height: 40px;\n max-height: 40px;\n margin-top: 2px;\n }\n"], ["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 0 0 0;\n\n :active {\n min-height: 40px;\n max-height: 40px;\n margin-top: 2px;\n }\n"])));
|
|
1204
|
+
var templateObject_1$p, templateObject_2$k;
|
|
1206
1205
|
|
|
1207
1206
|
var IconButton = function (props) {
|
|
1208
1207
|
if (props.color === "white")
|
|
1209
|
-
return (jsxRuntime.jsx(GhostIconButton, __assign({}, props, { children: jsxRuntime.jsx(Icon, { type: props.icon, size: "small", color: "gray" }
|
|
1210
|
-
return (jsxRuntime.jsx(StyledIconButton, __assign({}, props, { children: jsxRuntime.jsx(Icon, { type: props.icon, size: "small", color: "white" }
|
|
1208
|
+
return (jsxRuntime.jsx(GhostIconButton, __assign({}, props, { children: jsxRuntime.jsx(Icon, { type: props.icon, size: "small", color: "gray" }) })));
|
|
1209
|
+
return (jsxRuntime.jsx(StyledIconButton, __assign({}, props, { children: jsxRuntime.jsx(Icon, { type: props.icon, size: "small", color: "white" }) })));
|
|
1211
1210
|
};
|
|
1212
1211
|
|
|
1213
|
-
var Container$
|
|
1214
|
-
var Label$6 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1215
|
-
var templateObject_1$
|
|
1212
|
+
var Container$d = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\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"])));
|
|
1213
|
+
var Label$6 = styled__default["default"](StyledParagraph)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1214
|
+
var templateObject_1$o, templateObject_2$j;
|
|
1216
1215
|
|
|
1217
1216
|
var InputField = function (props) {
|
|
1218
1217
|
var onChange = function (value) {
|
|
@@ -1223,18 +1222,70 @@ var InputField = function (props) {
|
|
|
1223
1222
|
if (props.onBlur)
|
|
1224
1223
|
props.onBlur(props.name);
|
|
1225
1224
|
};
|
|
1226
|
-
return (jsxRuntime.jsxs(Container$
|
|
1225
|
+
return (jsxRuntime.jsxs(Container$d, { children: [jsxRuntime.jsx(Label$6, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onBlur: onBlur }), props.tips && (jsxRuntime.jsxs("div", __assign({ style: { marginLeft: "5px" } }, { children: [jsxRuntime.jsx(Spacer, { vertical: 5 }), props.tips.map(function (tip, index) { return (jsxRuntime.jsxs(Paragraph, __assign({ size: "small", weight: "regular" }, { children: ["\u2022 ", tip] }), "".concat(tip, "-").concat(index))); })] })))] }));
|
|
1227
1226
|
};
|
|
1228
1227
|
|
|
1229
|
-
var
|
|
1228
|
+
var Container$c = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n min-width: 74px;\n max-width: 74px;\n width: fit-content;\n height: 74px;\n background-color: ", ";\n box-sizing: border-box;\n\n border: 4px solid;\n border-radius: 6px;\n border-color: ", ";\n\n padding: 8px 24px;\n margin-right: 6px;\n margin-left: 6px;\n margin-bottom: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: relative;\n text-transform: uppercase;\n\n h1 {\n color: ", ";\n }\n\n > svg {\n fill: ", ";\n }\n"], ["\n min-width: 74px;\n max-width: 74px;\n width: fit-content;\n height: 74px;\n background-color: ", ";\n box-sizing: border-box;\n\n border: 4px solid;\n border-radius: 6px;\n border-color: ", ";\n\n padding: 8px 24px;\n margin-right: 6px;\n margin-left: 6px;\n margin-bottom: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: relative;\n text-transform: uppercase;\n\n h1 {\n color: ", ";\n }\n\n > svg {\n fill: ", ";\n }\n"])), function (_a) {
|
|
1229
|
+
var status = _a.status, color = _a.color;
|
|
1230
|
+
switch (status) {
|
|
1231
|
+
case "passed":
|
|
1232
|
+
return theme.colors.lightGray.dark;
|
|
1233
|
+
case "active":
|
|
1234
|
+
return theme.colors[color].light;
|
|
1235
|
+
case "incoming":
|
|
1236
|
+
return theme.colors.lightGray.base;
|
|
1237
|
+
}
|
|
1238
|
+
}, function (_a) {
|
|
1239
|
+
var status = _a.status, color = _a.color;
|
|
1240
|
+
switch (status) {
|
|
1241
|
+
case "passed":
|
|
1242
|
+
return theme.colors.lightGray.dark;
|
|
1243
|
+
case "active":
|
|
1244
|
+
return theme.colors[color].base;
|
|
1245
|
+
case "incoming":
|
|
1246
|
+
return theme.colors.lightGray.dark;
|
|
1247
|
+
}
|
|
1248
|
+
}, function (_a) {
|
|
1249
|
+
var status = _a.status;
|
|
1250
|
+
return (status === "active" ? "16px" : "");
|
|
1251
|
+
}, function (_a) {
|
|
1252
|
+
var status = _a.status, color = _a.color;
|
|
1253
|
+
switch (status) {
|
|
1254
|
+
case "passed":
|
|
1255
|
+
return theme.colors.lightGray.darker;
|
|
1256
|
+
case "active":
|
|
1257
|
+
return theme.colors[color].darker;
|
|
1258
|
+
case "incoming":
|
|
1259
|
+
return theme.colors.darkGray.light;
|
|
1260
|
+
}
|
|
1261
|
+
}, function (_a) {
|
|
1262
|
+
var status = _a.status, color = _a.color;
|
|
1263
|
+
switch (status) {
|
|
1264
|
+
case "passed":
|
|
1265
|
+
return theme.colors.lightGray.darker;
|
|
1266
|
+
case "active":
|
|
1267
|
+
return theme.colors[color].darker;
|
|
1268
|
+
case "incoming":
|
|
1269
|
+
return theme.colors.darkGray.light;
|
|
1270
|
+
}
|
|
1271
|
+
});
|
|
1272
|
+
var CheckIconWrapper = styled__default["default"].div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n"], ["\n position: absolute;\n top: 0;\n right: 0;\n"])));
|
|
1273
|
+
var templateObject_1$n, templateObject_2$i;
|
|
1274
|
+
|
|
1275
|
+
var Key$1 = function (props) { return (jsxRuntime.jsxs(Container$c, __assign({}, props, { children: [props.status === "passed" && (jsxRuntime.jsx(CheckIconWrapper, { children: jsxRuntime.jsx(Icon, { type: "check", color: "green", size: "small" }) })), props.char === " " ? (jsxRuntime.jsx("svg", __assign({ width: "28", height: "28", viewBox: "0 0 28 1", style: {
|
|
1276
|
+
marginTop: "13px",
|
|
1277
|
+
transform: "scale(2)",
|
|
1278
|
+
} }, { children: jsxRuntime.jsx("path", { d: "M0 4.5V1C0 0.447715 0.447715 0 1 0H2C2.55228 0 3 0.447715 3 1V4H25V1C25 0.447715 25.4477 0 26 0H27C27.5523 0 28 0.447715 28 1V4.5C28 5.88071 26.8807 7 25.5 7H2.5C1.11929 7 0 5.88071 0 4.5Z" }) }))) : (jsxRuntime.jsx(Heading, __assign({ type: "h1" }, { children: props.char })))] }))); };
|
|
1279
|
+
|
|
1280
|
+
var Wrapper$2 = styled__default["default"].a(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n\n > div {\n width: 19px;\n height: 19px;\n margin-right: ", ";\n margin-left: ", ";\n }\n"], ["\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n\n > div {\n width: 19px;\n height: 19px;\n margin-right: ", ";\n margin-left: ", ";\n }\n"])), function (_a) {
|
|
1230
1281
|
var chevron = _a.chevron;
|
|
1231
1282
|
return (chevron === "left" ? "4px" : "");
|
|
1232
1283
|
}, function (_a) {
|
|
1233
1284
|
var chevron = _a.chevron;
|
|
1234
1285
|
return (chevron === "right" ? "4px" : "");
|
|
1235
1286
|
});
|
|
1236
|
-
var StyledLink = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1237
|
-
var templateObject_1$
|
|
1287
|
+
var StyledLink = styled__default["default"](StyledParagraph)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n color: ", ";\n\n :hover {\n text-decoration: underline;\n }\n"], ["\n color: ", ";\n\n :hover {\n text-decoration: underline;\n }\n"])), theme.colors.darkGray.dark);
|
|
1288
|
+
var templateObject_1$m, templateObject_2$h;
|
|
1238
1289
|
|
|
1239
1290
|
var Link = function (props) {
|
|
1240
1291
|
var onClick = function (e) {
|
|
@@ -1243,18 +1294,18 @@ var Link = function (props) {
|
|
|
1243
1294
|
props.onClick();
|
|
1244
1295
|
}
|
|
1245
1296
|
};
|
|
1246
|
-
return (jsxRuntime.jsxs(Wrapper$2, __assign({ chevron: props.chevron, href: props.href, onClick: onClick }, { children: [props.chevron === "left" && jsxRuntime.jsx(Icon, { type: "chevronLeft", color: "green" }
|
|
1297
|
+
return (jsxRuntime.jsxs(Wrapper$2, __assign({ chevron: props.chevron, href: props.href, onClick: onClick }, { children: [props.chevron === "left" && jsxRuntime.jsx(Icon, { type: "chevronLeft", color: "green" }), jsxRuntime.jsx(StyledLink, __assign({ size: "large" }, { children: props.children })), props.chevron !== "none" && props.chevron !== "left" && (jsxRuntime.jsx(Icon, { type: "chevronRight", color: "green" }))] })));
|
|
1247
1298
|
};
|
|
1248
1299
|
|
|
1249
|
-
var Container$
|
|
1300
|
+
var Container$b = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: ", ";\n"])), function (_a) {
|
|
1250
1301
|
var text = _a.text;
|
|
1251
1302
|
return (text ? "20px" : "");
|
|
1252
1303
|
});
|
|
1253
|
-
var templateObject_1$
|
|
1304
|
+
var templateObject_1$l;
|
|
1254
1305
|
|
|
1255
|
-
var Loading = function (props) { return (jsxRuntime.jsxs(Container$
|
|
1306
|
+
var Loading = function (props) { return (jsxRuntime.jsxs(Container$b, __assign({}, props, { children: [jsxRuntime.jsx(BeatLoader__default["default"], { color: theme.colors[props.color].base, speedMultiplier: 0.5 }), props.text && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spacer, { vertical: 20 }), jsxRuntime.jsx(Heading, __assign({ type: "h6", color: props.textColor || "black" }, { children: props.text }))] }))] }))); };
|
|
1256
1307
|
|
|
1257
|
-
var Container$
|
|
1308
|
+
var Container$a = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n padding: 15px;\n background-color: ", ";\n border-radius: 6px 6px 0 0;\n position: relative;\n cursor: pointer;\n"], ["\n padding: 15px;\n background-color: ", ";\n border-radius: 6px 6px 0 0;\n position: relative;\n cursor: pointer;\n"])), function (_a) {
|
|
1258
1309
|
var dropdownIsVisible = _a.dropdownIsVisible, color = _a.color;
|
|
1259
1310
|
if (dropdownIsVisible) {
|
|
1260
1311
|
switch (color) {
|
|
@@ -1267,8 +1318,8 @@ var Container$9 = styled__default["default"].div(templateObject_1$j || (template
|
|
|
1267
1318
|
}
|
|
1268
1319
|
return "";
|
|
1269
1320
|
});
|
|
1270
|
-
var SelectedLocaleWrapper = styled__default["default"].div(templateObject_2$
|
|
1271
|
-
var DropdownContainer = styled__default["default"].div(templateObject_3$
|
|
1321
|
+
var SelectedLocaleWrapper = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n"])));
|
|
1322
|
+
var DropdownContainer = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n min-width: 100%;\n background-color: ", ";\n overflow: hidden;\n border-radius: 6px 0 6px 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n position: absolute;\n top: 50px;\n right: 0;\n"], ["\n min-width: 100%;\n background-color: ", ";\n overflow: hidden;\n border-radius: 6px 0 6px 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n position: absolute;\n top: 50px;\n right: 0;\n"])), function (_a) {
|
|
1272
1323
|
var color = _a.color;
|
|
1273
1324
|
switch (color) {
|
|
1274
1325
|
default:
|
|
@@ -1278,8 +1329,8 @@ var DropdownContainer = styled__default["default"].div(templateObject_3$5 || (te
|
|
|
1278
1329
|
return theme.colors.lightGray.dark;
|
|
1279
1330
|
}
|
|
1280
1331
|
});
|
|
1281
|
-
var Locale = styled__default["default"].div(templateObject_4$
|
|
1282
|
-
var templateObject_1$
|
|
1332
|
+
var Locale = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n\n p {\n white-space: nowrap;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n\n p {\n white-space: nowrap;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
1333
|
+
var templateObject_1$k, templateObject_2$g, templateObject_3$7, templateObject_4$5;
|
|
1283
1334
|
|
|
1284
1335
|
var LocaleSelect = function (props) {
|
|
1285
1336
|
var _a = React.useState(false), dropdownIsVisible = _a[0], setDropdownIsVisible = _a[1];
|
|
@@ -1288,32 +1339,32 @@ var LocaleSelect = function (props) {
|
|
|
1288
1339
|
setLocale(locale);
|
|
1289
1340
|
props.onChange(locale);
|
|
1290
1341
|
};
|
|
1291
|
-
return (jsxRuntime.jsxs(Container$
|
|
1342
|
+
return (jsxRuntime.jsxs(Container$a, __assign({ color: props.color || "light", dropdownIsVisible: dropdownIsVisible, onClick: function () { return setDropdownIsVisible(!dropdownIsVisible); }, onMouseLeave: function () { return setDropdownIsVisible(false); } }, { children: [jsxRuntime.jsxs(SelectedLocaleWrapper, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: getNativeLanguageByLocale_1(locale) }))] }), dropdownIsVisible ? (jsxRuntime.jsx(Icon, { type: "chevronUp", size: "small", color: "darkGray" })) : (jsxRuntime.jsx(Icon, { type: "chevronDown", size: "small", color: "darkGray" }))] }), dropdownIsVisible && (jsxRuntime.jsx(DropdownContainer, __assign({ color: props.color || "light" }, { children: props.locales
|
|
1292
1343
|
.filter(function (l) { return l !== locale; })
|
|
1293
|
-
.map(function (locale) { return (jsxRuntime.jsxs(Locale, __assign({ onClick: function () { return onSelectLocale(locale); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }
|
|
1344
|
+
.map(function (locale) { return (jsxRuntime.jsxs(Locale, __assign({ onClick: function () { return onSelectLocale(locale); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Paragraph, __assign({ size: "small", weight: "regular", color: "darkGray" }, { children: getNativeLanguageByLocale_1(locale) }))] }), jsxRuntime.jsx(Icon, { type: "chevronRight", size: "small", color: "darkGray" })] }), locale)); }) })))] })));
|
|
1294
1345
|
};
|
|
1295
1346
|
|
|
1296
|
-
var Wrapper$1 = styled__default["default"].div(templateObject_1$
|
|
1297
|
-
var templateObject_1$
|
|
1347
|
+
var Wrapper$1 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n width: 100%;\n min-width: 200px;\n display: flex;\n justify-content: space-between;\n\n > div {\n display: flex;\n align-items: center;\n }\n"], ["\n width: 100%;\n min-width: 200px;\n display: flex;\n justify-content: space-between;\n\n > div {\n display: flex;\n align-items: center;\n }\n"])));
|
|
1348
|
+
var templateObject_1$j;
|
|
1298
1349
|
|
|
1299
|
-
var Medals = function (props) { return (jsxRuntime.jsxs(Wrapper$1, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: "gold" }
|
|
1350
|
+
var Medals = function (props) { return (jsxRuntime.jsxs(Wrapper$1, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: "gold" }), jsxRuntime.jsx(Spacer, { horizontal: 5 }), jsxRuntime.jsxs(Heading, __assign({ type: "h6" }, { children: ["x ", props.gold || 0] }))] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: "silver" }), jsxRuntime.jsx(Spacer, { horizontal: 5 }), jsxRuntime.jsxs(Heading, __assign({ type: "h6" }, { children: ["x ", props.silver || 0] }))] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: "bronze" }), jsxRuntime.jsx(Spacer, { horizontal: 5 }), jsxRuntime.jsxs(Heading, __assign({ type: "h6" }, { children: ["x ", props.bronze || 0] }))] })] })); };
|
|
1300
1351
|
|
|
1301
|
-
var NotificationContainer = styled__default["default"].div(templateObject_1$
|
|
1352
|
+
var NotificationContainer = styled__default["default"].div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n width: fit-content;\n max-width: 460px;\n padding: 15px;\n border-radius: 6px;\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n"], ["\n width: fit-content;\n max-width: 460px;\n padding: 15px;\n border-radius: 6px;\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n"])), function (_a) {
|
|
1302
1353
|
var contrast = _a.contrast;
|
|
1303
1354
|
return contrast ? theme.colors.lightGray.light : theme.colors.lightGray.base;
|
|
1304
1355
|
});
|
|
1305
|
-
var ButtonContainer = styled__default["default"].div(templateObject_2$
|
|
1306
|
-
var templateObject_1$
|
|
1356
|
+
var ButtonContainer = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n margin-top: 20px;\n display: flex;\n\n > *:first-child {\n margin-right: 10px;\n }\n"], ["\n margin-top: 20px;\n display: flex;\n\n > *:first-child {\n margin-right: 10px;\n }\n"])));
|
|
1357
|
+
var templateObject_1$i, templateObject_2$f;
|
|
1307
1358
|
|
|
1308
1359
|
var Notification = function (props) {
|
|
1309
1360
|
if (!props.isVisible)
|
|
1310
1361
|
return null;
|
|
1311
|
-
return (jsxRuntime.jsxs(NotificationContainer, __assign({ contrast: !!props.contrast }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign({ type: "h4" }, { children: props.title })
|
|
1362
|
+
return (jsxRuntime.jsxs(NotificationContainer, __assign({ contrast: !!props.contrast }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign({ type: "h4" }, { children: props.title })), props.onClose && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spacer, { horizontal: 15 }), jsxRuntime.jsx(IconButton, { icon: "cross", color: "green", onClick: props.onClose })] }))] }), jsxRuntime.jsx(Paragraph, __assign({ size: "small", weight: "regular", color: "darkGray" }, { children: props.content })), props.buttons && (jsxRuntime.jsx(ButtonContainer, { children: props.buttons.map(function (button, index) { return (React.createElement(Button, __assign({}, button, { size: "small", color: index + 1 === props.buttons.length ? "blue" : "white", key: "button-".concat(index) }))); }) }))] })));
|
|
1312
1363
|
};
|
|
1313
1364
|
|
|
1314
|
-
var Container$
|
|
1315
|
-
var Label$5 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1316
|
-
var templateObject_1$
|
|
1365
|
+
var Container$9 = styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\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"])));
|
|
1366
|
+
var Label$5 = styled__default["default"](StyledParagraph)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1367
|
+
var templateObject_1$h, templateObject_2$e;
|
|
1317
1368
|
|
|
1318
1369
|
var NumberField = function (props) {
|
|
1319
1370
|
var onChange = function (value) {
|
|
@@ -1324,7 +1375,7 @@ var NumberField = function (props) {
|
|
|
1324
1375
|
if (props.onBlur)
|
|
1325
1376
|
props.onBlur(props.name);
|
|
1326
1377
|
};
|
|
1327
|
-
return (jsxRuntime.jsxs(Container$
|
|
1378
|
+
return (jsxRuntime.jsxs(Container$9, { children: [jsxRuntime.jsx(Label$5, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Number, { min: props.min, max: props.max, defaultValue: props.defaultValue, autoComplete: props.autoComplete, disabled: props.disabled, autoFocus: props.autoFocus, id: props.name, onChange: onChange, onBlur: onBlur })] }));
|
|
1328
1379
|
};
|
|
1329
1380
|
|
|
1330
1381
|
var expressions = {};
|
|
@@ -1375,15 +1426,15 @@ var isStrongPassword = function (password) {
|
|
|
1375
1426
|
exports.isStrongPassword = isStrongPassword;
|
|
1376
1427
|
}(expressions));
|
|
1377
1428
|
|
|
1378
|
-
var Container$
|
|
1379
|
-
var Label$4 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1380
|
-
var HelperContainer = styled__default["default"].div(templateObject_3$
|
|
1381
|
-
var fadeIn = styled.keyframes(templateObject_4$
|
|
1429
|
+
var Container$8 = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\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"])));
|
|
1430
|
+
var Label$4 = styled__default["default"](StyledParagraph)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1431
|
+
var HelperContainer = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n margin-top: 5px;\n padding-left: 5px;\n"], ["\n margin-top: 5px;\n padding-left: 5px;\n"])));
|
|
1432
|
+
var fadeIn = styled.keyframes(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
1382
1433
|
var Helper = styled__default["default"](StyledParagraph)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n font-weight: 400;\n font-size: 14px;\n color: ", ";\n animation: ", " 0.3s linear;\n"], ["\n font-weight: 400;\n font-size: 14px;\n color: ", ";\n animation: ", " 0.3s linear;\n"])), function (_a) {
|
|
1383
1434
|
var isOk = _a.isOk;
|
|
1384
1435
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
1385
1436
|
}, fadeIn);
|
|
1386
|
-
var templateObject_1$
|
|
1437
|
+
var templateObject_1$g, templateObject_2$d, templateObject_3$6, templateObject_4$4, templateObject_5$2;
|
|
1387
1438
|
|
|
1388
1439
|
var translations = {
|
|
1389
1440
|
"nl-NL": {
|
|
@@ -1440,7 +1491,7 @@ var PasswordInputField = function (props) {
|
|
|
1440
1491
|
if (props.onBlur)
|
|
1441
1492
|
props.onBlur(props.name);
|
|
1442
1493
|
};
|
|
1443
|
-
return (jsxRuntime.jsxs(Container$
|
|
1494
|
+
return (jsxRuntime.jsxs(Container$8, { children: [jsxRuntime.jsx(Label$4, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input.Password, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }), props.helperLocale && value.length ? (jsxRuntime.jsxs(HelperContainer, { children: [jsxRuntime.jsxs(Helper, __assign({ isOk: expressions.hasCapitalLetter(value) }, { children: ["\u2022 ", translations[props.helperLocale].capitalLetter] })), jsxRuntime.jsxs(Helper, __assign({ isOk: expressions.hasNumber(value) }, { children: ["\u2022 ", translations[props.helperLocale].number] })), jsxRuntime.jsxs(Helper, __assign({ isOk: expressions.hasSpecialCharacter(value) }, { children: ["\u2022 ", translations[props.helperLocale].specialCharacter] })), jsxRuntime.jsxs(Helper, __assign({ isOk: value.length >= 8 }, { children: ["\u2022 ", translations[props.helperLocale].length] }))] })) : null] }));
|
|
1444
1495
|
};
|
|
1445
1496
|
|
|
1446
1497
|
var generateRandomString = function (length) {
|
|
@@ -1453,7 +1504,7 @@ var generateRandomString = function (length) {
|
|
|
1453
1504
|
return string;
|
|
1454
1505
|
};
|
|
1455
1506
|
|
|
1456
|
-
var PopupContainer = styled__default["default"].div(templateObject_1$
|
|
1507
|
+
var PopupContainer = styled__default["default"].div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n"], ["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n"])), function (_a) {
|
|
1457
1508
|
var isVisible = _a.isVisible;
|
|
1458
1509
|
return (isVisible ? "100%" : "0%");
|
|
1459
1510
|
}, function (_a) {
|
|
@@ -1466,11 +1517,11 @@ var PopupContainer = styled__default["default"].div(templateObject_1$e || (templ
|
|
|
1466
1517
|
var contrast = _a.contrast;
|
|
1467
1518
|
return contrast ? theme.colors.lightGray.light : theme.colors.lightGray.base;
|
|
1468
1519
|
});
|
|
1469
|
-
var templateObject_1$
|
|
1520
|
+
var templateObject_1$f;
|
|
1470
1521
|
|
|
1471
1522
|
var Popup = function (props) {
|
|
1472
1523
|
var popupRef = React.useRef(null);
|
|
1473
|
-
var _a = React.useState(""), triggerId = _a[0],
|
|
1524
|
+
var _a = React.useState(""), triggerId = _a[0], setTriggerId = _a[1];
|
|
1474
1525
|
var _b = React.useState(false), isVisible = _b[0], setIsVisible = _b[1];
|
|
1475
1526
|
var _c = React.useState(null), position = _c[0], setPosition = _c[1];
|
|
1476
1527
|
var showPopup = function () {
|
|
@@ -1488,7 +1539,7 @@ var Popup = function (props) {
|
|
|
1488
1539
|
};
|
|
1489
1540
|
React.useEffect(function () {
|
|
1490
1541
|
var id = generateRandomString(5);
|
|
1491
|
-
|
|
1542
|
+
setTriggerId(id);
|
|
1492
1543
|
}, []);
|
|
1493
1544
|
var children = React__default["default"].Children.map(props.children, function (child, index) {
|
|
1494
1545
|
if (React__default["default"].isValidElement(child) && index <= 0) {
|
|
@@ -1499,27 +1550,27 @@ var Popup = function (props) {
|
|
|
1499
1550
|
});
|
|
1500
1551
|
}
|
|
1501
1552
|
});
|
|
1502
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(PopupContainer, __assign({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: props.title })
|
|
1553
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(PopupContainer, __assign({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 10 })] })), jsxRuntime.jsx(Paragraph, __assign({ size: "small", weight: "regular" }, { children: props.content }))] }))] }));
|
|
1503
1554
|
};
|
|
1504
1555
|
|
|
1505
|
-
var Wrapper = styled__default["default"].div(templateObject_1$
|
|
1506
|
-
var StyledProgressBar = styled__default["default"].div(templateObject_2$
|
|
1556
|
+
var Wrapper = styled__default["default"].div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n"], ["\n width: 100%;\n display: flex;\n align-items: center;\n"])));
|
|
1557
|
+
var StyledProgressBar = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n width: 100%;\n height: 15px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n margin-right: ", ";\n"], ["\n width: 100%;\n height: 15px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n margin-right: ", ";\n"])), theme.colors.lightGray.dark, function (_a) {
|
|
1507
1558
|
var showInfo = _a.showInfo;
|
|
1508
1559
|
return (showInfo ? "10px" : "");
|
|
1509
1560
|
});
|
|
1510
|
-
var Indicator = styled__default["default"].div(templateObject_3$
|
|
1561
|
+
var Indicator$1 = styled__default["default"].div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n width: ", ";\n max-width: calc(100% - 6px);\n height: 9px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n top: 3px;\n left: 3px;\n"], ["\n width: ", ";\n max-width: calc(100% - 6px);\n height: 9px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n top: 3px;\n left: 3px;\n"])), function (_a) {
|
|
1511
1562
|
var percent = _a.percent;
|
|
1512
1563
|
return "calc(".concat(percent, "% - 6px)");
|
|
1513
1564
|
}, function (_a) {
|
|
1514
1565
|
var color = _a.color;
|
|
1515
1566
|
return color ? theme.colors[color].base : theme.colors.green.base;
|
|
1516
1567
|
});
|
|
1517
|
-
var templateObject_1$
|
|
1568
|
+
var templateObject_1$e, templateObject_2$c, templateObject_3$5;
|
|
1518
1569
|
|
|
1519
|
-
var ProgressBar = function (props) { return (jsxRuntime.jsxs(Wrapper, { children: [jsxRuntime.jsx(StyledProgressBar, __assign({}, props, { children: jsxRuntime.jsx(Indicator, __assign({}, props)
|
|
1570
|
+
var ProgressBar = function (props) { return (jsxRuntime.jsxs(Wrapper, { children: [jsxRuntime.jsx(StyledProgressBar, __assign({}, props, { children: jsxRuntime.jsx(Indicator$1, __assign({}, props)) })), props.showInfo && (jsxRuntime.jsx(Paragraph, __assign({ size: "small" }, { children: props.info ? props.info : "".concat(props.percent, "%") })))] })); };
|
|
1520
1571
|
|
|
1521
|
-
var Container$
|
|
1522
|
-
var Step$1 = styled__default["default"].li(templateObject_2$
|
|
1572
|
+
var Container$7 = styled__default["default"].ol(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"])));
|
|
1573
|
+
var Step$1 = styled__default["default"].li(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n flex: 1;\n display: flex;\n flex-direction: column;\n text-align: center;\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin: 0 auto;\n cursor: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n border: 10px solid ", ";\n position: relative;\n z-index: 1;\n }\n\n > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :not(:last-child):after {\n content: \"\";\n height: 4px;\n position: relative;\n top: ", ";\n left: 50%;\n background-color: ", ";\n order: -1;\n }\n\n :last-child {\n margin-top: 4px;\n }\n"], ["\n flex: 1;\n display: flex;\n flex-direction: column;\n text-align: center;\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin: 0 auto;\n cursor: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n border: 10px solid ", ";\n position: relative;\n z-index: 1;\n }\n\n > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :not(:last-child):after {\n content: \"\";\n height: 4px;\n position: relative;\n top: ", ";\n left: 50%;\n background-color: ", ";\n order: -1;\n }\n\n :last-child {\n margin-top: 4px;\n }\n"])), function (_a) {
|
|
1523
1574
|
var status = _a.status;
|
|
1524
1575
|
return (!!status ? "pointer" : "not-allowed");
|
|
1525
1576
|
}, function (_a) {
|
|
@@ -1541,9 +1592,9 @@ var Step$1 = styled__default["default"].li(templateObject_2$a || (templateObject
|
|
|
1541
1592
|
var hasTitle = _a.hasTitle;
|
|
1542
1593
|
return (hasTitle ? "calc(50% - 12px)" : "50%");
|
|
1543
1594
|
}, theme.colors.lightGray.dark);
|
|
1544
|
-
var templateObject_1$
|
|
1595
|
+
var templateObject_1$d, templateObject_2$b;
|
|
1545
1596
|
|
|
1546
|
-
var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$
|
|
1597
|
+
var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$7, { children: props.steps.map(function (_a, index) {
|
|
1547
1598
|
var title = _a.title, onClick = _a.onClick;
|
|
1548
1599
|
var step = index + 1;
|
|
1549
1600
|
var status = props.current > step
|
|
@@ -1555,11 +1606,11 @@ var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$6, { children:
|
|
|
1555
1606
|
if (onClick && props.current >= step)
|
|
1556
1607
|
onClick(step);
|
|
1557
1608
|
};
|
|
1558
|
-
return (jsxRuntime.jsxs(Step$1, __assign({ status: status, hasTitle: !!title }, { children: [jsxRuntime.jsx("div", __assign({ onClick: onClickStep }, { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" }
|
|
1559
|
-
}) }
|
|
1609
|
+
return (jsxRuntime.jsxs(Step$1, __assign({ status: status, hasTitle: !!title }, { children: [jsxRuntime.jsx("div", __assign({ onClick: onClickStep }, { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" })) : (jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: step }))) })), title && jsxRuntime.jsx(Paragraph, { children: title })] }), "".concat(title, "-").concat(step)));
|
|
1610
|
+
}) })); };
|
|
1560
1611
|
|
|
1561
|
-
var Container$
|
|
1562
|
-
var Step = styled__default["default"].li(templateObject_2$
|
|
1612
|
+
var Container$6 = styled__default["default"].ol(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"])));
|
|
1613
|
+
var Step = styled__default["default"].li(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n display: flex;\n align-items: center;\n box-shadow: inset 0px -1px 0px ", ";\n padding: 20px 0 20px 20px;\n cursor: ", ";\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin-right: 10px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n }\n\n > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :hover {\n background-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n box-shadow: inset 0px -1px 0px ", ";\n padding: 20px 0 20px 20px;\n cursor: ", ";\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin-right: 10px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n }\n\n > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :hover {\n background-color: ", ";\n }\n"])), theme.colors.lightGray.dark, function (_a) {
|
|
1563
1614
|
var status = _a.status;
|
|
1564
1615
|
return (!!status ? "pointer" : "not-allowed");
|
|
1565
1616
|
}, function (_a) {
|
|
@@ -1578,9 +1629,9 @@ var Step = styled__default["default"].li(templateObject_2$9 || (templateObject_2
|
|
|
1578
1629
|
? theme.colors.lightGray.light
|
|
1579
1630
|
: theme.colors.darkGray.light;
|
|
1580
1631
|
}, theme.colors.darkGray.base, theme.colors.lightGray.base);
|
|
1581
|
-
var templateObject_1$
|
|
1632
|
+
var templateObject_1$c, templateObject_2$a;
|
|
1582
1633
|
|
|
1583
|
-
var Steps$1 = function (props) { return (jsxRuntime.jsx(Container$
|
|
1634
|
+
var Steps$1 = function (props) { return (jsxRuntime.jsx(Container$6, { children: props.steps.map(function (_a, index) {
|
|
1584
1635
|
var title = _a.title, onClick = _a.onClick;
|
|
1585
1636
|
var step = index + 1;
|
|
1586
1637
|
var status = props.current > step
|
|
@@ -1592,21 +1643,21 @@ var Steps$1 = function (props) { return (jsxRuntime.jsx(Container$5, { children:
|
|
|
1592
1643
|
if (onClick && props.current >= step)
|
|
1593
1644
|
onClick(step);
|
|
1594
1645
|
};
|
|
1595
|
-
return (jsxRuntime.jsxs(Step, __assign({ status: status, onClick: onClickStep }, { children: [jsxRuntime.jsx("div", { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" }
|
|
1596
|
-
}) }
|
|
1646
|
+
return (jsxRuntime.jsxs(Step, __assign({ status: status, onClick: onClickStep }, { children: [jsxRuntime.jsx("div", { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" })) : (jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: step }))) }), title && jsxRuntime.jsx(Paragraph, { children: title })] }), "".concat(title, "-").concat(step)));
|
|
1647
|
+
}) })); };
|
|
1597
1648
|
|
|
1598
1649
|
var Steps = function (props) {
|
|
1599
|
-
return props.alignment === "vertical" ? (jsxRuntime.jsx(Steps$1, __assign({}, props)
|
|
1650
|
+
return props.alignment === "vertical" ? (jsxRuntime.jsx(Steps$1, __assign({}, props))) : (jsxRuntime.jsx(Steps$2, __assign({}, props)));
|
|
1600
1651
|
};
|
|
1601
1652
|
|
|
1602
|
-
var Fieldset = styled__default["default"].fieldset(templateObject_1$
|
|
1603
|
-
var RadioContainer = styled__default["default"].div(templateObject_2$
|
|
1604
|
-
var RadioWrapper = styled__default["default"].div(templateObject_3$
|
|
1605
|
-
var Label$3 = styled__default["default"](StyledParagraph)(templateObject_4$
|
|
1653
|
+
var Fieldset = styled__default["default"].fieldset(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
1654
|
+
var RadioContainer = styled__default["default"].div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
1655
|
+
var RadioWrapper = styled__default["default"].div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\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"])));
|
|
1656
|
+
var Label$3 = styled__default["default"](StyledParagraph)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n"])), function (_a) {
|
|
1606
1657
|
var weight = _a.weight;
|
|
1607
1658
|
return weight || 500;
|
|
1608
1659
|
}, theme.colors.darkGray.base);
|
|
1609
|
-
var templateObject_1$
|
|
1660
|
+
var templateObject_1$b, templateObject_2$9, templateObject_3$4, templateObject_4$3;
|
|
1610
1661
|
|
|
1611
1662
|
var RadioGroup = function (props) {
|
|
1612
1663
|
var onChange = function (value) {
|
|
@@ -1617,15 +1668,15 @@ var RadioGroup = function (props) {
|
|
|
1617
1668
|
if (props.onBlur)
|
|
1618
1669
|
props.onBlur(props.name);
|
|
1619
1670
|
};
|
|
1620
|
-
return (jsxRuntime.jsxs(Fieldset, { children: [props.legend && jsxRuntime.jsx(Label$3, __assign({ as: "legend" }, { children: props.legend })
|
|
1671
|
+
return (jsxRuntime.jsxs(Fieldset, { children: [props.legend && jsxRuntime.jsx(Label$3, __assign({ as: "legend" }, { children: props.legend })), jsxRuntime.jsx(RadioContainer, { children: props.items.map(function (_a, index) {
|
|
1621
1672
|
var id = _a.id, value = _a.value, label = _a.label;
|
|
1622
|
-
return (jsxRuntime.jsxs(RadioWrapper, { children: [jsxRuntime.jsx(Radio, { id: id, name: props.name, value: value, defaultValue: props.defaultValue === value, autoFocus: props.autoFocus && index === 0, onChange: function () { return onChange(value); }, onBlur: onBlur }
|
|
1623
|
-
}) }
|
|
1673
|
+
return (jsxRuntime.jsxs(RadioWrapper, { children: [jsxRuntime.jsx(Radio, { id: id, name: props.name, value: value, defaultValue: props.defaultValue === value, autoFocus: props.autoFocus && index === 0, onChange: function () { return onChange(value); }, onBlur: onBlur }), jsxRuntime.jsx(Label$3, __assign({ as: "label", htmlFor: id, weight: 400 }, { children: label }))] }, "".concat(value, "-").concat(index)));
|
|
1674
|
+
}) })] }));
|
|
1624
1675
|
};
|
|
1625
1676
|
|
|
1626
|
-
var Container$
|
|
1627
|
-
var Label$2 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1628
|
-
var templateObject_1$
|
|
1677
|
+
var Container$5 = styled__default["default"].div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"])));
|
|
1678
|
+
var Label$2 = styled__default["default"](StyledParagraph)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1679
|
+
var templateObject_1$a, templateObject_2$8;
|
|
1629
1680
|
|
|
1630
1681
|
var SelectField = function (props) {
|
|
1631
1682
|
var onChange = function (value) {
|
|
@@ -1636,15 +1687,15 @@ var SelectField = function (props) {
|
|
|
1636
1687
|
if (props.onBlur)
|
|
1637
1688
|
props.onBlur(props.name);
|
|
1638
1689
|
};
|
|
1639
|
-
return (jsxRuntime.jsxs(Container$
|
|
1690
|
+
return (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(Label$2, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Select, __assign({ id: props.name, name: props.name, disabled: props.disabled, defaultValue: props.defaultValue, placeholder: props.placeholder, autoFocus: props.autoFocus, onChange: onChange, onBlur: onBlur }, { children: props.options.map(function (_a, index) {
|
|
1640
1691
|
var value = _a.value, label = _a.label;
|
|
1641
1692
|
return (jsxRuntime.jsx("option", __assign({ value: value }, { children: label }), "".concat(value, "-").concat(value)));
|
|
1642
|
-
}) })
|
|
1693
|
+
}) }))] }));
|
|
1643
1694
|
};
|
|
1644
1695
|
|
|
1645
|
-
var Container$
|
|
1646
|
-
var Label$1 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1647
|
-
var templateObject_1$
|
|
1696
|
+
var Container$4 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"])));
|
|
1697
|
+
var Label$1 = styled__default["default"](StyledParagraph)(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1698
|
+
var templateObject_1$9, templateObject_2$7;
|
|
1648
1699
|
|
|
1649
1700
|
var ToggleField = function (props) {
|
|
1650
1701
|
var onChange = function (value) {
|
|
@@ -1655,10 +1706,10 @@ var ToggleField = function (props) {
|
|
|
1655
1706
|
if (props.onBlur)
|
|
1656
1707
|
props.onBlur(props.name);
|
|
1657
1708
|
};
|
|
1658
|
-
return (jsxRuntime.jsxs(Container$
|
|
1709
|
+
return (jsxRuntime.jsxs(Container$4, { children: [jsxRuntime.jsx(Label$1, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Toggle, { id: props.name, name: props.name, disabled: props.disabled, autoFocus: props.autoFocus, defaultValue: props.defaultValue, onChange: onChange, onBlur: onBlur })] }));
|
|
1659
1710
|
};
|
|
1660
1711
|
|
|
1661
|
-
var TooltipContainer = styled__default["default"].div(templateObject_1$
|
|
1712
|
+
var TooltipContainer = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n width: fit-content;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n pointer-events: none;\n z-index: 9;\n"], ["\n width: fit-content;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n pointer-events: none;\n z-index: 9;\n"])), function (_a) {
|
|
1662
1713
|
var isVisible = _a.isVisible;
|
|
1663
1714
|
return (isVisible ? "100%" : "0%");
|
|
1664
1715
|
}, function (_a) {
|
|
@@ -1668,7 +1719,7 @@ var TooltipContainer = styled__default["default"].div(templateObject_1$7 || (tem
|
|
|
1668
1719
|
var x = _a.x;
|
|
1669
1720
|
return (x ? "".concat(x, "px") : "");
|
|
1670
1721
|
});
|
|
1671
|
-
var TooltipTitle = styled__default["default"].div(templateObject_2$
|
|
1722
|
+
var TooltipTitle = styled__default["default"].div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n width: 100%;\n padding: 12px 16px;\n background-color: ", ";\n border-radius: 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n padding: 12px 16px;\n background-color: ", ";\n border-radius: 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_a) {
|
|
1672
1723
|
var color = _a.color;
|
|
1673
1724
|
switch (color) {
|
|
1674
1725
|
default:
|
|
@@ -1678,7 +1729,7 @@ var TooltipTitle = styled__default["default"].div(templateObject_2$5 || (templat
|
|
|
1678
1729
|
return theme.colors.lightGray.dark;
|
|
1679
1730
|
}
|
|
1680
1731
|
});
|
|
1681
|
-
var templateObject_1$
|
|
1732
|
+
var templateObject_1$8, templateObject_2$6;
|
|
1682
1733
|
|
|
1683
1734
|
var Tooltip = function (props) {
|
|
1684
1735
|
var tooltipRef = React.useRef(null);
|
|
@@ -1709,10 +1760,10 @@ var Tooltip = function (props) {
|
|
|
1709
1760
|
}
|
|
1710
1761
|
});
|
|
1711
1762
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(TooltipContainer, __assign({}, position, { isVisible: isVisible, ref: tooltipRef }, { children: [jsxRuntime.jsx("svg", __assign({ width: "20", height: "9", viewBox: "0 0 20 9" }, { children: jsxRuntime.jsx("path", { d: "M11.5385 0.630333C10.6888 -0.210111 9.31121 -0.210111 8.46153 0.630333L0 9H20L11.5385 0.630333Z", fill: theme.colors.lightGray[props.color] ||
|
|
1712
|
-
theme.colors.lightGray.light }
|
|
1763
|
+
theme.colors.lightGray.light }) })), jsxRuntime.jsx(TooltipTitle, __assign({ color: props.color }, { children: jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: props.title })) }))] }))] }));
|
|
1713
1764
|
};
|
|
1714
1765
|
|
|
1715
|
-
var StyledTextarea = styled__default["default"].textarea(templateObject_1$
|
|
1766
|
+
var StyledTextarea = styled__default["default"].textarea(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n width: 100%;\n min-width: 228px;\n min-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 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n resize: vertical;\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n min-width: 228px;\n min-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 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n resize: vertical;\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
1716
1767
|
var disabled = _a.disabled;
|
|
1717
1768
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
1718
1769
|
}, function (_a) {
|
|
@@ -1725,19 +1776,19 @@ var StyledTextarea = styled__default["default"].textarea(templateObject_1$6 || (
|
|
|
1725
1776
|
var disabled = _a.disabled;
|
|
1726
1777
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
1727
1778
|
}, theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.paragraph.medium.lineHeight, theme.colors.lightGray.darker, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
1728
|
-
var templateObject_1$
|
|
1779
|
+
var templateObject_1$7;
|
|
1729
1780
|
|
|
1730
1781
|
var Textarea = function (props) {
|
|
1731
1782
|
var onChange = function (e) {
|
|
1732
1783
|
if (!props.disabled && !!props.onChange)
|
|
1733
1784
|
props.onChange(e.target.value);
|
|
1734
1785
|
};
|
|
1735
|
-
return jsxRuntime.jsx(StyledTextarea, __assign({}, props, { onChange: onChange })
|
|
1786
|
+
return jsxRuntime.jsx(StyledTextarea, __assign({}, props, { onChange: onChange }));
|
|
1736
1787
|
};
|
|
1737
1788
|
|
|
1738
|
-
var Container$
|
|
1739
|
-
var Label = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
1740
|
-
var templateObject_1$
|
|
1789
|
+
var Container$3 = styled__default["default"].div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\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"])));
|
|
1790
|
+
var Label = styled__default["default"](StyledParagraph)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
1791
|
+
var templateObject_1$6, templateObject_2$5;
|
|
1741
1792
|
|
|
1742
1793
|
var TextareaField = function (props) {
|
|
1743
1794
|
var onChange = function (value) {
|
|
@@ -1748,40 +1799,41 @@ var TextareaField = function (props) {
|
|
|
1748
1799
|
if (props.onBlur)
|
|
1749
1800
|
props.onBlur(props.name);
|
|
1750
1801
|
};
|
|
1751
|
-
return (jsxRuntime.jsxs(Container$
|
|
1802
|
+
return (jsxRuntime.jsxs(Container$3, { children: [jsxRuntime.jsx(Label, __assign({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Textarea, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, rows: props.rows, onChange: onChange, onBlur: onBlur }), props.tips && (jsxRuntime.jsxs("div", __assign({ style: { marginLeft: "5px" } }, { children: [jsxRuntime.jsx(Spacer, { vertical: 5 }), props.tips.map(function (tip, index) { return (jsxRuntime.jsxs(Paragraph, __assign({ size: "small", weight: "regular" }, { children: ["\u2022 ", tip] }), "".concat(tip, "-").concat(index))); })] })))] }));
|
|
1752
1803
|
};
|
|
1753
1804
|
|
|
1754
1805
|
var FeedbackColors = {
|
|
1755
1806
|
success: theme.colors.green.base,
|
|
1756
1807
|
error: theme.colors.red.base,
|
|
1757
1808
|
};
|
|
1758
|
-
var FieldWrapper = styled__default["default"].div(templateObject_1$
|
|
1809
|
+
var FieldWrapper = styled__default["default"].div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n input, select {\n border-color: ", ";\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n input, select {\n border-color: ", ";\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])), function (_a) {
|
|
1759
1810
|
var status = _a.status;
|
|
1760
1811
|
return FeedbackColors[status];
|
|
1761
1812
|
});
|
|
1762
|
-
var FeedbackWrapper = styled__default["default"].div(templateObject_2$
|
|
1813
|
+
var FeedbackWrapper = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 5px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n margin-right: 5px;\n }\n\n svg {\n fill: ", ";\n }\n p {\n color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n margin-top: 5px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n margin-right: 5px;\n }\n\n svg {\n fill: ", ";\n }\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
1763
1814
|
var status = _a.status;
|
|
1764
1815
|
return FeedbackColors[status];
|
|
1765
1816
|
}, function (_a) {
|
|
1766
1817
|
var status = _a.status;
|
|
1767
1818
|
return FeedbackColors[status];
|
|
1768
1819
|
});
|
|
1769
|
-
var templateObject_1$
|
|
1820
|
+
var templateObject_1$5, templateObject_2$4;
|
|
1770
1821
|
|
|
1771
1822
|
var WithValidation = function (_a) {
|
|
1772
1823
|
var status = _a.status, message = _a.message, children = _a.children;
|
|
1773
1824
|
if (!message)
|
|
1774
|
-
return jsxRuntime.jsx(FieldWrapper, __assign({ status: status }, { children: children })
|
|
1825
|
+
return jsxRuntime.jsx(FieldWrapper, __assign({ status: status }, { children: children }));
|
|
1775
1826
|
var icons = {
|
|
1776
1827
|
success: "check",
|
|
1777
1828
|
error: "warning",
|
|
1778
1829
|
};
|
|
1779
|
-
return (jsxRuntime.jsxs(FieldWrapper, __assign({ status: status }, { children: [children, jsxRuntime.jsxs(FeedbackWrapper, __assign({ status: status }, { children: [jsxRuntime.jsx(Icon, { type: icons[status], size: "small" }
|
|
1830
|
+
return (jsxRuntime.jsxs(FieldWrapper, __assign({ status: status }, { children: [children, jsxRuntime.jsxs(FeedbackWrapper, __assign({ status: status }, { children: [jsxRuntime.jsx(Icon, { type: icons[status], size: "small" }), jsxRuntime.jsx(Paragraph, __assign({ size: "small" }, { children: message }))] }))] })));
|
|
1780
1831
|
};
|
|
1781
1832
|
|
|
1782
|
-
var FormWrapper = styled__default["default"].form(templateObject_1$
|
|
1783
|
-
var
|
|
1784
|
-
var
|
|
1833
|
+
var FormWrapper = styled__default["default"].form(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([""], [""])));
|
|
1834
|
+
var DescriptionWrapper = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n margin-bottom: 20px;\n\n a {\n color: ", ";\n\n :hover {\n color: ", ";\n }\n }\n"], ["\n margin-bottom: 20px;\n\n a {\n color: ", ";\n\n :hover {\n color: ", ";\n }\n }\n"])), theme.colors.darkGray.light, theme.colors.blue.base);
|
|
1835
|
+
var ButtonWrapper = styled__default["default"].div(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n padding-top: 30px;\n"], ["\n padding-top: 30px;\n"])));
|
|
1836
|
+
var templateObject_1$4, templateObject_2$3, templateObject_3$3;
|
|
1785
1837
|
|
|
1786
1838
|
var Form = React.forwardRef(function (props, ref) {
|
|
1787
1839
|
var _a = React.useState({}), values = _a[0], setValues = _a[1];
|
|
@@ -1920,40 +1972,40 @@ var Form = React.forwardRef(function (props, ref) {
|
|
|
1920
1972
|
props.onError(feedback);
|
|
1921
1973
|
}
|
|
1922
1974
|
};
|
|
1923
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign({ type: "h4" }, { children: props.title })
|
|
1975
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign({ type: "h4" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 15 })] })), props.description && (jsxRuntime.jsx(DescriptionWrapper, { children: jsxRuntime.jsx(Paragraph, __assign({ color: "darkGray", weight: "regular" }, { children: parse__default["default"](props.description) })) })), jsxRuntime.jsx(FormWrapper, { children: props.fields.map(function (field, index) {
|
|
1924
1976
|
switch (field.type) {
|
|
1925
1977
|
case "text":
|
|
1926
1978
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1927
|
-
jsxRuntime.jsx(InputField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
1979
|
+
jsxRuntime.jsx(InputField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1928
1980
|
case "password":
|
|
1929
1981
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1930
|
-
jsxRuntime.jsx(PasswordInputField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField, onKeyPress: field.submitOnEnter && onSubmit })
|
|
1982
|
+
jsxRuntime.jsx(PasswordInputField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField, onKeyPress: field.submitOnEnter && onSubmit }))));
|
|
1931
1983
|
case "date":
|
|
1932
1984
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1933
|
-
jsxRuntime.jsx(DateInputField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
1985
|
+
jsxRuntime.jsx(DateInputField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1934
1986
|
case "textarea":
|
|
1935
1987
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1936
|
-
jsxRuntime.jsx(TextareaField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
1988
|
+
jsxRuntime.jsx(TextareaField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1937
1989
|
case "radio":
|
|
1938
1990
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1939
|
-
jsxRuntime.jsx(RadioGroup, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
1991
|
+
jsxRuntime.jsx(RadioGroup, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1940
1992
|
case "number":
|
|
1941
1993
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1942
|
-
jsxRuntime.jsx(NumberField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
1994
|
+
jsxRuntime.jsx(NumberField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1943
1995
|
case "checkbox":
|
|
1944
1996
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1945
|
-
jsxRuntime.jsx(Checkboxes, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
1997
|
+
jsxRuntime.jsx(Checkboxes, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1946
1998
|
case "select":
|
|
1947
1999
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1948
|
-
jsxRuntime.jsx(SelectField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
2000
|
+
jsxRuntime.jsx(SelectField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1949
2001
|
case "toggle":
|
|
1950
2002
|
return (React.createElement(WithValidation, __assign({}, feedback[field.name], { key: "field-".concat(index) }),
|
|
1951
|
-
jsxRuntime.jsx(ToggleField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField })
|
|
2003
|
+
jsxRuntime.jsx(ToggleField, __assign({}, field, { onChange: onChangeFormField, onBlur: onBlurFormField }))));
|
|
1952
2004
|
}
|
|
1953
|
-
}) }
|
|
2005
|
+
}) }), props.button && (jsxRuntime.jsx(ButtonWrapper, { children: jsxRuntime.jsx(Button, __assign({}, props.button, { onClick: onSubmit, type: "submit" })) }))] }));
|
|
1954
2006
|
});
|
|
1955
2007
|
|
|
1956
|
-
var Container$
|
|
2008
|
+
var Container$2 = styled__default["default"].div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: space-evenly;\n\n border-radius: 3px;\n border-color: ", ";\n\n background-color: ", ";\n box-sizing: border-box;\n border-width: ", ";\n border-style: solid;\n\n svg {\n fill: ", ";\n }\n\n h6 {\n color: ", ";\n font-size: 16px;\n line-height: 12px;\n }\n"], ["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: space-evenly;\n\n border-radius: 3px;\n border-color: ", ";\n\n background-color: ", ";\n box-sizing: border-box;\n border-width: ", ";\n border-style: solid;\n\n svg {\n fill: ", ";\n }\n\n h6 {\n color: ", ";\n font-size: 16px;\n line-height: 12px;\n }\n"])), function (_a) {
|
|
1957
2009
|
var color = _a.color, active = _a.active;
|
|
1958
2010
|
if (active)
|
|
1959
2011
|
return theme.colors[color].dark;
|
|
@@ -1977,20 +2029,20 @@ var Container$1 = styled__default["default"].div(templateObject_1$2 || (template
|
|
|
1977
2029
|
return theme.colors[color].base;
|
|
1978
2030
|
return "";
|
|
1979
2031
|
});
|
|
1980
|
-
var templateObject_1$
|
|
2032
|
+
var templateObject_1$3;
|
|
1981
2033
|
|
|
1982
2034
|
var Key = function (props) {
|
|
1983
2035
|
var _a;
|
|
1984
|
-
return (jsxRuntime.jsx(Container$
|
|
2036
|
+
return (jsxRuntime.jsx(Container$2, __assign({ color: props.color, active: props.active }, { children: props.color === "pink" ? (jsxRuntime.jsx("svg", __assign({ width: "28", height: "7", viewBox: "0 0 28 7" }, { children: jsxRuntime.jsx("path", { d: "M0 4.5V1C0 0.447715 0.447715 0 1 0H2C2.55228 0 3 0.447715 3 1V4H25V1C25 0.447715 25.4477 0 26 0H27C27.5523 0 28 0.447715 28 1V4.5C28 5.88071 26.8807 7 25.5 7H2.5C1.11929 7 0 5.88071 0 4.5Z" }) }))) : ((_a = props.characters) === null || _a === void 0 ? void 0 : _a.map(function (character, index) { return (jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: character }), "".concat(character, "-").concat(index))); })) })));
|
|
1985
2037
|
};
|
|
1986
2038
|
|
|
1987
|
-
var Container = styled__default["default"].div(templateObject_1$
|
|
1988
|
-
var SpecialRow = styled__default["default"].div(templateObject_2$
|
|
1989
|
-
var TopRow = styled__default["default"].div(templateObject_3$
|
|
1990
|
-
var StartRow = styled__default["default"].div(templateObject_4$
|
|
2039
|
+
var Container$1 = styled__default["default"].div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n width: 720px;\n background-color: #cacbd6;\n box-shadow: #7b7f81 0px 8px 0px;\n border-radius: 10px;\n padding: 25px 20px;\n box-sizing: border-box;\n"], ["\n width: 720px;\n background-color: #cacbd6;\n box-shadow: #7b7f81 0px 8px 0px;\n border-radius: 10px;\n padding: 25px 20px;\n box-sizing: border-box;\n"])));
|
|
2040
|
+
var SpecialRow = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n\n > div:last-child {\n min-width: 60px;\n max-width: 60px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n\n > div:last-child {\n min-width: 60px;\n max-width: 60px;\n }\n"])));
|
|
2041
|
+
var TopRow = styled__default["default"].div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child {\n min-width: 50px;\n max-width: 50px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child {\n min-width: 50px;\n max-width: 50px;\n }\n"])));
|
|
2042
|
+
var StartRow = styled__default["default"].div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child {\n min-width: 70px;\n max-width: 70px;\n }\n > div:last-child {\n min-width: 65px;\n max-width: 65px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child {\n min-width: 70px;\n max-width: 70px;\n }\n > div:last-child {\n min-width: 65px;\n max-width: 65px;\n }\n"])));
|
|
1991
2043
|
var BottomRow = styled__default["default"].div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child,\n > div:last-child {\n min-width: 90px;\n max-width: 90px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child,\n > div:last-child {\n min-width: 90px;\n max-width: 90px;\n }\n"])));
|
|
1992
2044
|
var SpacebarRow = styled__default["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child,\n > div:last-child {\n min-width: 70px;\n max-width: 70px;\n }\n\n > div:nth-child(5) {\n min-width: 220px;\n max-width: 220px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n margin-top: 10px;\n\n > div:first-child,\n > div:last-child {\n min-width: 70px;\n max-width: 70px;\n }\n\n > div:nth-child(5) {\n min-width: 220px;\n max-width: 220px;\n }\n"])));
|
|
1993
|
-
var templateObject_1$
|
|
2045
|
+
var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6;
|
|
1994
2046
|
|
|
1995
2047
|
var Keyboard = function (props) {
|
|
1996
2048
|
var _a = React.useState(), keys = _a[0], setKeys = _a[1];
|
|
@@ -2014,63 +2066,63 @@ var Keyboard = function (props) {
|
|
|
2014
2066
|
}, [props.keys]);
|
|
2015
2067
|
if (!keys)
|
|
2016
2068
|
return null;
|
|
2017
|
-
return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsxs(SpecialRow, { children: [jsxRuntime.jsx(Key, {}
|
|
2069
|
+
return (jsxRuntime.jsxs(Container$1, { children: [jsxRuntime.jsxs(SpecialRow, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, { characters: [keys[44].character, keys[89].character], color: keys[44].color, active: keys[44].character === props.activeKey ||
|
|
2018
2070
|
keys[89].character === props.activeKey }, 44), jsxRuntime.jsx(Key, { characters: [keys[42].character, keys[87].character], color: keys[42].color, active: keys[42].character === props.activeKey ||
|
|
2019
|
-
keys[87].character === props.activeKey }
|
|
2020
|
-
keys[85].character === props.activeKey }
|
|
2021
|
-
keys[83].character === props.activeKey }
|
|
2022
|
-
keys[81].character === props.activeKey }
|
|
2023
|
-
keys[91].character === props.activeKey }
|
|
2024
|
-
keys[90].character === props.activeKey }
|
|
2025
|
-
keys[80].character === props.activeKey }
|
|
2026
|
-
keys[82].character === props.activeKey }
|
|
2027
|
-
keys[84].character === props.activeKey }
|
|
2028
|
-
keys[86].character === props.activeKey }
|
|
2029
|
-
keys[88].character === props.activeKey }
|
|
2030
|
-
keys[65].character === props.activeKey }
|
|
2031
|
-
keys[63].character === props.activeKey }
|
|
2032
|
-
keys[61].character === props.activeKey }
|
|
2033
|
-
keys[59].character === props.activeKey }
|
|
2034
|
-
keys[69].character === props.activeKey }
|
|
2035
|
-
keys[68].character === props.activeKey }
|
|
2036
|
-
keys[58].character === props.activeKey }
|
|
2037
|
-
keys[60].character === props.activeKey }
|
|
2038
|
-
keys[62].character === props.activeKey }
|
|
2039
|
-
keys[64].character === props.activeKey }
|
|
2040
|
-
keys[67].character === props.activeKey }
|
|
2041
|
-
keys[66].character === props.activeKey }
|
|
2042
|
-
keys[54].character === props.activeKey }
|
|
2043
|
-
keys[52].character === props.activeKey }
|
|
2044
|
-
keys[50].character === props.activeKey }
|
|
2045
|
-
keys[48].character === props.activeKey }
|
|
2046
|
-
keys[57].character === props.activeKey }
|
|
2047
|
-
keys[56].character === props.activeKey }
|
|
2048
|
-
keys[47].character === props.activeKey }
|
|
2049
|
-
keys[49].character === props.activeKey }
|
|
2050
|
-
keys[51].character === props.activeKey }
|
|
2051
|
-
keys[53].character === props.activeKey }
|
|
2052
|
-
keys[55].character === props.activeKey }
|
|
2053
|
-
keys[77].character === props.activeKey }
|
|
2054
|
-
keys[75].character === props.activeKey }
|
|
2055
|
-
keys[73].character === props.activeKey }
|
|
2056
|
-
keys[71].character === props.activeKey }
|
|
2057
|
-
keys[79].character === props.activeKey }
|
|
2058
|
-
keys[78].character === props.activeKey }
|
|
2059
|
-
keys[70].character === props.activeKey }
|
|
2060
|
-
keys[72].character === props.activeKey }
|
|
2061
|
-
keys[74].character === props.activeKey }
|
|
2062
|
-
keys[76].character === props.activeKey }
|
|
2071
|
+
keys[87].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[40].character, keys[85].character], color: keys[40].color, active: keys[40].character === props.activeKey ||
|
|
2072
|
+
keys[85].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[38].character, keys[83].character], color: keys[38].color, active: keys[38].character === props.activeKey ||
|
|
2073
|
+
keys[83].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[36].character, keys[81].character], color: keys[36].color, active: keys[36].character === props.activeKey ||
|
|
2074
|
+
keys[81].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[46].character, keys[91].character], color: keys[46].color, active: keys[46].character === props.activeKey ||
|
|
2075
|
+
keys[91].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[45].character, keys[90].character], color: keys[45].color, active: keys[45].character === props.activeKey ||
|
|
2076
|
+
keys[90].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[35].character, keys[80].character], color: keys[35].color, active: keys[35].character === props.activeKey ||
|
|
2077
|
+
keys[80].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[37].character, keys[82].character], color: keys[37].color, active: keys[37].character === props.activeKey ||
|
|
2078
|
+
keys[82].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[39].character, keys[84].character], color: keys[39].color, active: keys[39].character === props.activeKey ||
|
|
2079
|
+
keys[84].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[41].character, keys[86].character], color: keys[41].color, active: keys[41].character === props.activeKey ||
|
|
2080
|
+
keys[86].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[43].character, keys[88].character], color: keys[43].color, active: keys[43].character === props.activeKey ||
|
|
2081
|
+
keys[88].character === props.activeKey }), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(TopRow, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, { characters: [keys[65].character], color: keys[20].color, active: keys[20].character === props.activeKey ||
|
|
2082
|
+
keys[65].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[63].character], color: keys[18].color, active: keys[18].character === props.activeKey ||
|
|
2083
|
+
keys[63].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[61].character], color: keys[16].color, active: keys[16].character === props.activeKey ||
|
|
2084
|
+
keys[61].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[59].character], color: keys[14].color, active: keys[14].character === props.activeKey ||
|
|
2085
|
+
keys[59].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[69].character], color: keys[24].color, active: keys[24].character === props.activeKey ||
|
|
2086
|
+
keys[69].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[68].character], color: keys[23].color, active: keys[23].character === props.activeKey ||
|
|
2087
|
+
keys[68].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[58].character], color: keys[13].color, active: keys[13].character === props.activeKey ||
|
|
2088
|
+
keys[58].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[60].character], color: keys[15].color, active: keys[15].character === props.activeKey ||
|
|
2089
|
+
keys[60].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[62].character], color: keys[17].color, active: keys[17].character === props.activeKey ||
|
|
2090
|
+
keys[62].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[64].character], color: keys[19].color, active: keys[19].character === props.activeKey ||
|
|
2091
|
+
keys[64].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[22].character, keys[67].character], color: keys[22].color, active: keys[22].character === props.activeKey ||
|
|
2092
|
+
keys[67].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[21].character, keys[66].character], color: keys[21].color, active: keys[21].character === props.activeKey ||
|
|
2093
|
+
keys[66].character === props.activeKey }), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(StartRow, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, { characters: [keys[54].character], color: keys[9].color, active: keys[9].character === props.activeKey ||
|
|
2094
|
+
keys[54].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[52].character], color: keys[7].color, active: keys[7].character === props.activeKey ||
|
|
2095
|
+
keys[52].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[50].character], color: keys[5].color, active: keys[5].character === props.activeKey ||
|
|
2096
|
+
keys[50].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[48].character], color: keys[3].color, active: keys[3].character === props.activeKey ||
|
|
2097
|
+
keys[48].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[57].character], color: keys[12].color, active: keys[12].character === props.activeKey ||
|
|
2098
|
+
keys[57].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[56].character], color: keys[11].color, active: keys[11].character === props.activeKey ||
|
|
2099
|
+
keys[56].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[47].character], color: keys[2].color, active: keys[2].character === props.activeKey ||
|
|
2100
|
+
keys[47].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[49].character], color: keys[4].color, active: keys[4].character === props.activeKey ||
|
|
2101
|
+
keys[49].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[51].character], color: keys[6].color, active: keys[6].character === props.activeKey ||
|
|
2102
|
+
keys[51].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[8].character, keys[53].character].filter(function (key) { return key !== "m"; }), color: keys[8].color, active: keys[8].character === props.activeKey ||
|
|
2103
|
+
keys[53].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[10].character, keys[55].character], color: keys[10].color, active: keys[10].character === props.activeKey ||
|
|
2104
|
+
keys[55].character === props.activeKey }), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(BottomRow, { children: [jsxRuntime.jsx(Key, { characters: ["Shift"], color: keys[32].color, active: shiftKeys.right.includes(props.activeKey) }), jsxRuntime.jsx(Key, { characters: [keys[77].character], color: keys[32].color, active: keys[32].character === props.activeKey ||
|
|
2105
|
+
keys[77].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[75].character], color: keys[30].color, active: keys[30].character === props.activeKey ||
|
|
2106
|
+
keys[75].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[73].character], color: keys[28].color, active: keys[28].character === props.activeKey ||
|
|
2107
|
+
keys[73].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[71].character], color: keys[26].color, active: keys[26].character === props.activeKey ||
|
|
2108
|
+
keys[71].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[79].character], color: keys[34].color, active: keys[34].character === props.activeKey ||
|
|
2109
|
+
keys[79].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[78].character], color: keys[33].color, active: keys[33].character === props.activeKey ||
|
|
2110
|
+
keys[78].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[25].character, keys[70].character].filter(function (key) { return key !== "m"; }), color: keys[25].color, active: keys[25].character === props.activeKey ||
|
|
2111
|
+
keys[70].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[27].character, keys[72].character], color: keys[27].color, active: keys[27].character === props.activeKey ||
|
|
2112
|
+
keys[72].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[29].character, keys[74].character], color: keys[29].color, active: keys[29].character === props.activeKey ||
|
|
2113
|
+
keys[74].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: [keys[31].character, keys[76].character], color: keys[31].color, active: keys[31].character === props.activeKey ||
|
|
2114
|
+
keys[76].character === props.activeKey }), jsxRuntime.jsx(Key, { characters: ["Shift"], color: keys[31].color, active: shiftKeys.left.includes(props.activeKey) })] }), jsxRuntime.jsxs(SpacebarRow, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, { color: keys[1].color, active: keys[1].character === props.activeKey }), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {})] })] }));
|
|
2063
2115
|
};
|
|
2064
2116
|
|
|
2065
|
-
var Mask = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"])));
|
|
2066
|
-
var CardWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
2117
|
+
var Mask = styled__default["default"].div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n"])));
|
|
2118
|
+
var CardWrapper = styled__default["default"].div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
2067
2119
|
var width = _a.width;
|
|
2068
2120
|
return (width ? "".concat(width, "px") : "720px");
|
|
2069
2121
|
});
|
|
2070
|
-
var CloseIconWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n margin-bottom: -10px;\n\n svg {\n cursor: pointer;\n }\n svg:hover {\n fill: ", ";\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n margin-bottom: -10px;\n\n svg {\n cursor: pointer;\n }\n svg:hover {\n fill: ", ";\n }\n"])), theme.colors.darkGray.base);
|
|
2071
|
-
var ChildrenWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 0 35px 20px;\n"], ["\n padding: 0 35px 20px;\n"])));
|
|
2122
|
+
var CloseIconWrapper = styled__default["default"].div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n margin-bottom: -10px;\n\n svg {\n cursor: pointer;\n }\n svg:hover {\n fill: ", ";\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n margin-bottom: -10px;\n\n svg {\n cursor: pointer;\n }\n svg:hover {\n fill: ", ";\n }\n"])), theme.colors.darkGray.base);
|
|
2123
|
+
var ChildrenWrapper = styled__default["default"].div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n padding: 0 35px 20px;\n"], ["\n padding: 0 35px 20px;\n"])));
|
|
2072
2124
|
var FooterContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: calc(100% + 30px);\n box-sizing: border-box;\n min-height: 45px;\n margin-top: 15px;\n margin-bottom: -15px;\n margin-left: -15px;\n padding: 15px 50px;\n background-color: ", ";\n border-top: 1px solid ", ";\n"], ["\n width: calc(100% + 30px);\n box-sizing: border-box;\n min-height: 45px;\n margin-top: 15px;\n margin-bottom: -15px;\n margin-left: -15px;\n padding: 15px 50px;\n background-color: ", ";\n border-top: 1px solid ", ";\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.darker);
|
|
2073
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
2125
|
+
var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5;
|
|
2074
2126
|
|
|
2075
2127
|
var Modal = function (props) {
|
|
2076
2128
|
var _a = React.useState(props.isVisible), isVisible = _a[0], setIsVisible = _a[1];
|
|
@@ -2082,7 +2134,27 @@ var Modal = function (props) {
|
|
|
2082
2134
|
props.onClose();
|
|
2083
2135
|
setIsVisible(false);
|
|
2084
2136
|
};
|
|
2085
|
-
return (jsxRuntime.jsx(Mask, { children: jsxRuntime.jsx(CardWrapper, __assign({}, props, { children: jsxRuntime.jsxs(Card, { children: [jsxRuntime.jsx(CloseIconWrapper, { children: jsxRuntime.jsx(Icon, { type: "cross", onClick: onClose }
|
|
2137
|
+
return (jsxRuntime.jsx(Mask, { children: jsxRuntime.jsx(CardWrapper, __assign({}, props, { children: jsxRuntime.jsxs(Card, { children: [jsxRuntime.jsx(CloseIconWrapper, { children: jsxRuntime.jsx(Icon, { type: "cross", onClick: onClose }) }), jsxRuntime.jsx(ChildrenWrapper, { children: props.children }), props.footer && jsxRuntime.jsx(FooterContainer, { children: props.footer })] }) })) }));
|
|
2138
|
+
};
|
|
2139
|
+
|
|
2140
|
+
var Container = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n min-height: 90px;\n border-radius: 6px;\n border-width: 3px;\n border-style: solid;\n border-color: ", ";\n background-color: ", ";\n padding: 20px;\n display: flex;\n box-sizing: border-box;\n"], ["\n width: 100%;\n min-height: 90px;\n border-radius: 6px;\n border-width: 3px;\n border-style: solid;\n border-color: ", ";\n background-color: ", ";\n padding: 20px;\n display: flex;\n box-sizing: border-box;\n"])), function (_a) {
|
|
2141
|
+
var passed = _a.passed;
|
|
2142
|
+
return passed ? theme.colors.green.base : theme.colors.red.base;
|
|
2143
|
+
}, theme.colors.lightGray.light);
|
|
2144
|
+
var ProgressBarWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 15px;\n margin-left: auto;\n position: relative;\n\n > div:last-child {\n display: flex;\n justify-content: space-between;\n margin-top: 3px;\n }\n"], ["\n width: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 15px;\n margin-left: auto;\n position: relative;\n\n > div:last-child {\n display: flex;\n justify-content: space-between;\n margin-top: 3px;\n }\n"])));
|
|
2145
|
+
var Indicator = styled__default["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 4px;\n height: 22px;\n background-color: ", ";\n position: absolute;\n left: ", ";\n z-index: 1;\n top: -4px;\n"], ["\n width: 4px;\n height: 22px;\n background-color: ", ";\n position: absolute;\n left: ", ";\n z-index: 1;\n top: -4px;\n"])), theme.colors.blue.darker, function (_a) {
|
|
2146
|
+
var value = _a.value;
|
|
2147
|
+
return "".concat(value, "%");
|
|
2148
|
+
});
|
|
2149
|
+
var Target = styled__default["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: fit-content;\n position: absolute;\n left: ", ";\n bottom: 40px;\n\n p {\n color: ", ";\n }\n"], ["\n width: fit-content;\n position: absolute;\n left: ", ";\n bottom: 40px;\n\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
2150
|
+
var value = _a.value;
|
|
2151
|
+
return "calc(".concat(value, "% - 6px)");
|
|
2152
|
+
}, theme.colors.blue.darker);
|
|
2153
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
2154
|
+
|
|
2155
|
+
var Result = function (props) {
|
|
2156
|
+
var isPassed = props.value >= props.target;
|
|
2157
|
+
return (jsxRuntime.jsxs(Container, __assign({ passed: isPassed }, { children: [jsxRuntime.jsx(Icon, { type: isPassed ? "check" : "warning", color: isPassed ? "green" : "red", size: "large" }), jsxRuntime.jsx(Spacer, { horizontal: 15 }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign({ type: "h5" }, { children: props.title })), jsxRuntime.jsx(Paragraph, { children: props.subtitle })] }), props.progressBar && (jsxRuntime.jsxs(ProgressBarWrapper, { children: [jsxRuntime.jsx(Indicator, { value: (props.target / props.progressBar.max) * 100 }), jsxRuntime.jsx(Target, __assign({ value: (props.target / props.progressBar.max) * 100 }, { children: jsxRuntime.jsxs(Paragraph, __assign({ size: "small" }, { children: [props.target, props.progressBar.unit] })) })), jsxRuntime.jsx(ProgressBar, { percent: (props.value / props.progressBar.max) * 100, color: isPassed ? "green" : "red" }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Paragraph, __assign({ size: "small" }, { children: [props.progressBar.min, props.progressBar.unit] })), jsxRuntime.jsxs(Paragraph, __assign({ size: "small" }, { children: [props.progressBar.max, props.progressBar.unit] }))] })] }))] })));
|
|
2086
2158
|
};
|
|
2087
2159
|
|
|
2088
2160
|
exports.Alert = Alert;
|
|
@@ -2100,6 +2172,7 @@ exports.IconButton = IconButton;
|
|
|
2100
2172
|
exports.Illustration = Illustration;
|
|
2101
2173
|
exports.Input = Input;
|
|
2102
2174
|
exports.InputField = InputField;
|
|
2175
|
+
exports.Key = Key$1;
|
|
2103
2176
|
exports.Keyboard = Keyboard;
|
|
2104
2177
|
exports.Link = Link;
|
|
2105
2178
|
exports.Loading = Loading;
|
|
@@ -2117,6 +2190,7 @@ exports.Popup = Popup;
|
|
|
2117
2190
|
exports.ProgressBar = ProgressBar;
|
|
2118
2191
|
exports.Radio = Radio;
|
|
2119
2192
|
exports.RadioGroup = RadioGroup;
|
|
2193
|
+
exports.Result = Result;
|
|
2120
2194
|
exports.Select = Select;
|
|
2121
2195
|
exports.SelectField = SelectField;
|
|
2122
2196
|
exports.Spacer = Spacer;
|