From 6b3511d71b562784849ef32282b987156fd78846 Mon Sep 17 00:00:00 2001
From: gabrielmarquesini-tlf <gabriel.marquesini.ext@telefonica.com>
Date: Wed, 19 Jul 2023 11:57:41 -0300
Subject: [PATCH] fix: switch name from icon to asset

---
 src/__stories__/media-card-story.tsx |  2 +-
 src/card.css.ts                      |  2 +-
 src/card.tsx                         | 18 +++++++++---------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/__stories__/media-card-story.tsx b/src/__stories__/media-card-story.tsx
index 6a6143800d..002782bb2f 100644
--- a/src/__stories__/media-card-story.tsx
+++ b/src/__stories__/media-card-story.tsx
@@ -95,7 +95,7 @@ export const Default: StoryComponent<Args> = ({
             title={title}
             subtitle={subtitle}
             description={description}
-            icon={icon}
+            asset={icon}
             media={
                 media === 'video' ? (
                     <Video src={VIDEO_SRC} aspectRatio="16:9" dataAttributes={{qsysid: 'video'}} />
diff --git a/src/card.css.ts b/src/card.css.ts
index caa00f4dbb..9e3c210575 100644
--- a/src/card.css.ts
+++ b/src/card.css.ts
@@ -147,7 +147,7 @@ export const mediaCardContent = style([
     },
 ]);
 
-export const mediaCardIcon = style([
+export const mediaCardAsset = style([
     {
         position: 'absolute',
         zIndex: 1,
diff --git a/src/card.tsx b/src/card.tsx
index d7bd89e634..9c880b00e3 100644
--- a/src/card.tsx
+++ b/src/card.tsx
@@ -407,7 +407,7 @@ interface MediaCardBaseProps {
     subtitle?: string;
     subtitleLinesMax?: number;
     description?: string;
-    icon?: React.ReactElement
+    asset?: React.ReactElement;
     descriptionLinesMax?: number;
     extra?: React.ReactNode;
     actions?: Array<CardAction>;
@@ -438,7 +438,7 @@ export const MediaCard = React.forwardRef<HTMLDivElement, MediaCardProps>(
             title,
             titleLinesMax,
             description,
-            icon,
+            asset,
             descriptionLinesMax,
             extra,
             actions,
@@ -488,13 +488,13 @@ export const MediaCard = React.forwardRef<HTMLDivElement, MediaCardProps>(
                                     buttonLink={buttonLink}
                                 />
                             </div>
-                           {icon ? (
-                            <Box className={styles.mediaCardIcon} paddingX={16} paddingY={16}>
-                                {icon}
-                            </Box>
-                           ): (
-                            <Box paddingBottom={actions?.length || onClose ? 64 : 0} />
-                           )}
+                            {asset ? (
+                                <Box className={styles.mediaCardAsset} paddingX={16} paddingY={16}>
+                                    {asset}
+                                </Box>
+                            ) : (
+                                <Box paddingBottom={actions?.length || onClose ? 64 : 0} />
+                            )}
                         </div>
                     </BaseTouchable>
                 </Boxed>