labsense-ui-kit 1.1.49 → 1.1.51
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/Badge/Tooltip.d.ts +22 -0
- package/dist/Badge/index.d.ts +2 -1
- package/dist/Icons/SVGs/FilledCircleTick.d.ts +4 -0
- package/dist/Icons/SVGs/index.d.ts +1 -0
- package/dist/Icons/index.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +217 -122
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +217 -123
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1075,6 +1075,23 @@ var FilledCircle = function FilledCircle(_ref) {
|
|
|
1075
1075
|
}));
|
|
1076
1076
|
};
|
|
1077
1077
|
|
|
1078
|
+
var FilledCircleTick = function FilledCircleTick(_ref) {
|
|
1079
|
+
var size = _ref.size,
|
|
1080
|
+
color = _ref.color,
|
|
1081
|
+
weight = _ref.weight;
|
|
1082
|
+
return React__default.createElement("svg", {
|
|
1083
|
+
width: size,
|
|
1084
|
+
height: size,
|
|
1085
|
+
strokeWidth: weight,
|
|
1086
|
+
viewBox: "0 0 16 16",
|
|
1087
|
+
fill: "none",
|
|
1088
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1089
|
+
}, React__default.createElement("path", {
|
|
1090
|
+
d: "M8 0.6875C3.96055 0.6875 0.6875 3.96055 0.6875 8C0.6875 12.0395 3.96055 15.3125 8 15.3125C12.0395 15.3125 15.3125 12.0395 15.3125 8C15.3125 3.96055 12.0395 0.6875 8 0.6875ZM6.87148 10.591C6.78711 10.6754 6.66758 10.7457 6.56211 10.7457C6.45664 10.7457 6.33711 10.6719 6.24922 10.5875L4.28047 8.61875L4.90625 7.99297L6.56562 9.65234L10.9531 5.2332L11.5684 5.86953L6.87148 10.591Z",
|
|
1091
|
+
fill: color
|
|
1092
|
+
}));
|
|
1093
|
+
};
|
|
1094
|
+
|
|
1078
1095
|
var FilledPin = function FilledPin(_ref) {
|
|
1079
1096
|
var size = _ref.size,
|
|
1080
1097
|
color = _ref.color,
|
|
@@ -3226,6 +3243,7 @@ var IconSVGs = {
|
|
|
3226
3243
|
FaceRecognition: FaceRecognition,
|
|
3227
3244
|
FilesBox: FilesBox,
|
|
3228
3245
|
FilledCircle: FilledCircle,
|
|
3246
|
+
FilledCircleTick: FilledCircleTick,
|
|
3229
3247
|
FilledPin: FilledPin,
|
|
3230
3248
|
Filter_1: Filter_1,
|
|
3231
3249
|
Filter_2: Filter_2,
|
|
@@ -3586,8 +3604,84 @@ var Badge = function Badge(_ref4) {
|
|
|
3586
3604
|
}, text));
|
|
3587
3605
|
};
|
|
3588
3606
|
|
|
3589
|
-
var _templateObject$3;
|
|
3590
|
-
var
|
|
3607
|
+
var _templateObject$3, _templateObject2$3, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
3608
|
+
var TooltipContainer = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n position: absolute;\n z-index: 10;\n align-items: center;\n justify-content: center;\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.3s;\n border-radius: 4px;\n padding: 6px 8px;\n min-width: ", ";\n background-color: ", ";\n gap: ", ";\n\n ", "\n\n &::after {\n content: '';\n position: absolute;\n width: 16px;\n height: 8px;\n background-color: ", ";\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n\n ", "\n }\n"])), function (_ref) {
|
|
3609
|
+
var $minWidth = _ref.$minWidth;
|
|
3610
|
+
return $minWidth != null ? $minWidth : 'auto';
|
|
3611
|
+
}, function (_ref2) {
|
|
3612
|
+
var $background = _ref2.$background;
|
|
3613
|
+
return $background != null ? $background : colorVariables.accent.light;
|
|
3614
|
+
}, function (_ref3) {
|
|
3615
|
+
var $gap = _ref3.$gap;
|
|
3616
|
+
return $gap != null ? $gap : '16px';
|
|
3617
|
+
}, function (_ref4) {
|
|
3618
|
+
var $tooltipPosition = _ref4.$tooltipPosition,
|
|
3619
|
+
$iconSize = _ref4.$iconSize,
|
|
3620
|
+
$tooltipTop = _ref4.$tooltipTop;
|
|
3621
|
+
var vertical = $tooltipPosition.startsWith('top') ? "bottom: " + ($tooltipTop != null ? $tooltipTop : "calc(50% + " + ($iconSize + 2) + "px)") + ";" : "top: " + ($tooltipTop != null ? $tooltipTop : "calc(50% + " + ($iconSize + 2) + "px)") + ";";
|
|
3622
|
+
var horizontal = $tooltipPosition.endsWith('Left') ? styled.css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["left: calc(100% + 10px); transform: translateX(-99%);"]))) : $tooltipPosition.endsWith('Center') ? styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["left: 50%; transform: translateX(-50%);"]))) : styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["right: calc(100% + 10px); transform: translateX(99%);"])));
|
|
3623
|
+
return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["", " ", ";"])), vertical, horizontal);
|
|
3624
|
+
}, function (_ref5) {
|
|
3625
|
+
var $background = _ref5.$background;
|
|
3626
|
+
return $background != null ? $background : colorVariables.accent.light;
|
|
3627
|
+
}, function (_ref6) {
|
|
3628
|
+
var $tooltipPosition = _ref6.$tooltipPosition;
|
|
3629
|
+
if ($tooltipPosition.startsWith('top')) {
|
|
3630
|
+
return $tooltipPosition.endsWith('Left') ? styled.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["top: 100%; right: 10px; transform: rotate(180deg);"]))) : $tooltipPosition.endsWith('Right') ? styled.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["top: 100%; left: 10px; transform: rotate(180deg);"]))) : styled.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["top: 100%; left: 50%; transform: translateX(-50%) rotate(180deg);"])));
|
|
3631
|
+
} else {
|
|
3632
|
+
return $tooltipPosition.endsWith('Left') ? styled.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["bottom: 100%; right: 10px;"]))) : $tooltipPosition.endsWith('Right') ? styled.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["bottom: 100%; left: 10px;"]))) : styled.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["bottom: 100%; left: 50%; transform: translateX(-50%);"])));
|
|
3633
|
+
}
|
|
3634
|
+
});
|
|
3635
|
+
var TooltipWrapper$1 = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n align-items: center;\n cursor: pointer;\n\n &:hover ", " {\n visibility: visible;\n opacity: 1;\n }\n"])), TooltipContainer);
|
|
3636
|
+
var InfoTooltip = function InfoTooltip(_ref7) {
|
|
3637
|
+
var _tooltipCSS$position;
|
|
3638
|
+
var _ref7$icon = _ref7.icon,
|
|
3639
|
+
icon = _ref7$icon === void 0 ? {
|
|
3640
|
+
icon: 'Information',
|
|
3641
|
+
size: 12,
|
|
3642
|
+
weight: '0px',
|
|
3643
|
+
color: colorVariables.text.medium
|
|
3644
|
+
} : _ref7$icon,
|
|
3645
|
+
infoIcon = _ref7.infoIcon,
|
|
3646
|
+
infoText = _ref7.infoText,
|
|
3647
|
+
infoText2 = _ref7.infoText2,
|
|
3648
|
+
infoText3 = _ref7.infoText3,
|
|
3649
|
+
infoText4 = _ref7.infoText4,
|
|
3650
|
+
_ref7$tooltipCSS = _ref7.tooltipCSS,
|
|
3651
|
+
tooltipCSS = _ref7$tooltipCSS === void 0 ? {
|
|
3652
|
+
background: colorVariables.accent.light,
|
|
3653
|
+
color: colorVariables.text.dark,
|
|
3654
|
+
gap: '4px',
|
|
3655
|
+
minWidth: 'max-content',
|
|
3656
|
+
position: 'bottomCenter',
|
|
3657
|
+
tooltipTop: undefined,
|
|
3658
|
+
fontSize: '12px',
|
|
3659
|
+
fontWeight: '400'
|
|
3660
|
+
} : _ref7$tooltipCSS;
|
|
3661
|
+
var texts = [infoText, infoText2, infoText3, infoText4].filter(Boolean);
|
|
3662
|
+
return React__default.createElement(TooltipWrapper$1, null, React__default.createElement(Icon, Object.assign({}, icon, {
|
|
3663
|
+
onClick: function onClick() {}
|
|
3664
|
+
})), React__default.createElement(TooltipContainer, {
|
|
3665
|
+
"$tooltipPosition": (_tooltipCSS$position = tooltipCSS.position) != null ? _tooltipCSS$position : 'bottomCenter',
|
|
3666
|
+
"$minWidth": tooltipCSS.minWidth,
|
|
3667
|
+
"$tooltipTop": tooltipCSS.tooltipTop,
|
|
3668
|
+
"$background": tooltipCSS.background,
|
|
3669
|
+
"$gap": tooltipCSS.gap,
|
|
3670
|
+
"$iconSize": icon.size || 17
|
|
3671
|
+
}, infoIcon && React__default.createElement(Icon, Object.assign({}, infoIcon)), React__default.createElement(Container, {
|
|
3672
|
+
"$flexDirection": 'column'
|
|
3673
|
+
}, texts.map(function (text, i) {
|
|
3674
|
+
return React__default.createElement(Span, {
|
|
3675
|
+
key: i,
|
|
3676
|
+
"$color": tooltipCSS.color,
|
|
3677
|
+
"$fontSize": tooltipCSS.fontSize,
|
|
3678
|
+
"$fontWeight": tooltipCSS.fontWeight
|
|
3679
|
+
}, text, i < texts.length - 1 && React__default.createElement("br", null));
|
|
3680
|
+
}))));
|
|
3681
|
+
};
|
|
3682
|
+
|
|
3683
|
+
var _templateObject$4;
|
|
3684
|
+
var BreadCrum = styled__default.span(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\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) {
|
|
3591
3685
|
var $color = _ref.$color;
|
|
3592
3686
|
return $color ? $color : colorVariables.text.medium;
|
|
3593
3687
|
}, function (_ref2) {
|
|
@@ -3653,17 +3747,17 @@ var Breadcrumbs = function Breadcrumbs(_ref6) {
|
|
|
3653
3747
|
}));
|
|
3654
3748
|
};
|
|
3655
3749
|
|
|
3656
|
-
var _templateObject$
|
|
3657
|
-
var fontFaces = styled.css(_templateObject$
|
|
3750
|
+
var _templateObject$5;
|
|
3751
|
+
var fontFaces = styled.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\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"])));
|
|
3658
3752
|
var GlobalFonts = {
|
|
3659
3753
|
bold: 'NotoSans, sans-serif',
|
|
3660
3754
|
regular: 'NotoSans, sans-serif',
|
|
3661
3755
|
light: 'NotoSans, sans-serif'
|
|
3662
3756
|
};
|
|
3663
3757
|
|
|
3664
|
-
var _templateObject$
|
|
3665
|
-
var spin = styled.keyframes(_templateObject$
|
|
3666
|
-
var Spinner = styled__default.div(_templateObject2$
|
|
3758
|
+
var _templateObject$6, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1;
|
|
3759
|
+
var spin = styled.keyframes(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
3760
|
+
var Spinner = styled__default.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\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) {
|
|
3667
3761
|
var $size = _ref.$size;
|
|
3668
3762
|
return $size;
|
|
3669
3763
|
}, function (_ref2) {
|
|
@@ -3676,14 +3770,14 @@ var Spinner = styled__default.div(_templateObject2$3 || (_templateObject2$3 = _t
|
|
|
3676
3770
|
var $color = _ref4.$color;
|
|
3677
3771
|
return $color;
|
|
3678
3772
|
}, spin);
|
|
3679
|
-
var LoaderWrapper = styled__default.div(_templateObject3$
|
|
3773
|
+
var LoaderWrapper = styled__default.div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: ", ";\n margin-right: ", ";\n transition: opacity 0.3s ease-in-out;\n"])), function (_ref5) {
|
|
3680
3774
|
var $loaderPosition = _ref5.$loaderPosition;
|
|
3681
3775
|
return $loaderPosition === 'right' ? '4px' : '0';
|
|
3682
3776
|
}, function (_ref6) {
|
|
3683
3777
|
var $loaderPosition = _ref6.$loaderPosition;
|
|
3684
3778
|
return $loaderPosition === 'left' ? '4px' : '0';
|
|
3685
3779
|
});
|
|
3686
|
-
var Container$1 = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: ", ";\n svg {\n cursor: ", ";\n }\n"])), function (_ref7) {
|
|
3780
|
+
var Container$1 = styled__default.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ", ";\n gap: ", ";\n svg {\n cursor: ", ";\n }\n"])), function (_ref7) {
|
|
3687
3781
|
var $iconPosition = _ref7.$iconPosition;
|
|
3688
3782
|
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
3689
3783
|
}, function (_ref8) {
|
|
@@ -3693,7 +3787,7 @@ var Container$1 = styled__default.div(_templateObject4 || (_templateObject4 = _t
|
|
|
3693
3787
|
var cursor = _ref9.cursor;
|
|
3694
3788
|
return cursor;
|
|
3695
3789
|
});
|
|
3696
|
-
var StyledButton = styled__default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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) {
|
|
3790
|
+
var StyledButton = styled__default.button(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\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) {
|
|
3697
3791
|
var $disabled = _ref10.$disabled;
|
|
3698
3792
|
return $disabled ? 'none' : 'auto';
|
|
3699
3793
|
}, function (_ref11) {
|
|
@@ -3739,7 +3833,7 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
|
|
|
3739
3833
|
var color = _ref15.color;
|
|
3740
3834
|
return color;
|
|
3741
3835
|
});
|
|
3742
|
-
var ButtonText = styled__default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n white-space: nowrap;\n"])), function (_ref16) {
|
|
3836
|
+
var ButtonText = styled__default.span(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n white-space: nowrap;\n"])), function (_ref16) {
|
|
3743
3837
|
var $fontFamily = _ref16.$fontFamily;
|
|
3744
3838
|
return $fontFamily ? $fontFamily : GlobalFonts.bold;
|
|
3745
3839
|
}, function (_ref17) {
|
|
@@ -3840,8 +3934,8 @@ var ButtonComponent = function ButtonComponent(_ref20) {
|
|
|
3840
3934
|
})));
|
|
3841
3935
|
};
|
|
3842
3936
|
|
|
3843
|
-
var _templateObject$
|
|
3844
|
-
var InnerContent = styled__default.div(_templateObject$
|
|
3937
|
+
var _templateObject$7;
|
|
3938
|
+
var InnerContent = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\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) {
|
|
3845
3939
|
var $isScrollable = _ref.$isScrollable;
|
|
3846
3940
|
return $isScrollable ? '0 12px' : '0';
|
|
3847
3941
|
});
|
|
@@ -4072,19 +4166,19 @@ var timeStringToSeconds = function timeStringToSeconds(timeString) {
|
|
|
4072
4166
|
return hours * 3600 + minutes * 60 + seconds;
|
|
4073
4167
|
};
|
|
4074
4168
|
|
|
4075
|
-
var _templateObject$
|
|
4076
|
-
var DatePickerContainer = styled__default.div(_templateObject$
|
|
4077
|
-
var CalendarContainer = styled__default.div(_templateObject2$
|
|
4078
|
-
var Calendar$1 = styled__default.div(_templateObject3$
|
|
4079
|
-
var CalendarTime = styled__default.div(_templateObject4$
|
|
4080
|
-
var StartDate = styled__default.div(_templateObject5$
|
|
4081
|
-
var SelectedStart = styled__default.div(_templateObject6$
|
|
4082
|
-
var CurrentDate = styled__default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
4083
|
-
var CurrentTime = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), colorVariables.text.medium);
|
|
4084
|
-
var Selectedtime = styled__default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n color: ", ";\n gap: 8px;\n"])), colorVariables.text.medium);
|
|
4085
|
-
var Line = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
4086
|
-
var Zones = styled__default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
4087
|
-
var CalendarHeader = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
4169
|
+
var _templateObject$8, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
4170
|
+
var DatePickerContainer = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
4171
|
+
var CalendarContainer = styled__default.div(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\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.border.medium);
|
|
4172
|
+
var Calendar$1 = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose([""])));
|
|
4173
|
+
var CalendarTime = styled__default.div(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteralLoose(["\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.border.medium);
|
|
4174
|
+
var StartDate = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding-bottom: 4px;\n"])));
|
|
4175
|
+
var SelectedStart = styled__default.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n gap: 4px;\n color: ", ";\n"])), colorVariables.text.medium);
|
|
4176
|
+
var CurrentDate = styled__default.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
4177
|
+
var CurrentTime = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), colorVariables.text.medium);
|
|
4178
|
+
var Selectedtime = styled__default.div(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n color: ", ";\n gap: 8px;\n"])), colorVariables.text.medium);
|
|
4179
|
+
var Line = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
4180
|
+
var Zones = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
4181
|
+
var CalendarHeader = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
4088
4182
|
var CalendarMonthYear = styled__default.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n color: ", ";\n justify-content: center;\n align-items: center;\n"])), colorVariables.text.medium);
|
|
4089
4183
|
var CalendarContent = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 5px;\n padding: 10px;\n"])));
|
|
4090
4184
|
var Button = styled__default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\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["default"].secondary, colorVariables.text.white, function (_ref) {
|
|
@@ -4360,14 +4454,14 @@ var DatePicker = function DatePicker(_ref10) {
|
|
|
4360
4454
|
}))))), React__default.createElement(Line, null, React__default.createElement("hr", null)), React__default.createElement(Zones, null, React__default.createElement(CurrentTime, null, t('TimePicker_Zone')), React__default.createElement(CurrentTime, null, getSystemTimezoneAbbreviation())))));
|
|
4361
4455
|
};
|
|
4362
4456
|
|
|
4363
|
-
var _templateObject$
|
|
4364
|
-
var OptionContainer = styled__default.div(_templateObject$
|
|
4365
|
-
var OptionItem = styled__default.div(_templateObject2$
|
|
4457
|
+
var _templateObject$9, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$3;
|
|
4458
|
+
var OptionContainer = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose([""])));
|
|
4459
|
+
var OptionItem = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n border-bottom: ", ";\n"])), function (_ref) {
|
|
4366
4460
|
var $optionBorder = _ref.$optionBorder,
|
|
4367
4461
|
$isborder = _ref.$isborder;
|
|
4368
4462
|
return $isborder ? $optionBorder || "1px solid " + colorVariables.border.extraLight : '';
|
|
4369
4463
|
});
|
|
4370
|
-
var OptionLabel = styled__default.label(_templateObject3$
|
|
4464
|
+
var OptionLabel = styled__default.label(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\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) {
|
|
4371
4465
|
var $optionColor = _ref2.$optionColor;
|
|
4372
4466
|
switch ($optionColor) {
|
|
4373
4467
|
case 'dark':
|
|
@@ -4390,7 +4484,7 @@ var OptionLabel = styled__default.label(_templateObject3$3 || (_templateObject3$
|
|
|
4390
4484
|
return $optionColor || colorVariables.text.medium;
|
|
4391
4485
|
}
|
|
4392
4486
|
});
|
|
4393
|
-
var SearchContainer = styled__default.div(_templateObject4$
|
|
4487
|
+
var SearchContainer = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\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) {
|
|
4394
4488
|
var $background = _ref3.$background;
|
|
4395
4489
|
switch ($background) {
|
|
4396
4490
|
case 'dark':
|
|
@@ -4419,7 +4513,7 @@ var SearchContainer = styled__default.div(_templateObject4$2 || (_templateObject
|
|
|
4419
4513
|
var $borderRadius = _ref5.$borderRadius;
|
|
4420
4514
|
return $borderRadius || '8px';
|
|
4421
4515
|
});
|
|
4422
|
-
var SearchBar = styled__default.input(_templateObject5$
|
|
4516
|
+
var SearchBar = styled__default.input(_templateObject5$3 || (_templateObject5$3 = _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: 14px;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), colorVariables["default"].tertiary, function (_ref6) {
|
|
4423
4517
|
var $inputColor = _ref6.$inputColor;
|
|
4424
4518
|
switch ($inputColor) {
|
|
4425
4519
|
case 'dark':
|
|
@@ -4464,7 +4558,7 @@ var SearchBar = styled__default.input(_templateObject5$2 || (_templateObject5$2
|
|
|
4464
4558
|
return $placeholderColor;
|
|
4465
4559
|
}
|
|
4466
4560
|
});
|
|
4467
|
-
var Text = styled__default.span(_templateObject6$
|
|
4561
|
+
var Text = styled__default.span(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n word-break: break-word;\n"])));
|
|
4468
4562
|
var OptionComponent = function OptionComponent(_ref8) {
|
|
4469
4563
|
var options = _ref8.options,
|
|
4470
4564
|
selectedOptions = _ref8.selectedOptions,
|
|
@@ -4542,8 +4636,8 @@ var OptionComponent = function OptionComponent(_ref8) {
|
|
|
4542
4636
|
}, NoOptionsText))));
|
|
4543
4637
|
};
|
|
4544
4638
|
|
|
4545
|
-
var _templateObject$
|
|
4546
|
-
var DropdownContainer = styled__default.div(_templateObject$
|
|
4639
|
+
var _templateObject$a, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$4, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2;
|
|
4640
|
+
var DropdownContainer = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n max-width: 100%;\n position: relative;\n max-height: ", ";\n"])), function (_ref) {
|
|
4547
4641
|
var $width = _ref.$width;
|
|
4548
4642
|
return $width || '100%';
|
|
4549
4643
|
}, function (_ref2) {
|
|
@@ -4553,7 +4647,7 @@ var DropdownContainer = styled__default.div(_templateObject$9 || (_templateObjec
|
|
|
4553
4647
|
var $replaceLabel = _ref3.$replaceLabel;
|
|
4554
4648
|
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
4555
4649
|
});
|
|
4556
|
-
var DropdownButton = styled__default.div(_templateObject2$
|
|
4650
|
+
var DropdownButton = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\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) {
|
|
4557
4651
|
var $replaceLabel = _ref4.$replaceLabel;
|
|
4558
4652
|
return $replaceLabel ? 'auto' : '';
|
|
4559
4653
|
}, function (_ref5) {
|
|
@@ -4629,7 +4723,7 @@ var DropdownButton = styled__default.div(_templateObject2$6 || (_templateObject2
|
|
|
4629
4723
|
return '14px';
|
|
4630
4724
|
}
|
|
4631
4725
|
});
|
|
4632
|
-
var TitleText = styled__default.div(_templateObject3$
|
|
4726
|
+
var TitleText = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose(["\n width: max-content;\n position: relative;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n\n color: ", ";\n"])), function (_ref15) {
|
|
4633
4727
|
var $titleWeight = _ref15.$titleWeight;
|
|
4634
4728
|
return $titleWeight != null ? $titleWeight : '500';
|
|
4635
4729
|
}, function (_ref16) {
|
|
@@ -4663,12 +4757,12 @@ var TitleText = styled__default.div(_templateObject3$4 || (_templateObject3$4 =
|
|
|
4663
4757
|
return $titleColor;
|
|
4664
4758
|
}
|
|
4665
4759
|
});
|
|
4666
|
-
var Container$2 = styled__default.div(_templateObject4$
|
|
4667
|
-
var LabelText = styled__default.div(_templateObject5$
|
|
4760
|
+
var Container$2 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n"])));
|
|
4761
|
+
var LabelText = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref19) {
|
|
4668
4762
|
var $labelStyle = _ref19.$labelStyle;
|
|
4669
4763
|
return $labelStyle;
|
|
4670
4764
|
}, colorVariables.text.medium);
|
|
4671
|
-
var DropdownMenu = styled__default.div(_templateObject6$
|
|
4765
|
+
var DropdownMenu = styled__default.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\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.border.light, function (_ref20) {
|
|
4672
4766
|
var $optionsBorderRadius = _ref20.$optionsBorderRadius;
|
|
4673
4767
|
return $optionsBorderRadius || '8px';
|
|
4674
4768
|
}, function (_ref21) {
|
|
@@ -4678,8 +4772,8 @@ var DropdownMenu = styled__default.div(_templateObject6$3 || (_templateObject6$3
|
|
|
4678
4772
|
var $menuBackground = _ref22.$menuBackground;
|
|
4679
4773
|
return $menuBackground || colorVariables.accent.extraLight;
|
|
4680
4774
|
});
|
|
4681
|
-
var SelectedOptionsWrapper = styled__default.div(_templateObject7$
|
|
4682
|
-
var SelectedOptionDiv = styled__default.div(_templateObject8$
|
|
4775
|
+
var SelectedOptionsWrapper = styled__default.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
|
|
4776
|
+
var SelectedOptionDiv = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\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 (_ref23) {
|
|
4683
4777
|
var $selectedOptionBackground = _ref23.$selectedOptionBackground,
|
|
4684
4778
|
$disabled = _ref23.$disabled;
|
|
4685
4779
|
switch ($selectedOptionBackground) {
|
|
@@ -4725,7 +4819,7 @@ var SelectedOptionDiv = styled__default.div(_templateObject8$1 || (_templateObje
|
|
|
4725
4819
|
return $selectedOptionColor;
|
|
4726
4820
|
}
|
|
4727
4821
|
});
|
|
4728
|
-
var RemoveIcon = styled__default.div(_templateObject9$
|
|
4822
|
+
var RemoveIcon = styled__default.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\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 (_ref25) {
|
|
4729
4823
|
var $disabled = _ref25.$disabled;
|
|
4730
4824
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
4731
4825
|
}, function (_ref26) {
|
|
@@ -4736,8 +4830,8 @@ var RemoveIcon = styled__default.div(_templateObject9$1 || (_templateObject9$1 =
|
|
|
4736
4830
|
var $disabled = _ref27.$disabled;
|
|
4737
4831
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
4738
4832
|
});
|
|
4739
|
-
var TextWrapper = styled__default.div(_templateObject10$
|
|
4740
|
-
var Asterisk = styled__default.span(_templateObject11$
|
|
4833
|
+
var TextWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
4834
|
+
var Asterisk = styled__default.span(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables["default"].error);
|
|
4741
4835
|
var MultiSelectDropdown = function MultiSelectDropdown(_ref28) {
|
|
4742
4836
|
var title = _ref28.title,
|
|
4743
4837
|
titleWeight = _ref28.titleWeight,
|
|
@@ -4895,9 +4989,9 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref28) {
|
|
|
4895
4989
|
}))));
|
|
4896
4990
|
};
|
|
4897
4991
|
|
|
4898
|
-
var _templateObject$
|
|
4899
|
-
var SelectedOptionsWrapper$1 = styled__default.div(_templateObject$
|
|
4900
|
-
var SelectedOptionDiv$1 = styled__default.div(_templateObject2$
|
|
4992
|
+
var _templateObject$b, _templateObject2$8, _templateObject3$6;
|
|
4993
|
+
var SelectedOptionsWrapper$1 = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
|
|
4994
|
+
var SelectedOptionDiv$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\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) {
|
|
4901
4995
|
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
4902
4996
|
$type = _ref.$type;
|
|
4903
4997
|
return $selectedOptionBackground || $type === 'remove' ? colorVariables.disabled.error : colorVariables.accent.softBlue;
|
|
@@ -4906,7 +5000,7 @@ var SelectedOptionDiv$1 = styled__default.div(_templateObject2$7 || (_templateOb
|
|
|
4906
5000
|
$type = _ref2.$type;
|
|
4907
5001
|
return $selectedOptionColor || $type === 'remove' ? colorVariables["default"].error : colorVariables.brand.primary;
|
|
4908
5002
|
});
|
|
4909
|
-
var RemoveIcon$1 = styled__default.div(_templateObject3$
|
|
5003
|
+
var RemoveIcon$1 = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\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) {
|
|
4910
5004
|
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
4911
5005
|
$type = _ref3.$type;
|
|
4912
5006
|
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables.disabled.primary;
|
|
@@ -4957,8 +5051,8 @@ var SelectedOption = function SelectedOption(_ref4) {
|
|
|
4957
5051
|
}));
|
|
4958
5052
|
};
|
|
4959
5053
|
|
|
4960
|
-
var _templateObject$
|
|
4961
|
-
var TitleText$1 = styled__default.label(_templateObject$
|
|
5054
|
+
var _templateObject$c, _templateObject2$9, _templateObject3$7, _templateObject4$5, _templateObject5$5, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
5055
|
+
var TitleText$1 = styled__default.label(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n position: relative;\n width: max-content;\n white-space: nowrap;\n font-weight: ", ";\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
4962
5056
|
var $titleWeight = _ref.$titleWeight;
|
|
4963
5057
|
return $titleWeight || 500;
|
|
4964
5058
|
}, function (_ref2) {
|
|
@@ -4996,11 +5090,11 @@ var TitleText$1 = styled__default.label(_templateObject$b || (_templateObject$b
|
|
|
4996
5090
|
return $titlecolor;
|
|
4997
5091
|
}
|
|
4998
5092
|
});
|
|
4999
|
-
var DropdownContainer$1 = styled__default.div(_templateObject2$
|
|
5093
|
+
var DropdownContainer$1 = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n width: ", ";\n max-width: 100%;\n position: relative;\n gap: 8px;\n display: flex;\n"])), function (_ref4) {
|
|
5000
5094
|
var $width = _ref4.$width;
|
|
5001
5095
|
return $width || '100%';
|
|
5002
5096
|
});
|
|
5003
|
-
var DropdownButton$1 = styled__default.div(_templateObject3$
|
|
5097
|
+
var DropdownButton$1 = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\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) {
|
|
5004
5098
|
var $disabled = _ref5.$disabled;
|
|
5005
5099
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
5006
5100
|
}, function (_ref6) {
|
|
@@ -5051,7 +5145,7 @@ var DropdownButton$1 = styled__default.div(_templateObject3$6 || (_templateObjec
|
|
|
5051
5145
|
return '14px';
|
|
5052
5146
|
}
|
|
5053
5147
|
});
|
|
5054
|
-
var Options = styled__default.div(_templateObject4$
|
|
5148
|
+
var Options = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\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) {
|
|
5055
5149
|
var $optionColor = _ref14.$optionColor,
|
|
5056
5150
|
$optionSelected = _ref14.$optionSelected;
|
|
5057
5151
|
return $optionSelected ? colorVariables.text.white : $optionColor || colorVariables.text.medium;
|
|
@@ -5066,7 +5160,7 @@ var Options = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _t
|
|
|
5066
5160
|
$optionSelected = _ref17.$optionSelected;
|
|
5067
5161
|
return $optionSelected ? colorVariables["default"].primary : $optionBackgroundColor || colorVariables["default"].tertiary;
|
|
5068
5162
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
5069
|
-
var LabelText$1 = styled__default.div(_templateObject5$
|
|
5163
|
+
var LabelText$1 = styled__default.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n line-height: ", ";\n font-style: ", ";\n color: ", ";\n"])), function (_ref18) {
|
|
5070
5164
|
var $size = _ref18.$size;
|
|
5071
5165
|
switch ($size) {
|
|
5072
5166
|
case 'small':
|
|
@@ -5094,8 +5188,8 @@ var LabelText$1 = styled__default.div(_templateObject5$4 || (_templateObject5$4
|
|
|
5094
5188
|
$disabled = _ref21.$disabled;
|
|
5095
5189
|
return $disabled ? colorVariables.text.medium : $color || colorVariables.text.medium;
|
|
5096
5190
|
});
|
|
5097
|
-
var NoOptions = styled__default(Span)(_templateObject6$
|
|
5098
|
-
var DropdownMenu$1 = styled__default.div(_templateObject7$
|
|
5191
|
+
var NoOptions = styled__default(Span)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n padding: 12px;\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
5192
|
+
var DropdownMenu$1 = styled__default.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\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.border.light, function (_ref22) {
|
|
5099
5193
|
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
5100
5194
|
return $optionsBorderRadius || '8px';
|
|
5101
5195
|
}, function (_ref23) {
|
|
@@ -5111,8 +5205,8 @@ var DropdownMenu$1 = styled__default.div(_templateObject7$2 || (_templateObject7
|
|
|
5111
5205
|
var $bottom = _ref26.$bottom;
|
|
5112
5206
|
return $bottom && "bottom: " + $bottom + ";";
|
|
5113
5207
|
});
|
|
5114
|
-
var OptionsWrapper = styled__default.div(_templateObject8$
|
|
5115
|
-
var SearchContainer$1 = styled__default.div(_templateObject9$
|
|
5208
|
+
var OptionsWrapper = styled__default.div(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n max-height: 150px; \n overflow-y: auto;\n scrollbar-width: thin;\n width: 100%;\n"])));
|
|
5209
|
+
var SearchContainer$1 = styled__default.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\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) {
|
|
5116
5210
|
var $background = _ref27.$background;
|
|
5117
5211
|
return $background || colorVariables.accent.extraLight;
|
|
5118
5212
|
}, function (_ref28) {
|
|
@@ -5122,7 +5216,7 @@ var SearchContainer$1 = styled__default.div(_templateObject9$2 || (_templateObje
|
|
|
5122
5216
|
var $borderRadius = _ref29.$borderRadius;
|
|
5123
5217
|
return $borderRadius || '8px 8px 0 0';
|
|
5124
5218
|
});
|
|
5125
|
-
var SearchBar$1 = styled__default.input(_templateObject10$
|
|
5219
|
+
var SearchBar$1 = styled__default.input(_templateObject10$3 || (_templateObject10$3 = _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: transparent;\n color: ", ";\n outline: none;\n \n &::placeholder {\n color: ", ";\n font-style: italic;\n }\n"])), function (_ref30) {
|
|
5126
5220
|
var $inputColor = _ref30.$inputColor;
|
|
5127
5221
|
return $inputColor || colorVariables.text.medium;
|
|
5128
5222
|
}, function (_ref31) {
|
|
@@ -5353,9 +5447,9 @@ var useClickOutside = function useClickOutside(elRef, elCallback) {
|
|
|
5353
5447
|
}, [elCallback, elRef]);
|
|
5354
5448
|
};
|
|
5355
5449
|
|
|
5356
|
-
var _templateObject$
|
|
5357
|
-
var ModalOverlay = styled__default.div(_templateObject$
|
|
5358
|
-
var ModalContainer = styled__default.div(_templateObject2$
|
|
5450
|
+
var _templateObject$d, _templateObject2$a;
|
|
5451
|
+
var ModalOverlay = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\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"])));
|
|
5452
|
+
var ModalContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\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.accent.light, function (_ref) {
|
|
5359
5453
|
var $maxWidth = _ref.$maxWidth;
|
|
5360
5454
|
return $maxWidth ? $maxWidth : '400px';
|
|
5361
5455
|
});
|
|
@@ -5463,8 +5557,8 @@ var useNotification = function useNotification() {
|
|
|
5463
5557
|
};
|
|
5464
5558
|
};
|
|
5465
5559
|
|
|
5466
|
-
var _templateObject$
|
|
5467
|
-
var SearchContainer$2 = styled__default.div(_templateObject$
|
|
5560
|
+
var _templateObject$e, _templateObject2$b;
|
|
5561
|
+
var SearchContainer$2 = styled__default.div(_templateObject$e || (_templateObject$e = _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) {
|
|
5468
5562
|
var $background = _ref.$background;
|
|
5469
5563
|
return $background || colorVariables["default"].tertiary;
|
|
5470
5564
|
}, function (_ref2) {
|
|
@@ -5477,7 +5571,7 @@ var SearchContainer$2 = styled__default.div(_templateObject$d || (_templateObjec
|
|
|
5477
5571
|
var $disabled = _ref4.$disabled;
|
|
5478
5572
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
5479
5573
|
}, colorVariables.text.dark);
|
|
5480
|
-
var SearchBar$2 = styled__default.input(_templateObject2$
|
|
5574
|
+
var SearchBar$2 = styled__default.input(_templateObject2$b || (_templateObject2$b = _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["default"].tertiary, function (_ref5) {
|
|
5481
5575
|
var $inputColor = _ref5.$inputColor;
|
|
5482
5576
|
return $inputColor || colorVariables.text.medium;
|
|
5483
5577
|
}, function (_ref6) {
|
|
@@ -5527,8 +5621,8 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
5527
5621
|
}));
|
|
5528
5622
|
};
|
|
5529
5623
|
|
|
5530
|
-
var _templateObject$
|
|
5531
|
-
var Label = styled__default.label(_templateObject$
|
|
5624
|
+
var _templateObject$f, _templateObject2$c, _templateObject3$8, _templateObject4$6, _templateObject5$6;
|
|
5625
|
+
var Label = styled__default.label(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n cursor: auto;\n width: 100%;\n font-weight: ", ";\n position: relative;\n white-space: nowrap;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref) {
|
|
5532
5626
|
var $fontWeight = _ref.$fontWeight;
|
|
5533
5627
|
return $fontWeight != null ? $fontWeight : '500';
|
|
5534
5628
|
}, function (_ref2) {
|
|
@@ -5566,7 +5660,7 @@ var Label = styled__default.label(_templateObject$e || (_templateObject$e = _tag
|
|
|
5566
5660
|
return $titlecolor;
|
|
5567
5661
|
}
|
|
5568
5662
|
});
|
|
5569
|
-
var Input = styled__default.input(_templateObject2$
|
|
5663
|
+
var Input = styled__default.input(_templateObject2$c || (_templateObject2$c = _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) {
|
|
5570
5664
|
var $disabled = _ref4.$disabled;
|
|
5571
5665
|
return $disabled ? 'not-allowed' : 'auto';
|
|
5572
5666
|
}, function (_ref5) {
|
|
@@ -5615,12 +5709,12 @@ var Input = styled__default.input(_templateObject2$b || (_templateObject2$b = _t
|
|
|
5615
5709
|
return $color;
|
|
5616
5710
|
}
|
|
5617
5711
|
}, colorVariables.text.light);
|
|
5618
|
-
var InputWrapper$1 = styled__default.div(_templateObject3$
|
|
5619
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$
|
|
5712
|
+
var InputWrapper$1 = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
5713
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n cursor: pointer;\n\n > div {\n cursor: ", ";\n }\n"])), function (_ref10) {
|
|
5620
5714
|
var $disabled = _ref10.$disabled;
|
|
5621
5715
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
5622
5716
|
});
|
|
5623
|
-
var Asterisk$1 = styled__default.span(_templateObject5$
|
|
5717
|
+
var Asterisk$1 = styled__default.span(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: 10px;\n height: fit-content;\n position: absolute;\n top: -2px;\n right: -8px;\n"])), colorVariables["default"].error);
|
|
5624
5718
|
var TextField = function TextField(_ref11) {
|
|
5625
5719
|
var _ref11$type = _ref11.type,
|
|
5626
5720
|
type = _ref11$type === void 0 ? 'text' : _ref11$type,
|
|
@@ -5719,12 +5813,12 @@ var TextField = function TextField(_ref11) {
|
|
|
5719
5813
|
}))));
|
|
5720
5814
|
};
|
|
5721
5815
|
|
|
5722
|
-
var _templateObject$
|
|
5723
|
-
var Container$3 = styled__default.div(_templateObject$
|
|
5816
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$9;
|
|
5817
|
+
var Container$3 = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n padding: ", ";\n"])), function (_ref) {
|
|
5724
5818
|
var $padding = _ref.$padding;
|
|
5725
5819
|
return $padding;
|
|
5726
5820
|
});
|
|
5727
|
-
var Label$1 = styled__default.label(_templateObject2$
|
|
5821
|
+
var Label$1 = styled__default.label(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n cursor: auto;\n font-weight: ", ";\n position: relative;\n width: max-content;\n\n ", "\n\n color: ", ";\n"])), function (_ref2) {
|
|
5728
5822
|
var $fontWeight = _ref2.$fontWeight;
|
|
5729
5823
|
return $fontWeight != null ? $fontWeight : '500';
|
|
5730
5824
|
}, function (_ref3) {
|
|
@@ -5743,7 +5837,7 @@ var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c =
|
|
|
5743
5837
|
var $titlecolor = _ref4.$titlecolor;
|
|
5744
5838
|
return $titlecolor || colorVariables.text.dark;
|
|
5745
5839
|
});
|
|
5746
|
-
var TextAreaComponent = styled__default.textarea(_templateObject3$
|
|
5840
|
+
var TextAreaComponent = styled__default.textarea(_templateObject3$9 || (_templateObject3$9 = _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) {
|
|
5747
5841
|
var $disabled = _ref5.$disabled;
|
|
5748
5842
|
return $disabled ? 'not-allowed' : 'auto';
|
|
5749
5843
|
}, function (_ref6) {
|
|
@@ -5815,18 +5909,18 @@ var TextArea = function TextArea(_ref10) {
|
|
|
5815
5909
|
}));
|
|
5816
5910
|
};
|
|
5817
5911
|
|
|
5818
|
-
var _templateObject$
|
|
5819
|
-
var OptionContainer$1 = styled__default.div(_templateObject$
|
|
5820
|
-
var OptionItem$1 = styled__default.div(_templateObject2$
|
|
5912
|
+
var _templateObject$h, _templateObject2$e, _templateObject3$a, _templateObject4$7, _templateObject5$7, _templateObject6$6, _templateObject7$4;
|
|
5913
|
+
var OptionContainer$1 = styled__default.div(_templateObject$h || (_templateObject$h = _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);
|
|
5914
|
+
var OptionItem$1 = styled__default.div(_templateObject2$e || (_templateObject2$e = _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) {
|
|
5821
5915
|
var $optionSelected = _ref.$optionSelected;
|
|
5822
5916
|
return $optionSelected ? colorVariables.text.white : colorVariables.text.medium;
|
|
5823
5917
|
}, function (_ref2) {
|
|
5824
5918
|
var $optionSelected = _ref2.$optionSelected;
|
|
5825
5919
|
return $optionSelected ? colorVariables["default"].primary : colorVariables.text.white;
|
|
5826
5920
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
5827
|
-
var TotalOptionsHeader = styled__default.div(_templateObject3$
|
|
5828
|
-
var OptionLabel$1 = styled__default.label(_templateObject4$
|
|
5829
|
-
var SearchContainer$3 = styled__default.div(_templateObject5$
|
|
5921
|
+
var TotalOptionsHeader = styled__default.div(_templateObject3$a || (_templateObject3$a = _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);
|
|
5922
|
+
var OptionLabel$1 = styled__default.label(_templateObject4$7 || (_templateObject4$7 = _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"])));
|
|
5923
|
+
var SearchContainer$3 = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _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) {
|
|
5830
5924
|
var $background = _ref3.$background;
|
|
5831
5925
|
switch ($background) {
|
|
5832
5926
|
case 'dark':
|
|
@@ -5855,7 +5949,7 @@ var SearchContainer$3 = styled__default.div(_templateObject5$6 || (_templateObje
|
|
|
5855
5949
|
var $borderRadius = _ref5.$borderRadius;
|
|
5856
5950
|
return $borderRadius || '8px';
|
|
5857
5951
|
});
|
|
5858
|
-
var SearchBar$3 = styled__default.input(_templateObject6$
|
|
5952
|
+
var SearchBar$3 = styled__default.input(_templateObject6$6 || (_templateObject6$6 = _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) {
|
|
5859
5953
|
var $inputColor = _ref6.$inputColor;
|
|
5860
5954
|
switch ($inputColor) {
|
|
5861
5955
|
case 'dark':
|
|
@@ -5900,7 +5994,7 @@ var SearchBar$3 = styled__default.input(_templateObject6$5 || (_templateObject6$
|
|
|
5900
5994
|
return $placeholderColor;
|
|
5901
5995
|
}
|
|
5902
5996
|
});
|
|
5903
|
-
var OptionsWrapper$1 = styled__default.div(_templateObject7$
|
|
5997
|
+
var OptionsWrapper$1 = styled__default.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n padding: 4px 0px;\n height: 100%;\n overflow-y: auto;\n scrollbar-width: thin;\n background: ", "\n"])), colorVariables.text.white);
|
|
5904
5998
|
var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
5905
5999
|
var options = _ref8.options,
|
|
5906
6000
|
selectedOption = _ref8.selectedOption,
|
|
@@ -6015,8 +6109,8 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
6015
6109
|
}, NoOptionsText)))));
|
|
6016
6110
|
};
|
|
6017
6111
|
|
|
6018
|
-
var _templateObject$
|
|
6019
|
-
var StyledInput$1 = styled__default.input(_templateObject$
|
|
6112
|
+
var _templateObject$i, _templateObject2$f;
|
|
6113
|
+
var StyledInput$1 = styled__default.input(_templateObject$i || (_templateObject$i = _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) {
|
|
6020
6114
|
var $checkboxSize = _ref.$checkboxSize;
|
|
6021
6115
|
return $checkboxSize + "px";
|
|
6022
6116
|
}, function (_ref2) {
|
|
@@ -6045,7 +6139,7 @@ var StyledInput$1 = styled__default.input(_templateObject$h || (_templateObject$
|
|
|
6045
6139
|
var $checkboxSize = _ref9.$checkboxSize;
|
|
6046
6140
|
return $checkboxSize / 2.4 + "px";
|
|
6047
6141
|
}, colorVariables.text.white);
|
|
6048
|
-
var LabelSpan = styled__default(Span)(_templateObject2$
|
|
6142
|
+
var LabelSpan = styled__default(Span)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n line-height: 1;\n user-select: none;\n"])));
|
|
6049
6143
|
var CheckBox = function CheckBox(_ref10) {
|
|
6050
6144
|
var label = _ref10.label,
|
|
6051
6145
|
_ref10$labelSide = _ref10.labelSide,
|
|
@@ -6100,8 +6194,8 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
6100
6194
|
}, label));
|
|
6101
6195
|
};
|
|
6102
6196
|
|
|
6103
|
-
var _templateObject$
|
|
6104
|
-
var spin$1 = styled.keyframes(_templateObject$
|
|
6197
|
+
var _templateObject$j, _templateObject2$g, _templateObject3$b, _templateObject4$8;
|
|
6198
|
+
var spin$1 = styled.keyframes(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n 0% { opacity: 1; }\n 100% { opacity: 0.3; }\n"])));
|
|
6105
6199
|
var getDotPosition = function getDotPosition(index, size) {
|
|
6106
6200
|
var angle = index * 360 / 8;
|
|
6107
6201
|
var radius = size / 2.5;
|
|
@@ -6109,7 +6203,7 @@ var getDotPosition = function getDotPosition(index, size) {
|
|
|
6109
6203
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
6110
6204
|
return "translate(" + x + "px, " + y + "px)";
|
|
6111
6205
|
};
|
|
6112
|
-
var SpinnerContainer = styled__default.div(_templateObject2$
|
|
6206
|
+
var SpinnerContainer = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", "px;\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref) {
|
|
6113
6207
|
var $size = _ref.$size;
|
|
6114
6208
|
return $size;
|
|
6115
6209
|
}, function (_ref2) {
|
|
@@ -6124,7 +6218,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
6124
6218
|
transform: getDotPosition($index, $size)
|
|
6125
6219
|
}
|
|
6126
6220
|
};
|
|
6127
|
-
})(_templateObject3$
|
|
6221
|
+
})(_templateObject3$b || (_templateObject3$b = _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) {
|
|
6128
6222
|
var $dotSize = _ref4.$dotSize;
|
|
6129
6223
|
return $dotSize;
|
|
6130
6224
|
}, function (_ref5) {
|
|
@@ -6141,7 +6235,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
6141
6235
|
$speed = _ref8.$speed;
|
|
6142
6236
|
return $index * $speed / 8;
|
|
6143
6237
|
});
|
|
6144
|
-
var SpinnerWrapper = styled__default.div(_templateObject4$
|
|
6238
|
+
var SpinnerWrapper = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: max-content;\n"])));
|
|
6145
6239
|
var sizeMap = {
|
|
6146
6240
|
small: {
|
|
6147
6241
|
size: 32
|
|
@@ -6182,9 +6276,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
6182
6276
|
})), text && React__default.createElement(React__default.Fragment, null, text));
|
|
6183
6277
|
};
|
|
6184
6278
|
|
|
6185
|
-
var _templateObject$
|
|
6186
|
-
var spin$2 = styled.keyframes(_templateObject$
|
|
6187
|
-
var Spinner$1 = styled__default.div(_templateObject2$
|
|
6279
|
+
var _templateObject$k, _templateObject2$h;
|
|
6280
|
+
var spin$2 = styled.keyframes(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
6281
|
+
var Spinner$1 = styled__default.div(_templateObject2$h || (_templateObject2$h = _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) {
|
|
6188
6282
|
var $size = _ref.$size;
|
|
6189
6283
|
return $size;
|
|
6190
6284
|
}, function (_ref2) {
|
|
@@ -6225,8 +6319,8 @@ var Loader = function Loader(_ref4) {
|
|
|
6225
6319
|
}, title))));
|
|
6226
6320
|
};
|
|
6227
6321
|
|
|
6228
|
-
var _templateObject$
|
|
6229
|
-
var PageInput = styled__default.input(_templateObject$
|
|
6322
|
+
var _templateObject$l;
|
|
6323
|
+
var PageInput = styled__default.input(_templateObject$l || (_templateObject$l = _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);
|
|
6230
6324
|
var Pagination = function Pagination(_ref) {
|
|
6231
6325
|
var totalPages = _ref.totalPages,
|
|
6232
6326
|
currentPage = _ref.currentPage,
|
|
@@ -6410,21 +6504,21 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
6410
6504
|
})));
|
|
6411
6505
|
};
|
|
6412
6506
|
|
|
6413
|
-
var _templateObject$
|
|
6414
|
-
var SidebarContainer = styled__default.div(_templateObject$
|
|
6507
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$8;
|
|
6508
|
+
var SidebarContainer = styled__default.div(_templateObject$m || (_templateObject$m = _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) {
|
|
6415
6509
|
var $isExpanded = _ref.$isExpanded;
|
|
6416
6510
|
return $isExpanded ? '225px' : '68px';
|
|
6417
6511
|
}, function (_ref2) {
|
|
6418
6512
|
var $background = _ref2.$background;
|
|
6419
6513
|
return $background || colorVariables.accent.softBlue;
|
|
6420
6514
|
});
|
|
6421
|
-
var SidebarLink = styled__default(reactRouterDom.NavLink)(_templateObject2$
|
|
6422
|
-
var IconWrapper$2 = styled__default.div(_templateObject3$
|
|
6515
|
+
var SidebarLink = styled__default(reactRouterDom.NavLink)(_templateObject2$i || (_templateObject2$i = _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 text-decoration: none;\n transition: background 0.3s;\n\n &:hover {\n background: ", ";\n }\n"])), colorVariables.text.medium, colorVariables["default"].primary);
|
|
6516
|
+
var IconWrapper$2 = styled__default.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background: ", ";\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref3) {
|
|
6423
6517
|
var $selected = _ref3.$selected;
|
|
6424
6518
|
return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
|
|
6425
6519
|
});
|
|
6426
|
-
var Logo = styled__default.div(_templateObject4$
|
|
6427
|
-
var TextContainer = styled__default.span(_templateObject5$
|
|
6520
|
+
var Logo = styled__default.div(_templateObject4$9 || (_templateObject4$9 = _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"])));
|
|
6521
|
+
var TextContainer = styled__default.span(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\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) {
|
|
6428
6522
|
var $padding = _ref4.$padding;
|
|
6429
6523
|
return $padding;
|
|
6430
6524
|
}, function (_ref5) {
|
|
@@ -6562,14 +6656,14 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
6562
6656
|
}))), ProfileContent);
|
|
6563
6657
|
};
|
|
6564
6658
|
|
|
6565
|
-
var _templateObject$
|
|
6566
|
-
var ContainerWrapper = styled__default.div(_templateObject$
|
|
6659
|
+
var _templateObject$n, _templateObject2$j, _templateObject3$d, _templateObject4$a;
|
|
6660
|
+
var ContainerWrapper = styled__default.div(_templateObject$n || (_templateObject$n = _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) {
|
|
6567
6661
|
return props.$width || 'auto';
|
|
6568
6662
|
}, function (_ref) {
|
|
6569
6663
|
var $minHeight = _ref.$minHeight;
|
|
6570
6664
|
return $minHeight;
|
|
6571
6665
|
});
|
|
6572
|
-
var CellContainer = styled__default.div(_templateObject2$
|
|
6666
|
+
var CellContainer = styled__default.div(_templateObject2$j || (_templateObject2$j = _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) {
|
|
6573
6667
|
return props.$align;
|
|
6574
6668
|
}, function (props) {
|
|
6575
6669
|
return props.$width || 'auto';
|
|
@@ -6580,14 +6674,14 @@ var CellContainer = styled__default.div(_templateObject2$i || (_templateObject2$
|
|
|
6580
6674
|
}, function (props) {
|
|
6581
6675
|
return props.$padding;
|
|
6582
6676
|
});
|
|
6583
|
-
var MainText = styled__default.div(_templateObject3$
|
|
6677
|
+
var MainText = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
6584
6678
|
return props.$mtc;
|
|
6585
6679
|
}, function (props) {
|
|
6586
6680
|
return props.$mtfs;
|
|
6587
6681
|
}, function (props) {
|
|
6588
6682
|
return props.$mtw;
|
|
6589
6683
|
});
|
|
6590
|
-
var SubText = styled__default.div(_templateObject4$
|
|
6684
|
+
var SubText = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size:", ";\n font-weight:", ";\n line-height: 100%;\n"])), function (props) {
|
|
6591
6685
|
return props.$stc;
|
|
6592
6686
|
}, function (props) {
|
|
6593
6687
|
return props.$stfs;
|
|
@@ -6639,8 +6733,8 @@ var TableCell = function TableCell(_ref2) {
|
|
|
6639
6733
|
}, subtext)));
|
|
6640
6734
|
};
|
|
6641
6735
|
|
|
6642
|
-
var _templateObject$
|
|
6643
|
-
var TableRowContainer = styled.styled.div(_templateObject$
|
|
6736
|
+
var _templateObject$o;
|
|
6737
|
+
var TableRowContainer = styled.styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n background: inherit;\n align-items:center;\n padding: 16px 12px;\n width: 100%;\n"])));
|
|
6644
6738
|
var TableRow = function TableRow(_ref) {
|
|
6645
6739
|
var rowconfig = _ref.rowconfig,
|
|
6646
6740
|
tableheaderconfig = _ref.tableheaderconfig;
|
|
@@ -6683,16 +6777,16 @@ var TableRow = function TableRow(_ref) {
|
|
|
6683
6777
|
}));
|
|
6684
6778
|
};
|
|
6685
6779
|
|
|
6686
|
-
var _templateObject$
|
|
6687
|
-
var TableContainer = styled__default.div(_templateObject$
|
|
6688
|
-
var TableHeader = styled__default.div(_templateObject2$
|
|
6780
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9;
|
|
6781
|
+
var TableContainer = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n background: ", ";\n width: 100%;\n display: flex;\n overflow: hidden;\n border-radius: 8px;\n"])), colorVariables.brand.light);
|
|
6782
|
+
var TableHeader = styled__default.div(_templateObject2$k || (_templateObject2$k = _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) {
|
|
6689
6783
|
return props.$hbcolor || 'transparent';
|
|
6690
6784
|
}, function (props) {
|
|
6691
6785
|
return props.$tcolor || 'white';
|
|
6692
6786
|
});
|
|
6693
|
-
var TableContent = styled__default.div(_templateObject3$
|
|
6694
|
-
var TableData = styled__default.div(_templateObject4$
|
|
6695
|
-
var Divider = styled__default.div(_templateObject5$
|
|
6787
|
+
var TableContent = styled__default.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n svg {\n cursor: pointer;\n }\n"])));
|
|
6788
|
+
var TableData = styled__default.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n overflow: auto;\n scrollbar-width: thin;\n height: 100%;\n max-height: calc(100% - 36px);\n"])));
|
|
6789
|
+
var Divider = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n height: 2px;\n background: ", ";\n"])), colorVariables.border.extraLight);
|
|
6696
6790
|
var Table = function Table(_ref) {
|
|
6697
6791
|
var tableObject = _ref.tableObject,
|
|
6698
6792
|
_ref$filter = _ref.filter,
|
|
@@ -6814,8 +6908,8 @@ var Table = function Table(_ref) {
|
|
|
6814
6908
|
}))));
|
|
6815
6909
|
};
|
|
6816
6910
|
|
|
6817
|
-
var _templateObject$
|
|
6818
|
-
var Container$4 = styled__default.div(_templateObject$
|
|
6911
|
+
var _templateObject$q, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$a;
|
|
6912
|
+
var Container$4 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%; \n display: flex;\n flex-direction: column;\n overflow: ", ";\n gap: ", ";\n border: ", ";\n border-radius: 8px;\n"])), function (_ref) {
|
|
6819
6913
|
var $overflow = _ref.$overflow;
|
|
6820
6914
|
return $overflow || 'visible';
|
|
6821
6915
|
}, function (_ref2) {
|
|
@@ -6825,11 +6919,11 @@ var Container$4 = styled__default.div(_templateObject$p || (_templateObject$p =
|
|
|
6825
6919
|
var $border = _ref3.$border;
|
|
6826
6920
|
return $border;
|
|
6827
6921
|
});
|
|
6828
|
-
var FirstContainer = styled__default.div(_templateObject2$
|
|
6922
|
+
var FirstContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _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 (_ref4) {
|
|
6829
6923
|
var $headerPadding = _ref4.$headerPadding;
|
|
6830
6924
|
return $headerPadding ? $headerPadding : '0px';
|
|
6831
6925
|
});
|
|
6832
|
-
var TabContainer = styled__default.div(_templateObject3$
|
|
6926
|
+
var TabContainer = styled__default.div(_templateObject3$f || (_templateObject3$f = _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 (_ref5) {
|
|
6833
6927
|
var $disabled = _ref5.$disabled;
|
|
6834
6928
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
6835
6929
|
}, function (_ref6) {
|
|
@@ -6842,13 +6936,13 @@ var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
6842
6936
|
var $disabled = _ref8.$disabled;
|
|
6843
6937
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
6844
6938
|
});
|
|
6845
|
-
var TabItemContainer = styled__default.div(_templateObject4$
|
|
6939
|
+
var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObject4$c = _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 (_ref9) {
|
|
6846
6940
|
var $headerHeight = _ref9.$headerHeight;
|
|
6847
6941
|
return $headerHeight ? $headerHeight : '34px';
|
|
6848
6942
|
}, function (props) {
|
|
6849
6943
|
return props.$active ? 'block' : 'none';
|
|
6850
6944
|
}, colorVariables["default"].primary);
|
|
6851
|
-
var DetailsFirstContainer = styled__default.div(_templateObject5$
|
|
6945
|
+
var DetailsFirstContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _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) {
|
|
6852
6946
|
return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
|
|
6853
6947
|
});
|
|
6854
6948
|
var Tabs = function Tabs(_ref10) {
|
|
@@ -6959,6 +7053,7 @@ exports.Tabs = Tabs;
|
|
|
6959
7053
|
exports.TextArea = TextArea;
|
|
6960
7054
|
exports.TextField = TextField;
|
|
6961
7055
|
exports.TextFieldWithDropdown = TextFieldWithDropdown;
|
|
7056
|
+
exports.Tooltip = InfoTooltip;
|
|
6962
7057
|
exports.colorVariables = colorVariables;
|
|
6963
7058
|
exports.convertEpochToDateString = convertEpochToDateString;
|
|
6964
7059
|
exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
|