@hero-design/rn 8.33.1 → 8.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (202) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  3. package/es/index.js +868 -655
  4. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  5. package/lib/index.js +871 -656
  6. package/package.json +8 -7
  7. package/rollup.config.js +1 -0
  8. package/src/components/Accordion/AccordionItem.tsx +1 -3
  9. package/src/components/Accordion/__tests__/AccordionItem.spec.tsx +5 -5
  10. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +26 -34
  11. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +36 -48
  12. package/src/components/Accordion/__tests__/index.spec.tsx +2 -2
  13. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -39
  14. package/src/components/Alert/__tests__/index.spec.tsx +8 -2
  15. package/src/components/Alert/index.tsx +2 -2
  16. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  17. package/src/components/Attachment/index.tsx +3 -1
  18. package/src/components/Badge/StyledBadge.tsx +1 -4
  19. package/src/components/Badge/__tests__/Status.spec.tsx +1 -1
  20. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +18 -48
  21. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -3
  22. package/src/components/BottomNavigation/StyledBottomNavigation.tsx +1 -1
  23. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +4 -12
  24. package/src/components/BottomNavigation/index.tsx +0 -1
  25. package/src/components/BottomSheet/Header.tsx +1 -3
  26. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  27. package/src/components/Button/Button.tsx +34 -11
  28. package/src/components/Button/StyledButton.tsx +45 -38
  29. package/src/components/Button/UtilityButton/StyledUtilityButton.tsx +2 -4
  30. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +8 -14
  31. package/src/components/Button/__tests__/StyledButton.spec.tsx +12 -6
  32. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +66 -90
  33. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +56 -86
  34. package/src/components/Calendar/CalendarRowItem.tsx +5 -2
  35. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +10 -15
  36. package/src/components/Calendar/index.tsx +1 -1
  37. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +12 -18
  38. package/src/components/Card/__tests__/index.spec.tsx +1 -1
  39. package/src/components/Carousel/CardCarousel.tsx +2 -0
  40. package/src/components/Carousel/CarouselItem.tsx +4 -4
  41. package/src/components/Carousel/StyledCarousel.tsx +1 -4
  42. package/src/components/Carousel/__tests__/CardCarousel.spec.tsx +18 -18
  43. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +24 -20
  44. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +99 -165
  45. package/src/components/Checkbox/StyledCheckbox.tsx +1 -1
  46. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +8 -12
  47. package/src/components/Checkbox/index.tsx +1 -1
  48. package/src/components/ContentNavigator/StyledContentNavigator.tsx +1 -6
  49. package/src/components/ContentNavigator/__tests__/StyledContentNavigator.spec.tsx +1 -9
  50. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +0 -29
  51. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +124 -17
  52. package/src/components/ContentNavigator/__tests__/index.spec.tsx +16 -0
  53. package/src/components/ContentNavigator/index.tsx +30 -9
  54. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +12 -18
  55. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +4 -6
  56. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +4 -6
  57. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +13 -18
  58. package/src/components/Empty/StyledEmpty.tsx +2 -6
  59. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +22 -36
  60. package/src/components/Empty/index.tsx +4 -2
  61. package/src/components/Error/StyledError.tsx +2 -8
  62. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +44 -76
  63. package/src/components/Error/index.tsx +6 -2
  64. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -4
  65. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +1 -5
  66. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +54 -116
  67. package/src/components/FAB/ActionGroup/index.tsx +1 -1
  68. package/src/components/FAB/StyledFAB.tsx +1 -4
  69. package/src/components/FAB/__tests__/StyledFAB.spec.tsx +1 -1
  70. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +2 -3
  71. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +4 -8
  72. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  73. package/src/components/Icon/IconList.ts +2 -0
  74. package/src/components/List/BasicListItem.tsx +2 -6
  75. package/src/components/List/ListItem.tsx +3 -5
  76. package/src/components/List/__tests__/ListItem.spec.tsx +4 -4
  77. package/src/components/List/__tests__/StyledBasicListItem.spec.tsx +3 -1
  78. package/src/components/List/__tests__/StyledListItem.spec.tsx +3 -1
  79. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +4 -10
  80. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +23 -37
  81. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +8 -12
  82. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +8 -12
  83. package/src/components/Modal/ModalContentWrapper.tsx +112 -0
  84. package/src/components/Modal/ModalPresenter/ModalPresenter.tsx +135 -0
  85. package/src/components/Modal/ModalPresenter/index.tsx +9 -0
  86. package/src/components/Modal/ModalProvider.tsx +8 -0
  87. package/src/components/Modal/__tests__/ModalContentWrapper.spec.tsx +25 -0
  88. package/src/components/Modal/__tests__/ModalPresenter.spec.tsx +57 -0
  89. package/src/components/Modal/__tests__/__snapshots__/ModalContentWrapper.spec.tsx.snap +35 -0
  90. package/src/components/Modal/__tests__/__snapshots__/ModalPresenter.spec.tsx.snap +55 -0
  91. package/src/components/Modal/__tests__/index.spec.tsx +50 -0
  92. package/src/components/Modal/index.tsx +121 -0
  93. package/src/components/PageControl/index.tsx +0 -1
  94. package/src/components/PinInput/PinCell.tsx +3 -1
  95. package/src/components/PinInput/StyledPinInput.tsx +2 -7
  96. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +25 -45
  97. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +18 -34
  98. package/src/components/PinInput/index.tsx +2 -0
  99. package/src/components/Progress/ProgressCircle.tsx +1 -3
  100. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +3 -6
  101. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +2 -4
  102. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +3 -6
  103. package/src/components/RichTextEditor/RichTextEditor.tsx +7 -11
  104. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +16 -24
  105. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  106. package/src/components/SectionHeading/__tests__/index.spec.tsx +3 -1
  107. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -2
  108. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +12 -24
  109. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +86 -130
  110. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +6 -10
  111. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -2
  112. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +12 -24
  113. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +49 -79
  114. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +5 -9
  115. package/src/components/Success/StyledSuccess.tsx +2 -6
  116. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +40 -64
  117. package/src/components/Success/index.tsx +3 -1
  118. package/src/components/Swipeable/__tests__/SwipeableAction.spec.tsx +2 -2
  119. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +6 -9
  120. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  121. package/src/components/Swipeable/__tests__/index.spec.tsx +6 -4
  122. package/src/components/Switch/SelectorSwitch/Option.tsx +1 -1
  123. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +1 -2
  124. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -2
  125. package/src/components/Tabs/ScrollableTabsHeader.tsx +3 -3
  126. package/src/components/Tabs/__tests__/SceneView.spec.tsx +4 -4
  127. package/src/components/Tabs/__tests__/__snapshots__/SceneView.spec.tsx.snap +6 -9
  128. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +33 -60
  129. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +7 -13
  130. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +3 -8
  131. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +45 -81
  132. package/src/components/Tabs/index.tsx +3 -3
  133. package/src/components/Tag/StyledTag.tsx +1 -4
  134. package/src/components/Tag/__tests__/Tag.spec.tsx +5 -1
  135. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +47 -93
  136. package/src/components/Tag/index.tsx +5 -1
  137. package/src/components/TextInput/StyledTextInput.tsx +8 -16
  138. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +72 -134
  139. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +145 -257
  140. package/src/components/TextInput/index.tsx +2 -3
  141. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +12 -23
  142. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +21 -35
  143. package/src/components/Toast/Toast.tsx +6 -5
  144. package/src/components/Toast/ToastContainer.tsx +2 -0
  145. package/src/components/Toast/__tests__/Toast.spec.tsx +5 -1
  146. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +26 -39
  147. package/src/components/Toolbar/StyledToolbar.tsx +1 -1
  148. package/src/components/Toolbar/ToolbarItem.tsx +4 -6
  149. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -18
  150. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +14 -21
  151. package/src/index.ts +2 -0
  152. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +4 -0
  153. package/src/theme/components/badge.ts +15 -0
  154. package/src/theme/components/button.ts +16 -0
  155. package/src/theme/components/carousel.ts +15 -0
  156. package/src/theme/components/empty.ts +12 -0
  157. package/src/theme/components/error.ts +16 -0
  158. package/src/theme/components/fab.ts +11 -0
  159. package/src/theme/components/pinInput.ts +15 -0
  160. package/src/theme/components/success.ts +12 -0
  161. package/src/theme/components/tag.ts +16 -0
  162. package/src/theme/components/textInput.ts +1 -0
  163. package/src/theme/getTheme.ts +18 -18
  164. package/testUtils/setup.tsx +24 -0
  165. package/types/components/Badge/StyledBadge.d.ts +1 -1
  166. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +1 -1
  167. package/types/components/Button/StyledButton.d.ts +12 -5
  168. package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +1 -1
  169. package/types/components/Carousel/StyledCarousel.d.ts +1 -1
  170. package/types/components/Checkbox/StyledCheckbox.d.ts +1 -1
  171. package/types/components/ContentNavigator/StyledContentNavigator.d.ts +1 -5
  172. package/types/components/Empty/StyledEmpty.d.ts +2 -2
  173. package/types/components/Error/StyledError.d.ts +2 -2
  174. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +2 -2
  175. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +1 -1
  176. package/types/components/FAB/StyledFAB.d.ts +1 -1
  177. package/types/components/Icon/IconList.d.ts +1 -1
  178. package/types/components/Icon/index.d.ts +1 -1
  179. package/types/components/Icon/utils.d.ts +1 -1
  180. package/types/components/Modal/ModalContentWrapper.d.ts +16 -0
  181. package/types/components/Modal/ModalPresenter/ModalPresenter.d.ts +34 -0
  182. package/types/components/Modal/ModalPresenter/index.d.ts +3 -0
  183. package/types/components/Modal/ModalProvider.d.ts +5 -0
  184. package/types/components/Modal/index.d.ts +33 -0
  185. package/types/components/PinInput/StyledPinInput.d.ts +2 -2
  186. package/types/components/RichTextEditor/RichTextEditor.d.ts +2 -2
  187. package/types/components/Success/StyledSuccess.d.ts +2 -2
  188. package/types/components/Tag/StyledTag.d.ts +1 -1
  189. package/types/components/TextInput/StyledTextInput.d.ts +7 -10
  190. package/types/components/Toolbar/StyledToolbar.d.ts +1 -1
  191. package/types/index.d.ts +2 -1
  192. package/types/theme/components/badge.d.ts +15 -0
  193. package/types/theme/components/button.d.ts +14 -0
  194. package/types/theme/components/carousel.d.ts +15 -0
  195. package/types/theme/components/empty.d.ts +11 -0
  196. package/types/theme/components/error.d.ts +15 -0
  197. package/types/theme/components/fab.d.ts +11 -0
  198. package/types/theme/components/pinInput.d.ts +15 -0
  199. package/types/theme/components/success.d.ts +11 -0
  200. package/types/theme/components/tag.d.ts +15 -0
  201. package/types/theme/components/textInput.d.ts +1 -0
  202. package/types/theme/getTheme.d.ts +18 -18
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap CHANGED
@@ -69,25 +69,22 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
69
69
  Object {
70
70
  "color": "#001f23",
71
71
  "fontFamily": "BeVietnamPro-Regular",
72
- "fontSize": 14,
73
- "letterSpacing": 0.42,
74
- "lineHeight": 22,
72
+ "fontSize": 16,
73
+ "letterSpacing": 0.48,
74
+ "lineHeight": 24,
75
75
  },
