@hero-design/rn 8.52.2-rc2.0 → 8.53.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 (184) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +4 -16
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +997 -700
  5. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  6. package/lib/index.js +996 -698
  7. package/package.json +7 -7
  8. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +4 -0
  9. package/src/components/Accordion/__tests__/__snapshots__/StyledAccordion.spec.tsx.snap +2 -0
  10. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  11. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +7 -0
  12. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  13. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +2 -0
  14. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  15. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -0
  16. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  17. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +6 -0
  18. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -0
  19. package/src/components/BottomNavigation/StyledBottomNavigation.tsx +60 -0
  20. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +413 -0
  21. package/src/components/BottomNavigation/__tests__/index.spec.tsx +97 -0
  22. package/src/components/BottomNavigation/index.tsx +166 -0
  23. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +21 -32
  24. package/src/components/BottomSheet/index.tsx +1 -1
  25. package/src/components/Box/__tests__/__snapshots__/index.spec.tsx.snap +21 -0
  26. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +10 -0
  27. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +10 -0
  28. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  29. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +16 -0
  30. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -0
  31. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +32 -0
  32. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +5 -0
  33. package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap +7 -0
  34. package/src/components/Card/DataCard/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
  35. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -0
  36. package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +6 -0
  37. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +2 -0
  38. package/src/components/Carousel/__tests__/__snapshots__/StyledCardCarousel.spec.tsx.snap +4 -0
  39. package/src/components/Carousel/__tests__/__snapshots__/StyledCarousel.spec.tsx.snap +1 -0
  40. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +803 -1
  41. package/src/components/Carousel/__tests__/index.spec.tsx +47 -37
  42. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +8 -0
  43. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +6 -0
  44. package/src/components/Checkbox/index.tsx +13 -1
  45. package/src/components/Chip/__tests__/__snapshots__/index.spec.tsx.snap +12 -0
  46. package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap +2 -0
  47. package/src/components/Collapse/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  48. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -0
  49. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  50. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +15 -0
  51. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +1 -0
  52. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +1 -0
  53. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +329 -309
  54. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -0
  55. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  56. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  57. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  58. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  59. package/src/components/Error/index.tsx +20 -3
  60. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  61. package/src/components/FAB/ActionGroup/index.tsx +14 -1
  62. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -0
  63. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -0
  64. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  65. package/src/components/HeroDesignProvider/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  66. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  67. package/src/components/Icon/IconList.ts +7 -0
  68. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  69. package/src/components/Image/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  70. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +2 -0
  71. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +4 -0
  72. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +4 -0
  73. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +9 -0
  74. package/src/components/Modal/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  75. package/src/components/PageControl/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  76. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +5 -0
  77. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  78. package/src/components/Portal/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  79. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +5 -0
  80. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +2 -0
  81. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +1 -0
  82. package/src/components/Rate/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  83. package/src/components/RefreshControl/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  84. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +1 -0
  85. package/src/components/RichTextEditor/__tests__/__snapshots__/MentionList.spec.tsx.snap +1 -0
  86. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +2 -0
  87. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +4 -0
  88. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +6 -0
  89. package/src/components/SectionHeading/__tests__/index.spec.tsx +1 -0
  90. package/src/components/SectionHeading/index.tsx +57 -32
  91. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -0
  92. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +4 -0
  93. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +42 -128
  94. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +1 -0
  95. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +4 -0
  96. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +35 -96
  97. package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +7 -0
  98. package/src/components/Slider/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  99. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +1 -0
  100. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +24 -0
  101. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  102. package/src/components/Success/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  103. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +3 -0
  104. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  105. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +4 -0
  106. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +1 -0
  107. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +5 -0
  108. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  109. package/src/components/Tabs/__tests__/SceneView.spec.tsx +1 -1
  110. package/src/components/Tabs/__tests__/__snapshots__/SceneView.spec.tsx.snap +4 -0
  111. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +3 -0
  112. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +1 -0
  113. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +2 -0
  114. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +3 -0
  115. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +10 -0
  116. package/src/components/Tag/index.tsx +12 -0
  117. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +21 -0
  118. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +17 -0
  119. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +2 -0
  120. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +330 -309
  121. package/src/components/Toast/StyledToast.tsx +9 -7
  122. package/src/components/Toast/Toast.tsx +4 -1
  123. package/src/components/Toast/ToastContainer.tsx +6 -2
  124. package/src/components/Toast/ToastContext.ts +5 -2
  125. package/src/components/Toast/ToastProvider.tsx +19 -2
  126. package/src/components/Toast/__tests__/ToastContainer.spec.tsx +15 -12
  127. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +7 -0
  128. package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap +14 -6
  129. package/src/components/Toast/types.ts +5 -1
  130. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +3 -0
  131. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -0
  132. package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap +16 -0
  133. package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap +19 -0
  134. package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap +10 -0
  135. package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap +13 -0
  136. package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap +8 -0
  137. package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap +11 -0
  138. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +20 -0
  139. package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap +20 -0
  140. package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap +23 -0
  141. package/src/index.ts +2 -0
  142. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +102 -0
  143. package/src/theme/components/badge.ts +28 -1
  144. package/src/theme/components/bottomNavigation.ts +27 -0
  145. package/src/theme/components/button.ts +24 -0
  146. package/src/theme/components/carousel.ts +28 -1
  147. package/src/theme/components/empty.ts +23 -1
  148. package/src/theme/components/error.ts +32 -1
  149. package/src/theme/components/fab.ts +13 -2
  150. package/src/theme/components/pinInput.ts +32 -0
  151. package/src/theme/components/success.ts +23 -1
  152. package/src/theme/components/tag.ts +28 -1
  153. package/src/theme/components/textInput.ts +5 -0
  154. package/src/theme/getTheme.ts +21 -18
  155. package/src/types.ts +2 -0
  156. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +52 -0
  157. package/types/components/BottomNavigation/index.d.ts +45 -0
  158. package/types/components/Checkbox/index.d.ts +6 -1
  159. package/types/components/Error/index.d.ts +9 -3
  160. package/types/components/FAB/ActionGroup/index.d.ts +5 -0
  161. package/types/components/Icon/IconList.d.ts +1 -1
  162. package/types/components/Icon/index.d.ts +1 -1
  163. package/types/components/Icon/utils.d.ts +1 -1
  164. package/types/components/SectionHeading/index.d.ts +11 -1
  165. package/types/components/Tag/index.d.ts +6 -1
  166. package/types/components/Toast/StyledToast.d.ts +2 -0
  167. package/types/components/Toast/ToastContext.d.ts +2 -2
  168. package/types/components/Toast/ToastProvider.d.ts +1 -1
  169. package/types/components/Toast/index.d.ts +1 -1
  170. package/types/components/Toast/types.d.ts +5 -1
  171. package/types/index.d.ts +2 -1
  172. package/types/theme/components/badge.d.ts +24 -0
  173. package/types/theme/components/bottomNavigation.d.ts +23 -0
  174. package/types/theme/components/button.d.ts +20 -0
  175. package/types/theme/components/carousel.d.ts +24 -0
  176. package/types/theme/components/empty.d.ts +19 -0
  177. package/types/theme/components/error.d.ts +27 -0
  178. package/types/theme/components/fab.d.ts +19 -8
  179. package/types/theme/components/pinInput.d.ts +27 -0
  180. package/types/theme/components/success.d.ts +19 -0
  181. package/types/theme/components/tag.d.ts +24 -0
  182. package/types/theme/components/textInput.d.ts +5 -0
  183. package/types/theme/getTheme.d.ts +20 -18
  184. package/types/types.d.ts +2 -1
