@hero-design/rn 7.16.2 → 7.17.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 (122) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +331 -259
  3. package/lib/index.js +330 -258
  4. package/package.json +2 -2
  5. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +12 -12
  6. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
  7. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -26
  8. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -3
  9. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  10. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +1 -1
  11. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -2
  12. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  13. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  14. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  15. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  16. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  17. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
  18. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +67 -67
  19. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
  20. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  21. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  22. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  23. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
  24. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  25. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +5 -5
  26. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +12 -12
  27. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
  28. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  29. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  30. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  31. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  32. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
  33. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  34. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  35. package/src/components/List/BasicListItem.tsx +8 -4
  36. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  37. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  38. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  39. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  40. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  41. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  42. package/src/components/Progress/ProgressCircle.tsx +25 -22
  43. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  44. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  45. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  46. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  47. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  48. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  49. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
  50. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  51. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  52. package/src/components/Select/MultiSelect/Option.tsx +20 -11
  53. package/src/components/Select/MultiSelect/OptionList.tsx +47 -41
  54. package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +25 -14
  55. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +6 -4
  56. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1638 -134
  57. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5312 -366
  58. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +122 -1
  59. package/src/components/Select/MultiSelect/index.tsx +26 -36
  60. package/src/components/Select/SingleSelect/Option.tsx +19 -3
  61. package/src/components/Select/SingleSelect/OptionList.tsx +47 -39
  62. package/src/components/Select/SingleSelect/__tests__/OptionList.spec.tsx +23 -12
  63. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +5 -3
  64. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1632 -128
  65. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +4932 -302
  66. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +117 -1
  67. package/src/components/Select/SingleSelect/index.tsx +26 -37
  68. package/src/components/Select/StyledOptionList.tsx +43 -44
  69. package/src/components/Select/StyledSelect.tsx +7 -3
  70. package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -9
  71. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -15
  72. package/src/components/Select/__tests__/helpers.spec.tsx +74 -0
  73. package/src/components/Select/helpers.tsx +87 -4
  74. package/src/components/Select/types.ts +99 -0
  75. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  76. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +8 -8
  77. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  78. package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  79. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  80. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
  81. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  82. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +8 -8
  83. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  84. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +241 -85
  85. package/src/components/TextInput/__tests__/index.spec.tsx +29 -8
  86. package/src/components/TextInput/index.tsx +18 -7
  87. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +5 -5
  88. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +12 -12
  89. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  90. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  91. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  92. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  93. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +145 -146
  94. package/src/theme/components/alert.ts +3 -3
  95. package/src/theme/components/badge.ts +1 -1
  96. package/src/theme/components/card.ts +4 -4
  97. package/src/theme/components/list.ts +4 -4
  98. package/src/theme/components/pinInput.ts +2 -2
  99. package/src/theme/components/progress.ts +5 -5
  100. package/src/theme/components/select.ts +3 -3
  101. package/src/theme/components/toast.ts +3 -3
  102. package/src/theme/global/colors.ts +40 -39
  103. package/src/types.ts +7 -1
  104. package/types/components/List/BasicListItem.d.ts +1 -1
  105. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  106. package/types/components/Select/MultiSelect/Option.d.ts +4 -2
  107. package/types/components/Select/MultiSelect/OptionList.d.ts +6 -7
  108. package/types/components/Select/MultiSelect/index.d.ts +5 -5
  109. package/types/components/Select/SingleSelect/Option.d.ts +4 -2
  110. package/types/components/Select/SingleSelect/OptionList.d.ts +6 -7
  111. package/types/components/Select/SingleSelect/index.d.ts +5 -5
  112. package/types/components/Select/StyledOptionList.d.ts +10 -16
  113. package/types/components/Select/StyledSelect.d.ts +8 -2
  114. package/types/components/Select/__tests__/helpers.spec.d.ts +1 -0
  115. package/types/components/Select/helpers.d.ts +14 -2
  116. package/types/components/Select/index.d.ts +1 -1
  117. package/types/components/Select/types.d.ts +32 -7
  118. package/types/components/TextInput/index.d.ts +4 -2
  119. package/types/theme/components/progress.d.ts +1 -2
  120. package/types/theme/components/select.d.ts +3 -3
  121. package/types/types.d.ts +2 -1
  122. package/src/components/Select/types.tsx +0 -52
