From 310d8a82719b2befe01bcccd47174c76b0098328 Mon Sep 17 00:00:00 2001
From: Renata Motta <renata.motta@vtex.com>
Date: Wed, 15 Jan 2025 19:48:38 -0300
Subject: [PATCH] docs: Reverse `EmptyState` page

---
 .../components/organisms/empty-state.mdx      | 30 ++++++++++++++-----
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/apps/site/pages/components/organisms/empty-state.mdx b/apps/site/pages/components/organisms/empty-state.mdx
index 87992b1388..4c397773eb 100644
--- a/apps/site/pages/components/organisms/empty-state.mdx
+++ b/apps/site/pages/components/organisms/empty-state.mdx
@@ -57,7 +57,7 @@ This component can be used to represent an empty state.
       <EmptyState
         title="Your Cart is empty"
         titleIcon={
-          <Icon name="fs-shopping-cart" size={56} />
+          <Icon name="ShoppingCart" width={56} height={56} weight="thin" />
         }
       >
         <Button variant="secondary">
@@ -68,12 +68,19 @@ This component can be used to represent an empty state.
         variant="rounded"
         title="Nothing matches with your search"
         titleIcon={
-          <Icon name="fs-seal-warning" size={56} />
+          <Icon name="CircleWavyWarning" width={56} height={56} weight="thin" />
         }
       >
         <Button
           variant="secondary"
-          icon={ <Icon name="fs-tag" />}
+          icon={
+            <Icon
+              name="CircleWavyWarning"
+              width={18}
+              height={18}
+              weight="bold"
+            />
+          }
           iconPosition="left"
         >
           Browse Offers
@@ -88,7 +95,7 @@ This component can be used to represent an empty state.
       <EmptyState
         title="Your Cart is empty"
         titleIcon={
-          <Icon name="fs-shopping-cart" size={56} />
+          <Icon name="ShoppingCart" width={56} height={56} weight="thin" />
         }
       >
         <Button variant="secondary">
@@ -103,12 +110,19 @@ This component can be used to represent an empty state.
         variant="rounded"
         title="Nothing matches with your search"
         titleIcon={
-          <Icon name="fs-seal-warning" size={56} />
+          <Icon name="CircleWavyWarning" width={56} height={56} weight="thin" />
         }
       >
         <Button
           variant="secondary"
-          icon={ <Icon name="fs-tag" />}
+          icon={
+            <Icon
+              name="CircleWavyWarning"
+              width={18}
+              height={18}
+              weight="bold"
+            />
+          }
           iconPosition="left"
         >
           Browse Offers
@@ -149,7 +163,7 @@ Follow the instructions in the [Importing FastStore UI component styles](/docs/c
       <EmptyState
         title="Your Cart is empty"
         titleIcon={
-          <Icon name="fs-shopping-cart" size={56} />
+          <Icon name="ShoppingCart" width={56} height={56} weight="thin" />
         }
       >
         <Button variant="secondary">
@@ -163,7 +177,7 @@ Follow the instructions in the [Importing FastStore UI component styles](/docs/c
       <EmptyState
         title="Your Cart is empty"
         titleIcon={
-          <Icon name="fs-shopping-cart" size={56} />
+          <Icon name="ShoppingCart" width={56} height={56} weight="thin" />
         }
       >
         <Button variant="secondary">