76
76
  Array [
77
77
  Object {
78
78
  "flexShrink": 1,
79
- "fontFamily": "BeVietnamPro-Regular",
80
- "fontSize": 16,
81
79
  "textAlign": "center",
82
80
  },
83
81
  undefined,
84
82
  ],
85
83
  ]
86
84
  }
87
- themeFontSize="medium"
88
- themeFontWeight="regular"
89
85
  themeIntent="body"
90
86
  themeTypeface="neutral"
87
+ themeVariant="regular"
91
88
  >
92
89
  Move to Work
93
90
  </Text>
@@ -273,19 +270,18 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
273
270
  Object {
274
271
  "color": "#001f23",
275
272
  "fontFamily": "BeVietnamPro-SemiBold",
276
- "fontSize": 14,
277
- "letterSpacing": 0.42,
278
- "lineHeight": 22,
273
+ "fontSize": 16,
274
+ "letterSpacing": 0.24,
275
+ "lineHeight": 24,
279
276
  },
280
277
  Object {
281
278
  "color": "#001f23",
282
279
  },
283
280
  ]
284
281
  }
285
- themeFontSize="medium"
286
- themeFontWeight="semi-bold"
287
282
  themeIntent="body"
288
283
  themeTypeface="neutral"
284
+ themeVariant="regular-bold"
289
285
  >