@@ -24,7 +24,38 @@ const getErrorTheme = (theme: GlobalTheme) => {
24
24
  inPageBackground: theme.colors.neutralGlobalSurface,
25
25
  };
26
26
 
27
- return { colors, sizes, space };
27
+ const fontSizes = {
28
+ title: theme.fontSizes.xxxlarge,
29
+ description: theme.fontSizes.xlarge,
30
+ };
31
+
32
+ const fonts = {
33
+ title: theme.fonts.playful.semiBold,
34
+ description: theme.fonts.playful.regular,
35
+ };
36
+
37
+ const lineHeight = {
38
+ title: theme.lineHeights.xxxlarge,
39
+ description: theme.lineHeights.xlarge,
40
+ };
41
+
42
+ return { fontSizes, colors, sizes, space, fonts, lineHeight };
28
43
  };
29
44
 
45
+ type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
46
+ export interface ErrorThemeType extends GetErrorThemeReturnType {
47
+ /**
48
+ * @deprecated will be removed in v9
49
+ * */
50
+ fonts: GetErrorThemeReturnType['fonts'];
51
+ /**
52
+ * @deprecated will be removed in v9
53
+ * */
54
+ fontSizes: GetErrorThemeReturnType['fontSizes'];
55
+ /**
56
+ * @deprecated will be removed in v9
57
+ * */
58
+ lineHeight: GetErrorThemeReturnType['lineHeight'];
59
+ }
60
+
30
61
  export default getErrorTheme;
