@typeolymp/ui-components 1.18.2 → 1.18.6
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/README.md +6 -6
- package/build/components/atoms/DataSummary/index.d.ts +18 -0
- package/build/components/atoms/DataSummary/stories.d.ts +13 -0
- package/build/components/atoms/DataSummary/styles.d.ts +2 -0
- package/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/components/atoms/Illustration/index.d.ts +1 -1
- package/build/index.d.ts +2 -1
- package/build/index.es.js +58 -42
- package/build/index.es.js.map +1 -1
- package/build/index.js +58 -41
- package/build/index.js.map +1 -1
- package/build/utils/types/TranslationType.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -16,9 +16,9 @@ Open [http://localhost:6006](http://localhost:6006) with your browser to see the
|
|
|
16
16
|
## 👫 Contributing
|
|
17
17
|
To contribute to the `ui-components` package, follow these step:
|
|
18
18
|
1. **Clone the Repository:** Clone the [repository](https://github.com/TypeOlymp/ui-components) to your local machine.
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
2. **Create a Branch:** Create a new branch for your changes using a descriptive name: `git checkout -b feature/my-new-feature`.
|
|
20
|
+
3. **Make Changes:** Make your desired changes and improvements to the codebase.
|
|
21
|
+
4. **Commit Changes:** Commit your changes with a clear and concise commit message: `git commit -m "Add a new feature"`.
|
|
22
|
+
5. **Push Changes:** Push your changes to your development branch: `git push origin feature/my-new-feature`.
|
|
23
|
+
6. **Update the CHANGELOG:** Update the `CHANGELOG.md` file with the new changes.
|
|
24
|
+
7. **Open a Pull Request:** Visit the [repository](https://github.com/TypeOlymp/ui-components) and open a Pull Request. Describe your changes, and submit the pull request.
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { Locale } from "@typeolymp/utils/enums";
|
|
3
|
+
declare type BasePropsType = {
|
|
4
|
+
title: string;
|
|
5
|
+
data: string[] | {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
}[];
|
|
9
|
+
};
|
|
10
|
+
export declare type PropsType = (BasePropsType & {
|
|
11
|
+
onEdit?: never;
|
|
12
|
+
locale?: never;
|
|
13
|
+
}) | (BasePropsType & {
|
|
14
|
+
onEdit?(): void;
|
|
15
|
+
locale: Locale;
|
|
16
|
+
});
|
|
17
|
+
declare const DataSummary: FC<PropsType>;
|
|
18
|
+
export default DataSummary;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { PropsType } from ".";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.FC<PropsType>;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Overview: () => JSX.Element;
|
|
9
|
+
export declare const Playground: {
|
|
10
|
+
(args: any): JSX.Element;
|
|
11
|
+
args: {};
|
|
12
|
+
argTypes: {};
|
|
13
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
2
|
export declare type PropsType = {
|
|
3
|
-
type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal";
|
|
3
|
+
type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal" | "bell";
|
|
4
4
|
size?: "tiny" | "small" | "medium" | "large";
|
|
5
5
|
color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
|
|
6
6
|
onClick?(e?: MouseEvent): void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
2
|
export declare type PropsType = {
|
|
3
|
-
type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard" | "cookie" | "classroom" | "student" | "school" | "organisation" | "coach";
|
|
3
|
+
type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard" | "cookie" | "classroom" | "student" | "school" | "organisation" | "coach" | "certificate";
|
|
4
4
|
size?: "tiny" | "small" | "medium" | "large";
|
|
5
5
|
};
|
|
6
6
|
declare const Illustration: FC<PropsType>;
|
package/build/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ import Range from "./components/atoms/Range";
|
|
|
15
15
|
import Select from "./components/atoms/Select";
|
|
16
16
|
import Spacer from "./components/atoms/Spacer";
|
|
17
17
|
import Subheading from "./components/atoms/Subheading";
|
|
18
|
+
import DataSummary from "./components/atoms/DataSummary";
|
|
18
19
|
import Tag from "./components/atoms/Tag";
|
|
19
20
|
import Toggle from "./components/atoms/Toggle";
|
|
20
21
|
import Trophy from "./components/atoms/Trophy";
|
|
@@ -51,4 +52,4 @@ import Modal from "./components/organisms/Modal";
|
|
|
51
52
|
import Result from "./components/organisms/Result";
|
|
52
53
|
import Table from "./components/organisms/Table";
|
|
53
54
|
import Transfer from "./components/organisms/Transfer";
|
|
54
|
-
export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, Countdown, DateInputField, Dropdown, FileUpload, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Chart, Form, Keyboard, Modal, Result, Table, Transfer, };
|
|
55
|
+
export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, DataSummary, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, Countdown, DateInputField, Dropdown, FileUpload, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Chart, Form, Keyboard, Modal, Result, Table, Transfer, };
|
package/build/index.es.js
CHANGED
|
@@ -3440,14 +3440,14 @@ Object.defineProperty(BeatLoader, "__esModule", { value: true });
|
|
|
3440
3440
|
var React$2 = __importStar$2(React__default);
|
|
3441
3441
|
var react_1 = require$$1;
|
|
3442
3442
|
var helpers_1 = helpers$1;
|
|
3443
|
-
var beat = react_1.keyframes(templateObject_1$
|
|
3443
|
+
var beat = react_1.keyframes(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n 50% {transform: scale(0.75);opacity: 0.2}\n 100% {transform: scale(1);opacity: 1}\n"], ["\n 50% {transform: scale(0.75);opacity: 0.2}\n 100% {transform: scale(1);opacity: 1}\n"])));
|
|
3444
3444
|
var Loader = /** @class */ (function (_super) {
|
|
3445
3445
|
__extends$2(Loader, _super);
|
|
3446
3446
|
function Loader() {
|
|
3447
3447
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
3448
3448
|
_this.style = function (i) {
|
|
3449
3449
|
var _a = _this.props, color = _a.color, size = _a.size, margin = _a.margin, speedMultiplier = _a.speedMultiplier;
|
|
3450
|
-
return react_1.css(templateObject_2$
|
|
3450
|
+
return react_1.css(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n display: inline-block;\n background-color: ", ";\n width: ", ";\n height: ", ";\n margin: ", ";\n border-radius: 100%;\n animation: ", " ", "s ", "\n infinite linear;\n animation-fill-mode: both;\n "], ["\n display: inline-block;\n background-color: ", ";\n width: ", ";\n height: ", ";\n margin: ", ";\n border-radius: 100%;\n animation: ", " ", "s ", "\n infinite linear;\n animation-fill-mode: both;\n "])), color, helpers_1.cssValue(size), helpers_1.cssValue(size), helpers_1.cssValue(margin), beat, 0.7 / speedMultiplier, i % 2 ? "0s" : 0.35 / speedMultiplier + "s");
|
|
3451
3451
|
};
|
|
3452
3452
|
return _this;
|
|
3453
3453
|
}
|
|
@@ -3462,9 +3462,9 @@ var Loader = /** @class */ (function (_super) {
|
|
|
3462
3462
|
return Loader;
|
|
3463
3463
|
}(React$2.PureComponent));
|
|
3464
3464
|
var _default$1 = BeatLoader.default = Loader;
|
|
3465
|
-
var templateObject_1$
|
|
3465
|
+
var templateObject_1$X, templateObject_2$D;
|
|
3466
3466
|
|
|
3467
|
-
var Wrapper$a = styled.div(templateObject_1$
|
|
3467
|
+
var Wrapper$a = styled.div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n\n :hover {\n cursor: ", ";\n fill: ", ";\n }\n }\n"], ["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n\n :hover {\n cursor: ", ";\n fill: ", ";\n }\n }\n"])), function (_a) {
|
|
3468
3468
|
var size = _a.size;
|
|
3469
3469
|
return theme.icon[size] || theme.icon.medium;
|
|
3470
3470
|
}, function (_a) {
|
|
@@ -3522,7 +3522,7 @@ var Wrapper$a = styled.div(templateObject_1$V || (templateObject_1$V = __makeTem
|
|
|
3522
3522
|
return theme.colors.lightGray.base;
|
|
3523
3523
|
}
|
|
3524
3524
|
});
|
|
3525
|
-
var templateObject_1$
|
|
3525
|
+
var templateObject_1$W;
|
|
3526
3526
|
|
|
3527
3527
|
var icons = {
|
|
3528
3528
|
check: (jsx$1("path", { d: "M16.6107 6.5626L10.0247 13.1623L7.43866 10.5709C6.9365 10.0499 6.19289 9.841 5.49363 10.0244C4.79436 10.2078 4.24826 10.7551 4.06523 11.4558C3.8822 12.1565 4.09071 12.9017 4.61063 13.4049L8.61067 17.4132C9.39168 18.1956 10.6577 18.1956 11.4387 17.4132L19.4388 9.3965C20.1967 8.6101 20.1859 7.36009 19.4144 6.58701C18.6429 5.81393 17.3955 5.80307 16.6107 6.5626Z" })),
|
|
@@ -3561,10 +3561,11 @@ var icons = {
|
|
|
3561
3561
|
upload: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M22.6 14.6c-.7 0-1.3.6-1.3 1.3v4H2.7v-4c0-.7-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3v5.2c0 .7.6 1.3 1.3 1.3h21.2c.7 0 1.3-.6 1.3-1.3v-5.2c0-.8-.6-1.3-1.3-1.3z" }), jsx$1("path", { d: "M12.8 2.1c-.1-.1-.2-.2-.4-.3-.1-.1-.3-.1-.5-.1s-.3 0-.5.1c-.1.1-.3.1-.4.3L6.3 7c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l2.8-2.8v10c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2v-10L16 8.7c.5.5 1.2.5 1.7 0s.5-1.2 0-1.7l-4.9-4.9z" })] })),
|
|
3562
3562
|
dotsVertical: (jsxs("g", { children: [jsx$1("circle", { cx: 12, cy: 4.2, r: 1.9 }), jsx$1("circle", { cx: 12, cy: 12, r: 1.9 }), jsx$1("path", { d: "M12 17.8c-1.1 0-1.9.9-1.9 1.9 0 1.1.9 1.9 1.9 1.9s1.9-.9 1.9-1.9c0-1-.8-1.9-1.9-1.9z" })] })),
|
|
3563
3563
|
dotsHorizontal: (jsxs("g", { children: [jsx$1("circle", { cx: 4.2, cy: 12, r: 1.9 }), jsx$1("circle", { cx: 12, cy: 12, r: 1.9 }), jsx$1("path", { d: "M17.8 12c0 1.1.9 1.9 1.9 1.9 1.1 0 1.9-.9 1.9-1.9s-.9-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9z" })] })),
|
|
3564
|
+
bell: (jsx$1("path", { d: "M13.6 1.8c0-.4-.2-.8-.5-1.1-.3-.3-.7-.5-1.1-.5-.9 0-1.6.7-1.6 1.6v.4c-3.7.8-6.3 4-6.3 7.8v2.9c0 1.6-.6 3.1-1.7 4.2l-.4.2c-.6.6-.9 1.4-.9 2.2v1c0 .8.6 1.4 1.4 1.4h6.3c.2 1.1 1.2 1.9 2.4 1.9h1.6c.7 0 1.3-.3 1.7-.7.3-.3.6-.8.7-1.2h6.3c.7 0 1.4-.6 1.4-1.4v-1c0-.8-.3-1.6-.9-2.2l-.3-.3c-1.1-1.1-1.7-2.6-1.7-4.2V9.9c0-3.8-2.7-7.1-6.4-7.9v-.2z" })),
|
|
3564
3565
|
};
|
|
3565
3566
|
var Icon = function (props) { return (jsx$1(Wrapper$a, __assign$2({}, props, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
3566
3567
|
|
|
3567
|
-
var StyledButton = styled.button(templateObject_1$
|
|
3568
|
+
var StyledButton = styled.button(templateObject_1$V || (templateObject_1$V = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n svg {\n pointer-events: none;\n }\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 svg {\n pointer-events: none;\n }\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) {
|
|
3568
3569
|
var fluid = _a.fluid;
|
|
3569
3570
|
return (fluid ? "100%" : "fit-content");
|
|
3570
3571
|
}, function (_a) {
|
|
@@ -3618,7 +3619,7 @@ var StyledButton = styled.button(templateObject_1$U || (templateObject_1$U = __m
|
|
|
3618
3619
|
? theme.button.medium.heightActive
|
|
3619
3620
|
: theme.button[size].heightActive;
|
|
3620
3621
|
});
|
|
3621
|
-
var DisabledButton = styled(StyledButton)(templateObject_2$
|
|
3622
|
+
var DisabledButton = styled(StyledButton)(templateObject_2$C || (templateObject_2$C = __makeTemplateObject$1(["\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: none;\n padding: 16px 20px;\n cursor: not-allowed;\n\n span {\n color: ", ";\n }\n\n :active {\n margin-top: 0;\n height: ", ";\n }\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: none;\n padding: 16px 20px;\n cursor: not-allowed;\n\n span {\n color: ", ";\n }\n\n :active {\n margin-top: 0;\n height: ", ";\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.darker, theme.colors.lightGray.darker, function (_a) {
|
|
3622
3623
|
var size = _a.size;
|
|
3623
3624
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3624
3625
|
});
|
|
@@ -3645,16 +3646,16 @@ var LoaderWrapper = styled.div(templateObject_4$8 || (templateObject_4$8 = __mak
|
|
|
3645
3646
|
var size = _a.size;
|
|
3646
3647
|
return (size === "small" ? "3px" : "");
|
|
3647
3648
|
});
|
|
3648
|
-
var templateObject_1$
|
|
3649
|
+
var templateObject_1$V, templateObject_2$C, templateObject_3$e, templateObject_4$8;
|
|
3649
3650
|
|
|
3650
|
-
var StyledSpacer = styled.div(templateObject_1$
|
|
3651
|
+
var StyledSpacer = styled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3651
3652
|
var horizontal = _a.horizontal;
|
|
3652
3653
|
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
3653
3654
|
}, function (_a) {
|
|
3654
3655
|
var vertical = _a.vertical;
|
|
3655
3656
|
return (vertical ? "".concat(vertical, "px") : "");
|
|
3656
3657
|
});
|
|
3657
|
-
var templateObject_1$
|
|
3658
|
+
var templateObject_1$U;
|
|
3658
3659
|
|
|
3659
3660
|
var Spacer = function (props) { return (jsx$1(StyledSpacer, __assign$2({}, props))); };
|
|
3660
3661
|
|
|
@@ -3702,7 +3703,7 @@ var Button = forwardRef(function (_a, ref) {
|
|
|
3702
3703
|
return (jsx$1(StyledButton, __assign$2({ color: color, size: size, fluid: fluid, type: type, tabIndex: tabIndex, as: as, href: href, ref: ref ? ref : buttonRef, onClick: onClick }, { children: isLoading ? (jsx$1(Loader, {})) : (jsxs(Fragment$1, { children: [icon && renderIcon({ color: "white" }), jsx$1("span", { children: label })] })) })));
|
|
3703
3704
|
});
|
|
3704
3705
|
|
|
3705
|
-
var StyledCheckbox = styled.div(templateObject_1$
|
|
3706
|
+
var StyledCheckbox = styled.div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject$1(["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
3706
3707
|
var checked = _a.checked, disabled = _a.disabled;
|
|
3707
3708
|
if (disabled)
|
|
3708
3709
|
return theme.colors.lightGray.darker;
|
|
@@ -3723,7 +3724,7 @@ var StyledCheckbox = styled.div(templateObject_1$S || (templateObject_1$S = __ma
|
|
|
3723
3724
|
return theme.colors.green.base;
|
|
3724
3725
|
return theme.colors.lightGray.darker;
|
|
3725
3726
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
3726
|
-
var templateObject_1$
|
|
3727
|
+
var templateObject_1$T;
|
|
3727
3728
|
|
|
3728
3729
|
var Checkbox = function (props) {
|
|
3729
3730
|
var _a;
|
|
@@ -3756,7 +3757,7 @@ var Checkbox = function (props) {
|
|
|
3756
3757
|
return (jsxs(StyledCheckbox, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: wrapperRef }, { children: [checked && (jsx$1("svg", __assign$2({ width: 16, height: 12, viewBox: "0 0 16 12", fill: "none" }, { children: jsx$1("path", { d: "M12.61.563l-6.585 6.6L3.439 4.57a1.997 1.997 0 00-3.374.885c-.183.7.026 1.446.546 1.949l4 4.008a1.997 1.997 0 002.828 0l8-8.017a2.007 2.007 0 00-.025-2.809 1.997 1.997 0 00-2.803-.024z" }) }))), jsx$1("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef })] })));
|
|
3757
3758
|
};
|
|
3758
3759
|
|
|
3759
|
-
var Wrapper$9 = styled.div(templateObject_1$
|
|
3760
|
+
var Wrapper$9 = styled.div(templateObject_1$S || (templateObject_1$S = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3760
3761
|
var size = _a.size;
|
|
3761
3762
|
switch (size) {
|
|
3762
3763
|
case "small":
|
|
@@ -3779,7 +3780,7 @@ var Wrapper$9 = styled.div(templateObject_1$R || (templateObject_1$R = __makeTem
|
|
|
3779
3780
|
return "27px";
|
|
3780
3781
|
}
|
|
3781
3782
|
});
|
|
3782
|
-
var templateObject_1$
|
|
3783
|
+
var templateObject_1$S;
|
|
3783
3784
|
|
|
3784
3785
|
var parsers = {};
|
|
3785
3786
|
|
|
@@ -4175,7 +4176,7 @@ var flags = {
|
|
|
4175
4176
|
};
|
|
4176
4177
|
var Flag = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: flags[parsers.getCountryCodeByLocale(props.locale)] }))); };
|
|
4177
4178
|
|
|
4178
|
-
var StyledHeading = styled.span(templateObject_1$
|
|
4179
|
+
var StyledHeading = styled.span(templateObject_1$R || (templateObject_1$R = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n"])), theme.fonts.heading, function (_a) {
|
|
4179
4180
|
var type = _a.type;
|
|
4180
4181
|
return theme.heading[type].fontSize;
|
|
4181
4182
|
}, function (_a) {
|
|
@@ -4199,14 +4200,14 @@ var StyledHeading = styled.span(templateObject_1$Q || (templateObject_1$Q = __ma
|
|
|
4199
4200
|
var align = _a.align;
|
|
4200
4201
|
return align;
|
|
4201
4202
|
});
|
|
4202
|
-
var templateObject_1$
|
|
4203
|
+
var templateObject_1$R;
|
|
4203
4204
|
|
|
4204
4205
|
var Heading = function (props) {
|
|
4205
4206
|
var element = !!props.as ? props.as : props.type;
|
|
4206
4207
|
return (jsx$1(StyledHeading, __assign$2({}, props, { as: element }, { children: props.children })));
|
|
4207
4208
|
};
|
|
4208
4209
|
|
|
4209
|
-
var Wrapper$8 = styled.div(templateObject_1$
|
|
4210
|
+
var Wrapper$8 = styled.div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject$1(["\n > svg {\n height: ", ";\n }\n"], ["\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
4210
4211
|
var size = _a.size;
|
|
4211
4212
|
switch (size) {
|
|
4212
4213
|
case "tiny":
|
|
@@ -4220,7 +4221,7 @@ var Wrapper$8 = styled.div(templateObject_1$P || (templateObject_1$P = __makeTem
|
|
|
4220
4221
|
return "118px";
|
|
4221
4222
|
}
|
|
4222
4223
|
});
|
|
4223
|
-
var templateObject_1$
|
|
4224
|
+
var templateObject_1$Q;
|
|
4224
4225
|
|
|
4225
4226
|
var illustrations = {
|
|
4226
4227
|
keyboard: (jsxs("svg", __assign$2({ viewBox: "0 0 32.9 20.8" }, { children: [jsx$1("path", { d: "M31.5 1H1.4C.6 1 0 1.6 0 2.4v17.1c0 .8.6 1.4 1.4 1.4h30.1c.8 0 1.4-.6 1.4-1.4V2.4c0-.8-.6-1.4-1.4-1.4z", fill: "#829190" }), jsx$1("path", { d: "M31.5 0H1.4C.6 0 0 .6 0 1.4v17.1c0 .8.6 1.4 1.4 1.4h30.1c.8 0 1.4-.6 1.4-1.4V1.4c0-.8-.6-1.4-1.4-1.4z", fill: "#99adac" }), jsx$1("path", { d: "M27.1 14.2H5.7c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h21.4c.3 0 .5-.2.5-.5v-3.4c-.1-.3-.3-.5-.5-.5zM8.4 8.6H2.1c-.3 0-.5.2-.5.4v3.4c0 .3.2.5.5.5h6.3c.3 0 .5-.2.5-.5V9c0-.2-.2-.4-.5-.4zM13.8 8.6h-3.3c-.3 0-.5.2-.5.4v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9c-.1-.2-.3-.4-.5-.4zM5.4 3.3H2.1c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c-.1-.3-.3-.5-.5-.5zM10.5 3.3H7.2c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c-.1-.3-.3-.5-.5-.5zM15.5 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM20.6 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM25.7 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM30.8 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM18.9 8.6h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9c-.1-.2-.3-.4-.5-.4zM23.9 8.6h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9.1c0-.3-.2-.5-.5-.5zM30.7 8.6h-4.9c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h4.9c.3 0 .5-.2.5-.5V9.1c0-.3-.2-.5-.5-.5z", fill: "#899a99" }), jsx$1("path", { d: "M27.1 13.7H5.7c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h21.4c.3 0 .5-.2.5-.5v-3.4c-.1-.3-.3-.5-.5-.5zM8.4 8.1H2.1c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h6.3c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5zM13.8 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c-.1-.3-.3-.5-.5-.5z", fill: "#eeeded" }), jsx$1("path", { d: "M5.4 2.8H2.1c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.5-.5z", fill: "#e62944" }), jsx$1("path", { d: "M10.5 2.8H7.2c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.5-.5zM15.5 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM20.6 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM25.7 2.8h-3.3c-.2 0-.4.2-.4.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.6-.5zM30.8 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM18.9 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c-.1-.3-.3-.5-.5-.5zM23.9 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5zM30.7 8.1h-4.9c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h4.9c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5z", fill: "#eeeded" })] }))),
|
|
@@ -4238,10 +4239,11 @@ var illustrations = {
|
|
|
4238
4239
|
school: (jsxs("svg", __assign$2({ viewBox: "0 0 340.6 317" }, { children: [jsx$1("path", { fill: "#ededed", d: "M58 97H282.7V286.9H58z" }), jsx$1("path", { d: "M204.5 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4 9.1-9.1 9.1z", fill: "#f59b1a" }), jsx$1("path", { d: "M164.9 1.3L6.3 83.7c-10.8 5.6-6.8 22 5.4 22H329c12.2 0 16.2-16.4 5.4-22L175.7 1.3c-3.4-1.7-7.4-1.7-10.8 0z", fill: "#7c7f82" }), jsx$1("path", { d: "M100.1 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H37.8c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.7-17-17-17zM302.9 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsx$1("circle", { cx: 170.3, cy: 59.1, r: 25, fill: "#ededed" }), jsx$1("path", { d: "M319.9 317H20.8c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" })] }))),
|
|
4239
4240
|
organisation: (jsxs("svg", __assign$2({ viewBox: "0 0 721 464.5" }, { children: [jsx$1("path", { fill: "#ededed", d: "M58 97H282.7V286.9H58z" }), jsx$1("path", { d: "M204.5 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4 9.1-9.1 9.1z", fill: "#f59b1a" }), jsx$1("path", { d: "M164.9 1.3L6.3 83.7c-10.8 5.6-6.8 22 5.4 22H329c12.2 0 16.2-16.4 5.4-22L175.7 1.3c-3.4-1.7-7.4-1.7-10.8 0z", fill: "#7c7f82" }), jsx$1("path", { d: "M100.1 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H37.8c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.7-17-17-17zM302.9 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsx$1("circle", { cx: 170.3, cy: 59.1, r: 25, fill: "#ededed" }), jsx$1("path", { d: "M319.9 317H20.8c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" }), jsxs("g", { children: [jsx$1("path", { fill: "#ededed", d: "M438.3 97H663V286.9H438.3z" }), jsx$1("path", { d: "M584.9 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c-.1 5.1-4.1 9.1-9.1 9.1z", fill: "#f59b1a" }), jsx$1("path", { d: "M545.3 1.3L386.6 83.7c-10.8 5.6-6.8 22 5.4 22h317.3c12.2 0 16.2-16.4 5.4-22L556 1.3c-3.4-1.7-7.4-1.7-10.7 0z", fill: "#7c7f82" }), jsx$1("path", { d: "M480.4 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17zM683.2 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsx$1("circle", { cx: 550.6, cy: 59.1, r: 25, fill: "#ededed" }), jsx$1("path", { d: "M700.2 317H401.1c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" })] }), jsxs("g", { children: [jsx$1("path", { d: "M210.9 477c-17.9 0-32.5-14.6-32.5-32.5 0-13.7 8.6-25.5 20.7-30.3-.4-2-.7-4.1-.7-6.3 0-14.3 10.2-26.2 23.7-28.9v-79.8c-13.5-2.7-23.7-14.6-23.7-28.9 0-1.6.1-3.2.4-4.7-10-1.2-18-8.2-20.4-18.2-2.7-11 2.3-21.9 12.3-27.2l158.6-82.4c3.4-1.8 7.3-2.7 11.1-2.7 3.9 0 7.7.9 11.1 2.7l158.6 82.4c10.1 5.2 15 16.2 12.3 27.2-2.4 10-10.5 17-20.4 18.2.2 1.5.4 3.1.4 4.7 0 14.3-10.2 26.2-23.7 28.9V379c13.5 2.7 23.7 14.6 23.7 28.9 0 2.1-.2 4.2-.7 6.3 12.1 4.7 20.7 16.5 20.7 30.3 0 17.9-14.6 32.5-32.5 32.5h-299z", fill: "#7c7f82" }), jsx$1("path", { d: "M360.5 147.5c1.8 0 3.7.4 5.4 1.3l158.6 82.4c10.8 5.6 6.8 22-5.4 22H493c9.4 0 17 7.6 17 17s-7.6 17-17 17h-6.7v103.7h6.7c9.4 0 17 7.6 17 17 0 8.1-5.6 14.8-13.1 16.5H510c11 0 20 9 20 20s-9 20-20 20H210.9c-11 0-20-9-20-20s9-20 20-20H224c-7.5-1.7-13.1-8.5-13.1-16.5 0-9.4 7.6-17 17-17h6.7V287.2h-6.7c-9.4 0-17-7.6-17-17s7.6-17 17-17h-26.1c-12.2 0-16.2-16.4-5.4-22L355 148.8c1.8-.8 3.6-1.3 5.5-1.3m0-25c-5.9 0-11.7 1.4-16.9 4.1L184.9 209c-7.7 4-13.8 10.6-17 18.5-2.9 7.1-3.5 15.2-1.7 22.7 1.8 7.6 6.1 14.5 12 19.4 2.4 2 5.1 3.8 8 5.1 1.6 14.7 10.8 27.1 23.5 33.3v62.1c-13.8 6.7-23.4 20.7-23.7 37-12.1 8.1-20 21.8-20 37.4 0 24.8 20.2 45 45 45h299c24.8 0 45-20.2 45-45 0-15.6-8-29.3-20-37.4-.3-16.3-9.9-30.3-23.7-37V308c12.7-6.2 21.9-18.6 23.5-33.3 2.9-1.3 5.5-3 8-5.1 5.9-5 10.1-11.9 12-19.4 1.8-7.6 1.3-15.6-1.7-22.7-3.3-7.9-9.3-14.5-17-18.5l-158.6-82.4c-5.3-2.6-11.2-4.1-17-4.1z", fill: "#fff" })] }), jsxs("g", { children: [jsx$1("path", { fill: "#ededed", d: "M248.1 244.6H472.79999999999995V434.5H248.1z" }), jsx$1("path", { d: "M394.7 434.5h-68.4c-5 0-9.1-4.1-9.1-9.1V304.1c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4.1 9.2-9.1 9.2z", fill: "#f59b1a" }), jsx$1("path", { d: "M355.1 148.8l-158.6 82.4c-10.8 5.6-6.8 22 5.4 22h317.3c12.2 0 16.2-16.4 5.4-22L366 148.8c-3.5-1.7-7.5-1.7-10.9 0z", fill: "#7c7f82" }), jsx$1("path", { d: "M290.2 390.9h-6.7V287.2h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17zM493 390.9h-6.7V287.2h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17H493c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsx$1("circle", { cx: 360.5, cy: 206.6, r: 25, fill: "#ededed" }), jsx$1("path", { d: "M510 464.5H210.9c-11 0-20-9-20-20s9-20 20-20H510c11 0 20 9 20 20s-8.9 20-20 20z", fill: "#7c7f82" })] })] }))),
|
|
4240
4241
|
coach: (jsxs("svg", __assign$2({ viewBox: "0 0 137.6 201" }, { children: [jsx$1("path", { d: "M68.8 118.5c-24.6 0-44.6 19.9-44.6 44.5v38h89.1v-38c0-24.6-19.9-44.5-44.5-44.5z", fill: "#d8d7d7" }), jsx$1("path", { d: "M78.9 101.2H58.3v16.3c0 4.7 3.8 8.6 8.6 8.6h3.5c4.7 0 8.6-3.8 8.6-8.6v-16.3z", fill: "#f9b467" }), jsx$1("path", { d: "M127.6 44.6c-.6 0-1.1.1-1.7.2C119.6 19.1 96.4 0 68.8 0S18 19.1 11.7 44.7c-.6-.1-1.1-.2-1.7-.2-5.5 0-10 4.5-10 10s4.5 10 10 10h.3c2.9 29.7 28 53 58.5 53s55.6-23.2 58.5-53h.3c5.5 0 10-4.5 10-10s-4.5-9.9-10-9.9z", fill: "#f9b467" }), jsx$1("path", { d: "M99.8 85.3c0-13.5-12.6-6.2-29.5-6.2-16.8 0-31.5-7.3-31.5 6.2s13.6 24.4 30.5 24.4 30.5-10.9 30.5-24.4z", fill: "#25120f" }), jsx$1("path", { d: "M69.3 109.7c6.6 0 12.7-1.7 17.6-4.5-2.3-3.2-6.2-5.5-10.7-6.2-1.9-.3-3.7-.2-5.5.1-1 .2-2 .2-2.9 0-1.7-.3-3.6-.3-5.5-.1-4.5.6-8.3 3-10.7 6.2 5.1 2.8 11.2 4.5 17.7 4.5z", fill: "#e62a44" }), jsx$1("path", { d: "M75.4 58.9c0-3.3-2.7-6.1-6.1-6.1-3.3 0-6.1 2.7-6.1 6.1 0 3.3 2.7 4.1 6.1 4.1 3.4-.1 6.1-.8 6.1-4.1z", opacity: 0.37, fill: "#f9b467" }), jsx$1("path", { d: "M38 23.4c-9.3 0-16.8 7.6-16.8 16.8v8.1c0 9.2 7.6 12.8 16.8 12.8 9.3 0 16.8-7.1 16.8-16.3v-4.6c.1-9.3-7.5-16.8-16.8-16.8z", fill: "#fff" }), jsx$1("path", { d: "M38 32.8c-3.2 0-5.8 2.6-5.8 5.8v10.7c0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8V38.6c.1-3.2-2.6-5.8-5.8-5.8z", fill: "#40abe1" }), jsx$1("path", { d: "M99.2 23.4c9.3 0 16.8 7.6 16.8 16.8v8.1c0 9.2-7.6 12.8-16.8 12.8-9.3 0-16.8-7.1-16.8-16.3v-4.6c0-9.3 7.5-16.8 16.8-16.8z", fill: "#fff" }), jsx$1("path", { d: "M99.2 32.8c3.2 0 5.8 2.6 5.8 5.8v10.7c0 3.2-2.6 5.8-5.8 5.8s-5.8-2.6-5.8-5.8V38.6c0-3.2 2.6-5.8 5.8-5.8z", fill: "#40abe1" }), jsx$1("path", { d: "M17.1 26.7c3.2-3.3 7.7-6.5 13.8-9 2.2-.9 2.7-3.7 1.1-5.3l-4.7-4.8c-1.2-1.2-3.2-1.3-4.5-.2-3 2.6-8.1 7.8-11.1 15.9-1.3 3.3 2.9 5.9 5.4 3.4zM119.9 26.7c-3.2-3.3-7.7-6.5-13.8-9-2.2-.9-2.7-3.7-1.1-5.3l4.7-4.8c1.2-1.2 3.2-1.3 4.5-.2 3 2.6 8.1 7.8 11.1 15.9 1.3 3.3-2.9 5.9-5.4 3.4z", fill: "#91878a" }), jsx$1("path", { d: "M7.9 54.7l.7-.7c.5-.5.5-1.4 0-1.9s-1.4-.5-1.9 0l-.7.7-.7-.7c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 1.9l.7.7-.7.7c-.5.5-.5 1.4 0 1.9.3.3.6.4.9.4.3 0 .7-.1.9-.4l.8-.7.7.7c.3.3.6.4.9.4.3 0 .7-.1.9-.4.5-.5.5-1.4 0-1.9l-.6-.7zM133.1 54.7l.7-.7c.5-.5.5-1.4 0-1.9s-1.4-.5-1.9 0l-.7.7-.7-.7c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 1.9l.7.7-.7.7c-.5.5-.5 1.4 0 1.9.3.3.6.4.9.4.3 0 .7-.1.9-.4l.7-.7.7.7c.3.3.6.4.9.4.3 0 .7-.1.9-.4.5-.5.5-1.4 0-1.9l-.5-.7z", opacity: 0.57, fill: "#f9b467" }), jsx$1("path", { d: "M61.7 23.2H27.1c-7.1 0-12.9 5.8-12.9 12.9v13.6c0 7.1 5.8 12.9 12.9 12.9h26.4c7.1 0 12.9-5.8 12.9-12.9V27.8c0-2.5-2.1-4.6-4.7-4.6zm.2 26.4c0 4.6-3.7 8.3-8.3 8.3H27.1c-4.6 0-8.3-3.7-8.3-8.3V36c0-4.6 3.7-8.3 8.3-8.3h34.6c.1 0 .1.1.1.1v21.8z", fill: "#1e1e1e" }), jsx$1("path", { d: "M61.9 27.8v21.8c0 4.6-3.7 8.3-8.3 8.3H27.1c-4.6 0-8.3-3.7-8.3-8.3V36c0-4.6 3.7-8.3 8.3-8.3h34.6c.1 0 .2.1.2.1z", opacity: 0.4, fill: "#ededee" }), jsx$1("path", { d: "M111.1 23.2H76.5c-2.6 0-4.7 2.1-4.7 4.7v21.8c0 7.1 5.8 12.9 12.9 12.9h26.4c7.1 0 12.9-5.8 12.9-12.9V36c0-7.1-5.8-12.8-12.9-12.8zm8.4 26.4c0 4.6-3.7 8.3-8.3 8.3H84.7c-4.6 0-8.3-3.7-8.3-8.3V27.8c0-.1.1-.1.1-.1h34.6c4.6 0 8.3 3.7 8.3 8.3v13.6z", fill: "#1e1e1e" }), jsx$1("path", { d: "M119.5 36v13.6c0 4.6-3.7 8.3-8.3 8.3H84.7c-4.6 0-8.3-3.7-8.3-8.3V27.8c0-.1.1-.1.1-.1h34.6c4.6 0 8.4 3.7 8.4 8.3z", opacity: 0.4, fill: "#ededee" }), jsx$1("path", { d: "M84.2 23.2H55.7v4.5h28.5v-4.5zM75.1 32.9H63.8v4.5h11.3v-4.5z", fill: "#1e1e1e" }), jsx$1("path", { d: "M83.4 120.8l-4.2-1.4c-.3-.1-.6-.1-.8.1l-9.7 6.1h-.1l-9.7-6.1c-.2-.2-.6-.2-.8-.1l-4.2 1.4c-.6.2-.8.9-.4 1.3l4.5 6.1c.5.7 1.4 1 2.2.7l6.4-2.1c.4-.1.7.1.7.5v6.6c0 .4.3.8.8.8h1.4c.4 0 .8-.3.8-.8v-6.6c0-.4.4-.6.7-.5l6.4 2.1c.8.3 1.7 0 2.2-.7l4.5-6.1c0-.5-.2-1.1-.7-1.3z", fill: "#353432" }), jsx$1("path", { d: "M69 141.8c9.6 0 18-7.3 21.5-17.7-.2-.1-.3-.2-.5-.3-3.5 10.2-11.6 17.4-21 17.4-9.5 0-17.7-7.3-21.1-17.6-.2.1-.3.2-.5.3 3.5 10.5 11.9 17.9 21.6 17.9z", fill: "#3a3b3a" }), jsx$1("path", { d: "M69.7 140.9c-.2 0-.3.2-.2.4l.3 1.2c0 .2.2.3.4.2.2 0 .3-.2.2-.4l-.3-1.2c-.1-.1-.3-.2-.4-.2zM76.2 154.1l-3.5.9c-.4.1-.8-.1-.9-.5l-1.9-7.8 4.9-1.2 1.9 7.8c.2.3-.1.7-.5.8z", fill: "#6d7171" }), jsx$1("path", { d: "M70.7 151.6c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5z", fill: "#888989" }), jsx$1("path", { d: "M76.9 154l-3.5.9c-.4.1-.8-.1-.9-.5l-1.9-7.8 4.9-1.2 1.9 7.8c.1.3-.2.7-.5.8z", fill: "#888989" })] }))),
|
|
4242
|
+
certificate: (jsxs("svg", __assign$2({ viewBox: "0 0 60.2 55.2" }, { children: [jsx$1("path", { d: "M5 1.7h50.1c1.4 0 2.5 1.1 2.5 2.5v33.4c0 1.4-1.1 2.5-2.5 2.5H5c-1.4 0-2.5-1.1-2.5-2.5V4.2c0-1.4 1.1-2.5 2.5-2.5z", fill: "#fff" }), jsx$1("path", { d: "M55.2 41.8H5c-2.3 0-4.2-1.9-4.2-4.2V4.2C.8 1.9 2.7 0 5 0h50.1c2.3 0 4.2 1.9 4.2 4.2v33.4c0 2.3-1.8 4.2-4.1 4.2zM5 3.3c-.5 0-.8.4-.8.8v33.4c0 .5.4.8.8.8h50.1c.5 0 .8-.4.8-.8V4.2c0-.5-.4-.8-.8-.8H5z", fill: "#1aaff6" }), jsx$1("path", { fill: "#ffd801", d: "M0 10H60.2V24.2H0z" }), jsx$1("path", { d: "M21.7 15h16.7c.9 0 1.7.7 1.7 1.7 0 .9-.7 1.7-1.7 1.7H21.7c-.9 0-1.7-.7-1.7-1.7.1-.9.8-1.7 1.7-1.7z", fill: "#23292f" }), jsx$1("path", { d: "M8.4 27.6h18.4c.5 0 .8.4.8.8 0 .5-.4.8-.8.8H8.4c-.5 0-.8-.4-.8-.8-.1-.4.3-.8.8-.8zM8.4 31.8h12.5c.5 0 .8.4.8.8 0 .5-.4.8-.8.8H8.4c-.5 0-.8-.4-.8-.8-.1-.5.3-.8.8-.8z", fill: "#c4c4c4" }), jsx$1("defs", { children: jsx$1("path", { id: "a", d: "M34.3 28.4H53.5V55.099999999999994H34.3z" }) }), jsx$1("clipPath", __assign$2({ id: "b" }, { children: jsx$1("use", { xlinkHref: "#a", overflow: "visible" }) })), jsxs("g", __assign$2({ clipPath: "url(#b)" }, { children: [jsx$1("path", { d: "M41 39.3h6.7v12.5l-3.3-2.2-3.4 2.2V39.3z", fill: "#ffd801" }), jsx$1("path", { d: "M39.3 37.6h10v17.3l-5-3.3-5 3.3V37.6zm5 12l3.3 2.2V39.3H41v12.5l3.3-2.2z", fillRule: "evenodd", clipRule: "evenodd", fill: "#3dc478" }), jsx$1("path", { d: "M45.7 29.5c.3 1 1.5 1.4 2.4.7 1.2-.9 2.9.3 2.3 1.6-.4 1 .4 2 1.5 1.9 1.5 0 2.1 1.8.9 2.6-.9.6-.9 1.8 0 2.4 1.2.8.6 2.7-.9 2.6-1.1 0-1.8 1-1.5 1.9.5 1.4-1.2 2.5-2.3 1.6-.8-.6-2.1-.2-2.4.7-.4 1.4-2.5 1.4-2.9 0-.3-1-1.5-1.4-2.4-.7-1.2.9-2.9-.3-2.3-1.6.4-1-.4-2-1.5-1.9-1.5 0-2.1-1.8-.9-2.6.9-.6.9-1.8 0-2.4-1.2-.8-.6-2.7.9-2.6 1.1 0 1.8-1 1.5-1.9-.5-1.4 1.2-2.5 2.3-1.6.8.6 2.1.2 2.4-.7.5-1.4 2.5-1.4 2.9 0z", fill: "#3dc478" }), jsx$1("path", { d: "M49.3 37.6c0 2.8-2.2 5-5 5s-5-2.2-5-5 2.2-5 5-5 5 2.2 5 5z", fill: "#fff" }), jsx$1("path", { d: "M44.3 40.1c1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5zm0 2.5c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5z", fillRule: "evenodd", clipRule: "evenodd", fill: "#ffd801" })] }))] }))),
|
|
4241
4243
|
};
|
|
4242
4244
|
var Illustration = function (props) { return (jsx$1(Wrapper$8, __assign$2({}, props, { children: illustrations[props.type] }))); };
|
|
4243
4245
|
|
|
4244
|
-
var StyledParagraph = styled.p(templateObject_1$
|
|
4246
|
+
var StyledParagraph = styled.p(templateObject_1$P || (templateObject_1$P = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n"])), theme.fonts.paragraph, function (_a) {
|
|
4245
4247
|
var size = _a.size;
|
|
4246
4248
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
4247
4249
|
}, function (_a) {
|
|
@@ -4276,10 +4278,10 @@ var StyledParagraph = styled.p(templateObject_1$O || (templateObject_1$O = __mak
|
|
|
4276
4278
|
var transform = _a.transform;
|
|
4277
4279
|
return transform;
|
|
4278
4280
|
});
|
|
4279
|
-
var templateObject_1$
|
|
4281
|
+
var templateObject_1$P;
|
|
4280
4282
|
|
|
4281
|
-
var Container$
|
|
4282
|
-
var InputIconWrapper = styled.div(templateObject_2$
|
|
4283
|
+
var Container$q = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4284
|
+
var InputIconWrapper = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right: 43px;\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n\n input {\n padding-right: 43px;\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"])), function (_a) {
|
|
4283
4285
|
var isChanged = _a.isChanged;
|
|
4284
4286
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
4285
4287
|
}, function (_a) {
|
|
@@ -4305,7 +4307,7 @@ var Helper = styled(StyledParagraph)(templateObject_6$3 || (templateObject_6$3 =
|
|
|
4305
4307
|
var isOk = _a.isOk;
|
|
4306
4308
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4307
4309
|
}, fadeIn);
|
|
4308
|
-
var templateObject_1$
|
|
4310
|
+
var templateObject_1$O, templateObject_2$B, templateObject_3$d, templateObject_4$7, templateObject_5$3, templateObject_6$3;
|
|
4309
4311
|
|
|
4310
4312
|
var expressions = {};
|
|
4311
4313
|
|
|
@@ -4411,6 +4413,7 @@ var timePractised = "Tijd geoefend";
|
|
|
4411
4413
|
var Accuracy = "Nauwkeurigheid";
|
|
4412
4414
|
var Keystrokes = "Toetsaanslagen";
|
|
4413
4415
|
var Today = "Vandaag";
|
|
4416
|
+
var Edit = "Bewerken";
|
|
4414
4417
|
var nl_NL = {
|
|
4415
4418
|
"At least 1 capital letter": "Minimaal 1 hoofdletter",
|
|
4416
4419
|
"At least 1 number": "Minimaal 1 cijfer",
|
|
@@ -4438,7 +4441,8 @@ var nl_NL = {
|
|
|
4438
4441
|
"Last 7 days": "Laatste 7 dagen",
|
|
4439
4442
|
"Last 30 days": "Laatste 30 dagen",
|
|
4440
4443
|
"Last 3 months": "Laatste 3 maanden",
|
|
4441
|
-
"Last 12 months": "Laatste 12 maanden"
|
|
4444
|
+
"Last 12 months": "Laatste 12 maanden",
|
|
4445
|
+
Edit: Edit
|
|
4442
4446
|
};
|
|
4443
4447
|
|
|
4444
4448
|
var _a;
|
|
@@ -4466,7 +4470,7 @@ var PasswordInput = function (props) {
|
|
|
4466
4470
|
if (props.onKeyPress)
|
|
4467
4471
|
props.onKeyPress(e);
|
|
4468
4472
|
};
|
|
4469
|
-
return (jsxs(Container$
|
|
4473
|
+
return (jsxs(Container$q, { children: [jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled }, { children: [jsx$1(Icon, { type: isVisible ? "eyeInvisible" : "eye", color: "gray", size: "small", onClick: toggle }), jsx$1(StyledInput, __assign$2({ type: isVisible ? "text" : "password" }, props, { onChange: onChange, onKeyPress: onKeyPress }))] })), props.helperLocale && value.length ? (jsxs(HelperContainer, { children: [jsxs(Helper, __assign$2({ isOk: expressions.hasCapitalLetter(value) }, { children: ["\u2022 ", translations[props.helperLocale]["At least 1 capital letter"]] })), jsxs(Helper, __assign$2({ isOk: expressions.hasNumber(value) }, { children: ["\u2022 ", translations[props.helperLocale]["At least 1 number"]] })), jsxs(Helper, __assign$2({ isOk: expressions.hasSpecialCharacter(value) }, { children: ["\u2022 ", translations[props.helperLocale]["At least 1 special character"]] })), jsxs(Helper, __assign$2({ isOk: value.length >= 8 }, { children: ["\u2022 ", translations[props.helperLocale]["At least 8 characters"]] }))] })) : null] }));
|
|
4470
4474
|
};
|
|
4471
4475
|
|
|
4472
4476
|
function toInteger$2(dirtyNumber) {
|
|
@@ -7958,7 +7962,7 @@ Input.Date = DateInput;
|
|
|
7958
7962
|
|
|
7959
7963
|
var Logo = function (props) { return (jsxs("svg", __assign$2({ width: 396, height: 66, viewBox: "0 0 662.8 118.1", fill: "none", xmlSpace: "preserve" }, props, { children: [jsxs("g", { children: [jsx$1("path", { d: "M61.6 23.5c-.4-.5-.9-1.1-1.3-1.5l-4.9-4.8L42 4c-1.3-1.3-2.8-2.3-4.5-3-1.7-.7-3.5-1-5.3-1-1.8 0-3.6.4-5.3 1-1.7.7-3.2 1.7-4.5 3L4.1 22C1.5 24.6 0 28 0 31.7c0 3.6 1.5 7.1 4.1 9.7l18.3 18c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4l13.4-13.2-4.9-4.8c-.5-.5-.9-1-1.3-1.5L35.7 53.1c-.5.5-1 .8-1.6 1.1-.6.2-1.3.4-1.9.4-.7 0-1.3-.1-1.9-.4-.6-.2-1.2-.6-1.6-1.1l-18.3-18c-.9-.9-1.5-2.2-1.5-3.5 0-1.3.5-2.5 1.5-3.5l18.3-18c.5-.5 1-.8 1.6-1.1.6-.2 1.3-.4 1.9-.4.7 0 1.3.1 1.9.4.6.2 1.2.6 1.6 1.1l13.5 13.3 4.8 4.7c.5.4.8 1 1.1 1.6.2.6.4 1.2.4 1.9v.1c0 1.3.5 2.5 1.5 3.4l4.8 4.7c1.8-2.4 2.7-5.2 2.7-8.1-.1-3-1.1-5.8-2.9-8.2z", fill: "#e62743" }), jsx$1("path", { d: "M153.3 22L135 4c-1.3-1.3-2.8-2.3-4.5-3-1.7-.7-3.5-1-5.3-1-1.8 0-3.6.4-5.3 1-1.7.7-3.2 1.7-4.5 3L102 17.2 97.1 22c-.5.5-.9 1-1.3 1.5-1.8 2.4-2.8 5.2-2.8 8.2 0 2.9 1 5.8 2.7 8.1l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-.6.1-1.3.4-1.9.2-.6.6-1.1 1.1-1.6l4.8-4.7 13.5-13.3c.5-.5 1-.8 1.6-1.1.6-.2 1.2-.4 1.9-.4s1.3.1 1.9.4c.6.2 1.1.6 1.6 1.1l18.3 18c.5.5.8 1 1.1 1.6.3.6.4 1.2.4 1.9 0 .6-.1 1.3-.4 1.9-.3.6-.6 1.1-1.1 1.6l-18.3 18c-.5.5-1 .8-1.6 1.1-.6.2-1.2.4-1.9.4s-1.3-.1-1.9-.4c-.6-.2-1.1-.6-1.6-1.1l-13.5-13.3c-.4.5-.8 1.1-1.3 1.5l-4.9 4.8 13.4 13.2c1.3 1.3 2.8 2.3 4.5 3 1.7.7 3.5 1 5.3 1 1.8 0 3.6-.4 5.3-1 1.7-.7 3.2-1.7 4.5-3l18.3-18c1.3-1.3 2.3-2.8 3-4.5.7-1.7 1.1-3.5 1.1-5.3 0-1.8-.4-3.6-1.1-5.3-.8-1.5-1.8-3-3.1-4.3z", fill: "#53b476" }), jsx$1("path", { d: "M61.9 23.3l-.3.3c-.4-.5-.9-1.1-1.3-1.5l-4.9-4.8L68.8 4c1.3-1.3 2.8-2.3 4.5-3 1.7-.7 3.5-1 5.3-1s3.6.4 5.3 1c1.7.7 3.2 1.7 4.5 3l13.4 13.1-4.7 4.9c-.5.5-.9 1-1.3 1.5L82.2 10.2c-.5-.5-1-.8-1.6-1.1-.6-.2-1.3-.4-1.9-.4-.7 0-1.3.1-1.9.4-.6.2-1.2.6-1.6 1.1L61.9 23.3zm41.5 4.9l4.8-4.7c1.8 2.4 2.7 5.2 2.7 8.2 0 2.9-1 5.8-2.7 8.2-.4.5-.8 1.1-1.3 1.5l-4.9 4.8-13.5 13.2c-2.6 2.6-6.2 4-9.8 4s-7.2-1.4-9.8-4L55.4 46.1l-4.9-4.8c-.5-.5-.9-1-1.3-1.5-1.8-2.4-2.7-5.2-2.7-8.1 0-2.9 1-5.8 2.7-8.1l4.8 4.7c.5.4.8 1 1.1 1.6.2.6.4 1.2.4 1.9v.1c0 1.3.5 2.5 1.5 3.4l4.8 4.7 13.5 13.3c.5.5 1 .8 1.6 1.1s1.3.4 1.9.4 1.3-.1 1.9-.4 1.2-.6 1.6-1.1L95.8 40l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-.6.1-1.3.4-1.9 0-.8.4-1.3.9-1.8z", fillRule: "evenodd", clipRule: "evenodd", fill: "#ffd800" }), jsx$1("path", { d: "M130 76.6l-18.3-18c-2.6-2.6-6.2-4-9.8-4-3.7 0-7.2 1.4-9.8 4L78.7 71.9l-4.9 4.8c-.5.5-.9 1-1.3 1.5-1.8 2.4-2.7 5.2-2.7 8.1 0 2.9 1 5.8 2.7 8.1l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-1.3.5-2.5 1.5-3.4l4.8-4.7 13.5-13.3c.9-.9 2.2-1.4 3.5-1.4 1.3 0 2.6.5 3.5 1.4l18.3 18c.9.9 1.5 2.2 1.5 3.5 0 1.3-.5 2.5-1.5 3.5l-18.3 18c-.9.9-2.2 1.4-3.5 1.4-1.3 0-2.6-.5-3.5-1.4L84.9 94.5c-.4.6-.8 1.1-1.3 1.5l-4.9 4.8L92.1 114c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4L130 96c1.3-1.3 2.3-2.8 3-4.5.7-1.7 1.1-3.5 1.1-5.3 0-1.8-.4-3.6-1.1-5.3-.6-1.5-1.7-3-3-4.3z", fill: "#8c5ca2" }), jsx$1("path", { d: "M84.9 78.2l-4.8 4.7c-.9.9-1.4 2.1-1.5 3.4 0 1.3-.5 2.5-1.5 3.4l-4.8 4.7-13.5 13.3c-.9.9-2.2 1.4-3.5 1.4s-2.6-.5-3.5-1.4l-18.3-18c-.9-.9-1.4-2.2-1.4-3.5s.5-2.5 1.4-3.5l18.3-18c.9-.9 2.2-1.4 3.5-1.4s2.6.5 3.5 1.4L72.3 78c.4-.5.8-1.1 1.3-1.5l4.9-4.8-13.3-13c-2.6-2.6-6.2-4-9.8-4-3.7 0-7.2 1.4-9.8 4l-18.3 18c-2.6 2.6-4.1 6.1-4.1 9.7s1.5 7.1 4.1 9.7l18.3 18c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4l13.4-13.2 4.9-4.8c.5-.5.9-1 1.3-1.5 1.8-2.4 2.7-5.2 2.7-8.1.1-3.1-.9-5.9-2.6-8.3z", fill: "#3da9e1" })] }), jsxs("g", __assign$2({ fill: "#23292f" }, { children: [jsx$1("path", { d: "M236.6 21.5c-1.1-1-2.4-1.5-3.9-1.5h-40.2c-1.6 0-2.9.5-3.9 1.4-1.1.9-1.6 2.2-1.6 3.8 0 1.6.5 2.8 1.6 3.8s2.4 1.5 3.9 1.5h14.2V78c0 1.6.5 2.9 1.6 3.9 1.1 1.1 2.5 1.6 4.2 1.6 1.8 0 3.2-.5 4.3-1.6 1.1-1.1 1.7-2.4 1.7-3.9V30.4h14.2c1.6 0 2.9-.5 3.9-1.4 1.1-.9 1.6-2.2 1.6-3.8 0-1.5-.5-2.8-1.6-3.7z" }), jsx$1("path", { d: "M270.6 36.6c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v23.2c0 2.3-.4 4.2-1.2 5.8-.8 1.6-1.9 2.8-3.4 3.6-1.5.8-3.2 1.2-5.3 1.2-3.1 0-5.5-.8-7.2-2.4-1.7-1.6-2.6-4.4-2.6-8.3V40.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V67c0 3.4.7 6.4 2 9 1.3 2.6 3.2 4.7 5.6 6.2 2.4 1.5 5.2 2.2 8.4 2.2 2.7 0 5.1-.3 7.3-1 2.1-.7 3.9-1.6 5.5-2.9.7-.6 1.3-1.3 1.9-2v1c0 3.1-.5 5.5-1.4 7.3-.9 1.8-2.3 3.1-4.2 3.8-1.8.8-4.2 1.1-6.9 1.1-2.1 0-3.9-.3-5.4-1-1.6-.6-2.8-1.1-3.8-1.4-1.3-.5-2.6-.4-3.8.2-1.2.6-2.1 1.8-2.6 3.6-.4 1.3-.3 2.6.4 3.8.7 1.2 1.9 2.2 3.8 2.9 1.4.6 3.2 1.1 5.3 1.4 2.2.3 4.2.5 6.2.5 4.4 0 8.3-.7 11.8-2.2 3.5-1.4 6.3-3.8 8.4-7.1 2.1-3.3 3.1-7.7 3.1-13.3V40.5c-.3-1.6-.8-2.9-1.8-3.9zM327.5 46.1c-2-3.7-4.6-6.7-8-8.8-3.4-2.1-7.1-3.2-11.4-3.2-2.1 0-4.1.4-6 1.1-1.9.7-3.6 1.6-5 2.8-1.3 1-2.4 2-3.2 3.1v-.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v55.6c0 1.6.5 3 1.5 4s2.3 1.5 3.9 1.5 2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V78.3c.6.6 1.4 1.3 2.2 1.9 1.6 1.2 3.5 2.2 5.6 3 2.1.8 4.4 1.2 6.8 1.2 4.1 0 7.8-1.1 11.1-3.2s5.9-5.1 7.9-8.9c2-3.8 2.9-8.1 2.9-13.1s-1-9.3-2.9-13.1zm-9.2 20.8c-1.1 2.3-2.7 4.2-4.6 5.5-2 1.3-4.3 2-6.9 2s-5-.7-7-2-3.6-3.2-4.7-5.5-1.7-4.9-1.7-7.8c0-2.9.6-5.5 1.7-7.8s2.7-4.1 4.7-5.4c2-1.3 4.3-2 7-2s5 .7 6.9 2c2 1.3 3.5 3.1 4.6 5.4 1.1 2.3 1.7 4.8 1.7 7.8 0 2.9-.6 5.5-1.7 7.8zM380.4 61.6c1.1-.9 1.7-2.1 1.7-3.5 0-3.3-.6-6.3-1.9-9.2-1.2-2.9-2.9-5.5-5-7.7s-4.5-3.9-7.3-5.2c-2.8-1.3-5.7-1.9-8.7-1.9-4 0-7.8 1-11.3 3.1-3.6 2.1-6.5 5-8.7 8.8-2.2 3.8-3.3 8.5-3.3 13.9 0 4.7 1 8.8 3 12.5 2 3.7 4.9 6.6 8.7 8.7 3.8 2.1 8.2 3.2 13.4 3.2 3 0 6-.5 8.8-1.5 2.8-1 5-2.2 6.6-3.5 1.7-1.3 2.5-2.8 2.5-4.4 0-1.2-.4-2.3-1.3-3.2-.9-.9-2-1.4-3.3-1.4-1 0-2 .3-3.1.8-.7.4-1.4.8-2.2 1.3-.8.5-1.9 1-3.2 1.3-1.3.4-3.1.5-5.3.5-2.4 0-4.7-.6-6.8-1.8-2.1-1.2-3.9-2.9-5.3-5.2-.8-1.3-1.3-2.8-1.7-4.5h29.9c1.4.3 2.7-.2 3.8-1.1zM350 47.2c1.1-1.1 2.5-2 4.1-2.4 1.6-.5 3.3-.7 5.1-.7 1.9 0 3.6.4 5.3 1.2 1.7.8 3.1 1.9 4.2 3.3s1.7 3 1.9 4.7v.6h-23.7c.1-.7.3-1.5.5-2.1.5-1.9 1.5-3.4 2.6-4.6zM447.3 39.1c-1.5-3.9-3.6-7.4-6.4-10.4-2.8-3-6-5.3-9.8-7-3.8-1.7-7.9-2.5-12.4-2.5s-8.6.8-12.3 2.5c-3.7 1.7-7 4-9.7 7-2.8 3-4.9 6.5-6.4 10.4-1.5 3.9-2.3 8.2-2.3 12.7s.8 8.8 2.3 12.7c1.5 3.9 3.6 7.4 6.4 10.4 2.7 3 6 5.3 9.7 7 3.7 1.7 7.9 2.5 12.3 2.5 4.5 0 8.6-.8 12.4-2.5 3.8-1.7 7-4 9.8-7 2.8-3 4.9-6.5 6.4-10.4 1.5-3.9 2.3-8.2 2.3-12.7-.1-4.6-.8-8.8-2.3-12.7zm-12 23.7c-1.6 3.3-3.9 5.9-6.7 7.8-2.8 1.9-6.1 2.9-9.9 2.9-3.7 0-7-1-9.9-2.9-2.8-1.9-5.1-4.5-6.7-7.8-1.6-3.3-2.4-7-2.4-11 0-4.1.8-7.8 2.4-11.1 1.6-3.3 3.8-5.9 6.7-7.8 2.8-1.9 6.1-2.9 9.9-2.9 3.7 0 7 1 9.9 2.9 2.8 1.9 5.1 4.5 6.7 7.8 1.6 3.3 2.4 7 2.4 11 .1 4.1-.8 7.8-2.4 11.1zM468.4 18c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6c-1.1 1.1-1.6 2.4-1.6 3.9v56c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.8 1.6 1.6 0 2.9-.5 3.9-1.6 1.1-1.1 1.6-2.4 1.6-3.9v-56c.1-1.5-.4-2.9-1.4-3.9zM520.2 36.6c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v23.2c0 2.3-.4 4.2-1.2 5.8-.8 1.6-1.9 2.8-3.4 3.6-1.4.8-3.2 1.2-5.3 1.2-3.1 0-5.5-.8-7.2-2.4-1.7-1.6-2.6-4.4-2.6-8.3V40.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V67c0 3.4.7 6.4 2 9 1.3 2.6 3.2 4.7 5.6 6.2 2.4 1.5 5.2 2.2 8.4 2.2 2.7 0 5.1-.3 7.3-1 2.1-.7 3.9-1.6 5.5-2.9.7-.6 1.3-1.3 1.9-2v1c0 3.1-.5 5.5-1.4 7.3-.9 1.8-2.3 3.1-4.2 3.8-1.8.8-4.2 1.1-6.9 1.1-2.1 0-3.9-.3-5.4-1-1.6-.6-2.8-1.1-3.8-1.4-1.3-.5-2.6-.4-3.8.2-1.2.6-2.1 1.8-2.6 3.6-.4 1.3-.3 2.6.4 3.8.7 1.2 1.9 2.2 3.8 2.9 1.4.6 3.2 1.1 5.3 1.4 2.2.3 4.2.5 6.2.5 4.4 0 8.3-.7 11.8-2.2 3.5-1.4 6.3-3.8 8.4-7.1 2.1-3.3 3.1-7.7 3.1-13.3V40.5c-.2-1.6-.7-2.9-1.8-3.9zM603.2 44.4c-.8-3.1-2.4-5.6-4.7-7.5s-5.6-2.8-9.9-2.8c-2.7 0-5.1.6-7.2 1.7-2.1 1.1-4 2.5-5.5 4.1-1.4 1.5-2.5 2.9-3.2 4.2-.8-2.6-2.1-4.7-3.9-6.5-2.3-2.3-5.9-3.5-10.7-3.5-2 0-3.8.3-5.5 1-1.7.6-3.2 1.5-4.6 2.5-1.4 1-2.6 2.1-3.5 3.3l-.9 1.2v-1.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V78c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c0-2 .4-3.8 1.2-5.4.8-1.6 2-2.9 3.7-3.9 1.6-1 3.6-1.4 5.9-1.4 2.4 0 4.2.5 5.4 1.4 1.3 1 2.1 2.3 2.6 3.9s.7 3.4.7 5.4v23.2c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c0-2 .4-3.8 1.2-5.4.8-1.6 2-2.9 3.7-3.9 1.6-1 3.6-1.4 5.9-1.4 2.4 0 4.2.5 5.4 1.4 1.3 1 2.1 2.3 2.6 3.9s.7 3.4.7 5.4v23.2c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c.3-3.8-.2-7.2-1-10.3zM659.8 46.1c-2-3.7-4.6-6.7-8-8.8-3.4-2.1-7.1-3.2-11.4-3.2-2.1 0-4.1.4-6 1.1-1.9.7-3.6 1.6-5 2.8-1.3 1-2.4 2-3.2 3.1v-.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v55.6c0 1.6.5 3 1.5 4s2.3 1.5 3.9 1.5 2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V78.3c.6.6 1.4 1.3 2.2 1.9 1.6 1.2 3.5 2.2 5.6 3s4.4 1.2 6.8 1.2c4.1 0 7.8-1.1 11.1-3.2s5.9-5.1 7.9-8.9c2-3.8 2.9-8.1 2.9-13.1.1-5-.9-9.3-2.9-13.1zm-9.1 20.8c-1.1 2.3-2.7 4.2-4.6 5.5-2 1.3-4.3 2-6.9 2s-5-.7-7-2-3.5-3.2-4.7-5.5c-1.1-2.3-1.7-4.9-1.7-7.8 0-2.9.6-5.5 1.7-7.8s2.7-4.1 4.7-5.4c2-1.3 4.3-2 7-2s5 .7 6.9 2c2 1.3 3.5 3.1 4.6 5.4 1.1 2.3 1.7 4.8 1.7 7.8-.1 2.9-.6 5.5-1.7 7.8z" })] }))] }))); };
|
|
7960
7964
|
|
|
7961
|
-
var Wrapper$7 = styled.div(templateObject_1$
|
|
7965
|
+
var Wrapper$7 = styled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject$1(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
7962
7966
|
var size = _a.size;
|
|
7963
7967
|
switch (size) {
|
|
7964
7968
|
default:
|
|
@@ -7968,7 +7972,7 @@ var Wrapper$7 = styled.div(templateObject_1$M || (templateObject_1$M = __makeTem
|
|
|
7968
7972
|
return "116px";
|
|
7969
7973
|
}
|
|
7970
7974
|
});
|
|
7971
|
-
var templateObject_1$
|
|
7975
|
+
var templateObject_1$N;
|
|
7972
7976
|
|
|
7973
7977
|
var medals = {
|
|
7974
7978
|
small: {
|
|
@@ -7984,11 +7988,11 @@ var medals = {
|
|
|
7984
7988
|
};
|
|
7985
7989
|
var Medal = function (props) { return (jsx$1(Wrapper$7, __assign$2({}, props, { children: medals[props.size || "small"][props.type] }))); };
|
|
7986
7990
|
|
|
7987
|
-
var Wrapper$6 = styled.div(templateObject_1$
|
|
7991
|
+
var Wrapper$6 = styled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject$1(["\n width: fit-content;\n display: flex;\n\n button:first-child {\n border-radius: 6px 0 0 6px;\n border-width: 2px 1px 2px 2px;\n }\n\n button:last-child {\n border-radius: 0 6px 6px 0;\n border-width: 2px 2px 2px 1px;\n }\n\n button {\n width: ", ";\n }\n"], ["\n width: fit-content;\n display: flex;\n\n button:first-child {\n border-radius: 6px 0 0 6px;\n border-width: 2px 1px 2px 2px;\n }\n\n button:last-child {\n border-radius: 0 6px 6px 0;\n border-width: 2px 2px 2px 1px;\n }\n\n button {\n width: ", ";\n }\n"])), function (_a) {
|
|
7988
7992
|
var disabled = _a.disabled;
|
|
7989
7993
|
return (disabled ? "49.5px" : "");
|
|
7990
7994
|
});
|
|
7991
|
-
var StyledInputNumber = styled.input(templateObject_2$
|
|
7995
|
+
var StyledInputNumber = styled.input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject$1(["\n width: 50px;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n text-align: center;\n -moz-appearance: textfield;\n\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 50px;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n text-align: center;\n -moz-appearance: textfield;\n\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
7992
7996
|
var disabled = _a.disabled;
|
|
7993
7997
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
7994
7998
|
}, function (_a) {
|
|
@@ -8001,7 +8005,7 @@ var StyledInputNumber = styled.input(templateObject_2$z || (templateObject_2$z =
|
|
|
8001
8005
|
var disabled = _a.disabled;
|
|
8002
8006
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
8003
8007
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8004
|
-
var templateObject_1$
|
|
8008
|
+
var templateObject_1$M, templateObject_2$A;
|
|
8005
8009
|
|
|
8006
8010
|
var Number$1 = function (props) {
|
|
8007
8011
|
var inputRef = useRef(null);
|
|
@@ -8040,7 +8044,7 @@ var Number$1 = function (props) {
|
|
|
8040
8044
|
|
|
8041
8045
|
var Paragraph = function (props) { return (jsx$1(StyledParagraph, __assign$2({}, props, { children: props.children }))); };
|
|
8042
8046
|
|
|
8043
|
-
var StyledRadio = styled.div(templateObject_1$
|
|
8047
|
+
var StyledRadio = styled.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject$1(["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :after {\n content: \"\";\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background-color: ", ";\n position: absolute;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :after {\n content: \"\";\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background-color: ", ";\n position: absolute;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
8044
8048
|
var checked = _a.checked, disabled = _a.disabled;
|
|
8045
8049
|
if (disabled)
|
|
8046
8050
|
return theme.colors.lightGray.darker;
|
|
@@ -8068,7 +8072,7 @@ var StyledRadio = styled.div(templateObject_1$K || (templateObject_1$K = __makeT
|
|
|
8068
8072
|
return theme.colors.green.base;
|
|
8069
8073
|
return "";
|
|
8070
8074
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8071
|
-
var templateObject_1$
|
|
8075
|
+
var templateObject_1$L;
|
|
8072
8076
|
|
|
8073
8077
|
var Radio = function (props) {
|
|
8074
8078
|
var _a, _b;
|
|
@@ -8100,7 +8104,7 @@ var Radio = function (props) {
|
|
|
8100
8104
|
return (jsx$1(StyledRadio, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: wrapperRef }, { children: jsx$1("input", { type: "radio", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef }) })));
|
|
8101
8105
|
};
|
|
8102
8106
|
|
|
8103
|
-
var StyledRange = styled.div(templateObject_1$
|
|
8107
|
+
var StyledRange = styled.div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject$1(["\n input {\n appearance: none;\n width: 100%;\n height: 11px;\n border: ", ";\n border-radius: 8px;\n position: relative;\n background: ", ";\n\n ::-webkit-slider-thumb {\n appearance: none;\n width: 24px;\n height: 24px;\n background-color: ", ";\n border: ", ";\n border-radius: 50%;\n cursor: ", ";\n }\n }\n"], ["\n input {\n appearance: none;\n width: 100%;\n height: 11px;\n border: ", ";\n border-radius: 8px;\n position: relative;\n background: ", ";\n\n ::-webkit-slider-thumb {\n appearance: none;\n width: 24px;\n height: 24px;\n background-color: ", ";\n border: ", ";\n border-radius: 50%;\n cursor: ", ";\n }\n }\n"])), function () { return "2px solid ".concat(theme.colors.lightGray.dark); }, function (_a) {
|
|
8104
8108
|
var value = _a.value, disabled = _a.disabled;
|
|
8105
8109
|
return "linear-gradient(90deg,\n ".concat(disabled ? theme.colors.lightGray.darker : theme.colors.green.base, " 0%,\n ").concat(disabled ? theme.colors.lightGray.darker : theme.colors.green.base, " ").concat(value, "%,\n ").concat(theme.colors.lightGray.dark, " ").concat(value, "%,\n ").concat(theme.colors.lightGray.dark, " 100%\n )");
|
|
8106
8110
|
}, function () { return theme.colors.lightGray.light; }, function (_a) {
|
|
@@ -8110,7 +8114,7 @@ var StyledRange = styled.div(templateObject_1$J || (templateObject_1$J = __makeT
|
|
|
8110
8114
|
var disabled = _a.disabled;
|
|
8111
8115
|
return disabled ? "not-allowed" : "pointer";
|
|
8112
8116
|
});
|
|
8113
|
-
var templateObject_1$
|
|
8117
|
+
var templateObject_1$K;
|
|
8114
8118
|
|
|
8115
8119
|
var Range = function (props) {
|
|
8116
8120
|
var _a;
|
|
@@ -8139,11 +8143,11 @@ var Range = function (props) {
|
|
|
8139
8143
|
return (jsx$1(StyledRange, __assign$2({ value: value, disabled: props.disabled }, { children: jsx$1("input", { type: "range", disabled: !!props.disabled, id: props.id, min: props.min || 0, max: props.max || 100, ref: rangeRef, defaultValue: props.defaultValue, onChange: onChange, onBlur: props.onBlur }) })));
|
|
8140
8144
|
};
|
|
8141
8145
|
|
|
8142
|
-
var Wrapper$5 = styled.div(templateObject_1$
|
|
8146
|
+
var Wrapper$5 = styled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject$1(["\n position: relative;\n\n div {\n pointer-events: none;\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"], ["\n position: relative;\n\n div {\n pointer-events: none;\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"])), function (_a) {
|
|
8143
8147
|
var disabled = _a.disabled;
|
|
8144
8148
|
return (disabled ? "not-allowed" : "pointer");
|
|
8145
8149
|
});
|
|
8146
|
-
var StyledSelect = styled.select(templateObject_2$
|
|
8150
|
+
var StyledSelect = styled.select(templateObject_2$z || (templateObject_2$z = __makeTemplateObject$1(["\n width: 100%;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 43px 13px 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 13px 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) {
|
|
8147
8151
|
var disabled = _a.disabled;
|
|
8148
8152
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
8149
8153
|
}, function (_a) {
|
|
@@ -8156,7 +8160,7 @@ var StyledSelect = styled.select(templateObject_2$y || (templateObject_2$y = __m
|
|
|
8156
8160
|
var isChanged = _a.isChanged;
|
|
8157
8161
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
8158
8162
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8159
|
-
var templateObject_1$
|
|
8163
|
+
var templateObject_1$J, templateObject_2$z;
|
|
8160
8164
|
|
|
8161
8165
|
var Select = function (props) {
|
|
8162
8166
|
var _a;
|
|
@@ -8178,7 +8182,7 @@ var Select = function (props) {
|
|
|
8178
8182
|
return (jsxs(Wrapper$5, { children: [jsx$1(Icon, { type: "chevronDown", color: "gray", size: "small" }), jsxs(StyledSelect, __assign$2({}, props, { onChange: onChange, isChanged: isChanged || props.defaultValue, ref: inputRef }, { children: [props.placeholder && jsx$1("option", __assign$2({ hidden: true }, { children: props.placeholder })), props.children] }))] }));
|
|
8179
8183
|
};
|
|
8180
8184
|
|
|
8181
|
-
var StyledSubheading = styled.p(templateObject_1$
|
|
8185
|
+
var StyledSubheading = styled.p(templateObject_1$I || (templateObject_1$I = __makeTemplateObject$1(["\n font-family: ", ";\n font-style: normal;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: ", ";\n margin: 0;\n color: ", ";\n"], ["\n font-family: ", ";\n font-style: normal;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: ", ";\n margin: 0;\n color: ", ";\n"])), theme.fonts.paragraph, function (_a) {
|
|
8182
8186
|
var size = _a.size;
|
|
8183
8187
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
8184
8188
|
}, function (_a) {
|
|
@@ -8206,10 +8210,21 @@ var StyledSubheading = styled.p(templateObject_1$H || (templateObject_1$H = __ma
|
|
|
8206
8210
|
return theme.colors.darkGray.dark;
|
|
8207
8211
|
}
|
|
8208
8212
|
});
|
|
8209
|
-
var templateObject_1$
|
|
8213
|
+
var templateObject_1$I;
|
|
8210
8214
|
|
|
8211
8215
|
var Subheading = function (props) { return (jsx$1(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
8212
8216
|
|
|
8217
|
+
var Container$p = styled.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject$1(["\n width: fill-available;\n padding: 15px;\n border: 1px solid;\n border-radius: 6px;\n border-color: ", ";\n background-color: ", ";\n position: relative;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 50px;\n margin-bottom: 15px;\n\n h6 {\n font-size: 14px;\n\n :hover {\n color: ", ";\n cursor: pointer;\n }\n }\n }\n"], ["\n width: fill-available;\n padding: 15px;\n border: 1px solid;\n border-radius: 6px;\n border-color: ", ";\n background-color: ", ";\n position: relative;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 50px;\n margin-bottom: 15px;\n\n h6 {\n font-size: 14px;\n\n :hover {\n color: ", ";\n cursor: pointer;\n }\n }\n }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.light, theme.colors.blue.base);
|
|
8218
|
+
var Data = styled.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject$1(["\n > div {\n width: 100%;\n display: flex;\n align-items: end;\n gap: 10px;\n\n > p {\n width: 50%;\n }\n }\n"], ["\n > div {\n width: 100%;\n display: flex;\n align-items: end;\n gap: 10px;\n\n > p {\n width: 50%;\n }\n }\n"])));
|
|
8219
|
+
var templateObject_1$H, templateObject_2$y;
|
|
8220
|
+
|
|
8221
|
+
var DataSummary = function (_a) {
|
|
8222
|
+
var title = _a.title, data = _a.data, onEdit = _a.onEdit, locale = _a.locale;
|
|
8223
|
+
return (jsx$1(Fragment$1, { children: jsxs(Container$p, { children: [jsxs("div", { children: [jsx$1(Heading, __assign$2({ type: "h5" }, { children: title })), onEdit && (jsx$1("div", __assign$2({ onClick: onEdit }, { children: jsx$1(Heading, __assign$2({ type: "h6", color: "gray" }, { children: translations[locale]["Edit"] })) })))] }), jsx$1(Data, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
|
|
8224
|
+
return item instanceof Object ? (jsxs("div", { children: [jsxs(Paragraph, __assign$2({ weight: "regular" }, { children: [item.label, ":"] })), jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item.value }))] }, "".concat(item.label, "-").concat(item.value))) : (jsx$1(Paragraph, __assign$2({ weight: "regular" }, { children: item })));
|
|
8225
|
+
}) })] }) }));
|
|
8226
|
+
};
|
|
8227
|
+
|
|
8213
8228
|
var Container$o = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject$1(["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: 0 2px 0 ", ";\n border: 1px solid ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n color: ", ";\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\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n color: ", ";\n"])), theme.colors.lightGray.base, theme.colors.lightGray.darker, theme.colors.lightGray.darker, theme.fonts.paragraph, theme.subheading.small.fontSize, theme.subheading.small.fontWeight, theme.colors.darkGray.light);
|
|
8214
8229
|
var templateObject_1$G;
|
|
8215
8230
|
|
|
@@ -47707,10 +47722,11 @@ var Chart = function (_a) {
|
|
|
47707
47722
|
};
|
|
47708
47723
|
return (jsxs(Fragment$1, { children: [jsxs("div", __assign$2({ style: {
|
|
47709
47724
|
display: "flex",
|
|
47725
|
+
gap: 20,
|
|
47710
47726
|
alignItems: "baseline",
|
|
47711
47727
|
justifyContent: "space-between",
|
|
47712
47728
|
marginBottom: 10,
|
|
47713
|
-
|
|
47729
|
+
padding: "0 15px 0 5px",
|
|
47714
47730
|
} }, { children: [jsx$1(Heading, __assign$2({ type: "h3" }, { children: titles[type] })), jsx$1(Select, __assign$2({ defaultValue: period, onChange: function (value) { return setPeriod(value); }, id: "period", name: "period" }, { children: periods.map(function (_a) {
|
|
47715
47731
|
var value = _a.value, label = _a.label;
|
|
47716
47732
|
return (jsx$1("option", __assign$2({ value: value }, { children: label }), value));
|
|
@@ -48229,7 +48245,7 @@ var Table = function (_a) {
|
|
|
48229
48245
|
|
|
48230
48246
|
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject$1(["\n display: flex;\n align-items: stretch;\n\n > div:nth-child(odd) {\n width: 100%;\n min-width: 180px;\n min-height: 180px;\n\n > div {\n padding: 0;\n }\n }\n"], ["\n display: flex;\n align-items: stretch;\n\n > div:nth-child(odd) {\n width: 100%;\n min-width: 180px;\n min-height: 180px;\n\n > div {\n padding: 0;\n }\n }\n"])));
|
|
48231
48247
|
var TitleWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject$1(["\n width: 100%;\n box-sizing: border-box;\n padding: 10px 15px;\n border-bottom: 1px solid ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n width: 100%;\n box-sizing: border-box;\n padding: 10px 15px;\n border-bottom: 1px solid ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])), theme.colors.lightGray.dark);
|
|
48232
|
-
var CheckboxesWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject$1(["\n height: 100%;\n max-height: 310px;\n background-color: ", ";\n padding: 15px;\n\n fieldset {\n height: 100%;\n overflow:
|
|
48248
|
+
var CheckboxesWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject$1(["\n height: 100%;\n max-height: 310px;\n background-color: ", ";\n padding: 15px;\n\n fieldset {\n height: 100%;\n overflow: auto;\n padding-left: 2px;\n\n > div > div:not(:last-child) {\n margin-bottom: 10px;\n }\n }\n"], ["\n height: 100%;\n max-height: 310px;\n background-color: ", ";\n padding: 15px;\n\n fieldset {\n height: 100%;\n overflow: auto;\n padding-left: 2px;\n\n > div > div:not(:last-child) {\n margin-bottom: 10px;\n }\n }\n"])), theme.colors.lightGray.base);
|
|
48233
48249
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
48234
48250
|
|
|
48235
48251
|
var Transfer = function (props) {
|
|
@@ -48296,5 +48312,5 @@ var Transfer = function (props) {
|
|
|
48296
48312
|
}) }) }, selectedTargetKeys)] }))] }));
|
|
48297
48313
|
};
|
|
48298
48314
|
|
|
48299
|
-
export { Alert, Button, Card, Chart, Checkbox, Checkboxes, Collapse, Countdown, DateInputField, Dropdown, FileUpload, Flag, Form, Heading, Icon, IconButton, Illustration, Input, InputField, Key$1 as Key, Keyboard, Link, Loading, LocaleSelect, Logo, Medal, Medals, Modal, Notification, Number$1 as Number, NumberField, Paragraph, PasswordInputField, Popup, ProgressBar, Radio, RadioGroup, Range, Result, Select, SelectField, Spacer, Steps, Subheading, Table, Tabs, Tag, Toggle, ToggleField, Tooltip$2 as Tooltip, Transfer, Trophy, theme };
|
|
48315
|
+
export { Alert, Button, Card, Chart, Checkbox, Checkboxes, Collapse, Countdown, DataSummary, DateInputField, Dropdown, FileUpload, Flag, Form, Heading, Icon, IconButton, Illustration, Input, InputField, Key$1 as Key, Keyboard, Link, Loading, LocaleSelect, Logo, Medal, Medals, Modal, Notification, Number$1 as Number, NumberField, Paragraph, PasswordInputField, Popup, ProgressBar, Radio, RadioGroup, Range, Result, Select, SelectField, Spacer, Steps, Subheading, Table, Tabs, Tag, Toggle, ToggleField, Tooltip$2 as Tooltip, Transfer, Trophy, theme };
|
|
48300
48316
|
//# sourceMappingURL=index.es.js.map
|