@hero-design/rn 7.17.0 → 7.18.0

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 (142) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +3712 -3473
  3. package/lib/index.js +3716 -3475
  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/BottomNavigation/index.tsx +1 -1
  14. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  15. package/src/components/Button/Button.tsx +1 -0
  16. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  17. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  18. package/src/components/Button/UtilityButton/{styled.tsx → StyledUtilityButton.tsx} +2 -2
  19. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  20. package/src/components/Button/UtilityButton/index.tsx +5 -1
  21. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
  22. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +69 -69
  23. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
  24. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  25. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  26. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  27. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
  28. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  29. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +6 -5
  30. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +13 -12
  31. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
  32. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +99 -0
  33. package/src/components/Drawer/DragableDrawer/__tests__/helpers.spec.ts +39 -0
  34. package/src/components/Drawer/DragableDrawer/__tests__/index.spec.tsx +24 -0
  35. package/src/components/Drawer/DragableDrawer/helpers.ts +43 -0
  36. package/src/components/Drawer/DragableDrawer/index.tsx +205 -0
  37. package/src/components/Drawer/StyledDrawer.tsx +70 -26
  38. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  39. package/src/components/Drawer/index.tsx +4 -1
  40. package/src/components/Empty/StyledEmpty.tsx +4 -3
  41. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +4 -3
  42. package/src/components/Empty/index.tsx +2 -2
  43. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  44. package/src/components/FAB/ActionGroup/index.tsx +1 -1
  45. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  46. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
  47. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  48. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  49. package/src/components/List/ListItem.tsx +1 -1
  50. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  51. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  52. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  53. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  54. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  55. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  56. package/src/components/Progress/ProgressCircle.tsx +25 -22
  57. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  58. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  59. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  60. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  61. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  62. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  63. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +8 -6
  64. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  65. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  66. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  67. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +42 -42
  68. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +126 -121
  69. package/src/components/Select/MultiSelect/index.tsx +1 -4
  70. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +2 -2
  71. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +36 -36
  72. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +99 -94
  73. package/src/components/Select/SingleSelect/index.tsx +2 -6
  74. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -2
  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/ScrollableTabs.tsx +1 -1
  81. package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +8 -0
  82. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +85 -6
  83. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +87 -8
  84. package/src/components/Tabs/__tests__/index.spec.tsx +8 -0
  85. package/src/components/Tabs/index.tsx +8 -3
  86. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +9 -9
  87. package/src/components/TextInput/StyledTextInput.tsx +1 -0
  88. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  89. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +100 -87
  90. package/src/components/TextInput/index.tsx +2 -2
  91. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +6 -5
  92. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +13 -12
  93. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  94. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  95. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  96. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  97. package/src/index.ts +9 -1
  98. package/src/theme/ThemeProvider.ts +19 -0
  99. package/src/theme/ThemeSwitcher.tsx +27 -0
  100. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +161 -149
  101. package/src/theme/components/alert.ts +3 -3
  102. package/src/theme/components/badge.ts +1 -1
  103. package/src/theme/components/button.ts +9 -8
  104. package/src/theme/components/card.ts +4 -4
  105. package/src/theme/components/drawer.ts +14 -2
  106. package/src/theme/components/empty.ts +3 -2
  107. package/src/theme/components/list.ts +4 -4
  108. package/src/theme/components/pinInput.ts +2 -2
  109. package/src/theme/components/progress.ts +5 -5
  110. package/src/theme/components/toast.ts +3 -3
  111. package/src/theme/getTheme.ts +129 -0
  112. package/src/theme/global/colors/swag.ts +54 -0
  113. package/src/theme/global/colors/types.ts +45 -0
  114. package/src/theme/global/colors/work.ts +14 -0
  115. package/src/theme/global/index.ts +6 -2
  116. package/src/theme/index.ts +16 -143
  117. package/src/utils/scale.ts +4 -1
  118. package/types/components/Button/Button.d.ts +1 -0
  119. package/types/components/Button/UtilityButton/{styled.d.ts → StyledUtilityButton.d.ts} +0 -0
  120. package/types/components/Drawer/DragableDrawer/__tests__/helpers.spec.d.ts +1 -0
  121. package/types/components/Drawer/DragableDrawer/__tests__/index.spec.d.ts +1 -0
  122. package/types/components/Drawer/DragableDrawer/helpers.d.ts +8 -0
  123. package/types/components/Drawer/DragableDrawer/index.d.ts +33 -0
  124. package/types/components/Drawer/StyledDrawer.d.ts +34 -4
  125. package/types/components/Drawer/index.d.ts +4 -2
  126. package/types/components/Empty/index.d.ts +1 -1
  127. package/types/components/Icon/utils.d.ts +1 -1
  128. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  129. package/types/index.d.ts +2 -2
  130. package/types/theme/ThemeProvider.d.ts +12 -0
  131. package/types/theme/ThemeSwitcher.d.ts +7 -0
  132. package/types/theme/components/button.d.ts +1 -1
  133. package/types/theme/components/drawer.d.ts +9 -0
  134. package/types/theme/components/empty.d.ts +3 -2
  135. package/types/theme/components/progress.d.ts +1 -2
  136. package/types/theme/getTheme.d.ts +74 -0
  137. package/types/theme/global/colors/swag.d.ts +3 -0
  138. package/types/theme/global/{colors.d.ts → colors/types.d.ts} +4 -3
  139. package/types/theme/global/colors/work.d.ts +3 -0
  140. package/types/theme/global/index.d.ts +7 -2
  141. package/types/theme/index.d.ts +7 -84
  142. package/src/theme/global/colors.ts +0 -50
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,
@@ -135,6 +135,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
135
135
  "alignSelf": "stretch",