290
286
  Work
291
287
  </Text>
@@ -641,17 +637,14 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
641
637
  Object {
642
638
  "color": "#001f23",
643
639
  "fontFamily": "BeVietnamPro-Regular",
644
- "fontSize": 14,
645
- "letterSpacing": 0.42,
646
- "lineHeight": 22,
640
+ "fontSize": 12,
641
+ "letterSpacing": 0.48,
642
+ "lineHeight": 16,
647
643
  },
648
644
  Array [
649
645
  Object {
650
646
  "color": "#ffffff",
651
- "fontFamily": "BeVietnamPro-SemiBold",
652
- "fontSize": 12,
653
647
  "includeFontPadding": false,
654
- "lineHeight": 16,
655
648
  "textAlign": "center",
656
649
  "textAlignVertical": "center",
657
650
  },
@@ -659,10 +652,8 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
659
652
  ],
660
653
  ]
661
654
  }
662
- themeFontSize="medium"
663
655
  themeFontWeight="regular"
664
656
  themeIntent="body"
665
- themeTypeface="neutral"
666
657
  >
667
658
  50
668
659
  </Text>
@@ -897,25 +888,22 @@ exports[`Tabs.Scroll renders correctly 1`] = `
897
888
  Object {
898
889
  "color": "#001f23",
899
890
  "fontFamily": "BeVietnamPro-Regular",
900
- "fontSize": 14,
901
- "letterSpacing": 0.42,
902
- "lineHeight": 22,
891
+ "fontSize": 16,
892
+ "letterSpacing": 0.48,
893
+ "lineHeight": 24,
903
894
  },
904
895
  Array [
905
896
  Object {
906
897
  "flexShrink": 1,
907
- "fontFamily": "BeVietnamPro-Regular",
908
- "fontSize": 16,
909
898
  "textAlign": "center",
910
899
  },
911
900
  undefined,
912
901
  ],
913
902
  ]
914
903
  }
915
- themeFontSize="medium"
916
- themeFontWeight="regular"
917
904
  themeIntent="body"
918
905
  themeTypeface="neutral"
906
+ themeVariant="regular"
919
907
  >
920
908
  Move to Work
921
909
  </Text>
@@ -1101,19 +1089,18 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1101
1089
  Object {
1102
1090
  "color": "#001f23",
1103
1091
  "fontFamily": "BeVietnamPro-SemiBold",
1104
- "fontSize": 14,
1105
- "letterSpacing": 0.42,
1106
- "lineHeight": 22,
1092
+ "fontSize": 16,
1093
+ "letterSpacing": 0.24,
1094
+ "lineHeight": 24,
1107
1095
  },
1108
1096
  Object {
1109
1097
  "color": "#001f23",
1110
1098
  },
1111
1099
  ]
1112
1100
  }
1113
- themeFontSize="medium"
1114
- themeFontWeight="semi-bold"
1115
1101
  themeIntent="body"
1116
1102
  themeTypeface="neutral"
1103
+ themeVariant="regular-bold"
1117
1104
  >
1118
1105
  Work
1119
1106
  </Text>
@@ -1469,17 +1456,14 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1469
1456
  Object {
1470
1457
  "color": "#001f23",
1471
1458
  "fontFamily": "BeVietnamPro-Regular",
1472
- "fontSize": 14,
1473
- "letterSpacing": 0.42,
1474
- "lineHeight": 22,
1459
+ "fontSize": 12,
1460
+ "letterSpacing": 0.48,
1461
+ "lineHeight": 16,
1475
1462
  },
1476
1463
  Array [
1477
1464
  Object {
1478
1465
  "color": "#ffffff",
1479
- "fontFamily": "BeVietnamPro-SemiBold",
1480
- "fontSize": 12,
1481
1466
  "includeFontPadding": false,
1482
- "lineHeight": 16,
1483
1467
  "textAlign": "center",
1484
1468
  "textAlignVertical": "center",
1485
1469
  },
@@ -1487,10 +1471,8 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1487
1471
  ],
1488
1472
  ]
1489
1473
  }
1490
- themeFontSize="medium"
1491
1474
  themeFontWeight="regular"
1492
1475
  themeIntent="body"
1493
- themeTypeface="neutral"
1494
1476
  >
1495
1477
  50
1496
1478
  </Text>
@@ -1725,25 +1707,22 @@ exports[`useIsFocused renders correctly 1`] = `
1725
1707
  Object {
1726
1708
  "color": "#001f23",
1727
1709
  "fontFamily": "BeVietnamPro-Regular",
1728
- "fontSize": 14,
1729
- "letterSpacing": 0.42,
1730
- "lineHeight": 22,
1710
+ "fontSize": 16,
1711
+ "letterSpacing": 0.48,
1712
+ "lineHeight": 24,
1731
1713
  },
