@hero-design/rn 7.22.2 → 7.23.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 (249) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/es/index.js +2395 -1880
  3. package/lib/index.js +2395 -1878
  4. package/package.json +6 -6
  5. package/src/components/Accordion/AccordionItem.tsx +1 -1
  6. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +8 -8
  7. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  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/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  11. package/src/components/Box/StyledBox.tsx +1 -2
  12. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  13. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  14. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +24 -24
  15. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +6 -6
  16. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +3 -3
  17. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  18. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  19. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  20. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +2 -2
  21. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  22. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  23. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +18 -4
  24. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +19 -5
  25. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  26. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
  27. package/src/components/Icon/HeroIcon/index.tsx +2 -0
  28. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  29. package/src/components/Icon/index.tsx +1 -0
  30. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +2 -2
  31. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +12 -12
  32. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +2 -2
  33. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +4 -4
  34. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +6 -6
  35. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +21 -21
  36. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +5 -5
  37. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +1 -1
  38. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +1 -1
  39. package/src/components/RefreshControl/__tests__/__snapshots__/index.spec.tsx.snap +69 -0
  40. package/src/components/RefreshControl/__tests__/index.spec.tsx +55 -0
  41. package/src/components/RefreshControl/index.tsx +23 -0
  42. package/src/components/RichTextEditor/MentionList.tsx +25 -4
  43. package/src/components/RichTextEditor/RichTextEditor.tsx +3 -1
  44. package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx +1 -1
  45. package/src/components/RichTextEditor/__tests__/MentionList.spec.tsx +6 -6
  46. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +38 -10
  47. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  48. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -1
  49. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +13 -9
  50. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +108 -38
  51. package/src/components/Select/MultiSelect/index.tsx +1 -1
  52. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -1
  53. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +12 -8
  54. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +99 -29
  55. package/src/components/Select/SingleSelect/index.tsx +1 -1
  56. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +1 -1
  57. package/src/components/Select/types.ts +1 -3
  58. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  59. package/src/components/Spinner/StyledSpinner.tsx +8 -4
  60. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +8 -4
  61. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +32 -16
  62. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +8 -4
  63. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +3 -3
  64. package/src/components/Tabs/ScrollableTabs.tsx +2 -5
  65. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +1 -1
  66. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +1 -1
  67. package/src/components/TextInput/StyledTextInput.tsx +16 -11
  68. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +3 -3
  69. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +46 -28
  70. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +246 -64
  71. package/src/components/TextInput/index.tsx +21 -4
  72. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +18 -4
  73. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +19 -5
  74. package/src/components/Toast/ToastProvider.tsx +2 -4
  75. package/src/components/Toast/__tests__/index.spec.tsx +138 -0
  76. package/src/components/Toolbar/ToolbarItem.tsx +1 -1
  77. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  78. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +6 -6
  79. package/src/components/Typography/Text/StyledText.tsx +1 -0
  80. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +3 -3
  81. package/src/components/Typography/Text/index.tsx +1 -0
  82. package/src/index.ts +4 -0
  83. package/src/theme/ThemeSwitcher.tsx +9 -2
  84. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +101 -88
  85. package/src/theme/components/accordion.ts +1 -1
  86. package/src/theme/components/alert.ts +4 -4
  87. package/src/theme/components/avatar.ts +2 -2
  88. package/src/theme/components/badge.ts +6 -6
  89. package/src/theme/components/bottomNavigation.ts +2 -2
  90. package/src/theme/components/bottomSheet.ts +3 -3
  91. package/src/theme/components/button.ts +20 -20
  92. package/src/theme/components/calendar.ts +4 -4
  93. package/src/theme/components/card.ts +5 -5
  94. package/src/theme/components/checkbox.ts +1 -1
  95. package/src/theme/components/divider.ts +1 -1
  96. package/src/theme/components/drawer.ts +4 -4
  97. package/src/theme/components/empty.ts +3 -4
  98. package/src/theme/components/fab.ts +7 -7
  99. package/src/theme/components/icon.ts +4 -3
  100. package/src/theme/components/list.ts +6 -7
  101. package/src/theme/components/pinInput.ts +4 -4
  102. package/src/theme/components/progress.ts +3 -3
  103. package/src/theme/components/refreshControl.ts +11 -0
  104. package/src/theme/components/richTextEditor.ts +9 -8
  105. package/src/theme/components/sectionHeading.ts +1 -1
  106. package/src/theme/components/select.ts +1 -1
  107. package/src/theme/components/slider.ts +3 -3
  108. package/src/theme/components/spinner.ts +1 -4
  109. package/src/theme/components/switch.ts +7 -7
  110. package/src/theme/components/tabs.ts +5 -5
  111. package/src/theme/components/tag.ts +12 -12
  112. package/src/theme/components/textInput.ts +38 -38
  113. package/src/theme/components/toast.ts +6 -6
  114. package/src/theme/components/toolbar.ts +3 -2
  115. package/src/theme/components/typography.ts +4 -3
  116. package/src/theme/getTheme.ts +3 -0
  117. package/src/theme/global/colors/global.ts +32 -0
  118. package/src/theme/global/colors/jobs.ts +18 -0
  119. package/src/theme/global/colors/legacySystemPalette.ts +53 -0
  120. package/src/theme/global/colors/swag.ts +21 -35
  121. package/src/theme/global/colors/types.ts +46 -27
  122. package/src/theme/global/colors/work.ts +10 -9
  123. package/src/theme/global/index.ts +8 -1
  124. package/src/theme/index.ts +6 -1
  125. package/src/utils/__tests__/helpers.spec.ts +27 -0
  126. package/src/utils/helpers.ts +21 -0
  127. package/tsconfig.prod.json +4 -0
  128. package/types/components/Icon/HeroIcon/index.d.ts +1 -1
  129. package/types/components/Icon/index.d.ts +1 -1
  130. package/types/components/RefreshControl/index.d.ts +5 -0
  131. package/types/components/RichTextEditor/MentionList.d.ts +7 -3
  132. package/types/components/RichTextEditor/index.d.ts +1 -1
  133. package/types/components/Select/types.d.ts +1 -3
  134. package/types/components/TextInput/StyledTextInput.d.ts +9 -3
  135. package/types/components/Toolbar/ToolbarItem.d.ts +1 -1
  136. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  137. package/types/components/Typography/Text/index.d.ts +1 -1
  138. package/types/index.d.ts +3 -2
  139. package/types/theme/ThemeSwitcher.d.ts +1 -1
  140. package/types/theme/components/empty.d.ts +0 -1
  141. package/types/theme/components/icon.d.ts +1 -0
  142. package/types/theme/components/refreshControl.d.ts +7 -0
  143. package/types/theme/components/richTextEditor.d.ts +4 -3
  144. package/types/theme/components/spinner.d.ts +1 -4
  145. package/types/theme/components/toolbar.d.ts +1 -0
  146. package/types/theme/components/typography.d.ts +1 -0
  147. package/types/theme/getTheme.d.ts +2 -0
  148. package/types/theme/global/colors/global.d.ts +3 -0
  149. package/types/theme/global/colors/jobs.d.ts +3 -0
  150. package/types/theme/global/colors/legacySystemPalette.d.ts +3 -0
  151. package/types/theme/global/colors/types.d.ts +41 -21
  152. package/types/theme/global/index.d.ts +30 -21
  153. package/types/theme/index.d.ts +2 -2
  154. package/types/utils/helpers.d.ts +2 -0
  155. package/src/components/Box/__tests__/helpers.spec.ts +0 -14
  156. package/src/components/Box/helpers.ts +0 -10
  157. package/types/components/Accordion/__tests__/AccordionItem.spec.d.ts +0 -1
  158. package/types/components/Accordion/__tests__/StyledAccordion.spec.d.ts +0 -1
  159. package/types/components/Accordion/__tests__/index.spec.d.ts +0 -1
  160. package/types/components/Alert/__tests__/index.spec.d.ts +0 -1
  161. package/types/components/Avatar/__tests__/StyledAvatar.spec.d.ts +0 -1
  162. package/types/components/Avatar/__tests__/index.spec.d.ts +0 -1
  163. package/types/components/Badge/__tests__/Badge.spec.d.ts +0 -1
  164. package/types/components/Badge/__tests__/Status.spec.d.ts +0 -1
  165. package/types/components/BottomNavigation/__tests__/index.spec.d.ts +0 -1
  166. package/types/components/BottomSheet/__tests__/index.spec.d.ts +0 -1
  167. package/types/components/Box/__tests__/helpers.spec.d.ts +0 -1
  168. package/types/components/Box/__tests__/index.spec.d.ts +0 -1
  169. package/types/components/Box/helpers.d.ts +0 -1
  170. package/types/components/Button/LoadingIndicator/__tests__/StyledLoadingIndicator.spec.d.ts +0 -1
  171. package/types/components/Button/LoadingIndicator/__tests__/index.spec.d.ts +0 -1
  172. package/types/components/Button/UtilityButton/__tests__/index.spec.d.ts +0 -1
  173. package/types/components/Button/__tests__/Button.spec.d.ts +0 -1
  174. package/types/components/Button/__tests__/IconButton.spec.d.ts +0 -1
  175. package/types/components/Button/__tests__/StyledButton.spec.d.ts +0 -1
  176. package/types/components/Calendar/__tests__/CalendarRowItem.spec.d.ts +0 -1
  177. package/types/components/Calendar/__tests__/helper.spec.d.ts +0 -1
  178. package/types/components/Calendar/__tests__/index.spec.d.ts +0 -1
  179. package/types/components/Card/DataCard/__tests__/StyledDataCard.spec.d.ts +0 -1
  180. package/types/components/Card/DataCard/__tests__/index.spec.d.ts +0 -1
  181. package/types/components/Card/__tests__/StyledCard.spec.d.ts +0 -1
  182. package/types/components/Card/__tests__/index.spec.d.ts +0 -1
  183. package/types/components/Checkbox/__tests__/StyledCheckbox.spec.d.ts +0 -1
  184. package/types/components/Checkbox/__tests__/index.spec.d.ts +0 -1
  185. package/types/components/Collapse/__tests__/StyledCollapse.spec.d.ts +0 -1
  186. package/types/components/Collapse/__tests__/index.spec.d.ts +0 -1
  187. package/types/components/ContentNavigator/__tests__/StyledContentNavigator.spec.d.ts +0 -1
  188. package/types/components/ContentNavigator/__tests__/index.spec.d.ts +0 -1
  189. package/types/components/DatePicker/__tests__/DatePicker.spec.d.ts +0 -1
  190. package/types/components/DatePicker/__tests__/DatePickerAndroid.spec.d.ts +0 -1
  191. package/types/components/DatePicker/__tests__/DatePickerIOS.spec.d.ts +0 -1
  192. package/types/components/Divider/__tests__/StyledDivider.spec.d.ts +0 -1
  193. package/types/components/Drawer/DragableDrawer/__tests__/helpers.spec.d.ts +0 -1
  194. package/types/components/Drawer/DragableDrawer/__tests__/index.spec.d.ts +0 -1
  195. package/types/components/Drawer/__tests__/index.spec.d.ts +0 -1
  196. package/types/components/Empty/__tests__/index.spec.d.ts +0 -1
  197. package/types/components/FAB/ActionGroup/__tests__/index.spec.d.ts +0 -1
  198. package/types/components/FAB/__tests__/AnimatedFABIcon.spec.d.ts +0 -1
  199. package/types/components/FAB/__tests__/StyledFAB.spec.d.ts +0 -1
  200. package/types/components/FAB/__tests__/index.spec.d.ts +0 -1
  201. package/types/components/Icon/__tests__/index.spec.d.ts +0 -1
  202. package/types/components/Image/__tests__/index.spec.d.ts +0 -1
  203. package/types/components/List/__tests__/BasicListItem.spec.d.ts +0 -1
  204. package/types/components/List/__tests__/ListItem.spec.d.ts +0 -1
  205. package/types/components/List/__tests__/StyledBasicListItem.spec.d.ts +0 -1
  206. package/types/components/List/__tests__/StyledListItem.spec.d.ts +0 -1
  207. package/types/components/PinInput/__tests__/PinCell.spec.d.ts +0 -1
  208. package/types/components/PinInput/__tests__/StyledPinInput.spec.d.ts +0 -1
  209. package/types/components/PinInput/__tests__/index.spec.d.ts +0 -1
  210. package/types/components/Radio/__tests__/Radio.spec.d.ts +0 -1
  211. package/types/components/Radio/__tests__/RadioGroup.spec.d.ts +0 -1
  212. package/types/components/RichTextEditor/__tests__/EditorToolbar.spec.d.ts +0 -1
  213. package/types/components/RichTextEditor/__tests__/MentionList.spec.d.ts +0 -1
  214. package/types/components/RichTextEditor/__tests__/RichTextEditor.spec.d.ts +0 -1
  215. package/types/components/SectionHeading/__tests__/StyledHeading.spec.d.ts +0 -1
  216. package/types/components/SectionHeading/__tests__/index.spec.d.ts +0 -1
  217. package/types/components/Select/MultiSelect/__tests__/Option.spec.d.ts +0 -1
  218. package/types/components/Select/MultiSelect/__tests__/OptionList.spec.d.ts +0 -1
  219. package/types/components/Select/MultiSelect/__tests__/index.spec.d.ts +0 -1
  220. package/types/components/Select/SingleSelect/__tests__/Option.spec.d.ts +0 -1
  221. package/types/components/Select/SingleSelect/__tests__/OptionList.spec.d.ts +0 -1
  222. package/types/components/Select/SingleSelect/__tests__/index.spec.d.ts +0 -1
  223. package/types/components/Select/__tests__/StyledSelect.spec.d.ts +0 -1
  224. package/types/components/Select/__tests__/helpers.spec.d.ts +0 -1
  225. package/types/components/Slider/__tests__/index.spec.d.ts +0 -1
  226. package/types/components/Spinner/__tests__/AnimatedSpinner.spec.d.ts +0 -1
  227. package/types/components/Spinner/__tests__/StyledSpinner.spec.d.ts +0 -1
  228. package/types/components/Spinner/__tests__/index.spec.d.ts +0 -1
  229. package/types/components/Switch/SelectorSwitch/__tests__/Option.spec.d.ts +0 -1
  230. package/types/components/Switch/SelectorSwitch/__tests__/index.spec.d.ts +0 -1
  231. package/types/components/Switch/__tests__/StyledSwitch.spec.d.ts +0 -1
  232. package/types/components/Switch/__tests__/index.spec.d.ts +0 -1
  233. package/types/components/Tabs/__tests__/ScrollableTabs.spec.d.ts +0 -1
  234. package/types/components/Tabs/__tests__/TabWithBadge.spec.d.ts +0 -1
  235. package/types/components/Tabs/__tests__/index.spec.d.ts +0 -1
  236. package/types/components/Tag/__tests__/Tag.spec.d.ts +0 -1
  237. package/types/components/TextInput/__tests__/StyledTextInput.spec.d.ts +0 -1
  238. package/types/components/TextInput/__tests__/index.spec.d.ts +0 -1
  239. package/types/components/TimePicker/__tests__/TimePicker.spec.d.ts +0 -1
  240. package/types/components/TimePicker/__tests__/TimePickerAndroid.spec.d.ts +0 -1
  241. package/types/components/TimePicker/__tests__/TimePickerIOS.spec.d.ts +0 -1
  242. package/types/components/Toast/__tests__/Toast.spec.d.ts +0 -1
  243. package/types/components/Toast/__tests__/ToastContainer.spec.d.ts +0 -1
  244. package/types/components/Toolbar/__tests__/ToolbarGroup.spec.d.ts +0 -1
  245. package/types/components/Toolbar/__tests__/ToolbarItem.spec.d.ts +0 -1
  246. package/types/components/Typography/Text/__tests__/StyledText.spec.d.ts +0 -1
  247. package/types/components/Typography/Text/__tests__/index.spec.d.ts +0 -1
  248. package/types/theme/__tests__/index.spec.d.ts +0 -1
  249. package/types/utils/__tests__/scale.spec.d.ts +0 -1
