Merge pull request #133 from osstotalsoft/feature/AvatarIconStyle

add iconStyle prop
osstotalsoft · Oct 16, 2024 · b94f44f · b94f44f
2 parents 0b79311 + 875db3d
commit b94f44f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/surfaces/Card/Card.tsx b/src/components/surfaces/Card/Card.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import React from 'react'
 import PropTypes from 'prop-types'
-import MuiCard, { CardContent, iconStyle } from './CardStyles'
+import MuiCard, { CardContent, iconStyle as baseIconStyle } from './CardStyles'
 import CardMedia from '@mui/material/CardMedia'
 import { any, isNil } from 'ramda'
 import { CardProps, CardColor } from './types'
@@ -47,14 +47,15 @@ const Card: React.FC<CardProps> = ({
   mediaProps,
   avatarProps,
   headerContentProps,
+  iconStyle = {},
   ...props
 }) => {
   const hasIcon = !!Icon
 
   const cardHeaderProps = {
     title,
     subheader,
-    avatar: Icon && <Icon style={iconStyle} />,
+    avatar: Icon && <Icon style={{ ...baseIconStyle, ...iconStyle }} />,
     actions,
     filled,
     ...headerProps
@@ -166,7 +167,12 @@ Card.propTypes = {
    * @default {}
    * Props applied to the CardHeader component.
    */
-  headerContentProps: PropTypes.object
+  headerContentProps: PropTypes.object,
+  /**
+   * @default {}
+   * Style applied to icon avatar.
+   */
+  iconStyle: PropTypes.object
 }
 
 export default Card
diff --git a/src/components/surfaces/Card/types.ts b/src/components/surfaces/Card/types.ts
@@ -150,4 +150,8 @@ export interface CardProps extends Omit<MuiCardProps, 'title'> {
    * Style applied to the header content.
    */
   headerContentProps?: HTMLAttributes<HTMLDivElement>
+  /**
+   * Icon style.
+   */
+  iconStyle?: React.CSSProperties
 }