1732
1714
  Array [
1733
1715
  Object {
1734
1716
  "flexShrink": 1,
1735
- "fontFamily": "BeVietnamPro-Regular",
1736
- "fontSize": 16,
1737
1717
  "textAlign": "center",
1738
1718
  },
1739
1719
  undefined,
1740
1720
  ],
1741
1721
  ]
1742
1722
  }
1743
- themeFontSize="medium"
1744
- themeFontWeight="regular"
1745
1723
  themeIntent="body"
1746
1724
  themeTypeface="neutral"
1725
+ themeVariant="regular"
1747
1726
  >
1748
1727
  Move to Work
1749
1728
  </Text>
@@ -1929,19 +1908,18 @@ exports[`useIsFocused renders correctly 1`] = `
1929
1908
  Object {
1930
1909
  "color": "#001f23",
1931
1910
  "fontFamily": "BeVietnamPro-SemiBold",
1932
- "fontSize": 14,
1933
- "letterSpacing": 0.42,
1934
- "lineHeight": 22,
1911
+ "fontSize": 16,
1912
+ "letterSpacing": 0.24,
1913
+ "lineHeight": 24,
1935
1914
  },
1936
1915
  Object {
1937
1916
  "color": "#001f23",
1938
1917
  },
1939
1918
  ]
1940
1919
  }
1941
- themeFontSize="medium"
1942
- themeFontWeight="semi-bold"
1943
1920
  themeIntent="body"
1944
1921
  themeTypeface="neutral"
1922
+ themeVariant="regular-bold"
1945
1923
  >
1946
1924
  Work
1947
1925
  </Text>
@@ -2297,17 +2275,14 @@ exports[`useIsFocused renders correctly 1`] = `
2297
2275
  Object {
2298
2276
  "color": "#001f23",
2299
2277
  "fontFamily": "BeVietnamPro-Regular",
2300
- "fontSize": 14,
2301
- "letterSpacing": 0.42,
2302
- "lineHeight": 22,
2278
+ "fontSize": 12,
2279
+ "letterSpacing": 0.48,
2280
+ "lineHeight": 16,
2303
2281
  },
