@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/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -116,16 +116,15 @@ Array [
116
116
  Object {
117
117
  "color": "#001f23",
118
118
  "fontFamily": "BeVietnamPro-Regular",
119
- "fontSize": 14,
120
- "letterSpacing": 0.42,
121
- "lineHeight": 22,
119
+ "fontSize": 16,
120
+ "letterSpacing": 0.48,
121
+ "lineHeight": 24,
122
122
  },
123
123
  Array [
124
124
  Object {
125
125
  "alignContent": "center",
126
126
  "alignItems": "center",
127
127
  "color": "#001f23",
128
- "fontSize": 16,
129
128
  "marginTop": -2,
130
129
  "textAlignVertical": "center",
131
130
  },
@@ -134,11 +133,10 @@ Array [
134
133
  ]
135
134
  }
136
135
  testID="input-label"
137
- themeFontSize="medium"
138
- themeFontWeight="regular"
139
136
  themeIntent="body"
140
137
  themeState="default"
141
138
  themeTypeface="neutral"
139
+ themeVariant="regular"
142
140
  >
143
141
  Choose collaborators
144
142
  </Text>
@@ -203,6 +201,7 @@ Array [
203
201
  Object {
204
202
  "minHeight": 16,
205
203
  "paddingLeft": 16,
204
+ "paddingTop": 2,
206
205
  },
207
206
  undefined,
208
207
  ]
@@ -349,16 +348,15 @@ Array [
349
348
  "color": "#001f23",
350
349
  "fontFamily": "BeVietnamPro-SemiBold",
351
350
  "fontSize": 16,
352
- "letterSpacing": 0.48,
351
+ "letterSpacing": 0.24,
353
352
  "lineHeight": 24,
354
353
  },
355
354
  undefined,
356
355
  ]
357
356
  }
358
- themeFontSize="large"
359
- themeFontWeight="semi-bold"
360
357
  themeIntent="body"
361
358
  themeTypeface="neutral"
359
+ themeVariant="regular-bold"
362
360
  >
363
361
  Choose collaborators
364
362
  </Text>
@@ -651,16 +649,15 @@ Array [
651
649
  "color": "#001f23",
652
650
  "fontFamily": "BeVietnamPro-SemiBold",
653
651
  "fontSize": 16,
654
- "letterSpacing": 0.48,
652
+ "letterSpacing": 0.24,
655
653
  "lineHeight": 24,
656
654
  },
657
655
  undefined,
658
656
  ]
659
657
  }
660
- themeFontSize="large"
661
- themeFontWeight="semi-bold"
662
658
  themeIntent="body"
663
659
  themeTypeface="neutral"
660
+ themeVariant="regular-bold"
664
661
  >
665
662
  Daniel
666
663
  </Text>
@@ -678,10 +675,9 @@ Array [
678
675
  undefined,
679
676
  ]
680
677
  }
681
- themeFontSize="large"
682
- themeFontWeight="regular"
683
678
  themeIntent="subdued"
684
679
  themeTypeface="neutral"
680
+ themeVariant="regular"
685
681
  >
686
682
  Senior Developer
687
683
  </Text>
@@ -800,16 +796,15 @@ Array [
800
796
  "color": "#001f23",
801
797
  "fontFamily": "BeVietnamPro-SemiBold",
802
798
  "fontSize": 16,
803
- "letterSpacing": 0.48,
799
+ "letterSpacing": 0.24,
804
800
  "lineHeight": 24,
805
801
  },
806
802
  undefined,
807
803
  ]
808
804
  }
809
- themeFontSize="large"
810
- themeFontWeight="semi-bold"
811
805
  themeIntent="body"
812
806
  themeTypeface="neutral"
807
+ themeVariant="regular-bold"
813
808
  >
814
809
  Daemon
815
810
  </Text>
@@ -827,10 +822,9 @@ Array [
827
822
  undefined,
828
823
  ]
829
824
  }
830
- themeFontSize="large"
831
- themeFontWeight="regular"
832
825
  themeIntent="subdued"
833
826
  themeTypeface="neutral"
827
+ themeVariant="regular"
834
828
  >
835
829
  Manager
836
830
  </Text>
@@ -1066,16 +1060,15 @@ Array [
1066
1060
  "color": "#001f23",
1067
1061
  "fontFamily": "BeVietnamPro-SemiBold",
1068
1062
  "fontSize": 16,
1069
- "letterSpacing": 0.48,
1063
+ "letterSpacing": 0.24,
1070
1064
  "lineHeight": 24,
1071
1065
  },
