@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/Button/__tests__/__snapshots__/Button.spec.tsx.snap CHANGED
@@ -40,28 +40,25 @@ exports[`Button renders correctly 1`] = `
40
40
  Array [
41
41
  Object {
42
42
  "color": "#001f23",
43
- "fontFamily": "BeVietnamPro-Regular",
44
- "fontSize": 14,
45
- "letterSpacing": 0.42,
46
- "lineHeight": 22,
43
+ "fontFamily": "BeVietnamPro-SemiBold",
44
+ "fontSize": 18,
45
+ "letterSpacing": 0.24,
46
+ "lineHeight": 28,
47
47
  },
48
48
  Array [
49
49
  Object {
50
50
  "color": "#ffffff",
51
51
  "flexShrink": 1,
52
- "fontFamily": "BeVietnamPro-SemiBold",
53
- "fontSize": 18,
54
52
  "textAlign": "center",
55
53
  },
56
54
  undefined,
57
55
  ],
58
56
  ]
59
57
  }
60
- themeFontSize="medium"
61
- themeFontWeight="regular"
58
+ themeButtonVariant="filled-primary"
62
59
  themeIntent="body"
60
+ themeLevel="h5"
63
61
  themeTypeface="neutral"
64
- themeVariant="filled-primary"
65
62
  >
66
63
  A button
67
64
  </Text>
@@ -254,28 +251,25 @@ exports[`Button renders correctly 3`] = `
254
251
  Array [
255
252
  Object {
256
253
  "color": "#001f23",
257
- "fontFamily": "BeVietnamPro-Regular",
258
- "fontSize": 14,
259
- "letterSpacing": 0.42,
260
- "lineHeight": 22,
254
+ "fontFamily": "BeVietnamPro-SemiBold",
255
+ "fontSize": 18,
256
+ "letterSpacing": 0.24,
257
+ "lineHeight": 28,
261
258
  },
262
259
  Array [
263
260
  Object {
264
261
  "color": "#ffffff",
265
262
  "flexShrink": 1,
266
- "fontFamily": "BeVietnamPro-SemiBold",
267
- "fontSize": 18,
268
263
  "textAlign": "center",
269
264
  },
270
265
  undefined,
271
266
  ],
272
267
  ]
273
268
  }
274
- themeFontSize="medium"
275
- themeFontWeight="regular"
269
+ themeButtonVariant="filled-primary"
276
270
  themeIntent="body"
271
+ themeLevel="h5"
277
272
  themeTypeface="neutral"
278
- themeVariant="filled-primary"
279
273
  >
280
274
  A button
281
275
  </Text>
@@ -324,28 +318,25 @@ exports[`Button renders correctly 4`] = `
324
318
  Array [
325
319
  Object {
326
320
  "color": "#001f23",
327
- "fontFamily": "BeVietnamPro-Regular",
328
- "fontSize": 14,
329
- "letterSpacing": 0.42,
330
- "lineHeight": 22,
321
+ "fontFamily": "BeVietnamPro-SemiBold",
322
+ "fontSize": 18,
323
+ "letterSpacing": 0.24,
324
+ "lineHeight": 28,
331
325
  },
332
326
  Array [
333
327
  Object {
334
328
  "color": "#401960",
335
329
  "flexShrink": 1,
336
- "fontFamily": "BeVietnamPro-SemiBold",
337
- "fontSize": 18,
338
330
  "textAlign": "center",
339
331
  },
340
332
  undefined,
341
333
  ],
342
334
  ]
343
335
  }
344
- themeFontSize="medium"
345
- themeFontWeight="regular"
336
+ themeButtonVariant="outlined-primary"
346
337
  themeIntent="body"
338
+ themeLevel="h5"
347
339
  themeTypeface="neutral"
348
- themeVariant="outlined-primary"
349
340
  >
350
341
  A button
351
342
  </Text>
@@ -542,28 +533,25 @@ exports[`Button renders correctly 6`] = `
542
533
  Array [
543
534
  Object {
544
535
  "color": "#001f23",
545
- "fontFamily": "BeVietnamPro-Regular",
546
- "fontSize": 14,
547
- "letterSpacing": 0.42,
548
- "lineHeight": 22,
536
+ "fontFamily": "BeVietnamPro-SemiBold",
537
+ "fontSize": 18,
538
+ "letterSpacing": 0.24,
539
+ "lineHeight": 28,
549
540
  },
550
541
  Array [
551
542
  Object {
552
543
  "color": "#bfc1c5",
553
544
  "flexShrink": 1,
554
- "fontFamily": "BeVietnamPro-SemiBold",
555
- "fontSize": 18,
556
545
  "textAlign": "center",
557
546
  },
558
547
  undefined,
559
548
  ],
560
549
  ]
