docs: Reverse EmptyState page

vtex · Jan 15, 2025 · 310d8a8 · 310d8a8
1 parent 750f57a
commit 310d8a8
Showing 1 changed file with 22 additions and 8 deletions.
diff --git 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">