Chore: EmptyState Tweaks token name. (#125)

* Tweaks token name and space * Adds CHANGELOG entry * Update src/components/cart/EmptyCart/EmptyCart.stories.mdx Co-authored-by: Filipe W. Lima <[email protected]> * Update src/components/sections/ProductGallery/EmptyGallery.stories.mdx Co-authored-by: Filipe W. Lima <[email protected]> * Trigger CI Co-authored-by: Filipe W. Lima <[email protected]>
vtex-sites · Jun 15, 2022 · c829bbe · c829bbe · vercel · Jun 15, 2022
1 parent 7405d17
commit c829bbe
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Tweaks `EmptyState` token name ([#125](https://github.com/vtex-sites/nextjs.store/pull/125))
 - Storybook's version from 6.4.20 to 6.5.9 ([#120](https://github.com/vtex-sites/nextjs.store/pull/120))
 - Unifies `Link` component usage by adding support for both external and client-side links ([#117](https://github.com/vtex-sites/nextjs.store/pull/117))
 

diff --git a/src/components/cart/EmptyCart/EmptyCart.stories.mdx b/src/components/cart/EmptyCart/EmptyCart.stories.mdx
@@ -40,8 +40,5 @@ An implementation of the `EmptyState` that represents the Cart with no items.
     value="var(--fs-color-disabled-text)"
     isColor
   />
-  <TokenRow
-    token="--fs-empty-state-title-text-size"
-    value="var(--fs-text-size-3)"
-  />
+  <TokenRow token="--fs-empty-state-title-size" value="var(--fs-text-size-lead)" />
 </TokenTable>
diff --git a/src/components/sections/ProductGallery/EmptyGallery.stories.mdx b/src/components/sections/ProductGallery/EmptyGallery.stories.mdx
@@ -40,10 +40,7 @@ An implementation of the `EmptyState` that represents a Gallery with no items.
     value="var(--fs-color-disabled-text)"
     isColor
   />
-  <TokenRow
-    token="--fs-empty-state-title-text-size"
-    value="var(--fs-text-size-3)"
-  />
+  <TokenRow token="--fs-empty-state-title-size" value="var(--fs-text-size-lead)" />
 </TokenTable>
 
 ### Link

diff --git a/src/components/ui/EmptyState/empty-state.module.scss b/src/components/ui/EmptyState/empty-state.module.scss
@@ -10,9 +10,9 @@
   --fs-empty-state-bkg-color            : var(--fs-color-neutral-bkg);
 
   // Title
-  --fs-empty-state-title-margin-bottom : var(--fs-spacing-2);
-  --fs-empty-state-title-color         : var(--fs-color-disabled-text);
-  --fs-empty-state-title-text-size     : var(--fs-text-size-lead);
+  --fs-empty-state-title-margin-bottom  : var(--fs-spacing-2);
+  --fs-empty-state-title-color          : var(--fs-color-disabled-text);
+  --fs-empty-state-title-size           : var(--fs-text-size-lead);
 
   // Link
   --fs-empty-state-link-min-width       : 11.875rem;
@@ -44,7 +44,7 @@
     color: var(--fs-empty-state-title-color);
 
     p {
-      font-size: var(--fs-empty-state-title-text-size);
+      font-size: var(--fs-empty-state-title-size);
       text-align: center;
     }
   }