fix: updated default button label text variant to bodyMDMedium

MetaMask · Dec 20, 2024 · cc319e1 · cc319e1
1 parent 4b09d48
commit cc319e1
Show file tree

Hide file tree

Showing 70 changed files with 332 additions and 800 deletions.
diff --git a/...mponent-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap b/...mponent-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap
@@ -113,9 +113,9 @@ exports[`CustomSpendCap should match snapshot 1`] = `
         style={
           {
             "color": "#0376c9",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }
@@ -249,9 +249,9 @@ exports[`CustomSpendCap should match snapshot 1`] = `
           style={
             {
               "color": "#0376c9",
-              "fontFamily": "EuclidCircularB-Regular",
+              "fontFamily": "EuclidCircularB-Medium",
               "fontSize": 14,
-              "fontWeight": "400",
+              "fontWeight": "500",
               "letterSpacing": 0,
               "lineHeight": 22,
             }

diff --git a/app/component-library/components/Banners/Banner/__snapshots__/Banner.test.tsx.snap b/app/component-library/components/Banners/Banner/__snapshots__/Banner.test.tsx.snap
@@ -177,9 +177,9 @@ exports[`Banner should render correctly with a close button 1`] = `
         style={
           {
             "color": "#0376c9",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }
@@ -412,9 +412,9 @@ exports[`Banner should render correctly with an action button 1`] = `
         style={
           {
             "color": "#0376c9",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }

diff --git a/...ry/components/Banners/Banner/variants/BannerAlert/__snapshots__/BannerAlert.test.tsx.snap b/...ry/components/Banners/Banner/variants/BannerAlert/__snapshots__/BannerAlert.test.tsx.snap
@@ -96,9 +96,9 @@ exports[`BannerAlert should render BannerAlert 1`] = `
         style={
           {
             "color": "#0376c9",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }

diff --git a/...ibrary/components/Banners/Banner/variants/BannerTip/__snapshots__/BannerTip.test.tsx.snap b/...ibrary/components/Banners/Banner/variants/BannerTip/__snapshots__/BannerTip.test.tsx.snap
@@ -106,9 +106,9 @@ exports[`BannerTip should render default settings correctly 1`] = `
         style={
           {
             "color": "#0376c9",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }

diff --git a/...y/components/BottomSheets/BottomSheetFooter/__snapshots__/BottomSheetFooter.test.tsx.snap b/...y/components/BottomSheets/BottomSheetFooter/__snapshots__/BottomSheetFooter.test.tsx.snap
@@ -41,9 +41,9 @@ exports[`BottomSheetFooter should render snapshot correctly 1`] = `
       style={
         {
           "color": "#0376c9",
-          "fontFamily": "EuclidCircularB-Regular",
+          "fontFamily": "EuclidCircularB-Medium",
           "fontSize": 14,
-          "fontWeight": "400",
+          "fontWeight": "500",
           "letterSpacing": 0,
           "lineHeight": 22,
         }
@@ -81,9 +81,9 @@ exports[`BottomSheetFooter should render snapshot correctly 1`] = `
       style={
         {
           "color": "#ffffff",
-          "fontFamily": "EuclidCircularB-Regular",
+          "fontFamily": "EuclidCircularB-Medium",
           "fontSize": 14,
-          "fontWeight": "400",
+          "fontWeight": "500",
           "letterSpacing": 0,
           "lineHeight": 22,
         }

diff --git a/...component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.constants.ts b/...component-library/components/Buttons/Button/foundation/ButtonBase/ButtonBase.constants.ts
@@ -11,7 +11,7 @@ export const DEFAULT_BUTTONBASE_LABEL_COLOR = TextColor.Default;
 export const DEFAULT_BUTTONBASE_SIZE = ButtonSize.Md;
 export const DEFAULT_BUTTONBASE_WIDTH = ButtonWidthTypes.Auto;
 export const DEFAULT_BUTTONBASE_ICON_SIZE = IconSize.Sm;
-export const DEFAULT_BUTTONBASE_LABEL_TEXTVARIANT = TextVariant.BodyMD;
+export const DEFAULT_BUTTONBASE_LABEL_TEXTVARIANT = TextVariant.BodyMDMedium;
 
 // Samples
 export const SAMPLE_BUTTONBASE_PROPS: ButtonBaseProps = {

diff --git a/...ry/components/Buttons/Button/foundation/ButtonBase/__snapshots__/ButtonBase.test.tsx.snap b/...ry/components/Buttons/Button/foundation/ButtonBase/__snapshots__/ButtonBase.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`ButtonBase should render correctly 1`] = `
         "color": "#141618",
       }
     }
-    variant="sBodyMD"
+    variant="sBodyMDMedium"
   >
     Click me!
   </Text>
@@ -81,7 +81,7 @@ exports[`ButtonBase should render correctly when disabled 1`] = `
         "color": "#141618",
       }
     }
-    variant="sBodyMD"
+    variant="sBodyMDMedium"
   >
     Click me!
   </Text>

diff --git a/...rary/components/Buttons/Button/variants/ButtonLink/__snapshots__/ButtonLink.test.tsx.snap b/...rary/components/Buttons/Button/variants/ButtonLink/__snapshots__/ButtonLink.test.tsx.snap
@@ -25,9 +25,9 @@ exports[`ButtonLink should render correctly 1`] = `
     style={
       {
         "color": "#0376c9",
-        "fontFamily": "EuclidCircularB-Regular",
+        "fontFamily": "EuclidCircularB-Medium",
         "fontSize": 14,
-        "fontWeight": "400",
+        "fontWeight": "500",
         "letterSpacing": 0,
         "lineHeight": 22,
       }

diff --git a/...omponents/Buttons/Button/variants/ButtonPrimary/__snapshots__/ButtonPrimary.test.tsx.snap b/...omponents/Buttons/Button/variants/ButtonPrimary/__snapshots__/ButtonPrimary.test.tsx.snap
@@ -40,9 +40,9 @@ exports[`ButtonPrimary render matches latest snapshot 1`] = `
     style={
       {
         "color": "#ffffff",
-        "fontFamily": "EuclidCircularB-Regular",
+        "fontFamily": "EuclidCircularB-Medium",
         "fontSize": 14,
-        "fontWeight": "400",
+        "fontWeight": "500",
         "letterSpacing": 0,
         "lineHeight": 22,
       }

diff --git a/...nents/Buttons/Button/variants/ButtonSecondary/__snapshots__/ButtonSecondary.test.tsx.snap b/...nents/Buttons/Button/variants/ButtonSecondary/__snapshots__/ButtonSecondary.test.tsx.snap
@@ -41,9 +41,9 @@ exports[`ButtonSecondary should render correctly 1`] = `
     style={
       {
         "color": "#0376c9",
-        "fontFamily": "EuclidCircularB-Regular",
+        "fontFamily": "EuclidCircularB-Medium",
         "fontSize": 14,
-        "fontWeight": "400",
+        "fontWeight": "500",
         "letterSpacing": 0,
         "lineHeight": 22,
       }

diff --git a/app/components/UI/AddCustomToken/__snapshots__/index.test.tsx.snap b/app/components/UI/AddCustomToken/__snapshots__/index.test.tsx.snap
@@ -232,9 +232,9 @@ exports[`AddCustomToken render matches previous snapshot 1`] = `
         style={
           {
             "color": "#ffffff",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }

diff --git a/...cFunctionality/BasicFunctionalityModal/__snapshots__/BasicFunctionalityModal.test.js.snap b/...cFunctionality/BasicFunctionalityModal/__snapshots__/BasicFunctionalityModal.test.js.snap
@@ -266,9 +266,9 @@ exports[`BasicFunctionalityModal should render correctly 1`] = `
                 style={
                   {
                     "color": "#0376c9",
-                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontFamily": "EuclidCircularB-Medium",
                     "fontSize": 14,
-                    "fontWeight": "400",
+                    "fontWeight": "500",
                     "letterSpacing": 0,
                     "lineHeight": 22,
                   }
@@ -312,9 +312,9 @@ exports[`BasicFunctionalityModal should render correctly 1`] = `
                 style={
                   {
                     "color": "#ffffff",
-                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontFamily": "EuclidCircularB-Medium",
                     "fontSize": 14,
-                    "fontWeight": "400",
+                    "fontWeight": "500",
                     "letterSpacing": 0,
                     "lineHeight": 22,
                   }

diff --git a/app/components/UI/CollectibleModal/__snapshots__/CollectibleModal.test.tsx.snap b/app/components/UI/CollectibleModal/__snapshots__/CollectibleModal.test.tsx.snap
@@ -216,9 +216,9 @@ exports[`CollectibleModal should render correctly 1`] = `
                 style={
                   {
                     "color": "#0376c9",
-                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontFamily": "EuclidCircularB-Medium",
                     "fontSize": 14,
-                    "fontWeight": "400",
+                    "fontWeight": "500",
                     "letterSpacing": 0,
                     "lineHeight": 22,
                   }

diff --git a/app/components/UI/ConfirmAddAsset/__snapshots__/ConfirmAddAsset.test.tsx.snap b/app/components/UI/ConfirmAddAsset/__snapshots__/ConfirmAddAsset.test.tsx.snap
@@ -328,9 +328,9 @@ exports[`ConfirmAddAsset render matches previous snapshot 1`] = `
           style={
             {
               "color": "#0376c9",
-              "fontFamily": "EuclidCircularB-Regular",
+              "fontFamily": "EuclidCircularB-Medium",
               "fontSize": 14,
-              "fontWeight": "400",
+              "fontWeight": "500",
               "letterSpacing": 0,
               "lineHeight": 22,
             }
@@ -368,9 +368,9 @@ exports[`ConfirmAddAsset render matches previous snapshot 1`] = `
           style={
             {
               "color": "#ffffff",
-              "fontFamily": "EuclidCircularB-Regular",
+              "fontFamily": "EuclidCircularB-Medium",
               "fontSize": 14,
-              "fontWeight": "400",
+              "fontWeight": "500",
               "letterSpacing": 0,
               "lineHeight": 22,
             }

diff --git a/...tomaticSecurityChecksModal/__snapshots__/EnableAutomaticSecurityChecksModal.test.tsx.snap b/...tomaticSecurityChecksModal/__snapshots__/EnableAutomaticSecurityChecksModal.test.tsx.snap
@@ -477,9 +477,9 @@ exports[`EnableAutomaticSecurityChecksModal should render correctly 1`] = `
                               style={
                                 {
                                   "color": "#ffffff",
-                                  "fontFamily": "EuclidCircularB-Regular",
+                                  "fontFamily": "EuclidCircularB-Medium",
                                   "fontSize": 14,
-                                  "fontWeight": "400",
+                                  "fontWeight": "500",
                                   "letterSpacing": 0,
                                   "lineHeight": 22,
                                 }
@@ -514,9 +514,9 @@ exports[`EnableAutomaticSecurityChecksModal should render correctly 1`] = `
                               style={
                                 {
                                   "color": "#0376c9",
-                                  "fontFamily": "EuclidCircularB-Regular",
+                                  "fontFamily": "EuclidCircularB-Medium",
                                   "fontSize": 14,
-                                  "fontWeight": "400",
+                                  "fontWeight": "500",
                                   "letterSpacing": 0,
                                   "lineHeight": 22,
                                 }

diff --git a/app/components/UI/NetworkModal/__snapshots__/index.test.tsx.snap b/app/components/UI/NetworkModal/__snapshots__/index.test.tsx.snap
@@ -538,9 +538,9 @@ exports[`NetworkDetails renders correctly 1`] = `
                   style={
                     {
                       "color": "#0376c9",
-                      "fontFamily": "EuclidCircularB-Regular",
+                      "fontFamily": "EuclidCircularB-Medium",
                       "fontSize": 14,
-                      "fontWeight": "400",
+                      "fontWeight": "500",
                       "letterSpacing": 0,
                       "lineHeight": 22,
                     }
@@ -578,9 +578,9 @@ exports[`NetworkDetails renders correctly 1`] = `
                   style={
                     {
                       "color": "#ffffff",
-                      "fontFamily": "EuclidCircularB-Regular",
+                      "fontFamily": "EuclidCircularB-Medium",
                       "fontSize": 14,
-                      "fontWeight": "400",
+                      "fontWeight": "500",
                       "letterSpacing": 0,
                       "lineHeight": 22,
                     }

diff --git a/...components/UI/NetworkVerificationInfo/__snapshots__/NetworkVerificationInfo.test.tsx.snap b/...components/UI/NetworkVerificationInfo/__snapshots__/NetworkVerificationInfo.test.tsx.snap
@@ -499,9 +499,9 @@ exports[`NetworkVerificationInfo renders correctly 1`] = `
         style={
           {
             "color": "#0376c9",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }
@@ -539,9 +539,9 @@ exports[`NetworkVerificationInfo renders correctly 1`] = `
         style={
           {
             "color": "#ffffff",
-            "fontFamily": "EuclidCircularB-Regular",
+            "fontFamily": "EuclidCircularB-Medium",
             "fontSize": 14,
-            "fontWeight": "400",
+            "fontWeight": "500",
             "letterSpacing": 0,
             "lineHeight": 22,
           }

diff --git a/.../Notification/ResetNotificationsModal/__snapshots__/ResetNotificationsModal.test.tsx.snap b/.../Notification/ResetNotificationsModal/__snapshots__/ResetNotificationsModal.test.tsx.snap
@@ -215,9 +215,9 @@ exports[`ProfileSyncingModal should render correctly 1`] = `
                 style={
                   {
                     "color": "#0376c9",
-                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontFamily": "EuclidCircularB-Medium",
                     "fontSize": 14,
-                    "fontWeight": "400",
+                    "fontWeight": "500",
                     "letterSpacing": 0,
                     "lineHeight": 22,
                   }
@@ -261,9 +261,9 @@ exports[`ProfileSyncingModal should render correctly 1`] = `
                 style={
                   {
                     "color": "#ffffff",
-                    "fontFamily": "EuclidCircularB-Regular",
+                    "fontFamily": "EuclidCircularB-Medium",
                     "fontSize": 14,
-                    "fontWeight": "400",
+                    "fontWeight": "500",
                     "letterSpacing": 0,
                     "lineHeight": 22,
                   }

diff --git a/app/components/UI/OnboardingWizard/Step1/__snapshots__/index.test.tsx.snap b/app/components/UI/OnboardingWizard/Step1/__snapshots__/index.test.tsx.snap
@@ -156,9 +156,9 @@ exports[`Step1 should render correctly 1`] = `
               style={
                 {
                   "color": "#ffffff",
-                  "fontFamily": "EuclidCircularB-Regular",
+                  "fontFamily": "EuclidCircularB-Medium",
                   "fontSize": 14,
-                  "fontWeight": "400",
+                  "fontWeight": "500",
                   "letterSpacing": 0,
                   "lineHeight": 22,
                 }
@@ -197,9 +197,9 @@ exports[`Step1 should render correctly 1`] = `
               style={
                 {
                   "color": "#0376c9",
-                  "fontFamily": "EuclidCircularB-Regular",
+                  "fontFamily": "EuclidCircularB-Medium",
                   "fontSize": 14,
-                  "fontWeight": "400",
+                  "fontWeight": "500",
                   "letterSpacing": 0,
                   "lineHeight": 22,
                 }

diff --git a/app/components/UI/OptinMetrics/__snapshots__/index.test.tsx.snap b/app/components/UI/OptinMetrics/__snapshots__/index.test.tsx.snap
@@ -736,9 +736,9 @@ exports[`OptinMetrics render matches snapshot 1`] = `
                                     style={
                                       {
                                         "color": "#0376c9",
-                                        "fontFamily": "EuclidCircularB-Regular",
+                                        "fontFamily": "EuclidCircularB-Medium",
                                         "fontSize": 14,
-                                        "fontWeight": "400",
+                                        "fontWeight": "500",
                                         "letterSpacing": 0,
                                         "lineHeight": 22,
                                       }
@@ -798,9 +798,9 @@ exports[`OptinMetrics render matches snapshot 1`] = `
                             style={
                               {
                                 "color": "#0376c9",
-                                "fontFamily": "EuclidCircularB-Regular",
+                                "fontFamily": "EuclidCircularB-Medium",
                                 "fontSize": 14,
-                                "fontWeight": "400",
+                                "fontWeight": "500",
                                 "letterSpacing": 0,
                                 "lineHeight": 22,
                               }
@@ -844,9 +844,9 @@ exports[`OptinMetrics render matches snapshot 1`] = `
                             style={
                               {
                                 "color": "#ffffff",
-                                "fontFamily": "EuclidCircularB-Regular",
+                                "fontFamily": "EuclidCircularB-Medium",
                                 "fontSize": 14,
-                                "fontWeight": "400",
+                                "fontWeight": "500",
                                 "letterSpacing": 0,
                                 "lineHeight": 22,
                               }