@mw-kit/mw-ui 1.7.11 → 1.7.13

package/dist/index.modern.js

@@ -12604,6 +12604,15 @@ var Tabs$1 = function Tabs$1(props) {
     });
   };
 
+  var getClose = props.alwaysOpen ? function () {
+    return undefined;
+  } : function (index) {
+    return React__default.createElement(SvgClose, {
+      onClick: function onClick() {
+        return removeTab(index);
+      }
+    });
+  };
   return React__default.createElement(Container$6, null, React__default.createElement(Tabs, {
     internal: +(internal || false)
   }, tabs.map(function (tab, index) {
@@ -12613,11 +12622,7 @@ var Tabs$1 = function Tabs$1(props) {
       onClick: function onClick(event) {
         return updateActiveTab(index, event);
       }
-    }, React__default.createElement("span", null, tab.label), React__default.createElement(SvgClose, {
-      onClick: function onClick() {
-        return removeTab(index);
-      }
-    }));
+    }, React__default.createElement("span", null, tab.label), getClose(index));
   })));
 };
 
@@ -15406,25 +15411,25 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
 DatePicker.displayName = 'DatePicker';
 
 var _templateObject$r, _templateObject2$k, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$9;
-var LabelContainer$3 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 14px;\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
+var LabelContainer$3 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 14px;\n  display: flex;\n  align-items: center;\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
+}, function (_ref2) {
+  var required = _ref2.required;
+  if (!required) return;
+  return css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n      :after {\n        content: '*';\n      }\n    "])));
 });
-var Label$3 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  > input {\n    position: absolute;\n    height: 0%;\n    width: 0%;\n    opacity: 0;\n  }\n\n  > span {\n    position: relative;\n    width: 50px;\n    height: calc(", " + 1px);\n    background-color: ", ";\n    border-radius: 20px;\n    transition-property: background-color;\n    transition-duration: 0.4s;\n    transition-timing-function: ease-in-out;\n    box-sizing: content-box;\n    :before {\n      content: '';\n      transition-property: left;\n      transition-duration: 0.4s;\n      transition-timing-function: ease-in-out;\n      position: absolute;\n      border-width: 1px;\n      border-style: solid;\n      border-radius: 100%;\n      left: 0;\n      box-shadow: 0px 1px 3px ", ";\n      width: calc(", " - 1px);\n      height: calc(", " - 1px);\n      background-color: ", ";\n    }\n  }\n\n  > input:checked + span {\n    :before {\n      left: calc(100% - ", " - 1px);\n    }\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
+var Label$3 = styled.label(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  position: relative;\n\n  ", "\n\n  ", "\n\n  > input {\n    position: absolute;\n    height: 0%;\n    width: 0%;\n    opacity: 0;\n  }\n\n  > span {\n    position: relative;\n    width: 50px;\n    height: calc(", " + 1px);\n    background-color: ", ";\n    border-radius: 20px;\n    transition-property: background-color;\n    transition-duration: 0.4s;\n    transition-timing-function: ease-in-out;\n    box-sizing: content-box;\n    :before {\n      content: '';\n      transition-property: left;\n      transition-duration: 0.4s;\n      transition-timing-function: ease-in-out;\n      position: absolute;\n      border-width: 1px;\n      border-style: solid;\n      border-radius: 100%;\n      left: 0;\n      box-shadow: 0px 1px 3px ", ";\n      width: calc(", " - 1px);\n      height: calc(", " - 1px);\n      background-color: ", ";\n    }\n  }\n\n  > input:checked + span {\n    :before {\n      left: calc(100% - ", " - 1px);\n    }\n  }\n"])), function (_ref3) {
+  var theme = _ref3.theme;
   return theme.spacings.s1;
-}, function (_ref3) {
-  var disabled = _ref3.disabled;
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
 
   if (!disabled) {
-    return css(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n        > span {\n          cursor: pointer;\n        }\n      "])));
+    return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n        > span {\n          cursor: pointer;\n        }\n      "])));
   }
 
-  return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
-}, function (_ref4) {
-  var required = _ref4.required;
-  if (!required) return;
-  return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n      > ", " {\n        :after {\n          content: '*';\n        }\n      }\n    "])), LabelContainer$3);
+  return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, function (_ref5) {
   var invalid = _ref5.invalid;
 
@@ -15469,18 +15474,21 @@ var Label$3 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTe
 });
 
 var Switch = function Switch(props) {
-  var label = props.label,
-      disabled = props.disabled,
+  var disabled = props.disabled,
       required = props.required,
       invalid = props.invalid;
+  var label = isObject(props.label) ? props.label : {
+    label: props.label
+  };
   var htmlProps = filterObject(props, ['label', 'invalid', 'required']);
   return React__default.createElement(Label$3, {
     disabled: disabled ? 1 : 0,
-    required: required ? 1 : 0,
     invalid: invalid ? 1 : 0
-  }, React__default.createElement("input", Object.assign({}, htmlProps, {
+  }, label.label && React__default.createElement(LabelContainer$3, {
+    required: required ? 1 : 0
+  }, label.label), label.before && React__default.createElement(LabelContainer$3, null, label.before), React__default.createElement("input", Object.assign({}, htmlProps, {
     type: 'checkbox'
-  })), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$3, null, label));
+  })), React__default.createElement("span", null), label.after && React__default.createElement(LabelContainer$3, null, label.after));
 };
 
 var _templateObject$s, _templateObject2$l, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$7, _templateObject9$7, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;