@hero-design/rn 8.33.1 → 8.34.0

package/src/components/Select/MultiSelect/__tests__/index.spec.tsx

@@ -64,12 +64,8 @@ const renderMultipleOption = ({
     onPress={onPress}
     title={
       <>
-        <Typography.Text fontSize="large" fontWeight="semi-bold">
-          {item.text}
-        </Typography.Text>
-        <Typography.Text fontSize="large" intent="subdued">
-          {item.role}
-        </Typography.Text>
+        <Typography.Body variant="regular-bold">{item.text}</Typography.Body>
+        <Typography.Body intent="subdued">{item.role}</Typography.Body>
       </>
     }
   />
@@ -208,7 +204,7 @@ describe('rendering', () => {
         renderSelectedValue={(selectedValue, _inputProps) => (
           <>
             {selectedValue.map((value) => (
-              <Typography.Text>Custom {value}</Typography.Text>
+              <Typography.Body>Custom {value}</Typography.Body>
             ))}
           </>
         )}
@@ -229,7 +225,7 @@ describe('rendering', () => {
         renderSelectedValue={(selectedValue, _inputProps) => (
           <>
             {selectedValue.map(() => (
-              <Typography.Text>Custom value</Typography.Text>
+              <Typography.Body>Custom value</Typography.Body>
             ))}
           </>
         )}
@@ -247,9 +243,9 @@ describe('rendering', () => {
         value={['Jack', 'Jane']}
         onConfirm={jest.fn()}
         renderSelectedValue={(selectedValue, _inputProps) => (
-          <Typography.Text>{`Selected: ${selectedValue.join(
+          <Typography.Body>{`Selected: ${selectedValue.join(
             ', '
-          )}`}</Typography.Text>
+          )}`}</Typography.Body>
         )}
       />
     );

package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap

@@ -54,10 +54,9 @@ exports[`Option renders correctly 1`] = `
           undefined,
         ]
       }
-      themeFontSize="large"
-      themeFontWeight="regular"
       themeIntent="body"
       themeTypeface="neutral"
+      themeVariant="regular"
     >
       testOption
     </Text>

package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap

@@ -245,10 +245,9 @@ exports[`OptionList render isLoading correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -472,10 +471,9 @@ exports[`OptionList render isLoading correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -590,10 +588,9 @@ exports[`OptionList render isLoading correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>
@@ -1038,10 +1035,9 @@ exports[`OptionList renders correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -1265,10 +1261,9 @@ exports[`OptionList renders correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -1383,10 +1378,9 @@ exports[`OptionList renders correctly 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>
@@ -1678,10 +1672,9 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -1905,10 +1898,9 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -2023,10 +2015,9 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>
@@ -2318,10 +2309,9 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               A1
             </Text>
@@ -2545,10 +2535,9 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B1
             </Text>
@@ -2663,10 +2652,9 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
                   undefined,
                 ]
               }
-              themeFontSize="large"
-              themeFontWeight="regular"
               themeIntent="body"
               themeTypeface="neutral"
+              themeVariant="regular"
             >
               B2
             </Text>

package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -116,16 +116,15 @@ Array [
                       Object {
                         "color": "#001f23",
                         "fontFamily": "BeVietnamPro-Regular",
-                        "fontSize": 14,
-                        "letterSpacing": 0.42,
-                        "lineHeight": 22,
+                        "fontSize": 16,
+                        "letterSpacing": 0.48,
+                        "lineHeight": 24,
                       },
                       Array [
                         Object {
                           "alignContent": "center",
                           "alignItems": "center",
                           "color": "#001f23",
-                          "fontSize": 16,
                           "marginTop": -2,
                           "textAlignVertical": "center",
                         },
@@ -134,11 +133,10 @@ Array [
                     ]
                   }
                   testID="input-label"
-                  themeFontSize="medium"
-                  themeFontWeight="regular"
                   themeIntent="body"
                   themeState="default"
                   themeTypeface="neutral"
+                  themeVariant="regular"
                 >
                   Choose collaborators
                 </Text>
@@ -202,6 +200,7 @@ Array [
                 Object {
                   "minHeight": 16,
                   "paddingLeft": 16,
+                  "paddingTop": 2,
                 },
                 undefined,
               ]
@@ -348,16 +347,15 @@ Array [
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
-                      "letterSpacing": 0.48,
+                      "letterSpacing": 0.24,
                       "lineHeight": 24,
                     },
                     undefined,
                   ]
                 }
-                themeFontSize="large"
-                themeFontWeight="semi-bold"
                 themeIntent="body"
                 themeTypeface="neutral"
+                themeVariant="regular-bold"
               >
                 Choose collaborators
               </Text>
@@ -655,16 +653,15 @@ Array [
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
-                              "letterSpacing": 0.48,
+                              "letterSpacing": 0.24,
                               "lineHeight": 24,
                             },
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="semi-bold"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular-bold"
                       >
                         Daniel
                       </Text>
@@ -682,10 +679,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="subdued"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Senior Developer
                       </Text>
@@ -804,16 +800,15 @@ Array [
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
-                              "letterSpacing": 0.48,
+                              "letterSpacing": 0.24,
                               "lineHeight": 24,
                             },
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="semi-bold"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular-bold"
                       >
                         Daemon
                       </Text>
@@ -831,10 +826,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="subdued"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Manager
                       </Text>
@@ -1070,16 +1064,15 @@ Array [
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
-                              "letterSpacing": 0.48,
+                              "letterSpacing": 0.24,
                               "lineHeight": 24,
                             },
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="semi-bold"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular-bold"
                       >
                         Jennifer
                       </Text>
@@ -1097,10 +1090,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="subdued"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         UX Designer
                       </Text>
@@ -1219,16 +1211,15 @@ Array [
                               "color": "#001f23",
                               "fontFamily": "BeVietnamPro-SemiBold",
                               "fontSize": 16,
-                              "letterSpacing": 0.48,
+                              "letterSpacing": 0.24,
                               "lineHeight": 24,
                             },
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="semi-bold"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular-bold"
                       >
                         Josh 
                       </Text>
@@ -1246,10 +1237,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="subdued"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Junior Developer
                       </Text>
@@ -1425,14 +1415,13 @@ Array [
                     Object {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "fontSize": 12,
+                      "letterSpacing": 0.48,
+                      "lineHeight": 16,
                     },
                     Array [
                       Object {
                         "color": "#001f23",
-                        "fontSize": 12,
                         "lineHeight": 12,
                       },
                       Object {
@@ -1442,11 +1431,9 @@ Array [
                   ]
                 }
                 testID="input-label"
-                themeFontSize="medium"
                 themeFontWeight="regular"
                 themeIntent="body"
                 themeState="filled"
-                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -1525,6 +1512,7 @@ Array [
                 Object {
                   "minHeight": 16,
                   "paddingLeft": 16,
+                  "paddingTop": 2,
                 },
                 undefined,
               ]
@@ -1658,14 +1646,13 @@ Array [
                     Object {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "fontSize": 12,
+                      "letterSpacing": 0.48,
+                      "lineHeight": 16,
                     },
                     Array [
                       Object {
                         "color": "#001f23",
-                        "fontSize": 12,
                         "lineHeight": 12,
                       },
                       Object {
@@ -1675,11 +1662,9 @@ Array [
                   ]
                 }
                 testID="input-label"
-                themeFontSize="medium"
                 themeFontWeight="regular"
                 themeIntent="body"
                 themeState="filled"
-                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -1758,6 +1743,7 @@ Array [
                 Object {
                   "minHeight": 16,
                   "paddingLeft": 16,
+                  "paddingTop": 2,
                 },
                 undefined,
               ]
@@ -1904,16 +1890,15 @@ Array [
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
-                      "letterSpacing": 0.48,
+                      "letterSpacing": 0.24,
                       "lineHeight": 24,
                     },
                     undefined,
                   ]
                 }
-                themeFontSize="large"
-                themeFontWeight="semi-bold"
                 themeIntent="body"
                 themeTypeface="neutral"
+                themeVariant="regular-bold"
               >
                 Allow notifications
               </Text>
@@ -2157,10 +2142,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Monday
                       </Text>
@@ -2285,10 +2269,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Tuesday
                       </Text>
@@ -2413,10 +2396,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Wednesday
                       </Text>
@@ -2541,10 +2523,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Thursday
                       </Text>
@@ -2669,10 +2650,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Friday
                       </Text>
@@ -2797,10 +2777,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Saturday
                       </Text>
@@ -2926,10 +2905,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         Sunday
                       </Text>
@@ -3107,14 +3085,13 @@ Array [
                     Object {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "fontSize": 12,
+                      "letterSpacing": 0.48,
+                      "lineHeight": 16,
                     },
                     Array [
                       Object {
                         "color": "#808f91",
-                        "fontSize": 12,
                         "lineHeight": 12,
                       },
                       Object {
@@ -3124,11 +3101,9 @@ Array [
                   ]
                 }
                 testID="input-label"
-                themeFontSize="medium"
                 themeFontWeight="regular"
                 themeIntent="body"
                 themeState="readonly"
-                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -3220,6 +3195,7 @@ Array [
                 Object {
                   "minHeight": 16,
                   "paddingLeft": 16,
+                  "paddingTop": 2,
                 },
                 undefined,
               ]
@@ -3353,14 +3329,13 @@ Array [
                     Object {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "fontSize": 12,
+                      "letterSpacing": 0.48,
+                      "lineHeight": 16,
                     },
                     Array [
                       Object {
                         "color": "#001f23",
-                        "fontSize": 12,
                         "lineHeight": 12,
                       },
                       Object {
@@ -3370,11 +3345,9 @@ Array [
                   ]
                 }
                 testID="input-label"
-                themeFontSize="medium"
                 themeFontWeight="regular"
                 themeIntent="body"
                 themeState="filled"
-                themeTypeface="neutral"
               >
                 Allow notifications
               </Text>
@@ -3453,6 +3426,7 @@ Array [
                 Object {
                   "minHeight": 16,
                   "paddingLeft": 16,
+                  "paddingTop": 2,
                 },
                 undefined,
               ]
@@ -3599,16 +3573,15 @@ Array [
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-SemiBold",
                       "fontSize": 16,
-                      "letterSpacing": 0.48,
+                      "letterSpacing": 0.24,
                       "lineHeight": 24,
                     },
                     undefined,
                   ]
                 }
-                themeFontSize="large"
-                themeFontWeight="semi-bold"
                 themeIntent="body"
                 themeTypeface="neutral"
+                themeVariant="regular-bold"
               >
                 Allow notifications
               </Text>
@@ -3895,10 +3868,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         A1
                       </Text>
@@ -4122,10 +4094,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         B1
                       </Text>
@@ -4240,10 +4211,9 @@ Array [
                             undefined,
                           ]
                         }
-                        themeFontSize="large"
-                        themeFontWeight="regular"
                         themeIntent="body"
                         themeTypeface="neutral"
+                        themeVariant="regular"
                       >
                         B2
                       </Text>