@campxdev/shared 1.3.1 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/DropDownButton/DropDownButton.tsx

@@ -66,7 +66,8 @@ const RenderAnchor = ({ button, icon, handleClick, loading, anchor }) => {
         {button?.label}
       </StyledDropDownButton>
     )
-  if (!button) {
+
+  if (!button && !anchor) {
     return (
       <StyledIconButton
         outlined={icon?.outlined ?? false}

package/src/components/DropDownButton/styles.tsx

@@ -2,12 +2,18 @@ import { Button, IconButton, MenuItem, styled } from '@mui/material'
 
 export const StyledIconButton = styled(IconButton, {
   shouldForwardProp: (prop) => prop !== 'outlined',
-})<{ outlined?: boolean }>(({ theme, outlined }) => ({
-  ...(outlined && {
-    border: `1px solid ${theme.palette.primary.main}`,
-    borderRadius: '5px',
+})<{ outlined?: boolean; size: 'small' | 'regular' }>(
+  ({ theme, outlined, size }) => ({
+    ...(outlined && {
+      border: `1px solid ${theme.palette.primary.main}`,
+      borderRadius: '5px',
+      ...(size === 'small' && {
+        height: '50px',
+        width: '50px',
+      }),
+    }),
   }),
-}))
+)
 
 export const StyledMenuItem = styled(MenuItem)(({}) => ({
   display: 'flex',

package/src/theme/muiTheme.ts

@@ -172,6 +172,10 @@ const muiTheme = createTheme({
       },
     },
     MuiButtonBase: {
+      defaultProps: {
+        disableRipple: true,
+        disableTouchRipple: true,
+      },
       styleOverrides: {
         root: {
           fontFamily: SECONDARY_FONT,