561
550
  }
562
- themeFontSize="medium"
563
- themeFontWeight="regular"
551
+ themeButtonVariant="outlined-primary"
564
552
  themeIntent="body"
553
+ themeLevel="h5"
565
554
  themeTypeface="neutral"
566
- themeVariant="outlined-primary"
567
555
  >
568
556
  A button
569
557
  </Text>
@@ -610,28 +598,26 @@ exports[`Button renders correctly 7`] = `
610
598
  Array [
611
599
  Object {
612
600
  "color": "#001f23",
613
- "fontFamily": "BeVietnamPro-Regular",
614
- "fontSize": 14,
615
- "letterSpacing": 0.42,
616
- "lineHeight": 22,
601
+ "fontFamily": "BeVietnamPro-SemiBold",
602
+ "fontSize": 16,
603
+ "letterSpacing": 0.24,
604
+ "lineHeight": 24,
617
605
  },
618
606
  Array [
619
607
  Object {
620
608
  "color": "#401960",
621
609
  "flexShrink": 1,
622
- "fontFamily": "BeVietnamPro-SemiBold",
623
- "fontSize": 16,
610
+ "lineHeight": 22,
624
611
  "textAlign": "center",
625
612
  },
626
613
  undefined,
627
614
  ],
628
615
  ]
629
616
  }
630
- themeFontSize="medium"
631
- themeFontWeight="regular"
617
+ themeButtonVariant="text-primary"
632
618
  themeIntent="body"
633
619
  themeTypeface="neutral"
634
- themeVariant="text-primary"
620
+ themeVariant="regular-bold"
635
621
  >
636
622
  A button
637
623
  </Text>
@@ -824,28 +810,26 @@ exports[`Button renders correctly 9`] = `
824
810
  Array [
825
811
  Object {
826
812
  "color": "#001f23",
827
- "fontFamily": "BeVietnamPro-Regular",
828
- "fontSize": 14,
829
- "letterSpacing": 0.42,
830
- "lineHeight": 22,
813
+ "fontFamily": "BeVietnamPro-SemiBold",
814
+ "fontSize": 16,
815
+ "letterSpacing": 0.24,
816
+ "lineHeight": 24,
831
817
  },
832
818
  Array [
833
819
  Object {
834
820
  "color": "#bfc1c5",
835
821
  "flexShrink": 1,
836
- "fontFamily": "BeVietnamPro-SemiBold",
837
- "fontSize": 16,
822
+ "lineHeight": 22,
838
823
  "textAlign": "center",
839
824
  },
840
825
  undefined,
841
826
  ],
842
827
  ]
843
828
  }
844
- themeFontSize="medium"
845
- themeFontWeight="regular"
829
+ themeButtonVariant="text-primary"
846
830
  themeIntent="body"
847
831
  themeTypeface="neutral"
848
- themeVariant="text-primary"
832
+ themeVariant="regular-bold"
849
833
  >
850
834
  A button
851
835
  </Text>
@@ -892,28 +876,26 @@ exports[`Button renders correctly 10`] = `
892
876
  Array [
893
877
  Object {
894
878
  "color": "#001f23",
895
- "fontFamily": "BeVietnamPro-Regular",
896
- "fontSize": 14,
897
- "letterSpacing": 0.42,
898
- "lineHeight": 22,
879
+ "fontFamily": "BeVietnamPro-SemiBold",
880
+ "fontSize": 16,
881
+ "letterSpacing": 0.24,
882
+ "lineHeight": 24,
899
883
  },
900
884
  Array [
901
885
  Object {
902
886
  "color": "#795e90",
903
887
  "flexShrink": 1,
904
- "fontFamily": "BeVietnamPro-SemiBold",
905
- "fontSize": 16,
888
+ "lineHeight": 22,
906
889
  "textAlign": "center",
907
890
  },
908
891
  undefined,
909
892
  ],
910
893
  ]
911
894
  }
912
- themeFontSize="medium"
913
- themeFontWeight="regular"
895
+ themeButtonVariant="text-secondary"
914
896
  themeIntent="body"
915
897
  themeTypeface="neutral"
916
- themeVariant="text-secondary"
898
+ themeVariant="regular-bold"
917
899
  >
918
900
  A button
919
901
  </Text>
@@ -1106,28 +1088,26 @@ exports[`Button renders correctly 12`] = `
1106
1088
  Array [
1107
1089
  Object {
1108
1090
  "color": "#001f23",
1109
- "fontFamily": "BeVietnamPro-Regular",
1110
- "fontSize": 14,
1111
- "letterSpacing": 0.42,
1112
- "lineHeight": 22,
1091
+ "fontFamily": "BeVietnamPro-SemiBold",
1092
+ "fontSize": 16,
1093
+ "letterSpacing": 0.24,
1094
+ "lineHeight": 24,
1113
1095
  },
1114
1096
  Array [
1115
1097
  Object {
1116
1098
  "color": "#bfc1c5",
1117
1099
  "flexShrink": 1,
1118
- "fontFamily": "BeVietnamPro-SemiBold",
1119
- "fontSize": 16,
1100
+ "lineHeight": 22,
1120
1101
  "textAlign": "center",
1121
1102
  },
1122
1103
  undefined,
1123
1104
  ],
1124
1105
  ]