1072
1066
  undefined,
1073
1067
  ]
1074
1068
  }
1075
- themeFontSize="large"
1076
- themeFontWeight="semi-bold"
1077
1069
  themeIntent="body"
1078
1070
  themeTypeface="neutral"
1071
+ themeVariant="regular-bold"
1079
1072
  >
1080
1073
  Jennifer
1081
1074
  </Text>
@@ -1093,10 +1086,9 @@ Array [
1093
1086
  undefined,
1094
1087
  ]
1095
1088
  }
1096
- themeFontSize="large"
1097
- themeFontWeight="regular"
1098
1089
  themeIntent="subdued"
1099
1090
  themeTypeface="neutral"
1091
+ themeVariant="regular"
1100
1092
  >
1101
1093
  UX Designer
1102
1094
  </Text>
@@ -1215,16 +1207,15 @@ Array [
1215
1207
  "color": "#001f23",
1216
1208
  "fontFamily": "BeVietnamPro-SemiBold",
1217
1209
  "fontSize": 16,
1218
- "letterSpacing": 0.48,
1210
+ "letterSpacing": 0.24,
1219
1211
  "lineHeight": 24,
1220
1212
  },
1221
1213
  undefined,
1222
1214
  ]
1223
1215
  }
1224
- themeFontSize="large"
1225
- themeFontWeight="semi-bold"
1226
1216
  themeIntent="body"
1227
1217
  themeTypeface="neutral"
1218
+ themeVariant="regular-bold"
1228
1219
  >
1229
1220
  Josh
1230
1221
  </Text>
@@ -1242,10 +1233,9 @@ Array [
1242
1233
  undefined,
1243
1234
  ]
1244
1235
  }
1245
- themeFontSize="large"
1246
- themeFontWeight="regular"
1247
1236
  themeIntent="subdued"
1248
1237
  themeTypeface="neutral"
1238
+ themeVariant="regular"
1249
1239
  >
1250
1240
  Junior Developer
1251
1241
  </Text>
@@ -1365,28 +1355,26 @@ Array [
1365
1355
  Array [
1366
1356
  Object {
1367
1357
  "color": "#001f23",
1368
- "fontFamily": "BeVietnamPro-Regular",
1369
- "fontSize": 14,
1370
- "letterSpacing": 0.42,
1371
- "lineHeight": 22,
1358
+ "fontFamily": "BeVietnamPro-SemiBold",
1359
+ "fontSize": 16,
1360
+ "letterSpacing": 0.24,
1361
+ "lineHeight": 24,
1372
1362
  },
1373
1363
  Array [
1374
1364
  Object {
1375
1365
  "color": "#401960",
1376
1366
  "flexShrink": 1,
1377
- "fontFamily": "BeVietnamPro-SemiBold",
1378
- "fontSize": 16,
1367
+ "lineHeight": 22,
1379
1368
  "textAlign": "center",
1380
1369
  },
1381
1370
  undefined,
1382
1371
  ],
1383
1372
  ]
1384
1373
  }
1385
- themeFontSize="medium"
1386
- themeFontWeight="regular"
1374
+ themeButtonVariant="text-primary"
1387
1375
  themeIntent="body"
1388
1376
  themeTypeface="neutral"
1389
- themeVariant="text-primary"
1377
+ themeVariant="regular-bold"
1390
1378
  >
1391
1379
  Confirm
1392
1380
  </Text>
