@mw-kit/mw-ui 1.7.53 → 1.7.54

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

@@ -17229,8 +17229,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 +17261,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 +17280,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 +17714,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,