labsense-ui-kit 1.2.27 → 1.2.29

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.
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
3
  $clickable?: boolean | undefined;
4
+ $cursor?: string | undefined;
4
5
  }>> & string;
5
6
  declare const IconWrapperForSVG: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.SVGProps<SVGGElement>, never>> & string;
6
7
  export { IconWrapper, IconWrapperForSVG };
@@ -14,6 +15,7 @@ export interface IconProps {
14
15
  icon: IconNames;
15
16
  size?: number;
16
17
  color?: string;
18
+ cursor?: string;
17
19
  weight?: string;
18
20
  onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement | SVGElement>) => void;
19
21
  }
package/dist/index.js CHANGED
@@ -4913,8 +4913,9 @@ var Hospital = function Hospital(_ref) {
4913
4913
  var _templateObject$2, _templateObject2$2, _templateObject3;
4914
4914
  var wrapperCss = styled.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"])));
4915
4915
  var IconWrapper = styled__default.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) {
4916
- var $clickable = _ref.$clickable;
4917
- return $clickable ? 'pointer' : 'default';
4916
+ var $clickable = _ref.$clickable,
4917
+ $cursor = _ref.$cursor;
4918
+ return $cursor ? $cursor : $clickable ? 'pointer' : 'default';
4918
4919
  }, wrapperCss);
4919
4920
  var IconWrapperForSVG = styled__default.g(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", ";\n"])), wrapperCss);
4920
4921
  var IconSVGs = {
@@ -5104,6 +5105,7 @@ var IconSVGs = {
5104
5105
  var Icon = function Icon(_ref2) {
5105
5106
  var icon = _ref2.icon,
5106
5107
  color = _ref2.color,
5108
+ cursor = _ref2.cursor,
5107
5109
  _ref2$weight = _ref2.weight,
5108
5110
  weight = _ref2$weight === void 0 ? '2px' : _ref2$weight,
5109
5111
  _ref2$size = _ref2.size,
@@ -5117,7 +5119,8 @@ var Icon = function Icon(_ref2) {
5117
5119
  }
5118
5120
  return React__default.createElement(IconWrapper, {
5119
5121
  onClick: onClick,
5120
- "$clickable": !!onClick
5122
+ "$clickable": !!onClick,
5123
+ "$cursor": cursor
5121
5124
  }, React__default.createElement(IconSVG, {
5122
5125
  size: size,
5123
5126
  color: color || themeColors.text.medium,
@@ -6477,8 +6480,9 @@ var LabelText = styled__default.div(_templateObject5$4 || (_templateObject5$4 =
6477
6480
  var $labelStyle = _ref19.$labelStyle;
6478
6481
  return $labelStyle;
6479
6482
  }, function (_ref20) {
6480
- var theme = _ref20.theme;
6481
- return theme.text.medium;
6483
+ var $labelColor = _ref20.$labelColor,
6484
+ theme = _ref20.theme;
6485
+ return $labelColor || theme.text.medium;
6482
6486
  });
6483
6487
  var DropdownMenu = styled__default.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) {
6484
6488
  var theme = _ref21.theme;
@@ -6687,7 +6691,8 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref31) {
6687
6691
  weight: icon.weight || '1',
6688
6692
  color: icon.color || themeColors.text.medium
6689
6693
  }), React__default.createElement(LabelText, {
6690
- "$labelStyle": labelStyle
6694
+ "$labelStyle": labelStyle,
6695
+ "$labelColor": labelColor
6691
6696
  }, labelText)), React__default.createElement(Icon, {
6692
6697
  icon: isOpen ? 'UpArrow' : 'DownArrow',
6693
6698
  size: 7,