labsense-ui-kit 1.2.60 → 1.2.62

package/dist/index.js

@@ -8249,7 +8249,7 @@ var Label$1 = styled__default.label(_templateObject2$d || (_templateObject2$d =
     theme = _ref4.theme;
   return $titlecolor || theme.vms.text.dark;
 });
-var TextAreaComponent = styled__default.textarea(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: ", ";\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  }\n"])), function (_ref5) {
+var TextAreaComponent = styled__default.textarea(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: ", ";\n  border-radius: 8px;\n  cursor: ", ";\n  background: ", ";\n  transition: all 0.3s ease;\n  color: ", ";\n  resize: none;\n  height: 100%;\n  pointer-events: ", ";\n  \n  ", "\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return "1px solid " + theme.vms.border.light;
 }, function (_ref6) {
@@ -8264,7 +8264,10 @@ var TextAreaComponent = styled__default.textarea(_templateObject3$9 || (_templat
   var $color = _ref8.$color;
   return $color;
 }, function (_ref9) {
-  var $size = _ref9.$size;
+  var $disabled = _ref9.$disabled;
+  return $disabled ? 'none' : 'auto';
+}, function (_ref10) {
+  var $size = _ref10.$size;
   switch ($size) {
     case 'small':
       return 'font-size: 12px; padding: 5px 10px;';
@@ -8275,31 +8278,31 @@ var TextAreaComponent = styled__default.textarea(_templateObject3$9 || (_templat
     default:
       return 'font-size: 14px; padding: 7px 12px;';
   }
-}, function (_ref10) {
-  var $color = _ref10.$color,
-    theme = _ref10.theme;
-  return $color || theme.vms.text.dark;
 }, function (_ref11) {
-  var theme = _ref11.theme;
+  var $color = _ref11.$color,
+    theme = _ref11.theme;
+  return $color || theme.vms.text.dark;
+}, function (_ref12) {
+  var theme = _ref12.theme;
   return theme.vms.text.light;
 });
-var TextArea = function TextArea(_ref12) {
-  var title = _ref12.title,
-    titleWeight = _ref12.titleWeight,
-    placeholder = _ref12.placeholder,
-    _ref12$disabled = _ref12.disabled,
-    disabled = _ref12$disabled === void 0 ? false : _ref12$disabled,
-    inputValue = _ref12.inputValue,
-    onChange = _ref12.onChange,
-    _ref12$size = _ref12.size,
-    size = _ref12$size === void 0 ? 'medium' : _ref12$size,
-    color = _ref12.color,
-    _ref12$padding = _ref12.padding,
-    padding = _ref12$padding === void 0 ? '0px' : _ref12$padding,
-    titlecolor = _ref12.titlecolor,
-    _ref12$required = _ref12.required,
-    required = _ref12$required === void 0 ? false : _ref12$required,
-    background = _ref12.background;
+var TextArea = function TextArea(_ref13) {
+  var title = _ref13.title,
+    titleWeight = _ref13.titleWeight,
+    placeholder = _ref13.placeholder,
+    _ref13$disabled = _ref13.disabled,
+    disabled = _ref13$disabled === void 0 ? false : _ref13$disabled,
+    inputValue = _ref13.inputValue,
+    onChange = _ref13.onChange,
+    _ref13$size = _ref13.size,
+    size = _ref13$size === void 0 ? 'medium' : _ref13$size,
+    color = _ref13.color,
+    _ref13$padding = _ref13.padding,
+    padding = _ref13$padding === void 0 ? '0px' : _ref13$padding,
+    titlecolor = _ref13.titlecolor,
+    _ref13$required = _ref13.required,
+    required = _ref13$required === void 0 ? false : _ref13$required,
+    background = _ref13.background;
   var themeColors = useTheme();
   var _useState = React.useState(disabled),
     isDisabled = _useState[0],
@@ -9284,6 +9287,9 @@ var Sidebar = function Sidebar(_ref18) {
     },
     onMouseLeave: function onMouseLeave() {
       return setIsExpanded(false);
+    },
+    onPointerLeave: function onPointerLeave() {
+      return setIsExpanded(false);
     }
   }, React__default.createElement(Container, {
     "$flexDirection": 'column',