@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
package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -29,7 +29,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
29
29
  style={
30
30
  Array [
31
31
  Object {
32
- "borderColor": "#292a2b",
32
+ "borderColor": "#001f23",
33
33
  "borderRadius": 8,
34
34
  "borderWidth": 1,
35
35
  "bottom": 0,
@@ -64,7 +64,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
64
64
  style={
65
65
  Array [
66
66
  Object {
67
- "color": "#292a2b",
67
+ "color": "#001f23",
68
68
  "fontFamily": "BeVietnamPro-Regular",
69
69
  "fontSize": 12,
70
70
  "letterSpacing": 0.36,
@@ -89,7 +89,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
89
89
  style={
90
90
  Array [
91
91
  Object {
92
- "color": "#292a2b",
92
+ "color": "#001f23",
93
93
  "fontFamily": "BeVietnamPro-Regular",
94
94
  "fontSize": 12,
95
95
  "letterSpacing": 0.36,
@@ -97,7 +97,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
97
97
  },
98
98
  Array [
99
99
  Object {
100
- "color": "#292a2b",
100
+ "color": "#001f23",
101
101
  },
102
102
  undefined,
103
103
  ],
@@ -117,7 +117,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
117
117
  style={
118
118
  Array [
119
119
  Object {
120
- "color": "#292a2b",
120
+ "color": "#001f23",
121
121
  "fontSize": 16,
122
122
  },
123
123
  undefined,
@@ -162,7 +162,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
162
162
  "textAlignVertical": "center",
163
163
  },
164
164
  Object {
165
- "color": "#292a2b",
165
+ "color": "#001f23",
166
166
  },
167
167
  ]
168
168
  }
@@ -195,7 +195,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
195
195
  style={
196
196
  Array [
197
197
  Object {
198
- "color": "#292a2b",
198
+ "color": "#001f23",
199
199
  "fontFamily": "BeVietnamPro-Regular",
200
200
  "fontSize": 12,
201
201
  "letterSpacing": 0.36,
@@ -204,7 +204,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
204
204
  Array [
205
205
  Object {
206
206
  "alignSelf": "flex-end",
207
- "color": "#292a2b",
207
+ "color": "#001f23",
208
208
  "flex": 1,
209
209
  "flexGrow": 1,
210
210
  "fontSize": 12,
@@ -229,7 +229,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
229
229
  style={
230
230
  Array [
231
231
  Object {
232
- "color": "#292a2b",
232
+ "color": "#001f23",
233
233
  "fontFamily": "BeVietnamPro-Regular",
234
234
  "fontSize": 14,
235
235
  "letterSpacing": 0.42,
@@ -282,7 +282,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
282
282
  style={
283
283
  Array [
284
284
  Object {
285
- "borderColor": "#292a2b",
285
+ "borderColor": "#001f23",
286
286
  "borderRadius": 8,
287
287
  "borderWidth": 1,
288
288
  "bottom": 0,
@@ -317,7 +317,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
317
317
  style={
318
318
  Array [
319
319
  Object {
320
- "color": "#292a2b",
320
+ "color": "#001f23",
321
321
  "fontFamily": "BeVietnamPro-Regular",
322
322
  "fontSize": 12,
323
323
  "letterSpacing": 0.36,
@@ -342,7 +342,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
342
342
  style={
343
343
  Array [
344
344
  Object {
345
- "color": "#292a2b",
345
+ "color": "#001f23",
346
346
  "fontFamily": "BeVietnamPro-Regular",
347
347
  "fontSize": 12,
348
348
  "letterSpacing": 0.36,
@@ -350,7 +350,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
350
350
  },
351
351
  Array [
352
352
  Object {
353
- "color": "#292a2b",
353
+ "color": "#001f23",
354
354
  },
355
355
  undefined,
356
356
  ],
@@ -370,7 +370,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
370
370
  style={
371
371
  Array [
372
372
  Object {
373
- "color": "#292a2b",
373
+ "color": "#001f23",
374
374
  "fontSize": 16,
375
375
  },
376
376
  undefined,
@@ -415,7 +415,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
415
415
  "textAlignVertical": "center",
416
416
  },
417
417
  Object {
418
- "color": "#292a2b",
418
+ "color": "#001f23",
419
419
  },
420
420
  ]
421
421
  }
@@ -449,7 +449,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
449
449
  style={
450
450
  Array [
451
451
  Object {
452
- "color": "#292a2b",
452
+ "color": "#001f23",
453
453
  "fontFamily": "BeVietnamPro-Regular",
454
454
  "fontSize": 12,
455
455
  "letterSpacing": 0.36,
@@ -458,7 +458,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
458
458
  Array [
459
459
  Object {
460
460
  "alignSelf": "flex-end",
461
- "color": "#292a2b",
461
+ "color": "#001f23",
462
462
  "flex": 1,
463
463
  "flexGrow": 1,
464
464
  "fontSize": 12,
@@ -483,7 +483,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
483
483
  style={
484
484
  Array [
485
485
  Object {
486
- "color": "#292a2b",
486
+ "color": "#001f23",
487
487
  "fontFamily": "BeVietnamPro-Regular",
488
488
  "fontSize": 14,
489
489
  "letterSpacing": 0.42,
@@ -537,7 +537,7 @@ exports[`TextInput disabled renders correctly 1`] = `
537
537
  style={
538
538
  Array [
539
539
  Object {
540
- "borderColor": "#ccced1",
540
+ "borderColor": "#bfc1c5",
541
541
  "borderRadius": 8,
542
542
  "borderWidth": 1,
543
543
  "bottom": 0,
@@ -572,7 +572,7 @@ exports[`TextInput disabled renders correctly 1`] = `
572
572
  style={
573
573
  Array [
574
574
  Object {
575
- "color": "#292a2b",
575
+ "color": "#001f23",
576
576
  "fontFamily": "BeVietnamPro-Regular",
577
577
  "fontSize": 12,
578
578
  "letterSpacing": 0.36,
@@ -580,7 +580,7 @@ exports[`TextInput disabled renders correctly 1`] = `
580
580
  },
581
581
  Array [
582
582
  Object {
583
- "color": "#ccced1",
583
+ "color": "#bfc1c5",
584
584
  },
585
585
  undefined,
586
586
  ],
@@ -597,7 +597,7 @@ exports[`TextInput disabled renders correctly 1`] = `
597
597
  style={
598
598
  Array [
599
599
  Object {
600
- "color": "#292a2b",
600
+ "color": "#001f23",
601
601
  "fontFamily": "BeVietnamPro-Regular",
602
602
  "fontSize": 12,
603
603
  "letterSpacing": 0.36,
@@ -605,7 +605,7 @@ exports[`TextInput disabled renders correctly 1`] = `
605
605
  },
606
606
  Array [
607
607
  Object {
608
- "color": "#ccced1",
608
+ "color": "#bfc1c5",
609
609
  },
610
610
  undefined,
611
611
  ],
@@ -653,7 +653,7 @@ exports[`TextInput disabled renders correctly 1`] = `
653
653
  "textAlignVertical": "center",
654
654
  },
655
655
  Object {
656
- "color": "#292a2b",
656
+ "color": "#001f23",
657
657
  },
658
658
  ]
659
659
  }
@@ -735,7 +735,7 @@ exports[`TextInput error renders correctly 1`] = `
735
735
  style={
736
736
  Array [
737
737
  Object {
738
- "color": "#292a2b",
738
+ "color": "#001f23",
739
739
  "fontSize": 16,
740
740
  },
741
741
  undefined,
@@ -780,7 +780,7 @@ exports[`TextInput error renders correctly 1`] = `
780
780
  style={
781
781
  Array [
782
782
  Object {
783
- "color": "#292a2b",
783
+ "color": "#001f23",
784
784
  "fontFamily": "BeVietnamPro-Regular",
785
785
  "fontSize": 14,
786
786
  "letterSpacing": 0.42,
@@ -806,7 +806,7 @@ exports[`TextInput error renders correctly 1`] = `
806
806
  style={
807
807
  Array [
808
808
  Object {
809
- "color": "#292a2b",
809
+ "color": "#001f23",
810
810
  "fontFamily": "BeVietnamPro-Regular",
811
811
  "fontSize": 14,
812
812
  "letterSpacing": 0.42,
@@ -816,7 +816,7 @@ exports[`TextInput error renders correctly 1`] = `
816
816
  Object {
817
817
  "alignContent": "center",
818
818
  "alignItems": "center",
819
- "color": "#292a2b",
819
+ "color": "#001f23",
820
820
  "fontSize": 14,
821
821
  "textAlignVertical": "center",
822
822
  },
@@ -853,7 +853,7 @@ exports[`TextInput error renders correctly 1`] = `
853
853
  "textAlignVertical": "center",
854
854
  },
855
855
  Object {
856
- "color": "#292a2b",
856
+ "color": "#001f23",
857
857
  },
858
858
  ]
859
859
  }
@@ -915,7 +915,7 @@ exports[`TextInput error renders correctly 1`] = `
915
915
  style={
916
916
  Array [
917
917
  Object {
918
- "color": "#292a2b",
918
+ "color": "#001f23",
919
919
  "fontFamily": "BeVietnamPro-Regular",
920
920
  "fontSize": 14,
921
921
  "letterSpacing": 0.42,
@@ -973,7 +973,7 @@ exports[`TextInput filled renders correctly 1`] = `
973
973
  style={
974
974
  Array [
975
975
  Object {
976
- "borderColor": "#292a2b",
976
+ "borderColor": "#001f23",
977
977
  "borderRadius": 8,
978
978
  "borderWidth": 1,
979
979
  "bottom": 0,
@@ -1008,7 +1008,7 @@ exports[`TextInput filled renders correctly 1`] = `
1008
1008
  style={
1009
1009
  Array [
1010
1010
  Object {
1011
- "color": "#292a2b",
1011
+ "color": "#001f23",
1012
1012
  "fontFamily": "BeVietnamPro-Regular",
1013
1013
  "fontSize": 12,
1014
1014
  "letterSpacing": 0.36,
@@ -1016,7 +1016,7 @@ exports[`TextInput filled renders correctly 1`] = `
1016
1016
  },
1017
1017
  Array [
1018
1018
  Object {
1019
- "color": "#292a2b",
1019
+ "color": "#001f23",
1020
1020
  },
1021
1021
  undefined,
1022
1022
  ],
@@ -1036,7 +1036,7 @@ exports[`TextInput filled renders correctly 1`] = `
1036
1036
  style={
1037
1037
  Array [
1038
1038
  Object {
1039
- "color": "#292a2b",
1039
+ "color": "#001f23",
1040
1040
  "fontSize": 16,
1041
1041
  },
1042
1042
  undefined,
@@ -1079,7 +1079,7 @@ exports[`TextInput filled renders correctly 1`] = `
1079
1079
  "textAlignVertical": "center",
1080
1080
  },
1081
1081
  Object {
1082
- "color": "#292a2b",
1082
+ "color": "#001f23",
1083
1083
  },
1084
1084
  ]
1085
1085
  }
@@ -1092,7 +1092,7 @@ exports[`TextInput filled renders correctly 1`] = `
1092
1092
  style={
1093
1093
  Array [
1094
1094
  Object {
1095
- "color": "#292a2b",
1095
+ "color": "#001f23",
1096
1096
  "fontSize": 16,
1097
1097
  },
1098
1098
  undefined,
@@ -1157,7 +1157,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1157
1157
  style={
1158
1158
  Array [
1159
1159
  Object {
1160
- "borderColor": "#292a2b",
1160
+ "borderColor": "#001f23",
1161
1161
  "borderRadius": 8,
1162
1162
  "borderWidth": 1,
1163
1163
  "bottom": 0,
@@ -1176,7 +1176,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1176
1176
  style={
1177
1177
  Array [
1178
1178
  Object {
1179
- "color": "#292a2b",
1179
+ "color": "#001f23",
1180
1180
  "fontSize": 16,
1181
1181
  },
1182
1182
  undefined,
@@ -1221,7 +1221,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1221
1221
  style={
1222
1222
  Array [
1223
1223
  Object {
1224
- "color": "#292a2b",
1224
+ "color": "#001f23",
1225
1225
  "fontFamily": "BeVietnamPro-Regular",
1226
1226
  "fontSize": 14,
1227
1227
  "letterSpacing": 0.42,
@@ -1247,7 +1247,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1247
1247
  style={
1248
1248
  Array [
1249
1249
  Object {
1250
- "color": "#292a2b",
1250
+ "color": "#001f23",
1251
1251
  "fontFamily": "BeVietnamPro-Regular",
1252
1252
  "fontSize": 14,
1253
1253
  "letterSpacing": 0.42,
@@ -1257,7 +1257,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1257
1257
  Object {
1258
1258
  "alignContent": "center",
1259
1259
  "alignItems": "center",
1260
- "color": "#292a2b",
1260
+ "color": "#001f23",
1261
1261
  "fontSize": 14,
1262
1262
  "textAlignVertical": "center",
1263
1263
  },
@@ -1294,7 +1294,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1294
1294
  "textAlignVertical": "center",
1295
1295
  },
1296
1296
  Object {
1297
- "color": "#292a2b",
1297
+ "color": "#001f23",
1298
1298
  },
1299
1299
  ]
1300
1300
  }
@@ -1327,7 +1327,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1327
1327
  style={
1328
1328
  Array [
1329
1329
  Object {
1330
- "color": "#292a2b",
1330
+ "color": "#001f23",
1331
1331
  "fontFamily": "BeVietnamPro-Regular",
1332
1332
  "fontSize": 14,
1333
1333
  "letterSpacing": 0.42,
@@ -1381,7 +1381,7 @@ exports[`TextInput idle renders correctly 1`] = `
1381
1381
  style={
1382
1382
  Array [
1383
1383
  Object {
1384
- "borderColor": "#292a2b",
1384
+ "borderColor": "#001f23",
1385
1385
  "borderRadius": 8,
1386
1386
  "borderWidth": 1,
1387
1387
  "bottom": 0,
@@ -1400,7 +1400,7 @@ exports[`TextInput idle renders correctly 1`] = `
1400
1400
  style={
1401
1401
  Array [
1402
1402
  Object {
1403
- "color": "#292a2b",
1403
+ "color": "#001f23",
1404
1404
  "fontSize": 16,
1405
1405
  },
1406
1406
  undefined,
@@ -1445,7 +1445,7 @@ exports[`TextInput idle renders correctly 1`] = `
1445
1445
  style={
1446
1446
  Array [
1447
1447
  Object {
1448
- "color": "#292a2b",
1448
+ "color": "#001f23",
1449
1449
  "fontFamily": "BeVietnamPro-Regular",
1450
1450
  "fontSize": 14,
1451
1451
  "letterSpacing": 0.42,
@@ -1455,7 +1455,7 @@ exports[`TextInput idle renders correctly 1`] = `
1455
1455
  Object {
1456
1456
  "alignContent": "center",
1457
1457
  "alignItems": "center",
1458
- "color": "#292a2b",
1458
+ "color": "#001f23",
1459
1459
  "fontSize": 14,
1460
1460
  "textAlignVertical": "center",
1461
1461
  },
@@ -1492,7 +1492,7 @@ exports[`TextInput idle renders correctly 1`] = `
1492
1492
  "textAlignVertical": "center",
1493
1493
  },
1494
1494
  Object {
1495
- "color": "#292a2b",
1495
+ "color": "#001f23",
1496
1496
  },
1497
1497
  ]
1498
1498
  }
@@ -1504,7 +1504,7 @@ exports[`TextInput idle renders correctly 1`] = `
1504
1504
  style={
1505
1505
  Array [
1506
1506
  Object {
1507
- "color": "#292a2b",
1507
+ "color": "#001f23",
1508
1508
  "fontSize": 16,
1509
1509
  },
1510
1510
  undefined,
@@ -1569,7 +1569,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1569
1569
  style={
1570
1570
  Array [
1571
1571
  Object {
1572
- "borderColor": "#292a2b",
1572
+ "borderColor": "#001f23",
1573
1573
  "borderRadius": 8,
1574
1574
  "borderWidth": 1,
1575
1575
  "bottom": 0,
@@ -1588,7 +1588,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1588
1588
  style={
1589
1589
  Array [
1590
1590
  Object {
1591
- "color": "#292a2b",
1591
+ "color": "#001f23",
1592
1592
  "fontSize": 24,
1593
1593
  },
1594
1594
  undefined,
@@ -1633,7 +1633,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1633
1633
  style={
1634
1634
  Array [
1635
1635
  Object {
1636
- "color": "#292a2b",
1636
+ "color": "#001f23",
1637
1637
  "fontFamily": "BeVietnamPro-Regular",
1638
1638
  "fontSize": 14,
1639
1639
  "letterSpacing": 0.42,
@@ -1659,7 +1659,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1659
1659
  style={
1660
1660
  Array [
1661
1661
  Object {
1662
- "color": "#292a2b",
1662
+ "color": "#001f23",
1663
1663
  "fontFamily": "BeVietnamPro-Regular",
1664
1664
  "fontSize": 14,
1665
1665
  "letterSpacing": 0.42,
@@ -1669,7 +1669,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1669
1669
  Object {
1670
1670
  "alignContent": "center",
1671
1671
  "alignItems": "center",
1672
- "color": "#292a2b",
1672
+ "color": "#001f23",
1673
1673
  "fontSize": 14,
1674
1674
  "textAlignVertical": "center",
1675
1675
  },
@@ -1706,7 +1706,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1706
1706
  "textAlignVertical": "center",
1707
1707
  },
1708
1708
  Object {
1709
- "color": "#292a2b",
1709
+ "color": "#001f23",
1710
1710
  },
1711
1711
  ]
1712
1712
  }
@@ -1718,7 +1718,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1718
1718
  style={
1719
1719
  Array [
1720
1720
  Object {
1721
- "color": "#292a2b",
1721
+ "color": "#001f23",
1722
1722
  "fontSize": 24,
1723
1723
  },
1724
1724
  undefined,
@@ -1754,6 +1754,162 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1754
1754
  </View>
1755
1755
  `;
1756
1756
 
1757
+ exports[`TextInput loading renders correctly 1`] = `
1758
+ <View
1759
+ pointerEvents="none"
1760
+ style={
1761
+ Array [
1762
+ Object {
1763
+ "marginVertical": 8,
1764
+ "width": "100%",
1765
+ },
1766
+ undefined,
1767
+ ]
1768
+ }
1769
+ >
1770
+ <View
1771
+ style={
1772
+ Array [
1773
+ Object {
1774
+ "alignItems": "center",
1775
+ "flexDirection": "row",
1776
+ "padding": 16,
1777
+ },
1778
+ undefined,
1779
+ ]
1780
+ }
1781
+ >
1782
+ <View
1783
+ style={
1784
+ Array [
1785
+ Object {
1786
+ "borderColor": "#808f91",
1787
+ "borderRadius": 8,
1788
+ "borderWidth": 1,
1789
+ "bottom": 0,
1790
+ "left": 0,
1791
+ "position": "absolute",
1792
+ "right": 0,
1793
+ "top": 0,
1794
+ },
1795
+ undefined,
1796
+ ]
1797
+ }
1798
+ themeVariant="readonly"
1799
+ />
1800
+ <View
1801
+ style={
1802
+ Array [
1803
+ Object {
1804
+ "alignItems": "center",
1805
+ "alignSelf": "stretch",
1806
+ "flexDirection": "row",
1807
+ "flexGrow": 2,
1808
+ },
1809
+ undefined,
1810
+ ]
1811
+ }
1812
+ >
1813
+ <View
1814
+ pointerEvents="none"
1815
+ style={
1816
+ Array [
1817
+ Object {
1818
+ "alignItems": "center",
1819
+ "bottom": 0,
1820
+ "flexDirection": "row",
1821
+ "left": 0,
1822
+ "position": "absolute",
1823
+ "right": 0,
1824
+ "top": 0,
1825
+ "zIndex": 9999,
1826
+ },
1827
+ undefined,
1828
+ ]
1829
+ }
1830
+ />
1831
+ <TextInput
1832
+ accessibilityState={
1833
+ Object {
1834
+ "disabled": true,
1835
+ }
1836
+ }
1837
+ editable={true}
1838
+ onBlur={[Function]}
1839
+ onChangeText={[Function]}
1840
+ onFocus={[Function]}
1841
+ style={
1842
+ Array [
1843
+ Object {
1844
+ "alignSelf": "stretch",
1845
+ "flexGrow": 2,
1846
+ "fontSize": 14,
1847
+ "marginHorizontal": 8,
1848
+ "textAlignVertical": "center",
1849
+ },
1850
+ Object {
1851
+ "color": "#001f23",
1852
+ },
1853
+ ]
1854
+ }
1855
+ testID="text-input"
1856
+ />
1857
+ </View>
1858
+ <View
1859
+ collapsable={false}
1860
+ nativeID="animatedComponent"
1861
+ style={
1862
+ Object {
1863
+ "transform": Array [
1864
+ Object {
1865
+ "rotate": "0deg",
1866
+ },
1867
+ ],
1868
+ }
1869
+ }
1870
+ >
1871
+ <HeroIcon
1872
+ name="loading"
1873
+ style={
1874
+ Array [
1875
+ Object {
1876
+ "color": "#001f23",
1877
+ "fontSize": 16,
1878
+ },
1879
+ undefined,
1880
+ ]
1881
+ }
1882
+ testID="input-suffix"
1883
+ themeIntent="text"
1884
+ themeSize="xsmall"
1885
+ />
1886
+ </View>
1887
+ </View>
1888
+ <View
1889
+ style={
1890
+ Array [
1891
+ Object {
1892
+ "paddingLeft": 16,
1893
+ },
1894
+ undefined,
1895
+ ]
1896
+ }
1897
+ >
1898
+ <View
1899
+ style={
1900
+ Array [
1901
+ Object {
1902
+ "flexDirection": "row",
1903
+ "justifyContent": "space-between",
1904
+ },
1905
+ undefined,
1906
+ ]
1907
+ }
1908
+ />
1909
+ </View>
1910
+ </View>
1911
+ `;
1912
+
1757
1913
  exports[`TextInput max length renders correctly 1`] = `
1758
1914
  <View
1759
1915
  pointerEvents="auto"
@@ -1818,7 +1974,7 @@ exports[`TextInput max length renders correctly 1`] = `
1818
1974
  style={
1819
1975
  Array [
1820
1976
  Object {
1821
- "color": "#292a2b",
1977
+ "color": "#001f23",
1822
1978
  "fontFamily": "BeVietnamPro-Regular",
1823
1979
  "fontSize": 12,
1824
1980
  "letterSpacing": 0.36,
@@ -1843,7 +1999,7 @@ exports[`TextInput max length renders correctly 1`] = `
1843
1999
  style={
1844
2000
  Array [
1845
2001
  Object {
1846
- "color": "#292a2b",
2002
+ "color": "#001f23",
1847
2003
  "fontFamily": "BeVietnamPro-Regular",
1848
2004
  "fontSize": 12,
1849
2005
  "letterSpacing": 0.36,
@@ -1851,7 +2007,7 @@ exports[`TextInput max length renders correctly 1`] = `
1851
2007
  },
1852
2008
  Array [
1853
2009
  Object {
1854
- "color": "#292a2b",
2010
+ "color": "#001f23",
1855
2011
  },
1856
2012
  undefined,
1857
2013
  ],
@@ -1901,7 +2057,7 @@ exports[`TextInput max length renders correctly 1`] = `
1901
2057
  "textAlignVertical": "center",
1902
2058
  },
1903
2059
  Object {
1904
- "color": "#292a2b",
2060
+ "color": "#001f23",
1905
2061
  },
1906
2062
  ]
1907
2063
  }
@@ -1964,7 +2120,7 @@ exports[`TextInput max length renders correctly 1`] = `
1964
2120
  style={
1965
2121
  Array [
1966
2122
  Object {
1967
- "color": "#292a2b",
2123
+ "color": "#001f23",
1968
2124
  "fontFamily": "BeVietnamPro-Regular",
1969
2125
  "fontSize": 14,
1970
2126
  "letterSpacing": 0.42,
@@ -1992,7 +2148,7 @@ exports[`TextInput max length renders correctly 1`] = `
1992
2148
  style={
1993
2149
  Array [
1994
2150
  Object {
1995
- "color": "#292a2b",
2151
+ "color": "#001f23",
1996
2152
  "fontFamily": "BeVietnamPro-Regular",
1997
2153
  "fontSize": 12,
1998
2154
  "letterSpacing": 0.36,
@@ -2055,7 +2211,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2055
2211
  style={
2056
2212
  Array [
2057
2213
  Object {
2058
- "borderColor": "#292a2b",
2214
+ "borderColor": "#001f23",
2059
2215
  "borderRadius": 8,
2060
2216
  "borderWidth": 1,
2061
2217
  "bottom": 0,
@@ -2074,7 +2230,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2074
2230
  style={
2075
2231
  Array [
2076
2232
  Object {
2077
- "color": "#292a2b",
2233
+ "color": "#001f23",
2078
2234
  "fontSize": 16,
2079
2235
  },
2080
2236
  undefined,
@@ -2119,7 +2275,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2119
2275
  style={
2120
2276
  Array [
2121
2277
  Object {
2122
- "color": "#292a2b",
2278
+ "color": "#001f23",
2123
2279
  "fontFamily": "BeVietnamPro-Regular",
2124
2280
  "fontSize": 14,
2125
2281
  "letterSpacing": 0.42,
@@ -2145,7 +2301,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2145
2301
  style={
2146
2302
  Array [
2147
2303
  Object {
2148
- "color": "#292a2b",
2304
+ "color": "#001f23",
2149
2305
  "fontFamily": "BeVietnamPro-Regular",
2150
2306
  "fontSize": 14,
2151
2307
  "letterSpacing": 0.42,
@@ -2155,7 +2311,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2155
2311
  Object {
2156
2312
  "alignContent": "center",
2157
2313
  "alignItems": "center",
2158
- "color": "#292a2b",
2314
+ "color": "#001f23",
2159
2315
  "fontSize": 14,
2160
2316
  "textAlignVertical": "center",
2161
2317
  },
@@ -2192,7 +2348,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2192
2348
  "textAlignVertical": "center",
2193
2349
  },
2194
2350
  Object {
2195
- "color": "#292a2b",
2351
+ "color": "#001f23",
2196
2352
  },
2197
2353
  ]
2198
2354
  }
@@ -2225,7 +2381,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2225
2381
  style={
2226
2382
  Array [
2227
2383
  Object {
2228
- "color": "#292a2b",
2384
+ "color": "#001f23",
2229
2385
  "fontFamily": "BeVietnamPro-Regular",
2230
2386
  "fontSize": 14,
2231
2387
  "letterSpacing": 0.42,
@@ -2278,7 +2434,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2278
2434
  style={
2279
2435
  Array [
2280
2436
  Object {
2281
- "borderColor": "#8b8d92",
2437
+ "borderColor": "#808f91",
2282
2438
  "borderRadius": 8,
2283
2439
  "borderWidth": 1,
2284
2440
  "bottom": 0,
@@ -2313,7 +2469,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2313
2469
  style={
2314
2470
  Array [
2315
2471
  Object {
2316
- "color": "#292a2b",
2472
+ "color": "#001f23",
2317
2473
  "fontFamily": "BeVietnamPro-Regular",
2318
2474
  "fontSize": 12,
2319
2475
  "letterSpacing": 0.36,
@@ -2321,7 +2477,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2321
2477
  },
2322
2478
  Array [
2323
2479
  Object {
2324
- "color": "#8b8d92",
2480
+ "color": "#808f91",
2325
2481
  },
2326
2482
  undefined,
2327
2483
  ],
@@ -2338,7 +2494,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2338
2494
  style={
2339
2495
  Array [
2340
2496
  Object {
2341
- "color": "#292a2b",
2497
+ "color": "#001f23",
2342
2498
  "fontFamily": "BeVietnamPro-Regular",
2343
2499
  "fontSize": 12,
2344
2500
  "letterSpacing": 0.36,
@@ -2346,7 +2502,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2346
2502
  },
2347
2503
  Array [
2348
2504
  Object {
2349
- "color": "#8b8d92",
2505
+ "color": "#808f91",
2350
2506
  },
2351
2507
  undefined,
2352
2508
  ],
@@ -2366,7 +2522,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2366
2522
  style={
2367
2523
  Array [
2368
2524
  Object {
2369
- "color": "#292a2b",
2525
+ "color": "#001f23",
2370
2526
  "fontSize": 16,
2371
2527
  },
2372
2528
  undefined,
@@ -2392,7 +2548,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2392
2548
  <TextInput
2393
2549
  accessibilityState={
2394
2550
  Object {
2395
- "disabled": false,
2551
+ "disabled": true,
2396
2552
  }
2397
2553
  }
2398
2554
  editable={false}
@@ -2409,7 +2565,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2409
2565
  "textAlignVertical": "center",
2410
2566
  },
2411
2567
  Object {
2412
- "color": "#292a2b",
2568
+ "color": "#001f23",
2413
2569
  },
2414
2570
  ]
2415
2571
  }
@@ -2422,7 +2578,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2422
2578
  style={
2423
2579
  Array [
2424
2580
  Object {
2425
- "color": "#292a2b",
2581
+ "color": "#001f23",
2426
2582
  "fontSize": 16,
2427
2583
  },
2428
2584
  undefined,
@@ -2487,7 +2643,7 @@ exports[`TextInput required renders correctly 1`] = `
2487
2643
  style={
2488
2644
  Array [
2489
2645
  Object {
2490
- "borderColor": "#292a2b",
2646
+ "borderColor": "#001f23",
2491
2647
  "borderRadius": 8,
2492
2648
  "borderWidth": 1,
2493
2649
  "bottom": 0,
@@ -2506,7 +2662,7 @@ exports[`TextInput required renders correctly 1`] = `
2506
2662
  style={
2507
2663
  Array [
2508
2664
  Object {
2509
- "color": "#292a2b",
2665
+ "color": "#001f23",
2510
2666
  "fontSize": 16,
2511
2667
  },
2512
2668
  undefined,
@@ -2551,7 +2707,7 @@ exports[`TextInput required renders correctly 1`] = `
2551
2707
  style={
2552
2708
  Array [
2553
2709
  Object {
2554
- "color": "#292a2b",
2710
+ "color": "#001f23",
2555
2711
  "fontFamily": "BeVietnamPro-Regular",
2556
2712
  "fontSize": 14,
2557
2713
  "letterSpacing": 0.42,
@@ -2577,7 +2733,7 @@ exports[`TextInput required renders correctly 1`] = `
2577
2733
  style={
2578
2734
  Array [
2579
2735
  Object {
2580
- "color": "#292a2b",
2736
+ "color": "#001f23",
2581
2737
  "fontFamily": "BeVietnamPro-Regular",
2582
2738
  "fontSize": 14,
2583
2739
  "letterSpacing": 0.42,
@@ -2587,7 +2743,7 @@ exports[`TextInput required renders correctly 1`] = `
2587
2743
  Object {
2588
2744
  "alignContent": "center",
2589
2745
  "alignItems": "center",
2590
- "color": "#292a2b",
2746
+ "color": "#001f23",
2591
2747
  "fontSize": 14,
2592
2748
  "textAlignVertical": "center",
2593
2749
  },
@@ -2624,7 +2780,7 @@ exports[`TextInput required renders correctly 1`] = `
2624
2780
  "textAlignVertical": "center",
2625
2781
  },
2626
2782
  Object {
2627
- "color": "#292a2b",
2783
+ "color": "#001f23",
2628
2784
  },
2629
2785
  ]
2630
2786
  }
@@ -2636,7 +2792,7 @@ exports[`TextInput required renders correctly 1`] = `
2636
2792
  style={
2637
2793
  Array [
2638
2794
  Object {
2639
- "color": "#292a2b",
2795
+ "color": "#001f23",
2640
2796
  "fontSize": 16,
2641
2797
  },
2642
2798
  undefined,