2304
2282
  Array [
2305
2283
  Object {
2306
2284
  "color": "#ffffff",
2307
- "fontFamily": "BeVietnamPro-SemiBold",
2308
- "fontSize": 12,
2309
2285
  "includeFontPadding": false,
2310
- "lineHeight": 16,
2311
2286
  "textAlign": "center",
2312
2287
  "textAlignVertical": "center",
2313
2288
  },
@@ -2315,10 +2290,8 @@ exports[`useIsFocused renders correctly 1`] = `
2315
2290
  ],
2316
2291
  ]
2317
2292
  }
2318
- themeFontSize="medium"
2319
2293
  themeFontWeight="regular"
2320
2294
  themeIntent="body"
2321
- themeTypeface="neutral"
2322
2295
  >
2323
2296
  50
2324
2297
  </Text>
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap CHANGED
@@ -182,19 +182,18 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
182
182
  Object {
183
183
  "color": "#001f23",
184
184
  "fontFamily": "BeVietnamPro-SemiBold",
185
- "fontSize": 14,
186
- "letterSpacing": 0.42,
187
- "lineHeight": 22,
185
+ "fontSize": 16,
186
+ "letterSpacing": 0.24,
187
+ "lineHeight": 24,
188
188
  },
189
189
  Object {
190
190
  "color": "#001f23",
191
191
  },
192
192
  ]
193
193
  }
194
- themeFontSize="medium"
195
- themeFontWeight="semi-bold"
196
194
  themeIntent="body"
197
195
  themeTypeface="neutral"
196
+ themeVariant="regular-bold"
198
197
  >
199
198
  Work
200
199
  </Text>
@@ -550,17 +549,14 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
550
549
  Object {
551
550
  "color": "#001f23",
552
551
  "fontFamily": "BeVietnamPro-Regular",
553
- "fontSize": 14,
554
- "letterSpacing": 0.42,
555
- "lineHeight": 22,
552
+ "fontSize": 12,
553
+ "letterSpacing": 0.48,
554
+ "lineHeight": 16,
556
555
  },
557
556
  Array [
558
557
  Object {
559
558
  "color": "#ffffff",
560
- "fontFamily": "BeVietnamPro-SemiBold",
561
- "fontSize": 12,
562
559
  "includeFontPadding": false,
563
- "lineHeight": 16,
564
560
  "textAlign": "center",
565
561
  "textAlignVertical": "center",
566
562
  },
@@ -568,10 +564,8 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
568
564
  ],
569
565
  ]
570
566
  }
571
- themeFontSize="medium"
572
567
  themeFontWeight="regular"
573
568
  themeIntent="body"
574
- themeTypeface="neutral"
575
569
  >
576
570
  50
577
571
  </Text>
package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap CHANGED
@@ -43,17 +43,14 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
43
43
  Object {
44
44
  "color": "#001f23",
45
45
  "fontFamily": "BeVietnamPro-Regular",
46
- "fontSize": 14,
47
- "letterSpacing": 0.42,
48
- "lineHeight": 22,
46
+ "fontSize": 12,
47
+ "letterSpacing": 0.48,
48
+ "lineHeight": 16,
49
49
  },
50
50
  Array [
51
51
  Object {
52
52
  "color": "#ffffff",
53
- "fontFamily": "BeVietnamPro-SemiBold",
54
- "fontSize": 12,
55
53
  "includeFontPadding": false,
56
- "lineHeight": 16,
57
54
  "textAlign": "center",
58
55
  "textAlignVertical": "center",
59
56
  },
@@ -61,10 +58,8 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
61
58
  ],
62
59
  ]
63
60
  }
64
- themeFontSize="medium"
65
61
  themeFontWeight="regular"
66
62
  themeIntent="body"
67
- themeTypeface="neutral"
68
63
  >
69
64
  10
70
65
  </Text>