package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -198,7 +198,7 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#ECE8EF",
201
+ "backgroundColor": "#d9d1df",
202
202
  "borderRadius": 4,
203
203
  "flexDirection": "row",
204
204
  "opacity": 1,
@@ -724,9 +724,10 @@ exports[`OptionList render isLoading correctly 1`] = `
724
724
  style={
725
725
  Array [
726
726
  Object {
727
- "backgroundColor": "#795e90",
727
+ "backgroundColor": "#001f23",
728
728
  "borderRadius": 999,
729
729
  "height": 16,
730
+ "opacity": 1,
730
731
  "width": 16,
731
732
  },
732
733
  Object {},
@@ -741,10 +742,11 @@ exports[`OptionList render isLoading correctly 1`] = `
741
742
  style={
742
743
  Array [
743
744
  Object {
744
- "backgroundColor": "#a08cb0",
745
+ "backgroundColor": "#001f23",
745
746
  "borderRadius": 999,
746
747
  "height": 16,
747
748
  "marginLeft": 8,
749
+ "opacity": 0.75,
748
750
  "width": 16,
749
751
  },
750
752
  Object {},
@@ -775,9 +777,10 @@ exports[`OptionList render isLoading correctly 1`] = `
775
777
  style={
776
778
  Array [
777
779
  Object {
778
- "backgroundColor": "#d9d1df",
780
+ "backgroundColor": "#001f23",
779
781
  "borderRadius": 999,
780
782
  "height": 16,
783
+ "opacity": 0.5,
781
784
  "width": 16,
782
785
  },
783
786
  Object {},
@@ -792,10 +795,11 @@ exports[`OptionList render isLoading correctly 1`] = `
792
795
  style={
793
796
  Array [
794
797
  Object {
795
- "backgroundColor": "#ece8ef",
798
+ "backgroundColor": "#001f23",
796
799
  "borderRadius": 999,
797
800
  "height": 16,
798
801
  "marginLeft": 8,
802
+ "opacity": 0.25,
799
803
  "width": 16,
800
804
  },
801
805
  Object {},
@@ -1000,7 +1004,7 @@ exports[`OptionList renders correctly 1`] = `
1000
1004
  Array [
1001
1005
  Object {
1002
1006
  "alignItems": "center",
1003
- "backgroundColor": "#ECE8EF",
1007
+ "backgroundColor": "#d9d1df",
1004
1008
  "borderRadius": 4,
1005
1009
  "flexDirection": "row",
1006
1010
  "opacity": 1,
@@ -1650,7 +1654,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1650
1654
  Array [
1651
1655
  Object {
1652
1656
  "alignItems": "center",
1653
- "backgroundColor": "#ECE8EF",
1657
+ "backgroundColor": "#d9d1df",
1654
1658
  "borderRadius": 4,
1655
1659
  "flexDirection": "row",
1656
1660
  "opacity": 1,
@@ -1900,7 +1904,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
1900
1904
  Array [
1901
1905
  Object {
1902
1906
  "alignItems": "center",
1903
- "backgroundColor": "#ECE8EF",
1907
+ "backgroundColor": "#d9d1df",
1904
1908
  "borderRadius": 4,
1905
1909
  "flexDirection": "row",
1906
1910
  "opacity": 1,
@@ -2325,7 +2329,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
2325
2329
  Array [
2326
2330
  Object {
2327
2331
  "alignItems": "center",
2328
- "backgroundColor": "#ECE8EF",
2332
+ "backgroundColor": "#d9d1df",
2329
2333
  "borderRadius": 4,
2330
2334
  "flexDirection": "row",
2331
2335
  "opacity": 1,
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -29,16 +29,12 @@ Array [
29
29
  style={
30
30
  Array [
31
31
  Object {
32
- "borderColor": "#001f23",
33
- "borderRadius": 8,
34
- "borderWidth": 1,
35
32
  "marginVertical": 8,
36
33
  "width": "100%",
37
34
  },
38
35
  undefined,
39
36
  ]
40
37
  }
41
- themeVariant="default"
42
38
  >
43
39
  <View
44
40
  style={
@@ -52,6 +48,24 @@ Array [
52
48
  ]
53
49
  }
54
50
  >
51
+ <View
52
+ style={
53
+ Array [
54
+ Object {
55
+ "borderColor": "#001f23",
56
+ "borderRadius": 8,
57
+ "borderWidth": 1,
58
+ "bottom": 0,
59
+ "left": 0,
60
+ "position": "absolute",
61
+ "right": 0,
62
+ "top": 0,
63
+ },
64
+ undefined,
65
+ ]
66
+ }
67
+ themeVariant="default"
68
+ />
55
69
  <View
56
70
  style={
57
71
  Array [
@@ -628,7 +642,7 @@ Array [
628
642
  style={
629
643
  Array [
630
644
  Object {
631
- "color": "#808f91",
645
+ "color": "#4d6265",
632
646
  "fontFamily": "BeVietnamPro-Regular",
633
647
  "fontSize": 16,
634
648
  "letterSpacing": 0.48,
@@ -773,7 +787,7 @@ Array [
773
787
  style={
774
788
  Array [
775
789
  Object {
776
- "color": "#808f91",
790
+ "color": "#4d6265",
777
791
  "fontFamily": "BeVietnamPro-Regular",
778
792
  "fontSize": 16,
779
793
  "letterSpacing": 0.48,
@@ -1033,7 +1047,7 @@ Array [
1033
1047
  style={
1034
1048
  Array [
1035
1049
  Object {
1036
- "color": "#808f91",
1050
+ "color": "#4d6265",
1037
1051
  "fontFamily": "BeVietnamPro-Regular",
1038
1052
  "fontSize": 16,
1039
1053
  "letterSpacing": 0.48,
@@ -1178,7 +1192,7 @@ Array [
1178
1192
  style={
1179
1193
  Array [
1180
1194
  Object {
1181
- "color": "#808f91",
1195
+ "color": "#4d6265",
1182
1196
  "fontFamily": "BeVietnamPro-Regular",
1183
1197
  "fontSize": 16,
1184
1198
  "letterSpacing": 0.48,
@@ -1311,7 +1325,7 @@ Array [
1311
1325
  },
1312
1326
  Array [
1313
1327
  Object {
1314
- "color": "#8505a2",
1328
+ "color": "#401960",
1315
1329
  },
1316
1330
  undefined,
1317
1331
  ],
@@ -1364,16 +1378,12 @@ Array [
1364
1378
  style={
1365
1379
  Array [
1366
1380
  Object {
1367
- "borderColor": "#001f23",
1368
- "borderRadius": 8,
1369
- "borderWidth": 1,
1370
1381
  "marginVertical": 8,
1371
1382
  "width": "100%",
1372
1383
  },
1373
1384
  undefined,
1374
1385
  ]
1375
1386
  }
1376
- themeVariant="filled"
1377
1387
  >
1378
1388
  <View
1379
1389
  style={
@@ -1387,6 +1397,24 @@ Array [
1387
1397
  ]
1388
1398
  }
1389
1399
  >
1400
+ <View
1401
+ style={
1402
+ Array [
1403
+ Object {
1404
+ "borderColor": "#001f23",
1405
+ "borderRadius": 8,
1406
+ "borderWidth": 1,
1407
+ "bottom": 0,
1408
+ "left": 0,
1409
+ "position": "absolute",
1410
+ "right": 0,
1411
+ "top": 0,
1412
+ },
1413
+ undefined,
1414
+ ]
1415
+ }
1416
+ themeVariant="filled"
1417
+ />
1390
1418
  <View
1391
1419
  pointerEvents="none"
1392
1420
  style={
@@ -1862,7 +1890,7 @@ Array [
1862
1890
  Array [
1863
1891
  Object {
1864
1892
  "alignItems": "center",
1865
- "backgroundColor": "#ECE8EF",
1893
+ "backgroundColor": "#d9d1df",
1866
1894
  "borderRadius": 4,
1867
1895
  "flexDirection": "row",
1868
1896
  "opacity": 1,
@@ -2015,7 +2043,7 @@ Array [
2015
2043
  Array [
2016
2044
  Object {
2017
2045
  "alignItems": "center",
2018
- "backgroundColor": "#ECE8EF",
2046
+ "backgroundColor": "#d9d1df",
2019
2047
  "borderRadius": 4,
2020
2048
  "flexDirection": "row",
2021
2049
  "opacity": 1,
@@ -2844,7 +2872,7 @@ Array [
2844
2872
  },
2845
2873
  Array [
2846
2874
  Object {
2847
- "color": "#8505a2",
2875
+ "color": "#401960",
2848
2876
  },
2849
2877
  undefined,
2850
2878
  ],
@@ -2895,16 +2923,12 @@ Array [
2895
2923
  style={
2896
2924
  Array [
2897
2925
  Object {
2898
- "borderColor": "#001f23",
2899
- "borderRadius": 8,
2900
- "borderWidth": 1,
2901
2926
  "marginVertical": 8,
2902
2927
  "width": "100%",
2903
2928
  },
2904
2929
  undefined,
2905
2930
  ]
2906
2931
  }
2907
- themeVariant="filled"
2908
2932
  >
2909
2933
  <View
2910
2934
  style={
@@ -2918,6 +2942,24 @@ Array [
2918
2942
  ]
2919
2943
  }
2920
2944
  >
2945
+ <View
2946
+ style={
2947
+ Array [
2948
+ Object {
2949
+ "borderColor": "#001f23",
2950
+ "borderRadius": 8,
2951
+ "borderWidth": 1,
2952
+ "bottom": 0,
2953
+ "left": 0,
2954
+ "position": "absolute",
2955
+ "right": 0,
2956
+ "top": 0,
2957
+ },
2958
+ undefined,
2959
+ ]
2960
+ }
2961
+ themeVariant="filled"
2962
+ />
2921
2963
  <View
2922
2964
  pointerEvents="none"
2923
2965
  style={
@@ -3388,7 +3430,7 @@ Array [
3388
3430
  Array [
3389
3431
  Object {
3390
3432
  "alignItems": "center",
3391
- "backgroundColor": "#ECE8EF",
3433
+ "backgroundColor": "#d9d1df",
3392
3434
  "borderRadius": 4,
3393
3435
  "flexDirection": "row",
3394
3436
  "opacity": 1,
@@ -3541,7 +3583,7 @@ Array [
3541
3583
  Array [
3542
3584
  Object {
3543
3585
  "alignItems": "center",
3544
- "backgroundColor": "#ECE8EF",
3586
+ "backgroundColor": "#d9d1df",
3545
3587
  "borderRadius": 4,
3546
3588
  "flexDirection": "row",
3547
3589
  "opacity": 1,
@@ -4368,7 +4410,7 @@ Array [
4368
4410
  },
4369
4411
  Array [
4370
4412
  Object {
4371
- "color": "#8505a2",
4413
+ "color": "#401960",
4372
4414
  },
4373
4415
  undefined,
4374
4416
  ],
@@ -4421,16 +4463,12 @@ Array [
4421
4463
  style={
4422
4464
  Array [
4423
4465
  Object {
4424
- "borderColor": "#808f91",
4425
- "borderRadius": 8,
4426
- "borderWidth": 1,
4427
4466
  "marginVertical": 8,
4428
4467
  "width": "100%",
4429
4468
  },
4430
4469
  undefined,
4431
4470
  ]
4432
4471
  }
4433
- themeVariant="readonly"
4434
4472
  >
4435
4473
  <View
4436
4474
  style={
@@ -4444,6 +4482,24 @@ Array [
4444
4482
  ]
4445
4483
  }
4446
4484
  >
4485
+ <View
4486
+ style={
4487
+ Array [
4488
+ Object {
4489
+ "borderColor": "#808f91",
4490
+ "borderRadius": 8,
4491
+ "borderWidth": 1,
4492
+ "bottom": 0,
4493
+ "left": 0,
4494
+ "position": "absolute",
4495
+ "right": 0,
4496
+ "top": 0,
4497
+ },
4498
+ undefined,
4499
+ ]
4500
+ }
4501
+ themeVariant="readonly"
4502
+ />
4447
4503
  <View
4448
4504
  pointerEvents="none"
4449
4505
  style={
@@ -4473,7 +4529,7 @@ Array [
4473
4529
  },
4474
4530
  Array [
4475
4531
  Object {
4476
- "color": "#808f91",
4532
+ "color": "#bfc1c5",
4477
4533
  },
4478
4534
  undefined,
4479
4535
  ],
@@ -4933,7 +4989,7 @@ Array [
4933
4989
  Array [
4934
4990
  Object {
4935
4991
  "alignItems": "center",
4936
- "backgroundColor": "#ECE8EF",
4992
+ "backgroundColor": "#d9d1df",
4937
4993
  "borderRadius": 4,
4938
4994
  "flexDirection": "row",
4939
4995
  "opacity": 1,
@@ -5086,7 +5142,7 @@ Array [
5086
5142
  Array [
5087
5143
  Object {
5088
5144
  "alignItems": "center",
5089
- "backgroundColor": "#ECE8EF",
5145
+ "backgroundColor": "#d9d1df",
5090
5146
  "borderRadius": 4,
5091
5147
  "flexDirection": "row",
5092
5148
  "opacity": 1,
@@ -5915,7 +5971,7 @@ Array [
5915
5971
  },
5916
5972
  Array [
5917
5973
  Object {
5918
- "color": "#8505a2",
5974
+ "color": "#401960",
5919
5975
  },
5920
5976
  undefined,
5921
5977
  ],
@@ -5966,16 +6022,12 @@ Array [
5966
6022
  style={
5967
6023
  Array [
5968
6024
  Object {
5969
- "borderColor": "#001f23",
5970
- "borderRadius": 8,
5971
- "borderWidth": 1,
5972
6025
  "marginVertical": 8,
5973
6026
  "width": "100%",
5974
6027
  },
5975
6028
  undefined,
5976
6029
  ]
5977
6030
  }
5978
- themeVariant="filled"
5979
6031
  >
5980
6032
  <View
5981
6033
  style={
@@ -5989,6 +6041,24 @@ Array [
5989
6041
  ]
5990
6042
  }
5991
6043
  >
6044
+ <View
6045
+ style={
6046
+ Array [
6047
+ Object {
6048
+ "borderColor": "#001f23",
6049
+ "borderRadius": 8,
6050
+ "borderWidth": 1,
6051
+ "bottom": 0,
6052
+ "left": 0,
6053
+ "position": "absolute",
6054
+ "right": 0,
6055
+ "top": 0,
6056
+ },
6057
+ undefined,
6058
+ ]
6059
+ }
6060
+ themeVariant="filled"
6061
+ />
5992
6062
  <View
5993
6063
  pointerEvents="none"
5994
6064
  style={
@@ -6725,7 +6795,7 @@ Array [
6725
6795
  Array [
6726
6796
  Object {
6727
6797
  "alignItems": "center",
6728
- "backgroundColor": "#ECE8EF",
6798
+ "backgroundColor": "#d9d1df",
6729
6799
  "borderRadius": 4,
6730
6800
  "flexDirection": "row",
6731
6801
  "opacity": 1,
@@ -6868,7 +6938,7 @@ Array [
6868
6938
  Array [
6869
6939
  Object {
6870
6940
  "alignItems": "center",
6871
- "backgroundColor": "#ECE8EF",
6941
+ "backgroundColor": "#d9d1df",
6872
6942
  "borderRadius": 4,
6873
6943
  "flexDirection": "row",
6874
6944
  "opacity": 1,
@@ -7043,7 +7113,7 @@ Array [
7043
7113
  },
7044
7114
  Array [
7045
7115
  Object {
7046
- "color": "#8505a2",
7116
+ "color": "#401960",
7047
7117
  },
7048
7118
  undefined,
7049
7119
  ],
package/src/components/Select/MultiSelect/index.tsx CHANGED
@@ -85,6 +85,7 @@ function MultiSelect<V, T extends OptionType<V>>({
85
85
  }
86
86
  <View pointerEvents="none">
87
87
  <TextInput
88
+ {...inputProps}
88
89
  label={label}
89
90
  value={displayedValue}
90
91
  suffix="arrow-down"
@@ -92,7 +93,6 @@ function MultiSelect<V, T extends OptionType<V>>({
92
93
  error={error}
93
94
  editable={editable}
94
95
  disabled={disabled}
95
- loading={inputProps?.loading}
96
96
  numberOfLines={numberOfLines}
97
97
  pointerEvents="none"
98
98
  style={style}
package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED
@@ -20,7 +20,7 @@ exports[`Option renders correctly 1`] = `
20
20
  Array [
21
21
  Object {
22
22
  "alignItems": "center",
23
- "backgroundColor": "#ECE8EF",
23
+ "backgroundColor": "#d9d1df",
24
24
  "borderRadius": 4,
25
25
  "flexDirection": "row",
26
26
  "opacity": 1,
package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED
@@ -198,7 +198,7 @@ exports[`OptionList render isLoading correctly 1`] = `
198
198
  Array [
199
199
  Object {
200
200
  "alignItems": "center",
201
- "backgroundColor": "#ECE8EF",
201
+ "backgroundColor": "#d9d1df",
202
202
  "borderRadius": 4,
203
203
  "flexDirection": "row",
204
204
  "opacity": 1,
@@ -699,9 +699,10 @@ exports[`OptionList render isLoading correctly 1`] = `
699
699
  style={
700
700
  Array [
701
701
  Object {
702
- "backgroundColor": "#795e90",
702
+ "backgroundColor": "#001f23",
703
703
  "borderRadius": 999,
704
704
  "height": 16,
705
+ "opacity": 1,
705
706
  "width": 16,
706
707
  },
707
708
  Object {},
@@ -716,10 +717,11 @@ exports[`OptionList render isLoading correctly 1`] = `
716
717
  style={
717
718
  Array [
718
719
  Object {
719
- "backgroundColor": "#a08cb0",
720
+ "backgroundColor": "#001f23",
720
721
  "borderRadius": 999,
721
722
  "height": 16,
722
723
  "marginLeft": 8,
724
+ "opacity": 0.75,
723
725
  "width": 16,
724
726
  },
725
727
  Object {},
@@ -750,9 +752,10 @@ exports[`OptionList render isLoading correctly 1`] = `
750
752
  style={
751
753
  Array [
752
754
  Object {
753
- "backgroundColor": "#d9d1df",
755
+ "backgroundColor": "#001f23",
754
756
  "borderRadius": 999,
755
757
  "height": 16,
758
+ "opacity": 0.5,
756
759
  "width": 16,
757
760
  },
758
761
  Object {},
@@ -767,10 +770,11 @@ exports[`OptionList render isLoading correctly 1`] = `
767
770
  style={
768
771
  Array [
769
772
  Object {
770
- "backgroundColor": "#ece8ef",
773
+ "backgroundColor": "#001f23",
771
774
  "borderRadius": 999,
772
775
  "height": 16,
773
776
  "marginLeft": 8,
777
+ "opacity": 0.25,
774
778
  "width": 16,
775
779
  },
776
780
  Object {},
@@ -975,7 +979,7 @@ exports[`OptionList renders correctly 1`] = `
975
979
  Array [
976
980
  Object {
977
981
  "alignItems": "center",
978
- "backgroundColor": "#ECE8EF",
982
+ "backgroundColor": "#d9d1df",
979
983
  "borderRadius": 4,
980
984
  "flexDirection": "row",
981
985
  "opacity": 1,
@@ -1600,7 +1604,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
1600
1604
  Array [
1601
1605
  Object {
1602
1606
  "alignItems": "center",
1603
- "backgroundColor": "#ECE8EF",
1607
+ "backgroundColor": "#d9d1df",
1604
1608
  "borderRadius": 4,
1605
1609
  "flexDirection": "row",
1606
1610
  "opacity": 1,
@@ -2225,7 +2229,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
2225
2229
  Array [
2226
2230
  Object {
2227
2231
  "alignItems": "center",
2228
- "backgroundColor": "#ECE8EF",
2232
+ "backgroundColor": "#d9d1df",
2229
2233
  "borderRadius": 4,
2230
2234
  "flexDirection": "row",
2231
2235
  "opacity": 1,