@hero-design/rn 8.8.1 → 8.9.1

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 (97) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  3. package/es/index.js +400 -618
  4. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  5. package/lib/index.js +399 -618
  6. package/package.json +9 -9
  7. package/src/components/Carousel/CarouselItem.tsx +4 -2
  8. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +288 -22
  9. package/src/components/Carousel/__tests__/index.spec.tsx +17 -8
  10. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +2 -1
  11. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +2 -1
  12. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  13. package/src/components/Icon/IconList.ts +2 -0
  14. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +9 -9
  15. package/src/components/RichTextEditor/RichTextEditor.tsx +3 -2
  16. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -2
  17. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +10 -5
  18. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +10 -5
  19. package/src/components/TextInput/StyledTextInput.tsx +2 -1
  20. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +126 -110
  21. package/src/components/TextInput/index.tsx +3 -2
  22. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +28 -25
  23. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +28 -25
  24. package/src/index.ts +0 -2
  25. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +8 -5
  26. package/src/theme/components/progress.ts +4 -4
  27. package/src/theme/components/textInput.ts +6 -2
  28. package/types/components/Accordion/StyledAccordion.d.ts +1 -0
  29. package/types/components/Alert/StyledAlert.d.ts +1 -0
  30. package/types/components/Attachment/StyledAttachment.d.ts +1 -0
  31. package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts +1 -0
  32. package/types/components/Avatar/StyledAvatar.d.ts +1 -0
  33. package/types/components/Badge/StyledBadge.d.ts +1 -0
  34. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +1 -0
  35. package/types/components/BottomSheet/BottomSheetContext.d.ts +1 -0
  36. package/types/components/BottomSheet/StyledBottomSheet.d.ts +1 -0
  37. package/types/components/Box/StyledBox.d.ts +1 -0
  38. package/types/components/Box/types.d.ts +1 -0
  39. package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +1 -0
  40. package/types/components/Button/StyledButton.d.ts +1 -0
  41. package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +1 -0
  42. package/types/components/Calendar/StyledCalendar.d.ts +1 -0
  43. package/types/components/Card/DataCard/StyledDataCard.d.ts +1 -0
  44. package/types/components/Card/StyledCard.d.ts +1 -0
  45. package/types/components/Carousel/StyledCarousel.d.ts +1 -0
  46. package/types/components/Checkbox/StyledCheckbox.d.ts +1 -0
  47. package/types/components/Collapse/StyledCollapse.d.ts +1 -0
  48. package/types/components/ContentNavigator/StyledContentNavigator.d.ts +1 -0
  49. package/types/components/DatePicker/StyledDatePicker.d.ts +1 -0
  50. package/types/components/Divider/StyledDivider.d.ts +1 -0
  51. package/types/components/Drawer/StyledDrawer.d.ts +1 -0
  52. package/types/components/Empty/StyledEmpty.d.ts +1 -0
  53. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +1 -0
  54. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +1 -0
  55. package/types/components/FAB/StyledFAB.d.ts +1 -0
  56. package/types/components/Icon/HeroIcon/index.d.ts +1 -0
  57. package/types/components/Icon/IconList.d.ts +1 -1
  58. package/types/components/Icon/index.d.ts +1 -1
  59. package/types/components/Icon/utils.d.ts +1 -1
  60. package/types/components/List/StyledBasicListItem.d.ts +1 -0
  61. package/types/components/List/StyledListItem.d.ts +1 -0
  62. package/types/components/PageControl/StyledPageControl.d.ts +1 -0
  63. package/types/components/PinInput/StyledPinInput.d.ts +1 -0
  64. package/types/components/Progress/StyledProgressBar.d.ts +1 -0
  65. package/types/components/Progress/StyledProgressCircle.d.ts +1 -0
  66. package/types/components/Radio/StyledRadio.d.ts +1 -0
  67. package/types/components/Radio/index.d.ts +1 -0
  68. package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +1 -0
  69. package/types/components/RichTextEditor/StyledToolbar.d.ts +1 -0
  70. package/types/components/RichTextEditor/index.d.ts +1 -0
  71. package/types/components/SectionHeading/StyledHeading.d.ts +1 -0
  72. package/types/components/Select/StyledSelect.d.ts +1 -0
  73. package/types/components/Select/helpers.d.ts +1 -0
  74. package/types/components/Spinner/StyledSpinner.d.ts +1 -0
  75. package/types/components/Swipeable/StyledSwipeable.d.ts +1 -0
  76. package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +1 -0
  77. package/types/components/Switch/StyledSwitch.d.ts +1 -0
  78. package/types/components/Tabs/StyledScrollableTabs.d.ts +1 -0
  79. package/types/components/Tabs/StyledTabs.d.ts +1 -0
  80. package/types/components/Tag/StyledTag.d.ts +1 -0
  81. package/types/components/TextInput/StyledTextInput.d.ts +1 -0
  82. package/types/components/TextInput/index.d.ts +1 -1
  83. package/types/components/TimePicker/StyledTimePicker.d.ts +1 -0
  84. package/types/components/Toast/StyledToast.d.ts +1 -0
  85. package/types/components/Toast/ToastContext.d.ts +1 -0
  86. package/types/components/Toast/index.d.ts +1 -0
  87. package/types/components/Toolbar/StyledToolbar.d.ts +1 -0
  88. package/types/components/Typography/Text/StyledText.d.ts +1 -0
  89. package/types/index.d.ts +1 -2
  90. package/types/theme/ThemeProvider.d.ts +1 -0
  91. package/types/theme/components/textInput.d.ts +4 -1
  92. package/src/components/SwipeableV2/StyledSwipeable.tsx +0 -14
  93. package/src/components/SwipeableV2/__tests__/__snapshots__/index.spec.tsx.snap +0 -161
  94. package/src/components/SwipeableV2/__tests__/index.spec.tsx +0 -48
  95. package/src/components/SwipeableV2/index.tsx +0 -364
  96. package/types/components/SwipeableV2/StyledSwipeable.d.ts +0 -15
  97. package/types/components/SwipeableV2/index.d.ts +0 -46
