@tap-payments/os-micro-frontend-shared 0.0.174 → 0.0.176

package/build/components/Button/StyledButton/StyledButton.d.ts

@@ -4,6 +4,7 @@ export interface StyledButtonProps extends BoxProps {
     title?: string;
     isActive?: boolean;
     isDisabled?: boolean;
+    hasImageFilter?: boolean;
 }
 declare function StyledButton({ children, title, ...props }: StyledButtonProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof StyledButton>;

package/build/components/Button/StyledButton/style.d.ts

@@ -2,4 +2,4 @@
 import { StyledButtonProps } from './StyledButton';
 export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<StyledButtonProps, "isDisabled" | "isActive">, {}, {}>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<StyledButtonProps, "isDisabled" | "isActive" | "hasImageFilter">, {}, {}>;

package/build/components/Button/StyledButton/style.js

@@ -1,11 +1,13 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-export const Button = styled(Box)(({ isActive, isDisabled, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
+export const Button = styled(Box)(({ isActive, isDisabled, hasImageFilter = true, theme }) => (Object.assign(Object.assign(Object.assign({ minWidth: 32, height: 32, width: 'fit-content', borderRadius: '4px', padding: '9px 8px', display: 'flex', alignItems: 'center', justifyContent: 'center', border: `1px solid ${theme.palette.divider}`, cursor: 'pointer' }, (isActive && {
     boxShadow: theme.shadows[7],
     borderColor: theme.palette.info.dark,
 })), (isDisabled && {
     opacity: 0.5,
     pointerEvents: 'none',
-})), { img: {
+})), (hasImageFilter && {
+    img: {
         filter: 'brightness(0) invert(0)',
-    } })));
+    },
+}))));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.174",
+  "version": "0.0.176",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",