@mw-kit/mw-ui 1.7.74 → 1.7.75

package/dist/components/Input/components/Input/interfaces.d.ts

@@ -32,6 +32,7 @@ export interface StyledLabelProps extends React.LabelHTMLAttributes<HTMLLabelEle
     $readOnly?: boolean;
     $invalid?: boolean;
     $disabled?: boolean;
+    $viewMode?: boolean;
     $paddingless?: boolean;
     $loading?: boolean;
     $icon?: {

package/dist/index.js

@@ -12211,7 +12211,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__default.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;
@@ -12289,8 +12289,9 @@ var Label = styled__default.label(_templateObject13$1 || (_templateObject13$1 =
   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 styled.css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, InputContainer, IconContainer, function (_ref18) {
   var theme = _ref18.theme,
@@ -12317,20 +12318,24 @@ var Label = styled__default.label(_templateObject13$1 || (_templateObject13$1 =
 
   return styled.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__default.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__default.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 styled.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 styled.css(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
+  return styled.css(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
 });
-var ViewModeContainer = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref23) {
-  var children = _ref23.children;
+var ViewModeContainer = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref24) {
+  var children = _ref24.children;
   if (children) return;
-  return styled.css(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n      :before {\n        content: ' ';\n        white-space: pre;\n      }\n    "])));
+  return styled.css(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteralLoose(["\n      :before {\n        content: ' ';\n        white-space: pre;\n      }\n    "])));
 });
 
 var defaultValue = {
@@ -12552,7 +12557,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