@typeolymp/ui-components 1.17.7 → 1.17.8
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/Button/index.d.ts +2 -0
- package/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/components/molecules/Dropdown/index.d.ts +13 -0
- package/build/components/molecules/Dropdown/stories.d.ts +8 -0
- package/build/components/molecules/Dropdown/styles.d.ts +2 -0
- package/build/index.d.ts +2 -1
- package/build/index.es.js +258 -181
- package/build/index.es.js.map +1 -1
- package/build/index.js +257 -179
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as jsx$1, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
2
2
|
import * as React$3 from 'react';
|
|
3
|
-
import React__default, { useLayoutEffect, useContext, forwardRef, createElement, createContext, Fragment, useRef, useState, useEffect, useMemo, useReducer,
|
|
3
|
+
import React__default, { useLayoutEffect, useContext, forwardRef, createElement, createContext, Fragment, useRef, useState, useEffect, useCallback, useMemo, useReducer, useImperativeHandle } from 'react';
|
|
4
4
|
import styled, { keyframes as keyframes$1 } from 'styled-components';
|
|
5
5
|
|
|
6
6
|
var theme = {
|
|
@@ -3431,14 +3431,14 @@ Object.defineProperty(BeatLoader, "__esModule", { value: true });
|
|
|
3431
3431
|
var React$2 = __importStar$2(React__default);
|
|
3432
3432
|
var react_1 = require$$1;
|
|
3433
3433
|
var helpers_1 = helpers$1;
|
|
3434
|
-
var beat = react_1.keyframes(templateObject_1$
|
|
3434
|
+
var beat = react_1.keyframes(templateObject_1$V || (templateObject_1$V = __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"])));
|
|
3435
3435
|
var Loader = /** @class */ (function (_super) {
|
|
3436
3436
|
__extends$1(Loader, _super);
|
|
3437
3437
|
function Loader() {
|
|
3438
3438
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
3439
3439
|
_this.style = function (i) {
|
|
3440
3440
|
var _a = _this.props, color = _a.color, size = _a.size, margin = _a.margin, speedMultiplier = _a.speedMultiplier;
|
|
3441
|
-
return react_1.css(templateObject_2$
|
|
3441
|
+
return react_1.css(templateObject_2$B || (templateObject_2$B = __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");
|
|
3442
3442
|
};
|
|
3443
3443
|
return _this;
|
|
3444
3444
|
}
|
|
@@ -3453,9 +3453,109 @@ var Loader = /** @class */ (function (_super) {
|
|
|
3453
3453
|
return Loader;
|
|
3454
3454
|
}(React$2.PureComponent));
|
|
3455
3455
|
var _default$1 = BeatLoader.default = Loader;
|
|
3456
|
-
var templateObject_1$
|
|
3456
|
+
var templateObject_1$V, templateObject_2$B;
|
|
3457
3457
|
|
|
3458
|
-
var
|
|
3458
|
+
var Wrapper$a = styled.div(templateObject_1$U || (templateObject_1$U = __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) {
|
|
3459
|
+
var size = _a.size;
|
|
3460
|
+
return theme.icon[size] || theme.icon.medium;
|
|
3461
|
+
}, function (_a) {
|
|
3462
|
+
var size = _a.size;
|
|
3463
|
+
return theme.icon[size] || theme.icon.medium;
|
|
3464
|
+
}, function (_a) {
|
|
3465
|
+
var color = _a.color;
|
|
3466
|
+
switch (color) {
|
|
3467
|
+
default:
|
|
3468
|
+
case "gray":
|
|
3469
|
+
return theme.colors.darkGray.light;
|
|
3470
|
+
case "darkGray":
|
|
3471
|
+
return theme.colors.darkGray.dark;
|
|
3472
|
+
case "lightGray":
|
|
3473
|
+
return theme.colors.lightGray.darker;
|
|
3474
|
+
case "blue":
|
|
3475
|
+
return theme.colors.blue.base;
|
|
3476
|
+
case "green":
|
|
3477
|
+
return theme.colors.green.base;
|
|
3478
|
+
case "orange":
|
|
3479
|
+
return theme.colors.orange.base;
|
|
3480
|
+
case "red":
|
|
3481
|
+
return theme.colors.red.base;
|
|
3482
|
+
case "purple":
|
|
3483
|
+
return theme.colors.purple.base;
|
|
3484
|
+
case "white":
|
|
3485
|
+
return theme.colors.lightGray.light;
|
|
3486
|
+
}
|
|
3487
|
+
}, function (_a) {
|
|
3488
|
+
var onClick = _a.onClick;
|
|
3489
|
+
return (onClick ? "pointer" : "default");
|
|
3490
|
+
}, function (_a) {
|
|
3491
|
+
var color = _a.color, onClick = _a.onClick;
|
|
3492
|
+
if (!onClick)
|
|
3493
|
+
return;
|
|
3494
|
+
switch (color) {
|
|
3495
|
+
default:
|
|
3496
|
+
case "gray":
|
|
3497
|
+
return theme.colors.darkGray.base;
|
|
3498
|
+
case "darkGray":
|
|
3499
|
+
return theme.colors.darkGray.darker;
|
|
3500
|
+
case "lightGray":
|
|
3501
|
+
return theme.colors.darkGray.light;
|
|
3502
|
+
case "blue":
|
|
3503
|
+
return theme.colors.blue.dark;
|
|
3504
|
+
case "green":
|
|
3505
|
+
return theme.colors.green.dark;
|
|
3506
|
+
case "orange":
|
|
3507
|
+
return theme.colors.orange.dark;
|
|
3508
|
+
case "red":
|
|
3509
|
+
return theme.colors.red.dark;
|
|
3510
|
+
case "purple":
|
|
3511
|
+
return theme.colors.purple.dark;
|
|
3512
|
+
case "white":
|
|
3513
|
+
return theme.colors.lightGray.base;
|
|
3514
|
+
}
|
|
3515
|
+
});
|
|
3516
|
+
var templateObject_1$U;
|
|
3517
|
+
|
|
3518
|
+
var icons = {
|
|
3519
|
+
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" })),
|
|
3520
|
+
chevronUp: (jsx$1("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" })),
|
|
3521
|
+
chevronRight: (jsx$1("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" })),
|
|
3522
|
+
chevronDown: (jsx$1("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" })),
|
|
3523
|
+
chevronLeft: (jsx$1("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" })),
|
|
3524
|
+
eye: (jsx$1("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" })),
|
|
3525
|
+
eyeInvisible: (jsx$1("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" })),
|
|
3526
|
+
warning: (jsx$1("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" })),
|
|
3527
|
+
questionCircle: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] })),
|
|
3528
|
+
play: (jsx$1("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" })),
|
|
3529
|
+
lock: (jsx$1("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" })),
|
|
3530
|
+
cross: (jsx$1("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" })),
|
|
3531
|
+
bulb: (jsx$1("path", { d: "M20.7 8.6c0-1.3-.4-2.6-1-3.8-.7-1.2-1.7-2.2-2.8-2.9C15.7 1.2 14.4.7 13 .5c-1.4-.1-2.8 0-4.1.5-1.4.5-2.6 1.3-3.5 2.3-.9 1-1.6 2.2-1.9 3.5-.3 1.3-.3 2.6.1 3.9.4 1.3 1.1 2.5 2 3.4.3.3.5.6.8 1-.3.3-.5.7-.6 1.1-.1.4-.1.8-.1 1.2.1.4.2.8.5 1.1.2.3.6.6.9.8-.2.4-.4.9-.3 1.4 0 .5.2 1 .5 1.4.3.4.7.8 1.1 1 .5.2 1 .4 1.5.4H14c.8 0 1.6-.3 2.2-.8.6-.5.9-1.3.9-2 0-.4-.1-.9-.3-1.3.4-.3.8-.6 1.1-1 .3-.4.4-.9.4-1.4 0-.7-.2-1.3-.7-1.8.3-.4.6-.8.9-1.1 1.4-1.6 2.2-3.5 2.2-5.5zm-5.5 7.5c.2 0 .4.1.6.2.2.2.3.4.3.6 0 .1 0 .2-.1.3 0 .1-.1.2-.2.3-.1.1-.2.1-.3.2-.1 0-.2.1-.3.1H8.8c-.2 0-.4-.1-.6-.2-.1-.3-.2-.5-.2-.7 0-.2.1-.4.2-.6.2-.2.4-.2.6-.2h6.4zM14 21.4H9.9c-.2 0-.4-.1-.6-.2-.2-.1-.2-.4-.2-.6 0-.2.1-.4.2-.6.2-.2.4-.2.6-.2H14c.2 0 .4.1.6.2.2.2.3.4.3.6 0 .1 0 .2-.1.3 0 .1-.1.2-.2.3-.1.1-.2.1-.3.2H14zm3.7-10.9c-.3.7-.7 1.4-1.2 1.9s-.9 1-1.3 1.6H8.8l-1.2-1.5c-.8-.8-1.3-1.7-1.6-2.8-.2-1-.1-2.1.3-3.1s1.1-1.9 2-2.5c.9-.7 1.9-1.1 3.1-1.2.9-.1 1.7 0 2.5.2s1.6.7 2.2 1.2c.6.5 1.1 1.1 1.4 1.8.3.7.6 1.4.6 2.2 0 .7-.1 1.5-.4 2.2z" })),
|
|
3532
|
+
star: (jsx$1("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" })),
|
|
3533
|
+
setting: (jsx$1("path", { d: "M11.9 0c-.8 0-1.4.3-1.9.7-.4.4-.6 1-.8 1.5-.4.9-.7 1.8-1.6 2.4s-1.8.3-2.8.1c-.5-.1-1.1-.2-1.7 0-.6.2-1.1.6-1.5 1.3s-.5 1.4-.3 2c.2.6.5 1 .8 1.5.7.8 1.3 1.5 1.3 2.5s-.6 1.7-1.3 2.5c-.3.5-.7.9-.8 1.5-.2.6-.1 1.3.3 2s.9 1.1 1.5 1.3c.6.2 1.1.1 1.7 0 1-.2 1.9-.4 2.8.2.9.5 1.2 1.4 1.5 2.4.2.5.4 1 .8 1.5.4.4 1.1.7 1.9.7.8 0 1.4-.3 1.9-.7.4-.4.6-1 .8-1.5.4-1 .6-1.9 1.5-2.4s1.8-.3 2.8-.2c.5.1 1.1.2 1.7 0 .6-.2 1.1-.6 1.5-1.3.4-.7.5-1.4.3-2s-.5-1-.8-1.5c-.7-.8-1.3-1.5-1.3-2.5s.6-1.7 1.3-2.5c.5-.5.8-.9 1-1.5.2-.6.1-1.3-.3-2s-.9-1.1-1.5-1.3c-.6-.2-1.1-.1-1.7 0-1 .2-1.9.4-2.8-.2-.9-.5-1.2-1.4-1.5-2.4-.2-.5-.4-1-.8-1.5-.6-.3-1.3-.6-2-.6zm0 8c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4z" })),
|
|
3534
|
+
reload: (jsx$1("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" })),
|
|
3535
|
+
expand: (jsx$1("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" })),
|
|
3536
|
+
calendar: (jsx$1("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" })),
|
|
3537
|
+
plus: (jsx$1("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" })),
|
|
3538
|
+
envelope: (jsx$1("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" })),
|
|
3539
|
+
facebook: (jsx$1("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" })),
|
|
3540
|
+
instagram: (jsx$1("path", { d: "M8.719 9.266c.5-.5 1.094-.75 1.781-.75.688 0 1.266.25 1.734.75.5.468.75 1.046.75 1.734s-.25 1.281-.75 1.781c-.468.469-1.046.703-1.734.703a2.516 2.516 0 01-1.781-.703A2.516 2.516 0 018.016 11c0-.688.234-1.266.703-1.734zm7.64-2.672c.188.5.282 1.968.282 4.406 0 2.438-.094 3.906-.282 4.406a2.558 2.558 0 01-1.453 1.453c-.5.188-1.969.282-4.406.282-2.438 0-3.906-.094-4.406-.282a2.558 2.558 0 01-1.453-1.453c-.188-.5-.282-1.969-.282-4.406 0-2.438.094-3.906.282-4.406A2.558 2.558 0 016.094 5.14c.5-.188 1.968-.282 4.406-.282 2.438 0 3.906.094 4.406.282a2.558 2.558 0 011.453 1.453zm-8.578 7.125a3.704 3.704 0 002.719 1.125 3.704 3.704 0 002.719-1.125A3.704 3.704 0 0014.344 11a3.704 3.704 0 00-1.125-2.719A3.704 3.704 0 0010.5 7.156a3.704 3.704 0 00-2.719 1.125A3.704 3.704 0 006.656 11c0 1.063.375 1.969 1.125 2.719zm6.047-6.094a.9.9 0 00.656.281c.25 0 .47-.078.657-.234a.9.9 0 00.28-.656.9.9 0 00-.28-.657.9.9 0 00-.657-.28.9.9 0 00-.656.28.994.994 0 00-.234.657c0 .218.078.421.234.609zM18.75.5a2.17 2.17 0 011.594.656c.437.438.656.969.656 1.594v16.5a2.17 2.17 0 01-.656 1.594 2.17 2.17 0 01-1.594.656H2.25a2.17 2.17 0 01-1.594-.656A2.17 2.17 0 010 19.25V2.75c0-.625.219-1.156.656-1.594A2.17 2.17 0 012.25.5h16.5zm-.797 13.594c.031-.625.047-1.656.047-3.094s-.016-2.469-.047-3.094c-.062-1.343-.469-2.39-1.219-3.14-.75-.75-1.797-1.157-3.14-1.22-.625-.03-1.656-.046-3.094-.046s-2.469.016-3.094.047c-1.343.062-2.39.469-3.14 1.219-.75.75-1.157 1.796-1.22 3.14C3.017 8.531 3 9.563 3 11c0 1.438.016 2.469.047 3.094.062 1.344.469 2.39 1.219 3.14.75.75 1.796 1.157 3.14 1.22.625.03 1.657.046 3.094.046 1.438 0 2.469-.016 3.094-.047 1.344-.062 2.39-.469 3.14-1.219.75-.75 1.157-1.797 1.22-3.14z" })),
|
|
3541
|
+
menuAlt: (jsx$1("path", { d: "M1.5 3.4C.7 3.4 0 4.1 0 4.9s.7 1.5 1.5 1.5h21c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5h-21zM0 11.9c0-.8.7-1.5 1.5-1.5h21c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-21c-.8 0-1.5-.7-1.5-1.5zm0 7c0-.8.7-1.5 1.5-1.5h13c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-13c-.8 0-1.5-.7-1.5-1.5z" })),
|
|
3542
|
+
link: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M10.1 17.9l-2.8 2.8c-.7.7-1.7 1-2.7.7-1-.3-1.7-1-2-2-.3-1 0-2 .7-2.7L9 11c.5-.5 1.2-.8 2-.8.7 0 1.5.3 2 .8.2.2.6.4.9.4.3 0 .6-.1.9-.4.2-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9-1-1-2.3-1.5-3.7-1.5-1.4 0-2.7.6-3.7 1.6L1.6 15C.6 16 0 17.3 0 18.7c0 1.4.5 2.7 1.5 3.7s2.3 1.5 3.7 1.5c1.4.1 2.8-.4 3.8-1.4l2.8-2.8c.2-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9-.2-.2-.5-.4-.9-.4-.3 0-.6.2-.8.4z" }), jsx$1("path", { d: "M22.5 1.5c-1-1-2.3-1.5-3.7-1.5-1.5 0-2.8.6-3.8 1.6l-2.8 2.8c-.3.3-.4.8-.3 1.2.1.4.4.7.9.8.4.1.9 0 1.2-.3l2.8-2.8c.7-.7 1.7-1 2.7-.7 1 .3 1.7 1 2 2 .3 1 0 2-.7 2.7L15 12.9c-.5.5-1.2.8-2 .8-.7 0-1.5-.3-2-.8-.3-.3-.8-.4-1.2-.3-.4.1-.8.4-.9.9-.1.4 0 .9.3 1.2 1 1 2.3 1.5 3.7 1.5 1.4 0 2.7-.6 3.7-1.6L22.4 9c1-1 1.6-2.3 1.6-3.7 0-1.4-.5-2.8-1.5-3.8z" })] })),
|
|
3543
|
+
heart: (jsx$1("path", { d: "M22 3.5a6.64 6.64 0 00-9.4 0l-.6.6-.6-.6a6.64 6.64 0 00-9.4 0c-1.3 1.3-2 3-2 4.7s.6 3.4 2 4.7l.6.6 8.5 8.5c.5.5 1.4.5 1.9 0l9.1-9.1c1.3-1.3 2-3 2-4.7-.1-1.7-.7-3.4-2.1-4.7z" })),
|
|
3544
|
+
thunder: (jsx$1("path", { d: "M20.3 8.7h-6.9l.6-7.6c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.7-.3-.3 0-.6.2-.7.4L2.9 13.6c-.1.2-.2.4-.2.7 0 .2.1.5.3.6.2.2.4.2.7.2h7.1l-.7 7.8c0 .2 0 .4.2.6.1.2.3.3.5.4l.2.1c.3 0 .6-.2.8-.5L21 10.2c.1-.2.2-.4.2-.7 0-.2-.1-.5-.3-.6-.1-.1-.4-.2-.6-.2z" })),
|
|
3545
|
+
fire: (jsx$1("path", { d: "M17.3 9.2c-.7-.6-1.3-1.2-1.8-1.9C12.4 3.3 14 0 14 0 8.3 2.4 7 6.2 7 9c0 0 .1 1.7.8 3.5.2.6-.2 1.2-.8 1.3-.4.1-.8-.2-1-.6-.3-.7-.8-1.8-.6-2.6-.9 1.2-1.5 2.8-1.7 4.4-.3 4.2 2.6 8 6.7 8.8 4.8 1 9.3-2.3 10-7.1.3-2.9-.9-5.7-3.1-7.5z" })),
|
|
3546
|
+
control: (jsx$1("path", { d: "M1.4 5.3h2.4c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h11.2c.7 0 1.2-.5 1.2-1.2s-.5-1.2-1.2-1.2H11.5C10.9 1.2 9.4 0 7.6 0 5.8 0 4.3 1.2 3.8 2.8H1.4C.7 2.8.2 3.3.2 4s.5 1.3 1.2 1.3zm6.2-2.8c.9 0 1.6.7 1.6 1.6s-.7 1.6-1.6 1.6S6 5 6 4.1c0-.9.7-1.6 1.6-1.6zM22.6 10.8h-2.4c-.5-1.6-2-2.8-3.8-2.8-1.8 0-3.3 1.2-3.8 2.8H1.4c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h11.2c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h2.4c.7 0 1.2-.5 1.2-1.2.1-.7-.5-1.2-1.2-1.2zm-6.2 2.8c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6zM22.6 18.7H11.5c-.5-1.6-2-2.8-3.8-2.8-1.8 0-3.3 1.2-3.8 2.8H1.4c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h2.4c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h11.2c.7 0 1.2-.5 1.2-1.2s-.5-1.2-1.2-1.2zm-15 2.8c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6z" })),
|
|
3547
|
+
fileAdd: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsx$1("path", { d: "M15.7 13.8h-2.3v-2.3c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v2.3H8.8c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h2.3v2.3c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2v-2.3h2.3c.7 0 1.2-.5 1.2-1.2s-.6-1.2-1.3-1.2z" })] })),
|
|
3548
|
+
fileCheck: (jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3zm-4.5 13.2c-.3 0-.6-.1-.9-.4l-2.2-2.2c-.5-.5-.5-1.2 0-1.7s1.2-.5 1.7 0l1.3 1.3 4-4c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-4.9 4.9c0 .3-.4.4-.7.4z" })),
|
|
3549
|
+
fileError: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsx$1("path", { d: "M15.6 16.6L14 15l1.6-1.6c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-1.6 1.6-1.6-1.6c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l1.6 1.6L9 16.6c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l1.6-1.6 1.6 1.6c.5.5 1.2.5 1.7 0s.4-1.2 0-1.7z" })] })),
|
|
3550
|
+
fileArrow: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsx$1("path", { d: "M15.3 15.2c-.5-.5-1.2-.5-1.7 0l-.4.4v-4.1c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v4.1l-.4-.4c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l2.4 2.4c.2.2.5.4.8.4s.6-.1.8-.4l2.4-2.4c.7-.5.7-1.2.2-1.7z" })] })),
|
|
3551
|
+
download: (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: "M11.2 16.7c.1.1.2.2.4.3h.4c.2 0 .3 0 .5-.1.1-.1.3-.1.4-.3l4.9-4.9c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-2.8 2.8v-10c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v10L8 10.1c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l4.9 4.9z" })] })),
|
|
3552
|
+
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" })] })),
|
|
3553
|
+
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" })] })),
|
|
3554
|
+
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" })] })),
|
|
3555
|
+
};
|
|
3556
|
+
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] })) }))); };
|
|
3557
|
+
|
|
3558
|
+
var StyledButton = styled.button(templateObject_1$T || (templateObject_1$T = __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) {
|
|
3459
3559
|
var fluid = _a.fluid;
|
|
3460
3560
|
return (fluid ? "100%" : "fit-content");
|
|
3461
3561
|
}, function (_a) {
|
|
@@ -3509,7 +3609,7 @@ var StyledButton = styled.button(templateObject_1$T || (templateObject_1$T = __m
|
|
|
3509
3609
|
? theme.button.medium.heightActive
|
|
3510
3610
|
: theme.button[size].heightActive;
|
|
3511
3611
|
});
|
|
3512
|
-
var DisabledButton = styled(StyledButton)(templateObject_2$
|
|
3612
|
+
var DisabledButton = styled(StyledButton)(templateObject_2$A || (templateObject_2$A = __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) {
|
|
3513
3613
|
var size = _a.size;
|
|
3514
3614
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3515
3615
|
});
|
|
@@ -3536,10 +3636,21 @@ var LoaderWrapper = styled.div(templateObject_4$8 || (templateObject_4$8 = __mak
|
|
|
3536
3636
|
var size = _a.size;
|
|
3537
3637
|
return (size === "small" ? "3px" : "");
|
|
3538
3638
|
});
|
|
3539
|
-
var templateObject_1$T, templateObject_2$
|
|
3639
|
+
var templateObject_1$T, templateObject_2$A, templateObject_3$d, templateObject_4$8;
|
|
3640
|
+
|
|
3641
|
+
var StyledSpacer = styled.div(templateObject_1$S || (templateObject_1$S = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3642
|
+
var horizontal = _a.horizontal;
|
|
3643
|
+
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
3644
|
+
}, function (_a) {
|
|
3645
|
+
var vertical = _a.vertical;
|
|
3646
|
+
return (vertical ? "".concat(vertical, "px") : "");
|
|
3647
|
+
});
|
|
3648
|
+
var templateObject_1$S;
|
|
3649
|
+
|
|
3650
|
+
var Spacer = function (props) { return (jsx$1(StyledSpacer, __assign$2({}, props))); };
|
|
3540
3651
|
|
|
3541
3652
|
var Button = forwardRef(function (_a, ref) {
|
|
3542
|
-
var label = _a.label, color = _a.color, size = _a.size, fluid = _a.fluid, disabled = _a.disabled, type = _a.type, tabIndex = _a.tabIndex, href = _a.href, asAnchor = _a.asAnchor, props = __rest(_a, ["label", "color", "size", "fluid", "disabled", "type", "tabIndex", "href", "asAnchor"]);
|
|
3653
|
+
var label = _a.label, color = _a.color, size = _a.size, fluid = _a.fluid, disabled = _a.disabled, type = _a.type, tabIndex = _a.tabIndex, href = _a.href, asAnchor = _a.asAnchor, icon = _a.icon, props = __rest(_a, ["label", "color", "size", "fluid", "disabled", "type", "tabIndex", "href", "asAnchor", "icon"]);
|
|
3543
3654
|
var buttonRef = useRef(null);
|
|
3544
3655
|
var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
|
|
3545
3656
|
var as = href || asAnchor ? "a" : "button";
|
|
@@ -3550,14 +3661,20 @@ var Button = forwardRef(function (_a, ref) {
|
|
|
3550
3661
|
}
|
|
3551
3662
|
if (props.onClickAsync) {
|
|
3552
3663
|
setIsLoading(true);
|
|
3553
|
-
new Promise(function (resolve) {
|
|
3554
|
-
|
|
3555
|
-
})
|
|
3664
|
+
new Promise(function (resolve) { return props.onClickAsync(resolve); }).then(function () {
|
|
3665
|
+
return setIsLoading(false);
|
|
3666
|
+
});
|
|
3556
3667
|
}
|
|
3557
3668
|
else if (props.onClick) {
|
|
3558
3669
|
props.onClick();
|
|
3559
3670
|
}
|
|
3560
3671
|
};
|
|
3672
|
+
var renderIcon = function (_a) {
|
|
3673
|
+
var color = _a.color;
|
|
3674
|
+
var iconSize = size === "small" ? "tiny" : "small";
|
|
3675
|
+
var space = size === "small" ? 5 : 10;
|
|
3676
|
+
return (jsxs(Fragment$1, { children: [jsx$1(Icon, { type: icon, color: color, size: iconSize }), jsx$1(Spacer, { horizontal: space })] }));
|
|
3677
|
+
};
|
|
3561
3678
|
var Loader = function (_a) {
|
|
3562
3679
|
var _b;
|
|
3563
3680
|
var dark = _a.dark;
|
|
@@ -3569,14 +3686,14 @@ var Button = forwardRef(function (_a, ref) {
|
|
|
3569
3686
|
: theme.colors.lightGray.light, speedMultiplier: 0.5 }) })));
|
|
3570
3687
|
};
|
|
3571
3688
|
if (disabled) {
|
|
3572
|
-
return (jsx$1(DisabledButton, __assign$2({ color: color, size: size, fluid: fluid, type: type, tabIndex: tabIndex, as: as, href: href, ref: ref ? ref : buttonRef }, { children: jsx$1("span", { children: label }) })));
|
|
3689
|
+
return (jsx$1(DisabledButton, __assign$2({ color: color, size: size, fluid: fluid, type: type, tabIndex: tabIndex, as: as, href: href, ref: ref ? ref : buttonRef }, { children: jsxs(Fragment$1, { children: [icon && renderIcon({ color: "lightGray" }), jsx$1("span", { children: label })] }) })));
|
|
3573
3690
|
}
|
|
3574
3691
|
if (color === "white")
|
|
3575
|
-
return (jsx$1(GhostButton, __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, { dark: true }) : jsx$1("span", { children: label }) })));
|
|
3576
|
-
return (jsx$1(StyledButton, __assign$2({ color: color, size: size, fluid: fluid, type: type, tabIndex: tabIndex, as: as, href: href, ref: ref ? ref : buttonRef, onClick: onClick }, { children: isLoading ? jsx$1(Loader, {}) : jsx$1("span", { children: label }) })));
|
|
3692
|
+
return (jsx$1(GhostButton, __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, { dark: true })) : (jsxs(Fragment$1, { children: [icon && renderIcon({ color: "gray" }), jsx$1("span", { children: label })] })) })));
|
|
3693
|
+
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 })] })) })));
|
|
3577
3694
|
});
|
|
3578
3695
|
|
|
3579
|
-
var StyledCheckbox = styled.div(templateObject_1$
|
|
3696
|
+
var StyledCheckbox = styled.div(templateObject_1$R || (templateObject_1$R = __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) {
|
|
3580
3697
|
var checked = _a.checked, disabled = _a.disabled;
|
|
3581
3698
|
if (disabled)
|
|
3582
3699
|
return theme.colors.lightGray.darker;
|
|
@@ -3597,7 +3714,7 @@ var StyledCheckbox = styled.div(templateObject_1$S || (templateObject_1$S = __ma
|
|
|
3597
3714
|
return theme.colors.green.base;
|
|
3598
3715
|
return theme.colors.lightGray.darker;
|
|
3599
3716
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
3600
|
-
var templateObject_1$
|
|
3717
|
+
var templateObject_1$R;
|
|
3601
3718
|
|
|
3602
3719
|
var Checkbox = function (props) {
|
|
3603
3720
|
var _a;
|
|
@@ -3630,7 +3747,7 @@ var Checkbox = function (props) {
|
|
|
3630
3747
|
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 })] })));
|
|
3631
3748
|
};
|
|
3632
3749
|
|
|
3633
|
-
var Wrapper$
|
|
3750
|
+
var Wrapper$9 = styled.div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3634
3751
|
var size = _a.size;
|
|
3635
3752
|
switch (size) {
|
|
3636
3753
|
case "small":
|
|
@@ -3653,7 +3770,7 @@ var Wrapper$a = styled.div(templateObject_1$R || (templateObject_1$R = __makeTem
|
|
|
3653
3770
|
return "27px";
|
|
3654
3771
|
}
|
|
3655
3772
|
});
|
|
3656
|
-
var templateObject_1$
|
|
3773
|
+
var templateObject_1$Q;
|
|
3657
3774
|
|
|
3658
3775
|
var parsers = {};
|
|
3659
3776
|
|
|
@@ -4047,9 +4164,9 @@ var flags = {
|
|
|
4047
4164
|
FR: (jsxs("svg", __assign$2({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx$1("path", { d: "M15 0h6c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1h-6V0z", fill: "#148cc6" }), jsx$1("path", { fill: "#fff", d: "M7 0H15V18H7z" }), jsx$1("path", { d: "M0 1c0-.6.4-1 1-1h6v18H1c-.6 0-1-.4-1-1V1z", fill: "#e62743" })] }))),
|
|
4048
4165
|
DE: (jsxs("svg", __assign$2({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx$1("path", { d: "M0 1c0-.6.4-1 1-1h20c.6 0 1 .4 1 1v5H0V1z", fill: "#000" }), jsx$1("path", { fill: "#e62743", d: "M0 6H22V12H0z" }), jsx$1("path", { d: "M0 12h22v5c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1v-5z", fill: "#ffd800" })] }))),
|
|
4049
4166
|
};
|
|
4050
|
-
var Flag = function (props) { return (jsx$1(Wrapper$
|
|
4167
|
+
var Flag = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: flags[parsers.getCountryCodeByLocale(props.locale)] }))); };
|
|
4051
4168
|
|
|
4052
|
-
var StyledHeading = styled.span(templateObject_1$
|
|
4169
|
+
var StyledHeading = styled.span(templateObject_1$P || (templateObject_1$P = __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) {
|
|
4053
4170
|
var type = _a.type;
|
|
4054
4171
|
return theme.heading[type].fontSize;
|
|
4055
4172
|
}, function (_a) {
|
|
@@ -4073,111 +4190,13 @@ var StyledHeading = styled.span(templateObject_1$Q || (templateObject_1$Q = __ma
|
|
|
4073
4190
|
var align = _a.align;
|
|
4074
4191
|
return align;
|
|
4075
4192
|
});
|
|
4076
|
-
var templateObject_1$
|
|
4193
|
+
var templateObject_1$P;
|
|
4077
4194
|
|
|
4078
4195
|
var Heading = function (props) {
|
|
4079
4196
|
var element = !!props.as ? props.as : props.type;
|
|
4080
4197
|
return (jsx$1(StyledHeading, __assign$2({}, props, { as: element }, { children: props.children })));
|
|
4081
4198
|
};
|
|
4082
4199
|
|
|
4083
|
-
var Wrapper$9 = styled.div(templateObject_1$P || (templateObject_1$P = __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) {
|
|
4084
|
-
var size = _a.size;
|
|
4085
|
-
return theme.icon[size] || theme.icon.medium;
|
|
4086
|
-
}, function (_a) {
|
|
4087
|
-
var size = _a.size;
|
|
4088
|
-
return theme.icon[size] || theme.icon.medium;
|
|
4089
|
-
}, function (_a) {
|
|
4090
|
-
var color = _a.color;
|
|
4091
|
-
switch (color) {
|
|
4092
|
-
default:
|
|
4093
|
-
case "gray":
|
|
4094
|
-
return theme.colors.darkGray.light;
|
|
4095
|
-
case "darkGray":
|
|
4096
|
-
return theme.colors.darkGray.dark;
|
|
4097
|
-
case "lightGray":
|
|
4098
|
-
return theme.colors.lightGray.darker;
|
|
4099
|
-
case "blue":
|
|
4100
|
-
return theme.colors.blue.base;
|
|
4101
|
-
case "green":
|
|
4102
|
-
return theme.colors.green.base;
|
|
4103
|
-
case "orange":
|
|
4104
|
-
return theme.colors.orange.base;
|
|
4105
|
-
case "red":
|
|
4106
|
-
return theme.colors.red.base;
|
|
4107
|
-
case "purple":
|
|
4108
|
-
return theme.colors.purple.base;
|
|
4109
|
-
case "white":
|
|
4110
|
-
return theme.colors.lightGray.light;
|
|
4111
|
-
}
|
|
4112
|
-
}, function (_a) {
|
|
4113
|
-
var onClick = _a.onClick;
|
|
4114
|
-
return (onClick ? "pointer" : "default");
|
|
4115
|
-
}, function (_a) {
|
|
4116
|
-
var color = _a.color, onClick = _a.onClick;
|
|
4117
|
-
if (!onClick)
|
|
4118
|
-
return;
|
|
4119
|
-
switch (color) {
|
|
4120
|
-
default:
|
|
4121
|
-
case "gray":
|
|
4122
|
-
return theme.colors.darkGray.base;
|
|
4123
|
-
case "darkGray":
|
|
4124
|
-
return theme.colors.darkGray.darker;
|
|
4125
|
-
case "lightGray":
|
|
4126
|
-
return theme.colors.darkGray.light;
|
|
4127
|
-
case "blue":
|
|
4128
|
-
return theme.colors.blue.dark;
|
|
4129
|
-
case "green":
|
|
4130
|
-
return theme.colors.green.dark;
|
|
4131
|
-
case "orange":
|
|
4132
|
-
return theme.colors.orange.dark;
|
|
4133
|
-
case "red":
|
|
4134
|
-
return theme.colors.red.dark;
|
|
4135
|
-
case "purple":
|
|
4136
|
-
return theme.colors.purple.dark;
|
|
4137
|
-
case "white":
|
|
4138
|
-
return theme.colors.lightGray.base;
|
|
4139
|
-
}
|
|
4140
|
-
});
|
|
4141
|
-
var templateObject_1$P;
|
|
4142
|
-
|
|
4143
|
-
var icons = {
|
|
4144
|
-
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" })),
|
|
4145
|
-
chevronUp: (jsx$1("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" })),
|
|
4146
|
-
chevronRight: (jsx$1("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" })),
|
|
4147
|
-
chevronDown: (jsx$1("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" })),
|
|
4148
|
-
chevronLeft: (jsx$1("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" })),
|
|
4149
|
-
eye: (jsx$1("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" })),
|
|
4150
|
-
eyeInvisible: (jsx$1("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" })),
|
|
4151
|
-
warning: (jsx$1("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" })),
|
|
4152
|
-
questionCircle: (jsxs(Fragment$1, { children: [jsx$1("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" }), jsx$1("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" }), jsx$1("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" })] })),
|
|
4153
|
-
play: (jsx$1("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" })),
|
|
4154
|
-
lock: (jsx$1("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" })),
|
|
4155
|
-
cross: (jsx$1("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" })),
|
|
4156
|
-
bulb: (jsx$1("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" })),
|
|
4157
|
-
star: (jsx$1("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" })),
|
|
4158
|
-
setting: (jsx$1("path", { d: "M11.9 0c-.8 0-1.4.3-1.9.7-.4.4-.6 1-.8 1.5-.4.9-.7 1.8-1.6 2.4s-1.8.3-2.8.1c-.5-.1-1.1-.2-1.7 0-.6.2-1.1.6-1.5 1.3s-.5 1.4-.3 2c.2.6.5 1 .8 1.5.7.8 1.3 1.5 1.3 2.5s-.6 1.7-1.3 2.5c-.3.5-.7.9-.8 1.5-.2.6-.1 1.3.3 2s.9 1.1 1.5 1.3c.6.2 1.1.1 1.7 0 1-.2 1.9-.4 2.8.2.9.5 1.2 1.4 1.5 2.4.2.5.4 1 .8 1.5.4.4 1.1.7 1.9.7.8 0 1.4-.3 1.9-.7.4-.4.6-1 .8-1.5.4-1 .6-1.9 1.5-2.4s1.8-.3 2.8-.2c.5.1 1.1.2 1.7 0 .6-.2 1.1-.6 1.5-1.3.4-.7.5-1.4.3-2s-.5-1-.8-1.5c-.7-.8-1.3-1.5-1.3-2.5s.6-1.7 1.3-2.5c.5-.5.8-.9 1-1.5.2-.6.1-1.3-.3-2s-.9-1.1-1.5-1.3c-.6-.2-1.1-.1-1.7 0-1 .2-1.9.4-2.8-.2-.9-.5-1.2-1.4-1.5-2.4-.2-.5-.4-1-.8-1.5-.6-.3-1.3-.6-2-.6zm0 8c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4z" })),
|
|
4159
|
-
reload: (jsx$1("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" })),
|
|
4160
|
-
expand: (jsx$1("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" })),
|
|
4161
|
-
calendar: (jsx$1("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" })),
|
|
4162
|
-
plus: (jsx$1("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" })),
|
|
4163
|
-
envelope: (jsx$1("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" })),
|
|
4164
|
-
facebook: (jsx$1("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" })),
|
|
4165
|
-
instagram: (jsx$1("path", { d: "M8.719 9.266c.5-.5 1.094-.75 1.781-.75.688 0 1.266.25 1.734.75.5.468.75 1.046.75 1.734s-.25 1.281-.75 1.781c-.468.469-1.046.703-1.734.703a2.516 2.516 0 01-1.781-.703A2.516 2.516 0 018.016 11c0-.688.234-1.266.703-1.734zm7.64-2.672c.188.5.282 1.968.282 4.406 0 2.438-.094 3.906-.282 4.406a2.558 2.558 0 01-1.453 1.453c-.5.188-1.969.282-4.406.282-2.438 0-3.906-.094-4.406-.282a2.558 2.558 0 01-1.453-1.453c-.188-.5-.282-1.969-.282-4.406 0-2.438.094-3.906.282-4.406A2.558 2.558 0 016.094 5.14c.5-.188 1.968-.282 4.406-.282 2.438 0 3.906.094 4.406.282a2.558 2.558 0 011.453 1.453zm-8.578 7.125a3.704 3.704 0 002.719 1.125 3.704 3.704 0 002.719-1.125A3.704 3.704 0 0014.344 11a3.704 3.704 0 00-1.125-2.719A3.704 3.704 0 0010.5 7.156a3.704 3.704 0 00-2.719 1.125A3.704 3.704 0 006.656 11c0 1.063.375 1.969 1.125 2.719zm6.047-6.094a.9.9 0 00.656.281c.25 0 .47-.078.657-.234a.9.9 0 00.28-.656.9.9 0 00-.28-.657.9.9 0 00-.657-.28.9.9 0 00-.656.28.994.994 0 00-.234.657c0 .218.078.421.234.609zM18.75.5a2.17 2.17 0 011.594.656c.437.438.656.969.656 1.594v16.5a2.17 2.17 0 01-.656 1.594 2.17 2.17 0 01-1.594.656H2.25a2.17 2.17 0 01-1.594-.656A2.17 2.17 0 010 19.25V2.75c0-.625.219-1.156.656-1.594A2.17 2.17 0 012.25.5h16.5zm-.797 13.594c.031-.625.047-1.656.047-3.094s-.016-2.469-.047-3.094c-.062-1.343-.469-2.39-1.219-3.14-.75-.75-1.797-1.157-3.14-1.22-.625-.03-1.656-.046-3.094-.046s-2.469.016-3.094.047c-1.343.062-2.39.469-3.14 1.219-.75.75-1.157 1.796-1.22 3.14C3.017 8.531 3 9.563 3 11c0 1.438.016 2.469.047 3.094.062 1.344.469 2.39 1.219 3.14.75.75 1.796 1.157 3.14 1.22.625.03 1.657.046 3.094.046 1.438 0 2.469-.016 3.094-.047 1.344-.062 2.39-.469 3.14-1.219.75-.75 1.157-1.797 1.22-3.14z" })),
|
|
4166
|
-
menuAlt: (jsx$1("path", { d: "M1.5 3.4C.7 3.4 0 4.1 0 4.9s.7 1.5 1.5 1.5h21c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5h-21zM0 11.9c0-.8.7-1.5 1.5-1.5h21c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-21c-.8 0-1.5-.7-1.5-1.5zm0 7c0-.8.7-1.5 1.5-1.5h13c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-13c-.8 0-1.5-.7-1.5-1.5z" })),
|
|
4167
|
-
link: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M10.1 17.9l-2.8 2.8c-.7.7-1.7 1-2.7.7-1-.3-1.7-1-2-2-.3-1 0-2 .7-2.7L9 11c.5-.5 1.2-.8 2-.8.7 0 1.5.3 2 .8.2.2.6.4.9.4.3 0 .6-.1.9-.4.2-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9-1-1-2.3-1.5-3.7-1.5-1.4 0-2.7.6-3.7 1.6L1.6 15C.6 16 0 17.3 0 18.7c0 1.4.5 2.7 1.5 3.7s2.3 1.5 3.7 1.5c1.4.1 2.8-.4 3.8-1.4l2.8-2.8c.2-.2.4-.5.4-.9 0-.3-.1-.6-.4-.9-.2-.2-.5-.4-.9-.4-.3 0-.6.2-.8.4z" }), jsx$1("path", { d: "M22.5 1.5c-1-1-2.3-1.5-3.7-1.5-1.5 0-2.8.6-3.8 1.6l-2.8 2.8c-.3.3-.4.8-.3 1.2.1.4.4.7.9.8.4.1.9 0 1.2-.3l2.8-2.8c.7-.7 1.7-1 2.7-.7 1 .3 1.7 1 2 2 .3 1 0 2-.7 2.7L15 12.9c-.5.5-1.2.8-2 .8-.7 0-1.5-.3-2-.8-.3-.3-.8-.4-1.2-.3-.4.1-.8.4-.9.9-.1.4 0 .9.3 1.2 1 1 2.3 1.5 3.7 1.5 1.4 0 2.7-.6 3.7-1.6L22.4 9c1-1 1.6-2.3 1.6-3.7 0-1.4-.5-2.8-1.5-3.8z" })] })),
|
|
4168
|
-
heart: (jsx$1("path", { d: "M22 3.5a6.64 6.64 0 00-9.4 0l-.6.6-.6-.6a6.64 6.64 0 00-9.4 0c-1.3 1.3-2 3-2 4.7s.6 3.4 2 4.7l.6.6 8.5 8.5c.5.5 1.4.5 1.9 0l9.1-9.1c1.3-1.3 2-3 2-4.7-.1-1.7-.7-3.4-2.1-4.7z" })),
|
|
4169
|
-
thunder: (jsx$1("path", { d: "M20.3 8.7h-6.9l.6-7.6c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.7-.3-.3 0-.6.2-.7.4L2.9 13.6c-.1.2-.2.4-.2.7 0 .2.1.5.3.6.2.2.4.2.7.2h7.1l-.7 7.8c0 .2 0 .4.2.6.1.2.3.3.5.4l.2.1c.3 0 .6-.2.8-.5L21 10.2c.1-.2.2-.4.2-.7 0-.2-.1-.5-.3-.6-.1-.1-.4-.2-.6-.2z" })),
|
|
4170
|
-
fire: (jsx$1("path", { d: "M17.3 9.2c-.7-.6-1.3-1.2-1.8-1.9C12.4 3.3 14 0 14 0 8.3 2.4 7 6.2 7 9c0 0 .1 1.7.8 3.5.2.6-.2 1.2-.8 1.3-.4.1-.8-.2-1-.6-.3-.7-.8-1.8-.6-2.6-.9 1.2-1.5 2.8-1.7 4.4-.3 4.2 2.6 8 6.7 8.8 4.8 1 9.3-2.3 10-7.1.3-2.9-.9-5.7-3.1-7.5z" })),
|
|
4171
|
-
control: (jsx$1("path", { d: "M1.4 5.3h2.4c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h11.2c.7 0 1.2-.5 1.2-1.2s-.5-1.2-1.2-1.2H11.5C10.9 1.2 9.4 0 7.6 0 5.8 0 4.3 1.2 3.8 2.8H1.4C.7 2.8.2 3.3.2 4s.5 1.3 1.2 1.3zm6.2-2.8c.9 0 1.6.7 1.6 1.6s-.7 1.6-1.6 1.6S6 5 6 4.1c0-.9.7-1.6 1.6-1.6zM22.6 10.8h-2.4c-.5-1.6-2-2.8-3.8-2.8-1.8 0-3.3 1.2-3.8 2.8H1.4c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h11.2c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h2.4c.7 0 1.2-.5 1.2-1.2.1-.7-.5-1.2-1.2-1.2zm-6.2 2.8c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6zM22.6 18.7H11.5c-.5-1.6-2-2.8-3.8-2.8-1.8 0-3.3 1.2-3.8 2.8H1.4c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h2.4c.5 1.6 2 2.8 3.8 2.8 1.8 0 3.3-1.2 3.8-2.8h11.2c.7 0 1.2-.5 1.2-1.2s-.5-1.2-1.2-1.2zm-15 2.8c-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6z" })),
|
|
4172
|
-
fileAdd: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsx$1("path", { d: "M15.7 13.8h-2.3v-2.3c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v2.3H8.8c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2h2.3v2.3c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2v-2.3h2.3c.7 0 1.2-.5 1.2-1.2s-.6-1.2-1.3-1.2z" })] })),
|
|
4173
|
-
fileCheck: (jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3zm-4.5 13.2c-.3 0-.6-.1-.9-.4l-2.2-2.2c-.5-.5-.5-1.2 0-1.7s1.2-.5 1.7 0l1.3 1.3 4-4c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7l-4.9 4.9c0 .3-.4.4-.7.4z" })),
|
|
4174
|
-
fileError: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsx$1("path", { d: "M15.6 16.6L14 15l1.6-1.6c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-1.6 1.6-1.6-1.6c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l1.6 1.6L9 16.6c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l1.6-1.6 1.6 1.6c.5.5 1.2.5 1.7 0s.4-1.2 0-1.7z" })] })),
|
|
4175
|
-
fileArrow: (jsxs(Fragment$1, { children: [jsx$1("path", { d: "M15.5 24h-7c-1.9 0-3 0-4-.5-.8-.4-1.5-1.1-1.9-1.9-.5-1-.5-2-.5-4V6.4c0-1.9 0-3 .5-4C3 1.6 3.7.9 4.5.5c1-.5 2-.5 4-.5h5.6c.3 0 .6.1.9.4l6.5 6.5c.2.2.4.5.4.9v9.9c0 1.9 0 3-.5 4-.4.8-1.1 1.5-1.9 1.9-1 .4-2.1.4-4 .4zm-7-21.6c-1.6 0-2.4 0-2.9.2-.3.2-.6.5-.8.9-.2.5-.2 1.3-.2 2.9v11.2c0 1.6 0 2.4.2 2.9.2.4.5.7.9.9.4.2 1.3.2 2.9.2h6.9c1.6 0 2.4 0 2.9-.2.4-.2.7-.5.9-.9.2-.4.2-1.3.2-2.9V8.9H16c-.7 0-1.2 0-1.7-.2-.4-.2-.8-.6-1-1-.2-.5-.2-1-.2-1.7V2.4H8.5zm6.9 4.2zm0-.1h2.3l-2.3-2.3v2.3z" }), jsx$1("path", { d: "M15.3 15.2c-.5-.5-1.2-.5-1.7 0l-.4.4v-4.1c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v4.1l-.4-.4c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l2.4 2.4c.2.2.5.4.8.4s.6-.1.8-.4l2.4-2.4c.7-.5.7-1.2.2-1.7z" })] })),
|
|
4176
|
-
download: (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: "M11.2 16.7c.1.1.2.2.4.3h.4c.2 0 .3 0 .5-.1.1-.1.3-.1.4-.3l4.9-4.9c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-2.8 2.8v-10c0-.7-.5-1.2-1.2-1.2s-1.2.5-1.2 1.2v10L8 10.1c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l4.9 4.9z" })] })),
|
|
4177
|
-
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" })] })),
|
|
4178
|
-
};
|
|
4179
|
-
var Icon = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
4180
|
-
|
|
4181
4200
|
var Wrapper$8 = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n > svg {\n height: ", ";\n }\n"], ["\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
4182
4201
|
var size = _a.size;
|
|
4183
4202
|
switch (size) {
|
|
@@ -4250,8 +4269,8 @@ var StyledParagraph = styled.p(templateObject_1$N || (templateObject_1$N = __mak
|
|
|
4250
4269
|
});
|
|
4251
4270
|
var templateObject_1$N;
|
|
4252
4271
|
|
|
4253
|
-
var Container$
|
|
4254
|
-
var InputIconWrapper = styled.div(templateObject_2$
|
|
4272
|
+
var Container$o = styled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4273
|
+
var InputIconWrapper = styled.div(templateObject_2$z || (templateObject_2$z = __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) {
|
|
4255
4274
|
var isChanged = _a.isChanged;
|
|
4256
4275
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
4257
4276
|
}, function (_a) {
|
|
@@ -4277,7 +4296,7 @@ var Helper = styled(StyledParagraph)(templateObject_6$3 || (templateObject_6$3 =
|
|
|
4277
4296
|
var isOk = _a.isOk;
|
|
4278
4297
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4279
4298
|
}, fadeIn);
|
|
4280
|
-
var templateObject_1$M, templateObject_2$
|
|
4299
|
+
var templateObject_1$M, templateObject_2$z, templateObject_3$c, templateObject_4$7, templateObject_5$3, templateObject_6$3;
|
|
4281
4300
|
|
|
4282
4301
|
var expressions = {};
|
|
4283
4302
|
|
|
@@ -4414,7 +4433,7 @@ var PasswordInput = function (props) {
|
|
|
4414
4433
|
if (props.onKeyPress)
|
|
4415
4434
|
props.onKeyPress(e);
|
|
4416
4435
|
};
|
|
4417
|
-
return (jsxs(Container$
|
|
4436
|
+
return (jsxs(Container$o, { 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].password_helper_capital_letter] })), jsxs(Helper, __assign$2({ isOk: expressions.hasNumber(value) }, { children: ["\u2022 ", translations[props.helperLocale].password_helper_number] })), jsxs(Helper, __assign$2({ isOk: expressions.hasSpecialCharacter(value) }, { children: ["\u2022 ", translations[props.helperLocale].password_helper_special_character] })), jsxs(Helper, __assign$2({ isOk: value.length >= 8 }, { children: ["\u2022 ", translations[props.helperLocale].password_helper_password_length] }))] })) : null] }));
|
|
4418
4437
|
};
|
|
4419
4438
|
|
|
4420
4439
|
function requiredArgs(required, args) {
|
|
@@ -4778,7 +4797,7 @@ var Wrapper$6 = styled.div(templateObject_1$K || (templateObject_1$K = __makeTem
|
|
|
4778
4797
|
var disabled = _a.disabled;
|
|
4779
4798
|
return (disabled ? "49.5px" : "");
|
|
4780
4799
|
});
|
|
4781
|
-
var StyledInputNumber = styled.input(templateObject_2$
|
|
4800
|
+
var StyledInputNumber = styled.input(templateObject_2$y || (templateObject_2$y = __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) {
|
|
4782
4801
|
var disabled = _a.disabled;
|
|
4783
4802
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
4784
4803
|
}, function (_a) {
|
|
@@ -4791,7 +4810,7 @@ var StyledInputNumber = styled.input(templateObject_2$x || (templateObject_2$x =
|
|
|
4791
4810
|
var disabled = _a.disabled;
|
|
4792
4811
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
4793
4812
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4794
|
-
var templateObject_1$K, templateObject_2$
|
|
4813
|
+
var templateObject_1$K, templateObject_2$y;
|
|
4795
4814
|
|
|
4796
4815
|
var Number$1 = function (props) {
|
|
4797
4816
|
var inputRef = useRef(null);
|
|
@@ -4933,7 +4952,7 @@ var Wrapper$5 = styled.div(templateObject_1$H || (templateObject_1$H = __makeTem
|
|
|
4933
4952
|
var disabled = _a.disabled;
|
|
4934
4953
|
return (disabled ? "not-allowed" : "pointer");
|
|
4935
4954
|
});
|
|
4936
|
-
var StyledSelect = styled.select(templateObject_2$
|
|
4955
|
+
var StyledSelect = styled.select(templateObject_2$x || (templateObject_2$x = __makeTemplateObject$1(["\n width: 100%;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 43px 15px 13px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n appearance: none;\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 43px 15px 13px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n appearance: none;\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4937
4956
|
var disabled = _a.disabled;
|
|
4938
4957
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
4939
4958
|
}, function (_a) {
|
|
@@ -4946,7 +4965,7 @@ var StyledSelect = styled.select(templateObject_2$w || (templateObject_2$w = __m
|
|
|
4946
4965
|
var isChanged = _a.isChanged;
|
|
4947
4966
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
4948
4967
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4949
|
-
var templateObject_1$H, templateObject_2$
|
|
4968
|
+
var templateObject_1$H, templateObject_2$x;
|
|
4950
4969
|
|
|
4951
4970
|
var Select = function (props) {
|
|
4952
4971
|
var _a;
|
|
@@ -4968,18 +4987,7 @@ var Select = function (props) {
|
|
|
4968
4987
|
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] }))] }));
|
|
4969
4988
|
};
|
|
4970
4989
|
|
|
4971
|
-
var
|
|
4972
|
-
var horizontal = _a.horizontal;
|
|
4973
|
-
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
4974
|
-
}, function (_a) {
|
|
4975
|
-
var vertical = _a.vertical;
|
|
4976
|
-
return (vertical ? "".concat(vertical, "px") : "");
|
|
4977
|
-
});
|
|
4978
|
-
var templateObject_1$G;
|
|
4979
|
-
|
|
4980
|
-
var Spacer = function (props) { return (jsx$1(StyledSpacer, __assign$2({}, props))); };
|
|
4981
|
-
|
|
4982
|
-
var StyledSubheading = styled.p(templateObject_1$F || (templateObject_1$F = __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) {
|
|
4990
|
+
var StyledSubheading = styled.p(templateObject_1$G || (templateObject_1$G = __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) {
|
|
4983
4991
|
var size = _a.size;
|
|
4984
4992
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
4985
4993
|
}, function (_a) {
|
|
@@ -5007,18 +5015,18 @@ var StyledSubheading = styled.p(templateObject_1$F || (templateObject_1$F = __ma
|
|
|
5007
5015
|
return theme.colors.darkGray.dark;
|
|
5008
5016
|
}
|
|
5009
5017
|
});
|
|
5010
|
-
var templateObject_1$
|
|
5018
|
+
var templateObject_1$G;
|
|
5011
5019
|
|
|
5012
5020
|
var Subheading = function (props) { return (jsx$1(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
5013
5021
|
|
|
5014
|
-
var Container$
|
|
5015
|
-
var templateObject_1$
|
|
5022
|
+
var Container$n = styled.div(templateObject_1$F || (templateObject_1$F = __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);
|
|
5023
|
+
var templateObject_1$F;
|
|
5016
5024
|
|
|
5017
5025
|
var Tag = function (props) {
|
|
5018
|
-
return jsx$1(Container$
|
|
5026
|
+
return jsx$1(Container$n, { children: props.children });
|
|
5019
5027
|
};
|
|
5020
5028
|
|
|
5021
|
-
var Container$
|
|
5029
|
+
var Container$m = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject$1(["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
5022
5030
|
var disabled = _a.disabled;
|
|
5023
5031
|
return (disabled ? "not-allowed" : "pointer");
|
|
5024
5032
|
}, function (_a) {
|
|
@@ -5036,7 +5044,7 @@ var Container$l = styled.div(templateObject_1$D || (templateObject_1$D = __makeT
|
|
|
5036
5044
|
var disabled = _a.disabled;
|
|
5037
5045
|
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.light;
|
|
5038
5046
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
5039
|
-
var templateObject_1$
|
|
5047
|
+
var templateObject_1$E;
|
|
5040
5048
|
|
|
5041
5049
|
var Toggle = function (props) {
|
|
5042
5050
|
var _a;
|
|
@@ -5064,10 +5072,10 @@ var Toggle = function (props) {
|
|
|
5064
5072
|
props.onChange(newValue);
|
|
5065
5073
|
}
|
|
5066
5074
|
};
|
|
5067
|
-
return (jsx$1(Container$
|
|
5075
|
+
return (jsx$1(Container$m, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: containerRef }, { children: jsx$1("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, ref: inputRef }) })));
|
|
5068
5076
|
};
|
|
5069
5077
|
|
|
5070
|
-
var Wrapper$4 = styled.div(templateObject_1$
|
|
5078
|
+
var Wrapper$4 = styled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject$1(["\n display: flex;\n align-items: flex-end;\n\n > svg {\n height: ", ";\n }\n"], ["\n display: flex;\n align-items: flex-end;\n\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
5071
5079
|
var level = _a.level;
|
|
5072
5080
|
switch (level) {
|
|
5073
5081
|
case 1:
|
|
@@ -5078,7 +5086,7 @@ var Wrapper$4 = styled.div(templateObject_1$C || (templateObject_1$C = __makeTem
|
|
|
5078
5086
|
return "70px";
|
|
5079
5087
|
}
|
|
5080
5088
|
});
|
|
5081
|
-
var templateObject_1$
|
|
5089
|
+
var templateObject_1$D;
|
|
5082
5090
|
|
|
5083
5091
|
var trophies = {
|
|
5084
5092
|
1: {
|
|
@@ -5114,7 +5122,7 @@ var trophies = {
|
|
|
5114
5122
|
};
|
|
5115
5123
|
var Trophy = function (props) { return (jsx$1(Wrapper$4, __assign$2({}, props, { children: trophies[props.variant][props.level] }))); };
|
|
5116
5124
|
|
|
5117
|
-
var Container$
|
|
5125
|
+
var Container$l = styled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject$1(["\n min-height: 44px;\n padding: 10px;\n background-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"], ["\n min-height: 44px;\n padding: 10px;\n background-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
5118
5126
|
var type = _a.type;
|
|
5119
5127
|
switch (type) {
|
|
5120
5128
|
case "success":
|
|
@@ -5131,11 +5139,11 @@ var Container$k = styled.div(templateObject_1$B || (templateObject_1$B = __makeT
|
|
|
5131
5139
|
return theme.colors.red.base;
|
|
5132
5140
|
}
|
|
5133
5141
|
});
|
|
5134
|
-
var templateObject_1$
|
|
5142
|
+
var templateObject_1$C;
|
|
5135
5143
|
|
|
5136
|
-
var Alert = function (props) { return (jsxs(Container$
|
|
5144
|
+
var Alert = function (props) { return (jsxs(Container$l, __assign$2({}, props, { children: [jsx$1(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsx$1(Paragraph, { children: props.message })] }))); };
|
|
5137
5145
|
|
|
5138
|
-
var StyledCard = styled.div(templateObject_1$
|
|
5146
|
+
var StyledCard = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject$1(["\n background-color: ", ";\n border: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n\n ", "\n"], ["\n background-color: ", ";\n border: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n\n ", "\n"])), theme.colors.lightGray.light, function (_a) {
|
|
5139
5147
|
var bordered = _a.bordered;
|
|
5140
5148
|
return bordered ? "1px solid ".concat(theme.colors.lightGray.dark) : "none";
|
|
5141
5149
|
}, function (_a) {
|
|
@@ -5147,12 +5155,12 @@ var StyledCard = styled.div(templateObject_1$A || (templateObject_1$A = __makeTe
|
|
|
5147
5155
|
}, ";\n\n > div:first-child {\n width: 175%;\n padding-bottom: 175%;\n top: -25%;\n right: -25%;\n }\n }")
|
|
5148
5156
|
: "";
|
|
5149
5157
|
});
|
|
5150
|
-
var Ellipse = styled.div(templateObject_2$
|
|
5158
|
+
var Ellipse = styled.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject$1(["\n width: 85%;\n height: 0;\n padding-bottom: 85%;\n border-radius: 50%;\n background-color: ", ";\n opacity: 0.3;\n position: absolute;\n top: -20%;\n right: -20%;\n transition: width 0.75s, padding-bottom 0.75s, top 0.75s, right 0.75s;\n"], ["\n width: 85%;\n height: 0;\n padding-bottom: 85%;\n border-radius: 50%;\n background-color: ", ";\n opacity: 0.3;\n position: absolute;\n top: -20%;\n right: -20%;\n transition: width 0.75s, padding-bottom 0.75s, top 0.75s, right 0.75s;\n"])), function (_a) {
|
|
5151
5159
|
var color = _a.color;
|
|
5152
5160
|
return color ? theme.colors[color].light : "";
|
|
5153
5161
|
});
|
|
5154
5162
|
var Content = styled.div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$1(["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"], ["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"])));
|
|
5155
|
-
var templateObject_1$
|
|
5163
|
+
var templateObject_1$B, templateObject_2$w, templateObject_3$b;
|
|
5156
5164
|
|
|
5157
5165
|
var Card = function (props) { return (jsxs(StyledCard, __assign$2({}, props, { children: [props.ellipse && jsx$1(Ellipse, { color: props.ellipse }), jsx$1(Content, { children: props.children })] }))); };
|
|
5158
5166
|
|
|
@@ -11401,14 +11409,14 @@ htmlReactParser.Element;
|
|
|
11401
11409
|
htmlReactParser.ProcessingInstruction;
|
|
11402
11410
|
htmlReactParser.Text;
|
|
11403
11411
|
|
|
11404
|
-
var Fieldset$1 = styled.fieldset(templateObject_1$
|
|
11405
|
-
var CheckboxContainer = styled.div(templateObject_2$
|
|
11412
|
+
var Fieldset$1 = styled.fieldset(templateObject_1$A || (templateObject_1$A = __makeTemplateObject$1(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
11413
|
+
var CheckboxContainer = styled.div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
11406
11414
|
var CheckboxWrapper = styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])));
|
|
11407
11415
|
var Label$9 = styled(StyledParagraph)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$1(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n gap: 0 6px;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n gap: 0 6px;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"])), function (_a) {
|
|
11408
11416
|
var weight = _a.weight;
|
|
11409
11417
|
return weight || 500;
|
|
11410
11418
|
}, theme.colors.darkGray.base, theme.colors.blue.base);
|
|
11411
|
-
var templateObject_1$
|
|
11419
|
+
var templateObject_1$A, templateObject_2$v, templateObject_3$a, templateObject_4$6;
|
|
11412
11420
|
|
|
11413
11421
|
var Checkboxes = function (props) {
|
|
11414
11422
|
var _a = useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -11431,12 +11439,12 @@ var Checkboxes = function (props) {
|
|
|
11431
11439
|
}) })] }));
|
|
11432
11440
|
};
|
|
11433
11441
|
|
|
11434
|
-
var Container$
|
|
11435
|
-
var Item = styled.div(templateObject_2$
|
|
11442
|
+
var Container$k = styled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject$1(["\n width: 100%;\n background-color: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n padding: 10px 20px;\n"], ["\n width: 100%;\n background-color: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n padding: 10px 20px;\n"])), theme.colors.lightGray.light);
|
|
11443
|
+
var Item = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject$1(["\n padding: 10px 0;\n cursor: pointer;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 5px;\n }\n\n p, > div:last-child {\n display: ", ";\n margin: 0;\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, > div:last-child {\n display: ", ";\n margin: 0;\n }\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n"])), function (_a) {
|
|
11436
11444
|
var isOpen = _a.isOpen;
|
|
11437
11445
|
return (isOpen ? "" : "none");
|
|
11438
11446
|
}, theme.colors.lightGray.dark);
|
|
11439
|
-
var templateObject_1$
|
|
11447
|
+
var templateObject_1$z, templateObject_2$u;
|
|
11440
11448
|
|
|
11441
11449
|
var Collapse = function (props) {
|
|
11442
11450
|
var _a = useState([]), openItems = _a[0], setOpenItems = _a[1];
|
|
@@ -11448,18 +11456,18 @@ var Collapse = function (props) {
|
|
|
11448
11456
|
setOpenItems(function (prevState) { return __spreadArray(__spreadArray([], prevState, true), [index], false); });
|
|
11449
11457
|
}
|
|
11450
11458
|
};
|
|
11451
|
-
return (jsx$1(Container$
|
|
11459
|
+
return (jsx$1(Container$k, __assign$2({}, props, { children: props.items.map(function (item, index) {
|
|
11452
11460
|
var isOpen = openItems.includes(index);
|
|
11453
11461
|
return (jsxs(Item, __assign$2({ isOpen: isOpen, onClick: function () { return onClickItem(index, isOpen); } }, { children: [jsxs("div", { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: item.title })), jsx$1(Icon, { type: isOpen ? "chevronUp" : "chevronDown", color: "blue" })] }), jsx$1(Paragraph, __assign$2({ weight: "regular", as: typeof item.content !== "string" ? "div" : undefined }, { children: item.content }))] }), "".concat(item.title, "-").concat(index)));
|
|
11454
11462
|
}) })));
|
|
11455
11463
|
};
|
|
11456
11464
|
|
|
11457
|
-
var Wrapper$3 = styled.div(templateObject_1$
|
|
11458
|
-
var Value = styled.div(templateObject_2$
|
|
11465
|
+
var Wrapper$3 = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
11466
|
+
var Value = styled.div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 6px;\n\n h5 {\n color: ", ";\n }\n\n :first-child {\n margin-left: 0;\n }\n"], ["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 6px;\n\n h5 {\n color: ", ";\n }\n\n :first-child {\n margin-left: 0;\n }\n"])), function (_a) {
|
|
11459
11467
|
var contrast = _a.contrast;
|
|
11460
11468
|
return contrast ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
11461
11469
|
}, theme.colors.darkGray.base);
|
|
11462
|
-
var templateObject_1$
|
|
11470
|
+
var templateObject_1$y, templateObject_2$t;
|
|
11463
11471
|
|
|
11464
11472
|
var Countdown = function (_a) {
|
|
11465
11473
|
var till = _a.till, contrast = _a.contrast;
|
|
@@ -11486,9 +11494,9 @@ var Countdown = function (_a) {
|
|
|
11486
11494
|
return (jsxs(Wrapper$3, { children: [jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: HH })) })), jsx$1(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: MM })) })), jsx$1(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: SS })) }))] }));
|
|
11487
11495
|
};
|
|
11488
11496
|
|
|
11489
|
-
var Container$
|
|
11490
|
-
var Label$8 = styled(StyledParagraph)(templateObject_2$
|
|
11491
|
-
var templateObject_1$
|
|
11497
|
+
var Container$j = styled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
11498
|
+
var Label$8 = styled(StyledParagraph)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
11499
|
+
var templateObject_1$x, templateObject_2$s;
|
|
11492
11500
|
|
|
11493
11501
|
var DateInputField = function (props) {
|
|
11494
11502
|
var onChange = function (value) {
|
|
@@ -11499,7 +11507,86 @@ var DateInputField = function (props) {
|
|
|
11499
11507
|
if (props.onBlur)
|
|
11500
11508
|
props.onBlur(props.name);
|
|
11501
11509
|
};
|
|
11502
|
-
return (jsxs(Container$
|
|
11510
|
+
return (jsxs(Container$j, { children: [jsx$1(Label$8, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsx$1(Spacer, { vertical: 5 }), jsx$1(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 })] }));
|
|
11511
|
+
};
|
|
11512
|
+
|
|
11513
|
+
var generateRandomString = function (length) {
|
|
11514
|
+
var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
11515
|
+
var charsLength = chars.length;
|
|
11516
|
+
var string = "";
|
|
11517
|
+
for (var i = 0; i < length; i++) {
|
|
11518
|
+
string += chars.charAt(Math.floor(Math.random() * charsLength));
|
|
11519
|
+
}
|
|
11520
|
+
return string;
|
|
11521
|
+
};
|
|
11522
|
+
|
|
11523
|
+
var Container$i = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject$1(["\n width: fit-content;\n position: fixed;\n z-index: 9;\n opacity: ", ";\n top: ", ";\n left: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 6px;\n box-shadow: 0 4px 0 ", ";\n pointer-events: ", ";\n"], ["\n width: fit-content;\n position: fixed;\n z-index: 9;\n opacity: ", ";\n top: ", ";\n left: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 6px;\n box-shadow: 0 4px 0 ", ";\n pointer-events: ", ";\n"])), function (_a) {
|
|
11524
|
+
var isVisible = _a.isVisible;
|
|
11525
|
+
return (isVisible ? "100%" : "0%");
|
|
11526
|
+
}, function (_a) {
|
|
11527
|
+
var y = _a.y;
|
|
11528
|
+
return (y ? "".concat(y, "px") : "");
|
|
11529
|
+
}, function (_a) {
|
|
11530
|
+
var x = _a.x;
|
|
11531
|
+
return (x ? "".concat(x, "px") : "");
|
|
11532
|
+
}, theme.colors.lightGray.light, theme.colors.lightGray.dark, theme.colors.lightGray.darker, function (_a) {
|
|
11533
|
+
var isVisible = _a.isVisible;
|
|
11534
|
+
return (isVisible ? "all" : "none");
|
|
11535
|
+
});
|
|
11536
|
+
var MenuItem = styled.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject$1(["\n padding: 10px 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n p {\n margin-top: 2px;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"], ["\n padding: 10px 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n p {\n margin-top: 2px;\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.dark, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
11537
|
+
var templateObject_1$w, templateObject_2$r;
|
|
11538
|
+
|
|
11539
|
+
var Dropdown = function (_a) {
|
|
11540
|
+
var menu = _a.menu, trigger = _a.trigger, props = __rest(_a, ["menu", "trigger"]);
|
|
11541
|
+
var dropwdownRef = useRef(null);
|
|
11542
|
+
var _b = useState(""), triggerId = _b[0], settriggerId = _b[1];
|
|
11543
|
+
var _c = useState(false), isVisible = _c[0], setIsVisible = _c[1];
|
|
11544
|
+
var _d = useState(), position = _d[0], setPosition = _d[1];
|
|
11545
|
+
var handleClickOutside = useCallback(function (event) {
|
|
11546
|
+
return isVisible &&
|
|
11547
|
+
dropwdownRef.current &&
|
|
11548
|
+
!dropwdownRef.current.contains(event.target)
|
|
11549
|
+
? setIsVisible(false)
|
|
11550
|
+
: null;
|
|
11551
|
+
}, [isVisible, dropwdownRef]);
|
|
11552
|
+
useEffect(function () {
|
|
11553
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
11554
|
+
return function () {
|
|
11555
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
11556
|
+
};
|
|
11557
|
+
}, [handleClickOutside]);
|
|
11558
|
+
var triggerDropdown = useCallback(function () {
|
|
11559
|
+
var el = document.getElementById(triggerId);
|
|
11560
|
+
if (el) {
|
|
11561
|
+
var _a = el.getBoundingClientRect(), bottom = _a.bottom, left = _a.left;
|
|
11562
|
+
var width = el.offsetWidth;
|
|
11563
|
+
var position_1 = left + width > window.innerWidth / 2 ? "right" : "left";
|
|
11564
|
+
var y = bottom + 5;
|
|
11565
|
+
var x = position_1 === "left"
|
|
11566
|
+
? left
|
|
11567
|
+
: left + width - dropwdownRef.current.offsetWidth;
|
|
11568
|
+
setPosition({ x: x, y: y });
|
|
11569
|
+
setIsVisible(true);
|
|
11570
|
+
}
|
|
11571
|
+
}, [triggerId]);
|
|
11572
|
+
useEffect(function () {
|
|
11573
|
+
var id = generateRandomString(5);
|
|
11574
|
+
settriggerId(id);
|
|
11575
|
+
}, []);
|
|
11576
|
+
var children = React__default.Children.map(props.children, function (child, index) {
|
|
11577
|
+
if (React__default.isValidElement(child) && index <= 0) {
|
|
11578
|
+
var props_1 = { id: triggerId };
|
|
11579
|
+
if (trigger && trigger.includes("click"))
|
|
11580
|
+
props_1["onClick"] = function () { return triggerDropdown(); };
|
|
11581
|
+
if (!trigger || trigger.includes("hover"))
|
|
11582
|
+
props_1["onMouseEnter"] = function () { return triggerDropdown(); };
|
|
11583
|
+
return React__default.cloneElement(child, props_1);
|
|
11584
|
+
}
|
|
11585
|
+
});
|
|
11586
|
+
return (jsxs(Fragment$1, { children: [children, jsx$1(Container$i, __assign$2({}, position, { isVisible: isVisible && menu.length > 0, ref: dropwdownRef, onMouseLeave: function () { return setIsVisible(false); } }, { children: menu.map(function (_a, index) {
|
|
11587
|
+
var label = _a.label, icon = _a.icon, onClick = _a.onClick;
|
|
11588
|
+
return (jsxs(MenuItem, __assign$2({ onClick: onClick }, { children: [icon && jsx$1(Icon, { type: icon, size: "tiny" }), jsx$1(Paragraph, __assign$2({ size: "small", weight: "regular", color: "darkGray" }, { children: label }))] }), "".concat(label, "-").concat(index)));
|
|
11589
|
+
}) }))] }));
|
|
11503
11590
|
};
|
|
11504
11591
|
|
|
11505
11592
|
var propTypes = {exports: {}};
|
|
@@ -14060,7 +14147,7 @@ var FileUpload = function (_a) {
|
|
|
14060
14147
|
}), { children: [jsx$1("input", __assign$2({}, getInputProps())), jsx$1(Icon, { type: "fileArrow", size: "large" }), jsx$1(Spacer, { vertical: 15 }), !isDragActive && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Drag file(s) here..."] })), jsx$1(Spacer, { vertical: 5 }), jsx$1(Paragraph, { children: translations[locale]["or"] }), jsx$1(Spacer, { vertical: 10 }), jsx$1(Button, { label: translations[locale]["Select file(s)"], size: "small" })] })), isDragActive && !isDragReject && (jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Upload file(s)..."] }))), isDragReject && (jsx$1(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["File type not allowed"] })))] })), files && files.length > 0 && (jsx$1(FileList, { children: files.map(function (file, index) { return (jsx$1(Alert, { type: "success", message: file.name }, "".concat(file.name, "-").concat(index))); }) }))] }) }));
|
|
14061
14148
|
};
|
|
14062
14149
|
|
|
14063
|
-
var StyledIconButton = styled(StyledButton)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n margin-top: 2px;\n }\n"], ["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n margin-top: 2px;\n }\n"])), function (_a) {
|
|
14150
|
+
var StyledIconButton = styled(StyledButton)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n pointer-events: none;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n margin-top: 2px;\n }\n"], ["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n pointer-events: none;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n margin-top: 2px;\n }\n"])), function (_a) {
|
|
14064
14151
|
var size = _a.size;
|
|
14065
14152
|
return (size === "small" ? "30px" : "40px");
|
|
14066
14153
|
}, function (_a) {
|
|
@@ -14296,16 +14383,6 @@ var PasswordInputField = function (props) {
|
|
|
14296
14383
|
return (jsxs(Container$b, { children: [jsx$1(Label$5, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsx$1(Spacer, { vertical: 5 }), jsx$1(Input.Password, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, helperLocale: props.helperLocale, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur })] }));
|
|
14297
14384
|
};
|
|
14298
14385
|
|
|
14299
|
-
var generateRandomString = function (length) {
|
|
14300
|
-
var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
14301
|
-
var charsLength = chars.length;
|
|
14302
|
-
var string = "";
|
|
14303
|
-
for (var i = 0; i < length; i++) {
|
|
14304
|
-
string += chars.charAt(Math.floor(Math.random() * charsLength));
|
|
14305
|
-
}
|
|
14306
|
-
return string;
|
|
14307
|
-
};
|
|
14308
|
-
|
|
14309
14386
|
var PopupContainer = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$1(["\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 border: ", ";\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 border: ", ";\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) {
|
|
14310
14387
|
var isVisible = _a.isVisible;
|
|
14311
14388
|
return (isVisible ? "100%" : "0%");
|
|
@@ -14684,7 +14761,7 @@ var FeedbackColors = {
|
|
|
14684
14761
|
success: theme.colors.green.base,
|
|
14685
14762
|
error: theme.colors.red.base,
|
|
14686
14763
|
};
|
|
14687
|
-
var FieldWrapper = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$1(["\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) {
|
|
14764
|
+
var FieldWrapper = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$1(["\n input, textarea, select {\n border-color: ", ";\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n input, textarea, select {\n border-color: ", ";\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])), function (_a) {
|
|
14688
14765
|
var status = _a.status;
|
|
14689
14766
|
return FeedbackColors[status];
|
|
14690
14767
|
});
|
|
@@ -15204,5 +15281,5 @@ var Transfer = function (props) {
|
|
|
15204
15281
|
}) }) }, selectedTargetKeys)] }))] }));
|
|
15205
15282
|
};
|
|
15206
15283
|
|
|
15207
|
-
export { Alert, Button, Card, Checkbox, Checkboxes, Collapse, Countdown, DateInputField, 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, Transfer, Trophy, theme };
|
|
15284
|
+
export { Alert, Button, Card, 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, Transfer, Trophy, theme };
|
|
15208
15285
|
//# sourceMappingURL=index.es.js.map
|