@@ -1503,14 +1491,13 @@ Array [
1503
1491
  Object {
1504
1492
  "color": "#001f23",
1505
1493
  "fontFamily": "BeVietnamPro-Regular",
1506
- "fontSize": 14,
1507
- "letterSpacing": 0.42,
1508
- "lineHeight": 22,
1494
+ "fontSize": 12,
1495
+ "letterSpacing": 0.48,
1496
+ "lineHeight": 16,
1509
1497
  },
1510
1498
  Array [
1511
1499
  Object {
1512
1500
  "color": "#001f23",
1513
- "fontSize": 12,
1514
1501
  "lineHeight": 12,
1515
1502
  },
1516
1503
  Object {
@@ -1520,11 +1507,9 @@ Array [
1520
1507
  ]
1521
1508
  }
1522
1509
  testID="input-label"
1523
- themeFontSize="medium"
1524
1510
  themeFontWeight="regular"
1525
1511
  themeIntent="body"
1526
1512
  themeState="filled"
1527
- themeTypeface="neutral"
1528
1513
  >
1529
1514
  Allow notifications
1530
1515
  </Text>
@@ -1603,6 +1588,7 @@ Array [
1603
1588
  Object {
1604
1589
  "minHeight": 16,
1605
1590
  "paddingLeft": 16,
1591
+ "paddingTop": 2,
1606
1592
  },
1607
1593
  undefined,
1608
1594
  ]
@@ -1736,14 +1722,13 @@ Array [
1736
1722
  Object {
1737
1723
  "color": "#001f23",
1738
1724
  "fontFamily": "BeVietnamPro-Regular",
1739
- "fontSize": 14,
1740
- "letterSpacing": 0.42,
1741
- "lineHeight": 22,
1725
+ "fontSize": 12,
1726
+ "letterSpacing": 0.48,
1727
+ "lineHeight": 16,
1742
1728
  },
1743
1729
  Array [
1744
1730
  Object {
1745
1731
  "color": "#001f23",
1746
- "fontSize": 12,
1747
1732
  "lineHeight": 12,
1748
1733
  },
1749
1734
  Object {
@@ -1753,11 +1738,9 @@ Array [
1753
1738
  ]
1754
1739
  }
1755
1740
  testID="input-label"
1756
- themeFontSize="medium"
1757
1741
  themeFontWeight="regular"
1758
1742
  themeIntent="body"
1759
1743
  themeState="filled"
1760
- themeTypeface="neutral"
1761
1744
  >
1762
1745
  Allow notifications
1763
1746
  </Text>
@@ -1836,6 +1819,7 @@ Array [
1836
1819
  Object {
1837
1820
  "minHeight": 16,
1838
1821
  "paddingLeft": 16,
1822
+ "paddingTop": 2,
1839
1823
  },
1840
1824
  undefined,
1841
1825
  ]
@@ -1982,16 +1966,15 @@ Array [
1982
1966
  "color": "#001f23",
1983
1967
  "fontFamily": "BeVietnamPro-SemiBold",
1984
1968
  "fontSize": 16,
1985
- "letterSpacing": 0.48,
1969
+ "letterSpacing": 0.24,
1986
1970
  "lineHeight": 24,
1987
1971
  },
1988
1972
  undefined,
1989
1973
  ]
1990
1974
  }
1991
- themeFontSize="large"
1992
- themeFontWeight="semi-bold"
1993
1975
  themeIntent="body"
1994
1976
  themeTypeface="neutral"
1977
+ themeVariant="regular-bold"
1995
1978
  >
1996
1979
  Allow notifications
1997
1980
  </Text>
@@ -2230,10 +2213,9 @@ Array [
2230
2213
  undefined,
2231
2214
  ]
2232
2215
  }
2233
- themeFontSize="large"
2234
- themeFontWeight="regular"
2235
2216
  themeIntent="body"
2236
2217
  themeTypeface="neutral"
2218
+ themeVariant="regular"
2237
2219
  >
2238
2220
  Monday
2239
2221
  </Text>
@@ -2386,10 +2368,9 @@ Array [
2386
2368
  undefined,
2387
2369
  ]
2388
2370
  }
2389
- themeFontSize="large"
2390
- themeFontWeight="regular"
2391
2371
  themeIntent="body"
2392
2372
  themeTypeface="neutral"
2373
+ themeVariant="regular"
2393
2374
  >
2394
2375
  Tuesday
2395
2376
  </Text>
@@ -2542,10 +2523,9 @@ Array [
2542
2523
  undefined,
2543
2524
  ]
2544
2525
  }
2545
- themeFontSize="large"
2546
- themeFontWeight="regular"
2547
2526
  themeIntent="body"
2548
2527
  themeTypeface="neutral"
2528
+ themeVariant="regular"
2549
2529
  >
2550
2530
  Wednesday
2551
2531
  </Text>
@@ -2670,10 +2650,9 @@ Array [
2670
2650
  undefined,
2671
2651
  ]
2672
2652
  }
2673
- themeFontSize="large"
2674
- themeFontWeight="regular"
2675
2653
  themeIntent="body"
2676
2654
  themeTypeface="neutral"
2655
+ themeVariant="regular"
2677
2656
  >
2678
2657
  Thursday
2679
2658
  </Text>
@@ -2798,10 +2777,9 @@ Array [
2798
2777
  undefined,
2799
2778
  ]
2800
2779
  }
2801
- themeFontSize="large"
2802
- themeFontWeight="regular"
2803
2780
  themeIntent="body"
