labsense-ui-kit 1.2.27 → 1.2.29

package/dist/index.modern.js

@@ -4909,8 +4909,9 @@ var Hospital = function Hospital(_ref) {
 var _templateObject$2, _templateObject2$2, _templateObject3;
 var wrapperCss = css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  svg {\n    overflow: visible;\n    vector-effect: non-scaling-stroke;\n    line,\n    path,\n    circle,\n    ellipse,\n    foreignObject,\n    polygon,\n    polyline,\n    rect,\n    text,\n    textPath,\n    tspan {\n      vector-effect: non-scaling-stroke;\n    }\n  }\n"])));
 var IconWrapper = styled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  ", ";\n"])), function (_ref) {
-  var $clickable = _ref.$clickable;
-  return $clickable ? 'pointer' : 'default';
+  var $clickable = _ref.$clickable,
+    $cursor = _ref.$cursor;
+  return $cursor ? $cursor : $clickable ? 'pointer' : 'default';
 }, wrapperCss);
 var IconWrapperForSVG = styled.g(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", ";\n"])), wrapperCss);
 var IconSVGs = {
@@ -5100,6 +5101,7 @@ var IconSVGs = {
 var Icon = function Icon(_ref2) {
   var icon = _ref2.icon,
     color = _ref2.color,
+    cursor = _ref2.cursor,
     _ref2$weight = _ref2.weight,
     weight = _ref2$weight === void 0 ? '2px' : _ref2$weight,
     _ref2$size = _ref2.size,
@@ -5113,7 +5115,8 @@ var Icon = function Icon(_ref2) {
   }
   return React.createElement(IconWrapper, {
     onClick: onClick,
-    "$clickable": !!onClick
+    "$clickable": !!onClick,
+    "$cursor": cursor
   }, React.createElement(IconSVG, {
     size: size,
     color: color || themeColors.text.medium,
@@ -6473,8 +6476,9 @@ var LabelText = styled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTe
   var $labelStyle = _ref19.$labelStyle;
   return $labelStyle;
 }, function (_ref20) {
-  var theme = _ref20.theme;
-  return theme.text.medium;
+  var $labelColor = _ref20.$labelColor,
+    theme = _ref20.theme;
+  return $labelColor || theme.text.medium;
 });
 var DropdownMenu = styled.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n  max-height: 156px;\n  padding: 4px;\n  box-sizing: border-box;\n  border: ", ";\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"])), function (_ref21) {
   var theme = _ref21.theme;
@@ -6683,7 +6687,8 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref31) {
     weight: icon.weight || '1',
     color: icon.color || themeColors.text.medium
   }), React.createElement(LabelText, {
-    "$labelStyle": labelStyle
+    "$labelStyle": labelStyle,
+    "$labelColor": labelColor
   }, labelText)), React.createElement(Icon, {
     icon: isOpen ? 'UpArrow' : 'DownArrow',
     size: 7,