Merge pull request #772 from gympass/RTN-925

🚀 [RTN-925] - Update Feedback component to use the correct font-weight
gympass · Mar 21, 2024 · b6264f4 · b6264f4
2 parents 39f59f3 + 326ea05
commit b6264f4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/packages/yoga/src/Feedback/web/Feedback.jsx b/packages/yoga/src/Feedback/web/Feedback.jsx
@@ -71,9 +71,9 @@ function Feedback({ variant, title, description, children, center, ...props }) {
         />
         <TextContainer>
           {titleElement}
-          <Text mt="small" color="deep">
+          <Text.Body1 mt="small" color="deep">
             {description}
-          </Text>
+          </Text.Body1>
         </TextContainer>
         <Actions mt="xxxlarge">
           {primaryButton}

diff --git a/packages/yoga/src/Feedback/web/StyledFeedback.jsx b/packages/yoga/src/Feedback/web/StyledFeedback.jsx
@@ -28,6 +28,7 @@ export const TextContainer = styled.div`
 
 export const Title = styled(Text.H4).attrs(() => ({
   as: 'p',
+  bold: true,
 }))`
   ${({
     theme: {

diff --git a/packages/yoga/src/Feedback/web/__snapshots__/Feedback.test.jsx.snap b/packages/yoga/src/Feedback/web/__snapshots__/Feedback.test.jsx.snap
@@ -30,7 +30,6 @@ exports[`<Feedback /> should render correctly when not centered vertically 1`] =
   font-weight: 400;
   margin-top: 16px;
   color: #6B6B78;
-  font-size: 16px;
 }
 
 .c1 {
@@ -121,7 +120,6 @@ exports[`<Feedback /> should render correctly when not centered vertically 1`] =
           <p
             class="c5"
             color="deep"
-            font-size="medium"
           >
             Enjoy your membership!
           </p>