@@ -61,14 +61,25 @@ const getFABTheme = (theme: GlobalTheme) => {
61
61
 
62
62
  return {
63
63
  radii,
64
- colors,
65
- sizes,
66
64
  fonts,
67
65
  fontSizes,
66
+ colors,
67
+ sizes,
68
68
  lineHeights,
69
69
  shadows,
70
70
  space,
71
71
  };
72
72
  };
73
+ type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
74
+ export interface FABThemeType extends GetFABThemeReturnType {
75
+ /**
76
+ * @deprecated will be removed in v9
77
+ * */
78
+ fonts: GetFABThemeReturnType['fonts'];
79
+ /**
80
+ * @deprecated will be removed in v9
81
+ * */
82
+ fontSizes: GetFABThemeReturnType['fontSizes'];
83
+ }
73
84
 
74
85
  export default getFABTheme;
@@ -13,6 +13,20 @@ const getPinInputTheme = (theme: GlobalTheme) => {
13
13
  disabled: theme.colors.disabledOnDefaultGlobalSurface,
14
14
  };
15
15
 
16
+ const fonts = {
17
+ cellText: theme.fonts.neutral.semiBold,
18
+ errorMessage: theme.fonts.neutral.regular,
19
+ };
20
+
21
+ const fontSizes = {
22
+ cellText: theme.fontSizes.xxxxlarge,
23
+ errorMessage: theme.fontSizes.small,
24
+ };
25
+ const lineHeights = {
26
+ cellText: theme.lineHeights.xxxxlarge,
27
+ errorMessage: theme.fontSizes.small,
28
+ };
29
+
16
30
  const sizes = {
17
31
  cellWidth: theme.sizes.xxlarge,
18
32
  cellHeight: theme.sizes.xxxlarge,
@@ -31,11 +45,29 @@ const getPinInputTheme = (theme: GlobalTheme) => {
31
45
 
32
46
  return {
33
47
  borderWidths,
48
+ lineHeights,
34
49
  colors,
50
+ fonts,
51
+ fontSizes,
35
52
  sizes,
36
53
  space,
37
54
  radii,
38
55
  };
39
56
  };
57
+ type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
58
+ export interface PinInputThemeType extends GetPinInputThemeReturnType {
59
+ /**
60
+ * @deprecated will be removed in v9
61
+ * */
62
+ fonts: GetPinInputThemeReturnType['fonts'];
63
+ /**
64
+ * @deprecated will be removed in v9
65
+ * */
66
+ fontSizes: GetPinInputThemeReturnType['fontSizes'];
67
+ /**
68
+ * @deprecated will be removed in v9
69
+ * */
70
+ lineHeights: GetPinInputThemeReturnType['lineHeights'];
71
+ }
40
72
 
41
73
  export default getPinInputTheme;
@@ -24,7 +24,29 @@ const getSuccessTheme = (theme: GlobalTheme) => {
24
24
  inPageBackground: theme.colors.neutralGlobalSurface,
25
25
  };
26
26
 
27
- return { colors, sizes, space };
27
+ const fontSizes = {
28
+ title: theme.fontSizes.xxxlarge,
29
+ description: theme.fontSizes.xlarge,
30
+ };
31
+
32
+ const fonts = {
33
+ title: theme.fonts.playful.semiBold,
34
+ description: theme.fonts.playful.regular,
35
+ };
36
+
37
+ return { fontSizes, colors, sizes, space, fonts };
28
38
  };
29
39
 
40
+ type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
41
+ export interface SuccessThemeType extends GetSuccessThemeReturnType {
42
+ /**
43
+ * @deprecated will be removed in v9
44
+ * */
45
+ fonts: GetSuccessThemeReturnType['fonts'];
46
+ /**
47
+ * @deprecated will be removed in v9
48
+ * */
49
+ fontSizes: GetSuccessThemeReturnType['fontSizes'];
50
+ }
51
+
30
52
  export default getSuccessTheme;
