labsense-ui-kit 1.1.9 → 1.1.10
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/dist/Icons/SVGs/Retry.d.ts +4 -0
- package/dist/Icons/SVGs/index.d.ts +1 -0
- package/dist/Icons/index.d.ts +1 -1
- package/dist/index.js +3098 -435
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +3098 -435
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2159,6 +2159,25 @@ var Rectangle = function Rectangle(_ref) {
|
|
|
2159
2159
|
}));
|
|
2160
2160
|
};
|
|
2161
2161
|
|
|
2162
|
+
var Retry = function Retry(_ref) {
|
|
2163
|
+
var size = _ref.size,
|
|
2164
|
+
color = _ref.color,
|
|
2165
|
+
weight = _ref.weight;
|
|
2166
|
+
return React__default.createElement("svg", {
|
|
2167
|
+
width: size,
|
|
2168
|
+
height: size,
|
|
2169
|
+
strokeWidth: weight,
|
|
2170
|
+
viewBox: "0 0 17 16",
|
|
2171
|
+
fill: "none",
|
|
2172
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2173
|
+
}, React__default.createElement("path", {
|
|
2174
|
+
fillRule: "evenodd",
|
|
2175
|
+
clipRule: "evenodd",
|
|
2176
|
+
d: "M7.82 0.0289756C9.20071 -0.0888534 10.5884 0.153982 11.847 0.733693C13.1056 1.31341 14.1921 2.21011 15 3.33598V1.74998C15 1.55106 15.079 1.3603 15.2197 1.21965C15.3603 1.07899 15.5511 0.999976 15.75 0.999976C15.9489 0.999976 16.1397 1.07899 16.2803 1.21965C16.421 1.3603 16.5 1.55106 16.5 1.74998V5.99998H12.25C12.0511 5.99998 11.8603 5.92096 11.7197 5.78031C11.579 5.63965 11.5 5.44889 11.5 5.24998C11.5 5.05106 11.579 4.8603 11.7197 4.71965C11.8603 4.57899 12.0511 4.49998 12.25 4.49998H13.977C13.2931 3.42988 12.3107 2.58356 11.1512 2.06556C9.9917 1.54757 8.70584 1.38058 7.45248 1.58524C6.19912 1.7899 5.03316 2.35723 4.09864 3.21715C3.16412 4.07708 2.50198 5.19192 2.194 6.42398C2.17128 6.52076 2.12955 6.61206 2.07123 6.69257C2.01291 6.77308 1.93917 6.84119 1.85429 6.89294C1.76942 6.9447 1.6751 6.97906 1.57682 6.99403C1.47854 7.00901 1.37827 7.0043 1.28182 6.98017C1.18538 6.95604 1.0947 6.91298 1.01505 6.8535C0.935404 6.79401 0.868375 6.71928 0.817865 6.63366C0.767355 6.54803 0.734371 6.45322 0.720832 6.35473C0.707293 6.25625 0.713469 6.15605 0.739 6.05998C1.14354 4.4424 2.0434 2.99166 3.31279 1.91052C4.58218 0.82939 6.15766 0.171906 7.819 0.0299756L7.82 0.0289756ZM4.42 14.881C5.49199 15.5164 6.69758 15.8925 7.94068 15.9795C9.18378 16.0665 10.43 15.8618 11.58 15.3819C12.73 14.902 13.752 14.1601 14.5646 13.2153C15.3771 12.2704 15.9577 11.1489 16.26 9.93997C16.305 9.74817 16.2728 9.54635 16.1702 9.37814C16.0676 9.20993 15.903 9.08883 15.7119 9.04101C15.5207 8.9932 15.3185 9.02251 15.1488 9.12261C14.9791 9.22271 14.8556 9.38557 14.805 9.57598C14.4969 10.8078 13.8347 11.9223 12.9002 12.782C11.9658 13.6417 10.8 14.2089 9.54688 14.4136C8.29373 14.6182 7.00809 14.4513 5.84871 13.9336C4.68933 13.4158 3.70699 12.5698 3.023 11.5H4.75C4.94891 11.5 5.13968 11.421 5.28033 11.2803C5.42098 11.1397 5.5 10.9489 5.5 10.75C5.5 10.5511 5.42098 10.3603 5.28033 10.2196C5.13968 10.079 4.94891 9.99998 4.75 9.99998H0.5V14.25C0.5 14.4489 0.579018 14.6397 0.71967 14.7803C0.860322 14.921 1.05109 15 1.25 15C1.44891 15 1.63968 14.921 1.78033 14.7803C1.92098 14.6397 2 14.4489 2 14.25V12.664C2.64478 13.5623 3.46879 14.3172 4.42 14.881Z",
|
|
2177
|
+
fill: color
|
|
2178
|
+
}));
|
|
2179
|
+
};
|
|
2180
|
+
|
|
2162
2181
|
var Return = function Return(_ref) {
|
|
2163
2182
|
var size = _ref.size,
|
|
2164
2183
|
color = _ref.color,
|
|
@@ -2788,6 +2807,7 @@ var IconSVGs = {
|
|
|
2788
2807
|
Profile_3: Profile_3,
|
|
2789
2808
|
Recording: Recording,
|
|
2790
2809
|
Rectangle: Rectangle,
|
|
2810
|
+
Retry: Retry,
|
|
2791
2811
|
Return: Return,
|
|
2792
2812
|
Rewind_10_Sec: Rewind_10_Sec,
|
|
2793
2813
|
RightArrow: RightArrow,
|
|
@@ -6975,6 +6995,24 @@ var Rectangle$1 = function Rectangle(_ref) {
|
|
|
6975
6995
|
strokeLinejoin: "round"
|
|
6976
6996
|
}));
|
|
6977
6997
|
};
|
|
6998
|
+
var Retry$1 = function Retry(_ref) {
|
|
6999
|
+
var size = _ref.size,
|
|
7000
|
+
color = _ref.color,
|
|
7001
|
+
weight = _ref.weight;
|
|
7002
|
+
return React__default.createElement("svg", {
|
|
7003
|
+
width: size,
|
|
7004
|
+
height: size,
|
|
7005
|
+
strokeWidth: weight,
|
|
7006
|
+
viewBox: "0 0 17 16",
|
|
7007
|
+
fill: "none",
|
|
7008
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7009
|
+
}, React__default.createElement("path", {
|
|
7010
|
+
fillRule: "evenodd",
|
|
7011
|
+
clipRule: "evenodd",
|
|
7012
|
+
d: "M7.82 0.0289756C9.20071 -0.0888534 10.5884 0.153982 11.847 0.733693C13.1056 1.31341 14.1921 2.21011 15 3.33598V1.74998C15 1.55106 15.079 1.3603 15.2197 1.21965C15.3603 1.07899 15.5511 0.999976 15.75 0.999976C15.9489 0.999976 16.1397 1.07899 16.2803 1.21965C16.421 1.3603 16.5 1.55106 16.5 1.74998V5.99998H12.25C12.0511 5.99998 11.8603 5.92096 11.7197 5.78031C11.579 5.63965 11.5 5.44889 11.5 5.24998C11.5 5.05106 11.579 4.8603 11.7197 4.71965C11.8603 4.57899 12.0511 4.49998 12.25 4.49998H13.977C13.2931 3.42988 12.3107 2.58356 11.1512 2.06556C9.9917 1.54757 8.70584 1.38058 7.45248 1.58524C6.19912 1.7899 5.03316 2.35723 4.09864 3.21715C3.16412 4.07708 2.50198 5.19192 2.194 6.42398C2.17128 6.52076 2.12955 6.61206 2.07123 6.69257C2.01291 6.77308 1.93917 6.84119 1.85429 6.89294C1.76942 6.9447 1.6751 6.97906 1.57682 6.99403C1.47854 7.00901 1.37827 7.0043 1.28182 6.98017C1.18538 6.95604 1.0947 6.91298 1.01505 6.8535C0.935404 6.79401 0.868375 6.71928 0.817865 6.63366C0.767355 6.54803 0.734371 6.45322 0.720832 6.35473C0.707293 6.25625 0.713469 6.15605 0.739 6.05998C1.14354 4.4424 2.0434 2.99166 3.31279 1.91052C4.58218 0.82939 6.15766 0.171906 7.819 0.0299756L7.82 0.0289756ZM4.42 14.881C5.49199 15.5164 6.69758 15.8925 7.94068 15.9795C9.18378 16.0665 10.43 15.8618 11.58 15.3819C12.73 14.902 13.752 14.1601 14.5646 13.2153C15.3771 12.2704 15.9577 11.1489 16.26 9.93997C16.305 9.74817 16.2728 9.54635 16.1702 9.37814C16.0676 9.20993 15.903 9.08883 15.7119 9.04101C15.5207 8.9932 15.3185 9.02251 15.1488 9.12261C14.9791 9.22271 14.8556 9.38557 14.805 9.57598C14.4969 10.8078 13.8347 11.9223 12.9002 12.782C11.9658 13.6417 10.8 14.2089 9.54688 14.4136C8.29373 14.6182 7.00809 14.4513 5.84871 13.9336C4.68933 13.4158 3.70699 12.5698 3.023 11.5H4.75C4.94891 11.5 5.13968 11.421 5.28033 11.2803C5.42098 11.1397 5.5 10.9489 5.5 10.75C5.5 10.5511 5.42098 10.3603 5.28033 10.2196C5.13968 10.079 4.94891 9.99998 4.75 9.99998H0.5V14.25C0.5 14.4489 0.579018 14.6397 0.71967 14.7803C0.860322 14.921 1.05109 15 1.25 15C1.44891 15 1.63968 14.921 1.78033 14.7803C1.92098 14.6397 2 14.4489 2 14.25V12.664C2.64478 13.5623 3.46879 14.3172 4.42 14.881Z",
|
|
7013
|
+
fill: color
|
|
7014
|
+
}));
|
|
7015
|
+
};
|
|
6978
7016
|
var Return$1 = function Return(_ref) {
|
|
6979
7017
|
var size = _ref.size,
|
|
6980
7018
|
color = _ref.color,
|
|
@@ -7579,6 +7617,7 @@ var IconSVGs$1 = {
|
|
|
7579
7617
|
Profile_3: Profile_3$1,
|
|
7580
7618
|
Recording: Recording$1,
|
|
7581
7619
|
Rectangle: Rectangle$1,
|
|
7620
|
+
Retry: Retry$1,
|
|
7582
7621
|
Return: Return$1,
|
|
7583
7622
|
Rewind_10_Sec: Rewind_10_Sec$1,
|
|
7584
7623
|
RightArrow: RightArrow$1,
|
|
@@ -9378,8 +9417,8 @@ var SearchBar$1$1$1 = styled__default.input(_templateObject10$2$1$1 || (_templat
|
|
|
9378
9417
|
var _templateObject$c$1$1, _templateObject2$9$1$1;
|
|
9379
9418
|
var ModalOverlay$1$1 = styled__default.div(_templateObject$c$1$1 || (_templateObject$c$1$1 = _taggedTemplateLiteralLoose$1$1(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
9380
9419
|
var ModalContainer$1$1 = styled__default.div(_templateObject2$9$1$1 || (_templateObject2$9$1$1 = _taggedTemplateLiteralLoose$1$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-width: ", ";\n"])), colorVariables$1$1.accent.light, function (_ref) {
|
|
9381
|
-
var maxWidth = _ref
|
|
9382
|
-
return maxWidth ? maxWidth : '400px';
|
|
9420
|
+
var $maxWidth = _ref.$maxWidth;
|
|
9421
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
9383
9422
|
});
|
|
9384
9423
|
var _templateObject$d$1$1, _templateObject2$a$1$1;
|
|
9385
9424
|
var SearchContainer$2$1$1 = styled__default.div(_templateObject$d$1$1 || (_templateObject$d$1$1 = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n height: 100%;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 5.5px 8px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref) {
|
|
@@ -10302,8 +10341,8 @@ var SearchBar$1$1$1$1 = styled__default.input(_templateObject10$2$1$1$1 || (_tem
|
|
|
10302
10341
|
var _templateObject$c$1$1$1, _templateObject2$9$1$1$1;
|
|
10303
10342
|
var ModalOverlay$1$1$1 = styled__default.div(_templateObject$c$1$1$1 || (_templateObject$c$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
10304
10343
|
var ModalContainer$1$1$1 = styled__default.div(_templateObject2$9$1$1$1 || (_templateObject2$9$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-width: ", ";\n"])), colorVariables$1$1$1.accent.light, function (_ref) {
|
|
10305
|
-
var maxWidth = _ref
|
|
10306
|
-
return maxWidth ? maxWidth : '400px';
|
|
10344
|
+
var $maxWidth = _ref.$maxWidth;
|
|
10345
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
10307
10346
|
});
|
|
10308
10347
|
var _templateObject$d$1$1$1, _templateObject2$a$1$1$1;
|
|
10309
10348
|
var SearchContainer$2$1$1$1 = styled__default.div(_templateObject$d$1$1$1 || (_templateObject$d$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n height: 100%;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 5.5px 8px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref) {
|
|
@@ -10323,136 +10362,2768 @@ var SearchBar$2$1$1$1 = styled__default.input(_templateObject2$a$1$1$1 || (_temp
|
|
|
10323
10362
|
var $placeholderColor = _ref5.$placeholderColor;
|
|
10324
10363
|
return $placeholderColor || colorVariables$1$1$1.text.light;
|
|
10325
10364
|
});
|
|
10326
|
-
|
|
10327
|
-
|
|
10328
|
-
|
|
10329
|
-
|
|
10330
|
-
|
|
10331
|
-
|
|
10332
|
-
|
|
10333
|
-
|
|
10334
|
-
|
|
10335
|
-
|
|
10336
|
-
|
|
10337
|
-
|
|
10338
|
-
|
|
10339
|
-
|
|
10340
|
-
|
|
10341
|
-
|
|
10365
|
+
function _taggedTemplateLiteralLoose$1$1$1$1(e, t) {
|
|
10366
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
10367
|
+
}
|
|
10368
|
+
var colorVariables$1$1$1$1 = {
|
|
10369
|
+
brand: {
|
|
10370
|
+
primary: '#4C9EEB',
|
|
10371
|
+
secondary: '#14171A',
|
|
10372
|
+
light: '#FFFFFF'
|
|
10373
|
+
},
|
|
10374
|
+
accent: {
|
|
10375
|
+
light: '#E1E8ED',
|
|
10376
|
+
extraLight: '#F5F8FA',
|
|
10377
|
+
softBlue: '#D4EEFF',
|
|
10378
|
+
extraSoftBlue: '#E4F4FF',
|
|
10379
|
+
boldTransparent: '#5E5E5E80',
|
|
10380
|
+
transparent: '#5E5E5E4D',
|
|
10381
|
+
lightTransparent: '#5E5E5E23'
|
|
10382
|
+
},
|
|
10383
|
+
"default": {
|
|
10384
|
+
primary: '#78B6F0',
|
|
10385
|
+
secondary: '#C2C2C2',
|
|
10386
|
+
tertiary: 'transparent',
|
|
10387
|
+
error: '#F44336',
|
|
10388
|
+
success: '#4CAF50',
|
|
10389
|
+
warning: '#FF9800',
|
|
10390
|
+
info: '#2159F3'
|
|
10391
|
+
},
|
|
10392
|
+
disabled: {
|
|
10393
|
+
primary: '#B9DCF7',
|
|
10394
|
+
secondary: '#DADADA',
|
|
10395
|
+
error: '#FFEBEE',
|
|
10396
|
+
success: '#E8F5E9',
|
|
10397
|
+
warning: '#FFF3E0',
|
|
10398
|
+
info: '#E3F2FD'
|
|
10399
|
+
},
|
|
10400
|
+
hover: {
|
|
10401
|
+
primary: '#4C9EEB',
|
|
10402
|
+
secondary: '#A3A3A3',
|
|
10403
|
+
tertiary: 'transparent',
|
|
10404
|
+
error: '#D32F2F',
|
|
10405
|
+
success: '#388E3C',
|
|
10406
|
+
warning: '#F57C00',
|
|
10407
|
+
info: '#193ED2'
|
|
10408
|
+
},
|
|
10409
|
+
border: {
|
|
10410
|
+
extraBold: '#657786',
|
|
10411
|
+
bold: '#BFBFBF',
|
|
10412
|
+
medium: '#CBCED0',
|
|
10413
|
+
light: '#DCDCDC',
|
|
10414
|
+
extraLight: '#E6E3E3'
|
|
10415
|
+
},
|
|
10416
|
+
text: {
|
|
10417
|
+
dark: '#14171A',
|
|
10418
|
+
medium: '#657786',
|
|
10419
|
+
light: '#98A2AA',
|
|
10420
|
+
white: '#FFFFFF',
|
|
10421
|
+
success: '#1B5E20',
|
|
10422
|
+
error: '#B71C1C',
|
|
10423
|
+
info: '#0D30A1',
|
|
10424
|
+
warning: '#E65100'
|
|
10425
|
+
},
|
|
10426
|
+
badge: {
|
|
10427
|
+
lavender: '#E8DAFF',
|
|
10428
|
+
papayaWhip: '#FFEDD5',
|
|
10429
|
+
water: '#C7E3FF',
|
|
10430
|
+
paleBlue: '#B0F0E4',
|
|
10431
|
+
teaGreen: '#D5F7C2',
|
|
10432
|
+
lightBlue: '#ADD8E6'
|
|
10342
10433
|
}
|
|
10434
|
+
};
|
|
10435
|
+
var _templateObject$e$1$1$1, _templateObject2$b$1$1$1, _templateObject3$7$1$1$1;
|
|
10436
|
+
var wrapperCss$1$1$1$1 = styled.css(_templateObject$e$1$1$1 || (_templateObject$e$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n svg {\n overflow: visible;\n vector-effect: non-scaling-stroke;\n line,\n path,\n circle,\n ellipse,\n foreignObject,\n polygon,\n polyline,\n rect,\n text,\n textPath,\n tspan {\n vector-effect: non-scaling-stroke;\n }\n }\n"])));
|
|
10437
|
+
var IconWrapper$1$1$1$1 = styled__default.div(_templateObject2$b$1$1$1 || (_templateObject2$b$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: max-content;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ", ";\n ", ";\n"])), function (_ref) {
|
|
10438
|
+
var $clickable = _ref.$clickable;
|
|
10439
|
+
return $clickable ? 'pointer' : 'default';
|
|
10440
|
+
}, wrapperCss$1$1$1$1);
|
|
10441
|
+
var IconWrapperForSVG$1$1$1$1 = styled__default.g(_templateObject3$7$1$1$1 || (_templateObject3$7$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n ", ";\n"])), wrapperCss$1$1$1$1);
|
|
10442
|
+
var _templateObject$1$1$1$1$1, _templateObject2$1$1$1$1$1;
|
|
10443
|
+
var Container$3$1$1$1 = styled__default.div(_templateObject$1$1$1$1$1 || (_templateObject$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex: ", ";\n flex-wrap: ", ";\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", "; \n gap: ", ";\n font-weight: ", ";\n height: ", ";\n min-height: ", ";\n max-height: ", ";\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n padding: ", ";\n background: ", ";\n object-fit:", ";\n margin: ", ";\n border-radius: ", ";\n cursor: ", ";\n font-size: ", ";\n opacity: ", ";\n pointer-events: ", ";\n position: ", ";\n top: ", ";\n bottom: ", ";\n left: ", ";\n right: ", ";\n text-align: ", "; \n color: ", "; \n overflow: ", ";\n overflow-y: ", ";\n z-index: ", "; \n scrollbar-width: ", ";\n border: ", "; \n border-bottom: ", ";\n border-left: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
10444
|
+
var $flex = _ref.$flex;
|
|
10445
|
+
return $flex;
|
|
10446
|
+
}, function (_ref2) {
|
|
10447
|
+
var $flexWrap = _ref2.$flexWrap;
|
|
10448
|
+
return $flexWrap;
|
|
10343
10449
|
}, function (_ref3) {
|
|
10344
|
-
var $
|
|
10345
|
-
|
|
10346
|
-
|
|
10347
|
-
|
|
10348
|
-
|
|
10349
|
-
return colorVariables$1$1$1.text.medium;
|
|
10350
|
-
case 'light':
|
|
10351
|
-
return colorVariables$1$1$1.text.light;
|
|
10352
|
-
case 'white':
|
|
10353
|
-
return colorVariables$1$1$1.text.white;
|
|
10354
|
-
case 'warning':
|
|
10355
|
-
return colorVariables$1$1$1["default"].warning;
|
|
10356
|
-
case 'info':
|
|
10357
|
-
return colorVariables$1$1$1["default"].info;
|
|
10358
|
-
case 'success':
|
|
10359
|
-
return colorVariables$1$1$1["default"].success;
|
|
10360
|
-
case 'error':
|
|
10361
|
-
return colorVariables$1$1$1["default"].error;
|
|
10362
|
-
default:
|
|
10363
|
-
return $titlecolor;
|
|
10364
|
-
}
|
|
10365
|
-
});
|
|
10366
|
-
var Input = styled__default.input(_templateObject3$7$1$1$1 || (_templateObject3$7$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1.border.light, function (_ref4) {
|
|
10367
|
-
var $disabled = _ref4.$disabled;
|
|
10368
|
-
return $disabled ? 'not-allowed' : 'auto';
|
|
10450
|
+
var $flexDirection = _ref3.$flexDirection;
|
|
10451
|
+
return $flexDirection;
|
|
10452
|
+
}, function (_ref4) {
|
|
10453
|
+
var $justifyContent = _ref4.$justifyContent;
|
|
10454
|
+
return $justifyContent;
|
|
10369
10455
|
}, function (_ref5) {
|
|
10370
|
-
var $
|
|
10371
|
-
|
|
10372
|
-
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10456
|
+
var $alignItems = _ref5.$alignItems;
|
|
10457
|
+
return $alignItems;
|
|
10373
10458
|
}, function (_ref6) {
|
|
10374
|
-
var $
|
|
10375
|
-
return $
|
|
10459
|
+
var $gap = _ref6.$gap;
|
|
10460
|
+
return $gap;
|
|
10376
10461
|
}, function (_ref7) {
|
|
10377
|
-
var $
|
|
10378
|
-
|
|
10379
|
-
case 'small':
|
|
10380
|
-
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
10381
|
-
case 'medium':
|
|
10382
|
-
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
10383
|
-
case 'large':
|
|
10384
|
-
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
10385
|
-
default:
|
|
10386
|
-
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
10387
|
-
}
|
|
10462
|
+
var $fontWeight = _ref7.$fontWeight;
|
|
10463
|
+
return $fontWeight;
|
|
10388
10464
|
}, function (_ref8) {
|
|
10389
|
-
var $
|
|
10390
|
-
|
|
10391
|
-
|
|
10392
|
-
|
|
10393
|
-
|
|
10394
|
-
|
|
10395
|
-
|
|
10396
|
-
|
|
10397
|
-
|
|
10398
|
-
|
|
10399
|
-
|
|
10400
|
-
|
|
10401
|
-
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
-
|
|
10408
|
-
return $color;
|
|
10409
|
-
}
|
|
10410
|
-
}, colorVariables$1$1$1.text.light);
|
|
10411
|
-
var InputWrapper$1$1$1$1 = styled__default.div(_templateObject4$5$1$1$1 || (_templateObject4$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
10412
|
-
var IconWrapper$1$1$1$1 = styled__default.div(_templateObject5$5$1$1$1 || (_templateObject5$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref9) {
|
|
10413
|
-
var $disabled = _ref9.$disabled;
|
|
10414
|
-
return $disabled ? 'not-allowed' : 'pointer';
|
|
10415
|
-
});
|
|
10416
|
-
var Asterisk$1$1$1$1 = styled__default.span(_templateObject6$5$1$1$1 || (_templateObject6$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1["default"].error);
|
|
10417
|
-
var _templateObject$f, _templateObject2$c, _templateObject3$8;
|
|
10418
|
-
var Container$4 = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
10419
|
-
var $padding = _ref.$padding;
|
|
10465
|
+
var $height = _ref8.$height;
|
|
10466
|
+
return $height;
|
|
10467
|
+
}, function (_ref9) {
|
|
10468
|
+
var $minHeight = _ref9.$minHeight;
|
|
10469
|
+
return $minHeight;
|
|
10470
|
+
}, function (_ref10) {
|
|
10471
|
+
var $maxHeight = _ref10.$maxHeight;
|
|
10472
|
+
return $maxHeight;
|
|
10473
|
+
}, function (_ref11) {
|
|
10474
|
+
var $width = _ref11.$width;
|
|
10475
|
+
return $width;
|
|
10476
|
+
}, function (_ref12) {
|
|
10477
|
+
var $minWidth = _ref12.$minWidth;
|
|
10478
|
+
return $minWidth;
|
|
10479
|
+
}, function (_ref13) {
|
|
10480
|
+
var $maxWidth = _ref13.$maxWidth;
|
|
10481
|
+
return $maxWidth;
|
|
10482
|
+
}, function (_ref14) {
|
|
10483
|
+
var $padding = _ref14.$padding;
|
|
10420
10484
|
return $padding;
|
|
10421
|
-
})
|
|
10422
|
-
var
|
|
10423
|
-
|
|
10424
|
-
|
|
10425
|
-
|
|
10426
|
-
|
|
10427
|
-
|
|
10428
|
-
|
|
10429
|
-
|
|
10430
|
-
|
|
10431
|
-
|
|
10432
|
-
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
|
|
10436
|
-
|
|
10437
|
-
|
|
10438
|
-
|
|
10439
|
-
|
|
10440
|
-
|
|
10441
|
-
|
|
10442
|
-
|
|
10443
|
-
|
|
10444
|
-
return $
|
|
10445
|
-
}, function (
|
|
10446
|
-
var $
|
|
10447
|
-
return $
|
|
10448
|
-
}, function (
|
|
10449
|
-
var $
|
|
10450
|
-
|
|
10451
|
-
|
|
10452
|
-
|
|
10453
|
-
|
|
10454
|
-
|
|
10455
|
-
|
|
10485
|
+
}, function (_ref15) {
|
|
10486
|
+
var $background = _ref15.$background;
|
|
10487
|
+
return $background;
|
|
10488
|
+
}, function (_ref16) {
|
|
10489
|
+
var $objectfit = _ref16.$objectfit;
|
|
10490
|
+
return $objectfit;
|
|
10491
|
+
}, function (_ref17) {
|
|
10492
|
+
var $margin = _ref17.$margin;
|
|
10493
|
+
return $margin;
|
|
10494
|
+
}, function (_ref18) {
|
|
10495
|
+
var $borderRadius = _ref18.$borderRadius;
|
|
10496
|
+
return $borderRadius;
|
|
10497
|
+
}, function (_ref19) {
|
|
10498
|
+
var $cursor = _ref19.$cursor;
|
|
10499
|
+
return $cursor;
|
|
10500
|
+
}, function (_ref20) {
|
|
10501
|
+
var $fontSize = _ref20.$fontSize;
|
|
10502
|
+
return $fontSize;
|
|
10503
|
+
}, function (_ref21) {
|
|
10504
|
+
var $opacity = _ref21.$opacity;
|
|
10505
|
+
return $opacity;
|
|
10506
|
+
}, function (_ref22) {
|
|
10507
|
+
var $pointerEvents = _ref22.$pointerEvents;
|
|
10508
|
+
return $pointerEvents;
|
|
10509
|
+
}, function (_ref23) {
|
|
10510
|
+
var $position = _ref23.$position;
|
|
10511
|
+
return $position;
|
|
10512
|
+
}, function (_ref24) {
|
|
10513
|
+
var $top = _ref24.$top;
|
|
10514
|
+
return $top;
|
|
10515
|
+
}, function (_ref25) {
|
|
10516
|
+
var $bottom = _ref25.$bottom;
|
|
10517
|
+
return $bottom;
|
|
10518
|
+
}, function (_ref26) {
|
|
10519
|
+
var $left = _ref26.$left;
|
|
10520
|
+
return $left;
|
|
10521
|
+
}, function (_ref27) {
|
|
10522
|
+
var $right = _ref27.$right;
|
|
10523
|
+
return $right;
|
|
10524
|
+
}, function (_ref28) {
|
|
10525
|
+
var $textAlign = _ref28.$textAlign;
|
|
10526
|
+
return $textAlign;
|
|
10527
|
+
}, function (_ref29) {
|
|
10528
|
+
var $color = _ref29.$color;
|
|
10529
|
+
return $color;
|
|
10530
|
+
}, function (_ref30) {
|
|
10531
|
+
var $overflow = _ref30.$overflow;
|
|
10532
|
+
return $overflow || 'visible';
|
|
10533
|
+
}, function (_ref31) {
|
|
10534
|
+
var $overflowY = _ref31.$overflowY;
|
|
10535
|
+
return $overflowY;
|
|
10536
|
+
}, function (_ref32) {
|
|
10537
|
+
var $zIndex = _ref32.$zIndex;
|
|
10538
|
+
return $zIndex;
|
|
10539
|
+
}, function (_ref33) {
|
|
10540
|
+
var $scrollbarWidth = _ref33.$scrollbarWidth;
|
|
10541
|
+
return $scrollbarWidth;
|
|
10542
|
+
}, function (_ref34) {
|
|
10543
|
+
var $border = _ref34.$border;
|
|
10544
|
+
return $border;
|
|
10545
|
+
}, function (_ref35) {
|
|
10546
|
+
var $borderBottom = _ref35.$borderBottom;
|
|
10547
|
+
return $borderBottom;
|
|
10548
|
+
}, function (_ref36) {
|
|
10549
|
+
var $borderLeft = _ref36.$borderLeft;
|
|
10550
|
+
return $borderLeft;
|
|
10551
|
+
}, function (_ref37) {
|
|
10552
|
+
var $hoverBackground = _ref37.$hoverBackground;
|
|
10553
|
+
return $hoverBackground;
|
|
10554
|
+
}, function (_ref38) {
|
|
10555
|
+
var $hoverColor = _ref38.$hoverColor;
|
|
10556
|
+
return $hoverColor;
|
|
10557
|
+
});
|
|
10558
|
+
var Span$1$1$1$1 = styled__default.span(_templateObject2$1$1$1$1$1 || (_templateObject2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n color: ", ";\n line-height: ", ";\n text-align: ", ";\n min-width: ", ";\n width: ", ";\n overflow-wrap: ", ";\n"])), function (_ref39) {
|
|
10559
|
+
var $fontFamily = _ref39.$fontFamily;
|
|
10560
|
+
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
10561
|
+
}, function (_ref40) {
|
|
10562
|
+
var $fontWeight = _ref40.$fontWeight;
|
|
10563
|
+
return $fontWeight ? $fontWeight : '500';
|
|
10564
|
+
}, function (_ref41) {
|
|
10565
|
+
var $fontSize = _ref41.$fontSize;
|
|
10566
|
+
return $fontSize ? $fontSize : '16px';
|
|
10567
|
+
}, function (_ref42) {
|
|
10568
|
+
var $color = _ref42.$color;
|
|
10569
|
+
return $color ? $color : colorVariables$1$1$1$1.text.medium;
|
|
10570
|
+
}, function (_ref43) {
|
|
10571
|
+
var $lineHeight = _ref43.$lineHeight;
|
|
10572
|
+
return $lineHeight ? $lineHeight : '100%';
|
|
10573
|
+
}, function (_ref44) {
|
|
10574
|
+
var $textAlign = _ref44.$textAlign;
|
|
10575
|
+
return $textAlign ? $textAlign : 'center';
|
|
10576
|
+
}, function (_ref45) {
|
|
10577
|
+
var $minWidth = _ref45.$minWidth;
|
|
10578
|
+
return $minWidth;
|
|
10579
|
+
}, function (_ref46) {
|
|
10580
|
+
var $width = _ref46.$width;
|
|
10581
|
+
return $width;
|
|
10582
|
+
}, function (_ref47) {
|
|
10583
|
+
var $overflowWrap = _ref47.$overflowWrap;
|
|
10584
|
+
return $overflowWrap;
|
|
10585
|
+
});
|
|
10586
|
+
var _templateObject$2$1$1$1$1, _templateObject2$2$1$1$1$1;
|
|
10587
|
+
var TooltipWrapper$1$1$1$1 = styled__default.div(_templateObject$2$1$1$1$1 || (_templateObject$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n svg {\n cursor: pointer;\n } \n"])));
|
|
10588
|
+
var TooltipText$1$1$1$1 = styled__default.span(_templateObject2$2$1$1$1$1 || (_templateObject2$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n visibility: ", ";\n opacity: ", ";\n width: max-content;\n max-width: 300px;\n background-color: ", ";\n color: ", ";\n text-align: start;\n border-radius: 8px;\n padding:8px 16px;\n transition: opacity 0.2s ease-in-out;\n font-size: 12px;\n\n // position: absolute;\n // left: 0;\n // bottom: 150%;\n // white-space: pre-line;\n // position: fixed;\n // z-index: 99999;\n // transition: opacity 0.2s ease-in-out;\n // font-size: 12px;\n // pointer-events: auto;\n"])), function (_ref) {
|
|
10589
|
+
var $visible = _ref.$visible;
|
|
10590
|
+
return $visible ? 'visible' : 'hidden';
|
|
10591
|
+
}, function (_ref2) {
|
|
10592
|
+
var $visible = _ref2.$visible;
|
|
10593
|
+
return $visible ? 1 : 0;
|
|
10594
|
+
}, function (_ref3) {
|
|
10595
|
+
var $bgColor = _ref3.$bgColor;
|
|
10596
|
+
return $bgColor || colorVariables$1$1$1$1.brand.light;
|
|
10597
|
+
}, colorVariables$1$1$1$1.text.medium);
|
|
10598
|
+
var _templateObject$3$1$1$1$1;
|
|
10599
|
+
var BreadCrum$1$1$1$1 = styled__default.span(_templateObject$3$1$1$1$1 || (_templateObject$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-weight: 400;\n font-size: 12px;\n color: ", ";\n line-height: 100%;\n text-align: center;\n opacity: ", ";\n \n &:hover {\n text-decoration: ", ";\n cursor: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
10600
|
+
var $color = _ref.$color;
|
|
10601
|
+
return $color ? $color : colorVariables$1$1$1$1.text.medium;
|
|
10602
|
+
}, function (_ref2) {
|
|
10603
|
+
var $disabled = _ref2.$disabled;
|
|
10604
|
+
return $disabled ? '0.6' : '1';
|
|
10605
|
+
}, function (_ref3) {
|
|
10606
|
+
var $hover = _ref3.$hover,
|
|
10607
|
+
$disabled = _ref3.$disabled;
|
|
10608
|
+
return $hover && !$disabled && 'underline';
|
|
10609
|
+
}, function (_ref4) {
|
|
10610
|
+
var $hover = _ref4.$hover,
|
|
10611
|
+
$disabled = _ref4.$disabled;
|
|
10612
|
+
return $hover && !$disabled ? 'pointer' : 'default';
|
|
10613
|
+
}, function (_ref5) {
|
|
10614
|
+
var $hover = _ref5.$hover,
|
|
10615
|
+
$disabled = _ref5.$disabled;
|
|
10616
|
+
return $hover && !$disabled && colorVariables$1$1$1$1["default"].primary;
|
|
10617
|
+
});
|
|
10618
|
+
var _templateObject$4$1$1$1$1;
|
|
10619
|
+
var fontFaces$1$1$1$1 = styled.css(_templateObject$4$1$1$1$1 || (_templateObject$4$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n @font-face {\n font-family: 'NotoSans';\n font-weight: 200;\n font-style: normal;\n src: url('./NotoSans-ExtraLight.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 300;\n font-style: normal;\n src: url('./NotoSans-Light.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: normal;\n src: url('./NotoSans-Regular.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: italic;\n src: url('./NotoSans-italic.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 500;\n font-style: normal;\n src: url('./NotoSans-Medium.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 600;\n font-style: normal;\n src: url('./NotoSans-SemiBold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 700;\n font-style: normal;\n src: url('./NotoSans-Bold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 800;\n font-style: normal;\n src: url('./NotoSans-ExtraBold.woff') format('woff');\n font-display: fallback;\n }\n"])));
|
|
10620
|
+
var GlobalFonts$1$1$1$1 = {
|
|
10621
|
+
bold: 'NotoSans, sans-serif',
|
|
10622
|
+
regular: 'NotoSans, sans-serif',
|
|
10623
|
+
light: 'NotoSans, sans-serif'
|
|
10624
|
+
};
|
|
10625
|
+
var _templateObject$5$1$1$1$1, _templateObject2$3$1$1$1$1, _templateObject3$1$1$1$1$1, _templateObject4$5$1$1$1, _templateObject5$5$1$1$1, _templateObject6$5$1$1$1;
|
|
10626
|
+
var spin$1$1$1$1 = styled.keyframes(_templateObject$5$1$1$1$1 || (_templateObject$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
10627
|
+
var Spinner$1$1$1$1 = styled__default.div(_templateObject2$3$1$1$1$1 || (_templateObject2$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: ", "px;\n height: ", "px;\n border: ", "px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: fadeIn 0.3s ease-in-out forwards, ", " 1s linear infinite;\n"])), function (_ref) {
|
|
10628
|
+
var $size = _ref.$size;
|
|
10629
|
+
return $size;
|
|
10630
|
+
}, function (_ref2) {
|
|
10631
|
+
var $size = _ref2.$size;
|
|
10632
|
+
return $size;
|
|
10633
|
+
}, function (_ref3) {
|
|
10634
|
+
var $size = _ref3.$size;
|
|
10635
|
+
return $size / 4;
|
|
10636
|
+
}, function (_ref4) {
|
|
10637
|
+
var $color = _ref4.$color;
|
|
10638
|
+
return $color;
|
|
10639
|
+
}, spin$1$1$1$1);
|
|
10640
|
+
var LoaderWrapper$1$1$1$1 = styled__default.div(_templateObject3$1$1$1$1$1 || (_templateObject3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n margin-left: ", ";\n margin-right: ", ";\n transition: opacity 0.3s ease-in-out;\n"])), function (_ref5) {
|
|
10641
|
+
var $loaderPosition = _ref5.$loaderPosition;
|
|
10642
|
+
return $loaderPosition === 'right' ? '4px' : '0';
|
|
10643
|
+
}, function (_ref6) {
|
|
10644
|
+
var $loaderPosition = _ref6.$loaderPosition;
|
|
10645
|
+
return $loaderPosition === 'left' ? '4px' : '0';
|
|
10646
|
+
});
|
|
10647
|
+
var Container$1$1$1$1$1 = styled__default.div(_templateObject4$5$1$1$1 || (_templateObject4$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: ", ";\n gap: ", ";\n svg {\n cursor: ", ";\n }\n"])), function (_ref7) {
|
|
10648
|
+
var $iconPosition = _ref7.$iconPosition;
|
|
10649
|
+
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
10650
|
+
}, function (_ref8) {
|
|
10651
|
+
var gap = _ref8.gap;
|
|
10652
|
+
return gap || '4px';
|
|
10653
|
+
}, function (_ref9) {
|
|
10654
|
+
var cursor = _ref9.cursor;
|
|
10655
|
+
return cursor;
|
|
10656
|
+
});
|
|
10657
|
+
var StyledButton$1$1$1$1 = styled__default.button(_templateObject5$5$1$1$1 || (_templateObject5$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n pointer-events: ", ";\n cursor: ", ";\n height: max-content;\n min-height: max-content;\n width: max-content;\n box-sizing: border-box;\n border-radius: ", ";\n outline: none;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: ", ";\n\n &:focus {\n outline: none;\n }\n\n ", "\n color: ", "; \n"])), function (_ref10) {
|
|
10658
|
+
var $disabled = _ref10.$disabled;
|
|
10659
|
+
return $disabled ? 'none' : 'auto';
|
|
10660
|
+
}, function (_ref11) {
|
|
10661
|
+
var $disabled = _ref11.$disabled;
|
|
10662
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10663
|
+
}, function (_ref12) {
|
|
10664
|
+
var $borderRadius = _ref12.$borderRadius;
|
|
10665
|
+
return $borderRadius || '8px';
|
|
10666
|
+
}, function (_ref13) {
|
|
10667
|
+
var $size = _ref13.$size,
|
|
10668
|
+
$padding = _ref13.$padding;
|
|
10669
|
+
return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
|
|
10670
|
+
}, function (_ref14) {
|
|
10671
|
+
var _$borderHover$match;
|
|
10672
|
+
var $variant = _ref14.$variant,
|
|
10673
|
+
$disabled = _ref14.$disabled,
|
|
10674
|
+
$borderHover = _ref14.$borderHover,
|
|
10675
|
+
$borderDefault = _ref14.$borderDefault,
|
|
10676
|
+
$background = _ref14.$background,
|
|
10677
|
+
$color = _ref14.$color,
|
|
10678
|
+
$colorHover = _ref14.$colorHover;
|
|
10679
|
+
switch ($variant) {
|
|
10680
|
+
case 'primary':
|
|
10681
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1$1.disabled.primary : colorVariables$1$1$1$1["default"].primary) + ";\n color: " + colorVariables$1$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1.disabled.primary : "1px solid " + colorVariables$1$1$1$1["default"].primary) + ";\n &:hover {\n background: " + colorVariables$1$1$1$1.hover.primary + ";\n border: 1px solid " + colorVariables$1$1$1$1.hover.primary + ";\n }\n ";
|
|
10682
|
+
case 'secondary':
|
|
10683
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].secondary) + "; \n color: " + colorVariables$1$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1.disabled.secondary : "1px solid " + colorVariables$1$1$1$1["default"].secondary) + ";\n &:hover{\n background: " + colorVariables$1$1$1$1.hover.secondary + ";\n border: 1px solid " + colorVariables$1$1$1$1.hover.secondary + ";\n }\n ";
|
|
10684
|
+
case 'tertiary':
|
|
10685
|
+
return "\n background: " + colorVariables$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1.disabled.primary : colorVariables$1$1$1$1["default"].primary) + ";\n border: " + ($borderDefault ? "" + $borderDefault : "1px solid " + colorVariables$1$1$1$1["default"].tertiary) + ";\n &:hover {\n color: " + (!$disabled && $borderHover ? (_$borderHover$match = $borderHover.match(/#\w+/)) === null || _$borderHover$match === void 0 ? void 0 : _$borderHover$match[0] : colorVariables$1$1$1$1.hover.primary) + ";\n border: " + ($borderHover ? $borderHover : "1px solid " + colorVariables$1$1$1$1.hover.primary) + ";\n }\n ";
|
|
10686
|
+
case 'error':
|
|
10687
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1$1.disabled.error : colorVariables$1$1$1$1["default"].error) + "; \n color: " + colorVariables$1$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1.disabled.error : "1px solid " + colorVariables$1$1$1$1["default"].error) + ";\n &:hover{\n background: " + colorVariables$1$1$1$1.hover.error + ";\n border: 1px solid " + colorVariables$1$1$1$1.hover.error + ";\n }\n ";
|
|
10688
|
+
case 'outline-primary':
|
|
10689
|
+
return "\n background: " + colorVariables$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1.disabled.primary : colorVariables$1$1$1$1["default"].primary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1.disabled.primary : "1px solid " + colorVariables$1$1$1$1["default"].primary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1$1.hover.primary + ";\n color: " + colorVariables$1$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1$1.hover.primary + ";\n }\n ";
|
|
10690
|
+
case 'outline-secondary':
|
|
10691
|
+
return "\n background: " + colorVariables$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].secondary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1.disabled.secondary : "1px solid " + colorVariables$1$1$1$1["default"].secondary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1$1.hover.secondary + ";\n color: " + colorVariables$1$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1$1.hover.secondary + ";\n }\n ";
|
|
10692
|
+
case 'outline-error':
|
|
10693
|
+
return "\n background: " + colorVariables$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1.disabled.error : colorVariables$1$1$1$1["default"].error) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1.disabled.error : "1px solid " + colorVariables$1$1$1$1["default"].error) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1$1.hover.error + ";\n color: " + colorVariables$1$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1$1.hover.error + ";\n }\n ";
|
|
10694
|
+
case 'custom':
|
|
10695
|
+
return "\n background: " + $background + ";\n color: " + $color + ";\n border: " + ("1px solid " + $borderDefault) + ";\n &:hover{\n border: 1px solid " + $borderHover + ";\n color: " + $colorHover + ";\n background: " + $borderHover + ";\n }\n ";
|
|
10696
|
+
default:
|
|
10697
|
+
return '';
|
|
10698
|
+
}
|
|
10699
|
+
}, function (_ref15) {
|
|
10700
|
+
var color = _ref15.color;
|
|
10701
|
+
return color;
|
|
10702
|
+
});
|
|
10703
|
+
var ButtonText$1$1$1$1 = styled__default.span(_templateObject6$5$1$1$1 || (_templateObject6$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n white-space: nowrap;\n"])), function (_ref16) {
|
|
10704
|
+
var $fontFamily = _ref16.$fontFamily;
|
|
10705
|
+
return $fontFamily ? $fontFamily : GlobalFonts$1$1$1$1.bold;
|
|
10706
|
+
}, function (_ref17) {
|
|
10707
|
+
var $size = _ref17.$size,
|
|
10708
|
+
$fontSize = _ref17.$fontSize;
|
|
10709
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
10710
|
+
}, function (_ref18) {
|
|
10711
|
+
var $fontWeight = _ref18.$fontWeight,
|
|
10712
|
+
$size = _ref18.$size;
|
|
10713
|
+
return $size === 'custom' && $fontWeight || '500';
|
|
10714
|
+
}, function (_ref19) {
|
|
10715
|
+
var $size = _ref19.$size,
|
|
10716
|
+
$fontSize = _ref19.$fontSize;
|
|
10717
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
10718
|
+
});
|
|
10719
|
+
var _templateObject$6$1$1$1$1;
|
|
10720
|
+
var InnerContent$1$1$1$1 = styled__default.div(_templateObject$6$1$1$1$1 || (_templateObject$6$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n ms-overflow-style: none;\n white-space: nowrap;\n padding: ", "; \n margin: 0 10px;\n"])), function (_ref) {
|
|
10721
|
+
var $isScrollable = _ref.$isScrollable;
|
|
10722
|
+
return $isScrollable ? '0 12px' : '0';
|
|
10723
|
+
});
|
|
10724
|
+
var _templateObject$7$1$1$1$1, _templateObject2$4$1$1$1$1, _templateObject3$2$1$1$1$1, _templateObject4$1$1$1$1$1, _templateObject5$1$1$1$1$1, _templateObject6$1$1$1$1$1, _templateObject7$3$1$1$1, _templateObject8$3$1$1$1, _templateObject9$3$1$1$1, _templateObject10$3$1$1$1, _templateObject11$2$1$1$1, _templateObject12$1$1$1$1, _templateObject13$1$1$1$1, _templateObject14$1$1$1$1, _templateObject15$1$1$1$1, _templateObject16$1$1$1$1, _templateObject17$1$1$1$1, _templateObject18$1$1$1$1, _templateObject19$1$1$1$1, _templateObject20$1$1$1$1, _templateObject21$1$1$1$1;
|
|
10725
|
+
var DatePickerContainer$1$1$1$1 = styled__default.div(_templateObject$7$1$1$1$1 || (_templateObject$7$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
10726
|
+
var CalendarContainer$1$1$1$1 = styled__default.div(_templateObject2$4$1$1$1$1 || (_templateObject2$4$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n overflow: auto;\n display: flex;\n flex-direction: row;\n background: rgba(245, 248, 250, .95); \n position: absolute;\n border: 1px solid ", ";\n height: auto;\n width: auto;\n border-radius: 10px;\n z-index: 10;\n padding: 10px;\n top: 0px;\n right: 0px;\n gap: 16px;\n"])), colorVariables$1$1$1$1.border.medium);
|
|
10727
|
+
var Calendar$1$1$1$1$1 = styled__default.div(_templateObject3$2$1$1$1$1 || (_templateObject3$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1([""])));
|
|
10728
|
+
var CalendarTime$1$1$1$1 = styled__default.div(_templateObject4$1$1$1$1$1 || (_templateObject4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border: 1px solid ", ";\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 8px;\n"])), colorVariables$1$1$1$1.border.medium);
|
|
10729
|
+
var StartDate$1$1$1$1 = styled__default.div(_templateObject5$1$1$1$1$1 || (_templateObject5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-bottom: 4px;\n"])));
|
|
10730
|
+
var SelectedStart$1$1$1$1 = styled__default.div(_templateObject6$1$1$1$1$1 || (_templateObject6$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 4px;\n color: ", ";\n"])), colorVariables$1$1$1$1.text.medium);
|
|
10731
|
+
var CurrentDate$1$1$1$1 = styled__default.p(_templateObject7$3$1$1$1 || (_templateObject7$3$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
10732
|
+
var CurrentTime$1$1$1$1 = styled__default.div(_templateObject8$3$1$1$1 || (_templateObject8$3$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), colorVariables$1$1$1$1.text.medium);
|
|
10733
|
+
var Selectedtime$1$1$1$1 = styled__default.div(_templateObject9$3$1$1$1 || (_templateObject9$3$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n color: ", ";\n gap: 8px;\n"])), colorVariables$1$1$1$1.text.medium);
|
|
10734
|
+
var Line$1$1$1$1 = styled__default.div(_templateObject10$3$1$1$1 || (_templateObject10$3$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
10735
|
+
var Zones$1$1$1$1 = styled__default.div(_templateObject11$2$1$1$1 || (_templateObject11$2$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
10736
|
+
var CalendarHeader$1$1$1$1 = styled__default.div(_templateObject12$1$1$1$1 || (_templateObject12$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
10737
|
+
var CalendarMonthYear$1$1$1$1 = styled__default.span(_templateObject13$1$1$1$1 || (_templateObject13$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n color: ", ";\n justify-content: center;\n align-items: center;\n"])), colorVariables$1$1$1$1.text.medium);
|
|
10738
|
+
var CalendarContent$1$1$1$1 = styled__default.div(_templateObject14$1$1$1$1 || (_templateObject14$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 5px;\n padding: 10px;\n"])));
|
|
10739
|
+
var Button$1$1$1$1 = styled__default.div(_templateObject15$1$1$1$1 || (_templateObject15$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n background:", ";\n color: ", ";\n border: none;\n border-radius: 5px;\n padding: 5px 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n height: ", ";\n\n svg {\n cursor: pointer;\n }\n"])), colorVariables$1$1$1$1["default"].secondary, colorVariables$1$1$1$1.text.white, function (_ref) {
|
|
10740
|
+
var $size = _ref.$size;
|
|
10741
|
+
return $size ? $size + "px" : '30px';
|
|
10742
|
+
}, function (_ref2) {
|
|
10743
|
+
var $size = _ref2.$size;
|
|
10744
|
+
return $size ? $size + "px" : '30px';
|
|
10745
|
+
});
|
|
10746
|
+
var CalendarDates$1$1$1$1 = styled__default.div(_templateObject16$1$1$1$1 || (_templateObject16$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: ", ";\n height: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: ", "; \n font-size: 12px;\n opacity: ", "; \n\n background-color: ", ";\n\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref3) {
|
|
10747
|
+
var $size = _ref3.$size;
|
|
10748
|
+
return $size ? $size + "px" : '30px';
|
|
10749
|
+
}, function (_ref4) {
|
|
10750
|
+
var $size = _ref4.$size;
|
|
10751
|
+
return $size ? $size + "px" : '30px';
|
|
10752
|
+
}, function (_ref5) {
|
|
10753
|
+
var $isFuture = _ref5.$isFuture,
|
|
10754
|
+
$futureDateTime = _ref5.$futureDateTime;
|
|
10755
|
+
return !$futureDateTime && $isFuture ? 'default' : 'pointer';
|
|
10756
|
+
}, function (_ref6) {
|
|
10757
|
+
var $isFuture = _ref6.$isFuture,
|
|
10758
|
+
$futureDateTime = _ref6.$futureDateTime;
|
|
10759
|
+
return !$futureDateTime && $isFuture ? 0.5 : 1;
|
|
10760
|
+
}, function (_ref7) {
|
|
10761
|
+
var $selected = _ref7.$selected,
|
|
10762
|
+
$inRange = _ref7.$inRange;
|
|
10763
|
+
return $selected ? colorVariables$1$1$1$1["default"].primary : $inRange ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1["default"].tertiary;
|
|
10764
|
+
}, function (_ref8) {
|
|
10765
|
+
var $selected = _ref8.$selected,
|
|
10766
|
+
$inRange = _ref8.$inRange;
|
|
10767
|
+
return $selected ? colorVariables$1$1$1$1.text.white : $inRange ? colorVariables$1$1$1$1.text.white : colorVariables$1$1$1$1.text.medium;
|
|
10768
|
+
}, function (_ref9) {
|
|
10769
|
+
var $selected = _ref9.$selected,
|
|
10770
|
+
$inRange = _ref9.$inRange,
|
|
10771
|
+
$isFuture = _ref9.$isFuture,
|
|
10772
|
+
$futureDateTime = _ref9.$futureDateTime;
|
|
10773
|
+
return !$futureDateTime && $isFuture ? 'transparent' : $selected ? colorVariables$1$1$1$1.disabled.primary : $inRange ? colorVariables$1$1$1$1.disabled.primary : colorVariables$1$1$1$1.disabled.primary;
|
|
10774
|
+
});
|
|
10775
|
+
var Year$1$1$1$1 = styled__default.div(_templateObject17$1$1$1$1 || (_templateObject17$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 12px;\n"])));
|
|
10776
|
+
var Month$1$1$1$1 = styled__default.div(_templateObject18$1$1$1$1 || (_templateObject18$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 600;\n font-size: 14px;\n"])));
|
|
10777
|
+
var InputWrapper$1$1$1$1 = styled__default.div(_templateObject19$1$1$1$1 || (_templateObject19$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n gap: 24px;\n"])));
|
|
10778
|
+
var TimeInputWrapper$1$1$1$1 = styled__default.div(_templateObject20$1$1$1$1 || (_templateObject20$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
|
|
10779
|
+
var StyledInput$1$1$1$1 = styled__default.input(_templateObject21$1$1$1$1 || (_templateObject21$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n outline: none;\n width: 60px;\n height: 30px;\n text-align: center;\n font-size: 16px;\n border-radius: 5px;\n background: white;\n border: 1px solid ", ";\n color: ", ";\n"])), colorVariables$1$1$1$1.border.extraBold, colorVariables$1$1$1$1.text.dark);
|
|
10780
|
+
var _templateObject$8$1$1$1$1, _templateObject2$5$1$1$1$1, _templateObject3$3$1$1$1$1, _templateObject4$2$1$1$1$1, _templateObject5$2$1$1$1$1, _templateObject6$2$1$1$1$1;
|
|
10781
|
+
var OptionContainer$1$1$1$1 = styled__default.div(_templateObject$8$1$1$1$1 || (_templateObject$8$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1([""])));
|
|
10782
|
+
var OptionItem$1$1$1$1 = styled__default.div(_templateObject2$5$1$1$1$1 || (_templateObject2$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border-bottom: ", ";\n"])), function (_ref) {
|
|
10783
|
+
var $optionBorder = _ref.$optionBorder,
|
|
10784
|
+
$isborder = _ref.$isborder;
|
|
10785
|
+
return $isborder ? $optionBorder || "1px solid " + colorVariables$1$1$1$1.border.extraLight : '';
|
|
10786
|
+
});
|
|
10787
|
+
var OptionLabel$1$1$1$1 = styled__default.label(_templateObject3$3$1$1$1$1 || (_templateObject3$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n cursor: pointer;\n display: flex;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n color: ", ";\n"])), function (_ref2) {
|
|
10788
|
+
var $optionColor = _ref2.$optionColor;
|
|
10789
|
+
switch ($optionColor) {
|
|
10790
|
+
case 'dark':
|
|
10791
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10792
|
+
case 'medium':
|
|
10793
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10794
|
+
case 'light':
|
|
10795
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10796
|
+
case 'white':
|
|
10797
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10798
|
+
case 'warning':
|
|
10799
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10800
|
+
case 'info':
|
|
10801
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10802
|
+
case 'success':
|
|
10803
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10804
|
+
case 'error':
|
|
10805
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10806
|
+
default:
|
|
10807
|
+
return $optionColor || colorVariables$1$1$1$1.text.medium;
|
|
10808
|
+
}
|
|
10809
|
+
});
|
|
10810
|
+
var SearchContainer$3$1$1$1 = styled__default.div(_templateObject4$2$1$1$1$1 || (_templateObject4$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border-bottom: ", ";\n border-radius: ", ";\n padding: 8px 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref3) {
|
|
10811
|
+
var $background = _ref3.$background;
|
|
10812
|
+
switch ($background) {
|
|
10813
|
+
case 'dark':
|
|
10814
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10815
|
+
case 'medium':
|
|
10816
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10817
|
+
case 'light':
|
|
10818
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10819
|
+
case 'white':
|
|
10820
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10821
|
+
case 'warning':
|
|
10822
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10823
|
+
case 'info':
|
|
10824
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10825
|
+
case 'success':
|
|
10826
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10827
|
+
case 'error':
|
|
10828
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10829
|
+
default:
|
|
10830
|
+
return $background;
|
|
10831
|
+
}
|
|
10832
|
+
}, function (_ref4) {
|
|
10833
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
10834
|
+
return $borderBottom || 'none';
|
|
10835
|
+
}, function (_ref5) {
|
|
10836
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
10837
|
+
return $borderRadius || '8px';
|
|
10838
|
+
});
|
|
10839
|
+
var SearchBar$3$1$1$1 = styled__default.input(_templateObject5$2$1$1$1$1 || (_templateObject5$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 14px;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), colorVariables$1$1$1$1["default"].tertiary, function (_ref6) {
|
|
10840
|
+
var $inputColor = _ref6.$inputColor;
|
|
10841
|
+
switch ($inputColor) {
|
|
10842
|
+
case 'dark':
|
|
10843
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10844
|
+
case 'medium':
|
|
10845
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10846
|
+
case 'light':
|
|
10847
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10848
|
+
case 'white':
|
|
10849
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10850
|
+
case 'warning':
|
|
10851
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10852
|
+
case 'info':
|
|
10853
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10854
|
+
case 'success':
|
|
10855
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10856
|
+
case 'error':
|
|
10857
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10858
|
+
default:
|
|
10859
|
+
return $inputColor;
|
|
10860
|
+
}
|
|
10861
|
+
}, function (_ref7) {
|
|
10862
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
10863
|
+
switch ($placeholderColor) {
|
|
10864
|
+
case 'dark':
|
|
10865
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10866
|
+
case 'medium':
|
|
10867
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10868
|
+
case 'light':
|
|
10869
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10870
|
+
case 'white':
|
|
10871
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10872
|
+
case 'warning':
|
|
10873
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10874
|
+
case 'info':
|
|
10875
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10876
|
+
case 'success':
|
|
10877
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10878
|
+
case 'error':
|
|
10879
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10880
|
+
default:
|
|
10881
|
+
return $placeholderColor;
|
|
10882
|
+
}
|
|
10883
|
+
});
|
|
10884
|
+
var Text$1$1$1$1 = styled__default.span(_templateObject6$2$1$1$1$1 || (_templateObject6$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n word-break: break-word;\n"])));
|
|
10885
|
+
var _templateObject$9$1$1$1$1, _templateObject2$6$1$1$1$1, _templateObject3$4$1$1$1$1, _templateObject4$3$1$1$1$1, _templateObject5$3$1$1$1$1, _templateObject6$3$1$1$1$1, _templateObject7$1$1$1$1$1, _templateObject8$1$1$1$1$1, _templateObject9$1$1$1$1$1, _templateObject10$1$1$1$1$1, _templateObject11$1$1$1$1$1;
|
|
10886
|
+
var DropdownContainer$2$1$1$1 = styled__default.div(_templateObject$9$1$1$1$1 || (_templateObject$9$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: ", ";\n height: ", ";\n max-width: 100%;\n position: relative;\n max-height: ", ";\n"])), function (_ref) {
|
|
10887
|
+
var $width = _ref.$width;
|
|
10888
|
+
return $width || '100%';
|
|
10889
|
+
}, function (_ref2) {
|
|
10890
|
+
var $height = _ref2.$height;
|
|
10891
|
+
return $height || '100%';
|
|
10892
|
+
}, function (_ref3) {
|
|
10893
|
+
var $replaceLabel = _ref3.$replaceLabel;
|
|
10894
|
+
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
10895
|
+
});
|
|
10896
|
+
var DropdownButton$2$1$1$1 = styled__default.div(_templateObject2$6$1$1$1$1 || (_templateObject2$6$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n overflow: ", ";\n padding: ", ";\n gap: 8px;\n box-sizing: border-box;\n transition: all 0.3s ease;\n width: ", ";\n height: ", ";\n border: ", ";\n border-radius: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: ", ";\n background: ", ";\n color: ", ";\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref4) {
|
|
10897
|
+
var $replaceLabel = _ref4.$replaceLabel;
|
|
10898
|
+
return $replaceLabel ? 'auto' : '';
|
|
10899
|
+
}, function (_ref5) {
|
|
10900
|
+
var $size = _ref5.$size;
|
|
10901
|
+
switch ($size) {
|
|
10902
|
+
case 'small':
|
|
10903
|
+
return '9px 12px';
|
|
10904
|
+
case 'large':
|
|
10905
|
+
return '24px 12px';
|
|
10906
|
+
default:
|
|
10907
|
+
return '14px 12px';
|
|
10908
|
+
}
|
|
10909
|
+
}, function (_ref6) {
|
|
10910
|
+
var $width = _ref6.$width;
|
|
10911
|
+
return $width ? $width : '100%';
|
|
10912
|
+
}, function (_ref7) {
|
|
10913
|
+
var $height = _ref7.$height;
|
|
10914
|
+
return $height || '100%';
|
|
10915
|
+
}, function (_ref8) {
|
|
10916
|
+
var $border = _ref8.$border,
|
|
10917
|
+
$isOpen = _ref8.$isOpen;
|
|
10918
|
+
return $isOpen ? "1px solid " + colorVariables$1$1$1$1.text.dark : $border || "1px solid " + colorVariables$1$1$1$1.border.light;
|
|
10919
|
+
}, function (_ref9) {
|
|
10920
|
+
var $borderRadius = _ref9.$borderRadius;
|
|
10921
|
+
return $borderRadius || '8px';
|
|
10922
|
+
}, function (_ref10) {
|
|
10923
|
+
var $disabled = _ref10.$disabled;
|
|
10924
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10925
|
+
}, function (_ref11) {
|
|
10926
|
+
var $background = _ref11.$background,
|
|
10927
|
+
$disabled = _ref11.$disabled;
|
|
10928
|
+
switch ($background) {
|
|
10929
|
+
case 'dark':
|
|
10930
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.dark;
|
|
10931
|
+
case 'medium':
|
|
10932
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.medium;
|
|
10933
|
+
case 'light':
|
|
10934
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.light;
|
|
10935
|
+
case 'white':
|
|
10936
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.white;
|
|
10937
|
+
case 'warning':
|
|
10938
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].warning;
|
|
10939
|
+
case 'info':
|
|
10940
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].info;
|
|
10941
|
+
case 'success':
|
|
10942
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].success;
|
|
10943
|
+
case 'error':
|
|
10944
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].error;
|
|
10945
|
+
default:
|
|
10946
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : $background;
|
|
10947
|
+
}
|
|
10948
|
+
}, function (_ref12) {
|
|
10949
|
+
var $color = _ref12.$color;
|
|
10950
|
+
return $color || colorVariables$1$1$1$1.text.medium;
|
|
10951
|
+
}, function (_ref13) {
|
|
10952
|
+
var $size = _ref13.$size;
|
|
10953
|
+
switch ($size) {
|
|
10954
|
+
case 'small':
|
|
10955
|
+
return '12px';
|
|
10956
|
+
case 'large':
|
|
10957
|
+
return '16px';
|
|
10958
|
+
default:
|
|
10959
|
+
return '14px';
|
|
10960
|
+
}
|
|
10961
|
+
}, function (_ref14) {
|
|
10962
|
+
var $size = _ref14.$size;
|
|
10963
|
+
switch ($size) {
|
|
10964
|
+
case 'small':
|
|
10965
|
+
return '12px';
|
|
10966
|
+
case 'large':
|
|
10967
|
+
return '16px';
|
|
10968
|
+
default:
|
|
10969
|
+
return '14px';
|
|
10970
|
+
}
|
|
10971
|
+
});
|
|
10972
|
+
var TitleText$2$1$1$1 = styled__default.div(_templateObject3$4$1$1$1$1 || (_templateObject3$4$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: max-content;\n position: relative;\n font-weight: 500;\n font-size: ", ";\n line-height: ", ";\n\n color: ", ";\n"])), function (_ref15) {
|
|
10973
|
+
var $titleSize = _ref15.$titleSize,
|
|
10974
|
+
$size = _ref15.$size;
|
|
10975
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
10976
|
+
}, function (_ref16) {
|
|
10977
|
+
var $titleSize = _ref16.$titleSize,
|
|
10978
|
+
$size = _ref16.$size;
|
|
10979
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
10980
|
+
}, function (_ref17) {
|
|
10981
|
+
var $titleColor = _ref17.$titleColor;
|
|
10982
|
+
switch ($titleColor) {
|
|
10983
|
+
case 'dark':
|
|
10984
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10985
|
+
case 'medium':
|
|
10986
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10987
|
+
case 'light':
|
|
10988
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10989
|
+
case 'white':
|
|
10990
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10991
|
+
case 'warning':
|
|
10992
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10993
|
+
case 'info':
|
|
10994
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10995
|
+
case 'success':
|
|
10996
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10997
|
+
case 'error':
|
|
10998
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10999
|
+
default:
|
|
11000
|
+
return $titleColor;
|
|
11001
|
+
}
|
|
11002
|
+
});
|
|
11003
|
+
var Container$2$1$1$1$1 = styled__default.div(_templateObject4$3$1$1$1$1 || (_templateObject4$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n"])));
|
|
11004
|
+
var LabelText$2$1$1$1 = styled__default.div(_templateObject5$3$1$1$1$1 || (_templateObject5$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref18) {
|
|
11005
|
+
var $labelStyle = _ref18.$labelStyle;
|
|
11006
|
+
return $labelStyle;
|
|
11007
|
+
}, colorVariables$1$1$1$1.text.light);
|
|
11008
|
+
var DropdownMenu$2$1$1$1 = styled__default.div(_templateObject6$3$1$1$1$1 || (_templateObject6$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n max-height: 156px;\n padding: 4px;\n box-sizing: border-box;\n border: 1px solid ", ";\n border-radius: ", ";\n width: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n gap: 4px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n margin-top: 8px;\n overflow-y: auto;\n position: absolute;\n z-index: 2;\n scrollbar-width: thin;\n"])), colorVariables$1$1$1$1.border.light, function (_ref19) {
|
|
11009
|
+
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
11010
|
+
return $optionsBorderRadius || '8px';
|
|
11011
|
+
}, function (_ref20) {
|
|
11012
|
+
var $width = _ref20.$width;
|
|
11013
|
+
return $width ? $width : 'max-content';
|
|
11014
|
+
}, function (_ref21) {
|
|
11015
|
+
var $menuBackground = _ref21.$menuBackground;
|
|
11016
|
+
return $menuBackground || colorVariables$1$1$1$1.accent.extraLight;
|
|
11017
|
+
});
|
|
11018
|
+
var SelectedOptionsWrapper$2$1$1$1 = styled__default.div(_templateObject7$1$1$1$1$1 || (_templateObject7$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
|
|
11019
|
+
var SelectedOptionDiv$2$1$1$1 = styled__default.div(_templateObject8$1$1$1$1$1 || (_templateObject8$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n background: ", ";\n border-radius: 4px;\n padding: 6px 8px;\n box-sizing: border-box;\n gap: 6px;\n font-family: NotoSans, sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 12px;\n color: ", ";\n"])), function (_ref22) {
|
|
11020
|
+
var $selectedOptionBackground = _ref22.$selectedOptionBackground,
|
|
11021
|
+
$disabled = _ref22.$disabled;
|
|
11022
|
+
switch ($selectedOptionBackground) {
|
|
11023
|
+
case 'dark':
|
|
11024
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
11025
|
+
case 'medium':
|
|
11026
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
11027
|
+
case 'light':
|
|
11028
|
+
return colorVariables$1$1$1$1.text.light;
|
|
11029
|
+
case 'white':
|
|
11030
|
+
return colorVariables$1$1$1$1.text.white;
|
|
11031
|
+
case 'warning':
|
|
11032
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.warning : colorVariables$1$1$1$1["default"].warning;
|
|
11033
|
+
case 'info':
|
|
11034
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.info : colorVariables$1$1$1$1["default"].info;
|
|
11035
|
+
case 'success':
|
|
11036
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.success : colorVariables$1$1$1$1["default"].success;
|
|
11037
|
+
case 'error':
|
|
11038
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.error : colorVariables$1$1$1$1["default"].error;
|
|
11039
|
+
default:
|
|
11040
|
+
return $selectedOptionBackground || colorVariables$1$1$1$1.accent.extraLight;
|
|
11041
|
+
}
|
|
11042
|
+
}, function (_ref23) {
|
|
11043
|
+
var $selectedOptionColor = _ref23.$selectedOptionColor;
|
|
11044
|
+
switch ($selectedOptionColor) {
|
|
11045
|
+
case 'dark':
|
|
11046
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
11047
|
+
case 'medium':
|
|
11048
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
11049
|
+
case 'light':
|
|
11050
|
+
return colorVariables$1$1$1$1.text.light;
|
|
11051
|
+
case 'white':
|
|
11052
|
+
return colorVariables$1$1$1$1.text.white;
|
|
11053
|
+
case 'warning':
|
|
11054
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
11055
|
+
case 'info':
|
|
11056
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
11057
|
+
case 'success':
|
|
11058
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
11059
|
+
case 'error':
|
|
11060
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
11061
|
+
default:
|
|
11062
|
+
return $selectedOptionColor;
|
|
11063
|
+
}
|
|
11064
|
+
});
|
|
11065
|
+
var RemoveIcon$2$1$1$1 = styled__default.div(_templateObject9$1$1$1$1$1 || (_templateObject9$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 14px;\n height: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ", ";\n border-radius: 50%;\n box-sizing: border-box;\n background: ", ";\n > div {\n cursor: ", ";\n }\n"])), function (_ref24) {
|
|
11066
|
+
var $disabled = _ref24.$disabled;
|
|
11067
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11068
|
+
}, function (_ref25) {
|
|
11069
|
+
var removeIconBackground = _ref25.removeIconBackground,
|
|
11070
|
+
$type = _ref25.$type;
|
|
11071
|
+
return removeIconBackground ? removeIconBackground : $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1.disabled.primary;
|
|
11072
|
+
}, function (_ref26) {
|
|
11073
|
+
var $disabled = _ref26.$disabled;
|
|
11074
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11075
|
+
});
|
|
11076
|
+
var TextWrapper$1$1$1$1 = styled__default.div(_templateObject10$1$1$1$1$1 || (_templateObject10$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
11077
|
+
var Asterisk$1$1$1$1 = styled__default.span(_templateObject11$1$1$1$1$1 || (_templateObject11$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1$1["default"].error);
|
|
11078
|
+
var _templateObject$a$1$1$1$1, _templateObject2$7$1$1$1$1, _templateObject3$5$1$1$1$1;
|
|
11079
|
+
var SelectedOptionsWrapper$1$1$1$1$1 = styled__default.div(_templateObject$a$1$1$1$1 || (_templateObject$a$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
|
|
11080
|
+
var SelectedOptionDiv$1$1$1$1$1 = styled__default.div(_templateObject2$7$1$1$1$1 || (_templateObject2$7$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n background: ", ";\n border-radius: 4px;\n padding: 6px 8px;\n box-sizing: border-box;\n gap: 6px;\n font-family: NotoSans, sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 12px;\n color: ", ";\n"])), function (_ref) {
|
|
11081
|
+
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
11082
|
+
$type = _ref.$type;
|
|
11083
|
+
return $selectedOptionBackground || $type === 'remove' ? colorVariables$1$1$1$1.disabled.error : colorVariables$1$1$1$1.accent.softBlue;
|
|
11084
|
+
}, function (_ref2) {
|
|
11085
|
+
var $selectedOptionColor = _ref2.$selectedOptionColor,
|
|
11086
|
+
$type = _ref2.$type;
|
|
11087
|
+
return $selectedOptionColor || $type === 'remove' ? colorVariables$1$1$1$1["default"].error : colorVariables$1$1$1$1.brand.primary;
|
|
11088
|
+
});
|
|
11089
|
+
var RemoveIcon$1$1$1$1$1 = styled__default.div(_templateObject3$5$1$1$1$1 || (_templateObject3$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 14px;\n height: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: 50%;\n box-sizing: border-box;\n background: ", ";\n"])), function (_ref3) {
|
|
11090
|
+
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
11091
|
+
$type = _ref3.$type;
|
|
11092
|
+
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1.disabled.primary;
|
|
11093
|
+
});
|
|
11094
|
+
var _templateObject$b$1$1$1$1, _templateObject2$8$1$1$1$1, _templateObject3$6$1$1$1$1, _templateObject4$4$1$1$1$1, _templateObject5$4$1$1$1$1, _templateObject6$4$1$1$1$1, _templateObject7$2$1$1$1$1, _templateObject8$2$1$1$1$1, _templateObject9$2$1$1$1$1, _templateObject10$2$1$1$1$1;
|
|
11095
|
+
var TitleText$1$1$1$1$1 = styled__default.label(_templateObject$b$1$1$1$1 || (_templateObject$b$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: relative;\n width: max-content;\n font-weight: ", ";\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
11096
|
+
var $titleWeight = _ref.$titleWeight;
|
|
11097
|
+
return $titleWeight || 500;
|
|
11098
|
+
}, function (_ref2) {
|
|
11099
|
+
var $size = _ref2.$size;
|
|
11100
|
+
switch ($size) {
|
|
11101
|
+
case 'small':
|
|
11102
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
11103
|
+
case 'medium':
|
|
11104
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11105
|
+
case 'large':
|
|
11106
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
11107
|
+
default:
|
|
11108
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11109
|
+
}
|
|
11110
|
+
}, function (_ref3) {
|
|
11111
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
11112
|
+
switch ($titlecolor) {
|
|
11113
|
+
case 'dark':
|
|
11114
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
11115
|
+
case 'medium':
|
|
11116
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
11117
|
+
case 'light':
|
|
11118
|
+
return colorVariables$1$1$1$1.text.light;
|
|
11119
|
+
case 'white':
|
|
11120
|
+
return colorVariables$1$1$1$1.text.white;
|
|
11121
|
+
case 'warning':
|
|
11122
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
11123
|
+
case 'info':
|
|
11124
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
11125
|
+
case 'success':
|
|
11126
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
11127
|
+
case 'error':
|
|
11128
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
11129
|
+
default:
|
|
11130
|
+
return $titlecolor;
|
|
11131
|
+
}
|
|
11132
|
+
});
|
|
11133
|
+
var DropdownContainer$1$1$1$1$1 = styled__default.div(_templateObject2$8$1$1$1$1 || (_templateObject2$8$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: ", ";\n max-width: 100%;\n position: relative;\n gap: 8px;\n display: flex;\n"])), function (_ref4) {
|
|
11134
|
+
var $width = _ref4.$width;
|
|
11135
|
+
return $width || '100%';
|
|
11136
|
+
});
|
|
11137
|
+
var DropdownButton$1$1$1$1$1 = styled__default.div(_templateObject3$6$1$1$1$1 || (_templateObject3$6$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: ", ";\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border: ", ";\n gap: 6px;\n padding: ", ";\n background: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref5) {
|
|
11138
|
+
var $disabled = _ref5.$disabled;
|
|
11139
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11140
|
+
}, function (_ref6) {
|
|
11141
|
+
var $width = _ref6.$width;
|
|
11142
|
+
return $width ? $width : '100%';
|
|
11143
|
+
}, function (_ref7) {
|
|
11144
|
+
var $selectHeight = _ref7.$selectHeight;
|
|
11145
|
+
return $selectHeight || 'auto';
|
|
11146
|
+
}, function (_ref8) {
|
|
11147
|
+
var $borderRadius = _ref8.$borderRadius;
|
|
11148
|
+
return $borderRadius || '8px';
|
|
11149
|
+
}, function (_ref9) {
|
|
11150
|
+
var $border = _ref9.$border;
|
|
11151
|
+
return $border || "1px solid " + colorVariables$1$1$1$1.border.light;
|
|
11152
|
+
}, function (_ref10) {
|
|
11153
|
+
var $size = _ref10.$size;
|
|
11154
|
+
switch ($size) {
|
|
11155
|
+
case 'small':
|
|
11156
|
+
return '9px 12px';
|
|
11157
|
+
case 'large':
|
|
11158
|
+
return '24px 12px';
|
|
11159
|
+
default:
|
|
11160
|
+
return '13px 12px';
|
|
11161
|
+
}
|
|
11162
|
+
}, function (_ref11) {
|
|
11163
|
+
var $background = _ref11.$background,
|
|
11164
|
+
$disabled = _ref11.$disabled;
|
|
11165
|
+
return $disabled ? colorVariables$1$1$1$1.border.light : $background || colorVariables$1$1$1$1.accent.extraLight;
|
|
11166
|
+
}, function (_ref12) {
|
|
11167
|
+
var $size = _ref12.$size;
|
|
11168
|
+
switch ($size) {
|
|
11169
|
+
case 'small':
|
|
11170
|
+
return '12px';
|
|
11171
|
+
case 'large':
|
|
11172
|
+
return '16px';
|
|
11173
|
+
default:
|
|
11174
|
+
return '14px';
|
|
11175
|
+
}
|
|
11176
|
+
}, function (_ref13) {
|
|
11177
|
+
var $size = _ref13.$size;
|
|
11178
|
+
switch ($size) {
|
|
11179
|
+
case 'small':
|
|
11180
|
+
return '12px';
|
|
11181
|
+
case 'large':
|
|
11182
|
+
return '16px';
|
|
11183
|
+
default:
|
|
11184
|
+
return '14px';
|
|
11185
|
+
}
|
|
11186
|
+
});
|
|
11187
|
+
var Options$1$1$1$1 = styled__default.div(_templateObject4$4$1$1$1$1 || (_templateObject4$4$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n color: ", ";\n padding: 5px 10px;\n width: 100%;\n font-size: ", ";\n font-weight: ", ";\n background-color: ", ";\n\n \n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n\n }\n\n"])), function (_ref14) {
|
|
11188
|
+
var $optionColor = _ref14.$optionColor,
|
|
11189
|
+
$optionSelected = _ref14.$optionSelected;
|
|
11190
|
+
return $optionSelected ? colorVariables$1$1$1$1.text.white : $optionColor || colorVariables$1$1$1$1.text.medium;
|
|
11191
|
+
}, function (_ref15) {
|
|
11192
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
11193
|
+
return $optionFontSize || '14px';
|
|
11194
|
+
}, function (_ref16) {
|
|
11195
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
11196
|
+
return $optionFontWeight || 400;
|
|
11197
|
+
}, function (_ref17) {
|
|
11198
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
11199
|
+
$optionSelected = _ref17.$optionSelected;
|
|
11200
|
+
return $optionSelected ? colorVariables$1$1$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1$1$1["default"].tertiary;
|
|
11201
|
+
}, colorVariables$1$1$1$1.hover.primary, colorVariables$1$1$1$1.text.white);
|
|
11202
|
+
var LabelText$1$1$1$1$1 = styled__default.div(_templateObject5$4$1$1$1$1 || (_templateObject5$4$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-size: ", ";\n line-height: ", ";\n font-style: ", ";\n color: ", ";\n"])), function (_ref18) {
|
|
11203
|
+
var $size = _ref18.$size;
|
|
11204
|
+
switch ($size) {
|
|
11205
|
+
case 'small':
|
|
11206
|
+
return '14px';
|
|
11207
|
+
case 'large':
|
|
11208
|
+
return '16px';
|
|
11209
|
+
default:
|
|
11210
|
+
return '14px';
|
|
11211
|
+
}
|
|
11212
|
+
}, function (_ref19) {
|
|
11213
|
+
var $size = _ref19.$size;
|
|
11214
|
+
switch ($size) {
|
|
11215
|
+
case 'small':
|
|
11216
|
+
return '12px';
|
|
11217
|
+
case 'large':
|
|
11218
|
+
return '16px';
|
|
11219
|
+
default:
|
|
11220
|
+
return '14px';
|
|
11221
|
+
}
|
|
11222
|
+
}, function (_ref20) {
|
|
11223
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
11224
|
+
return $fontStyle || '';
|
|
11225
|
+
}, function (_ref21) {
|
|
11226
|
+
var $color = _ref21.$color,
|
|
11227
|
+
$disabled = _ref21.$disabled;
|
|
11228
|
+
return $disabled ? colorVariables$1$1$1$1.text.medium : $color || colorVariables$1$1$1$1.text.medium;
|
|
11229
|
+
});
|
|
11230
|
+
var NoOptions$1$1$1$1 = styled__default(Span$1$1$1$1)(_templateObject6$4$1$1$1$1 || (_templateObject6$4$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n height: 100%;\n padding: 12px;\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
11231
|
+
var DropdownMenu$1$1$1$1$1 = styled__default.div(_templateObject7$2$1$1$1$1 || (_templateObject7$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n height: auto;\n max-height: 170px;\n border: 1px solid ", ";\n border-radius: ", ";\n min-width: 100%;\n width: ", ";\n background: ", ";\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n overflow: hidden; \n position: absolute;\n z-index: 1;\n ", "\n ", "\n \n"])), colorVariables$1$1$1$1.border.light, function (_ref22) {
|
|
11232
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
11233
|
+
return $optionsBorderRadius || '8px';
|
|
11234
|
+
}, function (_ref23) {
|
|
11235
|
+
var $width = _ref23.$width;
|
|
11236
|
+
return $width ? $width : 'max-content';
|
|
11237
|
+
}, function (_ref24) {
|
|
11238
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
11239
|
+
return $menuBackground || colorVariables$1$1$1$1.accent.extraLight;
|
|
11240
|
+
}, function (_ref25) {
|
|
11241
|
+
var $top = _ref25.$top;
|
|
11242
|
+
return $top && "top: " + $top + ";";
|
|
11243
|
+
}, function (_ref26) {
|
|
11244
|
+
var $bottom = _ref26.$bottom;
|
|
11245
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
11246
|
+
});
|
|
11247
|
+
var OptionsWrapper$1$1$1$1 = styled__default.div(_templateObject8$2$1$1$1$1 || (_templateObject8$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n max-height: 150px; \n overflow-y: auto; \n width: 100%;\n"])));
|
|
11248
|
+
var SearchContainer$1$1$1$1$1 = styled__default.div(_templateObject9$2$1$1$1$1 || (_templateObject9$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n background: ", ";\n border: ", ";\n border-bottom: 1px solid ", ";\n border-radius: ", ";\n padding: 10px 12px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n position: sticky;\n top: 0;\n z-index: 10; \n"])), function (_ref27) {
|
|
11249
|
+
var $background = _ref27.$background;
|
|
11250
|
+
return $background || colorVariables$1$1$1$1.accent.extraLight;
|
|
11251
|
+
}, function (_ref28) {
|
|
11252
|
+
var $border = _ref28.$border;
|
|
11253
|
+
return $border || 'none';
|
|
11254
|
+
}, colorVariables$1$1$1$1.border.light, function (_ref29) {
|
|
11255
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
11256
|
+
return $borderRadius || '8px 8px 0 0';
|
|
11257
|
+
});
|
|
11258
|
+
var SearchBar$1$1$1$1$1 = styled__default.input(_templateObject10$2$1$1$1$1 || (_templateObject10$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 14px;\n line-height: normal;\n background: transparent;\n color: ", ";\n outline: none;\n \n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), function (_ref30) {
|
|
11259
|
+
var $inputColor = _ref30.$inputColor;
|
|
11260
|
+
return $inputColor || colorVariables$1$1$1$1.text.medium;
|
|
11261
|
+
}, function (_ref31) {
|
|
11262
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
11263
|
+
return $placeholderColor || colorVariables$1$1$1$1.text.light;
|
|
11264
|
+
});
|
|
11265
|
+
var _templateObject$c$1$1$1$1, _templateObject2$9$1$1$1$1;
|
|
11266
|
+
var ModalOverlay$1$1$1$1 = styled__default.div(_templateObject$c$1$1$1$1 || (_templateObject$c$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
11267
|
+
var ModalContainer$1$1$1$1 = styled__default.div(_templateObject2$9$1$1$1$1 || (_templateObject2$9$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-width: ", ";\n"])), colorVariables$1$1$1$1.accent.light, function (_ref) {
|
|
11268
|
+
var maxWidth = _ref.maxWidth;
|
|
11269
|
+
return maxWidth ? maxWidth : '400px';
|
|
11270
|
+
});
|
|
11271
|
+
var _templateObject$d$1$1$1$1, _templateObject2$a$1$1$1$1;
|
|
11272
|
+
var SearchContainer$2$1$1$1$1 = styled__default.div(_templateObject$d$1$1$1$1 || (_templateObject$d$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n height: 100%;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 5.5px 8px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref) {
|
|
11273
|
+
var $background = _ref.$background;
|
|
11274
|
+
return $background || colorVariables$1$1$1$1["default"].tertiary;
|
|
11275
|
+
}, function (_ref2) {
|
|
11276
|
+
var $border = _ref2.$border;
|
|
11277
|
+
return $border || 'none';
|
|
11278
|
+
}, function (_ref3) {
|
|
11279
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
11280
|
+
return $borderRadius || '8px';
|
|
11281
|
+
});
|
|
11282
|
+
var SearchBar$2$1$1$1$1 = styled__default.input(_templateObject2$a$1$1$1$1 || (_templateObject2$a$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 14px;\n line-height: normal;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n position: absolute;\n top: 1px;\n }\n"])), colorVariables$1$1$1$1["default"].tertiary, function (_ref4) {
|
|
11283
|
+
var $inputColor = _ref4.$inputColor;
|
|
11284
|
+
return $inputColor || colorVariables$1$1$1$1.text.medium;
|
|
11285
|
+
}, function (_ref5) {
|
|
11286
|
+
var $placeholderColor = _ref5.$placeholderColor;
|
|
11287
|
+
return $placeholderColor || colorVariables$1$1$1$1.text.light;
|
|
11288
|
+
});
|
|
11289
|
+
function _taggedTemplateLiteralLoose$1$1$1$1$1(e, t) {
|
|
11290
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
11291
|
+
}
|
|
11292
|
+
var colorVariables$1$1$1$1$1 = {
|
|
11293
|
+
brand: {
|
|
11294
|
+
primary: '#4C9EEB',
|
|
11295
|
+
secondary: '#14171A',
|
|
11296
|
+
light: '#FFFFFF'
|
|
11297
|
+
},
|
|
11298
|
+
accent: {
|
|
11299
|
+
light: '#E1E8ED',
|
|
11300
|
+
extraLight: '#F5F8FA',
|
|
11301
|
+
softBlue: '#D4EEFF',
|
|
11302
|
+
extraSoftBlue: '#E4F4FF',
|
|
11303
|
+
boldTransparent: '#5E5E5E80',
|
|
11304
|
+
transparent: '#5E5E5E4D',
|
|
11305
|
+
lightTransparent: '#5E5E5E23'
|
|
11306
|
+
},
|
|
11307
|
+
"default": {
|
|
11308
|
+
primary: '#78B6F0',
|
|
11309
|
+
secondary: '#C2C2C2',
|
|
11310
|
+
tertiary: 'transparent',
|
|
11311
|
+
error: '#F44336',
|
|
11312
|
+
success: '#4CAF50',
|
|
11313
|
+
warning: '#FF9800',
|
|
11314
|
+
info: '#2159F3'
|
|
11315
|
+
},
|
|
11316
|
+
disabled: {
|
|
11317
|
+
primary: '#B9DCF7',
|
|
11318
|
+
secondary: '#DADADA',
|
|
11319
|
+
error: '#FFEBEE',
|
|
11320
|
+
success: '#E8F5E9',
|
|
11321
|
+
warning: '#FFF3E0',
|
|
11322
|
+
info: '#E3F2FD'
|
|
11323
|
+
},
|
|
11324
|
+
hover: {
|
|
11325
|
+
primary: '#4C9EEB',
|
|
11326
|
+
secondary: '#A3A3A3',
|
|
11327
|
+
tertiary: 'transparent',
|
|
11328
|
+
error: '#D32F2F',
|
|
11329
|
+
success: '#388E3C',
|
|
11330
|
+
warning: '#F57C00',
|
|
11331
|
+
info: '#193ED2'
|
|
11332
|
+
},
|
|
11333
|
+
border: {
|
|
11334
|
+
extraBold: '#657786',
|
|
11335
|
+
bold: '#BFBFBF',
|
|
11336
|
+
medium: '#CBCED0',
|
|
11337
|
+
light: '#DCDCDC',
|
|
11338
|
+
extraLight: '#E6E3E3'
|
|
11339
|
+
},
|
|
11340
|
+
text: {
|
|
11341
|
+
dark: '#14171A',
|
|
11342
|
+
medium: '#657786',
|
|
11343
|
+
light: '#98A2AA',
|
|
11344
|
+
white: '#FFFFFF',
|
|
11345
|
+
success: '#1B5E20',
|
|
11346
|
+
error: '#B71C1C',
|
|
11347
|
+
info: '#0D30A1',
|
|
11348
|
+
warning: '#E65100'
|
|
11349
|
+
},
|
|
11350
|
+
badge: {
|
|
11351
|
+
lavender: '#E8DAFF',
|
|
11352
|
+
papayaWhip: '#FFEDD5',
|
|
11353
|
+
water: '#C7E3FF',
|
|
11354
|
+
paleBlue: '#B0F0E4',
|
|
11355
|
+
teaGreen: '#D5F7C2',
|
|
11356
|
+
lightBlue: '#ADD8E6'
|
|
11357
|
+
}
|
|
11358
|
+
};
|
|
11359
|
+
var _templateObject$e$1$1$1$1, _templateObject2$b$1$1$1$1, _templateObject3$7$1$1$1$1;
|
|
11360
|
+
var wrapperCss$1$1$1$1$1 = styled.css(_templateObject$e$1$1$1$1 || (_templateObject$e$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n svg {\n overflow: visible;\n vector-effect: non-scaling-stroke;\n line,\n path,\n circle,\n ellipse,\n foreignObject,\n polygon,\n polyline,\n rect,\n text,\n textPath,\n tspan {\n vector-effect: non-scaling-stroke;\n }\n }\n"])));
|
|
11361
|
+
var IconWrapper$1$1$1$1$1 = styled__default.div(_templateObject2$b$1$1$1$1 || (_templateObject2$b$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: max-content;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ", ";\n ", ";\n"])), function (_ref) {
|
|
11362
|
+
var $clickable = _ref.$clickable;
|
|
11363
|
+
return $clickable ? 'pointer' : 'default';
|
|
11364
|
+
}, wrapperCss$1$1$1$1$1);
|
|
11365
|
+
var IconWrapperForSVG$1$1$1$1$1 = styled__default.g(_templateObject3$7$1$1$1$1 || (_templateObject3$7$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n ", ";\n"])), wrapperCss$1$1$1$1$1);
|
|
11366
|
+
var _templateObject$1$1$1$1$1$1, _templateObject2$1$1$1$1$1$1;
|
|
11367
|
+
var Container$3$1$1$1$1 = styled__default.div(_templateObject$1$1$1$1$1$1 || (_templateObject$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex: ", ";\n flex-wrap: ", ";\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", "; \n gap: ", ";\n font-weight: ", ";\n height: ", ";\n min-height: ", ";\n max-height: ", ";\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n padding: ", ";\n background: ", ";\n object-fit:", ";\n margin: ", ";\n border-radius: ", ";\n cursor: ", ";\n font-size: ", ";\n opacity: ", ";\n pointer-events: ", ";\n position: ", ";\n top: ", ";\n bottom: ", ";\n left: ", ";\n right: ", ";\n text-align: ", "; \n color: ", "; \n overflow: ", ";\n overflow-y: ", ";\n z-index: ", "; \n scrollbar-width: ", ";\n border: ", "; \n border-bottom: ", ";\n border-left: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
11368
|
+
var $flex = _ref.$flex;
|
|
11369
|
+
return $flex;
|
|
11370
|
+
}, function (_ref2) {
|
|
11371
|
+
var $flexWrap = _ref2.$flexWrap;
|
|
11372
|
+
return $flexWrap;
|
|
11373
|
+
}, function (_ref3) {
|
|
11374
|
+
var $flexDirection = _ref3.$flexDirection;
|
|
11375
|
+
return $flexDirection;
|
|
11376
|
+
}, function (_ref4) {
|
|
11377
|
+
var $justifyContent = _ref4.$justifyContent;
|
|
11378
|
+
return $justifyContent;
|
|
11379
|
+
}, function (_ref5) {
|
|
11380
|
+
var $alignItems = _ref5.$alignItems;
|
|
11381
|
+
return $alignItems;
|
|
11382
|
+
}, function (_ref6) {
|
|
11383
|
+
var $gap = _ref6.$gap;
|
|
11384
|
+
return $gap;
|
|
11385
|
+
}, function (_ref7) {
|
|
11386
|
+
var $fontWeight = _ref7.$fontWeight;
|
|
11387
|
+
return $fontWeight;
|
|
11388
|
+
}, function (_ref8) {
|
|
11389
|
+
var $height = _ref8.$height;
|
|
11390
|
+
return $height;
|
|
11391
|
+
}, function (_ref9) {
|
|
11392
|
+
var $minHeight = _ref9.$minHeight;
|
|
11393
|
+
return $minHeight;
|
|
11394
|
+
}, function (_ref10) {
|
|
11395
|
+
var $maxHeight = _ref10.$maxHeight;
|
|
11396
|
+
return $maxHeight;
|
|
11397
|
+
}, function (_ref11) {
|
|
11398
|
+
var $width = _ref11.$width;
|
|
11399
|
+
return $width;
|
|
11400
|
+
}, function (_ref12) {
|
|
11401
|
+
var $minWidth = _ref12.$minWidth;
|
|
11402
|
+
return $minWidth;
|
|
11403
|
+
}, function (_ref13) {
|
|
11404
|
+
var $maxWidth = _ref13.$maxWidth;
|
|
11405
|
+
return $maxWidth;
|
|
11406
|
+
}, function (_ref14) {
|
|
11407
|
+
var $padding = _ref14.$padding;
|
|
11408
|
+
return $padding;
|
|
11409
|
+
}, function (_ref15) {
|
|
11410
|
+
var $background = _ref15.$background;
|
|
11411
|
+
return $background;
|
|
11412
|
+
}, function (_ref16) {
|
|
11413
|
+
var $objectfit = _ref16.$objectfit;
|
|
11414
|
+
return $objectfit;
|
|
11415
|
+
}, function (_ref17) {
|
|
11416
|
+
var $margin = _ref17.$margin;
|
|
11417
|
+
return $margin;
|
|
11418
|
+
}, function (_ref18) {
|
|
11419
|
+
var $borderRadius = _ref18.$borderRadius;
|
|
11420
|
+
return $borderRadius;
|
|
11421
|
+
}, function (_ref19) {
|
|
11422
|
+
var $cursor = _ref19.$cursor;
|
|
11423
|
+
return $cursor;
|
|
11424
|
+
}, function (_ref20) {
|
|
11425
|
+
var $fontSize = _ref20.$fontSize;
|
|
11426
|
+
return $fontSize;
|
|
11427
|
+
}, function (_ref21) {
|
|
11428
|
+
var $opacity = _ref21.$opacity;
|
|
11429
|
+
return $opacity;
|
|
11430
|
+
}, function (_ref22) {
|
|
11431
|
+
var $pointerEvents = _ref22.$pointerEvents;
|
|
11432
|
+
return $pointerEvents;
|
|
11433
|
+
}, function (_ref23) {
|
|
11434
|
+
var $position = _ref23.$position;
|
|
11435
|
+
return $position;
|
|
11436
|
+
}, function (_ref24) {
|
|
11437
|
+
var $top = _ref24.$top;
|
|
11438
|
+
return $top;
|
|
11439
|
+
}, function (_ref25) {
|
|
11440
|
+
var $bottom = _ref25.$bottom;
|
|
11441
|
+
return $bottom;
|
|
11442
|
+
}, function (_ref26) {
|
|
11443
|
+
var $left = _ref26.$left;
|
|
11444
|
+
return $left;
|
|
11445
|
+
}, function (_ref27) {
|
|
11446
|
+
var $right = _ref27.$right;
|
|
11447
|
+
return $right;
|
|
11448
|
+
}, function (_ref28) {
|
|
11449
|
+
var $textAlign = _ref28.$textAlign;
|
|
11450
|
+
return $textAlign;
|
|
11451
|
+
}, function (_ref29) {
|
|
11452
|
+
var $color = _ref29.$color;
|
|
11453
|
+
return $color;
|
|
11454
|
+
}, function (_ref30) {
|
|
11455
|
+
var $overflow = _ref30.$overflow;
|
|
11456
|
+
return $overflow || 'visible';
|
|
11457
|
+
}, function (_ref31) {
|
|
11458
|
+
var $overflowY = _ref31.$overflowY;
|
|
11459
|
+
return $overflowY;
|
|
11460
|
+
}, function (_ref32) {
|
|
11461
|
+
var $zIndex = _ref32.$zIndex;
|
|
11462
|
+
return $zIndex;
|
|
11463
|
+
}, function (_ref33) {
|
|
11464
|
+
var $scrollbarWidth = _ref33.$scrollbarWidth;
|
|
11465
|
+
return $scrollbarWidth;
|
|
11466
|
+
}, function (_ref34) {
|
|
11467
|
+
var $border = _ref34.$border;
|
|
11468
|
+
return $border;
|
|
11469
|
+
}, function (_ref35) {
|
|
11470
|
+
var $borderBottom = _ref35.$borderBottom;
|
|
11471
|
+
return $borderBottom;
|
|
11472
|
+
}, function (_ref36) {
|
|
11473
|
+
var $borderLeft = _ref36.$borderLeft;
|
|
11474
|
+
return $borderLeft;
|
|
11475
|
+
}, function (_ref37) {
|
|
11476
|
+
var $hoverBackground = _ref37.$hoverBackground;
|
|
11477
|
+
return $hoverBackground;
|
|
11478
|
+
}, function (_ref38) {
|
|
11479
|
+
var $hoverColor = _ref38.$hoverColor;
|
|
11480
|
+
return $hoverColor;
|
|
11481
|
+
});
|
|
11482
|
+
var Span$1$1$1$1$1 = styled__default.span(_templateObject2$1$1$1$1$1$1 || (_templateObject2$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n color: ", ";\n line-height: ", ";\n text-align: ", ";\n min-width: ", ";\n width: ", ";\n overflow-wrap: ", ";\n"])), function (_ref39) {
|
|
11483
|
+
var $fontFamily = _ref39.$fontFamily;
|
|
11484
|
+
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
11485
|
+
}, function (_ref40) {
|
|
11486
|
+
var $fontWeight = _ref40.$fontWeight;
|
|
11487
|
+
return $fontWeight ? $fontWeight : '500';
|
|
11488
|
+
}, function (_ref41) {
|
|
11489
|
+
var $fontSize = _ref41.$fontSize;
|
|
11490
|
+
return $fontSize ? $fontSize : '16px';
|
|
11491
|
+
}, function (_ref42) {
|
|
11492
|
+
var $color = _ref42.$color;
|
|
11493
|
+
return $color ? $color : colorVariables$1$1$1$1$1.text.medium;
|
|
11494
|
+
}, function (_ref43) {
|
|
11495
|
+
var $lineHeight = _ref43.$lineHeight;
|
|
11496
|
+
return $lineHeight ? $lineHeight : '100%';
|
|
11497
|
+
}, function (_ref44) {
|
|
11498
|
+
var $textAlign = _ref44.$textAlign;
|
|
11499
|
+
return $textAlign ? $textAlign : 'center';
|
|
11500
|
+
}, function (_ref45) {
|
|
11501
|
+
var $minWidth = _ref45.$minWidth;
|
|
11502
|
+
return $minWidth;
|
|
11503
|
+
}, function (_ref46) {
|
|
11504
|
+
var $width = _ref46.$width;
|
|
11505
|
+
return $width;
|
|
11506
|
+
}, function (_ref47) {
|
|
11507
|
+
var $overflowWrap = _ref47.$overflowWrap;
|
|
11508
|
+
return $overflowWrap;
|
|
11509
|
+
});
|
|
11510
|
+
var _templateObject$2$1$1$1$1$1, _templateObject2$2$1$1$1$1$1;
|
|
11511
|
+
var TooltipWrapper$1$1$1$1$1 = styled__default.div(_templateObject$2$1$1$1$1$1 || (_templateObject$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n svg {\n cursor: pointer;\n } \n"])));
|
|
11512
|
+
var TooltipText$1$1$1$1$1 = styled__default.span(_templateObject2$2$1$1$1$1$1 || (_templateObject2$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n visibility: ", ";\n opacity: ", ";\n width: max-content;\n max-width: 300px;\n background-color: ", ";\n color: ", ";\n text-align: start;\n border-radius: 8px;\n padding:8px 16px;\n transition: opacity 0.2s ease-in-out;\n font-size: 12px;\n\n // position: absolute;\n // left: 0;\n // bottom: 150%;\n // white-space: pre-line;\n // position: fixed;\n // z-index: 99999;\n // transition: opacity 0.2s ease-in-out;\n // font-size: 12px;\n // pointer-events: auto;\n"])), function (_ref) {
|
|
11513
|
+
var $visible = _ref.$visible;
|
|
11514
|
+
return $visible ? 'visible' : 'hidden';
|
|
11515
|
+
}, function (_ref2) {
|
|
11516
|
+
var $visible = _ref2.$visible;
|
|
11517
|
+
return $visible ? 1 : 0;
|
|
11518
|
+
}, function (_ref3) {
|
|
11519
|
+
var $bgColor = _ref3.$bgColor;
|
|
11520
|
+
return $bgColor || colorVariables$1$1$1$1$1.brand.light;
|
|
11521
|
+
}, colorVariables$1$1$1$1$1.text.medium);
|
|
11522
|
+
var _templateObject$3$1$1$1$1$1;
|
|
11523
|
+
var BreadCrum$1$1$1$1$1 = styled__default.span(_templateObject$3$1$1$1$1$1 || (_templateObject$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-weight: 400;\n font-size: 12px;\n color: ", ";\n line-height: 100%;\n text-align: center;\n opacity: ", ";\n \n &:hover {\n text-decoration: ", ";\n cursor: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
11524
|
+
var $color = _ref.$color;
|
|
11525
|
+
return $color ? $color : colorVariables$1$1$1$1$1.text.medium;
|
|
11526
|
+
}, function (_ref2) {
|
|
11527
|
+
var $disabled = _ref2.$disabled;
|
|
11528
|
+
return $disabled ? '0.6' : '1';
|
|
11529
|
+
}, function (_ref3) {
|
|
11530
|
+
var $hover = _ref3.$hover,
|
|
11531
|
+
$disabled = _ref3.$disabled;
|
|
11532
|
+
return $hover && !$disabled && 'underline';
|
|
11533
|
+
}, function (_ref4) {
|
|
11534
|
+
var $hover = _ref4.$hover,
|
|
11535
|
+
$disabled = _ref4.$disabled;
|
|
11536
|
+
return $hover && !$disabled ? 'pointer' : 'default';
|
|
11537
|
+
}, function (_ref5) {
|
|
11538
|
+
var $hover = _ref5.$hover,
|
|
11539
|
+
$disabled = _ref5.$disabled;
|
|
11540
|
+
return $hover && !$disabled && colorVariables$1$1$1$1$1["default"].primary;
|
|
11541
|
+
});
|
|
11542
|
+
var _templateObject$4$1$1$1$1$1;
|
|
11543
|
+
var fontFaces$1$1$1$1$1 = styled.css(_templateObject$4$1$1$1$1$1 || (_templateObject$4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n @font-face {\n font-family: 'NotoSans';\n font-weight: 200;\n font-style: normal;\n src: url('./NotoSans-ExtraLight.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 300;\n font-style: normal;\n src: url('./NotoSans-Light.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: normal;\n src: url('./NotoSans-Regular.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: italic;\n src: url('./NotoSans-italic.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 500;\n font-style: normal;\n src: url('./NotoSans-Medium.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 600;\n font-style: normal;\n src: url('./NotoSans-SemiBold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 700;\n font-style: normal;\n src: url('./NotoSans-Bold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 800;\n font-style: normal;\n src: url('./NotoSans-ExtraBold.woff') format('woff');\n font-display: fallback;\n }\n"])));
|
|
11544
|
+
var GlobalFonts$1$1$1$1$1 = {
|
|
11545
|
+
bold: 'NotoSans, sans-serif',
|
|
11546
|
+
regular: 'NotoSans, sans-serif',
|
|
11547
|
+
light: 'NotoSans, sans-serif'
|
|
11548
|
+
};
|
|
11549
|
+
var _templateObject$5$1$1$1$1$1, _templateObject2$3$1$1$1$1$1, _templateObject3$1$1$1$1$1$1, _templateObject4$5$1$1$1$1, _templateObject5$5$1$1$1$1, _templateObject6$5$1$1$1$1;
|
|
11550
|
+
var spin$1$1$1$1$1 = styled.keyframes(_templateObject$5$1$1$1$1$1 || (_templateObject$5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11551
|
+
var Spinner$1$1$1$1$1 = styled__default.div(_templateObject2$3$1$1$1$1$1 || (_templateObject2$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: ", "px;\n height: ", "px;\n border: ", "px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: fadeIn 0.3s ease-in-out forwards, ", " 1s linear infinite;\n"])), function (_ref) {
|
|
11552
|
+
var $size = _ref.$size;
|
|
11553
|
+
return $size;
|
|
11554
|
+
}, function (_ref2) {
|
|
11555
|
+
var $size = _ref2.$size;
|
|
11556
|
+
return $size;
|
|
11557
|
+
}, function (_ref3) {
|
|
11558
|
+
var $size = _ref3.$size;
|
|
11559
|
+
return $size / 4;
|
|
11560
|
+
}, function (_ref4) {
|
|
11561
|
+
var $color = _ref4.$color;
|
|
11562
|
+
return $color;
|
|
11563
|
+
}, spin$1$1$1$1$1);
|
|
11564
|
+
var LoaderWrapper$1$1$1$1$1 = styled__default.div(_templateObject3$1$1$1$1$1$1 || (_templateObject3$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n margin-left: ", ";\n margin-right: ", ";\n transition: opacity 0.3s ease-in-out;\n"])), function (_ref5) {
|
|
11565
|
+
var $loaderPosition = _ref5.$loaderPosition;
|
|
11566
|
+
return $loaderPosition === 'right' ? '4px' : '0';
|
|
11567
|
+
}, function (_ref6) {
|
|
11568
|
+
var $loaderPosition = _ref6.$loaderPosition;
|
|
11569
|
+
return $loaderPosition === 'left' ? '4px' : '0';
|
|
11570
|
+
});
|
|
11571
|
+
var Container$1$1$1$1$1$1 = styled__default.div(_templateObject4$5$1$1$1$1 || (_templateObject4$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: ", ";\n gap: ", ";\n svg {\n cursor: ", ";\n }\n"])), function (_ref7) {
|
|
11572
|
+
var $iconPosition = _ref7.$iconPosition;
|
|
11573
|
+
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
11574
|
+
}, function (_ref8) {
|
|
11575
|
+
var gap = _ref8.gap;
|
|
11576
|
+
return gap || '4px';
|
|
11577
|
+
}, function (_ref9) {
|
|
11578
|
+
var cursor = _ref9.cursor;
|
|
11579
|
+
return cursor;
|
|
11580
|
+
});
|
|
11581
|
+
var StyledButton$1$1$1$1$1 = styled__default.button(_templateObject5$5$1$1$1$1 || (_templateObject5$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n pointer-events: ", ";\n cursor: ", ";\n height: max-content;\n min-height: max-content;\n width: max-content;\n box-sizing: border-box;\n border-radius: ", ";\n outline: none;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: ", ";\n\n &:focus {\n outline: none;\n }\n\n ", "\n color: ", "; \n"])), function (_ref10) {
|
|
11582
|
+
var $disabled = _ref10.$disabled;
|
|
11583
|
+
return $disabled ? 'none' : 'auto';
|
|
11584
|
+
}, function (_ref11) {
|
|
11585
|
+
var $disabled = _ref11.$disabled;
|
|
11586
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11587
|
+
}, function (_ref12) {
|
|
11588
|
+
var $borderRadius = _ref12.$borderRadius;
|
|
11589
|
+
return $borderRadius || '8px';
|
|
11590
|
+
}, function (_ref13) {
|
|
11591
|
+
var $size = _ref13.$size,
|
|
11592
|
+
$padding = _ref13.$padding;
|
|
11593
|
+
return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
|
|
11594
|
+
}, function (_ref14) {
|
|
11595
|
+
var _$borderHover$match;
|
|
11596
|
+
var $variant = _ref14.$variant,
|
|
11597
|
+
$disabled = _ref14.$disabled,
|
|
11598
|
+
$borderHover = _ref14.$borderHover,
|
|
11599
|
+
$borderDefault = _ref14.$borderDefault,
|
|
11600
|
+
$background = _ref14.$background,
|
|
11601
|
+
$color = _ref14.$color,
|
|
11602
|
+
$colorHover = _ref14.$colorHover;
|
|
11603
|
+
switch ($variant) {
|
|
11604
|
+
case 'primary':
|
|
11605
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.primary : colorVariables$1$1$1$1$1["default"].primary) + ";\n color: " + colorVariables$1$1$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1$1.disabled.primary : "1px solid " + colorVariables$1$1$1$1$1["default"].primary) + ";\n &:hover {\n background: " + colorVariables$1$1$1$1$1.hover.primary + ";\n border: 1px solid " + colorVariables$1$1$1$1$1.hover.primary + ";\n }\n ";
|
|
11606
|
+
case 'secondary':
|
|
11607
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].secondary) + "; \n color: " + colorVariables$1$1$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1$1.disabled.secondary : "1px solid " + colorVariables$1$1$1$1$1["default"].secondary) + ";\n &:hover{\n background: " + colorVariables$1$1$1$1$1.hover.secondary + ";\n border: 1px solid " + colorVariables$1$1$1$1$1.hover.secondary + ";\n }\n ";
|
|
11608
|
+
case 'tertiary':
|
|
11609
|
+
return "\n background: " + colorVariables$1$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.primary : colorVariables$1$1$1$1$1["default"].primary) + ";\n border: " + ($borderDefault ? "" + $borderDefault : "1px solid " + colorVariables$1$1$1$1$1["default"].tertiary) + ";\n &:hover {\n color: " + (!$disabled && $borderHover ? (_$borderHover$match = $borderHover.match(/#\w+/)) === null || _$borderHover$match === void 0 ? void 0 : _$borderHover$match[0] : colorVariables$1$1$1$1$1.hover.primary) + ";\n border: " + ($borderHover ? $borderHover : "1px solid " + colorVariables$1$1$1$1$1.hover.primary) + ";\n }\n ";
|
|
11610
|
+
case 'error':
|
|
11611
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.error : colorVariables$1$1$1$1$1["default"].error) + "; \n color: " + colorVariables$1$1$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1$1.disabled.error : "1px solid " + colorVariables$1$1$1$1$1["default"].error) + ";\n &:hover{\n background: " + colorVariables$1$1$1$1$1.hover.error + ";\n border: 1px solid " + colorVariables$1$1$1$1$1.hover.error + ";\n }\n ";
|
|
11612
|
+
case 'outline-primary':
|
|
11613
|
+
return "\n background: " + colorVariables$1$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.primary : colorVariables$1$1$1$1$1["default"].primary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1$1.disabled.primary : "1px solid " + colorVariables$1$1$1$1$1["default"].primary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1$1$1.hover.primary + ";\n color: " + colorVariables$1$1$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1$1$1.hover.primary + ";\n }\n ";
|
|
11614
|
+
case 'outline-secondary':
|
|
11615
|
+
return "\n background: " + colorVariables$1$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].secondary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1$1.disabled.secondary : "1px solid " + colorVariables$1$1$1$1$1["default"].secondary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1$1$1.hover.secondary + ";\n color: " + colorVariables$1$1$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1$1$1.hover.secondary + ";\n }\n ";
|
|
11616
|
+
case 'outline-error':
|
|
11617
|
+
return "\n background: " + colorVariables$1$1$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1$1$1.disabled.error : colorVariables$1$1$1$1$1["default"].error) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1$1$1.disabled.error : "1px solid " + colorVariables$1$1$1$1$1["default"].error) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1$1$1.hover.error + ";\n color: " + colorVariables$1$1$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1$1$1.hover.error + ";\n }\n ";
|
|
11618
|
+
case 'custom':
|
|
11619
|
+
return "\n background: " + $background + ";\n color: " + $color + ";\n border: " + ("1px solid " + $borderDefault) + ";\n &:hover{\n border: 1px solid " + $borderHover + ";\n color: " + $colorHover + ";\n background: " + $borderHover + ";\n }\n ";
|
|
11620
|
+
default:
|
|
11621
|
+
return '';
|
|
11622
|
+
}
|
|
11623
|
+
}, function (_ref15) {
|
|
11624
|
+
var color = _ref15.color;
|
|
11625
|
+
return color;
|
|
11626
|
+
});
|
|
11627
|
+
var ButtonText$1$1$1$1$1 = styled__default.span(_templateObject6$5$1$1$1$1 || (_templateObject6$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n white-space: nowrap;\n"])), function (_ref16) {
|
|
11628
|
+
var $fontFamily = _ref16.$fontFamily;
|
|
11629
|
+
return $fontFamily ? $fontFamily : GlobalFonts$1$1$1$1$1.bold;
|
|
11630
|
+
}, function (_ref17) {
|
|
11631
|
+
var $size = _ref17.$size,
|
|
11632
|
+
$fontSize = _ref17.$fontSize;
|
|
11633
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
11634
|
+
}, function (_ref18) {
|
|
11635
|
+
var $fontWeight = _ref18.$fontWeight,
|
|
11636
|
+
$size = _ref18.$size;
|
|
11637
|
+
return $size === 'custom' && $fontWeight || '500';
|
|
11638
|
+
}, function (_ref19) {
|
|
11639
|
+
var $size = _ref19.$size,
|
|
11640
|
+
$fontSize = _ref19.$fontSize;
|
|
11641
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
11642
|
+
});
|
|
11643
|
+
var _templateObject$6$1$1$1$1$1;
|
|
11644
|
+
var InnerContent$1$1$1$1$1 = styled__default.div(_templateObject$6$1$1$1$1$1 || (_templateObject$6$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scrollbar-width: none;\n ms-overflow-style: none;\n white-space: nowrap;\n padding: ", "; \n margin: 0 10px;\n"])), function (_ref) {
|
|
11645
|
+
var $isScrollable = _ref.$isScrollable;
|
|
11646
|
+
return $isScrollable ? '0 12px' : '0';
|
|
11647
|
+
});
|
|
11648
|
+
var _templateObject$7$1$1$1$1$1, _templateObject2$4$1$1$1$1$1, _templateObject3$2$1$1$1$1$1, _templateObject4$1$1$1$1$1$1, _templateObject5$1$1$1$1$1$1, _templateObject6$1$1$1$1$1$1, _templateObject7$3$1$1$1$1, _templateObject8$3$1$1$1$1, _templateObject9$3$1$1$1$1, _templateObject10$3$1$1$1$1, _templateObject11$2$1$1$1$1, _templateObject12$1$1$1$1$1, _templateObject13$1$1$1$1$1, _templateObject14$1$1$1$1$1, _templateObject15$1$1$1$1$1, _templateObject16$1$1$1$1$1, _templateObject17$1$1$1$1$1, _templateObject18$1$1$1$1$1, _templateObject19$1$1$1$1$1, _templateObject20$1$1$1$1$1, _templateObject21$1$1$1$1$1;
|
|
11649
|
+
var DatePickerContainer$1$1$1$1$1 = styled__default.div(_templateObject$7$1$1$1$1$1 || (_templateObject$7$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
11650
|
+
var CalendarContainer$1$1$1$1$1 = styled__default.div(_templateObject2$4$1$1$1$1$1 || (_templateObject2$4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n overflow: auto;\n display: flex;\n flex-direction: row;\n background: rgba(245, 248, 250, .95); \n position: absolute;\n border: 1px solid ", ";\n height: auto;\n width: auto;\n border-radius: 10px;\n z-index: 10;\n padding: 10px;\n top: 0px;\n right: 0px;\n gap: 16px;\n"])), colorVariables$1$1$1$1$1.border.medium);
|
|
11651
|
+
var Calendar$1$1$1$1$1$1 = styled__default.div(_templateObject3$2$1$1$1$1$1 || (_templateObject3$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1([""])));
|
|
11652
|
+
var CalendarTime$1$1$1$1$1 = styled__default.div(_templateObject4$1$1$1$1$1$1 || (_templateObject4$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n border: 1px solid ", ";\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 8px;\n"])), colorVariables$1$1$1$1$1.border.medium);
|
|
11653
|
+
var StartDate$1$1$1$1$1 = styled__default.div(_templateObject5$1$1$1$1$1$1 || (_templateObject5$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-bottom: 4px;\n"])));
|
|
11654
|
+
var SelectedStart$1$1$1$1$1 = styled__default.div(_templateObject6$1$1$1$1$1$1 || (_templateObject6$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 4px;\n color: ", ";\n"])), colorVariables$1$1$1$1$1.text.medium);
|
|
11655
|
+
var CurrentDate$1$1$1$1$1 = styled__default.p(_templateObject7$3$1$1$1$1 || (_templateObject7$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
11656
|
+
var CurrentTime$1$1$1$1$1 = styled__default.div(_templateObject8$3$1$1$1$1 || (_templateObject8$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), colorVariables$1$1$1$1$1.text.medium);
|
|
11657
|
+
var Selectedtime$1$1$1$1$1 = styled__default.div(_templateObject9$3$1$1$1$1 || (_templateObject9$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n color: ", ";\n gap: 8px;\n"])), colorVariables$1$1$1$1$1.text.medium);
|
|
11658
|
+
var Line$1$1$1$1$1 = styled__default.div(_templateObject10$3$1$1$1$1 || (_templateObject10$3$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
11659
|
+
var Zones$1$1$1$1$1 = styled__default.div(_templateObject11$2$1$1$1$1 || (_templateObject11$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
11660
|
+
var CalendarHeader$1$1$1$1$1 = styled__default.div(_templateObject12$1$1$1$1$1 || (_templateObject12$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
11661
|
+
var CalendarMonthYear$1$1$1$1$1 = styled__default.span(_templateObject13$1$1$1$1$1 || (_templateObject13$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n color: ", ";\n justify-content: center;\n align-items: center;\n"])), colorVariables$1$1$1$1$1.text.medium);
|
|
11662
|
+
var CalendarContent$1$1$1$1$1 = styled__default.div(_templateObject14$1$1$1$1$1 || (_templateObject14$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 5px;\n padding: 10px;\n"])));
|
|
11663
|
+
var Button$1$1$1$1$1 = styled__default.div(_templateObject15$1$1$1$1$1 || (_templateObject15$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n background:", ";\n color: ", ";\n border: none;\n border-radius: 5px;\n padding: 5px 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n height: ", ";\n\n svg {\n cursor: pointer;\n }\n"])), colorVariables$1$1$1$1$1["default"].secondary, colorVariables$1$1$1$1$1.text.white, function (_ref) {
|
|
11664
|
+
var $size = _ref.$size;
|
|
11665
|
+
return $size ? $size + "px" : '30px';
|
|
11666
|
+
}, function (_ref2) {
|
|
11667
|
+
var $size = _ref2.$size;
|
|
11668
|
+
return $size ? $size + "px" : '30px';
|
|
11669
|
+
});
|
|
11670
|
+
var CalendarDates$1$1$1$1$1 = styled__default.div(_templateObject16$1$1$1$1$1 || (_templateObject16$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: ", ";\n height: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: ", "; \n font-size: 12px;\n opacity: ", "; \n\n background-color: ", ";\n\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n"])), function (_ref3) {
|
|
11671
|
+
var $size = _ref3.$size;
|
|
11672
|
+
return $size ? $size + "px" : '30px';
|
|
11673
|
+
}, function (_ref4) {
|
|
11674
|
+
var $size = _ref4.$size;
|
|
11675
|
+
return $size ? $size + "px" : '30px';
|
|
11676
|
+
}, function (_ref5) {
|
|
11677
|
+
var $isFuture = _ref5.$isFuture,
|
|
11678
|
+
$futureDateTime = _ref5.$futureDateTime;
|
|
11679
|
+
return !$futureDateTime && $isFuture ? 'default' : 'pointer';
|
|
11680
|
+
}, function (_ref6) {
|
|
11681
|
+
var $isFuture = _ref6.$isFuture,
|
|
11682
|
+
$futureDateTime = _ref6.$futureDateTime;
|
|
11683
|
+
return !$futureDateTime && $isFuture ? 0.5 : 1;
|
|
11684
|
+
}, function (_ref7) {
|
|
11685
|
+
var $selected = _ref7.$selected,
|
|
11686
|
+
$inRange = _ref7.$inRange;
|
|
11687
|
+
return $selected ? colorVariables$1$1$1$1$1["default"].primary : $inRange ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1["default"].tertiary;
|
|
11688
|
+
}, function (_ref8) {
|
|
11689
|
+
var $selected = _ref8.$selected,
|
|
11690
|
+
$inRange = _ref8.$inRange;
|
|
11691
|
+
return $selected ? colorVariables$1$1$1$1$1.text.white : $inRange ? colorVariables$1$1$1$1$1.text.white : colorVariables$1$1$1$1$1.text.medium;
|
|
11692
|
+
}, function (_ref9) {
|
|
11693
|
+
var $selected = _ref9.$selected,
|
|
11694
|
+
$inRange = _ref9.$inRange,
|
|
11695
|
+
$isFuture = _ref9.$isFuture,
|
|
11696
|
+
$futureDateTime = _ref9.$futureDateTime;
|
|
11697
|
+
return !$futureDateTime && $isFuture ? 'transparent' : $selected ? colorVariables$1$1$1$1$1.disabled.primary : $inRange ? colorVariables$1$1$1$1$1.disabled.primary : colorVariables$1$1$1$1$1.disabled.primary;
|
|
11698
|
+
});
|
|
11699
|
+
var Year$1$1$1$1$1 = styled__default.div(_templateObject17$1$1$1$1$1 || (_templateObject17$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 12px;\n"])));
|
|
11700
|
+
var Month$1$1$1$1$1 = styled__default.div(_templateObject18$1$1$1$1$1 || (_templateObject18$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 600;\n font-size: 14px;\n"])));
|
|
11701
|
+
var InputWrapper$1$1$1$1$1 = styled__default.div(_templateObject19$1$1$1$1$1 || (_templateObject19$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n gap: 24px;\n"])));
|
|
11702
|
+
var TimeInputWrapper$1$1$1$1$1 = styled__default.div(_templateObject20$1$1$1$1$1 || (_templateObject20$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
|
|
11703
|
+
var StyledInput$1$1$1$1$1 = styled__default.input(_templateObject21$1$1$1$1$1 || (_templateObject21$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n outline: none;\n width: 60px;\n height: 30px;\n text-align: center;\n font-size: 16px;\n border-radius: 5px;\n background: white;\n border: 1px solid ", ";\n color: ", ";\n"])), colorVariables$1$1$1$1$1.border.extraBold, colorVariables$1$1$1$1$1.text.dark);
|
|
11704
|
+
var _templateObject$8$1$1$1$1$1, _templateObject2$5$1$1$1$1$1, _templateObject3$3$1$1$1$1$1, _templateObject4$2$1$1$1$1$1, _templateObject5$2$1$1$1$1$1, _templateObject6$2$1$1$1$1$1;
|
|
11705
|
+
var OptionContainer$1$1$1$1$1 = styled__default.div(_templateObject$8$1$1$1$1$1 || (_templateObject$8$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1([""])));
|
|
11706
|
+
var OptionItem$1$1$1$1$1 = styled__default.div(_templateObject2$5$1$1$1$1$1 || (_templateObject2$5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n border-bottom: ", ";\n"])), function (_ref) {
|
|
11707
|
+
var $optionBorder = _ref.$optionBorder,
|
|
11708
|
+
$isborder = _ref.$isborder;
|
|
11709
|
+
return $isborder ? $optionBorder || "1px solid " + colorVariables$1$1$1$1$1.border.extraLight : '';
|
|
11710
|
+
});
|
|
11711
|
+
var OptionLabel$1$1$1$1$1 = styled__default.label(_templateObject3$3$1$1$1$1$1 || (_templateObject3$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n cursor: pointer;\n display: flex;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n color: ", ";\n"])), function (_ref2) {
|
|
11712
|
+
var $optionColor = _ref2.$optionColor;
|
|
11713
|
+
switch ($optionColor) {
|
|
11714
|
+
case 'dark':
|
|
11715
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11716
|
+
case 'medium':
|
|
11717
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11718
|
+
case 'light':
|
|
11719
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11720
|
+
case 'white':
|
|
11721
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11722
|
+
case 'warning':
|
|
11723
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11724
|
+
case 'info':
|
|
11725
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11726
|
+
case 'success':
|
|
11727
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11728
|
+
case 'error':
|
|
11729
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11730
|
+
default:
|
|
11731
|
+
return $optionColor || colorVariables$1$1$1$1$1.text.medium;
|
|
11732
|
+
}
|
|
11733
|
+
});
|
|
11734
|
+
var SearchContainer$3$1$1$1$1 = styled__default.div(_templateObject4$2$1$1$1$1$1 || (_templateObject4$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border-bottom: ", ";\n border-radius: ", ";\n padding: 8px 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref3) {
|
|
11735
|
+
var $background = _ref3.$background;
|
|
11736
|
+
switch ($background) {
|
|
11737
|
+
case 'dark':
|
|
11738
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11739
|
+
case 'medium':
|
|
11740
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11741
|
+
case 'light':
|
|
11742
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11743
|
+
case 'white':
|
|
11744
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11745
|
+
case 'warning':
|
|
11746
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11747
|
+
case 'info':
|
|
11748
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11749
|
+
case 'success':
|
|
11750
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11751
|
+
case 'error':
|
|
11752
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11753
|
+
default:
|
|
11754
|
+
return $background;
|
|
11755
|
+
}
|
|
11756
|
+
}, function (_ref4) {
|
|
11757
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
11758
|
+
return $borderBottom || 'none';
|
|
11759
|
+
}, function (_ref5) {
|
|
11760
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
11761
|
+
return $borderRadius || '8px';
|
|
11762
|
+
});
|
|
11763
|
+
var SearchBar$3$1$1$1$1 = styled__default.input(_templateObject5$2$1$1$1$1$1 || (_templateObject5$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 14px;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), colorVariables$1$1$1$1$1["default"].tertiary, function (_ref6) {
|
|
11764
|
+
var $inputColor = _ref6.$inputColor;
|
|
11765
|
+
switch ($inputColor) {
|
|
11766
|
+
case 'dark':
|
|
11767
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11768
|
+
case 'medium':
|
|
11769
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11770
|
+
case 'light':
|
|
11771
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11772
|
+
case 'white':
|
|
11773
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11774
|
+
case 'warning':
|
|
11775
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11776
|
+
case 'info':
|
|
11777
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11778
|
+
case 'success':
|
|
11779
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11780
|
+
case 'error':
|
|
11781
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11782
|
+
default:
|
|
11783
|
+
return $inputColor;
|
|
11784
|
+
}
|
|
11785
|
+
}, function (_ref7) {
|
|
11786
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
11787
|
+
switch ($placeholderColor) {
|
|
11788
|
+
case 'dark':
|
|
11789
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11790
|
+
case 'medium':
|
|
11791
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11792
|
+
case 'light':
|
|
11793
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11794
|
+
case 'white':
|
|
11795
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11796
|
+
case 'warning':
|
|
11797
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11798
|
+
case 'info':
|
|
11799
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11800
|
+
case 'success':
|
|
11801
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11802
|
+
case 'error':
|
|
11803
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11804
|
+
default:
|
|
11805
|
+
return $placeholderColor;
|
|
11806
|
+
}
|
|
11807
|
+
});
|
|
11808
|
+
var Text$1$1$1$1$1 = styled__default.span(_templateObject6$2$1$1$1$1$1 || (_templateObject6$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n word-break: break-word;\n"])));
|
|
11809
|
+
var _templateObject$9$1$1$1$1$1, _templateObject2$6$1$1$1$1$1, _templateObject3$4$1$1$1$1$1, _templateObject4$3$1$1$1$1$1, _templateObject5$3$1$1$1$1$1, _templateObject6$3$1$1$1$1$1, _templateObject7$1$1$1$1$1$1, _templateObject8$1$1$1$1$1$1, _templateObject9$1$1$1$1$1$1, _templateObject10$1$1$1$1$1$1, _templateObject11$1$1$1$1$1$1;
|
|
11810
|
+
var DropdownContainer$2$1$1$1$1 = styled__default.div(_templateObject$9$1$1$1$1$1 || (_templateObject$9$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: ", ";\n height: ", ";\n max-width: 100%;\n position: relative;\n max-height: ", ";\n"])), function (_ref) {
|
|
11811
|
+
var $width = _ref.$width;
|
|
11812
|
+
return $width || '100%';
|
|
11813
|
+
}, function (_ref2) {
|
|
11814
|
+
var $height = _ref2.$height;
|
|
11815
|
+
return $height || '100%';
|
|
11816
|
+
}, function (_ref3) {
|
|
11817
|
+
var $replaceLabel = _ref3.$replaceLabel;
|
|
11818
|
+
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
11819
|
+
});
|
|
11820
|
+
var DropdownButton$2$1$1$1$1 = styled__default.div(_templateObject2$6$1$1$1$1$1 || (_templateObject2$6$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n overflow: ", ";\n padding: ", ";\n gap: 8px;\n box-sizing: border-box;\n transition: all 0.3s ease;\n width: ", ";\n height: ", ";\n border: ", ";\n border-radius: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: ", ";\n background: ", ";\n color: ", ";\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref4) {
|
|
11821
|
+
var $replaceLabel = _ref4.$replaceLabel;
|
|
11822
|
+
return $replaceLabel ? 'auto' : '';
|
|
11823
|
+
}, function (_ref5) {
|
|
11824
|
+
var $size = _ref5.$size;
|
|
11825
|
+
switch ($size) {
|
|
11826
|
+
case 'small':
|
|
11827
|
+
return '9px 12px';
|
|
11828
|
+
case 'large':
|
|
11829
|
+
return '24px 12px';
|
|
11830
|
+
default:
|
|
11831
|
+
return '14px 12px';
|
|
11832
|
+
}
|
|
11833
|
+
}, function (_ref6) {
|
|
11834
|
+
var $width = _ref6.$width;
|
|
11835
|
+
return $width ? $width : '100%';
|
|
11836
|
+
}, function (_ref7) {
|
|
11837
|
+
var $height = _ref7.$height;
|
|
11838
|
+
return $height || '100%';
|
|
11839
|
+
}, function (_ref8) {
|
|
11840
|
+
var $border = _ref8.$border,
|
|
11841
|
+
$isOpen = _ref8.$isOpen;
|
|
11842
|
+
return $isOpen ? "1px solid " + colorVariables$1$1$1$1$1.text.dark : $border || "1px solid " + colorVariables$1$1$1$1$1.border.light;
|
|
11843
|
+
}, function (_ref9) {
|
|
11844
|
+
var $borderRadius = _ref9.$borderRadius;
|
|
11845
|
+
return $borderRadius || '8px';
|
|
11846
|
+
}, function (_ref10) {
|
|
11847
|
+
var $disabled = _ref10.$disabled;
|
|
11848
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11849
|
+
}, function (_ref11) {
|
|
11850
|
+
var $background = _ref11.$background,
|
|
11851
|
+
$disabled = _ref11.$disabled;
|
|
11852
|
+
switch ($background) {
|
|
11853
|
+
case 'dark':
|
|
11854
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.dark;
|
|
11855
|
+
case 'medium':
|
|
11856
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.medium;
|
|
11857
|
+
case 'light':
|
|
11858
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.light;
|
|
11859
|
+
case 'white':
|
|
11860
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.white;
|
|
11861
|
+
case 'warning':
|
|
11862
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].warning;
|
|
11863
|
+
case 'info':
|
|
11864
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].info;
|
|
11865
|
+
case 'success':
|
|
11866
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].success;
|
|
11867
|
+
case 'error':
|
|
11868
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].error;
|
|
11869
|
+
default:
|
|
11870
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
11871
|
+
}
|
|
11872
|
+
}, function (_ref12) {
|
|
11873
|
+
var $color = _ref12.$color;
|
|
11874
|
+
return $color || colorVariables$1$1$1$1$1.text.medium;
|
|
11875
|
+
}, function (_ref13) {
|
|
11876
|
+
var $size = _ref13.$size;
|
|
11877
|
+
switch ($size) {
|
|
11878
|
+
case 'small':
|
|
11879
|
+
return '12px';
|
|
11880
|
+
case 'large':
|
|
11881
|
+
return '16px';
|
|
11882
|
+
default:
|
|
11883
|
+
return '14px';
|
|
11884
|
+
}
|
|
11885
|
+
}, function (_ref14) {
|
|
11886
|
+
var $size = _ref14.$size;
|
|
11887
|
+
switch ($size) {
|
|
11888
|
+
case 'small':
|
|
11889
|
+
return '12px';
|
|
11890
|
+
case 'large':
|
|
11891
|
+
return '16px';
|
|
11892
|
+
default:
|
|
11893
|
+
return '14px';
|
|
11894
|
+
}
|
|
11895
|
+
});
|
|
11896
|
+
var TitleText$2$1$1$1$1 = styled__default.div(_templateObject3$4$1$1$1$1$1 || (_templateObject3$4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: max-content;\n position: relative;\n font-weight: 500;\n font-size: ", ";\n line-height: ", ";\n\n color: ", ";\n"])), function (_ref15) {
|
|
11897
|
+
var $titleSize = _ref15.$titleSize,
|
|
11898
|
+
$size = _ref15.$size;
|
|
11899
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
11900
|
+
}, function (_ref16) {
|
|
11901
|
+
var $titleSize = _ref16.$titleSize,
|
|
11902
|
+
$size = _ref16.$size;
|
|
11903
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
11904
|
+
}, function (_ref17) {
|
|
11905
|
+
var $titleColor = _ref17.$titleColor;
|
|
11906
|
+
switch ($titleColor) {
|
|
11907
|
+
case 'dark':
|
|
11908
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11909
|
+
case 'medium':
|
|
11910
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11911
|
+
case 'light':
|
|
11912
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11913
|
+
case 'white':
|
|
11914
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11915
|
+
case 'warning':
|
|
11916
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11917
|
+
case 'info':
|
|
11918
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11919
|
+
case 'success':
|
|
11920
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11921
|
+
case 'error':
|
|
11922
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11923
|
+
default:
|
|
11924
|
+
return $titleColor;
|
|
11925
|
+
}
|
|
11926
|
+
});
|
|
11927
|
+
var Container$2$1$1$1$1$1 = styled__default.div(_templateObject4$3$1$1$1$1$1 || (_templateObject4$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n"])));
|
|
11928
|
+
var LabelText$2$1$1$1$1 = styled__default.div(_templateObject5$3$1$1$1$1$1 || (_templateObject5$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref18) {
|
|
11929
|
+
var $labelStyle = _ref18.$labelStyle;
|
|
11930
|
+
return $labelStyle;
|
|
11931
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
11932
|
+
var DropdownMenu$2$1$1$1$1 = styled__default.div(_templateObject6$3$1$1$1$1$1 || (_templateObject6$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n max-height: 156px;\n padding: 4px;\n box-sizing: border-box;\n border: 1px solid ", ";\n border-radius: ", ";\n width: ", ";\n background: ", ";\n display: flex;\n flex-direction: column;\n gap: 4px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n margin-top: 8px;\n overflow-y: auto;\n position: absolute;\n z-index: 2;\n scrollbar-width: thin;\n"])), colorVariables$1$1$1$1$1.border.light, function (_ref19) {
|
|
11933
|
+
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
11934
|
+
return $optionsBorderRadius || '8px';
|
|
11935
|
+
}, function (_ref20) {
|
|
11936
|
+
var $width = _ref20.$width;
|
|
11937
|
+
return $width ? $width : 'max-content';
|
|
11938
|
+
}, function (_ref21) {
|
|
11939
|
+
var $menuBackground = _ref21.$menuBackground;
|
|
11940
|
+
return $menuBackground || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
11941
|
+
});
|
|
11942
|
+
var SelectedOptionsWrapper$2$1$1$1$1 = styled__default.div(_templateObject7$1$1$1$1$1$1 || (_templateObject7$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
|
|
11943
|
+
var SelectedOptionDiv$2$1$1$1$1 = styled__default.div(_templateObject8$1$1$1$1$1$1 || (_templateObject8$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n background: ", ";\n border-radius: 4px;\n padding: 6px 8px;\n box-sizing: border-box;\n gap: 6px;\n font-family: NotoSans, sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 12px;\n color: ", ";\n"])), function (_ref22) {
|
|
11944
|
+
var $selectedOptionBackground = _ref22.$selectedOptionBackground,
|
|
11945
|
+
$disabled = _ref22.$disabled;
|
|
11946
|
+
switch ($selectedOptionBackground) {
|
|
11947
|
+
case 'dark':
|
|
11948
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11949
|
+
case 'medium':
|
|
11950
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11951
|
+
case 'light':
|
|
11952
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11953
|
+
case 'white':
|
|
11954
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11955
|
+
case 'warning':
|
|
11956
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.warning : colorVariables$1$1$1$1$1["default"].warning;
|
|
11957
|
+
case 'info':
|
|
11958
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.info : colorVariables$1$1$1$1$1["default"].info;
|
|
11959
|
+
case 'success':
|
|
11960
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.success : colorVariables$1$1$1$1$1["default"].success;
|
|
11961
|
+
case 'error':
|
|
11962
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.error : colorVariables$1$1$1$1$1["default"].error;
|
|
11963
|
+
default:
|
|
11964
|
+
return $selectedOptionBackground || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
11965
|
+
}
|
|
11966
|
+
}, function (_ref23) {
|
|
11967
|
+
var $selectedOptionColor = _ref23.$selectedOptionColor;
|
|
11968
|
+
switch ($selectedOptionColor) {
|
|
11969
|
+
case 'dark':
|
|
11970
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11971
|
+
case 'medium':
|
|
11972
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11973
|
+
case 'light':
|
|
11974
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11975
|
+
case 'white':
|
|
11976
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11977
|
+
case 'warning':
|
|
11978
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11979
|
+
case 'info':
|
|
11980
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11981
|
+
case 'success':
|
|
11982
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11983
|
+
case 'error':
|
|
11984
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11985
|
+
default:
|
|
11986
|
+
return $selectedOptionColor;
|
|
11987
|
+
}
|
|
11988
|
+
});
|
|
11989
|
+
var RemoveIcon$2$1$1$1$1 = styled__default.div(_templateObject9$1$1$1$1$1$1 || (_templateObject9$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 14px;\n height: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ", ";\n border-radius: 50%;\n box-sizing: border-box;\n background: ", ";\n > div {\n cursor: ", ";\n }\n"])), function (_ref24) {
|
|
11990
|
+
var $disabled = _ref24.$disabled;
|
|
11991
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11992
|
+
}, function (_ref25) {
|
|
11993
|
+
var removeIconBackground = _ref25.removeIconBackground,
|
|
11994
|
+
$type = _ref25.$type;
|
|
11995
|
+
return removeIconBackground ? removeIconBackground : $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1$1.disabled.primary;
|
|
11996
|
+
}, function (_ref26) {
|
|
11997
|
+
var $disabled = _ref26.$disabled;
|
|
11998
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11999
|
+
});
|
|
12000
|
+
var TextWrapper$1$1$1$1$1 = styled__default.div(_templateObject10$1$1$1$1$1$1 || (_templateObject10$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
12001
|
+
var Asterisk$1$1$1$1$1 = styled__default.span(_templateObject11$1$1$1$1$1$1 || (_templateObject11$1$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1$1$1["default"].error);
|
|
12002
|
+
var _templateObject$a$1$1$1$1$1, _templateObject2$7$1$1$1$1$1, _templateObject3$5$1$1$1$1$1;
|
|
12003
|
+
var SelectedOptionsWrapper$1$1$1$1$1$1 = styled__default.div(_templateObject$a$1$1$1$1$1 || (_templateObject$a$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
|
|
12004
|
+
var SelectedOptionDiv$1$1$1$1$1$1 = styled__default.div(_templateObject2$7$1$1$1$1$1 || (_templateObject2$7$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n background: ", ";\n border-radius: 4px;\n padding: 6px 8px;\n box-sizing: border-box;\n gap: 6px;\n font-family: NotoSans, sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 12px;\n color: ", ";\n"])), function (_ref) {
|
|
12005
|
+
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
12006
|
+
$type = _ref.$type;
|
|
12007
|
+
return $selectedOptionBackground || $type === 'remove' ? colorVariables$1$1$1$1$1.disabled.error : colorVariables$1$1$1$1$1.accent.softBlue;
|
|
12008
|
+
}, function (_ref2) {
|
|
12009
|
+
var $selectedOptionColor = _ref2.$selectedOptionColor,
|
|
12010
|
+
$type = _ref2.$type;
|
|
12011
|
+
return $selectedOptionColor || $type === 'remove' ? colorVariables$1$1$1$1$1["default"].error : colorVariables$1$1$1$1$1.brand.primary;
|
|
12012
|
+
});
|
|
12013
|
+
var RemoveIcon$1$1$1$1$1$1 = styled__default.div(_templateObject3$5$1$1$1$1$1 || (_templateObject3$5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 14px;\n height: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: 50%;\n box-sizing: border-box;\n background: ", ";\n"])), function (_ref3) {
|
|
12014
|
+
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
12015
|
+
$type = _ref3.$type;
|
|
12016
|
+
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1$1.disabled.primary;
|
|
12017
|
+
});
|
|
12018
|
+
var _templateObject$b$1$1$1$1$1, _templateObject2$8$1$1$1$1$1, _templateObject3$6$1$1$1$1$1, _templateObject4$4$1$1$1$1$1, _templateObject5$4$1$1$1$1$1, _templateObject6$4$1$1$1$1$1, _templateObject7$2$1$1$1$1$1, _templateObject8$2$1$1$1$1$1, _templateObject9$2$1$1$1$1$1, _templateObject10$2$1$1$1$1$1;
|
|
12019
|
+
var TitleText$1$1$1$1$1$1 = styled__default.label(_templateObject$b$1$1$1$1$1 || (_templateObject$b$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: relative;\n width: max-content;\n font-weight: ", ";\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
12020
|
+
var $titleWeight = _ref.$titleWeight;
|
|
12021
|
+
return $titleWeight || 500;
|
|
12022
|
+
}, function (_ref2) {
|
|
12023
|
+
var $size = _ref2.$size;
|
|
12024
|
+
switch ($size) {
|
|
12025
|
+
case 'small':
|
|
12026
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
12027
|
+
case 'medium':
|
|
12028
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12029
|
+
case 'large':
|
|
12030
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
12031
|
+
default:
|
|
12032
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12033
|
+
}
|
|
12034
|
+
}, function (_ref3) {
|
|
12035
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12036
|
+
switch ($titlecolor) {
|
|
12037
|
+
case 'dark':
|
|
12038
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12039
|
+
case 'medium':
|
|
12040
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12041
|
+
case 'light':
|
|
12042
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12043
|
+
case 'white':
|
|
12044
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12045
|
+
case 'warning':
|
|
12046
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12047
|
+
case 'info':
|
|
12048
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12049
|
+
case 'success':
|
|
12050
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12051
|
+
case 'error':
|
|
12052
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12053
|
+
default:
|
|
12054
|
+
return $titlecolor;
|
|
12055
|
+
}
|
|
12056
|
+
});
|
|
12057
|
+
var DropdownContainer$1$1$1$1$1$1 = styled__default.div(_templateObject2$8$1$1$1$1$1 || (_templateObject2$8$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: ", ";\n max-width: 100%;\n position: relative;\n gap: 8px;\n display: flex;\n"])), function (_ref4) {
|
|
12058
|
+
var $width = _ref4.$width;
|
|
12059
|
+
return $width || '100%';
|
|
12060
|
+
});
|
|
12061
|
+
var DropdownButton$1$1$1$1$1$1 = styled__default.div(_templateObject3$6$1$1$1$1$1 || (_templateObject3$6$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: ", ";\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border: ", ";\n gap: 6px;\n padding: ", ";\n background: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref5) {
|
|
12062
|
+
var $disabled = _ref5.$disabled;
|
|
12063
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12064
|
+
}, function (_ref6) {
|
|
12065
|
+
var $width = _ref6.$width;
|
|
12066
|
+
return $width ? $width : '100%';
|
|
12067
|
+
}, function (_ref7) {
|
|
12068
|
+
var $selectHeight = _ref7.$selectHeight;
|
|
12069
|
+
return $selectHeight || 'auto';
|
|
12070
|
+
}, function (_ref8) {
|
|
12071
|
+
var $borderRadius = _ref8.$borderRadius;
|
|
12072
|
+
return $borderRadius || '8px';
|
|
12073
|
+
}, function (_ref9) {
|
|
12074
|
+
var $border = _ref9.$border;
|
|
12075
|
+
return $border || "1px solid " + colorVariables$1$1$1$1$1.border.light;
|
|
12076
|
+
}, function (_ref10) {
|
|
12077
|
+
var $size = _ref10.$size;
|
|
12078
|
+
switch ($size) {
|
|
12079
|
+
case 'small':
|
|
12080
|
+
return '9px 12px';
|
|
12081
|
+
case 'large':
|
|
12082
|
+
return '24px 12px';
|
|
12083
|
+
default:
|
|
12084
|
+
return '13px 12px';
|
|
12085
|
+
}
|
|
12086
|
+
}, function (_ref11) {
|
|
12087
|
+
var $background = _ref11.$background,
|
|
12088
|
+
$disabled = _ref11.$disabled;
|
|
12089
|
+
return $disabled ? colorVariables$1$1$1$1$1.border.light : $background || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
12090
|
+
}, function (_ref12) {
|
|
12091
|
+
var $size = _ref12.$size;
|
|
12092
|
+
switch ($size) {
|
|
12093
|
+
case 'small':
|
|
12094
|
+
return '12px';
|
|
12095
|
+
case 'large':
|
|
12096
|
+
return '16px';
|
|
12097
|
+
default:
|
|
12098
|
+
return '14px';
|
|
12099
|
+
}
|
|
12100
|
+
}, function (_ref13) {
|
|
12101
|
+
var $size = _ref13.$size;
|
|
12102
|
+
switch ($size) {
|
|
12103
|
+
case 'small':
|
|
12104
|
+
return '12px';
|
|
12105
|
+
case 'large':
|
|
12106
|
+
return '16px';
|
|
12107
|
+
default:
|
|
12108
|
+
return '14px';
|
|
12109
|
+
}
|
|
12110
|
+
});
|
|
12111
|
+
var Options$1$1$1$1$1 = styled__default.div(_templateObject4$4$1$1$1$1$1 || (_templateObject4$4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n color: ", ";\n padding: 5px 10px;\n width: 100%;\n font-size: ", ";\n font-weight: ", ";\n background-color: ", ";\n\n \n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n\n }\n\n"])), function (_ref14) {
|
|
12112
|
+
var $optionColor = _ref14.$optionColor,
|
|
12113
|
+
$optionSelected = _ref14.$optionSelected;
|
|
12114
|
+
return $optionSelected ? colorVariables$1$1$1$1$1.text.white : $optionColor || colorVariables$1$1$1$1$1.text.medium;
|
|
12115
|
+
}, function (_ref15) {
|
|
12116
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
12117
|
+
return $optionFontSize || '14px';
|
|
12118
|
+
}, function (_ref16) {
|
|
12119
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
12120
|
+
return $optionFontWeight || 400;
|
|
12121
|
+
}, function (_ref17) {
|
|
12122
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
12123
|
+
$optionSelected = _ref17.$optionSelected;
|
|
12124
|
+
return $optionSelected ? colorVariables$1$1$1$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1$1$1$1["default"].tertiary;
|
|
12125
|
+
}, colorVariables$1$1$1$1$1.hover.primary, colorVariables$1$1$1$1$1.text.white);
|
|
12126
|
+
var LabelText$1$1$1$1$1$1 = styled__default.div(_templateObject5$4$1$1$1$1$1 || (_templateObject5$4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-size: ", ";\n line-height: ", ";\n font-style: ", ";\n color: ", ";\n"])), function (_ref18) {
|
|
12127
|
+
var $size = _ref18.$size;
|
|
12128
|
+
switch ($size) {
|
|
12129
|
+
case 'small':
|
|
12130
|
+
return '14px';
|
|
12131
|
+
case 'large':
|
|
12132
|
+
return '16px';
|
|
12133
|
+
default:
|
|
12134
|
+
return '14px';
|
|
12135
|
+
}
|
|
12136
|
+
}, function (_ref19) {
|
|
12137
|
+
var $size = _ref19.$size;
|
|
12138
|
+
switch ($size) {
|
|
12139
|
+
case 'small':
|
|
12140
|
+
return '12px';
|
|
12141
|
+
case 'large':
|
|
12142
|
+
return '16px';
|
|
12143
|
+
default:
|
|
12144
|
+
return '14px';
|
|
12145
|
+
}
|
|
12146
|
+
}, function (_ref20) {
|
|
12147
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
12148
|
+
return $fontStyle || '';
|
|
12149
|
+
}, function (_ref21) {
|
|
12150
|
+
var $color = _ref21.$color,
|
|
12151
|
+
$disabled = _ref21.$disabled;
|
|
12152
|
+
return $disabled ? colorVariables$1$1$1$1$1.text.medium : $color || colorVariables$1$1$1$1$1.text.medium;
|
|
12153
|
+
});
|
|
12154
|
+
var NoOptions$1$1$1$1$1 = styled__default(Span$1$1$1$1$1)(_templateObject6$4$1$1$1$1$1 || (_templateObject6$4$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n height: 100%;\n padding: 12px;\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
12155
|
+
var DropdownMenu$1$1$1$1$1$1 = styled__default.div(_templateObject7$2$1$1$1$1$1 || (_templateObject7$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n height: auto;\n max-height: 170px;\n border: 1px solid ", ";\n border-radius: ", ";\n min-width: 100%;\n width: ", ";\n background: ", ";\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n overflow: hidden; \n position: absolute;\n z-index: 1;\n ", "\n ", "\n \n"])), colorVariables$1$1$1$1$1.border.light, function (_ref22) {
|
|
12156
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
12157
|
+
return $optionsBorderRadius || '8px';
|
|
12158
|
+
}, function (_ref23) {
|
|
12159
|
+
var $width = _ref23.$width;
|
|
12160
|
+
return $width ? $width : 'max-content';
|
|
12161
|
+
}, function (_ref24) {
|
|
12162
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
12163
|
+
return $menuBackground || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
12164
|
+
}, function (_ref25) {
|
|
12165
|
+
var $top = _ref25.$top;
|
|
12166
|
+
return $top && "top: " + $top + ";";
|
|
12167
|
+
}, function (_ref26) {
|
|
12168
|
+
var $bottom = _ref26.$bottom;
|
|
12169
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
12170
|
+
});
|
|
12171
|
+
var OptionsWrapper$1$1$1$1$1 = styled__default.div(_templateObject8$2$1$1$1$1$1 || (_templateObject8$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n max-height: 150px; \n overflow-y: auto; \n width: 100%;\n"])));
|
|
12172
|
+
var SearchContainer$1$1$1$1$1$1 = styled__default.div(_templateObject9$2$1$1$1$1$1 || (_templateObject9$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n background: ", ";\n border: ", ";\n border-bottom: 1px solid ", ";\n border-radius: ", ";\n padding: 10px 12px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n position: sticky;\n top: 0;\n z-index: 10; \n"])), function (_ref27) {
|
|
12173
|
+
var $background = _ref27.$background;
|
|
12174
|
+
return $background || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
12175
|
+
}, function (_ref28) {
|
|
12176
|
+
var $border = _ref28.$border;
|
|
12177
|
+
return $border || 'none';
|
|
12178
|
+
}, colorVariables$1$1$1$1$1.border.light, function (_ref29) {
|
|
12179
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
12180
|
+
return $borderRadius || '8px 8px 0 0';
|
|
12181
|
+
});
|
|
12182
|
+
var SearchBar$1$1$1$1$1$1 = styled__default.input(_templateObject10$2$1$1$1$1$1 || (_templateObject10$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n border: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 14px;\n line-height: normal;\n background: transparent;\n color: ", ";\n outline: none;\n \n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), function (_ref30) {
|
|
12183
|
+
var $inputColor = _ref30.$inputColor;
|
|
12184
|
+
return $inputColor || colorVariables$1$1$1$1$1.text.medium;
|
|
12185
|
+
}, function (_ref31) {
|
|
12186
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
12187
|
+
return $placeholderColor || colorVariables$1$1$1$1$1.text.light;
|
|
12188
|
+
});
|
|
12189
|
+
var _templateObject$c$1$1$1$1$1, _templateObject2$9$1$1$1$1$1;
|
|
12190
|
+
var ModalOverlay$1$1$1$1$1 = styled__default.div(_templateObject$c$1$1$1$1$1 || (_templateObject$c$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
12191
|
+
var ModalContainer$1$1$1$1$1 = styled__default.div(_templateObject2$9$1$1$1$1$1 || (_templateObject2$9$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-width: ", ";\n"])), colorVariables$1$1$1$1$1.accent.light, function (_ref) {
|
|
12192
|
+
var maxWidth = _ref.maxWidth;
|
|
12193
|
+
return maxWidth ? maxWidth : '400px';
|
|
12194
|
+
});
|
|
12195
|
+
var _templateObject$d$1$1$1$1$1, _templateObject2$a$1$1$1$1$1;
|
|
12196
|
+
var SearchContainer$2$1$1$1$1$1 = styled__default.div(_templateObject$d$1$1$1$1$1 || (_templateObject$d$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n height: 100%;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 5.5px 8px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref) {
|
|
12197
|
+
var $background = _ref.$background;
|
|
12198
|
+
return $background || colorVariables$1$1$1$1$1["default"].tertiary;
|
|
12199
|
+
}, function (_ref2) {
|
|
12200
|
+
var $border = _ref2.$border;
|
|
12201
|
+
return $border || 'none';
|
|
12202
|
+
}, function (_ref3) {
|
|
12203
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
12204
|
+
return $borderRadius || '8px';
|
|
12205
|
+
});
|
|
12206
|
+
var SearchBar$2$1$1$1$1$1 = styled__default.input(_templateObject2$a$1$1$1$1$1 || (_templateObject2$a$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n border: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 14px;\n line-height: normal;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n position: absolute;\n top: 1px;\n }\n"])), colorVariables$1$1$1$1$1["default"].tertiary, function (_ref4) {
|
|
12207
|
+
var $inputColor = _ref4.$inputColor;
|
|
12208
|
+
return $inputColor || colorVariables$1$1$1$1$1.text.medium;
|
|
12209
|
+
}, function (_ref5) {
|
|
12210
|
+
var $placeholderColor = _ref5.$placeholderColor;
|
|
12211
|
+
return $placeholderColor || colorVariables$1$1$1$1$1.text.light;
|
|
12212
|
+
});
|
|
12213
|
+
var _templateObject$e$1$1$1$1$1, _templateObject2$b$1$1$1$1$1, _templateObject3$7$1$1$1$1$1, _templateObject4$5$1$1$1$1$1, _templateObject5$5$1$1$1$1$1, _templateObject6$5$1$1$1$1$1;
|
|
12214
|
+
var Container$3$1$1$1$1$1 = styled__default.div(_templateObject$e$1$1$1$1$1 || (_templateObject$e$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
12215
|
+
var $padding = _ref.$padding;
|
|
12216
|
+
return $padding;
|
|
12217
|
+
});
|
|
12218
|
+
var Label = styled__default.label(_templateObject2$b$1$1$1$1$1 || (_templateObject2$b$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
12219
|
+
var $size = _ref2.$size;
|
|
12220
|
+
switch ($size) {
|
|
12221
|
+
case 'small':
|
|
12222
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
12223
|
+
case 'medium':
|
|
12224
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12225
|
+
case 'large':
|
|
12226
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
12227
|
+
default:
|
|
12228
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12229
|
+
}
|
|
12230
|
+
}, function (_ref3) {
|
|
12231
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12232
|
+
switch ($titlecolor) {
|
|
12233
|
+
case 'dark':
|
|
12234
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12235
|
+
case 'medium':
|
|
12236
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12237
|
+
case 'light':
|
|
12238
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12239
|
+
case 'white':
|
|
12240
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12241
|
+
case 'warning':
|
|
12242
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12243
|
+
case 'info':
|
|
12244
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12245
|
+
case 'success':
|
|
12246
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12247
|
+
case 'error':
|
|
12248
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12249
|
+
default:
|
|
12250
|
+
return $titlecolor;
|
|
12251
|
+
}
|
|
12252
|
+
});
|
|
12253
|
+
var Input = styled__default.input(_templateObject3$7$1$1$1$1$1 || (_templateObject3$7$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1$1$1.border.light, function (_ref4) {
|
|
12254
|
+
var $disabled = _ref4.$disabled;
|
|
12255
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12256
|
+
}, function (_ref5) {
|
|
12257
|
+
var $disabled = _ref5.$disabled,
|
|
12258
|
+
$background = _ref5.$background;
|
|
12259
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
12260
|
+
}, function (_ref6) {
|
|
12261
|
+
var $color = _ref6.$color;
|
|
12262
|
+
return $color;
|
|
12263
|
+
}, function (_ref7) {
|
|
12264
|
+
var $size = _ref7.$size;
|
|
12265
|
+
switch ($size) {
|
|
12266
|
+
case 'small':
|
|
12267
|
+
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
12268
|
+
case 'medium':
|
|
12269
|
+
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
12270
|
+
case 'large':
|
|
12271
|
+
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
12272
|
+
default:
|
|
12273
|
+
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
12274
|
+
}
|
|
12275
|
+
}, function (_ref8) {
|
|
12276
|
+
var $color = _ref8.$color;
|
|
12277
|
+
switch ($color) {
|
|
12278
|
+
case 'dark':
|
|
12279
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12280
|
+
case 'medium':
|
|
12281
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12282
|
+
case 'light':
|
|
12283
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12284
|
+
case 'white':
|
|
12285
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12286
|
+
case 'warning':
|
|
12287
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12288
|
+
case 'info':
|
|
12289
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12290
|
+
case 'success':
|
|
12291
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12292
|
+
case 'error':
|
|
12293
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12294
|
+
default:
|
|
12295
|
+
return $color;
|
|
12296
|
+
}
|
|
12297
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
12298
|
+
var InputWrapper$1$1$1$1$1$1 = styled__default.div(_templateObject4$5$1$1$1$1$1 || (_templateObject4$5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
12299
|
+
var IconWrapper$1$1$1$1$1$1 = styled__default.div(_templateObject5$5$1$1$1$1$1 || (_templateObject5$5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref9) {
|
|
12300
|
+
var $disabled = _ref9.$disabled;
|
|
12301
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12302
|
+
});
|
|
12303
|
+
var Asterisk$1$1$1$1$1$1 = styled__default.span(_templateObject6$5$1$1$1$1$1 || (_templateObject6$5$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1$1$1["default"].error);
|
|
12304
|
+
var _templateObject$f, _templateObject2$c, _templateObject3$8;
|
|
12305
|
+
var Container$4 = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
12306
|
+
var $padding = _ref.$padding;
|
|
12307
|
+
return $padding;
|
|
12308
|
+
});
|
|
12309
|
+
var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n cursor: auto;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
12310
|
+
var $size = _ref2.$size;
|
|
12311
|
+
switch ($size) {
|
|
12312
|
+
case 'small':
|
|
12313
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
12314
|
+
case 'medium':
|
|
12315
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12316
|
+
case 'large':
|
|
12317
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
12318
|
+
default:
|
|
12319
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12320
|
+
}
|
|
12321
|
+
}, function (_ref3) {
|
|
12322
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12323
|
+
return $titlecolor || colorVariables$1$1$1$1$1.text.dark;
|
|
12324
|
+
});
|
|
12325
|
+
var TextAreaComponent = styled__default.textarea(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n resize: none;\n height: 100%;\n \n ", "\n\n &:focus {\n border-color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1$1$1.border.light, function (_ref4) {
|
|
12326
|
+
var $disabled = _ref4.$disabled;
|
|
12327
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12328
|
+
}, function (_ref5) {
|
|
12329
|
+
var $disabled = _ref5.$disabled,
|
|
12330
|
+
$background = _ref5.$background;
|
|
12331
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
12332
|
+
}, function (_ref6) {
|
|
12333
|
+
var $color = _ref6.$color;
|
|
12334
|
+
return $color;
|
|
12335
|
+
}, function (_ref7) {
|
|
12336
|
+
var $size = _ref7.$size;
|
|
12337
|
+
switch ($size) {
|
|
12338
|
+
case 'small':
|
|
12339
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
12340
|
+
case 'medium':
|
|
12341
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
12342
|
+
case 'large':
|
|
12343
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
12344
|
+
default:
|
|
12345
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
12346
|
+
}
|
|
12347
|
+
}, function (_ref8) {
|
|
12348
|
+
var $color = _ref8.$color;
|
|
12349
|
+
return $color || colorVariables$1$1$1$1$1.text.dark;
|
|
12350
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
12351
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$9, _templateObject4$6, _templateObject5$6, _templateObject6$6, _templateObject7$3$1$1$1$1$1;
|
|
12352
|
+
var OptionContainer$1$1$1$1$1$1 = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n z-index: 2;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n position: absolute;\n padding: 4px;\n top: 40px;\n left: 0px;\n background: ", ";\n max-width: 192px;\n min-width: 192px;\n height: auto;\n max-height: 175px;\n"])), colorVariables$1$1$1$1$1.text.white);
|
|
12353
|
+
var OptionItem$1$1$1$1$1$1 = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n color: ", ";\n background-color: ", ";\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
12354
|
+
var $optionSelected = _ref.$optionSelected;
|
|
12355
|
+
return $optionSelected ? colorVariables$1$1$1$1$1.text.white : colorVariables$1$1$1$1$1.text.medium;
|
|
12356
|
+
}, function (_ref2) {
|
|
12357
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
12358
|
+
return $optionSelected ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1.text.white;
|
|
12359
|
+
}, colorVariables$1$1$1$1$1.hover.primary, colorVariables$1$1$1$1$1.text.white);
|
|
12360
|
+
var TotalOptionsHeader = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n z-index: 2;\n background: ", ";\n color: ", ";\n height: max-content;\n padding: 8px 4px;\n gap: 4px;\n border-bottom: 1px solid ", ";\n font-size:12px;\n"])), colorVariables$1$1$1$1$1.text.white, colorVariables$1$1$1$1$1.text.light, colorVariables$1$1$1$1$1.text.light);
|
|
12361
|
+
var OptionLabel$1$1$1$1$1$1 = styled__default.label(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n cursor: pointer;\n height: max-content;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n"])));
|
|
12362
|
+
var SearchContainer$3$1$1$1$1$1 = styled__default.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 6.5px 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n"])), function (_ref3) {
|
|
12363
|
+
var $background = _ref3.$background;
|
|
12364
|
+
switch ($background) {
|
|
12365
|
+
case 'dark':
|
|
12366
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12367
|
+
case 'medium':
|
|
12368
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12369
|
+
case 'light':
|
|
12370
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12371
|
+
case 'white':
|
|
12372
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12373
|
+
case 'warning':
|
|
12374
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12375
|
+
case 'info':
|
|
12376
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12377
|
+
case 'success':
|
|
12378
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12379
|
+
case 'error':
|
|
12380
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12381
|
+
default:
|
|
12382
|
+
return $background;
|
|
12383
|
+
}
|
|
12384
|
+
}, function (_ref4) {
|
|
12385
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
12386
|
+
return $borderBottom || 'none';
|
|
12387
|
+
}, function (_ref5) {
|
|
12388
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
12389
|
+
return $borderRadius || '8px';
|
|
12390
|
+
});
|
|
12391
|
+
var SearchBar$3$1$1$1$1$1 = styled__default.input(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n background: ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-size: 14px;\n }\n"])), colorVariables$1$1$1$1$1["default"].tertiary, function (_ref6) {
|
|
12392
|
+
var $inputColor = _ref6.$inputColor;
|
|
12393
|
+
switch ($inputColor) {
|
|
12394
|
+
case 'dark':
|
|
12395
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12396
|
+
case 'medium':
|
|
12397
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12398
|
+
case 'light':
|
|
12399
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12400
|
+
case 'white':
|
|
12401
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12402
|
+
case 'warning':
|
|
12403
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12404
|
+
case 'info':
|
|
12405
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12406
|
+
case 'success':
|
|
12407
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12408
|
+
case 'error':
|
|
12409
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12410
|
+
default:
|
|
12411
|
+
return $inputColor;
|
|
12412
|
+
}
|
|
12413
|
+
}, function (_ref7) {
|
|
12414
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
12415
|
+
switch ($placeholderColor) {
|
|
12416
|
+
case 'dark':
|
|
12417
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12418
|
+
case 'medium':
|
|
12419
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12420
|
+
case 'light':
|
|
12421
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12422
|
+
case 'white':
|
|
12423
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12424
|
+
case 'warning':
|
|
12425
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12426
|
+
case 'info':
|
|
12427
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12428
|
+
case 'success':
|
|
12429
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12430
|
+
case 'error':
|
|
12431
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12432
|
+
default:
|
|
12433
|
+
return $placeholderColor;
|
|
12434
|
+
}
|
|
12435
|
+
});
|
|
12436
|
+
var OptionsWrapper$1$1$1$1$1$1 = styled__default.div(_templateObject7$3$1$1$1$1$1 || (_templateObject7$3$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1$1$1$1$1.text.white);
|
|
12437
|
+
var _templateObject$h, _templateObject2$e, _templateObject3$a, _templateObject4$7;
|
|
12438
|
+
var spin$1$1$1$1$1$1 = styled.keyframes(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
12439
|
+
var getDotPosition = function getDotPosition(index, size) {
|
|
12440
|
+
var angle = index * 360 / 8;
|
|
12441
|
+
var radius = size / 2.5;
|
|
12442
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
12443
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
12444
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
12445
|
+
};
|
|
12446
|
+
var SpinnerContainer = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
12447
|
+
var $size = _ref.$size;
|
|
12448
|
+
return $size;
|
|
12449
|
+
}, function (_ref2) {
|
|
12450
|
+
var $size = _ref2.$size;
|
|
12451
|
+
return $size;
|
|
12452
|
+
});
|
|
12453
|
+
var Dot = styled__default.div.attrs(function (_ref3) {
|
|
12454
|
+
var $index = _ref3.$index,
|
|
12455
|
+
$size = _ref3.$size;
|
|
12456
|
+
return {
|
|
12457
|
+
style: {
|
|
12458
|
+
transform: getDotPosition($index, $size)
|
|
12459
|
+
}
|
|
12460
|
+
};
|
|
12461
|
+
})(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n position: absolute;\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: 50%;\n animation: ", " ", "s linear infinite;\n animation-delay: ", "s;\n"])), function (_ref4) {
|
|
12462
|
+
var $dotSize = _ref4.$dotSize;
|
|
12463
|
+
return $dotSize;
|
|
12464
|
+
}, function (_ref5) {
|
|
12465
|
+
var $dotSize = _ref5.$dotSize;
|
|
12466
|
+
return $dotSize;
|
|
12467
|
+
}, function (_ref6) {
|
|
12468
|
+
var $color = _ref6.$color;
|
|
12469
|
+
return $color;
|
|
12470
|
+
}, spin$1$1$1$1$1$1, function (_ref7) {
|
|
12471
|
+
var $speed = _ref7.$speed;
|
|
12472
|
+
return $speed;
|
|
12473
|
+
}, function (_ref8) {
|
|
12474
|
+
var $index = _ref8.$index,
|
|
12475
|
+
$speed = _ref8.$speed;
|
|
12476
|
+
return $index * $speed / 8;
|
|
12477
|
+
});
|
|
12478
|
+
var SpinnerWrapper = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
12479
|
+
var _templateObject$i, _templateObject2$f;
|
|
12480
|
+
var spin$2 = styled.keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
12481
|
+
var Spinner$1$1$1$1$1$1 = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
12482
|
+
var $size = _ref.$size;
|
|
12483
|
+
return $size;
|
|
12484
|
+
}, function (_ref2) {
|
|
12485
|
+
var $size = _ref2.$size;
|
|
12486
|
+
return $size;
|
|
12487
|
+
}, function (_ref3) {
|
|
12488
|
+
var $color = _ref3.$color;
|
|
12489
|
+
return $color;
|
|
12490
|
+
}, spin$2);
|
|
12491
|
+
var _templateObject$j;
|
|
12492
|
+
var PageInput = styled__default.input(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 4px;\n color: ", ";\n text-align: center;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), colorVariables$1$1$1$1$1.accent.extraLight, colorVariables$1$1$1$1$1.border.light, colorVariables$1$1$1$1$1.text.dark);
|
|
12493
|
+
var _templateObject$k, _templateObject2$g, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$7;
|
|
12494
|
+
var SidebarContainer = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: ", ";\n height: 100vh;\n background: ", "; \n transition: width 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10;\n justify-content: space-between;\n"])), function (_ref) {
|
|
12495
|
+
var $isExpanded = _ref.$isExpanded;
|
|
12496
|
+
return $isExpanded ? '225px' : '68px';
|
|
12497
|
+
}, function (_ref2) {
|
|
12498
|
+
var $background = _ref2.$background;
|
|
12499
|
+
return $background ? $background : colorVariables$1$1$1$1$1.accent.softBlue;
|
|
12500
|
+
});
|
|
12501
|
+
var SidebarItem = styled__default(reactRouterDom.NavLink)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables$1$1$1$1$1.text.medium, colorVariables$1$1$1$1$1["default"].primary);
|
|
12502
|
+
var ContentWrapper = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
12503
|
+
var IconWrapper$2 = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n background: ", "; \n font-weight: bold;\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > div:first-child {\n cursor: pointer;\n }\n"])), function (_ref3) {
|
|
12504
|
+
var $selected = _ref3.$selected;
|
|
12505
|
+
return $selected ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1["default"].tertiary;
|
|
12506
|
+
});
|
|
12507
|
+
var Logo = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: start;\n gap: 10px;\n"])));
|
|
12508
|
+
var TextContainer = styled__default.span(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
|
|
12509
|
+
var $padding = _ref4.$padding;
|
|
12510
|
+
return $padding;
|
|
12511
|
+
}, function (_ref5) {
|
|
12512
|
+
var $fontSize = _ref5.$fontSize;
|
|
12513
|
+
return $fontSize ? $fontSize : '20px';
|
|
12514
|
+
}, function (_ref6) {
|
|
12515
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
12516
|
+
return $fontWeight ? $fontWeight : '500';
|
|
12517
|
+
}, function (_ref7) {
|
|
12518
|
+
var $color = _ref7.$color;
|
|
12519
|
+
return $color ? $color : colorVariables$1$1$1$1$1["default"].primary;
|
|
12520
|
+
}, function (_ref8) {
|
|
12521
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
12522
|
+
return $isExpanded ? 1 : 0;
|
|
12523
|
+
}, function (_ref9) {
|
|
12524
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
12525
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
12526
|
+
});
|
|
12527
|
+
var _templateObject$l, _templateObject2$h, _templateObject3$c, _templateObject4$9;
|
|
12528
|
+
var ContainerWrapper = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n min-height: ", ";\n word-break: break-word;\n"])), function (props) {
|
|
12529
|
+
return props.$width || 'auto';
|
|
12530
|
+
}, function (_ref) {
|
|
12531
|
+
var $minHeight = _ref.$minHeight;
|
|
12532
|
+
return $minHeight;
|
|
12533
|
+
});
|
|
12534
|
+
var CellContainer = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
12535
|
+
return props.$align;
|
|
12536
|
+
}, function (props) {
|
|
12537
|
+
return props.$width || 'auto';
|
|
12538
|
+
}, function (props) {
|
|
12539
|
+
return props.$minWidth;
|
|
12540
|
+
}, function (props) {
|
|
12541
|
+
return props.$background || 'inherit';
|
|
12542
|
+
}, function (props) {
|
|
12543
|
+
return props.$padding;
|
|
12544
|
+
});
|
|
12545
|
+
var MainText = styled__default.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12546
|
+
return props.$mtc;
|
|
12547
|
+
}, function (props) {
|
|
12548
|
+
return props.$mtfs;
|
|
12549
|
+
}, function (props) {
|
|
12550
|
+
return props.$mtw;
|
|
12551
|
+
});
|
|
12552
|
+
var SubText = styled__default.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12553
|
+
return props.$stc;
|
|
12554
|
+
}, function (props) {
|
|
12555
|
+
return props.$stfs;
|
|
12556
|
+
}, function (props) {
|
|
12557
|
+
return props.$stw;
|
|
12558
|
+
});
|
|
12559
|
+
var _templateObject$m;
|
|
12560
|
+
var TableRowContainer = styled.styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
12561
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$d, _templateObject4$a, _templateObject5$8;
|
|
12562
|
+
var TableContainer = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1$1$1$1$1.brand.light);
|
|
12563
|
+
var TableHeader = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
12564
|
+
return props.$hbcolor || 'transparent';
|
|
12565
|
+
}, function (props) {
|
|
12566
|
+
return props.$tcolor || 'white';
|
|
12567
|
+
});
|
|
12568
|
+
var TableContent = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
12569
|
+
var TableData = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
12570
|
+
var Divider = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1$1$1$1.border.extraLight);
|
|
12571
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$e, _templateObject4$b, _templateObject5$9;
|
|
12572
|
+
var Container$5 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 24px;\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
12573
|
+
var $border = _ref.$border;
|
|
12574
|
+
return $border;
|
|
12575
|
+
});
|
|
12576
|
+
var FirstContainer = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables$1$1$1$1$1.border.light, function (_ref2) {
|
|
12577
|
+
var $headerPadding = _ref2.$headerPadding;
|
|
12578
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
12579
|
+
});
|
|
12580
|
+
var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: auto;\n display: flex;\n align-items: center;\n cursor: ", ";\n opacity: ", ";\n gap: 8px;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: ", ";\n height: ", ";\n\n svg {\n cursor: ", ";\n }\n\n"])), function (_ref3) {
|
|
12581
|
+
var $disabled = _ref3.$disabled;
|
|
12582
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12583
|
+
}, function (_ref4) {
|
|
12584
|
+
var $disabled = _ref4.$disabled;
|
|
12585
|
+
return $disabled ? '0.6' : '1';
|
|
12586
|
+
}, colorVariables$1$1$1$1$1.text.medium, function (_ref5) {
|
|
12587
|
+
var $headerHeight = _ref5.$headerHeight;
|
|
12588
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12589
|
+
}, function (_ref6) {
|
|
12590
|
+
var $disabled = _ref6.$disabled;
|
|
12591
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12592
|
+
});
|
|
12593
|
+
var TabItemContainer = styled__default.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 8px;\n height: 100%;\n max-height: ", ";\n\n &:after {\n content: \"\";\n display: ", ";\n width: 100%;\n height: 3px;\n background: ", ";\n position: absolute;\n bottom: -1px;\n left: 0px;\n }\n"])), function (_ref7) {
|
|
12594
|
+
var $headerHeight = _ref7.$headerHeight;
|
|
12595
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12596
|
+
}, function (props) {
|
|
12597
|
+
return props.$active ? 'block' : 'none';
|
|
12598
|
+
}, colorVariables$1$1$1$1$1["default"].primary);
|
|
12599
|
+
var DetailsFirstContainer = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n text-align: center;\n font-size: 14px;\n line-height: 18px;\n font-weight: 500;\n font-family: NotoSans, sans-serif;\n height: 100%;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (props) {
|
|
12600
|
+
return props.$active ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1.text.medium;
|
|
12601
|
+
});
|
|
12602
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$8;
|
|
12603
|
+
var Container$6 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
12604
|
+
var $padding = _ref.$padding;
|
|
12605
|
+
return $padding;
|
|
12606
|
+
});
|
|
12607
|
+
var Label$2 = styled__default.label(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose$1$1$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
12608
|
+
var $size = _ref2.$size;
|
|
12609
|
+
switch ($size) {
|
|
12610
|
+
case 'small':
|
|
12611
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
12612
|
+
case 'medium':
|
|
12613
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12614
|
+
case 'large':
|
|
12615
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
12616
|
+
default:
|
|
12617
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12618
|
+
}
|
|
12619
|
+
}, function (_ref3) {
|
|
12620
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12621
|
+
switch ($titlecolor) {
|
|
12622
|
+
case 'dark':
|
|
12623
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12624
|
+
case 'medium':
|
|
12625
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12626
|
+
case 'light':
|
|
12627
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12628
|
+
case 'white':
|
|
12629
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12630
|
+
case 'warning':
|
|
12631
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12632
|
+
case 'info':
|
|
12633
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12634
|
+
case 'success':
|
|
12635
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12636
|
+
case 'error':
|
|
12637
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12638
|
+
default:
|
|
12639
|
+
return $titlecolor;
|
|
12640
|
+
}
|
|
12641
|
+
});
|
|
12642
|
+
var Input$1 = styled__default.input(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n pointer-events: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1$1$1.border.light, function (_ref4) {
|
|
12643
|
+
var $disabled = _ref4.$disabled;
|
|
12644
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12645
|
+
}, function (_ref5) {
|
|
12646
|
+
var $disabled = _ref5.$disabled,
|
|
12647
|
+
$background = _ref5.$background;
|
|
12648
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
12649
|
+
}, function (_ref6) {
|
|
12650
|
+
var $color = _ref6.$color;
|
|
12651
|
+
return $color;
|
|
12652
|
+
}, function (_ref7) {
|
|
12653
|
+
var $disabled = _ref7.$disabled;
|
|
12654
|
+
return $disabled ? 'none' : 'auto';
|
|
12655
|
+
}, function (_ref8) {
|
|
12656
|
+
var $size = _ref8.$size;
|
|
12657
|
+
switch ($size) {
|
|
12658
|
+
case 'small':
|
|
12659
|
+
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
12660
|
+
case 'medium':
|
|
12661
|
+
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
12662
|
+
case 'large':
|
|
12663
|
+
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
12664
|
+
default:
|
|
12665
|
+
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
12666
|
+
}
|
|
12667
|
+
}, function (_ref9) {
|
|
12668
|
+
var $color = _ref9.$color;
|
|
12669
|
+
switch ($color) {
|
|
12670
|
+
case 'dark':
|
|
12671
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12672
|
+
case 'medium':
|
|
12673
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12674
|
+
case 'light':
|
|
12675
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12676
|
+
case 'white':
|
|
12677
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12678
|
+
case 'warning':
|
|
12679
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12680
|
+
case 'info':
|
|
12681
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12682
|
+
case 'success':
|
|
12683
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12684
|
+
case 'error':
|
|
12685
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12686
|
+
default:
|
|
12687
|
+
return $color;
|
|
12688
|
+
}
|
|
12689
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
12690
|
+
var InputWrapper$2 = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
12691
|
+
var IconWrapper$3 = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
12692
|
+
var $disabled = _ref10.$disabled;
|
|
12693
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12694
|
+
});
|
|
12695
|
+
var Asterisk$2 = styled__default.span(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose$1$1$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1$1$1["default"].error);
|
|
12696
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$g;
|
|
12697
|
+
var Container$7 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
12698
|
+
var $padding = _ref.$padding;
|
|
12699
|
+
return $padding;
|
|
12700
|
+
});
|
|
12701
|
+
var Label$3 = styled__default.label(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose$1$1$1$1(["\n cursor: auto;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
12702
|
+
var $size = _ref2.$size;
|
|
12703
|
+
switch ($size) {
|
|
12704
|
+
case 'small':
|
|
12705
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
12706
|
+
case 'medium':
|
|
12707
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12708
|
+
case 'large':
|
|
12709
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
12710
|
+
default:
|
|
12711
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12712
|
+
}
|
|
12713
|
+
}, function (_ref3) {
|
|
12714
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12715
|
+
return $titlecolor || colorVariables$1$1$1$1.text.dark;
|
|
12716
|
+
});
|
|
12717
|
+
var TextAreaComponent$1 = styled__default.textarea(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n resize: none;\n height: 100%;\n \n ", "\n\n &:focus {\n border-color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1$1.border.light, function (_ref4) {
|
|
12718
|
+
var $disabled = _ref4.$disabled;
|
|
12719
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12720
|
+
}, function (_ref5) {
|
|
12721
|
+
var $disabled = _ref5.$disabled,
|
|
12722
|
+
$background = _ref5.$background;
|
|
12723
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : $background;
|
|
12724
|
+
}, function (_ref6) {
|
|
12725
|
+
var $color = _ref6.$color;
|
|
12726
|
+
return $color;
|
|
12727
|
+
}, function (_ref7) {
|
|
12728
|
+
var $size = _ref7.$size;
|
|
12729
|
+
switch ($size) {
|
|
12730
|
+
case 'small':
|
|
12731
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
12732
|
+
case 'medium':
|
|
12733
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
12734
|
+
case 'large':
|
|
12735
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
12736
|
+
default:
|
|
12737
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
12738
|
+
}
|
|
12739
|
+
}, function (_ref8) {
|
|
12740
|
+
var $color = _ref8.$color;
|
|
12741
|
+
return $color || colorVariables$1$1$1$1.text.dark;
|
|
12742
|
+
}, colorVariables$1$1$1$1.text.light);
|
|
12743
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$9, _templateObject7$4;
|
|
12744
|
+
var OptionContainer$2 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose$1$1$1$1(["\n z-index: 2;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n position: absolute;\n padding: 4px;\n top: 40px;\n left: 0px;\n background: ", ";\n max-width: 192px;\n min-width: 192px;\n height: auto;\n max-height: 175px;\n"])), colorVariables$1$1$1$1.text.white);
|
|
12745
|
+
var OptionItem$2 = styled__default.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose$1$1$1$1(["\n color: ", ";\n background-color: ", ";\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
12746
|
+
var $optionSelected = _ref.$optionSelected;
|
|
12747
|
+
return $optionSelected ? colorVariables$1$1$1$1.text.white : colorVariables$1$1$1$1.text.medium;
|
|
12748
|
+
}, function (_ref2) {
|
|
12749
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
12750
|
+
return $optionSelected ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1.text.white;
|
|
12751
|
+
}, colorVariables$1$1$1$1.hover.primary, colorVariables$1$1$1$1.text.white);
|
|
12752
|
+
var TotalOptionsHeader$1 = styled__default.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n z-index: 2;\n background: ", ";\n color: ", ";\n height: max-content;\n padding: 8px 4px;\n gap: 4px;\n border-bottom: 1px solid ", ";\n font-size:12px;\n"])), colorVariables$1$1$1$1.text.white, colorVariables$1$1$1$1.text.light, colorVariables$1$1$1$1.text.light);
|
|
12753
|
+
var OptionLabel$2 = styled__default.label(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose$1$1$1$1(["\n cursor: pointer;\n height: max-content;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n"])));
|
|
12754
|
+
var SearchContainer$4 = styled__default.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 6.5px 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n"])), function (_ref3) {
|
|
12755
|
+
var $background = _ref3.$background;
|
|
12756
|
+
switch ($background) {
|
|
12757
|
+
case 'dark':
|
|
12758
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
12759
|
+
case 'medium':
|
|
12760
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
12761
|
+
case 'light':
|
|
12762
|
+
return colorVariables$1$1$1$1.text.light;
|
|
12763
|
+
case 'white':
|
|
12764
|
+
return colorVariables$1$1$1$1.text.white;
|
|
12765
|
+
case 'warning':
|
|
12766
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
12767
|
+
case 'info':
|
|
12768
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
12769
|
+
case 'success':
|
|
12770
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
12771
|
+
case 'error':
|
|
12772
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
12773
|
+
default:
|
|
12774
|
+
return $background;
|
|
12775
|
+
}
|
|
12776
|
+
}, function (_ref4) {
|
|
12777
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
12778
|
+
return $borderBottom || 'none';
|
|
12779
|
+
}, function (_ref5) {
|
|
12780
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
12781
|
+
return $borderRadius || '8px';
|
|
12782
|
+
});
|
|
12783
|
+
var SearchBar$4 = styled__default.input(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n background: ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-size: 14px;\n }\n"])), colorVariables$1$1$1$1["default"].tertiary, function (_ref6) {
|
|
12784
|
+
var $inputColor = _ref6.$inputColor;
|
|
12785
|
+
switch ($inputColor) {
|
|
12786
|
+
case 'dark':
|
|
12787
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
12788
|
+
case 'medium':
|
|
12789
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
12790
|
+
case 'light':
|
|
12791
|
+
return colorVariables$1$1$1$1.text.light;
|
|
12792
|
+
case 'white':
|
|
12793
|
+
return colorVariables$1$1$1$1.text.white;
|
|
12794
|
+
case 'warning':
|
|
12795
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
12796
|
+
case 'info':
|
|
12797
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
12798
|
+
case 'success':
|
|
12799
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
12800
|
+
case 'error':
|
|
12801
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
12802
|
+
default:
|
|
12803
|
+
return $inputColor;
|
|
12804
|
+
}
|
|
12805
|
+
}, function (_ref7) {
|
|
12806
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
12807
|
+
switch ($placeholderColor) {
|
|
12808
|
+
case 'dark':
|
|
12809
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
12810
|
+
case 'medium':
|
|
12811
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
12812
|
+
case 'light':
|
|
12813
|
+
return colorVariables$1$1$1$1.text.light;
|
|
12814
|
+
case 'white':
|
|
12815
|
+
return colorVariables$1$1$1$1.text.white;
|
|
12816
|
+
case 'warning':
|
|
12817
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
12818
|
+
case 'info':
|
|
12819
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
12820
|
+
case 'success':
|
|
12821
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
12822
|
+
case 'error':
|
|
12823
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
12824
|
+
default:
|
|
12825
|
+
return $placeholderColor;
|
|
12826
|
+
}
|
|
12827
|
+
});
|
|
12828
|
+
var OptionsWrapper$2 = styled__default.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose$1$1$1$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1$1$1$1.text.white);
|
|
12829
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$i, _templateObject4$e;
|
|
12830
|
+
var spin$3 = styled.keyframes(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose$1$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
12831
|
+
var getDotPosition$1 = function getDotPosition(index, size) {
|
|
12832
|
+
var angle = index * 360 / 8;
|
|
12833
|
+
var radius = size / 2.5;
|
|
12834
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
12835
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
12836
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
12837
|
+
};
|
|
12838
|
+
var SpinnerContainer$1 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
12839
|
+
var $size = _ref.$size;
|
|
12840
|
+
return $size;
|
|
12841
|
+
}, function (_ref2) {
|
|
12842
|
+
var $size = _ref2.$size;
|
|
12843
|
+
return $size;
|
|
12844
|
+
});
|
|
12845
|
+
var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
12846
|
+
var $index = _ref3.$index,
|
|
12847
|
+
$size = _ref3.$size;
|
|
12848
|
+
return {
|
|
12849
|
+
style: {
|
|
12850
|
+
transform: getDotPosition$1($index, $size)
|
|
12851
|
+
}
|
|
12852
|
+
};
|
|
12853
|
+
})(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: absolute;\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: 50%;\n animation: ", " ", "s linear infinite;\n animation-delay: ", "s;\n"])), function (_ref4) {
|
|
12854
|
+
var $dotSize = _ref4.$dotSize;
|
|
12855
|
+
return $dotSize;
|
|
12856
|
+
}, function (_ref5) {
|
|
12857
|
+
var $dotSize = _ref5.$dotSize;
|
|
12858
|
+
return $dotSize;
|
|
12859
|
+
}, function (_ref6) {
|
|
12860
|
+
var $color = _ref6.$color;
|
|
12861
|
+
return $color;
|
|
12862
|
+
}, spin$3, function (_ref7) {
|
|
12863
|
+
var $speed = _ref7.$speed;
|
|
12864
|
+
return $speed;
|
|
12865
|
+
}, function (_ref8) {
|
|
12866
|
+
var $index = _ref8.$index,
|
|
12867
|
+
$speed = _ref8.$speed;
|
|
12868
|
+
return $index * $speed / 8;
|
|
12869
|
+
});
|
|
12870
|
+
var SpinnerWrapper$1 = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
12871
|
+
var _templateObject$t, _templateObject2$o;
|
|
12872
|
+
var spin$4 = styled.keyframes(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose$1$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
12873
|
+
var Spinner$2 = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
12874
|
+
var $size = _ref.$size;
|
|
12875
|
+
return $size;
|
|
12876
|
+
}, function (_ref2) {
|
|
12877
|
+
var $size = _ref2.$size;
|
|
12878
|
+
return $size;
|
|
12879
|
+
}, function (_ref3) {
|
|
12880
|
+
var $color = _ref3.$color;
|
|
12881
|
+
return $color;
|
|
12882
|
+
}, spin$4);
|
|
12883
|
+
var _templateObject$u;
|
|
12884
|
+
var PageInput$1 = styled__default.input(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 4px;\n color: ", ";\n text-align: center;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), colorVariables$1$1$1$1.accent.extraLight, colorVariables$1$1$1$1.border.light, colorVariables$1$1$1$1.text.dark);
|
|
12885
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$j, _templateObject4$f, _templateObject5$c, _templateObject6$a;
|
|
12886
|
+
var SidebarContainer$1 = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: ", ";\n height: 100vh;\n background: ", "; \n transition: width 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10;\n justify-content: space-between;\n"])), function (_ref) {
|
|
12887
|
+
var $isExpanded = _ref.$isExpanded;
|
|
12888
|
+
return $isExpanded ? '225px' : '68px';
|
|
12889
|
+
}, function (_ref2) {
|
|
12890
|
+
var $background = _ref2.$background;
|
|
12891
|
+
return $background ? $background : colorVariables$1$1$1$1.accent.softBlue;
|
|
12892
|
+
});
|
|
12893
|
+
var SidebarItem$1 = styled__default(reactRouterDom.NavLink)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables$1$1$1$1.text.medium, colorVariables$1$1$1$1["default"].primary);
|
|
12894
|
+
var ContentWrapper$1 = styled__default.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
12895
|
+
var IconWrapper$4 = styled__default.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose$1$1$1$1(["\n background: ", "; \n font-weight: bold;\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > div:first-child {\n cursor: pointer;\n }\n"])), function (_ref3) {
|
|
12896
|
+
var $selected = _ref3.$selected;
|
|
12897
|
+
return $selected ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1["default"].tertiary;
|
|
12898
|
+
});
|
|
12899
|
+
var Logo$1 = styled__default.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: start;\n gap: 10px;\n"])));
|
|
12900
|
+
var TextContainer$1 = styled__default.span(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
|
|
12901
|
+
var $padding = _ref4.$padding;
|
|
12902
|
+
return $padding;
|
|
12903
|
+
}, function (_ref5) {
|
|
12904
|
+
var $fontSize = _ref5.$fontSize;
|
|
12905
|
+
return $fontSize ? $fontSize : '20px';
|
|
12906
|
+
}, function (_ref6) {
|
|
12907
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
12908
|
+
return $fontWeight ? $fontWeight : '500';
|
|
12909
|
+
}, function (_ref7) {
|
|
12910
|
+
var $color = _ref7.$color;
|
|
12911
|
+
return $color ? $color : colorVariables$1$1$1$1["default"].primary;
|
|
12912
|
+
}, function (_ref8) {
|
|
12913
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
12914
|
+
return $isExpanded ? 1 : 0;
|
|
12915
|
+
}, function (_ref9) {
|
|
12916
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
12917
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
12918
|
+
});
|
|
12919
|
+
var _templateObject$w, _templateObject2$q, _templateObject3$k, _templateObject4$g;
|
|
12920
|
+
var ContainerWrapper$1 = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose$1$1$1$1(["\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n min-height: ", ";\n word-break: break-word;\n"])), function (props) {
|
|
12921
|
+
return props.$width || 'auto';
|
|
12922
|
+
}, function (_ref) {
|
|
12923
|
+
var $minHeight = _ref.$minHeight;
|
|
12924
|
+
return $minHeight;
|
|
12925
|
+
});
|
|
12926
|
+
var CellContainer$1 = styled__default.div(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose$1$1$1$1(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
12927
|
+
return props.$align;
|
|
12928
|
+
}, function (props) {
|
|
12929
|
+
return props.$width || 'auto';
|
|
12930
|
+
}, function (props) {
|
|
12931
|
+
return props.$minWidth;
|
|
12932
|
+
}, function (props) {
|
|
12933
|
+
return props.$background || 'inherit';
|
|
12934
|
+
}, function (props) {
|
|
12935
|
+
return props.$padding;
|
|
12936
|
+
});
|
|
12937
|
+
var MainText$1 = styled__default.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose$1$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12938
|
+
return props.$mtc;
|
|
12939
|
+
}, function (props) {
|
|
12940
|
+
return props.$mtfs;
|
|
12941
|
+
}, function (props) {
|
|
12942
|
+
return props.$mtw;
|
|
12943
|
+
});
|
|
12944
|
+
var SubText$1 = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose$1$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12945
|
+
return props.$stc;
|
|
12946
|
+
}, function (props) {
|
|
12947
|
+
return props.$stfs;
|
|
12948
|
+
}, function (props) {
|
|
12949
|
+
return props.$stw;
|
|
12950
|
+
});
|
|
12951
|
+
var _templateObject$x;
|
|
12952
|
+
var TableRowContainer$1 = styled.styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
12953
|
+
var _templateObject$y, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$d;
|
|
12954
|
+
var TableContainer$1 = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose$1$1$1$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1$1$1$1.brand.light);
|
|
12955
|
+
var TableHeader$1 = styled__default.div(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose$1$1$1$1(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
12956
|
+
return props.$hbcolor || 'transparent';
|
|
12957
|
+
}, function (props) {
|
|
12958
|
+
return props.$tcolor || 'white';
|
|
12959
|
+
});
|
|
12960
|
+
var TableContent$1 = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
12961
|
+
var TableData$1 = styled__default.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose$1$1$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
12962
|
+
var Divider$1 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose$1$1$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1$1$1.border.extraLight);
|
|
12963
|
+
var _templateObject$z, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$e;
|
|
12964
|
+
var Container$8 = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 24px;\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
12965
|
+
var $border = _ref.$border;
|
|
12966
|
+
return $border;
|
|
12967
|
+
});
|
|
12968
|
+
var FirstContainer$1 = styled__default.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables$1$1$1$1.border.light, function (_ref2) {
|
|
12969
|
+
var $headerPadding = _ref2.$headerPadding;
|
|
12970
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
12971
|
+
});
|
|
12972
|
+
var TabContainer$1 = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: auto;\n display: flex;\n align-items: center;\n cursor: ", ";\n opacity: ", ";\n gap: 8px;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: ", ";\n height: ", ";\n\n svg {\n cursor: ", ";\n }\n\n"])), function (_ref3) {
|
|
12973
|
+
var $disabled = _ref3.$disabled;
|
|
12974
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12975
|
+
}, function (_ref4) {
|
|
12976
|
+
var $disabled = _ref4.$disabled;
|
|
12977
|
+
return $disabled ? '0.6' : '1';
|
|
12978
|
+
}, colorVariables$1$1$1$1.text.medium, function (_ref5) {
|
|
12979
|
+
var $headerHeight = _ref5.$headerHeight;
|
|
12980
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12981
|
+
}, function (_ref6) {
|
|
12982
|
+
var $disabled = _ref6.$disabled;
|
|
12983
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12984
|
+
});
|
|
12985
|
+
var TabItemContainer$1 = styled__default.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 8px;\n height: 100%;\n max-height: ", ";\n\n &:after {\n content: \"\";\n display: ", ";\n width: 100%;\n height: 3px;\n background: ", ";\n position: absolute;\n bottom: -1px;\n left: 0px;\n }\n"])), function (_ref7) {
|
|
12986
|
+
var $headerHeight = _ref7.$headerHeight;
|
|
12987
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12988
|
+
}, function (props) {
|
|
12989
|
+
return props.$active ? 'block' : 'none';
|
|
12990
|
+
}, colorVariables$1$1$1$1["default"].primary);
|
|
12991
|
+
var DetailsFirstContainer$1 = styled__default.div(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose$1$1$1$1(["\n text-align: center;\n font-size: 14px;\n line-height: 18px;\n font-weight: 500;\n font-family: NotoSans, sans-serif;\n height: 100%;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (props) {
|
|
12992
|
+
return props.$active ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1.text.medium;
|
|
12993
|
+
});
|
|
12994
|
+
var _templateObject$A, _templateObject2$t, _templateObject3$n, _templateObject4$j, _templateObject5$f, _templateObject6$b;
|
|
12995
|
+
var Container$9 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
12996
|
+
var $padding = _ref.$padding;
|
|
12997
|
+
return $padding;
|
|
12998
|
+
});
|
|
12999
|
+
var Label$4 = styled__default.label(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose$1$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
13000
|
+
var $size = _ref2.$size;
|
|
13001
|
+
switch ($size) {
|
|
13002
|
+
case 'small':
|
|
13003
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
13004
|
+
case 'medium':
|
|
13005
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
13006
|
+
case 'large':
|
|
13007
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
13008
|
+
default:
|
|
13009
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
13010
|
+
}
|
|
13011
|
+
}, function (_ref3) {
|
|
13012
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
13013
|
+
switch ($titlecolor) {
|
|
13014
|
+
case 'dark':
|
|
13015
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
13016
|
+
case 'medium':
|
|
13017
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
13018
|
+
case 'light':
|
|
13019
|
+
return colorVariables$1$1$1$1.text.light;
|
|
13020
|
+
case 'white':
|
|
13021
|
+
return colorVariables$1$1$1$1.text.white;
|
|
13022
|
+
case 'warning':
|
|
13023
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
13024
|
+
case 'info':
|
|
13025
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
13026
|
+
case 'success':
|
|
13027
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
13028
|
+
case 'error':
|
|
13029
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
13030
|
+
default:
|
|
13031
|
+
return $titlecolor;
|
|
13032
|
+
}
|
|
13033
|
+
});
|
|
13034
|
+
var Input$2 = styled__default.input(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n pointer-events: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1$1.border.light, function (_ref4) {
|
|
13035
|
+
var $disabled = _ref4.$disabled;
|
|
13036
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
13037
|
+
}, function (_ref5) {
|
|
13038
|
+
var $disabled = _ref5.$disabled,
|
|
13039
|
+
$background = _ref5.$background;
|
|
13040
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : $background;
|
|
13041
|
+
}, function (_ref6) {
|
|
13042
|
+
var $color = _ref6.$color;
|
|
13043
|
+
return $color;
|
|
13044
|
+
}, function (_ref7) {
|
|
13045
|
+
var $disabled = _ref7.$disabled;
|
|
13046
|
+
return $disabled ? 'none' : 'auto';
|
|
13047
|
+
}, function (_ref8) {
|
|
13048
|
+
var $size = _ref8.$size;
|
|
13049
|
+
switch ($size) {
|
|
13050
|
+
case 'small':
|
|
13051
|
+
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
13052
|
+
case 'medium':
|
|
13053
|
+
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
13054
|
+
case 'large':
|
|
13055
|
+
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
13056
|
+
default:
|
|
13057
|
+
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
13058
|
+
}
|
|
13059
|
+
}, function (_ref9) {
|
|
13060
|
+
var $color = _ref9.$color;
|
|
13061
|
+
switch ($color) {
|
|
13062
|
+
case 'dark':
|
|
13063
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
13064
|
+
case 'medium':
|
|
13065
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
13066
|
+
case 'light':
|
|
13067
|
+
return colorVariables$1$1$1$1.text.light;
|
|
13068
|
+
case 'white':
|
|
13069
|
+
return colorVariables$1$1$1$1.text.white;
|
|
13070
|
+
case 'warning':
|
|
13071
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
13072
|
+
case 'info':
|
|
13073
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
13074
|
+
case 'success':
|
|
13075
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
13076
|
+
case 'error':
|
|
13077
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
13078
|
+
default:
|
|
13079
|
+
return $color;
|
|
13080
|
+
}
|
|
13081
|
+
}, colorVariables$1$1$1$1.text.light);
|
|
13082
|
+
var InputWrapper$3 = styled__default.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
13083
|
+
var IconWrapper$5 = styled__default.div(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose$1$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
13084
|
+
var $disabled = _ref10.$disabled;
|
|
13085
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
13086
|
+
});
|
|
13087
|
+
var Asterisk$3 = styled__default.span(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1$1["default"].error);
|
|
13088
|
+
var _templateObject$B, _templateObject2$u, _templateObject3$o;
|
|
13089
|
+
var Container$a = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
13090
|
+
var $padding = _ref.$padding;
|
|
13091
|
+
return $padding;
|
|
13092
|
+
});
|
|
13093
|
+
var Label$5 = styled__default.label(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose$1$1$1(["\n cursor: auto;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
13094
|
+
var $size = _ref2.$size;
|
|
13095
|
+
switch ($size) {
|
|
13096
|
+
case 'small':
|
|
13097
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
13098
|
+
case 'medium':
|
|
13099
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
13100
|
+
case 'large':
|
|
13101
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
13102
|
+
default:
|
|
13103
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
13104
|
+
}
|
|
13105
|
+
}, function (_ref3) {
|
|
13106
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
13107
|
+
return $titlecolor || colorVariables$1$1$1.text.dark;
|
|
13108
|
+
});
|
|
13109
|
+
var TextAreaComponent$2 = styled__default.textarea(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n resize: none;\n height: 100%;\n \n ", "\n\n &:focus {\n border-color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1.border.light, function (_ref4) {
|
|
13110
|
+
var $disabled = _ref4.$disabled;
|
|
13111
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
13112
|
+
}, function (_ref5) {
|
|
13113
|
+
var $disabled = _ref5.$disabled,
|
|
13114
|
+
$background = _ref5.$background;
|
|
13115
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
13116
|
+
}, function (_ref6) {
|
|
13117
|
+
var $color = _ref6.$color;
|
|
13118
|
+
return $color;
|
|
13119
|
+
}, function (_ref7) {
|
|
13120
|
+
var $size = _ref7.$size;
|
|
13121
|
+
switch ($size) {
|
|
13122
|
+
case 'small':
|
|
13123
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
13124
|
+
case 'medium':
|
|
13125
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
13126
|
+
case 'large':
|
|
10456
13127
|
return 'font-size: 16px; padding: 9px 14px;';
|
|
10457
13128
|
default:
|
|
10458
13129
|
return 'font-size: 14px; padding: 7px 12px;';
|
|
@@ -10461,18 +13132,18 @@ var TextAreaComponent = styled__default.textarea(_templateObject3$8 || (_templat
|
|
|
10461
13132
|
var $color = _ref8.$color;
|
|
10462
13133
|
return $color || colorVariables$1$1$1.text.dark;
|
|
10463
13134
|
}, colorVariables$1$1$1.text.light);
|
|
10464
|
-
var _templateObject$
|
|
10465
|
-
var OptionContainer$
|
|
10466
|
-
var OptionItem$
|
|
13135
|
+
var _templateObject$C, _templateObject2$v, _templateObject3$p, _templateObject4$k, _templateObject5$g, _templateObject6$c, _templateObject7$5;
|
|
13136
|
+
var OptionContainer$3 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose$1$1$1(["\n z-index: 2;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n position: absolute;\n padding: 4px;\n top: 40px;\n left: 0px;\n background: ", ";\n max-width: 192px;\n min-width: 192px;\n height: auto;\n max-height: 175px;\n"])), colorVariables$1$1$1.text.white);
|
|
13137
|
+
var OptionItem$3 = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n background-color: ", ";\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
10467
13138
|
var $optionSelected = _ref.$optionSelected;
|
|
10468
13139
|
return $optionSelected ? colorVariables$1$1$1.text.white : colorVariables$1$1$1.text.medium;
|
|
10469
13140
|
}, function (_ref2) {
|
|
10470
13141
|
var $optionSelected = _ref2.$optionSelected;
|
|
10471
13142
|
return $optionSelected ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.white;
|
|
10472
13143
|
}, colorVariables$1$1$1.hover.primary, colorVariables$1$1$1.text.white);
|
|
10473
|
-
var TotalOptionsHeader = styled__default.div(_templateObject3$
|
|
10474
|
-
var OptionLabel$
|
|
10475
|
-
var SearchContainer$
|
|
13144
|
+
var TotalOptionsHeader$2 = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n align-items: center;\n z-index: 2;\n background: ", ";\n color: ", ";\n height: max-content;\n padding: 8px 4px;\n gap: 4px;\n border-bottom: 1px solid ", ";\n font-size:12px;\n"])), colorVariables$1$1$1.text.white, colorVariables$1$1$1.text.light, colorVariables$1$1$1.text.light);
|
|
13145
|
+
var OptionLabel$3 = styled__default.label(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose$1$1$1(["\n cursor: pointer;\n height: max-content;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n"])));
|
|
13146
|
+
var SearchContainer$5 = styled__default.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 6.5px 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n"])), function (_ref3) {
|
|
10476
13147
|
var $background = _ref3.$background;
|
|
10477
13148
|
switch ($background) {
|
|
10478
13149
|
case 'dark':
|
|
@@ -10501,7 +13172,7 @@ var SearchContainer$3$1$1$1 = styled__default.div(_templateObject5$6 || (_templa
|
|
|
10501
13172
|
var $borderRadius = _ref5.$borderRadius;
|
|
10502
13173
|
return $borderRadius || '8px';
|
|
10503
13174
|
});
|
|
10504
|
-
var SearchBar$
|
|
13175
|
+
var SearchBar$5 = styled__default.input(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose$1$1$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n background: ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-size: 14px;\n }\n"])), colorVariables$1$1$1["default"].tertiary, function (_ref6) {
|
|
10505
13176
|
var $inputColor = _ref6.$inputColor;
|
|
10506
13177
|
switch ($inputColor) {
|
|
10507
13178
|
case 'dark':
|
|
@@ -10546,32 +13217,32 @@ var SearchBar$3$1$1$1 = styled__default.input(_templateObject6$6 || (_templateOb
|
|
|
10546
13217
|
return $placeholderColor;
|
|
10547
13218
|
}
|
|
10548
13219
|
});
|
|
10549
|
-
var OptionsWrapper$
|
|
10550
|
-
var _templateObject$
|
|
10551
|
-
var spin$
|
|
10552
|
-
var getDotPosition = function getDotPosition(index, size) {
|
|
13220
|
+
var OptionsWrapper$3 = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose$1$1$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1$1$1.text.white);
|
|
13221
|
+
var _templateObject$D, _templateObject2$w, _templateObject3$q, _templateObject4$l;
|
|
13222
|
+
var spin$5 = styled.keyframes(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
13223
|
+
var getDotPosition$2 = function getDotPosition(index, size) {
|
|
10553
13224
|
var angle = index * 360 / 8;
|
|
10554
13225
|
var radius = size / 2.5;
|
|
10555
13226
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
10556
13227
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
10557
13228
|
return "translate(" + x + "px, " + y + "px)";
|
|
10558
13229
|
};
|
|
10559
|
-
var SpinnerContainer = styled__default.div(_templateObject2$
|
|
13230
|
+
var SpinnerContainer$2 = styled__default.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
10560
13231
|
var $size = _ref.$size;
|
|
10561
13232
|
return $size;
|
|
10562
13233
|
}, function (_ref2) {
|
|
10563
13234
|
var $size = _ref2.$size;
|
|
10564
13235
|
return $size;
|
|
10565
13236
|
});
|
|
10566
|
-
var Dot = styled__default.div.attrs(function (_ref3) {
|
|
13237
|
+
var Dot$2 = styled__default.div.attrs(function (_ref3) {
|
|
10567
13238
|
var $index = _ref3.$index,
|
|
10568
13239
|
$size = _ref3.$size;
|
|
10569
13240
|
return {
|
|
10570
13241
|
style: {
|
|
10571
|
-
transform: getDotPosition($index, $size)
|
|
13242
|
+
transform: getDotPosition$2($index, $size)
|
|
10572
13243
|
}
|
|
10573
13244
|
};
|
|
10574
|
-
})(_templateObject3$
|
|
13245
|
+
})(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose$1$1$1(["\n position: absolute;\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: 50%;\n animation: ", " ", "s linear infinite;\n animation-delay: ", "s;\n"])), function (_ref4) {
|
|
10575
13246
|
var $dotSize = _ref4.$dotSize;
|
|
10576
13247
|
return $dotSize;
|
|
10577
13248
|
}, function (_ref5) {
|
|
@@ -10580,7 +13251,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
10580
13251
|
}, function (_ref6) {
|
|
10581
13252
|
var $color = _ref6.$color;
|
|
10582
13253
|
return $color;
|
|
10583
|
-
}, spin$
|
|
13254
|
+
}, spin$5, function (_ref7) {
|
|
10584
13255
|
var $speed = _ref7.$speed;
|
|
10585
13256
|
return $speed;
|
|
10586
13257
|
}, function (_ref8) {
|
|
@@ -10588,10 +13259,10 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
10588
13259
|
$speed = _ref8.$speed;
|
|
10589
13260
|
return $index * $speed / 8;
|
|
10590
13261
|
});
|
|
10591
|
-
var SpinnerWrapper = styled__default.div(_templateObject4$
|
|
10592
|
-
var _templateObject$
|
|
10593
|
-
var spin$
|
|
10594
|
-
var Spinner$
|
|
13262
|
+
var SpinnerWrapper$2 = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose$1$1$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
13263
|
+
var _templateObject$E, _templateObject2$x;
|
|
13264
|
+
var spin$6 = styled.keyframes(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
13265
|
+
var Spinner$3 = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose$1$1$1(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
10595
13266
|
var $size = _ref.$size;
|
|
10596
13267
|
return $size;
|
|
10597
13268
|
}, function (_ref2) {
|
|
@@ -10600,25 +13271,25 @@ var Spinner$1$1$1$1 = styled__default.div(_templateObject2$f || (_templateObject
|
|
|
10600
13271
|
}, function (_ref3) {
|
|
10601
13272
|
var $color = _ref3.$color;
|
|
10602
13273
|
return $color;
|
|
10603
|
-
}, spin$
|
|
10604
|
-
var _templateObject$
|
|
10605
|
-
var PageInput = styled__default.input(_templateObject$
|
|
10606
|
-
var _templateObject$
|
|
10607
|
-
var SidebarContainer = styled__default.div(_templateObject$
|
|
13274
|
+
}, spin$6);
|
|
13275
|
+
var _templateObject$F;
|
|
13276
|
+
var PageInput$2 = styled__default.input(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose$1$1$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 4px;\n color: ", ";\n text-align: center;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), colorVariables$1$1$1.accent.extraLight, colorVariables$1$1$1.border.light, colorVariables$1$1$1.text.dark);
|
|
13277
|
+
var _templateObject$G, _templateObject2$y, _templateObject3$r, _templateObject4$m, _templateObject5$h, _templateObject6$d;
|
|
13278
|
+
var SidebarContainer$2 = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose$1$1$1(["\n width: ", ";\n height: 100vh;\n background: ", "; \n transition: width 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10;\n justify-content: space-between;\n"])), function (_ref) {
|
|
10608
13279
|
var $isExpanded = _ref.$isExpanded;
|
|
10609
13280
|
return $isExpanded ? '225px' : '68px';
|
|
10610
13281
|
}, function (_ref2) {
|
|
10611
13282
|
var $background = _ref2.$background;
|
|
10612
13283
|
return $background ? $background : colorVariables$1$1$1.accent.softBlue;
|
|
10613
13284
|
});
|
|
10614
|
-
var SidebarItem = styled__default(reactRouterDom.NavLink)(_templateObject2$
|
|
10615
|
-
var ContentWrapper = styled__default.div(_templateObject3$
|
|
10616
|
-
var IconWrapper$
|
|
13285
|
+
var SidebarItem$2 = styled__default(reactRouterDom.NavLink)(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables$1$1$1.text.medium, colorVariables$1$1$1["default"].primary);
|
|
13286
|
+
var ContentWrapper$2 = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
13287
|
+
var IconWrapper$6 = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose$1$1$1(["\n background: ", "; \n font-weight: bold;\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > div:first-child {\n cursor: pointer;\n }\n"])), function (_ref3) {
|
|
10617
13288
|
var $selected = _ref3.$selected;
|
|
10618
13289
|
return $selected ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1["default"].tertiary;
|
|
10619
13290
|
});
|
|
10620
|
-
var Logo = styled__default.div(_templateObject5$
|
|
10621
|
-
var TextContainer = styled__default.span(_templateObject6$
|
|
13291
|
+
var Logo$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: start;\n gap: 10px;\n"])));
|
|
13292
|
+
var TextContainer$2 = styled__default.span(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
|
|
10622
13293
|
var $padding = _ref4.$padding;
|
|
10623
13294
|
return $padding;
|
|
10624
13295
|
}, function (_ref5) {
|
|
@@ -10637,14 +13308,14 @@ var TextContainer = styled__default.span(_templateObject6$7 || (_templateObject6
|
|
|
10637
13308
|
var $isExpanded = _ref9.$isExpanded;
|
|
10638
13309
|
return $isExpanded ? 'visible' : 'hidden';
|
|
10639
13310
|
});
|
|
10640
|
-
var _templateObject$
|
|
10641
|
-
var ContainerWrapper = styled__default.div(_templateObject$
|
|
13311
|
+
var _templateObject$H, _templateObject2$z, _templateObject3$s, _templateObject4$n;
|
|
13312
|
+
var ContainerWrapper$2 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose$1$1$1(["\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n min-height: ", ";\n word-break: break-word;\n"])), function (props) {
|
|
10642
13313
|
return props.$width || 'auto';
|
|
10643
13314
|
}, function (_ref) {
|
|
10644
13315
|
var $minHeight = _ref.$minHeight;
|
|
10645
13316
|
return $minHeight;
|
|
10646
13317
|
});
|
|
10647
|
-
var CellContainer = styled__default.div(_templateObject2$
|
|
13318
|
+
var CellContainer$2 = styled__default.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose$1$1$1(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
10648
13319
|
return props.$align;
|
|
10649
13320
|
}, function (props) {
|
|
10650
13321
|
return props.$width || 'auto';
|
|
@@ -10655,42 +13326,42 @@ var CellContainer = styled__default.div(_templateObject2$h || (_templateObject2$
|
|
|
10655
13326
|
}, function (props) {
|
|
10656
13327
|
return props.$padding;
|
|
10657
13328
|
});
|
|
10658
|
-
var MainText = styled__default.div(_templateObject3$
|
|
13329
|
+
var MainText$2 = styled__default.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10659
13330
|
return props.$mtc;
|
|
10660
13331
|
}, function (props) {
|
|
10661
13332
|
return props.$mtfs;
|
|
10662
13333
|
}, function (props) {
|
|
10663
13334
|
return props.$mtw;
|
|
10664
13335
|
});
|
|
10665
|
-
var SubText = styled__default.div(_templateObject4$
|
|
13336
|
+
var SubText$2 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10666
13337
|
return props.$stc;
|
|
10667
13338
|
}, function (props) {
|
|
10668
13339
|
return props.$stfs;
|
|
10669
13340
|
}, function (props) {
|
|
10670
13341
|
return props.$stw;
|
|
10671
13342
|
});
|
|
10672
|
-
var _templateObject$
|
|
10673
|
-
var TableRowContainer = styled.styled.div(_templateObject$
|
|
10674
|
-
var _templateObject$
|
|
10675
|
-
var TableContainer = styled__default.div(_templateObject$
|
|
10676
|
-
var TableHeader = styled__default.div(_templateObject2$
|
|
13343
|
+
var _templateObject$I;
|
|
13344
|
+
var TableRowContainer$2 = styled.styled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
13345
|
+
var _templateObject$J, _templateObject2$A, _templateObject3$t, _templateObject4$o, _templateObject5$i;
|
|
13346
|
+
var TableContainer$2 = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose$1$1$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1$1$1.brand.light);
|
|
13347
|
+
var TableHeader$2 = styled__default.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose$1$1$1(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
10677
13348
|
return props.$hbcolor || 'transparent';
|
|
10678
13349
|
}, function (props) {
|
|
10679
13350
|
return props.$tcolor || 'white';
|
|
10680
13351
|
});
|
|
10681
|
-
var TableContent = styled__default.div(_templateObject3$
|
|
10682
|
-
var TableData = styled__default.div(_templateObject4$
|
|
10683
|
-
var Divider = styled__default.div(_templateObject5$
|
|
10684
|
-
var _templateObject$
|
|
10685
|
-
var Container$
|
|
13352
|
+
var TableContent$2 = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
13353
|
+
var TableData$2 = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose$1$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
13354
|
+
var Divider$2 = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose$1$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1$1.border.extraLight);
|
|
13355
|
+
var _templateObject$K, _templateObject2$B, _templateObject3$u, _templateObject4$p, _templateObject5$j;
|
|
13356
|
+
var Container$b = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 24px;\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
10686
13357
|
var $border = _ref.$border;
|
|
10687
13358
|
return $border;
|
|
10688
13359
|
});
|
|
10689
|
-
var FirstContainer = styled__default.div(_templateObject2$
|
|
13360
|
+
var FirstContainer$2 = styled__default.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables$1$1$1.border.light, function (_ref2) {
|
|
10690
13361
|
var $headerPadding = _ref2.$headerPadding;
|
|
10691
13362
|
return $headerPadding ? $headerPadding : '0px';
|
|
10692
13363
|
});
|
|
10693
|
-
var TabContainer = styled__default.div(_templateObject3$
|
|
13364
|
+
var TabContainer$2 = styled__default.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose$1$1$1(["\n width: auto;\n display: flex;\n align-items: center;\n cursor: ", ";\n opacity: ", ";\n gap: 8px;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: ", ";\n height: ", ";\n\n svg {\n cursor: ", ";\n }\n\n"])), function (_ref3) {
|
|
10694
13365
|
var $disabled = _ref3.$disabled;
|
|
10695
13366
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10696
13367
|
}, function (_ref4) {
|
|
@@ -10703,22 +13374,18 @@ var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
10703
13374
|
var $disabled = _ref6.$disabled;
|
|
10704
13375
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10705
13376
|
});
|
|
10706
|
-
var TabItemContainer = styled__default.div(_templateObject4$
|
|
13377
|
+
var TabItemContainer$2 = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 8px;\n height: 100%;\n max-height: ", ";\n\n &:after {\n content: \"\";\n display: ", ";\n width: 100%;\n height: 3px;\n background: ", ";\n position: absolute;\n bottom: -1px;\n left: 0px;\n }\n"])), function (_ref7) {
|
|
10707
13378
|
var $headerHeight = _ref7.$headerHeight;
|
|
10708
13379
|
return $headerHeight ? $headerHeight : '34px';
|
|
10709
13380
|
}, function (props) {
|
|
10710
13381
|
return props.$active ? 'block' : 'none';
|
|
10711
13382
|
}, colorVariables$1$1$1["default"].primary);
|
|
10712
|
-
var DetailsFirstContainer = styled__default.div(_templateObject5$
|
|
13383
|
+
var DetailsFirstContainer$2 = styled__default.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose$1$1$1(["\n text-align: center;\n font-size: 14px;\n line-height: 18px;\n font-weight: 500;\n font-family: NotoSans, sans-serif;\n height: 100%;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (props) {
|
|
10713
13384
|
return props.$active ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.medium;
|
|
10714
13385
|
});
|
|
10715
|
-
var _templateObject$
|
|
10716
|
-
var
|
|
10717
|
-
var $
|
|
10718
|
-
return $padding;
|
|
10719
|
-
});
|
|
10720
|
-
var Label$2 = styled__default.label(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
10721
|
-
var $size = _ref2.$size;
|
|
13386
|
+
var _templateObject$L, _templateObject2$C, _templateObject3$v, _templateObject4$q, _templateObject5$k;
|
|
13387
|
+
var Label$6 = styled__default.label(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
13388
|
+
var $size = _ref.$size;
|
|
10722
13389
|
switch ($size) {
|
|
10723
13390
|
case 'small':
|
|
10724
13391
|
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
@@ -10729,8 +13396,8 @@ var Label$2 = styled__default.label(_templateObject2$k || (_templateObject2$k =
|
|
|
10729
13396
|
default:
|
|
10730
13397
|
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
10731
13398
|
}
|
|
10732
|
-
}, function (
|
|
10733
|
-
var $titlecolor =
|
|
13399
|
+
}, function (_ref2) {
|
|
13400
|
+
var $titlecolor = _ref2.$titlecolor;
|
|
10734
13401
|
switch ($titlecolor) {
|
|
10735
13402
|
case 'dark':
|
|
10736
13403
|
return colorVariables$1$1$1.text.dark;
|
|
@@ -10752,21 +13419,21 @@ var Label$2 = styled__default.label(_templateObject2$k || (_templateObject2$k =
|
|
|
10752
13419
|
return $titlecolor;
|
|
10753
13420
|
}
|
|
10754
13421
|
});
|
|
10755
|
-
var Input$
|
|
10756
|
-
var $disabled =
|
|
13422
|
+
var Input$3 = styled__default.input(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n pointer-events: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1$1.border.light, function (_ref3) {
|
|
13423
|
+
var $disabled = _ref3.$disabled;
|
|
10757
13424
|
return $disabled ? 'not-allowed' : 'auto';
|
|
10758
|
-
}, function (
|
|
10759
|
-
var $disabled =
|
|
10760
|
-
$background =
|
|
13425
|
+
}, function (_ref4) {
|
|
13426
|
+
var $disabled = _ref4.$disabled,
|
|
13427
|
+
$background = _ref4.$background;
|
|
10761
13428
|
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10762
|
-
}, function (
|
|
10763
|
-
var $color =
|
|
13429
|
+
}, function (_ref5) {
|
|
13430
|
+
var $color = _ref5.$color;
|
|
10764
13431
|
return $color;
|
|
10765
|
-
}, function (
|
|
10766
|
-
var $disabled =
|
|
13432
|
+
}, function (_ref6) {
|
|
13433
|
+
var $disabled = _ref6.$disabled;
|
|
10767
13434
|
return $disabled ? 'none' : 'auto';
|
|
10768
|
-
}, function (
|
|
10769
|
-
var $size =
|
|
13435
|
+
}, function (_ref7) {
|
|
13436
|
+
var $size = _ref7.$size;
|
|
10770
13437
|
switch ($size) {
|
|
10771
13438
|
case 'small':
|
|
10772
13439
|
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
@@ -10777,8 +13444,8 @@ var Input$1 = styled__default.input(_templateObject3$f || (_templateObject3$f =
|
|
|
10777
13444
|
default:
|
|
10778
13445
|
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
10779
13446
|
}
|
|
10780
|
-
}, function (
|
|
10781
|
-
var $color =
|
|
13447
|
+
}, function (_ref8) {
|
|
13448
|
+
var $color = _ref8.$color;
|
|
10782
13449
|
switch ($color) {
|
|
10783
13450
|
case 'dark':
|
|
10784
13451
|
return colorVariables$1$1$1.text.dark;
|
|
@@ -10800,18 +13467,18 @@ var Input$1 = styled__default.input(_templateObject3$f || (_templateObject3$f =
|
|
|
10800
13467
|
return $color;
|
|
10801
13468
|
}
|
|
10802
13469
|
}, colorVariables$1$1$1.text.light);
|
|
10803
|
-
var InputWrapper$
|
|
10804
|
-
var IconWrapper$
|
|
10805
|
-
var $disabled =
|
|
13470
|
+
var InputWrapper$4 = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
13471
|
+
var IconWrapper$7 = styled__default.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref9) {
|
|
13472
|
+
var $disabled = _ref9.$disabled;
|
|
10806
13473
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10807
13474
|
});
|
|
10808
|
-
var Asterisk$
|
|
10809
|
-
var _templateObject$
|
|
10810
|
-
var Container$
|
|
13475
|
+
var Asterisk$4 = styled__default.span(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1$1["default"].error);
|
|
13476
|
+
var _templateObject$M, _templateObject2$D, _templateObject3$w;
|
|
13477
|
+
var Container$c = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
10811
13478
|
var $padding = _ref.$padding;
|
|
10812
13479
|
return $padding;
|
|
10813
13480
|
});
|
|
10814
|
-
var Label$
|
|
13481
|
+
var Label$7 = styled__default.label(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose$1$1(["\n cursor: auto;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
10815
13482
|
var $size = _ref2.$size;
|
|
10816
13483
|
switch ($size) {
|
|
10817
13484
|
case 'small':
|
|
@@ -10827,7 +13494,7 @@ var Label$3 = styled__default.label(_templateObject2$l || (_templateObject2$l =
|
|
|
10827
13494
|
var $titlecolor = _ref3.$titlecolor;
|
|
10828
13495
|
return $titlecolor || colorVariables$1$1.text.dark;
|
|
10829
13496
|
});
|
|
10830
|
-
var TextAreaComponent$
|
|
13497
|
+
var TextAreaComponent$3 = styled__default.textarea(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n resize: none;\n height: 100%;\n \n ", "\n\n &:focus {\n border-color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1.border.light, function (_ref4) {
|
|
10831
13498
|
var $disabled = _ref4.$disabled;
|
|
10832
13499
|
return $disabled ? 'not-allowed' : 'auto';
|
|
10833
13500
|
}, function (_ref5) {
|
|
@@ -10853,18 +13520,18 @@ var TextAreaComponent$1 = styled__default.textarea(_templateObject3$g || (_templ
|
|
|
10853
13520
|
var $color = _ref8.$color;
|
|
10854
13521
|
return $color || colorVariables$1$1.text.dark;
|
|
10855
13522
|
}, colorVariables$1$1.text.light);
|
|
10856
|
-
var _templateObject$
|
|
10857
|
-
var OptionContainer$
|
|
10858
|
-
var OptionItem$
|
|
13523
|
+
var _templateObject$N, _templateObject2$E, _templateObject3$x, _templateObject4$r, _templateObject5$l, _templateObject6$e, _templateObject7$6;
|
|
13524
|
+
var OptionContainer$4 = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose$1$1(["\n z-index: 2;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n position: absolute;\n padding: 4px;\n top: 40px;\n left: 0px;\n background: ", ";\n max-width: 192px;\n min-width: 192px;\n height: auto;\n max-height: 175px;\n"])), colorVariables$1$1.text.white);
|
|
13525
|
+
var OptionItem$4 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n background-color: ", ";\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
10859
13526
|
var $optionSelected = _ref.$optionSelected;
|
|
10860
13527
|
return $optionSelected ? colorVariables$1$1.text.white : colorVariables$1$1.text.medium;
|
|
10861
13528
|
}, function (_ref2) {
|
|
10862
13529
|
var $optionSelected = _ref2.$optionSelected;
|
|
10863
13530
|
return $optionSelected ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.white;
|
|
10864
13531
|
}, colorVariables$1$1.hover.primary, colorVariables$1$1.text.white);
|
|
10865
|
-
var TotalOptionsHeader$
|
|
10866
|
-
var OptionLabel$
|
|
10867
|
-
var SearchContainer$
|
|
13532
|
+
var TotalOptionsHeader$3 = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n align-items: center;\n z-index: 2;\n background: ", ";\n color: ", ";\n height: max-content;\n padding: 8px 4px;\n gap: 4px;\n border-bottom: 1px solid ", ";\n font-size:12px;\n"])), colorVariables$1$1.text.white, colorVariables$1$1.text.light, colorVariables$1$1.text.light);
|
|
13533
|
+
var OptionLabel$4 = styled__default.label(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose$1$1(["\n cursor: pointer;\n height: max-content;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n"])));
|
|
13534
|
+
var SearchContainer$6 = styled__default.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 6.5px 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n"])), function (_ref3) {
|
|
10868
13535
|
var $background = _ref3.$background;
|
|
10869
13536
|
switch ($background) {
|
|
10870
13537
|
case 'dark':
|
|
@@ -10893,7 +13560,7 @@ var SearchContainer$4 = styled__default.div(_templateObject5$b || (_templateObje
|
|
|
10893
13560
|
var $borderRadius = _ref5.$borderRadius;
|
|
10894
13561
|
return $borderRadius || '8px';
|
|
10895
13562
|
});
|
|
10896
|
-
var SearchBar$
|
|
13563
|
+
var SearchBar$6 = styled__default.input(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose$1$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n background: ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-size: 14px;\n }\n"])), colorVariables$1$1["default"].tertiary, function (_ref6) {
|
|
10897
13564
|
var $inputColor = _ref6.$inputColor;
|
|
10898
13565
|
switch ($inputColor) {
|
|
10899
13566
|
case 'dark':
|
|
@@ -10938,32 +13605,32 @@ var SearchBar$4 = styled__default.input(_templateObject6$9 || (_templateObject6$
|
|
|
10938
13605
|
return $placeholderColor;
|
|
10939
13606
|
}
|
|
10940
13607
|
});
|
|
10941
|
-
var OptionsWrapper$
|
|
10942
|
-
var _templateObject$
|
|
10943
|
-
var spin$
|
|
10944
|
-
var getDotPosition$
|
|
13608
|
+
var OptionsWrapper$4 = styled__default.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose$1$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1$1.text.white);
|
|
13609
|
+
var _templateObject$O, _templateObject2$F, _templateObject3$y, _templateObject4$s;
|
|
13610
|
+
var spin$7 = styled.keyframes(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
13611
|
+
var getDotPosition$3 = function getDotPosition(index, size) {
|
|
10945
13612
|
var angle = index * 360 / 8;
|
|
10946
13613
|
var radius = size / 2.5;
|
|
10947
13614
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
10948
13615
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
10949
13616
|
return "translate(" + x + "px, " + y + "px)";
|
|
10950
13617
|
};
|
|
10951
|
-
var SpinnerContainer$
|
|
13618
|
+
var SpinnerContainer$3 = styled__default.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
10952
13619
|
var $size = _ref.$size;
|
|
10953
13620
|
return $size;
|
|
10954
13621
|
}, function (_ref2) {
|
|
10955
13622
|
var $size = _ref2.$size;
|
|
10956
13623
|
return $size;
|
|
10957
13624
|
});
|
|
10958
|
-
var Dot$
|
|
13625
|
+
var Dot$3 = styled__default.div.attrs(function (_ref3) {
|
|
10959
13626
|
var $index = _ref3.$index,
|
|
10960
13627
|
$size = _ref3.$size;
|
|
10961
13628
|
return {
|
|
10962
13629
|
style: {
|
|
10963
|
-
transform: getDotPosition$
|
|
13630
|
+
transform: getDotPosition$3($index, $size)
|
|
10964
13631
|
}
|
|
10965
13632
|
};
|
|
10966
|
-
})(_templateObject3$
|
|
13633
|
+
})(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose$1$1(["\n position: absolute;\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: 50%;\n animation: ", " ", "s linear infinite;\n animation-delay: ", "s;\n"])), function (_ref4) {
|
|
10967
13634
|
var $dotSize = _ref4.$dotSize;
|
|
10968
13635
|
return $dotSize;
|
|
10969
13636
|
}, function (_ref5) {
|
|
@@ -10972,7 +13639,7 @@ var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
|
10972
13639
|
}, function (_ref6) {
|
|
10973
13640
|
var $color = _ref6.$color;
|
|
10974
13641
|
return $color;
|
|
10975
|
-
}, spin$
|
|
13642
|
+
}, spin$7, function (_ref7) {
|
|
10976
13643
|
var $speed = _ref7.$speed;
|
|
10977
13644
|
return $speed;
|
|
10978
13645
|
}, function (_ref8) {
|
|
@@ -10980,10 +13647,10 @@ var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
|
10980
13647
|
$speed = _ref8.$speed;
|
|
10981
13648
|
return $index * $speed / 8;
|
|
10982
13649
|
});
|
|
10983
|
-
var SpinnerWrapper$
|
|
10984
|
-
var _templateObject$
|
|
10985
|
-
var spin$
|
|
10986
|
-
var Spinner$
|
|
13650
|
+
var SpinnerWrapper$3 = styled__default.div(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose$1$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
13651
|
+
var _templateObject$P, _templateObject2$G;
|
|
13652
|
+
var spin$8 = styled.keyframes(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
13653
|
+
var Spinner$4 = styled__default.div(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose$1$1(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
10987
13654
|
var $size = _ref.$size;
|
|
10988
13655
|
return $size;
|
|
10989
13656
|
}, function (_ref2) {
|
|
@@ -10992,25 +13659,25 @@ var Spinner$2 = styled__default.div(_templateObject2$o || (_templateObject2$o =
|
|
|
10992
13659
|
}, function (_ref3) {
|
|
10993
13660
|
var $color = _ref3.$color;
|
|
10994
13661
|
return $color;
|
|
10995
|
-
}, spin$
|
|
10996
|
-
var _templateObject$
|
|
10997
|
-
var PageInput$
|
|
10998
|
-
var _templateObject$
|
|
10999
|
-
var SidebarContainer$
|
|
13662
|
+
}, spin$8);
|
|
13663
|
+
var _templateObject$Q;
|
|
13664
|
+
var PageInput$3 = styled__default.input(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose$1$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 4px;\n color: ", ";\n text-align: center;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), colorVariables$1$1.accent.extraLight, colorVariables$1$1.border.light, colorVariables$1$1.text.dark);
|
|
13665
|
+
var _templateObject$R, _templateObject2$H, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$f;
|
|
13666
|
+
var SidebarContainer$3 = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose$1$1(["\n width: ", ";\n height: 100vh;\n background: ", "; \n transition: width 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10;\n justify-content: space-between;\n"])), function (_ref) {
|
|
11000
13667
|
var $isExpanded = _ref.$isExpanded;
|
|
11001
13668
|
return $isExpanded ? '225px' : '68px';
|
|
11002
13669
|
}, function (_ref2) {
|
|
11003
13670
|
var $background = _ref2.$background;
|
|
11004
13671
|
return $background ? $background : colorVariables$1$1.accent.softBlue;
|
|
11005
13672
|
});
|
|
11006
|
-
var SidebarItem$
|
|
11007
|
-
var ContentWrapper$
|
|
11008
|
-
var IconWrapper$
|
|
13673
|
+
var SidebarItem$3 = styled__default(reactRouterDom.NavLink)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables$1$1.text.medium, colorVariables$1$1["default"].primary);
|
|
13674
|
+
var ContentWrapper$3 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
13675
|
+
var IconWrapper$8 = styled__default.div(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose$1$1(["\n background: ", "; \n font-weight: bold;\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > div:first-child {\n cursor: pointer;\n }\n"])), function (_ref3) {
|
|
11009
13676
|
var $selected = _ref3.$selected;
|
|
11010
13677
|
return $selected ? colorVariables$1$1["default"].primary : colorVariables$1$1["default"].tertiary;
|
|
11011
13678
|
});
|
|
11012
|
-
var Logo$
|
|
11013
|
-
var TextContainer$
|
|
13679
|
+
var Logo$3 = styled__default.div(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: start;\n gap: 10px;\n"])));
|
|
13680
|
+
var TextContainer$3 = styled__default.span(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
|
|
11014
13681
|
var $padding = _ref4.$padding;
|
|
11015
13682
|
return $padding;
|
|
11016
13683
|
}, function (_ref5) {
|
|
@@ -11029,14 +13696,14 @@ var TextContainer$1 = styled__default.span(_templateObject6$a || (_templateObjec
|
|
|
11029
13696
|
var $isExpanded = _ref9.$isExpanded;
|
|
11030
13697
|
return $isExpanded ? 'visible' : 'hidden';
|
|
11031
13698
|
});
|
|
11032
|
-
var _templateObject$
|
|
11033
|
-
var ContainerWrapper$
|
|
13699
|
+
var _templateObject$S, _templateObject2$I, _templateObject3$A, _templateObject4$u;
|
|
13700
|
+
var ContainerWrapper$3 = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose$1$1(["\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n min-height: ", ";\n word-break: break-word;\n"])), function (props) {
|
|
11034
13701
|
return props.$width || 'auto';
|
|
11035
13702
|
}, function (_ref) {
|
|
11036
13703
|
var $minHeight = _ref.$minHeight;
|
|
11037
13704
|
return $minHeight;
|
|
11038
13705
|
});
|
|
11039
|
-
var CellContainer$
|
|
13706
|
+
var CellContainer$3 = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose$1$1(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
11040
13707
|
return props.$align;
|
|
11041
13708
|
}, function (props) {
|
|
11042
13709
|
return props.$width || 'auto';
|
|
@@ -11047,42 +13714,42 @@ var CellContainer$1 = styled__default.div(_templateObject2$q || (_templateObject
|
|
|
11047
13714
|
}, function (props) {
|
|
11048
13715
|
return props.$padding;
|
|
11049
13716
|
});
|
|
11050
|
-
var MainText$
|
|
13717
|
+
var MainText$3 = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11051
13718
|
return props.$mtc;
|
|
11052
13719
|
}, function (props) {
|
|
11053
13720
|
return props.$mtfs;
|
|
11054
13721
|
}, function (props) {
|
|
11055
13722
|
return props.$mtw;
|
|
11056
13723
|
});
|
|
11057
|
-
var SubText$
|
|
13724
|
+
var SubText$3 = styled__default.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11058
13725
|
return props.$stc;
|
|
11059
13726
|
}, function (props) {
|
|
11060
13727
|
return props.$stfs;
|
|
11061
13728
|
}, function (props) {
|
|
11062
13729
|
return props.$stw;
|
|
11063
13730
|
});
|
|
11064
|
-
var _templateObject$
|
|
11065
|
-
var TableRowContainer$
|
|
11066
|
-
var _templateObject$
|
|
11067
|
-
var TableContainer$
|
|
11068
|
-
var TableHeader$
|
|
13731
|
+
var _templateObject$T;
|
|
13732
|
+
var TableRowContainer$3 = styled.styled.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
13733
|
+
var _templateObject$U, _templateObject2$J, _templateObject3$B, _templateObject4$v, _templateObject5$n;
|
|
13734
|
+
var TableContainer$3 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose$1$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1$1.brand.light);
|
|
13735
|
+
var TableHeader$3 = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose$1$1(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
11069
13736
|
return props.$hbcolor || 'transparent';
|
|
11070
13737
|
}, function (props) {
|
|
11071
13738
|
return props.$tcolor || 'white';
|
|
11072
13739
|
});
|
|
11073
|
-
var TableContent$
|
|
11074
|
-
var TableData$
|
|
11075
|
-
var Divider$
|
|
11076
|
-
var _templateObject$
|
|
11077
|
-
var Container$
|
|
13740
|
+
var TableContent$3 = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
13741
|
+
var TableData$3 = styled__default.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
13742
|
+
var Divider$3 = styled__default.div(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1.border.extraLight);
|
|
13743
|
+
var _templateObject$V, _templateObject2$K, _templateObject3$C, _templateObject4$w, _templateObject5$o;
|
|
13744
|
+
var Container$d = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 24px;\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
11078
13745
|
var $border = _ref.$border;
|
|
11079
13746
|
return $border;
|
|
11080
13747
|
});
|
|
11081
|
-
var FirstContainer$
|
|
13748
|
+
var FirstContainer$3 = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables$1$1.border.light, function (_ref2) {
|
|
11082
13749
|
var $headerPadding = _ref2.$headerPadding;
|
|
11083
13750
|
return $headerPadding ? $headerPadding : '0px';
|
|
11084
13751
|
});
|
|
11085
|
-
var TabContainer$
|
|
13752
|
+
var TabContainer$3 = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose$1$1(["\n width: auto;\n display: flex;\n align-items: center;\n cursor: ", ";\n opacity: ", ";\n gap: 8px;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: ", ";\n height: ", ";\n\n svg {\n cursor: ", ";\n }\n\n"])), function (_ref3) {
|
|
11086
13753
|
var $disabled = _ref3.$disabled;
|
|
11087
13754
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11088
13755
|
}, function (_ref4) {
|
|
@@ -11095,22 +13762,18 @@ var TabContainer$1 = styled__default.div(_templateObject3$m || (_templateObject3
|
|
|
11095
13762
|
var $disabled = _ref6.$disabled;
|
|
11096
13763
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11097
13764
|
});
|
|
11098
|
-
var TabItemContainer$
|
|
13765
|
+
var TabItemContainer$3 = styled__default.div(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 8px;\n height: 100%;\n max-height: ", ";\n\n &:after {\n content: \"\";\n display: ", ";\n width: 100%;\n height: 3px;\n background: ", ";\n position: absolute;\n bottom: -1px;\n left: 0px;\n }\n"])), function (_ref7) {
|
|
11099
13766
|
var $headerHeight = _ref7.$headerHeight;
|
|
11100
13767
|
return $headerHeight ? $headerHeight : '34px';
|
|
11101
13768
|
}, function (props) {
|
|
11102
13769
|
return props.$active ? 'block' : 'none';
|
|
11103
13770
|
}, colorVariables$1$1["default"].primary);
|
|
11104
|
-
var DetailsFirstContainer$
|
|
13771
|
+
var DetailsFirstContainer$3 = styled__default.div(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose$1$1(["\n text-align: center;\n font-size: 14px;\n line-height: 18px;\n font-weight: 500;\n font-family: NotoSans, sans-serif;\n height: 100%;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (props) {
|
|
11105
13772
|
return props.$active ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.medium;
|
|
11106
13773
|
});
|
|
11107
|
-
var _templateObject$
|
|
11108
|
-
var
|
|
11109
|
-
var $
|
|
11110
|
-
return $padding;
|
|
11111
|
-
});
|
|
11112
|
-
var Label$4 = styled__default.label(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
11113
|
-
var $size = _ref2.$size;
|
|
13774
|
+
var _templateObject$W, _templateObject2$L, _templateObject3$D, _templateObject4$x, _templateObject5$p;
|
|
13775
|
+
var Label$8 = styled__default.label(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
13776
|
+
var $size = _ref.$size;
|
|
11114
13777
|
switch ($size) {
|
|
11115
13778
|
case 'small':
|
|
11116
13779
|
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
@@ -11121,8 +13784,8 @@ var Label$4 = styled__default.label(_templateObject2$t || (_templateObject2$t =
|
|
|
11121
13784
|
default:
|
|
11122
13785
|
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11123
13786
|
}
|
|
11124
|
-
}, function (
|
|
11125
|
-
var $titlecolor =
|
|
13787
|
+
}, function (_ref2) {
|
|
13788
|
+
var $titlecolor = _ref2.$titlecolor;
|
|
11126
13789
|
switch ($titlecolor) {
|
|
11127
13790
|
case 'dark':
|
|
11128
13791
|
return colorVariables$1$1.text.dark;
|
|
@@ -11144,21 +13807,21 @@ var Label$4 = styled__default.label(_templateObject2$t || (_templateObject2$t =
|
|
|
11144
13807
|
return $titlecolor;
|
|
11145
13808
|
}
|
|
11146
13809
|
});
|
|
11147
|
-
var Input$
|
|
11148
|
-
var $disabled =
|
|
13810
|
+
var Input$4 = styled__default.input(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n pointer-events: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1$1.border.light, function (_ref3) {
|
|
13811
|
+
var $disabled = _ref3.$disabled;
|
|
11149
13812
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11150
|
-
}, function (
|
|
11151
|
-
var $disabled =
|
|
11152
|
-
$background =
|
|
13813
|
+
}, function (_ref4) {
|
|
13814
|
+
var $disabled = _ref4.$disabled,
|
|
13815
|
+
$background = _ref4.$background;
|
|
11153
13816
|
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
11154
|
-
}, function (
|
|
11155
|
-
var $color =
|
|
13817
|
+
}, function (_ref5) {
|
|
13818
|
+
var $color = _ref5.$color;
|
|
11156
13819
|
return $color;
|
|
11157
|
-
}, function (
|
|
11158
|
-
var $disabled =
|
|
13820
|
+
}, function (_ref6) {
|
|
13821
|
+
var $disabled = _ref6.$disabled;
|
|
11159
13822
|
return $disabled ? 'none' : 'auto';
|
|
11160
|
-
}, function (
|
|
11161
|
-
var $size =
|
|
13823
|
+
}, function (_ref7) {
|
|
13824
|
+
var $size = _ref7.$size;
|
|
11162
13825
|
switch ($size) {
|
|
11163
13826
|
case 'small':
|
|
11164
13827
|
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
@@ -11169,8 +13832,8 @@ var Input$2 = styled__default.input(_templateObject3$n || (_templateObject3$n =
|
|
|
11169
13832
|
default:
|
|
11170
13833
|
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
11171
13834
|
}
|
|
11172
|
-
}, function (
|
|
11173
|
-
var $color =
|
|
13835
|
+
}, function (_ref8) {
|
|
13836
|
+
var $color = _ref8.$color;
|
|
11174
13837
|
switch ($color) {
|
|
11175
13838
|
case 'dark':
|
|
11176
13839
|
return colorVariables$1$1.text.dark;
|
|
@@ -11192,18 +13855,18 @@ var Input$2 = styled__default.input(_templateObject3$n || (_templateObject3$n =
|
|
|
11192
13855
|
return $color;
|
|
11193
13856
|
}
|
|
11194
13857
|
}, colorVariables$1$1.text.light);
|
|
11195
|
-
var InputWrapper$
|
|
11196
|
-
var IconWrapper$
|
|
11197
|
-
var $disabled =
|
|
13858
|
+
var InputWrapper$5 = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
13859
|
+
var IconWrapper$9 = styled__default.div(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref9) {
|
|
13860
|
+
var $disabled = _ref9.$disabled;
|
|
11198
13861
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11199
13862
|
});
|
|
11200
|
-
var Asterisk$
|
|
11201
|
-
var _templateObject$
|
|
11202
|
-
var Container$
|
|
13863
|
+
var Asterisk$5 = styled__default.span(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1$1["default"].error);
|
|
13864
|
+
var _templateObject$X, _templateObject2$M, _templateObject3$E;
|
|
13865
|
+
var Container$e = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
11203
13866
|
var $padding = _ref.$padding;
|
|
11204
13867
|
return $padding;
|
|
11205
13868
|
});
|
|
11206
|
-
var Label$
|
|
13869
|
+
var Label$9 = styled__default.label(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
11207
13870
|
var $size = _ref2.$size;
|
|
11208
13871
|
switch ($size) {
|
|
11209
13872
|
case 'small':
|
|
@@ -11219,7 +13882,7 @@ var Label$5 = styled__default.label(_templateObject2$u || (_templateObject2$u =
|
|
|
11219
13882
|
var $titlecolor = _ref3.$titlecolor;
|
|
11220
13883
|
return $titlecolor || colorVariables$1.text.dark;
|
|
11221
13884
|
});
|
|
11222
|
-
var TextAreaComponent$
|
|
13885
|
+
var TextAreaComponent$4 = styled__default.textarea(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n resize: none;\n height: 100%;\n \n ", "\n\n &:focus {\n border-color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1.border.light, function (_ref4) {
|
|
11223
13886
|
var $disabled = _ref4.$disabled;
|
|
11224
13887
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11225
13888
|
}, function (_ref5) {
|
|
@@ -11245,18 +13908,18 @@ var TextAreaComponent$2 = styled__default.textarea(_templateObject3$o || (_templ
|
|
|
11245
13908
|
var $color = _ref8.$color;
|
|
11246
13909
|
return $color || colorVariables$1.text.dark;
|
|
11247
13910
|
}, colorVariables$1.text.light);
|
|
11248
|
-
var _templateObject$
|
|
11249
|
-
var OptionContainer$
|
|
11250
|
-
var OptionItem$
|
|
13911
|
+
var _templateObject$Y, _templateObject2$N, _templateObject3$F, _templateObject4$y, _templateObject5$q, _templateObject6$g, _templateObject7$7;
|
|
13912
|
+
var OptionContainer$5 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose$1(["\n z-index: 2;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n position: absolute;\n padding: 4px;\n top: 40px;\n left: 0px;\n background: ", ";\n max-width: 192px;\n min-width: 192px;\n height: auto;\n max-height: 175px;\n"])), colorVariables$1.text.white);
|
|
13913
|
+
var OptionItem$5 = styled__default.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n background-color: ", ";\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
11251
13914
|
var $optionSelected = _ref.$optionSelected;
|
|
11252
13915
|
return $optionSelected ? colorVariables$1.text.white : colorVariables$1.text.medium;
|
|
11253
13916
|
}, function (_ref2) {
|
|
11254
13917
|
var $optionSelected = _ref2.$optionSelected;
|
|
11255
13918
|
return $optionSelected ? colorVariables$1["default"].primary : colorVariables$1.text.white;
|
|
11256
13919
|
}, colorVariables$1.hover.primary, colorVariables$1.text.white);
|
|
11257
|
-
var TotalOptionsHeader$
|
|
11258
|
-
var OptionLabel$
|
|
11259
|
-
var SearchContainer$
|
|
13920
|
+
var TotalOptionsHeader$4 = styled__default.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose$1(["\n display: flex;\n align-items: center;\n z-index: 2;\n background: ", ";\n color: ", ";\n height: max-content;\n padding: 8px 4px;\n gap: 4px;\n border-bottom: 1px solid ", ";\n font-size:12px;\n"])), colorVariables$1.text.white, colorVariables$1.text.light, colorVariables$1.text.light);
|
|
13921
|
+
var OptionLabel$5 = styled__default.label(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose$1(["\n cursor: pointer;\n height: max-content;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n"])));
|
|
13922
|
+
var SearchContainer$7 = styled__default.div(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n height: auto;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 6.5px 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n"])), function (_ref3) {
|
|
11260
13923
|
var $background = _ref3.$background;
|
|
11261
13924
|
switch ($background) {
|
|
11262
13925
|
case 'dark':
|
|
@@ -11285,7 +13948,7 @@ var SearchContainer$5 = styled__default.div(_templateObject5$g || (_templateObje
|
|
|
11285
13948
|
var $borderRadius = _ref5.$borderRadius;
|
|
11286
13949
|
return $borderRadius || '8px';
|
|
11287
13950
|
});
|
|
11288
|
-
var SearchBar$
|
|
13951
|
+
var SearchBar$7 = styled__default.input(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose$1(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n background: ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-size: 14px;\n }\n"])), colorVariables$1["default"].tertiary, function (_ref6) {
|
|
11289
13952
|
var $inputColor = _ref6.$inputColor;
|
|
11290
13953
|
switch ($inputColor) {
|
|
11291
13954
|
case 'dark':
|
|
@@ -11330,32 +13993,32 @@ var SearchBar$5 = styled__default.input(_templateObject6$c || (_templateObject6$
|
|
|
11330
13993
|
return $placeholderColor;
|
|
11331
13994
|
}
|
|
11332
13995
|
});
|
|
11333
|
-
var OptionsWrapper$
|
|
11334
|
-
var _templateObject$
|
|
11335
|
-
var spin$
|
|
11336
|
-
var getDotPosition$
|
|
13996
|
+
var OptionsWrapper$5 = styled__default.div(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1.text.white);
|
|
13997
|
+
var _templateObject$Z, _templateObject2$O, _templateObject3$G, _templateObject4$z;
|
|
13998
|
+
var spin$9 = styled.keyframes(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
13999
|
+
var getDotPosition$4 = function getDotPosition(index, size) {
|
|
11337
14000
|
var angle = index * 360 / 8;
|
|
11338
14001
|
var radius = size / 2.5;
|
|
11339
14002
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
11340
14003
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
11341
14004
|
return "translate(" + x + "px, " + y + "px)";
|
|
11342
14005
|
};
|
|
11343
|
-
var SpinnerContainer$
|
|
14006
|
+
var SpinnerContainer$4 = styled__default.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose$1(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
11344
14007
|
var $size = _ref.$size;
|
|
11345
14008
|
return $size;
|
|
11346
14009
|
}, function (_ref2) {
|
|
11347
14010
|
var $size = _ref2.$size;
|
|
11348
14011
|
return $size;
|
|
11349
14012
|
});
|
|
11350
|
-
var Dot$
|
|
14013
|
+
var Dot$4 = styled__default.div.attrs(function (_ref3) {
|
|
11351
14014
|
var $index = _ref3.$index,
|
|
11352
14015
|
$size = _ref3.$size;
|
|
11353
14016
|
return {
|
|
11354
14017
|
style: {
|
|
11355
|
-
transform: getDotPosition$
|
|
14018
|
+
transform: getDotPosition$4($index, $size)
|
|
11356
14019
|
}
|
|
11357
14020
|
};
|
|
11358
|
-
})(_templateObject3$
|
|
14021
|
+
})(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose$1(["\n position: absolute;\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: 50%;\n animation: ", " ", "s linear infinite;\n animation-delay: ", "s;\n"])), function (_ref4) {
|
|
11359
14022
|
var $dotSize = _ref4.$dotSize;
|
|
11360
14023
|
return $dotSize;
|
|
11361
14024
|
}, function (_ref5) {
|
|
@@ -11364,7 +14027,7 @@ var Dot$2 = styled__default.div.attrs(function (_ref3) {
|
|
|
11364
14027
|
}, function (_ref6) {
|
|
11365
14028
|
var $color = _ref6.$color;
|
|
11366
14029
|
return $color;
|
|
11367
|
-
}, spin$
|
|
14030
|
+
}, spin$9, function (_ref7) {
|
|
11368
14031
|
var $speed = _ref7.$speed;
|
|
11369
14032
|
return $speed;
|
|
11370
14033
|
}, function (_ref8) {
|
|
@@ -11372,10 +14035,10 @@ var Dot$2 = styled__default.div.attrs(function (_ref3) {
|
|
|
11372
14035
|
$speed = _ref8.$speed;
|
|
11373
14036
|
return $index * $speed / 8;
|
|
11374
14037
|
});
|
|
11375
|
-
var SpinnerWrapper$
|
|
11376
|
-
var _templateObject$
|
|
11377
|
-
var spin$
|
|
11378
|
-
var Spinner$
|
|
14038
|
+
var SpinnerWrapper$4 = styled__default.div(_templateObject4$z || (_templateObject4$z = _taggedTemplateLiteralLoose$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
14039
|
+
var _templateObject$_, _templateObject2$P;
|
|
14040
|
+
var spin$a = styled.keyframes(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
14041
|
+
var Spinner$5 = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose$1(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
11379
14042
|
var $size = _ref.$size;
|
|
11380
14043
|
return $size;
|
|
11381
14044
|
}, function (_ref2) {
|
|
@@ -11384,25 +14047,25 @@ var Spinner$3 = styled__default.div(_templateObject2$x || (_templateObject2$x =
|
|
|
11384
14047
|
}, function (_ref3) {
|
|
11385
14048
|
var $color = _ref3.$color;
|
|
11386
14049
|
return $color;
|
|
11387
|
-
}, spin$
|
|
11388
|
-
var _templateObject
|
|
11389
|
-
var PageInput$
|
|
11390
|
-
var _templateObject$
|
|
11391
|
-
var SidebarContainer$
|
|
14050
|
+
}, spin$a);
|
|
14051
|
+
var _templateObject$$;
|
|
14052
|
+
var PageInput$4 = styled__default.input(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 4px;\n color: ", ";\n text-align: center;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), colorVariables$1.accent.extraLight, colorVariables$1.border.light, colorVariables$1.text.dark);
|
|
14053
|
+
var _templateObject$10, _templateObject2$Q, _templateObject3$H, _templateObject4$A, _templateObject5$r, _templateObject6$h;
|
|
14054
|
+
var SidebarContainer$4 = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose$1(["\n width: ", ";\n height: 100vh;\n background: ", "; \n transition: width 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10;\n justify-content: space-between;\n"])), function (_ref) {
|
|
11392
14055
|
var $isExpanded = _ref.$isExpanded;
|
|
11393
14056
|
return $isExpanded ? '225px' : '68px';
|
|
11394
14057
|
}, function (_ref2) {
|
|
11395
14058
|
var $background = _ref2.$background;
|
|
11396
14059
|
return $background ? $background : colorVariables$1.accent.softBlue;
|
|
11397
14060
|
});
|
|
11398
|
-
var SidebarItem$
|
|
11399
|
-
var ContentWrapper$
|
|
11400
|
-
var IconWrapper$
|
|
14061
|
+
var SidebarItem$4 = styled__default(reactRouterDom.NavLink)(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose$1(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables$1.text.medium, colorVariables$1["default"].primary);
|
|
14062
|
+
var ContentWrapper$4 = styled__default.div(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
14063
|
+
var IconWrapper$a = styled__default.div(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose$1(["\n background: ", "; \n font-weight: bold;\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > div:first-child {\n cursor: pointer;\n }\n"])), function (_ref3) {
|
|
11401
14064
|
var $selected = _ref3.$selected;
|
|
11402
14065
|
return $selected ? colorVariables$1["default"].primary : colorVariables$1["default"].tertiary;
|
|
11403
14066
|
});
|
|
11404
|
-
var Logo$
|
|
11405
|
-
var TextContainer$
|
|
14067
|
+
var Logo$4 = styled__default.div(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose$1(["\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: start;\n gap: 10px;\n"])));
|
|
14068
|
+
var TextContainer$4 = styled__default.span(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
|
|
11406
14069
|
var $padding = _ref4.$padding;
|
|
11407
14070
|
return $padding;
|
|
11408
14071
|
}, function (_ref5) {
|
|
@@ -11421,14 +14084,14 @@ var TextContainer$2 = styled__default.span(_templateObject6$d || (_templateObjec
|
|
|
11421
14084
|
var $isExpanded = _ref9.$isExpanded;
|
|
11422
14085
|
return $isExpanded ? 'visible' : 'hidden';
|
|
11423
14086
|
});
|
|
11424
|
-
var _templateObject$
|
|
11425
|
-
var ContainerWrapper$
|
|
14087
|
+
var _templateObject$11, _templateObject2$R, _templateObject3$I, _templateObject4$B;
|
|
14088
|
+
var ContainerWrapper$4 = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose$1(["\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n min-height: ", ";\n word-break: break-word;\n"])), function (props) {
|
|
11426
14089
|
return props.$width || 'auto';
|
|
11427
14090
|
}, function (_ref) {
|
|
11428
14091
|
var $minHeight = _ref.$minHeight;
|
|
11429
14092
|
return $minHeight;
|
|
11430
14093
|
});
|
|
11431
|
-
var CellContainer$
|
|
14094
|
+
var CellContainer$4 = styled__default.div(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose$1(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
11432
14095
|
return props.$align;
|
|
11433
14096
|
}, function (props) {
|
|
11434
14097
|
return props.$width || 'auto';
|
|
@@ -11439,42 +14102,42 @@ var CellContainer$2 = styled__default.div(_templateObject2$z || (_templateObject
|
|
|
11439
14102
|
}, function (props) {
|
|
11440
14103
|
return props.$padding;
|
|
11441
14104
|
});
|
|
11442
|
-
var MainText$
|
|
14105
|
+
var MainText$4 = styled__default.div(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11443
14106
|
return props.$mtc;
|
|
11444
14107
|
}, function (props) {
|
|
11445
14108
|
return props.$mtfs;
|
|
11446
14109
|
}, function (props) {
|
|
11447
14110
|
return props.$mtw;
|
|
11448
14111
|
});
|
|
11449
|
-
var SubText$
|
|
14112
|
+
var SubText$4 = styled__default.div(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11450
14113
|
return props.$stc;
|
|
11451
14114
|
}, function (props) {
|
|
11452
14115
|
return props.$stfs;
|
|
11453
14116
|
}, function (props) {
|
|
11454
14117
|
return props.$stw;
|
|
11455
14118
|
});
|
|
11456
|
-
var _templateObject$
|
|
11457
|
-
var TableRowContainer$
|
|
11458
|
-
var _templateObject$
|
|
11459
|
-
var TableContainer$
|
|
11460
|
-
var TableHeader$
|
|
14119
|
+
var _templateObject$12;
|
|
14120
|
+
var TableRowContainer$4 = styled.styled.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
14121
|
+
var _templateObject$13, _templateObject2$S, _templateObject3$J, _templateObject4$C, _templateObject5$s;
|
|
14122
|
+
var TableContainer$4 = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1.brand.light);
|
|
14123
|
+
var TableHeader$4 = styled__default.div(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose$1(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
11461
14124
|
return props.$hbcolor || 'transparent';
|
|
11462
14125
|
}, function (props) {
|
|
11463
14126
|
return props.$tcolor || 'white';
|
|
11464
14127
|
});
|
|
11465
|
-
var TableContent$
|
|
11466
|
-
var TableData$
|
|
11467
|
-
var Divider$
|
|
11468
|
-
var _templateObject$
|
|
11469
|
-
var Container$
|
|
14128
|
+
var TableContent$4 = styled__default.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
14129
|
+
var TableData$4 = styled__default.div(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
14130
|
+
var Divider$4 = styled__default.div(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1.border.extraLight);
|
|
14131
|
+
var _templateObject$14, _templateObject2$T, _templateObject3$K, _templateObject4$D, _templateObject5$t;
|
|
14132
|
+
var Container$f = styled__default.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 24px;\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
11470
14133
|
var $border = _ref.$border;
|
|
11471
14134
|
return $border;
|
|
11472
14135
|
});
|
|
11473
|
-
var FirstContainer$
|
|
14136
|
+
var FirstContainer$4 = styled__default.div(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables$1.border.light, function (_ref2) {
|
|
11474
14137
|
var $headerPadding = _ref2.$headerPadding;
|
|
11475
14138
|
return $headerPadding ? $headerPadding : '0px';
|
|
11476
14139
|
});
|
|
11477
|
-
var TabContainer$
|
|
14140
|
+
var TabContainer$4 = styled__default.div(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose$1(["\n width: auto;\n display: flex;\n align-items: center;\n cursor: ", ";\n opacity: ", ";\n gap: 8px;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: ", ";\n height: ", ";\n\n svg {\n cursor: ", ";\n }\n\n"])), function (_ref3) {
|
|
11478
14141
|
var $disabled = _ref3.$disabled;
|
|
11479
14142
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11480
14143
|
}, function (_ref4) {
|
|
@@ -11487,18 +14150,18 @@ var TabContainer$2 = styled__default.div(_templateObject3$u || (_templateObject3
|
|
|
11487
14150
|
var $disabled = _ref6.$disabled;
|
|
11488
14151
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11489
14152
|
});
|
|
11490
|
-
var TabItemContainer$
|
|
14153
|
+
var TabItemContainer$4 = styled__default.div(_templateObject4$D || (_templateObject4$D = _taggedTemplateLiteralLoose$1(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 8px;\n height: 100%;\n max-height: ", ";\n\n &:after {\n content: \"\";\n display: ", ";\n width: 100%;\n height: 3px;\n background: ", ";\n position: absolute;\n bottom: -1px;\n left: 0px;\n }\n"])), function (_ref7) {
|
|
11491
14154
|
var $headerHeight = _ref7.$headerHeight;
|
|
11492
14155
|
return $headerHeight ? $headerHeight : '34px';
|
|
11493
14156
|
}, function (props) {
|
|
11494
14157
|
return props.$active ? 'block' : 'none';
|
|
11495
14158
|
}, colorVariables$1["default"].primary);
|
|
11496
|
-
var DetailsFirstContainer$
|
|
14159
|
+
var DetailsFirstContainer$4 = styled__default.div(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose$1(["\n text-align: center;\n font-size: 14px;\n line-height: 18px;\n font-weight: 500;\n font-family: NotoSans, sans-serif;\n height: 100%;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (props) {
|
|
11497
14160
|
return props.$active ? colorVariables$1["default"].primary : colorVariables$1.text.medium;
|
|
11498
14161
|
});
|
|
11499
14162
|
|
|
11500
|
-
var _templateObject$
|
|
11501
|
-
var Label$
|
|
14163
|
+
var _templateObject$15, _templateObject2$U, _templateObject3$L, _templateObject4$E, _templateObject5$u;
|
|
14164
|
+
var Label$a = styled__default.label(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n cursor: auto;\n width: 100%;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
11502
14165
|
var $size = _ref.$size;
|
|
11503
14166
|
switch ($size) {
|
|
11504
14167
|
case 'small':
|
|
@@ -11533,7 +14196,7 @@ var Label$6 = styled__default.label(_templateObject$L || (_templateObject$L = _t
|
|
|
11533
14196
|
return $titlecolor;
|
|
11534
14197
|
}
|
|
11535
14198
|
});
|
|
11536
|
-
var Input$
|
|
14199
|
+
var Input$5 = styled__default.input(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n pointer-events: ", ";\n\n ", "\n\n &:focus {\n border: 1px solid\n ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables$1.border.light, function (_ref3) {
|
|
11537
14200
|
var $disabled = _ref3.$disabled;
|
|
11538
14201
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11539
14202
|
}, function (_ref4) {
|
|
@@ -11581,12 +14244,12 @@ var Input$3 = styled__default.input(_templateObject2$C || (_templateObject2$C =
|
|
|
11581
14244
|
return $color;
|
|
11582
14245
|
}
|
|
11583
14246
|
}, colorVariables$1.text.light);
|
|
11584
|
-
var InputWrapper$
|
|
11585
|
-
var IconWrapper$
|
|
14247
|
+
var InputWrapper$6 = styled__default.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
14248
|
+
var IconWrapper$b = styled__default.div(_templateObject4$E || (_templateObject4$E = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref9) {
|
|
11586
14249
|
var $disabled = _ref9.$disabled;
|
|
11587
14250
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11588
14251
|
});
|
|
11589
|
-
var Asterisk$
|
|
14252
|
+
var Asterisk$6 = styled__default.span(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1["default"].error);
|
|
11590
14253
|
var TextField = function TextField(_ref10) {
|
|
11591
14254
|
var _ref10$type = _ref10.type,
|
|
11592
14255
|
type = _ref10$type === void 0 ? 'text' : _ref10$type,
|
|
@@ -11641,11 +14304,11 @@ var TextField = function TextField(_ref10) {
|
|
|
11641
14304
|
"$padding": padding
|
|
11642
14305
|
}, (title || titleRightNode) && React__default.createElement(Container$3, {
|
|
11643
14306
|
"$gap": titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.gap
|
|
11644
|
-
}, title && React__default.createElement(Label$
|
|
14307
|
+
}, title && React__default.createElement(Label$a, {
|
|
11645
14308
|
"$size": size,
|
|
11646
14309
|
htmlFor: title,
|
|
11647
14310
|
"$titlecolor": titlecolor
|
|
11648
|
-
}, title, required && React__default.createElement(Asterisk$
|
|
14311
|
+
}, title, required && React__default.createElement(Asterisk$6, null, "*")), titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.node), React__default.createElement(InputWrapper$6, null, React__default.createElement(Input$5, {
|
|
11649
14312
|
type: inputType || 'text',
|
|
11650
14313
|
name: title,
|
|
11651
14314
|
id: title,
|
|
@@ -11662,7 +14325,7 @@ var TextField = function TextField(_ref10) {
|
|
|
11662
14325
|
if (onEnter) onEnter();
|
|
11663
14326
|
}
|
|
11664
14327
|
}
|
|
11665
|
-
}), type === 'password' && inputValue && React__default.createElement(IconWrapper$
|
|
14328
|
+
}), type === 'password' && inputValue && React__default.createElement(IconWrapper$b, {
|
|
11666
14329
|
"$disabled": disabled,
|
|
11667
14330
|
onClick: function onClick() {
|
|
11668
14331
|
if (!disabled) handleShowPassword();
|
|
@@ -11672,7 +14335,7 @@ var TextField = function TextField(_ref10) {
|
|
|
11672
14335
|
size: iconsize,
|
|
11673
14336
|
weight: iconweight,
|
|
11674
14337
|
color: iconcolor || colorVariables$1["default"].primary
|
|
11675
|
-
})), icon && type !== 'password' && React__default.createElement(IconWrapper$
|
|
14338
|
+
})), icon && type !== 'password' && React__default.createElement(IconWrapper$b, {
|
|
11676
14339
|
onClick: handleToggleDisabled
|
|
11677
14340
|
}, React__default.createElement(Icon$1, {
|
|
11678
14341
|
icon: icon,
|
|
@@ -11682,12 +14345,12 @@ var TextField = function TextField(_ref10) {
|
|
|
11682
14345
|
}))));
|
|
11683
14346
|
};
|
|
11684
14347
|
|
|
11685
|
-
var _templateObject$
|
|
11686
|
-
var Container$
|
|
14348
|
+
var _templateObject$16, _templateObject2$V, _templateObject3$M;
|
|
14349
|
+
var Container$g = styled__default.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
11687
14350
|
var $padding = _ref.$padding;
|
|
11688
14351
|
return $padding;
|
|
11689
14352
|
});
|
|
11690
|
-
var Label$
|
|
14353
|
+
var Label$b = styled__default.label(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteralLoose(["\n cursor: auto;\n font-weight: 500;\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
11691
14354
|
var $size = _ref2.$size;
|
|
11692
14355
|
switch ($size) {
|
|
11693
14356
|
case 'small':
|
|
@@ -11703,7 +14366,7 @@ var Label$7 = styled__default.label(_templateObject2$D || (_templateObject2$D =
|
|
|
11703
14366
|
var $titlecolor = _ref3.$titlecolor;
|
|
11704
14367
|
return $titlecolor || colorVariables.text.dark;
|
|
11705
14368
|
});
|
|
11706
|
-
var TextAreaComponent$
|
|
14369
|
+
var TextAreaComponent$5 = styled__default.textarea(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid ", ";\n border-radius: 8px;\n cursor: ", ";\n background: ", ";\n transition: all 0.3s ease;\n color: ", ";\n resize: none;\n height: 100%;\n \n ", "\n\n &:focus {\n border-color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-family: NotoSans, sans-serif;\n }\n"])), colorVariables.border.light, function (_ref4) {
|
|
11707
14370
|
var $disabled = _ref4.$disabled;
|
|
11708
14371
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11709
14372
|
}, function (_ref5) {
|
|
@@ -11754,13 +14417,13 @@ var TextArea = function TextArea(_ref9) {
|
|
|
11754
14417
|
React.useEffect(function () {
|
|
11755
14418
|
setIsDisabled(disabled);
|
|
11756
14419
|
}, [disabled]);
|
|
11757
|
-
return React__default.createElement(Container$
|
|
14420
|
+
return React__default.createElement(Container$g, {
|
|
11758
14421
|
"$padding": padding
|
|
11759
|
-
}, title && React__default.createElement(Label$
|
|
14422
|
+
}, title && React__default.createElement(Label$b, {
|
|
11760
14423
|
"$size": size,
|
|
11761
14424
|
htmlFor: title,
|
|
11762
14425
|
"$titlecolor": titlecolor
|
|
11763
|
-
}, title, required && React__default.createElement(Asterisk$
|
|
14426
|
+
}, title, required && React__default.createElement(Asterisk$6, null, "*")), React__default.createElement(TextAreaComponent$5, {
|
|
11764
14427
|
name: title,
|
|
11765
14428
|
id: title,
|
|
11766
14429
|
value: inputValue,
|
|
@@ -11773,18 +14436,18 @@ var TextArea = function TextArea(_ref9) {
|
|
|
11773
14436
|
}));
|
|
11774
14437
|
};
|
|
11775
14438
|
|
|
11776
|
-
var _templateObject$
|
|
11777
|
-
var OptionContainer$
|
|
11778
|
-
var OptionItem$
|
|
14439
|
+
var _templateObject$17, _templateObject2$W, _templateObject3$N, _templateObject4$F, _templateObject5$v, _templateObject6$i, _templateObject7$8;
|
|
14440
|
+
var OptionContainer$6 = styled__default.div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n z-index: 2;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n position: absolute;\n padding: 4px;\n top: 40px;\n left: 0px;\n background: ", ";\n max-width: 192px;\n min-width: 192px;\n height: auto;\n max-height: 175px;\n"])), colorVariables.text.white);
|
|
14441
|
+
var OptionItem$6 = styled__default.div(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n color: ", ";\n background-color: ", ";\n border-radius: 8px;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n }\n"])), function (_ref) {
|
|
11779
14442
|
var $optionSelected = _ref.$optionSelected;
|
|
11780
14443
|
return $optionSelected ? colorVariables.text.white : colorVariables.text.medium;
|
|
11781
14444
|
}, function (_ref2) {
|
|
11782
14445
|
var $optionSelected = _ref2.$optionSelected;
|
|
11783
14446
|
return $optionSelected ? colorVariables["default"].primary : colorVariables.text.white;
|
|
11784
14447
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
11785
|
-
var TotalOptionsHeader$
|
|
11786
|
-
var OptionLabel$
|
|
11787
|
-
var SearchContainer$
|
|
14448
|
+
var TotalOptionsHeader$5 = styled__default.div(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n z-index: 2;\n background: ", ";\n color: ", ";\n height: max-content;\n padding: 8px 4px;\n gap: 4px;\n border-bottom: 1px solid ", ";\n font-size:12px;\n"])), colorVariables.text.white, colorVariables.text.light, colorVariables.text.light);
|
|
14449
|
+
var OptionLabel$6 = styled__default.label(_templateObject4$F || (_templateObject4$F = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n height: max-content;\n gap: 8px;\n padding: 8px 12px;\n word-break: break-word;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n font-family: NotoSans;\n font-weight: 500;\n font-size: 14px;\n line-height: 14px;\n"])));
|
|
14450
|
+
var SearchContainer$8 = styled__default.div(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: auto;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 6.5px 8px;\n display: flex;\n align-items: center;\n gap: 6px;\n"])), function (_ref3) {
|
|
11788
14451
|
var $background = _ref3.$background;
|
|
11789
14452
|
switch ($background) {
|
|
11790
14453
|
case 'dark':
|
|
@@ -11813,7 +14476,7 @@ var SearchContainer$6 = styled__default.div(_templateObject5$l || (_templateObje
|
|
|
11813
14476
|
var $borderRadius = _ref5.$borderRadius;
|
|
11814
14477
|
return $borderRadius || '8px';
|
|
11815
14478
|
});
|
|
11816
|
-
var SearchBar$
|
|
14479
|
+
var SearchBar$8 = styled__default.input(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n width: 100%;\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 100%;\n background: ", ";\n color: ", ";\n\n &::placeholder {\n color: ", ";\n font-style: italic;\n font-size: 14px;\n }\n"])), colorVariables["default"].tertiary, function (_ref6) {
|
|
11817
14480
|
var $inputColor = _ref6.$inputColor;
|
|
11818
14481
|
switch ($inputColor) {
|
|
11819
14482
|
case 'dark':
|
|
@@ -11858,7 +14521,7 @@ var SearchBar$6 = styled__default.input(_templateObject6$e || (_templateObject6$
|
|
|
11858
14521
|
return $placeholderColor;
|
|
11859
14522
|
}
|
|
11860
14523
|
});
|
|
11861
|
-
var OptionsWrapper$
|
|
14524
|
+
var OptionsWrapper$6 = styled__default.div(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables.text.white);
|
|
11862
14525
|
var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
11863
14526
|
var options = _ref8.options,
|
|
11864
14527
|
selectedOption = _ref8.selectedOption,
|
|
@@ -11907,7 +14570,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11907
14570
|
"$gap": '8px',
|
|
11908
14571
|
"$width": '100%',
|
|
11909
14572
|
"$position": 'relative'
|
|
11910
|
-
}, searchBox && React__default.createElement(SearchContainer$
|
|
14573
|
+
}, searchBox && React__default.createElement(SearchContainer$8, {
|
|
11911
14574
|
"$borderBottom": searchBoxBorder,
|
|
11912
14575
|
"$background": isSearchBarEnabled ? colorVariables.text.white : colorVariables.accent.light,
|
|
11913
14576
|
"$borderRadius": searchBoxBorderRadius,
|
|
@@ -11923,7 +14586,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11923
14586
|
onClick: function onClick() {
|
|
11924
14587
|
return setIsSearchBarEnabled(true);
|
|
11925
14588
|
}
|
|
11926
|
-
}, React__default.createElement(SearchBar$
|
|
14589
|
+
}, React__default.createElement(SearchBar$8, {
|
|
11927
14590
|
type: 'text',
|
|
11928
14591
|
placeholder: placeholder,
|
|
11929
14592
|
value: internalSearchQuery,
|
|
@@ -11940,18 +14603,18 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11940
14603
|
setInternalSearchQuery('');
|
|
11941
14604
|
setSearchQuery('');
|
|
11942
14605
|
}
|
|
11943
|
-
}), isSearchBarEnabled && React__default.createElement(OptionContainer$
|
|
14606
|
+
}), isSearchBarEnabled && React__default.createElement(OptionContainer$6, null, options.length > 0 ? React__default.createElement(Container, {
|
|
11944
14607
|
"$flexDirection": 'column',
|
|
11945
14608
|
"$overflow": 'auto'
|
|
11946
|
-
}, React__default.createElement(TotalOptionsHeader$
|
|
14609
|
+
}, React__default.createElement(TotalOptionsHeader$5, null, React__default.createElement(Span, {
|
|
11947
14610
|
"$fontSize": '12px',
|
|
11948
14611
|
"$fontWeight": '400',
|
|
11949
14612
|
"$color": colorVariables.text.light
|
|
11950
|
-
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React__default.createElement(OptionsWrapper$
|
|
11951
|
-
return React__default.createElement(OptionItem$
|
|
14613
|
+
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React__default.createElement(OptionsWrapper$6, null, filteredArray.length > 0 ? filteredArray.map(function (option) {
|
|
14614
|
+
return React__default.createElement(OptionItem$6, {
|
|
11952
14615
|
key: option.value,
|
|
11953
14616
|
"$optionSelected": option.value === selectedOption
|
|
11954
|
-
}, React__default.createElement(OptionLabel$
|
|
14617
|
+
}, React__default.createElement(OptionLabel$6, {
|
|
11955
14618
|
htmlFor: option.value,
|
|
11956
14619
|
onClick: function onClick() {
|
|
11957
14620
|
setInternalSearchQuery(option.labelText);
|
|
@@ -11973,31 +14636,31 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11973
14636
|
}, NoOptionsText)))));
|
|
11974
14637
|
};
|
|
11975
14638
|
|
|
11976
|
-
var _templateObject$
|
|
11977
|
-
var spin$
|
|
11978
|
-
var getDotPosition$
|
|
14639
|
+
var _templateObject$18, _templateObject2$X, _templateObject3$O, _templateObject4$G;
|
|
14640
|
+
var spin$b = styled.keyframes(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
14641
|
+
var getDotPosition$5 = function getDotPosition(index, size) {
|
|
11979
14642
|
var angle = index * 360 / 8;
|
|
11980
14643
|
var radius = size / 2.5;
|
|
11981
14644
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
11982
14645
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
11983
14646
|
return "translate(" + x + "px, " + y + "px)";
|
|
11984
14647
|
};
|
|
11985
|
-
var SpinnerContainer$
|
|
14648
|
+
var SpinnerContainer$5 = styled__default.div(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
11986
14649
|
var $size = _ref.$size;
|
|
11987
14650
|
return $size;
|
|
11988
14651
|
}, function (_ref2) {
|
|
11989
14652
|
var $size = _ref2.$size;
|
|
11990
14653
|
return $size;
|
|
11991
14654
|
});
|
|
11992
|
-
var Dot$
|
|
14655
|
+
var Dot$5 = styled__default.div.attrs(function (_ref3) {
|
|
11993
14656
|
var $index = _ref3.$index,
|
|
11994
14657
|
$size = _ref3.$size;
|
|
11995
14658
|
return {
|
|
11996
14659
|
style: {
|
|
11997
|
-
transform: getDotPosition$
|
|
14660
|
+
transform: getDotPosition$5($index, $size)
|
|
11998
14661
|
}
|
|
11999
14662
|
};
|
|
12000
|
-
})(_templateObject3$
|
|
14663
|
+
})(_templateObject3$O || (_templateObject3$O = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: 50%;\n animation: ", " ", "s linear infinite;\n animation-delay: ", "s;\n"])), function (_ref4) {
|
|
12001
14664
|
var $dotSize = _ref4.$dotSize;
|
|
12002
14665
|
return $dotSize;
|
|
12003
14666
|
}, function (_ref5) {
|
|
@@ -12006,7 +14669,7 @@ var Dot$3 = styled__default.div.attrs(function (_ref3) {
|
|
|
12006
14669
|
}, function (_ref6) {
|
|
12007
14670
|
var $color = _ref6.$color;
|
|
12008
14671
|
return $color;
|
|
12009
|
-
}, spin$
|
|
14672
|
+
}, spin$b, function (_ref7) {
|
|
12010
14673
|
var $speed = _ref7.$speed;
|
|
12011
14674
|
return $speed;
|
|
12012
14675
|
}, function (_ref8) {
|
|
@@ -12014,7 +14677,7 @@ var Dot$3 = styled__default.div.attrs(function (_ref3) {
|
|
|
12014
14677
|
$speed = _ref8.$speed;
|
|
12015
14678
|
return $index * $speed / 8;
|
|
12016
14679
|
});
|
|
12017
|
-
var SpinnerWrapper$
|
|
14680
|
+
var SpinnerWrapper$5 = styled__default.div(_templateObject4$G || (_templateObject4$G = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
12018
14681
|
var sizeMap = {
|
|
12019
14682
|
small: {
|
|
12020
14683
|
size: 32
|
|
@@ -12038,13 +14701,13 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
12038
14701
|
text = _ref9.text,
|
|
12039
14702
|
customSize = _ref9.customSize;
|
|
12040
14703
|
var spinnerSize = customSize != null ? customSize : sizeMap[size].size;
|
|
12041
|
-
return React__default.createElement(SpinnerWrapper$
|
|
14704
|
+
return React__default.createElement(SpinnerWrapper$5, null, React__default.createElement(SpinnerContainer$5, {
|
|
12042
14705
|
"$size": spinnerSize,
|
|
12043
14706
|
"aria-label": "Loading animation"
|
|
12044
14707
|
}, Array.from({
|
|
12045
14708
|
length: 8
|
|
12046
14709
|
}).map(function (_, i) {
|
|
12047
|
-
return React__default.createElement(Dot$
|
|
14710
|
+
return React__default.createElement(Dot$5, {
|
|
12048
14711
|
key: i,
|
|
12049
14712
|
"$index": i,
|
|
12050
14713
|
"$size": spinnerSize,
|
|
@@ -12055,9 +14718,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
12055
14718
|
})), text && React__default.createElement(React__default.Fragment, null, text));
|
|
12056
14719
|
};
|
|
12057
14720
|
|
|
12058
|
-
var _templateObject$
|
|
12059
|
-
var spin$
|
|
12060
|
-
var Spinner$
|
|
14721
|
+
var _templateObject$19, _templateObject2$Y;
|
|
14722
|
+
var spin$c = styled.keyframes(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
14723
|
+
var Spinner$6 = styled__default.div(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
12061
14724
|
var $size = _ref.$size;
|
|
12062
14725
|
return $size;
|
|
12063
14726
|
}, function (_ref2) {
|
|
@@ -12066,7 +14729,7 @@ var Spinner$4 = styled__default.div(_templateObject2$G || (_templateObject2$G =
|
|
|
12066
14729
|
}, function (_ref3) {
|
|
12067
14730
|
var $color = _ref3.$color;
|
|
12068
14731
|
return $color;
|
|
12069
|
-
}, spin$
|
|
14732
|
+
}, spin$c);
|
|
12070
14733
|
var Loader = function Loader(_ref4) {
|
|
12071
14734
|
var title = _ref4.title,
|
|
12072
14735
|
_ref4$size = _ref4.size,
|
|
@@ -12082,7 +14745,7 @@ var Loader = function Loader(_ref4) {
|
|
|
12082
14745
|
"$height": '100%',
|
|
12083
14746
|
"$flexDirection": 'column',
|
|
12084
14747
|
"$gap": '12px'
|
|
12085
|
-
}, React__default.createElement(Container, null, React__default.createElement(Spinner$
|
|
14748
|
+
}, React__default.createElement(Container, null, React__default.createElement(Spinner$6, {
|
|
12086
14749
|
"$size": size,
|
|
12087
14750
|
"$color": color
|
|
12088
14751
|
})), title && React__default.createElement(Container, {
|
|
@@ -12098,8 +14761,8 @@ var Loader = function Loader(_ref4) {
|
|
|
12098
14761
|
}, title))));
|
|
12099
14762
|
};
|
|
12100
14763
|
|
|
12101
|
-
var _templateObject$
|
|
12102
|
-
var PageInput$
|
|
14764
|
+
var _templateObject$1a;
|
|
14765
|
+
var PageInput$5 = styled__default.input(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 4px;\n color: ", ";\n text-align: center;\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), colorVariables.accent.extraLight, colorVariables.border.light, colorVariables.text.dark);
|
|
12103
14766
|
var Pagination = function Pagination(_ref) {
|
|
12104
14767
|
var totalPages = _ref.totalPages,
|
|
12105
14768
|
currentPage = _ref.currentPage,
|
|
@@ -12157,7 +14820,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
12157
14820
|
}, React__default.createElement(Container, {
|
|
12158
14821
|
"$gap": '4px',
|
|
12159
14822
|
"$alignItems": 'center'
|
|
12160
|
-
}, React__default.createElement(PageInput$
|
|
14823
|
+
}, React__default.createElement(PageInput$5, {
|
|
12161
14824
|
type: 'number',
|
|
12162
14825
|
value: inputPage,
|
|
12163
14826
|
onChange: handleInputChange,
|
|
@@ -12283,22 +14946,22 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
12283
14946
|
})));
|
|
12284
14947
|
};
|
|
12285
14948
|
|
|
12286
|
-
var _templateObject$
|
|
12287
|
-
var SidebarContainer$
|
|
14949
|
+
var _templateObject$1b, _templateObject2$Z, _templateObject3$P, _templateObject4$H, _templateObject5$w, _templateObject6$j;
|
|
14950
|
+
var SidebarContainer$5 = styled__default.div(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: 100vh;\n background: ", "; \n transition: width 0.3s ease-in-out;\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10;\n justify-content: space-between;\n"])), function (_ref) {
|
|
12288
14951
|
var $isExpanded = _ref.$isExpanded;
|
|
12289
14952
|
return $isExpanded ? '225px' : '68px';
|
|
12290
14953
|
}, function (_ref2) {
|
|
12291
14954
|
var $background = _ref2.$background;
|
|
12292
14955
|
return $background ? $background : colorVariables.accent.softBlue;
|
|
12293
14956
|
});
|
|
12294
|
-
var SidebarItem$
|
|
12295
|
-
var ContentWrapper$
|
|
12296
|
-
var IconWrapper$
|
|
14957
|
+
var SidebarItem$5 = styled__default(reactRouterDom.NavLink)(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables.text.medium, colorVariables["default"].primary);
|
|
14958
|
+
var ContentWrapper$5 = styled__default.div(_templateObject3$P || (_templateObject3$P = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
14959
|
+
var IconWrapper$c = styled__default.div(_templateObject4$H || (_templateObject4$H = _taggedTemplateLiteralLoose(["\n background: ", "; \n font-weight: bold;\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n > div:first-child {\n cursor: pointer;\n }\n"])), function (_ref3) {
|
|
12297
14960
|
var $selected = _ref3.$selected;
|
|
12298
14961
|
return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
|
|
12299
14962
|
});
|
|
12300
|
-
var Logo$
|
|
12301
|
-
var TextContainer$
|
|
14963
|
+
var Logo$5 = styled__default.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: start;\n gap: 10px;\n"])));
|
|
14964
|
+
var TextContainer$5 = styled__default.span(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n width: 100%;\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
|
|
12302
14965
|
var $padding = _ref4.$padding;
|
|
12303
14966
|
return $padding;
|
|
12304
14967
|
}, function (_ref5) {
|
|
@@ -12335,7 +14998,7 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
12335
14998
|
return parts.length > 0 ? "/" + parts[0] + "/" : '/';
|
|
12336
14999
|
};
|
|
12337
15000
|
var topLevelPath = getTopLevelPathWithSlash(location.pathname) || getTopLevelPath(location.pathname);
|
|
12338
|
-
return React__default.createElement(SidebarContainer$
|
|
15001
|
+
return React__default.createElement(SidebarContainer$5, {
|
|
12339
15002
|
"$background": background,
|
|
12340
15003
|
"$isExpanded": isExpanded,
|
|
12341
15004
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -12344,24 +15007,24 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
12344
15007
|
onMouseLeave: function onMouseLeave() {
|
|
12345
15008
|
return setIsExpanded(false);
|
|
12346
15009
|
}
|
|
12347
|
-
}, logo && React__default.createElement(Logo$
|
|
15010
|
+
}, logo && React__default.createElement(Logo$5, null, React__default.createElement(Icon, {
|
|
12348
15011
|
icon: logo.icon
|
|
12349
|
-
}), React__default.createElement(TextContainer$
|
|
15012
|
+
}), React__default.createElement(TextContainer$5, {
|
|
12350
15013
|
"$isExpanded": isExpanded,
|
|
12351
15014
|
"$fontWeight": "700"
|
|
12352
|
-
}, logo.name)), React__default.createElement(ContentWrapper$
|
|
15015
|
+
}, logo.name)), React__default.createElement(ContentWrapper$5, null, content.map(function (item) {
|
|
12353
15016
|
var isActive = item.url.includes(topLevelPath);
|
|
12354
|
-
return React__default.createElement(SidebarItem$
|
|
15017
|
+
return React__default.createElement(SidebarItem$5, {
|
|
12355
15018
|
to: item.url,
|
|
12356
15019
|
key: item.id
|
|
12357
|
-
}, React__default.createElement(IconWrapper$
|
|
15020
|
+
}, React__default.createElement(IconWrapper$c, {
|
|
12358
15021
|
"$selected": isActive
|
|
12359
15022
|
}, React__default.createElement(Icon, {
|
|
12360
15023
|
icon: item.icon,
|
|
12361
15024
|
size: 20,
|
|
12362
15025
|
weight: item.iconWeight,
|
|
12363
15026
|
color: isActive ? colorVariables.text.white : colorVariables.text.medium
|
|
12364
|
-
})), React__default.createElement(TextContainer$
|
|
15027
|
+
})), React__default.createElement(TextContainer$5, {
|
|
12365
15028
|
"$isExpanded": isExpanded,
|
|
12366
15029
|
"$fontSize": "14px",
|
|
12367
15030
|
"$padding": '0px 10px 0px 0px',
|
|
@@ -12370,14 +15033,14 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
12370
15033
|
})), ProfileContent);
|
|
12371
15034
|
};
|
|
12372
15035
|
|
|
12373
|
-
var _templateObject$
|
|
12374
|
-
var ContainerWrapper$
|
|
15036
|
+
var _templateObject$1c, _templateObject2$_, _templateObject3$Q, _templateObject4$I;
|
|
15037
|
+
var ContainerWrapper$5 = styled__default.div(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteralLoose(["\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ", ";\n min-height: ", ";\n word-break: break-word;\n"])), function (props) {
|
|
12375
15038
|
return props.$width || 'auto';
|
|
12376
15039
|
}, function (_ref) {
|
|
12377
15040
|
var $minHeight = _ref.$minHeight;
|
|
12378
15041
|
return $minHeight;
|
|
12379
15042
|
});
|
|
12380
|
-
var CellContainer$
|
|
15043
|
+
var CellContainer$5 = styled__default.div(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteralLoose(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
12381
15044
|
return props.$align;
|
|
12382
15045
|
}, function (props) {
|
|
12383
15046
|
return props.$width || 'auto';
|
|
@@ -12388,14 +15051,14 @@ var CellContainer$3 = styled__default.div(_templateObject2$I || (_templateObject
|
|
|
12388
15051
|
}, function (props) {
|
|
12389
15052
|
return props.$padding;
|
|
12390
15053
|
});
|
|
12391
|
-
var MainText$
|
|
15054
|
+
var MainText$5 = styled__default.div(_templateObject3$Q || (_templateObject3$Q = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12392
15055
|
return props.$mtc;
|
|
12393
15056
|
}, function (props) {
|
|
12394
15057
|
return props.$mtfs;
|
|
12395
15058
|
}, function (props) {
|
|
12396
15059
|
return props.$mtw;
|
|
12397
15060
|
});
|
|
12398
|
-
var SubText$
|
|
15061
|
+
var SubText$5 = styled__default.div(_templateObject4$I || (_templateObject4$I = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12399
15062
|
return props.$stc;
|
|
12400
15063
|
}, function (props) {
|
|
12401
15064
|
return props.$stfs;
|
|
@@ -12424,31 +15087,31 @@ var TableCell = function TableCell(_ref2) {
|
|
|
12424
15087
|
CustomFunction = _ref2.CustomFunction,
|
|
12425
15088
|
padding = _ref2.padding,
|
|
12426
15089
|
minHeight = _ref2.minHeight;
|
|
12427
|
-
return React__default.createElement(ContainerWrapper$
|
|
15090
|
+
return React__default.createElement(ContainerWrapper$5, {
|
|
12428
15091
|
"$width": width,
|
|
12429
15092
|
"$minHeight": minHeight
|
|
12430
|
-
}, CustomFunction ? React__default.createElement(CellContainer$
|
|
15093
|
+
}, CustomFunction ? React__default.createElement(CellContainer$5, {
|
|
12431
15094
|
"$align": alignment,
|
|
12432
15095
|
"$width": width,
|
|
12433
15096
|
"$minWidth": minWidth
|
|
12434
|
-
}, CustomFunction) : React__default.createElement(CellContainer$
|
|
15097
|
+
}, CustomFunction) : React__default.createElement(CellContainer$5, {
|
|
12435
15098
|
"$align": alignment,
|
|
12436
15099
|
"$width": width,
|
|
12437
15100
|
"$minWidth": minWidth,
|
|
12438
15101
|
"$padding": padding
|
|
12439
|
-
}, React__default.createElement(MainText$
|
|
15102
|
+
}, React__default.createElement(MainText$5, {
|
|
12440
15103
|
"$mtc": maintextcolor,
|
|
12441
15104
|
"$mtfs": maintextfontsize,
|
|
12442
15105
|
"$mtw": maintextweight
|
|
12443
|
-
}, maintext), subtext && React__default.createElement(SubText$
|
|
15106
|
+
}, maintext), subtext && React__default.createElement(SubText$5, {
|
|
12444
15107
|
"$stc": subtextcolor,
|
|
12445
15108
|
"$stfs": subtextfontsize,
|
|
12446
15109
|
"$stw": subtextweight
|
|
12447
15110
|
}, subtext)));
|
|
12448
15111
|
};
|
|
12449
15112
|
|
|
12450
|
-
var _templateObject$
|
|
12451
|
-
var TableRowContainer$
|
|
15113
|
+
var _templateObject$1d;
|
|
15114
|
+
var TableRowContainer$5 = styled.styled.div(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
12452
15115
|
var TableRow = function TableRow(_ref) {
|
|
12453
15116
|
var rowconfig = _ref.rowconfig,
|
|
12454
15117
|
tableheaderconfig = _ref.tableheaderconfig;
|
|
@@ -12457,7 +15120,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
12457
15120
|
};
|
|
12458
15121
|
return React__default.createElement(Container, null, rowconfig.map(function (data, Index) {
|
|
12459
15122
|
var _rowconfig$Index;
|
|
12460
|
-
return React__default.createElement(TableRowContainer$
|
|
15123
|
+
return React__default.createElement(TableRowContainer$5, {
|
|
12461
15124
|
key: Index
|
|
12462
15125
|
}, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
|
|
12463
15126
|
"$padding": '0px 16px 0px 0px',
|
|
@@ -12491,16 +15154,16 @@ var TableRow = function TableRow(_ref) {
|
|
|
12491
15154
|
}));
|
|
12492
15155
|
};
|
|
12493
15156
|
|
|
12494
|
-
var _templateObject$
|
|
12495
|
-
var TableContainer$
|
|
12496
|
-
var TableHeader$
|
|
15157
|
+
var _templateObject$1e, _templateObject2$$, _templateObject3$R, _templateObject4$J, _templateObject5$x;
|
|
15158
|
+
var TableContainer$5 = styled__default.div(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteralLoose(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables.brand.light);
|
|
15159
|
+
var TableHeader$5 = styled__default.div(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
12497
15160
|
return props.$hbcolor || 'transparent';
|
|
12498
15161
|
}, function (props) {
|
|
12499
15162
|
return props.$tcolor || 'white';
|
|
12500
15163
|
});
|
|
12501
|
-
var TableContent$
|
|
12502
|
-
var TableData$
|
|
12503
|
-
var Divider$
|
|
15164
|
+
var TableContent$5 = styled__default.div(_templateObject3$R || (_templateObject3$R = _taggedTemplateLiteralLoose(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
15165
|
+
var TableData$5 = styled__default.div(_templateObject4$J || (_templateObject4$J = _taggedTemplateLiteralLoose(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
15166
|
+
var Divider$5 = styled__default.div(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose(["\n height: 2px;\n background: ", ";\n"])), colorVariables.border.extraLight);
|
|
12504
15167
|
var Table = function Table(_ref) {
|
|
12505
15168
|
var tableObject = _ref.tableObject,
|
|
12506
15169
|
_ref$filter = _ref.filter,
|
|
@@ -12550,7 +15213,7 @@ var Table = function Table(_ref) {
|
|
|
12550
15213
|
React.useEffect(function () {
|
|
12551
15214
|
setIsAllSelected(false);
|
|
12552
15215
|
}, [rowconfig]);
|
|
12553
|
-
return React__default.createElement(TableContainer$
|
|
15216
|
+
return React__default.createElement(TableContainer$5, null, React__default.createElement(TableContent$5, null, React__default.createElement(TableHeader$5, {
|
|
12554
15217
|
"$hbcolor": tableheaderconfig.headercolor,
|
|
12555
15218
|
"$tcolor": tableheaderconfig.textcolor
|
|
12556
15219
|
}, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
|
|
@@ -12580,7 +15243,7 @@ var Table = function Table(_ref) {
|
|
|
12580
15243
|
"$alignItems": 'center',
|
|
12581
15244
|
"$padding": '24px 24px',
|
|
12582
15245
|
"$justifyContent": 'center'
|
|
12583
|
-
}, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData$
|
|
15246
|
+
}, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData$5, null, Object.entries(roleGroups).map(function (_ref2) {
|
|
12584
15247
|
var role = _ref2[0],
|
|
12585
15248
|
rows = _ref2[1];
|
|
12586
15249
|
return React__default.createElement(React__default.Fragment, {
|
|
@@ -12610,28 +15273,28 @@ var Table = function Table(_ref) {
|
|
|
12610
15273
|
}, React__default.createElement(TableRow, {
|
|
12611
15274
|
rowconfig: [row],
|
|
12612
15275
|
tableheaderconfig: tableheaderconfig
|
|
12613
|
-
}), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider$
|
|
15276
|
+
}), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider$5, null));
|
|
12614
15277
|
}));
|
|
12615
|
-
})) : React__default.createElement(TableData$
|
|
15278
|
+
})) : React__default.createElement(TableData$5, null, filteredRows.map(function (row, index) {
|
|
12616
15279
|
return React__default.createElement(React__default.Fragment, {
|
|
12617
15280
|
key: index
|
|
12618
15281
|
}, React__default.createElement(TableRow, {
|
|
12619
15282
|
rowconfig: [row],
|
|
12620
15283
|
tableheaderconfig: tableheaderconfig
|
|
12621
|
-
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider$
|
|
15284
|
+
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider$5, null));
|
|
12622
15285
|
}))));
|
|
12623
15286
|
};
|
|
12624
15287
|
|
|
12625
|
-
var _templateObject$
|
|
12626
|
-
var Container$
|
|
15288
|
+
var _templateObject$1f, _templateObject2$10, _templateObject3$S, _templateObject4$K, _templateObject5$y;
|
|
15289
|
+
var Container$h = styled__default.div(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: hidden;\n gap: 24px;\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
12627
15290
|
var $border = _ref.$border;
|
|
12628
15291
|
return $border;
|
|
12629
15292
|
});
|
|
12630
|
-
var FirstContainer$
|
|
15293
|
+
var FirstContainer$5 = styled__default.div(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables.border.light, function (_ref2) {
|
|
12631
15294
|
var $headerPadding = _ref2.$headerPadding;
|
|
12632
15295
|
return $headerPadding ? $headerPadding : '0px';
|
|
12633
15296
|
});
|
|
12634
|
-
var TabContainer$
|
|
15297
|
+
var TabContainer$5 = styled__default.div(_templateObject3$S || (_templateObject3$S = _taggedTemplateLiteralLoose(["\n width: auto;\n display: flex;\n align-items: center;\n cursor: ", ";\n opacity: ", ";\n gap: 8px;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: ", ";\n height: ", ";\n\n svg {\n cursor: ", ";\n }\n\n"])), function (_ref3) {
|
|
12635
15298
|
var $disabled = _ref3.$disabled;
|
|
12636
15299
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
12637
15300
|
}, function (_ref4) {
|
|
@@ -12644,13 +15307,13 @@ var TabContainer$3 = styled__default.div(_templateObject3$C || (_templateObject3
|
|
|
12644
15307
|
var $disabled = _ref6.$disabled;
|
|
12645
15308
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
12646
15309
|
});
|
|
12647
|
-
var TabItemContainer$
|
|
15310
|
+
var TabItemContainer$5 = styled__default.div(_templateObject4$K || (_templateObject4$K = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 8px;\n height: 100%;\n max-height: ", ";\n\n &:after {\n content: \"\";\n display: ", ";\n width: 100%;\n height: 3px;\n background: ", ";\n position: absolute;\n bottom: -1px;\n left: 0px;\n }\n"])), function (_ref7) {
|
|
12648
15311
|
var $headerHeight = _ref7.$headerHeight;
|
|
12649
15312
|
return $headerHeight ? $headerHeight : '34px';
|
|
12650
15313
|
}, function (props) {
|
|
12651
15314
|
return props.$active ? 'block' : 'none';
|
|
12652
15315
|
}, colorVariables["default"].primary);
|
|
12653
|
-
var DetailsFirstContainer$
|
|
15316
|
+
var DetailsFirstContainer$5 = styled__default.div(_templateObject5$y || (_templateObject5$y = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 14px;\n line-height: 18px;\n font-weight: 500;\n font-family: NotoSans, sans-serif;\n height: 100%;\n display: flex;\n align-items: center;\n color: ", ";\n"])), function (props) {
|
|
12654
15317
|
return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
|
|
12655
15318
|
});
|
|
12656
15319
|
var Tabs = function Tabs(_ref8) {
|
|
@@ -12661,19 +15324,19 @@ var Tabs = function Tabs(_ref8) {
|
|
|
12661
15324
|
headerPadding = _ref8.headerPadding,
|
|
12662
15325
|
activeTab = _ref8.activeTab,
|
|
12663
15326
|
border = _ref8.border;
|
|
12664
|
-
return React__default.createElement(Container$
|
|
15327
|
+
return React__default.createElement(Container$h, {
|
|
12665
15328
|
"$border": border
|
|
12666
|
-
}, React__default.createElement(FirstContainer$
|
|
15329
|
+
}, React__default.createElement(FirstContainer$5, {
|
|
12667
15330
|
"$headerPadding": headerPadding
|
|
12668
15331
|
}, tabItems.map(function (tab, index) {
|
|
12669
|
-
return React__default.createElement(TabContainer$
|
|
15332
|
+
return React__default.createElement(TabContainer$5, {
|
|
12670
15333
|
key: index,
|
|
12671
15334
|
onClick: function onClick() {
|
|
12672
15335
|
if (!disabled && tab.onClick) tab.onClick();
|
|
12673
15336
|
},
|
|
12674
15337
|
"$disabled": disabled,
|
|
12675
15338
|
"$headerHeight": headerHeight
|
|
12676
|
-
}, React__default.createElement(TabItemContainer$
|
|
15339
|
+
}, React__default.createElement(TabItemContainer$5, {
|
|
12677
15340
|
"$active": activeTab === tab.title,
|
|
12678
15341
|
"$headerHeight": headerHeight
|
|
12679
15342
|
}, tab.icon && React__default.createElement(Icon, {
|
|
@@ -12681,11 +15344,11 @@ var Tabs = function Tabs(_ref8) {
|
|
|
12681
15344
|
icon: tab.icon,
|
|
12682
15345
|
size: tab.iconSize,
|
|
12683
15346
|
weight: tab.iconWeight
|
|
12684
|
-
}), React__default.createElement(DetailsFirstContainer$
|
|
15347
|
+
}), React__default.createElement(DetailsFirstContainer$5, {
|
|
12685
15348
|
"$active": activeTab === tab.title
|
|
12686
15349
|
}, tab.title)));
|
|
12687
15350
|
})), tabItems.map(function (tab, index) {
|
|
12688
|
-
return activeTab === tab.title && React__default.createElement(Container$
|
|
15351
|
+
return activeTab === tab.title && React__default.createElement(Container$h, {
|
|
12689
15352
|
key: index
|
|
12690
15353
|
}, tab.content);
|
|
12691
15354
|
}));
|