@hero-design/rn 8.33.1 → 8.33.2

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 (172) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +187 -208
  3. package/lib/index.js +187 -208
  4. package/package.json +7 -7
  5. package/src/components/Accordion/AccordionItem.tsx +1 -3
  6. package/src/components/Accordion/__tests__/AccordionItem.spec.tsx +5 -5
  7. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +26 -34
  8. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +36 -48
  9. package/src/components/Accordion/__tests__/index.spec.tsx +2 -2
  10. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -39
  11. package/src/components/Alert/__tests__/index.spec.tsx +8 -2
  12. package/src/components/Alert/index.tsx +2 -2
  13. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  14. package/src/components/Attachment/index.tsx +3 -1
  15. package/src/components/Badge/StyledBadge.tsx +1 -4
  16. package/src/components/Badge/__tests__/Status.spec.tsx +1 -1
  17. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +18 -48
  18. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -3
  19. package/src/components/BottomNavigation/StyledBottomNavigation.tsx +1 -1
  20. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +4 -12
  21. package/src/components/BottomNavigation/index.tsx +0 -1
  22. package/src/components/BottomSheet/Header.tsx +1 -3
  23. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  24. package/src/components/Button/Button.tsx +34 -11
  25. package/src/components/Button/StyledButton.tsx +45 -38
  26. package/src/components/Button/UtilityButton/StyledUtilityButton.tsx +2 -4
  27. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +8 -14
  28. package/src/components/Button/__tests__/StyledButton.spec.tsx +12 -6
  29. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +66 -90
  30. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +56 -86
  31. package/src/components/Calendar/CalendarRowItem.tsx +5 -2
  32. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +10 -15
  33. package/src/components/Calendar/index.tsx +1 -1
  34. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +12 -18
  35. package/src/components/Card/__tests__/index.spec.tsx +1 -1
  36. package/src/components/Carousel/CarouselItem.tsx +4 -4
  37. package/src/components/Carousel/StyledCarousel.tsx +1 -4
  38. package/src/components/Carousel/__tests__/CardCarousel.spec.tsx +18 -18
  39. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +24 -20
  40. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +99 -165
  41. package/src/components/Checkbox/StyledCheckbox.tsx +1 -1
  42. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +8 -12
  43. package/src/components/Checkbox/index.tsx +1 -1
  44. package/src/components/ContentNavigator/StyledContentNavigator.tsx +1 -6
  45. package/src/components/ContentNavigator/__tests__/StyledContentNavigator.spec.tsx +1 -9
  46. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +0 -29
  47. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +124 -17
  48. package/src/components/ContentNavigator/__tests__/index.spec.tsx +16 -0
  49. package/src/components/ContentNavigator/index.tsx +30 -9
  50. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +12 -18
  51. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +4 -6
  52. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +4 -6
  53. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +13 -18
  54. package/src/components/Empty/StyledEmpty.tsx +2 -6
  55. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +22 -36
  56. package/src/components/Empty/index.tsx +4 -2
  57. package/src/components/Error/StyledError.tsx +2 -8
  58. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +44 -76
  59. package/src/components/Error/index.tsx +6 -2
  60. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -4
  61. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +1 -5
  62. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +54 -116
  63. package/src/components/FAB/ActionGroup/index.tsx +1 -1
  64. package/src/components/FAB/StyledFAB.tsx +1 -4
  65. package/src/components/FAB/__tests__/StyledFAB.spec.tsx +1 -1
  66. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +2 -3
  67. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +4 -8
  68. package/src/components/List/BasicListItem.tsx +2 -6
  69. package/src/components/List/ListItem.tsx +3 -5
  70. package/src/components/List/__tests__/ListItem.spec.tsx +4 -4
  71. package/src/components/List/__tests__/StyledBasicListItem.spec.tsx +3 -1
  72. package/src/components/List/__tests__/StyledListItem.spec.tsx +3 -1
  73. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +4 -10
  74. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +23 -37
  75. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +8 -12
  76. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +8 -12
  77. package/src/components/PageControl/index.tsx +0 -1
  78. package/src/components/PinInput/PinCell.tsx +3 -1
  79. package/src/components/PinInput/StyledPinInput.tsx +2 -7
  80. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +25 -45
  81. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +18 -34
  82. package/src/components/Progress/ProgressCircle.tsx +1 -3
  83. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +3 -6
  84. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +2 -4
  85. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +3 -6
  86. package/src/components/RichTextEditor/RichTextEditor.tsx +2 -9
  87. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +16 -24
  88. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  89. package/src/components/SectionHeading/__tests__/index.spec.tsx +3 -1
  90. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -2
  91. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +12 -24
  92. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +86 -130
  93. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +6 -10
  94. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -2
  95. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +12 -24
  96. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +49 -79
  97. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +5 -9
  98. package/src/components/Success/StyledSuccess.tsx +2 -6
  99. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +40 -64
  100. package/src/components/Success/index.tsx +3 -1
  101. package/src/components/Swipeable/__tests__/SwipeableAction.spec.tsx +2 -2
  102. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +6 -9
  103. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +2 -3
  104. package/src/components/Swipeable/__tests__/index.spec.tsx +6 -4
  105. package/src/components/Switch/SelectorSwitch/Option.tsx +1 -1
  106. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +1 -2
  107. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -2
  108. package/src/components/Tabs/ScrollableTabsHeader.tsx +3 -3
  109. package/src/components/Tabs/__tests__/SceneView.spec.tsx +4 -4
  110. package/src/components/Tabs/__tests__/__snapshots__/SceneView.spec.tsx.snap +6 -9
  111. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +33 -60
  112. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +7 -13
  113. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +3 -8
  114. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +45 -81
  115. package/src/components/Tabs/index.tsx +3 -3
  116. package/src/components/Tag/StyledTag.tsx +1 -4
  117. package/src/components/Tag/__tests__/Tag.spec.tsx +5 -1
  118. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +47 -93
  119. package/src/components/Tag/index.tsx +5 -1
  120. package/src/components/TextInput/StyledTextInput.tsx +8 -16
  121. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +72 -134
  122. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +145 -257
  123. package/src/components/TextInput/index.tsx +2 -3
  124. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +12 -23
  125. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +21 -35
  126. package/src/components/Toast/Toast.tsx +6 -5
  127. package/src/components/Toast/__tests__/Toast.spec.tsx +5 -1
  128. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +26 -39
  129. package/src/components/Toolbar/StyledToolbar.tsx +1 -1
  130. package/src/components/Toolbar/ToolbarItem.tsx +4 -6
  131. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -18
  132. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +14 -21
  133. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +4 -0
  134. package/src/theme/components/badge.ts +15 -0
  135. package/src/theme/components/button.ts +16 -0
  136. package/src/theme/components/carousel.ts +15 -0
  137. package/src/theme/components/empty.ts +12 -0
  138. package/src/theme/components/error.ts +16 -0
  139. package/src/theme/components/fab.ts +11 -0
  140. package/src/theme/components/pinInput.ts +15 -0
  141. package/src/theme/components/success.ts +12 -0
  142. package/src/theme/components/tag.ts +16 -0
  143. package/src/theme/components/textInput.ts +1 -0
  144. package/src/theme/getTheme.ts +18 -18
  145. package/types/components/Badge/StyledBadge.d.ts +1 -1
  146. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +1 -1
  147. package/types/components/Button/StyledButton.d.ts +12 -5
  148. package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +1 -1
  149. package/types/components/Carousel/StyledCarousel.d.ts +1 -1
  150. package/types/components/Checkbox/StyledCheckbox.d.ts +1 -1
  151. package/types/components/ContentNavigator/StyledContentNavigator.d.ts +1 -5
  152. package/types/components/Empty/StyledEmpty.d.ts +2 -2
  153. package/types/components/Error/StyledError.d.ts +2 -2
  154. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +2 -2
  155. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +1 -1
  156. package/types/components/FAB/StyledFAB.d.ts +1 -1
  157. package/types/components/PinInput/StyledPinInput.d.ts +2 -2
  158. package/types/components/Success/StyledSuccess.d.ts +2 -2
  159. package/types/components/Tag/StyledTag.d.ts +1 -1
  160. package/types/components/TextInput/StyledTextInput.d.ts +7 -10
  161. package/types/components/Toolbar/StyledToolbar.d.ts +1 -1
  162. package/types/theme/components/badge.d.ts +15 -0
  163. package/types/theme/components/button.d.ts +14 -0
  164. package/types/theme/components/carousel.d.ts +15 -0
  165. package/types/theme/components/empty.d.ts +11 -0
  166. package/types/theme/components/error.d.ts +15 -0
  167. package/types/theme/components/fab.d.ts +11 -0
  168. package/types/theme/components/pinInput.d.ts +15 -0
  169. package/types/theme/components/success.d.ts +11 -0
  170. package/types/theme/components/tag.d.ts +15 -0
  171. package/types/theme/components/textInput.d.ts +1 -0
  172. package/types/theme/getTheme.d.ts +18 -18