136
136
  "flexDirection": "row",
137
137
  "flexGrow": 2,
138
+ "flexShrink": 1,
138
139
  },
139
140
  undefined,
140
141
  ]
@@ -162,7 +163,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
162
163
  "textAlignVertical": "center",
163
164
  },
164
165
  Object {
165
- "color": "#292a2b",
166
+ "color": "#001f23",
166
167
  },
167
168
  ]
168
169
  }
@@ -195,7 +196,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
195
196
  style={
196
197
  Array [
197
198
  Object {
198
- "color": "#292a2b",
199
+ "color": "#001f23",
199
200
  "fontFamily": "BeVietnamPro-Regular",
200
201
  "fontSize": 12,
201
202
  "letterSpacing": 0.36,
@@ -204,7 +205,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
204
205
  Array [
205
206
  Object {
206
207
  "alignSelf": "flex-end",
207
- "color": "#292a2b",
208
+ "color": "#001f23",
208
209
  "flex": 1,
209
210
  "flexGrow": 1,
210
211
  "fontSize": 12,
@@ -229,7 +230,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
229
230
  style={
230
231
  Array [
231
232
  Object {
232
- "color": "#292a2b",
233
+ "color": "#001f23",
233
234
  "fontFamily": "BeVietnamPro-Regular",
234
235
  "fontSize": 14,
235
236
  "letterSpacing": 0.42,
@@ -282,7 +283,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
282
283
  style={
283
284
  Array [
284
285
  Object {
285
- "borderColor": "#292a2b",
286
+ "borderColor": "#001f23",
286
287
  "borderRadius": 8,
287
288
  "borderWidth": 1,
288
289
  "bottom": 0,
@@ -317,7 +318,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
317
318
  style={
318
319
  Array [
319
320
  Object {
320
- "color": "#292a2b",
321
+ "color": "#001f23",
321
322
  "fontFamily": "BeVietnamPro-Regular",
322
323
  "fontSize": 12,
323
324
  "letterSpacing": 0.36,
@@ -342,7 +343,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
342
343
  style={
343
344
  Array [
344
345
  Object {
345
- "color": "#292a2b",
346
+ "color": "#001f23",
346
347
  "fontFamily": "BeVietnamPro-Regular",
347
348
  "fontSize": 12,
348
349
  "letterSpacing": 0.36,
@@ -350,7 +351,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
350
351
  },
351
352
  Array [
352
353
  Object {
353
- "color": "#292a2b",
354
+ "color": "#001f23",
354
355
  },
355
356
  undefined,
356
357
  ],
@@ -370,7 +371,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
370
371
  style={
371
372
  Array [
372
373
  Object {
373
- "color": "#292a2b",
374
+ "color": "#001f23",
374
375
  "fontSize": 16,
375
376
  },
376
377
  undefined,
@@ -388,6 +389,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
388
389
  "alignSelf": "stretch",
389
390
  "flexDirection": "row",
390
391
  "flexGrow": 2,
392
+ "flexShrink": 1,
391
393
  },
392
394
  undefined,
393
395
  ]
@@ -415,7 +417,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
415
417
  "textAlignVertical": "center",
416
418
  },
417
419
  Object {
418
- "color": "#292a2b",
420
+ "color": "#001f23",
419
421
  },
420
422
  ]
421
423
  }
@@ -449,7 +451,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
449
451
  style={
450
452
  Array [
451
453
  Object {
452
- "color": "#292a2b",
454
+ "color": "#001f23",
453
455
  "fontFamily": "BeVietnamPro-Regular",
454
456
  "fontSize": 12,
455
457
  "letterSpacing": 0.36,
@@ -458,7 +460,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
458
460
  Array [
459
461
  Object {
460
462
  "alignSelf": "flex-end",
461
- "color": "#292a2b",
463
+ "color": "#001f23",
462
464
  "flex": 1,
463
465
  "flexGrow": 1,
464
466
  "fontSize": 12,
@@ -483,7 +485,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
483
485
  style={
484
486
  Array [
485
487
  Object {
486
- "color": "#292a2b",
488
+ "color": "#001f23",
487
489
  "fontFamily": "BeVietnamPro-Regular",
488
490
  "fontSize": 14,
489
491
  "letterSpacing": 0.42,
@@ -537,7 +539,7 @@ exports[`TextInput disabled renders correctly 1`] = `
537
539
  style={
538
540
  Array [
539
541
  Object {
540
- "borderColor": "#ccced1",
542
+ "borderColor": "#bfc1c5",
541
543
  "borderRadius": 8,
542
544
  "borderWidth": 1,
543
545
  "bottom": 0,
@@ -572,7 +574,7 @@ exports[`TextInput disabled renders correctly 1`] = `
572
574
  style={
573
575
  Array [
574
576
  Object {
575
- "color": "#292a2b",
577
+ "color": "#001f23",
576
578
  "fontFamily": "BeVietnamPro-Regular",
577
579
  "fontSize": 12,
578
580
  "letterSpacing": 0.36,
@@ -580,7 +582,7 @@ exports[`TextInput disabled renders correctly 1`] = `
580
582
  },
581
583
  Array [
582
584
  Object {
583
- "color": "#ccced1",
585
+ "color": "#bfc1c5",
584
586
  },
585
587
  undefined,
586
588
  ],
@@ -597,7 +599,7 @@ exports[`TextInput disabled renders correctly 1`] = `
597
599
  style={
598
600
  Array [
599
601
  Object {
600
- "color": "#292a2b",
602
+ "color": "#001f23",
601
603
  "fontFamily": "BeVietnamPro-Regular",
602
604
  "fontSize": 12,
603
605
  "letterSpacing": 0.36,
@@ -605,7 +607,7 @@ exports[`TextInput disabled renders correctly 1`] = `
605
607
  },
606
608
  Array [
607
609
  Object {
608
- "color": "#ccced1",
610
+ "color": "#bfc1c5",
609
611
  },
610
612
  undefined,
611
613
  ],
@@ -628,6 +630,7 @@ exports[`TextInput disabled renders correctly 1`] = `
628
630
  "alignSelf": "stretch",
629
631
  "flexDirection": "row",
630
632
  "flexGrow": 2,
633
+ "flexShrink": 1,
631
634
  },
632
635
  undefined,
633
636
  ]
@@ -653,7 +656,7 @@ exports[`TextInput disabled renders correctly 1`] = `
653
656
  "textAlignVertical": "center",
654
657
  },
655
658
  Object {
656
- "color": "#292a2b",
659
+ "color": "#001f23",
657
660
  },
658
661
  ]
659
662
  }
@@ -735,7 +738,7 @@ exports[`TextInput error renders correctly 1`] = `
735
738
  style={
736
739
  Array [
737
740
  Object {
738
- "color": "#292a2b",
741
+ "color": "#001f23",
739
742
  "fontSize": 16,
740
743
  },
741
744
  undefined,
@@ -753,6 +756,7 @@ exports[`TextInput error renders correctly 1`] = `
753
756
  "alignSelf": "stretch",
754
757
  "flexDirection": "row",
755
758
  "flexGrow": 2,
759
+ "flexShrink": 1,
756
760
  },
757
761
  undefined,
758
762
  ]
@@ -780,7 +784,7 @@ exports[`TextInput error renders correctly 1`] = `
780
784
  style={
781
785
  Array [
782
786
  Object {
783
- "color": "#292a2b",
787
+ "color": "#001f23",
784
788
  "fontFamily": "BeVietnamPro-Regular",
785
789
  "fontSize": 14,
786
790
  "letterSpacing": 0.42,
@@ -806,7 +810,7 @@ exports[`TextInput error renders correctly 1`] = `
806
810
  style={
807
811
  Array [
808
812
  Object {
809
- "color": "#292a2b",
813
+ "color": "#001f23",
810
814
  "fontFamily": "BeVietnamPro-Regular",
811
815
  "fontSize": 14,
812
816
  "letterSpacing": 0.42,
@@ -816,7 +820,7 @@ exports[`TextInput error renders correctly 1`] = `
816
820
  Object {
817
821
  "alignContent": "center",
818
822
  "alignItems": "center",
819
- "color": "#292a2b",
823
+ "color": "#001f23",
820
824
  "fontSize": 14,
821
825
  "textAlignVertical": "center",
822
826
  },
@@ -853,7 +857,7 @@ exports[`TextInput error renders correctly 1`] = `
853
857
  "textAlignVertical": "center",
854
858
  },
855
859
  Object {
856
- "color": "#292a2b",
860
+ "color": "#001f23",
857
861
  },
858
862
  ]
859
863
  }
@@ -915,7 +919,7 @@ exports[`TextInput error renders correctly 1`] = `
915
919
  style={
916
920
  Array [
917
921
  Object {
918
- "color": "#292a2b",
922
+ "color": "#001f23",
919
923
  "fontFamily": "BeVietnamPro-Regular",
920
924
  "fontSize": 14,
921
925
  "letterSpacing": 0.42,
@@ -973,7 +977,7 @@ exports[`TextInput filled renders correctly 1`] = `
973
977
  style={
974
978
  Array [
975
979
  Object {
976
- "borderColor": "#292a2b",
980
+ "borderColor": "#001f23",
977
981
  "borderRadius": 8,
978
982
  "borderWidth": 1,
979
983
  "bottom": 0,
@@ -1008,7 +1012,7 @@ exports[`TextInput filled renders correctly 1`] = `
1008
1012
  style={
1009
1013
  Array [
1010
1014
  Object {
1011
- "color": "#292a2b",
1015
+ "color": "#001f23",
1012
1016
  "fontFamily": "BeVietnamPro-Regular",
1013
1017
  "fontSize": 12,
1014
1018
  "letterSpacing": 0.36,
@@ -1016,7 +1020,7 @@ exports[`TextInput filled renders correctly 1`] = `
1016
1020
  },
1017
1021
  Array [
1018
1022
  Object {
1019
- "color": "#292a2b",
1023
+ "color": "#001f23",
1020
1024
  },
1021
1025
  undefined,
1022
1026
  ],
@@ -1036,7 +1040,7 @@ exports[`TextInput filled renders correctly 1`] = `
1036
1040
  style={
1037
1041
  Array [
1038
1042
  Object {
1039
- "color": "#292a2b",
1043
+ "color": "#001f23",
1040
1044
  "fontSize": 16,
1041
1045
  },
1042
1046
  undefined,
@@ -1054,6 +1058,7 @@ exports[`TextInput filled renders correctly 1`] = `
1054
1058
  "alignSelf": "stretch",
1055
1059
  "flexDirection": "row",
1056
1060
  "flexGrow": 2,
1061
+ "flexShrink": 1,
1057
1062
  },
1058
1063
  undefined,
1059
1064
  ]
@@ -1079,7 +1084,7 @@ exports[`TextInput filled renders correctly 1`] = `
1079
1084
  "textAlignVertical": "center",
1080
1085
  },
1081
1086
  Object {
1082
- "color": "#292a2b",
1087
+ "color": "#001f23",
1083
1088
  },
1084
1089
  ]
1085
1090
  }
@@ -1092,7 +1097,7 @@ exports[`TextInput filled renders correctly 1`] = `
1092
1097
  style={
1093
1098
  Array [
1094
1099
  Object {
1095
- "color": "#292a2b",
1100
+ "color": "#001f23",
1096
1101
  "fontSize": 16,
1097
1102
  },
1098
1103
  undefined,
@@ -1157,7 +1162,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1157
1162
  style={
1158
1163
  Array [
1159
1164
  Object {
1160
- "borderColor": "#292a2b",
1165
+ "borderColor": "#001f23",
1161
1166
  "borderRadius": 8,
1162
1167
  "borderWidth": 1,
1163
1168
  "bottom": 0,
@@ -1176,7 +1181,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1176
1181
  style={
1177
1182
  Array [
1178
1183
  Object {
1179
- "color": "#292a2b",
1184
+ "color": "#001f23",
1180
1185
  "fontSize": 16,
1181
1186
  },
1182
1187
  undefined,
@@ -1194,6 +1199,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1194
1199
  "alignSelf": "stretch",
1195
1200
  "flexDirection": "row",
1196
1201
  "flexGrow": 2,
1202
+ "flexShrink": 1,
1197
1203
  },
1198
1204
  undefined,
1199
1205
  ]
@@ -1221,7 +1227,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1221
1227
  style={
1222
1228
  Array [
1223
1229
  Object {
1224
- "color": "#292a2b",
1230
+ "color": "#001f23",
1225
1231
  "fontFamily": "BeVietnamPro-Regular",
1226
1232
  "fontSize": 14,
1227
1233
  "letterSpacing": 0.42,
@@ -1247,7 +1253,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1247
1253
  style={
1248
1254
  Array [
1249
1255
  Object {
1250
- "color": "#292a2b",
1256
+ "color": "#001f23",
1251
1257
  "fontFamily": "BeVietnamPro-Regular",
1252
1258
  "fontSize": 14,
1253
1259
  "letterSpacing": 0.42,
@@ -1257,7 +1263,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1257
1263
  Object {
1258
1264
  "alignContent": "center",
1259
1265
  "alignItems": "center",
1260
- "color": "#292a2b",
1266
+ "color": "#001f23",
1261
1267
  "fontSize": 14,
1262
1268
  "textAlignVertical": "center",
1263
1269
  },
@@ -1294,7 +1300,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1294
1300
  "textAlignVertical": "center",
1295
1301
  },
1296
1302
  Object {
1297
- "color": "#292a2b",
1303
+ "color": "#001f23",
1298
1304
  },
1299
1305
  ]
1300
1306
  }
@@ -1327,7 +1333,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1327
1333
  style={
1328
1334
  Array [
1329
1335
  Object {
1330
- "color": "#292a2b",
1336
+ "color": "#001f23",
1331
1337
  "fontFamily": "BeVietnamPro-Regular",
1332
1338
  "fontSize": 14,
1333
1339
  "letterSpacing": 0.42,
@@ -1381,7 +1387,7 @@ exports[`TextInput idle renders correctly 1`] = `
1381
1387
  style={
1382
1388
  Array [
1383
1389
  Object {
1384
- "borderColor": "#292a2b",
1390
+ "borderColor": "#001f23",
1385
1391
  "borderRadius": 8,
1386
1392
  "borderWidth": 1,
1387
1393
  "bottom": 0,
@@ -1400,7 +1406,7 @@ exports[`TextInput idle renders correctly 1`] = `
1400
1406
  style={
1401
1407
  Array [
1402
1408
  Object {
1403
- "color": "#292a2b",
1409
+ "color": "#001f23",
1404
1410
  "fontSize": 16,
1405
1411
  },
1406
1412
  undefined,
@@ -1418,6 +1424,7 @@ exports[`TextInput idle renders correctly 1`] = `
1418
1424
  "alignSelf": "stretch",
1419
1425
  "flexDirection": "row",
1420
1426
  "flexGrow": 2,
1427
+ "flexShrink": 1,
1421
1428
  },
1422
1429
  undefined,
1423
1430
  ]
@@ -1445,7 +1452,7 @@ exports[`TextInput idle renders correctly 1`] = `
1445
1452
  style={
1446
1453
  Array [
1447
1454
  Object {
1448
- "color": "#292a2b",
1455
+ "color": "#001f23",
1449
1456
  "fontFamily": "BeVietnamPro-Regular",
1450
1457
  "fontSize": 14,
1451
1458
  "letterSpacing": 0.42,
@@ -1455,7 +1462,7 @@ exports[`TextInput idle renders correctly 1`] = `
1455
1462
  Object {
1456
1463
  "alignContent": "center",
1457
1464
  "alignItems": "center",
1458
- "color": "#292a2b",
1465
+ "color": "#001f23",
1459
1466
  "fontSize": 14,
1460
1467
  "textAlignVertical": "center",
1461
1468
  },
@@ -1492,7 +1499,7 @@ exports[`TextInput idle renders correctly 1`] = `
1492
1499
  "textAlignVertical": "center",
1493
1500
  },
1494
1501
  Object {
1495
- "color": "#292a2b",
1502
+ "color": "#001f23",
1496
1503
  },
1497
1504
  ]
1498
1505
  }
@@ -1504,7 +1511,7 @@ exports[`TextInput idle renders correctly 1`] = `
1504
1511
  style={
1505
1512
  Array [
1506
1513
  Object {
1507
- "color": "#292a2b",
1514
+ "color": "#001f23",
1508
1515
  "fontSize": 16,
1509
1516
  },
1510
1517
  undefined,
@@ -1569,7 +1576,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1569
1576
  style={
1570
1577
  Array [
1571
1578
  Object {
1572
- "borderColor": "#292a2b",
1579
+ "borderColor": "#001f23",
1573
1580
  "borderRadius": 8,
1574
1581
  "borderWidth": 1,
1575
1582
  "bottom": 0,
@@ -1588,7 +1595,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1588
1595
  style={
1589
1596
  Array [
1590
1597
  Object {
1591
- "color": "#292a2b",
1598
+ "color": "#001f23",
1592
1599
  "fontSize": 24,
1593
1600
  },
1594
1601
  undefined,
@@ -1606,6 +1613,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1606
1613
  "alignSelf": "stretch",
1607
1614
  "flexDirection": "row",
1608
1615
  "flexGrow": 2,
1616
+ "flexShrink": 1,
1609
1617
  },
1610
1618
  undefined,
1611
1619
  ]
@@ -1633,7 +1641,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1633
1641
  style={
1634
1642
  Array [
1635
1643
  Object {
1636
- "color": "#292a2b",
1644
+ "color": "#001f23",
1637
1645
  "fontFamily": "BeVietnamPro-Regular",
1638
1646
  "fontSize": 14,
1639
1647
  "letterSpacing": 0.42,
@@ -1659,7 +1667,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1659
1667
  style={
1660
1668
  Array [
1661
1669
  Object {
1662
- "color": "#292a2b",
1670
+ "color": "#001f23",
1663
1671
  "fontFamily": "BeVietnamPro-Regular",
1664
1672
  "fontSize": 14,
1665
1673
  "letterSpacing": 0.42,
@@ -1669,7 +1677,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1669
1677
  Object {
1670
1678
  "alignContent": "center",
1671
1679
  "alignItems": "center",
1672
- "color": "#292a2b",
1680
+ "color": "#001f23",
1673
1681
  "fontSize": 14,
1674
1682
  "textAlignVertical": "center",
1675
1683
  },
@@ -1706,7 +1714,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1706
1714
  "textAlignVertical": "center",
1707
1715
  },
1708
1716
  Object {
1709
- "color": "#292a2b",
1717
+ "color": "#001f23",
1710
1718
  },
1711
1719
  ]
1712
1720
  }
@@ -1718,7 +1726,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
1718
1726
  style={
1719
1727
  Array [
1720
1728
  Object {
1721
- "color": "#292a2b",
1729
+ "color": "#001f23",
1722
1730
  "fontSize": 24,
1723
1731
  },
1724
1732
  undefined,
@@ -1783,7 +1791,7 @@ exports[`TextInput loading renders correctly 1`] = `
1783
1791
  style={
1784
1792
  Array [
1785
1793
  Object {
1786
- "borderColor": "#8b8d92",
1794
+ "borderColor": "#808f91",
1787
1795
  "borderRadius": 8,
1788
1796
  "borderWidth": 1,
1789
1797
  "bottom": 0,
@@ -1805,6 +1813,7 @@ exports[`TextInput loading renders correctly 1`] = `
1805
1813
  "alignSelf": "stretch",
1806
1814
  "flexDirection": "row",
1807
1815
  "flexGrow": 2,
1816
+ "flexShrink": 1,
1808
1817
  },
1809
1818
  undefined,
1810
1819
  ]
@@ -1848,7 +1857,7 @@ exports[`TextInput loading renders correctly 1`] = `
1848
1857
  "textAlignVertical": "center",
1849
1858
  },
1850
1859
  Object {
1851
- "color": "#292a2b",
1860
+ "color": "#001f23",
1852
1861
  },
1853
1862
  ]
1854
1863
  }
@@ -1873,7 +1882,7 @@ exports[`TextInput loading renders correctly 1`] = `
1873
1882
  style={
1874
1883
  Array [
1875
1884
  Object {
1876
- "color": "#292a2b",
1885
+ "color": "#001f23",
1877
1886
  "fontSize": 16,
1878
1887
  },
1879
1888
  undefined,
@@ -1974,7 +1983,7 @@ exports[`TextInput max length renders correctly 1`] = `
1974
1983
  style={
1975
1984
  Array [
1976
1985
  Object {
1977
- "color": "#292a2b",
1986
+ "color": "#001f23",
1978
1987
  "fontFamily": "BeVietnamPro-Regular",
1979
1988
  "fontSize": 12,
1980
1989
  "letterSpacing": 0.36,
@@ -1999,7 +2008,7 @@ exports[`TextInput max length renders correctly 1`] = `
1999
2008
  style={
2000
2009
  Array [
2001
2010
  Object {
2002
- "color": "#292a2b",
2011
+ "color": "#001f23",
2003
2012
  "fontFamily": "BeVietnamPro-Regular",
2004
2013
  "fontSize": 12,
2005
2014
  "letterSpacing": 0.36,
@@ -2007,7 +2016,7 @@ exports[`TextInput max length renders correctly 1`] = `
2007
2016
  },
2008
2017
  Array [
2009
2018
  Object {
2010
- "color": "#292a2b",
2019
+ "color": "#001f23",
2011
2020
  },
2012
2021
  undefined,
2013
2022
  ],
@@ -2030,6 +2039,7 @@ exports[`TextInput max length renders correctly 1`] = `
2030
2039
  "alignSelf": "stretch",
2031
2040
  "flexDirection": "row",
2032
2041
  "flexGrow": 2,
2042
+ "flexShrink": 1,
2033
2043
  },
2034
2044
  undefined,
2035
2045
  ]
@@ -2057,7 +2067,7 @@ exports[`TextInput max length renders correctly 1`] = `
2057
2067
  "textAlignVertical": "center",
2058
2068
  },
2059
2069
  Object {
2060
- "color": "#292a2b",
2070
+ "color": "#001f23",
2061
2071
  },
2062
2072
  ]
2063
2073
  }
@@ -2120,7 +2130,7 @@ exports[`TextInput max length renders correctly 1`] = `
2120
2130
  style={
2121
2131
  Array [
2122
2132
  Object {
2123
- "color": "#292a2b",
2133
+ "color": "#001f23",
2124
2134
  "fontFamily": "BeVietnamPro-Regular",
2125
2135
  "fontSize": 14,
2126
2136
  "letterSpacing": 0.42,
@@ -2148,7 +2158,7 @@ exports[`TextInput max length renders correctly 1`] = `
2148
2158
  style={
2149
2159
  Array [
2150
2160
  Object {
2151
- "color": "#292a2b",
2161
+ "color": "#001f23",
2152
2162
  "fontFamily": "BeVietnamPro-Regular",
2153
2163
  "fontSize": 12,
2154
2164
  "letterSpacing": 0.36,
@@ -2211,7 +2221,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2211
2221
  style={
2212
2222
  Array [
2213
2223
  Object {
2214
- "borderColor": "#292a2b",
2224
+ "borderColor": "#001f23",
2215
2225
  "borderRadius": 8,
2216
2226
  "borderWidth": 1,
2217
2227
  "bottom": 0,
@@ -2230,7 +2240,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2230
2240
  style={
2231
2241
  Array [
2232
2242
  Object {
2233
- "color": "#292a2b",
2243
+ "color": "#001f23",
2234
2244
  "fontSize": 16,
2235
2245
  },
2236
2246
  undefined,
@@ -2248,6 +2258,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2248
2258
  "alignSelf": "stretch",
2249
2259
  "flexDirection": "row",
2250
2260
  "flexGrow": 2,
2261
+ "flexShrink": 1,
2251
2262
  },
2252
2263
  undefined,
2253
2264
  ]
@@ -2275,7 +2286,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2275
2286
  style={
2276
2287
  Array [
2277
2288
  Object {
2278
- "color": "#292a2b",
2289
+ "color": "#001f23",
2279
2290
  "fontFamily": "BeVietnamPro-Regular",
2280
2291
  "fontSize": 14,
2281
2292
  "letterSpacing": 0.42,
@@ -2301,7 +2312,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2301
2312
  style={
2302
2313
  Array [
2303
2314
  Object {
2304
- "color": "#292a2b",
2315
+ "color": "#001f23",
2305
2316
  "fontFamily": "BeVietnamPro-Regular",
2306
2317
  "fontSize": 14,
2307
2318
  "letterSpacing": 0.42,
@@ -2311,7 +2322,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2311
2322
  Object {
2312
2323
  "alignContent": "center",
2313
2324
  "alignItems": "center",
2314
- "color": "#292a2b",
2325
+ "color": "#001f23",
2315
2326
  "fontSize": 14,
2316
2327
  "textAlignVertical": "center",
2317
2328
  },
@@ -2348,7 +2359,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2348
2359
  "textAlignVertical": "center",
2349
2360
  },
2350
2361
  Object {
2351
- "color": "#292a2b",
2362
+ "color": "#001f23",
2352
2363
  },
2353
2364
  ]
2354
2365
  }
@@ -2381,7 +2392,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
2381
2392
  style={
2382
2393
  Array [
2383
2394
  Object {
2384
- "color": "#292a2b",
2395
+ "color": "#001f23",
2385
2396
  "fontFamily": "BeVietnamPro-Regular",
2386
2397
  "fontSize": 14,
2387
2398
  "letterSpacing": 0.42,
@@ -2434,7 +2445,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2434
2445
  style={
2435
2446
  Array [
2436
2447
  Object {
2437
- "borderColor": "#8b8d92",
2448
+ "borderColor": "#808f91",
2438
2449
  "borderRadius": 8,
2439
2450
  "borderWidth": 1,
2440
2451
  "bottom": 0,
@@ -2469,7 +2480,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2469
2480
  style={
2470
2481
  Array [
2471
2482
  Object {
2472
- "color": "#292a2b",
2483
+ "color": "#001f23",
2473
2484
  "fontFamily": "BeVietnamPro-Regular",
2474
2485
  "fontSize": 12,
2475
2486
  "letterSpacing": 0.36,
@@ -2477,7 +2488,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2477
2488
  },
2478
2489
  Array [
2479
2490
  Object {
2480
- "color": "#8b8d92",
2491
+ "color": "#808f91",
2481
2492
  },
2482
2493
  undefined,
2483
2494
  ],
@@ -2494,7 +2505,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2494
2505
  style={
2495
2506
  Array [
2496
2507
  Object {
2497
- "color": "#292a2b",
2508
+ "color": "#001f23",
2498
2509
  "fontFamily": "BeVietnamPro-Regular",
2499
2510
  "fontSize": 12,
2500
2511
  "letterSpacing": 0.36,
@@ -2502,7 +2513,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2502
2513
  },
2503
2514
  Array [
2504
2515
  Object {
2505
- "color": "#8b8d92",
2516
+ "color": "#808f91",
2506
2517
  },
2507
2518
  undefined,
2508
2519
  ],
@@ -2522,7 +2533,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2522
2533
  style={
2523
2534
  Array [
2524
2535
  Object {
2525
- "color": "#292a2b",
2536
+ "color": "#001f23",
2526
2537
  "fontSize": 16,
2527
2538
  },
2528
2539
  undefined,
@@ -2540,6 +2551,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2540
2551
  "alignSelf": "stretch",
2541
2552
  "flexDirection": "row",
2542
2553
  "flexGrow": 2,
2554
+ "flexShrink": 1,
2543
2555
  },
2544
2556
  undefined,
2545
2557
  ]
@@ -2565,7 +2577,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2565
2577
  "textAlignVertical": "center",
2566
2578
  },
2567
2579
  Object {
2568
- "color": "#292a2b",
2580
+ "color": "#001f23",
2569
2581
  },
2570
2582
  ]
2571
2583
  }
@@ -2578,7 +2590,7 @@ exports[`TextInput readonly renders correctly 1`] = `
2578
2590
  style={
2579
2591
  Array [
2580
2592
  Object {
2581
- "color": "#292a2b",
2593
+ "color": "#001f23",
2582
2594
  "fontSize": 16,
2583
2595
  },
2584
2596
  undefined,
@@ -2643,7 +2655,7 @@ exports[`TextInput required renders correctly 1`] = `
2643
2655
  style={
2644
2656
  Array [
2645
2657
  Object {
2646
- "borderColor": "#292a2b",
2658
+ "borderColor": "#001f23",
2647
2659
  "borderRadius": 8,
2648
2660
  "borderWidth": 1,
2649
2661
  "bottom": 0,
@@ -2662,7 +2674,7 @@ exports[`TextInput required renders correctly 1`] = `
2662
2674
  style={
2663
2675
  Array [
2664
2676
  Object {
2665
- "color": "#292a2b",
2677
+ "color": "#001f23",
2666
2678
  "fontSize": 16,
2667
2679
  },
2668
2680
  undefined,
@@ -2680,6 +2692,7 @@ exports[`TextInput required renders correctly 1`] = `
2680
2692
  "alignSelf": "stretch",
2681
2693
  "flexDirection": "row",
2682
2694
  "flexGrow": 2,
2695
+ "flexShrink": 1,
2683
2696
  },
2684
2697
  undefined,
2685
2698
  ]
@@ -2707,7 +2720,7 @@ exports[`TextInput required renders correctly 1`] = `
2707
2720
  style={
2708
2721
  Array [
2709
2722
  Object {
2710
- "color": "#292a2b",
2723
+ "color": "#001f23",
2711
2724
  "fontFamily": "BeVietnamPro-Regular",
2712
2725
  "fontSize": 14,
2713
2726
  "letterSpacing": 0.42,
@@ -2733,7 +2746,7 @@ exports[`TextInput required renders correctly 1`] = `
2733
2746
  style={
2734
2747
  Array [
2735
2748
  Object {
2736
- "color": "#292a2b",
2749
+ "color": "#001f23",
2737
2750
  "fontFamily": "BeVietnamPro-Regular",
2738
2751
  "fontSize": 14,
2739
2752
  "letterSpacing": 0.42,
@@ -2743,7 +2756,7 @@ exports[`TextInput required renders correctly 1`] = `
2743
2756
  Object {
2744
2757
  "alignContent": "center",
2745
2758
  "alignItems": "center",
2746
- "color": "#292a2b",
2759
+ "color": "#001f23",
2747
2760
  "fontSize": 14,
2748
2761
  "textAlignVertical": "center",
2749
2762
  },
@@ -2780,7 +2793,7 @@ exports[`TextInput required renders correctly 1`] = `
2780
2793
  "textAlignVertical": "center",
2781
2794
  },
2782
2795
  Object {
2783
- "color": "#292a2b",
2796
+ "color": "#001f23",
2784
2797
  },
2785
2798
  ]
2786
2799
  }
@@ -2792,7 +2805,7 @@ exports[`TextInput required renders correctly 1`] = `
2792
2805
  style={
2793
2806
  Array [
2794
2807
  Object {
2795
- "color": "#292a2b",
2808
+ "color": "#001f23",
2796
2809
  "fontSize": 16,
2797
2810
  },
2798
2811
  undefined,