package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap CHANGED
@@ -60,7 +60,7 @@ exports[`Progress.Bar renders correctly with intent 1`] = `
60
60
  style={
61
61
  Object {
62
62
  "alignSelf": "stretch",
63
- "backgroundColor": "#017d6d",
63
+ "backgroundColor": "#5ace7d",
64
64
  "borderBottomRightRadius": 999,
65
65
  "borderTopRightRadius": 999,
66
66
  "flex": 1,
@@ -108,7 +108,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
108
108
  style={
109
109
  Array [
110
110
  Object {
111
- "borderColor": "#017d6d",
111
+ "borderColor": "#5ace7d",
112
112
  "borderRadius": 999,
113
113
  "borderWidth": 4,
114
114
  "height": 72,
@@ -202,7 +202,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
202
202
  style={
203
203
  Array [
204
204
  Object {
205
- "borderColor": "#017d6d",
205
+ "borderColor": "#5ace7d",
206
206
  "borderRadius": 999,
207
207
  "borderWidth": 4,
208
208
  "height": 72,
@@ -272,7 +272,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
272
272
  style={
273
273
  Array [
274
274
  Object {
275
- "backgroundColor": "#017d6d",
275
+ "backgroundColor": "#5ace7d",
276
276
  "borderRadius": 999,
277
277
  "height": 4,
278
278
  "left": 34,
@@ -308,7 +308,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
308
308
  style={
309
309
  Array [
310
310
  Object {
311
- "backgroundColor": "#017d6d",
311
+ "backgroundColor": "#5ace7d",
312
312
  "borderRadius": 999,
313
313
  "height": 4,
314
314
  "left": 34,
@@ -688,7 +688,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
688
688
  style={
689
689
  Array [
690
690
  Object {
691
- "borderColor": "#017d6d",
691
+ "borderColor": "#5ace7d",
692
692
  "borderRadius": 999,
693
693
  "borderWidth": 4,
694
694
  "height": 72,
@@ -782,7 +782,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
782
782
  style={
783
783
  Array [
784
784
  Object {
785
- "borderColor": "#017d6d",
785
+ "borderColor": "#5ace7d",
786
786
  "borderRadius": 999,
787
787
  "borderWidth": 4,
788
788
  "height": 72,
@@ -852,7 +852,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
852
852
  style={
853
853
  Array [
854
854
  Object {
855
- "backgroundColor": "#017d6d",
855
+ "backgroundColor": "#5ace7d",
856
856
  "borderRadius": 999,
857
857
  "height": 4,
858
858
  "left": 34,
@@ -888,7 +888,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
888
888
  style={
889
889
  Array [
890
890
  Object {
891
- "backgroundColor": "#017d6d",
891
+ "backgroundColor": "#5ace7d",
892
892
  "borderRadius": 999,
893
893
  "height": 4,
894
894
  "left": 34,
package/src/components/RichTextEditor/RichTextEditor.tsx CHANGED
@@ -364,7 +364,7 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
364
364
  </StyledTextInputContainer>
365
365
  <StyledErrorAndHelpTextContainer>
366
366
  <StyledErrorAndMaxLengthContainer>
367
- {!!error && (
367
+ {error ? (
368
368
  <StyledErrorContainer>
369
369
  <Icon
370
370
  testID="input-error-icon"
@@ -374,9 +374,10 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
374
374
  />
375
375
  <StyledError testID="input-error-message">{error}</StyledError>
376
376
  </StyledErrorContainer>
377
+ ) : (
378
+ !!helpText && <StyledHelperText>{helpText}</StyledHelperText>
377
379
  )}
378
380
  </StyledErrorAndMaxLengthContainer>
379
- {!!helpText && <StyledHelperText>{helpText}</StyledHelperText>}
380
381
  </StyledErrorAndHelpTextContainer>
381
382
  </StyledContainer>
382
383
  );
package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap CHANGED
@@ -5,7 +5,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
5
5
  style={
6
6
  Array [
7
7
  Object {
8
- "marginVertical": 8,
8
+ "marginTop": 8,
9
9
  "width": "100%",
10
10
  },
11
11
  undefined,
@@ -184,6 +184,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
184
184
  style={
185
185
  Array [
186
186
  Object {
187
+ "minHeight": 16,
187
188
  "paddingLeft": 16,
188
189
  },
189
190
  undefined,
@@ -269,7 +270,7 @@ exports[`RichTextEditor should render correctly 1`] = `
269
270
  style={
270
271
  Array [
271
272
  Object {
272
- "marginVertical": 8,
273
+ "marginTop": 8,
273
274
  "width": "100%",
274
275
  },
275
276
  undefined,
@@ -447,6 +448,7 @@ exports[`RichTextEditor should render correctly 1`] = `
447
448
  style={
448
449
  Array [
449
450
  Object {
451
+ "minHeight": 16,
450
452
  "paddingLeft": 16,
451
453
  },
452
454
  undefined,
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -30,7 +30,7 @@ Array [
30
30
  style={
31
31
  Array [
32
32
  Object {
33
- "marginVertical": 8,
33
+ "marginTop": 8,
34
34
  "width": "100%",
35
35
  },
36
36
  undefined,
@@ -186,6 +186,7 @@ Array [
186
186
  style={
187
187
  Array [
188
188
  Object {
189
+ "minHeight": 16,
189
190
  "paddingLeft": 16,
190
191
  },
191
192
  undefined,
@@ -1392,7 +1393,7 @@ Array [
1392
1393
  style={
1393
1394
  Array [
1394
1395
  Object {
1395
- "marginVertical": 8,
1396
+ "marginTop": 8,
1396
1397
  "width": "100%",
1397
1398
  },
1398
1399
  undefined,
@@ -1542,6 +1543,7 @@ Array [
1542
1543
  style={
1543
1544
  Array [
1544
1545
  Object {
1546
+ "minHeight": 16,
1545
1547
  "paddingLeft": 16,
1546
1548
  },
1547
1549
  undefined,
@@ -1603,7 +1605,7 @@ Array [
1603
1605
  style={
1604
1606
  Array [
1605
1607
  Object {
1606
- "marginVertical": 8,
1608
+ "marginTop": 8,
1607
1609
  "width": "100%",
1608
1610
  },
1609
1611
  undefined,
@@ -1753,6 +1755,7 @@ Array [
1753
1755
  style={
1754
1756
  Array [
1755
1757
  Object {
1758
+ "minHeight": 16,
1756
1759
  "paddingLeft": 16,
1757
1760
  },
1758
1761
  undefined,
@@ -3136,7 +3139,7 @@ Array [
3136
3139
  style={
3137
3140
  Array [
3138
3141
  Object {
3139
- "marginVertical": 8,
3142
+ "marginTop": 8,
3140
3143
  "width": "100%",
3141
3144
  },
3142
3145
  undefined,
@@ -3299,6 +3302,7 @@ Array [
3299
3302
  style={
3300
3303
  Array [
3301
3304
  Object {
3305
+ "minHeight": 16,
3302
3306
  "paddingLeft": 16,
3303
3307
  },
3304
3308
  undefined,
@@ -3360,7 +3364,7 @@ Array [
3360
3364
  style={
3361
3365
  Array [
3362
3366
  Object {
3363
- "marginVertical": 8,
3367
+ "marginTop": 8,
3364
3368
  "width": "100%",
3365
3369
  },
3366
3370
  undefined,
@@ -3510,6 +3514,7 @@ Array [
3510
3514
  style={
3511
3515
  Array [
3512
3516
  Object {
3517
+ "minHeight": 16,
3513
3518
  "paddingLeft": 16,
3514
3519
  },
3515
3520
  undefined,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -30,7 +30,7 @@ Array [
30
30
  style={
31
31
  Array [
32
32
  Object {
33
- "marginVertical": 8,
33
+ "marginTop": 8,
34
34
  "width": "100%",
35
35
  },
36
36
  undefined,
@@ -185,6 +185,7 @@ Array [
185
185
  style={
186
186
  Array [
187
187
  Object {
188
+ "minHeight": 16,
188
189
  "paddingLeft": 16,
189
190
  },
190
191
  undefined,
@@ -1317,7 +1318,7 @@ Array [
1317
1318
  style={
1318
1319
  Array [
1319
1320
  Object {
1320
- "marginVertical": 8,
1321
+ "marginTop": 8,
1321
1322
  "width": "100%",
1322
1323
  },
1323
1324
  undefined,
@@ -1467,6 +1468,7 @@ Array [
1467
1468
  style={
1468
1469
  Array [
1469
1470
  Object {
1471
+ "minHeight": 16,
1470
1472
  "paddingLeft": 16,
1471
1473
  },
1472
1474
  undefined,
@@ -1528,7 +1530,7 @@ Array [
1528
1530
  style={
1529
1531
  Array [
1530
1532
  Object {
1531
- "marginVertical": 8,
1533
+ "marginTop": 8,
1532
1534
  "width": "100%",
1533
1535
  },
1534
1536
  undefined,
@@ -1678,6 +1680,7 @@ Array [
1678
1680
  style={
1679
1681
  Array [
1680
1682
  Object {
1683
+ "minHeight": 16,
1681
1684
  "paddingLeft": 16,
1682
1685
  },
1683
1686
  undefined,
@@ -2933,7 +2936,7 @@ Array [
2933
2936
  style={
2934
2937
  Array [
2935
2938
  Object {
2936
- "marginVertical": 8,
2939
+ "marginTop": 8,
2937
2940
  "width": "100%",
2938
2941
  },
2939
2942
  undefined,
@@ -3096,6 +3099,7 @@ Array [
3096
3099
  style={
3097
3100
  Array [
3098
3101
  Object {
3102
+ "minHeight": 16,
3099
3103
  "paddingLeft": 16,
3100
3104
  },
3101
3105
  undefined,
@@ -3157,7 +3161,7 @@ Array [
3157
3161
  style={
3158
3162
  Array [
3159
3163
  Object {
3160
- "marginVertical": 8,
3164
+ "marginTop": 8,
3161
3165
  "width": "100%",
3162
3166
  },
3163
3167
  undefined,
@@ -3307,6 +3311,7 @@ Array [
3307
3311
  style={
3308
3312
  Array [
3309
3313
  Object {
3314
+ "minHeight": 16,
3310
3315
  "paddingLeft": 16,
3311
3316
  },
3312
3317
  undefined,
package/src/components/TextInput/StyledTextInput.tsx CHANGED
@@ -6,7 +6,7 @@ export type Variant = 'default' | 'filled' | 'disabled' | 'readonly' | 'error';
6
6
 
7
7
  const StyledContainer = styled(View)(({ theme }) => ({
8
8
  width: '100%',
9
- marginVertical: theme.__hd__.textInput.space.containerMarginVertical,
9
+ marginTop: theme.__hd__.textInput.space.containerMarginTop,
10
10
  }));
11
11
 
12
12
  const StyledLabelContainer = styled(View)(({ theme }) => ({
@@ -125,6 +125,7 @@ const StyledTextInputAndLabelContainer = styled(View)(() => ({
125
125
  const StyledErrorAndHelpTextContainer = styled(View)(({ theme }) => ({
126
126
  paddingLeft:
127
127
  theme.__hd__.textInput.space.errorAndHelpTextContainerPaddingLeft,
128
+ minHeight: theme.__hd__.textInput.sizes.errorAndHelpTextContainerHeight,
128
129
  }));
129
130
 
130
131
  const StyledErrorAndMaxLengthContainer = styled(View)(() => ({