2804
2781
  themeTypeface="neutral"
2782
+ themeVariant="regular"
2805
2783
  >
2806
2784
  Friday
2807
2785
  </Text>
@@ -2926,10 +2904,9 @@ Array [
2926
2904
  undefined,
2927
2905
  ]
2928
2906
  }
2929
- themeFontSize="large"
2930
- themeFontWeight="regular"
2931
2907
  themeIntent="body"
2932
2908
  themeTypeface="neutral"
2909
+ themeVariant="regular"
2933
2910
  >
2934
2911
  Saturday
2935
2912
  </Text>
@@ -3055,10 +3032,9 @@ Array [
3055
3032
  undefined,
3056
3033
  ]
3057
3034
  }
3058
- themeFontSize="large"
3059
- themeFontWeight="regular"
3060
3035
  themeIntent="body"
3061
3036
  themeTypeface="neutral"
3037
+ themeVariant="regular"
3062
3038
  >
3063
3039
  Sunday
3064
3040
  </Text>
@@ -3180,28 +3156,26 @@ Array [
3180
3156
  Array [
3181
3157
  Object {
3182
3158
  "color": "#001f23",
3183
- "fontFamily": "BeVietnamPro-Regular",
3184
- "fontSize": 14,
3185
- "letterSpacing": 0.42,
3186
- "lineHeight": 22,
3159
+ "fontFamily": "BeVietnamPro-SemiBold",
3160
+ "fontSize": 16,
3161
+ "letterSpacing": 0.24,
3162
+ "lineHeight": 24,
3187
3163
  },
3188
3164
  Array [
3189
3165
  Object {
3190
3166
  "color": "#401960",
3191
3167
  "flexShrink": 1,
3192
- "fontFamily": "BeVietnamPro-SemiBold",
3193
- "fontSize": 16,
3168
+ "lineHeight": 22,
3194
3169
  "textAlign": "center",
3195
3170
  },
3196
3171
  undefined,
3197
3172
  ],
3198
3173
  ]
3199
3174
  }
3200
- themeFontSize="medium"
3201
- themeFontWeight="regular"
3175
+ themeButtonVariant="text-primary"
3202
3176
  themeIntent="body"
3203
3177
  themeTypeface="neutral"
3204
- themeVariant="text-primary"
3178
+ themeVariant="regular-bold"
3205
3179
  >
3206
3180
  Confirm
3207
3181
  </Text>
@@ -3318,14 +3292,13 @@ Array [
3318
3292
  Object {
3319
3293
  "color": "#001f23",
3320
3294
  "fontFamily": "BeVietnamPro-Regular",
3321
- "fontSize": 14,
3322
- "letterSpacing": 0.42,
3323
- "lineHeight": 22,
3295
+ "fontSize": 12,
3296
+ "letterSpacing": 0.48,
3297
+ "lineHeight": 16,
3324
3298
  },
3325
3299
  Array [
3326
3300
  Object {
3327
3301
  "color": "#808f91",
3328
- "fontSize": 12,
3329
3302
  "lineHeight": 12,
3330
3303
  },
3331
3304
  Object {
@@ -3335,11 +3308,9 @@ Array [
3335
3308
  ]
3336
3309
  }
3337
3310
  testID="input-label"
3338
- themeFontSize="medium"
3339
3311
  themeFontWeight="regular"
3340
3312
  themeIntent="body"
3341
3313
  themeState="readonly"
3342
- themeTypeface="neutral"
3343
3314
  >
3344
3315
  Allow notifications
3345
3316
  </Text>
@@ -3431,6 +3402,7 @@ Array [
3431
3402
  Object {
3432
3403
  "minHeight": 16,
3433
3404
  "paddingLeft": 16,
3405
+ "paddingTop": 2,
3434
3406
  },
3435
3407
  undefined,
3436
3408
  ]
@@ -3564,14 +3536,13 @@ Array [
3564
3536
  Object {
3565
3537
  "color": "#001f23",
3566
3538
  "fontFamily": "BeVietnamPro-Regular",
3567
- "fontSize": 14,
3568
- "letterSpacing": 0.42,
3569
- "lineHeight": 22,
3539
+ "fontSize": 12,
3540
+ "letterSpacing": 0.48,
3541
+ "lineHeight": 16,
3570
3542
  },
3571
3543
  Array [
3572
3544
  Object {
3573
3545
  "color": "#001f23",
3574
- "fontSize": 12,
3575
3546
  "lineHeight": 12,
3576
3547
  },
3577
3548
  Object {
@@ -3581,11 +3552,9 @@ Array [
3581
3552
  ]
3582
3553
  }
3583
3554
  testID="input-label"
3584
- themeFontSize="medium"
3585
3555
  themeFontWeight="regular"
3586
3556
  themeIntent="body"
3587
3557
  themeState="filled"
3588
- themeTypeface="neutral"
3589
3558
  >
3590
3559
  Allow notifications
3591
3560
  </Text>
@@ -3664,6 +3633,7 @@ Array [
3664
3633
  Object {
3665
3634
  "minHeight": 16,
3666
3635
  "paddingLeft": 16,
3636
+ "paddingTop": 2,
3667
3637
  },
3668
3638
  undefined,
3669
3639
  ]
@@ -3810,16 +3780,15 @@ Array [
3810
3780
  "color": "#001f23",
3811
3781
  "fontFamily": "BeVietnamPro-SemiBold",
3812
3782
  "fontSize": 16,
3813
- "letterSpacing": 0.48,
3783
+ "letterSpacing": 0.24,
3814
3784
  "lineHeight": 24,
3815
3785
  },
3816
3786
  undefined,
3817
3787
  ]
3818
3788
  }
3819
- themeFontSize="large"
3820
- themeFontWeight="semi-bold"
3821
3789
  themeIntent="body"
3822
3790
  themeTypeface="neutral"
3791
+ themeVariant="regular-bold"
3823
3792
  >
3824
3793
  Allow notifications
3825
3794
  </Text>
@@ -4101,10 +4070,9 @@ Array [
4101
4070
  undefined,
4102
4071
  ]
4103
4072
  }
4104
- themeFontSize="large"
4105
- themeFontWeight="regular"
4106
4073
  themeIntent="body"
4107
4074
  themeTypeface="neutral"
4075
+ themeVariant="regular"
4108
4076
  >
4109
4077
  A1
4110
4078
  </Text>
@@ -4328,10 +4296,9 @@ Array [
4328
4296
  undefined,
4329
4297
  ]
4330
4298
  }
