@mw-kit/mw-ui 1.7.73 → 1.7.75

package/dist/index.modern.js

@@ -690,7 +690,7 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
     if (props.position) return;
     setPosition(getPosition);
   }, [ref]);
-  var htmlProps = filterObject(props, ['center', 'position', 'children']);
+  var htmlProps = filterObject(props, ['center', 'position', 'children', 'content']);
   var cssKeys = {
     width: 'width',
     'max-width': 'maxWidth',
@@ -718,7 +718,9 @@ var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef)
         position: position,
         ref: setRef,
         transition: _extends({}, propsTransition, transition)
-      }), React__default.createElement("div", null, props.children));
+      }), React__default.createElement("div", {
+        children: 'content' in props ? React__default.createElement(props.content, null) : props.children
+      }));
     }
   });
 });
@@ -12206,7 +12208,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
   }));
 };
 
-var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1;
+var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1;
 var IconContainer = styled.button(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 17px;\n\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n  padding: 0;\n\n  ", "\n"])), function (_ref) {
   var onClick = _ref.onClick,
       disabled = _ref.disabled;
@@ -12284,8 +12286,9 @@ var Label = styled.label(_templateObject13$1 || (_templateObject13$1 = _taggedTe
   var width = _ref16.$width;
   return width || '100%';
 }, function (_ref17) {
-  var disabled = _ref17.$disabled;
-  if (!disabled) return;
+  var disabled = _ref17.$disabled,
+      viewMode = _ref17.$viewMode;
+  if (!disabled || viewMode) return;
   return css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, InputContainer, IconContainer, function (_ref18) {
   var theme = _ref18.theme,
@@ -12312,20 +12315,24 @@ var Label = styled.label(_templateObject13$1 || (_templateObject13$1 = _taggedTe
 
   return css(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n      > ", " > ", " {\n        width: ", ";\n        left: calc(", " / 2);\n      }\n\n      > ", " > ", " {\n        padding-left: calc(", " + ", ");\n        ~ ", " {\n          padding-left: calc(", " + ", ");\n        }\n      }\n    "])), InputContainer, IconContainer, width, padding, InputContainer, Input, padding, width, ChildrenContainer, padding, width);
 });
-var LabelText = styled.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref21) {
-  var theme = _ref21.theme,
-      viewMode = _ref21.$viewMode;
-  return theme.spacings[viewMode ? 's3' : 's1'];
+var LabelText = styled.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n\n  ", "\n\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref21) {
+  var viewMode = _ref21.$viewMode;
+  if (!viewMode) return;
+  return css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n      font-weight: bold;\n    "])));
 }, function (_ref22) {
-  var required = _ref22.$required,
+  var theme = _ref22.theme,
       viewMode = _ref22.$viewMode;
+  return theme.spacings[viewMode ? 's3' : 's1'];
+}, function (_ref23) {
+  var required = _ref23.$required,
+      viewMode = _ref23.$viewMode;
   if (!required || viewMode) return;
-  return css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
+  return css(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
 });
-var ViewModeContainer = styled.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref23) {
-  var children = _ref23.children;
+var ViewModeContainer = styled.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref24) {
+  var children = _ref24.children;
   if (children) return;
-  return css(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n      :before {\n        content: ' ';\n        white-space: pre;\n      }\n    "])));
+  return css(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteralLoose(["\n      :before {\n        content: ' ';\n        white-space: pre;\n      }\n    "])));
 });
 
 var defaultValue = {
@@ -12547,7 +12554,8 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
     "$invalid": invalid,
     "$paddingless": paddingless,
     "$icon": iconProps,
-    "$width": width
+    "$width": width,
+    "$viewMode": viewMode
   }, label && React__default.createElement(LabelText, {
     "$required": required,
     "$viewMode": viewMode