labsense-ui-kit 1.1.25 → 1.1.26
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 -3
- package/dist/index.js +1656 -285
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1656 -285
- 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) {
|
|
@@ -8672,50 +8673,1488 @@ var DropdownMenu$1$1 = styled__default.div(_templateObject7$2$1 || (_templateObj
|
|
|
8672
8673
|
var $bottom = _ref26.$bottom;
|
|
8673
8674
|
return $bottom && "bottom: " + $bottom + ";";
|
|
8674
8675
|
});
|
|
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';
|
|
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.light);
|
|
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 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
|
+
return $border || "1px solid " + colorVariables$1$1.border.light;
|
|
9502
|
+
}, function (_ref10) {
|
|
9503
|
+
var $size = _ref10.$size;
|
|
9504
|
+
switch ($size) {
|
|
9505
|
+
case 'small':
|
|
9506
|
+
return '9px 12px';
|
|
9507
|
+
case 'large':
|
|
9508
|
+
return '24px 12px';
|
|
9509
|
+
default:
|
|
9510
|
+
return '13px 12px';
|
|
9511
|
+
}
|
|
9512
|
+
}, function (_ref11) {
|
|
9513
|
+
var $background = _ref11.$background,
|
|
9514
|
+
$disabled = _ref11.$disabled;
|
|
9515
|
+
return $disabled ? colorVariables$1$1.border.light : $background || colorVariables$1$1.accent.extraLight;
|
|
9516
|
+
}, function (_ref12) {
|
|
9517
|
+
var $size = _ref12.$size;
|
|
9518
|
+
switch ($size) {
|
|
9519
|
+
case 'small':
|
|
9520
|
+
return '12px';
|
|
9521
|
+
case 'large':
|
|
9522
|
+
return '16px';
|
|
9523
|
+
default:
|
|
9524
|
+
return '14px';
|
|
9525
|
+
}
|
|
9526
|
+
}, function (_ref13) {
|
|
9527
|
+
var $size = _ref13.$size;
|
|
9528
|
+
switch ($size) {
|
|
9529
|
+
case 'small':
|
|
9530
|
+
return '12px';
|
|
9531
|
+
case 'large':
|
|
9532
|
+
return '16px';
|
|
9533
|
+
default:
|
|
9534
|
+
return '14px';
|
|
9535
|
+
}
|
|
9536
|
+
});
|
|
9537
|
+
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) {
|
|
9538
|
+
var $optionColor = _ref14.$optionColor,
|
|
9539
|
+
$optionSelected = _ref14.$optionSelected;
|
|
9540
|
+
return $optionSelected ? colorVariables$1$1.text.white : $optionColor || colorVariables$1$1.text.medium;
|
|
9541
|
+
}, function (_ref15) {
|
|
9542
|
+
var $optionFontSize = _ref15.$optionFontSize;
|
|
9543
|
+
return $optionFontSize || '14px';
|
|
9544
|
+
}, function (_ref16) {
|
|
9545
|
+
var $optionFontWeight = _ref16.$optionFontWeight;
|
|
9546
|
+
return $optionFontWeight || 400;
|
|
9547
|
+
}, function (_ref17) {
|
|
9548
|
+
var $optionBackgroundColor = _ref17.$optionBackgroundColor,
|
|
9549
|
+
$optionSelected = _ref17.$optionSelected;
|
|
9550
|
+
return $optionSelected ? colorVariables$1$1["default"].primary : $optionBackgroundColor || colorVariables$1$1["default"].tertiary;
|
|
9551
|
+
}, colorVariables$1$1.hover.primary, colorVariables$1$1.text.white);
|
|
9552
|
+
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) {
|
|
9553
|
+
var $size = _ref18.$size;
|
|
9554
|
+
switch ($size) {
|
|
9555
|
+
case 'small':
|
|
9556
|
+
return '14px';
|
|
9557
|
+
case 'large':
|
|
9558
|
+
return '16px';
|
|
9559
|
+
default:
|
|
9560
|
+
return '14px';
|
|
9561
|
+
}
|
|
9562
|
+
}, function (_ref19) {
|
|
9563
|
+
var $size = _ref19.$size;
|
|
9564
|
+
switch ($size) {
|
|
9565
|
+
case 'small':
|
|
9566
|
+
return '12px';
|
|
9567
|
+
case 'large':
|
|
9568
|
+
return '16px';
|
|
9569
|
+
default:
|
|
9570
|
+
return '14px';
|
|
9571
|
+
}
|
|
9572
|
+
}, function (_ref20) {
|
|
9573
|
+
var $fontStyle = _ref20.$fontStyle;
|
|
9574
|
+
return $fontStyle || '';
|
|
9575
|
+
}, function (_ref21) {
|
|
9576
|
+
var $color = _ref21.$color,
|
|
9577
|
+
$disabled = _ref21.$disabled;
|
|
9578
|
+
return $disabled ? colorVariables$1$1.text.medium : $color || colorVariables$1$1.text.medium;
|
|
9579
|
+
});
|
|
9580
|
+
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"])));
|
|
9581
|
+
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) {
|
|
9582
|
+
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
9583
|
+
return $optionsBorderRadius || '8px';
|
|
9584
|
+
}, function (_ref23) {
|
|
9585
|
+
var $width = _ref23.$width;
|
|
9586
|
+
return $width ? $width : 'max-content';
|
|
9587
|
+
}, function (_ref24) {
|
|
9588
|
+
var $menuBackground = _ref24.$menuBackground;
|
|
9589
|
+
return $menuBackground || colorVariables$1$1.accent.extraLight;
|
|
9590
|
+
}, function (_ref25) {
|
|
9591
|
+
var $top = _ref25.$top;
|
|
9592
|
+
return $top && "top: " + $top + ";";
|
|
9593
|
+
}, function (_ref26) {
|
|
9594
|
+
var $bottom = _ref26.$bottom;
|
|
9595
|
+
return $bottom && "bottom: " + $bottom + ";";
|
|
9596
|
+
});
|
|
9597
|
+
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"])));
|
|
9598
|
+
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) {
|
|
9599
|
+
var $background = _ref27.$background;
|
|
9600
|
+
return $background || colorVariables$1$1.accent.extraLight;
|
|
9601
|
+
}, function (_ref28) {
|
|
9602
|
+
var $border = _ref28.$border;
|
|
9603
|
+
return $border || 'none';
|
|
9604
|
+
}, colorVariables$1$1.border.light, function (_ref29) {
|
|
9605
|
+
var $borderRadius = _ref29.$borderRadius;
|
|
9606
|
+
return $borderRadius || '8px 8px 0 0';
|
|
9607
|
+
});
|
|
9608
|
+
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) {
|
|
9609
|
+
var $inputColor = _ref30.$inputColor;
|
|
9610
|
+
return $inputColor || colorVariables$1$1.text.medium;
|
|
9611
|
+
}, function (_ref31) {
|
|
9612
|
+
var $placeholderColor = _ref31.$placeholderColor;
|
|
9613
|
+
return $placeholderColor || colorVariables$1$1.text.light;
|
|
9614
|
+
});
|
|
9615
|
+
var _templateObject$c$1$1, _templateObject2$9$1$1;
|
|
9616
|
+
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"])));
|
|
9617
|
+
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) {
|
|
9618
|
+
var $maxWidth = _ref.$maxWidth;
|
|
9619
|
+
return $maxWidth ? $maxWidth : '400px';
|
|
9620
|
+
});
|
|
9621
|
+
var _templateObject$d$1$1, _templateObject2$a$1$1;
|
|
9622
|
+
var SearchContainer$2$1$1 = styled__default.div(_templateObject$d$1$1 || (_templateObject$d$1$1 = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n height: 100%;\n background: ", ";\n border: ", ";\n border-radius: ", ";\n padding: 5.5px 8px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: 8px;\n"])), function (_ref) {
|
|
9623
|
+
var $background = _ref.$background;
|
|
9624
|
+
return $background || colorVariables$1$1["default"].tertiary;
|
|
9625
|
+
}, function (_ref2) {
|
|
9626
|
+
var $border = _ref2.$border;
|
|
9627
|
+
return $border || 'none';
|
|
9628
|
+
}, function (_ref3) {
|
|
9629
|
+
var $borderRadius = _ref3.$borderRadius;
|
|
9630
|
+
return $borderRadius || '8px';
|
|
9631
|
+
});
|
|
9632
|
+
var SearchBar$2$1$1 = styled__default.input(_templateObject2$a$1$1 || (_templateObject2$a$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: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n position: absolute;\n top: 1px;\n }\n"])), colorVariables$1$1["default"].tertiary, function (_ref4) {
|
|
9633
|
+
var $inputColor = _ref4.$inputColor;
|
|
9634
|
+
return $inputColor || colorVariables$1$1.text.medium;
|
|
9635
|
+
}, function (_ref5) {
|
|
9636
|
+
var $placeholderColor = _ref5.$placeholderColor;
|
|
9637
|
+
return $placeholderColor || colorVariables$1$1.text.light;
|
|
9638
|
+
});
|
|
9639
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$7$1$1, _templateObject4$5$1$1, _templateObject5$5$1$1;
|
|
9640
|
+
var Label = styled__default.label(_templateObject$e || (_templateObject$e = _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) {
|
|
9641
|
+
var $fontWeight = _ref.$fontWeight;
|
|
9642
|
+
return $fontWeight != null ? $fontWeight : '500';
|
|
9643
|
+
}, function (_ref2) {
|
|
9644
|
+
var $size = _ref2.$size;
|
|
9645
|
+
switch ($size) {
|
|
9646
|
+
case 'small':
|
|
9647
|
+
return "\n font-size: 12px;\n line-height: 12px;\n ";
|
|
9648
|
+
case 'medium':
|
|
9649
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
9650
|
+
case 'large':
|
|
9651
|
+
return "\n font-size: 16px;\n line-height: 16px;\n ";
|
|
9652
|
+
default:
|
|
9653
|
+
return "\n font-size: 14px;\n line-height: 14px;\n ";
|
|
9654
|
+
}
|
|
9655
|
+
}, function (_ref3) {
|
|
9656
|
+
var $titlecolor = _ref3.$titlecolor;
|
|
9657
|
+
switch ($titlecolor) {
|
|
9658
|
+
case 'dark':
|
|
9659
|
+
return colorVariables$1$1.text.dark;
|
|
9660
|
+
case 'medium':
|
|
9661
|
+
return colorVariables$1$1.text.medium;
|
|
9662
|
+
case 'light':
|
|
9663
|
+
return colorVariables$1$1.text.light;
|
|
9664
|
+
case 'white':
|
|
9665
|
+
return colorVariables$1$1.text.white;
|
|
9666
|
+
case 'warning':
|
|
9667
|
+
return colorVariables$1$1["default"].warning;
|
|
9668
|
+
case 'info':
|
|
9669
|
+
return colorVariables$1$1["default"].info;
|
|
9670
|
+
case 'success':
|
|
9671
|
+
return colorVariables$1$1["default"].success;
|
|
9672
|
+
case 'error':
|
|
9673
|
+
return colorVariables$1$1["default"].error;
|
|
9674
|
+
default:
|
|
9675
|
+
return $titlecolor;
|
|
9676
|
+
}
|
|
9677
|
+
});
|
|
9678
|
+
var Input = styled__default.input(_templateObject2$b || (_templateObject2$b = _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) {
|
|
9679
|
+
var $disabled = _ref4.$disabled;
|
|
9680
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
9681
|
+
}, function (_ref5) {
|
|
9682
|
+
var $disabled = _ref5.$disabled,
|
|
9683
|
+
$background = _ref5.$background;
|
|
9684
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
9685
|
+
}, function (_ref6) {
|
|
9686
|
+
var $color = _ref6.$color;
|
|
9687
|
+
return $color;
|
|
9688
|
+
}, function (_ref7) {
|
|
9689
|
+
var $disabled = _ref7.$disabled;
|
|
9690
|
+
return $disabled ? 'none' : 'auto';
|
|
9691
|
+
}, function (_ref8) {
|
|
9692
|
+
var $size = _ref8.$size,
|
|
9693
|
+
$type = _ref8.$type;
|
|
9694
|
+
switch ($size) {
|
|
9695
|
+
case 'small':
|
|
9696
|
+
return "\n font-size: 12px;\n padding: " + ($type === 'password' ? '5px 38px 5px 10px' : '5px 10px') + ";\n ";
|
|
9697
|
+
case 'medium':
|
|
9698
|
+
return "\n font-size: 14px;\n padding: " + ($type === 'password' ? '9.5px 38px 9.5px 12px' : '9.5px 12px') + ";\n ";
|
|
9699
|
+
case 'large':
|
|
9700
|
+
return "\n font-size: 16px;\n padding: " + ($type === 'password' ? '9px 38px 9px 14px' : '9px 14px') + ";\n ";
|
|
9701
|
+
default:
|
|
9702
|
+
return "\n font-size: 14px;\n padding: " + ($type === 'password' ? '7px 38px 7px 12px' : '7px 12px') + ";\n ";
|
|
9703
|
+
}
|
|
9704
|
+
}, function (_ref9) {
|
|
9705
|
+
var $color = _ref9.$color;
|
|
9706
|
+
switch ($color) {
|
|
9707
|
+
case 'dark':
|
|
9708
|
+
return colorVariables$1$1.text.dark;
|
|
9709
|
+
case 'medium':
|
|
9710
|
+
return colorVariables$1$1.text.medium;
|
|
9711
|
+
case 'light':
|
|
9712
|
+
return colorVariables$1$1.text.light;
|
|
9713
|
+
case 'white':
|
|
9714
|
+
return colorVariables$1$1.text.white;
|
|
9715
|
+
case 'warning':
|
|
9716
|
+
return colorVariables$1$1["default"].warning;
|
|
9717
|
+
case 'info':
|
|
9718
|
+
return colorVariables$1$1["default"].info;
|
|
9719
|
+
case 'success':
|
|
9720
|
+
return colorVariables$1$1["default"].success;
|
|
9721
|
+
case 'error':
|
|
9722
|
+
return colorVariables$1$1["default"].error;
|
|
9723
|
+
default:
|
|
9724
|
+
return $color;
|
|
9725
|
+
}
|
|
9726
|
+
}, colorVariables$1$1.text.light);
|
|
9727
|
+
var InputWrapper$1$1$1 = styled__default.div(_templateObject3$7$1$1 || (_templateObject3$7$1$1 = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
9728
|
+
var IconWrapper$1$1$1 = styled__default.div(_templateObject4$5$1$1 || (_templateObject4$5$1$1 = _taggedTemplateLiteralLoose$1$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
9729
|
+
var $disabled = _ref10.$disabled;
|
|
9730
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
9731
|
+
});
|
|
9732
|
+
var Asterisk$1$1$1 = styled__default.span(_templateObject5$5$1$1 || (_templateObject5$5$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);
|
|
9733
|
+
var _templateObject$f, _templateObject2$c, _templateObject3$8;
|
|
9734
|
+
var Container$3$1$1 = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
9735
|
+
var $padding = _ref.$padding;
|
|
9736
|
+
return $padding;
|
|
9737
|
+
});
|
|
9738
|
+
var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose$1$1(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
9739
|
+
var $fontWeight = _ref2.$fontWeight;
|
|
9740
|
+
return $fontWeight != null ? $fontWeight : '500';
|
|
9741
|
+
}, function (_ref3) {
|
|
9742
|
+
var $size = _ref3.$size;
|
|
9743
|
+
switch ($size) {
|
|
9744
|
+
case 'small':
|
|
9745
|
+
return 'font-size: 12px; line-height: 12px;';
|
|
9746
|
+
case 'medium':
|
|
9747
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
9748
|
+
case 'large':
|
|
9749
|
+
return 'font-size: 16px; line-height: 16px;';
|
|
9750
|
+
default:
|
|
9751
|
+
return 'font-size: 14px; line-height: 14px;';
|
|
9752
|
+
}
|
|
9753
|
+
}, function (_ref4) {
|
|
9754
|
+
var $titlecolor = _ref4.$titlecolor;
|
|
9755
|
+
return $titlecolor || colorVariables$1$1.text.dark;
|
|
9756
|
+
});
|
|
9757
|
+
var TextAreaComponent = styled__default.textarea(_templateObject3$8 || (_templateObject3$8 = _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) {
|
|
9758
|
+
var $disabled = _ref5.$disabled;
|
|
9759
|
+
return $disabled ? 'not-allowed' : 'auto';
|
|
9760
|
+
}, function (_ref6) {
|
|
9761
|
+
var $disabled = _ref6.$disabled,
|
|
9762
|
+
$background = _ref6.$background;
|
|
9763
|
+
return $disabled ? colorVariables$1$1.disabled.secondary : $background;
|
|
9764
|
+
}, function (_ref7) {
|
|
9765
|
+
var $color = _ref7.$color;
|
|
9766
|
+
return $color;
|
|
9767
|
+
}, function (_ref8) {
|
|
9768
|
+
var $size = _ref8.$size;
|
|
9769
|
+
switch ($size) {
|
|
9770
|
+
case 'small':
|
|
9771
|
+
return 'font-size: 12px; padding: 5px 10px;';
|
|
9772
|
+
case 'medium':
|
|
9773
|
+
return 'font-size: 14px; padding: 9px 12px;';
|
|
9774
|
+
case 'large':
|
|
9775
|
+
return 'font-size: 16px; padding: 9px 14px;';
|
|
9776
|
+
default:
|
|
9777
|
+
return 'font-size: 14px; padding: 7px 12px;';
|
|
9778
|
+
}
|
|
9779
|
+
}, function (_ref9) {
|
|
9780
|
+
var $color = _ref9.$color;
|
|
9781
|
+
return $color || colorVariables$1$1.text.dark;
|
|
9782
|
+
}, colorVariables$1$1.text.light);
|
|
9783
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$9, _templateObject4$6, _templateObject5$6, _templateObject6$5$1$1, _templateObject7$3$1$1;
|
|
9784
|
+
var OptionContainer$1$1$1 = styled__default.div(_templateObject$g || (_templateObject$g = _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);
|
|
9785
|
+
var OptionItem$1$1$1 = styled__default.div(_templateObject2$d || (_templateObject2$d = _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) {
|
|
9786
|
+
var $optionSelected = _ref.$optionSelected;
|
|
9787
|
+
return $optionSelected ? colorVariables$1$1.text.white : colorVariables$1$1.text.medium;
|
|
9788
|
+
}, function (_ref2) {
|
|
9789
|
+
var $optionSelected = _ref2.$optionSelected;
|
|
9790
|
+
return $optionSelected ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.white;
|
|
9791
|
+
}, colorVariables$1$1.hover.primary, colorVariables$1$1.text.white);
|
|
9792
|
+
var TotalOptionsHeader = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _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);
|
|
9793
|
+
var OptionLabel$1$1$1 = styled__default.label(_templateObject4$6 || (_templateObject4$6 = _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"])));
|
|
9794
|
+
var SearchContainer$3 = styled__default.div(_templateObject5$6 || (_templateObject5$6 = _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) {
|
|
9795
|
+
var $background = _ref3.$background;
|
|
9796
|
+
switch ($background) {
|
|
9797
|
+
case 'dark':
|
|
9798
|
+
return colorVariables$1$1.text.dark;
|
|
9799
|
+
case 'medium':
|
|
9800
|
+
return colorVariables$1$1.text.medium;
|
|
9801
|
+
case 'light':
|
|
9802
|
+
return colorVariables$1$1.text.light;
|
|
9803
|
+
case 'white':
|
|
9804
|
+
return colorVariables$1$1.text.white;
|
|
9805
|
+
case 'warning':
|
|
9806
|
+
return colorVariables$1$1["default"].warning;
|
|
9807
|
+
case 'info':
|
|
9808
|
+
return colorVariables$1$1["default"].info;
|
|
9809
|
+
case 'success':
|
|
9810
|
+
return colorVariables$1$1["default"].success;
|
|
9811
|
+
case 'error':
|
|
9812
|
+
return colorVariables$1$1["default"].error;
|
|
9813
|
+
default:
|
|
9814
|
+
return $background;
|
|
9815
|
+
}
|
|
9816
|
+
}, function (_ref4) {
|
|
9817
|
+
var $borderBottom = _ref4.$borderBottom;
|
|
9818
|
+
return $borderBottom || 'none';
|
|
9819
|
+
}, function (_ref5) {
|
|
9820
|
+
var $borderRadius = _ref5.$borderRadius;
|
|
9821
|
+
return $borderRadius || '8px';
|
|
9822
|
+
});
|
|
9823
|
+
var SearchBar$3 = styled__default.input(_templateObject6$5$1$1 || (_templateObject6$5$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: 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) {
|
|
9824
|
+
var $inputColor = _ref6.$inputColor;
|
|
9825
|
+
switch ($inputColor) {
|
|
9826
|
+
case 'dark':
|
|
9827
|
+
return colorVariables$1$1.text.dark;
|
|
9828
|
+
case 'medium':
|
|
9829
|
+
return colorVariables$1$1.text.medium;
|
|
9830
|
+
case 'light':
|
|
9831
|
+
return colorVariables$1$1.text.light;
|
|
9832
|
+
case 'white':
|
|
9833
|
+
return colorVariables$1$1.text.white;
|
|
9834
|
+
case 'warning':
|
|
9835
|
+
return colorVariables$1$1["default"].warning;
|
|
9836
|
+
case 'info':
|
|
9837
|
+
return colorVariables$1$1["default"].info;
|
|
9838
|
+
case 'success':
|
|
9839
|
+
return colorVariables$1$1["default"].success;
|
|
9840
|
+
case 'error':
|
|
9841
|
+
return colorVariables$1$1["default"].error;
|
|
9842
|
+
default:
|
|
9843
|
+
return $inputColor;
|
|
9844
|
+
}
|
|
9845
|
+
}, function (_ref7) {
|
|
9846
|
+
var $placeholderColor = _ref7.$placeholderColor;
|
|
9847
|
+
switch ($placeholderColor) {
|
|
9848
|
+
case 'dark':
|
|
9849
|
+
return colorVariables$1$1.text.dark;
|
|
9850
|
+
case 'medium':
|
|
9851
|
+
return colorVariables$1$1.text.medium;
|
|
9852
|
+
case 'light':
|
|
9853
|
+
return colorVariables$1$1.text.light;
|
|
9854
|
+
case 'white':
|
|
9855
|
+
return colorVariables$1$1.text.white;
|
|
9856
|
+
case 'warning':
|
|
9857
|
+
return colorVariables$1$1["default"].warning;
|
|
9858
|
+
case 'info':
|
|
9859
|
+
return colorVariables$1$1["default"].info;
|
|
9860
|
+
case 'success':
|
|
9861
|
+
return colorVariables$1$1["default"].success;
|
|
9862
|
+
case 'error':
|
|
9863
|
+
return colorVariables$1$1["default"].error;
|
|
9864
|
+
default:
|
|
9865
|
+
return $placeholderColor;
|
|
9866
|
+
}
|
|
9867
|
+
});
|
|
9868
|
+
var OptionsWrapper$1$1$1 = styled__default.div(_templateObject7$3$1$1 || (_templateObject7$3$1$1 = _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);
|
|
9869
|
+
var _templateObject$h, _templateObject2$e;
|
|
9870
|
+
var StyledInput$1$1$1 = styled__default.input(_templateObject$h || (_templateObject$h = _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) {
|
|
9871
|
+
var $checkboxSize = _ref.$checkboxSize;
|
|
9872
|
+
return $checkboxSize + "px";
|
|
9873
|
+
}, function (_ref2) {
|
|
9874
|
+
var $checkboxSize = _ref2.$checkboxSize;
|
|
9875
|
+
return $checkboxSize + "px";
|
|
9876
|
+
}, function (_ref3) {
|
|
9877
|
+
var $checked = _ref3.$checked,
|
|
9878
|
+
$borderSize = _ref3.$borderSize;
|
|
9879
|
+
return $checked ? $borderSize + "px solid " + colorVariables$1$1["default"].primary : $borderSize + "px solid " + colorVariables$1$1.border.extraBold;
|
|
9880
|
+
}, function (_ref4) {
|
|
9881
|
+
var $checked = _ref4.$checked;
|
|
9882
|
+
return $checked ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.white;
|
|
9883
|
+
}, function (_ref5) {
|
|
9884
|
+
var $checkboxSize = _ref5.$checkboxSize;
|
|
9885
|
+
return $checkboxSize / 1.4 + "px";
|
|
9886
|
+
}, function (_ref6) {
|
|
9887
|
+
var $checkboxSize = _ref6.$checkboxSize;
|
|
9888
|
+
return "calc(100% - " + $checkboxSize / 1.4 + "px)";
|
|
9889
|
+
}, function (_ref7) {
|
|
9890
|
+
var $checkboxSize = _ref7.$checkboxSize;
|
|
9891
|
+
return "calc(100% - " + $checkboxSize / 1.8 + "px)";
|
|
9892
|
+
}, function (_ref8) {
|
|
9893
|
+
var $checkboxSize = _ref8.$checkboxSize;
|
|
9894
|
+
return $checkboxSize / 5 + "px";
|
|
9895
|
+
}, function (_ref9) {
|
|
9896
|
+
var $checkboxSize = _ref9.$checkboxSize;
|
|
9897
|
+
return $checkboxSize / 2.4 + "px";
|
|
9898
|
+
}, colorVariables$1$1.text.white);
|
|
9899
|
+
var LabelSpan = styled__default(Span$1$1)(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose$1$1(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
9900
|
+
var _templateObject$i, _templateObject2$f, _templateObject3$a, _templateObject4$7;
|
|
9901
|
+
var spin$1$1$1 = styled.keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose$1$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
9902
|
+
var getDotPosition = function getDotPosition(index, size) {
|
|
9903
|
+
var angle = index * 360 / 8;
|
|
9904
|
+
var radius = size / 2.5;
|
|
9905
|
+
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
9906
|
+
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
9907
|
+
return "translate(" + x + "px, " + y + "px)";
|
|
9908
|
+
};
|
|
9909
|
+
var SpinnerContainer = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose$1$1(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
9910
|
+
var $size = _ref.$size;
|
|
9911
|
+
return $size;
|
|
9912
|
+
}, function (_ref2) {
|
|
9913
|
+
var $size = _ref2.$size;
|
|
9914
|
+
return $size;
|
|
9915
|
+
});
|
|
9916
|
+
var Dot = styled__default.div.attrs(function (_ref3) {
|
|
9917
|
+
var $index = _ref3.$index,
|
|
9918
|
+
$size = _ref3.$size;
|
|
9919
|
+
return {
|
|
9920
|
+
style: {
|
|
9921
|
+
transform: getDotPosition($index, $size)
|
|
9922
|
+
}
|
|
9923
|
+
};
|
|
9924
|
+
})(_templateObject3$a || (_templateObject3$a = _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) {
|
|
9925
|
+
var $dotSize = _ref4.$dotSize;
|
|
9926
|
+
return $dotSize;
|
|
9927
|
+
}, function (_ref5) {
|
|
9928
|
+
var $dotSize = _ref5.$dotSize;
|
|
9929
|
+
return $dotSize;
|
|
9930
|
+
}, function (_ref6) {
|
|
9931
|
+
var $color = _ref6.$color;
|
|
9932
|
+
return $color;
|
|
9933
|
+
}, spin$1$1$1, function (_ref7) {
|
|
9934
|
+
var $speed = _ref7.$speed;
|
|
9935
|
+
return $speed;
|
|
9936
|
+
}, function (_ref8) {
|
|
9937
|
+
var $index = _ref8.$index,
|
|
9938
|
+
$speed = _ref8.$speed;
|
|
9939
|
+
return $index * $speed / 8;
|
|
9940
|
+
});
|
|
9941
|
+
var SpinnerWrapper = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose$1$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
9942
|
+
var _templateObject$j, _templateObject2$g;
|
|
9943
|
+
var spin$2 = styled.keyframes(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose$1$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
9944
|
+
var Spinner$1$1$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose$1$1(["\n width: ", "px;\n height: ", "px;\n border: 5px solid #ddd;\n border-top-color: ", ";\n border-radius: 50%;\n animation: ", " 1s linear infinite;\n"])), function (_ref) {
|
|
9945
|
+
var $size = _ref.$size;
|
|
9946
|
+
return $size;
|
|
9947
|
+
}, function (_ref2) {
|
|
9948
|
+
var $size = _ref2.$size;
|
|
9949
|
+
return $size;
|
|
9950
|
+
}, function (_ref3) {
|
|
9951
|
+
var $color = _ref3.$color;
|
|
9952
|
+
return $color;
|
|
9953
|
+
}, spin$2);
|
|
9954
|
+
var _templateObject$k;
|
|
9955
|
+
var PageInput = styled__default.input(_templateObject$k || (_templateObject$k = _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);
|
|
9956
|
+
var _templateObject$l, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6;
|
|
9957
|
+
var SidebarContainer = styled__default.div(_templateObject$l || (_templateObject$l = _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) {
|
|
9958
|
+
var $isExpanded = _ref.$isExpanded;
|
|
9959
|
+
return $isExpanded ? '225px' : '68px';
|
|
9960
|
+
}, function (_ref2) {
|
|
9961
|
+
var $background = _ref2.$background;
|
|
9962
|
+
return $background ? $background : colorVariables$1$1.accent.softBlue;
|
|
9963
|
+
});
|
|
9964
|
+
var SidebarItem = styled__default(reactRouterDom.NavLink)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n color: ", ";\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables$1$1.text.medium, colorVariables$1$1["default"].primary);
|
|
9965
|
+
var ContentWrapper = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose$1$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
9966
|
+
var IconWrapper$2 = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _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) {
|
|
9967
|
+
var $selected = _ref3.$selected;
|
|
9968
|
+
return $selected ? colorVariables$1$1["default"].primary : colorVariables$1$1["default"].tertiary;
|
|
9969
|
+
});
|
|
9970
|
+
var Logo = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _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"])));
|
|
9971
|
+
var TextContainer = styled__default.span(_templateObject6$6 || (_templateObject6$6 = _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) {
|
|
9972
|
+
var $padding = _ref4.$padding;
|
|
9973
|
+
return $padding;
|
|
9974
|
+
}, function (_ref5) {
|
|
9975
|
+
var $fontSize = _ref5.$fontSize;
|
|
9976
|
+
return $fontSize ? $fontSize : '20px';
|
|
9977
|
+
}, function (_ref6) {
|
|
9978
|
+
var $fontWeight = _ref6.$fontWeight;
|
|
9979
|
+
return $fontWeight ? $fontWeight : '500';
|
|
9980
|
+
}, function (_ref7) {
|
|
9981
|
+
var $color = _ref7.$color;
|
|
9982
|
+
return $color ? $color : colorVariables$1$1["default"].primary;
|
|
9983
|
+
}, function (_ref8) {
|
|
9984
|
+
var $isExpanded = _ref8.$isExpanded;
|
|
9985
|
+
return $isExpanded ? 1 : 0;
|
|
9986
|
+
}, function (_ref9) {
|
|
9987
|
+
var $isExpanded = _ref9.$isExpanded;
|
|
9988
|
+
return $isExpanded ? 'visible' : 'hidden';
|
|
9989
|
+
});
|
|
9990
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$c, _templateObject4$9;
|
|
9991
|
+
var ContainerWrapper = styled__default.div(_templateObject$m || (_templateObject$m = _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) {
|
|
9992
|
+
return props.$width || 'auto';
|
|
9993
|
+
}, function (_ref) {
|
|
9994
|
+
var $minHeight = _ref.$minHeight;
|
|
9995
|
+
return $minHeight;
|
|
9996
|
+
});
|
|
9997
|
+
var CellContainer = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose$1$1(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
9998
|
+
return props.$align;
|
|
9999
|
+
}, function (props) {
|
|
10000
|
+
return props.$width || 'auto';
|
|
10001
|
+
}, function (props) {
|
|
10002
|
+
return props.$minWidth;
|
|
10003
|
+
}, function (props) {
|
|
10004
|
+
return props.$background || 'inherit';
|
|
10005
|
+
}, function (props) {
|
|
10006
|
+
return props.$padding;
|
|
10007
|
+
});
|
|
10008
|
+
var MainText = styled__default.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10009
|
+
return props.$mtc;
|
|
10010
|
+
}, function (props) {
|
|
10011
|
+
return props.$mtfs;
|
|
10012
|
+
}, function (props) {
|
|
10013
|
+
return props.$mtw;
|
|
10014
|
+
});
|
|
10015
|
+
var SubText = styled__default.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose$1$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10016
|
+
return props.$stc;
|
|
10017
|
+
}, function (props) {
|
|
10018
|
+
return props.$stfs;
|
|
10019
|
+
}, function (props) {
|
|
10020
|
+
return props.$stw;
|
|
10021
|
+
});
|
|
10022
|
+
var _templateObject$n;
|
|
10023
|
+
var TableRowContainer = styled.styled.div(_templateObject$n || (_templateObject$n = _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"])));
|
|
10024
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$8;
|
|
10025
|
+
var TableContainer = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose$1$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1$1.brand.light);
|
|
10026
|
+
var TableHeader = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose$1$1(["\n font-size: 14px;\n display: flex;\n background: ", ";\n color: ", ";\n min-height: 36px;\n align-items: center;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n padding: 9px 12px;\n"])), function (props) {
|
|
10027
|
+
return props.$hbcolor || 'transparent';
|
|
10028
|
+
}, function (props) {
|
|
10029
|
+
return props.$tcolor || 'white';
|
|
8685
10030
|
});
|
|
8686
|
-
var
|
|
8687
|
-
|
|
8688
|
-
|
|
8689
|
-
|
|
8690
|
-
|
|
8691
|
-
|
|
10031
|
+
var TableContent = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
10032
|
+
var TableData = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose$1$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
10033
|
+
var Divider = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose$1$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1$1.border.extraLight);
|
|
10034
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9;
|
|
10035
|
+
var Container$4 = styled__default.div(_templateObject$p || (_templateObject$p = _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) {
|
|
10036
|
+
var $gap = _ref.$gap;
|
|
10037
|
+
return $gap;
|
|
10038
|
+
}, function (_ref2) {
|
|
10039
|
+
var $border = _ref2.$border;
|
|
10040
|
+
return $border;
|
|
8692
10041
|
});
|
|
8693
|
-
var
|
|
8694
|
-
var
|
|
8695
|
-
|
|
8696
|
-
|
|
8697
|
-
|
|
10042
|
+
var FirstContainer = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose$1$1(["\n width: 100%;\n display: flex;\n font-family: NotoSans, sans-serif;\n font-size: 16px;\n gap: 24px;\n border-bottom: 1px solid ", ";\n padding: ", ";\n"])), colorVariables$1$1.border.light, function (_ref3) {
|
|
10043
|
+
var $headerPadding = _ref3.$headerPadding;
|
|
10044
|
+
return $headerPadding ? $headerPadding : '0px';
|
|
10045
|
+
});
|
|
10046
|
+
var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _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) {
|
|
10047
|
+
var $disabled = _ref4.$disabled;
|
|
10048
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10049
|
+
}, function (_ref5) {
|
|
10050
|
+
var $disabled = _ref5.$disabled;
|
|
10051
|
+
return $disabled ? '0.6' : '1';
|
|
10052
|
+
}, colorVariables$1$1.text.medium, function (_ref6) {
|
|
10053
|
+
var $headerHeight = _ref6.$headerHeight;
|
|
10054
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
10055
|
+
}, function (_ref7) {
|
|
10056
|
+
var $disabled = _ref7.$disabled;
|
|
10057
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
8698
10058
|
});
|
|
8699
|
-
var
|
|
8700
|
-
var
|
|
10059
|
+
var TabItemContainer = styled__default.div(_templateObject4$b || (_templateObject4$b = _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) {
|
|
10060
|
+
var $headerHeight = _ref8.$headerHeight;
|
|
10061
|
+
return $headerHeight ? $headerHeight : '34px';
|
|
10062
|
+
}, function (props) {
|
|
10063
|
+
return props.$active ? 'block' : 'none';
|
|
10064
|
+
}, colorVariables$1$1["default"].primary);
|
|
10065
|
+
var DetailsFirstContainer = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _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) {
|
|
10066
|
+
return props.$active ? colorVariables$1$1["default"].primary : colorVariables$1$1.text.medium;
|
|
10067
|
+
});
|
|
10068
|
+
var colorVariables$1$1$1 = {
|
|
10069
|
+
brand: {
|
|
10070
|
+
primary: 'var(--brand-primary)',
|
|
10071
|
+
secondary: 'var(--brand-secondary)',
|
|
10072
|
+
light: 'var(--brand-light)'
|
|
10073
|
+
},
|
|
10074
|
+
accent: {
|
|
10075
|
+
light: 'var(--accent-light)',
|
|
10076
|
+
extraLight: 'var(--accent-extraLight)',
|
|
10077
|
+
softBlue: 'var(--accent-softBlue)',
|
|
10078
|
+
extraSoftBlue: 'var(--accent-extraSoftBlue)',
|
|
10079
|
+
boldTransparent: 'var(--accent-boldTransparent)',
|
|
10080
|
+
transparent: 'var(--accent-transparent)',
|
|
10081
|
+
lightTransparent: 'var(--accent-lightTransparent)'
|
|
10082
|
+
},
|
|
10083
|
+
"default": {
|
|
10084
|
+
primary: 'var(--default-primary)',
|
|
10085
|
+
secondary: 'var(--default-secondary)',
|
|
10086
|
+
tertiary: 'var(--default-tertiary)',
|
|
10087
|
+
error: 'var(--default-error)',
|
|
10088
|
+
success: 'var(--default-success)',
|
|
10089
|
+
warning: 'var(--default-warning)',
|
|
10090
|
+
info: 'var(--default-info)'
|
|
10091
|
+
},
|
|
10092
|
+
disabled: {
|
|
10093
|
+
primary: 'var(--disabled-primary)',
|
|
10094
|
+
secondary: 'var(--disabled-secondary)',
|
|
10095
|
+
error: 'var(--disabled-error)',
|
|
10096
|
+
success: 'var(--disabled-success)',
|
|
10097
|
+
warning: 'var(--disabled-warning)',
|
|
10098
|
+
info: 'var(--disabled-info)'
|
|
10099
|
+
},
|
|
10100
|
+
hover: {
|
|
10101
|
+
primary: 'var(--hover-primary)',
|
|
10102
|
+
secondary: 'var(--hover-secondary)',
|
|
10103
|
+
tertiary: 'var(--hover-tertiary)',
|
|
10104
|
+
error: 'var(--hover-error)',
|
|
10105
|
+
success: 'var(--hover-success)',
|
|
10106
|
+
warning: 'var(--hover-warning)',
|
|
10107
|
+
info: 'var(--hover-info)'
|
|
10108
|
+
},
|
|
10109
|
+
border: {
|
|
10110
|
+
extraBold: 'var(--border-extraBold)',
|
|
10111
|
+
bold: 'var(--border-bold)',
|
|
10112
|
+
medium: 'var(--border-medium)',
|
|
10113
|
+
light: 'var(--border-light)',
|
|
10114
|
+
extraLight: 'var(--border-extraLight)'
|
|
10115
|
+
},
|
|
10116
|
+
text: {
|
|
10117
|
+
dark: 'var(--text-dark)',
|
|
10118
|
+
medium: 'var(--text-medium)',
|
|
10119
|
+
light: 'var(--text-light)',
|
|
10120
|
+
white: 'var(--text-white)',
|
|
10121
|
+
success: 'var(--text-success)',
|
|
10122
|
+
error: 'var(--text-error)',
|
|
10123
|
+
info: 'var(--text-info)',
|
|
10124
|
+
warning: 'var(--text-warning)'
|
|
10125
|
+
},
|
|
10126
|
+
badge: {
|
|
10127
|
+
lavender: 'var(--badge-lavender)',
|
|
10128
|
+
papayaWhip: 'var(--badge-papayaWhip)',
|
|
10129
|
+
water: 'var(--badge-water)',
|
|
10130
|
+
paleBlue: 'var(--badge-paleBlue)',
|
|
10131
|
+
teaGreen: 'var(--badge-teaGreen)',
|
|
10132
|
+
lightBlue: 'var(--badge-lightBlue)'
|
|
10133
|
+
}
|
|
10134
|
+
};
|
|
10135
|
+
var _templateObject$q, _templateObject2$l;
|
|
10136
|
+
var SearchContainer$4 = styled__default.div(_templateObject$q || (_templateObject$q = _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
10137
|
var $background = _ref.$background;
|
|
8702
|
-
return $background || colorVariables$1["default"].tertiary;
|
|
10138
|
+
return $background || colorVariables$1$1$1["default"].tertiary;
|
|
8703
10139
|
}, function (_ref2) {
|
|
8704
10140
|
var $border = _ref2.$border;
|
|
8705
|
-
return $border ||
|
|
10141
|
+
return $border || "1px solid " + colorVariables$1$1$1.border.light;
|
|
8706
10142
|
}, function (_ref3) {
|
|
8707
10143
|
var $borderRadius = _ref3.$borderRadius;
|
|
8708
10144
|
return $borderRadius || '8px';
|
|
10145
|
+
}, function (_ref4) {
|
|
10146
|
+
var $disabled = _ref4.$disabled;
|
|
10147
|
+
return $disabled ? 'not-allowed' : 'pointer';
|
|
10148
|
+
}, colorVariables$1$1$1.text.dark);
|
|
10149
|
+
var SearchBar$4 = styled__default.input(_templateObject2$l || (_templateObject2$l = _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$1$1$1["default"].tertiary, function (_ref5) {
|
|
10150
|
+
var $inputColor = _ref5.$inputColor;
|
|
10151
|
+
return $inputColor || colorVariables$1$1$1.text.medium;
|
|
10152
|
+
}, function (_ref6) {
|
|
10153
|
+
var $placeholderColor = _ref6.$placeholderColor;
|
|
10154
|
+
return $placeholderColor || colorVariables$1$1$1.text.light;
|
|
8709
10155
|
});
|
|
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) {
|
|
10156
|
+
var _templateObject$r, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$a;
|
|
10157
|
+
var Label$2 = styled__default.label(_templateObject$r || (_templateObject$r = _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
10158
|
var $fontWeight = _ref.$fontWeight;
|
|
8720
10159
|
return $fontWeight != null ? $fontWeight : '500';
|
|
8721
10160
|
}, function (_ref2) {
|
|
@@ -8753,7 +10192,7 @@ var Label = styled__default.label(_templateObject$e || (_templateObject$e = _tag
|
|
|
8753
10192
|
return $titlecolor;
|
|
8754
10193
|
}
|
|
8755
10194
|
});
|
|
8756
|
-
var Input = styled__default.input(_templateObject2$
|
|
10195
|
+
var Input$1 = styled__default.input(_templateObject2$m || (_templateObject2$m = _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
10196
|
var $disabled = _ref4.$disabled;
|
|
8758
10197
|
return $disabled ? 'not-allowed' : 'auto';
|
|
8759
10198
|
}, function (_ref5) {
|
|
@@ -8802,18 +10241,18 @@ var Input = styled__default.input(_templateObject2$b || (_templateObject2$b = _t
|
|
|
8802
10241
|
return $color;
|
|
8803
10242
|
}
|
|
8804
10243
|
}, colorVariables$1.text.light);
|
|
8805
|
-
var InputWrapper$
|
|
8806
|
-
var IconWrapper$
|
|
10244
|
+
var InputWrapper$2 = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose$1(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
10245
|
+
var IconWrapper$3 = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose$1(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
8807
10246
|
var $disabled = _ref10.$disabled;
|
|
8808
10247
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
8809
10248
|
});
|
|
8810
|
-
var Asterisk$
|
|
8811
|
-
var _templateObject$
|
|
8812
|
-
var Container$
|
|
10249
|
+
var Asterisk$2 = styled__default.span(_templateObject5$a || (_templateObject5$a = _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);
|
|
10250
|
+
var _templateObject$s, _templateObject2$n, _templateObject3$g;
|
|
10251
|
+
var Container$5 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
8813
10252
|
var $padding = _ref.$padding;
|
|
8814
10253
|
return $padding;
|
|
8815
10254
|
});
|
|
8816
|
-
var Label$
|
|
10255
|
+
var Label$3 = styled__default.label(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose$1(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
8817
10256
|
var $fontWeight = _ref2.$fontWeight;
|
|
8818
10257
|
return $fontWeight != null ? $fontWeight : '500';
|
|
8819
10258
|
}, function (_ref3) {
|
|
@@ -8832,7 +10271,7 @@ var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c =
|
|
|
8832
10271
|
var $titlecolor = _ref4.$titlecolor;
|
|
8833
10272
|
return $titlecolor || colorVariables$1.text.dark;
|
|
8834
10273
|
});
|
|
8835
|
-
var TextAreaComponent = styled__default.textarea(_templateObject3$
|
|
10274
|
+
var TextAreaComponent$1 = styled__default.textarea(_templateObject3$g || (_templateObject3$g = _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
10275
|
var $disabled = _ref5.$disabled;
|
|
8837
10276
|
return $disabled ? 'not-allowed' : 'auto';
|
|
8838
10277
|
}, function (_ref6) {
|
|
@@ -8858,18 +10297,18 @@ var TextAreaComponent = styled__default.textarea(_templateObject3$8 || (_templat
|
|
|
8858
10297
|
var $color = _ref9.$color;
|
|
8859
10298
|
return $color || colorVariables$1.text.dark;
|
|
8860
10299
|
}, colorVariables$1.text.light);
|
|
8861
|
-
var _templateObject$
|
|
8862
|
-
var OptionContainer$
|
|
8863
|
-
var OptionItem$
|
|
10300
|
+
var _templateObject$t, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$7, _templateObject7$4;
|
|
10301
|
+
var OptionContainer$2 = styled__default.div(_templateObject$t || (_templateObject$t = _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);
|
|
10302
|
+
var OptionItem$2 = styled__default.div(_templateObject2$o || (_templateObject2$o = _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
10303
|
var $optionSelected = _ref.$optionSelected;
|
|
8865
10304
|
return $optionSelected ? colorVariables$1.text.white : colorVariables$1.text.medium;
|
|
8866
10305
|
}, function (_ref2) {
|
|
8867
10306
|
var $optionSelected = _ref2.$optionSelected;
|
|
8868
10307
|
return $optionSelected ? colorVariables$1["default"].primary : colorVariables$1.text.white;
|
|
8869
10308
|
}, colorVariables$1.hover.primary, colorVariables$1.text.white);
|
|
8870
|
-
var TotalOptionsHeader = styled__default.div(_templateObject3$
|
|
8871
|
-
var OptionLabel$
|
|
8872
|
-
var SearchContainer$
|
|
10309
|
+
var TotalOptionsHeader$1 = styled__default.div(_templateObject3$h || (_templateObject3$h = _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);
|
|
10310
|
+
var OptionLabel$2 = styled__default.label(_templateObject4$d || (_templateObject4$d = _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"])));
|
|
10311
|
+
var SearchContainer$5 = styled__default.div(_templateObject5$b || (_templateObject5$b = _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
10312
|
var $background = _ref3.$background;
|
|
8874
10313
|
switch ($background) {
|
|
8875
10314
|
case 'dark':
|
|
@@ -8898,7 +10337,7 @@ var SearchContainer$3 = styled__default.div(_templateObject5$6 || (_templateObje
|
|
|
8898
10337
|
var $borderRadius = _ref5.$borderRadius;
|
|
8899
10338
|
return $borderRadius || '8px';
|
|
8900
10339
|
});
|
|
8901
|
-
var SearchBar$
|
|
10340
|
+
var SearchBar$5 = styled__default.input(_templateObject6$7 || (_templateObject6$7 = _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
10341
|
var $inputColor = _ref6.$inputColor;
|
|
8903
10342
|
switch ($inputColor) {
|
|
8904
10343
|
case 'dark':
|
|
@@ -8943,9 +10382,9 @@ var SearchBar$3 = styled__default.input(_templateObject6$5$1 || (_templateObject
|
|
|
8943
10382
|
return $placeholderColor;
|
|
8944
10383
|
}
|
|
8945
10384
|
});
|
|
8946
|
-
var OptionsWrapper$
|
|
8947
|
-
var _templateObject$
|
|
8948
|
-
var StyledInput$
|
|
10385
|
+
var OptionsWrapper$2 = styled__default.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose$1(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables$1.text.white);
|
|
10386
|
+
var _templateObject$u, _templateObject2$p;
|
|
10387
|
+
var StyledInput$2 = styled__default.input(_templateObject$u || (_templateObject$u = _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
10388
|
var $checkboxSize = _ref.$checkboxSize;
|
|
8950
10389
|
return $checkboxSize + "px";
|
|
8951
10390
|
}, function (_ref2) {
|
|
@@ -8974,32 +10413,32 @@ var StyledInput$1$1 = styled__default.input(_templateObject$h || (_templateObjec
|
|
|
8974
10413
|
var $checkboxSize = _ref9.$checkboxSize;
|
|
8975
10414
|
return $checkboxSize / 2.4 + "px";
|
|
8976
10415
|
}, 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) {
|
|
10416
|
+
var LabelSpan$1 = styled__default(Span$1)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose$1(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
10417
|
+
var _templateObject$v, _templateObject2$q, _templateObject3$i, _templateObject4$e;
|
|
10418
|
+
var spin$3 = styled.keyframes(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose$1(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
10419
|
+
var getDotPosition$1 = function getDotPosition(index, size) {
|
|
8981
10420
|
var angle = index * 360 / 8;
|
|
8982
10421
|
var radius = size / 2.5;
|
|
8983
10422
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
8984
10423
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
8985
10424
|
return "translate(" + x + "px, " + y + "px)";
|
|
8986
10425
|
};
|
|
8987
|
-
var SpinnerContainer = styled__default.div(_templateObject2$
|
|
10426
|
+
var SpinnerContainer$1 = styled__default.div(_templateObject2$q || (_templateObject2$q = _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
10427
|
var $size = _ref.$size;
|
|
8989
10428
|
return $size;
|
|
8990
10429
|
}, function (_ref2) {
|
|
8991
10430
|
var $size = _ref2.$size;
|
|
8992
10431
|
return $size;
|
|
8993
10432
|
});
|
|
8994
|
-
var Dot = styled__default.div.attrs(function (_ref3) {
|
|
10433
|
+
var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
8995
10434
|
var $index = _ref3.$index,
|
|
8996
10435
|
$size = _ref3.$size;
|
|
8997
10436
|
return {
|
|
8998
10437
|
style: {
|
|
8999
|
-
transform: getDotPosition($index, $size)
|
|
10438
|
+
transform: getDotPosition$1($index, $size)
|
|
9000
10439
|
}
|
|
9001
10440
|
};
|
|
9002
|
-
})(_templateObject3$
|
|
10441
|
+
})(_templateObject3$i || (_templateObject3$i = _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
10442
|
var $dotSize = _ref4.$dotSize;
|
|
9004
10443
|
return $dotSize;
|
|
9005
10444
|
}, function (_ref5) {
|
|
@@ -9008,7 +10447,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
9008
10447
|
}, function (_ref6) {
|
|
9009
10448
|
var $color = _ref6.$color;
|
|
9010
10449
|
return $color;
|
|
9011
|
-
}, spin$
|
|
10450
|
+
}, spin$3, function (_ref7) {
|
|
9012
10451
|
var $speed = _ref7.$speed;
|
|
9013
10452
|
return $speed;
|
|
9014
10453
|
}, function (_ref8) {
|
|
@@ -9016,10 +10455,10 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
9016
10455
|
$speed = _ref8.$speed;
|
|
9017
10456
|
return $index * $speed / 8;
|
|
9018
10457
|
});
|
|
9019
|
-
var SpinnerWrapper = styled__default.div(_templateObject4$
|
|
9020
|
-
var _templateObject$
|
|
9021
|
-
var spin$
|
|
9022
|
-
var Spinner$
|
|
10458
|
+
var SpinnerWrapper$1 = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose$1(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
10459
|
+
var _templateObject$w, _templateObject2$r;
|
|
10460
|
+
var spin$4 = styled.keyframes(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose$1(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
10461
|
+
var Spinner$2 = styled__default.div(_templateObject2$r || (_templateObject2$r = _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
10462
|
var $size = _ref.$size;
|
|
9024
10463
|
return $size;
|
|
9025
10464
|
}, function (_ref2) {
|
|
@@ -9028,25 +10467,25 @@ var Spinner$1$1 = styled__default.div(_templateObject2$g || (_templateObject2$g
|
|
|
9028
10467
|
}, function (_ref3) {
|
|
9029
10468
|
var $color = _ref3.$color;
|
|
9030
10469
|
return $color;
|
|
9031
|
-
}, spin$
|
|
9032
|
-
var _templateObject$
|
|
9033
|
-
var PageInput = styled__default.input(_templateObject$
|
|
9034
|
-
var _templateObject$
|
|
9035
|
-
var SidebarContainer = styled__default.div(_templateObject$
|
|
10470
|
+
}, spin$4);
|
|
10471
|
+
var _templateObject$x;
|
|
10472
|
+
var PageInput$1 = styled__default.input(_templateObject$x || (_templateObject$x = _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);
|
|
10473
|
+
var _templateObject$y, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$c, _templateObject6$8;
|
|
10474
|
+
var SidebarContainer$1 = styled__default.div(_templateObject$y || (_templateObject$y = _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
10475
|
var $isExpanded = _ref.$isExpanded;
|
|
9037
10476
|
return $isExpanded ? '225px' : '68px';
|
|
9038
10477
|
}, function (_ref2) {
|
|
9039
10478
|
var $background = _ref2.$background;
|
|
9040
10479
|
return $background ? $background : colorVariables$1.accent.softBlue;
|
|
9041
10480
|
});
|
|
9042
|
-
var SidebarItem = styled__default(reactRouterDom.NavLink)(_templateObject2$
|
|
9043
|
-
var ContentWrapper = styled__default.div(_templateObject3$
|
|
9044
|
-
var IconWrapper$
|
|
10481
|
+
var SidebarItem$1 = styled__default(reactRouterDom.NavLink)(_templateObject2$s || (_templateObject2$s = _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);
|
|
10482
|
+
var ContentWrapper$1 = styled__default.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
10483
|
+
var IconWrapper$4 = styled__default.div(_templateObject4$f || (_templateObject4$f = _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
10484
|
var $selected = _ref3.$selected;
|
|
9046
10485
|
return $selected ? colorVariables$1["default"].primary : colorVariables$1["default"].tertiary;
|
|
9047
10486
|
});
|
|
9048
|
-
var Logo = styled__default.div(_templateObject5$
|
|
9049
|
-
var TextContainer = styled__default.span(_templateObject6$
|
|
10487
|
+
var Logo$1 = styled__default.div(_templateObject5$c || (_templateObject5$c = _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"])));
|
|
10488
|
+
var TextContainer$1 = styled__default.span(_templateObject6$8 || (_templateObject6$8 = _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
10489
|
var $padding = _ref4.$padding;
|
|
9051
10490
|
return $padding;
|
|
9052
10491
|
}, function (_ref5) {
|
|
@@ -9065,14 +10504,14 @@ var TextContainer = styled__default.span(_templateObject6$6 || (_templateObject6
|
|
|
9065
10504
|
var $isExpanded = _ref9.$isExpanded;
|
|
9066
10505
|
return $isExpanded ? 'visible' : 'hidden';
|
|
9067
10506
|
});
|
|
9068
|
-
var _templateObject$
|
|
9069
|
-
var ContainerWrapper = styled__default.div(_templateObject$
|
|
10507
|
+
var _templateObject$z, _templateObject2$t, _templateObject3$k, _templateObject4$g;
|
|
10508
|
+
var ContainerWrapper$1 = styled__default.div(_templateObject$z || (_templateObject$z = _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
10509
|
return props.$width || 'auto';
|
|
9071
10510
|
}, function (_ref) {
|
|
9072
10511
|
var $minHeight = _ref.$minHeight;
|
|
9073
10512
|
return $minHeight;
|
|
9074
10513
|
});
|
|
9075
|
-
var CellContainer = styled__default.div(_templateObject2$
|
|
10514
|
+
var CellContainer$1 = styled__default.div(_templateObject2$t || (_templateObject2$t = _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
10515
|
return props.$align;
|
|
9077
10516
|
}, function (props) {
|
|
9078
10517
|
return props.$width || 'auto';
|
|
@@ -9083,45 +10522,45 @@ var CellContainer = styled__default.div(_templateObject2$i || (_templateObject2$
|
|
|
9083
10522
|
}, function (props) {
|
|
9084
10523
|
return props.$padding;
|
|
9085
10524
|
});
|
|
9086
|
-
var MainText = styled__default.div(_templateObject3$
|
|
10525
|
+
var MainText$1 = styled__default.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
9087
10526
|
return props.$mtc;
|
|
9088
10527
|
}, function (props) {
|
|
9089
10528
|
return props.$mtfs;
|
|
9090
10529
|
}, function (props) {
|
|
9091
10530
|
return props.$mtw;
|
|
9092
10531
|
});
|
|
9093
|
-
var SubText = styled__default.div(_templateObject4$
|
|
10532
|
+
var SubText$1 = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose$1(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
9094
10533
|
return props.$stc;
|
|
9095
10534
|
}, function (props) {
|
|
9096
10535
|
return props.$stfs;
|
|
9097
10536
|
}, function (props) {
|
|
9098
10537
|
return props.$stw;
|
|
9099
10538
|
});
|
|
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$
|
|
10539
|
+
var _templateObject$A;
|
|
10540
|
+
var TableRowContainer$1 = styled.styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose$1(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
10541
|
+
var _templateObject$B, _templateObject2$u, _templateObject3$l, _templateObject4$h, _templateObject5$d;
|
|
10542
|
+
var TableContainer$1 = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose$1(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables$1.brand.light);
|
|
10543
|
+
var TableHeader$1 = styled__default.div(_templateObject2$u || (_templateObject2$u = _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
10544
|
return props.$hbcolor || 'transparent';
|
|
9106
10545
|
}, function (props) {
|
|
9107
10546
|
return props.$tcolor || 'white';
|
|
9108
10547
|
});
|
|
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$
|
|
10548
|
+
var TableContent$1 = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose$1(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
10549
|
+
var TableData$1 = styled__default.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose$1(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
10550
|
+
var Divider$1 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose$1(["\n height: 2px;\n background: ", ";\n"])), colorVariables$1.border.extraLight);
|
|
10551
|
+
var _templateObject$C, _templateObject2$v, _templateObject3$m, _templateObject4$i, _templateObject5$e;
|
|
10552
|
+
var Container$6 = styled__default.div(_templateObject$C || (_templateObject$C = _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
10553
|
var $gap = _ref.$gap;
|
|
9115
10554
|
return $gap;
|
|
9116
10555
|
}, function (_ref2) {
|
|
9117
10556
|
var $border = _ref2.$border;
|
|
9118
10557
|
return $border;
|
|
9119
10558
|
});
|
|
9120
|
-
var FirstContainer = styled__default.div(_templateObject2$
|
|
10559
|
+
var FirstContainer$1 = styled__default.div(_templateObject2$v || (_templateObject2$v = _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
10560
|
var $headerPadding = _ref3.$headerPadding;
|
|
9122
10561
|
return $headerPadding ? $headerPadding : '0px';
|
|
9123
10562
|
});
|
|
9124
|
-
var TabContainer = styled__default.div(_templateObject3$
|
|
10563
|
+
var TabContainer$1 = styled__default.div(_templateObject3$m || (_templateObject3$m = _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
10564
|
var $disabled = _ref4.$disabled;
|
|
9126
10565
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9127
10566
|
}, function (_ref5) {
|
|
@@ -9134,16 +10573,16 @@ var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
9134
10573
|
var $disabled = _ref7.$disabled;
|
|
9135
10574
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9136
10575
|
});
|
|
9137
|
-
var TabItemContainer = styled__default.div(_templateObject4$
|
|
10576
|
+
var TabItemContainer$1 = styled__default.div(_templateObject4$i || (_templateObject4$i = _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
10577
|
var $headerHeight = _ref8.$headerHeight;
|
|
9139
10578
|
return $headerHeight ? $headerHeight : '34px';
|
|
9140
10579
|
}, function (props) {
|
|
9141
10580
|
return props.$active ? 'block' : 'none';
|
|
9142
10581
|
}, colorVariables$1["default"].primary);
|
|
9143
|
-
var DetailsFirstContainer = styled__default.div(_templateObject5$
|
|
10582
|
+
var DetailsFirstContainer$1 = styled__default.div(_templateObject5$e || (_templateObject5$e = _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
10583
|
return props.$active ? colorVariables$1["default"].primary : colorVariables$1.text.medium;
|
|
9145
10584
|
});
|
|
9146
|
-
var colorVariables$
|
|
10585
|
+
var colorVariables$2 = {
|
|
9147
10586
|
brand: {
|
|
9148
10587
|
primary: 'var(--brand-primary)',
|
|
9149
10588
|
secondary: 'var(--brand-secondary)',
|
|
@@ -9211,26 +10650,26 @@ var colorVariables$1$1 = {
|
|
|
9211
10650
|
}
|
|
9212
10651
|
};
|
|
9213
10652
|
|
|
9214
|
-
var _templateObject$
|
|
9215
|
-
var SearchContainer$
|
|
10653
|
+
var _templateObject$D, _templateObject2$w;
|
|
10654
|
+
var SearchContainer$6 = styled__default.div(_templateObject$D || (_templateObject$D = _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
10655
|
var $background = _ref.$background;
|
|
9217
|
-
return $background || colorVariables$
|
|
10656
|
+
return $background || colorVariables$2["default"].tertiary;
|
|
9218
10657
|
}, function (_ref2) {
|
|
9219
10658
|
var $border = _ref2.$border;
|
|
9220
|
-
return $border || "1px solid " + colorVariables$
|
|
10659
|
+
return $border || "1px solid " + colorVariables$2.border.light;
|
|
9221
10660
|
}, function (_ref3) {
|
|
9222
10661
|
var $borderRadius = _ref3.$borderRadius;
|
|
9223
10662
|
return $borderRadius || '8px';
|
|
9224
10663
|
}, function (_ref4) {
|
|
9225
10664
|
var $disabled = _ref4.$disabled;
|
|
9226
10665
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9227
|
-
}, colorVariables$
|
|
9228
|
-
var SearchBar$
|
|
10666
|
+
}, colorVariables$2.text.dark);
|
|
10667
|
+
var SearchBar$6 = styled__default.input(_templateObject2$w || (_templateObject2$w = _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$2["default"].tertiary, function (_ref5) {
|
|
9229
10668
|
var $inputColor = _ref5.$inputColor;
|
|
9230
|
-
return $inputColor || colorVariables$
|
|
10669
|
+
return $inputColor || colorVariables$2.text.medium;
|
|
9231
10670
|
}, function (_ref6) {
|
|
9232
10671
|
var $placeholderColor = _ref6.$placeholderColor;
|
|
9233
|
-
return $placeholderColor || colorVariables$
|
|
10672
|
+
return $placeholderColor || colorVariables$2.text.light;
|
|
9234
10673
|
});
|
|
9235
10674
|
var SearchBox = function SearchBox(_ref7) {
|
|
9236
10675
|
var value = _ref7.value,
|
|
@@ -9240,7 +10679,7 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9240
10679
|
border = _ref7.border,
|
|
9241
10680
|
borderRadius = _ref7.borderRadius,
|
|
9242
10681
|
_ref7$iconColor = _ref7.iconColor,
|
|
9243
|
-
iconColor = _ref7$iconColor === void 0 ? colorVariables$
|
|
10682
|
+
iconColor = _ref7$iconColor === void 0 ? colorVariables$2.text.medium : _ref7$iconColor,
|
|
9244
10683
|
placeholderColor = _ref7.placeholderColor,
|
|
9245
10684
|
inputColor = _ref7.inputColor,
|
|
9246
10685
|
_ref7$iconSize = _ref7.iconSize,
|
|
@@ -9249,7 +10688,7 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9249
10688
|
var _useState = React.useState(false),
|
|
9250
10689
|
isFocused = _useState[0],
|
|
9251
10690
|
setIsFocused = _useState[1];
|
|
9252
|
-
return React__default.createElement(SearchContainer$
|
|
10691
|
+
return React__default.createElement(SearchContainer$6, {
|
|
9253
10692
|
className: isFocused ? 'active' : '',
|
|
9254
10693
|
"$border": border,
|
|
9255
10694
|
"$background": background,
|
|
@@ -9259,7 +10698,7 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9259
10698
|
size: iconSize,
|
|
9260
10699
|
color: iconColor,
|
|
9261
10700
|
weight: '0px'
|
|
9262
|
-
}), React__default.createElement(SearchBar$
|
|
10701
|
+
}), React__default.createElement(SearchBar$6, {
|
|
9263
10702
|
type: 'text',
|
|
9264
10703
|
placeholder: placeholder,
|
|
9265
10704
|
value: value,
|
|
@@ -9275,8 +10714,8 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
9275
10714
|
}));
|
|
9276
10715
|
};
|
|
9277
10716
|
|
|
9278
|
-
var _templateObject$
|
|
9279
|
-
var Label$
|
|
10717
|
+
var _templateObject$E, _templateObject2$x, _templateObject3$n, _templateObject4$j, _templateObject5$f;
|
|
10718
|
+
var Label$4 = styled__default.label(_templateObject$E || (_templateObject$E = _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
10719
|
var $fontWeight = _ref.$fontWeight;
|
|
9281
10720
|
return $fontWeight != null ? $fontWeight : '500';
|
|
9282
10721
|
}, function (_ref2) {
|
|
@@ -9314,7 +10753,7 @@ var Label$2 = styled__default.label(_templateObject$r || (_templateObject$r = _t
|
|
|
9314
10753
|
return $titlecolor;
|
|
9315
10754
|
}
|
|
9316
10755
|
});
|
|
9317
|
-
var Input$
|
|
10756
|
+
var Input$2 = styled__default.input(_templateObject2$x || (_templateObject2$x = _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
10757
|
var $disabled = _ref4.$disabled;
|
|
9319
10758
|
return $disabled ? 'not-allowed' : 'auto';
|
|
9320
10759
|
}, function (_ref5) {
|
|
@@ -9363,12 +10802,12 @@ var Input$1 = styled__default.input(_templateObject2$m || (_templateObject2$m =
|
|
|
9363
10802
|
return $color;
|
|
9364
10803
|
}
|
|
9365
10804
|
}, colorVariables.text.light);
|
|
9366
|
-
var InputWrapper$
|
|
9367
|
-
var IconWrapper$
|
|
10805
|
+
var InputWrapper$3 = styled__default.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
10806
|
+
var IconWrapper$5 = styled__default.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
9368
10807
|
var $disabled = _ref10.$disabled;
|
|
9369
10808
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
9370
10809
|
});
|
|
9371
|
-
var Asterisk$
|
|
10810
|
+
var Asterisk$3 = styled__default.span(_templateObject5$f || (_templateObject5$f = _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
10811
|
var TextField = function TextField(_ref11) {
|
|
9373
10812
|
var _ref11$type = _ref11.type,
|
|
9374
10813
|
type = _ref11$type === void 0 ? 'text' : _ref11$type,
|
|
@@ -9424,12 +10863,12 @@ var TextField = function TextField(_ref11) {
|
|
|
9424
10863
|
"$padding": padding
|
|
9425
10864
|
}, (title || titleRightNode) && React__default.createElement(Container, {
|
|
9426
10865
|
"$gap": titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.gap
|
|
9427
|
-
}, title && React__default.createElement(Label$
|
|
10866
|
+
}, title && React__default.createElement(Label$4, {
|
|
9428
10867
|
"$size": size,
|
|
9429
10868
|
"$fontWeight": titleWeight,
|
|
9430
10869
|
htmlFor: title,
|
|
9431
10870
|
"$titlecolor": titlecolor
|
|
9432
|
-
}, title, required && React__default.createElement(Asterisk$
|
|
10871
|
+
}, title, required && React__default.createElement(Asterisk$3, null, "*")), titleRightNode === null || titleRightNode === void 0 ? void 0 : titleRightNode.node), React__default.createElement(InputWrapper$3, null, React__default.createElement(Input$2, {
|
|
9433
10872
|
type: inputType || 'text',
|
|
9434
10873
|
"$type": type,
|
|
9435
10874
|
name: title,
|
|
@@ -9447,7 +10886,7 @@ var TextField = function TextField(_ref11) {
|
|
|
9447
10886
|
if (onEnter) onEnter();
|
|
9448
10887
|
}
|
|
9449
10888
|
}
|
|
9450
|
-
}), type === 'password' && inputValue && React__default.createElement(IconWrapper$
|
|
10889
|
+
}), type === 'password' && inputValue && React__default.createElement(IconWrapper$5, {
|
|
9451
10890
|
"$disabled": disabled,
|
|
9452
10891
|
onClick: function onClick() {
|
|
9453
10892
|
if (!disabled) handleShowPassword();
|
|
@@ -9457,7 +10896,7 @@ var TextField = function TextField(_ref11) {
|
|
|
9457
10896
|
size: iconsize,
|
|
9458
10897
|
weight: iconweight,
|
|
9459
10898
|
color: iconcolor || colorVariables["default"].primary
|
|
9460
|
-
})), icon && type !== 'password' && React__default.createElement(IconWrapper$
|
|
10899
|
+
})), icon && type !== 'password' && React__default.createElement(IconWrapper$5, {
|
|
9461
10900
|
onClick: handleToggleDisabled
|
|
9462
10901
|
}, React__default.createElement(Icon, {
|
|
9463
10902
|
icon: icon,
|
|
@@ -9467,12 +10906,12 @@ var TextField = function TextField(_ref11) {
|
|
|
9467
10906
|
}))));
|
|
9468
10907
|
};
|
|
9469
10908
|
|
|
9470
|
-
var _templateObject$
|
|
9471
|
-
var Container$
|
|
10909
|
+
var _templateObject$F, _templateObject2$y, _templateObject3$o;
|
|
10910
|
+
var Container$7 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
9472
10911
|
var $padding = _ref.$padding;
|
|
9473
10912
|
return $padding;
|
|
9474
10913
|
});
|
|
9475
|
-
var Label$
|
|
10914
|
+
var Label$5 = styled__default.label(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
9476
10915
|
var $fontWeight = _ref2.$fontWeight;
|
|
9477
10916
|
return $fontWeight != null ? $fontWeight : '500';
|
|
9478
10917
|
}, function (_ref3) {
|
|
@@ -9491,7 +10930,7 @@ var Label$3 = styled__default.label(_templateObject2$n || (_templateObject2$n =
|
|
|
9491
10930
|
var $titlecolor = _ref4.$titlecolor;
|
|
9492
10931
|
return $titlecolor || colorVariables.text.dark;
|
|
9493
10932
|
});
|
|
9494
|
-
var TextAreaComponent$
|
|
10933
|
+
var TextAreaComponent$2 = styled__default.textarea(_templateObject3$o || (_templateObject3$o = _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
10934
|
var $disabled = _ref5.$disabled;
|
|
9496
10935
|
return $disabled ? 'not-allowed' : 'auto';
|
|
9497
10936
|
}, function (_ref6) {
|
|
@@ -9543,14 +10982,14 @@ var TextArea = function TextArea(_ref10) {
|
|
|
9543
10982
|
React.useEffect(function () {
|
|
9544
10983
|
setIsDisabled(disabled);
|
|
9545
10984
|
}, [disabled]);
|
|
9546
|
-
return React__default.createElement(Container$
|
|
10985
|
+
return React__default.createElement(Container$7, {
|
|
9547
10986
|
"$padding": padding
|
|
9548
|
-
}, title && React__default.createElement(Label$
|
|
10987
|
+
}, title && React__default.createElement(Label$5, {
|
|
9549
10988
|
"$size": size,
|
|
9550
10989
|
"$fontWeight": titleWeight,
|
|
9551
10990
|
htmlFor: title,
|
|
9552
10991
|
"$titlecolor": titlecolor
|
|
9553
|
-
}, title, required && React__default.createElement(Asterisk$
|
|
10992
|
+
}, title, required && React__default.createElement(Asterisk$3, null, "*")), React__default.createElement(TextAreaComponent$2, {
|
|
9554
10993
|
name: title,
|
|
9555
10994
|
id: title,
|
|
9556
10995
|
value: inputValue,
|
|
@@ -9563,18 +11002,18 @@ var TextArea = function TextArea(_ref10) {
|
|
|
9563
11002
|
}));
|
|
9564
11003
|
};
|
|
9565
11004
|
|
|
9566
|
-
var _templateObject$
|
|
9567
|
-
var OptionContainer$
|
|
9568
|
-
var OptionItem$
|
|
11005
|
+
var _templateObject$G, _templateObject2$z, _templateObject3$p, _templateObject4$k, _templateObject5$g, _templateObject6$9, _templateObject7$5;
|
|
11006
|
+
var OptionContainer$3 = styled__default.div(_templateObject$G || (_templateObject$G = _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);
|
|
11007
|
+
var OptionItem$3 = styled__default.div(_templateObject2$z || (_templateObject2$z = _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
11008
|
var $optionSelected = _ref.$optionSelected;
|
|
9570
11009
|
return $optionSelected ? colorVariables.text.white : colorVariables.text.medium;
|
|
9571
11010
|
}, function (_ref2) {
|
|
9572
11011
|
var $optionSelected = _ref2.$optionSelected;
|
|
9573
11012
|
return $optionSelected ? colorVariables["default"].primary : colorVariables.text.white;
|
|
9574
11013
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
9575
|
-
var TotalOptionsHeader$
|
|
9576
|
-
var OptionLabel$
|
|
9577
|
-
var SearchContainer$
|
|
11014
|
+
var TotalOptionsHeader$2 = styled__default.div(_templateObject3$p || (_templateObject3$p = _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);
|
|
11015
|
+
var OptionLabel$3 = styled__default.label(_templateObject4$k || (_templateObject4$k = _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"])));
|
|
11016
|
+
var SearchContainer$7 = styled__default.div(_templateObject5$g || (_templateObject5$g = _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
11017
|
var $background = _ref3.$background;
|
|
9579
11018
|
switch ($background) {
|
|
9580
11019
|
case 'dark':
|
|
@@ -9603,7 +11042,7 @@ var SearchContainer$5 = styled__default.div(_templateObject5$b || (_templateObje
|
|
|
9603
11042
|
var $borderRadius = _ref5.$borderRadius;
|
|
9604
11043
|
return $borderRadius || '8px';
|
|
9605
11044
|
});
|
|
9606
|
-
var SearchBar$
|
|
11045
|
+
var SearchBar$7 = styled__default.input(_templateObject6$9 || (_templateObject6$9 = _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
11046
|
var $inputColor = _ref6.$inputColor;
|
|
9608
11047
|
switch ($inputColor) {
|
|
9609
11048
|
case 'dark':
|
|
@@ -9648,7 +11087,7 @@ var SearchBar$5 = styled__default.input(_templateObject6$7 || (_templateObject6$
|
|
|
9648
11087
|
return $placeholderColor;
|
|
9649
11088
|
}
|
|
9650
11089
|
});
|
|
9651
|
-
var OptionsWrapper$
|
|
11090
|
+
var OptionsWrapper$3 = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables.text.white);
|
|
9652
11091
|
var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
9653
11092
|
var options = _ref8.options,
|
|
9654
11093
|
selectedOption = _ref8.selectedOption,
|
|
@@ -9697,7 +11136,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9697
11136
|
"$gap": '8px',
|
|
9698
11137
|
"$width": '100%',
|
|
9699
11138
|
"$position": 'relative'
|
|
9700
|
-
}, searchBox && React__default.createElement(SearchContainer$
|
|
11139
|
+
}, searchBox && React__default.createElement(SearchContainer$7, {
|
|
9701
11140
|
"$borderBottom": searchBoxBorder,
|
|
9702
11141
|
"$background": isSearchBarEnabled ? colorVariables.text.white : colorVariables.accent.light,
|
|
9703
11142
|
"$borderRadius": searchBoxBorderRadius,
|
|
@@ -9713,7 +11152,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9713
11152
|
onClick: function onClick() {
|
|
9714
11153
|
return setIsSearchBarEnabled(true);
|
|
9715
11154
|
}
|
|
9716
|
-
}, React__default.createElement(SearchBar$
|
|
11155
|
+
}, React__default.createElement(SearchBar$7, {
|
|
9717
11156
|
type: 'text',
|
|
9718
11157
|
placeholder: placeholder,
|
|
9719
11158
|
value: internalSearchQuery,
|
|
@@ -9730,18 +11169,18 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9730
11169
|
setInternalSearchQuery('');
|
|
9731
11170
|
setSearchQuery('');
|
|
9732
11171
|
}
|
|
9733
|
-
}), isSearchBarEnabled && React__default.createElement(OptionContainer$
|
|
11172
|
+
}), isSearchBarEnabled && React__default.createElement(OptionContainer$3, null, options.length > 0 ? React__default.createElement(Container, {
|
|
9734
11173
|
"$flexDirection": 'column',
|
|
9735
11174
|
"$overflow": 'auto'
|
|
9736
|
-
}, React__default.createElement(TotalOptionsHeader$
|
|
11175
|
+
}, React__default.createElement(TotalOptionsHeader$2, null, React__default.createElement(Span, {
|
|
9737
11176
|
"$fontSize": '12px',
|
|
9738
11177
|
"$fontWeight": '400',
|
|
9739
11178
|
"$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$
|
|
11179
|
+
}, t('Showing_results') + " (" + filteredArray.length + " of " + (options === null || options === void 0 ? void 0 : options.length) + ")")), React__default.createElement(OptionsWrapper$3, null, filteredArray.length > 0 ? filteredArray.map(function (option) {
|
|
11180
|
+
return React__default.createElement(OptionItem$3, {
|
|
9742
11181
|
key: option.value,
|
|
9743
11182
|
"$optionSelected": option.value === selectedOption
|
|
9744
|
-
}, React__default.createElement(OptionLabel$
|
|
11183
|
+
}, React__default.createElement(OptionLabel$3, {
|
|
9745
11184
|
htmlFor: option.value,
|
|
9746
11185
|
onClick: function onClick() {
|
|
9747
11186
|
setInternalSearchQuery(option.labelText);
|
|
@@ -9763,8 +11202,8 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
9763
11202
|
}, NoOptionsText)))));
|
|
9764
11203
|
};
|
|
9765
11204
|
|
|
9766
|
-
var _templateObject$
|
|
9767
|
-
var StyledInput$
|
|
11205
|
+
var _templateObject$H, _templateObject2$A;
|
|
11206
|
+
var StyledInput$3 = styled__default.input(_templateObject$H || (_templateObject$H = _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
11207
|
var $checkboxSize = _ref.$checkboxSize;
|
|
9769
11208
|
return $checkboxSize + "px";
|
|
9770
11209
|
}, function (_ref2) {
|
|
@@ -9793,7 +11232,7 @@ var StyledInput$2 = styled__default.input(_templateObject$u || (_templateObject$
|
|
|
9793
11232
|
var $checkboxSize = _ref9.$checkboxSize;
|
|
9794
11233
|
return $checkboxSize / 2.4 + "px";
|
|
9795
11234
|
}, colorVariables.text.white);
|
|
9796
|
-
var LabelSpan$
|
|
11235
|
+
var LabelSpan$2 = styled__default(Span)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
9797
11236
|
var CheckBox = function CheckBox(_ref10) {
|
|
9798
11237
|
var label = _ref10.label,
|
|
9799
11238
|
_ref10$labelSide = _ref10.labelSide,
|
|
@@ -9827,7 +11266,7 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
9827
11266
|
height: checkboxSize,
|
|
9828
11267
|
display: 'flex'
|
|
9829
11268
|
}
|
|
9830
|
-
}, React__default.createElement(StyledInput$
|
|
11269
|
+
}, React__default.createElement(StyledInput$3, {
|
|
9831
11270
|
type: 'checkbox',
|
|
9832
11271
|
id: safeId,
|
|
9833
11272
|
"$checkboxSize": checkboxSize,
|
|
@@ -9838,7 +11277,7 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
9838
11277
|
},
|
|
9839
11278
|
disabled: disabled,
|
|
9840
11279
|
"$borderSize": borderSize
|
|
9841
|
-
})), label && React__default.createElement(LabelSpan$
|
|
11280
|
+
})), label && React__default.createElement(LabelSpan$2, {
|
|
9842
11281
|
"$fontSize": fontSize,
|
|
9843
11282
|
"$color": color,
|
|
9844
11283
|
"$fontWeight": fontWeight,
|
|
@@ -9848,31 +11287,31 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
9848
11287
|
}, label));
|
|
9849
11288
|
};
|
|
9850
11289
|
|
|
9851
|
-
var _templateObject$
|
|
9852
|
-
var spin$
|
|
9853
|
-
var getDotPosition$
|
|
11290
|
+
var _templateObject$I, _templateObject2$B, _templateObject3$q, _templateObject4$l;
|
|
11291
|
+
var spin$5 = styled.keyframes(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
11292
|
+
var getDotPosition$2 = function getDotPosition(index, size) {
|
|
9854
11293
|
var angle = index * 360 / 8;
|
|
9855
11294
|
var radius = size / 2.5;
|
|
9856
11295
|
var x = radius * Math.cos(angle * Math.PI / 180);
|
|
9857
11296
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
9858
11297
|
return "translate(" + x + "px, " + y + "px)";
|
|
9859
11298
|
};
|
|
9860
|
-
var SpinnerContainer$
|
|
11299
|
+
var SpinnerContainer$2 = styled__default.div(_templateObject2$B || (_templateObject2$B = _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
11300
|
var $size = _ref.$size;
|
|
9862
11301
|
return $size;
|
|
9863
11302
|
}, function (_ref2) {
|
|
9864
11303
|
var $size = _ref2.$size;
|
|
9865
11304
|
return $size;
|
|
9866
11305
|
});
|
|
9867
|
-
var Dot$
|
|
11306
|
+
var Dot$2 = styled__default.div.attrs(function (_ref3) {
|
|
9868
11307
|
var $index = _ref3.$index,
|
|
9869
11308
|
$size = _ref3.$size;
|
|
9870
11309
|
return {
|
|
9871
11310
|
style: {
|
|
9872
|
-
transform: getDotPosition$
|
|
11311
|
+
transform: getDotPosition$2($index, $size)
|
|
9873
11312
|
}
|
|
9874
11313
|
};
|
|
9875
|
-
})(_templateObject3$
|
|
11314
|
+
})(_templateObject3$q || (_templateObject3$q = _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
11315
|
var $dotSize = _ref4.$dotSize;
|
|
9877
11316
|
return $dotSize;
|
|
9878
11317
|
}, function (_ref5) {
|
|
@@ -9881,7 +11320,7 @@ var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
|
9881
11320
|
}, function (_ref6) {
|
|
9882
11321
|
var $color = _ref6.$color;
|
|
9883
11322
|
return $color;
|
|
9884
|
-
}, spin$
|
|
11323
|
+
}, spin$5, function (_ref7) {
|
|
9885
11324
|
var $speed = _ref7.$speed;
|
|
9886
11325
|
return $speed;
|
|
9887
11326
|
}, function (_ref8) {
|
|
@@ -9889,7 +11328,7 @@ var Dot$1 = styled__default.div.attrs(function (_ref3) {
|
|
|
9889
11328
|
$speed = _ref8.$speed;
|
|
9890
11329
|
return $index * $speed / 8;
|
|
9891
11330
|
});
|
|
9892
|
-
var SpinnerWrapper$
|
|
11331
|
+
var SpinnerWrapper$2 = styled__default.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
9893
11332
|
var sizeMap = {
|
|
9894
11333
|
small: {
|
|
9895
11334
|
size: 32
|
|
@@ -9913,13 +11352,13 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
9913
11352
|
text = _ref9.text,
|
|
9914
11353
|
customSize = _ref9.customSize;
|
|
9915
11354
|
var spinnerSize = customSize != null ? customSize : sizeMap[size].size;
|
|
9916
|
-
return React__default.createElement(SpinnerWrapper$
|
|
11355
|
+
return React__default.createElement(SpinnerWrapper$2, null, React__default.createElement(SpinnerContainer$2, {
|
|
9917
11356
|
"$size": spinnerSize,
|
|
9918
11357
|
"aria-label": "Loading animation"
|
|
9919
11358
|
}, Array.from({
|
|
9920
11359
|
length: 8
|
|
9921
11360
|
}).map(function (_, i) {
|
|
9922
|
-
return React__default.createElement(Dot$
|
|
11361
|
+
return React__default.createElement(Dot$2, {
|
|
9923
11362
|
key: i,
|
|
9924
11363
|
"$index": i,
|
|
9925
11364
|
"$size": spinnerSize,
|
|
@@ -9930,9 +11369,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
9930
11369
|
})), text && React__default.createElement(React__default.Fragment, null, text));
|
|
9931
11370
|
};
|
|
9932
11371
|
|
|
9933
|
-
var _templateObject$
|
|
9934
|
-
var spin$
|
|
9935
|
-
var Spinner$
|
|
11372
|
+
var _templateObject$J, _templateObject2$C;
|
|
11373
|
+
var spin$6 = styled.keyframes(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
11374
|
+
var Spinner$3 = styled__default.div(_templateObject2$C || (_templateObject2$C = _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
11375
|
var $size = _ref.$size;
|
|
9937
11376
|
return $size;
|
|
9938
11377
|
}, function (_ref2) {
|
|
@@ -9941,7 +11380,7 @@ var Spinner$2 = styled__default.div(_templateObject2$r || (_templateObject2$r =
|
|
|
9941
11380
|
}, function (_ref3) {
|
|
9942
11381
|
var $color = _ref3.$color;
|
|
9943
11382
|
return $color;
|
|
9944
|
-
}, spin$
|
|
11383
|
+
}, spin$6);
|
|
9945
11384
|
var Loader = function Loader(_ref4) {
|
|
9946
11385
|
var title = _ref4.title,
|
|
9947
11386
|
_ref4$size = _ref4.size,
|
|
@@ -9957,7 +11396,7 @@ var Loader = function Loader(_ref4) {
|
|
|
9957
11396
|
"$height": '100%',
|
|
9958
11397
|
"$flexDirection": 'column',
|
|
9959
11398
|
"$gap": '12px'
|
|
9960
|
-
}, React__default.createElement(Container, null, React__default.createElement(Spinner$
|
|
11399
|
+
}, React__default.createElement(Container, null, React__default.createElement(Spinner$3, {
|
|
9961
11400
|
"$size": size,
|
|
9962
11401
|
"$color": color
|
|
9963
11402
|
})), title && React__default.createElement(Container, {
|
|
@@ -9973,8 +11412,8 @@ var Loader = function Loader(_ref4) {
|
|
|
9973
11412
|
}, title))));
|
|
9974
11413
|
};
|
|
9975
11414
|
|
|
9976
|
-
var _templateObject$
|
|
9977
|
-
var PageInput$
|
|
11415
|
+
var _templateObject$K;
|
|
11416
|
+
var PageInput$2 = styled__default.input(_templateObject$K || (_templateObject$K = _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
11417
|
var Pagination = function Pagination(_ref) {
|
|
9979
11418
|
var totalPages = _ref.totalPages,
|
|
9980
11419
|
currentPage = _ref.currentPage,
|
|
@@ -10032,7 +11471,7 @@ var Pagination = function Pagination(_ref) {
|
|
|
10032
11471
|
}, React__default.createElement(Container, {
|
|
10033
11472
|
"$gap": '4px',
|
|
10034
11473
|
"$alignItems": 'center'
|
|
10035
|
-
}, React__default.createElement(PageInput$
|
|
11474
|
+
}, React__default.createElement(PageInput$2, {
|
|
10036
11475
|
type: 'number',
|
|
10037
11476
|
value: inputPage,
|
|
10038
11477
|
onChange: handleInputChange,
|
|
@@ -10158,22 +11597,22 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
10158
11597
|
})));
|
|
10159
11598
|
};
|
|
10160
11599
|
|
|
10161
|
-
var _templateObject$
|
|
10162
|
-
var SidebarContainer$
|
|
11600
|
+
var _templateObject$L, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$h, _templateObject6$a;
|
|
11601
|
+
var SidebarContainer$2 = styled__default.div(_templateObject$L || (_templateObject$L = _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
11602
|
var $isExpanded = _ref.$isExpanded;
|
|
10164
11603
|
return $isExpanded ? '225px' : '68px';
|
|
10165
11604
|
}, function (_ref2) {
|
|
10166
11605
|
var $background = _ref2.$background;
|
|
10167
11606
|
return $background ? $background : colorVariables.accent.softBlue;
|
|
10168
11607
|
});
|
|
10169
|
-
var SidebarItem$
|
|
10170
|
-
var ContentWrapper$
|
|
10171
|
-
var IconWrapper$
|
|
11608
|
+
var SidebarItem$2 = styled__default(reactRouterDom.NavLink)(_templateObject2$D || (_templateObject2$D = _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);
|
|
11609
|
+
var ContentWrapper$2 = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n"])));
|
|
11610
|
+
var IconWrapper$6 = styled__default.div(_templateObject4$m || (_templateObject4$m = _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
11611
|
var $selected = _ref3.$selected;
|
|
10173
11612
|
return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
|
|
10174
11613
|
});
|
|
10175
|
-
var Logo$
|
|
10176
|
-
var TextContainer$
|
|
11614
|
+
var Logo$2 = styled__default.div(_templateObject5$h || (_templateObject5$h = _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"])));
|
|
11615
|
+
var TextContainer$2 = styled__default.span(_templateObject6$a || (_templateObject6$a = _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
11616
|
var $padding = _ref4.$padding;
|
|
10178
11617
|
return $padding;
|
|
10179
11618
|
}, function (_ref5) {
|
|
@@ -10210,7 +11649,7 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
10210
11649
|
return parts.length > 0 ? "/" + parts[0] + "/" : '/';
|
|
10211
11650
|
};
|
|
10212
11651
|
var topLevelPath = getTopLevelPathWithSlash(location.pathname) || getTopLevelPath(location.pathname);
|
|
10213
|
-
return React__default.createElement(SidebarContainer$
|
|
11652
|
+
return React__default.createElement(SidebarContainer$2, {
|
|
10214
11653
|
"$background": background,
|
|
10215
11654
|
"$isExpanded": isExpanded,
|
|
10216
11655
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -10219,24 +11658,24 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
10219
11658
|
onMouseLeave: function onMouseLeave() {
|
|
10220
11659
|
return setIsExpanded(false);
|
|
10221
11660
|
}
|
|
10222
|
-
}, logo && React__default.createElement(Logo$
|
|
11661
|
+
}, logo && React__default.createElement(Logo$2, null, React__default.createElement(Icon, {
|
|
10223
11662
|
icon: logo.icon
|
|
10224
|
-
}), React__default.createElement(TextContainer$
|
|
11663
|
+
}), React__default.createElement(TextContainer$2, {
|
|
10225
11664
|
"$isExpanded": isExpanded,
|
|
10226
11665
|
"$fontWeight": "700"
|
|
10227
|
-
}, logo.name)), React__default.createElement(ContentWrapper$
|
|
11666
|
+
}, logo.name)), React__default.createElement(ContentWrapper$2, null, content.map(function (item) {
|
|
10228
11667
|
var isActive = item.url.includes(topLevelPath);
|
|
10229
|
-
return React__default.createElement(SidebarItem$
|
|
11668
|
+
return React__default.createElement(SidebarItem$2, {
|
|
10230
11669
|
to: item.url,
|
|
10231
11670
|
key: item.id
|
|
10232
|
-
}, React__default.createElement(IconWrapper$
|
|
11671
|
+
}, React__default.createElement(IconWrapper$6, {
|
|
10233
11672
|
"$selected": isActive
|
|
10234
11673
|
}, React__default.createElement(Icon, {
|
|
10235
11674
|
icon: item.icon,
|
|
10236
11675
|
size: 20,
|
|
10237
11676
|
weight: item.iconWeight,
|
|
10238
11677
|
color: isActive ? colorVariables.text.white : colorVariables.text.medium
|
|
10239
|
-
})), React__default.createElement(TextContainer$
|
|
11678
|
+
})), React__default.createElement(TextContainer$2, {
|
|
10240
11679
|
"$isExpanded": isExpanded,
|
|
10241
11680
|
"$fontSize": "14px",
|
|
10242
11681
|
"$padding": '0px 10px 0px 0px',
|
|
@@ -10245,14 +11684,14 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
10245
11684
|
})), ProfileContent);
|
|
10246
11685
|
};
|
|
10247
11686
|
|
|
10248
|
-
var _templateObject$
|
|
10249
|
-
var ContainerWrapper$
|
|
11687
|
+
var _templateObject$M, _templateObject2$E, _templateObject3$s, _templateObject4$n;
|
|
11688
|
+
var ContainerWrapper$2 = styled__default.div(_templateObject$M || (_templateObject$M = _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
11689
|
return props.$width || 'auto';
|
|
10251
11690
|
}, function (_ref) {
|
|
10252
11691
|
var $minHeight = _ref.$minHeight;
|
|
10253
11692
|
return $minHeight;
|
|
10254
11693
|
});
|
|
10255
|
-
var CellContainer$
|
|
11694
|
+
var CellContainer$2 = styled__default.div(_templateObject2$E || (_templateObject2$E = _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
11695
|
return props.$align;
|
|
10257
11696
|
}, function (props) {
|
|
10258
11697
|
return props.$width || 'auto';
|
|
@@ -10263,14 +11702,14 @@ var CellContainer$1 = styled__default.div(_templateObject2$t || (_templateObject
|
|
|
10263
11702
|
}, function (props) {
|
|
10264
11703
|
return props.$padding;
|
|
10265
11704
|
});
|
|
10266
|
-
var MainText$
|
|
11705
|
+
var MainText$2 = styled__default.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10267
11706
|
return props.$mtc;
|
|
10268
11707
|
}, function (props) {
|
|
10269
11708
|
return props.$mtfs;
|
|
10270
11709
|
}, function (props) {
|
|
10271
11710
|
return props.$mtw;
|
|
10272
11711
|
});
|
|
10273
|
-
var SubText$
|
|
11712
|
+
var SubText$2 = styled__default.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
10274
11713
|
return props.$stc;
|
|
10275
11714
|
}, function (props) {
|
|
10276
11715
|
return props.$stfs;
|
|
@@ -10299,31 +11738,31 @@ var TableCell = function TableCell(_ref2) {
|
|
|
10299
11738
|
CustomFunction = _ref2.CustomFunction,
|
|
10300
11739
|
padding = _ref2.padding,
|
|
10301
11740
|
minHeight = _ref2.minHeight;
|
|
10302
|
-
return React__default.createElement(ContainerWrapper$
|
|
11741
|
+
return React__default.createElement(ContainerWrapper$2, {
|
|
10303
11742
|
"$width": width,
|
|
10304
11743
|
"$minHeight": minHeight
|
|
10305
|
-
}, CustomFunction ? React__default.createElement(CellContainer$
|
|
11744
|
+
}, CustomFunction ? React__default.createElement(CellContainer$2, {
|
|
10306
11745
|
"$align": alignment,
|
|
10307
11746
|
"$width": width,
|
|
10308
11747
|
"$minWidth": minWidth
|
|
10309
|
-
}, CustomFunction) : React__default.createElement(CellContainer$
|
|
11748
|
+
}, CustomFunction) : React__default.createElement(CellContainer$2, {
|
|
10310
11749
|
"$align": alignment,
|
|
10311
11750
|
"$width": width,
|
|
10312
11751
|
"$minWidth": minWidth,
|
|
10313
11752
|
"$padding": padding
|
|
10314
|
-
}, React__default.createElement(MainText$
|
|
11753
|
+
}, React__default.createElement(MainText$2, {
|
|
10315
11754
|
"$mtc": maintextcolor,
|
|
10316
11755
|
"$mtfs": maintextfontsize,
|
|
10317
11756
|
"$mtw": maintextweight
|
|
10318
|
-
}, maintext), subtext && React__default.createElement(SubText$
|
|
11757
|
+
}, maintext), subtext && React__default.createElement(SubText$2, {
|
|
10319
11758
|
"$stc": subtextcolor,
|
|
10320
11759
|
"$stfs": subtextfontsize,
|
|
10321
11760
|
"$stw": subtextweight
|
|
10322
11761
|
}, subtext)));
|
|
10323
11762
|
};
|
|
10324
11763
|
|
|
10325
|
-
var _templateObject$
|
|
10326
|
-
var TableRowContainer$
|
|
11764
|
+
var _templateObject$N;
|
|
11765
|
+
var TableRowContainer$2 = styled.styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
10327
11766
|
var TableRow = function TableRow(_ref) {
|
|
10328
11767
|
var rowconfig = _ref.rowconfig,
|
|
10329
11768
|
tableheaderconfig = _ref.tableheaderconfig;
|
|
@@ -10332,7 +11771,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
10332
11771
|
};
|
|
10333
11772
|
return React__default.createElement(Container, null, rowconfig.map(function (data, Index) {
|
|
10334
11773
|
var _rowconfig$Index;
|
|
10335
|
-
return React__default.createElement(TableRowContainer$
|
|
11774
|
+
return React__default.createElement(TableRowContainer$2, {
|
|
10336
11775
|
key: Index
|
|
10337
11776
|
}, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
|
|
10338
11777
|
"$padding": '0px 16px 0px 0px',
|
|
@@ -10366,16 +11805,16 @@ var TableRow = function TableRow(_ref) {
|
|
|
10366
11805
|
}));
|
|
10367
11806
|
};
|
|
10368
11807
|
|
|
10369
|
-
var _templateObject$
|
|
10370
|
-
var TableContainer$
|
|
10371
|
-
var TableHeader$
|
|
11808
|
+
var _templateObject$O, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$i;
|
|
11809
|
+
var TableContainer$2 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables.brand.light);
|
|
11810
|
+
var TableHeader$2 = styled__default.div(_templateObject2$F || (_templateObject2$F = _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
11811
|
return props.$hbcolor || 'transparent';
|
|
10373
11812
|
}, function (props) {
|
|
10374
11813
|
return props.$tcolor || 'white';
|
|
10375
11814
|
});
|
|
10376
|
-
var TableContent$
|
|
10377
|
-
var TableData$
|
|
10378
|
-
var Divider$
|
|
11815
|
+
var TableContent$2 = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
11816
|
+
var TableData$2 = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
11817
|
+
var Divider$2 = styled__default.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n height: 2px;\n background: ", ";\n"])), colorVariables.border.extraLight);
|
|
10379
11818
|
var Table = function Table(_ref) {
|
|
10380
11819
|
var tableObject = _ref.tableObject,
|
|
10381
11820
|
_ref$filter = _ref.filter,
|
|
@@ -10425,7 +11864,7 @@ var Table = function Table(_ref) {
|
|
|
10425
11864
|
React.useEffect(function () {
|
|
10426
11865
|
setIsAllSelected(false);
|
|
10427
11866
|
}, [rowconfig]);
|
|
10428
|
-
return React__default.createElement(TableContainer$
|
|
11867
|
+
return React__default.createElement(TableContainer$2, null, React__default.createElement(TableContent$2, null, React__default.createElement(TableHeader$2, {
|
|
10429
11868
|
"$hbcolor": tableheaderconfig.headercolor,
|
|
10430
11869
|
"$tcolor": tableheaderconfig.textcolor
|
|
10431
11870
|
}, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
|
|
@@ -10455,7 +11894,7 @@ var Table = function Table(_ref) {
|
|
|
10455
11894
|
"$alignItems": 'center',
|
|
10456
11895
|
"$padding": '24px 24px',
|
|
10457
11896
|
"$justifyContent": 'center'
|
|
10458
|
-
}, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData$
|
|
11897
|
+
}, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData$2, null, Object.entries(roleGroups).map(function (_ref2) {
|
|
10459
11898
|
var role = _ref2[0],
|
|
10460
11899
|
rows = _ref2[1];
|
|
10461
11900
|
return React__default.createElement(React__default.Fragment, {
|
|
@@ -10485,31 +11924,31 @@ var Table = function Table(_ref) {
|
|
|
10485
11924
|
}, React__default.createElement(TableRow, {
|
|
10486
11925
|
rowconfig: [row],
|
|
10487
11926
|
tableheaderconfig: tableheaderconfig
|
|
10488
|
-
}), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider$
|
|
11927
|
+
}), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider$2, null));
|
|
10489
11928
|
}));
|
|
10490
|
-
})) : React__default.createElement(TableData$
|
|
11929
|
+
})) : React__default.createElement(TableData$2, null, filteredRows.map(function (row, index) {
|
|
10491
11930
|
return React__default.createElement(React__default.Fragment, {
|
|
10492
11931
|
key: index
|
|
10493
11932
|
}, React__default.createElement(TableRow, {
|
|
10494
11933
|
rowconfig: [row],
|
|
10495
11934
|
tableheaderconfig: tableheaderconfig
|
|
10496
|
-
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider$
|
|
11935
|
+
}), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider$2, null));
|
|
10497
11936
|
}))));
|
|
10498
11937
|
};
|
|
10499
11938
|
|
|
10500
|
-
var _templateObject$
|
|
10501
|
-
var Container$
|
|
11939
|
+
var _templateObject$P, _templateObject2$G, _templateObject3$u, _templateObject4$p, _templateObject5$j;
|
|
11940
|
+
var Container$8 = styled__default.div(_templateObject$P || (_templateObject$P = _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
11941
|
var $gap = _ref.$gap;
|
|
10503
11942
|
return $gap;
|
|
10504
11943
|
}, function (_ref2) {
|
|
10505
11944
|
var $border = _ref2.$border;
|
|
10506
11945
|
return $border;
|
|
10507
11946
|
});
|
|
10508
|
-
var FirstContainer$
|
|
11947
|
+
var FirstContainer$2 = styled__default.div(_templateObject2$G || (_templateObject2$G = _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
11948
|
var $headerPadding = _ref3.$headerPadding;
|
|
10510
11949
|
return $headerPadding ? $headerPadding : '0px';
|
|
10511
11950
|
});
|
|
10512
|
-
var TabContainer$
|
|
11951
|
+
var TabContainer$2 = styled__default.div(_templateObject3$u || (_templateObject3$u = _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
11952
|
var $disabled = _ref4.$disabled;
|
|
10514
11953
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10515
11954
|
}, function (_ref5) {
|
|
@@ -10522,13 +11961,13 @@ var TabContainer$1 = styled__default.div(_templateObject3$m || (_templateObject3
|
|
|
10522
11961
|
var $disabled = _ref7.$disabled;
|
|
10523
11962
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
10524
11963
|
});
|
|
10525
|
-
var TabItemContainer$
|
|
11964
|
+
var TabItemContainer$2 = styled__default.div(_templateObject4$p || (_templateObject4$p = _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
11965
|
var $headerHeight = _ref8.$headerHeight;
|
|
10527
11966
|
return $headerHeight ? $headerHeight : '34px';
|
|
10528
11967
|
}, function (props) {
|
|
10529
11968
|
return props.$active ? 'block' : 'none';
|
|
10530
11969
|
}, colorVariables["default"].primary);
|
|
10531
|
-
var DetailsFirstContainer$
|
|
11970
|
+
var DetailsFirstContainer$2 = styled__default.div(_templateObject5$j || (_templateObject5$j = _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
11971
|
return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
|
|
10533
11972
|
});
|
|
10534
11973
|
var Tabs = function Tabs(_ref9) {
|
|
@@ -10541,20 +11980,20 @@ var Tabs = function Tabs(_ref9) {
|
|
|
10541
11980
|
border = _ref9.border,
|
|
10542
11981
|
_ref9$gap = _ref9.gap,
|
|
10543
11982
|
gap = _ref9$gap === void 0 ? '24px' : _ref9$gap;
|
|
10544
|
-
return React__default.createElement(Container$
|
|
11983
|
+
return React__default.createElement(Container$8, {
|
|
10545
11984
|
"$gap": gap,
|
|
10546
11985
|
"$border": border
|
|
10547
|
-
}, React__default.createElement(FirstContainer$
|
|
11986
|
+
}, React__default.createElement(FirstContainer$2, {
|
|
10548
11987
|
"$headerPadding": headerPadding
|
|
10549
11988
|
}, tabItems.map(function (tab, index) {
|
|
10550
|
-
return React__default.createElement(TabContainer$
|
|
11989
|
+
return React__default.createElement(TabContainer$2, {
|
|
10551
11990
|
key: index,
|
|
10552
11991
|
onClick: function onClick() {
|
|
10553
11992
|
if (!disabled && tab.onClick) tab.onClick();
|
|
10554
11993
|
},
|
|
10555
11994
|
"$disabled": disabled,
|
|
10556
11995
|
"$headerHeight": headerHeight
|
|
10557
|
-
}, React__default.createElement(TabItemContainer$
|
|
11996
|
+
}, React__default.createElement(TabItemContainer$2, {
|
|
10558
11997
|
"$active": activeTab === tab.title,
|
|
10559
11998
|
"$headerHeight": headerHeight
|
|
10560
11999
|
}, tab.icon && React__default.createElement(Icon, {
|
|
@@ -10562,11 +12001,11 @@ var Tabs = function Tabs(_ref9) {
|
|
|
10562
12001
|
icon: tab.icon,
|
|
10563
12002
|
size: tab.iconSize,
|
|
10564
12003
|
weight: tab.iconWeight
|
|
10565
|
-
}), React__default.createElement(DetailsFirstContainer$
|
|
12004
|
+
}), React__default.createElement(DetailsFirstContainer$2, {
|
|
10566
12005
|
"$active": activeTab === tab.title
|
|
10567
12006
|
}, tab.title)));
|
|
10568
12007
|
})), tabItems.map(function (tab, index) {
|
|
10569
|
-
return activeTab === tab.title && React__default.createElement(Container$
|
|
12008
|
+
return activeTab === tab.title && React__default.createElement(Container$8, {
|
|
10570
12009
|
key: index
|
|
10571
12010
|
}, tab.content);
|
|
10572
12011
|
}));
|
|
@@ -10637,74 +12076,6 @@ var _flattenVariables = function flattenVariables(obj, prefix) {
|
|
|
10637
12076
|
return result;
|
|
10638
12077
|
};
|
|
10639
12078
|
|
|
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
12079
|
exports.Badge = Badge;
|
|
10709
12080
|
exports.Breadcrumbs = Breadcrumbs;
|
|
10710
12081
|
exports.Button = ButtonComponent;
|
|
@@ -10734,7 +12105,7 @@ exports.Tabs = Tabs;
|
|
|
10734
12105
|
exports.TextArea = TextArea;
|
|
10735
12106
|
exports.TextField = TextField;
|
|
10736
12107
|
exports.TextFieldWithDropdown = TextFieldWithDropdown;
|
|
10737
|
-
exports.colorVariables = colorVariables
|
|
12108
|
+
exports.colorVariables = colorVariables;
|
|
10738
12109
|
exports.convertEpochToDateString = convertEpochToDateString;
|
|
10739
12110
|
exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
|
|
10740
12111
|
exports.convertToEpoch = convertToEpoch;
|