@@ -21,6 +21,17 @@ const getTagTheme = (theme: GlobalTheme) => {
21
21
  text: theme.colors.onDefaultGlobalSurface,
22
22
  };
23
23
 
24
+ const fonts = {
25
+ default: theme.fonts.neutral.semiBold,
26
+ };
27
+
28
+ const fontSizes = {
29
+ default: theme.fontSizes.small,
30
+ };
31
+ const lineHeights = {
32
+ default: theme.lineHeights.small,
33
+ };
34
+
24
35
  const space = {
25
36
  horizontalPadding: theme.space.small,
26
37
  verticalPadding: theme.space.xsmall,
@@ -30,7 +41,23 @@ const getTagTheme = (theme: GlobalTheme) => {
30
41
  default: theme.radii.base,
31
42
  };
32
43
 
33
- return { borderWidths, colors, space, radii };
44
+ return { borderWidths, colors, fonts, fontSizes, space, radii, lineHeights };
34
45
  };
35
46
 
47
+ type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
48
+ export interface TagThemeType extends GetTagThemeReturnType {
49
+ /**
50
+ * @deprecated will be removed in v9
51
+ * */
52
+ fonts: GetTagThemeReturnType['fonts'];
53
+ /**
54
+ * @deprecated will be removed in v9
55
+ * */
56
+ fontSizes: GetTagThemeReturnType['fontSizes'];
57
+ /**
58
+ * @deprecated will be removed in v9
59
+ * */
60
+ lineHeights: GetTagThemeReturnType['lineHeights'];
61
+ }
62
+
36
63
  export default getTagTheme;
