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.modern.js
CHANGED
|
@@ -2155,6 +2155,25 @@ var Rectangle = function Rectangle(_ref) {
|
|
|
2155
2155
|
}));
|
|
2156
2156
|
};
|
|
2157
2157
|
|
|
2158
|
+
var Retry = function Retry(_ref) {
|
|
2159
|
+
var size = _ref.size,
|
|
2160
|
+
color = _ref.color,
|
|
2161
|
+
weight = _ref.weight;
|
|
2162
|
+
return React.createElement("svg", {
|
|
2163
|
+
width: size,
|
|
2164
|
+
height: size,
|
|
2165
|
+
strokeWidth: weight,
|
|
2166
|
+
viewBox: "0 0 17 16",
|
|
2167
|
+
fill: "none",
|
|
2168
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2169
|
+
}, React.createElement("path", {
|
|
2170
|
+
fillRule: "evenodd",
|
|
2171
|
+
clipRule: "evenodd",
|
|
2172
|
+
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",
|
|
2173
|
+
fill: color
|
|
2174
|
+
}));
|
|
2175
|
+
};
|
|
2176
|
+
|
|
2158
2177
|
var Return = function Return(_ref) {
|
|
2159
2178
|
var size = _ref.size,
|
|
2160
2179
|
color = _ref.color,
|
|
@@ -2784,6 +2803,7 @@ var IconSVGs = {
|
|
|
2784
2803
|
Profile_3: Profile_3,
|
|
2785
2804
|
Recording: Recording,
|
|
2786
2805
|
Rectangle: Rectangle,
|
|
2806
|
+
Retry: Retry,
|
|
2787
2807
|
Return: Return,
|
|
2788
2808
|
Rewind_10_Sec: Rewind_10_Sec,
|
|
2789
2809
|
RightArrow: RightArrow,
|
|
@@ -6971,6 +6991,24 @@ var Rectangle$1 = function Rectangle(_ref) {
|
|
|
6971
6991
|
strokeLinejoin: "round"
|
|
6972
6992
|
}));
|
|
6973
6993
|
};
|
|
6994
|
+
var Retry$1 = function Retry(_ref) {
|
|
6995
|
+
var size = _ref.size,
|
|
6996
|
+
color = _ref.color,
|
|
6997
|
+
weight = _ref.weight;
|
|
6998
|
+
return React.createElement("svg", {
|
|
6999
|
+
width: size,
|
|
7000
|
+
height: size,
|
|
7001
|
+
strokeWidth: weight,
|
|
7002
|
+
viewBox: "0 0 17 16",
|
|
7003
|
+
fill: "none",
|
|
7004
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7005
|
+
}, React.createElement("path", {
|
|
7006
|
+
fillRule: "evenodd",
|
|
7007
|
+
clipRule: "evenodd",
|
|
7008
|
+
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",
|
|
7009
|
+
fill: color
|
|
7010
|
+
}));
|
|
7011
|
+
};
|
|
6974
7012
|
var Return$1 = function Return(_ref) {
|
|
6975
7013
|
var size = _ref.size,
|
|
6976
7014
|
color = _ref.color,
|
|
@@ -7575,6 +7613,7 @@ var IconSVGs$1 = {
|
|
|
7575
7613
|
Profile_3: Profile_3$1,
|
|
7576
7614
|
Recording: Recording$1,
|
|
7577
7615
|
Rectangle: Rectangle$1,
|
|
7616
|
+
Retry: Retry$1,
|
|
7578
7617
|
Return: Return$1,
|
|
7579
7618
|
Rewind_10_Sec: Rewind_10_Sec$1,
|
|
7580
7619
|
RightArrow: RightArrow$1,
|
|
@@ -9374,8 +9413,8 @@ var SearchBar$1$1$1 = styled.input(_templateObject10$2$1$1 || (_templateObject10
|
|
|
9374
9413
|
var _templateObject$c$1$1, _templateObject2$9$1$1;
|
|
9375
9414
|
var ModalOverlay$1$1 = styled.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"])));
|
|
9376
9415
|
var ModalContainer$1$1 = styled.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) {
|
|
9377
|
-
var maxWidth = _ref
|
|
9378
|
-
return maxWidth ? maxWidth : '400px';
|
|
9416
|
+
var $maxWidth = _ref.$maxWidth;
|
|
9417
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
9379
9418
|
});
|
|
9380
9419
|
var _templateObject$d$1$1, _templateObject2$a$1$1;
|
|
9381
9420
|
var SearchContainer$2$1$1 = styled.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) {
|
|
@@ -10298,8 +10337,8 @@ var SearchBar$1$1$1$1 = styled.input(_templateObject10$2$1$1$1 || (_templateObje
|
|
|
10298
10337
|
var _templateObject$c$1$1$1, _templateObject2$9$1$1$1;
|
|
10299
10338
|
var ModalOverlay$1$1$1 = styled.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"])));
|
|
10300
10339
|
var ModalContainer$1$1$1 = styled.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) {
|
|
10301
|
-
var maxWidth = _ref
|
|
10302
|
-
return maxWidth ? maxWidth : '400px';
|
|
10340
|
+
var $maxWidth = _ref.$maxWidth;
|
|
10341
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
10303
10342
|
});
|
|
10304
10343
|
var _templateObject$d$1$1$1, _templateObject2$a$1$1$1;
|
|
10305
10344
|
var SearchContainer$2$1$1$1 = styled.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) {
|
|
@@ -10319,136 +10358,2768 @@ var SearchBar$2$1$1$1 = styled.input(_templateObject2$a$1$1$1 || (_templateObjec
|
|
|
10319
10358
|
var $placeholderColor = _ref5.$placeholderColor;
|
|
10320
10359
|
return $placeholderColor || colorVariables$1$1$1.text.light;
|
|
10321
10360
|
});
|
|
10322
|
-
|
|
10323
|
-
|
|
10324
|
-
|
|
10325
|
-
|
|
10326
|
-
|
|
10327
|
-
|
|
10328
|
-
|
|
10329
|
-
|
|
10330
|
-
|
|
10331
|
-
|
|
10332
|
-
|
|
10333
|
-
|
|
10334
|
-
|
|
10335
|
-
|
|
10336
|
-
|
|
10337
|
-
|
|
10361
|
+
function _taggedTemplateLiteralLoose$1$1$1$1(e, t) {
|
|
10362
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
10363
|
+
}
|
|
10364
|
+
var colorVariables$1$1$1$1 = {
|
|
10365
|
+
brand: {
|
|
10366
|
+
primary: '#4C9EEB',
|
|
10367
|
+
secondary: '#14171A',
|
|
10368
|
+
light: '#FFFFFF'
|
|
10369
|
+
},
|
|
10370
|
+
accent: {
|
|
10371
|
+
light: '#E1E8ED',
|
|
10372
|
+
extraLight: '#F5F8FA',
|
|
10373
|
+
softBlue: '#D4EEFF',
|
|
10374
|
+
extraSoftBlue: '#E4F4FF',
|
|
10375
|
+
boldTransparent: '#5E5E5E80',
|
|
10376
|
+
transparent: '#5E5E5E4D',
|
|
10377
|
+
lightTransparent: '#5E5E5E23'
|
|
10378
|
+
},
|
|
10379
|
+
"default": {
|
|
10380
|
+
primary: '#78B6F0',
|
|
10381
|
+
secondary: '#C2C2C2',
|
|
10382
|
+
tertiary: 'transparent',
|
|
10383
|
+
error: '#F44336',
|
|
10384
|
+
success: '#4CAF50',
|
|
10385
|
+
warning: '#FF9800',
|
|
10386
|
+
info: '#2159F3'
|
|
10387
|
+
},
|
|
10388
|
+
disabled: {
|
|
10389
|
+
primary: '#B9DCF7',
|
|
10390
|
+
secondary: '#DADADA',
|
|
10391
|
+
error: '#FFEBEE',
|
|
10392
|
+
success: '#E8F5E9',
|
|
10393
|
+
warning: '#FFF3E0',
|
|
10394
|
+
info: '#E3F2FD'
|
|
10395
|
+
},
|
|
10396
|
+
hover: {
|
|
10397
|
+
primary: '#4C9EEB',
|
|
10398
|
+
secondary: '#A3A3A3',
|
|
10399
|
+
tertiary: 'transparent',
|
|
10400
|
+
error: '#D32F2F',
|
|
10401
|
+
success: '#388E3C',
|
|
10402
|
+
warning: '#F57C00',
|
|
10403
|
+
info: '#193ED2'
|
|
10404
|
+
},
|
|
10405
|
+
border: {
|
|
10406
|
+
extraBold: '#657786',
|
|
10407
|
+
bold: '#BFBFBF',
|
|
10408
|
+
medium: '#CBCED0',
|
|
10409
|
+
light: '#DCDCDC',
|
|
10410
|
+
extraLight: '#E6E3E3'
|
|
10411
|
+
},
|
|
10412
|
+
text: {
|
|
10413
|
+
dark: '#14171A',
|
|
10414
|
+
medium: '#657786',
|
|
10415
|
+
light: '#98A2AA',
|
|
10416
|
+
white: '#FFFFFF',
|
|
10417
|
+
success: '#1B5E20',
|
|
10418
|
+
error: '#B71C1C',
|
|
10419
|
+
info: '#0D30A1',
|
|
10420
|
+
warning: '#E65100'
|
|
10421
|
+
},
|
|
10422
|
+
badge: {
|
|
10423
|
+
lavender: '#E8DAFF',
|
|
10424
|
+
papayaWhip: '#FFEDD5',
|
|
10425
|
+
water: '#C7E3FF',
|
|
10426
|
+
paleBlue: '#B0F0E4',
|
|
10427
|
+
teaGreen: '#D5F7C2',
|
|
10428
|
+
lightBlue: '#ADD8E6'
|
|
10338
10429
|
}
|
|
10430
|
+
};
|
|
10431
|
+
var _templateObject$e$1$1$1, _templateObject2$b$1$1$1, _templateObject3$7$1$1$1;
|
|
10432
|
+
var wrapperCss$1$1$1$1 = 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"])));
|
|
10433
|
+
var IconWrapper$1$1$1$1 = styled.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) {
|
|
10434
|
+
var $clickable = _ref.$clickable;
|
|
10435
|
+
return $clickable ? 'pointer' : 'default';
|
|
10436
|
+
}, wrapperCss$1$1$1$1);
|
|
10437
|
+
var IconWrapperForSVG$1$1$1$1 = styled.g(_templateObject3$7$1$1$1 || (_templateObject3$7$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n ", ";\n"])), wrapperCss$1$1$1$1);
|
|
10438
|
+
var _templateObject$1$1$1$1$1, _templateObject2$1$1$1$1$1;
|
|
10439
|
+
var Container$3$1$1$1 = styled.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) {
|
|
10440
|
+
var $flex = _ref.$flex;
|
|
10441
|
+
return $flex;
|
|
10442
|
+
}, function (_ref2) {
|
|
10443
|
+
var $flexWrap = _ref2.$flexWrap;
|
|
10444
|
+
return $flexWrap;
|
|
10339
10445
|
}, function (_ref3) {
|
|
10340
|
-
var $
|
|
10341
|
-
|
|
10342
|
-
|
|
10343
|
-
|
|
10344
|
-
|
|
10345
|
-
return colorVariables$1$1$1.text.medium;
|
|
10346
|
-
case 'light':
|
|
10347
|
-
return colorVariables$1$1$1.text.light;
|
|
10348
|
-
case 'white':
|
|
10349
|
-
return colorVariables$1$1$1.text.white;
|
|
10350
|
-
case 'warning':
|
|
10351
|
-
return colorVariables$1$1$1["default"].warning;
|
|
10352
|
-
case 'info':
|
|
10353
|
-
return colorVariables$1$1$1["default"].info;
|
|
10354
|
-
case 'success':
|
|
10355
|
-
return colorVariables$1$1$1["default"].success;
|
|
10356
|
-
case 'error':
|
|
10357
|
-
return colorVariables$1$1$1["default"].error;
|
|
10358
|
-
default:
|
|
10359
|
-
return $titlecolor;
|
|
10360
|
-
}
|
|
10361
|
-
});
|
|
10362
|
-
var Input = styled.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) {
|
|
10363
|
-
var $disabled = _ref4.$disabled;
|
|
10364
|
-
return $disabled ? 'not-allowed' : 'auto';
|
|
10446
|
+
var $flexDirection = _ref3.$flexDirection;
|
|
10447
|
+
return $flexDirection;
|
|
10448
|
+
}, function (_ref4) {
|
|
10449
|
+
var $justifyContent = _ref4.$justifyContent;
|
|
10450
|
+
return $justifyContent;
|
|
10365
10451
|
}, function (_ref5) {
|
|
10366
|
-
var $
|
|
10367
|
-
|
|
10368
|
-
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10452
|
+
var $alignItems = _ref5.$alignItems;
|
|
10453
|
+
return $alignItems;
|
|
10369
10454
|
}, function (_ref6) {
|
|
10370
|
-
var $
|
|
10371
|
-
return $
|
|
10455
|
+
var $gap = _ref6.$gap;
|
|
10456
|
+
return $gap;
|
|
10372
10457
|
}, function (_ref7) {
|
|
10373
|
-
var $
|
|
10374
|
-
|
|
10375
|
-
case 'small':
|
|
10376
|
-
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
10377
|
-
case 'medium':
|
|
10378
|
-
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
10379
|
-
case 'large':
|
|
10380
|
-
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
10381
|
-
default:
|
|
10382
|
-
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
10383
|
-
}
|
|
10458
|
+
var $fontWeight = _ref7.$fontWeight;
|
|
10459
|
+
return $fontWeight;
|
|
10384
10460
|
}, function (_ref8) {
|
|
10385
|
-
var $
|
|
10386
|
-
|
|
10387
|
-
|
|
10388
|
-
|
|
10389
|
-
|
|
10390
|
-
|
|
10391
|
-
|
|
10392
|
-
|
|
10393
|
-
|
|
10394
|
-
|
|
10395
|
-
|
|
10396
|
-
|
|
10397
|
-
|
|
10398
|
-
|
|
10399
|
-
|
|
10400
|
-
|
|
10401
|
-
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
return $color;
|
|
10405
|
-
}
|
|
10406
|
-
}, colorVariables$1$1$1.text.light);
|
|
10407
|
-
var InputWrapper$1$1$1$1 = styled.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"])));
|
|
10408
|
-
var IconWrapper$1$1$1$1 = styled.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) {
|
|
10409
|
-
var $disabled = _ref9.$disabled;
|
|
10410
|
-
return $disabled ? 'not-allowed' : 'pointer';
|
|
10411
|
-
});
|
|
10412
|
-
var Asterisk$1$1$1$1 = styled.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);
|
|
10413
|
-
var _templateObject$f, _templateObject2$c, _templateObject3$8;
|
|
10414
|
-
var Container$4 = styled.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) {
|
|
10415
|
-
var $padding = _ref.$padding;
|
|
10461
|
+
var $height = _ref8.$height;
|
|
10462
|
+
return $height;
|
|
10463
|
+
}, function (_ref9) {
|
|
10464
|
+
var $minHeight = _ref9.$minHeight;
|
|
10465
|
+
return $minHeight;
|
|
10466
|
+
}, function (_ref10) {
|
|
10467
|
+
var $maxHeight = _ref10.$maxHeight;
|
|
10468
|
+
return $maxHeight;
|
|
10469
|
+
}, function (_ref11) {
|
|
10470
|
+
var $width = _ref11.$width;
|
|
10471
|
+
return $width;
|
|
10472
|
+
}, function (_ref12) {
|
|
10473
|
+
var $minWidth = _ref12.$minWidth;
|
|
10474
|
+
return $minWidth;
|
|
10475
|
+
}, function (_ref13) {
|
|
10476
|
+
var $maxWidth = _ref13.$maxWidth;
|
|
10477
|
+
return $maxWidth;
|
|
10478
|
+
}, function (_ref14) {
|
|
10479
|
+
var $padding = _ref14.$padding;
|
|
10416
10480
|
return $padding;
|
|
10417
|
-
})
|
|
10418
|
-
var
|
|
10419
|
-
|
|
10420
|
-
|
|
10421
|
-
|
|
10422
|
-
|
|
10423
|
-
|
|
10424
|
-
|
|
10425
|
-
|
|
10426
|
-
|
|
10427
|
-
|
|
10428
|
-
|
|
10429
|
-
|
|
10430
|
-
|
|
10431
|
-
|
|
10432
|
-
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
|
|
10436
|
-
|
|
10437
|
-
|
|
10438
|
-
|
|
10439
|
-
|
|
10440
|
-
return $
|
|
10441
|
-
}, function (
|
|
10442
|
-
var $
|
|
10443
|
-
return $
|
|
10444
|
-
}, function (
|
|
10445
|
-
var $
|
|
10446
|
-
|
|
10447
|
-
|
|
10448
|
-
|
|
10449
|
-
|
|
10450
|
-
|
|
10451
|
-
|
|
10481
|
+
}, function (_ref15) {
|
|
10482
|
+
var $background = _ref15.$background;
|
|
10483
|
+
return $background;
|
|
10484
|
+
}, function (_ref16) {
|
|
10485
|
+
var $objectfit = _ref16.$objectfit;
|
|
10486
|
+
return $objectfit;
|
|
10487
|
+
}, function (_ref17) {
|
|
10488
|
+
var $margin = _ref17.$margin;
|
|
10489
|
+
return $margin;
|
|
10490
|
+
}, function (_ref18) {
|
|
10491
|
+
var $borderRadius = _ref18.$borderRadius;
|
|
10492
|
+
return $borderRadius;
|
|
10493
|
+
}, function (_ref19) {
|
|
10494
|
+
var $cursor = _ref19.$cursor;
|
|
10495
|
+
return $cursor;
|
|
10496
|
+
}, function (_ref20) {
|
|
10497
|
+
var $fontSize = _ref20.$fontSize;
|
|
10498
|
+
return $fontSize;
|
|
10499
|
+
}, function (_ref21) {
|
|
10500
|
+
var $opacity = _ref21.$opacity;
|
|
10501
|
+
return $opacity;
|
|
10502
|
+
}, function (_ref22) {
|
|
10503
|
+
var $pointerEvents = _ref22.$pointerEvents;
|
|
10504
|
+
return $pointerEvents;
|
|
10505
|
+
}, function (_ref23) {
|
|
10506
|
+
var $position = _ref23.$position;
|
|
10507
|
+
return $position;
|
|
10508
|
+
}, function (_ref24) {
|
|
10509
|
+
var $top = _ref24.$top;
|
|
10510
|
+
return $top;
|
|
10511
|
+
}, function (_ref25) {
|
|
10512
|
+
var $bottom = _ref25.$bottom;
|
|
10513
|
+
return $bottom;
|
|
10514
|
+
}, function (_ref26) {
|
|
10515
|
+
var $left = _ref26.$left;
|
|
10516
|
+
return $left;
|
|
10517
|
+
}, function (_ref27) {
|
|
10518
|
+
var $right = _ref27.$right;
|
|
10519
|
+
return $right;
|
|
10520
|
+
}, function (_ref28) {
|
|
10521
|
+
var $textAlign = _ref28.$textAlign;
|
|
10522
|
+
return $textAlign;
|
|
10523
|
+
}, function (_ref29) {
|
|
10524
|
+
var $color = _ref29.$color;
|
|
10525
|
+
return $color;
|
|
10526
|
+
}, function (_ref30) {
|
|
10527
|
+
var $overflow = _ref30.$overflow;
|
|
10528
|
+
return $overflow || 'visible';
|
|
10529
|
+
}, function (_ref31) {
|
|
10530
|
+
var $overflowY = _ref31.$overflowY;
|
|
10531
|
+
return $overflowY;
|
|
10532
|
+
}, function (_ref32) {
|
|
10533
|
+
var $zIndex = _ref32.$zIndex;
|
|
10534
|
+
return $zIndex;
|
|
10535
|
+
}, function (_ref33) {
|
|
10536
|
+
var $scrollbarWidth = _ref33.$scrollbarWidth;
|
|
10537
|
+
return $scrollbarWidth;
|
|
10538
|
+
}, function (_ref34) {
|
|
10539
|
+
var $border = _ref34.$border;
|
|
10540
|
+
return $border;
|
|
10541
|
+
}, function (_ref35) {
|
|
10542
|
+
var $borderBottom = _ref35.$borderBottom;
|
|
10543
|
+
return $borderBottom;
|
|
10544
|
+
}, function (_ref36) {
|
|
10545
|
+
var $borderLeft = _ref36.$borderLeft;
|
|
10546
|
+
return $borderLeft;
|
|
10547
|
+
}, function (_ref37) {
|
|
10548
|
+
var $hoverBackground = _ref37.$hoverBackground;
|
|
10549
|
+
return $hoverBackground;
|
|
10550
|
+
}, function (_ref38) {
|
|
10551
|
+
var $hoverColor = _ref38.$hoverColor;
|
|
10552
|
+
return $hoverColor;
|
|
10553
|
+
});
|
|
10554
|
+
var Span$1$1$1$1 = styled.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) {
|
|
10555
|
+
var $fontFamily = _ref39.$fontFamily;
|
|
10556
|
+
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
10557
|
+
}, function (_ref40) {
|
|
10558
|
+
var $fontWeight = _ref40.$fontWeight;
|
|
10559
|
+
return $fontWeight ? $fontWeight : '500';
|
|
10560
|
+
}, function (_ref41) {
|
|
10561
|
+
var $fontSize = _ref41.$fontSize;
|
|
10562
|
+
return $fontSize ? $fontSize : '16px';
|
|
10563
|
+
}, function (_ref42) {
|
|
10564
|
+
var $color = _ref42.$color;
|
|
10565
|
+
return $color ? $color : colorVariables$1$1$1$1.text.medium;
|
|
10566
|
+
}, function (_ref43) {
|
|
10567
|
+
var $lineHeight = _ref43.$lineHeight;
|
|
10568
|
+
return $lineHeight ? $lineHeight : '100%';
|
|
10569
|
+
}, function (_ref44) {
|
|
10570
|
+
var $textAlign = _ref44.$textAlign;
|
|
10571
|
+
return $textAlign ? $textAlign : 'center';
|
|
10572
|
+
}, function (_ref45) {
|
|
10573
|
+
var $minWidth = _ref45.$minWidth;
|
|
10574
|
+
return $minWidth;
|
|
10575
|
+
}, function (_ref46) {
|
|
10576
|
+
var $width = _ref46.$width;
|
|
10577
|
+
return $width;
|
|
10578
|
+
}, function (_ref47) {
|
|
10579
|
+
var $overflowWrap = _ref47.$overflowWrap;
|
|
10580
|
+
return $overflowWrap;
|
|
10581
|
+
});
|
|
10582
|
+
var _templateObject$2$1$1$1$1, _templateObject2$2$1$1$1$1;
|
|
10583
|
+
var TooltipWrapper$1$1$1$1 = styled.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"])));
|
|
10584
|
+
var TooltipText$1$1$1$1 = styled.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) {
|
|
10585
|
+
var $visible = _ref.$visible;
|
|
10586
|
+
return $visible ? 'visible' : 'hidden';
|
|
10587
|
+
}, function (_ref2) {
|
|
10588
|
+
var $visible = _ref2.$visible;
|
|
10589
|
+
return $visible ? 1 : 0;
|
|
10590
|
+
}, function (_ref3) {
|
|
10591
|
+
var $bgColor = _ref3.$bgColor;
|
|
10592
|
+
return $bgColor || colorVariables$1$1$1$1.brand.light;
|
|
10593
|
+
}, colorVariables$1$1$1$1.text.medium);
|
|
10594
|
+
var _templateObject$3$1$1$1$1;
|
|
10595
|
+
var BreadCrum$1$1$1$1 = styled.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) {
|
|
10596
|
+
var $color = _ref.$color;
|
|
10597
|
+
return $color ? $color : colorVariables$1$1$1$1.text.medium;
|
|
10598
|
+
}, function (_ref2) {
|
|
10599
|
+
var $disabled = _ref2.$disabled;
|
|
10600
|
+
return $disabled ? '0.6' : '1';
|
|
10601
|
+
}, function (_ref3) {
|
|
10602
|
+
var $hover = _ref3.$hover,
|
|
10603
|
+
$disabled = _ref3.$disabled;
|
|
10604
|
+
return $hover && !$disabled && 'underline';
|
|
10605
|
+
}, function (_ref4) {
|
|
10606
|
+
var $hover = _ref4.$hover,
|
|
10607
|
+
$disabled = _ref4.$disabled;
|
|
10608
|
+
return $hover && !$disabled ? 'pointer' : 'default';
|
|
10609
|
+
}, function (_ref5) {
|
|
10610
|
+
var $hover = _ref5.$hover,
|
|
10611
|
+
$disabled = _ref5.$disabled;
|
|
10612
|
+
return $hover && !$disabled && colorVariables$1$1$1$1["default"].primary;
|
|
10613
|
+
});
|
|
10614
|
+
var _templateObject$4$1$1$1$1;
|
|
10615
|
+
var fontFaces$1$1$1$1 = 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"])));
|
|
10616
|
+
var GlobalFonts$1$1$1$1 = {
|
|
10617
|
+
bold: 'NotoSans, sans-serif',
|
|
10618
|
+
regular: 'NotoSans, sans-serif',
|
|
10619
|
+
light: 'NotoSans, sans-serif'
|
|
10620
|
+
};
|
|
10621
|
+
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;
|
|
10622
|
+
var spin$1$1$1$1 = 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"])));
|
|
10623
|
+
var Spinner$1$1$1$1 = styled.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) {
|
|
10624
|
+
var $size = _ref.$size;
|
|
10625
|
+
return $size;
|
|
10626
|
+
}, function (_ref2) {
|
|
10627
|
+
var $size = _ref2.$size;
|
|
10628
|
+
return $size;
|
|
10629
|
+
}, function (_ref3) {
|
|
10630
|
+
var $size = _ref3.$size;
|
|
10631
|
+
return $size / 4;
|
|
10632
|
+
}, function (_ref4) {
|
|
10633
|
+
var $color = _ref4.$color;
|
|
10634
|
+
return $color;
|
|
10635
|
+
}, spin$1$1$1$1);
|
|
10636
|
+
var LoaderWrapper$1$1$1$1 = styled.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) {
|
|
10637
|
+
var $loaderPosition = _ref5.$loaderPosition;
|
|
10638
|
+
return $loaderPosition === 'right' ? '4px' : '0';
|
|
10639
|
+
}, function (_ref6) {
|
|
10640
|
+
var $loaderPosition = _ref6.$loaderPosition;
|
|
10641
|
+
return $loaderPosition === 'left' ? '4px' : '0';
|
|
10642
|
+
});
|
|
10643
|
+
var Container$1$1$1$1$1 = styled.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) {
|
|
10644
|
+
var $iconPosition = _ref7.$iconPosition;
|
|
10645
|
+
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
10646
|
+
}, function (_ref8) {
|
|
10647
|
+
var gap = _ref8.gap;
|
|
10648
|
+
return gap || '4px';
|
|
10649
|
+
}, function (_ref9) {
|
|
10650
|
+
var cursor = _ref9.cursor;
|
|
10651
|
+
return cursor;
|
|
10652
|
+
});
|
|
10653
|
+
var StyledButton$1$1$1$1 = styled.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) {
|
|
10654
|
+
var $disabled = _ref10.$disabled;
|
|
10655
|
+
return $disabled ? 'none' : 'auto';
|
|
10656
|
+
}, function (_ref11) {
|
|
10657
|
+
var $disabled = _ref11.$disabled;
|
|
10658
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10659
|
+
}, function (_ref12) {
|
|
10660
|
+
var $borderRadius = _ref12.$borderRadius;
|
|
10661
|
+
return $borderRadius || '8px';
|
|
10662
|
+
}, function (_ref13) {
|
|
10663
|
+
var $size = _ref13.$size,
|
|
10664
|
+
$padding = _ref13.$padding;
|
|
10665
|
+
return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
|
|
10666
|
+
}, function (_ref14) {
|
|
10667
|
+
var _$borderHover$match;
|
|
10668
|
+
var $variant = _ref14.$variant,
|
|
10669
|
+
$disabled = _ref14.$disabled,
|
|
10670
|
+
$borderHover = _ref14.$borderHover,
|
|
10671
|
+
$borderDefault = _ref14.$borderDefault,
|
|
10672
|
+
$background = _ref14.$background,
|
|
10673
|
+
$color = _ref14.$color,
|
|
10674
|
+
$colorHover = _ref14.$colorHover;
|
|
10675
|
+
switch ($variant) {
|
|
10676
|
+
case 'primary':
|
|
10677
|
+
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 ";
|
|
10678
|
+
case 'secondary':
|
|
10679
|
+
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 ";
|
|
10680
|
+
case 'tertiary':
|
|
10681
|
+
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 ";
|
|
10682
|
+
case 'error':
|
|
10683
|
+
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 ";
|
|
10684
|
+
case 'outline-primary':
|
|
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: " + ($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 ";
|
|
10686
|
+
case 'outline-secondary':
|
|
10687
|
+
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 ";
|
|
10688
|
+
case 'outline-error':
|
|
10689
|
+
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 ";
|
|
10690
|
+
case 'custom':
|
|
10691
|
+
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 ";
|
|
10692
|
+
default:
|
|
10693
|
+
return '';
|
|
10694
|
+
}
|
|
10695
|
+
}, function (_ref15) {
|
|
10696
|
+
var color = _ref15.color;
|
|
10697
|
+
return color;
|
|
10698
|
+
});
|
|
10699
|
+
var ButtonText$1$1$1$1 = styled.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) {
|
|
10700
|
+
var $fontFamily = _ref16.$fontFamily;
|
|
10701
|
+
return $fontFamily ? $fontFamily : GlobalFonts$1$1$1$1.bold;
|
|
10702
|
+
}, function (_ref17) {
|
|
10703
|
+
var $size = _ref17.$size,
|
|
10704
|
+
$fontSize = _ref17.$fontSize;
|
|
10705
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
10706
|
+
}, function (_ref18) {
|
|
10707
|
+
var $fontWeight = _ref18.$fontWeight,
|
|
10708
|
+
$size = _ref18.$size;
|
|
10709
|
+
return $size === 'custom' && $fontWeight || '500';
|
|
10710
|
+
}, function (_ref19) {
|
|
10711
|
+
var $size = _ref19.$size,
|
|
10712
|
+
$fontSize = _ref19.$fontSize;
|
|
10713
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
10714
|
+
});
|
|
10715
|
+
var _templateObject$6$1$1$1$1;
|
|
10716
|
+
var InnerContent$1$1$1$1 = styled.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) {
|
|
10717
|
+
var $isScrollable = _ref.$isScrollable;
|
|
10718
|
+
return $isScrollable ? '0 12px' : '0';
|
|
10719
|
+
});
|
|
10720
|
+
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;
|
|
10721
|
+
var DatePickerContainer$1$1$1$1 = styled.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"])));
|
|
10722
|
+
var CalendarContainer$1$1$1$1 = styled.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);
|
|
10723
|
+
var Calendar$1$1$1$1$1 = styled.div(_templateObject3$2$1$1$1$1 || (_templateObject3$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1([""])));
|
|
10724
|
+
var CalendarTime$1$1$1$1 = styled.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);
|
|
10725
|
+
var StartDate$1$1$1$1 = styled.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"])));
|
|
10726
|
+
var SelectedStart$1$1$1$1 = styled.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);
|
|
10727
|
+
var CurrentDate$1$1$1$1 = styled.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"])));
|
|
10728
|
+
var CurrentTime$1$1$1$1 = styled.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);
|
|
10729
|
+
var Selectedtime$1$1$1$1 = styled.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);
|
|
10730
|
+
var Line$1$1$1$1 = styled.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"])));
|
|
10731
|
+
var Zones$1$1$1$1 = styled.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"])));
|
|
10732
|
+
var CalendarHeader$1$1$1$1 = styled.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"])));
|
|
10733
|
+
var CalendarMonthYear$1$1$1$1 = styled.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);
|
|
10734
|
+
var CalendarContent$1$1$1$1 = styled.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"])));
|
|
10735
|
+
var Button$1$1$1$1 = styled.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) {
|
|
10736
|
+
var $size = _ref.$size;
|
|
10737
|
+
return $size ? $size + "px" : '30px';
|
|
10738
|
+
}, function (_ref2) {
|
|
10739
|
+
var $size = _ref2.$size;
|
|
10740
|
+
return $size ? $size + "px" : '30px';
|
|
10741
|
+
});
|
|
10742
|
+
var CalendarDates$1$1$1$1 = styled.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) {
|
|
10743
|
+
var $size = _ref3.$size;
|
|
10744
|
+
return $size ? $size + "px" : '30px';
|
|
10745
|
+
}, function (_ref4) {
|
|
10746
|
+
var $size = _ref4.$size;
|
|
10747
|
+
return $size ? $size + "px" : '30px';
|
|
10748
|
+
}, function (_ref5) {
|
|
10749
|
+
var $isFuture = _ref5.$isFuture,
|
|
10750
|
+
$futureDateTime = _ref5.$futureDateTime;
|
|
10751
|
+
return !$futureDateTime && $isFuture ? 'default' : 'pointer';
|
|
10752
|
+
}, function (_ref6) {
|
|
10753
|
+
var $isFuture = _ref6.$isFuture,
|
|
10754
|
+
$futureDateTime = _ref6.$futureDateTime;
|
|
10755
|
+
return !$futureDateTime && $isFuture ? 0.5 : 1;
|
|
10756
|
+
}, function (_ref7) {
|
|
10757
|
+
var $selected = _ref7.$selected,
|
|
10758
|
+
$inRange = _ref7.$inRange;
|
|
10759
|
+
return $selected ? colorVariables$1$1$1$1["default"].primary : $inRange ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1["default"].tertiary;
|
|
10760
|
+
}, function (_ref8) {
|
|
10761
|
+
var $selected = _ref8.$selected,
|
|
10762
|
+
$inRange = _ref8.$inRange;
|
|
10763
|
+
return $selected ? colorVariables$1$1$1$1.text.white : $inRange ? colorVariables$1$1$1$1.text.white : colorVariables$1$1$1$1.text.medium;
|
|
10764
|
+
}, function (_ref9) {
|
|
10765
|
+
var $selected = _ref9.$selected,
|
|
10766
|
+
$inRange = _ref9.$inRange,
|
|
10767
|
+
$isFuture = _ref9.$isFuture,
|
|
10768
|
+
$futureDateTime = _ref9.$futureDateTime;
|
|
10769
|
+
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;
|
|
10770
|
+
});
|
|
10771
|
+
var Year$1$1$1$1 = styled.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"])));
|
|
10772
|
+
var Month$1$1$1$1 = styled.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"])));
|
|
10773
|
+
var InputWrapper$1$1$1$1 = styled.div(_templateObject19$1$1$1$1 || (_templateObject19$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n gap: 24px;\n"])));
|
|
10774
|
+
var TimeInputWrapper$1$1$1$1 = styled.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"])));
|
|
10775
|
+
var StyledInput$1$1$1$1 = styled.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);
|
|
10776
|
+
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;
|
|
10777
|
+
var OptionContainer$1$1$1$1 = styled.div(_templateObject$8$1$1$1$1 || (_templateObject$8$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1([""])));
|
|
10778
|
+
var OptionItem$1$1$1$1 = styled.div(_templateObject2$5$1$1$1$1 || (_templateObject2$5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n border-bottom: ", ";\n"])), function (_ref) {
|
|
10779
|
+
var $optionBorder = _ref.$optionBorder,
|
|
10780
|
+
$isborder = _ref.$isborder;
|
|
10781
|
+
return $isborder ? $optionBorder || "1px solid " + colorVariables$1$1$1$1.border.extraLight : '';
|
|
10782
|
+
});
|
|
10783
|
+
var OptionLabel$1$1$1$1 = styled.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) {
|
|
10784
|
+
var $optionColor = _ref2.$optionColor;
|
|
10785
|
+
switch ($optionColor) {
|
|
10786
|
+
case 'dark':
|
|
10787
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10788
|
+
case 'medium':
|
|
10789
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10790
|
+
case 'light':
|
|
10791
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10792
|
+
case 'white':
|
|
10793
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10794
|
+
case 'warning':
|
|
10795
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10796
|
+
case 'info':
|
|
10797
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10798
|
+
case 'success':
|
|
10799
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10800
|
+
case 'error':
|
|
10801
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10802
|
+
default:
|
|
10803
|
+
return $optionColor || colorVariables$1$1$1$1.text.medium;
|
|
10804
|
+
}
|
|
10805
|
+
});
|
|
10806
|
+
var SearchContainer$3$1$1$1 = styled.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) {
|
|
10807
|
+
var $background = _ref3.$background;
|
|
10808
|
+
switch ($background) {
|
|
10809
|
+
case 'dark':
|
|
10810
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10811
|
+
case 'medium':
|
|
10812
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10813
|
+
case 'light':
|
|
10814
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10815
|
+
case 'white':
|
|
10816
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10817
|
+
case 'warning':
|
|
10818
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10819
|
+
case 'info':
|
|
10820
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10821
|
+
case 'success':
|
|
10822
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10823
|
+
case 'error':
|
|
10824
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10825
|
+
default:
|
|
10826
|
+
return $background;
|
|
10827
|
+
}
|
|
10828
|
+
}, function (_ref4) {
|
|
10829
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
10830
|
+
return $borderBottom || 'none';
|
|
10831
|
+
}, function (_ref5) {
|
|
10832
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
10833
|
+
return $borderRadius || '8px';
|
|
10834
|
+
});
|
|
10835
|
+
var SearchBar$3$1$1$1 = styled.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) {
|
|
10836
|
+
var $inputColor = _ref6.$inputColor;
|
|
10837
|
+
switch ($inputColor) {
|
|
10838
|
+
case 'dark':
|
|
10839
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10840
|
+
case 'medium':
|
|
10841
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10842
|
+
case 'light':
|
|
10843
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10844
|
+
case 'white':
|
|
10845
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10846
|
+
case 'warning':
|
|
10847
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10848
|
+
case 'info':
|
|
10849
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10850
|
+
case 'success':
|
|
10851
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10852
|
+
case 'error':
|
|
10853
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10854
|
+
default:
|
|
10855
|
+
return $inputColor;
|
|
10856
|
+
}
|
|
10857
|
+
}, function (_ref7) {
|
|
10858
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
10859
|
+
switch ($placeholderColor) {
|
|
10860
|
+
case 'dark':
|
|
10861
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10862
|
+
case 'medium':
|
|
10863
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10864
|
+
case 'light':
|
|
10865
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10866
|
+
case 'white':
|
|
10867
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10868
|
+
case 'warning':
|
|
10869
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10870
|
+
case 'info':
|
|
10871
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10872
|
+
case 'success':
|
|
10873
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10874
|
+
case 'error':
|
|
10875
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10876
|
+
default:
|
|
10877
|
+
return $placeholderColor;
|
|
10878
|
+
}
|
|
10879
|
+
});
|
|
10880
|
+
var Text$1$1$1$1 = styled.span(_templateObject6$2$1$1$1$1 || (_templateObject6$2$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1(["\n word-break: break-word;\n"])));
|
|
10881
|
+
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;
|
|
10882
|
+
var DropdownContainer$2$1$1$1 = styled.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) {
|
|
10883
|
+
var $width = _ref.$width;
|
|
10884
|
+
return $width || '100%';
|
|
10885
|
+
}, function (_ref2) {
|
|
10886
|
+
var $height = _ref2.$height;
|
|
10887
|
+
return $height || '100%';
|
|
10888
|
+
}, function (_ref3) {
|
|
10889
|
+
var $replaceLabel = _ref3.$replaceLabel;
|
|
10890
|
+
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
10891
|
+
});
|
|
10892
|
+
var DropdownButton$2$1$1$1 = styled.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) {
|
|
10893
|
+
var $replaceLabel = _ref4.$replaceLabel;
|
|
10894
|
+
return $replaceLabel ? 'auto' : '';
|
|
10895
|
+
}, function (_ref5) {
|
|
10896
|
+
var $size = _ref5.$size;
|
|
10897
|
+
switch ($size) {
|
|
10898
|
+
case 'small':
|
|
10899
|
+
return '9px 12px';
|
|
10900
|
+
case 'large':
|
|
10901
|
+
return '24px 12px';
|
|
10902
|
+
default:
|
|
10903
|
+
return '14px 12px';
|
|
10904
|
+
}
|
|
10905
|
+
}, function (_ref6) {
|
|
10906
|
+
var $width = _ref6.$width;
|
|
10907
|
+
return $width ? $width : '100%';
|
|
10908
|
+
}, function (_ref7) {
|
|
10909
|
+
var $height = _ref7.$height;
|
|
10910
|
+
return $height || '100%';
|
|
10911
|
+
}, function (_ref8) {
|
|
10912
|
+
var $border = _ref8.$border,
|
|
10913
|
+
$isOpen = _ref8.$isOpen;
|
|
10914
|
+
return $isOpen ? "1px solid " + colorVariables$1$1$1$1.text.dark : $border || "1px solid " + colorVariables$1$1$1$1.border.light;
|
|
10915
|
+
}, function (_ref9) {
|
|
10916
|
+
var $borderRadius = _ref9.$borderRadius;
|
|
10917
|
+
return $borderRadius || '8px';
|
|
10918
|
+
}, function (_ref10) {
|
|
10919
|
+
var $disabled = _ref10.$disabled;
|
|
10920
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10921
|
+
}, function (_ref11) {
|
|
10922
|
+
var $background = _ref11.$background,
|
|
10923
|
+
$disabled = _ref11.$disabled;
|
|
10924
|
+
switch ($background) {
|
|
10925
|
+
case 'dark':
|
|
10926
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.dark;
|
|
10927
|
+
case 'medium':
|
|
10928
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.medium;
|
|
10929
|
+
case 'light':
|
|
10930
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.light;
|
|
10931
|
+
case 'white':
|
|
10932
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1.text.white;
|
|
10933
|
+
case 'warning':
|
|
10934
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].warning;
|
|
10935
|
+
case 'info':
|
|
10936
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].info;
|
|
10937
|
+
case 'success':
|
|
10938
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].success;
|
|
10939
|
+
case 'error':
|
|
10940
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1["default"].error;
|
|
10941
|
+
default:
|
|
10942
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : $background;
|
|
10943
|
+
}
|
|
10944
|
+
}, function (_ref12) {
|
|
10945
|
+
var $color = _ref12.$color;
|
|
10946
|
+
return $color || colorVariables$1$1$1$1.text.medium;
|
|
10947
|
+
}, function (_ref13) {
|
|
10948
|
+
var $size = _ref13.$size;
|
|
10949
|
+
switch ($size) {
|
|
10950
|
+
case 'small':
|
|
10951
|
+
return '12px';
|
|
10952
|
+
case 'large':
|
|
10953
|
+
return '16px';
|
|
10954
|
+
default:
|
|
10955
|
+
return '14px';
|
|
10956
|
+
}
|
|
10957
|
+
}, function (_ref14) {
|
|
10958
|
+
var $size = _ref14.$size;
|
|
10959
|
+
switch ($size) {
|
|
10960
|
+
case 'small':
|
|
10961
|
+
return '12px';
|
|
10962
|
+
case 'large':
|
|
10963
|
+
return '16px';
|
|
10964
|
+
default:
|
|
10965
|
+
return '14px';
|
|
10966
|
+
}
|
|
10967
|
+
});
|
|
10968
|
+
var TitleText$2$1$1$1 = styled.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) {
|
|
10969
|
+
var $titleSize = _ref15.$titleSize,
|
|
10970
|
+
$size = _ref15.$size;
|
|
10971
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
10972
|
+
}, function (_ref16) {
|
|
10973
|
+
var $titleSize = _ref16.$titleSize,
|
|
10974
|
+
$size = _ref16.$size;
|
|
10975
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
10976
|
+
}, function (_ref17) {
|
|
10977
|
+
var $titleColor = _ref17.$titleColor;
|
|
10978
|
+
switch ($titleColor) {
|
|
10979
|
+
case 'dark':
|
|
10980
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
10981
|
+
case 'medium':
|
|
10982
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
10983
|
+
case 'light':
|
|
10984
|
+
return colorVariables$1$1$1$1.text.light;
|
|
10985
|
+
case 'white':
|
|
10986
|
+
return colorVariables$1$1$1$1.text.white;
|
|
10987
|
+
case 'warning':
|
|
10988
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
10989
|
+
case 'info':
|
|
10990
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
10991
|
+
case 'success':
|
|
10992
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
10993
|
+
case 'error':
|
|
10994
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
10995
|
+
default:
|
|
10996
|
+
return $titleColor;
|
|
10997
|
+
}
|
|
10998
|
+
});
|
|
10999
|
+
var Container$2$1$1$1$1 = styled.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"])));
|
|
11000
|
+
var LabelText$2$1$1$1 = styled.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) {
|
|
11001
|
+
var $labelStyle = _ref18.$labelStyle;
|
|
11002
|
+
return $labelStyle;
|
|
11003
|
+
}, colorVariables$1$1$1$1.text.light);
|
|
11004
|
+
var DropdownMenu$2$1$1$1 = styled.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) {
|
|
11005
|
+
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
11006
|
+
return $optionsBorderRadius || '8px';
|
|
11007
|
+
}, function (_ref20) {
|
|
11008
|
+
var $width = _ref20.$width;
|
|
11009
|
+
return $width ? $width : 'max-content';
|
|
11010
|
+
}, function (_ref21) {
|
|
11011
|
+
var $menuBackground = _ref21.$menuBackground;
|
|
11012
|
+
return $menuBackground || colorVariables$1$1$1$1.accent.extraLight;
|
|
11013
|
+
});
|
|
11014
|
+
var SelectedOptionsWrapper$2$1$1$1 = styled.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"])));
|
|
11015
|
+
var SelectedOptionDiv$2$1$1$1 = styled.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) {
|
|
11016
|
+
var $selectedOptionBackground = _ref22.$selectedOptionBackground,
|
|
11017
|
+
$disabled = _ref22.$disabled;
|
|
11018
|
+
switch ($selectedOptionBackground) {
|
|
11019
|
+
case 'dark':
|
|
11020
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
11021
|
+
case 'medium':
|
|
11022
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
11023
|
+
case 'light':
|
|
11024
|
+
return colorVariables$1$1$1$1.text.light;
|
|
11025
|
+
case 'white':
|
|
11026
|
+
return colorVariables$1$1$1$1.text.white;
|
|
11027
|
+
case 'warning':
|
|
11028
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.warning : colorVariables$1$1$1$1["default"].warning;
|
|
11029
|
+
case 'info':
|
|
11030
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.info : colorVariables$1$1$1$1["default"].info;
|
|
11031
|
+
case 'success':
|
|
11032
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.success : colorVariables$1$1$1$1["default"].success;
|
|
11033
|
+
case 'error':
|
|
11034
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.error : colorVariables$1$1$1$1["default"].error;
|
|
11035
|
+
default:
|
|
11036
|
+
return $selectedOptionBackground || colorVariables$1$1$1$1.accent.extraLight;
|
|
11037
|
+
}
|
|
11038
|
+
}, function (_ref23) {
|
|
11039
|
+
var $selectedOptionColor = _ref23.$selectedOptionColor;
|
|
11040
|
+
switch ($selectedOptionColor) {
|
|
11041
|
+
case 'dark':
|
|
11042
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
11043
|
+
case 'medium':
|
|
11044
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
11045
|
+
case 'light':
|
|
11046
|
+
return colorVariables$1$1$1$1.text.light;
|
|
11047
|
+
case 'white':
|
|
11048
|
+
return colorVariables$1$1$1$1.text.white;
|
|
11049
|
+
case 'warning':
|
|
11050
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
11051
|
+
case 'info':
|
|
11052
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
11053
|
+
case 'success':
|
|
11054
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
11055
|
+
case 'error':
|
|
11056
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
11057
|
+
default:
|
|
11058
|
+
return $selectedOptionColor;
|
|
11059
|
+
}
|
|
11060
|
+
});
|
|
11061
|
+
var RemoveIcon$2$1$1$1 = styled.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) {
|
|
11062
|
+
var $disabled = _ref24.$disabled;
|
|
11063
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11064
|
+
}, function (_ref25) {
|
|
11065
|
+
var removeIconBackground = _ref25.removeIconBackground,
|
|
11066
|
+
$type = _ref25.$type;
|
|
11067
|
+
return removeIconBackground ? removeIconBackground : $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1.disabled.primary;
|
|
11068
|
+
}, function (_ref26) {
|
|
11069
|
+
var $disabled = _ref26.$disabled;
|
|
11070
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11071
|
+
});
|
|
11072
|
+
var TextWrapper$1$1$1$1 = styled.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"])));
|
|
11073
|
+
var Asterisk$1$1$1$1 = styled.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);
|
|
11074
|
+
var _templateObject$a$1$1$1$1, _templateObject2$7$1$1$1$1, _templateObject3$5$1$1$1$1;
|
|
11075
|
+
var SelectedOptionsWrapper$1$1$1$1$1 = styled.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"])));
|
|
11076
|
+
var SelectedOptionDiv$1$1$1$1$1 = styled.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) {
|
|
11077
|
+
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
11078
|
+
$type = _ref.$type;
|
|
11079
|
+
return $selectedOptionBackground || $type === 'remove' ? colorVariables$1$1$1$1.disabled.error : colorVariables$1$1$1$1.accent.softBlue;
|
|
11080
|
+
}, function (_ref2) {
|
|
11081
|
+
var $selectedOptionColor = _ref2.$selectedOptionColor,
|
|
11082
|
+
$type = _ref2.$type;
|
|
11083
|
+
return $selectedOptionColor || $type === 'remove' ? colorVariables$1$1$1$1["default"].error : colorVariables$1$1$1$1.brand.primary;
|
|
11084
|
+
});
|
|
11085
|
+
var RemoveIcon$1$1$1$1$1 = styled.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) {
|
|
11086
|
+
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
11087
|
+
$type = _ref3.$type;
|
|
11088
|
+
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1.disabled.primary;
|
|
11089
|
+
});
|
|
11090
|
+
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;
|
|
11091
|
+
var TitleText$1$1$1$1$1 = styled.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) {
|
|
11092
|
+
var $titleWeight = _ref.$titleWeight;
|
|
11093
|
+
return $titleWeight || 500;
|
|
11094
|
+
}, function (_ref2) {
|
|
11095
|
+
var $size = _ref2.$size;
|
|
11096
|
+
switch ($size) {
|
|
11097
|
+
case 'small':
|
|
11098
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
11099
|
+
case 'medium':
|
|
11100
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11101
|
+
case 'large':
|
|
11102
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
11103
|
+
default:
|
|
11104
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11105
|
+
}
|
|
11106
|
+
}, function (_ref3) {
|
|
11107
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
11108
|
+
switch ($titlecolor) {
|
|
11109
|
+
case 'dark':
|
|
11110
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
11111
|
+
case 'medium':
|
|
11112
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
11113
|
+
case 'light':
|
|
11114
|
+
return colorVariables$1$1$1$1.text.light;
|
|
11115
|
+
case 'white':
|
|
11116
|
+
return colorVariables$1$1$1$1.text.white;
|
|
11117
|
+
case 'warning':
|
|
11118
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
11119
|
+
case 'info':
|
|
11120
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
11121
|
+
case 'success':
|
|
11122
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
11123
|
+
case 'error':
|
|
11124
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
11125
|
+
default:
|
|
11126
|
+
return $titlecolor;
|
|
11127
|
+
}
|
|
11128
|
+
});
|
|
11129
|
+
var DropdownContainer$1$1$1$1$1 = styled.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) {
|
|
11130
|
+
var $width = _ref4.$width;
|
|
11131
|
+
return $width || '100%';
|
|
11132
|
+
});
|
|
11133
|
+
var DropdownButton$1$1$1$1$1 = styled.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) {
|
|
11134
|
+
var $disabled = _ref5.$disabled;
|
|
11135
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11136
|
+
}, function (_ref6) {
|
|
11137
|
+
var $width = _ref6.$width;
|
|
11138
|
+
return $width ? $width : '100%';
|
|
11139
|
+
}, function (_ref7) {
|
|
11140
|
+
var $selectHeight = _ref7.$selectHeight;
|
|
11141
|
+
return $selectHeight || 'auto';
|
|
11142
|
+
}, function (_ref8) {
|
|
11143
|
+
var $borderRadius = _ref8.$borderRadius;
|
|
11144
|
+
return $borderRadius || '8px';
|
|
11145
|
+
}, function (_ref9) {
|
|
11146
|
+
var $border = _ref9.$border;
|
|
11147
|
+
return $border || "1px solid " + colorVariables$1$1$1$1.border.light;
|
|
11148
|
+
}, function (_ref10) {
|
|
11149
|
+
var $size = _ref10.$size;
|
|
11150
|
+
switch ($size) {
|
|
11151
|
+
case 'small':
|
|
11152
|
+
return '9px 12px';
|
|
11153
|
+
case 'large':
|
|
11154
|
+
return '24px 12px';
|
|
11155
|
+
default:
|
|
11156
|
+
return '13px 12px';
|
|
11157
|
+
}
|
|
11158
|
+
}, function (_ref11) {
|
|
11159
|
+
var $background = _ref11.$background,
|
|
11160
|
+
$disabled = _ref11.$disabled;
|
|
11161
|
+
return $disabled ? colorVariables$1$1$1$1.border.light : $background || colorVariables$1$1$1$1.accent.extraLight;
|
|
11162
|
+
}, function (_ref12) {
|
|
11163
|
+
var $size = _ref12.$size;
|
|
11164
|
+
switch ($size) {
|
|
11165
|
+
case 'small':
|
|
11166
|
+
return '12px';
|
|
11167
|
+
case 'large':
|
|
11168
|
+
return '16px';
|
|
11169
|
+
default:
|
|
11170
|
+
return '14px';
|
|
11171
|
+
}
|
|
11172
|
+
}, function (_ref13) {
|
|
11173
|
+
var $size = _ref13.$size;
|
|
11174
|
+
switch ($size) {
|
|
11175
|
+
case 'small':
|
|
11176
|
+
return '12px';
|
|
11177
|
+
case 'large':
|
|
11178
|
+
return '16px';
|
|
11179
|
+
default:
|
|
11180
|
+
return '14px';
|
|
11181
|
+
}
|
|
11182
|
+
});
|
|
11183
|
+
var Options$1$1$1$1 = styled.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) {
|
|
11184
|
+
var $optionColor = _ref14.$optionColor,
|
|
11185
|
+
$optionSelected = _ref14.$optionSelected;
|
|
11186
|
+
return $optionSelected ? colorVariables$1$1$1$1.text.white : $optionColor || colorVariables$1$1$1$1.text.medium;
|
|
11187
|
+
}, function (_ref15) {
|
|
11188
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
11189
|
+
return $optionFontSize || '14px';
|
|
11190
|
+
}, function (_ref16) {
|
|
11191
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
11192
|
+
return $optionFontWeight || 400;
|
|
11193
|
+
}, function (_ref17) {
|
|
11194
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
11195
|
+
$optionSelected = _ref17.$optionSelected;
|
|
11196
|
+
return $optionSelected ? colorVariables$1$1$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1$1$1["default"].tertiary;
|
|
11197
|
+
}, colorVariables$1$1$1$1.hover.primary, colorVariables$1$1$1$1.text.white);
|
|
11198
|
+
var LabelText$1$1$1$1$1 = styled.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) {
|
|
11199
|
+
var $size = _ref18.$size;
|
|
11200
|
+
switch ($size) {
|
|
11201
|
+
case 'small':
|
|
11202
|
+
return '14px';
|
|
11203
|
+
case 'large':
|
|
11204
|
+
return '16px';
|
|
11205
|
+
default:
|
|
11206
|
+
return '14px';
|
|
11207
|
+
}
|
|
11208
|
+
}, function (_ref19) {
|
|
11209
|
+
var $size = _ref19.$size;
|
|
11210
|
+
switch ($size) {
|
|
11211
|
+
case 'small':
|
|
11212
|
+
return '12px';
|
|
11213
|
+
case 'large':
|
|
11214
|
+
return '16px';
|
|
11215
|
+
default:
|
|
11216
|
+
return '14px';
|
|
11217
|
+
}
|
|
11218
|
+
}, function (_ref20) {
|
|
11219
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
11220
|
+
return $fontStyle || '';
|
|
11221
|
+
}, function (_ref21) {
|
|
11222
|
+
var $color = _ref21.$color,
|
|
11223
|
+
$disabled = _ref21.$disabled;
|
|
11224
|
+
return $disabled ? colorVariables$1$1$1$1.text.medium : $color || colorVariables$1$1$1$1.text.medium;
|
|
11225
|
+
});
|
|
11226
|
+
var NoOptions$1$1$1$1 = styled(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"])));
|
|
11227
|
+
var DropdownMenu$1$1$1$1$1 = styled.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) {
|
|
11228
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
11229
|
+
return $optionsBorderRadius || '8px';
|
|
11230
|
+
}, function (_ref23) {
|
|
11231
|
+
var $width = _ref23.$width;
|
|
11232
|
+
return $width ? $width : 'max-content';
|
|
11233
|
+
}, function (_ref24) {
|
|
11234
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
11235
|
+
return $menuBackground || colorVariables$1$1$1$1.accent.extraLight;
|
|
11236
|
+
}, function (_ref25) {
|
|
11237
|
+
var $top = _ref25.$top;
|
|
11238
|
+
return $top && "top: " + $top + ";";
|
|
11239
|
+
}, function (_ref26) {
|
|
11240
|
+
var $bottom = _ref26.$bottom;
|
|
11241
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
11242
|
+
});
|
|
11243
|
+
var OptionsWrapper$1$1$1$1 = styled.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"])));
|
|
11244
|
+
var SearchContainer$1$1$1$1$1 = styled.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) {
|
|
11245
|
+
var $background = _ref27.$background;
|
|
11246
|
+
return $background || colorVariables$1$1$1$1.accent.extraLight;
|
|
11247
|
+
}, function (_ref28) {
|
|
11248
|
+
var $border = _ref28.$border;
|
|
11249
|
+
return $border || 'none';
|
|
11250
|
+
}, colorVariables$1$1$1$1.border.light, function (_ref29) {
|
|
11251
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
11252
|
+
return $borderRadius || '8px 8px 0 0';
|
|
11253
|
+
});
|
|
11254
|
+
var SearchBar$1$1$1$1$1 = styled.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) {
|
|
11255
|
+
var $inputColor = _ref30.$inputColor;
|
|
11256
|
+
return $inputColor || colorVariables$1$1$1$1.text.medium;
|
|
11257
|
+
}, function (_ref31) {
|
|
11258
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
11259
|
+
return $placeholderColor || colorVariables$1$1$1$1.text.light;
|
|
11260
|
+
});
|
|
11261
|
+
var _templateObject$c$1$1$1$1, _templateObject2$9$1$1$1$1;
|
|
11262
|
+
var ModalOverlay$1$1$1$1 = styled.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"])));
|
|
11263
|
+
var ModalContainer$1$1$1$1 = styled.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) {
|
|
11264
|
+
var maxWidth = _ref.maxWidth;
|
|
11265
|
+
return maxWidth ? maxWidth : '400px';
|
|
11266
|
+
});
|
|
11267
|
+
var _templateObject$d$1$1$1$1, _templateObject2$a$1$1$1$1;
|
|
11268
|
+
var SearchContainer$2$1$1$1$1 = styled.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) {
|
|
11269
|
+
var $background = _ref.$background;
|
|
11270
|
+
return $background || colorVariables$1$1$1$1["default"].tertiary;
|
|
11271
|
+
}, function (_ref2) {
|
|
11272
|
+
var $border = _ref2.$border;
|
|
11273
|
+
return $border || 'none';
|
|
11274
|
+
}, function (_ref3) {
|
|
11275
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
11276
|
+
return $borderRadius || '8px';
|
|
11277
|
+
});
|
|
11278
|
+
var SearchBar$2$1$1$1$1 = styled.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) {
|
|
11279
|
+
var $inputColor = _ref4.$inputColor;
|
|
11280
|
+
return $inputColor || colorVariables$1$1$1$1.text.medium;
|
|
11281
|
+
}, function (_ref5) {
|
|
11282
|
+
var $placeholderColor = _ref5.$placeholderColor;
|
|
11283
|
+
return $placeholderColor || colorVariables$1$1$1$1.text.light;
|
|
11284
|
+
});
|
|
11285
|
+
function _taggedTemplateLiteralLoose$1$1$1$1$1(e, t) {
|
|
11286
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
11287
|
+
}
|
|
11288
|
+
var colorVariables$1$1$1$1$1 = {
|
|
11289
|
+
brand: {
|
|
11290
|
+
primary: '#4C9EEB',
|
|
11291
|
+
secondary: '#14171A',
|
|
11292
|
+
light: '#FFFFFF'
|
|
11293
|
+
},
|
|
11294
|
+
accent: {
|
|
11295
|
+
light: '#E1E8ED',
|
|
11296
|
+
extraLight: '#F5F8FA',
|
|
11297
|
+
softBlue: '#D4EEFF',
|
|
11298
|
+
extraSoftBlue: '#E4F4FF',
|
|
11299
|
+
boldTransparent: '#5E5E5E80',
|
|
11300
|
+
transparent: '#5E5E5E4D',
|
|
11301
|
+
lightTransparent: '#5E5E5E23'
|
|
11302
|
+
},
|
|
11303
|
+
"default": {
|
|
11304
|
+
primary: '#78B6F0',
|
|
11305
|
+
secondary: '#C2C2C2',
|
|
11306
|
+
tertiary: 'transparent',
|
|
11307
|
+
error: '#F44336',
|
|
11308
|
+
success: '#4CAF50',
|
|
11309
|
+
warning: '#FF9800',
|
|
11310
|
+
info: '#2159F3'
|
|
11311
|
+
},
|
|
11312
|
+
disabled: {
|
|
11313
|
+
primary: '#B9DCF7',
|
|
11314
|
+
secondary: '#DADADA',
|
|
11315
|
+
error: '#FFEBEE',
|
|
11316
|
+
success: '#E8F5E9',
|
|
11317
|
+
warning: '#FFF3E0',
|
|
11318
|
+
info: '#E3F2FD'
|
|
11319
|
+
},
|
|
11320
|
+
hover: {
|
|
11321
|
+
primary: '#4C9EEB',
|
|
11322
|
+
secondary: '#A3A3A3',
|
|
11323
|
+
tertiary: 'transparent',
|
|
11324
|
+
error: '#D32F2F',
|
|
11325
|
+
success: '#388E3C',
|
|
11326
|
+
warning: '#F57C00',
|
|
11327
|
+
info: '#193ED2'
|
|
11328
|
+
},
|
|
11329
|
+
border: {
|
|
11330
|
+
extraBold: '#657786',
|
|
11331
|
+
bold: '#BFBFBF',
|
|
11332
|
+
medium: '#CBCED0',
|
|
11333
|
+
light: '#DCDCDC',
|
|
11334
|
+
extraLight: '#E6E3E3'
|
|
11335
|
+
},
|
|
11336
|
+
text: {
|
|
11337
|
+
dark: '#14171A',
|
|
11338
|
+
medium: '#657786',
|
|
11339
|
+
light: '#98A2AA',
|
|
11340
|
+
white: '#FFFFFF',
|
|
11341
|
+
success: '#1B5E20',
|
|
11342
|
+
error: '#B71C1C',
|
|
11343
|
+
info: '#0D30A1',
|
|
11344
|
+
warning: '#E65100'
|
|
11345
|
+
},
|
|
11346
|
+
badge: {
|
|
11347
|
+
lavender: '#E8DAFF',
|
|
11348
|
+
papayaWhip: '#FFEDD5',
|
|
11349
|
+
water: '#C7E3FF',
|
|
11350
|
+
paleBlue: '#B0F0E4',
|
|
11351
|
+
teaGreen: '#D5F7C2',
|
|
11352
|
+
lightBlue: '#ADD8E6'
|
|
11353
|
+
}
|
|
11354
|
+
};
|
|
11355
|
+
var _templateObject$e$1$1$1$1, _templateObject2$b$1$1$1$1, _templateObject3$7$1$1$1$1;
|
|
11356
|
+
var wrapperCss$1$1$1$1$1 = 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"])));
|
|
11357
|
+
var IconWrapper$1$1$1$1$1 = styled.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) {
|
|
11358
|
+
var $clickable = _ref.$clickable;
|
|
11359
|
+
return $clickable ? 'pointer' : 'default';
|
|
11360
|
+
}, wrapperCss$1$1$1$1$1);
|
|
11361
|
+
var IconWrapperForSVG$1$1$1$1$1 = styled.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);
|
|
11362
|
+
var _templateObject$1$1$1$1$1$1, _templateObject2$1$1$1$1$1$1;
|
|
11363
|
+
var Container$3$1$1$1$1 = styled.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) {
|
|
11364
|
+
var $flex = _ref.$flex;
|
|
11365
|
+
return $flex;
|
|
11366
|
+
}, function (_ref2) {
|
|
11367
|
+
var $flexWrap = _ref2.$flexWrap;
|
|
11368
|
+
return $flexWrap;
|
|
11369
|
+
}, function (_ref3) {
|
|
11370
|
+
var $flexDirection = _ref3.$flexDirection;
|
|
11371
|
+
return $flexDirection;
|
|
11372
|
+
}, function (_ref4) {
|
|
11373
|
+
var $justifyContent = _ref4.$justifyContent;
|
|
11374
|
+
return $justifyContent;
|
|
11375
|
+
}, function (_ref5) {
|
|
11376
|
+
var $alignItems = _ref5.$alignItems;
|
|
11377
|
+
return $alignItems;
|
|
11378
|
+
}, function (_ref6) {
|
|
11379
|
+
var $gap = _ref6.$gap;
|
|
11380
|
+
return $gap;
|
|
11381
|
+
}, function (_ref7) {
|
|
11382
|
+
var $fontWeight = _ref7.$fontWeight;
|
|
11383
|
+
return $fontWeight;
|
|
11384
|
+
}, function (_ref8) {
|
|
11385
|
+
var $height = _ref8.$height;
|
|
11386
|
+
return $height;
|
|
11387
|
+
}, function (_ref9) {
|
|
11388
|
+
var $minHeight = _ref9.$minHeight;
|
|
11389
|
+
return $minHeight;
|
|
11390
|
+
}, function (_ref10) {
|
|
11391
|
+
var $maxHeight = _ref10.$maxHeight;
|
|
11392
|
+
return $maxHeight;
|
|
11393
|
+
}, function (_ref11) {
|
|
11394
|
+
var $width = _ref11.$width;
|
|
11395
|
+
return $width;
|
|
11396
|
+
}, function (_ref12) {
|
|
11397
|
+
var $minWidth = _ref12.$minWidth;
|
|
11398
|
+
return $minWidth;
|
|
11399
|
+
}, function (_ref13) {
|
|
11400
|
+
var $maxWidth = _ref13.$maxWidth;
|
|
11401
|
+
return $maxWidth;
|
|
11402
|
+
}, function (_ref14) {
|
|
11403
|
+
var $padding = _ref14.$padding;
|
|
11404
|
+
return $padding;
|
|
11405
|
+
}, function (_ref15) {
|
|
11406
|
+
var $background = _ref15.$background;
|
|
11407
|
+
return $background;
|
|
11408
|
+
}, function (_ref16) {
|
|
11409
|
+
var $objectfit = _ref16.$objectfit;
|
|
11410
|
+
return $objectfit;
|
|
11411
|
+
}, function (_ref17) {
|
|
11412
|
+
var $margin = _ref17.$margin;
|
|
11413
|
+
return $margin;
|
|
11414
|
+
}, function (_ref18) {
|
|
11415
|
+
var $borderRadius = _ref18.$borderRadius;
|
|
11416
|
+
return $borderRadius;
|
|
11417
|
+
}, function (_ref19) {
|
|
11418
|
+
var $cursor = _ref19.$cursor;
|
|
11419
|
+
return $cursor;
|
|
11420
|
+
}, function (_ref20) {
|
|
11421
|
+
var $fontSize = _ref20.$fontSize;
|
|
11422
|
+
return $fontSize;
|
|
11423
|
+
}, function (_ref21) {
|
|
11424
|
+
var $opacity = _ref21.$opacity;
|
|
11425
|
+
return $opacity;
|
|
11426
|
+
}, function (_ref22) {
|
|
11427
|
+
var $pointerEvents = _ref22.$pointerEvents;
|
|
11428
|
+
return $pointerEvents;
|
|
11429
|
+
}, function (_ref23) {
|
|
11430
|
+
var $position = _ref23.$position;
|
|
11431
|
+
return $position;
|
|
11432
|
+
}, function (_ref24) {
|
|
11433
|
+
var $top = _ref24.$top;
|
|
11434
|
+
return $top;
|
|
11435
|
+
}, function (_ref25) {
|
|
11436
|
+
var $bottom = _ref25.$bottom;
|
|
11437
|
+
return $bottom;
|
|
11438
|
+
}, function (_ref26) {
|
|
11439
|
+
var $left = _ref26.$left;
|
|
11440
|
+
return $left;
|
|
11441
|
+
}, function (_ref27) {
|
|
11442
|
+
var $right = _ref27.$right;
|
|
11443
|
+
return $right;
|
|
11444
|
+
}, function (_ref28) {
|
|
11445
|
+
var $textAlign = _ref28.$textAlign;
|
|
11446
|
+
return $textAlign;
|
|
11447
|
+
}, function (_ref29) {
|
|
11448
|
+
var $color = _ref29.$color;
|
|
11449
|
+
return $color;
|
|
11450
|
+
}, function (_ref30) {
|
|
11451
|
+
var $overflow = _ref30.$overflow;
|
|
11452
|
+
return $overflow || 'visible';
|
|
11453
|
+
}, function (_ref31) {
|
|
11454
|
+
var $overflowY = _ref31.$overflowY;
|
|
11455
|
+
return $overflowY;
|
|
11456
|
+
}, function (_ref32) {
|
|
11457
|
+
var $zIndex = _ref32.$zIndex;
|
|
11458
|
+
return $zIndex;
|
|
11459
|
+
}, function (_ref33) {
|
|
11460
|
+
var $scrollbarWidth = _ref33.$scrollbarWidth;
|
|
11461
|
+
return $scrollbarWidth;
|
|
11462
|
+
}, function (_ref34) {
|
|
11463
|
+
var $border = _ref34.$border;
|
|
11464
|
+
return $border;
|
|
11465
|
+
}, function (_ref35) {
|
|
11466
|
+
var $borderBottom = _ref35.$borderBottom;
|
|
11467
|
+
return $borderBottom;
|
|
11468
|
+
}, function (_ref36) {
|
|
11469
|
+
var $borderLeft = _ref36.$borderLeft;
|
|
11470
|
+
return $borderLeft;
|
|
11471
|
+
}, function (_ref37) {
|
|
11472
|
+
var $hoverBackground = _ref37.$hoverBackground;
|
|
11473
|
+
return $hoverBackground;
|
|
11474
|
+
}, function (_ref38) {
|
|
11475
|
+
var $hoverColor = _ref38.$hoverColor;
|
|
11476
|
+
return $hoverColor;
|
|
11477
|
+
});
|
|
11478
|
+
var Span$1$1$1$1$1 = styled.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) {
|
|
11479
|
+
var $fontFamily = _ref39.$fontFamily;
|
|
11480
|
+
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
11481
|
+
}, function (_ref40) {
|
|
11482
|
+
var $fontWeight = _ref40.$fontWeight;
|
|
11483
|
+
return $fontWeight ? $fontWeight : '500';
|
|
11484
|
+
}, function (_ref41) {
|
|
11485
|
+
var $fontSize = _ref41.$fontSize;
|
|
11486
|
+
return $fontSize ? $fontSize : '16px';
|
|
11487
|
+
}, function (_ref42) {
|
|
11488
|
+
var $color = _ref42.$color;
|
|
11489
|
+
return $color ? $color : colorVariables$1$1$1$1$1.text.medium;
|
|
11490
|
+
}, function (_ref43) {
|
|
11491
|
+
var $lineHeight = _ref43.$lineHeight;
|
|
11492
|
+
return $lineHeight ? $lineHeight : '100%';
|
|
11493
|
+
}, function (_ref44) {
|
|
11494
|
+
var $textAlign = _ref44.$textAlign;
|
|
11495
|
+
return $textAlign ? $textAlign : 'center';
|
|
11496
|
+
}, function (_ref45) {
|
|
11497
|
+
var $minWidth = _ref45.$minWidth;
|
|
11498
|
+
return $minWidth;
|
|
11499
|
+
}, function (_ref46) {
|
|
11500
|
+
var $width = _ref46.$width;
|
|
11501
|
+
return $width;
|
|
11502
|
+
}, function (_ref47) {
|
|
11503
|
+
var $overflowWrap = _ref47.$overflowWrap;
|
|
11504
|
+
return $overflowWrap;
|
|
11505
|
+
});
|
|
11506
|
+
var _templateObject$2$1$1$1$1$1, _templateObject2$2$1$1$1$1$1;
|
|
11507
|
+
var TooltipWrapper$1$1$1$1$1 = styled.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"])));
|
|
11508
|
+
var TooltipText$1$1$1$1$1 = styled.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) {
|
|
11509
|
+
var $visible = _ref.$visible;
|
|
11510
|
+
return $visible ? 'visible' : 'hidden';
|
|
11511
|
+
}, function (_ref2) {
|
|
11512
|
+
var $visible = _ref2.$visible;
|
|
11513
|
+
return $visible ? 1 : 0;
|
|
11514
|
+
}, function (_ref3) {
|
|
11515
|
+
var $bgColor = _ref3.$bgColor;
|
|
11516
|
+
return $bgColor || colorVariables$1$1$1$1$1.brand.light;
|
|
11517
|
+
}, colorVariables$1$1$1$1$1.text.medium);
|
|
11518
|
+
var _templateObject$3$1$1$1$1$1;
|
|
11519
|
+
var BreadCrum$1$1$1$1$1 = styled.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) {
|
|
11520
|
+
var $color = _ref.$color;
|
|
11521
|
+
return $color ? $color : colorVariables$1$1$1$1$1.text.medium;
|
|
11522
|
+
}, function (_ref2) {
|
|
11523
|
+
var $disabled = _ref2.$disabled;
|
|
11524
|
+
return $disabled ? '0.6' : '1';
|
|
11525
|
+
}, function (_ref3) {
|
|
11526
|
+
var $hover = _ref3.$hover,
|
|
11527
|
+
$disabled = _ref3.$disabled;
|
|
11528
|
+
return $hover && !$disabled && 'underline';
|
|
11529
|
+
}, function (_ref4) {
|
|
11530
|
+
var $hover = _ref4.$hover,
|
|
11531
|
+
$disabled = _ref4.$disabled;
|
|
11532
|
+
return $hover && !$disabled ? 'pointer' : 'default';
|
|
11533
|
+
}, function (_ref5) {
|
|
11534
|
+
var $hover = _ref5.$hover,
|
|
11535
|
+
$disabled = _ref5.$disabled;
|
|
11536
|
+
return $hover && !$disabled && colorVariables$1$1$1$1$1["default"].primary;
|
|
11537
|
+
});
|
|
11538
|
+
var _templateObject$4$1$1$1$1$1;
|
|
11539
|
+
var fontFaces$1$1$1$1$1 = 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"])));
|
|
11540
|
+
var GlobalFonts$1$1$1$1$1 = {
|
|
11541
|
+
bold: 'NotoSans, sans-serif',
|
|
11542
|
+
regular: 'NotoSans, sans-serif',
|
|
11543
|
+
light: 'NotoSans, sans-serif'
|
|
11544
|
+
};
|
|
11545
|
+
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;
|
|
11546
|
+
var spin$1$1$1$1$1 = 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"])));
|
|
11547
|
+
var Spinner$1$1$1$1$1 = styled.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) {
|
|
11548
|
+
var $size = _ref.$size;
|
|
11549
|
+
return $size;
|
|
11550
|
+
}, function (_ref2) {
|
|
11551
|
+
var $size = _ref2.$size;
|
|
11552
|
+
return $size;
|
|
11553
|
+
}, function (_ref3) {
|
|
11554
|
+
var $size = _ref3.$size;
|
|
11555
|
+
return $size / 4;
|
|
11556
|
+
}, function (_ref4) {
|
|
11557
|
+
var $color = _ref4.$color;
|
|
11558
|
+
return $color;
|
|
11559
|
+
}, spin$1$1$1$1$1);
|
|
11560
|
+
var LoaderWrapper$1$1$1$1$1 = styled.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) {
|
|
11561
|
+
var $loaderPosition = _ref5.$loaderPosition;
|
|
11562
|
+
return $loaderPosition === 'right' ? '4px' : '0';
|
|
11563
|
+
}, function (_ref6) {
|
|
11564
|
+
var $loaderPosition = _ref6.$loaderPosition;
|
|
11565
|
+
return $loaderPosition === 'left' ? '4px' : '0';
|
|
11566
|
+
});
|
|
11567
|
+
var Container$1$1$1$1$1$1 = styled.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) {
|
|
11568
|
+
var $iconPosition = _ref7.$iconPosition;
|
|
11569
|
+
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
11570
|
+
}, function (_ref8) {
|
|
11571
|
+
var gap = _ref8.gap;
|
|
11572
|
+
return gap || '4px';
|
|
11573
|
+
}, function (_ref9) {
|
|
11574
|
+
var cursor = _ref9.cursor;
|
|
11575
|
+
return cursor;
|
|
11576
|
+
});
|
|
11577
|
+
var StyledButton$1$1$1$1$1 = styled.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) {
|
|
11578
|
+
var $disabled = _ref10.$disabled;
|
|
11579
|
+
return $disabled ? 'none' : 'auto';
|
|
11580
|
+
}, function (_ref11) {
|
|
11581
|
+
var $disabled = _ref11.$disabled;
|
|
11582
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11583
|
+
}, function (_ref12) {
|
|
11584
|
+
var $borderRadius = _ref12.$borderRadius;
|
|
11585
|
+
return $borderRadius || '8px';
|
|
11586
|
+
}, function (_ref13) {
|
|
11587
|
+
var $size = _ref13.$size,
|
|
11588
|
+
$padding = _ref13.$padding;
|
|
11589
|
+
return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
|
|
11590
|
+
}, function (_ref14) {
|
|
11591
|
+
var _$borderHover$match;
|
|
11592
|
+
var $variant = _ref14.$variant,
|
|
11593
|
+
$disabled = _ref14.$disabled,
|
|
11594
|
+
$borderHover = _ref14.$borderHover,
|
|
11595
|
+
$borderDefault = _ref14.$borderDefault,
|
|
11596
|
+
$background = _ref14.$background,
|
|
11597
|
+
$color = _ref14.$color,
|
|
11598
|
+
$colorHover = _ref14.$colorHover;
|
|
11599
|
+
switch ($variant) {
|
|
11600
|
+
case 'primary':
|
|
11601
|
+
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 ";
|
|
11602
|
+
case 'secondary':
|
|
11603
|
+
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 ";
|
|
11604
|
+
case 'tertiary':
|
|
11605
|
+
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 ";
|
|
11606
|
+
case 'error':
|
|
11607
|
+
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 ";
|
|
11608
|
+
case 'outline-primary':
|
|
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: " + ($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 ";
|
|
11610
|
+
case 'outline-secondary':
|
|
11611
|
+
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 ";
|
|
11612
|
+
case 'outline-error':
|
|
11613
|
+
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 ";
|
|
11614
|
+
case 'custom':
|
|
11615
|
+
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 ";
|
|
11616
|
+
default:
|
|
11617
|
+
return '';
|
|
11618
|
+
}
|
|
11619
|
+
}, function (_ref15) {
|
|
11620
|
+
var color = _ref15.color;
|
|
11621
|
+
return color;
|
|
11622
|
+
});
|
|
11623
|
+
var ButtonText$1$1$1$1$1 = styled.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) {
|
|
11624
|
+
var $fontFamily = _ref16.$fontFamily;
|
|
11625
|
+
return $fontFamily ? $fontFamily : GlobalFonts$1$1$1$1$1.bold;
|
|
11626
|
+
}, function (_ref17) {
|
|
11627
|
+
var $size = _ref17.$size,
|
|
11628
|
+
$fontSize = _ref17.$fontSize;
|
|
11629
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
11630
|
+
}, function (_ref18) {
|
|
11631
|
+
var $fontWeight = _ref18.$fontWeight,
|
|
11632
|
+
$size = _ref18.$size;
|
|
11633
|
+
return $size === 'custom' && $fontWeight || '500';
|
|
11634
|
+
}, function (_ref19) {
|
|
11635
|
+
var $size = _ref19.$size,
|
|
11636
|
+
$fontSize = _ref19.$fontSize;
|
|
11637
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
11638
|
+
});
|
|
11639
|
+
var _templateObject$6$1$1$1$1$1;
|
|
11640
|
+
var InnerContent$1$1$1$1$1 = styled.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) {
|
|
11641
|
+
var $isScrollable = _ref.$isScrollable;
|
|
11642
|
+
return $isScrollable ? '0 12px' : '0';
|
|
11643
|
+
});
|
|
11644
|
+
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;
|
|
11645
|
+
var DatePickerContainer$1$1$1$1$1 = styled.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"])));
|
|
11646
|
+
var CalendarContainer$1$1$1$1$1 = styled.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);
|
|
11647
|
+
var Calendar$1$1$1$1$1$1 = styled.div(_templateObject3$2$1$1$1$1$1 || (_templateObject3$2$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1([""])));
|
|
11648
|
+
var CalendarTime$1$1$1$1$1 = styled.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);
|
|
11649
|
+
var StartDate$1$1$1$1$1 = styled.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"])));
|
|
11650
|
+
var SelectedStart$1$1$1$1$1 = styled.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);
|
|
11651
|
+
var CurrentDate$1$1$1$1$1 = styled.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"])));
|
|
11652
|
+
var CurrentTime$1$1$1$1$1 = styled.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);
|
|
11653
|
+
var Selectedtime$1$1$1$1$1 = styled.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);
|
|
11654
|
+
var Line$1$1$1$1$1 = styled.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"])));
|
|
11655
|
+
var Zones$1$1$1$1$1 = styled.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"])));
|
|
11656
|
+
var CalendarHeader$1$1$1$1$1 = styled.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"])));
|
|
11657
|
+
var CalendarMonthYear$1$1$1$1$1 = styled.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);
|
|
11658
|
+
var CalendarContent$1$1$1$1$1 = styled.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"])));
|
|
11659
|
+
var Button$1$1$1$1$1 = styled.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) {
|
|
11660
|
+
var $size = _ref.$size;
|
|
11661
|
+
return $size ? $size + "px" : '30px';
|
|
11662
|
+
}, function (_ref2) {
|
|
11663
|
+
var $size = _ref2.$size;
|
|
11664
|
+
return $size ? $size + "px" : '30px';
|
|
11665
|
+
});
|
|
11666
|
+
var CalendarDates$1$1$1$1$1 = styled.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) {
|
|
11667
|
+
var $size = _ref3.$size;
|
|
11668
|
+
return $size ? $size + "px" : '30px';
|
|
11669
|
+
}, function (_ref4) {
|
|
11670
|
+
var $size = _ref4.$size;
|
|
11671
|
+
return $size ? $size + "px" : '30px';
|
|
11672
|
+
}, function (_ref5) {
|
|
11673
|
+
var $isFuture = _ref5.$isFuture,
|
|
11674
|
+
$futureDateTime = _ref5.$futureDateTime;
|
|
11675
|
+
return !$futureDateTime && $isFuture ? 'default' : 'pointer';
|
|
11676
|
+
}, function (_ref6) {
|
|
11677
|
+
var $isFuture = _ref6.$isFuture,
|
|
11678
|
+
$futureDateTime = _ref6.$futureDateTime;
|
|
11679
|
+
return !$futureDateTime && $isFuture ? 0.5 : 1;
|
|
11680
|
+
}, function (_ref7) {
|
|
11681
|
+
var $selected = _ref7.$selected,
|
|
11682
|
+
$inRange = _ref7.$inRange;
|
|
11683
|
+
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;
|
|
11684
|
+
}, function (_ref8) {
|
|
11685
|
+
var $selected = _ref8.$selected,
|
|
11686
|
+
$inRange = _ref8.$inRange;
|
|
11687
|
+
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;
|
|
11688
|
+
}, function (_ref9) {
|
|
11689
|
+
var $selected = _ref9.$selected,
|
|
11690
|
+
$inRange = _ref9.$inRange,
|
|
11691
|
+
$isFuture = _ref9.$isFuture,
|
|
11692
|
+
$futureDateTime = _ref9.$futureDateTime;
|
|
11693
|
+
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;
|
|
11694
|
+
});
|
|
11695
|
+
var Year$1$1$1$1$1 = styled.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"])));
|
|
11696
|
+
var Month$1$1$1$1$1 = styled.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"])));
|
|
11697
|
+
var InputWrapper$1$1$1$1$1 = styled.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"])));
|
|
11698
|
+
var TimeInputWrapper$1$1$1$1$1 = styled.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"])));
|
|
11699
|
+
var StyledInput$1$1$1$1$1 = styled.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);
|
|
11700
|
+
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;
|
|
11701
|
+
var OptionContainer$1$1$1$1$1 = styled.div(_templateObject$8$1$1$1$1$1 || (_templateObject$8$1$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1$1$1([""])));
|
|
11702
|
+
var OptionItem$1$1$1$1$1 = styled.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) {
|
|
11703
|
+
var $optionBorder = _ref.$optionBorder,
|
|
11704
|
+
$isborder = _ref.$isborder;
|
|
11705
|
+
return $isborder ? $optionBorder || "1px solid " + colorVariables$1$1$1$1$1.border.extraLight : '';
|
|
11706
|
+
});
|
|
11707
|
+
var OptionLabel$1$1$1$1$1 = styled.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) {
|
|
11708
|
+
var $optionColor = _ref2.$optionColor;
|
|
11709
|
+
switch ($optionColor) {
|
|
11710
|
+
case 'dark':
|
|
11711
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11712
|
+
case 'medium':
|
|
11713
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11714
|
+
case 'light':
|
|
11715
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11716
|
+
case 'white':
|
|
11717
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11718
|
+
case 'warning':
|
|
11719
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11720
|
+
case 'info':
|
|
11721
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11722
|
+
case 'success':
|
|
11723
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11724
|
+
case 'error':
|
|
11725
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11726
|
+
default:
|
|
11727
|
+
return $optionColor || colorVariables$1$1$1$1$1.text.medium;
|
|
11728
|
+
}
|
|
11729
|
+
});
|
|
11730
|
+
var SearchContainer$3$1$1$1$1 = styled.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) {
|
|
11731
|
+
var $background = _ref3.$background;
|
|
11732
|
+
switch ($background) {
|
|
11733
|
+
case 'dark':
|
|
11734
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11735
|
+
case 'medium':
|
|
11736
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11737
|
+
case 'light':
|
|
11738
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11739
|
+
case 'white':
|
|
11740
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11741
|
+
case 'warning':
|
|
11742
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11743
|
+
case 'info':
|
|
11744
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11745
|
+
case 'success':
|
|
11746
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11747
|
+
case 'error':
|
|
11748
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11749
|
+
default:
|
|
11750
|
+
return $background;
|
|
11751
|
+
}
|
|
11752
|
+
}, function (_ref4) {
|
|
11753
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
11754
|
+
return $borderBottom || 'none';
|
|
11755
|
+
}, function (_ref5) {
|
|
11756
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
11757
|
+
return $borderRadius || '8px';
|
|
11758
|
+
});
|
|
11759
|
+
var SearchBar$3$1$1$1$1 = styled.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) {
|
|
11760
|
+
var $inputColor = _ref6.$inputColor;
|
|
11761
|
+
switch ($inputColor) {
|
|
11762
|
+
case 'dark':
|
|
11763
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11764
|
+
case 'medium':
|
|
11765
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11766
|
+
case 'light':
|
|
11767
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11768
|
+
case 'white':
|
|
11769
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11770
|
+
case 'warning':
|
|
11771
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11772
|
+
case 'info':
|
|
11773
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11774
|
+
case 'success':
|
|
11775
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11776
|
+
case 'error':
|
|
11777
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11778
|
+
default:
|
|
11779
|
+
return $inputColor;
|
|
11780
|
+
}
|
|
11781
|
+
}, function (_ref7) {
|
|
11782
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
11783
|
+
switch ($placeholderColor) {
|
|
11784
|
+
case 'dark':
|
|
11785
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11786
|
+
case 'medium':
|
|
11787
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11788
|
+
case 'light':
|
|
11789
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11790
|
+
case 'white':
|
|
11791
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11792
|
+
case 'warning':
|
|
11793
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11794
|
+
case 'info':
|
|
11795
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11796
|
+
case 'success':
|
|
11797
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11798
|
+
case 'error':
|
|
11799
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11800
|
+
default:
|
|
11801
|
+
return $placeholderColor;
|
|
11802
|
+
}
|
|
11803
|
+
});
|
|
11804
|
+
var Text$1$1$1$1$1 = styled.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"])));
|
|
11805
|
+
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;
|
|
11806
|
+
var DropdownContainer$2$1$1$1$1 = styled.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) {
|
|
11807
|
+
var $width = _ref.$width;
|
|
11808
|
+
return $width || '100%';
|
|
11809
|
+
}, function (_ref2) {
|
|
11810
|
+
var $height = _ref2.$height;
|
|
11811
|
+
return $height || '100%';
|
|
11812
|
+
}, function (_ref3) {
|
|
11813
|
+
var $replaceLabel = _ref3.$replaceLabel;
|
|
11814
|
+
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
11815
|
+
});
|
|
11816
|
+
var DropdownButton$2$1$1$1$1 = styled.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) {
|
|
11817
|
+
var $replaceLabel = _ref4.$replaceLabel;
|
|
11818
|
+
return $replaceLabel ? 'auto' : '';
|
|
11819
|
+
}, function (_ref5) {
|
|
11820
|
+
var $size = _ref5.$size;
|
|
11821
|
+
switch ($size) {
|
|
11822
|
+
case 'small':
|
|
11823
|
+
return '9px 12px';
|
|
11824
|
+
case 'large':
|
|
11825
|
+
return '24px 12px';
|
|
11826
|
+
default:
|
|
11827
|
+
return '14px 12px';
|
|
11828
|
+
}
|
|
11829
|
+
}, function (_ref6) {
|
|
11830
|
+
var $width = _ref6.$width;
|
|
11831
|
+
return $width ? $width : '100%';
|
|
11832
|
+
}, function (_ref7) {
|
|
11833
|
+
var $height = _ref7.$height;
|
|
11834
|
+
return $height || '100%';
|
|
11835
|
+
}, function (_ref8) {
|
|
11836
|
+
var $border = _ref8.$border,
|
|
11837
|
+
$isOpen = _ref8.$isOpen;
|
|
11838
|
+
return $isOpen ? "1px solid " + colorVariables$1$1$1$1$1.text.dark : $border || "1px solid " + colorVariables$1$1$1$1$1.border.light;
|
|
11839
|
+
}, function (_ref9) {
|
|
11840
|
+
var $borderRadius = _ref9.$borderRadius;
|
|
11841
|
+
return $borderRadius || '8px';
|
|
11842
|
+
}, function (_ref10) {
|
|
11843
|
+
var $disabled = _ref10.$disabled;
|
|
11844
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11845
|
+
}, function (_ref11) {
|
|
11846
|
+
var $background = _ref11.$background,
|
|
11847
|
+
$disabled = _ref11.$disabled;
|
|
11848
|
+
switch ($background) {
|
|
11849
|
+
case 'dark':
|
|
11850
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.dark;
|
|
11851
|
+
case 'medium':
|
|
11852
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.medium;
|
|
11853
|
+
case 'light':
|
|
11854
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.light;
|
|
11855
|
+
case 'white':
|
|
11856
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1.text.white;
|
|
11857
|
+
case 'warning':
|
|
11858
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].warning;
|
|
11859
|
+
case 'info':
|
|
11860
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].info;
|
|
11861
|
+
case 'success':
|
|
11862
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].success;
|
|
11863
|
+
case 'error':
|
|
11864
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : colorVariables$1$1$1$1$1["default"].error;
|
|
11865
|
+
default:
|
|
11866
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
11867
|
+
}
|
|
11868
|
+
}, function (_ref12) {
|
|
11869
|
+
var $color = _ref12.$color;
|
|
11870
|
+
return $color || colorVariables$1$1$1$1$1.text.medium;
|
|
11871
|
+
}, function (_ref13) {
|
|
11872
|
+
var $size = _ref13.$size;
|
|
11873
|
+
switch ($size) {
|
|
11874
|
+
case 'small':
|
|
11875
|
+
return '12px';
|
|
11876
|
+
case 'large':
|
|
11877
|
+
return '16px';
|
|
11878
|
+
default:
|
|
11879
|
+
return '14px';
|
|
11880
|
+
}
|
|
11881
|
+
}, function (_ref14) {
|
|
11882
|
+
var $size = _ref14.$size;
|
|
11883
|
+
switch ($size) {
|
|
11884
|
+
case 'small':
|
|
11885
|
+
return '12px';
|
|
11886
|
+
case 'large':
|
|
11887
|
+
return '16px';
|
|
11888
|
+
default:
|
|
11889
|
+
return '14px';
|
|
11890
|
+
}
|
|
11891
|
+
});
|
|
11892
|
+
var TitleText$2$1$1$1$1 = styled.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) {
|
|
11893
|
+
var $titleSize = _ref15.$titleSize,
|
|
11894
|
+
$size = _ref15.$size;
|
|
11895
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
11896
|
+
}, function (_ref16) {
|
|
11897
|
+
var $titleSize = _ref16.$titleSize,
|
|
11898
|
+
$size = _ref16.$size;
|
|
11899
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
11900
|
+
}, function (_ref17) {
|
|
11901
|
+
var $titleColor = _ref17.$titleColor;
|
|
11902
|
+
switch ($titleColor) {
|
|
11903
|
+
case 'dark':
|
|
11904
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11905
|
+
case 'medium':
|
|
11906
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11907
|
+
case 'light':
|
|
11908
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11909
|
+
case 'white':
|
|
11910
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11911
|
+
case 'warning':
|
|
11912
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11913
|
+
case 'info':
|
|
11914
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11915
|
+
case 'success':
|
|
11916
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11917
|
+
case 'error':
|
|
11918
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11919
|
+
default:
|
|
11920
|
+
return $titleColor;
|
|
11921
|
+
}
|
|
11922
|
+
});
|
|
11923
|
+
var Container$2$1$1$1$1$1 = styled.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"])));
|
|
11924
|
+
var LabelText$2$1$1$1$1 = styled.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) {
|
|
11925
|
+
var $labelStyle = _ref18.$labelStyle;
|
|
11926
|
+
return $labelStyle;
|
|
11927
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
11928
|
+
var DropdownMenu$2$1$1$1$1 = styled.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) {
|
|
11929
|
+
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
11930
|
+
return $optionsBorderRadius || '8px';
|
|
11931
|
+
}, function (_ref20) {
|
|
11932
|
+
var $width = _ref20.$width;
|
|
11933
|
+
return $width ? $width : 'max-content';
|
|
11934
|
+
}, function (_ref21) {
|
|
11935
|
+
var $menuBackground = _ref21.$menuBackground;
|
|
11936
|
+
return $menuBackground || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
11937
|
+
});
|
|
11938
|
+
var SelectedOptionsWrapper$2$1$1$1$1 = styled.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"])));
|
|
11939
|
+
var SelectedOptionDiv$2$1$1$1$1 = styled.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) {
|
|
11940
|
+
var $selectedOptionBackground = _ref22.$selectedOptionBackground,
|
|
11941
|
+
$disabled = _ref22.$disabled;
|
|
11942
|
+
switch ($selectedOptionBackground) {
|
|
11943
|
+
case 'dark':
|
|
11944
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11945
|
+
case 'medium':
|
|
11946
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11947
|
+
case 'light':
|
|
11948
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11949
|
+
case 'white':
|
|
11950
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11951
|
+
case 'warning':
|
|
11952
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.warning : colorVariables$1$1$1$1$1["default"].warning;
|
|
11953
|
+
case 'info':
|
|
11954
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.info : colorVariables$1$1$1$1$1["default"].info;
|
|
11955
|
+
case 'success':
|
|
11956
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.success : colorVariables$1$1$1$1$1["default"].success;
|
|
11957
|
+
case 'error':
|
|
11958
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.error : colorVariables$1$1$1$1$1["default"].error;
|
|
11959
|
+
default:
|
|
11960
|
+
return $selectedOptionBackground || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
11961
|
+
}
|
|
11962
|
+
}, function (_ref23) {
|
|
11963
|
+
var $selectedOptionColor = _ref23.$selectedOptionColor;
|
|
11964
|
+
switch ($selectedOptionColor) {
|
|
11965
|
+
case 'dark':
|
|
11966
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
11967
|
+
case 'medium':
|
|
11968
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
11969
|
+
case 'light':
|
|
11970
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
11971
|
+
case 'white':
|
|
11972
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
11973
|
+
case 'warning':
|
|
11974
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
11975
|
+
case 'info':
|
|
11976
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
11977
|
+
case 'success':
|
|
11978
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
11979
|
+
case 'error':
|
|
11980
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
11981
|
+
default:
|
|
11982
|
+
return $selectedOptionColor;
|
|
11983
|
+
}
|
|
11984
|
+
});
|
|
11985
|
+
var RemoveIcon$2$1$1$1$1 = styled.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) {
|
|
11986
|
+
var $disabled = _ref24.$disabled;
|
|
11987
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11988
|
+
}, function (_ref25) {
|
|
11989
|
+
var removeIconBackground = _ref25.removeIconBackground,
|
|
11990
|
+
$type = _ref25.$type;
|
|
11991
|
+
return removeIconBackground ? removeIconBackground : $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1$1.disabled.primary;
|
|
11992
|
+
}, function (_ref26) {
|
|
11993
|
+
var $disabled = _ref26.$disabled;
|
|
11994
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11995
|
+
});
|
|
11996
|
+
var TextWrapper$1$1$1$1$1 = styled.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"])));
|
|
11997
|
+
var Asterisk$1$1$1$1$1 = styled.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);
|
|
11998
|
+
var _templateObject$a$1$1$1$1$1, _templateObject2$7$1$1$1$1$1, _templateObject3$5$1$1$1$1$1;
|
|
11999
|
+
var SelectedOptionsWrapper$1$1$1$1$1$1 = styled.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"])));
|
|
12000
|
+
var SelectedOptionDiv$1$1$1$1$1$1 = styled.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) {
|
|
12001
|
+
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
12002
|
+
$type = _ref.$type;
|
|
12003
|
+
return $selectedOptionBackground || $type === 'remove' ? colorVariables$1$1$1$1$1.disabled.error : colorVariables$1$1$1$1$1.accent.softBlue;
|
|
12004
|
+
}, function (_ref2) {
|
|
12005
|
+
var $selectedOptionColor = _ref2.$selectedOptionColor,
|
|
12006
|
+
$type = _ref2.$type;
|
|
12007
|
+
return $selectedOptionColor || $type === 'remove' ? colorVariables$1$1$1$1$1["default"].error : colorVariables$1$1$1$1$1.brand.primary;
|
|
12008
|
+
});
|
|
12009
|
+
var RemoveIcon$1$1$1$1$1$1 = styled.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) {
|
|
12010
|
+
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
12011
|
+
$type = _ref3.$type;
|
|
12012
|
+
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1$1$1.disabled.primary;
|
|
12013
|
+
});
|
|
12014
|
+
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;
|
|
12015
|
+
var TitleText$1$1$1$1$1$1 = styled.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) {
|
|
12016
|
+
var $titleWeight = _ref.$titleWeight;
|
|
12017
|
+
return $titleWeight || 500;
|
|
12018
|
+
}, function (_ref2) {
|
|
12019
|
+
var $size = _ref2.$size;
|
|
12020
|
+
switch ($size) {
|
|
12021
|
+
case 'small':
|
|
12022
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
12023
|
+
case 'medium':
|
|
12024
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12025
|
+
case 'large':
|
|
12026
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
12027
|
+
default:
|
|
12028
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12029
|
+
}
|
|
12030
|
+
}, function (_ref3) {
|
|
12031
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12032
|
+
switch ($titlecolor) {
|
|
12033
|
+
case 'dark':
|
|
12034
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12035
|
+
case 'medium':
|
|
12036
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12037
|
+
case 'light':
|
|
12038
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12039
|
+
case 'white':
|
|
12040
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12041
|
+
case 'warning':
|
|
12042
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12043
|
+
case 'info':
|
|
12044
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12045
|
+
case 'success':
|
|
12046
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12047
|
+
case 'error':
|
|
12048
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12049
|
+
default:
|
|
12050
|
+
return $titlecolor;
|
|
12051
|
+
}
|
|
12052
|
+
});
|
|
12053
|
+
var DropdownContainer$1$1$1$1$1$1 = styled.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) {
|
|
12054
|
+
var $width = _ref4.$width;
|
|
12055
|
+
return $width || '100%';
|
|
12056
|
+
});
|
|
12057
|
+
var DropdownButton$1$1$1$1$1$1 = styled.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) {
|
|
12058
|
+
var $disabled = _ref5.$disabled;
|
|
12059
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12060
|
+
}, function (_ref6) {
|
|
12061
|
+
var $width = _ref6.$width;
|
|
12062
|
+
return $width ? $width : '100%';
|
|
12063
|
+
}, function (_ref7) {
|
|
12064
|
+
var $selectHeight = _ref7.$selectHeight;
|
|
12065
|
+
return $selectHeight || 'auto';
|
|
12066
|
+
}, function (_ref8) {
|
|
12067
|
+
var $borderRadius = _ref8.$borderRadius;
|
|
12068
|
+
return $borderRadius || '8px';
|
|
12069
|
+
}, function (_ref9) {
|
|
12070
|
+
var $border = _ref9.$border;
|
|
12071
|
+
return $border || "1px solid " + colorVariables$1$1$1$1$1.border.light;
|
|
12072
|
+
}, function (_ref10) {
|
|
12073
|
+
var $size = _ref10.$size;
|
|
12074
|
+
switch ($size) {
|
|
12075
|
+
case 'small':
|
|
12076
|
+
return '9px 12px';
|
|
12077
|
+
case 'large':
|
|
12078
|
+
return '24px 12px';
|
|
12079
|
+
default:
|
|
12080
|
+
return '13px 12px';
|
|
12081
|
+
}
|
|
12082
|
+
}, function (_ref11) {
|
|
12083
|
+
var $background = _ref11.$background,
|
|
12084
|
+
$disabled = _ref11.$disabled;
|
|
12085
|
+
return $disabled ? colorVariables$1$1$1$1$1.border.light : $background || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
12086
|
+
}, function (_ref12) {
|
|
12087
|
+
var $size = _ref12.$size;
|
|
12088
|
+
switch ($size) {
|
|
12089
|
+
case 'small':
|
|
12090
|
+
return '12px';
|
|
12091
|
+
case 'large':
|
|
12092
|
+
return '16px';
|
|
12093
|
+
default:
|
|
12094
|
+
return '14px';
|
|
12095
|
+
}
|
|
12096
|
+
}, function (_ref13) {
|
|
12097
|
+
var $size = _ref13.$size;
|
|
12098
|
+
switch ($size) {
|
|
12099
|
+
case 'small':
|
|
12100
|
+
return '12px';
|
|
12101
|
+
case 'large':
|
|
12102
|
+
return '16px';
|
|
12103
|
+
default:
|
|
12104
|
+
return '14px';
|
|
12105
|
+
}
|
|
12106
|
+
});
|
|
12107
|
+
var Options$1$1$1$1$1 = styled.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) {
|
|
12108
|
+
var $optionColor = _ref14.$optionColor,
|
|
12109
|
+
$optionSelected = _ref14.$optionSelected;
|
|
12110
|
+
return $optionSelected ? colorVariables$1$1$1$1$1.text.white : $optionColor || colorVariables$1$1$1$1$1.text.medium;
|
|
12111
|
+
}, function (_ref15) {
|
|
12112
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
12113
|
+
return $optionFontSize || '14px';
|
|
12114
|
+
}, function (_ref16) {
|
|
12115
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
12116
|
+
return $optionFontWeight || 400;
|
|
12117
|
+
}, function (_ref17) {
|
|
12118
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
12119
|
+
$optionSelected = _ref17.$optionSelected;
|
|
12120
|
+
return $optionSelected ? colorVariables$1$1$1$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1$1$1$1["default"].tertiary;
|
|
12121
|
+
}, colorVariables$1$1$1$1$1.hover.primary, colorVariables$1$1$1$1$1.text.white);
|
|
12122
|
+
var LabelText$1$1$1$1$1$1 = styled.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) {
|
|
12123
|
+
var $size = _ref18.$size;
|
|
12124
|
+
switch ($size) {
|
|
12125
|
+
case 'small':
|
|
12126
|
+
return '14px';
|
|
12127
|
+
case 'large':
|
|
12128
|
+
return '16px';
|
|
12129
|
+
default:
|
|
12130
|
+
return '14px';
|
|
12131
|
+
}
|
|
12132
|
+
}, function (_ref19) {
|
|
12133
|
+
var $size = _ref19.$size;
|
|
12134
|
+
switch ($size) {
|
|
12135
|
+
case 'small':
|
|
12136
|
+
return '12px';
|
|
12137
|
+
case 'large':
|
|
12138
|
+
return '16px';
|
|
12139
|
+
default:
|
|
12140
|
+
return '14px';
|
|
12141
|
+
}
|
|
12142
|
+
}, function (_ref20) {
|
|
12143
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
12144
|
+
return $fontStyle || '';
|
|
12145
|
+
}, function (_ref21) {
|
|
12146
|
+
var $color = _ref21.$color,
|
|
12147
|
+
$disabled = _ref21.$disabled;
|
|
12148
|
+
return $disabled ? colorVariables$1$1$1$1$1.text.medium : $color || colorVariables$1$1$1$1$1.text.medium;
|
|
12149
|
+
});
|
|
12150
|
+
var NoOptions$1$1$1$1$1 = styled(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"])));
|
|
12151
|
+
var DropdownMenu$1$1$1$1$1$1 = styled.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) {
|
|
12152
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
12153
|
+
return $optionsBorderRadius || '8px';
|
|
12154
|
+
}, function (_ref23) {
|
|
12155
|
+
var $width = _ref23.$width;
|
|
12156
|
+
return $width ? $width : 'max-content';
|
|
12157
|
+
}, function (_ref24) {
|
|
12158
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
12159
|
+
return $menuBackground || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
12160
|
+
}, function (_ref25) {
|
|
12161
|
+
var $top = _ref25.$top;
|
|
12162
|
+
return $top && "top: " + $top + ";";
|
|
12163
|
+
}, function (_ref26) {
|
|
12164
|
+
var $bottom = _ref26.$bottom;
|
|
12165
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
12166
|
+
});
|
|
12167
|
+
var OptionsWrapper$1$1$1$1$1 = styled.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"])));
|
|
12168
|
+
var SearchContainer$1$1$1$1$1$1 = styled.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) {
|
|
12169
|
+
var $background = _ref27.$background;
|
|
12170
|
+
return $background || colorVariables$1$1$1$1$1.accent.extraLight;
|
|
12171
|
+
}, function (_ref28) {
|
|
12172
|
+
var $border = _ref28.$border;
|
|
12173
|
+
return $border || 'none';
|
|
12174
|
+
}, colorVariables$1$1$1$1$1.border.light, function (_ref29) {
|
|
12175
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
12176
|
+
return $borderRadius || '8px 8px 0 0';
|
|
12177
|
+
});
|
|
12178
|
+
var SearchBar$1$1$1$1$1$1 = styled.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) {
|
|
12179
|
+
var $inputColor = _ref30.$inputColor;
|
|
12180
|
+
return $inputColor || colorVariables$1$1$1$1$1.text.medium;
|
|
12181
|
+
}, function (_ref31) {
|
|
12182
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
12183
|
+
return $placeholderColor || colorVariables$1$1$1$1$1.text.light;
|
|
12184
|
+
});
|
|
12185
|
+
var _templateObject$c$1$1$1$1$1, _templateObject2$9$1$1$1$1$1;
|
|
12186
|
+
var ModalOverlay$1$1$1$1$1 = styled.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"])));
|
|
12187
|
+
var ModalContainer$1$1$1$1$1 = styled.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) {
|
|
12188
|
+
var maxWidth = _ref.maxWidth;
|
|
12189
|
+
return maxWidth ? maxWidth : '400px';
|
|
12190
|
+
});
|
|
12191
|
+
var _templateObject$d$1$1$1$1$1, _templateObject2$a$1$1$1$1$1;
|
|
12192
|
+
var SearchContainer$2$1$1$1$1$1 = styled.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) {
|
|
12193
|
+
var $background = _ref.$background;
|
|
12194
|
+
return $background || colorVariables$1$1$1$1$1["default"].tertiary;
|
|
12195
|
+
}, function (_ref2) {
|
|
12196
|
+
var $border = _ref2.$border;
|
|
12197
|
+
return $border || 'none';
|
|
12198
|
+
}, function (_ref3) {
|
|
12199
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
12200
|
+
return $borderRadius || '8px';
|
|
12201
|
+
});
|
|
12202
|
+
var SearchBar$2$1$1$1$1$1 = styled.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) {
|
|
12203
|
+
var $inputColor = _ref4.$inputColor;
|
|
12204
|
+
return $inputColor || colorVariables$1$1$1$1$1.text.medium;
|
|
12205
|
+
}, function (_ref5) {
|
|
12206
|
+
var $placeholderColor = _ref5.$placeholderColor;
|
|
12207
|
+
return $placeholderColor || colorVariables$1$1$1$1$1.text.light;
|
|
12208
|
+
});
|
|
12209
|
+
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;
|
|
12210
|
+
var Container$3$1$1$1$1$1 = styled.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) {
|
|
12211
|
+
var $padding = _ref.$padding;
|
|
12212
|
+
return $padding;
|
|
12213
|
+
});
|
|
12214
|
+
var Label = styled.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) {
|
|
12215
|
+
var $size = _ref2.$size;
|
|
12216
|
+
switch ($size) {
|
|
12217
|
+
case 'small':
|
|
12218
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
12219
|
+
case 'medium':
|
|
12220
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12221
|
+
case 'large':
|
|
12222
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
12223
|
+
default:
|
|
12224
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12225
|
+
}
|
|
12226
|
+
}, function (_ref3) {
|
|
12227
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12228
|
+
switch ($titlecolor) {
|
|
12229
|
+
case 'dark':
|
|
12230
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12231
|
+
case 'medium':
|
|
12232
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12233
|
+
case 'light':
|
|
12234
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12235
|
+
case 'white':
|
|
12236
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12237
|
+
case 'warning':
|
|
12238
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12239
|
+
case 'info':
|
|
12240
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12241
|
+
case 'success':
|
|
12242
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12243
|
+
case 'error':
|
|
12244
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12245
|
+
default:
|
|
12246
|
+
return $titlecolor;
|
|
12247
|
+
}
|
|
12248
|
+
});
|
|
12249
|
+
var Input = styled.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) {
|
|
12250
|
+
var $disabled = _ref4.$disabled;
|
|
12251
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12252
|
+
}, function (_ref5) {
|
|
12253
|
+
var $disabled = _ref5.$disabled,
|
|
12254
|
+
$background = _ref5.$background;
|
|
12255
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
12256
|
+
}, function (_ref6) {
|
|
12257
|
+
var $color = _ref6.$color;
|
|
12258
|
+
return $color;
|
|
12259
|
+
}, function (_ref7) {
|
|
12260
|
+
var $size = _ref7.$size;
|
|
12261
|
+
switch ($size) {
|
|
12262
|
+
case 'small':
|
|
12263
|
+
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
12264
|
+
case 'medium':
|
|
12265
|
+
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
12266
|
+
case 'large':
|
|
12267
|
+
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
12268
|
+
default:
|
|
12269
|
+
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
12270
|
+
}
|
|
12271
|
+
}, function (_ref8) {
|
|
12272
|
+
var $color = _ref8.$color;
|
|
12273
|
+
switch ($color) {
|
|
12274
|
+
case 'dark':
|
|
12275
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12276
|
+
case 'medium':
|
|
12277
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12278
|
+
case 'light':
|
|
12279
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12280
|
+
case 'white':
|
|
12281
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12282
|
+
case 'warning':
|
|
12283
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12284
|
+
case 'info':
|
|
12285
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12286
|
+
case 'success':
|
|
12287
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12288
|
+
case 'error':
|
|
12289
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12290
|
+
default:
|
|
12291
|
+
return $color;
|
|
12292
|
+
}
|
|
12293
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
12294
|
+
var InputWrapper$1$1$1$1$1$1 = styled.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"])));
|
|
12295
|
+
var IconWrapper$1$1$1$1$1$1 = styled.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) {
|
|
12296
|
+
var $disabled = _ref9.$disabled;
|
|
12297
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12298
|
+
});
|
|
12299
|
+
var Asterisk$1$1$1$1$1$1 = styled.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);
|
|
12300
|
+
var _templateObject$f, _templateObject2$c, _templateObject3$8;
|
|
12301
|
+
var Container$4 = styled.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) {
|
|
12302
|
+
var $padding = _ref.$padding;
|
|
12303
|
+
return $padding;
|
|
12304
|
+
});
|
|
12305
|
+
var Label$1 = styled.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) {
|
|
12306
|
+
var $size = _ref2.$size;
|
|
12307
|
+
switch ($size) {
|
|
12308
|
+
case 'small':
|
|
12309
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
12310
|
+
case 'medium':
|
|
12311
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12312
|
+
case 'large':
|
|
12313
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
12314
|
+
default:
|
|
12315
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12316
|
+
}
|
|
12317
|
+
}, function (_ref3) {
|
|
12318
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12319
|
+
return $titlecolor || colorVariables$1$1$1$1$1.text.dark;
|
|
12320
|
+
});
|
|
12321
|
+
var TextAreaComponent = styled.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) {
|
|
12322
|
+
var $disabled = _ref4.$disabled;
|
|
12323
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12324
|
+
}, function (_ref5) {
|
|
12325
|
+
var $disabled = _ref5.$disabled,
|
|
12326
|
+
$background = _ref5.$background;
|
|
12327
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
12328
|
+
}, function (_ref6) {
|
|
12329
|
+
var $color = _ref6.$color;
|
|
12330
|
+
return $color;
|
|
12331
|
+
}, function (_ref7) {
|
|
12332
|
+
var $size = _ref7.$size;
|
|
12333
|
+
switch ($size) {
|
|
12334
|
+
case 'small':
|
|
12335
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
12336
|
+
case 'medium':
|
|
12337
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
12338
|
+
case 'large':
|
|
12339
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
12340
|
+
default:
|
|
12341
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
12342
|
+
}
|
|
12343
|
+
}, function (_ref8) {
|
|
12344
|
+
var $color = _ref8.$color;
|
|
12345
|
+
return $color || colorVariables$1$1$1$1$1.text.dark;
|
|
12346
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
12347
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$9, _templateObject4$6, _templateObject5$6, _templateObject6$6, _templateObject7$3$1$1$1$1$1;
|
|
12348
|
+
var OptionContainer$1$1$1$1$1$1 = styled.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);
|
|
12349
|
+
var OptionItem$1$1$1$1$1$1 = styled.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) {
|
|
12350
|
+
var $optionSelected = _ref.$optionSelected;
|
|
12351
|
+
return $optionSelected ? colorVariables$1$1$1$1$1.text.white : colorVariables$1$1$1$1$1.text.medium;
|
|
12352
|
+
}, function (_ref2) {
|
|
12353
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
12354
|
+
return $optionSelected ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1.text.white;
|
|
12355
|
+
}, colorVariables$1$1$1$1$1.hover.primary, colorVariables$1$1$1$1$1.text.white);
|
|
12356
|
+
var TotalOptionsHeader = styled.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);
|
|
12357
|
+
var OptionLabel$1$1$1$1$1$1 = styled.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"])));
|
|
12358
|
+
var SearchContainer$3$1$1$1$1$1 = styled.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) {
|
|
12359
|
+
var $background = _ref3.$background;
|
|
12360
|
+
switch ($background) {
|
|
12361
|
+
case 'dark':
|
|
12362
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12363
|
+
case 'medium':
|
|
12364
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12365
|
+
case 'light':
|
|
12366
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12367
|
+
case 'white':
|
|
12368
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12369
|
+
case 'warning':
|
|
12370
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12371
|
+
case 'info':
|
|
12372
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12373
|
+
case 'success':
|
|
12374
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12375
|
+
case 'error':
|
|
12376
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12377
|
+
default:
|
|
12378
|
+
return $background;
|
|
12379
|
+
}
|
|
12380
|
+
}, function (_ref4) {
|
|
12381
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
12382
|
+
return $borderBottom || 'none';
|
|
12383
|
+
}, function (_ref5) {
|
|
12384
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
12385
|
+
return $borderRadius || '8px';
|
|
12386
|
+
});
|
|
12387
|
+
var SearchBar$3$1$1$1$1$1 = styled.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) {
|
|
12388
|
+
var $inputColor = _ref6.$inputColor;
|
|
12389
|
+
switch ($inputColor) {
|
|
12390
|
+
case 'dark':
|
|
12391
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12392
|
+
case 'medium':
|
|
12393
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12394
|
+
case 'light':
|
|
12395
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12396
|
+
case 'white':
|
|
12397
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12398
|
+
case 'warning':
|
|
12399
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12400
|
+
case 'info':
|
|
12401
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12402
|
+
case 'success':
|
|
12403
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12404
|
+
case 'error':
|
|
12405
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12406
|
+
default:
|
|
12407
|
+
return $inputColor;
|
|
12408
|
+
}
|
|
12409
|
+
}, function (_ref7) {
|
|
12410
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
12411
|
+
switch ($placeholderColor) {
|
|
12412
|
+
case 'dark':
|
|
12413
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12414
|
+
case 'medium':
|
|
12415
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12416
|
+
case 'light':
|
|
12417
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12418
|
+
case 'white':
|
|
12419
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12420
|
+
case 'warning':
|
|
12421
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12422
|
+
case 'info':
|
|
12423
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12424
|
+
case 'success':
|
|
12425
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12426
|
+
case 'error':
|
|
12427
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12428
|
+
default:
|
|
12429
|
+
return $placeholderColor;
|
|
12430
|
+
}
|
|
12431
|
+
});
|
|
12432
|
+
var OptionsWrapper$1$1$1$1$1$1 = styled.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);
|
|
12433
|
+
var _templateObject$h, _templateObject2$e, _templateObject3$a, _templateObject4$7;
|
|
12434
|
+
var spin$1$1$1$1$1$1 = keyframes(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
12435
|
+
var getDotPosition = function getDotPosition(index, size) {
|
|
12436
|
+
var angle = index * 360 / 8;
|
|
12437
|
+
var radius = size / 2.5;
|
|
12438
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
12439
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
12440
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
12441
|
+
};
|
|
12442
|
+
var SpinnerContainer = styled.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) {
|
|
12443
|
+
var $size = _ref.$size;
|
|
12444
|
+
return $size;
|
|
12445
|
+
}, function (_ref2) {
|
|
12446
|
+
var $size = _ref2.$size;
|
|
12447
|
+
return $size;
|
|
12448
|
+
});
|
|
12449
|
+
var Dot = styled.div.attrs(function (_ref3) {
|
|
12450
|
+
var $index = _ref3.$index,
|
|
12451
|
+
$size = _ref3.$size;
|
|
12452
|
+
return {
|
|
12453
|
+
style: {
|
|
12454
|
+
transform: getDotPosition($index, $size)
|
|
12455
|
+
}
|
|
12456
|
+
};
|
|
12457
|
+
})(_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) {
|
|
12458
|
+
var $dotSize = _ref4.$dotSize;
|
|
12459
|
+
return $dotSize;
|
|
12460
|
+
}, function (_ref5) {
|
|
12461
|
+
var $dotSize = _ref5.$dotSize;
|
|
12462
|
+
return $dotSize;
|
|
12463
|
+
}, function (_ref6) {
|
|
12464
|
+
var $color = _ref6.$color;
|
|
12465
|
+
return $color;
|
|
12466
|
+
}, spin$1$1$1$1$1$1, function (_ref7) {
|
|
12467
|
+
var $speed = _ref7.$speed;
|
|
12468
|
+
return $speed;
|
|
12469
|
+
}, function (_ref8) {
|
|
12470
|
+
var $index = _ref8.$index,
|
|
12471
|
+
$speed = _ref8.$speed;
|
|
12472
|
+
return $index * $speed / 8;
|
|
12473
|
+
});
|
|
12474
|
+
var SpinnerWrapper = styled.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"])));
|
|
12475
|
+
var _templateObject$i, _templateObject2$f;
|
|
12476
|
+
var spin$2 = keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
12477
|
+
var Spinner$1$1$1$1$1$1 = styled.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) {
|
|
12478
|
+
var $size = _ref.$size;
|
|
12479
|
+
return $size;
|
|
12480
|
+
}, function (_ref2) {
|
|
12481
|
+
var $size = _ref2.$size;
|
|
12482
|
+
return $size;
|
|
12483
|
+
}, function (_ref3) {
|
|
12484
|
+
var $color = _ref3.$color;
|
|
12485
|
+
return $color;
|
|
12486
|
+
}, spin$2);
|
|
12487
|
+
var _templateObject$j;
|
|
12488
|
+
var PageInput = styled.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);
|
|
12489
|
+
var _templateObject$k, _templateObject2$g, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$7;
|
|
12490
|
+
var SidebarContainer = styled.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) {
|
|
12491
|
+
var $isExpanded = _ref.$isExpanded;
|
|
12492
|
+
return $isExpanded ? '225px' : '68px';
|
|
12493
|
+
}, function (_ref2) {
|
|
12494
|
+
var $background = _ref2.$background;
|
|
12495
|
+
return $background ? $background : colorVariables$1$1$1$1$1.accent.softBlue;
|
|
12496
|
+
});
|
|
12497
|
+
var SidebarItem = styled(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);
|
|
12498
|
+
var ContentWrapper = styled.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"])));
|
|
12499
|
+
var IconWrapper$2 = styled.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) {
|
|
12500
|
+
var $selected = _ref3.$selected;
|
|
12501
|
+
return $selected ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1["default"].tertiary;
|
|
12502
|
+
});
|
|
12503
|
+
var Logo = styled.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"])));
|
|
12504
|
+
var TextContainer = styled.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) {
|
|
12505
|
+
var $padding = _ref4.$padding;
|
|
12506
|
+
return $padding;
|
|
12507
|
+
}, function (_ref5) {
|
|
12508
|
+
var $fontSize = _ref5.$fontSize;
|
|
12509
|
+
return $fontSize ? $fontSize : '20px';
|
|
12510
|
+
}, function (_ref6) {
|
|
12511
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
12512
|
+
return $fontWeight ? $fontWeight : '500';
|
|
12513
|
+
}, function (_ref7) {
|
|
12514
|
+
var $color = _ref7.$color;
|
|
12515
|
+
return $color ? $color : colorVariables$1$1$1$1$1["default"].primary;
|
|
12516
|
+
}, function (_ref8) {
|
|
12517
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
12518
|
+
return $isExpanded ? 1 : 0;
|
|
12519
|
+
}, function (_ref9) {
|
|
12520
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
12521
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
12522
|
+
});
|
|
12523
|
+
var _templateObject$l, _templateObject2$h, _templateObject3$c, _templateObject4$9;
|
|
12524
|
+
var ContainerWrapper = styled.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) {
|
|
12525
|
+
return props.$width || 'auto';
|
|
12526
|
+
}, function (_ref) {
|
|
12527
|
+
var $minHeight = _ref.$minHeight;
|
|
12528
|
+
return $minHeight;
|
|
12529
|
+
});
|
|
12530
|
+
var CellContainer = styled.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) {
|
|
12531
|
+
return props.$align;
|
|
12532
|
+
}, function (props) {
|
|
12533
|
+
return props.$width || 'auto';
|
|
12534
|
+
}, function (props) {
|
|
12535
|
+
return props.$minWidth;
|
|
12536
|
+
}, function (props) {
|
|
12537
|
+
return props.$background || 'inherit';
|
|
12538
|
+
}, function (props) {
|
|
12539
|
+
return props.$padding;
|
|
12540
|
+
});
|
|
12541
|
+
var MainText = styled.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) {
|
|
12542
|
+
return props.$mtc;
|
|
12543
|
+
}, function (props) {
|
|
12544
|
+
return props.$mtfs;
|
|
12545
|
+
}, function (props) {
|
|
12546
|
+
return props.$mtw;
|
|
12547
|
+
});
|
|
12548
|
+
var SubText = styled.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) {
|
|
12549
|
+
return props.$stc;
|
|
12550
|
+
}, function (props) {
|
|
12551
|
+
return props.$stfs;
|
|
12552
|
+
}, function (props) {
|
|
12553
|
+
return props.$stw;
|
|
12554
|
+
});
|
|
12555
|
+
var _templateObject$m;
|
|
12556
|
+
var TableRowContainer = styled$1.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"])));
|
|
12557
|
+
var _templateObject$n, _templateObject2$i, _templateObject3$d, _templateObject4$a, _templateObject5$8;
|
|
12558
|
+
var TableContainer = styled.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);
|
|
12559
|
+
var TableHeader = styled.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) {
|
|
12560
|
+
return props.$hbcolor || 'transparent';
|
|
12561
|
+
}, function (props) {
|
|
12562
|
+
return props.$tcolor || 'white';
|
|
12563
|
+
});
|
|
12564
|
+
var TableContent = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose$1$1$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
12565
|
+
var TableData = styled.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"])));
|
|
12566
|
+
var Divider = styled.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);
|
|
12567
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$e, _templateObject4$b, _templateObject5$9;
|
|
12568
|
+
var Container$5 = styled.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) {
|
|
12569
|
+
var $border = _ref.$border;
|
|
12570
|
+
return $border;
|
|
12571
|
+
});
|
|
12572
|
+
var FirstContainer = styled.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) {
|
|
12573
|
+
var $headerPadding = _ref2.$headerPadding;
|
|
12574
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
12575
|
+
});
|
|
12576
|
+
var TabContainer = styled.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) {
|
|
12577
|
+
var $disabled = _ref3.$disabled;
|
|
12578
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12579
|
+
}, function (_ref4) {
|
|
12580
|
+
var $disabled = _ref4.$disabled;
|
|
12581
|
+
return $disabled ? '0.6' : '1';
|
|
12582
|
+
}, colorVariables$1$1$1$1$1.text.medium, function (_ref5) {
|
|
12583
|
+
var $headerHeight = _ref5.$headerHeight;
|
|
12584
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12585
|
+
}, function (_ref6) {
|
|
12586
|
+
var $disabled = _ref6.$disabled;
|
|
12587
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12588
|
+
});
|
|
12589
|
+
var TabItemContainer = styled.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) {
|
|
12590
|
+
var $headerHeight = _ref7.$headerHeight;
|
|
12591
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12592
|
+
}, function (props) {
|
|
12593
|
+
return props.$active ? 'block' : 'none';
|
|
12594
|
+
}, colorVariables$1$1$1$1$1["default"].primary);
|
|
12595
|
+
var DetailsFirstContainer = styled.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) {
|
|
12596
|
+
return props.$active ? colorVariables$1$1$1$1$1["default"].primary : colorVariables$1$1$1$1$1.text.medium;
|
|
12597
|
+
});
|
|
12598
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$8;
|
|
12599
|
+
var Container$6 = styled.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) {
|
|
12600
|
+
var $padding = _ref.$padding;
|
|
12601
|
+
return $padding;
|
|
12602
|
+
});
|
|
12603
|
+
var Label$2 = styled.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) {
|
|
12604
|
+
var $size = _ref2.$size;
|
|
12605
|
+
switch ($size) {
|
|
12606
|
+
case 'small':
|
|
12607
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
12608
|
+
case 'medium':
|
|
12609
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12610
|
+
case 'large':
|
|
12611
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
12612
|
+
default:
|
|
12613
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
12614
|
+
}
|
|
12615
|
+
}, function (_ref3) {
|
|
12616
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12617
|
+
switch ($titlecolor) {
|
|
12618
|
+
case 'dark':
|
|
12619
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12620
|
+
case 'medium':
|
|
12621
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12622
|
+
case 'light':
|
|
12623
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12624
|
+
case 'white':
|
|
12625
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12626
|
+
case 'warning':
|
|
12627
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12628
|
+
case 'info':
|
|
12629
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12630
|
+
case 'success':
|
|
12631
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12632
|
+
case 'error':
|
|
12633
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12634
|
+
default:
|
|
12635
|
+
return $titlecolor;
|
|
12636
|
+
}
|
|
12637
|
+
});
|
|
12638
|
+
var Input$1 = styled.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) {
|
|
12639
|
+
var $disabled = _ref4.$disabled;
|
|
12640
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12641
|
+
}, function (_ref5) {
|
|
12642
|
+
var $disabled = _ref5.$disabled,
|
|
12643
|
+
$background = _ref5.$background;
|
|
12644
|
+
return $disabled ? colorVariables$1$1$1$1$1.disabled.secondary : $background;
|
|
12645
|
+
}, function (_ref6) {
|
|
12646
|
+
var $color = _ref6.$color;
|
|
12647
|
+
return $color;
|
|
12648
|
+
}, function (_ref7) {
|
|
12649
|
+
var $disabled = _ref7.$disabled;
|
|
12650
|
+
return $disabled ? 'none' : 'auto';
|
|
12651
|
+
}, function (_ref8) {
|
|
12652
|
+
var $size = _ref8.$size;
|
|
12653
|
+
switch ($size) {
|
|
12654
|
+
case 'small':
|
|
12655
|
+
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
12656
|
+
case 'medium':
|
|
12657
|
+
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
12658
|
+
case 'large':
|
|
12659
|
+
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
12660
|
+
default:
|
|
12661
|
+
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
12662
|
+
}
|
|
12663
|
+
}, function (_ref9) {
|
|
12664
|
+
var $color = _ref9.$color;
|
|
12665
|
+
switch ($color) {
|
|
12666
|
+
case 'dark':
|
|
12667
|
+
return colorVariables$1$1$1$1$1.text.dark;
|
|
12668
|
+
case 'medium':
|
|
12669
|
+
return colorVariables$1$1$1$1$1.text.medium;
|
|
12670
|
+
case 'light':
|
|
12671
|
+
return colorVariables$1$1$1$1$1.text.light;
|
|
12672
|
+
case 'white':
|
|
12673
|
+
return colorVariables$1$1$1$1$1.text.white;
|
|
12674
|
+
case 'warning':
|
|
12675
|
+
return colorVariables$1$1$1$1$1["default"].warning;
|
|
12676
|
+
case 'info':
|
|
12677
|
+
return colorVariables$1$1$1$1$1["default"].info;
|
|
12678
|
+
case 'success':
|
|
12679
|
+
return colorVariables$1$1$1$1$1["default"].success;
|
|
12680
|
+
case 'error':
|
|
12681
|
+
return colorVariables$1$1$1$1$1["default"].error;
|
|
12682
|
+
default:
|
|
12683
|
+
return $color;
|
|
12684
|
+
}
|
|
12685
|
+
}, colorVariables$1$1$1$1$1.text.light);
|
|
12686
|
+
var InputWrapper$2 = styled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose$1$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
12687
|
+
var IconWrapper$3 = styled.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) {
|
|
12688
|
+
var $disabled = _ref10.$disabled;
|
|
12689
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12690
|
+
});
|
|
12691
|
+
var Asterisk$2 = styled.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);
|
|
12692
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$g;
|
|
12693
|
+
var Container$7 = styled.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) {
|
|
12694
|
+
var $padding = _ref.$padding;
|
|
12695
|
+
return $padding;
|
|
12696
|
+
});
|
|
12697
|
+
var Label$3 = styled.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) {
|
|
12698
|
+
var $size = _ref2.$size;
|
|
12699
|
+
switch ($size) {
|
|
12700
|
+
case 'small':
|
|
12701
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
12702
|
+
case 'medium':
|
|
12703
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12704
|
+
case 'large':
|
|
12705
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
12706
|
+
default:
|
|
12707
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
12708
|
+
}
|
|
12709
|
+
}, function (_ref3) {
|
|
12710
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
12711
|
+
return $titlecolor || colorVariables$1$1$1$1.text.dark;
|
|
12712
|
+
});
|
|
12713
|
+
var TextAreaComponent$1 = styled.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) {
|
|
12714
|
+
var $disabled = _ref4.$disabled;
|
|
12715
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
12716
|
+
}, function (_ref5) {
|
|
12717
|
+
var $disabled = _ref5.$disabled,
|
|
12718
|
+
$background = _ref5.$background;
|
|
12719
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : $background;
|
|
12720
|
+
}, function (_ref6) {
|
|
12721
|
+
var $color = _ref6.$color;
|
|
12722
|
+
return $color;
|
|
12723
|
+
}, function (_ref7) {
|
|
12724
|
+
var $size = _ref7.$size;
|
|
12725
|
+
switch ($size) {
|
|
12726
|
+
case 'small':
|
|
12727
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
12728
|
+
case 'medium':
|
|
12729
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
12730
|
+
case 'large':
|
|
12731
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
12732
|
+
default:
|
|
12733
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
12734
|
+
}
|
|
12735
|
+
}, function (_ref8) {
|
|
12736
|
+
var $color = _ref8.$color;
|
|
12737
|
+
return $color || colorVariables$1$1$1$1.text.dark;
|
|
12738
|
+
}, colorVariables$1$1$1$1.text.light);
|
|
12739
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$9, _templateObject7$4;
|
|
12740
|
+
var OptionContainer$2 = styled.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);
|
|
12741
|
+
var OptionItem$2 = styled.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) {
|
|
12742
|
+
var $optionSelected = _ref.$optionSelected;
|
|
12743
|
+
return $optionSelected ? colorVariables$1$1$1$1.text.white : colorVariables$1$1$1$1.text.medium;
|
|
12744
|
+
}, function (_ref2) {
|
|
12745
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
12746
|
+
return $optionSelected ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1.text.white;
|
|
12747
|
+
}, colorVariables$1$1$1$1.hover.primary, colorVariables$1$1$1$1.text.white);
|
|
12748
|
+
var TotalOptionsHeader$1 = styled.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);
|
|
12749
|
+
var OptionLabel$2 = styled.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"])));
|
|
12750
|
+
var SearchContainer$4 = styled.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) {
|
|
12751
|
+
var $background = _ref3.$background;
|
|
12752
|
+
switch ($background) {
|
|
12753
|
+
case 'dark':
|
|
12754
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
12755
|
+
case 'medium':
|
|
12756
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
12757
|
+
case 'light':
|
|
12758
|
+
return colorVariables$1$1$1$1.text.light;
|
|
12759
|
+
case 'white':
|
|
12760
|
+
return colorVariables$1$1$1$1.text.white;
|
|
12761
|
+
case 'warning':
|
|
12762
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
12763
|
+
case 'info':
|
|
12764
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
12765
|
+
case 'success':
|
|
12766
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
12767
|
+
case 'error':
|
|
12768
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
12769
|
+
default:
|
|
12770
|
+
return $background;
|
|
12771
|
+
}
|
|
12772
|
+
}, function (_ref4) {
|
|
12773
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
12774
|
+
return $borderBottom || 'none';
|
|
12775
|
+
}, function (_ref5) {
|
|
12776
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
12777
|
+
return $borderRadius || '8px';
|
|
12778
|
+
});
|
|
12779
|
+
var SearchBar$4 = styled.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) {
|
|
12780
|
+
var $inputColor = _ref6.$inputColor;
|
|
12781
|
+
switch ($inputColor) {
|
|
12782
|
+
case 'dark':
|
|
12783
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
12784
|
+
case 'medium':
|
|
12785
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
12786
|
+
case 'light':
|
|
12787
|
+
return colorVariables$1$1$1$1.text.light;
|
|
12788
|
+
case 'white':
|
|
12789
|
+
return colorVariables$1$1$1$1.text.white;
|
|
12790
|
+
case 'warning':
|
|
12791
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
12792
|
+
case 'info':
|
|
12793
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
12794
|
+
case 'success':
|
|
12795
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
12796
|
+
case 'error':
|
|
12797
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
12798
|
+
default:
|
|
12799
|
+
return $inputColor;
|
|
12800
|
+
}
|
|
12801
|
+
}, function (_ref7) {
|
|
12802
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
12803
|
+
switch ($placeholderColor) {
|
|
12804
|
+
case 'dark':
|
|
12805
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
12806
|
+
case 'medium':
|
|
12807
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
12808
|
+
case 'light':
|
|
12809
|
+
return colorVariables$1$1$1$1.text.light;
|
|
12810
|
+
case 'white':
|
|
12811
|
+
return colorVariables$1$1$1$1.text.white;
|
|
12812
|
+
case 'warning':
|
|
12813
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
12814
|
+
case 'info':
|
|
12815
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
12816
|
+
case 'success':
|
|
12817
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
12818
|
+
case 'error':
|
|
12819
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
12820
|
+
default:
|
|
12821
|
+
return $placeholderColor;
|
|
12822
|
+
}
|
|
12823
|
+
});
|
|
12824
|
+
var OptionsWrapper$2 = styled.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);
|
|
12825
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$i, _templateObject4$e;
|
|
12826
|
+
var spin$3 = keyframes(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose$1$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
12827
|
+
var getDotPosition$1 = function getDotPosition(index, size) {
|
|
12828
|
+
var angle = index * 360 / 8;
|
|
12829
|
+
var radius = size / 2.5;
|
|
12830
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
12831
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
12832
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
12833
|
+
};
|
|
12834
|
+
var SpinnerContainer$1 = styled.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) {
|
|
12835
|
+
var $size = _ref.$size;
|
|
12836
|
+
return $size;
|
|
12837
|
+
}, function (_ref2) {
|
|
12838
|
+
var $size = _ref2.$size;
|
|
12839
|
+
return $size;
|
|
12840
|
+
});
|
|
12841
|
+
var Dot$1 = styled.div.attrs(function (_ref3) {
|
|
12842
|
+
var $index = _ref3.$index,
|
|
12843
|
+
$size = _ref3.$size;
|
|
12844
|
+
return {
|
|
12845
|
+
style: {
|
|
12846
|
+
transform: getDotPosition$1($index, $size)
|
|
12847
|
+
}
|
|
12848
|
+
};
|
|
12849
|
+
})(_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) {
|
|
12850
|
+
var $dotSize = _ref4.$dotSize;
|
|
12851
|
+
return $dotSize;
|
|
12852
|
+
}, function (_ref5) {
|
|
12853
|
+
var $dotSize = _ref5.$dotSize;
|
|
12854
|
+
return $dotSize;
|
|
12855
|
+
}, function (_ref6) {
|
|
12856
|
+
var $color = _ref6.$color;
|
|
12857
|
+
return $color;
|
|
12858
|
+
}, spin$3, function (_ref7) {
|
|
12859
|
+
var $speed = _ref7.$speed;
|
|
12860
|
+
return $speed;
|
|
12861
|
+
}, function (_ref8) {
|
|
12862
|
+
var $index = _ref8.$index,
|
|
12863
|
+
$speed = _ref8.$speed;
|
|
12864
|
+
return $index * $speed / 8;
|
|
12865
|
+
});
|
|
12866
|
+
var SpinnerWrapper$1 = styled.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"])));
|
|
12867
|
+
var _templateObject$t, _templateObject2$o;
|
|
12868
|
+
var spin$4 = keyframes(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose$1$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
12869
|
+
var Spinner$2 = styled.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) {
|
|
12870
|
+
var $size = _ref.$size;
|
|
12871
|
+
return $size;
|
|
12872
|
+
}, function (_ref2) {
|
|
12873
|
+
var $size = _ref2.$size;
|
|
12874
|
+
return $size;
|
|
12875
|
+
}, function (_ref3) {
|
|
12876
|
+
var $color = _ref3.$color;
|
|
12877
|
+
return $color;
|
|
12878
|
+
}, spin$4);
|
|
12879
|
+
var _templateObject$u;
|
|
12880
|
+
var PageInput$1 = styled.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);
|
|
12881
|
+
var _templateObject$v, _templateObject2$p, _templateObject3$j, _templateObject4$f, _templateObject5$c, _templateObject6$a;
|
|
12882
|
+
var SidebarContainer$1 = styled.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) {
|
|
12883
|
+
var $isExpanded = _ref.$isExpanded;
|
|
12884
|
+
return $isExpanded ? '225px' : '68px';
|
|
12885
|
+
}, function (_ref2) {
|
|
12886
|
+
var $background = _ref2.$background;
|
|
12887
|
+
return $background ? $background : colorVariables$1$1$1$1.accent.softBlue;
|
|
12888
|
+
});
|
|
12889
|
+
var SidebarItem$1 = styled(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);
|
|
12890
|
+
var ContentWrapper$1 = styled.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose$1$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
12891
|
+
var IconWrapper$4 = styled.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) {
|
|
12892
|
+
var $selected = _ref3.$selected;
|
|
12893
|
+
return $selected ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1["default"].tertiary;
|
|
12894
|
+
});
|
|
12895
|
+
var Logo$1 = styled.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"])));
|
|
12896
|
+
var TextContainer$1 = styled.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) {
|
|
12897
|
+
var $padding = _ref4.$padding;
|
|
12898
|
+
return $padding;
|
|
12899
|
+
}, function (_ref5) {
|
|
12900
|
+
var $fontSize = _ref5.$fontSize;
|
|
12901
|
+
return $fontSize ? $fontSize : '20px';
|
|
12902
|
+
}, function (_ref6) {
|
|
12903
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
12904
|
+
return $fontWeight ? $fontWeight : '500';
|
|
12905
|
+
}, function (_ref7) {
|
|
12906
|
+
var $color = _ref7.$color;
|
|
12907
|
+
return $color ? $color : colorVariables$1$1$1$1["default"].primary;
|
|
12908
|
+
}, function (_ref8) {
|
|
12909
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
12910
|
+
return $isExpanded ? 1 : 0;
|
|
12911
|
+
}, function (_ref9) {
|
|
12912
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
12913
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
12914
|
+
});
|
|
12915
|
+
var _templateObject$w, _templateObject2$q, _templateObject3$k, _templateObject4$g;
|
|
12916
|
+
var ContainerWrapper$1 = styled.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) {
|
|
12917
|
+
return props.$width || 'auto';
|
|
12918
|
+
}, function (_ref) {
|
|
12919
|
+
var $minHeight = _ref.$minHeight;
|
|
12920
|
+
return $minHeight;
|
|
12921
|
+
});
|
|
12922
|
+
var CellContainer$1 = styled.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) {
|
|
12923
|
+
return props.$align;
|
|
12924
|
+
}, function (props) {
|
|
12925
|
+
return props.$width || 'auto';
|
|
12926
|
+
}, function (props) {
|
|
12927
|
+
return props.$minWidth;
|
|
12928
|
+
}, function (props) {
|
|
12929
|
+
return props.$background || 'inherit';
|
|
12930
|
+
}, function (props) {
|
|
12931
|
+
return props.$padding;
|
|
12932
|
+
});
|
|
12933
|
+
var MainText$1 = styled.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) {
|
|
12934
|
+
return props.$mtc;
|
|
12935
|
+
}, function (props) {
|
|
12936
|
+
return props.$mtfs;
|
|
12937
|
+
}, function (props) {
|
|
12938
|
+
return props.$mtw;
|
|
12939
|
+
});
|
|
12940
|
+
var SubText$1 = styled.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) {
|
|
12941
|
+
return props.$stc;
|
|
12942
|
+
}, function (props) {
|
|
12943
|
+
return props.$stfs;
|
|
12944
|
+
}, function (props) {
|
|
12945
|
+
return props.$stw;
|
|
12946
|
+
});
|
|
12947
|
+
var _templateObject$x;
|
|
12948
|
+
var TableRowContainer$1 = styled$1.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"])));
|
|
12949
|
+
var _templateObject$y, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$d;
|
|
12950
|
+
var TableContainer$1 = styled.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);
|
|
12951
|
+
var TableHeader$1 = styled.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) {
|
|
12952
|
+
return props.$hbcolor || 'transparent';
|
|
12953
|
+
}, function (props) {
|
|
12954
|
+
return props.$tcolor || 'white';
|
|
12955
|
+
});
|
|
12956
|
+
var TableContent$1 = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose$1$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
12957
|
+
var TableData$1 = styled.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"])));
|
|
12958
|
+
var Divider$1 = styled.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose$1$1$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1$1$1.border.extraLight);
|
|
12959
|
+
var _templateObject$z, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$e;
|
|
12960
|
+
var Container$8 = styled.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) {
|
|
12961
|
+
var $border = _ref.$border;
|
|
12962
|
+
return $border;
|
|
12963
|
+
});
|
|
12964
|
+
var FirstContainer$1 = styled.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) {
|
|
12965
|
+
var $headerPadding = _ref2.$headerPadding;
|
|
12966
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
12967
|
+
});
|
|
12968
|
+
var TabContainer$1 = styled.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) {
|
|
12969
|
+
var $disabled = _ref3.$disabled;
|
|
12970
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12971
|
+
}, function (_ref4) {
|
|
12972
|
+
var $disabled = _ref4.$disabled;
|
|
12973
|
+
return $disabled ? '0.6' : '1';
|
|
12974
|
+
}, colorVariables$1$1$1$1.text.medium, function (_ref5) {
|
|
12975
|
+
var $headerHeight = _ref5.$headerHeight;
|
|
12976
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12977
|
+
}, function (_ref6) {
|
|
12978
|
+
var $disabled = _ref6.$disabled;
|
|
12979
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
12980
|
+
});
|
|
12981
|
+
var TabItemContainer$1 = styled.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) {
|
|
12982
|
+
var $headerHeight = _ref7.$headerHeight;
|
|
12983
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
12984
|
+
}, function (props) {
|
|
12985
|
+
return props.$active ? 'block' : 'none';
|
|
12986
|
+
}, colorVariables$1$1$1$1["default"].primary);
|
|
12987
|
+
var DetailsFirstContainer$1 = styled.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) {
|
|
12988
|
+
return props.$active ? colorVariables$1$1$1$1["default"].primary : colorVariables$1$1$1$1.text.medium;
|
|
12989
|
+
});
|
|
12990
|
+
var _templateObject$A, _templateObject2$t, _templateObject3$n, _templateObject4$j, _templateObject5$f, _templateObject6$b;
|
|
12991
|
+
var Container$9 = styled.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) {
|
|
12992
|
+
var $padding = _ref.$padding;
|
|
12993
|
+
return $padding;
|
|
12994
|
+
});
|
|
12995
|
+
var Label$4 = styled.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) {
|
|
12996
|
+
var $size = _ref2.$size;
|
|
12997
|
+
switch ($size) {
|
|
12998
|
+
case 'small':
|
|
12999
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
13000
|
+
case 'medium':
|
|
13001
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
13002
|
+
case 'large':
|
|
13003
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
13004
|
+
default:
|
|
13005
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
13006
|
+
}
|
|
13007
|
+
}, function (_ref3) {
|
|
13008
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
13009
|
+
switch ($titlecolor) {
|
|
13010
|
+
case 'dark':
|
|
13011
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
13012
|
+
case 'medium':
|
|
13013
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
13014
|
+
case 'light':
|
|
13015
|
+
return colorVariables$1$1$1$1.text.light;
|
|
13016
|
+
case 'white':
|
|
13017
|
+
return colorVariables$1$1$1$1.text.white;
|
|
13018
|
+
case 'warning':
|
|
13019
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
13020
|
+
case 'info':
|
|
13021
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
13022
|
+
case 'success':
|
|
13023
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
13024
|
+
case 'error':
|
|
13025
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
13026
|
+
default:
|
|
13027
|
+
return $titlecolor;
|
|
13028
|
+
}
|
|
13029
|
+
});
|
|
13030
|
+
var Input$2 = styled.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) {
|
|
13031
|
+
var $disabled = _ref4.$disabled;
|
|
13032
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
13033
|
+
}, function (_ref5) {
|
|
13034
|
+
var $disabled = _ref5.$disabled,
|
|
13035
|
+
$background = _ref5.$background;
|
|
13036
|
+
return $disabled ? colorVariables$1$1$1$1.disabled.secondary : $background;
|
|
13037
|
+
}, function (_ref6) {
|
|
13038
|
+
var $color = _ref6.$color;
|
|
13039
|
+
return $color;
|
|
13040
|
+
}, function (_ref7) {
|
|
13041
|
+
var $disabled = _ref7.$disabled;
|
|
13042
|
+
return $disabled ? 'none' : 'auto';
|
|
13043
|
+
}, function (_ref8) {
|
|
13044
|
+
var $size = _ref8.$size;
|
|
13045
|
+
switch ($size) {
|
|
13046
|
+
case 'small':
|
|
13047
|
+
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
13048
|
+
case 'medium':
|
|
13049
|
+
return "\n font-size: 14px;\n padding: 9.5px 12px;\n ";
|
|
13050
|
+
case 'large':
|
|
13051
|
+
return "\n font-size: 16px;\n padding: 9px 14px;\n ";
|
|
13052
|
+
default:
|
|
13053
|
+
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
13054
|
+
}
|
|
13055
|
+
}, function (_ref9) {
|
|
13056
|
+
var $color = _ref9.$color;
|
|
13057
|
+
switch ($color) {
|
|
13058
|
+
case 'dark':
|
|
13059
|
+
return colorVariables$1$1$1$1.text.dark;
|
|
13060
|
+
case 'medium':
|
|
13061
|
+
return colorVariables$1$1$1$1.text.medium;
|
|
13062
|
+
case 'light':
|
|
13063
|
+
return colorVariables$1$1$1$1.text.light;
|
|
13064
|
+
case 'white':
|
|
13065
|
+
return colorVariables$1$1$1$1.text.white;
|
|
13066
|
+
case 'warning':
|
|
13067
|
+
return colorVariables$1$1$1$1["default"].warning;
|
|
13068
|
+
case 'info':
|
|
13069
|
+
return colorVariables$1$1$1$1["default"].info;
|
|
13070
|
+
case 'success':
|
|
13071
|
+
return colorVariables$1$1$1$1["default"].success;
|
|
13072
|
+
case 'error':
|
|
13073
|
+
return colorVariables$1$1$1$1["default"].error;
|
|
13074
|
+
default:
|
|
13075
|
+
return $color;
|
|
13076
|
+
}
|
|
13077
|
+
}, colorVariables$1$1$1$1.text.light);
|
|
13078
|
+
var InputWrapper$3 = styled.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
13079
|
+
var IconWrapper$5 = styled.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) {
|
|
13080
|
+
var $disabled = _ref10.$disabled;
|
|
13081
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
13082
|
+
});
|
|
13083
|
+
var Asterisk$3 = styled.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);
|
|
13084
|
+
var _templateObject$B, _templateObject2$u, _templateObject3$o;
|
|
13085
|
+
var Container$a = styled.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) {
|
|
13086
|
+
var $padding = _ref.$padding;
|
|
13087
|
+
return $padding;
|
|
13088
|
+
});
|
|
13089
|
+
var Label$5 = styled.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) {
|
|
13090
|
+
var $size = _ref2.$size;
|
|
13091
|
+
switch ($size) {
|
|
13092
|
+
case 'small':
|
|
13093
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
13094
|
+
case 'medium':
|
|
13095
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
13096
|
+
case 'large':
|
|
13097
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
13098
|
+
default:
|
|
13099
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
13100
|
+
}
|
|
13101
|
+
}, function (_ref3) {
|
|
13102
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
13103
|
+
return $titlecolor || colorVariables$1$1$1.text.dark;
|
|
13104
|
+
});
|
|
13105
|
+
var TextAreaComponent$2 = styled.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) {
|
|
13106
|
+
var $disabled = _ref4.$disabled;
|
|
13107
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
13108
|
+
}, function (_ref5) {
|
|
13109
|
+
var $disabled = _ref5.$disabled,
|
|
13110
|
+
$background = _ref5.$background;
|
|
13111
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
13112
|
+
}, function (_ref6) {
|
|
13113
|
+
var $color = _ref6.$color;
|
|
13114
|
+
return $color;
|
|
13115
|
+
}, function (_ref7) {
|
|
13116
|
+
var $size = _ref7.$size;
|
|
13117
|
+
switch ($size) {
|
|
13118
|
+
case 'small':
|
|
13119
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
13120
|
+
case 'medium':
|
|
13121
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
13122
|
+
case 'large':
|
|
10452
13123
|
return 'font-size: 16px; padding: 9px 14px;';
|
|
10453
13124
|
default:
|
|
10454
13125
|
return 'font-size: 14px; padding: 7px 12px;';
|
|
@@ -10457,18 +13128,18 @@ var TextAreaComponent = styled.textarea(_templateObject3$8 || (_templateObject3$
|
|
|
10457
13128
|
var $color = _ref8.$color;
|
|
10458
13129
|
return $color || colorVariables$1$1$1.text.dark;
|
|
10459
13130
|
}, colorVariables$1$1$1.text.light);
|
|
10460
|
-
var _templateObject$
|
|
10461
|
-
var OptionContainer$
|
|
10462
|
-
var OptionItem$
|
|
13131
|
+
var _templateObject$C, _templateObject2$v, _templateObject3$p, _templateObject4$k, _templateObject5$g, _templateObject6$c, _templateObject7$5;
|
|
13132
|
+
var OptionContainer$3 = styled.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);
|
|
13133
|
+
var OptionItem$3 = styled.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) {
|
|
10463
13134
|
var $optionSelected = _ref.$optionSelected;
|
|
10464
13135
|
return $optionSelected ? colorVariables$1$1$1.text.white : colorVariables$1$1$1.text.medium;
|
|
10465
13136
|
}, function (_ref2) {
|
|
10466
13137
|
var $optionSelected = _ref2.$optionSelected;
|
|
10467
13138
|
return $optionSelected ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.white;
|
|
10468
13139
|
}, colorVariables$1$1$1.hover.primary, colorVariables$1$1$1.text.white);
|
|
10469
|
-
var TotalOptionsHeader = styled.div(_templateObject3$
|
|
10470
|
-
var OptionLabel$
|
|
10471
|
-
var SearchContainer$
|
|
13140
|
+
var TotalOptionsHeader$2 = styled.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);
|
|
13141
|
+
var OptionLabel$3 = styled.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"])));
|
|
13142
|
+
var SearchContainer$5 = styled.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) {
|
|
10472
13143
|
var $background = _ref3.$background;
|
|
10473
13144
|
switch ($background) {
|
|
10474
13145
|
case 'dark':
|
|
@@ -10497,7 +13168,7 @@ var SearchContainer$3$1$1$1 = styled.div(_templateObject5$6 || (_templateObject5
|
|
|
10497
13168
|
var $borderRadius = _ref5.$borderRadius;
|
|
10498
13169
|
return $borderRadius || '8px';
|
|
10499
13170
|
});
|
|
10500
|
-
var SearchBar$
|
|
13171
|
+
var SearchBar$5 = styled.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) {
|
|
10501
13172
|
var $inputColor = _ref6.$inputColor;
|
|
10502
13173
|
switch ($inputColor) {
|
|
10503
13174
|
case 'dark':
|
|
@@ -10542,32 +13213,32 @@ var SearchBar$3$1$1$1 = styled.input(_templateObject6$6 || (_templateObject6$6 =
|
|
|
10542
13213
|
return $placeholderColor;
|
|
10543
13214
|
}
|
|
10544
13215
|
});
|
|
10545
|
-
var OptionsWrapper$
|
|
10546
|
-
var _templateObject$
|
|
10547
|
-
var spin$
|
|
10548
|
-
var getDotPosition = function getDotPosition(index, size) {
|
|
13216
|
+
var OptionsWrapper$3 = styled.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);
|
|
13217
|
+
var _templateObject$D, _templateObject2$w, _templateObject3$q, _templateObject4$l;
|
|
13218
|
+
var spin$5 = keyframes(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
13219
|
+
var getDotPosition$2 = function getDotPosition(index, size) {
|
|
10549
13220
|
var angle = index * 360 / 8;
|
|
10550
13221
|
var radius = size / 2.5;
|
|
10551
13222
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
10552
13223
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
10553
13224
|
return "translate(" + x + "px, " + y + "px)";
|
|
10554
13225
|
};
|
|
10555
|
-
var SpinnerContainer = styled.div(_templateObject2$
|
|
13226
|
+
var SpinnerContainer$2 = styled.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) {
|
|
10556
13227
|
var $size = _ref.$size;
|
|
10557
13228
|
return $size;
|
|
10558
13229
|
}, function (_ref2) {
|
|
10559
13230
|
var $size = _ref2.$size;
|
|
10560
13231
|
return $size;
|
|
10561
13232
|
});
|
|
10562
|
-
var Dot = styled.div.attrs(function (_ref3) {
|
|
13233
|
+
var Dot$2 = styled.div.attrs(function (_ref3) {
|
|
10563
13234
|
var $index = _ref3.$index,
|
|
10564
13235
|
$size = _ref3.$size;
|
|
10565
13236
|
return {
|
|
10566
13237
|
style: {
|
|
10567
|
-
transform: getDotPosition($index, $size)
|
|
13238
|
+
transform: getDotPosition$2($index, $size)
|
|
10568
13239
|
}
|
|
10569
13240
|
};
|
|
10570
|
-
})(_templateObject3$
|
|
13241
|
+
})(_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) {
|
|
10571
13242
|
var $dotSize = _ref4.$dotSize;
|
|
10572
13243
|
return $dotSize;
|
|
10573
13244
|
}, function (_ref5) {
|
|
@@ -10576,7 +13247,7 @@ var Dot = styled.div.attrs(function (_ref3) {
|
|
|
10576
13247
|
}, function (_ref6) {
|
|
10577
13248
|
var $color = _ref6.$color;
|
|
10578
13249
|
return $color;
|
|
10579
|
-
}, spin$
|
|
13250
|
+
}, spin$5, function (_ref7) {
|
|
10580
13251
|
var $speed = _ref7.$speed;
|
|
10581
13252
|
return $speed;
|
|
10582
13253
|
}, function (_ref8) {
|
|
@@ -10584,10 +13255,10 @@ var Dot = styled.div.attrs(function (_ref3) {
|
|
|
10584
13255
|
$speed = _ref8.$speed;
|
|
10585
13256
|
return $index * $speed / 8;
|
|
10586
13257
|
});
|
|
10587
|
-
var SpinnerWrapper = styled.div(_templateObject4$
|
|
10588
|
-
var _templateObject$
|
|
10589
|
-
var spin$
|
|
10590
|
-
var Spinner$
|
|
13258
|
+
var SpinnerWrapper$2 = styled.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"])));
|
|
13259
|
+
var _templateObject$E, _templateObject2$x;
|
|
13260
|
+
var spin$6 = keyframes(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
13261
|
+
var Spinner$3 = styled.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) {
|
|
10591
13262
|
var $size = _ref.$size;
|
|
10592
13263
|
return $size;
|
|
10593
13264
|
}, function (_ref2) {
|
|
@@ -10596,25 +13267,25 @@ var Spinner$1$1$1$1 = styled.div(_templateObject2$f || (_templateObject2$f = _ta
|
|
|
10596
13267
|
}, function (_ref3) {
|
|
10597
13268
|
var $color = _ref3.$color;
|
|
10598
13269
|
return $color;
|
|
10599
|
-
}, spin$
|
|
10600
|
-
var _templateObject$
|
|
10601
|
-
var PageInput = styled.input(_templateObject$
|
|
10602
|
-
var _templateObject$
|
|
10603
|
-
var SidebarContainer = styled.div(_templateObject$
|
|
13270
|
+
}, spin$6);
|
|
13271
|
+
var _templateObject$F;
|
|
13272
|
+
var PageInput$2 = styled.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);
|
|
13273
|
+
var _templateObject$G, _templateObject2$y, _templateObject3$r, _templateObject4$m, _templateObject5$h, _templateObject6$d;
|
|
13274
|
+
var SidebarContainer$2 = styled.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) {
|
|
10604
13275
|
var $isExpanded = _ref.$isExpanded;
|
|
10605
13276
|
return $isExpanded ? '225px' : '68px';
|
|
10606
13277
|
}, function (_ref2) {
|
|
10607
13278
|
var $background = _ref2.$background;
|
|
10608
13279
|
return $background ? $background : colorVariables$1$1$1.accent.softBlue;
|
|
10609
13280
|
});
|
|
10610
|
-
var SidebarItem = styled(NavLink)(_templateObject2$
|
|
10611
|
-
var ContentWrapper = styled.div(_templateObject3$
|
|
10612
|
-
var IconWrapper$
|
|
13281
|
+
var SidebarItem$2 = styled(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);
|
|
13282
|
+
var ContentWrapper$2 = styled.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
13283
|
+
var IconWrapper$6 = styled.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) {
|
|
10613
13284
|
var $selected = _ref3.$selected;
|
|
10614
13285
|
return $selected ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1["default"].tertiary;
|
|
10615
13286
|
});
|
|
10616
|
-
var Logo = styled.div(_templateObject5$
|
|
10617
|
-
var TextContainer = styled.span(_templateObject6$
|
|
13287
|
+
var Logo$2 = styled.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"])));
|
|
13288
|
+
var TextContainer$2 = styled.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) {
|
|
10618
13289
|
var $padding = _ref4.$padding;
|
|
10619
13290
|
return $padding;
|
|
10620
13291
|
}, function (_ref5) {
|
|
@@ -10633,14 +13304,14 @@ var TextContainer = styled.span(_templateObject6$7 || (_templateObject6$7 = _tag
|
|
|
10633
13304
|
var $isExpanded = _ref9.$isExpanded;
|
|
10634
13305
|
return $isExpanded ? 'visible' : 'hidden';
|
|
10635
13306
|
});
|
|
10636
|
-
var _templateObject$
|
|
10637
|
-
var ContainerWrapper = styled.div(_templateObject$
|
|
13307
|
+
var _templateObject$H, _templateObject2$z, _templateObject3$s, _templateObject4$n;
|
|
13308
|
+
var ContainerWrapper$2 = styled.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) {
|
|
10638
13309
|
return props.$width || 'auto';
|
|
10639
13310
|
}, function (_ref) {
|
|
10640
13311
|
var $minHeight = _ref.$minHeight;
|
|
10641
13312
|
return $minHeight;
|
|
10642
13313
|
});
|
|
10643
|
-
var CellContainer = styled.div(_templateObject2$
|
|
13314
|
+
var CellContainer$2 = styled.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) {
|
|
10644
13315
|
return props.$align;
|
|
10645
13316
|
}, function (props) {
|
|
10646
13317
|
return props.$width || 'auto';
|
|
@@ -10651,42 +13322,42 @@ var CellContainer = styled.div(_templateObject2$h || (_templateObject2$h = _tagg
|
|
|
10651
13322
|
}, function (props) {
|
|
10652
13323
|
return props.$padding;
|
|
10653
13324
|
});
|
|
10654
|
-
var MainText = styled.div(_templateObject3$
|
|
13325
|
+
var MainText$2 = styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10655
13326
|
return props.$mtc;
|
|
10656
13327
|
}, function (props) {
|
|
10657
13328
|
return props.$mtfs;
|
|
10658
13329
|
}, function (props) {
|
|
10659
13330
|
return props.$mtw;
|
|
10660
13331
|
});
|
|
10661
|
-
var SubText = styled.div(_templateObject4$
|
|
13332
|
+
var SubText$2 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10662
13333
|
return props.$stc;
|
|
10663
13334
|
}, function (props) {
|
|
10664
13335
|
return props.$stfs;
|
|
10665
13336
|
}, function (props) {
|
|
10666
13337
|
return props.$stw;
|
|
10667
13338
|
});
|
|
10668
|
-
var _templateObject$
|
|
10669
|
-
var TableRowContainer = styled$1.div(_templateObject$
|
|
10670
|
-
var _templateObject$
|
|
10671
|
-
var TableContainer = styled.div(_templateObject$
|
|
10672
|
-
var TableHeader = styled.div(_templateObject2$
|
|
13339
|
+
var _templateObject$I;
|
|
13340
|
+
var TableRowContainer$2 = styled$1.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"])));
|
|
13341
|
+
var _templateObject$J, _templateObject2$A, _templateObject3$t, _templateObject4$o, _templateObject5$i;
|
|
13342
|
+
var TableContainer$2 = styled.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);
|
|
13343
|
+
var TableHeader$2 = styled.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) {
|
|
10673
13344
|
return props.$hbcolor || 'transparent';
|
|
10674
13345
|
}, function (props) {
|
|
10675
13346
|
return props.$tcolor || 'white';
|
|
10676
13347
|
});
|
|
10677
|
-
var TableContent = styled.div(_templateObject3$
|
|
10678
|
-
var TableData = styled.div(_templateObject4$
|
|
10679
|
-
var Divider = styled.div(_templateObject5$
|
|
10680
|
-
var _templateObject$
|
|
10681
|
-
var Container$
|
|
13348
|
+
var TableContent$2 = styled.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
13349
|
+
var TableData$2 = styled.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"])));
|
|
13350
|
+
var Divider$2 = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose$1$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1$1.border.extraLight);
|
|
13351
|
+
var _templateObject$K, _templateObject2$B, _templateObject3$u, _templateObject4$p, _templateObject5$j;
|
|
13352
|
+
var Container$b = styled.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) {
|
|
10682
13353
|
var $border = _ref.$border;
|
|
10683
13354
|
return $border;
|
|
10684
13355
|
});
|
|
10685
|
-
var FirstContainer = styled.div(_templateObject2$
|
|
13356
|
+
var FirstContainer$2 = styled.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) {
|
|
10686
13357
|
var $headerPadding = _ref2.$headerPadding;
|
|
10687
13358
|
return $headerPadding ? $headerPadding : '0px';
|
|
10688
13359
|
});
|
|
10689
|
-
var TabContainer = styled.div(_templateObject3$
|
|
13360
|
+
var TabContainer$2 = styled.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) {
|
|
10690
13361
|
var $disabled = _ref3.$disabled;
|
|
10691
13362
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10692
13363
|
}, function (_ref4) {
|
|
@@ -10699,22 +13370,18 @@ var TabContainer = styled.div(_templateObject3$e || (_templateObject3$e = _tagge
|
|
|
10699
13370
|
var $disabled = _ref6.$disabled;
|
|
10700
13371
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10701
13372
|
});
|
|
10702
|
-
var TabItemContainer = styled.div(_templateObject4$
|
|
13373
|
+
var TabItemContainer$2 = styled.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) {
|
|
10703
13374
|
var $headerHeight = _ref7.$headerHeight;
|
|
10704
13375
|
return $headerHeight ? $headerHeight : '34px';
|
|
10705
13376
|
}, function (props) {
|
|
10706
13377
|
return props.$active ? 'block' : 'none';
|
|
10707
13378
|
}, colorVariables$1$1$1["default"].primary);
|
|
10708
|
-
var DetailsFirstContainer = styled.div(_templateObject5$
|
|
13379
|
+
var DetailsFirstContainer$2 = styled.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) {
|
|
10709
13380
|
return props.$active ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.medium;
|
|
10710
13381
|
});
|
|
10711
|
-
var _templateObject$
|
|
10712
|
-
var
|
|
10713
|
-
var $
|
|
10714
|
-
return $padding;
|
|
10715
|
-
});
|
|
10716
|
-
var Label$2 = styled.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) {
|
|
10717
|
-
var $size = _ref2.$size;
|
|
13382
|
+
var _templateObject$L, _templateObject2$C, _templateObject3$v, _templateObject4$q, _templateObject5$k;
|
|
13383
|
+
var Label$6 = styled.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) {
|
|
13384
|
+
var $size = _ref.$size;
|
|
10718
13385
|
switch ($size) {
|
|
10719
13386
|
case 'small':
|
|
10720
13387
|
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
@@ -10725,8 +13392,8 @@ var Label$2 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTe
|
|
|
10725
13392
|
default:
|
|
10726
13393
|
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
10727
13394
|
}
|
|
10728
|
-
}, function (
|
|
10729
|
-
var $titlecolor =
|
|
13395
|
+
}, function (_ref2) {
|
|
13396
|
+
var $titlecolor = _ref2.$titlecolor;
|
|
10730
13397
|
switch ($titlecolor) {
|
|
10731
13398
|
case 'dark':
|
|
10732
13399
|
return colorVariables$1$1$1.text.dark;
|
|
@@ -10748,21 +13415,21 @@ var Label$2 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTe
|
|
|
10748
13415
|
return $titlecolor;
|
|
10749
13416
|
}
|
|
10750
13417
|
});
|
|
10751
|
-
var Input$
|
|
10752
|
-
var $disabled =
|
|
13418
|
+
var Input$3 = styled.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) {
|
|
13419
|
+
var $disabled = _ref3.$disabled;
|
|
10753
13420
|
return $disabled ? 'not-allowed' : 'auto';
|
|
10754
|
-
}, function (
|
|
10755
|
-
var $disabled =
|
|
10756
|
-
$background =
|
|
13421
|
+
}, function (_ref4) {
|
|
13422
|
+
var $disabled = _ref4.$disabled,
|
|
13423
|
+
$background = _ref4.$background;
|
|
10757
13424
|
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10758
|
-
}, function (
|
|
10759
|
-
var $color =
|
|
13425
|
+
}, function (_ref5) {
|
|
13426
|
+
var $color = _ref5.$color;
|
|
10760
13427
|
return $color;
|
|
10761
|
-
}, function (
|
|
10762
|
-
var $disabled =
|
|
13428
|
+
}, function (_ref6) {
|
|
13429
|
+
var $disabled = _ref6.$disabled;
|
|
10763
13430
|
return $disabled ? 'none' : 'auto';
|
|
10764
|
-
}, function (
|
|
10765
|
-
var $size =
|
|
13431
|
+
}, function (_ref7) {
|
|
13432
|
+
var $size = _ref7.$size;
|
|
10766
13433
|
switch ($size) {
|
|
10767
13434
|
case 'small':
|
|
10768
13435
|
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
@@ -10773,8 +13440,8 @@ var Input$1 = styled.input(_templateObject3$f || (_templateObject3$f = _taggedTe
|
|
|
10773
13440
|
default:
|
|
10774
13441
|
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
10775
13442
|
}
|
|
10776
|
-
}, function (
|
|
10777
|
-
var $color =
|
|
13443
|
+
}, function (_ref8) {
|
|
13444
|
+
var $color = _ref8.$color;
|
|
10778
13445
|
switch ($color) {
|
|
10779
13446
|
case 'dark':
|
|
10780
13447
|
return colorVariables$1$1$1.text.dark;
|
|
@@ -10796,18 +13463,18 @@ var Input$1 = styled.input(_templateObject3$f || (_templateObject3$f = _taggedTe
|
|
|
10796
13463
|
return $color;
|
|
10797
13464
|
}
|
|
10798
13465
|
}, colorVariables$1$1$1.text.light);
|
|
10799
|
-
var InputWrapper$
|
|
10800
|
-
var IconWrapper$
|
|
10801
|
-
var $disabled =
|
|
13466
|
+
var InputWrapper$4 = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
13467
|
+
var IconWrapper$7 = styled.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) {
|
|
13468
|
+
var $disabled = _ref9.$disabled;
|
|
10802
13469
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10803
13470
|
});
|
|
10804
|
-
var Asterisk$
|
|
10805
|
-
var _templateObject$
|
|
10806
|
-
var Container$
|
|
13471
|
+
var Asterisk$4 = styled.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);
|
|
13472
|
+
var _templateObject$M, _templateObject2$D, _templateObject3$w;
|
|
13473
|
+
var Container$c = styled.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) {
|
|
10807
13474
|
var $padding = _ref.$padding;
|
|
10808
13475
|
return $padding;
|
|
10809
13476
|
});
|
|
10810
|
-
var Label$
|
|
13477
|
+
var Label$7 = styled.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) {
|
|
10811
13478
|
var $size = _ref2.$size;
|
|
10812
13479
|
switch ($size) {
|
|
10813
13480
|
case 'small':
|
|
@@ -10823,7 +13490,7 @@ var Label$3 = styled.label(_templateObject2$l || (_templateObject2$l = _taggedTe
|
|
|
10823
13490
|
var $titlecolor = _ref3.$titlecolor;
|
|
10824
13491
|
return $titlecolor || colorVariables$1$1.text.dark;
|
|
10825
13492
|
});
|
|
10826
|
-
var TextAreaComponent$
|
|
13493
|
+
var TextAreaComponent$3 = styled.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) {
|
|
10827
13494
|
var $disabled = _ref4.$disabled;
|
|
10828
13495
|
return $disabled ? 'not-allowed' : 'auto';
|
|
10829
13496
|
}, function (_ref5) {
|
|
@@ -10849,18 +13516,18 @@ var TextAreaComponent$1 = styled.textarea(_templateObject3$g || (_templateObject
|
|
|
10849
13516
|
var $color = _ref8.$color;
|
|
10850
13517
|
return $color || colorVariables$1$1.text.dark;
|
|
10851
13518
|
}, colorVariables$1$1.text.light);
|
|
10852
|
-
var _templateObject$
|
|
10853
|
-
var OptionContainer$
|
|
10854
|
-
var OptionItem$
|
|
13519
|
+
var _templateObject$N, _templateObject2$E, _templateObject3$x, _templateObject4$r, _templateObject5$l, _templateObject6$e, _templateObject7$6;
|
|
13520
|
+
var OptionContainer$4 = styled.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);
|
|
13521
|
+
var OptionItem$4 = styled.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) {
|
|
10855
13522
|
var $optionSelected = _ref.$optionSelected;
|
|
10856
13523
|
return $optionSelected ? colorVariables$1$1.text.white : colorVariables$1$1.text.medium;
|
|
10857
13524
|
}, function (_ref2) {
|
|
10858
13525
|
var $optionSelected = _ref2.$optionSelected;
|
|
10859
13526
|
return $optionSelected ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.white;
|
|
10860
13527
|
}, colorVariables$1$1.hover.primary, colorVariables$1$1.text.white);
|
|
10861
|
-
var TotalOptionsHeader$
|
|
10862
|
-
var OptionLabel$
|
|
10863
|
-
var SearchContainer$
|
|
13528
|
+
var TotalOptionsHeader$3 = styled.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);
|
|
13529
|
+
var OptionLabel$4 = styled.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"])));
|
|
13530
|
+
var SearchContainer$6 = styled.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) {
|
|
10864
13531
|
var $background = _ref3.$background;
|
|
10865
13532
|
switch ($background) {
|
|
10866
13533
|
case 'dark':
|
|
@@ -10889,7 +13556,7 @@ var SearchContainer$4 = styled.div(_templateObject5$b || (_templateObject5$b = _
|
|
|
10889
13556
|
var $borderRadius = _ref5.$borderRadius;
|
|
10890
13557
|
return $borderRadius || '8px';
|
|
10891
13558
|
});
|
|
10892
|
-
var SearchBar$
|
|
13559
|
+
var SearchBar$6 = styled.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) {
|
|
10893
13560
|
var $inputColor = _ref6.$inputColor;
|
|
10894
13561
|
switch ($inputColor) {
|
|
10895
13562
|
case 'dark':
|
|
@@ -10934,32 +13601,32 @@ var SearchBar$4 = styled.input(_templateObject6$9 || (_templateObject6$9 = _tagg
|
|
|
10934
13601
|
return $placeholderColor;
|
|
10935
13602
|
}
|
|
10936
13603
|
});
|
|
10937
|
-
var OptionsWrapper$
|
|
10938
|
-
var _templateObject$
|
|
10939
|
-
var spin$
|
|
10940
|
-
var getDotPosition$
|
|
13604
|
+
var OptionsWrapper$4 = styled.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);
|
|
13605
|
+
var _templateObject$O, _templateObject2$F, _templateObject3$y, _templateObject4$s;
|
|
13606
|
+
var spin$7 = keyframes(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
13607
|
+
var getDotPosition$3 = function getDotPosition(index, size) {
|
|
10941
13608
|
var angle = index * 360 / 8;
|
|
10942
13609
|
var radius = size / 2.5;
|
|
10943
13610
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
10944
13611
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
10945
13612
|
return "translate(" + x + "px, " + y + "px)";
|
|
10946
13613
|
};
|
|
10947
|
-
var SpinnerContainer$
|
|
13614
|
+
var SpinnerContainer$3 = styled.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) {
|
|
10948
13615
|
var $size = _ref.$size;
|
|
10949
13616
|
return $size;
|
|
10950
13617
|
}, function (_ref2) {
|
|
10951
13618
|
var $size = _ref2.$size;
|
|
10952
13619
|
return $size;
|
|
10953
13620
|
});
|
|
10954
|
-
var Dot$
|
|
13621
|
+
var Dot$3 = styled.div.attrs(function (_ref3) {
|
|
10955
13622
|
var $index = _ref3.$index,
|
|
10956
13623
|
$size = _ref3.$size;
|
|
10957
13624
|
return {
|
|
10958
13625
|
style: {
|
|
10959
|
-
transform: getDotPosition$
|
|
13626
|
+
transform: getDotPosition$3($index, $size)
|
|
10960
13627
|
}
|
|
10961
13628
|
};
|
|
10962
|
-
})(_templateObject3$
|
|
13629
|
+
})(_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) {
|
|
10963
13630
|
var $dotSize = _ref4.$dotSize;
|
|
10964
13631
|
return $dotSize;
|
|
10965
13632
|
}, function (_ref5) {
|
|
@@ -10968,7 +13635,7 @@ var Dot$1 = styled.div.attrs(function (_ref3) {
|
|
|
10968
13635
|
}, function (_ref6) {
|
|
10969
13636
|
var $color = _ref6.$color;
|
|
10970
13637
|
return $color;
|
|
10971
|
-
}, spin$
|
|
13638
|
+
}, spin$7, function (_ref7) {
|
|
10972
13639
|
var $speed = _ref7.$speed;
|
|
10973
13640
|
return $speed;
|
|
10974
13641
|
}, function (_ref8) {
|
|
@@ -10976,10 +13643,10 @@ var Dot$1 = styled.div.attrs(function (_ref3) {
|
|
|
10976
13643
|
$speed = _ref8.$speed;
|
|
10977
13644
|
return $index * $speed / 8;
|
|
10978
13645
|
});
|
|
10979
|
-
var SpinnerWrapper$
|
|
10980
|
-
var _templateObject$
|
|
10981
|
-
var spin$
|
|
10982
|
-
var Spinner$
|
|
13646
|
+
var SpinnerWrapper$3 = styled.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"])));
|
|
13647
|
+
var _templateObject$P, _templateObject2$G;
|
|
13648
|
+
var spin$8 = keyframes(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
13649
|
+
var Spinner$4 = styled.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) {
|
|
10983
13650
|
var $size = _ref.$size;
|
|
10984
13651
|
return $size;
|
|
10985
13652
|
}, function (_ref2) {
|
|
@@ -10988,25 +13655,25 @@ var Spinner$2 = styled.div(_templateObject2$o || (_templateObject2$o = _taggedTe
|
|
|
10988
13655
|
}, function (_ref3) {
|
|
10989
13656
|
var $color = _ref3.$color;
|
|
10990
13657
|
return $color;
|
|
10991
|
-
}, spin$
|
|
10992
|
-
var _templateObject$
|
|
10993
|
-
var PageInput$
|
|
10994
|
-
var _templateObject$
|
|
10995
|
-
var SidebarContainer$
|
|
13658
|
+
}, spin$8);
|
|
13659
|
+
var _templateObject$Q;
|
|
13660
|
+
var PageInput$3 = styled.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);
|
|
13661
|
+
var _templateObject$R, _templateObject2$H, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$f;
|
|
13662
|
+
var SidebarContainer$3 = styled.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) {
|
|
10996
13663
|
var $isExpanded = _ref.$isExpanded;
|
|
10997
13664
|
return $isExpanded ? '225px' : '68px';
|
|
10998
13665
|
}, function (_ref2) {
|
|
10999
13666
|
var $background = _ref2.$background;
|
|
11000
13667
|
return $background ? $background : colorVariables$1$1.accent.softBlue;
|
|
11001
13668
|
});
|
|
11002
|
-
var SidebarItem$
|
|
11003
|
-
var ContentWrapper$
|
|
11004
|
-
var IconWrapper$
|
|
13669
|
+
var SidebarItem$3 = styled(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);
|
|
13670
|
+
var ContentWrapper$3 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
13671
|
+
var IconWrapper$8 = styled.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) {
|
|
11005
13672
|
var $selected = _ref3.$selected;
|
|
11006
13673
|
return $selected ? colorVariables$1$1["default"].primary : colorVariables$1$1["default"].tertiary;
|
|
11007
13674
|
});
|
|
11008
|
-
var Logo$
|
|
11009
|
-
var TextContainer$
|
|
13675
|
+
var Logo$3 = styled.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"])));
|
|
13676
|
+
var TextContainer$3 = styled.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) {
|
|
11010
13677
|
var $padding = _ref4.$padding;
|
|
11011
13678
|
return $padding;
|
|
11012
13679
|
}, function (_ref5) {
|
|
@@ -11025,14 +13692,14 @@ var TextContainer$1 = styled.span(_templateObject6$a || (_templateObject6$a = _t
|
|
|
11025
13692
|
var $isExpanded = _ref9.$isExpanded;
|
|
11026
13693
|
return $isExpanded ? 'visible' : 'hidden';
|
|
11027
13694
|
});
|
|
11028
|
-
var _templateObject$
|
|
11029
|
-
var ContainerWrapper$
|
|
13695
|
+
var _templateObject$S, _templateObject2$I, _templateObject3$A, _templateObject4$u;
|
|
13696
|
+
var ContainerWrapper$3 = styled.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) {
|
|
11030
13697
|
return props.$width || 'auto';
|
|
11031
13698
|
}, function (_ref) {
|
|
11032
13699
|
var $minHeight = _ref.$minHeight;
|
|
11033
13700
|
return $minHeight;
|
|
11034
13701
|
});
|
|
11035
|
-
var CellContainer$
|
|
13702
|
+
var CellContainer$3 = styled.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) {
|
|
11036
13703
|
return props.$align;
|
|
11037
13704
|
}, function (props) {
|
|
11038
13705
|
return props.$width || 'auto';
|
|
@@ -11043,42 +13710,42 @@ var CellContainer$1 = styled.div(_templateObject2$q || (_templateObject2$q = _ta
|
|
|
11043
13710
|
}, function (props) {
|
|
11044
13711
|
return props.$padding;
|
|
11045
13712
|
});
|
|
11046
|
-
var MainText$
|
|
13713
|
+
var MainText$3 = styled.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11047
13714
|
return props.$mtc;
|
|
11048
13715
|
}, function (props) {
|
|
11049
13716
|
return props.$mtfs;
|
|
11050
13717
|
}, function (props) {
|
|
11051
13718
|
return props.$mtw;
|
|
11052
13719
|
});
|
|
11053
|
-
var SubText$
|
|
13720
|
+
var SubText$3 = styled.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11054
13721
|
return props.$stc;
|
|
11055
13722
|
}, function (props) {
|
|
11056
13723
|
return props.$stfs;
|
|
11057
13724
|
}, function (props) {
|
|
11058
13725
|
return props.$stw;
|
|
11059
13726
|
});
|
|
11060
|
-
var _templateObject$
|
|
11061
|
-
var TableRowContainer$
|
|
11062
|
-
var _templateObject$
|
|
11063
|
-
var TableContainer$
|
|
11064
|
-
var TableHeader$
|
|
13727
|
+
var _templateObject$T;
|
|
13728
|
+
var TableRowContainer$3 = styled$1.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"])));
|
|
13729
|
+
var _templateObject$U, _templateObject2$J, _templateObject3$B, _templateObject4$v, _templateObject5$n;
|
|
13730
|
+
var TableContainer$3 = styled.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);
|
|
13731
|
+
var TableHeader$3 = styled.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) {
|
|
11065
13732
|
return props.$hbcolor || 'transparent';
|
|
11066
13733
|
}, function (props) {
|
|
11067
13734
|
return props.$tcolor || 'white';
|
|
11068
13735
|
});
|
|
11069
|
-
var TableContent$
|
|
11070
|
-
var TableData$
|
|
11071
|
-
var Divider$
|
|
11072
|
-
var _templateObject$
|
|
11073
|
-
var Container$
|
|
13736
|
+
var TableContent$3 = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
13737
|
+
var TableData$3 = styled.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"])));
|
|
13738
|
+
var Divider$3 = styled.div(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1.border.extraLight);
|
|
13739
|
+
var _templateObject$V, _templateObject2$K, _templateObject3$C, _templateObject4$w, _templateObject5$o;
|
|
13740
|
+
var Container$d = styled.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) {
|
|
11074
13741
|
var $border = _ref.$border;
|
|
11075
13742
|
return $border;
|
|
11076
13743
|
});
|
|
11077
|
-
var FirstContainer$
|
|
13744
|
+
var FirstContainer$3 = styled.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) {
|
|
11078
13745
|
var $headerPadding = _ref2.$headerPadding;
|
|
11079
13746
|
return $headerPadding ? $headerPadding : '0px';
|
|
11080
13747
|
});
|
|
11081
|
-
var TabContainer$
|
|
13748
|
+
var TabContainer$3 = styled.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) {
|
|
11082
13749
|
var $disabled = _ref3.$disabled;
|
|
11083
13750
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11084
13751
|
}, function (_ref4) {
|
|
@@ -11091,22 +13758,18 @@ var TabContainer$1 = styled.div(_templateObject3$m || (_templateObject3$m = _tag
|
|
|
11091
13758
|
var $disabled = _ref6.$disabled;
|
|
11092
13759
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11093
13760
|
});
|
|
11094
|
-
var TabItemContainer$
|
|
13761
|
+
var TabItemContainer$3 = styled.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) {
|
|
11095
13762
|
var $headerHeight = _ref7.$headerHeight;
|
|
11096
13763
|
return $headerHeight ? $headerHeight : '34px';
|
|
11097
13764
|
}, function (props) {
|
|
11098
13765
|
return props.$active ? 'block' : 'none';
|
|
11099
13766
|
}, colorVariables$1$1["default"].primary);
|
|
11100
|
-
var DetailsFirstContainer$
|
|
13767
|
+
var DetailsFirstContainer$3 = styled.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) {
|
|
11101
13768
|
return props.$active ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.medium;
|
|
11102
13769
|
});
|
|
11103
|
-
var _templateObject$
|
|
11104
|
-
var
|
|
11105
|
-
var $
|
|
11106
|
-
return $padding;
|
|
11107
|
-
});
|
|
11108
|
-
var Label$4 = styled.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) {
|
|
11109
|
-
var $size = _ref2.$size;
|
|
13770
|
+
var _templateObject$W, _templateObject2$L, _templateObject3$D, _templateObject4$x, _templateObject5$p;
|
|
13771
|
+
var Label$8 = styled.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) {
|
|
13772
|
+
var $size = _ref.$size;
|
|
11110
13773
|
switch ($size) {
|
|
11111
13774
|
case 'small':
|
|
11112
13775
|
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
@@ -11117,8 +13780,8 @@ var Label$4 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
|
|
|
11117
13780
|
default:
|
|
11118
13781
|
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11119
13782
|
}
|
|
11120
|
-
}, function (
|
|
11121
|
-
var $titlecolor =
|
|
13783
|
+
}, function (_ref2) {
|
|
13784
|
+
var $titlecolor = _ref2.$titlecolor;
|
|
11122
13785
|
switch ($titlecolor) {
|
|
11123
13786
|
case 'dark':
|
|
11124
13787
|
return colorVariables$1$1.text.dark;
|
|
@@ -11140,21 +13803,21 @@ var Label$4 = styled.label(_templateObject2$t || (_templateObject2$t = _taggedTe
|
|
|
11140
13803
|
return $titlecolor;
|
|
11141
13804
|
}
|
|
11142
13805
|
});
|
|
11143
|
-
var Input$
|
|
11144
|
-
var $disabled =
|
|
13806
|
+
var Input$4 = styled.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) {
|
|
13807
|
+
var $disabled = _ref3.$disabled;
|
|
11145
13808
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11146
|
-
}, function (
|
|
11147
|
-
var $disabled =
|
|
11148
|
-
$background =
|
|
13809
|
+
}, function (_ref4) {
|
|
13810
|
+
var $disabled = _ref4.$disabled,
|
|
13811
|
+
$background = _ref4.$background;
|
|
11149
13812
|
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
11150
|
-
}, function (
|
|
11151
|
-
var $color =
|
|
13813
|
+
}, function (_ref5) {
|
|
13814
|
+
var $color = _ref5.$color;
|
|
11152
13815
|
return $color;
|
|
11153
|
-
}, function (
|
|
11154
|
-
var $disabled =
|
|
13816
|
+
}, function (_ref6) {
|
|
13817
|
+
var $disabled = _ref6.$disabled;
|
|
11155
13818
|
return $disabled ? 'none' : 'auto';
|
|
11156
|
-
}, function (
|
|
11157
|
-
var $size =
|
|
13819
|
+
}, function (_ref7) {
|
|
13820
|
+
var $size = _ref7.$size;
|
|
11158
13821
|
switch ($size) {
|
|
11159
13822
|
case 'small':
|
|
11160
13823
|
return "\n font-size: 12px;\n padding: 5px 10px;\n ";
|
|
@@ -11165,8 +13828,8 @@ var Input$2 = styled.input(_templateObject3$n || (_templateObject3$n = _taggedTe
|
|
|
11165
13828
|
default:
|
|
11166
13829
|
return "\n font-size: 14px;\n padding: 7px 12px;\n ";
|
|
11167
13830
|
}
|
|
11168
|
-
}, function (
|
|
11169
|
-
var $color =
|
|
13831
|
+
}, function (_ref8) {
|
|
13832
|
+
var $color = _ref8.$color;
|
|
11170
13833
|
switch ($color) {
|
|
11171
13834
|
case 'dark':
|
|
11172
13835
|
return colorVariables$1$1.text.dark;
|
|
@@ -11188,18 +13851,18 @@ var Input$2 = styled.input(_templateObject3$n || (_templateObject3$n = _taggedTe
|
|
|
11188
13851
|
return $color;
|
|
11189
13852
|
}
|
|
11190
13853
|
}, colorVariables$1$1.text.light);
|
|
11191
|
-
var InputWrapper$
|
|
11192
|
-
var IconWrapper$
|
|
11193
|
-
var $disabled =
|
|
13854
|
+
var InputWrapper$5 = styled.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
13855
|
+
var IconWrapper$9 = styled.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) {
|
|
13856
|
+
var $disabled = _ref9.$disabled;
|
|
11194
13857
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11195
13858
|
});
|
|
11196
|
-
var Asterisk$
|
|
11197
|
-
var _templateObject$
|
|
11198
|
-
var Container$
|
|
13859
|
+
var Asterisk$5 = styled.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);
|
|
13860
|
+
var _templateObject$X, _templateObject2$M, _templateObject3$E;
|
|
13861
|
+
var Container$e = styled.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) {
|
|
11199
13862
|
var $padding = _ref.$padding;
|
|
11200
13863
|
return $padding;
|
|
11201
13864
|
});
|
|
11202
|
-
var Label$
|
|
13865
|
+
var Label$9 = styled.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) {
|
|
11203
13866
|
var $size = _ref2.$size;
|
|
11204
13867
|
switch ($size) {
|
|
11205
13868
|
case 'small':
|
|
@@ -11215,7 +13878,7 @@ var Label$5 = styled.label(_templateObject2$u || (_templateObject2$u = _taggedTe
|
|
|
11215
13878
|
var $titlecolor = _ref3.$titlecolor;
|
|
11216
13879
|
return $titlecolor || colorVariables$1.text.dark;
|
|
11217
13880
|
});
|
|
11218
|
-
var TextAreaComponent$
|
|
13881
|
+
var TextAreaComponent$4 = styled.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) {
|
|
11219
13882
|
var $disabled = _ref4.$disabled;
|
|
11220
13883
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11221
13884
|
}, function (_ref5) {
|
|
@@ -11241,18 +13904,18 @@ var TextAreaComponent$2 = styled.textarea(_templateObject3$o || (_templateObject
|
|
|
11241
13904
|
var $color = _ref8.$color;
|
|
11242
13905
|
return $color || colorVariables$1.text.dark;
|
|
11243
13906
|
}, colorVariables$1.text.light);
|
|
11244
|
-
var _templateObject$
|
|
11245
|
-
var OptionContainer$
|
|
11246
|
-
var OptionItem$
|
|
13907
|
+
var _templateObject$Y, _templateObject2$N, _templateObject3$F, _templateObject4$y, _templateObject5$q, _templateObject6$g, _templateObject7$7;
|
|
13908
|
+
var OptionContainer$5 = styled.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);
|
|
13909
|
+
var OptionItem$5 = styled.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) {
|
|
11247
13910
|
var $optionSelected = _ref.$optionSelected;
|
|
11248
13911
|
return $optionSelected ? colorVariables$1.text.white : colorVariables$1.text.medium;
|
|
11249
13912
|
}, function (_ref2) {
|
|
11250
13913
|
var $optionSelected = _ref2.$optionSelected;
|
|
11251
13914
|
return $optionSelected ? colorVariables$1["default"].primary : colorVariables$1.text.white;
|
|
11252
13915
|
}, colorVariables$1.hover.primary, colorVariables$1.text.white);
|
|
11253
|
-
var TotalOptionsHeader$
|
|
11254
|
-
var OptionLabel$
|
|
11255
|
-
var SearchContainer$
|
|
13916
|
+
var TotalOptionsHeader$4 = styled.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);
|
|
13917
|
+
var OptionLabel$5 = styled.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"])));
|
|
13918
|
+
var SearchContainer$7 = styled.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) {
|
|
11256
13919
|
var $background = _ref3.$background;
|
|
11257
13920
|
switch ($background) {
|
|
11258
13921
|
case 'dark':
|
|
@@ -11281,7 +13944,7 @@ var SearchContainer$5 = styled.div(_templateObject5$g || (_templateObject5$g = _
|
|
|
11281
13944
|
var $borderRadius = _ref5.$borderRadius;
|
|
11282
13945
|
return $borderRadius || '8px';
|
|
11283
13946
|
});
|
|
11284
|
-
var SearchBar$
|
|
13947
|
+
var SearchBar$7 = styled.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) {
|
|
11285
13948
|
var $inputColor = _ref6.$inputColor;
|
|
11286
13949
|
switch ($inputColor) {
|
|
11287
13950
|
case 'dark':
|
|
@@ -11326,32 +13989,32 @@ var SearchBar$5 = styled.input(_templateObject6$c || (_templateObject6$c = _tagg
|
|
|
11326
13989
|
return $placeholderColor;
|
|
11327
13990
|
}
|
|
11328
13991
|
});
|
|
11329
|
-
var OptionsWrapper$
|
|
11330
|
-
var _templateObject$
|
|
11331
|
-
var spin$
|
|
11332
|
-
var getDotPosition$
|
|
13992
|
+
var OptionsWrapper$5 = styled.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);
|
|
13993
|
+
var _templateObject$Z, _templateObject2$O, _templateObject3$G, _templateObject4$z;
|
|
13994
|
+
var spin$9 = keyframes(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
13995
|
+
var getDotPosition$4 = function getDotPosition(index, size) {
|
|
11333
13996
|
var angle = index * 360 / 8;
|
|
11334
13997
|
var radius = size / 2.5;
|
|
11335
13998
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
11336
13999
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
11337
14000
|
return "translate(" + x + "px, " + y + "px)";
|
|
11338
14001
|
};
|
|
11339
|
-
var SpinnerContainer$
|
|
14002
|
+
var SpinnerContainer$4 = styled.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) {
|
|
11340
14003
|
var $size = _ref.$size;
|
|
11341
14004
|
return $size;
|
|
11342
14005
|
}, function (_ref2) {
|
|
11343
14006
|
var $size = _ref2.$size;
|
|
11344
14007
|
return $size;
|
|
11345
14008
|
});
|
|
11346
|
-
var Dot$
|
|
14009
|
+
var Dot$4 = styled.div.attrs(function (_ref3) {
|
|
11347
14010
|
var $index = _ref3.$index,
|
|
11348
14011
|
$size = _ref3.$size;
|
|
11349
14012
|
return {
|
|
11350
14013
|
style: {
|
|
11351
|
-
transform: getDotPosition$
|
|
14014
|
+
transform: getDotPosition$4($index, $size)
|
|
11352
14015
|
}
|
|
11353
14016
|
};
|
|
11354
|
-
})(_templateObject3$
|
|
14017
|
+
})(_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) {
|
|
11355
14018
|
var $dotSize = _ref4.$dotSize;
|
|
11356
14019
|
return $dotSize;
|
|
11357
14020
|
}, function (_ref5) {
|
|
@@ -11360,7 +14023,7 @@ var Dot$2 = styled.div.attrs(function (_ref3) {
|
|
|
11360
14023
|
}, function (_ref6) {
|
|
11361
14024
|
var $color = _ref6.$color;
|
|
11362
14025
|
return $color;
|
|
11363
|
-
}, spin$
|
|
14026
|
+
}, spin$9, function (_ref7) {
|
|
11364
14027
|
var $speed = _ref7.$speed;
|
|
11365
14028
|
return $speed;
|
|
11366
14029
|
}, function (_ref8) {
|
|
@@ -11368,10 +14031,10 @@ var Dot$2 = styled.div.attrs(function (_ref3) {
|
|
|
11368
14031
|
$speed = _ref8.$speed;
|
|
11369
14032
|
return $index * $speed / 8;
|
|
11370
14033
|
});
|
|
11371
|
-
var SpinnerWrapper$
|
|
11372
|
-
var _templateObject$
|
|
11373
|
-
var spin$
|
|
11374
|
-
var Spinner$
|
|
14034
|
+
var SpinnerWrapper$4 = styled.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"])));
|
|
14035
|
+
var _templateObject$_, _templateObject2$P;
|
|
14036
|
+
var spin$a = keyframes(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
14037
|
+
var Spinner$5 = styled.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) {
|
|
11375
14038
|
var $size = _ref.$size;
|
|
11376
14039
|
return $size;
|
|
11377
14040
|
}, function (_ref2) {
|
|
@@ -11380,25 +14043,25 @@ var Spinner$3 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTe
|
|
|
11380
14043
|
}, function (_ref3) {
|
|
11381
14044
|
var $color = _ref3.$color;
|
|
11382
14045
|
return $color;
|
|
11383
|
-
}, spin$
|
|
11384
|
-
var _templateObject
|
|
11385
|
-
var PageInput$
|
|
11386
|
-
var _templateObject$
|
|
11387
|
-
var SidebarContainer$
|
|
14046
|
+
}, spin$a);
|
|
14047
|
+
var _templateObject$$;
|
|
14048
|
+
var PageInput$4 = styled.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);
|
|
14049
|
+
var _templateObject$10, _templateObject2$Q, _templateObject3$H, _templateObject4$A, _templateObject5$r, _templateObject6$h;
|
|
14050
|
+
var SidebarContainer$4 = styled.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) {
|
|
11388
14051
|
var $isExpanded = _ref.$isExpanded;
|
|
11389
14052
|
return $isExpanded ? '225px' : '68px';
|
|
11390
14053
|
}, function (_ref2) {
|
|
11391
14054
|
var $background = _ref2.$background;
|
|
11392
14055
|
return $background ? $background : colorVariables$1.accent.softBlue;
|
|
11393
14056
|
});
|
|
11394
|
-
var SidebarItem$
|
|
11395
|
-
var ContentWrapper$
|
|
11396
|
-
var IconWrapper$
|
|
14057
|
+
var SidebarItem$4 = styled(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);
|
|
14058
|
+
var ContentWrapper$4 = styled.div(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
14059
|
+
var IconWrapper$a = styled.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) {
|
|
11397
14060
|
var $selected = _ref3.$selected;
|
|
11398
14061
|
return $selected ? colorVariables$1["default"].primary : colorVariables$1["default"].tertiary;
|
|
11399
14062
|
});
|
|
11400
|
-
var Logo$
|
|
11401
|
-
var TextContainer$
|
|
14063
|
+
var Logo$4 = styled.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"])));
|
|
14064
|
+
var TextContainer$4 = styled.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) {
|
|
11402
14065
|
var $padding = _ref4.$padding;
|
|
11403
14066
|
return $padding;
|
|
11404
14067
|
}, function (_ref5) {
|
|
@@ -11417,14 +14080,14 @@ var TextContainer$2 = styled.span(_templateObject6$d || (_templateObject6$d = _t
|
|
|
11417
14080
|
var $isExpanded = _ref9.$isExpanded;
|
|
11418
14081
|
return $isExpanded ? 'visible' : 'hidden';
|
|
11419
14082
|
});
|
|
11420
|
-
var _templateObject$
|
|
11421
|
-
var ContainerWrapper$
|
|
14083
|
+
var _templateObject$11, _templateObject2$R, _templateObject3$I, _templateObject4$B;
|
|
14084
|
+
var ContainerWrapper$4 = styled.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) {
|
|
11422
14085
|
return props.$width || 'auto';
|
|
11423
14086
|
}, function (_ref) {
|
|
11424
14087
|
var $minHeight = _ref.$minHeight;
|
|
11425
14088
|
return $minHeight;
|
|
11426
14089
|
});
|
|
11427
|
-
var CellContainer$
|
|
14090
|
+
var CellContainer$4 = styled.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) {
|
|
11428
14091
|
return props.$align;
|
|
11429
14092
|
}, function (props) {
|
|
11430
14093
|
return props.$width || 'auto';
|
|
@@ -11435,42 +14098,42 @@ var CellContainer$2 = styled.div(_templateObject2$z || (_templateObject2$z = _ta
|
|
|
11435
14098
|
}, function (props) {
|
|
11436
14099
|
return props.$padding;
|
|
11437
14100
|
});
|
|
11438
|
-
var MainText$
|
|
14101
|
+
var MainText$4 = styled.div(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11439
14102
|
return props.$mtc;
|
|
11440
14103
|
}, function (props) {
|
|
11441
14104
|
return props.$mtfs;
|
|
11442
14105
|
}, function (props) {
|
|
11443
14106
|
return props.$mtw;
|
|
11444
14107
|
});
|
|
11445
|
-
var SubText$
|
|
14108
|
+
var SubText$4 = styled.div(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11446
14109
|
return props.$stc;
|
|
11447
14110
|
}, function (props) {
|
|
11448
14111
|
return props.$stfs;
|
|
11449
14112
|
}, function (props) {
|
|
11450
14113
|
return props.$stw;
|
|
11451
14114
|
});
|
|
11452
|
-
var _templateObject$
|
|
11453
|
-
var TableRowContainer$
|
|
11454
|
-
var _templateObject$
|
|
11455
|
-
var TableContainer$
|
|
11456
|
-
var TableHeader$
|
|
14115
|
+
var _templateObject$12;
|
|
14116
|
+
var TableRowContainer$4 = styled$1.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"])));
|
|
14117
|
+
var _templateObject$13, _templateObject2$S, _templateObject3$J, _templateObject4$C, _templateObject5$s;
|
|
14118
|
+
var TableContainer$4 = styled.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);
|
|
14119
|
+
var TableHeader$4 = styled.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) {
|
|
11457
14120
|
return props.$hbcolor || 'transparent';
|
|
11458
14121
|
}, function (props) {
|
|
11459
14122
|
return props.$tcolor || 'white';
|
|
11460
14123
|
});
|
|
11461
|
-
var TableContent$
|
|
11462
|
-
var TableData$
|
|
11463
|
-
var Divider$
|
|
11464
|
-
var _templateObject$
|
|
11465
|
-
var Container$
|
|
14124
|
+
var TableContent$4 = styled.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
14125
|
+
var TableData$4 = styled.div(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
14126
|
+
var Divider$4 = styled.div(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1.border.extraLight);
|
|
14127
|
+
var _templateObject$14, _templateObject2$T, _templateObject3$K, _templateObject4$D, _templateObject5$t;
|
|
14128
|
+
var Container$f = styled.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) {
|
|
11466
14129
|
var $border = _ref.$border;
|
|
11467
14130
|
return $border;
|
|
11468
14131
|
});
|
|
11469
|
-
var FirstContainer$
|
|
14132
|
+
var FirstContainer$4 = styled.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) {
|
|
11470
14133
|
var $headerPadding = _ref2.$headerPadding;
|
|
11471
14134
|
return $headerPadding ? $headerPadding : '0px';
|
|
11472
14135
|
});
|
|
11473
|
-
var TabContainer$
|
|
14136
|
+
var TabContainer$4 = styled.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) {
|
|
11474
14137
|
var $disabled = _ref3.$disabled;
|
|
11475
14138
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11476
14139
|
}, function (_ref4) {
|
|
@@ -11483,18 +14146,18 @@ var TabContainer$2 = styled.div(_templateObject3$u || (_templateObject3$u = _tag
|
|
|
11483
14146
|
var $disabled = _ref6.$disabled;
|
|
11484
14147
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11485
14148
|
});
|
|
11486
|
-
var TabItemContainer$
|
|
14149
|
+
var TabItemContainer$4 = styled.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) {
|
|
11487
14150
|
var $headerHeight = _ref7.$headerHeight;
|
|
11488
14151
|
return $headerHeight ? $headerHeight : '34px';
|
|
11489
14152
|
}, function (props) {
|
|
11490
14153
|
return props.$active ? 'block' : 'none';
|
|
11491
14154
|
}, colorVariables$1["default"].primary);
|
|
11492
|
-
var DetailsFirstContainer$
|
|
14155
|
+
var DetailsFirstContainer$4 = styled.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) {
|
|
11493
14156
|
return props.$active ? colorVariables$1["default"].primary : colorVariables$1.text.medium;
|
|
11494
14157
|
});
|
|
11495
14158
|
|
|
11496
|
-
var _templateObject$
|
|
11497
|
-
var Label$
|
|
14159
|
+
var _templateObject$15, _templateObject2$U, _templateObject3$L, _templateObject4$E, _templateObject5$u;
|
|
14160
|
+
var Label$a = styled.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) {
|
|
11498
14161
|
var $size = _ref.$size;
|
|
11499
14162
|
switch ($size) {
|
|
11500
14163
|
case 'small':
|
|
@@ -11529,7 +14192,7 @@ var Label$6 = styled.label(_templateObject$L || (_templateObject$L = _taggedTemp
|
|
|
11529
14192
|
return $titlecolor;
|
|
11530
14193
|
}
|
|
11531
14194
|
});
|
|
11532
|
-
var Input$
|
|
14195
|
+
var Input$5 = styled.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) {
|
|
11533
14196
|
var $disabled = _ref3.$disabled;
|
|
11534
14197
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11535
14198
|
}, function (_ref4) {
|
|
@@ -11577,12 +14240,12 @@ var Input$3 = styled.input(_templateObject2$C || (_templateObject2$C = _taggedTe
|
|
|
11577
14240
|
return $color;
|
|
11578
14241
|
}
|
|
11579
14242
|
}, colorVariables$1.text.light);
|
|
11580
|
-
var InputWrapper$
|
|
11581
|
-
var IconWrapper$
|
|
14243
|
+
var InputWrapper$6 = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
14244
|
+
var IconWrapper$b = styled.div(_templateObject4$E || (_templateObject4$E = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref9) {
|
|
11582
14245
|
var $disabled = _ref9.$disabled;
|
|
11583
14246
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
11584
14247
|
});
|
|
11585
|
-
var Asterisk$
|
|
14248
|
+
var Asterisk$6 = styled.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);
|
|
11586
14249
|
var TextField = function TextField(_ref10) {
|
|
11587
14250
|
var _ref10$type = _ref10.type,
|
|
11588
14251
|
type = _ref10$type === void 0 ? 'text' : _ref10$type,
|
|
@@ -11637,11 +14300,11 @@ var TextField = function TextField(_ref10) {
|
|
|
11637
14300
|
"$padding": padding
|
|
11638
14301
|
}, (title || titleRightNode) && React.createElement(Container$3, {
|
|
11639
14302
|
"$gap": titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.gap
|
|
11640
|
-
}, title && React.createElement(Label$
|
|
14303
|
+
}, title && React.createElement(Label$a, {
|
|
11641
14304
|
"$size": size,
|
|
11642
14305
|
htmlFor: title,
|
|
11643
14306
|
"$titlecolor": titlecolor
|
|
11644
|
-
}, title, required && React.createElement(Asterisk$
|
|
14307
|
+
}, title, required && React.createElement(Asterisk$6, null, "*")), titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.node), React.createElement(InputWrapper$6, null, React.createElement(Input$5, {
|
|
11645
14308
|
type: inputType || 'text',
|
|
11646
14309
|
name: title,
|
|
11647
14310
|
id: title,
|
|
@@ -11658,7 +14321,7 @@ var TextField = function TextField(_ref10) {
|
|
|
11658
14321
|
if (onEnter) onEnter();
|
|
11659
14322
|
}
|
|
11660
14323
|
}
|
|
11661
|
-
}), type === 'password' && inputValue && React.createElement(IconWrapper$
|
|
14324
|
+
}), type === 'password' && inputValue && React.createElement(IconWrapper$b, {
|
|
11662
14325
|
"$disabled": disabled,
|
|
11663
14326
|
onClick: function onClick() {
|
|
11664
14327
|
if (!disabled) handleShowPassword();
|
|
@@ -11668,7 +14331,7 @@ var TextField = function TextField(_ref10) {
|
|
|
11668
14331
|
size: iconsize,
|
|
11669
14332
|
weight: iconweight,
|
|
11670
14333
|
color: iconcolor || colorVariables$1["default"].primary
|
|
11671
|
-
})), icon && type !== 'password' && React.createElement(IconWrapper$
|
|
14334
|
+
})), icon && type !== 'password' && React.createElement(IconWrapper$b, {
|
|
11672
14335
|
onClick: handleToggleDisabled
|
|
11673
14336
|
}, React.createElement(Icon$1, {
|
|
11674
14337
|
icon: icon,
|
|
@@ -11678,12 +14341,12 @@ var TextField = function TextField(_ref10) {
|
|
|
11678
14341
|
}))));
|
|
11679
14342
|
};
|
|
11680
14343
|
|
|
11681
|
-
var _templateObject$
|
|
11682
|
-
var Container$
|
|
14344
|
+
var _templateObject$16, _templateObject2$V, _templateObject3$M;
|
|
14345
|
+
var Container$g = styled.div(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
11683
14346
|
var $padding = _ref.$padding;
|
|
11684
14347
|
return $padding;
|
|
11685
14348
|
});
|
|
11686
|
-
var Label$
|
|
14349
|
+
var Label$b = styled.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) {
|
|
11687
14350
|
var $size = _ref2.$size;
|
|
11688
14351
|
switch ($size) {
|
|
11689
14352
|
case 'small':
|
|
@@ -11699,7 +14362,7 @@ var Label$7 = styled.label(_templateObject2$D || (_templateObject2$D = _taggedTe
|
|
|
11699
14362
|
var $titlecolor = _ref3.$titlecolor;
|
|
11700
14363
|
return $titlecolor || colorVariables.text.dark;
|
|
11701
14364
|
});
|
|
11702
|
-
var TextAreaComponent$
|
|
14365
|
+
var TextAreaComponent$5 = styled.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) {
|
|
11703
14366
|
var $disabled = _ref4.$disabled;
|
|
11704
14367
|
return $disabled ? 'not-allowed' : 'auto';
|
|
11705
14368
|
}, function (_ref5) {
|
|
@@ -11750,13 +14413,13 @@ var TextArea = function TextArea(_ref9) {
|
|
|
11750
14413
|
useEffect(function () {
|
|
11751
14414
|
setIsDisabled(disabled);
|
|
11752
14415
|
}, [disabled]);
|
|
11753
|
-
return React.createElement(Container$
|
|
14416
|
+
return React.createElement(Container$g, {
|
|
11754
14417
|
"$padding": padding
|
|
11755
|
-
}, title && React.createElement(Label$
|
|
14418
|
+
}, title && React.createElement(Label$b, {
|
|
11756
14419
|
"$size": size,
|
|
11757
14420
|
htmlFor: title,
|
|
11758
14421
|
"$titlecolor": titlecolor
|
|
11759
|
-
}, title, required && React.createElement(Asterisk$
|
|
14422
|
+
}, title, required && React.createElement(Asterisk$6, null, "*")), React.createElement(TextAreaComponent$5, {
|
|
11760
14423
|
name: title,
|
|
11761
14424
|
id: title,
|
|
11762
14425
|
value: inputValue,
|
|
@@ -11769,18 +14432,18 @@ var TextArea = function TextArea(_ref9) {
|
|
|
11769
14432
|
}));
|
|
11770
14433
|
};
|
|
11771
14434
|
|
|
11772
|
-
var _templateObject$
|
|
11773
|
-
var OptionContainer$
|
|
11774
|
-
var OptionItem$
|
|
14435
|
+
var _templateObject$17, _templateObject2$W, _templateObject3$N, _templateObject4$F, _templateObject5$v, _templateObject6$i, _templateObject7$8;
|
|
14436
|
+
var OptionContainer$6 = styled.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);
|
|
14437
|
+
var OptionItem$6 = styled.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) {
|
|
11775
14438
|
var $optionSelected = _ref.$optionSelected;
|
|
11776
14439
|
return $optionSelected ? colorVariables.text.white : colorVariables.text.medium;
|
|
11777
14440
|
}, function (_ref2) {
|
|
11778
14441
|
var $optionSelected = _ref2.$optionSelected;
|
|
11779
14442
|
return $optionSelected ? colorVariables["default"].primary : colorVariables.text.white;
|
|
11780
14443
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
11781
|
-
var TotalOptionsHeader$
|
|
11782
|
-
var OptionLabel$
|
|
11783
|
-
var SearchContainer$
|
|
14444
|
+
var TotalOptionsHeader$5 = styled.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);
|
|
14445
|
+
var OptionLabel$6 = styled.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"])));
|
|
14446
|
+
var SearchContainer$8 = styled.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) {
|
|
11784
14447
|
var $background = _ref3.$background;
|
|
11785
14448
|
switch ($background) {
|
|
11786
14449
|
case 'dark':
|
|
@@ -11809,7 +14472,7 @@ var SearchContainer$6 = styled.div(_templateObject5$l || (_templateObject5$l = _
|
|
|
11809
14472
|
var $borderRadius = _ref5.$borderRadius;
|
|
11810
14473
|
return $borderRadius || '8px';
|
|
11811
14474
|
});
|
|
11812
|
-
var SearchBar$
|
|
14475
|
+
var SearchBar$8 = styled.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) {
|
|
11813
14476
|
var $inputColor = _ref6.$inputColor;
|
|
11814
14477
|
switch ($inputColor) {
|
|
11815
14478
|
case 'dark':
|
|
@@ -11854,7 +14517,7 @@ var SearchBar$6 = styled.input(_templateObject6$e || (_templateObject6$e = _tagg
|
|
|
11854
14517
|
return $placeholderColor;
|
|
11855
14518
|
}
|
|
11856
14519
|
});
|
|
11857
|
-
var OptionsWrapper$
|
|
14520
|
+
var OptionsWrapper$6 = styled.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);
|
|
11858
14521
|
var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
11859
14522
|
var options = _ref8.options,
|
|
11860
14523
|
selectedOption = _ref8.selectedOption,
|
|
@@ -11903,7 +14566,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11903
14566
|
"$gap": '8px',
|
|
11904
14567
|
"$width": '100%',
|
|
11905
14568
|
"$position": 'relative'
|
|
11906
|
-
}, searchBox && React.createElement(SearchContainer$
|
|
14569
|
+
}, searchBox && React.createElement(SearchContainer$8, {
|
|
11907
14570
|
"$borderBottom": searchBoxBorder,
|
|
11908
14571
|
"$background": isSearchBarEnabled ? colorVariables.text.white : colorVariables.accent.light,
|
|
11909
14572
|
"$borderRadius": searchBoxBorderRadius,
|
|
@@ -11919,7 +14582,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11919
14582
|
onClick: function onClick() {
|
|
11920
14583
|
return setIsSearchBarEnabled(true);
|
|
11921
14584
|
}
|
|
11922
|
-
}, React.createElement(SearchBar$
|
|
14585
|
+
}, React.createElement(SearchBar$8, {
|
|
11923
14586
|
type: 'text',
|
|
11924
14587
|
placeholder: placeholder,
|
|
11925
14588
|
value: internalSearchQuery,
|
|
@@ -11936,18 +14599,18 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11936
14599
|
setInternalSearchQuery('');
|
|
11937
14600
|
setSearchQuery('');
|
|
11938
14601
|
}
|
|
11939
|
-
}), isSearchBarEnabled && React.createElement(OptionContainer$
|
|
14602
|
+
}), isSearchBarEnabled && React.createElement(OptionContainer$6, null, options.length > 0 ? React.createElement(Container, {
|
|
11940
14603
|
"$flexDirection": 'column',
|
|
11941
14604
|
"$overflow": 'auto'
|
|
11942
|
-
}, React.createElement(TotalOptionsHeader$
|
|
14605
|
+
}, React.createElement(TotalOptionsHeader$5, null, React.createElement(Span, {
|
|
11943
14606
|
"$fontSize": '12px',
|
|
11944
14607
|
"$fontWeight": '400',
|
|
11945
14608
|
"$color": colorVariables.text.light
|
|
11946
|
-
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React.createElement(OptionsWrapper$
|
|
11947
|
-
return React.createElement(OptionItem$
|
|
14609
|
+
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React.createElement(OptionsWrapper$6, null, filteredArray.length > 0 ? filteredArray.map(function (option) {
|
|
14610
|
+
return React.createElement(OptionItem$6, {
|
|
11948
14611
|
key: option.value,
|
|
11949
14612
|
"$optionSelected": option.value === selectedOption
|
|
11950
|
-
}, React.createElement(OptionLabel$
|
|
14613
|
+
}, React.createElement(OptionLabel$6, {
|
|
11951
14614
|
htmlFor: option.value,
|
|
11952
14615
|
onClick: function onClick() {
|
|
11953
14616
|
setInternalSearchQuery(option.labelText);
|
|
@@ -11969,31 +14632,31 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
11969
14632
|
}, NoOptionsText)))));
|
|
11970
14633
|
};
|
|
11971
14634
|
|
|
11972
|
-
var _templateObject$
|
|
11973
|
-
var spin$
|
|
11974
|
-
var getDotPosition$
|
|
14635
|
+
var _templateObject$18, _templateObject2$X, _templateObject3$O, _templateObject4$G;
|
|
14636
|
+
var spin$b = keyframes(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
14637
|
+
var getDotPosition$5 = function getDotPosition(index, size) {
|
|
11975
14638
|
var angle = index * 360 / 8;
|
|
11976
14639
|
var radius = size / 2.5;
|
|
11977
14640
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
11978
14641
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
11979
14642
|
return "translate(" + x + "px, " + y + "px)";
|
|
11980
14643
|
};
|
|
11981
|
-
var SpinnerContainer$
|
|
14644
|
+
var SpinnerContainer$5 = styled.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) {
|
|
11982
14645
|
var $size = _ref.$size;
|
|
11983
14646
|
return $size;
|
|
11984
14647
|
}, function (_ref2) {
|
|
11985
14648
|
var $size = _ref2.$size;
|
|
11986
14649
|
return $size;
|
|
11987
14650
|
});
|
|
11988
|
-
var Dot$
|
|
14651
|
+
var Dot$5 = styled.div.attrs(function (_ref3) {
|
|
11989
14652
|
var $index = _ref3.$index,
|
|
11990
14653
|
$size = _ref3.$size;
|
|
11991
14654
|
return {
|
|
11992
14655
|
style: {
|
|
11993
|
-
transform: getDotPosition$
|
|
14656
|
+
transform: getDotPosition$5($index, $size)
|
|
11994
14657
|
}
|
|
11995
14658
|
};
|
|
11996
|
-
})(_templateObject3$
|
|
14659
|
+
})(_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) {
|
|
11997
14660
|
var $dotSize = _ref4.$dotSize;
|
|
11998
14661
|
return $dotSize;
|
|
11999
14662
|
}, function (_ref5) {
|
|
@@ -12002,7 +14665,7 @@ var Dot$3 = styled.div.attrs(function (_ref3) {
|
|
|
12002
14665
|
}, function (_ref6) {
|
|
12003
14666
|
var $color = _ref6.$color;
|
|
12004
14667
|
return $color;
|
|
12005
|
-
}, spin$
|
|
14668
|
+
}, spin$b, function (_ref7) {
|
|
12006
14669
|
var $speed = _ref7.$speed;
|
|
12007
14670
|
return $speed;
|
|
12008
14671
|
}, function (_ref8) {
|
|
@@ -12010,7 +14673,7 @@ var Dot$3 = styled.div.attrs(function (_ref3) {
|
|
|
12010
14673
|
$speed = _ref8.$speed;
|
|
12011
14674
|
return $index * $speed / 8;
|
|
12012
14675
|
});
|
|
12013
|
-
var SpinnerWrapper$
|
|
14676
|
+
var SpinnerWrapper$5 = styled.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"])));
|
|
12014
14677
|
var sizeMap = {
|
|
12015
14678
|
small: {
|
|
12016
14679
|
size: 32
|
|
@@ -12034,13 +14697,13 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
12034
14697
|
text = _ref9.text,
|
|
12035
14698
|
customSize = _ref9.customSize;
|
|
12036
14699
|
var spinnerSize = customSize != null ? customSize : sizeMap[size].size;
|
|
12037
|
-
return React.createElement(SpinnerWrapper$
|
|
14700
|
+
return React.createElement(SpinnerWrapper$5, null, React.createElement(SpinnerContainer$5, {
|
|
12038
14701
|
"$size": spinnerSize,
|
|
12039
14702
|
"aria-label": "Loading animation"
|
|
12040
14703
|
}, Array.from({
|
|
12041
14704
|
length: 8
|
|
12042
14705
|
}).map(function (_, i) {
|
|
12043
|
-
return React.createElement(Dot$
|
|
14706
|
+
return React.createElement(Dot$5, {
|
|
12044
14707
|
key: i,
|
|
12045
14708
|
"$index": i,
|
|
12046
14709
|
"$size": spinnerSize,
|
|
@@ -12051,9 +14714,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
12051
14714
|
})), text && React.createElement(React.Fragment, null, text));
|
|
12052
14715
|
};
|
|
12053
14716
|
|
|
12054
|
-
var _templateObject$
|
|
12055
|
-
var spin$
|
|
12056
|
-
var Spinner$
|
|
14717
|
+
var _templateObject$19, _templateObject2$Y;
|
|
14718
|
+
var spin$c = keyframes(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
14719
|
+
var Spinner$6 = styled.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) {
|
|
12057
14720
|
var $size = _ref.$size;
|
|
12058
14721
|
return $size;
|
|
12059
14722
|
}, function (_ref2) {
|
|
@@ -12062,7 +14725,7 @@ var Spinner$4 = styled.div(_templateObject2$G || (_templateObject2$G = _taggedTe
|
|
|
12062
14725
|
}, function (_ref3) {
|
|
12063
14726
|
var $color = _ref3.$color;
|
|
12064
14727
|
return $color;
|
|
12065
|
-
}, spin$
|
|
14728
|
+
}, spin$c);
|
|
12066
14729
|
var Loader = function Loader(_ref4) {
|
|
12067
14730
|
var title = _ref4.title,
|
|
12068
14731
|
_ref4$size = _ref4.size,
|
|
@@ -12078,7 +14741,7 @@ var Loader = function Loader(_ref4) {
|
|
|
12078
14741
|
"$height": '100%',
|
|
12079
14742
|
"$flexDirection": 'column',
|
|
12080
14743
|
"$gap": '12px'
|
|
12081
|
-
}, React.createElement(Container, null, React.createElement(Spinner$
|
|
14744
|
+
}, React.createElement(Container, null, React.createElement(Spinner$6, {
|
|
12082
14745
|
"$size": size,
|
|
12083
14746
|
"$color": color
|
|
12084
14747
|
})), title && React.createElement(Container, {
|
|
@@ -12094,8 +14757,8 @@ var Loader = function Loader(_ref4) {
|
|
|
12094
14757
|
}, title))));
|
|
12095
14758
|
};
|
|
12096
14759
|
|
|
12097
|
-
var _templateObject$
|
|
12098
|
-
var PageInput$
|
|
14760
|
+
var _templateObject$1a;
|
|
14761
|
+
var PageInput$5 = styled.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);
|
|
12099
14762
|
var Pagination = function Pagination(_ref) {
|
|
12100
14763
|
var totalPages = _ref.totalPages,
|
|
12101
14764
|
currentPage = _ref.currentPage,
|
|
@@ -12153,7 +14816,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
12153
14816
|
}, React.createElement(Container, {
|
|
12154
14817
|
"$gap": '4px',
|
|
12155
14818
|
"$alignItems": 'center'
|
|
12156
|
-
}, React.createElement(PageInput$
|
|
14819
|
+
}, React.createElement(PageInput$5, {
|
|
12157
14820
|
type: 'number',
|
|
12158
14821
|
value: inputPage,
|
|
12159
14822
|
onChange: handleInputChange,
|
|
@@ -12279,22 +14942,22 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
12279
14942
|
})));
|
|
12280
14943
|
};
|
|
12281
14944
|
|
|
12282
|
-
var _templateObject$
|
|
12283
|
-
var SidebarContainer$
|
|
14945
|
+
var _templateObject$1b, _templateObject2$Z, _templateObject3$P, _templateObject4$H, _templateObject5$w, _templateObject6$j;
|
|
14946
|
+
var SidebarContainer$5 = styled.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) {
|
|
12284
14947
|
var $isExpanded = _ref.$isExpanded;
|
|
12285
14948
|
return $isExpanded ? '225px' : '68px';
|
|
12286
14949
|
}, function (_ref2) {
|
|
12287
14950
|
var $background = _ref2.$background;
|
|
12288
14951
|
return $background ? $background : colorVariables.accent.softBlue;
|
|
12289
14952
|
});
|
|
12290
|
-
var SidebarItem$
|
|
12291
|
-
var ContentWrapper$
|
|
12292
|
-
var IconWrapper$
|
|
14953
|
+
var SidebarItem$5 = styled(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);
|
|
14954
|
+
var ContentWrapper$5 = styled.div(_templateObject3$P || (_templateObject3$P = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
14955
|
+
var IconWrapper$c = styled.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) {
|
|
12293
14956
|
var $selected = _ref3.$selected;
|
|
12294
14957
|
return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
|
|
12295
14958
|
});
|
|
12296
|
-
var Logo$
|
|
12297
|
-
var TextContainer$
|
|
14959
|
+
var Logo$5 = styled.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"])));
|
|
14960
|
+
var TextContainer$5 = styled.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) {
|
|
12298
14961
|
var $padding = _ref4.$padding;
|
|
12299
14962
|
return $padding;
|
|
12300
14963
|
}, function (_ref5) {
|
|
@@ -12331,7 +14994,7 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
12331
14994
|
return parts.length > 0 ? "/" + parts[0] + "/" : '/';
|
|
12332
14995
|
};
|
|
12333
14996
|
var topLevelPath = getTopLevelPathWithSlash(location.pathname) || getTopLevelPath(location.pathname);
|
|
12334
|
-
return React.createElement(SidebarContainer$
|
|
14997
|
+
return React.createElement(SidebarContainer$5, {
|
|
12335
14998
|
"$background": background,
|
|
12336
14999
|
"$isExpanded": isExpanded,
|
|
12337
15000
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -12340,24 +15003,24 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
12340
15003
|
onMouseLeave: function onMouseLeave() {
|
|
12341
15004
|
return setIsExpanded(false);
|
|
12342
15005
|
}
|
|
12343
|
-
}, logo && React.createElement(Logo$
|
|
15006
|
+
}, logo && React.createElement(Logo$5, null, React.createElement(Icon, {
|
|
12344
15007
|
icon: logo.icon
|
|
12345
|
-
}), React.createElement(TextContainer$
|
|
15008
|
+
}), React.createElement(TextContainer$5, {
|
|
12346
15009
|
"$isExpanded": isExpanded,
|
|
12347
15010
|
"$fontWeight": "700"
|
|
12348
|
-
}, logo.name)), React.createElement(ContentWrapper$
|
|
15011
|
+
}, logo.name)), React.createElement(ContentWrapper$5, null, content.map(function (item) {
|
|
12349
15012
|
var isActive = item.url.includes(topLevelPath);
|
|
12350
|
-
return React.createElement(SidebarItem$
|
|
15013
|
+
return React.createElement(SidebarItem$5, {
|
|
12351
15014
|
to: item.url,
|
|
12352
15015
|
key: item.id
|
|
12353
|
-
}, React.createElement(IconWrapper$
|
|
15016
|
+
}, React.createElement(IconWrapper$c, {
|
|
12354
15017
|
"$selected": isActive
|
|
12355
15018
|
}, React.createElement(Icon, {
|
|
12356
15019
|
icon: item.icon,
|
|
12357
15020
|
size: 20,
|
|
12358
15021
|
weight: item.iconWeight,
|
|
12359
15022
|
color: isActive ? colorVariables.text.white : colorVariables.text.medium
|
|
12360
|
-
})), React.createElement(TextContainer$
|
|
15023
|
+
})), React.createElement(TextContainer$5, {
|
|
12361
15024
|
"$isExpanded": isExpanded,
|
|
12362
15025
|
"$fontSize": "14px",
|
|
12363
15026
|
"$padding": '0px 10px 0px 0px',
|
|
@@ -12366,14 +15029,14 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
12366
15029
|
})), ProfileContent);
|
|
12367
15030
|
};
|
|
12368
15031
|
|
|
12369
|
-
var _templateObject$
|
|
12370
|
-
var ContainerWrapper$
|
|
15032
|
+
var _templateObject$1c, _templateObject2$_, _templateObject3$Q, _templateObject4$I;
|
|
15033
|
+
var ContainerWrapper$5 = styled.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) {
|
|
12371
15034
|
return props.$width || 'auto';
|
|
12372
15035
|
}, function (_ref) {
|
|
12373
15036
|
var $minHeight = _ref.$minHeight;
|
|
12374
15037
|
return $minHeight;
|
|
12375
15038
|
});
|
|
12376
|
-
var CellContainer$
|
|
15039
|
+
var CellContainer$5 = styled.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) {
|
|
12377
15040
|
return props.$align;
|
|
12378
15041
|
}, function (props) {
|
|
12379
15042
|
return props.$width || 'auto';
|
|
@@ -12384,14 +15047,14 @@ var CellContainer$3 = styled.div(_templateObject2$I || (_templateObject2$I = _ta
|
|
|
12384
15047
|
}, function (props) {
|
|
12385
15048
|
return props.$padding;
|
|
12386
15049
|
});
|
|
12387
|
-
var MainText$
|
|
15050
|
+
var MainText$5 = styled.div(_templateObject3$Q || (_templateObject3$Q = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12388
15051
|
return props.$mtc;
|
|
12389
15052
|
}, function (props) {
|
|
12390
15053
|
return props.$mtfs;
|
|
12391
15054
|
}, function (props) {
|
|
12392
15055
|
return props.$mtw;
|
|
12393
15056
|
});
|
|
12394
|
-
var SubText$
|
|
15057
|
+
var SubText$5 = styled.div(_templateObject4$I || (_templateObject4$I = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
12395
15058
|
return props.$stc;
|
|
12396
15059
|
}, function (props) {
|
|
12397
15060
|
return props.$stfs;
|
|
@@ -12420,31 +15083,31 @@ var TableCell = function TableCell(_ref2) {
|
|
|
12420
15083
|
CustomFunction = _ref2.CustomFunction,
|
|
12421
15084
|
padding = _ref2.padding,
|
|
12422
15085
|
minHeight = _ref2.minHeight;
|
|
12423
|
-
return React.createElement(ContainerWrapper$
|
|
15086
|
+
return React.createElement(ContainerWrapper$5, {
|
|
12424
15087
|
"$width": width,
|
|
12425
15088
|
"$minHeight": minHeight
|
|
12426
|
-
}, CustomFunction ? React.createElement(CellContainer$
|
|
15089
|
+
}, CustomFunction ? React.createElement(CellContainer$5, {
|
|
12427
15090
|
"$align": alignment,
|
|
12428
15091
|
"$width": width,
|
|
12429
15092
|
"$minWidth": minWidth
|
|
12430
|
-
}, CustomFunction) : React.createElement(CellContainer$
|
|
15093
|
+
}, CustomFunction) : React.createElement(CellContainer$5, {
|
|
12431
15094
|
"$align": alignment,
|
|
12432
15095
|
"$width": width,
|
|
12433
15096
|
"$minWidth": minWidth,
|
|
12434
15097
|
"$padding": padding
|
|
12435
|
-
}, React.createElement(MainText$
|
|
15098
|
+
}, React.createElement(MainText$5, {
|
|
12436
15099
|
"$mtc": maintextcolor,
|
|
12437
15100
|
"$mtfs": maintextfontsize,
|
|
12438
15101
|
"$mtw": maintextweight
|
|
12439
|
-
}, maintext), subtext && React.createElement(SubText$
|
|
15102
|
+
}, maintext), subtext && React.createElement(SubText$5, {
|
|
12440
15103
|
"$stc": subtextcolor,
|
|
12441
15104
|
"$stfs": subtextfontsize,
|
|
12442
15105
|
"$stw": subtextweight
|
|
12443
15106
|
}, subtext)));
|
|
12444
15107
|
};
|
|
12445
15108
|
|
|
12446
|
-
var _templateObject$
|
|
12447
|
-
var TableRowContainer$
|
|
15109
|
+
var _templateObject$1d;
|
|
15110
|
+
var TableRowContainer$5 = styled$1.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"])));
|
|
12448
15111
|
var TableRow = function TableRow(_ref) {
|
|
12449
15112
|
var rowconfig = _ref.rowconfig,
|
|
12450
15113
|
tableheaderconfig = _ref.tableheaderconfig;
|
|
@@ -12453,7 +15116,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
12453
15116
|
};
|
|
12454
15117
|
return React.createElement(Container, null, rowconfig.map(function (data, Index) {
|
|
12455
15118
|
var _rowconfig$Index;
|
|
12456
|
-
return React.createElement(TableRowContainer$
|
|
15119
|
+
return React.createElement(TableRowContainer$5, {
|
|
12457
15120
|
key: Index
|
|
12458
15121
|
}, tableheaderconfig.isAllSelectable && React.createElement(Container, {
|
|
12459
15122
|
"$padding": '0px 16px 0px 0px',
|
|
@@ -12487,16 +15150,16 @@ var TableRow = function TableRow(_ref) {
|
|
|
12487
15150
|
}));
|
|
12488
15151
|
};
|
|
12489
15152
|
|
|
12490
|
-
var _templateObject$
|
|
12491
|
-
var TableContainer$
|
|
12492
|
-
var TableHeader$
|
|
15153
|
+
var _templateObject$1e, _templateObject2$$, _templateObject3$R, _templateObject4$J, _templateObject5$x;
|
|
15154
|
+
var TableContainer$5 = styled.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);
|
|
15155
|
+
var TableHeader$5 = styled.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) {
|
|
12493
15156
|
return props.$hbcolor || 'transparent';
|
|
12494
15157
|
}, function (props) {
|
|
12495
15158
|
return props.$tcolor || 'white';
|
|
12496
15159
|
});
|
|
12497
|
-
var TableContent$
|
|
12498
|
-
var TableData$
|
|
12499
|
-
var Divider$
|
|
15160
|
+
var TableContent$5 = styled.div(_templateObject3$R || (_templateObject3$R = _taggedTemplateLiteralLoose(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
15161
|
+
var TableData$5 = styled.div(_templateObject4$J || (_templateObject4$J = _taggedTemplateLiteralLoose(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
15162
|
+
var Divider$5 = styled.div(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose(["\n height: 2px;\n background: ", ";\n"])), colorVariables.border.extraLight);
|
|
12500
15163
|
var Table = function Table(_ref) {
|
|
12501
15164
|
var tableObject = _ref.tableObject,
|
|
12502
15165
|
_ref$filter = _ref.filter,
|
|
@@ -12546,7 +15209,7 @@ var Table = function Table(_ref) {
|
|
|
12546
15209
|
useEffect(function () {
|
|
12547
15210
|
setIsAllSelected(false);
|
|
12548
15211
|
}, [rowconfig]);
|
|
12549
|
-
return React.createElement(TableContainer$
|
|
15212
|
+
return React.createElement(TableContainer$5, null, React.createElement(TableContent$5, null, React.createElement(TableHeader$5, {
|
|
12550
15213
|
"$hbcolor": tableheaderconfig.headercolor,
|
|
12551
15214
|
"$tcolor": tableheaderconfig.textcolor
|
|
12552
15215
|
}, tableheaderconfig.isAllSelectable && React.createElement(Container, {
|
|
@@ -12576,7 +15239,7 @@ var Table = function Table(_ref) {
|
|
|
12576
15239
|
"$alignItems": 'center',
|
|
12577
15240
|
"$padding": '24px 24px',
|
|
12578
15241
|
"$justifyContent": 'center'
|
|
12579
|
-
}, React.createElement(Span, null, noDataText)) : filter ? React.createElement(TableData$
|
|
15242
|
+
}, React.createElement(Span, null, noDataText)) : filter ? React.createElement(TableData$5, null, Object.entries(roleGroups).map(function (_ref2) {
|
|
12580
15243
|
var role = _ref2[0],
|
|
12581
15244
|
rows = _ref2[1];
|
|
12582
15245
|
return React.createElement(React.Fragment, {
|
|
@@ -12606,28 +15269,28 @@ var Table = function Table(_ref) {
|
|
|
12606
15269
|
}, React.createElement(TableRow, {
|
|
12607
15270
|
rowconfig: [row],
|
|
12608
15271
|
tableheaderconfig: tableheaderconfig
|
|
12609
|
-
}), rows.length > 1 && index < rows.length - 1 && React.createElement(Divider$
|
|
15272
|
+
}), rows.length > 1 && index < rows.length - 1 && React.createElement(Divider$5, null));
|
|
12610
15273
|
}));
|
|
12611
|
-
})) : React.createElement(TableData$
|
|
15274
|
+
})) : React.createElement(TableData$5, null, filteredRows.map(function (row, index) {
|
|
12612
15275
|
return React.createElement(React.Fragment, {
|
|
12613
15276
|
key: index
|
|
12614
15277
|
}, React.createElement(TableRow, {
|
|
12615
15278
|
rowconfig: [row],
|
|
12616
15279
|
tableheaderconfig: tableheaderconfig
|
|
12617
|
-
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React.createElement(Divider$
|
|
15280
|
+
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React.createElement(Divider$5, null));
|
|
12618
15281
|
}))));
|
|
12619
15282
|
};
|
|
12620
15283
|
|
|
12621
|
-
var _templateObject$
|
|
12622
|
-
var Container$
|
|
15284
|
+
var _templateObject$1f, _templateObject2$10, _templateObject3$S, _templateObject4$K, _templateObject5$y;
|
|
15285
|
+
var Container$h = styled.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) {
|
|
12623
15286
|
var $border = _ref.$border;
|
|
12624
15287
|
return $border;
|
|
12625
15288
|
});
|
|
12626
|
-
var FirstContainer$
|
|
15289
|
+
var FirstContainer$5 = styled.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) {
|
|
12627
15290
|
var $headerPadding = _ref2.$headerPadding;
|
|
12628
15291
|
return $headerPadding ? $headerPadding : '0px';
|
|
12629
15292
|
});
|
|
12630
|
-
var TabContainer$
|
|
15293
|
+
var TabContainer$5 = styled.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) {
|
|
12631
15294
|
var $disabled = _ref3.$disabled;
|
|
12632
15295
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
12633
15296
|
}, function (_ref4) {
|
|
@@ -12640,13 +15303,13 @@ var TabContainer$3 = styled.div(_templateObject3$C || (_templateObject3$C = _tag
|
|
|
12640
15303
|
var $disabled = _ref6.$disabled;
|
|
12641
15304
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
12642
15305
|
});
|
|
12643
|
-
var TabItemContainer$
|
|
15306
|
+
var TabItemContainer$5 = styled.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) {
|
|
12644
15307
|
var $headerHeight = _ref7.$headerHeight;
|
|
12645
15308
|
return $headerHeight ? $headerHeight : '34px';
|
|
12646
15309
|
}, function (props) {
|
|
12647
15310
|
return props.$active ? 'block' : 'none';
|
|
12648
15311
|
}, colorVariables["default"].primary);
|
|
12649
|
-
var DetailsFirstContainer$
|
|
15312
|
+
var DetailsFirstContainer$5 = styled.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) {
|
|
12650
15313
|
return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
|
|
12651
15314
|
});
|
|
12652
15315
|
var Tabs = function Tabs(_ref8) {
|
|
@@ -12657,19 +15320,19 @@ var Tabs = function Tabs(_ref8) {
|
|
|
12657
15320
|
headerPadding = _ref8.headerPadding,
|
|
12658
15321
|
activeTab = _ref8.activeTab,
|
|
12659
15322
|
border = _ref8.border;
|
|
12660
|
-
return React.createElement(Container$
|
|
15323
|
+
return React.createElement(Container$h, {
|
|
12661
15324
|
"$border": border
|
|
12662
|
-
}, React.createElement(FirstContainer$
|
|
15325
|
+
}, React.createElement(FirstContainer$5, {
|
|
12663
15326
|
"$headerPadding": headerPadding
|
|
12664
15327
|
}, tabItems.map(function (tab, index) {
|
|
12665
|
-
return React.createElement(TabContainer$
|
|
15328
|
+
return React.createElement(TabContainer$5, {
|
|
12666
15329
|
key: index,
|
|
12667
15330
|
onClick: function onClick() {
|
|
12668
15331
|
if (!disabled && tab.onClick) tab.onClick();
|
|
12669
15332
|
},
|
|
12670
15333
|
"$disabled": disabled,
|
|
12671
15334
|
"$headerHeight": headerHeight
|
|
12672
|
-
}, React.createElement(TabItemContainer$
|
|
15335
|
+
}, React.createElement(TabItemContainer$5, {
|
|
12673
15336
|
"$active": activeTab === tab.title,
|
|
12674
15337
|
"$headerHeight": headerHeight
|
|
12675
15338
|
}, tab.icon && React.createElement(Icon, {
|
|
@@ -12677,11 +15340,11 @@ var Tabs = function Tabs(_ref8) {
|
|
|
12677
15340
|
icon: tab.icon,
|
|
12678
15341
|
size: tab.iconSize,
|
|
12679
15342
|
weight: tab.iconWeight
|
|
12680
|
-
}), React.createElement(DetailsFirstContainer$
|
|
15343
|
+
}), React.createElement(DetailsFirstContainer$5, {
|
|
12681
15344
|
"$active": activeTab === tab.title
|
|
12682
15345
|
}, tab.title)));
|
|
12683
15346
|
})), tabItems.map(function (tab, index) {
|
|
12684
|
-
return activeTab === tab.title && React.createElement(Container$
|
|
15347
|
+
return activeTab === tab.title && React.createElement(Container$h, {
|
|
12685
15348
|
key: index
|
|
12686
15349
|
}, tab.content);
|
|
12687
15350
|
}));
|