@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.
- package/.turbo/turbo-build.log +2 -2
- package/es/index.js +331 -259
- package/lib/index.js +330 -258
- package/package.json +2 -2
- package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +12 -12
- package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
- package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -3
- package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +1 -1
- package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -2
- package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
- package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
- package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
- package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
- package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +67 -67
- package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
- package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
- package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
- package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
- package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +5 -5
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +12 -12
- package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
- package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
- package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
- package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
- package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
- package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/List/BasicListItem.tsx +8 -4
- package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
- package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
- package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
- package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
- package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
- package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
- package/src/components/Progress/ProgressCircle.tsx +25 -22
- package/src/components/Progress/StyledProgressCircle.tsx +33 -28
- package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
- package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
- package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
- package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
- package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
- package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
- package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
- package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
- package/src/components/Select/MultiSelect/Option.tsx +20 -11
- package/src/components/Select/MultiSelect/OptionList.tsx +47 -41
- package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +25 -14
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +6 -4
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1638 -134
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5312 -366
- package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +122 -1
- package/src/components/Select/MultiSelect/index.tsx +26 -36
- package/src/components/Select/SingleSelect/Option.tsx +19 -3
- package/src/components/Select/SingleSelect/OptionList.tsx +47 -39
- package/src/components/Select/SingleSelect/__tests__/OptionList.spec.tsx +23 -12
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +5 -3
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1632 -128
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +4932 -302
- package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +117 -1
- package/src/components/Select/SingleSelect/index.tsx +26 -37
- package/src/components/Select/StyledOptionList.tsx +43 -44
- package/src/components/Select/StyledSelect.tsx +7 -3
- package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -9
- package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -15
- package/src/components/Select/__tests__/helpers.spec.tsx +74 -0
- package/src/components/Select/helpers.tsx +87 -4
- package/src/components/Select/types.ts +99 -0
- package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
- package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +8 -8
- package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
- package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
- package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
- package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +8 -8
- package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +241 -85
- package/src/components/TextInput/__tests__/index.spec.tsx +29 -8
- package/src/components/TextInput/index.tsx +18 -7
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +5 -5
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +12 -12
- package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
- package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
- package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
- package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +145 -146
- package/src/theme/components/alert.ts +3 -3
- package/src/theme/components/badge.ts +1 -1
- package/src/theme/components/card.ts +4 -4
- package/src/theme/components/list.ts +4 -4
- package/src/theme/components/pinInput.ts +2 -2
- package/src/theme/components/progress.ts +5 -5
- package/src/theme/components/select.ts +3 -3
- package/src/theme/components/toast.ts +3 -3
- package/src/theme/global/colors.ts +40 -39
- package/src/types.ts +7 -1
- package/types/components/List/BasicListItem.d.ts +1 -1
- package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
- package/types/components/Select/MultiSelect/Option.d.ts +4 -2
- package/types/components/Select/MultiSelect/OptionList.d.ts +6 -7
- package/types/components/Select/MultiSelect/index.d.ts +5 -5
- package/types/components/Select/SingleSelect/Option.d.ts +4 -2
- package/types/components/Select/SingleSelect/OptionList.d.ts +6 -7
- package/types/components/Select/SingleSelect/index.d.ts +5 -5
- package/types/components/Select/StyledOptionList.d.ts +10 -16
- package/types/components/Select/StyledSelect.d.ts +8 -2
- package/types/components/Select/__tests__/helpers.spec.d.ts +1 -0
- package/types/components/Select/helpers.d.ts +14 -2
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/types.d.ts +32 -7
- package/types/components/TextInput/index.d.ts +4 -2
- package/types/theme/components/progress.d.ts +1 -2
- package/types/theme/components/select.d.ts +3 -3
- package/types/types.d.ts +2 -1
- 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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
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": "#
|
|
143
|
+
"color": "#001f23",
|
|
144
144
|
"fontFamily": "BeVietnamPro-Regular",
|
|
145
145
|
"fontSize": 14,
|
|
146
146
|
"letterSpacing": 0.42,
|