labsense-ui-kit 1.1.25 → 1.1.27
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/index.d.ts +2 -4
- package/dist/index.js +3122 -410
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +3122 -409
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8432,7 +8432,7 @@ var Container$2$1 = styled__default.div(_templateObject4$3$1 || (_templateObject
|
|
|
8432
8432
|
var LabelText$2 = styled__default.div(_templateObject5$3$1 || (_templateObject5$3$1 = _taggedTemplateLiteralLoose$1(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref18) {
|
|
8433
8433
|
var $labelStyle = _ref18.$labelStyle;
|
|
8434
8434
|
return $labelStyle;
|
|
8435
|
-
}, colorVariables$1.text.
|
|
8435
|
+
}, colorVariables$1.text.medium);
|
|
8436
8436
|
var DropdownMenu$2 = styled__default.div(_templateObject6$3$1 || (_templateObject6$3$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref19) {
|
|
8437
8437
|
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
8438
8438
|
return $optionsBorderRadius || '8px';
|
|
@@ -8562,7 +8562,7 @@ var DropdownContainer$1$1 = styled__default.div(_templateObject2$8$1 || (_templa
|
|
|
8562
8562
|
var $width = _ref4.$width;
|
|
8563
8563
|
return $width || '100%';
|
|
8564
8564
|
});
|
|
8565
|
-
var DropdownButton$1$1 = styled__default.div(_templateObject3$6$1 || (_templateObject3$6$1 = _taggedTemplateLiteralLoose$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) {
|
|
8565
|
+
var DropdownButton$1$1 = styled__default.div(_templateObject3$6$1 || (_templateObject3$6$1 = _taggedTemplateLiteralLoose$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 transition: all 0.3s ease;\n border: ", ";\n gap: 6px;\n padding: ", ";\n background: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref5) {
|
|
8566
8566
|
var $disabled = _ref5.$disabled;
|
|
8567
8567
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
8568
8568
|
}, function (_ref6) {
|
|
@@ -8575,8 +8575,9 @@ var DropdownButton$1$1 = styled__default.div(_templateObject3$6$1 || (_templateO
|
|
|
8575
8575
|
var $borderRadius = _ref8.$borderRadius;
|
|
8576
8576
|
return $borderRadius || '8px';
|
|
8577
8577
|
}, function (_ref9) {
|
|
8578
|
-
var $border = _ref9.$border
|
|
8579
|
-
|
|
8578
|
+
var $border = _ref9.$border,
|
|
8579
|
+
$isOpen = _ref9.$isOpen;
|
|
8580
|
+
return $isOpen ? "1px solid " + colorVariables$1.text.dark : $border || "1px solid " + colorVariables$1.border.light;
|
|
8580
8581
|
}, function (_ref10) {
|
|
8581
8582
|
var $size = _ref10.$size;
|
|
8582
8583
|
switch ($size) {
|
|
@@ -8647,75 +8648,2952 @@ var LabelText$1$1 = styled__default.div(_templateObject5$4$1 || (_templateObject
|
|
|
8647
8648
|
default:
|
|
8648
8649
|
return '14px';
|
|
8649
8650
|
}
|
|
8650
|
-
}, function (_ref20) {
|
|
8651
|
-
var $fontStyle = _ref20.$fontStyle;
|
|
8652
|
-
return $fontStyle || '';
|
|
8653
|
-
}, function (_ref21) {
|
|
8654
|
-
var $color = _ref21.$color,
|
|
8655
|
-
$disabled = _ref21.$disabled;
|
|
8656
|
-
return $disabled ? colorVariables$1.text.medium : $color || colorVariables$1.text.medium;
|
|
8657
|
-
});
|
|
8658
|
-
var NoOptions$1 = styled__default(Span$1)(_templateObject6$4$1 || (_templateObject6$4$1 = _taggedTemplateLiteralLoose$1(["\n display: flex;\n align-items: center;\n height: 100%;\n padding: 12px;\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
8659
|
-
var DropdownMenu$1$1 = styled__default.div(_templateObject7$2$1 || (_templateObject7$2$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref22) {
|
|
8660
|
-
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
8661
|
-
return $optionsBorderRadius || '8px';
|
|
8662
|
-
}, function (_ref23) {
|
|
8663
|
-
var $width = _ref23.$width;
|
|
8664
|
-
return $width ? $width : 'max-content';
|
|
8665
|
-
}, function (_ref24) {
|
|
8666
|
-
var $menuBackground = _ref24.$menuBackground;
|
|
8667
|
-
return $menuBackground || colorVariables$1.accent.extraLight;
|
|
8668
|
-
}, function (_ref25) {
|
|
8669
|
-
var $top = _ref25.$top;
|
|
8670
|
-
return $top && "top: " + $top + ";";
|
|
8671
|
-
}, function (_ref26) {
|
|
8672
|
-
var $bottom = _ref26.$bottom;
|
|
8673
|
-
return $bottom && "bottom: " + $bottom + ";";
|
|
8674
|
-
});
|
|
8675
|
-
var OptionsWrapper$1 = styled__default.div(_templateObject8$2$1 || (_templateObject8$2$1 = _taggedTemplateLiteralLoose$1(["\n max-height: 150px; \n overflow-y: auto;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
8676
|
-
var SearchContainer$1$1 = styled__default.div(_templateObject9$2$1 || (_templateObject9$2$1 = _taggedTemplateLiteralLoose$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) {
|
|
8677
|
-
var $background = _ref27.$background;
|
|
8678
|
-
return $background || colorVariables$1.accent.extraLight;
|
|
8679
|
-
}, function (_ref28) {
|
|
8680
|
-
var $border = _ref28.$border;
|
|
8681
|
-
return $border || 'none';
|
|
8682
|
-
}, colorVariables$1.border.light, function (_ref29) {
|
|
8683
|
-
var $borderRadius = _ref29.$borderRadius;
|
|
8684
|
-
return $borderRadius || '8px 8px 0 0';
|
|
8685
|
-
});
|
|
8686
|
-
var SearchBar$1$1 = styled__default.input(_templateObject10$2$1 || (_templateObject10$2$1 = _taggedTemplateLiteralLoose$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) {
|
|
8687
|
-
var $inputColor = _ref30.$inputColor;
|
|
8688
|
-
return $inputColor || colorVariables$1.text.medium;
|
|
8689
|
-
}, function (_ref31) {
|
|
8690
|
-
var $placeholderColor = _ref31.$placeholderColor;
|
|
8691
|
-
return $placeholderColor || colorVariables$1.text.light;
|
|
8692
|
-
});
|
|
8693
|
-
var _templateObject$c$1, _templateObject2$9$1;
|
|
8694
|
-
var ModalOverlay$1 = styled__default.div(_templateObject$c$1 || (_templateObject$c$1 = _taggedTemplateLiteralLoose$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"])));
|
|
8695
|
-
var ModalContainer$1 = styled__default.div(_templateObject2$9$1 || (_templateObject2$9$1 = _taggedTemplateLiteralLoose$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-height: 100vh;\n max-width: ", ";\n overflow: visible;\n"])), colorVariables$1.accent.light, function (_ref) {
|
|
8696
|
-
var $maxWidth = _ref.$maxWidth;
|
|
8697
|
-
return $maxWidth ? $maxWidth : '400px';
|
|
8698
|
-
});
|
|
8699
|
-
|
|
8700
|
-
|
|
8651
|
+
}, function (_ref20) {
|
|
8652
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
8653
|
+
return $fontStyle || '';
|
|
8654
|
+
}, function (_ref21) {
|
|
8655
|
+
var $color = _ref21.$color,
|
|
8656
|
+
$disabled = _ref21.$disabled;
|
|
8657
|
+
return $disabled ? colorVariables$1.text.medium : $color || colorVariables$1.text.medium;
|
|
8658
|
+
});
|
|
8659
|
+
var NoOptions$1 = styled__default(Span$1)(_templateObject6$4$1 || (_templateObject6$4$1 = _taggedTemplateLiteralLoose$1(["\n display: flex;\n align-items: center;\n height: 100%;\n padding: 12px;\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
8660
|
+
var DropdownMenu$1$1 = styled__default.div(_templateObject7$2$1 || (_templateObject7$2$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref22) {
|
|
8661
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
8662
|
+
return $optionsBorderRadius || '8px';
|
|
8663
|
+
}, function (_ref23) {
|
|
8664
|
+
var $width = _ref23.$width;
|
|
8665
|
+
return $width ? $width : 'max-content';
|
|
8666
|
+
}, function (_ref24) {
|
|
8667
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
8668
|
+
return $menuBackground || colorVariables$1.accent.extraLight;
|
|
8669
|
+
}, function (_ref25) {
|
|
8670
|
+
var $top = _ref25.$top;
|
|
8671
|
+
return $top && "top: " + $top + ";";
|
|
8672
|
+
}, function (_ref26) {
|
|
8673
|
+
var $bottom = _ref26.$bottom;
|
|
8674
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
8675
|
+
});
|
|
8676
|
+
var OptionsWrapper$1 = styled__default.div(_templateObject8$2$1 || (_templateObject8$2$1 = _taggedTemplateLiteralLoose$1(["\n max-height: 150px; \n overflow-y: auto;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
8677
|
+
var SearchContainer$1$1 = styled__default.div(_templateObject9$2$1 || (_templateObject9$2$1 = _taggedTemplateLiteralLoose$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) {
|
|
8678
|
+
var $background = _ref27.$background;
|
|
8679
|
+
return $background || colorVariables$1.accent.extraLight;
|
|
8680
|
+
}, function (_ref28) {
|
|
8681
|
+
var $border = _ref28.$border;
|
|
8682
|
+
return $border || 'none';
|
|
8683
|
+
}, colorVariables$1.border.light, function (_ref29) {
|
|
8684
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
8685
|
+
return $borderRadius || '8px 8px 0 0';
|
|
8686
|
+
});
|
|
8687
|
+
var SearchBar$1$1 = styled__default.input(_templateObject10$2$1 || (_templateObject10$2$1 = _taggedTemplateLiteralLoose$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) {
|
|
8688
|
+
var $inputColor = _ref30.$inputColor;
|
|
8689
|
+
return $inputColor || colorVariables$1.text.medium;
|
|
8690
|
+
}, function (_ref31) {
|
|
8691
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
8692
|
+
return $placeholderColor || colorVariables$1.text.light;
|
|
8693
|
+
});
|
|
8694
|
+
var _templateObject$c$1, _templateObject2$9$1;
|
|
8695
|
+
var ModalOverlay$1 = styled__default.div(_templateObject$c$1 || (_templateObject$c$1 = _taggedTemplateLiteralLoose$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"])));
|
|
8696
|
+
var ModalContainer$1 = styled__default.div(_templateObject2$9$1 || (_templateObject2$9$1 = _taggedTemplateLiteralLoose$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-height: 100vh;\n max-width: ", ";\n overflow: visible;\n"])), colorVariables$1.accent.light, function (_ref) {
|
|
8697
|
+
var $maxWidth = _ref.$maxWidth;
|
|
8698
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
8699
|
+
});
|
|
8700
|
+
function _taggedTemplateLiteralLoose$1$1(e, t) {
|
|
8701
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
8702
|
+
}
|
|
8703
|
+
var colorVariables$1$1 = {
|
|
8704
|
+
brand: {
|
|
8705
|
+
primary: '#4C9EEB',
|
|
8706
|
+
secondary: '#14171A',
|
|
8707
|
+
light: '#FFFFFF'
|
|
8708
|
+
},
|
|
8709
|
+
accent: {
|
|
8710
|
+
light: '#E1E8ED',
|
|
8711
|
+
extraLight: '#F5F8FA',
|
|
8712
|
+
softBlue: '#D4EEFF',
|
|
8713
|
+
extraSoftBlue: '#E4F4FF',
|
|
8714
|
+
boldTransparent: '#5E5E5E80',
|
|
8715
|
+
transparent: '#5E5E5E4D',
|
|
8716
|
+
lightTransparent: '#5E5E5E23'
|
|
8717
|
+
},
|
|
8718
|
+
"default": {
|
|
8719
|
+
primary: '#78B6F0',
|
|
8720
|
+
secondary: '#C2C2C2',
|
|
8721
|
+
tertiary: 'transparent',
|
|
8722
|
+
error: '#F44336',
|
|
8723
|
+
success: '#4CAF50',
|
|
8724
|
+
warning: '#FF9800',
|
|
8725
|
+
info: '#2159F3'
|
|
8726
|
+
},
|
|
8727
|
+
disabled: {
|
|
8728
|
+
primary: '#B9DCF7',
|
|
8729
|
+
secondary: '#DADADA',
|
|
8730
|
+
error: '#FFEBEE',
|
|
8731
|
+
success: '#E8F5E9',
|
|
8732
|
+
warning: '#FFF3E0',
|
|
8733
|
+
info: '#E3F2FD'
|
|
8734
|
+
},
|
|
8735
|
+
hover: {
|
|
8736
|
+
primary: '#4C9EEB',
|
|
8737
|
+
secondary: '#A3A3A3',
|
|
8738
|
+
tertiary: 'transparent',
|
|
8739
|
+
error: '#D32F2F',
|
|
8740
|
+
success: '#388E3C',
|
|
8741
|
+
warning: '#F57C00',
|
|
8742
|
+
info: '#193ED2'
|
|
8743
|
+
},
|
|
8744
|
+
border: {
|
|
8745
|
+
extraBold: '#657786',
|
|
8746
|
+
bold: '#BFBFBF',
|
|
8747
|
+
medium: '#CBCED0',
|
|
8748
|
+
light: '#DCDCDC',
|
|
8749
|
+
extraLight: '#E6E3E3'
|
|
8750
|
+
},
|
|
8751
|
+
text: {
|
|
8752
|
+
dark: '#14171A',
|
|
8753
|
+
medium: '#657786',
|
|
8754
|
+
light: '#98A2AA',
|
|
8755
|
+
white: '#FFFFFF',
|
|
8756
|
+
success: '#1B5E20',
|
|
8757
|
+
error: '#B71C1C',
|
|
8758
|
+
info: '#0D30A1',
|
|
8759
|
+
warning: '#E65100'
|
|
8760
|
+
},
|
|
8761
|
+
badge: {
|
|
8762
|
+
lavender: '#E8DAFF',
|
|
8763
|
+
papayaWhip: '#FFEDD5',
|
|
8764
|
+
water: '#C7E3FF',
|
|
8765
|
+
paleBlue: '#B0F0E4',
|
|
8766
|
+
teaGreen: '#D5F7C2',
|
|
8767
|
+
lightBlue: '#ADD8E6'
|
|
8768
|
+
}
|
|
8769
|
+
};
|
|
8770
|
+
var _templateObject$d$1, _templateObject2$a$1, _templateObject3$7$1;
|
|
8771
|
+
var wrapperCss$1$1 = styled.css(_templateObject$d$1 || (_templateObject$d$1 = _taggedTemplateLiteralLoose$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"])));
|
|
8772
|
+
var IconWrapper$1$1 = styled__default.div(_templateObject2$a$1 || (_templateObject2$a$1 = _taggedTemplateLiteralLoose$1$1(["\n width: max-content;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ", ";\n ", ";\n"])), function (_ref) {
|
|
8773
|
+
var $clickable = _ref.$clickable;
|
|
8774
|
+
return $clickable ? 'pointer' : 'default';
|
|
8775
|
+
}, wrapperCss$1$1);
|
|
8776
|
+
var IconWrapperForSVG$1$1 = styled__default.g(_templateObject3$7$1 || (_templateObject3$7$1 = _taggedTemplateLiteralLoose$1$1(["\n ", ";\n"])), wrapperCss$1$1);
|
|
8777
|
+
var _templateObject$1$1$1, _templateObject2$1$1$1;
|
|
8778
|
+
var Container$3$1 = styled__default.div(_templateObject$1$1$1 || (_templateObject$1$1$1 = _taggedTemplateLiteralLoose$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 border-top-left-radius: ", ";\n border-top-right-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-top: ", ";\n border-bottom: ", ";\n border-left: ", ";\n transition: ", ";\n box-shadow: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
8779
|
+
var $flex = _ref.$flex;
|
|
8780
|
+
return $flex;
|
|
8781
|
+
}, function (_ref2) {
|
|
8782
|
+
var $flexWrap = _ref2.$flexWrap;
|
|
8783
|
+
return $flexWrap;
|
|
8784
|
+
}, function (_ref3) {
|
|
8785
|
+
var $flexDirection = _ref3.$flexDirection;
|
|
8786
|
+
return $flexDirection;
|
|
8787
|
+
}, function (_ref4) {
|
|
8788
|
+
var $justifyContent = _ref4.$justifyContent;
|
|
8789
|
+
return $justifyContent;
|
|
8790
|
+
}, function (_ref5) {
|
|
8791
|
+
var $alignItems = _ref5.$alignItems;
|
|
8792
|
+
return $alignItems;
|
|
8793
|
+
}, function (_ref6) {
|
|
8794
|
+
var $gap = _ref6.$gap;
|
|
8795
|
+
return $gap;
|
|
8796
|
+
}, function (_ref7) {
|
|
8797
|
+
var $fontWeight = _ref7.$fontWeight;
|
|
8798
|
+
return $fontWeight;
|
|
8799
|
+
}, function (_ref8) {
|
|
8800
|
+
var $height = _ref8.$height;
|
|
8801
|
+
return $height;
|
|
8802
|
+
}, function (_ref9) {
|
|
8803
|
+
var $minHeight = _ref9.$minHeight;
|
|
8804
|
+
return $minHeight;
|
|
8805
|
+
}, function (_ref10) {
|
|
8806
|
+
var $maxHeight = _ref10.$maxHeight;
|
|
8807
|
+
return $maxHeight;
|
|
8808
|
+
}, function (_ref11) {
|
|
8809
|
+
var $width = _ref11.$width;
|
|
8810
|
+
return $width;
|
|
8811
|
+
}, function (_ref12) {
|
|
8812
|
+
var $minWidth = _ref12.$minWidth;
|
|
8813
|
+
return $minWidth;
|
|
8814
|
+
}, function (_ref13) {
|
|
8815
|
+
var $maxWidth = _ref13.$maxWidth;
|
|
8816
|
+
return $maxWidth;
|
|
8817
|
+
}, function (_ref14) {
|
|
8818
|
+
var $padding = _ref14.$padding;
|
|
8819
|
+
return $padding;
|
|
8820
|
+
}, function (_ref15) {
|
|
8821
|
+
var $background = _ref15.$background;
|
|
8822
|
+
return $background;
|
|
8823
|
+
}, function (_ref16) {
|
|
8824
|
+
var $objectfit = _ref16.$objectfit;
|
|
8825
|
+
return $objectfit;
|
|
8826
|
+
}, function (_ref17) {
|
|
8827
|
+
var $margin = _ref17.$margin;
|
|
8828
|
+
return $margin;
|
|
8829
|
+
}, function (_ref18) {
|
|
8830
|
+
var $borderRadius = _ref18.$borderRadius;
|
|
8831
|
+
return $borderRadius;
|
|
8832
|
+
}, function (_ref19) {
|
|
8833
|
+
var $borderTopLeftRadius = _ref19.$borderTopLeftRadius;
|
|
8834
|
+
return $borderTopLeftRadius;
|
|
8835
|
+
}, function (_ref20) {
|
|
8836
|
+
var $borderTopRightRadius = _ref20.$borderTopRightRadius;
|
|
8837
|
+
return $borderTopRightRadius;
|
|
8838
|
+
}, function (_ref21) {
|
|
8839
|
+
var $cursor = _ref21.$cursor;
|
|
8840
|
+
return $cursor;
|
|
8841
|
+
}, function (_ref22) {
|
|
8842
|
+
var $fontSize = _ref22.$fontSize;
|
|
8843
|
+
return $fontSize;
|
|
8844
|
+
}, function (_ref23) {
|
|
8845
|
+
var $opacity = _ref23.$opacity;
|
|
8846
|
+
return $opacity;
|
|
8847
|
+
}, function (_ref24) {
|
|
8848
|
+
var $pointerEvents = _ref24.$pointerEvents;
|
|
8849
|
+
return $pointerEvents;
|
|
8850
|
+
}, function (_ref25) {
|
|
8851
|
+
var $position = _ref25.$position;
|
|
8852
|
+
return $position;
|
|
8853
|
+
}, function (_ref26) {
|
|
8854
|
+
var $top = _ref26.$top;
|
|
8855
|
+
return $top;
|
|
8856
|
+
}, function (_ref27) {
|
|
8857
|
+
var $bottom = _ref27.$bottom;
|
|
8858
|
+
return $bottom;
|
|
8859
|
+
}, function (_ref28) {
|
|
8860
|
+
var $left = _ref28.$left;
|
|
8861
|
+
return $left;
|
|
8862
|
+
}, function (_ref29) {
|
|
8863
|
+
var $right = _ref29.$right;
|
|
8864
|
+
return $right;
|
|
8865
|
+
}, function (_ref30) {
|
|
8866
|
+
var $textAlign = _ref30.$textAlign;
|
|
8867
|
+
return $textAlign;
|
|
8868
|
+
}, function (_ref31) {
|
|
8869
|
+
var $color = _ref31.$color;
|
|
8870
|
+
return $color;
|
|
8871
|
+
}, function (_ref32) {
|
|
8872
|
+
var $overflow = _ref32.$overflow;
|
|
8873
|
+
return $overflow || 'visible';
|
|
8874
|
+
}, function (_ref33) {
|
|
8875
|
+
var $overflowY = _ref33.$overflowY;
|
|
8876
|
+
return $overflowY;
|
|
8877
|
+
}, function (_ref34) {
|
|
8878
|
+
var $zIndex = _ref34.$zIndex;
|
|
8879
|
+
return $zIndex;
|
|
8880
|
+
}, function (_ref35) {
|
|
8881
|
+
var $scrollbarWidth = _ref35.$scrollbarWidth;
|
|
8882
|
+
return $scrollbarWidth;
|
|
8883
|
+
}, function (_ref36) {
|
|
8884
|
+
var $border = _ref36.$border;
|
|
8885
|
+
return $border;
|
|
8886
|
+
}, function (_ref37) {
|
|
8887
|
+
var $borderTop = _ref37.$borderTop;
|
|
8888
|
+
return $borderTop;
|
|
8889
|
+
}, function (_ref38) {
|
|
8890
|
+
var $borderBottom = _ref38.$borderBottom;
|
|
8891
|
+
return $borderBottom;
|
|
8892
|
+
}, function (_ref39) {
|
|
8893
|
+
var $borderLeft = _ref39.$borderLeft;
|
|
8894
|
+
return $borderLeft;
|
|
8895
|
+
}, function (_ref40) {
|
|
8896
|
+
var $transition = _ref40.$transition;
|
|
8897
|
+
return $transition;
|
|
8898
|
+
}, function (_ref41) {
|
|
8899
|
+
var $boxShadow = _ref41.$boxShadow;
|
|
8900
|
+
return $boxShadow;
|
|
8901
|
+
}, function (_ref42) {
|
|
8902
|
+
var $hoverBackground = _ref42.$hoverBackground;
|
|
8903
|
+
return $hoverBackground;
|
|
8904
|
+
}, function (_ref43) {
|
|
8905
|
+
var $hoverColor = _ref43.$hoverColor;
|
|
8906
|
+
return $hoverColor;
|
|
8907
|
+
});
|
|
8908
|
+
var Span$1$1 = styled__default.span(_templateObject2$1$1$1 || (_templateObject2$1$1$1 = _taggedTemplateLiteralLoose$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 (_ref44) {
|
|
8909
|
+
var $fontFamily = _ref44.$fontFamily;
|
|
8910
|
+
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
8911
|
+
}, function (_ref45) {
|
|
8912
|
+
var $fontWeight = _ref45.$fontWeight;
|
|
8913
|
+
return $fontWeight ? $fontWeight : '500';
|
|
8914
|
+
}, function (_ref46) {
|
|
8915
|
+
var $fontSize = _ref46.$fontSize;
|
|
8916
|
+
return $fontSize ? $fontSize : '16px';
|
|
8917
|
+
}, function (_ref47) {
|
|
8918
|
+
var $color = _ref47.$color;
|
|
8919
|
+
return $color ? $color : colorVariables$1$1.text.medium;
|
|
8920
|
+
}, function (_ref48) {
|
|
8921
|
+
var $lineHeight = _ref48.$lineHeight;
|
|
8922
|
+
return $lineHeight ? $lineHeight : '100%';
|
|
8923
|
+
}, function (_ref49) {
|
|
8924
|
+
var $textAlign = _ref49.$textAlign;
|
|
8925
|
+
return $textAlign ? $textAlign : 'center';
|
|
8926
|
+
}, function (_ref50) {
|
|
8927
|
+
var $minWidth = _ref50.$minWidth;
|
|
8928
|
+
return $minWidth;
|
|
8929
|
+
}, function (_ref51) {
|
|
8930
|
+
var $width = _ref51.$width;
|
|
8931
|
+
return $width;
|
|
8932
|
+
}, function (_ref52) {
|
|
8933
|
+
var $overflowWrap = _ref52.$overflowWrap;
|
|
8934
|
+
return $overflowWrap;
|
|
8935
|
+
});
|
|
8936
|
+
var _templateObject$2$1$1, _templateObject2$2$1$1;
|
|
8937
|
+
var TooltipWrapper$1$1 = styled__default.div(_templateObject$2$1$1 || (_templateObject$2$1$1 = _taggedTemplateLiteralLoose$1$1(["\n svg {\n cursor: pointer;\n } \n"])));
|
|
8938
|
+
var TooltipText$1$1 = styled__default.span(_templateObject2$2$1$1 || (_templateObject2$2$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
8939
|
+
var $visible = _ref.$visible;
|
|
8940
|
+
return $visible ? 'visible' : 'hidden';
|
|
8941
|
+
}, function (_ref2) {
|
|
8942
|
+
var $visible = _ref2.$visible;
|
|
8943
|
+
return $visible ? 1 : 0;
|
|
8944
|
+
}, function (_ref3) {
|
|
8945
|
+
var $bgColor = _ref3.$bgColor;
|
|
8946
|
+
return $bgColor || colorVariables$1$1.brand.light;
|
|
8947
|
+
}, colorVariables$1$1.text.medium);
|
|
8948
|
+
var _templateObject$3$1$1;
|
|
8949
|
+
var BreadCrum$1$1 = styled__default.span(_templateObject$3$1$1 || (_templateObject$3$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
8950
|
+
var $color = _ref.$color;
|
|
8951
|
+
return $color ? $color : colorVariables$1$1.text.medium;
|
|
8952
|
+
}, function (_ref2) {
|
|
8953
|
+
var $disabled = _ref2.$disabled;
|
|
8954
|
+
return $disabled ? '0.6' : '1';
|
|
8955
|
+
}, function (_ref3) {
|
|
8956
|
+
var $hover = _ref3.$hover,
|
|
8957
|
+
$disabled = _ref3.$disabled;
|
|
8958
|
+
return $hover && !$disabled && 'underline';
|
|
8959
|
+
}, function (_ref4) {
|
|
8960
|
+
var $hover = _ref4.$hover,
|
|
8961
|
+
$disabled = _ref4.$disabled;
|
|
8962
|
+
return $hover && !$disabled ? 'pointer' : 'default';
|
|
8963
|
+
}, function (_ref5) {
|
|
8964
|
+
var $hover = _ref5.$hover,
|
|
8965
|
+
$disabled = _ref5.$disabled;
|
|
8966
|
+
return $hover && !$disabled && colorVariables$1$1["default"].primary;
|
|
8967
|
+
});
|
|
8968
|
+
var _templateObject$4$1$1;
|
|
8969
|
+
var fontFaces$1$1 = styled.css(_templateObject$4$1$1 || (_templateObject$4$1$1 = _taggedTemplateLiteralLoose$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"])));
|
|
8970
|
+
var GlobalFonts$1$1 = {
|
|
8971
|
+
bold: 'NotoSans, sans-serif',
|
|
8972
|
+
regular: 'NotoSans, sans-serif',
|
|
8973
|
+
light: 'NotoSans, sans-serif'
|
|
8974
|
+
};
|
|
8975
|
+
var _templateObject$5$1$1, _templateObject2$3$1$1, _templateObject3$1$1$1, _templateObject4$5$1, _templateObject5$5$1, _templateObject6$5$1;
|
|
8976
|
+
var spin$1$1 = styled.keyframes(_templateObject$5$1$1 || (_templateObject$5$1$1 = _taggedTemplateLiteralLoose$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
8977
|
+
var Spinner$1$1 = styled__default.div(_templateObject2$3$1$1 || (_templateObject2$3$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
8978
|
+
var $size = _ref.$size;
|
|
8979
|
+
return $size;
|
|
8980
|
+
}, function (_ref2) {
|
|
8981
|
+
var $size = _ref2.$size;
|
|
8982
|
+
return $size;
|
|
8983
|
+
}, function (_ref3) {
|
|
8984
|
+
var $size = _ref3.$size;
|
|
8985
|
+
return $size / 4;
|
|
8986
|
+
}, function (_ref4) {
|
|
8987
|
+
var $color = _ref4.$color;
|
|
8988
|
+
return $color;
|
|
8989
|
+
}, spin$1$1);
|
|
8990
|
+
var LoaderWrapper$1$1 = styled__default.div(_templateObject3$1$1$1 || (_templateObject3$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
8991
|
+
var $loaderPosition = _ref5.$loaderPosition;
|
|
8992
|
+
return $loaderPosition === 'right' ? '4px' : '0';
|
|
8993
|
+
}, function (_ref6) {
|
|
8994
|
+
var $loaderPosition = _ref6.$loaderPosition;
|
|
8995
|
+
return $loaderPosition === 'left' ? '4px' : '0';
|
|
8996
|
+
});
|
|
8997
|
+
var Container$1$1$1 = styled__default.div(_templateObject4$5$1 || (_templateObject4$5$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: ", ";\n gap: ", ";\n svg {\n cursor: ", ";\n }\n"])), function (_ref7) {
|
|
8998
|
+
var $iconPosition = _ref7.$iconPosition;
|
|
8999
|
+
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
9000
|
+
}, function (_ref8) {
|
|
9001
|
+
var gap = _ref8.gap;
|
|
9002
|
+
return gap || '4px';
|
|
9003
|
+
}, function (_ref9) {
|
|
9004
|
+
var cursor = _ref9.cursor;
|
|
9005
|
+
return cursor;
|
|
9006
|
+
});
|
|
9007
|
+
var StyledButton$1$1 = styled__default.button(_templateObject5$5$1 || (_templateObject5$5$1 = _taggedTemplateLiteralLoose$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) {
|
|
9008
|
+
var $disabled = _ref10.$disabled;
|
|
9009
|
+
return $disabled ? 'none' : 'auto';
|
|
9010
|
+
}, function (_ref11) {
|
|
9011
|
+
var $disabled = _ref11.$disabled;
|
|
9012
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9013
|
+
}, function (_ref12) {
|
|
9014
|
+
var $borderRadius = _ref12.$borderRadius;
|
|
9015
|
+
return $borderRadius || '8px';
|
|
9016
|
+
}, function (_ref13) {
|
|
9017
|
+
var $size = _ref13.$size,
|
|
9018
|
+
$padding = _ref13.$padding;
|
|
9019
|
+
return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
|
|
9020
|
+
}, function (_ref14) {
|
|
9021
|
+
var _$borderHover$match;
|
|
9022
|
+
var $variant = _ref14.$variant,
|
|
9023
|
+
$disabled = _ref14.$disabled,
|
|
9024
|
+
$borderHover = _ref14.$borderHover,
|
|
9025
|
+
$borderDefault = _ref14.$borderDefault,
|
|
9026
|
+
$background = _ref14.$background,
|
|
9027
|
+
$color = _ref14.$color,
|
|
9028
|
+
$colorHover = _ref14.$colorHover;
|
|
9029
|
+
switch ($variant) {
|
|
9030
|
+
case 'primary':
|
|
9031
|
+
return "\n background: " + ($disabled ? colorVariables$1$1.disabled.primary : colorVariables$1$1["default"].primary) + ";\n color: " + colorVariables$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1.disabled.primary : "1px solid " + colorVariables$1$1["default"].primary) + ";\n &:hover {\n background: " + colorVariables$1$1.hover.primary + ";\n border: 1px solid " + colorVariables$1$1.hover.primary + ";\n }\n ";
|
|
9032
|
+
case 'secondary':
|
|
9033
|
+
return "\n background: " + ($disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1["default"].secondary) + "; \n color: " + colorVariables$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1.disabled.secondary : "1px solid " + colorVariables$1$1["default"].secondary) + ";\n &:hover{\n background: " + colorVariables$1$1.hover.secondary + ";\n border: 1px solid " + colorVariables$1$1.hover.secondary + ";\n }\n ";
|
|
9034
|
+
case 'tertiary':
|
|
9035
|
+
return "\n background: " + colorVariables$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1.disabled.primary : colorVariables$1$1["default"].primary) + ";\n border: " + ($borderDefault ? "" + $borderDefault : "1px solid " + colorVariables$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.hover.primary) + ";\n border: " + ($borderHover ? $borderHover : "1px solid " + colorVariables$1$1.hover.primary) + ";\n }\n ";
|
|
9036
|
+
case 'error':
|
|
9037
|
+
return "\n background: " + ($disabled ? colorVariables$1$1.disabled.error : colorVariables$1$1["default"].error) + "; \n color: " + colorVariables$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1.disabled.error : "1px solid " + colorVariables$1$1["default"].error) + ";\n &:hover{\n background: " + colorVariables$1$1.hover.error + ";\n border: 1px solid " + colorVariables$1$1.hover.error + ";\n }\n ";
|
|
9038
|
+
case 'outline-primary':
|
|
9039
|
+
return "\n background: " + colorVariables$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1.disabled.primary : colorVariables$1$1["default"].primary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1.disabled.primary : "1px solid " + colorVariables$1$1["default"].primary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1.hover.primary + ";\n color: " + colorVariables$1$1.text.white + ";\n background: " + colorVariables$1$1.hover.primary + ";\n }\n ";
|
|
9040
|
+
case 'outline-secondary':
|
|
9041
|
+
return "\n background: " + colorVariables$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1["default"].secondary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1.disabled.secondary : "1px solid " + colorVariables$1$1["default"].secondary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1.hover.secondary + ";\n color: " + colorVariables$1$1.text.white + ";\n background: " + colorVariables$1$1.hover.secondary + ";\n }\n ";
|
|
9042
|
+
case 'outline-error':
|
|
9043
|
+
return "\n background: " + colorVariables$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1.disabled.error : colorVariables$1$1["default"].error) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1.disabled.error : "1px solid " + colorVariables$1$1["default"].error) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1.hover.error + ";\n color: " + colorVariables$1$1.text.white + ";\n background: " + colorVariables$1$1.hover.error + ";\n }\n ";
|
|
9044
|
+
case 'custom':
|
|
9045
|
+
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 ";
|
|
9046
|
+
default:
|
|
9047
|
+
return '';
|
|
9048
|
+
}
|
|
9049
|
+
}, function (_ref15) {
|
|
9050
|
+
var color = _ref15.color;
|
|
9051
|
+
return color;
|
|
9052
|
+
});
|
|
9053
|
+
var ButtonText$1$1 = styled__default.span(_templateObject6$5$1 || (_templateObject6$5$1 = _taggedTemplateLiteralLoose$1$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n white-space: nowrap;\n"])), function (_ref16) {
|
|
9054
|
+
var $fontFamily = _ref16.$fontFamily;
|
|
9055
|
+
return $fontFamily ? $fontFamily : GlobalFonts$1$1.bold;
|
|
9056
|
+
}, function (_ref17) {
|
|
9057
|
+
var $size = _ref17.$size,
|
|
9058
|
+
$fontSize = _ref17.$fontSize;
|
|
9059
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
9060
|
+
}, function (_ref18) {
|
|
9061
|
+
var $fontWeight = _ref18.$fontWeight,
|
|
9062
|
+
$size = _ref18.$size;
|
|
9063
|
+
return $size === 'custom' && $fontWeight || '500';
|
|
9064
|
+
}, function (_ref19) {
|
|
9065
|
+
var $size = _ref19.$size,
|
|
9066
|
+
$fontSize = _ref19.$fontSize;
|
|
9067
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
9068
|
+
});
|
|
9069
|
+
var _templateObject$6$1$1;
|
|
9070
|
+
var InnerContent$1$1 = styled__default.div(_templateObject$6$1$1 || (_templateObject$6$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9071
|
+
var $isScrollable = _ref.$isScrollable;
|
|
9072
|
+
return $isScrollable ? '0 12px' : '0';
|
|
9073
|
+
});
|
|
9074
|
+
var _templateObject$7$1$1, _templateObject2$4$1$1, _templateObject3$2$1$1, _templateObject4$1$1$1, _templateObject5$1$1$1, _templateObject6$1$1$1, _templateObject7$3$1, _templateObject8$3$1, _templateObject9$3$1, _templateObject10$3$1, _templateObject11$2$1, _templateObject12$1$1, _templateObject13$1$1, _templateObject14$1$1, _templateObject15$1$1, _templateObject16$1$1, _templateObject17$1$1, _templateObject18$1$1, _templateObject19$1$1, _templateObject20$1$1, _templateObject21$1$1;
|
|
9075
|
+
var DatePickerContainer$1$1 = styled__default.div(_templateObject$7$1$1 || (_templateObject$7$1$1 = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
9076
|
+
var CalendarContainer$1$1 = styled__default.div(_templateObject2$4$1$1 || (_templateObject2$4$1$1 = _taggedTemplateLiteralLoose$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.border.medium);
|
|
9077
|
+
var Calendar$1$1$1 = styled__default.div(_templateObject3$2$1$1 || (_templateObject3$2$1$1 = _taggedTemplateLiteralLoose$1$1([""])));
|
|
9078
|
+
var CalendarTime$1$1 = styled__default.div(_templateObject4$1$1$1 || (_templateObject4$1$1$1 = _taggedTemplateLiteralLoose$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.border.medium);
|
|
9079
|
+
var StartDate$1$1 = styled__default.div(_templateObject5$1$1$1 || (_templateObject5$1$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-bottom: 4px;\n"])));
|
|
9080
|
+
var SelectedStart$1$1 = styled__default.div(_templateObject6$1$1$1 || (_templateObject6$1$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 4px;\n color: ", ";\n"])), colorVariables$1$1.text.medium);
|
|
9081
|
+
var CurrentDate$1$1 = styled__default.p(_templateObject7$3$1 || (_templateObject7$3$1 = _taggedTemplateLiteralLoose$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
9082
|
+
var CurrentTime$1$1 = styled__default.div(_templateObject8$3$1 || (_templateObject8$3$1 = _taggedTemplateLiteralLoose$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), colorVariables$1$1.text.medium);
|
|
9083
|
+
var Selectedtime$1$1 = styled__default.div(_templateObject9$3$1 || (_templateObject9$3$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n color: ", ";\n gap: 8px;\n"])), colorVariables$1$1.text.medium);
|
|
9084
|
+
var Line$1$1 = styled__default.div(_templateObject10$3$1 || (_templateObject10$3$1 = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
9085
|
+
var Zones$1$1 = styled__default.div(_templateObject11$2$1 || (_templateObject11$2$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
9086
|
+
var CalendarHeader$1$1 = styled__default.div(_templateObject12$1$1 || (_templateObject12$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
9087
|
+
var CalendarMonthYear$1$1 = styled__default.span(_templateObject13$1$1 || (_templateObject13$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n color: ", ";\n justify-content: center;\n align-items: center;\n"])), colorVariables$1$1.text.medium);
|
|
9088
|
+
var CalendarContent$1$1 = styled__default.div(_templateObject14$1$1 || (_templateObject14$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 5px;\n padding: 10px;\n"])));
|
|
9089
|
+
var Button$1$1 = styled__default.div(_templateObject15$1$1 || (_templateObject15$1$1 = _taggedTemplateLiteralLoose$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["default"].secondary, colorVariables$1$1.text.white, function (_ref) {
|
|
9090
|
+
var $size = _ref.$size;
|
|
9091
|
+
return $size ? $size + "px" : '30px';
|
|
9092
|
+
}, function (_ref2) {
|
|
9093
|
+
var $size = _ref2.$size;
|
|
9094
|
+
return $size ? $size + "px" : '30px';
|
|
9095
|
+
});
|
|
9096
|
+
var CalendarDates$1$1 = styled__default.div(_templateObject16$1$1 || (_templateObject16$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9097
|
+
var $size = _ref3.$size;
|
|
9098
|
+
return $size ? $size + "px" : '30px';
|
|
9099
|
+
}, function (_ref4) {
|
|
9100
|
+
var $size = _ref4.$size;
|
|
9101
|
+
return $size ? $size + "px" : '30px';
|
|
9102
|
+
}, function (_ref5) {
|
|
9103
|
+
var $isFuture = _ref5.$isFuture,
|
|
9104
|
+
$futureDateTime = _ref5.$futureDateTime;
|
|
9105
|
+
return !$futureDateTime && $isFuture ? 'default' : 'pointer';
|
|
9106
|
+
}, function (_ref6) {
|
|
9107
|
+
var $isFuture = _ref6.$isFuture,
|
|
9108
|
+
$futureDateTime = _ref6.$futureDateTime;
|
|
9109
|
+
return !$futureDateTime && $isFuture ? 0.5 : 1;
|
|
9110
|
+
}, function (_ref7) {
|
|
9111
|
+
var $selected = _ref7.$selected,
|
|
9112
|
+
$inRange = _ref7.$inRange;
|
|
9113
|
+
return $selected ? colorVariables$1$1["default"].primary : $inRange ? colorVariables$1$1["default"].primary : colorVariables$1$1["default"].tertiary;
|
|
9114
|
+
}, function (_ref8) {
|
|
9115
|
+
var $selected = _ref8.$selected,
|
|
9116
|
+
$inRange = _ref8.$inRange;
|
|
9117
|
+
return $selected ? colorVariables$1$1.text.white : $inRange ? colorVariables$1$1.text.white : colorVariables$1$1.text.medium;
|
|
9118
|
+
}, function (_ref9) {
|
|
9119
|
+
var $selected = _ref9.$selected,
|
|
9120
|
+
$inRange = _ref9.$inRange,
|
|
9121
|
+
$isFuture = _ref9.$isFuture,
|
|
9122
|
+
$futureDateTime = _ref9.$futureDateTime;
|
|
9123
|
+
return !$futureDateTime && $isFuture ? 'transparent' : $selected ? colorVariables$1$1.disabled.primary : $inRange ? colorVariables$1$1.disabled.primary : colorVariables$1$1.disabled.primary;
|
|
9124
|
+
});
|
|
9125
|
+
var Year$1$1 = styled__default.div(_templateObject17$1$1 || (_templateObject17$1$1 = _taggedTemplateLiteralLoose$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 12px;\n"])));
|
|
9126
|
+
var Month$1$1 = styled__default.div(_templateObject18$1$1 || (_templateObject18$1$1 = _taggedTemplateLiteralLoose$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 600;\n font-size: 14px;\n"])));
|
|
9127
|
+
var InputWrapper$1$1 = styled__default.div(_templateObject19$1$1 || (_templateObject19$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n gap: 24px;\n"])));
|
|
9128
|
+
var TimeInputWrapper$1$1 = styled__default.div(_templateObject20$1$1 || (_templateObject20$1$1 = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
|
|
9129
|
+
var StyledInput$1$1 = styled__default.input(_templateObject21$1$1 || (_templateObject21$1$1 = _taggedTemplateLiteralLoose$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.border.extraBold, colorVariables$1$1.text.dark);
|
|
9130
|
+
var _templateObject$8$1$1, _templateObject2$5$1$1, _templateObject3$3$1$1, _templateObject4$2$1$1, _templateObject5$2$1$1, _templateObject6$2$1$1;
|
|
9131
|
+
var OptionContainer$1$1 = styled__default.div(_templateObject$8$1$1 || (_templateObject$8$1$1 = _taggedTemplateLiteralLoose$1$1([""])));
|
|
9132
|
+
var OptionItem$1$1 = styled__default.div(_templateObject2$5$1$1 || (_templateObject2$5$1$1 = _taggedTemplateLiteralLoose$1$1(["\n border-bottom: ", ";\n"])), function (_ref) {
|
|
9133
|
+
var $optionBorder = _ref.$optionBorder,
|
|
9134
|
+
$isborder = _ref.$isborder;
|
|
9135
|
+
return $isborder ? $optionBorder || "1px solid " + colorVariables$1$1.border.extraLight : '';
|
|
9136
|
+
});
|
|
9137
|
+
var OptionLabel$1$1 = styled__default.label(_templateObject3$3$1$1 || (_templateObject3$3$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9138
|
+
var $optionColor = _ref2.$optionColor;
|
|
9139
|
+
switch ($optionColor) {
|
|
9140
|
+
case 'dark':
|
|
9141
|
+
return colorVariables$1$1.text.dark;
|
|
9142
|
+
case 'medium':
|
|
9143
|
+
return colorVariables$1$1.text.medium;
|
|
9144
|
+
case 'light':
|
|
9145
|
+
return colorVariables$1$1.text.light;
|
|
9146
|
+
case 'white':
|
|
9147
|
+
return colorVariables$1$1.text.white;
|
|
9148
|
+
case 'warning':
|
|
9149
|
+
return colorVariables$1$1["default"].warning;
|
|
9150
|
+
case 'info':
|
|
9151
|
+
return colorVariables$1$1["default"].info;
|
|
9152
|
+
case 'success':
|
|
9153
|
+
return colorVariables$1$1["default"].success;
|
|
9154
|
+
case 'error':
|
|
9155
|
+
return colorVariables$1$1["default"].error;
|
|
9156
|
+
default:
|
|
9157
|
+
return $optionColor || colorVariables$1$1.text.medium;
|
|
9158
|
+
}
|
|
9159
|
+
});
|
|
9160
|
+
var SearchContainer$2$1 = styled__default.div(_templateObject4$2$1$1 || (_templateObject4$2$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9161
|
+
var $background = _ref3.$background;
|
|
9162
|
+
switch ($background) {
|
|
9163
|
+
case 'dark':
|
|
9164
|
+
return colorVariables$1$1.text.dark;
|
|
9165
|
+
case 'medium':
|
|
9166
|
+
return colorVariables$1$1.text.medium;
|
|
9167
|
+
case 'light':
|
|
9168
|
+
return colorVariables$1$1.text.light;
|
|
9169
|
+
case 'white':
|
|
9170
|
+
return colorVariables$1$1.text.white;
|
|
9171
|
+
case 'warning':
|
|
9172
|
+
return colorVariables$1$1["default"].warning;
|
|
9173
|
+
case 'info':
|
|
9174
|
+
return colorVariables$1$1["default"].info;
|
|
9175
|
+
case 'success':
|
|
9176
|
+
return colorVariables$1$1["default"].success;
|
|
9177
|
+
case 'error':
|
|
9178
|
+
return colorVariables$1$1["default"].error;
|
|
9179
|
+
default:
|
|
9180
|
+
return $background;
|
|
9181
|
+
}
|
|
9182
|
+
}, function (_ref4) {
|
|
9183
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
9184
|
+
return $borderBottom || 'none';
|
|
9185
|
+
}, function (_ref5) {
|
|
9186
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
9187
|
+
return $borderRadius || '8px';
|
|
9188
|
+
});
|
|
9189
|
+
var SearchBar$2$1 = styled__default.input(_templateObject5$2$1$1 || (_templateObject5$2$1$1 = _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: 14px;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), colorVariables$1$1["default"].tertiary, function (_ref6) {
|
|
9190
|
+
var $inputColor = _ref6.$inputColor;
|
|
9191
|
+
switch ($inputColor) {
|
|
9192
|
+
case 'dark':
|
|
9193
|
+
return colorVariables$1$1.text.dark;
|
|
9194
|
+
case 'medium':
|
|
9195
|
+
return colorVariables$1$1.text.medium;
|
|
9196
|
+
case 'light':
|
|
9197
|
+
return colorVariables$1$1.text.light;
|
|
9198
|
+
case 'white':
|
|
9199
|
+
return colorVariables$1$1.text.white;
|
|
9200
|
+
case 'warning':
|
|
9201
|
+
return colorVariables$1$1["default"].warning;
|
|
9202
|
+
case 'info':
|
|
9203
|
+
return colorVariables$1$1["default"].info;
|
|
9204
|
+
case 'success':
|
|
9205
|
+
return colorVariables$1$1["default"].success;
|
|
9206
|
+
case 'error':
|
|
9207
|
+
return colorVariables$1$1["default"].error;
|
|
9208
|
+
default:
|
|
9209
|
+
return $inputColor;
|
|
9210
|
+
}
|
|
9211
|
+
}, function (_ref7) {
|
|
9212
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
9213
|
+
switch ($placeholderColor) {
|
|
9214
|
+
case 'dark':
|
|
9215
|
+
return colorVariables$1$1.text.dark;
|
|
9216
|
+
case 'medium':
|
|
9217
|
+
return colorVariables$1$1.text.medium;
|
|
9218
|
+
case 'light':
|
|
9219
|
+
return colorVariables$1$1.text.light;
|
|
9220
|
+
case 'white':
|
|
9221
|
+
return colorVariables$1$1.text.white;
|
|
9222
|
+
case 'warning':
|
|
9223
|
+
return colorVariables$1$1["default"].warning;
|
|
9224
|
+
case 'info':
|
|
9225
|
+
return colorVariables$1$1["default"].info;
|
|
9226
|
+
case 'success':
|
|
9227
|
+
return colorVariables$1$1["default"].success;
|
|
9228
|
+
case 'error':
|
|
9229
|
+
return colorVariables$1$1["default"].error;
|
|
9230
|
+
default:
|
|
9231
|
+
return $placeholderColor;
|
|
9232
|
+
}
|
|
9233
|
+
});
|
|
9234
|
+
var Text$1$1 = styled__default.span(_templateObject6$2$1$1 || (_templateObject6$2$1$1 = _taggedTemplateLiteralLoose$1$1(["\n word-break: break-word;\n"])));
|
|
9235
|
+
var _templateObject$9$1$1, _templateObject2$6$1$1, _templateObject3$4$1$1, _templateObject4$3$1$1, _templateObject5$3$1$1, _templateObject6$3$1$1, _templateObject7$1$1$1, _templateObject8$1$1$1, _templateObject9$1$1$1, _templateObject10$1$1$1, _templateObject11$1$1$1;
|
|
9236
|
+
var DropdownContainer$2$1 = styled__default.div(_templateObject$9$1$1 || (_templateObject$9$1$1 = _taggedTemplateLiteralLoose$1$1(["\n width: ", ";\n height: ", ";\n max-width: 100%;\n position: relative;\n max-height: ", ";\n"])), function (_ref) {
|
|
9237
|
+
var $width = _ref.$width;
|
|
9238
|
+
return $width || '100%';
|
|
9239
|
+
}, function (_ref2) {
|
|
9240
|
+
var $height = _ref2.$height;
|
|
9241
|
+
return $height || '100%';
|
|
9242
|
+
}, function (_ref3) {
|
|
9243
|
+
var $replaceLabel = _ref3.$replaceLabel;
|
|
9244
|
+
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
9245
|
+
});
|
|
9246
|
+
var DropdownButton$2$1 = styled__default.div(_templateObject2$6$1$1 || (_templateObject2$6$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9247
|
+
var $replaceLabel = _ref4.$replaceLabel;
|
|
9248
|
+
return $replaceLabel ? 'auto' : '';
|
|
9249
|
+
}, function (_ref5) {
|
|
9250
|
+
var $size = _ref5.$size;
|
|
9251
|
+
switch ($size) {
|
|
9252
|
+
case 'small':
|
|
9253
|
+
return '9px 12px';
|
|
9254
|
+
case 'large':
|
|
9255
|
+
return '24px 12px';
|
|
9256
|
+
default:
|
|
9257
|
+
return '14px 12px';
|
|
9258
|
+
}
|
|
9259
|
+
}, function (_ref6) {
|
|
9260
|
+
var $width = _ref6.$width;
|
|
9261
|
+
return $width ? $width : '100%';
|
|
9262
|
+
}, function (_ref7) {
|
|
9263
|
+
var $height = _ref7.$height;
|
|
9264
|
+
return $height || '100%';
|
|
9265
|
+
}, function (_ref8) {
|
|
9266
|
+
var $border = _ref8.$border,
|
|
9267
|
+
$isOpen = _ref8.$isOpen;
|
|
9268
|
+
return $isOpen ? "1px solid " + colorVariables$1$1.text.dark : $border || "1px solid " + colorVariables$1$1.border.light;
|
|
9269
|
+
}, function (_ref9) {
|
|
9270
|
+
var $borderRadius = _ref9.$borderRadius;
|
|
9271
|
+
return $borderRadius || '8px';
|
|
9272
|
+
}, function (_ref10) {
|
|
9273
|
+
var $disabled = _ref10.$disabled;
|
|
9274
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9275
|
+
}, function (_ref11) {
|
|
9276
|
+
var $background = _ref11.$background,
|
|
9277
|
+
$disabled = _ref11.$disabled;
|
|
9278
|
+
switch ($background) {
|
|
9279
|
+
case 'dark':
|
|
9280
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1.text.dark;
|
|
9281
|
+
case 'medium':
|
|
9282
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1.text.medium;
|
|
9283
|
+
case 'light':
|
|
9284
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1.text.light;
|
|
9285
|
+
case 'white':
|
|
9286
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1.text.white;
|
|
9287
|
+
case 'warning':
|
|
9288
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1["default"].warning;
|
|
9289
|
+
case 'info':
|
|
9290
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1["default"].info;
|
|
9291
|
+
case 'success':
|
|
9292
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1["default"].success;
|
|
9293
|
+
case 'error':
|
|
9294
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : colorVariables$1$1["default"].error;
|
|
9295
|
+
default:
|
|
9296
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
9297
|
+
}
|
|
9298
|
+
}, function (_ref12) {
|
|
9299
|
+
var $color = _ref12.$color;
|
|
9300
|
+
return $color || colorVariables$1$1.text.medium;
|
|
9301
|
+
}, function (_ref13) {
|
|
9302
|
+
var $size = _ref13.$size;
|
|
9303
|
+
switch ($size) {
|
|
9304
|
+
case 'small':
|
|
9305
|
+
return '12px';
|
|
9306
|
+
case 'large':
|
|
9307
|
+
return '16px';
|
|
9308
|
+
default:
|
|
9309
|
+
return '14px';
|
|
9310
|
+
}
|
|
9311
|
+
}, function (_ref14) {
|
|
9312
|
+
var $size = _ref14.$size;
|
|
9313
|
+
switch ($size) {
|
|
9314
|
+
case 'small':
|
|
9315
|
+
return '12px';
|
|
9316
|
+
case 'large':
|
|
9317
|
+
return '16px';
|
|
9318
|
+
default:
|
|
9319
|
+
return '14px';
|
|
9320
|
+
}
|
|
9321
|
+
});
|
|
9322
|
+
var TitleText$2$1 = styled__default.div(_templateObject3$4$1$1 || (_templateObject3$4$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9323
|
+
var $titleSize = _ref15.$titleSize,
|
|
9324
|
+
$size = _ref15.$size;
|
|
9325
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
9326
|
+
}, function (_ref16) {
|
|
9327
|
+
var $titleSize = _ref16.$titleSize,
|
|
9328
|
+
$size = _ref16.$size;
|
|
9329
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
9330
|
+
}, function (_ref17) {
|
|
9331
|
+
var $titleColor = _ref17.$titleColor;
|
|
9332
|
+
switch ($titleColor) {
|
|
9333
|
+
case 'dark':
|
|
9334
|
+
return colorVariables$1$1.text.dark;
|
|
9335
|
+
case 'medium':
|
|
9336
|
+
return colorVariables$1$1.text.medium;
|
|
9337
|
+
case 'light':
|
|
9338
|
+
return colorVariables$1$1.text.light;
|
|
9339
|
+
case 'white':
|
|
9340
|
+
return colorVariables$1$1.text.white;
|
|
9341
|
+
case 'warning':
|
|
9342
|
+
return colorVariables$1$1["default"].warning;
|
|
9343
|
+
case 'info':
|
|
9344
|
+
return colorVariables$1$1["default"].info;
|
|
9345
|
+
case 'success':
|
|
9346
|
+
return colorVariables$1$1["default"].success;
|
|
9347
|
+
case 'error':
|
|
9348
|
+
return colorVariables$1$1["default"].error;
|
|
9349
|
+
default:
|
|
9350
|
+
return $titleColor;
|
|
9351
|
+
}
|
|
9352
|
+
});
|
|
9353
|
+
var Container$2$1$1 = styled__default.div(_templateObject4$3$1$1 || (_templateObject4$3$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n"])));
|
|
9354
|
+
var LabelText$2$1 = styled__default.div(_templateObject5$3$1$1 || (_templateObject5$3$1$1 = _taggedTemplateLiteralLoose$1$1(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref18) {
|
|
9355
|
+
var $labelStyle = _ref18.$labelStyle;
|
|
9356
|
+
return $labelStyle;
|
|
9357
|
+
}, colorVariables$1$1.text.medium);
|
|
9358
|
+
var DropdownMenu$2$1 = styled__default.div(_templateObject6$3$1$1 || (_templateObject6$3$1$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref19) {
|
|
9359
|
+
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
9360
|
+
return $optionsBorderRadius || '8px';
|
|
9361
|
+
}, function (_ref20) {
|
|
9362
|
+
var $width = _ref20.$width;
|
|
9363
|
+
return $width ? $width : 'max-content';
|
|
9364
|
+
}, function (_ref21) {
|
|
9365
|
+
var $menuBackground = _ref21.$menuBackground;
|
|
9366
|
+
return $menuBackground || colorVariables$1$1.accent.extraLight;
|
|
9367
|
+
});
|
|
9368
|
+
var SelectedOptionsWrapper$2$1 = styled__default.div(_templateObject7$1$1$1 || (_templateObject7$1$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
|
|
9369
|
+
var SelectedOptionDiv$2$1 = styled__default.div(_templateObject8$1$1$1 || (_templateObject8$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9370
|
+
var $selectedOptionBackground = _ref22.$selectedOptionBackground,
|
|
9371
|
+
$disabled = _ref22.$disabled;
|
|
9372
|
+
switch ($selectedOptionBackground) {
|
|
9373
|
+
case 'dark':
|
|
9374
|
+
return colorVariables$1$1.text.dark;
|
|
9375
|
+
case 'medium':
|
|
9376
|
+
return colorVariables$1$1.text.medium;
|
|
9377
|
+
case 'light':
|
|
9378
|
+
return colorVariables$1$1.text.light;
|
|
9379
|
+
case 'white':
|
|
9380
|
+
return colorVariables$1$1.text.white;
|
|
9381
|
+
case 'warning':
|
|
9382
|
+
return $disabled ? colorVariables$1$1.disabled.warning : colorVariables$1$1["default"].warning;
|
|
9383
|
+
case 'info':
|
|
9384
|
+
return $disabled ? colorVariables$1$1.disabled.info : colorVariables$1$1["default"].info;
|
|
9385
|
+
case 'success':
|
|
9386
|
+
return $disabled ? colorVariables$1$1.disabled.success : colorVariables$1$1["default"].success;
|
|
9387
|
+
case 'error':
|
|
9388
|
+
return $disabled ? colorVariables$1$1.disabled.error : colorVariables$1$1["default"].error;
|
|
9389
|
+
default:
|
|
9390
|
+
return $selectedOptionBackground || colorVariables$1$1.accent.extraLight;
|
|
9391
|
+
}
|
|
9392
|
+
}, function (_ref23) {
|
|
9393
|
+
var $selectedOptionColor = _ref23.$selectedOptionColor;
|
|
9394
|
+
switch ($selectedOptionColor) {
|
|
9395
|
+
case 'dark':
|
|
9396
|
+
return colorVariables$1$1.text.dark;
|
|
9397
|
+
case 'medium':
|
|
9398
|
+
return colorVariables$1$1.text.medium;
|
|
9399
|
+
case 'light':
|
|
9400
|
+
return colorVariables$1$1.text.light;
|
|
9401
|
+
case 'white':
|
|
9402
|
+
return colorVariables$1$1.text.white;
|
|
9403
|
+
case 'warning':
|
|
9404
|
+
return colorVariables$1$1["default"].warning;
|
|
9405
|
+
case 'info':
|
|
9406
|
+
return colorVariables$1$1["default"].info;
|
|
9407
|
+
case 'success':
|
|
9408
|
+
return colorVariables$1$1["default"].success;
|
|
9409
|
+
case 'error':
|
|
9410
|
+
return colorVariables$1$1["default"].error;
|
|
9411
|
+
default:
|
|
9412
|
+
return $selectedOptionColor;
|
|
9413
|
+
}
|
|
9414
|
+
});
|
|
9415
|
+
var RemoveIcon$2$1 = styled__default.div(_templateObject9$1$1$1 || (_templateObject9$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9416
|
+
var $disabled = _ref24.$disabled;
|
|
9417
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9418
|
+
}, function (_ref25) {
|
|
9419
|
+
var removeIconBackground = _ref25.removeIconBackground,
|
|
9420
|
+
$type = _ref25.$type;
|
|
9421
|
+
return removeIconBackground ? removeIconBackground : $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1.disabled.primary;
|
|
9422
|
+
}, function (_ref26) {
|
|
9423
|
+
var $disabled = _ref26.$disabled;
|
|
9424
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9425
|
+
});
|
|
9426
|
+
var TextWrapper$1$1 = styled__default.div(_templateObject10$1$1$1 || (_templateObject10$1$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
9427
|
+
var Asterisk$1$1 = styled__default.span(_templateObject11$1$1$1 || (_templateObject11$1$1$1 = _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["default"].error);
|
|
9428
|
+
var _templateObject$a$1$1, _templateObject2$7$1$1, _templateObject3$5$1$1;
|
|
9429
|
+
var SelectedOptionsWrapper$1$1$1 = styled__default.div(_templateObject$a$1$1 || (_templateObject$a$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
|
|
9430
|
+
var SelectedOptionDiv$1$1$1 = styled__default.div(_templateObject2$7$1$1 || (_templateObject2$7$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9431
|
+
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
9432
|
+
$type = _ref.$type;
|
|
9433
|
+
return $selectedOptionBackground || $type === 'remove' ? colorVariables$1$1.disabled.error : colorVariables$1$1.accent.softBlue;
|
|
9434
|
+
}, function (_ref2) {
|
|
9435
|
+
var $selectedOptionColor = _ref2.$selectedOptionColor,
|
|
9436
|
+
$type = _ref2.$type;
|
|
9437
|
+
return $selectedOptionColor || $type === 'remove' ? colorVariables$1$1["default"].error : colorVariables$1$1.brand.primary;
|
|
9438
|
+
});
|
|
9439
|
+
var RemoveIcon$1$1$1 = styled__default.div(_templateObject3$5$1$1 || (_templateObject3$5$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9440
|
+
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
9441
|
+
$type = _ref3.$type;
|
|
9442
|
+
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1.disabled.primary;
|
|
9443
|
+
});
|
|
9444
|
+
var _templateObject$b$1$1, _templateObject2$8$1$1, _templateObject3$6$1$1, _templateObject4$4$1$1, _templateObject5$4$1$1, _templateObject6$4$1$1, _templateObject7$2$1$1, _templateObject8$2$1$1, _templateObject9$2$1$1, _templateObject10$2$1$1;
|
|
9445
|
+
var TitleText$1$1$1 = styled__default.label(_templateObject$b$1$1 || (_templateObject$b$1$1 = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n width: max-content;\n font-weight: ", ";\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
9446
|
+
var $titleWeight = _ref.$titleWeight;
|
|
9447
|
+
return $titleWeight || 500;
|
|
9448
|
+
}, function (_ref2) {
|
|
9449
|
+
var $size = _ref2.$size;
|
|
9450
|
+
switch ($size) {
|
|
9451
|
+
case 'small':
|
|
9452
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
9453
|
+
case 'medium':
|
|
9454
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
9455
|
+
case 'large':
|
|
9456
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
9457
|
+
default:
|
|
9458
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
9459
|
+
}
|
|
9460
|
+
}, function (_ref3) {
|
|
9461
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
9462
|
+
switch ($titlecolor) {
|
|
9463
|
+
case 'dark':
|
|
9464
|
+
return colorVariables$1$1.text.dark;
|
|
9465
|
+
case 'medium':
|
|
9466
|
+
return colorVariables$1$1.text.medium;
|
|
9467
|
+
case 'light':
|
|
9468
|
+
return colorVariables$1$1.text.light;
|
|
9469
|
+
case 'white':
|
|
9470
|
+
return colorVariables$1$1.text.white;
|
|
9471
|
+
case 'warning':
|
|
9472
|
+
return colorVariables$1$1["default"].warning;
|
|
9473
|
+
case 'info':
|
|
9474
|
+
return colorVariables$1$1["default"].info;
|
|
9475
|
+
case 'success':
|
|
9476
|
+
return colorVariables$1$1["default"].success;
|
|
9477
|
+
case 'error':
|
|
9478
|
+
return colorVariables$1$1["default"].error;
|
|
9479
|
+
default:
|
|
9480
|
+
return $titlecolor;
|
|
9481
|
+
}
|
|
9482
|
+
});
|
|
9483
|
+
var DropdownContainer$1$1$1 = styled__default.div(_templateObject2$8$1$1 || (_templateObject2$8$1$1 = _taggedTemplateLiteralLoose$1$1(["\n width: ", ";\n max-width: 100%;\n position: relative;\n gap: 8px;\n display: flex;\n"])), function (_ref4) {
|
|
9484
|
+
var $width = _ref4.$width;
|
|
9485
|
+
return $width || '100%';
|
|
9486
|
+
});
|
|
9487
|
+
var DropdownButton$1$1$1 = styled__default.div(_templateObject3$6$1$1 || (_templateObject3$6$1$1 = _taggedTemplateLiteralLoose$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 transition: all 0.3s ease;\n border: ", ";\n gap: 6px;\n padding: ", ";\n background: ", ";\n font-size: ", ";\n line-height: ", ";\n"])), function (_ref5) {
|
|
9488
|
+
var $disabled = _ref5.$disabled;
|
|
9489
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9490
|
+
}, function (_ref6) {
|
|
9491
|
+
var $width = _ref6.$width;
|
|
9492
|
+
return $width ? $width : '100%';
|
|
9493
|
+
}, function (_ref7) {
|
|
9494
|
+
var $selectHeight = _ref7.$selectHeight;
|
|
9495
|
+
return $selectHeight || 'auto';
|
|
9496
|
+
}, function (_ref8) {
|
|
9497
|
+
var $borderRadius = _ref8.$borderRadius;
|
|
9498
|
+
return $borderRadius || '8px';
|
|
9499
|
+
}, function (_ref9) {
|
|
9500
|
+
var $border = _ref9.$border,
|
|
9501
|
+
$isOpen = _ref9.$isOpen;
|
|
9502
|
+
return $isOpen ? "1px solid " + colorVariables$1$1.text.dark : $border || "1px solid " + colorVariables$1$1.border.light;
|
|
9503
|
+
}, function (_ref10) {
|
|
9504
|
+
var $size = _ref10.$size;
|
|
9505
|
+
switch ($size) {
|
|
9506
|
+
case 'small':
|
|
9507
|
+
return '9px 12px';
|
|
9508
|
+
case 'large':
|
|
9509
|
+
return '24px 12px';
|
|
9510
|
+
default:
|
|
9511
|
+
return '13px 12px';
|
|
9512
|
+
}
|
|
9513
|
+
}, function (_ref11) {
|
|
9514
|
+
var $background = _ref11.$background,
|
|
9515
|
+
$disabled = _ref11.$disabled;
|
|
9516
|
+
return $disabled ? colorVariables$1$1.border.light : $background || colorVariables$1$1.accent.extraLight;
|
|
9517
|
+
}, function (_ref12) {
|
|
9518
|
+
var $size = _ref12.$size;
|
|
9519
|
+
switch ($size) {
|
|
9520
|
+
case 'small':
|
|
9521
|
+
return '12px';
|
|
9522
|
+
case 'large':
|
|
9523
|
+
return '16px';
|
|
9524
|
+
default:
|
|
9525
|
+
return '14px';
|
|
9526
|
+
}
|
|
9527
|
+
}, function (_ref13) {
|
|
9528
|
+
var $size = _ref13.$size;
|
|
9529
|
+
switch ($size) {
|
|
9530
|
+
case 'small':
|
|
9531
|
+
return '12px';
|
|
9532
|
+
case 'large':
|
|
9533
|
+
return '16px';
|
|
9534
|
+
default:
|
|
9535
|
+
return '14px';
|
|
9536
|
+
}
|
|
9537
|
+
});
|
|
9538
|
+
var Options$1$1 = styled__default.div(_templateObject4$4$1$1 || (_templateObject4$4$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9539
|
+
var $optionColor = _ref14.$optionColor,
|
|
9540
|
+
$optionSelected = _ref14.$optionSelected;
|
|
9541
|
+
return $optionSelected ? colorVariables$1$1.text.white : $optionColor || colorVariables$1$1.text.medium;
|
|
9542
|
+
}, function (_ref15) {
|
|
9543
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
9544
|
+
return $optionFontSize || '14px';
|
|
9545
|
+
}, function (_ref16) {
|
|
9546
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
9547
|
+
return $optionFontWeight || 400;
|
|
9548
|
+
}, function (_ref17) {
|
|
9549
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
9550
|
+
$optionSelected = _ref17.$optionSelected;
|
|
9551
|
+
return $optionSelected ? colorVariables$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1["default"].tertiary;
|
|
9552
|
+
}, colorVariables$1$1.hover.primary, colorVariables$1$1.text.white);
|
|
9553
|
+
var LabelText$1$1$1 = styled__default.div(_templateObject5$4$1$1 || (_templateObject5$4$1$1 = _taggedTemplateLiteralLoose$1$1(["\n font-size: ", ";\n line-height: ", ";\n font-style: ", ";\n color: ", ";\n"])), function (_ref18) {
|
|
9554
|
+
var $size = _ref18.$size;
|
|
9555
|
+
switch ($size) {
|
|
9556
|
+
case 'small':
|
|
9557
|
+
return '14px';
|
|
9558
|
+
case 'large':
|
|
9559
|
+
return '16px';
|
|
9560
|
+
default:
|
|
9561
|
+
return '14px';
|
|
9562
|
+
}
|
|
9563
|
+
}, function (_ref19) {
|
|
9564
|
+
var $size = _ref19.$size;
|
|
9565
|
+
switch ($size) {
|
|
9566
|
+
case 'small':
|
|
9567
|
+
return '12px';
|
|
9568
|
+
case 'large':
|
|
9569
|
+
return '16px';
|
|
9570
|
+
default:
|
|
9571
|
+
return '14px';
|
|
9572
|
+
}
|
|
9573
|
+
}, function (_ref20) {
|
|
9574
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
9575
|
+
return $fontStyle || '';
|
|
9576
|
+
}, function (_ref21) {
|
|
9577
|
+
var $color = _ref21.$color,
|
|
9578
|
+
$disabled = _ref21.$disabled;
|
|
9579
|
+
return $disabled ? colorVariables$1$1.text.medium : $color || colorVariables$1$1.text.medium;
|
|
9580
|
+
});
|
|
9581
|
+
var NoOptions$1$1 = styled__default(Span$1$1)(_templateObject6$4$1$1 || (_templateObject6$4$1$1 = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n align-items: center;\n height: 100%;\n padding: 12px;\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
9582
|
+
var DropdownMenu$1$1$1 = styled__default.div(_templateObject7$2$1$1 || (_templateObject7$2$1$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref22) {
|
|
9583
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
9584
|
+
return $optionsBorderRadius || '8px';
|
|
9585
|
+
}, function (_ref23) {
|
|
9586
|
+
var $width = _ref23.$width;
|
|
9587
|
+
return $width ? $width : 'max-content';
|
|
9588
|
+
}, function (_ref24) {
|
|
9589
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
9590
|
+
return $menuBackground || colorVariables$1$1.accent.extraLight;
|
|
9591
|
+
}, function (_ref25) {
|
|
9592
|
+
var $top = _ref25.$top;
|
|
9593
|
+
return $top && "top: " + $top + ";";
|
|
9594
|
+
}, function (_ref26) {
|
|
9595
|
+
var $bottom = _ref26.$bottom;
|
|
9596
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
9597
|
+
});
|
|
9598
|
+
var OptionsWrapper$1$1 = styled__default.div(_templateObject8$2$1$1 || (_templateObject8$2$1$1 = _taggedTemplateLiteralLoose$1$1(["\n max-height: 150px; \n overflow-y: auto;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
9599
|
+
var SearchContainer$1$1$1 = styled__default.div(_templateObject9$2$1$1 || (_templateObject9$2$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9600
|
+
var $background = _ref27.$background;
|
|
9601
|
+
return $background || colorVariables$1$1.accent.extraLight;
|
|
9602
|
+
}, function (_ref28) {
|
|
9603
|
+
var $border = _ref28.$border;
|
|
9604
|
+
return $border || 'none';
|
|
9605
|
+
}, colorVariables$1$1.border.light, function (_ref29) {
|
|
9606
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
9607
|
+
return $borderRadius || '8px 8px 0 0';
|
|
9608
|
+
});
|
|
9609
|
+
var SearchBar$1$1$1 = styled__default.input(_templateObject10$2$1$1 || (_templateObject10$2$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9610
|
+
var $inputColor = _ref30.$inputColor;
|
|
9611
|
+
return $inputColor || colorVariables$1$1.text.medium;
|
|
9612
|
+
}, function (_ref31) {
|
|
9613
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
9614
|
+
return $placeholderColor || colorVariables$1$1.text.light;
|
|
9615
|
+
});
|
|
9616
|
+
var _templateObject$c$1$1, _templateObject2$9$1$1;
|
|
9617
|
+
var ModalOverlay$1$1 = styled__default.div(_templateObject$c$1$1 || (_templateObject$c$1$1 = _taggedTemplateLiteralLoose$1$1(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
9618
|
+
var ModalContainer$1$1 = styled__default.div(_templateObject2$9$1$1 || (_templateObject2$9$1$1 = _taggedTemplateLiteralLoose$1$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-height: 100vh;\n max-width: ", ";\n overflow: visible;\n"])), colorVariables$1$1.accent.light, function (_ref) {
|
|
9619
|
+
var $maxWidth = _ref.$maxWidth;
|
|
9620
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
9621
|
+
});
|
|
9622
|
+
function _taggedTemplateLiteralLoose$1$1$1(e, t) {
|
|
9623
|
+
return t || (t = e.slice(0)), e.raw = t, e;
|
|
9624
|
+
}
|
|
9625
|
+
var colorVariables$1$1$1 = {
|
|
9626
|
+
brand: {
|
|
9627
|
+
primary: '#4C9EEB',
|
|
9628
|
+
secondary: '#14171A',
|
|
9629
|
+
light: '#FFFFFF'
|
|
9630
|
+
},
|
|
9631
|
+
accent: {
|
|
9632
|
+
light: '#E1E8ED',
|
|
9633
|
+
extraLight: '#F5F8FA',
|
|
9634
|
+
softBlue: '#D4EEFF',
|
|
9635
|
+
extraSoftBlue: '#E4F4FF',
|
|
9636
|
+
boldTransparent: '#5E5E5E80',
|
|
9637
|
+
transparent: '#5E5E5E4D',
|
|
9638
|
+
lightTransparent: '#5E5E5E23'
|
|
9639
|
+
},
|
|
9640
|
+
"default": {
|
|
9641
|
+
primary: '#78B6F0',
|
|
9642
|
+
secondary: '#C2C2C2',
|
|
9643
|
+
tertiary: 'transparent',
|
|
9644
|
+
error: '#F44336',
|
|
9645
|
+
success: '#4CAF50',
|
|
9646
|
+
warning: '#FF9800',
|
|
9647
|
+
info: '#2159F3'
|
|
9648
|
+
},
|
|
9649
|
+
disabled: {
|
|
9650
|
+
primary: '#B9DCF7',
|
|
9651
|
+
secondary: '#DADADA',
|
|
9652
|
+
error: '#FFEBEE',
|
|
9653
|
+
success: '#E8F5E9',
|
|
9654
|
+
warning: '#FFF3E0',
|
|
9655
|
+
info: '#E3F2FD'
|
|
9656
|
+
},
|
|
9657
|
+
hover: {
|
|
9658
|
+
primary: '#4C9EEB',
|
|
9659
|
+
secondary: '#A3A3A3',
|
|
9660
|
+
tertiary: 'transparent',
|
|
9661
|
+
error: '#D32F2F',
|
|
9662
|
+
success: '#388E3C',
|
|
9663
|
+
warning: '#F57C00',
|
|
9664
|
+
info: '#193ED2'
|
|
9665
|
+
},
|
|
9666
|
+
border: {
|
|
9667
|
+
extraBold: '#657786',
|
|
9668
|
+
bold: '#BFBFBF',
|
|
9669
|
+
medium: '#CBCED0',
|
|
9670
|
+
light: '#DCDCDC',
|
|
9671
|
+
extraLight: '#E6E3E3'
|
|
9672
|
+
},
|
|
9673
|
+
text: {
|
|
9674
|
+
dark: '#14171A',
|
|
9675
|
+
medium: '#657786',
|
|
9676
|
+
light: '#98A2AA',
|
|
9677
|
+
white: '#FFFFFF',
|
|
9678
|
+
success: '#1B5E20',
|
|
9679
|
+
error: '#B71C1C',
|
|
9680
|
+
info: '#0D30A1',
|
|
9681
|
+
warning: '#E65100'
|
|
9682
|
+
},
|
|
9683
|
+
badge: {
|
|
9684
|
+
lavender: '#E8DAFF',
|
|
9685
|
+
papayaWhip: '#FFEDD5',
|
|
9686
|
+
water: '#C7E3FF',
|
|
9687
|
+
paleBlue: '#B0F0E4',
|
|
9688
|
+
teaGreen: '#D5F7C2',
|
|
9689
|
+
lightBlue: '#ADD8E6'
|
|
9690
|
+
}
|
|
9691
|
+
};
|
|
9692
|
+
var _templateObject$d$1$1, _templateObject2$a$1$1, _templateObject3$7$1$1;
|
|
9693
|
+
var wrapperCss$1$1$1 = styled.css(_templateObject$d$1$1 || (_templateObject$d$1$1 = _taggedTemplateLiteralLoose$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"])));
|
|
9694
|
+
var IconWrapper$1$1$1 = styled__default.div(_templateObject2$a$1$1 || (_templateObject2$a$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: max-content;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: ", ";\n ", ";\n"])), function (_ref) {
|
|
9695
|
+
var $clickable = _ref.$clickable;
|
|
9696
|
+
return $clickable ? 'pointer' : 'default';
|
|
9697
|
+
}, wrapperCss$1$1$1);
|
|
9698
|
+
var IconWrapperForSVG$1$1$1 = styled__default.g(_templateObject3$7$1$1 || (_templateObject3$7$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n ", ";\n"])), wrapperCss$1$1$1);
|
|
9699
|
+
var _templateObject$1$1$1$1, _templateObject2$1$1$1$1;
|
|
9700
|
+
var Container$3$1$1 = styled__default.div(_templateObject$1$1$1$1 || (_templateObject$1$1$1$1 = _taggedTemplateLiteralLoose$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 border-top-left-radius: ", ";\n border-top-right-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-top: ", ";\n border-bottom: ", ";\n border-left: ", ";\n transition: ", ";\n box-shadow: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
9701
|
+
var $flex = _ref.$flex;
|
|
9702
|
+
return $flex;
|
|
9703
|
+
}, function (_ref2) {
|
|
9704
|
+
var $flexWrap = _ref2.$flexWrap;
|
|
9705
|
+
return $flexWrap;
|
|
9706
|
+
}, function (_ref3) {
|
|
9707
|
+
var $flexDirection = _ref3.$flexDirection;
|
|
9708
|
+
return $flexDirection;
|
|
9709
|
+
}, function (_ref4) {
|
|
9710
|
+
var $justifyContent = _ref4.$justifyContent;
|
|
9711
|
+
return $justifyContent;
|
|
9712
|
+
}, function (_ref5) {
|
|
9713
|
+
var $alignItems = _ref5.$alignItems;
|
|
9714
|
+
return $alignItems;
|
|
9715
|
+
}, function (_ref6) {
|
|
9716
|
+
var $gap = _ref6.$gap;
|
|
9717
|
+
return $gap;
|
|
9718
|
+
}, function (_ref7) {
|
|
9719
|
+
var $fontWeight = _ref7.$fontWeight;
|
|
9720
|
+
return $fontWeight;
|
|
9721
|
+
}, function (_ref8) {
|
|
9722
|
+
var $height = _ref8.$height;
|
|
9723
|
+
return $height;
|
|
9724
|
+
}, function (_ref9) {
|
|
9725
|
+
var $minHeight = _ref9.$minHeight;
|
|
9726
|
+
return $minHeight;
|
|
9727
|
+
}, function (_ref10) {
|
|
9728
|
+
var $maxHeight = _ref10.$maxHeight;
|
|
9729
|
+
return $maxHeight;
|
|
9730
|
+
}, function (_ref11) {
|
|
9731
|
+
var $width = _ref11.$width;
|
|
9732
|
+
return $width;
|
|
9733
|
+
}, function (_ref12) {
|
|
9734
|
+
var $minWidth = _ref12.$minWidth;
|
|
9735
|
+
return $minWidth;
|
|
9736
|
+
}, function (_ref13) {
|
|
9737
|
+
var $maxWidth = _ref13.$maxWidth;
|
|
9738
|
+
return $maxWidth;
|
|
9739
|
+
}, function (_ref14) {
|
|
9740
|
+
var $padding = _ref14.$padding;
|
|
9741
|
+
return $padding;
|
|
9742
|
+
}, function (_ref15) {
|
|
9743
|
+
var $background = _ref15.$background;
|
|
9744
|
+
return $background;
|
|
9745
|
+
}, function (_ref16) {
|
|
9746
|
+
var $objectfit = _ref16.$objectfit;
|
|
9747
|
+
return $objectfit;
|
|
9748
|
+
}, function (_ref17) {
|
|
9749
|
+
var $margin = _ref17.$margin;
|
|
9750
|
+
return $margin;
|
|
9751
|
+
}, function (_ref18) {
|
|
9752
|
+
var $borderRadius = _ref18.$borderRadius;
|
|
9753
|
+
return $borderRadius;
|
|
9754
|
+
}, function (_ref19) {
|
|
9755
|
+
var $borderTopLeftRadius = _ref19.$borderTopLeftRadius;
|
|
9756
|
+
return $borderTopLeftRadius;
|
|
9757
|
+
}, function (_ref20) {
|
|
9758
|
+
var $borderTopRightRadius = _ref20.$borderTopRightRadius;
|
|
9759
|
+
return $borderTopRightRadius;
|
|
9760
|
+
}, function (_ref21) {
|
|
9761
|
+
var $cursor = _ref21.$cursor;
|
|
9762
|
+
return $cursor;
|
|
9763
|
+
}, function (_ref22) {
|
|
9764
|
+
var $fontSize = _ref22.$fontSize;
|
|
9765
|
+
return $fontSize;
|
|
9766
|
+
}, function (_ref23) {
|
|
9767
|
+
var $opacity = _ref23.$opacity;
|
|
9768
|
+
return $opacity;
|
|
9769
|
+
}, function (_ref24) {
|
|
9770
|
+
var $pointerEvents = _ref24.$pointerEvents;
|
|
9771
|
+
return $pointerEvents;
|
|
9772
|
+
}, function (_ref25) {
|
|
9773
|
+
var $position = _ref25.$position;
|
|
9774
|
+
return $position;
|
|
9775
|
+
}, function (_ref26) {
|
|
9776
|
+
var $top = _ref26.$top;
|
|
9777
|
+
return $top;
|
|
9778
|
+
}, function (_ref27) {
|
|
9779
|
+
var $bottom = _ref27.$bottom;
|
|
9780
|
+
return $bottom;
|
|
9781
|
+
}, function (_ref28) {
|
|
9782
|
+
var $left = _ref28.$left;
|
|
9783
|
+
return $left;
|
|
9784
|
+
}, function (_ref29) {
|
|
9785
|
+
var $right = _ref29.$right;
|
|
9786
|
+
return $right;
|
|
9787
|
+
}, function (_ref30) {
|
|
9788
|
+
var $textAlign = _ref30.$textAlign;
|
|
9789
|
+
return $textAlign;
|
|
9790
|
+
}, function (_ref31) {
|
|
9791
|
+
var $color = _ref31.$color;
|
|
9792
|
+
return $color;
|
|
9793
|
+
}, function (_ref32) {
|
|
9794
|
+
var $overflow = _ref32.$overflow;
|
|
9795
|
+
return $overflow || 'visible';
|
|
9796
|
+
}, function (_ref33) {
|
|
9797
|
+
var $overflowY = _ref33.$overflowY;
|
|
9798
|
+
return $overflowY;
|
|
9799
|
+
}, function (_ref34) {
|
|
9800
|
+
var $zIndex = _ref34.$zIndex;
|
|
9801
|
+
return $zIndex;
|
|
9802
|
+
}, function (_ref35) {
|
|
9803
|
+
var $scrollbarWidth = _ref35.$scrollbarWidth;
|
|
9804
|
+
return $scrollbarWidth;
|
|
9805
|
+
}, function (_ref36) {
|
|
9806
|
+
var $border = _ref36.$border;
|
|
9807
|
+
return $border;
|
|
9808
|
+
}, function (_ref37) {
|
|
9809
|
+
var $borderTop = _ref37.$borderTop;
|
|
9810
|
+
return $borderTop;
|
|
9811
|
+
}, function (_ref38) {
|
|
9812
|
+
var $borderBottom = _ref38.$borderBottom;
|
|
9813
|
+
return $borderBottom;
|
|
9814
|
+
}, function (_ref39) {
|
|
9815
|
+
var $borderLeft = _ref39.$borderLeft;
|
|
9816
|
+
return $borderLeft;
|
|
9817
|
+
}, function (_ref40) {
|
|
9818
|
+
var $transition = _ref40.$transition;
|
|
9819
|
+
return $transition;
|
|
9820
|
+
}, function (_ref41) {
|
|
9821
|
+
var $boxShadow = _ref41.$boxShadow;
|
|
9822
|
+
return $boxShadow;
|
|
9823
|
+
}, function (_ref42) {
|
|
9824
|
+
var $hoverBackground = _ref42.$hoverBackground;
|
|
9825
|
+
return $hoverBackground;
|
|
9826
|
+
}, function (_ref43) {
|
|
9827
|
+
var $hoverColor = _ref43.$hoverColor;
|
|
9828
|
+
return $hoverColor;
|
|
9829
|
+
});
|
|
9830
|
+
var Span$1$1$1 = styled__default.span(_templateObject2$1$1$1$1 || (_templateObject2$1$1$1$1 = _taggedTemplateLiteralLoose$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 (_ref44) {
|
|
9831
|
+
var $fontFamily = _ref44.$fontFamily;
|
|
9832
|
+
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
9833
|
+
}, function (_ref45) {
|
|
9834
|
+
var $fontWeight = _ref45.$fontWeight;
|
|
9835
|
+
return $fontWeight ? $fontWeight : '500';
|
|
9836
|
+
}, function (_ref46) {
|
|
9837
|
+
var $fontSize = _ref46.$fontSize;
|
|
9838
|
+
return $fontSize ? $fontSize : '16px';
|
|
9839
|
+
}, function (_ref47) {
|
|
9840
|
+
var $color = _ref47.$color;
|
|
9841
|
+
return $color ? $color : colorVariables$1$1$1.text.medium;
|
|
9842
|
+
}, function (_ref48) {
|
|
9843
|
+
var $lineHeight = _ref48.$lineHeight;
|
|
9844
|
+
return $lineHeight ? $lineHeight : '100%';
|
|
9845
|
+
}, function (_ref49) {
|
|
9846
|
+
var $textAlign = _ref49.$textAlign;
|
|
9847
|
+
return $textAlign ? $textAlign : 'center';
|
|
9848
|
+
}, function (_ref50) {
|
|
9849
|
+
var $minWidth = _ref50.$minWidth;
|
|
9850
|
+
return $minWidth;
|
|
9851
|
+
}, function (_ref51) {
|
|
9852
|
+
var $width = _ref51.$width;
|
|
9853
|
+
return $width;
|
|
9854
|
+
}, function (_ref52) {
|
|
9855
|
+
var $overflowWrap = _ref52.$overflowWrap;
|
|
9856
|
+
return $overflowWrap;
|
|
9857
|
+
});
|
|
9858
|
+
var _templateObject$2$1$1$1, _templateObject2$2$1$1$1;
|
|
9859
|
+
var TooltipWrapper$1$1$1 = styled__default.div(_templateObject$2$1$1$1 || (_templateObject$2$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n svg {\n cursor: pointer;\n } \n"])));
|
|
9860
|
+
var TooltipText$1$1$1 = styled__default.span(_templateObject2$2$1$1$1 || (_templateObject2$2$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9861
|
+
var $visible = _ref.$visible;
|
|
9862
|
+
return $visible ? 'visible' : 'hidden';
|
|
9863
|
+
}, function (_ref2) {
|
|
9864
|
+
var $visible = _ref2.$visible;
|
|
9865
|
+
return $visible ? 1 : 0;
|
|
9866
|
+
}, function (_ref3) {
|
|
9867
|
+
var $bgColor = _ref3.$bgColor;
|
|
9868
|
+
return $bgColor || colorVariables$1$1$1.brand.light;
|
|
9869
|
+
}, colorVariables$1$1$1.text.medium);
|
|
9870
|
+
var _templateObject$3$1$1$1;
|
|
9871
|
+
var BreadCrum$1$1$1 = styled__default.span(_templateObject$3$1$1$1 || (_templateObject$3$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9872
|
+
var $color = _ref.$color;
|
|
9873
|
+
return $color ? $color : colorVariables$1$1$1.text.medium;
|
|
9874
|
+
}, function (_ref2) {
|
|
9875
|
+
var $disabled = _ref2.$disabled;
|
|
9876
|
+
return $disabled ? '0.6' : '1';
|
|
9877
|
+
}, function (_ref3) {
|
|
9878
|
+
var $hover = _ref3.$hover,
|
|
9879
|
+
$disabled = _ref3.$disabled;
|
|
9880
|
+
return $hover && !$disabled && 'underline';
|
|
9881
|
+
}, function (_ref4) {
|
|
9882
|
+
var $hover = _ref4.$hover,
|
|
9883
|
+
$disabled = _ref4.$disabled;
|
|
9884
|
+
return $hover && !$disabled ? 'pointer' : 'default';
|
|
9885
|
+
}, function (_ref5) {
|
|
9886
|
+
var $hover = _ref5.$hover,
|
|
9887
|
+
$disabled = _ref5.$disabled;
|
|
9888
|
+
return $hover && !$disabled && colorVariables$1$1$1["default"].primary;
|
|
9889
|
+
});
|
|
9890
|
+
var _templateObject$4$1$1$1;
|
|
9891
|
+
var fontFaces$1$1$1 = styled.css(_templateObject$4$1$1$1 || (_templateObject$4$1$1$1 = _taggedTemplateLiteralLoose$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"])));
|
|
9892
|
+
var GlobalFonts$1$1$1 = {
|
|
9893
|
+
bold: 'NotoSans, sans-serif',
|
|
9894
|
+
regular: 'NotoSans, sans-serif',
|
|
9895
|
+
light: 'NotoSans, sans-serif'
|
|
9896
|
+
};
|
|
9897
|
+
var _templateObject$5$1$1$1, _templateObject2$3$1$1$1, _templateObject3$1$1$1$1, _templateObject4$5$1$1, _templateObject5$5$1$1, _templateObject6$5$1$1;
|
|
9898
|
+
var spin$1$1$1 = styled.keyframes(_templateObject$5$1$1$1 || (_templateObject$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
9899
|
+
var Spinner$1$1$1 = styled__default.div(_templateObject2$3$1$1$1 || (_templateObject2$3$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9900
|
+
var $size = _ref.$size;
|
|
9901
|
+
return $size;
|
|
9902
|
+
}, function (_ref2) {
|
|
9903
|
+
var $size = _ref2.$size;
|
|
9904
|
+
return $size;
|
|
9905
|
+
}, function (_ref3) {
|
|
9906
|
+
var $size = _ref3.$size;
|
|
9907
|
+
return $size / 4;
|
|
9908
|
+
}, function (_ref4) {
|
|
9909
|
+
var $color = _ref4.$color;
|
|
9910
|
+
return $color;
|
|
9911
|
+
}, spin$1$1$1);
|
|
9912
|
+
var LoaderWrapper$1$1$1 = styled__default.div(_templateObject3$1$1$1$1 || (_templateObject3$1$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9913
|
+
var $loaderPosition = _ref5.$loaderPosition;
|
|
9914
|
+
return $loaderPosition === 'right' ? '4px' : '0';
|
|
9915
|
+
}, function (_ref6) {
|
|
9916
|
+
var $loaderPosition = _ref6.$loaderPosition;
|
|
9917
|
+
return $loaderPosition === 'left' ? '4px' : '0';
|
|
9918
|
+
});
|
|
9919
|
+
var Container$1$1$1$1 = styled__default.div(_templateObject4$5$1$1 || (_templateObject4$5$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: ", ";\n gap: ", ";\n svg {\n cursor: ", ";\n }\n"])), function (_ref7) {
|
|
9920
|
+
var $iconPosition = _ref7.$iconPosition;
|
|
9921
|
+
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
9922
|
+
}, function (_ref8) {
|
|
9923
|
+
var gap = _ref8.gap;
|
|
9924
|
+
return gap || '4px';
|
|
9925
|
+
}, function (_ref9) {
|
|
9926
|
+
var cursor = _ref9.cursor;
|
|
9927
|
+
return cursor;
|
|
9928
|
+
});
|
|
9929
|
+
var StyledButton$1$1$1 = styled__default.button(_templateObject5$5$1$1 || (_templateObject5$5$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9930
|
+
var $disabled = _ref10.$disabled;
|
|
9931
|
+
return $disabled ? 'none' : 'auto';
|
|
9932
|
+
}, function (_ref11) {
|
|
9933
|
+
var $disabled = _ref11.$disabled;
|
|
9934
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9935
|
+
}, function (_ref12) {
|
|
9936
|
+
var $borderRadius = _ref12.$borderRadius;
|
|
9937
|
+
return $borderRadius || '8px';
|
|
9938
|
+
}, function (_ref13) {
|
|
9939
|
+
var $size = _ref13.$size,
|
|
9940
|
+
$padding = _ref13.$padding;
|
|
9941
|
+
return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
|
|
9942
|
+
}, function (_ref14) {
|
|
9943
|
+
var _$borderHover$match;
|
|
9944
|
+
var $variant = _ref14.$variant,
|
|
9945
|
+
$disabled = _ref14.$disabled,
|
|
9946
|
+
$borderHover = _ref14.$borderHover,
|
|
9947
|
+
$borderDefault = _ref14.$borderDefault,
|
|
9948
|
+
$background = _ref14.$background,
|
|
9949
|
+
$color = _ref14.$color,
|
|
9950
|
+
$colorHover = _ref14.$colorHover;
|
|
9951
|
+
switch ($variant) {
|
|
9952
|
+
case 'primary':
|
|
9953
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1.disabled.primary : colorVariables$1$1$1["default"].primary) + ";\n color: " + colorVariables$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1.disabled.primary : "1px solid " + colorVariables$1$1$1["default"].primary) + ";\n &:hover {\n background: " + colorVariables$1$1$1.hover.primary + ";\n border: 1px solid " + colorVariables$1$1$1.hover.primary + ";\n }\n ";
|
|
9954
|
+
case 'secondary':
|
|
9955
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1["default"].secondary) + "; \n color: " + colorVariables$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1.disabled.secondary : "1px solid " + colorVariables$1$1$1["default"].secondary) + ";\n &:hover{\n background: " + colorVariables$1$1$1.hover.secondary + ";\n border: 1px solid " + colorVariables$1$1$1.hover.secondary + ";\n }\n ";
|
|
9956
|
+
case 'tertiary':
|
|
9957
|
+
return "\n background: " + colorVariables$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1.disabled.primary : colorVariables$1$1$1["default"].primary) + ";\n border: " + ($borderDefault ? "" + $borderDefault : "1px solid " + colorVariables$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.hover.primary) + ";\n border: " + ($borderHover ? $borderHover : "1px solid " + colorVariables$1$1$1.hover.primary) + ";\n }\n ";
|
|
9958
|
+
case 'error':
|
|
9959
|
+
return "\n background: " + ($disabled ? colorVariables$1$1$1.disabled.error : colorVariables$1$1$1["default"].error) + "; \n color: " + colorVariables$1$1$1.text.white + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1.disabled.error : "1px solid " + colorVariables$1$1$1["default"].error) + ";\n &:hover{\n background: " + colorVariables$1$1$1.hover.error + ";\n border: 1px solid " + colorVariables$1$1$1.hover.error + ";\n }\n ";
|
|
9960
|
+
case 'outline-primary':
|
|
9961
|
+
return "\n background: " + colorVariables$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1.disabled.primary : colorVariables$1$1$1["default"].primary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1.disabled.primary : "1px solid " + colorVariables$1$1$1["default"].primary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1.hover.primary + ";\n color: " + colorVariables$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1.hover.primary + ";\n }\n ";
|
|
9962
|
+
case 'outline-secondary':
|
|
9963
|
+
return "\n background: " + colorVariables$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1["default"].secondary) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1.disabled.secondary : "1px solid " + colorVariables$1$1$1["default"].secondary) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1.hover.secondary + ";\n color: " + colorVariables$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1.hover.secondary + ";\n }\n ";
|
|
9964
|
+
case 'outline-error':
|
|
9965
|
+
return "\n background: " + colorVariables$1$1$1["default"].tertiary + ";\n color: " + ($disabled ? colorVariables$1$1$1.disabled.error : colorVariables$1$1$1["default"].error) + ";\n border: " + ($disabled ? "1px solid " + colorVariables$1$1$1.disabled.error : "1px solid " + colorVariables$1$1$1["default"].error) + ";\n &:hover{\n border: 1px solid " + colorVariables$1$1$1.hover.error + ";\n color: " + colorVariables$1$1$1.text.white + ";\n background: " + colorVariables$1$1$1.hover.error + ";\n }\n ";
|
|
9966
|
+
case 'custom':
|
|
9967
|
+
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 ";
|
|
9968
|
+
default:
|
|
9969
|
+
return '';
|
|
9970
|
+
}
|
|
9971
|
+
}, function (_ref15) {
|
|
9972
|
+
var color = _ref15.color;
|
|
9973
|
+
return color;
|
|
9974
|
+
});
|
|
9975
|
+
var ButtonText$1$1$1 = styled__default.span(_templateObject6$5$1$1 || (_templateObject6$5$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n white-space: nowrap;\n"])), function (_ref16) {
|
|
9976
|
+
var $fontFamily = _ref16.$fontFamily;
|
|
9977
|
+
return $fontFamily ? $fontFamily : GlobalFonts$1$1$1.bold;
|
|
9978
|
+
}, function (_ref17) {
|
|
9979
|
+
var $size = _ref17.$size,
|
|
9980
|
+
$fontSize = _ref17.$fontSize;
|
|
9981
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
9982
|
+
}, function (_ref18) {
|
|
9983
|
+
var $fontWeight = _ref18.$fontWeight,
|
|
9984
|
+
$size = _ref18.$size;
|
|
9985
|
+
return $size === 'custom' && $fontWeight || '500';
|
|
9986
|
+
}, function (_ref19) {
|
|
9987
|
+
var $size = _ref19.$size,
|
|
9988
|
+
$fontSize = _ref19.$fontSize;
|
|
9989
|
+
return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
|
|
9990
|
+
});
|
|
9991
|
+
var _templateObject$6$1$1$1;
|
|
9992
|
+
var InnerContent$1$1$1 = styled__default.div(_templateObject$6$1$1$1 || (_templateObject$6$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
9993
|
+
var $isScrollable = _ref.$isScrollable;
|
|
9994
|
+
return $isScrollable ? '0 12px' : '0';
|
|
9995
|
+
});
|
|
9996
|
+
var _templateObject$7$1$1$1, _templateObject2$4$1$1$1, _templateObject3$2$1$1$1, _templateObject4$1$1$1$1, _templateObject5$1$1$1$1, _templateObject6$1$1$1$1, _templateObject7$3$1$1, _templateObject8$3$1$1, _templateObject9$3$1$1, _templateObject10$3$1$1, _templateObject11$2$1$1, _templateObject12$1$1$1, _templateObject13$1$1$1, _templateObject14$1$1$1, _templateObject15$1$1$1, _templateObject16$1$1$1, _templateObject17$1$1$1, _templateObject18$1$1$1, _templateObject19$1$1$1, _templateObject20$1$1$1, _templateObject21$1$1$1;
|
|
9997
|
+
var DatePickerContainer$1$1$1 = styled__default.div(_templateObject$7$1$1$1 || (_templateObject$7$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
9998
|
+
var CalendarContainer$1$1$1 = styled__default.div(_templateObject2$4$1$1$1 || (_templateObject2$4$1$1$1 = _taggedTemplateLiteralLoose$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.border.medium);
|
|
9999
|
+
var Calendar$1$1$1$1 = styled__default.div(_templateObject3$2$1$1$1 || (_templateObject3$2$1$1$1 = _taggedTemplateLiteralLoose$1$1$1([""])));
|
|
10000
|
+
var CalendarTime$1$1$1 = styled__default.div(_templateObject4$1$1$1$1 || (_templateObject4$1$1$1$1 = _taggedTemplateLiteralLoose$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.border.medium);
|
|
10001
|
+
var StartDate$1$1$1 = styled__default.div(_templateObject5$1$1$1$1 || (_templateObject5$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-bottom: 4px;\n"])));
|
|
10002
|
+
var SelectedStart$1$1$1 = styled__default.div(_templateObject6$1$1$1$1 || (_templateObject6$1$1$1$1 = _taggedTemplateLiteralLoose$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.text.medium);
|
|
10003
|
+
var CurrentDate$1$1$1 = styled__default.p(_templateObject7$3$1$1 || (_templateObject7$3$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
10004
|
+
var CurrentTime$1$1$1 = styled__default.div(_templateObject8$3$1$1 || (_templateObject8$3$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), colorVariables$1$1$1.text.medium);
|
|
10005
|
+
var Selectedtime$1$1$1 = styled__default.div(_templateObject9$3$1$1 || (_templateObject9$3$1$1 = _taggedTemplateLiteralLoose$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.text.medium);
|
|
10006
|
+
var Line$1$1$1 = styled__default.div(_templateObject10$3$1$1 || (_templateObject10$3$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
10007
|
+
var Zones$1$1$1 = styled__default.div(_templateObject11$2$1$1 || (_templateObject11$2$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
10008
|
+
var CalendarHeader$1$1$1 = styled__default.div(_templateObject12$1$1$1 || (_templateObject12$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
10009
|
+
var CalendarMonthYear$1$1$1 = styled__default.span(_templateObject13$1$1$1 || (_templateObject13$1$1$1 = _taggedTemplateLiteralLoose$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.text.medium);
|
|
10010
|
+
var CalendarContent$1$1$1 = styled__default.div(_templateObject14$1$1$1 || (_templateObject14$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 5px;\n padding: 10px;\n"])));
|
|
10011
|
+
var Button$1$1$1 = styled__default.div(_templateObject15$1$1$1 || (_templateObject15$1$1$1 = _taggedTemplateLiteralLoose$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["default"].secondary, colorVariables$1$1$1.text.white, function (_ref) {
|
|
10012
|
+
var $size = _ref.$size;
|
|
10013
|
+
return $size ? $size + "px" : '30px';
|
|
10014
|
+
}, function (_ref2) {
|
|
10015
|
+
var $size = _ref2.$size;
|
|
10016
|
+
return $size ? $size + "px" : '30px';
|
|
10017
|
+
});
|
|
10018
|
+
var CalendarDates$1$1$1 = styled__default.div(_templateObject16$1$1$1 || (_templateObject16$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10019
|
+
var $size = _ref3.$size;
|
|
10020
|
+
return $size ? $size + "px" : '30px';
|
|
10021
|
+
}, function (_ref4) {
|
|
10022
|
+
var $size = _ref4.$size;
|
|
10023
|
+
return $size ? $size + "px" : '30px';
|
|
10024
|
+
}, function (_ref5) {
|
|
10025
|
+
var $isFuture = _ref5.$isFuture,
|
|
10026
|
+
$futureDateTime = _ref5.$futureDateTime;
|
|
10027
|
+
return !$futureDateTime && $isFuture ? 'default' : 'pointer';
|
|
10028
|
+
}, function (_ref6) {
|
|
10029
|
+
var $isFuture = _ref6.$isFuture,
|
|
10030
|
+
$futureDateTime = _ref6.$futureDateTime;
|
|
10031
|
+
return !$futureDateTime && $isFuture ? 0.5 : 1;
|
|
10032
|
+
}, function (_ref7) {
|
|
10033
|
+
var $selected = _ref7.$selected,
|
|
10034
|
+
$inRange = _ref7.$inRange;
|
|
10035
|
+
return $selected ? colorVariables$1$1$1["default"].primary : $inRange ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1["default"].tertiary;
|
|
10036
|
+
}, function (_ref8) {
|
|
10037
|
+
var $selected = _ref8.$selected,
|
|
10038
|
+
$inRange = _ref8.$inRange;
|
|
10039
|
+
return $selected ? colorVariables$1$1$1.text.white : $inRange ? colorVariables$1$1$1.text.white : colorVariables$1$1$1.text.medium;
|
|
10040
|
+
}, function (_ref9) {
|
|
10041
|
+
var $selected = _ref9.$selected,
|
|
10042
|
+
$inRange = _ref9.$inRange,
|
|
10043
|
+
$isFuture = _ref9.$isFuture,
|
|
10044
|
+
$futureDateTime = _ref9.$futureDateTime;
|
|
10045
|
+
return !$futureDateTime && $isFuture ? 'transparent' : $selected ? colorVariables$1$1$1.disabled.primary : $inRange ? colorVariables$1$1$1.disabled.primary : colorVariables$1$1$1.disabled.primary;
|
|
10046
|
+
});
|
|
10047
|
+
var Year$1$1$1 = styled__default.div(_templateObject17$1$1$1 || (_templateObject17$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 12px;\n"])));
|
|
10048
|
+
var Month$1$1$1 = styled__default.div(_templateObject18$1$1$1 || (_templateObject18$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-family: NotoSans, sans-serif;\n font-weight: 600;\n font-size: 14px;\n"])));
|
|
10049
|
+
var InputWrapper$1$1$1 = styled__default.div(_templateObject19$1$1$1 || (_templateObject19$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n gap: 24px;\n"])));
|
|
10050
|
+
var TimeInputWrapper$1$1$1 = styled__default.div(_templateObject20$1$1$1 || (_templateObject20$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
|
|
10051
|
+
var StyledInput$1$1$1 = styled__default.input(_templateObject21$1$1$1 || (_templateObject21$1$1$1 = _taggedTemplateLiteralLoose$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.border.extraBold, colorVariables$1$1$1.text.dark);
|
|
10052
|
+
var _templateObject$8$1$1$1, _templateObject2$5$1$1$1, _templateObject3$3$1$1$1, _templateObject4$2$1$1$1, _templateObject5$2$1$1$1, _templateObject6$2$1$1$1;
|
|
10053
|
+
var OptionContainer$1$1$1 = styled__default.div(_templateObject$8$1$1$1 || (_templateObject$8$1$1$1 = _taggedTemplateLiteralLoose$1$1$1([""])));
|
|
10054
|
+
var OptionItem$1$1$1 = styled__default.div(_templateObject2$5$1$1$1 || (_templateObject2$5$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n border-bottom: ", ";\n"])), function (_ref) {
|
|
10055
|
+
var $optionBorder = _ref.$optionBorder,
|
|
10056
|
+
$isborder = _ref.$isborder;
|
|
10057
|
+
return $isborder ? $optionBorder || "1px solid " + colorVariables$1$1$1.border.extraLight : '';
|
|
10058
|
+
});
|
|
10059
|
+
var OptionLabel$1$1$1 = styled__default.label(_templateObject3$3$1$1$1 || (_templateObject3$3$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10060
|
+
var $optionColor = _ref2.$optionColor;
|
|
10061
|
+
switch ($optionColor) {
|
|
10062
|
+
case 'dark':
|
|
10063
|
+
return colorVariables$1$1$1.text.dark;
|
|
10064
|
+
case 'medium':
|
|
10065
|
+
return colorVariables$1$1$1.text.medium;
|
|
10066
|
+
case 'light':
|
|
10067
|
+
return colorVariables$1$1$1.text.light;
|
|
10068
|
+
case 'white':
|
|
10069
|
+
return colorVariables$1$1$1.text.white;
|
|
10070
|
+
case 'warning':
|
|
10071
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10072
|
+
case 'info':
|
|
10073
|
+
return colorVariables$1$1$1["default"].info;
|
|
10074
|
+
case 'success':
|
|
10075
|
+
return colorVariables$1$1$1["default"].success;
|
|
10076
|
+
case 'error':
|
|
10077
|
+
return colorVariables$1$1$1["default"].error;
|
|
10078
|
+
default:
|
|
10079
|
+
return $optionColor || colorVariables$1$1$1.text.medium;
|
|
10080
|
+
}
|
|
10081
|
+
});
|
|
10082
|
+
var SearchContainer$2$1$1 = styled__default.div(_templateObject4$2$1$1$1 || (_templateObject4$2$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10083
|
+
var $background = _ref3.$background;
|
|
10084
|
+
switch ($background) {
|
|
10085
|
+
case 'dark':
|
|
10086
|
+
return colorVariables$1$1$1.text.dark;
|
|
10087
|
+
case 'medium':
|
|
10088
|
+
return colorVariables$1$1$1.text.medium;
|
|
10089
|
+
case 'light':
|
|
10090
|
+
return colorVariables$1$1$1.text.light;
|
|
10091
|
+
case 'white':
|
|
10092
|
+
return colorVariables$1$1$1.text.white;
|
|
10093
|
+
case 'warning':
|
|
10094
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10095
|
+
case 'info':
|
|
10096
|
+
return colorVariables$1$1$1["default"].info;
|
|
10097
|
+
case 'success':
|
|
10098
|
+
return colorVariables$1$1$1["default"].success;
|
|
10099
|
+
case 'error':
|
|
10100
|
+
return colorVariables$1$1$1["default"].error;
|
|
10101
|
+
default:
|
|
10102
|
+
return $background;
|
|
10103
|
+
}
|
|
10104
|
+
}, function (_ref4) {
|
|
10105
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
10106
|
+
return $borderBottom || 'none';
|
|
10107
|
+
}, function (_ref5) {
|
|
10108
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
10109
|
+
return $borderRadius || '8px';
|
|
10110
|
+
});
|
|
10111
|
+
var SearchBar$2$1$1 = styled__default.input(_templateObject5$2$1$1$1 || (_templateObject5$2$1$1$1 = _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: 14px;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), colorVariables$1$1$1["default"].tertiary, function (_ref6) {
|
|
10112
|
+
var $inputColor = _ref6.$inputColor;
|
|
10113
|
+
switch ($inputColor) {
|
|
10114
|
+
case 'dark':
|
|
10115
|
+
return colorVariables$1$1$1.text.dark;
|
|
10116
|
+
case 'medium':
|
|
10117
|
+
return colorVariables$1$1$1.text.medium;
|
|
10118
|
+
case 'light':
|
|
10119
|
+
return colorVariables$1$1$1.text.light;
|
|
10120
|
+
case 'white':
|
|
10121
|
+
return colorVariables$1$1$1.text.white;
|
|
10122
|
+
case 'warning':
|
|
10123
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10124
|
+
case 'info':
|
|
10125
|
+
return colorVariables$1$1$1["default"].info;
|
|
10126
|
+
case 'success':
|
|
10127
|
+
return colorVariables$1$1$1["default"].success;
|
|
10128
|
+
case 'error':
|
|
10129
|
+
return colorVariables$1$1$1["default"].error;
|
|
10130
|
+
default:
|
|
10131
|
+
return $inputColor;
|
|
10132
|
+
}
|
|
10133
|
+
}, function (_ref7) {
|
|
10134
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
10135
|
+
switch ($placeholderColor) {
|
|
10136
|
+
case 'dark':
|
|
10137
|
+
return colorVariables$1$1$1.text.dark;
|
|
10138
|
+
case 'medium':
|
|
10139
|
+
return colorVariables$1$1$1.text.medium;
|
|
10140
|
+
case 'light':
|
|
10141
|
+
return colorVariables$1$1$1.text.light;
|
|
10142
|
+
case 'white':
|
|
10143
|
+
return colorVariables$1$1$1.text.white;
|
|
10144
|
+
case 'warning':
|
|
10145
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10146
|
+
case 'info':
|
|
10147
|
+
return colorVariables$1$1$1["default"].info;
|
|
10148
|
+
case 'success':
|
|
10149
|
+
return colorVariables$1$1$1["default"].success;
|
|
10150
|
+
case 'error':
|
|
10151
|
+
return colorVariables$1$1$1["default"].error;
|
|
10152
|
+
default:
|
|
10153
|
+
return $placeholderColor;
|
|
10154
|
+
}
|
|
10155
|
+
});
|
|
10156
|
+
var Text$1$1$1 = styled__default.span(_templateObject6$2$1$1$1 || (_templateObject6$2$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n word-break: break-word;\n"])));
|
|
10157
|
+
var _templateObject$9$1$1$1, _templateObject2$6$1$1$1, _templateObject3$4$1$1$1, _templateObject4$3$1$1$1, _templateObject5$3$1$1$1, _templateObject6$3$1$1$1, _templateObject7$1$1$1$1, _templateObject8$1$1$1$1, _templateObject9$1$1$1$1, _templateObject10$1$1$1$1, _templateObject11$1$1$1$1;
|
|
10158
|
+
var DropdownContainer$2$1$1 = styled__default.div(_templateObject$9$1$1$1 || (_templateObject$9$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: ", ";\n height: ", ";\n max-width: 100%;\n position: relative;\n max-height: ", ";\n"])), function (_ref) {
|
|
10159
|
+
var $width = _ref.$width;
|
|
10160
|
+
return $width || '100%';
|
|
10161
|
+
}, function (_ref2) {
|
|
10162
|
+
var $height = _ref2.$height;
|
|
10163
|
+
return $height || '100%';
|
|
10164
|
+
}, function (_ref3) {
|
|
10165
|
+
var $replaceLabel = _ref3.$replaceLabel;
|
|
10166
|
+
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
10167
|
+
});
|
|
10168
|
+
var DropdownButton$2$1$1 = styled__default.div(_templateObject2$6$1$1$1 || (_templateObject2$6$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10169
|
+
var $replaceLabel = _ref4.$replaceLabel;
|
|
10170
|
+
return $replaceLabel ? 'auto' : '';
|
|
10171
|
+
}, function (_ref5) {
|
|
10172
|
+
var $size = _ref5.$size;
|
|
10173
|
+
switch ($size) {
|
|
10174
|
+
case 'small':
|
|
10175
|
+
return '9px 12px';
|
|
10176
|
+
case 'large':
|
|
10177
|
+
return '24px 12px';
|
|
10178
|
+
default:
|
|
10179
|
+
return '14px 12px';
|
|
10180
|
+
}
|
|
10181
|
+
}, function (_ref6) {
|
|
10182
|
+
var $width = _ref6.$width;
|
|
10183
|
+
return $width ? $width : '100%';
|
|
10184
|
+
}, function (_ref7) {
|
|
10185
|
+
var $height = _ref7.$height;
|
|
10186
|
+
return $height || '100%';
|
|
10187
|
+
}, function (_ref8) {
|
|
10188
|
+
var $border = _ref8.$border,
|
|
10189
|
+
$isOpen = _ref8.$isOpen;
|
|
10190
|
+
return $isOpen ? "1px solid " + colorVariables$1$1$1.text.dark : $border || "1px solid " + colorVariables$1$1$1.border.light;
|
|
10191
|
+
}, function (_ref9) {
|
|
10192
|
+
var $borderRadius = _ref9.$borderRadius;
|
|
10193
|
+
return $borderRadius || '8px';
|
|
10194
|
+
}, function (_ref10) {
|
|
10195
|
+
var $disabled = _ref10.$disabled;
|
|
10196
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10197
|
+
}, function (_ref11) {
|
|
10198
|
+
var $background = _ref11.$background,
|
|
10199
|
+
$disabled = _ref11.$disabled;
|
|
10200
|
+
switch ($background) {
|
|
10201
|
+
case 'dark':
|
|
10202
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1.text.dark;
|
|
10203
|
+
case 'medium':
|
|
10204
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1.text.medium;
|
|
10205
|
+
case 'light':
|
|
10206
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1.text.light;
|
|
10207
|
+
case 'white':
|
|
10208
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1.text.white;
|
|
10209
|
+
case 'warning':
|
|
10210
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1["default"].warning;
|
|
10211
|
+
case 'info':
|
|
10212
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1["default"].info;
|
|
10213
|
+
case 'success':
|
|
10214
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1["default"].success;
|
|
10215
|
+
case 'error':
|
|
10216
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : colorVariables$1$1$1["default"].error;
|
|
10217
|
+
default:
|
|
10218
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10219
|
+
}
|
|
10220
|
+
}, function (_ref12) {
|
|
10221
|
+
var $color = _ref12.$color;
|
|
10222
|
+
return $color || colorVariables$1$1$1.text.medium;
|
|
10223
|
+
}, function (_ref13) {
|
|
10224
|
+
var $size = _ref13.$size;
|
|
10225
|
+
switch ($size) {
|
|
10226
|
+
case 'small':
|
|
10227
|
+
return '12px';
|
|
10228
|
+
case 'large':
|
|
10229
|
+
return '16px';
|
|
10230
|
+
default:
|
|
10231
|
+
return '14px';
|
|
10232
|
+
}
|
|
10233
|
+
}, function (_ref14) {
|
|
10234
|
+
var $size = _ref14.$size;
|
|
10235
|
+
switch ($size) {
|
|
10236
|
+
case 'small':
|
|
10237
|
+
return '12px';
|
|
10238
|
+
case 'large':
|
|
10239
|
+
return '16px';
|
|
10240
|
+
default:
|
|
10241
|
+
return '14px';
|
|
10242
|
+
}
|
|
10243
|
+
});
|
|
10244
|
+
var TitleText$2$1$1 = styled__default.div(_templateObject3$4$1$1$1 || (_templateObject3$4$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10245
|
+
var $titleSize = _ref15.$titleSize,
|
|
10246
|
+
$size = _ref15.$size;
|
|
10247
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
10248
|
+
}, function (_ref16) {
|
|
10249
|
+
var $titleSize = _ref16.$titleSize,
|
|
10250
|
+
$size = _ref16.$size;
|
|
10251
|
+
return $titleSize ? $titleSize + "px" : $size === 'small' ? '14px' : $size === 'large' ? '18px' : '16px';
|
|
10252
|
+
}, function (_ref17) {
|
|
10253
|
+
var $titleColor = _ref17.$titleColor;
|
|
10254
|
+
switch ($titleColor) {
|
|
10255
|
+
case 'dark':
|
|
10256
|
+
return colorVariables$1$1$1.text.dark;
|
|
10257
|
+
case 'medium':
|
|
10258
|
+
return colorVariables$1$1$1.text.medium;
|
|
10259
|
+
case 'light':
|
|
10260
|
+
return colorVariables$1$1$1.text.light;
|
|
10261
|
+
case 'white':
|
|
10262
|
+
return colorVariables$1$1$1.text.white;
|
|
10263
|
+
case 'warning':
|
|
10264
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10265
|
+
case 'info':
|
|
10266
|
+
return colorVariables$1$1$1["default"].info;
|
|
10267
|
+
case 'success':
|
|
10268
|
+
return colorVariables$1$1$1["default"].success;
|
|
10269
|
+
case 'error':
|
|
10270
|
+
return colorVariables$1$1$1["default"].error;
|
|
10271
|
+
default:
|
|
10272
|
+
return $titleColor;
|
|
10273
|
+
}
|
|
10274
|
+
});
|
|
10275
|
+
var Container$2$1$1$1 = styled__default.div(_templateObject4$3$1$1$1 || (_templateObject4$3$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n"])));
|
|
10276
|
+
var LabelText$2$1$1 = styled__default.div(_templateObject5$3$1$1$1 || (_templateObject5$3$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref18) {
|
|
10277
|
+
var $labelStyle = _ref18.$labelStyle;
|
|
10278
|
+
return $labelStyle;
|
|
10279
|
+
}, colorVariables$1$1$1.text.light);
|
|
10280
|
+
var DropdownMenu$2$1$1 = styled__default.div(_templateObject6$3$1$1$1 || (_templateObject6$3$1$1$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref19) {
|
|
10281
|
+
var $optionsBorderRadius = _ref19.$optionsBorderRadius;
|
|
10282
|
+
return $optionsBorderRadius || '8px';
|
|
10283
|
+
}, function (_ref20) {
|
|
10284
|
+
var $width = _ref20.$width;
|
|
10285
|
+
return $width ? $width : 'max-content';
|
|
10286
|
+
}, function (_ref21) {
|
|
10287
|
+
var $menuBackground = _ref21.$menuBackground;
|
|
10288
|
+
return $menuBackground || colorVariables$1$1$1.accent.extraLight;
|
|
10289
|
+
});
|
|
10290
|
+
var SelectedOptionsWrapper$2$1$1 = styled__default.div(_templateObject7$1$1$1$1 || (_templateObject7$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
|
|
10291
|
+
var SelectedOptionDiv$2$1$1 = styled__default.div(_templateObject8$1$1$1$1 || (_templateObject8$1$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10292
|
+
var $selectedOptionBackground = _ref22.$selectedOptionBackground,
|
|
10293
|
+
$disabled = _ref22.$disabled;
|
|
10294
|
+
switch ($selectedOptionBackground) {
|
|
10295
|
+
case 'dark':
|
|
10296
|
+
return colorVariables$1$1$1.text.dark;
|
|
10297
|
+
case 'medium':
|
|
10298
|
+
return colorVariables$1$1$1.text.medium;
|
|
10299
|
+
case 'light':
|
|
10300
|
+
return colorVariables$1$1$1.text.light;
|
|
10301
|
+
case 'white':
|
|
10302
|
+
return colorVariables$1$1$1.text.white;
|
|
10303
|
+
case 'warning':
|
|
10304
|
+
return $disabled ? colorVariables$1$1$1.disabled.warning : colorVariables$1$1$1["default"].warning;
|
|
10305
|
+
case 'info':
|
|
10306
|
+
return $disabled ? colorVariables$1$1$1.disabled.info : colorVariables$1$1$1["default"].info;
|
|
10307
|
+
case 'success':
|
|
10308
|
+
return $disabled ? colorVariables$1$1$1.disabled.success : colorVariables$1$1$1["default"].success;
|
|
10309
|
+
case 'error':
|
|
10310
|
+
return $disabled ? colorVariables$1$1$1.disabled.error : colorVariables$1$1$1["default"].error;
|
|
10311
|
+
default:
|
|
10312
|
+
return $selectedOptionBackground || colorVariables$1$1$1.accent.extraLight;
|
|
10313
|
+
}
|
|
10314
|
+
}, function (_ref23) {
|
|
10315
|
+
var $selectedOptionColor = _ref23.$selectedOptionColor;
|
|
10316
|
+
switch ($selectedOptionColor) {
|
|
10317
|
+
case 'dark':
|
|
10318
|
+
return colorVariables$1$1$1.text.dark;
|
|
10319
|
+
case 'medium':
|
|
10320
|
+
return colorVariables$1$1$1.text.medium;
|
|
10321
|
+
case 'light':
|
|
10322
|
+
return colorVariables$1$1$1.text.light;
|
|
10323
|
+
case 'white':
|
|
10324
|
+
return colorVariables$1$1$1.text.white;
|
|
10325
|
+
case 'warning':
|
|
10326
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10327
|
+
case 'info':
|
|
10328
|
+
return colorVariables$1$1$1["default"].info;
|
|
10329
|
+
case 'success':
|
|
10330
|
+
return colorVariables$1$1$1["default"].success;
|
|
10331
|
+
case 'error':
|
|
10332
|
+
return colorVariables$1$1$1["default"].error;
|
|
10333
|
+
default:
|
|
10334
|
+
return $selectedOptionColor;
|
|
10335
|
+
}
|
|
10336
|
+
});
|
|
10337
|
+
var RemoveIcon$2$1$1 = styled__default.div(_templateObject9$1$1$1$1 || (_templateObject9$1$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10338
|
+
var $disabled = _ref24.$disabled;
|
|
10339
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10340
|
+
}, function (_ref25) {
|
|
10341
|
+
var removeIconBackground = _ref25.removeIconBackground,
|
|
10342
|
+
$type = _ref25.$type;
|
|
10343
|
+
return removeIconBackground ? removeIconBackground : $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1.disabled.primary;
|
|
10344
|
+
}, function (_ref26) {
|
|
10345
|
+
var $disabled = _ref26.$disabled;
|
|
10346
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10347
|
+
});
|
|
10348
|
+
var TextWrapper$1$1$1 = styled__default.div(_templateObject10$1$1$1$1 || (_templateObject10$1$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
10349
|
+
var Asterisk$1$1$1 = styled__default.span(_templateObject11$1$1$1$1 || (_templateObject11$1$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);
|
|
10350
|
+
var _templateObject$a$1$1$1, _templateObject2$7$1$1$1, _templateObject3$5$1$1$1;
|
|
10351
|
+
var SelectedOptionsWrapper$1$1$1$1 = styled__default.div(_templateObject$a$1$1$1 || (_templateObject$a$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
|
|
10352
|
+
var SelectedOptionDiv$1$1$1$1 = styled__default.div(_templateObject2$7$1$1$1 || (_templateObject2$7$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10353
|
+
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
10354
|
+
$type = _ref.$type;
|
|
10355
|
+
return $selectedOptionBackground || $type === 'remove' ? colorVariables$1$1$1.disabled.error : colorVariables$1$1$1.accent.softBlue;
|
|
10356
|
+
}, function (_ref2) {
|
|
10357
|
+
var $selectedOptionColor = _ref2.$selectedOptionColor,
|
|
10358
|
+
$type = _ref2.$type;
|
|
10359
|
+
return $selectedOptionColor || $type === 'remove' ? colorVariables$1$1$1["default"].error : colorVariables$1$1$1.brand.primary;
|
|
10360
|
+
});
|
|
10361
|
+
var RemoveIcon$1$1$1$1 = styled__default.div(_templateObject3$5$1$1$1 || (_templateObject3$5$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10362
|
+
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
10363
|
+
$type = _ref3.$type;
|
|
10364
|
+
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables$1$1$1.disabled.primary;
|
|
10365
|
+
});
|
|
10366
|
+
var _templateObject$b$1$1$1, _templateObject2$8$1$1$1, _templateObject3$6$1$1$1, _templateObject4$4$1$1$1, _templateObject5$4$1$1$1, _templateObject6$4$1$1$1, _templateObject7$2$1$1$1, _templateObject8$2$1$1$1, _templateObject9$2$1$1$1, _templateObject10$2$1$1$1;
|
|
10367
|
+
var TitleText$1$1$1$1 = styled__default.label(_templateObject$b$1$1$1 || (_templateObject$b$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n width: max-content;\n font-weight: ", ";\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
10368
|
+
var $titleWeight = _ref.$titleWeight;
|
|
10369
|
+
return $titleWeight || 500;
|
|
10370
|
+
}, function (_ref2) {
|
|
10371
|
+
var $size = _ref2.$size;
|
|
10372
|
+
switch ($size) {
|
|
10373
|
+
case 'small':
|
|
10374
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
10375
|
+
case 'medium':
|
|
10376
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
10377
|
+
case 'large':
|
|
10378
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
10379
|
+
default:
|
|
10380
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
10381
|
+
}
|
|
10382
|
+
}, function (_ref3) {
|
|
10383
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
10384
|
+
switch ($titlecolor) {
|
|
10385
|
+
case 'dark':
|
|
10386
|
+
return colorVariables$1$1$1.text.dark;
|
|
10387
|
+
case 'medium':
|
|
10388
|
+
return colorVariables$1$1$1.text.medium;
|
|
10389
|
+
case 'light':
|
|
10390
|
+
return colorVariables$1$1$1.text.light;
|
|
10391
|
+
case 'white':
|
|
10392
|
+
return colorVariables$1$1$1.text.white;
|
|
10393
|
+
case 'warning':
|
|
10394
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10395
|
+
case 'info':
|
|
10396
|
+
return colorVariables$1$1$1["default"].info;
|
|
10397
|
+
case 'success':
|
|
10398
|
+
return colorVariables$1$1$1["default"].success;
|
|
10399
|
+
case 'error':
|
|
10400
|
+
return colorVariables$1$1$1["default"].error;
|
|
10401
|
+
default:
|
|
10402
|
+
return $titlecolor;
|
|
10403
|
+
}
|
|
10404
|
+
});
|
|
10405
|
+
var DropdownContainer$1$1$1$1 = styled__default.div(_templateObject2$8$1$1$1 || (_templateObject2$8$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: ", ";\n max-width: 100%;\n position: relative;\n gap: 8px;\n display: flex;\n"])), function (_ref4) {
|
|
10406
|
+
var $width = _ref4.$width;
|
|
10407
|
+
return $width || '100%';
|
|
10408
|
+
});
|
|
10409
|
+
var DropdownButton$1$1$1$1 = styled__default.div(_templateObject3$6$1$1$1 || (_templateObject3$6$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10410
|
+
var $disabled = _ref5.$disabled;
|
|
10411
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10412
|
+
}, function (_ref6) {
|
|
10413
|
+
var $width = _ref6.$width;
|
|
10414
|
+
return $width ? $width : '100%';
|
|
10415
|
+
}, function (_ref7) {
|
|
10416
|
+
var $selectHeight = _ref7.$selectHeight;
|
|
10417
|
+
return $selectHeight || 'auto';
|
|
10418
|
+
}, function (_ref8) {
|
|
10419
|
+
var $borderRadius = _ref8.$borderRadius;
|
|
10420
|
+
return $borderRadius || '8px';
|
|
10421
|
+
}, function (_ref9) {
|
|
10422
|
+
var $border = _ref9.$border;
|
|
10423
|
+
return $border || "1px solid " + colorVariables$1$1$1.border.light;
|
|
10424
|
+
}, function (_ref10) {
|
|
10425
|
+
var $size = _ref10.$size;
|
|
10426
|
+
switch ($size) {
|
|
10427
|
+
case 'small':
|
|
10428
|
+
return '9px 12px';
|
|
10429
|
+
case 'large':
|
|
10430
|
+
return '24px 12px';
|
|
10431
|
+
default:
|
|
10432
|
+
return '13px 12px';
|
|
10433
|
+
}
|
|
10434
|
+
}, function (_ref11) {
|
|
10435
|
+
var $background = _ref11.$background,
|
|
10436
|
+
$disabled = _ref11.$disabled;
|
|
10437
|
+
return $disabled ? colorVariables$1$1$1.border.light : $background || colorVariables$1$1$1.accent.extraLight;
|
|
10438
|
+
}, function (_ref12) {
|
|
10439
|
+
var $size = _ref12.$size;
|
|
10440
|
+
switch ($size) {
|
|
10441
|
+
case 'small':
|
|
10442
|
+
return '12px';
|
|
10443
|
+
case 'large':
|
|
10444
|
+
return '16px';
|
|
10445
|
+
default:
|
|
10446
|
+
return '14px';
|
|
10447
|
+
}
|
|
10448
|
+
}, function (_ref13) {
|
|
10449
|
+
var $size = _ref13.$size;
|
|
10450
|
+
switch ($size) {
|
|
10451
|
+
case 'small':
|
|
10452
|
+
return '12px';
|
|
10453
|
+
case 'large':
|
|
10454
|
+
return '16px';
|
|
10455
|
+
default:
|
|
10456
|
+
return '14px';
|
|
10457
|
+
}
|
|
10458
|
+
});
|
|
10459
|
+
var Options$1$1$1 = styled__default.div(_templateObject4$4$1$1$1 || (_templateObject4$4$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10460
|
+
var $optionColor = _ref14.$optionColor,
|
|
10461
|
+
$optionSelected = _ref14.$optionSelected;
|
|
10462
|
+
return $optionSelected ? colorVariables$1$1$1.text.white : $optionColor || colorVariables$1$1$1.text.medium;
|
|
10463
|
+
}, function (_ref15) {
|
|
10464
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
10465
|
+
return $optionFontSize || '14px';
|
|
10466
|
+
}, function (_ref16) {
|
|
10467
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
10468
|
+
return $optionFontWeight || 400;
|
|
10469
|
+
}, function (_ref17) {
|
|
10470
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
10471
|
+
$optionSelected = _ref17.$optionSelected;
|
|
10472
|
+
return $optionSelected ? colorVariables$1$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1$1["default"].tertiary;
|
|
10473
|
+
}, colorVariables$1$1$1.hover.primary, colorVariables$1$1$1.text.white);
|
|
10474
|
+
var LabelText$1$1$1$1 = styled__default.div(_templateObject5$4$1$1$1 || (_templateObject5$4$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n font-size: ", ";\n line-height: ", ";\n font-style: ", ";\n color: ", ";\n"])), function (_ref18) {
|
|
10475
|
+
var $size = _ref18.$size;
|
|
10476
|
+
switch ($size) {
|
|
10477
|
+
case 'small':
|
|
10478
|
+
return '14px';
|
|
10479
|
+
case 'large':
|
|
10480
|
+
return '16px';
|
|
10481
|
+
default:
|
|
10482
|
+
return '14px';
|
|
10483
|
+
}
|
|
10484
|
+
}, function (_ref19) {
|
|
10485
|
+
var $size = _ref19.$size;
|
|
10486
|
+
switch ($size) {
|
|
10487
|
+
case 'small':
|
|
10488
|
+
return '12px';
|
|
10489
|
+
case 'large':
|
|
10490
|
+
return '16px';
|
|
10491
|
+
default:
|
|
10492
|
+
return '14px';
|
|
10493
|
+
}
|
|
10494
|
+
}, function (_ref20) {
|
|
10495
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
10496
|
+
return $fontStyle || '';
|
|
10497
|
+
}, function (_ref21) {
|
|
10498
|
+
var $color = _ref21.$color,
|
|
10499
|
+
$disabled = _ref21.$disabled;
|
|
10500
|
+
return $disabled ? colorVariables$1$1$1.text.medium : $color || colorVariables$1$1$1.text.medium;
|
|
10501
|
+
});
|
|
10502
|
+
var NoOptions$1$1$1 = styled__default(Span$1$1$1)(_templateObject6$4$1$1$1 || (_templateObject6$4$1$1$1 = _taggedTemplateLiteralLoose$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"])));
|
|
10503
|
+
var DropdownMenu$1$1$1$1 = styled__default.div(_templateObject7$2$1$1$1 || (_templateObject7$2$1$1$1 = _taggedTemplateLiteralLoose$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.border.light, function (_ref22) {
|
|
10504
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
10505
|
+
return $optionsBorderRadius || '8px';
|
|
10506
|
+
}, function (_ref23) {
|
|
10507
|
+
var $width = _ref23.$width;
|
|
10508
|
+
return $width ? $width : 'max-content';
|
|
10509
|
+
}, function (_ref24) {
|
|
10510
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
10511
|
+
return $menuBackground || colorVariables$1$1$1.accent.extraLight;
|
|
10512
|
+
}, function (_ref25) {
|
|
10513
|
+
var $top = _ref25.$top;
|
|
10514
|
+
return $top && "top: " + $top + ";";
|
|
10515
|
+
}, function (_ref26) {
|
|
10516
|
+
var $bottom = _ref26.$bottom;
|
|
10517
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
10518
|
+
});
|
|
10519
|
+
var OptionsWrapper$1$1$1 = styled__default.div(_templateObject8$2$1$1$1 || (_templateObject8$2$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n max-height: 150px; \n overflow-y: auto;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
10520
|
+
var SearchContainer$1$1$1$1 = styled__default.div(_templateObject9$2$1$1$1 || (_templateObject9$2$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10521
|
+
var $background = _ref27.$background;
|
|
10522
|
+
return $background || colorVariables$1$1$1.accent.extraLight;
|
|
10523
|
+
}, function (_ref28) {
|
|
10524
|
+
var $border = _ref28.$border;
|
|
10525
|
+
return $border || 'none';
|
|
10526
|
+
}, colorVariables$1$1$1.border.light, function (_ref29) {
|
|
10527
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
10528
|
+
return $borderRadius || '8px 8px 0 0';
|
|
10529
|
+
});
|
|
10530
|
+
var SearchBar$1$1$1$1 = styled__default.input(_templateObject10$2$1$1$1 || (_templateObject10$2$1$1$1 = _taggedTemplateLiteralLoose$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) {
|
|
10531
|
+
var $inputColor = _ref30.$inputColor;
|
|
10532
|
+
return $inputColor || colorVariables$1$1$1.text.medium;
|
|
10533
|
+
}, function (_ref31) {
|
|
10534
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
10535
|
+
return $placeholderColor || colorVariables$1$1$1.text.light;
|
|
10536
|
+
});
|
|
10537
|
+
var _templateObject$c$1$1$1, _templateObject2$9$1$1$1;
|
|
10538
|
+
var ModalOverlay$1$1$1 = styled__default.div(_templateObject$c$1$1$1 || (_templateObject$c$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
10539
|
+
var ModalContainer$1$1$1 = styled__default.div(_templateObject2$9$1$1$1 || (_templateObject2$9$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-height: 100vh;\n max-width: ", ";\n overflow: visible;\n"])), colorVariables$1$1$1.accent.light, function (_ref) {
|
|
10540
|
+
var $maxWidth = _ref.$maxWidth;
|
|
10541
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
10542
|
+
});
|
|
10543
|
+
var _templateObject$d$1$1$1, _templateObject2$a$1$1$1;
|
|
10544
|
+
var SearchContainer$2$1$1$1 = styled__default.div(_templateObject$d$1$1$1 || (_templateObject$d$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n height: 100%;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 5.5px 8px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref) {
|
|
10545
|
+
var $background = _ref.$background;
|
|
10546
|
+
return $background || colorVariables$1$1$1["default"].tertiary;
|
|
10547
|
+
}, function (_ref2) {
|
|
10548
|
+
var $border = _ref2.$border;
|
|
10549
|
+
return $border || 'none';
|
|
10550
|
+
}, function (_ref3) {
|
|
10551
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
10552
|
+
return $borderRadius || '8px';
|
|
10553
|
+
});
|
|
10554
|
+
var SearchBar$2$1$1$1 = styled__default.input(_templateObject2$a$1$1$1 || (_templateObject2$a$1$1$1 = _taggedTemplateLiteralLoose$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["default"].tertiary, function (_ref4) {
|
|
10555
|
+
var $inputColor = _ref4.$inputColor;
|
|
10556
|
+
return $inputColor || colorVariables$1$1$1.text.medium;
|
|
10557
|
+
}, function (_ref5) {
|
|
10558
|
+
var $placeholderColor = _ref5.$placeholderColor;
|
|
10559
|
+
return $placeholderColor || colorVariables$1$1$1.text.light;
|
|
10560
|
+
});
|
|
10561
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$7$1$1$1, _templateObject4$5$1$1$1, _templateObject5$5$1$1$1;
|
|
10562
|
+
var Label = styled__default.label(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose$1$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
10563
|
+
var $fontWeight = _ref.$fontWeight;
|
|
10564
|
+
return $fontWeight != null ? $fontWeight : '500';
|
|
10565
|
+
}, function (_ref2) {
|
|
10566
|
+
var $size = _ref2.$size;
|
|
10567
|
+
switch ($size) {
|
|
10568
|
+
case 'small':
|
|
10569
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
10570
|
+
case 'medium':
|
|
10571
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
10572
|
+
case 'large':
|
|
10573
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
10574
|
+
default:
|
|
10575
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
10576
|
+
}
|
|
10577
|
+
}, function (_ref3) {
|
|
10578
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
10579
|
+
switch ($titlecolor) {
|
|
10580
|
+
case 'dark':
|
|
10581
|
+
return colorVariables$1$1$1.text.dark;
|
|
10582
|
+
case 'medium':
|
|
10583
|
+
return colorVariables$1$1$1.text.medium;
|
|
10584
|
+
case 'light':
|
|
10585
|
+
return colorVariables$1$1$1.text.light;
|
|
10586
|
+
case 'white':
|
|
10587
|
+
return colorVariables$1$1$1.text.white;
|
|
10588
|
+
case 'warning':
|
|
10589
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10590
|
+
case 'info':
|
|
10591
|
+
return colorVariables$1$1$1["default"].info;
|
|
10592
|
+
case 'success':
|
|
10593
|
+
return colorVariables$1$1$1["default"].success;
|
|
10594
|
+
case 'error':
|
|
10595
|
+
return colorVariables$1$1$1["default"].error;
|
|
10596
|
+
default:
|
|
10597
|
+
return $titlecolor;
|
|
10598
|
+
}
|
|
10599
|
+
});
|
|
10600
|
+
var Input = styled__default.input(_templateObject2$b || (_templateObject2$b = _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.border.light, function (_ref4) {
|
|
10601
|
+
var $disabled = _ref4.$disabled;
|
|
10602
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
10603
|
+
}, function (_ref5) {
|
|
10604
|
+
var $disabled = _ref5.$disabled,
|
|
10605
|
+
$background = _ref5.$background;
|
|
10606
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10607
|
+
}, function (_ref6) {
|
|
10608
|
+
var $color = _ref6.$color;
|
|
10609
|
+
return $color;
|
|
10610
|
+
}, function (_ref7) {
|
|
10611
|
+
var $disabled = _ref7.$disabled;
|
|
10612
|
+
return $disabled ? 'none' : 'auto';
|
|
10613
|
+
}, function (_ref8) {
|
|
10614
|
+
var $size = _ref8.$size,
|
|
10615
|
+
$type = _ref8.$type;
|
|
10616
|
+
switch ($size) {
|
|
10617
|
+
case 'small':
|
|
10618
|
+
return "\n font-size: 12px;\n padding: " + ($type === 'password' ? '5px 38px 5px 10px' : '5px 10px') + ";\n ";
|
|
10619
|
+
case 'medium':
|
|
10620
|
+
return "\n font-size: 14px;\n padding: " + ($type === 'password' ? '9.5px 38px 9.5px 12px' : '9.5px 12px') + ";\n ";
|
|
10621
|
+
case 'large':
|
|
10622
|
+
return "\n font-size: 16px;\n padding: " + ($type === 'password' ? '9px 38px 9px 14px' : '9px 14px') + ";\n ";
|
|
10623
|
+
default:
|
|
10624
|
+
return "\n font-size: 14px;\n padding: " + ($type === 'password' ? '7px 38px 7px 12px' : '7px 12px') + ";\n ";
|
|
10625
|
+
}
|
|
10626
|
+
}, function (_ref9) {
|
|
10627
|
+
var $color = _ref9.$color;
|
|
10628
|
+
switch ($color) {
|
|
10629
|
+
case 'dark':
|
|
10630
|
+
return colorVariables$1$1$1.text.dark;
|
|
10631
|
+
case 'medium':
|
|
10632
|
+
return colorVariables$1$1$1.text.medium;
|
|
10633
|
+
case 'light':
|
|
10634
|
+
return colorVariables$1$1$1.text.light;
|
|
10635
|
+
case 'white':
|
|
10636
|
+
return colorVariables$1$1$1.text.white;
|
|
10637
|
+
case 'warning':
|
|
10638
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10639
|
+
case 'info':
|
|
10640
|
+
return colorVariables$1$1$1["default"].info;
|
|
10641
|
+
case 'success':
|
|
10642
|
+
return colorVariables$1$1$1["default"].success;
|
|
10643
|
+
case 'error':
|
|
10644
|
+
return colorVariables$1$1$1["default"].error;
|
|
10645
|
+
default:
|
|
10646
|
+
return $color;
|
|
10647
|
+
}
|
|
10648
|
+
}, colorVariables$1$1$1.text.light);
|
|
10649
|
+
var InputWrapper$1$1$1$1 = styled__default.div(_templateObject3$7$1$1$1 || (_templateObject3$7$1$1$1 = _taggedTemplateLiteralLoose$1$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
10650
|
+
var IconWrapper$1$1$1$1 = styled__default.div(_templateObject4$5$1$1$1 || (_templateObject4$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 (_ref10) {
|
|
10651
|
+
var $disabled = _ref10.$disabled;
|
|
10652
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10653
|
+
});
|
|
10654
|
+
var Asterisk$1$1$1$1 = styled__default.span(_templateObject5$5$1$1$1 || (_templateObject5$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);
|
|
10655
|
+
var _templateObject$f, _templateObject2$c, _templateObject3$8;
|
|
10656
|
+
var Container$3$1$1$1 = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
10657
|
+
var $padding = _ref.$padding;
|
|
10658
|
+
return $padding;
|
|
10659
|
+
});
|
|
10660
|
+
var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose$1$1$1(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
10661
|
+
var $fontWeight = _ref2.$fontWeight;
|
|
10662
|
+
return $fontWeight != null ? $fontWeight : '500';
|
|
10663
|
+
}, function (_ref3) {
|
|
10664
|
+
var $size = _ref3.$size;
|
|
10665
|
+
switch ($size) {
|
|
10666
|
+
case 'small':
|
|
10667
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
10668
|
+
case 'medium':
|
|
10669
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
10670
|
+
case 'large':
|
|
10671
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
10672
|
+
default:
|
|
10673
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
10674
|
+
}
|
|
10675
|
+
}, function (_ref4) {
|
|
10676
|
+
var $titlecolor = _ref4.$titlecolor;
|
|
10677
|
+
return $titlecolor || colorVariables$1$1$1.text.dark;
|
|
10678
|
+
});
|
|
10679
|
+
var TextAreaComponent = styled__default.textarea(_templateObject3$8 || (_templateObject3$8 = _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 (_ref5) {
|
|
10680
|
+
var $disabled = _ref5.$disabled;
|
|
10681
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
10682
|
+
}, function (_ref6) {
|
|
10683
|
+
var $disabled = _ref6.$disabled,
|
|
10684
|
+
$background = _ref6.$background;
|
|
10685
|
+
return $disabled ? colorVariables$1$1$1.disabled.secondary : $background;
|
|
10686
|
+
}, function (_ref7) {
|
|
10687
|
+
var $color = _ref7.$color;
|
|
10688
|
+
return $color;
|
|
10689
|
+
}, function (_ref8) {
|
|
10690
|
+
var $size = _ref8.$size;
|
|
10691
|
+
switch ($size) {
|
|
10692
|
+
case 'small':
|
|
10693
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
10694
|
+
case 'medium':
|
|
10695
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
10696
|
+
case 'large':
|
|
10697
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
10698
|
+
default:
|
|
10699
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
10700
|
+
}
|
|
10701
|
+
}, function (_ref9) {
|
|
10702
|
+
var $color = _ref9.$color;
|
|
10703
|
+
return $color || colorVariables$1$1$1.text.dark;
|
|
10704
|
+
}, colorVariables$1$1$1.text.light);
|
|
10705
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$9, _templateObject4$6, _templateObject5$6, _templateObject6$5$1$1$1, _templateObject7$3$1$1$1;
|
|
10706
|
+
var OptionContainer$1$1$1$1 = styled__default.div(_templateObject$g || (_templateObject$g = _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);
|
|
10707
|
+
var OptionItem$1$1$1$1 = styled__default.div(_templateObject2$d || (_templateObject2$d = _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) {
|
|
10708
|
+
var $optionSelected = _ref.$optionSelected;
|
|
10709
|
+
return $optionSelected ? colorVariables$1$1$1.text.white : colorVariables$1$1$1.text.medium;
|
|
10710
|
+
}, function (_ref2) {
|
|
10711
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
10712
|
+
return $optionSelected ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.white;
|
|
10713
|
+
}, colorVariables$1$1$1.hover.primary, colorVariables$1$1$1.text.white);
|
|
10714
|
+
var TotalOptionsHeader = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _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);
|
|
10715
|
+
var OptionLabel$1$1$1$1 = styled__default.label(_templateObject4$6 || (_templateObject4$6 = _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"])));
|
|
10716
|
+
var SearchContainer$3 = styled__default.div(_templateObject5$6 || (_templateObject5$6 = _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) {
|
|
10717
|
+
var $background = _ref3.$background;
|
|
10718
|
+
switch ($background) {
|
|
10719
|
+
case 'dark':
|
|
10720
|
+
return colorVariables$1$1$1.text.dark;
|
|
10721
|
+
case 'medium':
|
|
10722
|
+
return colorVariables$1$1$1.text.medium;
|
|
10723
|
+
case 'light':
|
|
10724
|
+
return colorVariables$1$1$1.text.light;
|
|
10725
|
+
case 'white':
|
|
10726
|
+
return colorVariables$1$1$1.text.white;
|
|
10727
|
+
case 'warning':
|
|
10728
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10729
|
+
case 'info':
|
|
10730
|
+
return colorVariables$1$1$1["default"].info;
|
|
10731
|
+
case 'success':
|
|
10732
|
+
return colorVariables$1$1$1["default"].success;
|
|
10733
|
+
case 'error':
|
|
10734
|
+
return colorVariables$1$1$1["default"].error;
|
|
10735
|
+
default:
|
|
10736
|
+
return $background;
|
|
10737
|
+
}
|
|
10738
|
+
}, function (_ref4) {
|
|
10739
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
10740
|
+
return $borderBottom || 'none';
|
|
10741
|
+
}, function (_ref5) {
|
|
10742
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
10743
|
+
return $borderRadius || '8px';
|
|
10744
|
+
});
|
|
10745
|
+
var SearchBar$3 = styled__default.input(_templateObject6$5$1$1$1 || (_templateObject6$5$1$1$1 = _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) {
|
|
10746
|
+
var $inputColor = _ref6.$inputColor;
|
|
10747
|
+
switch ($inputColor) {
|
|
10748
|
+
case 'dark':
|
|
10749
|
+
return colorVariables$1$1$1.text.dark;
|
|
10750
|
+
case 'medium':
|
|
10751
|
+
return colorVariables$1$1$1.text.medium;
|
|
10752
|
+
case 'light':
|
|
10753
|
+
return colorVariables$1$1$1.text.light;
|
|
10754
|
+
case 'white':
|
|
10755
|
+
return colorVariables$1$1$1.text.white;
|
|
10756
|
+
case 'warning':
|
|
10757
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10758
|
+
case 'info':
|
|
10759
|
+
return colorVariables$1$1$1["default"].info;
|
|
10760
|
+
case 'success':
|
|
10761
|
+
return colorVariables$1$1$1["default"].success;
|
|
10762
|
+
case 'error':
|
|
10763
|
+
return colorVariables$1$1$1["default"].error;
|
|
10764
|
+
default:
|
|
10765
|
+
return $inputColor;
|
|
10766
|
+
}
|
|
10767
|
+
}, function (_ref7) {
|
|
10768
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
10769
|
+
switch ($placeholderColor) {
|
|
10770
|
+
case 'dark':
|
|
10771
|
+
return colorVariables$1$1$1.text.dark;
|
|
10772
|
+
case 'medium':
|
|
10773
|
+
return colorVariables$1$1$1.text.medium;
|
|
10774
|
+
case 'light':
|
|
10775
|
+
return colorVariables$1$1$1.text.light;
|
|
10776
|
+
case 'white':
|
|
10777
|
+
return colorVariables$1$1$1.text.white;
|
|
10778
|
+
case 'warning':
|
|
10779
|
+
return colorVariables$1$1$1["default"].warning;
|
|
10780
|
+
case 'info':
|
|
10781
|
+
return colorVariables$1$1$1["default"].info;
|
|
10782
|
+
case 'success':
|
|
10783
|
+
return colorVariables$1$1$1["default"].success;
|
|
10784
|
+
case 'error':
|
|
10785
|
+
return colorVariables$1$1$1["default"].error;
|
|
10786
|
+
default:
|
|
10787
|
+
return $placeholderColor;
|
|
10788
|
+
}
|
|
10789
|
+
});
|
|
10790
|
+
var OptionsWrapper$1$1$1$1 = styled__default.div(_templateObject7$3$1$1$1 || (_templateObject7$3$1$1$1 = _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);
|
|
10791
|
+
var _templateObject$h, _templateObject2$e;
|
|
10792
|
+
var StyledInput$1$1$1$1 = styled__default.input(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose$1$1$1(["\n width: ", ";\n height: ", ";\n appearance: none;\n border: ", ";\n border-radius: 4px;\n background-color: ", ";\n cursor: pointer;\n display: inline-block;\n position: relative;\n transition: all 0.2s ease;\n font-size: ", "; // for em units\n\n &:checked::after {\n content: '';\n position: absolute;\n top: ", ";\n right: ", ";\n width: ", ";\n height: ", ";\n border: solid ", ";\n border-width: 0 0.2em 0.2em 0;\n transform: rotate(45deg);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])), function (_ref) {
|
|
10793
|
+
var $checkboxSize = _ref.$checkboxSize;
|
|
10794
|
+
return $checkboxSize + "px";
|
|
10795
|
+
}, function (_ref2) {
|
|
10796
|
+
var $checkboxSize = _ref2.$checkboxSize;
|
|
10797
|
+
return $checkboxSize + "px";
|
|
10798
|
+
}, function (_ref3) {
|
|
10799
|
+
var $checked = _ref3.$checked,
|
|
10800
|
+
$borderSize = _ref3.$borderSize;
|
|
10801
|
+
return $checked ? $borderSize + "px solid " + colorVariables$1$1$1["default"].primary : $borderSize + "px solid " + colorVariables$1$1$1.border.extraBold;
|
|
10802
|
+
}, function (_ref4) {
|
|
10803
|
+
var $checked = _ref4.$checked;
|
|
10804
|
+
return $checked ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.white;
|
|
10805
|
+
}, function (_ref5) {
|
|
10806
|
+
var $checkboxSize = _ref5.$checkboxSize;
|
|
10807
|
+
return $checkboxSize / 1.4 + "px";
|
|
10808
|
+
}, function (_ref6) {
|
|
10809
|
+
var $checkboxSize = _ref6.$checkboxSize;
|
|
10810
|
+
return "calc(100% - " + $checkboxSize / 1.4 + "px)";
|
|
10811
|
+
}, function (_ref7) {
|
|
10812
|
+
var $checkboxSize = _ref7.$checkboxSize;
|
|
10813
|
+
return "calc(100% - " + $checkboxSize / 1.8 + "px)";
|
|
10814
|
+
}, function (_ref8) {
|
|
10815
|
+
var $checkboxSize = _ref8.$checkboxSize;
|
|
10816
|
+
return $checkboxSize / 5 + "px";
|
|
10817
|
+
}, function (_ref9) {
|
|
10818
|
+
var $checkboxSize = _ref9.$checkboxSize;
|
|
10819
|
+
return $checkboxSize / 2.4 + "px";
|
|
10820
|
+
}, colorVariables$1$1$1.text.white);
|
|
10821
|
+
var LabelSpan = styled__default(Span$1$1$1)(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose$1$1$1(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
10822
|
+
var _templateObject$i, _templateObject2$f, _templateObject3$a, _templateObject4$7;
|
|
10823
|
+
var spin$1$1$1$1 = styled.keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose$1$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
10824
|
+
var getDotPosition = function getDotPosition(index, size) {
|
|
10825
|
+
var angle = index * 360 / 8;
|
|
10826
|
+
var radius = size / 2.5;
|
|
10827
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
10828
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
10829
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
10830
|
+
};
|
|
10831
|
+
var SpinnerContainer = styled__default.div(_templateObject2$f || (_templateObject2$f = _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) {
|
|
10832
|
+
var $size = _ref.$size;
|
|
10833
|
+
return $size;
|
|
10834
|
+
}, function (_ref2) {
|
|
10835
|
+
var $size = _ref2.$size;
|
|
10836
|
+
return $size;
|
|
10837
|
+
});
|
|
10838
|
+
var Dot = styled__default.div.attrs(function (_ref3) {
|
|
10839
|
+
var $index = _ref3.$index,
|
|
10840
|
+
$size = _ref3.$size;
|
|
10841
|
+
return {
|
|
10842
|
+
style: {
|
|
10843
|
+
transform: getDotPosition($index, $size)
|
|
10844
|
+
}
|
|
10845
|
+
};
|
|
10846
|
+
})(_templateObject3$a || (_templateObject3$a = _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) {
|
|
10847
|
+
var $dotSize = _ref4.$dotSize;
|
|
10848
|
+
return $dotSize;
|
|
10849
|
+
}, function (_ref5) {
|
|
10850
|
+
var $dotSize = _ref5.$dotSize;
|
|
10851
|
+
return $dotSize;
|
|
10852
|
+
}, function (_ref6) {
|
|
10853
|
+
var $color = _ref6.$color;
|
|
10854
|
+
return $color;
|
|
10855
|
+
}, spin$1$1$1$1, function (_ref7) {
|
|
10856
|
+
var $speed = _ref7.$speed;
|
|
10857
|
+
return $speed;
|
|
10858
|
+
}, function (_ref8) {
|
|
10859
|
+
var $index = _ref8.$index,
|
|
10860
|
+
$speed = _ref8.$speed;
|
|
10861
|
+
return $index * $speed / 8;
|
|
10862
|
+
});
|
|
10863
|
+
var SpinnerWrapper = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _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"])));
|
|
10864
|
+
var _templateObject$j, _templateObject2$g;
|
|
10865
|
+
var spin$2 = styled.keyframes(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose$1$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
10866
|
+
var Spinner$1$1$1$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _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) {
|
|
10867
|
+
var $size = _ref.$size;
|
|
10868
|
+
return $size;
|
|
10869
|
+
}, function (_ref2) {
|
|
10870
|
+
var $size = _ref2.$size;
|
|
10871
|
+
return $size;
|
|
10872
|
+
}, function (_ref3) {
|
|
10873
|
+
var $color = _ref3.$color;
|
|
10874
|
+
return $color;
|
|
10875
|
+
}, spin$2);
|
|
10876
|
+
var _templateObject$k;
|
|
10877
|
+
var PageInput = styled__default.input(_templateObject$k || (_templateObject$k = _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);
|
|
10878
|
+
var _templateObject$l, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6;
|
|
10879
|
+
var SidebarContainer = styled__default.div(_templateObject$l || (_templateObject$l = _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) {
|
|
10880
|
+
var $isExpanded = _ref.$isExpanded;
|
|
10881
|
+
return $isExpanded ? '225px' : '68px';
|
|
10882
|
+
}, function (_ref2) {
|
|
10883
|
+
var $background = _ref2.$background;
|
|
10884
|
+
return $background ? $background : colorVariables$1$1$1.accent.softBlue;
|
|
10885
|
+
});
|
|
10886
|
+
var SidebarItem = styled__default(reactRouterDom.NavLink)(_templateObject2$h || (_templateObject2$h = _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);
|
|
10887
|
+
var ContentWrapper = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose$1$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
10888
|
+
var IconWrapper$2 = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _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) {
|
|
10889
|
+
var $selected = _ref3.$selected;
|
|
10890
|
+
return $selected ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1["default"].tertiary;
|
|
10891
|
+
});
|
|
10892
|
+
var Logo = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _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"])));
|
|
10893
|
+
var TextContainer = styled__default.span(_templateObject6$6 || (_templateObject6$6 = _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) {
|
|
10894
|
+
var $padding = _ref4.$padding;
|
|
10895
|
+
return $padding;
|
|
10896
|
+
}, function (_ref5) {
|
|
10897
|
+
var $fontSize = _ref5.$fontSize;
|
|
10898
|
+
return $fontSize ? $fontSize : '20px';
|
|
10899
|
+
}, function (_ref6) {
|
|
10900
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
10901
|
+
return $fontWeight ? $fontWeight : '500';
|
|
10902
|
+
}, function (_ref7) {
|
|
10903
|
+
var $color = _ref7.$color;
|
|
10904
|
+
return $color ? $color : colorVariables$1$1$1["default"].primary;
|
|
10905
|
+
}, function (_ref8) {
|
|
10906
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
10907
|
+
return $isExpanded ? 1 : 0;
|
|
10908
|
+
}, function (_ref9) {
|
|
10909
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
10910
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
10911
|
+
});
|
|
10912
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$c, _templateObject4$9;
|
|
10913
|
+
var ContainerWrapper = styled__default.div(_templateObject$m || (_templateObject$m = _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) {
|
|
10914
|
+
return props.$width || 'auto';
|
|
10915
|
+
}, function (_ref) {
|
|
10916
|
+
var $minHeight = _ref.$minHeight;
|
|
10917
|
+
return $minHeight;
|
|
10918
|
+
});
|
|
10919
|
+
var CellContainer = styled__default.div(_templateObject2$i || (_templateObject2$i = _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) {
|
|
10920
|
+
return props.$align;
|
|
10921
|
+
}, function (props) {
|
|
10922
|
+
return props.$width || 'auto';
|
|
10923
|
+
}, function (props) {
|
|
10924
|
+
return props.$minWidth;
|
|
10925
|
+
}, function (props) {
|
|
10926
|
+
return props.$background || 'inherit';
|
|
10927
|
+
}, function (props) {
|
|
10928
|
+
return props.$padding;
|
|
10929
|
+
});
|
|
10930
|
+
var MainText = styled__default.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10931
|
+
return props.$mtc;
|
|
10932
|
+
}, function (props) {
|
|
10933
|
+
return props.$mtfs;
|
|
10934
|
+
}, function (props) {
|
|
10935
|
+
return props.$mtw;
|
|
10936
|
+
});
|
|
10937
|
+
var SubText = styled__default.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose$1$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10938
|
+
return props.$stc;
|
|
10939
|
+
}, function (props) {
|
|
10940
|
+
return props.$stfs;
|
|
10941
|
+
}, function (props) {
|
|
10942
|
+
return props.$stw;
|
|
10943
|
+
});
|
|
10944
|
+
var _templateObject$n;
|
|
10945
|
+
var TableRowContainer = styled.styled.div(_templateObject$n || (_templateObject$n = _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"])));
|
|
10946
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$8;
|
|
10947
|
+
var TableContainer = styled__default.div(_templateObject$o || (_templateObject$o = _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);
|
|
10948
|
+
var TableHeader = styled__default.div(_templateObject2$j || (_templateObject2$j = _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) {
|
|
10949
|
+
return props.$hbcolor || 'transparent';
|
|
10950
|
+
}, function (props) {
|
|
10951
|
+
return props.$tcolor || 'white';
|
|
10952
|
+
});
|
|
10953
|
+
var TableContent = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
10954
|
+
var TableData = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose$1$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
10955
|
+
var Divider = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose$1$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1$1.border.extraLight);
|
|
10956
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9;
|
|
10957
|
+
var Container$4 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose$1$1$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: visible;\n gap: ", ";\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
10958
|
+
var $gap = _ref.$gap;
|
|
10959
|
+
return $gap;
|
|
10960
|
+
}, function (_ref2) {
|
|
10961
|
+
var $border = _ref2.$border;
|
|
10962
|
+
return $border;
|
|
10963
|
+
});
|
|
10964
|
+
var FirstContainer = styled__default.div(_templateObject2$k || (_templateObject2$k = _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 (_ref3) {
|
|
10965
|
+
var $headerPadding = _ref3.$headerPadding;
|
|
10966
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
10967
|
+
});
|
|
10968
|
+
var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _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 (_ref4) {
|
|
10969
|
+
var $disabled = _ref4.$disabled;
|
|
10970
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10971
|
+
}, function (_ref5) {
|
|
10972
|
+
var $disabled = _ref5.$disabled;
|
|
10973
|
+
return $disabled ? '0.6' : '1';
|
|
10974
|
+
}, colorVariables$1$1$1.text.medium, function (_ref6) {
|
|
10975
|
+
var $headerHeight = _ref6.$headerHeight;
|
|
10976
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
10977
|
+
}, function (_ref7) {
|
|
10978
|
+
var $disabled = _ref7.$disabled;
|
|
10979
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10980
|
+
});
|
|
10981
|
+
var TabItemContainer = styled__default.div(_templateObject4$b || (_templateObject4$b = _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 (_ref8) {
|
|
10982
|
+
var $headerHeight = _ref8.$headerHeight;
|
|
10983
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
10984
|
+
}, function (props) {
|
|
10985
|
+
return props.$active ? 'block' : 'none';
|
|
10986
|
+
}, colorVariables$1$1$1["default"].primary);
|
|
10987
|
+
var DetailsFirstContainer = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _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) {
|
|
10988
|
+
return props.$active ? colorVariables$1$1$1["default"].primary : colorVariables$1$1$1.text.medium;
|
|
10989
|
+
});
|
|
10990
|
+
var colorVariables$1$1$1$1 = {
|
|
10991
|
+
brand: {
|
|
10992
|
+
primary: 'var(--brand-primary)',
|
|
10993
|
+
secondary: 'var(--brand-secondary)',
|
|
10994
|
+
light: 'var(--brand-light)'
|
|
10995
|
+
},
|
|
10996
|
+
accent: {
|
|
10997
|
+
light: 'var(--accent-light)',
|
|
10998
|
+
extraLight: 'var(--accent-extraLight)',
|
|
10999
|
+
softBlue: 'var(--accent-softBlue)',
|
|
11000
|
+
extraSoftBlue: 'var(--accent-extraSoftBlue)',
|
|
11001
|
+
boldTransparent: 'var(--accent-boldTransparent)',
|
|
11002
|
+
transparent: 'var(--accent-transparent)',
|
|
11003
|
+
lightTransparent: 'var(--accent-lightTransparent)'
|
|
11004
|
+
},
|
|
11005
|
+
"default": {
|
|
11006
|
+
primary: 'var(--default-primary)',
|
|
11007
|
+
secondary: 'var(--default-secondary)',
|
|
11008
|
+
tertiary: 'var(--default-tertiary)',
|
|
11009
|
+
error: 'var(--default-error)',
|
|
11010
|
+
success: 'var(--default-success)',
|
|
11011
|
+
warning: 'var(--default-warning)',
|
|
11012
|
+
info: 'var(--default-info)'
|
|
11013
|
+
},
|
|
11014
|
+
disabled: {
|
|
11015
|
+
primary: 'var(--disabled-primary)',
|
|
11016
|
+
secondary: 'var(--disabled-secondary)',
|
|
11017
|
+
error: 'var(--disabled-error)',
|
|
11018
|
+
success: 'var(--disabled-success)',
|
|
11019
|
+
warning: 'var(--disabled-warning)',
|
|
11020
|
+
info: 'var(--disabled-info)'
|
|
11021
|
+
},
|
|
11022
|
+
hover: {
|
|
11023
|
+
primary: 'var(--hover-primary)',
|
|
11024
|
+
secondary: 'var(--hover-secondary)',
|
|
11025
|
+
tertiary: 'var(--hover-tertiary)',
|
|
11026
|
+
error: 'var(--hover-error)',
|
|
11027
|
+
success: 'var(--hover-success)',
|
|
11028
|
+
warning: 'var(--hover-warning)',
|
|
11029
|
+
info: 'var(--hover-info)'
|
|
11030
|
+
},
|
|
11031
|
+
border: {
|
|
11032
|
+
extraBold: 'var(--border-extraBold)',
|
|
11033
|
+
bold: 'var(--border-bold)',
|
|
11034
|
+
medium: 'var(--border-medium)',
|
|
11035
|
+
light: 'var(--border-light)',
|
|
11036
|
+
extraLight: 'var(--border-extraLight)'
|
|
11037
|
+
},
|
|
11038
|
+
text: {
|
|
11039
|
+
dark: 'var(--text-dark)',
|
|
11040
|
+
medium: 'var(--text-medium)',
|
|
11041
|
+
light: 'var(--text-light)',
|
|
11042
|
+
white: 'var(--text-white)',
|
|
11043
|
+
success: 'var(--text-success)',
|
|
11044
|
+
error: 'var(--text-error)',
|
|
11045
|
+
info: 'var(--text-info)',
|
|
11046
|
+
warning: 'var(--text-warning)'
|
|
11047
|
+
},
|
|
11048
|
+
badge: {
|
|
11049
|
+
lavender: 'var(--badge-lavender)',
|
|
11050
|
+
papayaWhip: 'var(--badge-papayaWhip)',
|
|
11051
|
+
water: 'var(--badge-water)',
|
|
11052
|
+
paleBlue: 'var(--badge-paleBlue)',
|
|
11053
|
+
teaGreen: 'var(--badge-teaGreen)',
|
|
11054
|
+
lightBlue: 'var(--badge-lightBlue)'
|
|
11055
|
+
}
|
|
11056
|
+
};
|
|
11057
|
+
var _templateObject$q, _templateObject2$l;
|
|
11058
|
+
var SearchContainer$4 = styled__default.div(_templateObject$q || (_templateObject$q = _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 cursor: ", ";\n transition: all 0.3s ease;\n\n &:focus-within {\n border: 1px solid ", ";\n }\n"])), function (_ref) {
|
|
11059
|
+
var $background = _ref.$background;
|
|
11060
|
+
return $background || colorVariables$1$1$1$1["default"].tertiary;
|
|
11061
|
+
}, function (_ref2) {
|
|
11062
|
+
var $border = _ref2.$border;
|
|
11063
|
+
return $border || "1px solid " + colorVariables$1$1$1$1.border.light;
|
|
11064
|
+
}, function (_ref3) {
|
|
11065
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
11066
|
+
return $borderRadius || '8px';
|
|
11067
|
+
}, function (_ref4) {
|
|
11068
|
+
var $disabled = _ref4.$disabled;
|
|
11069
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11070
|
+
}, colorVariables$1$1$1$1.text.dark);
|
|
11071
|
+
var SearchBar$4 = styled__default.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose$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 (_ref5) {
|
|
11072
|
+
var $inputColor = _ref5.$inputColor;
|
|
11073
|
+
return $inputColor || colorVariables$1$1$1$1.text.medium;
|
|
11074
|
+
}, function (_ref6) {
|
|
11075
|
+
var $placeholderColor = _ref6.$placeholderColor;
|
|
11076
|
+
return $placeholderColor || colorVariables$1$1$1$1.text.light;
|
|
11077
|
+
});
|
|
11078
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$a;
|
|
11079
|
+
var Label$2 = styled__default.label(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose$1$1(["\n cursor: auto;\n width: 100%;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
11080
|
+
var $fontWeight = _ref.$fontWeight;
|
|
11081
|
+
return $fontWeight != null ? $fontWeight : '500';
|
|
11082
|
+
}, function (_ref2) {
|
|
11083
|
+
var $size = _ref2.$size;
|
|
11084
|
+
switch ($size) {
|
|
11085
|
+
case 'small':
|
|
11086
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
11087
|
+
case 'medium':
|
|
11088
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11089
|
+
case 'large':
|
|
11090
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
11091
|
+
default:
|
|
11092
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
11093
|
+
}
|
|
11094
|
+
}, function (_ref3) {
|
|
11095
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
11096
|
+
switch ($titlecolor) {
|
|
11097
|
+
case 'dark':
|
|
11098
|
+
return colorVariables$1$1.text.dark;
|
|
11099
|
+
case 'medium':
|
|
11100
|
+
return colorVariables$1$1.text.medium;
|
|
11101
|
+
case 'light':
|
|
11102
|
+
return colorVariables$1$1.text.light;
|
|
11103
|
+
case 'white':
|
|
11104
|
+
return colorVariables$1$1.text.white;
|
|
11105
|
+
case 'warning':
|
|
11106
|
+
return colorVariables$1$1["default"].warning;
|
|
11107
|
+
case 'info':
|
|
11108
|
+
return colorVariables$1$1["default"].info;
|
|
11109
|
+
case 'success':
|
|
11110
|
+
return colorVariables$1$1["default"].success;
|
|
11111
|
+
case 'error':
|
|
11112
|
+
return colorVariables$1$1["default"].error;
|
|
11113
|
+
default:
|
|
11114
|
+
return $titlecolor;
|
|
11115
|
+
}
|
|
11116
|
+
});
|
|
11117
|
+
var Input$1 = styled__default.input(_templateObject2$m || (_templateObject2$m = _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.border.light, function (_ref4) {
|
|
11118
|
+
var $disabled = _ref4.$disabled;
|
|
11119
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
11120
|
+
}, function (_ref5) {
|
|
11121
|
+
var $disabled = _ref5.$disabled,
|
|
11122
|
+
$background = _ref5.$background;
|
|
11123
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
11124
|
+
}, function (_ref6) {
|
|
11125
|
+
var $color = _ref6.$color;
|
|
11126
|
+
return $color;
|
|
11127
|
+
}, function (_ref7) {
|
|
11128
|
+
var $disabled = _ref7.$disabled;
|
|
11129
|
+
return $disabled ? 'none' : 'auto';
|
|
11130
|
+
}, function (_ref8) {
|
|
11131
|
+
var $size = _ref8.$size,
|
|
11132
|
+
$type = _ref8.$type;
|
|
11133
|
+
switch ($size) {
|
|
11134
|
+
case 'small':
|
|
11135
|
+
return "\n font-size: 12px;\n padding: " + ($type === 'password' ? '5px 38px 5px 10px' : '5px 10px') + ";\n ";
|
|
11136
|
+
case 'medium':
|
|
11137
|
+
return "\n font-size: 14px;\n padding: " + ($type === 'password' ? '9.5px 38px 9.5px 12px' : '9.5px 12px') + ";\n ";
|
|
11138
|
+
case 'large':
|
|
11139
|
+
return "\n font-size: 16px;\n padding: " + ($type === 'password' ? '9px 38px 9px 14px' : '9px 14px') + ";\n ";
|
|
11140
|
+
default:
|
|
11141
|
+
return "\n font-size: 14px;\n padding: " + ($type === 'password' ? '7px 38px 7px 12px' : '7px 12px') + ";\n ";
|
|
11142
|
+
}
|
|
11143
|
+
}, function (_ref9) {
|
|
11144
|
+
var $color = _ref9.$color;
|
|
11145
|
+
switch ($color) {
|
|
11146
|
+
case 'dark':
|
|
11147
|
+
return colorVariables$1$1.text.dark;
|
|
11148
|
+
case 'medium':
|
|
11149
|
+
return colorVariables$1$1.text.medium;
|
|
11150
|
+
case 'light':
|
|
11151
|
+
return colorVariables$1$1.text.light;
|
|
11152
|
+
case 'white':
|
|
11153
|
+
return colorVariables$1$1.text.white;
|
|
11154
|
+
case 'warning':
|
|
11155
|
+
return colorVariables$1$1["default"].warning;
|
|
11156
|
+
case 'info':
|
|
11157
|
+
return colorVariables$1$1["default"].info;
|
|
11158
|
+
case 'success':
|
|
11159
|
+
return colorVariables$1$1["default"].success;
|
|
11160
|
+
case 'error':
|
|
11161
|
+
return colorVariables$1$1["default"].error;
|
|
11162
|
+
default:
|
|
11163
|
+
return $color;
|
|
11164
|
+
}
|
|
11165
|
+
}, colorVariables$1$1.text.light);
|
|
11166
|
+
var InputWrapper$2 = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
11167
|
+
var IconWrapper$3 = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
11168
|
+
var $disabled = _ref10.$disabled;
|
|
11169
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11170
|
+
});
|
|
11171
|
+
var Asterisk$2 = styled__default.span(_templateObject5$a || (_templateObject5$a = _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["default"].error);
|
|
11172
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$g;
|
|
11173
|
+
var Container$5 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
11174
|
+
var $padding = _ref.$padding;
|
|
11175
|
+
return $padding;
|
|
11176
|
+
});
|
|
11177
|
+
var Label$3 = styled__default.label(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose$1$1(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
11178
|
+
var $fontWeight = _ref2.$fontWeight;
|
|
11179
|
+
return $fontWeight != null ? $fontWeight : '500';
|
|
11180
|
+
}, function (_ref3) {
|
|
11181
|
+
var $size = _ref3.$size;
|
|
11182
|
+
switch ($size) {
|
|
11183
|
+
case 'small':
|
|
11184
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
11185
|
+
case 'medium':
|
|
11186
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
11187
|
+
case 'large':
|
|
11188
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
11189
|
+
default:
|
|
11190
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
11191
|
+
}
|
|
11192
|
+
}, function (_ref4) {
|
|
11193
|
+
var $titlecolor = _ref4.$titlecolor;
|
|
11194
|
+
return $titlecolor || colorVariables$1$1.text.dark;
|
|
11195
|
+
});
|
|
11196
|
+
var TextAreaComponent$1 = styled__default.textarea(_templateObject3$g || (_templateObject3$g = _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 (_ref5) {
|
|
11197
|
+
var $disabled = _ref5.$disabled;
|
|
11198
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
11199
|
+
}, function (_ref6) {
|
|
11200
|
+
var $disabled = _ref6.$disabled,
|
|
11201
|
+
$background = _ref6.$background;
|
|
11202
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
11203
|
+
}, function (_ref7) {
|
|
11204
|
+
var $color = _ref7.$color;
|
|
11205
|
+
return $color;
|
|
11206
|
+
}, function (_ref8) {
|
|
11207
|
+
var $size = _ref8.$size;
|
|
11208
|
+
switch ($size) {
|
|
11209
|
+
case 'small':
|
|
11210
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
11211
|
+
case 'medium':
|
|
11212
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
11213
|
+
case 'large':
|
|
11214
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
11215
|
+
default:
|
|
11216
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
11217
|
+
}
|
|
11218
|
+
}, function (_ref9) {
|
|
11219
|
+
var $color = _ref9.$color;
|
|
11220
|
+
return $color || colorVariables$1$1.text.dark;
|
|
11221
|
+
}, colorVariables$1$1.text.light);
|
|
11222
|
+
var _templateObject$t, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$7, _templateObject7$4;
|
|
11223
|
+
var OptionContainer$2 = styled__default.div(_templateObject$t || (_templateObject$t = _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);
|
|
11224
|
+
var OptionItem$2 = styled__default.div(_templateObject2$o || (_templateObject2$o = _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) {
|
|
11225
|
+
var $optionSelected = _ref.$optionSelected;
|
|
11226
|
+
return $optionSelected ? colorVariables$1$1.text.white : colorVariables$1$1.text.medium;
|
|
11227
|
+
}, function (_ref2) {
|
|
11228
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
11229
|
+
return $optionSelected ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.white;
|
|
11230
|
+
}, colorVariables$1$1.hover.primary, colorVariables$1$1.text.white);
|
|
11231
|
+
var TotalOptionsHeader$1 = styled__default.div(_templateObject3$h || (_templateObject3$h = _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);
|
|
11232
|
+
var OptionLabel$2 = styled__default.label(_templateObject4$d || (_templateObject4$d = _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"])));
|
|
11233
|
+
var SearchContainer$5 = styled__default.div(_templateObject5$b || (_templateObject5$b = _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) {
|
|
11234
|
+
var $background = _ref3.$background;
|
|
11235
|
+
switch ($background) {
|
|
11236
|
+
case 'dark':
|
|
11237
|
+
return colorVariables$1$1.text.dark;
|
|
11238
|
+
case 'medium':
|
|
11239
|
+
return colorVariables$1$1.text.medium;
|
|
11240
|
+
case 'light':
|
|
11241
|
+
return colorVariables$1$1.text.light;
|
|
11242
|
+
case 'white':
|
|
11243
|
+
return colorVariables$1$1.text.white;
|
|
11244
|
+
case 'warning':
|
|
11245
|
+
return colorVariables$1$1["default"].warning;
|
|
11246
|
+
case 'info':
|
|
11247
|
+
return colorVariables$1$1["default"].info;
|
|
11248
|
+
case 'success':
|
|
11249
|
+
return colorVariables$1$1["default"].success;
|
|
11250
|
+
case 'error':
|
|
11251
|
+
return colorVariables$1$1["default"].error;
|
|
11252
|
+
default:
|
|
11253
|
+
return $background;
|
|
11254
|
+
}
|
|
11255
|
+
}, function (_ref4) {
|
|
11256
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
11257
|
+
return $borderBottom || 'none';
|
|
11258
|
+
}, function (_ref5) {
|
|
11259
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
11260
|
+
return $borderRadius || '8px';
|
|
11261
|
+
});
|
|
11262
|
+
var SearchBar$5 = styled__default.input(_templateObject6$7 || (_templateObject6$7 = _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) {
|
|
11263
|
+
var $inputColor = _ref6.$inputColor;
|
|
11264
|
+
switch ($inputColor) {
|
|
11265
|
+
case 'dark':
|
|
11266
|
+
return colorVariables$1$1.text.dark;
|
|
11267
|
+
case 'medium':
|
|
11268
|
+
return colorVariables$1$1.text.medium;
|
|
11269
|
+
case 'light':
|
|
11270
|
+
return colorVariables$1$1.text.light;
|
|
11271
|
+
case 'white':
|
|
11272
|
+
return colorVariables$1$1.text.white;
|
|
11273
|
+
case 'warning':
|
|
11274
|
+
return colorVariables$1$1["default"].warning;
|
|
11275
|
+
case 'info':
|
|
11276
|
+
return colorVariables$1$1["default"].info;
|
|
11277
|
+
case 'success':
|
|
11278
|
+
return colorVariables$1$1["default"].success;
|
|
11279
|
+
case 'error':
|
|
11280
|
+
return colorVariables$1$1["default"].error;
|
|
11281
|
+
default:
|
|
11282
|
+
return $inputColor;
|
|
11283
|
+
}
|
|
11284
|
+
}, function (_ref7) {
|
|
11285
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
11286
|
+
switch ($placeholderColor) {
|
|
11287
|
+
case 'dark':
|
|
11288
|
+
return colorVariables$1$1.text.dark;
|
|
11289
|
+
case 'medium':
|
|
11290
|
+
return colorVariables$1$1.text.medium;
|
|
11291
|
+
case 'light':
|
|
11292
|
+
return colorVariables$1$1.text.light;
|
|
11293
|
+
case 'white':
|
|
11294
|
+
return colorVariables$1$1.text.white;
|
|
11295
|
+
case 'warning':
|
|
11296
|
+
return colorVariables$1$1["default"].warning;
|
|
11297
|
+
case 'info':
|
|
11298
|
+
return colorVariables$1$1["default"].info;
|
|
11299
|
+
case 'success':
|
|
11300
|
+
return colorVariables$1$1["default"].success;
|
|
11301
|
+
case 'error':
|
|
11302
|
+
return colorVariables$1$1["default"].error;
|
|
11303
|
+
default:
|
|
11304
|
+
return $placeholderColor;
|
|
11305
|
+
}
|
|
11306
|
+
});
|
|
11307
|
+
var OptionsWrapper$2 = styled__default.div(_templateObject7$4 || (_templateObject7$4 = _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);
|
|
11308
|
+
var _templateObject$u, _templateObject2$p;
|
|
11309
|
+
var StyledInput$2 = styled__default.input(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose$1$1(["\n width: ", ";\n height: ", ";\n appearance: none;\n border: ", ";\n border-radius: 4px;\n background-color: ", ";\n cursor: pointer;\n display: inline-block;\n position: relative;\n transition: all 0.2s ease;\n font-size: ", "; // for em units\n\n &:checked::after {\n content: '';\n position: absolute;\n top: ", ";\n right: ", ";\n width: ", ";\n height: ", ";\n border: solid ", ";\n border-width: 0 0.2em 0.2em 0;\n transform: rotate(45deg);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])), function (_ref) {
|
|
11310
|
+
var $checkboxSize = _ref.$checkboxSize;
|
|
11311
|
+
return $checkboxSize + "px";
|
|
11312
|
+
}, function (_ref2) {
|
|
11313
|
+
var $checkboxSize = _ref2.$checkboxSize;
|
|
11314
|
+
return $checkboxSize + "px";
|
|
11315
|
+
}, function (_ref3) {
|
|
11316
|
+
var $checked = _ref3.$checked,
|
|
11317
|
+
$borderSize = _ref3.$borderSize;
|
|
11318
|
+
return $checked ? $borderSize + "px solid " + colorVariables$1$1["default"].primary : $borderSize + "px solid " + colorVariables$1$1.border.extraBold;
|
|
11319
|
+
}, function (_ref4) {
|
|
11320
|
+
var $checked = _ref4.$checked;
|
|
11321
|
+
return $checked ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.white;
|
|
11322
|
+
}, function (_ref5) {
|
|
11323
|
+
var $checkboxSize = _ref5.$checkboxSize;
|
|
11324
|
+
return $checkboxSize / 1.4 + "px";
|
|
11325
|
+
}, function (_ref6) {
|
|
11326
|
+
var $checkboxSize = _ref6.$checkboxSize;
|
|
11327
|
+
return "calc(100% - " + $checkboxSize / 1.4 + "px)";
|
|
11328
|
+
}, function (_ref7) {
|
|
11329
|
+
var $checkboxSize = _ref7.$checkboxSize;
|
|
11330
|
+
return "calc(100% - " + $checkboxSize / 1.8 + "px)";
|
|
11331
|
+
}, function (_ref8) {
|
|
11332
|
+
var $checkboxSize = _ref8.$checkboxSize;
|
|
11333
|
+
return $checkboxSize / 5 + "px";
|
|
11334
|
+
}, function (_ref9) {
|
|
11335
|
+
var $checkboxSize = _ref9.$checkboxSize;
|
|
11336
|
+
return $checkboxSize / 2.4 + "px";
|
|
11337
|
+
}, colorVariables$1$1.text.white);
|
|
11338
|
+
var LabelSpan$1 = styled__default(Span$1$1)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose$1$1(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
11339
|
+
var _templateObject$v, _templateObject2$q, _templateObject3$i, _templateObject4$e;
|
|
11340
|
+
var spin$3 = styled.keyframes(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
11341
|
+
var getDotPosition$1 = function getDotPosition(index, size) {
|
|
11342
|
+
var angle = index * 360 / 8;
|
|
11343
|
+
var radius = size / 2.5;
|
|
11344
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
11345
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
11346
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
11347
|
+
};
|
|
11348
|
+
var SpinnerContainer$1 = styled__default.div(_templateObject2$q || (_templateObject2$q = _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) {
|
|
11349
|
+
var $size = _ref.$size;
|
|
11350
|
+
return $size;
|
|
11351
|
+
}, function (_ref2) {
|
|
11352
|
+
var $size = _ref2.$size;
|
|
11353
|
+
return $size;
|
|
11354
|
+
});
|
|
11355
|
+
var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
11356
|
+
var $index = _ref3.$index,
|
|
11357
|
+
$size = _ref3.$size;
|
|
11358
|
+
return {
|
|
11359
|
+
style: {
|
|
11360
|
+
transform: getDotPosition$1($index, $size)
|
|
11361
|
+
}
|
|
11362
|
+
};
|
|
11363
|
+
})(_templateObject3$i || (_templateObject3$i = _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) {
|
|
11364
|
+
var $dotSize = _ref4.$dotSize;
|
|
11365
|
+
return $dotSize;
|
|
11366
|
+
}, function (_ref5) {
|
|
11367
|
+
var $dotSize = _ref5.$dotSize;
|
|
11368
|
+
return $dotSize;
|
|
11369
|
+
}, function (_ref6) {
|
|
11370
|
+
var $color = _ref6.$color;
|
|
11371
|
+
return $color;
|
|
11372
|
+
}, spin$3, function (_ref7) {
|
|
11373
|
+
var $speed = _ref7.$speed;
|
|
11374
|
+
return $speed;
|
|
11375
|
+
}, function (_ref8) {
|
|
11376
|
+
var $index = _ref8.$index,
|
|
11377
|
+
$speed = _ref8.$speed;
|
|
11378
|
+
return $index * $speed / 8;
|
|
11379
|
+
});
|
|
11380
|
+
var SpinnerWrapper$1 = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose$1$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
11381
|
+
var _templateObject$w, _templateObject2$r;
|
|
11382
|
+
var spin$4 = styled.keyframes(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11383
|
+
var Spinner$2 = styled__default.div(_templateObject2$r || (_templateObject2$r = _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) {
|
|
11384
|
+
var $size = _ref.$size;
|
|
11385
|
+
return $size;
|
|
11386
|
+
}, function (_ref2) {
|
|
11387
|
+
var $size = _ref2.$size;
|
|
11388
|
+
return $size;
|
|
11389
|
+
}, function (_ref3) {
|
|
11390
|
+
var $color = _ref3.$color;
|
|
11391
|
+
return $color;
|
|
11392
|
+
}, spin$4);
|
|
11393
|
+
var _templateObject$x;
|
|
11394
|
+
var PageInput$1 = styled__default.input(_templateObject$x || (_templateObject$x = _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);
|
|
11395
|
+
var _templateObject$y, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$c, _templateObject6$8;
|
|
11396
|
+
var SidebarContainer$1 = styled__default.div(_templateObject$y || (_templateObject$y = _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) {
|
|
11397
|
+
var $isExpanded = _ref.$isExpanded;
|
|
11398
|
+
return $isExpanded ? '225px' : '68px';
|
|
11399
|
+
}, function (_ref2) {
|
|
11400
|
+
var $background = _ref2.$background;
|
|
11401
|
+
return $background ? $background : colorVariables$1$1.accent.softBlue;
|
|
11402
|
+
});
|
|
11403
|
+
var SidebarItem$1 = styled__default(reactRouterDom.NavLink)(_templateObject2$s || (_templateObject2$s = _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);
|
|
11404
|
+
var ContentWrapper$1 = styled__default.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
11405
|
+
var IconWrapper$4 = styled__default.div(_templateObject4$f || (_templateObject4$f = _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) {
|
|
11406
|
+
var $selected = _ref3.$selected;
|
|
11407
|
+
return $selected ? colorVariables$1$1["default"].primary : colorVariables$1$1["default"].tertiary;
|
|
11408
|
+
});
|
|
11409
|
+
var Logo$1 = styled__default.div(_templateObject5$c || (_templateObject5$c = _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"])));
|
|
11410
|
+
var TextContainer$1 = styled__default.span(_templateObject6$8 || (_templateObject6$8 = _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) {
|
|
11411
|
+
var $padding = _ref4.$padding;
|
|
11412
|
+
return $padding;
|
|
11413
|
+
}, function (_ref5) {
|
|
11414
|
+
var $fontSize = _ref5.$fontSize;
|
|
11415
|
+
return $fontSize ? $fontSize : '20px';
|
|
11416
|
+
}, function (_ref6) {
|
|
11417
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
11418
|
+
return $fontWeight ? $fontWeight : '500';
|
|
11419
|
+
}, function (_ref7) {
|
|
11420
|
+
var $color = _ref7.$color;
|
|
11421
|
+
return $color ? $color : colorVariables$1$1["default"].primary;
|
|
11422
|
+
}, function (_ref8) {
|
|
11423
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
11424
|
+
return $isExpanded ? 1 : 0;
|
|
11425
|
+
}, function (_ref9) {
|
|
11426
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
11427
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
11428
|
+
});
|
|
11429
|
+
var _templateObject$z, _templateObject2$t, _templateObject3$k, _templateObject4$g;
|
|
11430
|
+
var ContainerWrapper$1 = styled__default.div(_templateObject$z || (_templateObject$z = _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) {
|
|
11431
|
+
return props.$width || 'auto';
|
|
11432
|
+
}, function (_ref) {
|
|
11433
|
+
var $minHeight = _ref.$minHeight;
|
|
11434
|
+
return $minHeight;
|
|
11435
|
+
});
|
|
11436
|
+
var CellContainer$1 = styled__default.div(_templateObject2$t || (_templateObject2$t = _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) {
|
|
11437
|
+
return props.$align;
|
|
11438
|
+
}, function (props) {
|
|
11439
|
+
return props.$width || 'auto';
|
|
11440
|
+
}, function (props) {
|
|
11441
|
+
return props.$minWidth;
|
|
11442
|
+
}, function (props) {
|
|
11443
|
+
return props.$background || 'inherit';
|
|
11444
|
+
}, function (props) {
|
|
11445
|
+
return props.$padding;
|
|
11446
|
+
});
|
|
11447
|
+
var MainText$1 = styled__default.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11448
|
+
return props.$mtc;
|
|
11449
|
+
}, function (props) {
|
|
11450
|
+
return props.$mtfs;
|
|
11451
|
+
}, function (props) {
|
|
11452
|
+
return props.$mtw;
|
|
11453
|
+
});
|
|
11454
|
+
var SubText$1 = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
11455
|
+
return props.$stc;
|
|
11456
|
+
}, function (props) {
|
|
11457
|
+
return props.$stfs;
|
|
11458
|
+
}, function (props) {
|
|
11459
|
+
return props.$stw;
|
|
11460
|
+
});
|
|
11461
|
+
var _templateObject$A;
|
|
11462
|
+
var TableRowContainer$1 = styled.styled.div(_templateObject$A || (_templateObject$A = _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"])));
|
|
11463
|
+
var _templateObject$B, _templateObject2$u, _templateObject3$l, _templateObject4$h, _templateObject5$d;
|
|
11464
|
+
var TableContainer$1 = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose$1$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1$1.brand.light);
|
|
11465
|
+
var TableHeader$1 = styled__default.div(_templateObject2$u || (_templateObject2$u = _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) {
|
|
11466
|
+
return props.$hbcolor || 'transparent';
|
|
11467
|
+
}, function (props) {
|
|
11468
|
+
return props.$tcolor || 'white';
|
|
11469
|
+
});
|
|
11470
|
+
var TableContent$1 = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
11471
|
+
var TableData$1 = styled__default.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
11472
|
+
var Divider$1 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1.border.extraLight);
|
|
11473
|
+
var _templateObject$C, _templateObject2$v, _templateObject3$m, _templateObject4$i, _templateObject5$e;
|
|
11474
|
+
var Container$6 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: visible;\n gap: ", ";\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
11475
|
+
var $gap = _ref.$gap;
|
|
11476
|
+
return $gap;
|
|
11477
|
+
}, function (_ref2) {
|
|
11478
|
+
var $border = _ref2.$border;
|
|
11479
|
+
return $border;
|
|
11480
|
+
});
|
|
11481
|
+
var FirstContainer$1 = styled__default.div(_templateObject2$v || (_templateObject2$v = _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 (_ref3) {
|
|
11482
|
+
var $headerPadding = _ref3.$headerPadding;
|
|
11483
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
11484
|
+
});
|
|
11485
|
+
var TabContainer$1 = styled__default.div(_templateObject3$m || (_templateObject3$m = _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 (_ref4) {
|
|
11486
|
+
var $disabled = _ref4.$disabled;
|
|
11487
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11488
|
+
}, function (_ref5) {
|
|
11489
|
+
var $disabled = _ref5.$disabled;
|
|
11490
|
+
return $disabled ? '0.6' : '1';
|
|
11491
|
+
}, colorVariables$1$1.text.medium, function (_ref6) {
|
|
11492
|
+
var $headerHeight = _ref6.$headerHeight;
|
|
11493
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
11494
|
+
}, function (_ref7) {
|
|
11495
|
+
var $disabled = _ref7.$disabled;
|
|
11496
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11497
|
+
});
|
|
11498
|
+
var TabItemContainer$1 = styled__default.div(_templateObject4$i || (_templateObject4$i = _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 (_ref8) {
|
|
11499
|
+
var $headerHeight = _ref8.$headerHeight;
|
|
11500
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
11501
|
+
}, function (props) {
|
|
11502
|
+
return props.$active ? 'block' : 'none';
|
|
11503
|
+
}, colorVariables$1$1["default"].primary);
|
|
11504
|
+
var DetailsFirstContainer$1 = styled__default.div(_templateObject5$e || (_templateObject5$e = _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) {
|
|
11505
|
+
return props.$active ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.medium;
|
|
11506
|
+
});
|
|
11507
|
+
var colorVariables$2 = {
|
|
11508
|
+
brand: {
|
|
11509
|
+
primary: 'var(--brand-primary)',
|
|
11510
|
+
secondary: 'var(--brand-secondary)',
|
|
11511
|
+
light: 'var(--brand-light)'
|
|
11512
|
+
},
|
|
11513
|
+
accent: {
|
|
11514
|
+
light: 'var(--accent-light)',
|
|
11515
|
+
extraLight: 'var(--accent-extraLight)',
|
|
11516
|
+
softBlue: 'var(--accent-softBlue)',
|
|
11517
|
+
extraSoftBlue: 'var(--accent-extraSoftBlue)',
|
|
11518
|
+
boldTransparent: 'var(--accent-boldTransparent)',
|
|
11519
|
+
transparent: 'var(--accent-transparent)',
|
|
11520
|
+
lightTransparent: 'var(--accent-lightTransparent)'
|
|
11521
|
+
},
|
|
11522
|
+
"default": {
|
|
11523
|
+
primary: 'var(--default-primary)',
|
|
11524
|
+
secondary: 'var(--default-secondary)',
|
|
11525
|
+
tertiary: 'var(--default-tertiary)',
|
|
11526
|
+
error: 'var(--default-error)',
|
|
11527
|
+
success: 'var(--default-success)',
|
|
11528
|
+
warning: 'var(--default-warning)',
|
|
11529
|
+
info: 'var(--default-info)'
|
|
11530
|
+
},
|
|
11531
|
+
disabled: {
|
|
11532
|
+
primary: 'var(--disabled-primary)',
|
|
11533
|
+
secondary: 'var(--disabled-secondary)',
|
|
11534
|
+
error: 'var(--disabled-error)',
|
|
11535
|
+
success: 'var(--disabled-success)',
|
|
11536
|
+
warning: 'var(--disabled-warning)',
|
|
11537
|
+
info: 'var(--disabled-info)'
|
|
11538
|
+
},
|
|
11539
|
+
hover: {
|
|
11540
|
+
primary: 'var(--hover-primary)',
|
|
11541
|
+
secondary: 'var(--hover-secondary)',
|
|
11542
|
+
tertiary: 'var(--hover-tertiary)',
|
|
11543
|
+
error: 'var(--hover-error)',
|
|
11544
|
+
success: 'var(--hover-success)',
|
|
11545
|
+
warning: 'var(--hover-warning)',
|
|
11546
|
+
info: 'var(--hover-info)'
|
|
11547
|
+
},
|
|
11548
|
+
border: {
|
|
11549
|
+
extraBold: 'var(--border-extraBold)',
|
|
11550
|
+
bold: 'var(--border-bold)',
|
|
11551
|
+
medium: 'var(--border-medium)',
|
|
11552
|
+
light: 'var(--border-light)',
|
|
11553
|
+
extraLight: 'var(--border-extraLight)'
|
|
11554
|
+
},
|
|
11555
|
+
text: {
|
|
11556
|
+
dark: 'var(--text-dark)',
|
|
11557
|
+
medium: 'var(--text-medium)',
|
|
11558
|
+
light: 'var(--text-light)',
|
|
11559
|
+
white: 'var(--text-white)',
|
|
11560
|
+
success: 'var(--text-success)',
|
|
11561
|
+
error: 'var(--text-error)',
|
|
11562
|
+
info: 'var(--text-info)',
|
|
11563
|
+
warning: 'var(--text-warning)'
|
|
11564
|
+
},
|
|
11565
|
+
badge: {
|
|
11566
|
+
lavender: 'var(--badge-lavender)',
|
|
11567
|
+
papayaWhip: 'var(--badge-papayaWhip)',
|
|
11568
|
+
water: 'var(--badge-water)',
|
|
11569
|
+
paleBlue: 'var(--badge-paleBlue)',
|
|
11570
|
+
teaGreen: 'var(--badge-teaGreen)',
|
|
11571
|
+
lightBlue: 'var(--badge-lightBlue)'
|
|
11572
|
+
}
|
|
11573
|
+
};
|
|
11574
|
+
var _templateObject$D, _templateObject2$w;
|
|
11575
|
+
var SearchContainer$6 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose$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 cursor: ", ";\n transition: all 0.3s ease;\n\n &:focus-within {\n border: 1px solid ", ";\n }\n"])), function (_ref) {
|
|
8701
11576
|
var $background = _ref.$background;
|
|
8702
|
-
return $background || colorVariables$
|
|
11577
|
+
return $background || colorVariables$2["default"].tertiary;
|
|
8703
11578
|
}, function (_ref2) {
|
|
8704
11579
|
var $border = _ref2.$border;
|
|
8705
|
-
return $border ||
|
|
11580
|
+
return $border || "1px solid " + colorVariables$2.border.light;
|
|
8706
11581
|
}, function (_ref3) {
|
|
8707
11582
|
var $borderRadius = _ref3.$borderRadius;
|
|
8708
11583
|
return $borderRadius || '8px';
|
|
11584
|
+
}, function (_ref4) {
|
|
11585
|
+
var $disabled = _ref4.$disabled;
|
|
11586
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
11587
|
+
}, colorVariables$2.text.dark);
|
|
11588
|
+
var SearchBar$6 = styled__default.input(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose$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$2["default"].tertiary, function (_ref5) {
|
|
11589
|
+
var $inputColor = _ref5.$inputColor;
|
|
11590
|
+
return $inputColor || colorVariables$2.text.medium;
|
|
11591
|
+
}, function (_ref6) {
|
|
11592
|
+
var $placeholderColor = _ref6.$placeholderColor;
|
|
11593
|
+
return $placeholderColor || colorVariables$2.text.light;
|
|
8709
11594
|
});
|
|
8710
|
-
var
|
|
8711
|
-
|
|
8712
|
-
return $inputColor || colorVariables$1.text.medium;
|
|
8713
|
-
}, function (_ref5) {
|
|
8714
|
-
var $placeholderColor = _ref5.$placeholderColor;
|
|
8715
|
-
return $placeholderColor || colorVariables$1.text.light;
|
|
8716
|
-
});
|
|
8717
|
-
var _templateObject$e, _templateObject2$b, _templateObject3$7$1, _templateObject4$5$1, _templateObject5$5$1;
|
|
8718
|
-
var Label = styled__default.label(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n width: 100%;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
11595
|
+
var _templateObject$E, _templateObject2$x, _templateObject3$n, _templateObject4$j, _templateObject5$f;
|
|
11596
|
+
var Label$4 = styled__default.label(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n width: 100%;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
8719
11597
|
var $fontWeight = _ref.$fontWeight;
|
|
8720
11598
|
return $fontWeight != null ? $fontWeight : '500';
|
|
8721
11599
|
}, function (_ref2) {
|
|
@@ -8753,7 +11631,7 @@ var Label = styled__default.label(_templateObject$e || (_templateObject$e = _tag
|
|
|
8753
11631
|
return $titlecolor;
|
|
8754
11632
|
}
|
|
8755
11633
|
});
|
|
8756
|
-
var Input = styled__default.input(_templateObject2$
|
|
11634
|
+
var Input$2 = styled__default.input(_templateObject2$x || (_templateObject2$x = _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.border.light, function (_ref4) {
|
|
8757
11635
|
var $disabled = _ref4.$disabled;
|
|
8758
11636
|
return $disabled ? 'not-allowed' : 'auto';
|
|
8759
11637
|
}, function (_ref5) {
|
|
@@ -8802,18 +11680,18 @@ var Input = styled__default.input(_templateObject2$b || (_templateObject2$b = _t
|
|
|
8802
11680
|
return $color;
|
|
8803
11681
|
}
|
|
8804
11682
|
}, colorVariables$1.text.light);
|
|
8805
|
-
var InputWrapper$
|
|
8806
|
-
var IconWrapper$
|
|
11683
|
+
var InputWrapper$3 = styled__default.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
11684
|
+
var IconWrapper$5 = styled__default.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
8807
11685
|
var $disabled = _ref10.$disabled;
|
|
8808
11686
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
8809
11687
|
});
|
|
8810
|
-
var Asterisk$
|
|
8811
|
-
var _templateObject$
|
|
8812
|
-
var Container$
|
|
11688
|
+
var Asterisk$3 = styled__default.span(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables$1["default"].error);
|
|
11689
|
+
var _templateObject$F, _templateObject2$y, _templateObject3$o;
|
|
11690
|
+
var Container$7 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
8813
11691
|
var $padding = _ref.$padding;
|
|
8814
11692
|
return $padding;
|
|
8815
11693
|
});
|
|
8816
|
-
var Label$
|
|
11694
|
+
var Label$5 = styled__default.label(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
8817
11695
|
var $fontWeight = _ref2.$fontWeight;
|
|
8818
11696
|
return $fontWeight != null ? $fontWeight : '500';
|
|
8819
11697
|
}, function (_ref3) {
|
|
@@ -8832,7 +11710,7 @@ var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c =
|
|
|
8832
11710
|
var $titlecolor = _ref4.$titlecolor;
|
|
8833
11711
|
return $titlecolor || colorVariables$1.text.dark;
|
|
8834
11712
|
});
|
|
8835
|
-
var TextAreaComponent = styled__default.textarea(_templateObject3$
|
|
11713
|
+
var TextAreaComponent$2 = styled__default.textarea(_templateObject3$o || (_templateObject3$o = _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 (_ref5) {
|
|
8836
11714
|
var $disabled = _ref5.$disabled;
|
|
8837
11715
|
return $disabled ? 'not-allowed' : 'auto';
|
|
8838
11716
|
}, function (_ref6) {
|
|
@@ -8858,18 +11736,18 @@ var TextAreaComponent = styled__default.textarea(_templateObject3$8 || (_templat
|
|
|
8858
11736
|
var $color = _ref9.$color;
|
|
8859
11737
|
return $color || colorVariables$1.text.dark;
|
|
8860
11738
|
}, colorVariables$1.text.light);
|
|
8861
|
-
var _templateObject$
|
|
8862
|
-
var OptionContainer$
|
|
8863
|
-
var OptionItem$
|
|
11739
|
+
var _templateObject$G, _templateObject2$z, _templateObject3$p, _templateObject4$k, _templateObject5$g, _templateObject6$9, _templateObject7$5;
|
|
11740
|
+
var OptionContainer$3 = styled__default.div(_templateObject$G || (_templateObject$G = _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);
|
|
11741
|
+
var OptionItem$3 = styled__default.div(_templateObject2$z || (_templateObject2$z = _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) {
|
|
8864
11742
|
var $optionSelected = _ref.$optionSelected;
|
|
8865
11743
|
return $optionSelected ? colorVariables$1.text.white : colorVariables$1.text.medium;
|
|
8866
11744
|
}, function (_ref2) {
|
|
8867
11745
|
var $optionSelected = _ref2.$optionSelected;
|
|
8868
11746
|
return $optionSelected ? colorVariables$1["default"].primary : colorVariables$1.text.white;
|
|
8869
11747
|
}, colorVariables$1.hover.primary, colorVariables$1.text.white);
|
|
8870
|
-
var TotalOptionsHeader = styled__default.div(_templateObject3$
|
|
8871
|
-
var OptionLabel$
|
|
8872
|
-
var SearchContainer$
|
|
11748
|
+
var TotalOptionsHeader$2 = styled__default.div(_templateObject3$p || (_templateObject3$p = _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);
|
|
11749
|
+
var OptionLabel$3 = styled__default.label(_templateObject4$k || (_templateObject4$k = _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"])));
|
|
11750
|
+
var SearchContainer$7 = styled__default.div(_templateObject5$g || (_templateObject5$g = _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) {
|
|
8873
11751
|
var $background = _ref3.$background;
|
|
8874
11752
|
switch ($background) {
|
|
8875
11753
|
case 'dark':
|
|
@@ -8898,7 +11776,7 @@ var SearchContainer$3 = styled__default.div(_templateObject5$6 || (_templateObje
|
|
|
8898
11776
|
var $borderRadius = _ref5.$borderRadius;
|
|
8899
11777
|
return $borderRadius || '8px';
|
|
8900
11778
|
});
|
|
8901
|
-
var SearchBar$
|
|
11779
|
+
var SearchBar$7 = styled__default.input(_templateObject6$9 || (_templateObject6$9 = _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) {
|
|
8902
11780
|
var $inputColor = _ref6.$inputColor;
|
|
8903
11781
|
switch ($inputColor) {
|
|
8904
11782
|
case 'dark':
|
|
@@ -8943,9 +11821,9 @@ var SearchBar$3 = styled__default.input(_templateObject6$5$1 || (_templateObject
|
|
|
8943
11821
|
return $placeholderColor;
|
|
8944
11822
|
}
|
|
8945
11823
|
});
|
|
8946
|
-
var OptionsWrapper$
|
|
8947
|
-
var _templateObject$
|
|
8948
|
-
var StyledInput$
|
|
11824
|
+
var OptionsWrapper$3 = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1.text.white);
|
|
11825
|
+
var _templateObject$H, _templateObject2$A;
|
|
11826
|
+
var StyledInput$3 = styled__default.input(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose$1(["\n width: ", ";\n height: ", ";\n appearance: none;\n border: ", ";\n border-radius: 4px;\n background-color: ", ";\n cursor: pointer;\n display: inline-block;\n position: relative;\n transition: all 0.2s ease;\n font-size: ", "; // for em units\n\n &:checked::after {\n content: '';\n position: absolute;\n top: ", ";\n right: ", ";\n width: ", ";\n height: ", ";\n border: solid ", ";\n border-width: 0 0.2em 0.2em 0;\n transform: rotate(45deg);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])), function (_ref) {
|
|
8949
11827
|
var $checkboxSize = _ref.$checkboxSize;
|
|
8950
11828
|
return $checkboxSize + "px";
|
|
8951
11829
|
}, function (_ref2) {
|
|
@@ -8974,32 +11852,32 @@ var StyledInput$1$1 = styled__default.input(_templateObject$h || (_templateObjec
|
|
|
8974
11852
|
var $checkboxSize = _ref9.$checkboxSize;
|
|
8975
11853
|
return $checkboxSize / 2.4 + "px";
|
|
8976
11854
|
}, colorVariables$1.text.white);
|
|
8977
|
-
var LabelSpan = styled__default(Span$1)(_templateObject2$
|
|
8978
|
-
var _templateObject$
|
|
8979
|
-
var spin$
|
|
8980
|
-
var getDotPosition = function getDotPosition(index, size) {
|
|
11855
|
+
var LabelSpan$2 = styled__default(Span$1)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose$1(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
11856
|
+
var _templateObject$I, _templateObject2$B, _templateObject3$q, _templateObject4$l;
|
|
11857
|
+
var spin$5 = styled.keyframes(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
11858
|
+
var getDotPosition$2 = function getDotPosition(index, size) {
|
|
8981
11859
|
var angle = index * 360 / 8;
|
|
8982
11860
|
var radius = size / 2.5;
|
|
8983
11861
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
8984
11862
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
8985
11863
|
return "translate(" + x + "px, " + y + "px)";
|
|
8986
11864
|
};
|
|
8987
|
-
var SpinnerContainer = styled__default.div(_templateObject2$
|
|
11865
|
+
var SpinnerContainer$2 = styled__default.div(_templateObject2$B || (_templateObject2$B = _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) {
|
|
8988
11866
|
var $size = _ref.$size;
|
|
8989
11867
|
return $size;
|
|
8990
11868
|
}, function (_ref2) {
|
|
8991
11869
|
var $size = _ref2.$size;
|
|
8992
11870
|
return $size;
|
|
8993
11871
|
});
|
|
8994
|
-
var Dot = styled__default.div.attrs(function (_ref3) {
|
|
11872
|
+
var Dot$2 = styled__default.div.attrs(function (_ref3) {
|
|
8995
11873
|
var $index = _ref3.$index,
|
|
8996
11874
|
$size = _ref3.$size;
|
|
8997
11875
|
return {
|
|
8998
11876
|
style: {
|
|
8999
|
-
transform: getDotPosition($index, $size)
|
|
11877
|
+
transform: getDotPosition$2($index, $size)
|
|
9000
11878
|
}
|
|
9001
11879
|
};
|
|
9002
|
-
})(_templateObject3$
|
|
11880
|
+
})(_templateObject3$q || (_templateObject3$q = _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) {
|
|
9003
11881
|
var $dotSize = _ref4.$dotSize;
|
|
9004
11882
|
return $dotSize;
|
|
9005
11883
|
}, function (_ref5) {
|
|
@@ -9008,7 +11886,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
9008
11886
|
}, function (_ref6) {
|
|
9009
11887
|
var $color = _ref6.$color;
|
|
9010
11888
|
return $color;
|
|
9011
|
-
}, spin$
|
|
11889
|
+
}, spin$5, function (_ref7) {
|
|
9012
11890
|
var $speed = _ref7.$speed;
|
|
9013
11891
|
return $speed;
|
|
9014
11892
|
}, function (_ref8) {
|
|
@@ -9016,10 +11894,10 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
9016
11894
|
$speed = _ref8.$speed;
|
|
9017
11895
|
return $index * $speed / 8;
|
|
9018
11896
|
});
|
|
9019
|
-
var SpinnerWrapper = styled__default.div(_templateObject4$
|
|
9020
|
-
var _templateObject$
|
|
9021
|
-
var spin$
|
|
9022
|
-
var Spinner$
|
|
11897
|
+
var SpinnerWrapper$2 = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
11898
|
+
var _templateObject$J, _templateObject2$C;
|
|
11899
|
+
var spin$6 = styled.keyframes(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11900
|
+
var Spinner$3 = styled__default.div(_templateObject2$C || (_templateObject2$C = _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) {
|
|
9023
11901
|
var $size = _ref.$size;
|
|
9024
11902
|
return $size;
|
|
9025
11903
|
}, function (_ref2) {
|
|
@@ -9028,25 +11906,25 @@ var Spinner$1$1 = styled__default.div(_templateObject2$g || (_templateObject2$g
|
|
|
9028
11906
|
}, function (_ref3) {
|
|
9029
11907
|
var $color = _ref3.$color;
|
|
9030
11908
|
return $color;
|
|
9031
|
-
}, spin$
|
|
9032
|
-
var _templateObject$
|
|
9033
|
-
var PageInput = styled__default.input(_templateObject$
|
|
9034
|
-
var _templateObject$
|
|
9035
|
-
var SidebarContainer = styled__default.div(_templateObject$
|
|
11909
|
+
}, spin$6);
|
|
11910
|
+
var _templateObject$K;
|
|
11911
|
+
var PageInput$2 = styled__default.input(_templateObject$K || (_templateObject$K = _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);
|
|
11912
|
+
var _templateObject$L, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$h, _templateObject6$a;
|
|
11913
|
+
var SidebarContainer$2 = styled__default.div(_templateObject$L || (_templateObject$L = _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) {
|
|
9036
11914
|
var $isExpanded = _ref.$isExpanded;
|
|
9037
11915
|
return $isExpanded ? '225px' : '68px';
|
|
9038
11916
|
}, function (_ref2) {
|
|
9039
11917
|
var $background = _ref2.$background;
|
|
9040
11918
|
return $background ? $background : colorVariables$1.accent.softBlue;
|
|
9041
11919
|
});
|
|
9042
|
-
var SidebarItem = styled__default(reactRouterDom.NavLink)(_templateObject2$
|
|
9043
|
-
var ContentWrapper = styled__default.div(_templateObject3$
|
|
9044
|
-
var IconWrapper$
|
|
11920
|
+
var SidebarItem$2 = styled__default(reactRouterDom.NavLink)(_templateObject2$D || (_templateObject2$D = _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);
|
|
11921
|
+
var ContentWrapper$2 = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
11922
|
+
var IconWrapper$6 = styled__default.div(_templateObject4$m || (_templateObject4$m = _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) {
|
|
9045
11923
|
var $selected = _ref3.$selected;
|
|
9046
11924
|
return $selected ? colorVariables$1["default"].primary : colorVariables$1["default"].tertiary;
|
|
9047
11925
|
});
|
|
9048
|
-
var Logo = styled__default.div(_templateObject5$
|
|
9049
|
-
var TextContainer = styled__default.span(_templateObject6$
|
|
11926
|
+
var Logo$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _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"])));
|
|
11927
|
+
var TextContainer$2 = styled__default.span(_templateObject6$a || (_templateObject6$a = _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) {
|
|
9050
11928
|
var $padding = _ref4.$padding;
|
|
9051
11929
|
return $padding;
|
|
9052
11930
|
}, function (_ref5) {
|
|
@@ -9065,14 +11943,14 @@ var TextContainer = styled__default.span(_templateObject6$6 || (_templateObject6
|
|
|
9065
11943
|
var $isExpanded = _ref9.$isExpanded;
|
|
9066
11944
|
return $isExpanded ? 'visible' : 'hidden';
|
|
9067
11945
|
});
|
|
9068
|
-
var _templateObject$
|
|
9069
|
-
var ContainerWrapper = styled__default.div(_templateObject$
|
|
11946
|
+
var _templateObject$M, _templateObject2$E, _templateObject3$s, _templateObject4$n;
|
|
11947
|
+
var ContainerWrapper$2 = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
9070
11948
|
return props.$width || 'auto';
|
|
9071
11949
|
}, function (_ref) {
|
|
9072
11950
|
var $minHeight = _ref.$minHeight;
|
|
9073
11951
|
return $minHeight;
|
|
9074
11952
|
});
|
|
9075
|
-
var CellContainer = styled__default.div(_templateObject2$
|
|
11953
|
+
var CellContainer$2 = styled__default.div(_templateObject2$E || (_templateObject2$E = _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) {
|
|
9076
11954
|
return props.$align;
|
|
9077
11955
|
}, function (props) {
|
|
9078
11956
|
return props.$width || 'auto';
|
|
@@ -9083,45 +11961,45 @@ var CellContainer = styled__default.div(_templateObject2$i || (_templateObject2$
|
|
|
9083
11961
|
}, function (props) {
|
|
9084
11962
|
return props.$padding;
|
|
9085
11963
|
});
|
|
9086
|
-
var MainText = styled__default.div(_templateObject3$
|
|
11964
|
+
var MainText$2 = styled__default.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
9087
11965
|
return props.$mtc;
|
|
9088
11966
|
}, function (props) {
|
|
9089
11967
|
return props.$mtfs;
|
|
9090
11968
|
}, function (props) {
|
|
9091
11969
|
return props.$mtw;
|
|
9092
11970
|
});
|
|
9093
|
-
var SubText = styled__default.div(_templateObject4$
|
|
11971
|
+
var SubText$2 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
9094
11972
|
return props.$stc;
|
|
9095
11973
|
}, function (props) {
|
|
9096
11974
|
return props.$stfs;
|
|
9097
11975
|
}, function (props) {
|
|
9098
11976
|
return props.$stw;
|
|
9099
11977
|
});
|
|
9100
|
-
var _templateObject$
|
|
9101
|
-
var TableRowContainer = styled.styled.div(_templateObject$
|
|
9102
|
-
var _templateObject$
|
|
9103
|
-
var TableContainer = styled__default.div(_templateObject$
|
|
9104
|
-
var TableHeader = styled__default.div(_templateObject2$
|
|
11978
|
+
var _templateObject$N;
|
|
11979
|
+
var TableRowContainer$2 = styled.styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
11980
|
+
var _templateObject$O, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$i;
|
|
11981
|
+
var TableContainer$2 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1.brand.light);
|
|
11982
|
+
var TableHeader$2 = styled__default.div(_templateObject2$F || (_templateObject2$F = _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) {
|
|
9105
11983
|
return props.$hbcolor || 'transparent';
|
|
9106
11984
|
}, function (props) {
|
|
9107
11985
|
return props.$tcolor || 'white';
|
|
9108
11986
|
});
|
|
9109
|
-
var TableContent = styled__default.div(_templateObject3$
|
|
9110
|
-
var TableData = styled__default.div(_templateObject4$
|
|
9111
|
-
var Divider = styled__default.div(_templateObject5$
|
|
9112
|
-
var _templateObject$
|
|
9113
|
-
var Container$
|
|
11987
|
+
var TableContent$2 = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
11988
|
+
var TableData$2 = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
11989
|
+
var Divider$2 = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1.border.extraLight);
|
|
11990
|
+
var _templateObject$P, _templateObject2$G, _templateObject3$u, _templateObject4$p, _templateObject5$j;
|
|
11991
|
+
var Container$8 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: visible;\n gap: ", ";\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
9114
11992
|
var $gap = _ref.$gap;
|
|
9115
11993
|
return $gap;
|
|
9116
11994
|
}, function (_ref2) {
|
|
9117
11995
|
var $border = _ref2.$border;
|
|
9118
11996
|
return $border;
|
|
9119
11997
|
});
|
|
9120
|
-
var FirstContainer = styled__default.div(_templateObject2$
|
|
11998
|
+
var FirstContainer$2 = styled__default.div(_templateObject2$G || (_templateObject2$G = _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 (_ref3) {
|
|
9121
11999
|
var $headerPadding = _ref3.$headerPadding;
|
|
9122
12000
|
return $headerPadding ? $headerPadding : '0px';
|
|
9123
12001
|
});
|
|
9124
|
-
var TabContainer = styled__default.div(_templateObject3$
|
|
12002
|
+
var TabContainer$2 = styled__default.div(_templateObject3$u || (_templateObject3$u = _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 (_ref4) {
|
|
9125
12003
|
var $disabled = _ref4.$disabled;
|
|
9126
12004
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9127
12005
|
}, function (_ref5) {
|
|
@@ -9134,103 +12012,36 @@ var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
9134
12012
|
var $disabled = _ref7.$disabled;
|
|
9135
12013
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9136
12014
|
});
|
|
9137
|
-
var TabItemContainer = styled__default.div(_templateObject4$
|
|
12015
|
+
var TabItemContainer$2 = styled__default.div(_templateObject4$p || (_templateObject4$p = _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 (_ref8) {
|
|
9138
12016
|
var $headerHeight = _ref8.$headerHeight;
|
|
9139
12017
|
return $headerHeight ? $headerHeight : '34px';
|
|
9140
12018
|
}, function (props) {
|
|
9141
12019
|
return props.$active ? 'block' : 'none';
|
|
9142
12020
|
}, colorVariables$1["default"].primary);
|
|
9143
|
-
var DetailsFirstContainer = styled__default.div(_templateObject5$
|
|
12021
|
+
var DetailsFirstContainer$2 = styled__default.div(_templateObject5$j || (_templateObject5$j = _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) {
|
|
9144
12022
|
return props.$active ? colorVariables$1["default"].primary : colorVariables$1.text.medium;
|
|
9145
12023
|
});
|
|
9146
|
-
var colorVariables$1$1 = {
|
|
9147
|
-
brand: {
|
|
9148
|
-
primary: 'var(--brand-primary)',
|
|
9149
|
-
secondary: 'var(--brand-secondary)',
|
|
9150
|
-
light: 'var(--brand-light)'
|
|
9151
|
-
},
|
|
9152
|
-
accent: {
|
|
9153
|
-
light: 'var(--accent-light)',
|
|
9154
|
-
extraLight: 'var(--accent-extraLight)',
|
|
9155
|
-
softBlue: 'var(--accent-softBlue)',
|
|
9156
|
-
extraSoftBlue: 'var(--accent-extraSoftBlue)',
|
|
9157
|
-
boldTransparent: 'var(--accent-boldTransparent)',
|
|
9158
|
-
transparent: 'var(--accent-transparent)',
|
|
9159
|
-
lightTransparent: 'var(--accent-lightTransparent)'
|
|
9160
|
-
},
|
|
9161
|
-
"default": {
|
|
9162
|
-
primary: 'var(--default-primary)',
|
|
9163
|
-
secondary: 'var(--default-secondary)',
|
|
9164
|
-
tertiary: 'var(--default-tertiary)',
|
|
9165
|
-
error: 'var(--default-error)',
|
|
9166
|
-
success: 'var(--default-success)',
|
|
9167
|
-
warning: 'var(--default-warning)',
|
|
9168
|
-
info: 'var(--default-info)'
|
|
9169
|
-
},
|
|
9170
|
-
disabled: {
|
|
9171
|
-
primary: 'var(--disabled-primary)',
|
|
9172
|
-
secondary: 'var(--disabled-secondary)',
|
|
9173
|
-
error: 'var(--disabled-error)',
|
|
9174
|
-
success: 'var(--disabled-success)',
|
|
9175
|
-
warning: 'var(--disabled-warning)',
|
|
9176
|
-
info: 'var(--disabled-info)'
|
|
9177
|
-
},
|
|
9178
|
-
hover: {
|
|
9179
|
-
primary: 'var(--hover-primary)',
|
|
9180
|
-
secondary: 'var(--hover-secondary)',
|
|
9181
|
-
tertiary: 'var(--hover-tertiary)',
|
|
9182
|
-
error: 'var(--hover-error)',
|
|
9183
|
-
success: 'var(--hover-success)',
|
|
9184
|
-
warning: 'var(--hover-warning)',
|
|
9185
|
-
info: 'var(--hover-info)'
|
|
9186
|
-
},
|
|
9187
|
-
border: {
|
|
9188
|
-
extraBold: 'var(--border-extraBold)',
|
|
9189
|
-
bold: 'var(--border-bold)',
|
|
9190
|
-
medium: 'var(--border-medium)',
|
|
9191
|
-
light: 'var(--border-light)',
|
|
9192
|
-
extraLight: 'var(--border-extraLight)'
|
|
9193
|
-
},
|
|
9194
|
-
text: {
|
|
9195
|
-
dark: 'var(--text-dark)',
|
|
9196
|
-
medium: 'var(--text-medium)',
|
|
9197
|
-
light: 'var(--text-light)',
|
|
9198
|
-
white: 'var(--text-white)',
|
|
9199
|
-
success: 'var(--text-success)',
|
|
9200
|
-
error: 'var(--text-error)',
|
|
9201
|
-
info: 'var(--text-info)',
|
|
9202
|
-
warning: 'var(--text-warning)'
|
|
9203
|
-
},
|
|
9204
|
-
badge: {
|
|
9205
|
-
lavender: 'var(--badge-lavender)',
|
|
9206
|
-
papayaWhip: 'var(--badge-papayaWhip)',
|
|
9207
|
-
water: 'var(--badge-water)',
|
|
9208
|
-
paleBlue: 'var(--badge-paleBlue)',
|
|
9209
|
-
teaGreen: 'var(--badge-teaGreen)',
|
|
9210
|
-
lightBlue: 'var(--badge-lightBlue)'
|
|
9211
|
-
}
|
|
9212
|
-
};
|
|
9213
12024
|
|
|
9214
|
-
var _templateObject$
|
|
9215
|
-
var SearchContainer$
|
|
12025
|
+
var _templateObject$Q, _templateObject2$H;
|
|
12026
|
+
var SearchContainer$8 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\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 cursor: ", ";\n transition: all 0.3s ease;\n\n &:focus-within {\n border: 1px solid ", ";\n }\n"])), function (_ref) {
|
|
9216
12027
|
var $background = _ref.$background;
|
|
9217
|
-
return $background || colorVariables$1
|
|
12028
|
+
return $background || colorVariables$1["default"].tertiary;
|
|
9218
12029
|
}, function (_ref2) {
|
|
9219
12030
|
var $border = _ref2.$border;
|
|
9220
|
-
return $border || "1px solid " + colorVariables$1
|
|
12031
|
+
return $border || "1px solid " + colorVariables$1.border.light;
|
|
9221
12032
|
}, function (_ref3) {
|
|
9222
12033
|
var $borderRadius = _ref3.$borderRadius;
|
|
9223
12034
|
return $borderRadius || '8px';
|
|
9224
12035
|
}, function (_ref4) {
|
|
9225
12036
|
var $disabled = _ref4.$disabled;
|
|
9226
12037
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9227
|
-
}, colorVariables$1
|
|
9228
|
-
var SearchBar$
|
|
12038
|
+
}, colorVariables$1.text.dark);
|
|
12039
|
+
var SearchBar$8 = styled__default.input(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\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["default"].tertiary, function (_ref5) {
|
|
9229
12040
|
var $inputColor = _ref5.$inputColor;
|
|
9230
|
-
return $inputColor || colorVariables$1
|
|
12041
|
+
return $inputColor || colorVariables$1.text.medium;
|
|
9231
12042
|
}, function (_ref6) {
|
|
9232
12043
|
var $placeholderColor = _ref6.$placeholderColor;
|
|
9233
|
-
return $placeholderColor || colorVariables$1
|
|
12044
|
+
return $placeholderColor || colorVariables$1.text.light;
|
|
9234
12045
|
});
|
|
9235
12046
|
var SearchBox = function SearchBox(_ref7) {
|
|
9236
12047
|
var value = _ref7.value,
|
|
@@ -9240,7 +12051,7 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9240
12051
|
border = _ref7.border,
|
|
9241
12052
|
borderRadius = _ref7.borderRadius,
|
|
9242
12053
|
_ref7$iconColor = _ref7.iconColor,
|
|
9243
|
-
iconColor = _ref7$iconColor === void 0 ? colorVariables$1
|
|
12054
|
+
iconColor = _ref7$iconColor === void 0 ? colorVariables$1.text.medium : _ref7$iconColor,
|
|
9244
12055
|
placeholderColor = _ref7.placeholderColor,
|
|
9245
12056
|
inputColor = _ref7.inputColor,
|
|
9246
12057
|
_ref7$iconSize = _ref7.iconSize,
|
|
@@ -9249,7 +12060,7 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9249
12060
|
var _useState = React.useState(false),
|
|
9250
12061
|
isFocused = _useState[0],
|
|
9251
12062
|
setIsFocused = _useState[1];
|
|
9252
|
-
return React__default.createElement(SearchContainer$
|
|
12063
|
+
return React__default.createElement(SearchContainer$8, {
|
|
9253
12064
|
className: isFocused ? 'active' : '',
|
|
9254
12065
|
"$border": border,
|
|
9255
12066
|
"$background": background,
|
|
@@ -9259,7 +12070,7 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9259
12070
|
size: iconSize,
|
|
9260
12071
|
color: iconColor,
|
|
9261
12072
|
weight: '0px'
|
|
9262
|
-
}), React__default.createElement(SearchBar$
|
|
12073
|
+
}), React__default.createElement(SearchBar$8, {
|
|
9263
12074
|
type: 'text',
|
|
9264
12075
|
placeholder: placeholder,
|
|
9265
12076
|
value: value,
|
|
@@ -9275,8 +12086,8 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9275
12086
|
}));
|
|
9276
12087
|
};
|
|
9277
12088
|
|
|
9278
|
-
var _templateObject$
|
|
9279
|
-
var Label$
|
|
12089
|
+
var _templateObject$R, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k;
|
|
12090
|
+
var Label$6 = styled__default.label(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n cursor: auto;\n width: 100%;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
9280
12091
|
var $fontWeight = _ref.$fontWeight;
|
|
9281
12092
|
return $fontWeight != null ? $fontWeight : '500';
|
|
9282
12093
|
}, function (_ref2) {
|
|
@@ -9314,7 +12125,7 @@ var Label$2 = styled__default.label(_templateObject$r || (_templateObject$r = _t
|
|
|
9314
12125
|
return $titlecolor;
|
|
9315
12126
|
}
|
|
9316
12127
|
});
|
|
9317
|
-
var Input$
|
|
12128
|
+
var Input$3 = styled__default.input(_templateObject2$I || (_templateObject2$I = _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.border.light, function (_ref4) {
|
|
9318
12129
|
var $disabled = _ref4.$disabled;
|
|
9319
12130
|
return $disabled ? 'not-allowed' : 'auto';
|
|
9320
12131
|
}, function (_ref5) {
|
|
@@ -9363,12 +12174,12 @@ var Input$1 = styled__default.input(_templateObject2$m || (_templateObject2$m =
|
|
|
9363
12174
|
return $color;
|
|
9364
12175
|
}
|
|
9365
12176
|
}, colorVariables.text.light);
|
|
9366
|
-
var InputWrapper$
|
|
9367
|
-
var IconWrapper$
|
|
12177
|
+
var InputWrapper$4 = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
12178
|
+
var IconWrapper$7 = styled__default.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
9368
12179
|
var $disabled = _ref10.$disabled;
|
|
9369
12180
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9370
12181
|
});
|
|
9371
|
-
var Asterisk$
|
|
12182
|
+
var Asterisk$4 = styled__default.span(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables["default"].error);
|
|
9372
12183
|
var TextField = function TextField(_ref11) {
|
|
9373
12184
|
var _ref11$type = _ref11.type,
|
|
9374
12185
|
type = _ref11$type === void 0 ? 'text' : _ref11$type,
|
|
@@ -9424,12 +12235,12 @@ var TextField = function TextField(_ref11) {
|
|
|
9424
12235
|
"$padding": padding
|
|
9425
12236
|
}, (title || titleRightNode) && React__default.createElement(Container, {
|
|
9426
12237
|
"$gap": titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.gap
|
|
9427
|
-
}, title && React__default.createElement(Label$
|
|
12238
|
+
}, title && React__default.createElement(Label$6, {
|
|
9428
12239
|
"$size": size,
|
|
9429
12240
|
"$fontWeight": titleWeight,
|
|
9430
12241
|
htmlFor: title,
|
|
9431
12242
|
"$titlecolor": titlecolor
|
|
9432
|
-
}, title, required && React__default.createElement(Asterisk$
|
|
12243
|
+
}, title, required && React__default.createElement(Asterisk$4, null, "*")), titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.node), React__default.createElement(InputWrapper$4, null, React__default.createElement(Input$3, {
|
|
9433
12244
|
type: inputType || 'text',
|
|
9434
12245
|
"$type": type,
|
|
9435
12246
|
name: title,
|
|
@@ -9447,7 +12258,7 @@ var TextField = function TextField(_ref11) {
|
|
|
9447
12258
|
if (onEnter) onEnter();
|
|
9448
12259
|
}
|
|
9449
12260
|
}
|
|
9450
|
-
}), type === 'password' && inputValue && React__default.createElement(IconWrapper$
|
|
12261
|
+
}), type === 'password' && inputValue && React__default.createElement(IconWrapper$7, {
|
|
9451
12262
|
"$disabled": disabled,
|
|
9452
12263
|
onClick: function onClick() {
|
|
9453
12264
|
if (!disabled) handleShowPassword();
|
|
@@ -9457,7 +12268,7 @@ var TextField = function TextField(_ref11) {
|
|
|
9457
12268
|
size: iconsize,
|
|
9458
12269
|
weight: iconweight,
|
|
9459
12270
|
color: iconcolor || colorVariables["default"].primary
|
|
9460
|
-
})), icon && type !== 'password' && React__default.createElement(IconWrapper$
|
|
12271
|
+
})), icon && type !== 'password' && React__default.createElement(IconWrapper$7, {
|
|
9461
12272
|
onClick: handleToggleDisabled
|
|
9462
12273
|
}, React__default.createElement(Icon, {
|
|
9463
12274
|
icon: icon,
|
|
@@ -9467,12 +12278,12 @@ var TextField = function TextField(_ref11) {
|
|
|
9467
12278
|
}))));
|
|
9468
12279
|
};
|
|
9469
12280
|
|
|
9470
|
-
var _templateObject$
|
|
9471
|
-
var Container$
|
|
12281
|
+
var _templateObject$S, _templateObject2$J, _templateObject3$w;
|
|
12282
|
+
var Container$9 = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
9472
12283
|
var $padding = _ref.$padding;
|
|
9473
12284
|
return $padding;
|
|
9474
12285
|
});
|
|
9475
|
-
var Label$
|
|
12286
|
+
var Label$7 = styled__default.label(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
9476
12287
|
var $fontWeight = _ref2.$fontWeight;
|
|
9477
12288
|
return $fontWeight != null ? $fontWeight : '500';
|
|
9478
12289
|
}, function (_ref3) {
|
|
@@ -9491,7 +12302,7 @@ var Label$3 = styled__default.label(_templateObject2$n || (_templateObject2$n =
|
|
|
9491
12302
|
var $titlecolor = _ref4.$titlecolor;
|
|
9492
12303
|
return $titlecolor || colorVariables.text.dark;
|
|
9493
12304
|
});
|
|
9494
|
-
var TextAreaComponent$
|
|
12305
|
+
var TextAreaComponent$3 = styled__default.textarea(_templateObject3$w || (_templateObject3$w = _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 (_ref5) {
|
|
9495
12306
|
var $disabled = _ref5.$disabled;
|
|
9496
12307
|
return $disabled ? 'not-allowed' : 'auto';
|
|
9497
12308
|
}, function (_ref6) {
|
|
@@ -9543,14 +12354,14 @@ var TextArea = function TextArea(_ref10) {
|
|
|
9543
12354
|
React.useEffect(function () {
|
|
9544
12355
|
setIsDisabled(disabled);
|
|
9545
12356
|
}, [disabled]);
|
|
9546
|
-
return React__default.createElement(Container$
|
|
12357
|
+
return React__default.createElement(Container$9, {
|
|
9547
12358
|
"$padding": padding
|
|
9548
|
-
}, title && React__default.createElement(Label$
|
|
12359
|
+
}, title && React__default.createElement(Label$7, {
|
|
9549
12360
|
"$size": size,
|
|
9550
12361
|
"$fontWeight": titleWeight,
|
|
9551
12362
|
htmlFor: title,
|
|
9552
12363
|
"$titlecolor": titlecolor
|
|
9553
|
-
}, title, required && React__default.createElement(Asterisk$
|
|
12364
|
+
}, title, required && React__default.createElement(Asterisk$4, null, "*")), React__default.createElement(TextAreaComponent$3, {
|
|
9554
12365
|
name: title,
|
|
9555
12366
|
id: title,
|
|
9556
12367
|
value: inputValue,
|
|
@@ -9563,18 +12374,18 @@ var TextArea = function TextArea(_ref10) {
|
|
|
9563
12374
|
}));
|
|
9564
12375
|
};
|
|
9565
12376
|
|
|
9566
|
-
var _templateObject$
|
|
9567
|
-
var OptionContainer$
|
|
9568
|
-
var OptionItem$
|
|
12377
|
+
var _templateObject$T, _templateObject2$K, _templateObject3$x, _templateObject4$r, _templateObject5$l, _templateObject6$b, _templateObject7$6;
|
|
12378
|
+
var OptionContainer$4 = styled__default.div(_templateObject$T || (_templateObject$T = _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);
|
|
12379
|
+
var OptionItem$4 = styled__default.div(_templateObject2$K || (_templateObject2$K = _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) {
|
|
9569
12380
|
var $optionSelected = _ref.$optionSelected;
|
|
9570
12381
|
return $optionSelected ? colorVariables.text.white : colorVariables.text.medium;
|
|
9571
12382
|
}, function (_ref2) {
|
|
9572
12383
|
var $optionSelected = _ref2.$optionSelected;
|
|
9573
12384
|
return $optionSelected ? colorVariables["default"].primary : colorVariables.text.white;
|
|
9574
12385
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
9575
|
-
var TotalOptionsHeader$
|
|
9576
|
-
var OptionLabel$
|
|
9577
|
-
var SearchContainer$
|
|
12386
|
+
var TotalOptionsHeader$3 = styled__default.div(_templateObject3$x || (_templateObject3$x = _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);
|
|
12387
|
+
var OptionLabel$4 = styled__default.label(_templateObject4$r || (_templateObject4$r = _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"])));
|
|
12388
|
+
var SearchContainer$9 = styled__default.div(_templateObject5$l || (_templateObject5$l = _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) {
|
|
9578
12389
|
var $background = _ref3.$background;
|
|
9579
12390
|
switch ($background) {
|
|
9580
12391
|
case 'dark':
|
|
@@ -9603,7 +12414,7 @@ var SearchContainer$5 = styled__default.div(_templateObject5$b || (_templateObje
|
|
|
9603
12414
|
var $borderRadius = _ref5.$borderRadius;
|
|
9604
12415
|
return $borderRadius || '8px';
|
|
9605
12416
|
});
|
|
9606
|
-
var SearchBar$
|
|
12417
|
+
var SearchBar$9 = styled__default.input(_templateObject6$b || (_templateObject6$b = _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) {
|
|
9607
12418
|
var $inputColor = _ref6.$inputColor;
|
|
9608
12419
|
switch ($inputColor) {
|
|
9609
12420
|
case 'dark':
|
|
@@ -9648,7 +12459,7 @@ var SearchBar$5 = styled__default.input(_templateObject6$7 || (_templateObject6$
|
|
|
9648
12459
|
return $placeholderColor;
|
|
9649
12460
|
}
|
|
9650
12461
|
});
|
|
9651
|
-
var OptionsWrapper$
|
|
12462
|
+
var OptionsWrapper$4 = styled__default.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables.text.white);
|
|
9652
12463
|
var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
9653
12464
|
var options = _ref8.options,
|
|
9654
12465
|
selectedOption = _ref8.selectedOption,
|
|
@@ -9697,7 +12508,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9697
12508
|
"$gap": '8px',
|
|
9698
12509
|
"$width": '100%',
|
|
9699
12510
|
"$position": 'relative'
|
|
9700
|
-
}, searchBox && React__default.createElement(SearchContainer$
|
|
12511
|
+
}, searchBox && React__default.createElement(SearchContainer$9, {
|
|
9701
12512
|
"$borderBottom": searchBoxBorder,
|
|
9702
12513
|
"$background": isSearchBarEnabled ? colorVariables.text.white : colorVariables.accent.light,
|
|
9703
12514
|
"$borderRadius": searchBoxBorderRadius,
|
|
@@ -9713,7 +12524,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9713
12524
|
onClick: function onClick() {
|
|
9714
12525
|
return setIsSearchBarEnabled(true);
|
|
9715
12526
|
}
|
|
9716
|
-
}, React__default.createElement(SearchBar$
|
|
12527
|
+
}, React__default.createElement(SearchBar$9, {
|
|
9717
12528
|
type: 'text',
|
|
9718
12529
|
placeholder: placeholder,
|
|
9719
12530
|
value: internalSearchQuery,
|
|
@@ -9730,18 +12541,18 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9730
12541
|
setInternalSearchQuery('');
|
|
9731
12542
|
setSearchQuery('');
|
|
9732
12543
|
}
|
|
9733
|
-
}), isSearchBarEnabled && React__default.createElement(OptionContainer$
|
|
12544
|
+
}), isSearchBarEnabled && React__default.createElement(OptionContainer$4, null, options.length > 0 ? React__default.createElement(Container, {
|
|
9734
12545
|
"$flexDirection": 'column',
|
|
9735
12546
|
"$overflow": 'auto'
|
|
9736
|
-
}, React__default.createElement(TotalOptionsHeader$
|
|
12547
|
+
}, React__default.createElement(TotalOptionsHeader$3, null, React__default.createElement(Span, {
|
|
9737
12548
|
"$fontSize": '12px',
|
|
9738
12549
|
"$fontWeight": '400',
|
|
9739
12550
|
"$color": colorVariables.text.light
|
|
9740
|
-
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React__default.createElement(OptionsWrapper$
|
|
9741
|
-
return React__default.createElement(OptionItem$
|
|
12551
|
+
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React__default.createElement(OptionsWrapper$4, null, filteredArray.length > 0 ? filteredArray.map(function (option) {
|
|
12552
|
+
return React__default.createElement(OptionItem$4, {
|
|
9742
12553
|
key: option.value,
|
|
9743
12554
|
"$optionSelected": option.value === selectedOption
|
|
9744
|
-
}, React__default.createElement(OptionLabel$
|
|
12555
|
+
}, React__default.createElement(OptionLabel$4, {
|
|
9745
12556
|
htmlFor: option.value,
|
|
9746
12557
|
onClick: function onClick() {
|
|
9747
12558
|
setInternalSearchQuery(option.labelText);
|
|
@@ -9763,8 +12574,8 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9763
12574
|
}, NoOptionsText)))));
|
|
9764
12575
|
};
|
|
9765
12576
|
|
|
9766
|
-
var _templateObject$
|
|
9767
|
-
var StyledInput$
|
|
12577
|
+
var _templateObject$U, _templateObject2$L;
|
|
12578
|
+
var StyledInput$4 = styled__default.input(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n appearance: none;\n border: ", ";\n border-radius: 4px;\n background-color: ", ";\n cursor: pointer;\n display: inline-block;\n position: relative;\n transition: all 0.2s ease;\n font-size: ", "; // for em units\n\n &:checked::after {\n content: '';\n position: absolute;\n top: ", ";\n right: ", ";\n width: ", ";\n height: ", ";\n border: solid ", ";\n border-width: 0 0.2em 0.2em 0;\n transform: rotate(45deg);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])), function (_ref) {
|
|
9768
12579
|
var $checkboxSize = _ref.$checkboxSize;
|
|
9769
12580
|
return $checkboxSize + "px";
|
|
9770
12581
|
}, function (_ref2) {
|
|
@@ -9793,7 +12604,7 @@ var StyledInput$2 = styled__default.input(_templateObject$u || (_templateObject$
|
|
|
9793
12604
|
var $checkboxSize = _ref9.$checkboxSize;
|
|
9794
12605
|
return $checkboxSize / 2.4 + "px";
|
|
9795
12606
|
}, colorVariables.text.white);
|
|
9796
|
-
var LabelSpan$
|
|
12607
|
+
var LabelSpan$3 = styled__default(Span)(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
9797
12608
|
var CheckBox = function CheckBox(_ref10) {
|
|
9798
12609
|
var label = _ref10.label,
|
|
9799
12610
|
_ref10$labelSide = _ref10.labelSide,
|
|
@@ -9827,7 +12638,7 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
9827
12638
|
height: checkboxSize,
|
|
9828
12639
|
display: 'flex'
|
|
9829
12640
|
}
|
|
9830
|
-
}, React__default.createElement(StyledInput$
|
|
12641
|
+
}, React__default.createElement(StyledInput$4, {
|
|
9831
12642
|
type: 'checkbox',
|
|
9832
12643
|
id: safeId,
|
|
9833
12644
|
"$checkboxSize": checkboxSize,
|
|
@@ -9838,7 +12649,7 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
9838
12649
|
},
|
|
9839
12650
|
disabled: disabled,
|
|
9840
12651
|
"$borderSize": borderSize
|
|
9841
|
-
})), label && React__default.createElement(LabelSpan$
|
|
12652
|
+
})), label && React__default.createElement(LabelSpan$3, {
|
|
9842
12653
|
"$fontSize": fontSize,
|
|
9843
12654
|
"$color": color,
|
|
9844
12655
|
"$fontWeight": fontWeight,
|
|
@@ -9848,31 +12659,31 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
9848
12659
|
}, label));
|
|
9849
12660
|
};
|
|
9850
12661
|
|
|
9851
|
-
var _templateObject$
|
|
9852
|
-
var spin$
|
|
9853
|
-
var getDotPosition$
|
|
12662
|
+
var _templateObject$V, _templateObject2$M, _templateObject3$y, _templateObject4$s;
|
|
12663
|
+
var spin$7 = styled.keyframes(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
12664
|
+
var getDotPosition$3 = function getDotPosition(index, size) {
|
|
9854
12665
|
var angle = index * 360 / 8;
|
|
9855
12666
|
var radius = size / 2.5;
|
|
9856
12667
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
9857
12668
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
9858
12669
|
return "translate(" + x + "px, " + y + "px)";
|
|
9859
12670
|
};
|
|
9860
|
-
var SpinnerContainer$
|
|
12671
|
+
var SpinnerContainer$3 = styled__default.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
9861
12672
|
var $size = _ref.$size;
|
|
9862
12673
|
return $size;
|
|
9863
12674
|
}, function (_ref2) {
|
|
9864
12675
|
var $size = _ref2.$size;
|
|
9865
12676
|
return $size;
|
|
9866
12677
|
});
|
|
9867
|
-
var Dot$
|
|
12678
|
+
var Dot$3 = styled__default.div.attrs(function (_ref3) {
|
|
9868
12679
|
var $index = _ref3.$index,
|
|
9869
12680
|
$size = _ref3.$size;
|
|
9870
12681
|
return {
|
|
9871
12682
|
style: {
|
|
9872
|
-
transform: getDotPosition$
|
|
12683
|
+
transform: getDotPosition$3($index, $size)
|
|
9873
12684
|
}
|
|
9874
12685
|
};
|
|
9875
|
-
})(_templateObject3$
|
|
12686
|
+
})(_templateObject3$y || (_templateObject3$y = _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) {
|
|
9876
12687
|
var $dotSize = _ref4.$dotSize;
|
|
9877
12688
|
return $dotSize;
|
|
9878
12689
|
}, function (_ref5) {
|
|
@@ -9881,7 +12692,7 @@ var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
|
9881
12692
|
}, function (_ref6) {
|
|
9882
12693
|
var $color = _ref6.$color;
|
|
9883
12694
|
return $color;
|
|
9884
|
-
}, spin$
|
|
12695
|
+
}, spin$7, function (_ref7) {
|
|
9885
12696
|
var $speed = _ref7.$speed;
|
|
9886
12697
|
return $speed;
|
|
9887
12698
|
}, function (_ref8) {
|
|
@@ -9889,7 +12700,7 @@ var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
|
9889
12700
|
$speed = _ref8.$speed;
|
|
9890
12701
|
return $index * $speed / 8;
|
|
9891
12702
|
});
|
|
9892
|
-
var SpinnerWrapper$
|
|
12703
|
+
var SpinnerWrapper$3 = styled__default.div(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
9893
12704
|
var sizeMap = {
|
|
9894
12705
|
small: {
|
|
9895
12706
|
size: 32
|
|
@@ -9913,13 +12724,13 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
9913
12724
|
text = _ref9.text,
|
|
9914
12725
|
customSize = _ref9.customSize;
|
|
9915
12726
|
var spinnerSize = customSize != null ? customSize : sizeMap[size].size;
|
|
9916
|
-
return React__default.createElement(SpinnerWrapper$
|
|
12727
|
+
return React__default.createElement(SpinnerWrapper$3, null, React__default.createElement(SpinnerContainer$3, {
|
|
9917
12728
|
"$size": spinnerSize,
|
|
9918
12729
|
"aria-label": "Loading animation"
|
|
9919
12730
|
}, Array.from({
|
|
9920
12731
|
length: 8
|
|
9921
12732
|
}).map(function (_, i) {
|
|
9922
|
-
return React__default.createElement(Dot$
|
|
12733
|
+
return React__default.createElement(Dot$3, {
|
|
9923
12734
|
key: i,
|
|
9924
12735
|
"$index": i,
|
|
9925
12736
|
"$size": spinnerSize,
|
|
@@ -9930,9 +12741,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
9930
12741
|
})), text && React__default.createElement(React__default.Fragment, null, text));
|
|
9931
12742
|
};
|
|
9932
12743
|
|
|
9933
|
-
var _templateObject$
|
|
9934
|
-
var spin$
|
|
9935
|
-
var Spinner$
|
|
12744
|
+
var _templateObject$W, _templateObject2$N;
|
|
12745
|
+
var spin$8 = styled.keyframes(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
12746
|
+
var Spinner$4 = styled__default.div(_templateObject2$N || (_templateObject2$N = _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) {
|
|
9936
12747
|
var $size = _ref.$size;
|
|
9937
12748
|
return $size;
|
|
9938
12749
|
}, function (_ref2) {
|
|
@@ -9941,7 +12752,7 @@ var Spinner$2 = styled__default.div(_templateObject2$r || (_templateObject2$r =
|
|
|
9941
12752
|
}, function (_ref3) {
|
|
9942
12753
|
var $color = _ref3.$color;
|
|
9943
12754
|
return $color;
|
|
9944
|
-
}, spin$
|
|
12755
|
+
}, spin$8);
|
|
9945
12756
|
var Loader = function Loader(_ref4) {
|
|
9946
12757
|
var title = _ref4.title,
|
|
9947
12758
|
_ref4$size = _ref4.size,
|
|
@@ -9957,7 +12768,7 @@ var Loader = function Loader(_ref4) {
|
|
|
9957
12768
|
"$height": '100%',
|
|
9958
12769
|
"$flexDirection": 'column',
|
|
9959
12770
|
"$gap": '12px'
|
|
9960
|
-
}, React__default.createElement(Container, null, React__default.createElement(Spinner$
|
|
12771
|
+
}, React__default.createElement(Container, null, React__default.createElement(Spinner$4, {
|
|
9961
12772
|
"$size": size,
|
|
9962
12773
|
"$color": color
|
|
9963
12774
|
})), title && React__default.createElement(Container, {
|
|
@@ -9973,8 +12784,8 @@ var Loader = function Loader(_ref4) {
|
|
|
9973
12784
|
}, title))));
|
|
9974
12785
|
};
|
|
9975
12786
|
|
|
9976
|
-
var _templateObject$
|
|
9977
|
-
var PageInput$
|
|
12787
|
+
var _templateObject$X;
|
|
12788
|
+
var PageInput$3 = styled__default.input(_templateObject$X || (_templateObject$X = _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);
|
|
9978
12789
|
var Pagination = function Pagination(_ref) {
|
|
9979
12790
|
var totalPages = _ref.totalPages,
|
|
9980
12791
|
currentPage = _ref.currentPage,
|
|
@@ -10032,7 +12843,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
10032
12843
|
}, React__default.createElement(Container, {
|
|
10033
12844
|
"$gap": '4px',
|
|
10034
12845
|
"$alignItems": 'center'
|
|
10035
|
-
}, React__default.createElement(PageInput$
|
|
12846
|
+
}, React__default.createElement(PageInput$3, {
|
|
10036
12847
|
type: 'number',
|
|
10037
12848
|
value: inputPage,
|
|
10038
12849
|
onChange: handleInputChange,
|
|
@@ -10158,22 +12969,22 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
10158
12969
|
})));
|
|
10159
12970
|
};
|
|
10160
12971
|
|
|
10161
|
-
var _templateObject$
|
|
10162
|
-
var SidebarContainer$
|
|
12972
|
+
var _templateObject$Y, _templateObject2$O, _templateObject3$z, _templateObject4$t, _templateObject5$m, _templateObject6$c;
|
|
12973
|
+
var SidebarContainer$3 = styled__default.div(_templateObject$Y || (_templateObject$Y = _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) {
|
|
10163
12974
|
var $isExpanded = _ref.$isExpanded;
|
|
10164
12975
|
return $isExpanded ? '225px' : '68px';
|
|
10165
12976
|
}, function (_ref2) {
|
|
10166
12977
|
var $background = _ref2.$background;
|
|
10167
12978
|
return $background ? $background : colorVariables.accent.softBlue;
|
|
10168
12979
|
});
|
|
10169
|
-
var SidebarItem$
|
|
10170
|
-
var ContentWrapper$
|
|
10171
|
-
var IconWrapper$
|
|
12980
|
+
var SidebarItem$3 = styled__default(reactRouterDom.NavLink)(_templateObject2$O || (_templateObject2$O = _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);
|
|
12981
|
+
var ContentWrapper$3 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
12982
|
+
var IconWrapper$8 = styled__default.div(_templateObject4$t || (_templateObject4$t = _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) {
|
|
10172
12983
|
var $selected = _ref3.$selected;
|
|
10173
12984
|
return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
|
|
10174
12985
|
});
|
|
10175
|
-
var Logo$
|
|
10176
|
-
var TextContainer$
|
|
12986
|
+
var Logo$3 = styled__default.div(_templateObject5$m || (_templateObject5$m = _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"])));
|
|
12987
|
+
var TextContainer$3 = styled__default.span(_templateObject6$c || (_templateObject6$c = _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) {
|
|
10177
12988
|
var $padding = _ref4.$padding;
|
|
10178
12989
|
return $padding;
|
|
10179
12990
|
}, function (_ref5) {
|
|
@@ -10210,7 +13021,7 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
10210
13021
|
return parts.length > 0 ? "/" + parts[0] + "/" : '/';
|
|
10211
13022
|
};
|
|
10212
13023
|
var topLevelPath = getTopLevelPathWithSlash(location.pathname) || getTopLevelPath(location.pathname);
|
|
10213
|
-
return React__default.createElement(SidebarContainer$
|
|
13024
|
+
return React__default.createElement(SidebarContainer$3, {
|
|
10214
13025
|
"$background": background,
|
|
10215
13026
|
"$isExpanded": isExpanded,
|
|
10216
13027
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -10219,24 +13030,24 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
10219
13030
|
onMouseLeave: function onMouseLeave() {
|
|
10220
13031
|
return setIsExpanded(false);
|
|
10221
13032
|
}
|
|
10222
|
-
}, logo && React__default.createElement(Logo$
|
|
13033
|
+
}, logo && React__default.createElement(Logo$3, null, React__default.createElement(Icon, {
|
|
10223
13034
|
icon: logo.icon
|
|
10224
|
-
}), React__default.createElement(TextContainer$
|
|
13035
|
+
}), React__default.createElement(TextContainer$3, {
|
|
10225
13036
|
"$isExpanded": isExpanded,
|
|
10226
13037
|
"$fontWeight": "700"
|
|
10227
|
-
}, logo.name)), React__default.createElement(ContentWrapper$
|
|
13038
|
+
}, logo.name)), React__default.createElement(ContentWrapper$3, null, content.map(function (item) {
|
|
10228
13039
|
var isActive = item.url.includes(topLevelPath);
|
|
10229
|
-
return React__default.createElement(SidebarItem$
|
|
13040
|
+
return React__default.createElement(SidebarItem$3, {
|
|
10230
13041
|
to: item.url,
|
|
10231
13042
|
key: item.id
|
|
10232
|
-
}, React__default.createElement(IconWrapper$
|
|
13043
|
+
}, React__default.createElement(IconWrapper$8, {
|
|
10233
13044
|
"$selected": isActive
|
|
10234
13045
|
}, React__default.createElement(Icon, {
|
|
10235
13046
|
icon: item.icon,
|
|
10236
13047
|
size: 20,
|
|
10237
13048
|
weight: item.iconWeight,
|
|
10238
13049
|
color: isActive ? colorVariables.text.white : colorVariables.text.medium
|
|
10239
|
-
})), React__default.createElement(TextContainer$
|
|
13050
|
+
})), React__default.createElement(TextContainer$3, {
|
|
10240
13051
|
"$isExpanded": isExpanded,
|
|
10241
13052
|
"$fontSize": "14px",
|
|
10242
13053
|
"$padding": '0px 10px 0px 0px',
|
|
@@ -10245,14 +13056,14 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
10245
13056
|
})), ProfileContent);
|
|
10246
13057
|
};
|
|
10247
13058
|
|
|
10248
|
-
var _templateObject$
|
|
10249
|
-
var ContainerWrapper$
|
|
13059
|
+
var _templateObject$Z, _templateObject2$P, _templateObject3$A, _templateObject4$u;
|
|
13060
|
+
var ContainerWrapper$3 = styled__default.div(_templateObject$Z || (_templateObject$Z = _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) {
|
|
10250
13061
|
return props.$width || 'auto';
|
|
10251
13062
|
}, function (_ref) {
|
|
10252
13063
|
var $minHeight = _ref.$minHeight;
|
|
10253
13064
|
return $minHeight;
|
|
10254
13065
|
});
|
|
10255
|
-
var CellContainer$
|
|
13066
|
+
var CellContainer$3 = styled__default.div(_templateObject2$P || (_templateObject2$P = _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) {
|
|
10256
13067
|
return props.$align;
|
|
10257
13068
|
}, function (props) {
|
|
10258
13069
|
return props.$width || 'auto';
|
|
@@ -10263,14 +13074,14 @@ var CellContainer$1 = styled__default.div(_templateObject2$t || (_templateObject
|
|
|
10263
13074
|
}, function (props) {
|
|
10264
13075
|
return props.$padding;
|
|
10265
13076
|
});
|
|
10266
|
-
var MainText$
|
|
13077
|
+
var MainText$3 = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10267
13078
|
return props.$mtc;
|
|
10268
13079
|
}, function (props) {
|
|
10269
13080
|
return props.$mtfs;
|
|
10270
13081
|
}, function (props) {
|
|
10271
13082
|
return props.$mtw;
|
|
10272
13083
|
});
|
|
10273
|
-
var SubText$
|
|
13084
|
+
var SubText$3 = styled__default.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10274
13085
|
return props.$stc;
|
|
10275
13086
|
}, function (props) {
|
|
10276
13087
|
return props.$stfs;
|
|
@@ -10299,31 +13110,31 @@ var TableCell = function TableCell(_ref2) {
|
|
|
10299
13110
|
CustomFunction = _ref2.CustomFunction,
|
|
10300
13111
|
padding = _ref2.padding,
|
|
10301
13112
|
minHeight = _ref2.minHeight;
|
|
10302
|
-
return React__default.createElement(ContainerWrapper$
|
|
13113
|
+
return React__default.createElement(ContainerWrapper$3, {
|
|
10303
13114
|
"$width": width,
|
|
10304
13115
|
"$minHeight": minHeight
|
|
10305
|
-
}, CustomFunction ? React__default.createElement(CellContainer$
|
|
13116
|
+
}, CustomFunction ? React__default.createElement(CellContainer$3, {
|
|
10306
13117
|
"$align": alignment,
|
|
10307
13118
|
"$width": width,
|
|
10308
13119
|
"$minWidth": minWidth
|
|
10309
|
-
}, CustomFunction) : React__default.createElement(CellContainer$
|
|
13120
|
+
}, CustomFunction) : React__default.createElement(CellContainer$3, {
|
|
10310
13121
|
"$align": alignment,
|
|
10311
13122
|
"$width": width,
|
|
10312
13123
|
"$minWidth": minWidth,
|
|
10313
13124
|
"$padding": padding
|
|
10314
|
-
}, React__default.createElement(MainText$
|
|
13125
|
+
}, React__default.createElement(MainText$3, {
|
|
10315
13126
|
"$mtc": maintextcolor,
|
|
10316
13127
|
"$mtfs": maintextfontsize,
|
|
10317
13128
|
"$mtw": maintextweight
|
|
10318
|
-
}, maintext), subtext && React__default.createElement(SubText$
|
|
13129
|
+
}, maintext), subtext && React__default.createElement(SubText$3, {
|
|
10319
13130
|
"$stc": subtextcolor,
|
|
10320
13131
|
"$stfs": subtextfontsize,
|
|
10321
13132
|
"$stw": subtextweight
|
|
10322
13133
|
}, subtext)));
|
|
10323
13134
|
};
|
|
10324
13135
|
|
|
10325
|
-
var _templateObject$
|
|
10326
|
-
var TableRowContainer$
|
|
13136
|
+
var _templateObject$_;
|
|
13137
|
+
var TableRowContainer$3 = styled.styled.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
10327
13138
|
var TableRow = function TableRow(_ref) {
|
|
10328
13139
|
var rowconfig = _ref.rowconfig,
|
|
10329
13140
|
tableheaderconfig = _ref.tableheaderconfig;
|
|
@@ -10332,7 +13143,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
10332
13143
|
};
|
|
10333
13144
|
return React__default.createElement(Container, null, rowconfig.map(function (data, Index) {
|
|
10334
13145
|
var _rowconfig$Index;
|
|
10335
|
-
return React__default.createElement(TableRowContainer$
|
|
13146
|
+
return React__default.createElement(TableRowContainer$3, {
|
|
10336
13147
|
key: Index
|
|
10337
13148
|
}, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
|
|
10338
13149
|
"$padding": '0px 16px 0px 0px',
|
|
@@ -10366,16 +13177,16 @@ var TableRow = function TableRow(_ref) {
|
|
|
10366
13177
|
}));
|
|
10367
13178
|
};
|
|
10368
13179
|
|
|
10369
|
-
var _templateObject
|
|
10370
|
-
var TableContainer$
|
|
10371
|
-
var TableHeader$
|
|
13180
|
+
var _templateObject$$, _templateObject2$Q, _templateObject3$B, _templateObject4$v, _templateObject5$n;
|
|
13181
|
+
var TableContainer$3 = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables.brand.light);
|
|
13182
|
+
var TableHeader$3 = styled__default.div(_templateObject2$Q || (_templateObject2$Q = _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) {
|
|
10372
13183
|
return props.$hbcolor || 'transparent';
|
|
10373
13184
|
}, function (props) {
|
|
10374
13185
|
return props.$tcolor || 'white';
|
|
10375
13186
|
});
|
|
10376
|
-
var TableContent$
|
|
10377
|
-
var TableData$
|
|
10378
|
-
var Divider$
|
|
13187
|
+
var TableContent$3 = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
13188
|
+
var TableData$3 = styled__default.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
13189
|
+
var Divider$3 = styled__default.div(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n height: 2px;\n background: ", ";\n"])), colorVariables.border.extraLight);
|
|
10379
13190
|
var Table = function Table(_ref) {
|
|
10380
13191
|
var tableObject = _ref.tableObject,
|
|
10381
13192
|
_ref$filter = _ref.filter,
|
|
@@ -10425,7 +13236,7 @@ var Table = function Table(_ref) {
|
|
|
10425
13236
|
React.useEffect(function () {
|
|
10426
13237
|
setIsAllSelected(false);
|
|
10427
13238
|
}, [rowconfig]);
|
|
10428
|
-
return React__default.createElement(TableContainer$
|
|
13239
|
+
return React__default.createElement(TableContainer$3, null, React__default.createElement(TableContent$3, null, React__default.createElement(TableHeader$3, {
|
|
10429
13240
|
"$hbcolor": tableheaderconfig.headercolor,
|
|
10430
13241
|
"$tcolor": tableheaderconfig.textcolor
|
|
10431
13242
|
}, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
|
|
@@ -10455,7 +13266,7 @@ var Table = function Table(_ref) {
|
|
|
10455
13266
|
"$alignItems": 'center',
|
|
10456
13267
|
"$padding": '24px 24px',
|
|
10457
13268
|
"$justifyContent": 'center'
|
|
10458
|
-
}, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData$
|
|
13269
|
+
}, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData$3, null, Object.entries(roleGroups).map(function (_ref2) {
|
|
10459
13270
|
var role = _ref2[0],
|
|
10460
13271
|
rows = _ref2[1];
|
|
10461
13272
|
return React__default.createElement(React__default.Fragment, {
|
|
@@ -10485,31 +13296,31 @@ var Table = function Table(_ref) {
|
|
|
10485
13296
|
}, React__default.createElement(TableRow, {
|
|
10486
13297
|
rowconfig: [row],
|
|
10487
13298
|
tableheaderconfig: tableheaderconfig
|
|
10488
|
-
}), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider$
|
|
13299
|
+
}), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider$3, null));
|
|
10489
13300
|
}));
|
|
10490
|
-
})) : React__default.createElement(TableData$
|
|
13301
|
+
})) : React__default.createElement(TableData$3, null, filteredRows.map(function (row, index) {
|
|
10491
13302
|
return React__default.createElement(React__default.Fragment, {
|
|
10492
13303
|
key: index
|
|
10493
13304
|
}, React__default.createElement(TableRow, {
|
|
10494
13305
|
rowconfig: [row],
|
|
10495
13306
|
tableheaderconfig: tableheaderconfig
|
|
10496
|
-
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider$
|
|
13307
|
+
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider$3, null));
|
|
10497
13308
|
}))));
|
|
10498
13309
|
};
|
|
10499
13310
|
|
|
10500
|
-
var _templateObject$
|
|
10501
|
-
var Container$
|
|
13311
|
+
var _templateObject$10, _templateObject2$R, _templateObject3$C, _templateObject4$w, _templateObject5$o;
|
|
13312
|
+
var Container$a = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: visible;\n gap: ", ";\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
10502
13313
|
var $gap = _ref.$gap;
|
|
10503
13314
|
return $gap;
|
|
10504
13315
|
}, function (_ref2) {
|
|
10505
13316
|
var $border = _ref2.$border;
|
|
10506
13317
|
return $border;
|
|
10507
13318
|
});
|
|
10508
|
-
var FirstContainer$
|
|
13319
|
+
var FirstContainer$3 = styled__default.div(_templateObject2$R || (_templateObject2$R = _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 (_ref3) {
|
|
10509
13320
|
var $headerPadding = _ref3.$headerPadding;
|
|
10510
13321
|
return $headerPadding ? $headerPadding : '0px';
|
|
10511
13322
|
});
|
|
10512
|
-
var TabContainer$
|
|
13323
|
+
var TabContainer$3 = styled__default.div(_templateObject3$C || (_templateObject3$C = _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 (_ref4) {
|
|
10513
13324
|
var $disabled = _ref4.$disabled;
|
|
10514
13325
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10515
13326
|
}, function (_ref5) {
|
|
@@ -10522,13 +13333,13 @@ var TabContainer$1 = styled__default.div(_templateObject3$m || (_templateObject3
|
|
|
10522
13333
|
var $disabled = _ref7.$disabled;
|
|
10523
13334
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10524
13335
|
});
|
|
10525
|
-
var TabItemContainer$
|
|
13336
|
+
var TabItemContainer$3 = styled__default.div(_templateObject4$w || (_templateObject4$w = _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 (_ref8) {
|
|
10526
13337
|
var $headerHeight = _ref8.$headerHeight;
|
|
10527
13338
|
return $headerHeight ? $headerHeight : '34px';
|
|
10528
13339
|
}, function (props) {
|
|
10529
13340
|
return props.$active ? 'block' : 'none';
|
|
10530
13341
|
}, colorVariables["default"].primary);
|
|
10531
|
-
var DetailsFirstContainer$
|
|
13342
|
+
var DetailsFirstContainer$3 = styled__default.div(_templateObject5$o || (_templateObject5$o = _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) {
|
|
10532
13343
|
return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
|
|
10533
13344
|
});
|
|
10534
13345
|
var Tabs = function Tabs(_ref9) {
|
|
@@ -10541,20 +13352,20 @@ var Tabs = function Tabs(_ref9) {
|
|
|
10541
13352
|
border = _ref9.border,
|
|
10542
13353
|
_ref9$gap = _ref9.gap,
|
|
10543
13354
|
gap = _ref9$gap === void 0 ? '24px' : _ref9$gap;
|
|
10544
|
-
return React__default.createElement(Container$
|
|
13355
|
+
return React__default.createElement(Container$a, {
|
|
10545
13356
|
"$gap": gap,
|
|
10546
13357
|
"$border": border
|
|
10547
|
-
}, React__default.createElement(FirstContainer$
|
|
13358
|
+
}, React__default.createElement(FirstContainer$3, {
|
|
10548
13359
|
"$headerPadding": headerPadding
|
|
10549
13360
|
}, tabItems.map(function (tab, index) {
|
|
10550
|
-
return React__default.createElement(TabContainer$
|
|
13361
|
+
return React__default.createElement(TabContainer$3, {
|
|
10551
13362
|
key: index,
|
|
10552
13363
|
onClick: function onClick() {
|
|
10553
13364
|
if (!disabled && tab.onClick) tab.onClick();
|
|
10554
13365
|
},
|
|
10555
13366
|
"$disabled": disabled,
|
|
10556
13367
|
"$headerHeight": headerHeight
|
|
10557
|
-
}, React__default.createElement(TabItemContainer$
|
|
13368
|
+
}, React__default.createElement(TabItemContainer$3, {
|
|
10558
13369
|
"$active": activeTab === tab.title,
|
|
10559
13370
|
"$headerHeight": headerHeight
|
|
10560
13371
|
}, tab.icon && React__default.createElement(Icon, {
|
|
@@ -10562,11 +13373,11 @@ var Tabs = function Tabs(_ref9) {
|
|
|
10562
13373
|
icon: tab.icon,
|
|
10563
13374
|
size: tab.iconSize,
|
|
10564
13375
|
weight: tab.iconWeight
|
|
10565
|
-
}), React__default.createElement(DetailsFirstContainer$
|
|
13376
|
+
}), React__default.createElement(DetailsFirstContainer$3, {
|
|
10566
13377
|
"$active": activeTab === tab.title
|
|
10567
13378
|
}, tab.title)));
|
|
10568
13379
|
})), tabItems.map(function (tab, index) {
|
|
10569
|
-
return activeTab === tab.title && React__default.createElement(Container$
|
|
13380
|
+
return activeTab === tab.title && React__default.createElement(Container$a, {
|
|
10570
13381
|
key: index
|
|
10571
13382
|
}, tab.content);
|
|
10572
13383
|
}));
|
|
@@ -10607,104 +13418,6 @@ var InternalTabs = function InternalTabs(_ref) {
|
|
|
10607
13418
|
}));
|
|
10608
13419
|
};
|
|
10609
13420
|
|
|
10610
|
-
var injectCSSVariables = function injectCSSVariables(theme) {
|
|
10611
|
-
var themeVars = theme === 'dark' ? darkColorVariables : colorVariables;
|
|
10612
|
-
var flatVars = _flattenVariables(themeVars);
|
|
10613
|
-
var root = document.body;
|
|
10614
|
-
for (var _i = 0, _Object$entries = Object.entries(flatVars); _i < _Object$entries.length; _i++) {
|
|
10615
|
-
var _Object$entries$_i = _Object$entries[_i],
|
|
10616
|
-
key = _Object$entries$_i[0],
|
|
10617
|
-
value = _Object$entries$_i[1];
|
|
10618
|
-
root.style.setProperty("--" + key, value);
|
|
10619
|
-
}
|
|
10620
|
-
};
|
|
10621
|
-
var _flattenVariables = function flattenVariables(obj, prefix) {
|
|
10622
|
-
if (prefix === void 0) {
|
|
10623
|
-
prefix = '';
|
|
10624
|
-
}
|
|
10625
|
-
var result = {};
|
|
10626
|
-
for (var key in obj) {
|
|
10627
|
-
if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
|
|
10628
|
-
var value = obj[key];
|
|
10629
|
-
var fullKey = prefix ? prefix + "-" + key : key;
|
|
10630
|
-
if (typeof value === 'object') {
|
|
10631
|
-
var nested = _flattenVariables(value, fullKey);
|
|
10632
|
-
Object.assign(result, nested);
|
|
10633
|
-
} else {
|
|
10634
|
-
result[fullKey] = value;
|
|
10635
|
-
}
|
|
10636
|
-
}
|
|
10637
|
-
return result;
|
|
10638
|
-
};
|
|
10639
|
-
|
|
10640
|
-
var colorVariables$2 = {
|
|
10641
|
-
brand: {
|
|
10642
|
-
primary: 'var(--brand-primary)',
|
|
10643
|
-
secondary: 'var(--brand-secondary)',
|
|
10644
|
-
light: 'var(--brand-light)'
|
|
10645
|
-
},
|
|
10646
|
-
accent: {
|
|
10647
|
-
light: 'var(--accent-light)',
|
|
10648
|
-
extraLight: 'var(--accent-extraLight)',
|
|
10649
|
-
softBlue: 'var(--accent-softBlue)',
|
|
10650
|
-
extraSoftBlue: 'var(--accent-extraSoftBlue)',
|
|
10651
|
-
boldTransparent: 'var(--accent-boldTransparent)',
|
|
10652
|
-
transparent: 'var(--accent-transparent)',
|
|
10653
|
-
lightTransparent: 'var(--accent-lightTransparent)'
|
|
10654
|
-
},
|
|
10655
|
-
"default": {
|
|
10656
|
-
primary: 'var(--default-primary)',
|
|
10657
|
-
secondary: 'var(--default-secondary)',
|
|
10658
|
-
tertiary: 'var(--default-tertiary)',
|
|
10659
|
-
error: 'var(--default-error)',
|
|
10660
|
-
success: 'var(--default-success)',
|
|
10661
|
-
warning: 'var(--default-warning)',
|
|
10662
|
-
info: 'var(--default-info)'
|
|
10663
|
-
},
|
|
10664
|
-
disabled: {
|
|
10665
|
-
primary: 'var(--disabled-primary)',
|
|
10666
|
-
secondary: 'var(--disabled-secondary)',
|
|
10667
|
-
error: 'var(--disabled-error)',
|
|
10668
|
-
success: 'var(--disabled-success)',
|
|
10669
|
-
warning: 'var(--disabled-warning)',
|
|
10670
|
-
info: 'var(--disabled-info)'
|
|
10671
|
-
},
|
|
10672
|
-
hover: {
|
|
10673
|
-
primary: 'var(--hover-primary)',
|
|
10674
|
-
secondary: 'var(--hover-secondary)',
|
|
10675
|
-
tertiary: 'var(--hover-tertiary)',
|
|
10676
|
-
error: 'var(--hover-error)',
|
|
10677
|
-
success: 'var(--hover-success)',
|
|
10678
|
-
warning: 'var(--hover-warning)',
|
|
10679
|
-
info: 'var(--hover-info)'
|
|
10680
|
-
},
|
|
10681
|
-
border: {
|
|
10682
|
-
extraBold: 'var(--border-extraBold)',
|
|
10683
|
-
bold: 'var(--border-bold)',
|
|
10684
|
-
medium: 'var(--border-medium)',
|
|
10685
|
-
light: 'var(--border-light)',
|
|
10686
|
-
extraLight: 'var(--border-extraLight)'
|
|
10687
|
-
},
|
|
10688
|
-
text: {
|
|
10689
|
-
dark: 'var(--text-dark)',
|
|
10690
|
-
medium: 'var(--text-medium)',
|
|
10691
|
-
light: 'var(--text-light)',
|
|
10692
|
-
white: 'var(--text-white)',
|
|
10693
|
-
success: 'var(--text-success)',
|
|
10694
|
-
error: 'var(--text-error)',
|
|
10695
|
-
info: 'var(--text-info)',
|
|
10696
|
-
warning: 'var(--text-warning)'
|
|
10697
|
-
},
|
|
10698
|
-
badge: {
|
|
10699
|
-
lavender: 'var(--badge-lavender)',
|
|
10700
|
-
papayaWhip: 'var(--badge-papayaWhip)',
|
|
10701
|
-
water: 'var(--badge-water)',
|
|
10702
|
-
paleBlue: 'var(--badge-paleBlue)',
|
|
10703
|
-
teaGreen: 'var(--badge-teaGreen)',
|
|
10704
|
-
lightBlue: 'var(--badge-lightBlue)'
|
|
10705
|
-
}
|
|
10706
|
-
};
|
|
10707
|
-
|
|
10708
13421
|
exports.Badge = Badge;
|
|
10709
13422
|
exports.Breadcrumbs = Breadcrumbs;
|
|
10710
13423
|
exports.Button = ButtonComponent;
|
|
@@ -10734,7 +13447,7 @@ exports.Tabs = Tabs;
|
|
|
10734
13447
|
exports.TextArea = TextArea;
|
|
10735
13448
|
exports.TextField = TextField;
|
|
10736
13449
|
exports.TextFieldWithDropdown = TextFieldWithDropdown;
|
|
10737
|
-
exports.colorVariables = colorVariables
|
|
13450
|
+
exports.colorVariables = colorVariables;
|
|
10738
13451
|
exports.convertEpochToDateString = convertEpochToDateString;
|
|
10739
13452
|
exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
|
|
10740
13453
|
exports.convertToEpoch = convertToEpoch;
|
|
@@ -10744,7 +13457,6 @@ exports.formatDate = formatDate;
|
|
|
10744
13457
|
exports.formatEpochToIST = formatEpochToIST;
|
|
10745
13458
|
exports.formatTimestamp = formatTimestamp;
|
|
10746
13459
|
exports.getSystemTimezoneAbbreviation = getSystemTimezoneAbbreviation;
|
|
10747
|
-
exports.injectCSSVariables = injectCSSVariables;
|
|
10748
13460
|
exports.themes = themes;
|
|
10749
13461
|
exports.timeAgo = timeAgo;
|
|
10750
13462
|
exports.timeStringToSeconds = timeStringToSeconds;
|