1125
1106
  }
1126
- themeFontSize="medium"
1127
- themeFontWeight="regular"
1107
+ themeButtonVariant="text-secondary"
1128
1108
  themeIntent="body"
1129
1109
  themeTypeface="neutral"
1130
- themeVariant="text-secondary"
1110
+ themeVariant="regular-bold"
1131
1111
  >
1132
1112
  A button
1133
1113
  </Text>
@@ -1174,28 +1154,26 @@ exports[`Button renders correctly 13`] = `
1174
1154
  Array [
1175
1155
  Object {
1176
1156
  "color": "#001f23",
1177
- "fontFamily": "BeVietnamPro-Regular",
1178
- "fontSize": 14,
1179
- "letterSpacing": 0.42,
1180
- "lineHeight": 22,
1157
+ "fontFamily": "BeVietnamPro-SemiBold",
1158
+ "fontSize": 16,
1159
+ "letterSpacing": 0.24,
1160
+ "lineHeight": 24,
1181
1161
  },
1182
1162
  Array [
1183
1163
  Object {
1184
1164
  "color": "#de350b",
1185
1165
  "flexShrink": 1,
1186
- "fontFamily": "BeVietnamPro-SemiBold",
1187
- "fontSize": 16,
1166
+ "lineHeight": 22,
1188
1167
  "textAlign": "center",
1189
1168
  },
1190
1169
  undefined,
1191
1170
  ],
1192
1171
  ]
1193
1172
  }
1194
- themeFontSize="medium"
1195
- themeFontWeight="regular"
1173
+ themeButtonVariant="text-danger"
1196
1174
  themeIntent="body"
1197
1175
  themeTypeface="neutral"
1198
- themeVariant="text-danger"
1176
+ themeVariant="regular-bold"
1199
1177
  >
1200
1178
  A button
1201
1179
  </Text>
@@ -1388,28 +1366,26 @@ exports[`Button renders correctly 15`] = `
1388
1366
  Array [
1389
1367
  Object {
1390
1368
  "color": "#001f23",
1391
- "fontFamily": "BeVietnamPro-Regular",
1392
- "fontSize": 14,
1393
- "letterSpacing": 0.42,
1394
- "lineHeight": 22,
1369
+ "fontFamily": "BeVietnamPro-SemiBold",
1370
+ "fontSize": 16,
1371
+ "letterSpacing": 0.24,
1372
+ "lineHeight": 24,
1395
1373
  },
1396
1374
  Array [
1397
1375
  Object {
1398
1376
  "color": "#bfc1c5",
1399
1377
  "flexShrink": 1,
1400
- "fontFamily": "BeVietnamPro-SemiBold",
1401
- "fontSize": 16,
1378
+ "lineHeight": 22,
1402
1379
  "textAlign": "center",
1403
1380
  },
1404
1381
  undefined,
1405
1382
  ],
1406
1383
  ]
1407
1384
  }
1408
- themeFontSize="medium"
1409
- themeFontWeight="regular"
1385
+ themeButtonVariant="text-danger"
1410
1386
  themeIntent="body"
1411
1387
  themeTypeface="neutral"
1412
- themeVariant="text-danger"
1388
+ themeVariant="regular-bold"
1413
1389
  >
1414
1390
  A button
1415
1391
  </Text>