Merge pull request #788 from gympass/DS-824

[DS-824] Update Popover component
gympass · Apr 17, 2024 · 0fe198f · 0fe198f
2 parents 7db4c90 + 2db6bf8
commit 0fe198f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/packages/yoga/src/Popover/web/Popover.jsx b/packages/yoga/src/Popover/web/Popover.jsx
@@ -64,13 +64,13 @@ const Popover = React.forwardRef(
             $zIndex={zIndex}
           >
             {!!title && (
-              <Text.Small mb="xxxsmall" fw="medium" color="white">
+              <Text.Body2 bold mb="xxxsmall" color="white">
                 {title}
-              </Text.Small>
+              </Text.Body2>
             )}
-            <Text.Small m="zero" color="white">
+            <Text.Body2 m="zero" color="white">
               {description}
-            </Text.Small>
+            </Text.Body2>
           </PopoverContainer>
         )}
 

diff --git a/packages/yoga/src/Popover/web/__snapshots__/Popover.test.jsx.snap b/packages/yoga/src/Popover/web/__snapshots__/Popover.test.jsx.snap
@@ -8,10 +8,9 @@ exports[`<Popover /> should match snapshot when hover is false 1`] = `
   line-height: 20px;
   color: #231B22;
   font-family: Rubik;
-  font-weight: 400;
+  font-weight: 500;
   margin-bottom: 4px;
   color: #FFFFFF;
-  font-weight: 500;
 }
 
 .c3 {
@@ -108,10 +107,9 @@ exports[`<Popover /> should match snapshot when hover is true 1`] = `
   line-height: 20px;
   color: #231B22;
   font-family: Rubik;
-  font-weight: 400;
+  font-weight: 500;
   margin-bottom: 4px;
   color: #FFFFFF;
-  font-weight: 500;
 }
 
 .c3 {