@@ -64,6 +64,11 @@ const getTextInputTheme = (theme: GlobalTheme) => {
64
64
 
65
65
  const fontSizes = {
66
66
  text: theme.fontSizes.large,
67
+ labelInsideTextInput: theme.fontSizes.large,
68
+ error: theme.fontSizes.small,
69
+ maxLength: theme.fontSizes.small,
70
+ asteriskLabel: theme.fontSizes.large,
71
+ topLabel: theme.fontSizes.small,
67
72
  };
68
73
 
69
74
  const borderWidths = {
@@ -4,12 +4,13 @@ import getAccordionTheme from './components/accordion';
4
4
  import getAlertTheme from './components/alert';
5
5
  import getAttachmentTheme from './components/attachment';
6
6
  import getAvatarTheme from './components/avatar';
7
- import getBadgeTheme from './components/badge';
7
+ import getBadgeTheme, { BadgeThemeType } from './components/badge';
8
+ import getBottomNavigationTheme from './components/bottomNavigation';
8
9
  import getBottomSheetTheme from './components/bottomSheet';
9
- import getButtonTheme from './components/button';
10
+ import getButtonTheme, { ButtonThemeType } from './components/button';
10
11
  import getCalendarTheme from './components/calendar';
11
12
  import getCardTheme from './components/card';
12
- import getCarouselTheme from './components/carousel';
13
+ import getCarouselTheme, { CarouselThemeType } from './components/carousel';
13
14
  import getCardCarouselTheme from './components/cardCarousel';
14
15
  import getCheckboxTheme from './components/checkbox';
15
16
  import getChipTheme from './components/chip';
@@ -17,14 +18,14 @@ import getContentNavigatorTheme from './components/contentNavigator';
17
18
  import getDatePickerTheme from './components/datePicker';
18
19
  import getDividerTheme from './components/divider';
19
20
  import getDrawerTheme from './components/drawer';
20
- import getEmptyTheme from './components/empty';
21
- import getErrorTheme from './components/error';
22
- import getFABTheme from './components/fab';
21
+ import getEmptyTheme, { EmptyThemeType } from './components/empty';
22
+ import getErrorTheme, { ErrorThemeType } from './components/error';
23
+ import getFABTheme, { FABThemeType } from './components/fab';
23
24
  import getIconTheme from './components/icon';
24
25
  import getImageTheme from './components/image';
25
26
  import getListTheme from './components/list';
26
27
  import getPageControlTheme from './components/pageControl';
27
- import getPinInputTheme from './components/pinInput';
28
+ import getPinInputTheme, { PinInputThemeType } from './components/pinInput';
28
29
  import getProgressTheme from './components/progress';
29
30
  import getRadioTheme from './components/radio';
30
31
  import getRateTheme from './components/rate';
@@ -35,11 +36,11 @@ import getSelectTheme from './components/select';
35
36
  import getSkeletonTheme from './components/skeleton';
36
37
  import getSliderTheme from './components/slider';
37
38
  import getSpinnerTheme from './components/spinner';
38
- import getSuccessTheme from './components/success';
39
+ import getSuccessTheme, { SuccessThemeType } from './components/success';
39
40
  import getSwipeableTheme from './components/swipeable';
40
41
  import getSwitchTheme from './components/switch';
41
42
  import getTabsTheme from './components/tabs';
42
- import getTagTheme from './components/tag';
43
+ import getTagTheme, { TagThemeType } from './components/tag';
43
44
  import getTextInputTheme from './components/textInput';
44
45
  import getTimePickerTheme from './components/timePicker';
45
46
  import getToastTheme from './components/toast';
@@ -54,12 +55,13 @@ type Theme = GlobalTheme & {
54
55
  alert: ReturnType<typeof getAlertTheme>;
55
56
  attachment: ReturnType<typeof getAttachmentTheme>;
56
57
  avatar: ReturnType<typeof getAvatarTheme>;
57
- badge: ReturnType<typeof getBadgeTheme>;
58
+ badge: BadgeThemeType;
59
+ bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
58
60
  bottomSheet: ReturnType<typeof getBottomSheetTheme>;
59
- button: ReturnType<typeof getButtonTheme>;
61
+ button: ButtonThemeType;
60
62
  calendar: ReturnType<typeof getCalendarTheme>;
61
63
  card: ReturnType<typeof getCardTheme>;
62
- carousel: ReturnType<typeof getCarouselTheme>;
64
+ carousel: CarouselThemeType;
63
65
  cardCarousel: ReturnType<typeof getCardCarouselTheme>;
64
66
  checkbox: ReturnType<typeof getCheckboxTheme>;
65
67
  chip: ReturnType<typeof getChipTheme>;
@@ -67,14 +69,14 @@ type Theme = GlobalTheme & {
67
69
  datePicker: ReturnType<typeof getDatePickerTheme>;
68
70
  divider: ReturnType<typeof getDividerTheme>;
69
71
  drawer: ReturnType<typeof getDrawerTheme>;
70
- empty: ReturnType<typeof getEmptyTheme>;
71
- error: ReturnType<typeof getErrorTheme>;
72
- fab: ReturnType<typeof getFABTheme>;
72
+ empty: EmptyThemeType;
73
+ error: ErrorThemeType;
74
+ fab: FABThemeType;
73
75
  icon: ReturnType<typeof getIconTheme>;
74
76
  image: ReturnType<typeof getImageTheme>;
75
77
  list: ReturnType<typeof getListTheme>;
76
78
  pageControl: ReturnType<typeof getPageControlTheme>;
77
- pinInput: ReturnType<typeof getPinInputTheme>;
79
+ pinInput: PinInputThemeType;
78
80
  progress: ReturnType<typeof getProgressTheme>;
79
81
  radio: ReturnType<typeof getRadioTheme>;
80
82
  rate: ReturnType<typeof getRateTheme>;
@@ -85,11 +87,11 @@ type Theme = GlobalTheme & {
85
87
  skeleton: ReturnType<typeof getSkeletonTheme>;
86
88
  slider: ReturnType<typeof getSliderTheme>;
87
89
  spinner: ReturnType<typeof getSpinnerTheme>;
88
- success: ReturnType<typeof getSuccessTheme>;
90
+ success: SuccessThemeType;
89
91
  swipeable: ReturnType<typeof getSwipeableTheme>;
90
92
  switch: ReturnType<typeof getSwitchTheme>;
91
93
  tabs: ReturnType<typeof getTabsTheme>;
92
- tag: ReturnType<typeof getTagTheme>;
94
+ tag: TagThemeType;
93
95
  textInput: ReturnType<typeof getTextInputTheme>;
94
96
  timePicker: ReturnType<typeof getTimePickerTheme>;
95
97
  toast: ReturnType<typeof getToastTheme>;
@@ -111,6 +113,7 @@ const getTheme = (
111
113
  attachment: getAttachmentTheme(globalTheme),
112
114
  avatar: getAvatarTheme(globalTheme),
113
115
  badge: getBadgeTheme(globalTheme),
116
+ bottomNavigation: getBottomNavigationTheme(globalTheme),
114
117
  bottomSheet: getBottomSheetTheme(globalTheme),
115
118
  button: getButtonTheme(globalTheme),
116
119
  calendar: getCalendarTheme(globalTheme),
package/src/types.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import type { BottomNavigationTabType } from './components/BottomNavigation';
1
2
  import type { IconName } from './components/Icon';
2
3
  import type { SingleSelectProps, MultiSelectProps } from './components/Select';
3
4
  import type { TabType } from './components/Tabs';
@@ -18,6 +19,7 @@ import { FABHandles } from './components/FAB/FAB';
18
19
  import { ActionGroupHandles } from './components/FAB/ActionGroup';
19
20
 
20
21
  export type {
22
+ BottomNavigationTabType,
21
23
  IconName,
22
24
  SingleSelectProps,
23
25
  MultiSelectProps,
@@ -0,0 +1,52 @@
1
+ /// <reference types="react" />
2
+ import { View } from 'react-native';
3
+ declare const BottomNavigationTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
4
+ theme?: import("@emotion/react").Theme | undefined;
5
+ as?: import("react").ElementType<any> | undefined;
6
+ } & {
7
+ themeVisibility?: boolean | undefined;
8
+ }, {}, {
9
+ ref?: import("react").Ref<View> | undefined;
10
+ }>;
11
+ declare const BottomNavigationContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
12
+ theme?: import("@emotion/react").Theme | undefined;
13
+ as?: import("react").ElementType<any> | undefined;
14
+ }, {}, {
15
+ ref?: import("react").Ref<View> | undefined;
16
+ }>;
17
+ declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
18
+ theme?: import("@emotion/react").Theme | undefined;
19
+ as?: import("react").ElementType<any> | undefined;
20
+ }, {}, {
21
+ ref?: import("react").Ref<View> | undefined;
22
+ }>;
23
+ declare const BottomBarWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
24
+ theme?: import("@emotion/react").Theme | undefined;
25
+ as?: import("react").ElementType<any> | undefined;
26
+ } & {
27
+ themeInsets: {
28
+ top: number;
29
+ right: number;
30
+ bottom: number;
31
+ left: number;
32
+ };
33
+ }, {}, {
34
+ ref?: import("react").Ref<View> | undefined;
35
+ }>;
36
+ declare const BottomBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
37
+ theme?: import("@emotion/react").Theme | undefined;
38
+ as?: import("react").ElementType<any> | undefined;
39
+ }, {}, {
40
+ ref?: import("react").Ref<View> | undefined;
41
+ }>;
42
+ declare const BottomBarItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
43
+ theme?: import("@emotion/react").Theme | undefined;
44
+ as?: import("react").ElementType<any> | undefined;
45
+ }, {}, {
46
+ ref?: import("react").Ref<View> | undefined;
47
+ }>;
48
+ declare const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
49
+ theme?: import("@emotion/react").Theme | undefined;
50
+ as?: import("react").ElementType<any> | undefined;
51
+ }, {}, {}>;
52
+ export { BottomBar, BottomBarItem, BottomNavigationTab, BottomNavigationContainer, BottomBarWrapper, ContentWrapper, StyledBottomBarText, };
@@ -0,0 +1,45 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
3
+ import type { IconName } from '../Icon';
4
+ export type BottomNavigationTabType = {
5
+ key: string;
6
+ title?: string;
7
+ icon: IconName;
8
+ component: ReactNode;
9
+ testID?: string;
10
+ };
11
+ interface BottomNavigationProps extends ViewProps {
12
+ /**
13
+ * Callback which is called on tab press, receiving key of upcoming active Tab.
14
+ */
15
+ onTabPress: (key: string) => void;
16
+ /**
17
+ * Whether inactive tabs should be removed and unmounted in React.
18
+ * Defaults to `false`.
19
+ */
20
+ renderActiveTabOnly?: boolean;
21
+ /**
22
+ * Current selected tab key.
23
+ */
24
+ selectedTabKey: string;
25
+ /**
26
+ * List of Tabs to be rendered. Each Tab must have an unique key.
27
+ */
28
+ tabs: {
29
+ key: string;
30
+ title?: string;
31
+ icon: IconName;
32
+ component: ReactNode;
33
+ testID?: string;
34
+ }[];
35
+ /**
36
+ * Additional style.
37
+ */
38
+ style?: StyleProp<ViewStyle>;
39
+ /**
40
+ * Testing id of the component.
41
+ */
42
+ testID?: string;
43
+ }
44
+ declare const BottomNavigation: ({ onTabPress, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: BottomNavigationProps) => JSX.Element;
45
+ export default BottomNavigation;
@@ -9,6 +9,11 @@ export interface CheckboxProps {
9
9
  * Checkbox's description.
10
10
  */
11
11
  description?: string;
12
+ /**
13
+ * @deprecated This prop will be removed in the next major release. Checkboxes will always have border.
14
+ * Whether the border is shown.
15
+ */
16
+ withBorder?: boolean;
12
17
  /**
13
18
  * Whether the switch is disabled
14
19
  */
@@ -35,5 +40,5 @@ type getStateType = {
35
40
  readonly: boolean;
36
41
  };
37
42
  export declare const getThemeState: ({ disabled, readonly }: getStateType) => "default" | "disabled" | "readonly";
38
- declare const Checkbox: ({ checked, description, disabled, onPress, style, testID, readonly, }: CheckboxProps) => React.JSX.Element;
43
+ declare const Checkbox: ({ checked, description, withBorder, disabled, onPress, style, testID, readonly, }: CheckboxProps) => React.JSX.Element;
39
44
  export default Checkbox;
@@ -1,8 +1,14 @@
1
1
  import { ReactElement } from 'react';
2
- import type { ImageSourcePropType, ImageProps as RNImageProps, ViewProps } from 'react-native';
3
- import { ImageProps } from '../Image/index';
2
+ import type { ImageSourcePropType, ViewProps, ImageProps as RNImageProps } from 'react-native';
4
3
  import { ErrorVariant } from './StyledError';
4
+ import { ImageProps } from '../Image/index';
5
5
  interface ErrorProps extends ViewProps {
6
+ /**
7
+ * @deprecated use conditional rendering instead
8
+ *
9
+ * Visibility of the error
10
+ */
11
+ visible?: boolean;
6
12
  /**
7
13
  * Variant of the error
8
14
  */
@@ -46,5 +52,5 @@ interface ErrorProps extends ViewProps {
46
52
  * @param {ErrorProps}
47
53
  * @return {*} {ReactElement}
48
54
  */
49
- declare const Error: ({ variant, title, description, image, testID, ctaText, onCtaPress, secondaryCtaText, onSecondaryCtaPress, ...nativeProps }: ErrorProps) => ReactElement;
55
+ declare const Error: ({ visible, variant, title, description, image, testID, ctaText, onCtaPress, secondaryCtaText, onSecondaryCtaPress, ...nativeProps }: ErrorProps) => ReactElement;
50
56
  export default Error;
@@ -8,6 +8,11 @@ export type ActionGroupHandles = {
8
8
  hideFAB: () => void;
9
9
  };
10
10
  export interface ActionGroupProps {
11
+ /**
12
+ * @deprecated headerTitle will be removed in the next major release.
13
+ * Title of the action group header.
14
+ */
15
+ headerTitle?: string;
11
16
  /**
12
17
  * This function is called on pressing the FAB button.
13
18
  * */
@@ -1,2 +1,2 @@
1
- declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-outlined", "dentistry-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "resume-outlined", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-outlined", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined"];
1
+ declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay-daily", "instapay-now", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "cashback-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-outlined", "dentistry-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "resume-outlined", "return-arrow", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-outlined", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stash-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined"];
2
2
  export default IconList;
@@ -30,6 +30,6 @@ export interface IconProps extends AccessibilityProps {
30
30
  }
31
31
  declare const Icon: {
32
32
  ({ icon, style, size, intent, testID, spin, accessibilityLabel, accessibilityHint, accessibilityRole, accessibilityState, accessibilityValue, accessibilityLiveRegion, accessibilityElementsHidden, accessible, accessibilityIgnoresInvertColors, accessibilityViewIsModal, accessibilityActions, }: IconProps): React.JSX.Element;
33
- List: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-outlined", "dentistry-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "resume-outlined", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-outlined", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined"];
33
+ List: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay-daily", "instapay-now", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "cashback-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-outlined", "dentistry-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "resume-outlined", "return-arrow", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-outlined", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stash-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined"];
34
34
  };
35
35
  export default Icon;