@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/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -49,7 +49,7 @@ Array [
49
49
  style={
50
50
  Array [
51
51
  Object {
52
- "borderColor": "#292a2b",
52
+ "borderColor": "#001f23",
53
53
  "borderRadius": 8,
54
54
  "borderWidth": 1,
55
55
  "bottom": 0,
@@ -71,6 +71,7 @@ Array [
71
71
  "alignSelf": "stretch",
72
72
  "flexDirection": "row",
73
73
  "flexGrow": 2,
74
+ "flexShrink": 1,
74
75
  },
75
76
  undefined,
76
77
  ]
@@ -98,7 +99,7 @@ Array [
98
99
  style={
99
100
  Array [
100
101
  Object {
101
- "color": "#292a2b",
102
+ "color": "#001f23",
102
103
  "fontFamily": "BeVietnamPro-Regular",
103
104
  "fontSize": 14,
104
105
  "letterSpacing": 0.42,
@@ -108,7 +109,7 @@ Array [
108
109
  Object {
109
110
  "alignContent": "center",
110
111
  "alignItems": "center",
111
- "color": "#292a2b",
112
+ "color": "#001f23",
112
113
  "fontSize": 14,
113
114
  "textAlignVertical": "center",
114
115
  },
@@ -147,7 +148,7 @@ Array [
147
148
  "textAlignVertical": "center",
148
149
  },
149
150
  Object {
150
- "color": "#292a2b",
151
+ "color": "#001f23",
151
152
  },
152
153
  ]
153
154
  }
@@ -159,7 +160,7 @@ Array [
159
160
  style={
160
161
  Array [
161
162
  Object {
162
- "color": "#292a2b",
163
+ "color": "#001f23",
163
164
  "fontSize": 16,
164
165
  },
165
166
  undefined,
@@ -232,7 +233,7 @@ Array [
232
233
  onStartShouldSetResponder={[Function]}
233
234
  style={
234
235
  Object {
235
- "backgroundColor": "#292a2b",
236
+ "backgroundColor": "#001f23",
236
237
  "bottom": 0,
237
238
  "left": 0,
238
239
  "opacity": 0.48,
@@ -253,7 +254,7 @@ Array [
253
254
  "elevation": 10,
254
255
  "maxHeight": "94%",
255
256
  "paddingBottom": 0,
256
- "shadowColor": "#292a2b",
257
+ "shadowColor": "#001f23",
257
258
  "shadowOffset": Object {
258
259
  "height": 3,
259
260
  "width": 0,
@@ -299,7 +300,7 @@ Array [
299
300
  style={
300
301
  Array [
301
302
  Object {
302
- "color": "#292a2b",
303
+ "color": "#001f23",
303
304
  "fontFamily": "BeVietnamPro-SemiBold",
304
305
  "fontSize": 16,
305
306
  "letterSpacing": 0.48,
@@ -351,7 +352,7 @@ Array [
351
352
  style={
352
353
  Array [
353
354
  Object {
354
- "color": "#292a2b",
355
+ "color": "#001f23",
355
356
  "fontSize": 20,
356
357
  },
357
358
  undefined,
@@ -367,7 +368,7 @@ Array [
367
368
  style={
368
369
  Array [
369
370
  Object {
370
- "borderBottomColor": "#dadbde",
371
+ "borderBottomColor": "#e8e9ea",
371
372
  "borderBottomWidth": 1,
372
373
  "maxWidth": "100%",
373
374
  },
@@ -444,7 +445,7 @@ Array [
444
445
  Array [
445
446
  Object {
446
447
  "alignContent": "center",
447
- "backgroundColor": "#dadbde",
448
+ "backgroundColor": "#e8e9ea",
448
449
  "display": "flex",
449
450
  "flexDirection": "row",
450
451
  "justifyContent": "space-between",
@@ -483,7 +484,7 @@ Array [
483
484
  style={
484
485
  Array [
485
486
  Object {
486
- "color": "#292a2b",
487
+ "color": "#001f23",
487
488
  "fontFamily": "BeVietnamPro-Regular",
488
489
  "fontSize": 16,
489
490
  "letterSpacing": 0.48,
@@ -600,7 +601,7 @@ Array [
600
601
  style={
601
602
  Array [
602
603
  Object {
603
- "color": "#292a2b",
604
+ "color": "#001f23",
604
605
  "fontFamily": "BeVietnamPro-SemiBold",
605
606
  "fontSize": 16,
606
607
  "letterSpacing": 0.48,
@@ -619,7 +620,7 @@ Array [
619
620
  style={
620
621
  Array [
621
622
  Object {
622
- "color": "#8b8d92",
623
+ "color": "#808f91",
623
624
  "fontFamily": "BeVietnamPro-Regular",
624
625
  "fontSize": 16,
625
626
  "letterSpacing": 0.48,
@@ -744,7 +745,7 @@ Array [
744
745
  style={
745
746
  Array [
746
747
  Object {
747
- "color": "#292a2b",
748
+ "color": "#001f23",
748
749
  "fontFamily": "BeVietnamPro-SemiBold",
749
750
  "fontSize": 16,
750
751
  "letterSpacing": 0.48,
@@ -763,7 +764,7 @@ Array [
763
764
  style={
764
765
  Array [
765
766
  Object {
766
- "color": "#8b8d92",
767
+ "color": "#808f91",
767
768
  "fontFamily": "BeVietnamPro-Regular",
768
769
  "fontSize": 16,
769
770
  "letterSpacing": 0.48,
@@ -847,7 +848,7 @@ Array [
847
848
  Array [
848
849
  Object {
849
850
  "alignContent": "center",
850
- "backgroundColor": "#dadbde",
851
+ "backgroundColor": "#e8e9ea",
851
852
  "display": "flex",
852
853
  "flexDirection": "row",
853
854
  "justifyContent": "space-between",
@@ -886,7 +887,7 @@ Array [
886
887
  style={
887
888
  Array [
888
889
  Object {
889
- "color": "#292a2b",
890
+ "color": "#001f23",
890
891
  "fontFamily": "BeVietnamPro-Regular",
891
892
  "fontSize": 16,
892
893
  "letterSpacing": 0.48,
@@ -1003,7 +1004,7 @@ Array [
1003
1004
  style={
1004
1005
  Array [
1005
1006
  Object {
1006
- "color": "#292a2b",
1007
+ "color": "#001f23",
1007
1008
  "fontFamily": "BeVietnamPro-SemiBold",
1008
1009
  "fontSize": 16,
1009
1010
  "letterSpacing": 0.48,
@@ -1022,7 +1023,7 @@ Array [
1022
1023
  style={
1023
1024
  Array [
1024
1025
  Object {
1025
- "color": "#8b8d92",
1026
+ "color": "#808f91",
1026
1027
  "fontFamily": "BeVietnamPro-Regular",
1027
1028
  "fontSize": 16,
1028
1029
  "letterSpacing": 0.48,
@@ -1147,7 +1148,7 @@ Array [
1147
1148
  style={
1148
1149
  Array [
1149
1150
  Object {
1150
- "color": "#292a2b",
1151
+ "color": "#001f23",
1151
1152
  "fontFamily": "BeVietnamPro-SemiBold",
1152
1153
  "fontSize": 16,
1153
1154
  "letterSpacing": 0.48,
@@ -1166,7 +1167,7 @@ Array [
1166
1167
  style={
1167
1168
  Array [
1168
1169
  Object {
1169
- "color": "#8b8d92",
1170
+ "color": "#808f91",
1170
1171
  "fontFamily": "BeVietnamPro-Regular",
1171
1172
  "fontSize": 16,
1172
1173
  "letterSpacing": 0.48,
@@ -1300,7 +1301,7 @@ Array [
1300
1301
  style={
1301
1302
  Array [
1302
1303
  Object {
1303
- "borderColor": "#292a2b",
1304
+ "borderColor": "#001f23",
1304
1305
  "borderRadius": 8,
1305
1306
  "borderWidth": 1,
1306
1307
  "bottom": 0,
@@ -1335,7 +1336,7 @@ Array [
1335
1336
  style={
1336
1337
  Array [
1337
1338
  Object {
1338
- "color": "#292a2b",
1339
+ "color": "#001f23",
1339
1340
  "fontFamily": "BeVietnamPro-Regular",
1340
1341
  "fontSize": 12,
1341
1342
  "letterSpacing": 0.36,
@@ -1343,7 +1344,7 @@ Array [
1343
1344
  },
1344
1345
  Array [
1345
1346
  Object {
1346
- "color": "#292a2b",
1347
+ "color": "#001f23",
1347
1348
  },
1348
1349
  undefined,
1349
1350
  ],
@@ -1366,6 +1367,7 @@ Array [
1366
1367
  "alignSelf": "stretch",
1367
1368
  "flexDirection": "row",
1368
1369
  "flexGrow": 2,
1370
+ "flexShrink": 1,
1369
1371
  },
1370
1372
  undefined,
1371
1373
  ]
@@ -1393,7 +1395,7 @@ Array [
1393
1395
  "textAlignVertical": "center",
1394
1396
  },
1395
1397
  Object {
1396
- "color": "#292a2b",
1398
+ "color": "#001f23",
1397
1399
  },
1398
1400
  ]
1399
1401
  }
@@ -1406,7 +1408,7 @@ Array [
1406
1408
  style={
1407
1409
  Array [
1408
1410
  Object {
1409
- "color": "#292a2b",
1411
+ "color": "#001f23",
1410
1412
  "fontSize": 16,
1411
1413
  },
1412
1414
  undefined,
@@ -1480,7 +1482,7 @@ Array [
1480
1482
  onStartShouldSetResponder={[Function]}
1481
1483
  style={
1482
1484
  Object {
1483
- "backgroundColor": "#292a2b",
1485
+ "backgroundColor": "#001f23",
1484
1486
  "bottom": 0,
1485
1487
  "left": 0,
1486
1488
  "opacity": 0.48,
@@ -1503,7 +1505,7 @@ Array [
1503
1505
  "elevation": 10,
1504
1506
  "maxHeight": "94%",
1505
1507
  "paddingBottom": 0,
1506
- "shadowColor": "#292a2b",
1508
+ "shadowColor": "#001f23",
1507
1509
  "shadowOffset": Object {
1508
1510
  "height": 3,
1509
1511
  "width": 0,
@@ -1549,7 +1551,7 @@ Array [
1549
1551
  style={
1550
1552
  Array [
1551
1553
  Object {
1552
- "color": "#292a2b",
1554
+ "color": "#001f23",
1553
1555
  "fontFamily": "BeVietnamPro-SemiBold",
1554
1556
  "fontSize": 16,
1555
1557
  "letterSpacing": 0.48,
@@ -1603,7 +1605,7 @@ Array [
1603
1605
  style={
1604
1606
  Array [
1605
1607
  Object {
1606
- "color": "#292a2b",
1608
+ "color": "#001f23",
1607
1609
  "fontSize": 20,
1608
1610
  },
1609
1611
  undefined,
@@ -1619,7 +1621,7 @@ Array [
1619
1621
  style={
1620
1622
  Array [
1621
1623
  Object {
1622
- "borderBottomColor": "#dadbde",
1624
+ "borderBottomColor": "#e8e9ea",
1623
1625
  "borderBottomWidth": 1,
1624
1626
  "maxWidth": "100%",
1625
1627
  },
@@ -1771,7 +1773,7 @@ Array [
1771
1773
  Array [
1772
1774
  Object {
1773
1775
  "alignItems": "center",
1774
- "backgroundColor": "#f1e9fb",
1776
+ "backgroundColor": "#f3e6f6",
1775
1777
  "flexDirection": "row",
1776
1778
  "opacity": 1,
1777
1779
  "padding": 16,
@@ -1796,7 +1798,7 @@ Array [
1796
1798
  style={
1797
1799
  Array [
1798
1800
  Object {
1799
- "color": "#292a2b",
1801
+ "color": "#001f23",
1800
1802
  "fontFamily": "BeVietnamPro-Regular",
1801
1803
  "fontSize": 16,
1802
1804
  "letterSpacing": 0.48,
@@ -1923,7 +1925,7 @@ Array [
1923
1925
  style={
1924
1926
  Array [
1925
1927
  Object {
1926
- "color": "#292a2b",
1928
+ "color": "#001f23",
1927
1929
  "fontFamily": "BeVietnamPro-Regular",
1928
1930
  "fontSize": 16,
1929
1931
  "letterSpacing": 0.48,
@@ -2050,7 +2052,7 @@ Array [
2050
2052
  style={
2051
2053
  Array [
2052
2054
  Object {
2053
- "color": "#292a2b",
2055
+ "color": "#001f23",
2054
2056
  "fontFamily": "BeVietnamPro-Regular",
2055
2057
  "fontSize": 16,
2056
2058
  "letterSpacing": 0.48,
@@ -2177,7 +2179,7 @@ Array [
2177
2179
  style={
2178
2180
  Array [
2179
2181
  Object {
2180
- "color": "#292a2b",
2182
+ "color": "#001f23",
2181
2183
  "fontFamily": "BeVietnamPro-Regular",
2182
2184
  "fontSize": 16,
2183
2185
  "letterSpacing": 0.48,
@@ -2304,7 +2306,7 @@ Array [
2304
2306
  style={
2305
2307
  Array [
2306
2308
  Object {
2307
- "color": "#292a2b",
2309
+ "color": "#001f23",
2308
2310
  "fontFamily": "BeVietnamPro-Regular",
2309
2311
  "fontSize": 16,
2310
2312
  "letterSpacing": 0.48,
@@ -2431,7 +2433,7 @@ Array [
2431
2433
  style={
2432
2434
  Array [
2433
2435
  Object {
2434
- "color": "#292a2b",
2436
+ "color": "#001f23",
2435
2437
  "fontFamily": "BeVietnamPro-Regular",
2436
2438
  "fontSize": 16,
2437
2439
  "letterSpacing": 0.48,
@@ -2559,7 +2561,7 @@ Array [
2559
2561
  style={
2560
2562
  Array [
2561
2563
  Object {
2562
- "color": "#292a2b",
2564
+ "color": "#001f23",
2563
2565
  "fontFamily": "BeVietnamPro-Regular",
2564
2566
  "fontSize": 16,
2565
2567
  "letterSpacing": 0.48,
@@ -2693,7 +2695,7 @@ Array [
2693
2695
  style={
2694
2696
  Array [
2695
2697
  Object {
2696
- "borderColor": "#292a2b",
2698
+ "borderColor": "#001f23",
2697
2699
  "borderRadius": 8,
2698
2700
  "borderWidth": 1,
2699
2701
  "bottom": 0,
@@ -2728,7 +2730,7 @@ Array [
2728
2730
  style={
2729
2731
  Array [
2730
2732
  Object {
2731
- "color": "#292a2b",
2733
+ "color": "#001f23",
2732
2734
  "fontFamily": "BeVietnamPro-Regular",
2733
2735
  "fontSize": 12,
2734
2736
  "letterSpacing": 0.36,
@@ -2736,7 +2738,7 @@ Array [
2736
2738
  },
2737
2739
  Array [
2738
2740
  Object {
2739
- "color": "#292a2b",
2741
+ "color": "#001f23",
2740
2742
  },
2741
2743
  undefined,
2742
2744
  ],
@@ -2759,6 +2761,7 @@ Array [
2759
2761
  "alignSelf": "stretch",
2760
2762
  "flexDirection": "row",
2761
2763
  "flexGrow": 2,
2764
+ "flexShrink": 1,
2762
2765
  },
2763
2766
  undefined,
2764
2767
  ]
@@ -2786,7 +2789,7 @@ Array [
2786
2789
  "textAlignVertical": "center",
2787
2790
  },
2788
2791
  Object {
2789
- "color": "#292a2b",
2792
+ "color": "#001f23",
2790
2793
  },
2791
2794
  ]
2792
2795
  }
@@ -2799,7 +2802,7 @@ Array [
2799
2802
  style={
2800
2803
  Array [
2801
2804
  Object {
2802
- "color": "#292a2b",
2805
+ "color": "#001f23",
2803
2806
  "fontSize": 16,
2804
2807
  },
2805
2808
  undefined,
@@ -2872,7 +2875,7 @@ Array [
2872
2875
  onStartShouldSetResponder={[Function]}
2873
2876
  style={
2874
2877
  Object {
2875
- "backgroundColor": "#292a2b",
2878
+ "backgroundColor": "#001f23",
2876
2879
  "bottom": 0,
2877
2880
  "left": 0,
2878
2881
  "opacity": 0.48,
@@ -2893,7 +2896,7 @@ Array [
2893
2896
  "elevation": 10,
2894
2897
  "maxHeight": "94%",
2895
2898
  "paddingBottom": 0,
2896
- "shadowColor": "#292a2b",
2899
+ "shadowColor": "#001f23",
2897
2900
  "shadowOffset": Object {
2898
2901
  "height": 3,
2899
2902
  "width": 0,
@@ -2939,7 +2942,7 @@ Array [
2939
2942
  style={
2940
2943
  Array [
2941
2944
  Object {
2942
- "color": "#292a2b",
2945
+ "color": "#001f23",
2943
2946
  "fontFamily": "BeVietnamPro-SemiBold",
2944
2947
  "fontSize": 16,
2945
2948
  "letterSpacing": 0.48,
@@ -2991,7 +2994,7 @@ Array [
2991
2994
  style={
2992
2995
  Array [
2993
2996
  Object {
2994
- "color": "#292a2b",
2997
+ "color": "#001f23",
2995
2998
  "fontSize": 20,
2996
2999
  },
2997
3000
  undefined,
@@ -3007,7 +3010,7 @@ Array [
3007
3010
  style={
3008
3011
  Array [
3009
3012
  Object {
3010
- "borderBottomColor": "#dadbde",
3013
+ "borderBottomColor": "#e8e9ea",
3011
3014
  "borderBottomWidth": 1,
3012
3015
  "maxWidth": "100%",
3013
3016
  },
@@ -3159,7 +3162,7 @@ Array [
3159
3162
  Array [
3160
3163
  Object {
3161
3164
  "alignItems": "center",
3162
- "backgroundColor": "#f1e9fb",
3165
+ "backgroundColor": "#f3e6f6",
3163
3166
  "flexDirection": "row",
3164
3167
  "opacity": 1,
3165
3168
  "padding": 16,
@@ -3184,7 +3187,7 @@ Array [
3184
3187
  style={
3185
3188
  Array [
3186
3189
  Object {
3187
- "color": "#292a2b",
3190
+ "color": "#001f23",
3188
3191
  "fontFamily": "BeVietnamPro-Regular",
3189
3192
  "fontSize": 16,
3190
3193
  "letterSpacing": 0.48,
@@ -3311,7 +3314,7 @@ Array [
3311
3314
  style={
3312
3315
  Array [
3313
3316
  Object {
3314
- "color": "#292a2b",
3317
+ "color": "#001f23",
3315
3318
  "fontFamily": "BeVietnamPro-Regular",
3316
3319
  "fontSize": 16,
3317
3320
  "letterSpacing": 0.48,
@@ -3438,7 +3441,7 @@ Array [
3438
3441
  style={
3439
3442
  Array [
3440
3443
  Object {
3441
- "color": "#292a2b",
3444
+ "color": "#001f23",
3442
3445
  "fontFamily": "BeVietnamPro-Regular",
3443
3446
  "fontSize": 16,
3444
3447
  "letterSpacing": 0.48,
@@ -3565,7 +3568,7 @@ Array [
3565
3568
  style={
3566
3569
  Array [
3567
3570
  Object {
3568
- "color": "#292a2b",
3571
+ "color": "#001f23",
3569
3572
  "fontFamily": "BeVietnamPro-Regular",
3570
3573
  "fontSize": 16,
3571
3574
  "letterSpacing": 0.48,
@@ -3692,7 +3695,7 @@ Array [
3692
3695
  style={
3693
3696
  Array [
3694
3697
  Object {
3695
- "color": "#292a2b",
3698
+ "color": "#001f23",
3696
3699
  "fontFamily": "BeVietnamPro-Regular",
3697
3700
  "fontSize": 16,
3698
3701
  "letterSpacing": 0.48,
@@ -3819,7 +3822,7 @@ Array [
3819
3822
  style={
3820
3823
  Array [
3821
3824
  Object {
3822
- "color": "#292a2b",
3825
+ "color": "#001f23",
3823
3826
  "fontFamily": "BeVietnamPro-Regular",
3824
3827
  "fontSize": 16,
3825
3828
  "letterSpacing": 0.48,
@@ -3947,7 +3950,7 @@ Array [
3947
3950
  style={
3948
3951
  Array [
3949
3952
  Object {
3950
- "color": "#292a2b",
3953
+ "color": "#001f23",
3951
3954
  "fontFamily": "BeVietnamPro-Regular",
3952
3955
  "fontSize": 16,
3953
3956
  "letterSpacing": 0.48,
@@ -4083,7 +4086,7 @@ Array [
4083
4086
  style={
4084
4087
  Array [
4085
4088
  Object {
4086
- "borderColor": "#8b8d92",
4089
+ "borderColor": "#808f91",
4087
4090
  "borderRadius": 8,
4088
4091
  "borderWidth": 1,
4089
4092
  "bottom": 0,
@@ -4118,7 +4121,7 @@ Array [
4118
4121
  style={
4119
4122
  Array [
4120
4123
  Object {
4121
- "color": "#292a2b",
4124
+ "color": "#001f23",
4122
4125
  "fontFamily": "BeVietnamPro-Regular",
4123
4126
  "fontSize": 12,
4124
4127
  "letterSpacing": 0.36,
@@ -4126,7 +4129,7 @@ Array [
4126
4129
  },
4127
4130
  Array [
4128
4131
  Object {
4129
- "color": "#8b8d92",
4132
+ "color": "#808f91",
4130
4133
  },
4131
4134
  undefined,
4132
4135
  ],
@@ -4149,6 +4152,7 @@ Array [
4149
4152
  "alignSelf": "stretch",
4150
4153
  "flexDirection": "row",
4151
4154
  "flexGrow": 2,
4155
+ "flexShrink": 1,
4152
4156
  },
4153
4157
  undefined,
4154
4158
  ]
@@ -4176,7 +4180,7 @@ Array [
4176
4180
  "textAlignVertical": "center",
4177
4181
  },
4178
4182
  Object {
4179
- "color": "#292a2b",
4183
+ "color": "#001f23",
4180
4184
  },
4181
4185
  ]
4182
4186
  }
@@ -4202,7 +4206,7 @@ Array [
4202
4206
  style={
4203
4207
  Array [
4204
4208
  Object {
4205
- "color": "#292a2b",
4209
+ "color": "#001f23",
4206
4210
  "fontSize": 16,
4207
4211
  },
4208
4212
  undefined,
@@ -4277,7 +4281,7 @@ Array [
4277
4281
  onStartShouldSetResponder={[Function]}
4278
4282
  style={
4279
4283
  Object {
4280
- "backgroundColor": "#292a2b",
4284
+ "backgroundColor": "#001f23",
4281
4285
  "bottom": 0,
4282
4286
  "left": 0,
4283
4287
  "opacity": 0.48,
@@ -4300,7 +4304,7 @@ Array [
4300
4304
  "elevation": 10,
4301
4305
  "maxHeight": "94%",
4302
4306
  "paddingBottom": 0,
4303
- "shadowColor": "#292a2b",
4307
+ "shadowColor": "#001f23",
4304
4308
  "shadowOffset": Object {
4305
4309
  "height": 3,
4306
4310
  "width": 0,
@@ -4346,7 +4350,7 @@ Array [
4346
4350
  style={
4347
4351
  Array [
4348
4352
  Object {
4349
- "color": "#292a2b",
4353
+ "color": "#001f23",
4350
4354
  "fontFamily": "BeVietnamPro-SemiBold",
4351
4355
  "fontSize": 16,
4352
4356
  "letterSpacing": 0.48,
@@ -4400,7 +4404,7 @@ Array [
4400
4404
  style={
4401
4405
  Array [
4402
4406
  Object {
4403
- "color": "#292a2b",
4407
+ "color": "#001f23",
4404
4408
  "fontSize": 20,
4405
4409
  },
4406
4410
  undefined,
@@ -4416,7 +4420,7 @@ Array [
4416
4420
  style={
4417
4421
  Array [
4418
4422
  Object {
4419
- "borderBottomColor": "#dadbde",
4423
+ "borderBottomColor": "#e8e9ea",
4420
4424
  "borderBottomWidth": 1,
4421
4425
  "maxWidth": "100%",
4422
4426
  },
@@ -4568,7 +4572,7 @@ Array [
4568
4572
  Array [
4569
4573
  Object {
4570
4574
  "alignItems": "center",
4571
- "backgroundColor": "#f1e9fb",
4575
+ "backgroundColor": "#f3e6f6",
4572
4576
  "flexDirection": "row",
4573
4577
  "opacity": 1,
4574
4578
  "padding": 16,
@@ -4593,7 +4597,7 @@ Array [
4593
4597
  style={
4594
4598
  Array [
4595
4599
  Object {
4596
- "color": "#292a2b",
4600
+ "color": "#001f23",
4597
4601
  "fontFamily": "BeVietnamPro-Regular",
4598
4602
  "fontSize": 16,
4599
4603
  "letterSpacing": 0.48,
@@ -4720,7 +4724,7 @@ Array [
4720
4724
  style={
4721
4725
  Array [
4722
4726
  Object {
4723
- "color": "#292a2b",
4727
+ "color": "#001f23",
4724
4728
  "fontFamily": "BeVietnamPro-Regular",
4725
4729
  "fontSize": 16,
4726
4730
  "letterSpacing": 0.48,
@@ -4847,7 +4851,7 @@ Array [
4847
4851
  style={
4848
4852
  Array [
4849
4853
  Object {
4850
- "color": "#292a2b",
4854
+ "color": "#001f23",
4851
4855
  "fontFamily": "BeVietnamPro-Regular",
4852
4856
  "fontSize": 16,
4853
4857
  "letterSpacing": 0.48,
@@ -4974,7 +4978,7 @@ Array [
4974
4978
  style={
4975
4979
  Array [
4976
4980
  Object {
4977
- "color": "#292a2b",
4981
+ "color": "#001f23",
4978
4982
  "fontFamily": "BeVietnamPro-Regular",
4979
4983
  "fontSize": 16,
4980
4984
  "letterSpacing": 0.48,
@@ -5101,7 +5105,7 @@ Array [
5101
5105
  style={
5102
5106
  Array [
5103
5107
  Object {
5104
- "color": "#292a2b",
5108
+ "color": "#001f23",
5105
5109
  "fontFamily": "BeVietnamPro-Regular",
5106
5110
  "fontSize": 16,
5107
5111
  "letterSpacing": 0.48,
@@ -5228,7 +5232,7 @@ Array [
5228
5232
  style={
5229
5233
  Array [
5230
5234
  Object {
5231
- "color": "#292a2b",
5235
+ "color": "#001f23",
5232
5236
  "fontFamily": "BeVietnamPro-Regular",
5233
5237
  "fontSize": 16,
5234
5238
  "letterSpacing": 0.48,
@@ -5356,7 +5360,7 @@ Array [
5356
5360
  style={
5357
5361
  Array [
5358
5362
  Object {
5359
- "color": "#292a2b",
5363
+ "color": "#001f23",
5360
5364
  "fontFamily": "BeVietnamPro-Regular",
5361
5365
  "fontSize": 16,
5362
5366
  "letterSpacing": 0.48,
@@ -5490,7 +5494,7 @@ Array [
5490
5494
  style={
5491
5495
  Array [
5492
5496
  Object {
5493
- "borderColor": "#292a2b",
5497
+ "borderColor": "#001f23",
5494
5498
  "borderRadius": 8,
5495
5499
  "borderWidth": 1,
5496
5500
  "bottom": 0,
@@ -5525,7 +5529,7 @@ Array [
5525
5529
  style={
5526
5530
  Array [
5527
5531
  Object {
5528
- "color": "#292a2b",
5532
+ "color": "#001f23",
5529
5533
  "fontFamily": "BeVietnamPro-Regular",
5530
5534
  "fontSize": 12,
5531
5535
  "letterSpacing": 0.36,
@@ -5533,7 +5537,7 @@ Array [
5533
5537
  },
5534
5538
  Array [
5535
5539
  Object {
5536
- "color": "#292a2b",
5540
+ "color": "#001f23",
5537
5541
  },
5538
5542
  undefined,
5539
5543
  ],
@@ -5556,6 +5560,7 @@ Array [
5556
5560
  "alignSelf": "stretch",
5557
5561
  "flexDirection": "row",
5558
5562
  "flexGrow": 2,
5563
+ "flexShrink": 1,
5559
5564
  },
5560
5565
  undefined,
5561
5566
  ]
@@ -5583,7 +5588,7 @@ Array [
5583
5588
  "textAlignVertical": "center",
5584
5589
  },
5585
5590
  Object {
5586
- "color": "#292a2b",
5591
+ "color": "#001f23",
5587
5592
  },
5588
5593
  ]
5589
5594
  }
@@ -5596,7 +5601,7 @@ Array [
5596
5601
  style={
5597
5602
  Array [
5598
5603
  Object {
5599
- "color": "#292a2b",
5604
+ "color": "#001f23",
5600
5605
  "fontSize": 16,
5601
5606
  },
5602
5607
  undefined,
@@ -5669,7 +5674,7 @@ Array [
5669
5674
  onStartShouldSetResponder={[Function]}
5670
5675
  style={
5671
5676
  Object {
5672
- "backgroundColor": "#292a2b",
5677
+ "backgroundColor": "#001f23",
5673
5678
  "bottom": 0,
5674
5679
  "left": 0,
5675
5680
  "opacity": 0.48,
@@ -5690,7 +5695,7 @@ Array [
5690
5695
  "elevation": 10,
5691
5696
  "maxHeight": "94%",
5692
5697
  "paddingBottom": 0,
5693
- "shadowColor": "#292a2b",
5698
+ "shadowColor": "#001f23",
5694
5699
  "shadowOffset": Object {
5695
5700
  "height": 3,
5696
5701
  "width": 0,
@@ -5736,7 +5741,7 @@ Array [
5736
5741
  style={
5737
5742
  Array [
5738
5743
  Object {
5739
- "color": "#292a2b",
5744
+ "color": "#001f23",
5740
5745
  "fontFamily": "BeVietnamPro-SemiBold",
5741
5746
  "fontSize": 16,
5742
5747
  "letterSpacing": 0.48,
@@ -5788,7 +5793,7 @@ Array [
5788
5793
  style={
5789
5794
  Array [
5790
5795
  Object {
5791
- "color": "#292a2b",
5796
+ "color": "#001f23",
5792
5797
  "fontSize": 20,
5793
5798
  },
5794
5799
  undefined,
@@ -5804,7 +5809,7 @@ Array [
5804
5809
  style={
5805
5810
  Array [
5806
5811
  Object {
5807
- "borderBottomColor": "#dadbde",
5812
+ "borderBottomColor": "#e8e9ea",
5808
5813
  "borderBottomWidth": 1,
5809
5814
  "maxWidth": "100%",
5810
5815
  },
@@ -5873,7 +5878,7 @@ Array [
5873
5878
  Array [
5874
5879
  Object {
5875
5880
  "alignContent": "center",
5876
- "backgroundColor": "#dadbde",
5881
+ "backgroundColor": "#e8e9ea",
5877
5882
  "display": "flex",
5878
5883
  "flexDirection": "row",
5879
5884
  "justifyContent": "space-between",
@@ -5912,7 +5917,7 @@ Array [
5912
5917
  style={
5913
5918
  Array [
5914
5919
  Object {
5915
- "color": "#292a2b",
5920
+ "color": "#001f23",
5916
5921
  "fontFamily": "BeVietnamPro-Regular",
5917
5922
  "fontSize": 16,
5918
5923
  "letterSpacing": 0.48,
@@ -5997,7 +6002,7 @@ Array [
5997
6002
  Array [
5998
6003
  Object {
5999
6004
  "alignItems": "center",
6000
- "backgroundColor": "#f1e9fb",
6005
+ "backgroundColor": "#f3e6f6",
6001
6006
  "flexDirection": "row",
6002
6007
  "opacity": 1,
6003
6008
  "padding": 16,
@@ -6022,7 +6027,7 @@ Array [
6022
6027
  style={
6023
6028
  Array [
6024
6029
  Object {
6025
- "color": "#292a2b",
6030
+ "color": "#001f23",
6026
6031
  "fontFamily": "BeVietnamPro-Regular",
6027
6032
  "fontSize": 16,
6028
6033
  "letterSpacing": 0.48,
@@ -6097,7 +6102,7 @@ Array [
6097
6102
  Array [
6098
6103
  Object {
6099
6104
  "alignContent": "center",
6100
- "backgroundColor": "#dadbde",
6105
+ "backgroundColor": "#e8e9ea",
6101
6106
  "display": "flex",
6102
6107
  "flexDirection": "row",
6103
6108
  "justifyContent": "space-between",
@@ -6136,7 +6141,7 @@ Array [
6136
6141
  style={
6137
6142
  Array [
6138
6143
  Object {
6139
- "color": "#292a2b",
6144
+ "color": "#001f23",
6140
6145
  "fontFamily": "BeVietnamPro-Regular",
6141
6146
  "fontSize": 16,
6142
6147
  "letterSpacing": 0.48,
@@ -6246,7 +6251,7 @@ Array [
6246
6251
  style={
6247
6252
  Array [
6248
6253
  Object {
6249
- "color": "#292a2b",
6254
+ "color": "#001f23",
6250
6255
  "fontFamily": "BeVietnamPro-Regular",
6251
6256
  "fontSize": 16,
6252
6257
  "letterSpacing": 0.48,
@@ -6363,7 +6368,7 @@ Array [
6363
6368
  style={
6364
6369
  Array [
6365
6370
  Object {
6366
- "color": "#292a2b",
6371
+ "color": "#001f23",
6367
6372
  "fontFamily": "BeVietnamPro-Regular",
6368
6373
  "fontSize": 16,
6369
6374
  "letterSpacing": 0.48,