@@ -39,7 +39,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
39
39
  onStartShouldSetResponder={[Function]}
40
40
  style={
41
41
  Object {
42
- "backgroundColor": "#292a2b",
42
+ "backgroundColor": "#001f23",
43
43
  "bottom": 0,
44
44
  "left": 0,
45
45
  "opacity": 0.48,
@@ -61,7 +61,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
61
61
  "borderTopRightRadius": 16,
62
62
  "elevation": 10,
63
63
  "maxHeight": "94%",
64
- "shadowColor": "#292a2b",
64
+ "shadowColor": "#001f23",
65
65
  "shadowOffset": Object {
66
66
  "height": 3,
67
67
  "width": 0,
@@ -107,7 +107,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
107
107
  style={
108
108
  Array [
109
109
  Object {
110
- "color": "#292a2b",
110
+ "color": "#001f23",
111
111
  "fontFamily": "BeVietnamPro-SemiBold",
112
112
  "fontSize": 16,
113
113
  "letterSpacing": 0.48,
@@ -161,7 +161,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
161
161
  style={
162
162
  Array [
163
163
  Object {
164
- "color": "#292a2b",
164
+ "color": "#001f23",
165
165
  "fontSize": 20,
166
166
  },
167
167
  undefined,
@@ -177,7 +177,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
177
177
  style={
178
178
  Array [
179
179
  Object {
180
- "borderBottomColor": "#dadbde",
180
+ "borderBottomColor": "#e8e9ea",
181
181
  "borderBottomWidth": 1,
182
182
  "maxWidth": "100%",
183
183
  },
@@ -193,7 +193,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
193
193
  style={
194
194
  Array [
195
195
  Object {
196
- "borderBottomColor": "#dadbde",
196
+ "borderBottomColor": "#e8e9ea",
197
197
  "borderBottomWidth": 1,
198
198
  "maxWidth": "100%",
199
199
  },
@@ -304,7 +304,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
304
304
  onStartShouldSetResponder={[Function]}
305
305
  style={
306
306
  Object {
307
- "backgroundColor": "#292a2b",
307
+ "backgroundColor": "#001f23",
308
308
  "bottom": 0,
309
309
  "left": 0,
310
310
  "opacity": 0,
@@ -326,7 +326,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
326
326
  "borderTopRightRadius": 16,
327
327
  "elevation": 10,
328
328
  "maxHeight": "94%",
329
- "shadowColor": "#292a2b",
329
+ "shadowColor": "#001f23",
330
330
  "shadowOffset": Object {
331
331
  "height": 3,
332
332
  "width": 0,
@@ -372,7 +372,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
372
372
  style={
373
373
  Array [
374
374
  Object {
375
- "color": "#292a2b",
375
+ "color": "#001f23",
376
376
  "fontFamily": "BeVietnamPro-SemiBold",
377
377
  "fontSize": 16,
378
378
  "letterSpacing": 0.48,
@@ -426,7 +426,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
426
426
  style={
427
427
  Array [
428
428
  Object {
429
- "color": "#292a2b",
429
+ "color": "#001f23",
430
430
  "fontSize": 20,
431
431
  },
432
432
  undefined,
@@ -442,7 +442,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
442
442
  style={
443
443
  Array [
444
444
  Object {
445
- "borderBottomColor": "#dadbde",
445
+ "borderBottomColor": "#e8e9ea",
446
446
  "borderBottomWidth": 1,
447
447
  "maxWidth": "100%",
448
448
  },
@@ -458,7 +458,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
458
458
  style={
459
459
  Array [
460
460
  Object {
461
- "borderBottomColor": "#dadbde",
461
+ "borderBottomColor": "#e8e9ea",
462
462
  "borderBottomWidth": 1,
463
463
  "maxWidth": "100%",
464
464
  },
@@ -105,7 +105,7 @@ exports[`StyledLoadingIndicator has outlined-primary style 1`] = `
105
105
  style={
106
106
  Array [
107
107
  Object {
108
- "backgroundColor": "#7622d7",
108
+ "backgroundColor": "#8505a2",
109
109
  "borderRadius": 8,
110
110
  "height": 12,
111
111
  "marginBottom": 4,
@@ -165,7 +165,7 @@ exports[`StyledLoadingIndicator has text-primary style 1`] = `
165
165
  style={
166
166
  Array [
167
167
  Object {
168
- "backgroundColor": "#7622d7",
168
+ "backgroundColor": "#8505a2",
169
169
  "borderRadius": 8,
170
170
  "height": 12,
171
171
  "marginBottom": 4,
@@ -641,7 +641,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
641
641
  style={
642
642
  Array [
643
643
  Object {
644
- "backgroundColor": "#7622d7",
644
+ "backgroundColor": "#8505a2",
645
645
  "borderRadius": 8,
646
646
  "height": 12,
647
647
  "marginBottom": 4,
@@ -675,7 +675,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
675
675
  style={
676
676
  Array [
677
677
  Object {
678
- "backgroundColor": "#7622d7",
678
+ "backgroundColor": "#8505a2",
679
679
  "borderRadius": 8,
680
680
  "height": 12,
681
681
  "marginBottom": 4,
@@ -709,7 +709,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
709
709
  style={
710
710
  Array [
711
711
  Object {
712
- "backgroundColor": "#7622d7",
712
+ "backgroundColor": "#8505a2",
713
713
  "borderRadius": 8,
714
714
  "height": 12,
715
715
  "marginBottom": 4,
@@ -1004,7 +1004,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
1004
1004
  style={
1005
1005
  Array [
1006
1006
  Object {
1007
- "backgroundColor": "#7622d7",
1007
+ "backgroundColor": "#8505a2",
1008
1008
  "borderRadius": 8,
1009
1009
  "height": 12,
1010
1010
  "marginBottom": 4,
@@ -1038,7 +1038,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
1038
1038
  style={
1039
1039
  Array [
1040
1040
  Object {
1041
- "backgroundColor": "#7622d7",
1041
+ "backgroundColor": "#8505a2",
1042
1042
  "borderRadius": 8,
1043
1043
  "height": 12,
1044
1044
  "marginBottom": 4,
@@ -1072,7 +1072,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
1072
1072
  style={
1073
1073
  Array [
1074
1074
  Object {
1075
- "backgroundColor": "#7622d7",
1075
+ "backgroundColor": "#8505a2",
1076
1076
  "borderRadius": 8,
1077
1077
  "height": 12,
1078
1078
  "marginBottom": 4,
@@ -16,7 +16,7 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
16
16
  style={
17
17
  Object {
18
18
  "alignItems": "center",
19
- "backgroundColor": "#fafbfb",
19
+ "backgroundColor": "#f6f6f7",
20
20
  "borderRadius": 8,
21
21
  "flexDirection": "row",
22
22
  "justifyContent": "center",
@@ -42,7 +42,7 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
42
42
  style={
43
43
  Array [
44
44
  Object {
45
- "color": "#292a2b",
45
+ "color": "#001f23",
46
46
  "fontSize": 24,
47
47
  },
48
48
  undefined,
@@ -57,7 +57,7 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
57
57
  style={
58
58
  Array [
59
59
  Object {
60
- "color": "#292a2b",
60
+ "color": "#001f23",
61
61
  "fontFamily": "BeVietnamPro-Regular",
62
62
  "fontSize": 14,
63
63
  "letterSpacing": 0.42,
@@ -99,7 +99,7 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
99
99
  style={
100
100
  Object {
101
101
  "alignItems": "center",
102
- "backgroundColor": "#fafbfb",
102
+ "backgroundColor": "#f6f6f7",
103
103
  "borderRadius": 8,
104
104
  "flexDirection": "row",
105
105
  "justifyContent": "center",
@@ -125,7 +125,7 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
125
125
  style={
126
126
  Array [
127
127
  Object {
128
- "color": "#292a2b",
128
+ "color": "#001f23",
129
129
  "fontSize": 24,
130
130
  },
131
131
  undefined,
@@ -140,7 +140,7 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
140
140
  style={
141
141
  Array [
142
142
  Object {
143
- "color": "#292a2b",
143
+ "color": "#001f23",
144
144
  "fontFamily": "BeVietnamPro-Regular",
145
145
  "fontSize": 14,
146
146
  "letterSpacing": 0.42,
@@ -33,7 +33,7 @@ exports[`IconButton renders correctly 1`] = `
33
33
  style={
34
34
  Array [
35
35
  Object {
36
- "color": "#292a2b",
36
+ "color": "#001f23",
37
37
  "fontSize": 24,
38
38
  },
39
39
  undefined,