@hero-design/rn 7.24.0 → 7.25.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 (248) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/assets/fonts/hero-icons.ttf +0 -0
  3. package/es/index.js +845 -752
  4. package/lib/assets/fonts/hero-icons.ttf +0 -0
  5. package/lib/index.js +846 -750
  6. package/package.json +6 -5
  7. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +4 -4
  8. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  9. package/src/components/Attachment/StyledAttachment.tsx +44 -0
  10. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +158 -0
  11. package/src/components/Attachment/__tests__/index.spec.tsx +59 -0
  12. package/src/components/Attachment/index.tsx +77 -0
  13. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -3
  14. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  15. package/src/components/Badge/Status.tsx +1 -1
  16. package/src/components/Badge/StyledBadge.tsx +8 -1
  17. package/src/components/Badge/__tests__/Badge.spec.tsx +9 -0
  18. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +44 -0
  19. package/src/components/Badge/index.tsx +1 -1
  20. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  21. package/src/components/BottomSheet/Header.tsx +2 -1
  22. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +52 -52
  23. package/src/components/BottomSheet/index.tsx +4 -4
  24. package/src/components/Button/Button.tsx +0 -11
  25. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +4 -4
  26. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  27. package/src/components/Button/LoadingIndicator/index.tsx +1 -1
  28. package/src/components/Button/StyledButton.tsx +24 -63
  29. package/src/components/Button/UtilityButton/__tests__/index.spec.tsx +2 -2
  30. package/src/components/Button/__tests__/Button.spec.tsx +10 -5
  31. package/src/components/Button/__tests__/StyledButton.spec.tsx +0 -70
  32. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +301 -1206
  33. package/src/components/Calendar/CalendarRowItem.tsx +1 -4
  34. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +5 -5
  35. package/src/components/Calendar/index.tsx +4 -3
  36. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +1 -1
  37. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  38. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  39. package/src/components/Checkbox/StyledCheckbox.tsx +7 -5
  40. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +4 -12
  41. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +95 -42
  42. package/src/components/Checkbox/index.tsx +4 -2
  43. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  44. package/src/components/ContentNavigator/index.tsx +14 -9
  45. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +1 -0
  46. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +28 -27
  47. package/src/components/Drawer/DragableDrawer/index.tsx +0 -2
  48. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  49. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  50. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +1 -1
  51. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  52. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  53. package/src/components/Icon/IconList.ts +30 -3
  54. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  55. package/src/components/List/BasicListItem.tsx +13 -8
  56. package/src/components/List/ListItem.tsx +8 -6
  57. package/src/components/List/StyledBasicListItem.tsx +2 -2
  58. package/src/components/List/StyledListItem.tsx +2 -2
  59. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +24 -36
  60. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +39 -59
  61. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +40 -44
  62. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +50 -50
  63. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +6 -6
  64. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +21 -21
  65. package/src/components/Progress/ProgressBar.tsx +1 -1
  66. package/src/components/Progress/ProgressCircle.tsx +1 -1
  67. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +10 -10
  68. package/src/components/Progress/types.ts +7 -1
  69. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +20 -32
  70. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +30 -48
  71. package/src/components/RefreshControl/__tests__/index.spec.tsx +1 -3
  72. package/src/components/RefreshControl/index.tsx +4 -2
  73. package/src/components/RichTextEditor/MentionList.tsx +12 -3
  74. package/src/components/RichTextEditor/RichTextEditor.tsx +3 -4
  75. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -4
  76. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  77. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +13 -20
  78. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +146 -234
  79. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +430 -650
  80. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +11 -18
  81. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +136 -224
  82. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +409 -629
  83. package/src/components/Select/StyledOptionList.tsx +0 -1
  84. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +1 -1
  85. package/src/components/Spinner/StyledSpinner.tsx +1 -2
  86. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  87. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +16 -16
  88. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  89. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +1 -1
  90. package/src/components/Swipeable/index.tsx +14 -2
  91. package/src/components/Switch/SelectorSwitch/Option.tsx +1 -5
  92. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +3 -3
  93. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  94. package/src/components/Switch/SelectorSwitch/__tests__/index.spec.tsx +1 -0
  95. package/src/components/Switch/SelectorSwitch/index.tsx +4 -1
  96. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +1 -1
  97. package/src/components/Tabs/StyledTabs.tsx +1 -1
  98. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +1 -1
  99. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  100. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +2 -2
  101. package/src/components/TextInput/StyledTextInput.tsx +1 -0
  102. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +11 -10
  103. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +27 -14
  104. package/src/components/TextInput/index.tsx +1 -0
  105. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +1 -0
  106. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +28 -27
  107. package/src/components/Toast/Toast.tsx +0 -3
  108. package/src/components/Toast/ToastProvider.tsx +1 -0
  109. package/src/components/Toast/__tests__/index.spec.tsx +1 -1
  110. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  111. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +6 -6
  112. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +4 -4
  113. package/src/emotion.d.ts +1 -0
  114. package/src/index.ts +6 -0
  115. package/src/theme/ThemeSwitcher.tsx +7 -1
  116. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +87 -74
  117. package/src/theme/__tests__/ensureCompatibleWithV7.spec.tsx +13 -0
  118. package/src/theme/components/alert.ts +1 -1
  119. package/src/theme/components/attachment.ts +28 -0
  120. package/src/theme/components/avatar.ts +1 -1
  121. package/src/theme/components/badge.ts +2 -1
  122. package/src/theme/components/bottomNavigation.ts +1 -1
  123. package/src/theme/components/bottomSheet.ts +2 -2
  124. package/src/theme/components/button.ts +4 -20
  125. package/src/theme/components/calendar.ts +3 -3
  126. package/src/theme/components/card.ts +1 -1
  127. package/src/theme/components/checkbox.ts +2 -2
  128. package/src/theme/components/divider.ts +1 -1
  129. package/src/theme/components/drawer.ts +2 -2
  130. package/src/theme/components/empty.ts +3 -3
  131. package/src/theme/components/fab.ts +7 -7
  132. package/src/theme/components/icon.ts +4 -4
  133. package/src/theme/components/list.ts +0 -2
  134. package/src/theme/components/pinInput.ts +4 -4
  135. package/src/theme/components/progress.ts +6 -5
  136. package/src/theme/components/radio.ts +1 -1
  137. package/src/theme/components/richTextEditor.ts +2 -2
  138. package/src/theme/components/slider.ts +2 -2
  139. package/src/theme/components/switch.ts +4 -4
  140. package/src/theme/components/tabs.ts +6 -5
  141. package/src/theme/components/tag.ts +2 -2
  142. package/src/theme/components/textInput.ts +23 -28
  143. package/src/theme/components/toast.ts +3 -3
  144. package/src/theme/components/toolbar.ts +3 -3
  145. package/src/theme/components/typography.ts +7 -7
  146. package/src/theme/getTheme.ts +4 -1
  147. package/src/theme/global/colors/eBens.ts +23 -0
  148. package/src/theme/global/colors/global.ts +15 -6
  149. package/src/theme/global/colors/jobs.ts +15 -9
  150. package/src/theme/global/colors/legacySystemPalette.ts +6 -6
  151. package/src/theme/global/colors/swag.ts +32 -53
  152. package/src/theme/global/colors/types.ts +35 -15
  153. package/src/theme/global/colors/wallet.ts +23 -0
  154. package/src/theme/global/colors/work.ts +15 -9
  155. package/src/theme/global/index.ts +4 -0
  156. package/src/theme/index.ts +4 -0
  157. package/src/utils/functions.ts +2 -0
  158. package/src/utils/scale.ts +1 -1
  159. package/tsconfig.json +8 -2
  160. package/types/components/Accordion/StyledAccordion.d.ts +14 -14
  161. package/types/components/Alert/StyledAlert.d.ts +15 -15
  162. package/types/components/Attachment/StyledAttachment.d.ts +28 -0
  163. package/types/components/Attachment/index.d.ts +37 -0
  164. package/types/components/Avatar/StyledAvatar.d.ts +15 -15
  165. package/types/components/Avatar/index.d.ts +1 -1
  166. package/types/components/Badge/Status.d.ts +1 -1
  167. package/types/components/Badge/StyledBadge.d.ts +8 -8
  168. package/types/components/Badge/index.d.ts +1 -1
  169. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +21 -21
  170. package/types/components/BottomSheet/Header.d.ts +1 -1
  171. package/types/components/BottomSheet/StyledBottomSheet.d.ts +22 -22
  172. package/types/components/Box/StyledBox.d.ts +4 -4
  173. package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +7 -7
  174. package/types/components/Button/StyledButton.d.ts +15 -18
  175. package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +8 -8
  176. package/types/components/Calendar/StyledCalendar.d.ts +25 -25
  177. package/types/components/Calendar/helpers.d.ts +2 -2
  178. package/types/components/Card/DataCard/StyledDataCard.d.ts +6 -6
  179. package/types/components/Card/StyledCard.d.ts +7 -7
  180. package/types/components/Checkbox/StyledCheckbox.d.ts +16 -10
  181. package/types/components/Collapse/StyledCollapse.d.ts +8 -8
  182. package/types/components/ContentNavigator/StyledContentNavigator.d.ts +5 -5
  183. package/types/components/ContentNavigator/index.d.ts +2 -1
  184. package/types/components/DatePicker/StyledDatePicker.d.ts +3 -3
  185. package/types/components/Divider/StyledDivider.d.ts +5 -5
  186. package/types/components/Drawer/StyledDrawer.d.ts +19 -19
  187. package/types/components/Empty/StyledEmpty.d.ts +9 -9
  188. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +11 -11
  189. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +7 -7
  190. package/types/components/FAB/StyledFAB.d.ts +8 -8
  191. package/types/components/Icon/HeroIcon/index.d.ts +3 -3
  192. package/types/components/Icon/IconList.d.ts +1 -1
  193. package/types/components/Icon/index.d.ts +1 -1
  194. package/types/components/Icon/utils.d.ts +1 -1
  195. package/types/components/List/StyledBasicListItem.d.ts +16 -16
  196. package/types/components/List/StyledListItem.d.ts +25 -25
  197. package/types/components/PinInput/StyledPinInput.d.ts +30 -30
  198. package/types/components/Progress/ProgressBar.d.ts +1 -1
  199. package/types/components/Progress/ProgressCircle.d.ts +1 -1
  200. package/types/components/Progress/StyledProgressBar.d.ts +5 -5
  201. package/types/components/Progress/StyledProgressCircle.d.ts +18 -18
  202. package/types/components/Progress/types.d.ts +1 -1
  203. package/types/components/Radio/StyledRadio.d.ts +9 -9
  204. package/types/components/RefreshControl/index.d.ts +1 -2
  205. package/types/components/RichTextEditor/EditorToolbar.d.ts +1 -1
  206. package/types/components/RichTextEditor/MentionList.d.ts +1 -1
  207. package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +6 -6
  208. package/types/components/RichTextEditor/StyledToolbar.d.ts +9 -9
  209. package/types/components/RichTextEditor/index.d.ts +2 -2
  210. package/types/components/SectionHeading/StyledHeading.d.ts +9 -9
  211. package/types/components/Select/MultiSelect/Option.d.ts +1 -1
  212. package/types/components/Select/SingleSelect/Option.d.ts +1 -1
  213. package/types/components/Select/StyledSelect.d.ts +11 -11
  214. package/types/components/Select/helpers.d.ts +1 -1
  215. package/types/components/Spinner/StyledSpinner.d.ts +12 -12
  216. package/types/components/Swipeable/StyledSwipeable.d.ts +3 -3
  217. package/types/components/Swipeable/index.d.ts +7 -3
  218. package/types/components/Switch/SelectorSwitch/Option.d.ts +3 -1
  219. package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +9 -9
  220. package/types/components/Switch/StyledSwitch.d.ts +5 -5
  221. package/types/components/Tabs/StyledScrollableTabs.d.ts +23 -23
  222. package/types/components/Tabs/StyledTabs.d.ts +22 -22
  223. package/types/components/Tag/StyledTag.d.ts +6 -6
  224. package/types/components/TextInput/StyledTextInput.d.ts +44 -44
  225. package/types/components/TextInput/index.d.ts +5 -5
  226. package/types/components/TimePicker/StyledTimePicker.d.ts +3 -3
  227. package/types/components/Toast/StyledToast.d.ts +17 -17
  228. package/types/components/Toolbar/StyledToolbar.d.ts +9 -9
  229. package/types/components/Typography/Text/StyledText.d.ts +3 -3
  230. package/types/index.d.ts +3 -2
  231. package/types/testHelpers/renderWithTheme.d.ts +1 -1
  232. package/types/theme/ThemeSwitcher.d.ts +2 -2
  233. package/types/theme/components/attachment.d.ts +21 -0
  234. package/types/theme/components/badge.d.ts +1 -0
  235. package/types/theme/components/button.d.ts +0 -15
  236. package/types/theme/components/list.d.ts +0 -1
  237. package/types/theme/components/progress.d.ts +1 -0
  238. package/types/theme/components/tabs.d.ts +1 -0
  239. package/types/theme/components/tag.d.ts +2 -2
  240. package/types/theme/components/textInput.d.ts +0 -5
  241. package/types/theme/getTheme.d.ts +2 -0
  242. package/types/theme/global/colors/eBens.d.ts +3 -0
  243. package/types/theme/global/colors/types.d.ts +23 -16
  244. package/types/theme/global/colors/wallet.d.ts +3 -0
  245. package/types/theme/global/index.d.ts +26 -12
  246. package/types/theme/index.d.ts +2 -2
  247. package/types/utils/functions.d.ts +1 -0
  248. package/types/utils/hooks.d.ts +1 -1