@@ -17,8 +17,8 @@ describe('CardCarousel', () => {
17
17
  testID="cardCarousel"
18
18
  style={{ width: 100, height: 100 }}
19
19
  items={[
20
- <Typography.Text> screen 1</Typography.Text>,
21
- <Typography.Text> screen 2</Typography.Text>,
20
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
21
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
22
22
  ]}
23
23
  />
24
24
  );
@@ -44,8 +44,8 @@ describe('CardCarousel', () => {
44
44
  autoPlay
45
45
  autoPlayInterval={3000}
46
46
  items={[
47
- <Typography.Text> screen 1</Typography.Text>,
48
- <Typography.Text> screen 2</Typography.Text>,
47
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
48
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
49
49
  ]}
50
50
  />
51
51
  );
@@ -68,8 +68,8 @@ describe('CardCarousel', () => {
68
68
  style={{ width: 100, height: 100 }}
69
69
  hidePageControl
70
70
  items={[
71
- <Typography.Text> screen 1</Typography.Text>,
72
- <Typography.Text> screen 2</Typography.Text>,
71
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
72
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
73
73
  ]}
74
74
  />
75
75
  );
@@ -88,9 +88,9 @@ describe('CardCarousel', () => {
88
88
  <CardCarousel
89
89
  ref={carouselRef}
90
90
  items={[
91
- <Typography.Text> screen 1</Typography.Text>,
92
- <Typography.Text> screen 2</Typography.Text>,
93
- <Typography.Text> screen 3</Typography.Text>,
91
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
92
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
93
+ <Typography.Body variant="small"> screen 3</Typography.Body>,
94
94
  ]}
95
95
  />
96
96
  );
@@ -118,8 +118,8 @@ describe('CardCarousel', () => {
118
118
  testID="cardCarousel"
119
119
  style={{ width: 100, height: 100 }}
120
120
  items={[
121
- <Typography.Text> screen 1</Typography.Text>,
122
- <Typography.Text> screen 2</Typography.Text>,
121
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
122
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
123
123
  ]}
124
124
  />
125
125
  );
@@ -145,8 +145,8 @@ describe('CardCarousel', () => {
145
145
  autoPlay
146
146
  autoPlayInterval={3000}
147
147
  items={[
148
- <Typography.Text> screen 1</Typography.Text>,
149
- <Typography.Text> screen 2</Typography.Text>,
148
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
149
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
150
150
  ]}
151
151
  />
152
152
  );
@@ -169,8 +169,8 @@ describe('CardCarousel', () => {
169
169
  style={{ width: 100, height: 100 }}
170
170
  hidePageControl
171
171
  items={[
172
- <Typography.Text> screen 1</Typography.Text>,
173
- <Typography.Text> screen 2</Typography.Text>,
172
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
173
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
174
174
  ]}
175
175
  />
176
176
  );
@@ -189,9 +189,9 @@ describe('CardCarousel', () => {
189
189
  <CardCarousel
190
190
  ref={carouselRef}
191
191
  items={[
192
- <Typography.Text> screen 1</Typography.Text>,
193
- <Typography.Text> screen 2</Typography.Text>,
194
- <Typography.Text> screen 3</Typography.Text>,
192
+ <Typography.Body variant="small"> screen 1</Typography.Body>,
193
+ <Typography.Body variant="small"> screen 2</Typography.Body>,
194
+ <Typography.Body variant="small"> screen 3</Typography.Body>,
195
195
  ]}
196
196
  />
197
197
  );
@@ -25,12 +25,16 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
25
25
  }
26
26
  data={
27
27
  Array [
28
- <Text>
28
+ <Body
29
+ variant="small"
30
+ >
29
31
  screen 1
30
- </Text>,
31
- <Text>
32
+ </Body>,
33
+ <Body
34
+ variant="small"
35
+ >
32
36
  screen 2
33
- </Text>,
37
+ </Body>,
34
38
  ]
35
39
  }
36
40
  decelerationRate="fast"
@@ -140,16 +144,15 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
140
144
  "color": "#001f23",
141
145
  "fontFamily": "BeVietnamPro-Regular",
142
146
  "fontSize": 14,
143
- "letterSpacing": 0.42,
147
+ "letterSpacing": 0.48,
144
148
  "lineHeight": 22,
145
149
  },
146
150
  undefined,
147
151
  ]
148
152
  }
149
- themeFontSize="medium"
150
- themeFontWeight="regular"
151
153
  themeIntent="body"
152
154
  themeTypeface="neutral"
155
+ themeVariant="small"
153
156
  >
154
157
  screen 1
155
158
  </Text>
@@ -224,16 +227,15 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
224
227
  "color": "#001f23",
225
228
  "fontFamily": "BeVietnamPro-Regular",
226
229
  "fontSize": 14,
227
- "letterSpacing": 0.42,
230
+ "letterSpacing": 0.48,
228
231
  "lineHeight": 22,
229
232
  },
230
233
  undefined,
231
234
  ]
232
235
  }
233
- themeFontSize="medium"
234
- themeFontWeight="regular"
235
236
  themeIntent="body"
236
237
  themeTypeface="neutral"
238
+ themeVariant="small"
237
239
  >
238
240
  screen 2
239
241
  </Text>
@@ -318,12 +320,16 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
318
320
  }