4331
- themeFontSize="large"
4332
- themeFontWeight="regular"
4333
4299
  themeIntent="body"
4334
4300
  themeTypeface="neutral"
4301
+ themeVariant="regular"
4335
4302
  >
4336
4303
  B1
4337
4304
  </Text>
@@ -4474,10 +4441,9 @@ Array [
4474
4441
  undefined,
4475
4442
  ]
4476
4443
  }
4477
- themeFontSize="large"
4478
- themeFontWeight="regular"
4479
4444
  themeIntent="body"
4480
4445
  themeTypeface="neutral"
4446
+ themeVariant="regular"
4481
4447
  >
4482
4448
  B2
4483
4449
  </Text>
@@ -4616,28 +4582,26 @@ Array [
4616
4582
  Array [
4617
4583
  Object {
4618
4584
  "color": "#001f23",
4619
- "fontFamily": "BeVietnamPro-Regular",
4620
- "fontSize": 14,
4621
- "letterSpacing": 0.42,
4622
- "lineHeight": 22,
4585
+ "fontFamily": "BeVietnamPro-SemiBold",
4586
+ "fontSize": 16,
4587
+ "letterSpacing": 0.24,
4588
+ "lineHeight": 24,
4623
4589
  },
4624
4590
  Array [
4625
4591
  Object {
4626
4592
  "color": "#401960",
4627
4593
  "flexShrink": 1,
4628
- "fontFamily": "BeVietnamPro-SemiBold",
4629
- "fontSize": 16,
4594
+ "lineHeight": 22,
4630
4595
  "textAlign": "center",
4631
4596
  },
4632
4597
  undefined,
4633
4598
  ],
4634
4599
  ]
4635
4600
  }
4636
- themeFontSize="medium"
4637
- themeFontWeight="regular"
4601
+ themeButtonVariant="text-primary"
4638
4602
  themeIntent="body"
4639
4603
  themeTypeface="neutral"
4640
- themeVariant="text-primary"
4604
+ themeVariant="regular-bold"
4641
4605
  >
4642
4606
  Confirm
4643
4607
  </Text>
