@mw-kit/mw-ui 1.7.53 → 1.7.55

package/dist/components/Filters/AppliedFilters/interfaces.d.ts

@@ -6,4 +6,4 @@ export interface Common {
     appliedFilters: [AppliedFilter[], React.Dispatch<React.SetStateAction<AppliedFilter[]>>];
     containerProps?: Omit<AbsoluteContainerProps, 'open'>;
 }
-export declare type AppliedFiltersProps = Common & Omit<ButtonProps, 'getContent'>;
+export declare type AppliedFiltersProps = Common & Omit<ButtonProps, 'getContent' | 'gap'>;

package/dist/components/Filters/Button/interfaces.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
+import { SpacingOrZero } from '../../../interfaces';
 export interface ButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     disabled?: true;
     getContent: (open: boolean, close: () => void) => JSX.Element;
+    gap: SpacingOrZero;
 }

package/dist/components/Filters/Button/styles.d.ts

@@ -1 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import { SpacingOrZero } from '../../../interfaces';
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap: SpacingOrZero;
+}, never>;

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

@@ -47,5 +47,5 @@ export interface Common {
     containerProps?: Omit<AbsoluteContainerProps, 'open'>;
     subContainerProps?: Pick<AbsoluteContainerProps, 'center'>;
 }
-export declare type FiltersProps = Common & Omit<ButtonProps, 'getContent'>;
+export declare type FiltersProps = Common & Omit<ButtonProps, 'getContent' | 'gap'>;
 export {};

package/dist/index.js

@@ -14977,17 +14977,11 @@ var Select = React__default.forwardRef(function (props, ref) {
 Select.displayName = 'Select';
 
 var Password = React__default.forwardRef(function (props, ref) {
-  var _useState = React.useState('none'),
+  var _useState = React.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() {
@@ -15006,15 +15000,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: {
@@ -15022,9 +15007,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
   }));
 });
@@ -17229,8 +17212,9 @@ var AppliedFiltersMenu = function AppliedFiltersMenu(props) {
 
 var _templateObject$z, _templateObject2$s, _templateObject3$n;
 var Container$8 = styled__default.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;
@@ -17260,10 +17244,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',
@@ -17276,6 +17263,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,
@@ -17709,6 +17697,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,