319
321
  data={
320
322
  Array [
321
- <Text>
323
+ <Body
324
+ variant="small"
325
+ >
322
326
  screen 1
323
- </Text>,
324
- <Text>
327
+ </Body>,
328
+ <Body
329
+ variant="small"
330
+ >
325
331
  screen 2
326
- </Text>,
332
+ </Body>,
327
333
  ]
328
334
  }
329
335
  decelerationRate="fast"
@@ -433,16 +439,15 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
433
439
  "color": "#001f23",
434
440
  "fontFamily": "BeVietnamPro-Regular",
435
441
  "fontSize": 14,
436
- "letterSpacing": 0.42,
442
+ "letterSpacing": 0.48,
437
443
  "lineHeight": 22,
438
444
  },
439
445
  undefined,
440
446
  ]
441
447
  }
442
- themeFontSize="medium"
443
- themeFontWeight="regular"
444
448
  themeIntent="body"
445
449
  themeTypeface="neutral"
450
+ themeVariant="small"
446
451
  >
447
452
  screen 1
448
453
  </Text>
@@ -517,16 +522,15 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
517
522
  "color": "#001f23",
518
523
  "fontFamily": "BeVietnamPro-Regular",
519
524
  "fontSize": 14,
520
- "letterSpacing": 0.42,
525
+ "letterSpacing": 0.48,
521
526
  "lineHeight": 22,
522
527
  },
523
528
  undefined,
524
529
  ]
525
530
  }
526
- themeFontSize="medium"
527
- themeFontWeight="regular"
528
531
  themeIntent="body"
529
532
  themeTypeface="neutral"
533
+ themeVariant="small"
530
534
  >
531
535
  screen 2
532
536
  </Text>