@@ -4754,14 +4718,13 @@ Array [
4754
4718
  Object {
4755
4719
  "color": "#001f23",
4756
4720
  "fontFamily": "BeVietnamPro-Regular",
4757
- "fontSize": 14,
4758
- "letterSpacing": 0.42,
4759
- "lineHeight": 22,
4721
+ "fontSize": 12,
4722
+ "letterSpacing": 0.48,
4723
+ "lineHeight": 16,
4760
4724
  },
4761
4725
  Array [
4762
4726
  Object {
4763
4727
  "color": "#001f23",
4764
- "fontSize": 12,
4765
4728
  "lineHeight": 12,
4766
4729
  },
4767
4730
  Object {
@@ -4771,11 +4734,9 @@ Array [
4771
4734
  ]
4772
4735
  }
4773
4736
  testID="input-label"
4774
- themeFontSize="medium"
4775
4737
  themeFontWeight="regular"
4776
4738
  themeIntent="body"
4777
4739
  themeState="filled"
4778
- themeTypeface="neutral"
4779
4740
  >
4780
4741
  Allow notifications
4781
4742
  </Text>
@@ -4854,6 +4815,7 @@ Array [
4854
4815
  Object {
4855
4816
  "minHeight": 16,
4856
4817
  "paddingLeft": 16,
4818
+ "paddingTop": 2,
4857
4819
  },
4858
4820
  undefined,
4859
4821
  ]
@@ -5000,16 +4962,15 @@ Array [
5000
4962
  "color": "#001f23",
5001
4963
  "fontFamily": "BeVietnamPro-SemiBold",
5002
4964
  "fontSize": 16,
5003
- "letterSpacing": 0.48,
4965
+ "letterSpacing": 0.24,
5004
4966
  "lineHeight": 24,
5005
4967
  },
5006
4968
  undefined,
5007
4969
  ]
5008
4970
  }
5009
- themeFontSize="large"
5010
- themeFontWeight="semi-bold"
5011
4971
  themeIntent="body"
5012
4972
  themeTypeface="neutral"
4973
+ themeVariant="regular-bold"
5013
4974
  >
5014
4975
  Allow notifications
5015
4976
  </Text>
@@ -5291,10 +5252,9 @@ Array [
5291
5252
  undefined,
5292
5253
  ]
5293
5254
  }
5294
- themeFontSize="large"
5295
- themeFontWeight="regular"
5296
5255
  themeIntent="body"
5297
5256
  themeTypeface="neutral"
5257
+ themeVariant="regular"
5298
5258
  >
5299
5259
  A1
5300
5260
  </Text>
@@ -5546,10 +5506,9 @@ Array [
5546
5506
  undefined,
5547
5507
  ]
5548
5508
  }
5549
- themeFontSize="large"
5550
- themeFontWeight="regular"
5551
5509
  themeIntent="body"
5552
5510
  themeTypeface="neutral"
5511
+ themeVariant="regular"
5553
5512
  >
5554
5513
  B1
5555
5514
  </Text>
@@ -5664,10 +5623,9 @@ Array [
5664
5623
  undefined,
5665
5624
  ]
5666
5625
  }
5667
- themeFontSize="large"
5668
- themeFontWeight="regular"
5669
5626
  themeIntent="body"
5670
5627
  themeTypeface="neutral"
5628
+ themeVariant="regular"
5671
5629
  >
5672
5630
  B2
5673
5631
  </Text>
@@ -5778,28 +5736,26 @@ Array [
5778
5736
  Array [
5779
5737
  Object {
5780
5738
  "color": "#001f23",
5781
- "fontFamily": "BeVietnamPro-Regular",
5782
- "fontSize": 14,
5783
- "letterSpacing": 0.42,
5784
- "lineHeight": 22,
5739
+ "fontFamily": "BeVietnamPro-SemiBold",
5740
+ "fontSize": 16,
5741
+ "letterSpacing": 0.24,
5742
+ "lineHeight": 24,
5785
5743
  },
5786
5744
  Array [
5787
5745
  Object {
5788
5746
  "color": "#401960",
5789
5747
  "flexShrink": 1,
5790
- "fontFamily": "BeVietnamPro-SemiBold",
5791
- "fontSize": 16,
5748
+ "lineHeight": 22,
5792
5749
  "textAlign": "center",
5793
5750
  },
5794
5751
  undefined,
5795
5752
  ],
5796
5753
  ]
5797
5754
  }
5798
- themeFontSize="medium"
5799
- themeFontWeight="regular"
5755
+ themeButtonVariant="text-primary"
5800
5756
  themeIntent="body"
5801
5757
  themeTypeface="neutral"
5802
- themeVariant="text-primary"
5758
+ themeVariant="regular-bold"
5803
5759
  >
5804
5760
  Confirm
5805
5761
  </Text>