@@ -33,30 +33,6 @@ describe('StyledButtonContainer', () => {
33
33
  expect(toJSON()).toMatchSnapshot();
34
34
  });
35
35
 
36
- it.each`
37
- themeVariant
38
- ${'basic-transparent'}
39
- ${'filled-primary'}
40
- ${'filled-secondary'}
41
- ${'filled-danger'}
42
- ${'outlined-primary'}
43
- ${'outlined-secondary'}
44
- ${'outlined-danger'}
45
- ${'text-primary'}
46
- ${'text-secondary'}
47
- ${'text-danger'}
48
- `(
49
- 'has pressed with the correct variant $themeVariant style',
50
- ({ themeVariant }) => {
51
- const { toJSON } = renderWithTheme(
52
- <StyledButtonContainer themeVariant={themeVariant} pressed>
53
- <Text>Title</Text>
54
- </StyledButtonContainer>
55
- );
56
- expect(toJSON()).toMatchSnapshot();
57
- }
58
- );
59
-
60
36
  it('renders disabled correctly', () => {
61
37
  const { toJSON } = renderWithTheme(
62
38
  <StyledButtonContainer themeVariant="filled-primary" disabled>
@@ -89,30 +65,6 @@ describe('StyledButtonText', () => {
89
65
  expect(toJSON()).toMatchSnapshot();
90
66
  });
91
67
 
92
- it.each`
93
- themeVariant
94
- ${'basic-transparent'}
95
- ${'filled-primary'}
96
- ${'filled-secondary'}
97
- ${'filled-danger'}
98
- ${'outlined-primary'}
99
- ${'outlined-secondary'}
100
- ${'outlined-danger'}
101
- ${'text-primary'}
102
- ${'text-secondary'}
103
- ${'text-danger'}
104
- `(
105
- 'has pressed with the correct variant $themeVariant style',
106
- ({ themeVariant }) => {
107
- const { toJSON } = renderWithTheme(
108
- <StyledButtonText themeVariant={themeVariant} pressed>
109
- Example
110
- </StyledButtonText>
111
- );
112
- expect(toJSON()).toMatchSnapshot();
113
- }
114
- );
115
-
116
68
  it('renders disabled correctly', () => {
117
69
  const { toJSON } = renderWithTheme(
118
70
  <StyledButtonText themeVariant="filled-primary" disabled>
@@ -159,28 +111,6 @@ describe('StyledButtonIcon', () => {
159
111
  expect(toJSON()).toMatchSnapshot();
160
112
  });
161
113
 
162
- it.each`
163
- themeVariant
164
- ${'basic-transparent'}
165
- ${'filled-primary'}
166
- ${'filled-secondary'}
167
- ${'filled-danger'}
168
- ${'outlined-primary'}
169
- ${'outlined-secondary'}
170
- ${'outlined-danger'}
171
- ${'text-primary'}
172
- ${'text-secondary'}
173
- ${'text-danger'}
174
- `(
175
- 'has pressed with the correct variant $themeVariant style',
176
- ({ themeVariant }) => {
177
- const { toJSON } = renderWithTheme(
178
- <StyledButtonIcon icon="bell" themeVariant={themeVariant} pressed />
179
- );
180
- expect(toJSON()).toMatchSnapshot();
181
- }
182
- );
183
-
184
114
  it('renders disabled correctly', () => {
185
115
  const { toJSON } = renderWithTheme(
186
116
  <StyledButtonIcon icon="bell" themeVariant="filled-primary" disabled />