@mw-kit/mw-ui 1.7.53 → 1.7.55

package/dist/index.modern.js

@@ -14974,17 +14974,11 @@ var Select = React__default.forwardRef(function (props, ref) {
 Select.displayName = 'Select';
 
 var Password = React__default.forwardRef(function (props, ref) {
-  var _useState = useState('none'),
+  var _useState = useState('hidden'),
       visibility = _useState[0],
       setVisibility = _useState[1];
 
   var icons = {
-    none: {
-      icon: 'edit',
-      onClick: function onClick() {
-        return setVisibility('hidden');
-      }
-    },
     visible: {
       icon: 'eye_off',
       onClick: function onClick() {
@@ -15003,15 +14997,6 @@ var Password = React__default.forwardRef(function (props, ref) {
     icon: icons[visibility].icon,
     width: '19px'
   };
-
-  var _onBlur = props.onBlur || function () {};
-
-  var onBlur = function onBlur(event) {
-    if (!event.target.value) setVisibility('none');
-
-    _onBlur(event);
-  };
-
   return React__default.createElement(Input$1, Object.assign({}, props, {
     type: visibility === 'visible' ? 'text' : 'PASSWORD',
     icon: {
@@ -15019,9 +15004,7 @@ var Password = React__default.forwardRef(function (props, ref) {
       position: 'right',
       onClick: icons[visibility].onClick
     },
-    onBlur: onBlur,
     placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-    htmlDisabled: visibility === 'none',
     ref: ref
   }));
 });
@@ -17226,8 +17209,9 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
 
 var _templateObject$z, _templateObject2$s, _templateObject3$n;
 var Container$8 = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  color: ", ";\n\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacings.s4;
+  var theme = _ref.theme,
+      gap = _ref.$gap;
+  return gap === '0' ? '0' : theme.spacings[gap];
 }, function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.darkestGrey;
@@ -17257,10 +17241,13 @@ var Button$5 = function Button(props) {
       return !prev;
     });
   };
+  var buttonProps = filterObject(props, ['getContent', 'gap']);
   return React__default.createElement("div", {
     ref: useOnClickOut(close)
-  }, React__default.createElement(Container$8, Object.assign({}, props, {
+  }, React__default.createElement(Container$8, Object.assign({}, buttonProps, {
     onClick: onClick
+  }, {
+    "$gap": props.gap
   }), props.children, React__default.createElement(Icon, {
     type: 'semantic',
     icon: open ? 'caret up' : 'caret down',
@@ -17273,6 +17260,7 @@ var AppliedFilters = Object.assign(function (props) {
       containerProps = props.containerProps;
   var buttonProps = filterObject(props, ['appliedFilters']);
   return React__default.createElement(Button$5, Object.assign({}, buttonProps, {
+    gap: 's1',
     getContent: function getContent(open, close) {
       return React__default.createElement(AppliedFiltersMenu, Object.assign({}, {
         open: open,
@@ -17706,6 +17694,7 @@ var Filters = Object.assign(function (props) {
       subContainerProps = props.subContainerProps;
   var buttonProps = filterObject(props, ['items', 'setAppliedFilters']);
   return React__default.createElement(Button$5, Object.assign({}, buttonProps, {
+    gap: 's4',
     getContent: function getContent(open, close) {
       return React__default.createElement(FiltersMenu, Object.assign({}, {
         open: open,