labsense-ui-kit 1.1.50 → 1.1.52
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/IconTooltip.d.ts +22 -0
- package/dist/Badge/Tooltip.d.ts +22 -0
- package/dist/Badge/index.d.ts +2 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +199 -122
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +199 -123
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3604,8 +3604,84 @@ var Badge = function Badge(_ref4) {
|
|
|
3604
3604
|
}, text));
|
|
3605
3605
|
};
|
|
3606
3606
|
|
|
3607
|
-
var _templateObject$3;
|
|
3608
|
-
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 IconTooltip = function IconTooltip(_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) {
|
|
3609
3685
|
var $color = _ref.$color;
|
|
3610
3686
|
return $color ? $color : colorVariables.text.medium;
|
|
3611
3687
|
}, function (_ref2) {
|
|
@@ -3671,17 +3747,17 @@ var Breadcrumbs = function Breadcrumbs(_ref6) {
|
|
|
3671
3747
|
}));
|
|
3672
3748
|
};
|
|
3673
3749
|
|
|
3674
|
-
var _templateObject$
|
|
3675
|
-
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"])));
|
|
3676
3752
|
var GlobalFonts = {
|
|
3677
3753
|
bold: 'NotoSans, sans-serif',
|
|
3678
3754
|
regular: 'NotoSans, sans-serif',
|
|
3679
3755
|
light: 'NotoSans, sans-serif'
|
|
3680
3756
|
};
|
|
3681
3757
|
|
|
3682
|
-
var _templateObject$
|
|
3683
|
-
var spin = styled.keyframes(_templateObject$
|
|
3684
|
-
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) {
|
|
3685
3761
|
var $size = _ref.$size;
|
|
3686
3762
|
return $size;
|
|
3687
3763
|
}, function (_ref2) {
|
|
@@ -3694,14 +3770,14 @@ var Spinner = styled__default.div(_templateObject2$3 || (_templateObject2$3 = _t
|
|
|
3694
3770
|
var $color = _ref4.$color;
|
|
3695
3771
|
return $color;
|
|
3696
3772
|
}, spin);
|
|
3697
|
-
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) {
|
|
3698
3774
|
var $loaderPosition = _ref5.$loaderPosition;
|
|
3699
3775
|
return $loaderPosition === 'right' ? '4px' : '0';
|
|
3700
3776
|
}, function (_ref6) {
|
|
3701
3777
|
var $loaderPosition = _ref6.$loaderPosition;
|
|
3702
3778
|
return $loaderPosition === 'left' ? '4px' : '0';
|
|
3703
3779
|
});
|
|
3704
|
-
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) {
|
|
3705
3781
|
var $iconPosition = _ref7.$iconPosition;
|
|
3706
3782
|
return $iconPosition === 'right' ? 'row-reverse' : 'row';
|
|
3707
3783
|
}, function (_ref8) {
|
|
@@ -3711,7 +3787,7 @@ var Container$1 = styled__default.div(_templateObject4 || (_templateObject4 = _t
|
|
|
3711
3787
|
var cursor = _ref9.cursor;
|
|
3712
3788
|
return cursor;
|
|
3713
3789
|
});
|
|
3714
|
-
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) {
|
|
3715
3791
|
var $disabled = _ref10.$disabled;
|
|
3716
3792
|
return $disabled ? 'none' : 'auto';
|
|
3717
3793
|
}, function (_ref11) {
|
|
@@ -3757,7 +3833,7 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
|
|
|
3757
3833
|
var color = _ref15.color;
|
|
3758
3834
|
return color;
|
|
3759
3835
|
});
|
|
3760
|
-
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) {
|
|
3761
3837
|
var $fontFamily = _ref16.$fontFamily;
|
|
3762
3838
|
return $fontFamily ? $fontFamily : GlobalFonts.bold;
|
|
3763
3839
|
}, function (_ref17) {
|
|
@@ -3858,8 +3934,8 @@ var ButtonComponent = function ButtonComponent(_ref20) {
|
|
|
3858
3934
|
})));
|
|
3859
3935
|
};
|
|
3860
3936
|
|
|
3861
|
-
var _templateObject$
|
|
3862
|
-
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) {
|
|
3863
3939
|
var $isScrollable = _ref.$isScrollable;
|
|
3864
3940
|
return $isScrollable ? '0 12px' : '0';
|
|
3865
3941
|
});
|
|
@@ -4090,19 +4166,19 @@ var timeStringToSeconds = function timeStringToSeconds(timeString) {
|
|
|
4090
4166
|
return hours * 3600 + minutes * 60 + seconds;
|
|
4091
4167
|
};
|
|
4092
4168
|
|
|
4093
|
-
var _templateObject$
|
|
4094
|
-
var DatePickerContainer = styled__default.div(_templateObject$
|
|
4095
|
-
var CalendarContainer = styled__default.div(_templateObject2$
|
|
4096
|
-
var Calendar$1 = styled__default.div(_templateObject3$
|
|
4097
|
-
var CalendarTime = styled__default.div(_templateObject4$
|
|
4098
|
-
var StartDate = styled__default.div(_templateObject5$
|
|
4099
|
-
var SelectedStart = styled__default.div(_templateObject6$
|
|
4100
|
-
var CurrentDate = styled__default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
|
|
4101
|
-
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);
|
|
4102
|
-
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);
|
|
4103
|
-
var Line = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
4104
|
-
var Zones = styled__default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
4105
|
-
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"])));
|
|
4106
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);
|
|
4107
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"])));
|
|
4108
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) {
|
|
@@ -4378,14 +4454,14 @@ var DatePicker = function DatePicker(_ref10) {
|
|
|
4378
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())))));
|
|
4379
4455
|
};
|
|
4380
4456
|
|
|
4381
|
-
var _templateObject$
|
|
4382
|
-
var OptionContainer = styled__default.div(_templateObject$
|
|
4383
|
-
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) {
|
|
4384
4460
|
var $optionBorder = _ref.$optionBorder,
|
|
4385
4461
|
$isborder = _ref.$isborder;
|
|
4386
4462
|
return $isborder ? $optionBorder || "1px solid " + colorVariables.border.extraLight : '';
|
|
4387
4463
|
});
|
|
4388
|
-
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) {
|
|
4389
4465
|
var $optionColor = _ref2.$optionColor;
|
|
4390
4466
|
switch ($optionColor) {
|
|
4391
4467
|
case 'dark':
|
|
@@ -4408,7 +4484,7 @@ var OptionLabel = styled__default.label(_templateObject3$3 || (_templateObject3$
|
|
|
4408
4484
|
return $optionColor || colorVariables.text.medium;
|
|
4409
4485
|
}
|
|
4410
4486
|
});
|
|
4411
|
-
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) {
|
|
4412
4488
|
var $background = _ref3.$background;
|
|
4413
4489
|
switch ($background) {
|
|
4414
4490
|
case 'dark':
|
|
@@ -4437,7 +4513,7 @@ var SearchContainer = styled__default.div(_templateObject4$2 || (_templateObject
|
|
|
4437
4513
|
var $borderRadius = _ref5.$borderRadius;
|
|
4438
4514
|
return $borderRadius || '8px';
|
|
4439
4515
|
});
|
|
4440
|
-
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) {
|
|
4441
4517
|
var $inputColor = _ref6.$inputColor;
|
|
4442
4518
|
switch ($inputColor) {
|
|
4443
4519
|
case 'dark':
|
|
@@ -4482,7 +4558,7 @@ var SearchBar = styled__default.input(_templateObject5$2 || (_templateObject5$2
|
|
|
4482
4558
|
return $placeholderColor;
|
|
4483
4559
|
}
|
|
4484
4560
|
});
|
|
4485
|
-
var Text = styled__default.span(_templateObject6$
|
|
4561
|
+
var Text = styled__default.span(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n word-break: break-word;\n"])));
|
|
4486
4562
|
var OptionComponent = function OptionComponent(_ref8) {
|
|
4487
4563
|
var options = _ref8.options,
|
|
4488
4564
|
selectedOptions = _ref8.selectedOptions,
|
|
@@ -4560,8 +4636,8 @@ var OptionComponent = function OptionComponent(_ref8) {
|
|
|
4560
4636
|
}, NoOptionsText))));
|
|
4561
4637
|
};
|
|
4562
4638
|
|
|
4563
|
-
var _templateObject$
|
|
4564
|
-
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) {
|
|
4565
4641
|
var $width = _ref.$width;
|
|
4566
4642
|
return $width || '100%';
|
|
4567
4643
|
}, function (_ref2) {
|
|
@@ -4571,7 +4647,7 @@ var DropdownContainer = styled__default.div(_templateObject$9 || (_templateObjec
|
|
|
4571
4647
|
var $replaceLabel = _ref3.$replaceLabel;
|
|
4572
4648
|
return $replaceLabel ? 'calc(100% - 22px)' : '';
|
|
4573
4649
|
});
|
|
4574
|
-
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) {
|
|
4575
4651
|
var $replaceLabel = _ref4.$replaceLabel;
|
|
4576
4652
|
return $replaceLabel ? 'auto' : '';
|
|
4577
4653
|
}, function (_ref5) {
|
|
@@ -4647,7 +4723,7 @@ var DropdownButton = styled__default.div(_templateObject2$6 || (_templateObject2
|
|
|
4647
4723
|
return '14px';
|
|
4648
4724
|
}
|
|
4649
4725
|
});
|
|
4650
|
-
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) {
|
|
4651
4727
|
var $titleWeight = _ref15.$titleWeight;
|
|
4652
4728
|
return $titleWeight != null ? $titleWeight : '500';
|
|
4653
4729
|
}, function (_ref16) {
|
|
@@ -4681,12 +4757,12 @@ var TitleText = styled__default.div(_templateObject3$4 || (_templateObject3$4 =
|
|
|
4681
4757
|
return $titleColor;
|
|
4682
4758
|
}
|
|
4683
4759
|
});
|
|
4684
|
-
var Container$2 = styled__default.div(_templateObject4$
|
|
4685
|
-
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) {
|
|
4686
4762
|
var $labelStyle = _ref19.$labelStyle;
|
|
4687
4763
|
return $labelStyle;
|
|
4688
4764
|
}, colorVariables.text.medium);
|
|
4689
|
-
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) {
|
|
4690
4766
|
var $optionsBorderRadius = _ref20.$optionsBorderRadius;
|
|
4691
4767
|
return $optionsBorderRadius || '8px';
|
|
4692
4768
|
}, function (_ref21) {
|
|
@@ -4696,8 +4772,8 @@ var DropdownMenu = styled__default.div(_templateObject6$3 || (_templateObject6$3
|
|
|
4696
4772
|
var $menuBackground = _ref22.$menuBackground;
|
|
4697
4773
|
return $menuBackground || colorVariables.accent.extraLight;
|
|
4698
4774
|
});
|
|
4699
|
-
var SelectedOptionsWrapper = styled__default.div(_templateObject7$
|
|
4700
|
-
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) {
|
|
4701
4777
|
var $selectedOptionBackground = _ref23.$selectedOptionBackground,
|
|
4702
4778
|
$disabled = _ref23.$disabled;
|
|
4703
4779
|
switch ($selectedOptionBackground) {
|
|
@@ -4743,7 +4819,7 @@ var SelectedOptionDiv = styled__default.div(_templateObject8$1 || (_templateObje
|
|
|
4743
4819
|
return $selectedOptionColor;
|
|
4744
4820
|
}
|
|
4745
4821
|
});
|
|
4746
|
-
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) {
|
|
4747
4823
|
var $disabled = _ref25.$disabled;
|
|
4748
4824
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
4749
4825
|
}, function (_ref26) {
|
|
@@ -4754,8 +4830,8 @@ var RemoveIcon = styled__default.div(_templateObject9$1 || (_templateObject9$1 =
|
|
|
4754
4830
|
var $disabled = _ref27.$disabled;
|
|
4755
4831
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
4756
4832
|
});
|
|
4757
|
-
var TextWrapper = styled__default.div(_templateObject10$
|
|
4758
|
-
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);
|
|
4759
4835
|
var MultiSelectDropdown = function MultiSelectDropdown(_ref28) {
|
|
4760
4836
|
var title = _ref28.title,
|
|
4761
4837
|
titleWeight = _ref28.titleWeight,
|
|
@@ -4913,9 +4989,9 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref28) {
|
|
|
4913
4989
|
}))));
|
|
4914
4990
|
};
|
|
4915
4991
|
|
|
4916
|
-
var _templateObject$
|
|
4917
|
-
var SelectedOptionsWrapper$1 = styled__default.div(_templateObject$
|
|
4918
|
-
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) {
|
|
4919
4995
|
var $selectedOptionBackground = _ref.$selectedOptionBackground,
|
|
4920
4996
|
$type = _ref.$type;
|
|
4921
4997
|
return $selectedOptionBackground || $type === 'remove' ? colorVariables.disabled.error : colorVariables.accent.softBlue;
|
|
@@ -4924,7 +5000,7 @@ var SelectedOptionDiv$1 = styled__default.div(_templateObject2$7 || (_templateOb
|
|
|
4924
5000
|
$type = _ref2.$type;
|
|
4925
5001
|
return $selectedOptionColor || $type === 'remove' ? colorVariables["default"].error : colorVariables.brand.primary;
|
|
4926
5002
|
});
|
|
4927
|
-
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) {
|
|
4928
5004
|
var $removeIconBackground = _ref3.$removeIconBackground,
|
|
4929
5005
|
$type = _ref3.$type;
|
|
4930
5006
|
return $removeIconBackground || $type === 'remove' ? '#5E5E5E24' : colorVariables.disabled.primary;
|
|
@@ -4975,8 +5051,8 @@ var SelectedOption = function SelectedOption(_ref4) {
|
|
|
4975
5051
|
}));
|
|
4976
5052
|
};
|
|
4977
5053
|
|
|
4978
|
-
var _templateObject$
|
|
4979
|
-
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) {
|
|
4980
5056
|
var $titleWeight = _ref.$titleWeight;
|
|
4981
5057
|
return $titleWeight || 500;
|
|
4982
5058
|
}, function (_ref2) {
|
|
@@ -5014,11 +5090,11 @@ var TitleText$1 = styled__default.label(_templateObject$b || (_templateObject$b
|
|
|
5014
5090
|
return $titlecolor;
|
|
5015
5091
|
}
|
|
5016
5092
|
});
|
|
5017
|
-
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) {
|
|
5018
5094
|
var $width = _ref4.$width;
|
|
5019
5095
|
return $width || '100%';
|
|
5020
5096
|
});
|
|
5021
|
-
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) {
|
|
5022
5098
|
var $disabled = _ref5.$disabled;
|
|
5023
5099
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
5024
5100
|
}, function (_ref6) {
|
|
@@ -5069,7 +5145,7 @@ var DropdownButton$1 = styled__default.div(_templateObject3$6 || (_templateObjec
|
|
|
5069
5145
|
return '14px';
|
|
5070
5146
|
}
|
|
5071
5147
|
});
|
|
5072
|
-
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) {
|
|
5073
5149
|
var $optionColor = _ref14.$optionColor,
|
|
5074
5150
|
$optionSelected = _ref14.$optionSelected;
|
|
5075
5151
|
return $optionSelected ? colorVariables.text.white : $optionColor || colorVariables.text.medium;
|
|
@@ -5084,7 +5160,7 @@ var Options = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _t
|
|
|
5084
5160
|
$optionSelected = _ref17.$optionSelected;
|
|
5085
5161
|
return $optionSelected ? colorVariables["default"].primary : $optionBackgroundColor || colorVariables["default"].tertiary;
|
|
5086
5162
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
5087
|
-
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) {
|
|
5088
5164
|
var $size = _ref18.$size;
|
|
5089
5165
|
switch ($size) {
|
|
5090
5166
|
case 'small':
|
|
@@ -5112,8 +5188,8 @@ var LabelText$1 = styled__default.div(_templateObject5$4 || (_templateObject5$4
|
|
|
5112
5188
|
$disabled = _ref21.$disabled;
|
|
5113
5189
|
return $disabled ? colorVariables.text.medium : $color || colorVariables.text.medium;
|
|
5114
5190
|
});
|
|
5115
|
-
var NoOptions = styled__default(Span)(_templateObject6$
|
|
5116
|
-
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) {
|
|
5117
5193
|
var $optionsBorderRadius = _ref22.$optionsBorderRadius;
|
|
5118
5194
|
return $optionsBorderRadius || '8px';
|
|
5119
5195
|
}, function (_ref23) {
|
|
@@ -5129,8 +5205,8 @@ var DropdownMenu$1 = styled__default.div(_templateObject7$2 || (_templateObject7
|
|
|
5129
5205
|
var $bottom = _ref26.$bottom;
|
|
5130
5206
|
return $bottom && "bottom: " + $bottom + ";";
|
|
5131
5207
|
});
|
|
5132
|
-
var OptionsWrapper = styled__default.div(_templateObject8$
|
|
5133
|
-
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) {
|
|
5134
5210
|
var $background = _ref27.$background;
|
|
5135
5211
|
return $background || colorVariables.accent.extraLight;
|
|
5136
5212
|
}, function (_ref28) {
|
|
@@ -5140,7 +5216,7 @@ var SearchContainer$1 = styled__default.div(_templateObject9$2 || (_templateObje
|
|
|
5140
5216
|
var $borderRadius = _ref29.$borderRadius;
|
|
5141
5217
|
return $borderRadius || '8px 8px 0 0';
|
|
5142
5218
|
});
|
|
5143
|
-
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) {
|
|
5144
5220
|
var $inputColor = _ref30.$inputColor;
|
|
5145
5221
|
return $inputColor || colorVariables.text.medium;
|
|
5146
5222
|
}, function (_ref31) {
|
|
@@ -5371,9 +5447,9 @@ var useClickOutside = function useClickOutside(elRef, elCallback) {
|
|
|
5371
5447
|
}, [elCallback, elRef]);
|
|
5372
5448
|
};
|
|
5373
5449
|
|
|
5374
|
-
var _templateObject$
|
|
5375
|
-
var ModalOverlay = styled__default.div(_templateObject$
|
|
5376
|
-
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) {
|
|
5377
5453
|
var $maxWidth = _ref.$maxWidth;
|
|
5378
5454
|
return $maxWidth ? $maxWidth : '400px';
|
|
5379
5455
|
});
|
|
@@ -5481,8 +5557,8 @@ var useNotification = function useNotification() {
|
|
|
5481
5557
|
};
|
|
5482
5558
|
};
|
|
5483
5559
|
|
|
5484
|
-
var _templateObject$
|
|
5485
|
-
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) {
|
|
5486
5562
|
var $background = _ref.$background;
|
|
5487
5563
|
return $background || colorVariables["default"].tertiary;
|
|
5488
5564
|
}, function (_ref2) {
|
|
@@ -5495,7 +5571,7 @@ var SearchContainer$2 = styled__default.div(_templateObject$d || (_templateObjec
|
|
|
5495
5571
|
var $disabled = _ref4.$disabled;
|
|
5496
5572
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
5497
5573
|
}, colorVariables.text.dark);
|
|
5498
|
-
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) {
|
|
5499
5575
|
var $inputColor = _ref5.$inputColor;
|
|
5500
5576
|
return $inputColor || colorVariables.text.medium;
|
|
5501
5577
|
}, function (_ref6) {
|
|
@@ -5545,8 +5621,8 @@ var SearchBox = function SearchBox(_ref7) {
|
|
|
5545
5621
|
}));
|
|
5546
5622
|
};
|
|
5547
5623
|
|
|
5548
|
-
var _templateObject$
|
|
5549
|
-
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) {
|
|
5550
5626
|
var $fontWeight = _ref.$fontWeight;
|
|
5551
5627
|
return $fontWeight != null ? $fontWeight : '500';
|
|
5552
5628
|
}, function (_ref2) {
|
|
@@ -5584,7 +5660,7 @@ var Label = styled__default.label(_templateObject$e || (_templateObject$e = _tag
|
|
|
5584
5660
|
return $titlecolor;
|
|
5585
5661
|
}
|
|
5586
5662
|
});
|
|
5587
|
-
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) {
|
|
5588
5664
|
var $disabled = _ref4.$disabled;
|
|
5589
5665
|
return $disabled ? 'not-allowed' : 'auto';
|
|
5590
5666
|
}, function (_ref5) {
|
|
@@ -5633,12 +5709,12 @@ var Input = styled__default.input(_templateObject2$b || (_templateObject2$b = _t
|
|
|
5633
5709
|
return $color;
|
|
5634
5710
|
}
|
|
5635
5711
|
}, colorVariables.text.light);
|
|
5636
|
-
var InputWrapper$1 = styled__default.div(_templateObject3$
|
|
5637
|
-
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) {
|
|
5638
5714
|
var $disabled = _ref10.$disabled;
|
|
5639
5715
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
5640
5716
|
});
|
|
5641
|
-
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);
|
|
5642
5718
|
var TextField = function TextField(_ref11) {
|
|
5643
5719
|
var _ref11$type = _ref11.type,
|
|
5644
5720
|
type = _ref11$type === void 0 ? 'text' : _ref11$type,
|
|
@@ -5737,12 +5813,12 @@ var TextField = function TextField(_ref11) {
|
|
|
5737
5813
|
}))));
|
|
5738
5814
|
};
|
|
5739
5815
|
|
|
5740
|
-
var _templateObject$
|
|
5741
|
-
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) {
|
|
5742
5818
|
var $padding = _ref.$padding;
|
|
5743
5819
|
return $padding;
|
|
5744
5820
|
});
|
|
5745
|
-
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) {
|
|
5746
5822
|
var $fontWeight = _ref2.$fontWeight;
|
|
5747
5823
|
return $fontWeight != null ? $fontWeight : '500';
|
|
5748
5824
|
}, function (_ref3) {
|
|
@@ -5761,7 +5837,7 @@ var Label$1 = styled__default.label(_templateObject2$c || (_templateObject2$c =
|
|
|
5761
5837
|
var $titlecolor = _ref4.$titlecolor;
|
|
5762
5838
|
return $titlecolor || colorVariables.text.dark;
|
|
5763
5839
|
});
|
|
5764
|
-
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) {
|
|
5765
5841
|
var $disabled = _ref5.$disabled;
|
|
5766
5842
|
return $disabled ? 'not-allowed' : 'auto';
|
|
5767
5843
|
}, function (_ref6) {
|
|
@@ -5833,18 +5909,18 @@ var TextArea = function TextArea(_ref10) {
|
|
|
5833
5909
|
}));
|
|
5834
5910
|
};
|
|
5835
5911
|
|
|
5836
|
-
var _templateObject$
|
|
5837
|
-
var OptionContainer$1 = styled__default.div(_templateObject$
|
|
5838
|
-
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) {
|
|
5839
5915
|
var $optionSelected = _ref.$optionSelected;
|
|
5840
5916
|
return $optionSelected ? colorVariables.text.white : colorVariables.text.medium;
|
|
5841
5917
|
}, function (_ref2) {
|
|
5842
5918
|
var $optionSelected = _ref2.$optionSelected;
|
|
5843
5919
|
return $optionSelected ? colorVariables["default"].primary : colorVariables.text.white;
|
|
5844
5920
|
}, colorVariables.hover.primary, colorVariables.text.white);
|
|
5845
|
-
var TotalOptionsHeader = styled__default.div(_templateObject3$
|
|
5846
|
-
var OptionLabel$1 = styled__default.label(_templateObject4$
|
|
5847
|
-
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) {
|
|
5848
5924
|
var $background = _ref3.$background;
|
|
5849
5925
|
switch ($background) {
|
|
5850
5926
|
case 'dark':
|
|
@@ -5873,7 +5949,7 @@ var SearchContainer$3 = styled__default.div(_templateObject5$6 || (_templateObje
|
|
|
5873
5949
|
var $borderRadius = _ref5.$borderRadius;
|
|
5874
5950
|
return $borderRadius || '8px';
|
|
5875
5951
|
});
|
|
5876
|
-
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) {
|
|
5877
5953
|
var $inputColor = _ref6.$inputColor;
|
|
5878
5954
|
switch ($inputColor) {
|
|
5879
5955
|
case 'dark':
|
|
@@ -5918,7 +5994,7 @@ var SearchBar$3 = styled__default.input(_templateObject6$5 || (_templateObject6$
|
|
|
5918
5994
|
return $placeholderColor;
|
|
5919
5995
|
}
|
|
5920
5996
|
});
|
|
5921
|
-
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);
|
|
5922
5998
|
var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
5923
5999
|
var options = _ref8.options,
|
|
5924
6000
|
selectedOption = _ref8.selectedOption,
|
|
@@ -6033,8 +6109,8 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref8) {
|
|
|
6033
6109
|
}, NoOptionsText)))));
|
|
6034
6110
|
};
|
|
6035
6111
|
|
|
6036
|
-
var _templateObject$
|
|
6037
|
-
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) {
|
|
6038
6114
|
var $checkboxSize = _ref.$checkboxSize;
|
|
6039
6115
|
return $checkboxSize + "px";
|
|
6040
6116
|
}, function (_ref2) {
|
|
@@ -6063,7 +6139,7 @@ var StyledInput$1 = styled__default.input(_templateObject$h || (_templateObject$
|
|
|
6063
6139
|
var $checkboxSize = _ref9.$checkboxSize;
|
|
6064
6140
|
return $checkboxSize / 2.4 + "px";
|
|
6065
6141
|
}, colorVariables.text.white);
|
|
6066
|
-
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"])));
|
|
6067
6143
|
var CheckBox = function CheckBox(_ref10) {
|
|
6068
6144
|
var label = _ref10.label,
|
|
6069
6145
|
_ref10$labelSide = _ref10.labelSide,
|
|
@@ -6118,8 +6194,8 @@ var CheckBox = function CheckBox(_ref10) {
|
|
|
6118
6194
|
}, label));
|
|
6119
6195
|
};
|
|
6120
6196
|
|
|
6121
|
-
var _templateObject$
|
|
6122
|
-
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"])));
|
|
6123
6199
|
var getDotPosition = function getDotPosition(index, size) {
|
|
6124
6200
|
var angle = index * 360 / 8;
|
|
6125
6201
|
var radius = size / 2.5;
|
|
@@ -6127,7 +6203,7 @@ var getDotPosition = function getDotPosition(index, size) {
|
|
|
6127
6203
|
var y = radius * Math.sin(angle * Math.PI / 180);
|
|
6128
6204
|
return "translate(" + x + "px, " + y + "px)";
|
|
6129
6205
|
};
|
|
6130
|
-
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) {
|
|
6131
6207
|
var $size = _ref.$size;
|
|
6132
6208
|
return $size;
|
|
6133
6209
|
}, function (_ref2) {
|
|
@@ -6142,7 +6218,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
6142
6218
|
transform: getDotPosition($index, $size)
|
|
6143
6219
|
}
|
|
6144
6220
|
};
|
|
6145
|
-
})(_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) {
|
|
6146
6222
|
var $dotSize = _ref4.$dotSize;
|
|
6147
6223
|
return $dotSize;
|
|
6148
6224
|
}, function (_ref5) {
|
|
@@ -6159,7 +6235,7 @@ var Dot = styled__default.div.attrs(function (_ref3) {
|
|
|
6159
6235
|
$speed = _ref8.$speed;
|
|
6160
6236
|
return $index * $speed / 8;
|
|
6161
6237
|
});
|
|
6162
|
-
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"])));
|
|
6163
6239
|
var sizeMap = {
|
|
6164
6240
|
small: {
|
|
6165
6241
|
size: 32
|
|
@@ -6200,9 +6276,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
6200
6276
|
})), text && React__default.createElement(React__default.Fragment, null, text));
|
|
6201
6277
|
};
|
|
6202
6278
|
|
|
6203
|
-
var _templateObject$
|
|
6204
|
-
var spin$2 = styled.keyframes(_templateObject$
|
|
6205
|
-
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) {
|
|
6206
6282
|
var $size = _ref.$size;
|
|
6207
6283
|
return $size;
|
|
6208
6284
|
}, function (_ref2) {
|
|
@@ -6243,8 +6319,8 @@ var Loader = function Loader(_ref4) {
|
|
|
6243
6319
|
}, title))));
|
|
6244
6320
|
};
|
|
6245
6321
|
|
|
6246
|
-
var _templateObject$
|
|
6247
|
-
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);
|
|
6248
6324
|
var Pagination = function Pagination(_ref) {
|
|
6249
6325
|
var totalPages = _ref.totalPages,
|
|
6250
6326
|
currentPage = _ref.currentPage,
|
|
@@ -6428,21 +6504,21 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
6428
6504
|
})));
|
|
6429
6505
|
};
|
|
6430
6506
|
|
|
6431
|
-
var _templateObject$
|
|
6432
|
-
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) {
|
|
6433
6509
|
var $isExpanded = _ref.$isExpanded;
|
|
6434
6510
|
return $isExpanded ? '225px' : '68px';
|
|
6435
6511
|
}, function (_ref2) {
|
|
6436
6512
|
var $background = _ref2.$background;
|
|
6437
6513
|
return $background || colorVariables.accent.softBlue;
|
|
6438
6514
|
});
|
|
6439
|
-
var SidebarLink = styled__default(reactRouterDom.NavLink)(_templateObject2$
|
|
6440
|
-
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) {
|
|
6441
6517
|
var $selected = _ref3.$selected;
|
|
6442
6518
|
return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
|
|
6443
6519
|
});
|
|
6444
|
-
var Logo = styled__default.div(_templateObject4$
|
|
6445
|
-
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) {
|
|
6446
6522
|
var $padding = _ref4.$padding;
|
|
6447
6523
|
return $padding;
|
|
6448
6524
|
}, function (_ref5) {
|
|
@@ -6580,14 +6656,14 @@ var Sidebar = function Sidebar(_ref10) {
|
|
|
6580
6656
|
}))), ProfileContent);
|
|
6581
6657
|
};
|
|
6582
6658
|
|
|
6583
|
-
var _templateObject$
|
|
6584
|
-
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) {
|
|
6585
6661
|
return props.$width || 'auto';
|
|
6586
6662
|
}, function (_ref) {
|
|
6587
6663
|
var $minHeight = _ref.$minHeight;
|
|
6588
6664
|
return $minHeight;
|
|
6589
6665
|
});
|
|
6590
|
-
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) {
|
|
6591
6667
|
return props.$align;
|
|
6592
6668
|
}, function (props) {
|
|
6593
6669
|
return props.$width || 'auto';
|
|
@@ -6598,14 +6674,14 @@ var CellContainer = styled__default.div(_templateObject2$i || (_templateObject2$
|
|
|
6598
6674
|
}, function (props) {
|
|
6599
6675
|
return props.$padding;
|
|
6600
6676
|
});
|
|
6601
|
-
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) {
|
|
6602
6678
|
return props.$mtc;
|
|
6603
6679
|
}, function (props) {
|
|
6604
6680
|
return props.$mtfs;
|
|
6605
6681
|
}, function (props) {
|
|
6606
6682
|
return props.$mtw;
|
|
6607
6683
|
});
|
|
6608
|
-
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) {
|
|
6609
6685
|
return props.$stc;
|
|
6610
6686
|
}, function (props) {
|
|
6611
6687
|
return props.$stfs;
|
|
@@ -6657,8 +6733,8 @@ var TableCell = function TableCell(_ref2) {
|
|
|
6657
6733
|
}, subtext)));
|
|
6658
6734
|
};
|
|
6659
6735
|
|
|
6660
|
-
var _templateObject$
|
|
6661
|
-
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"])));
|
|
6662
6738
|
var TableRow = function TableRow(_ref) {
|
|
6663
6739
|
var rowconfig = _ref.rowconfig,
|
|
6664
6740
|
tableheaderconfig = _ref.tableheaderconfig;
|
|
@@ -6701,16 +6777,16 @@ var TableRow = function TableRow(_ref) {
|
|
|
6701
6777
|
}));
|
|
6702
6778
|
};
|
|
6703
6779
|
|
|
6704
|
-
var _templateObject$
|
|
6705
|
-
var TableContainer = styled__default.div(_templateObject$
|
|
6706
|
-
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) {
|
|
6707
6783
|
return props.$hbcolor || 'transparent';
|
|
6708
6784
|
}, function (props) {
|
|
6709
6785
|
return props.$tcolor || 'white';
|
|
6710
6786
|
});
|
|
6711
|
-
var TableContent = styled__default.div(_templateObject3$
|
|
6712
|
-
var TableData = styled__default.div(_templateObject4$
|
|
6713
|
-
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);
|
|
6714
6790
|
var Table = function Table(_ref) {
|
|
6715
6791
|
var tableObject = _ref.tableObject,
|
|
6716
6792
|
_ref$filter = _ref.filter,
|
|
@@ -6832,8 +6908,8 @@ var Table = function Table(_ref) {
|
|
|
6832
6908
|
}))));
|
|
6833
6909
|
};
|
|
6834
6910
|
|
|
6835
|
-
var _templateObject$
|
|
6836
|
-
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) {
|
|
6837
6913
|
var $overflow = _ref.$overflow;
|
|
6838
6914
|
return $overflow || 'visible';
|
|
6839
6915
|
}, function (_ref2) {
|
|
@@ -6843,11 +6919,11 @@ var Container$4 = styled__default.div(_templateObject$p || (_templateObject$p =
|
|
|
6843
6919
|
var $border = _ref3.$border;
|
|
6844
6920
|
return $border;
|
|
6845
6921
|
});
|
|
6846
|
-
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) {
|
|
6847
6923
|
var $headerPadding = _ref4.$headerPadding;
|
|
6848
6924
|
return $headerPadding ? $headerPadding : '0px';
|
|
6849
6925
|
});
|
|
6850
|
-
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) {
|
|
6851
6927
|
var $disabled = _ref5.$disabled;
|
|
6852
6928
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
6853
6929
|
}, function (_ref6) {
|
|
@@ -6860,13 +6936,13 @@ var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e
|
|
|
6860
6936
|
var $disabled = _ref8.$disabled;
|
|
6861
6937
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
6862
6938
|
});
|
|
6863
|
-
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) {
|
|
6864
6940
|
var $headerHeight = _ref9.$headerHeight;
|
|
6865
6941
|
return $headerHeight ? $headerHeight : '34px';
|
|
6866
6942
|
}, function (props) {
|
|
6867
6943
|
return props.$active ? 'block' : 'none';
|
|
6868
6944
|
}, colorVariables["default"].primary);
|
|
6869
|
-
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) {
|
|
6870
6946
|
return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
|
|
6871
6947
|
});
|
|
6872
6948
|
var Tabs = function Tabs(_ref10) {
|
|
@@ -6958,6 +7034,7 @@ exports.Container = Container;
|
|
|
6958
7034
|
exports.DatePicker = DatePicker;
|
|
6959
7035
|
exports.DropdownMenu = DropdownMenu$1;
|
|
6960
7036
|
exports.Icon = Icon;
|
|
7037
|
+
exports.IconTooltip = IconTooltip;
|
|
6961
7038
|
exports.InternalTabs = InternalTabs;
|
|
6962
7039
|
exports.Loader = Loader;
|
|
6963
7040
|
exports.MultiSelectDropdown = MultiSelectDropdown;
|