@hero-design/rn 7.4.0 → 7.5.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 (155) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/assets/fonts/hero-icons.ttf +0 -0
  3. package/es/index.js +4117 -3926
  4. package/lib/assets/fonts/hero-icons.ttf +0 -0
  5. package/lib/index.js +4111 -3919
  6. package/package.json +2 -2
  7. package/playground/package.json +3 -3
  8. package/playground/src/Alert.tsx +80 -0
  9. package/playground/src/App.tsx +6 -0
  10. package/playground/src/MultipleThemes.tsx +34 -0
  11. package/src/components/Alert/StyledAlert.tsx +48 -0
  12. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +686 -0
  13. package/src/components/Alert/__tests__/index.spec.tsx +83 -0
  14. package/src/components/Alert/index.tsx +109 -0
  15. package/src/components/Icon/HeroIcon/selection.json +1 -1
  16. package/src/components/Icon/IconList.ts +2 -0
  17. package/src/index.ts +2 -0
  18. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +22 -0
  19. package/src/theme/components/alert.ts +32 -0
  20. package/src/theme/global/colors.ts +1 -0
  21. package/src/theme/index.ts +3 -0
  22. package/types/{src/components/Progress/StyledProgressCircle.d.ts → components/Alert/StyledAlert.d.ts} +13 -14
  23. package/types/{src/components/Avatar → components/Alert}/__tests__/index.spec.d.ts +0 -0
  24. package/types/components/Alert/index.d.ts +42 -0
  25. package/types/components/Icon/IconList.d.ts +1 -1
  26. package/types/components/Icon/utils.d.ts +1 -1
  27. package/types/index.d.ts +2 -1
  28. package/types/theme/components/alert.d.ts +23 -0
  29. package/types/theme/global/colors.d.ts +1 -0
  30. package/types/theme/global/index.d.ts +1 -0
  31. package/types/theme/index.d.ts +2 -0
  32. package/.turbo/turbo-build:types.log +0 -2
  33. package/.turbo/turbo-test.log +0 -131
  34. package/.turbo/turbo-type-check.log +0 -7
  35. package/playground/src/Button.tsx~origin_master +0 -170
  36. package/types/playground/components/Avatar.d.ts +0 -2
  37. package/types/playground/components/Badge.d.ts +0 -2
  38. package/types/playground/components/BottomNavigation.d.ts +0 -2
  39. package/types/playground/components/Button.d.ts +0 -2
  40. package/types/playground/components/Card.d.ts +0 -2
  41. package/types/playground/components/Collapse.d.ts +0 -2
  42. package/types/playground/components/Divider.d.ts +0 -2
  43. package/types/playground/components/Drawer.d.ts +0 -2
  44. package/types/playground/components/FAB.d.ts +0 -2
  45. package/types/playground/components/Icon.d.ts +0 -2
  46. package/types/playground/components/IconButton.d.ts +0 -2
  47. package/types/playground/components/Progress.d.ts +0 -2
  48. package/types/playground/components/Tabs.d.ts +0 -2
  49. package/types/playground/components/Tag.d.ts +0 -2
  50. package/types/playground/components/Typography.d.ts +0 -2
  51. package/types/playground/index.d.ts +0 -2
  52. package/types/src/components/Avatar/StyledAvatar.d.ts +0 -46
  53. package/types/src/components/Avatar/__tests__/StyledAvatar.spec.d.ts +0 -1
  54. package/types/src/components/Avatar/index.d.ts +0 -25
  55. package/types/src/components/Badge/Status.d.ts +0 -24
  56. package/types/src/components/Badge/StyledBadge.d.ts +0 -28
  57. package/types/src/components/Badge/__tests__/Badge.spec.d.ts +0 -1
  58. package/types/src/components/Badge/__tests__/Status.spec.d.ts +0 -1
  59. package/types/src/components/Badge/index.d.ts +0 -32
  60. package/types/src/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -52
  61. package/types/src/components/BottomNavigation/__tests__/index.spec.d.ts +0 -1
  62. package/types/src/components/BottomNavigation/index.d.ts +0 -45
  63. package/types/src/components/Button/Button.d.ts +0 -57
  64. package/types/src/components/Button/IconButton.d.ts +0 -34
  65. package/types/src/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +0 -20
  66. package/types/src/components/Button/LoadingIndicator/__tests__/StyledLoadingIndicator.spec.d.ts +0 -1
  67. package/types/src/components/Button/LoadingIndicator/__tests__/index.spec.d.ts +0 -1
  68. package/types/src/components/Button/LoadingIndicator/index.d.ts +0 -26
  69. package/types/src/components/Button/StyledButton.d.ts +0 -40
  70. package/types/src/components/Button/__tests__/Button.spec.d.ts +0 -1
  71. package/types/src/components/Button/__tests__/IconButton.spec.d.ts +0 -1
  72. package/types/src/components/Button/__tests__/StyledButton.spec.d.ts +0 -1
  73. package/types/src/components/Button/__tests__/index.spec.d.ts +0 -1
  74. package/types/src/components/Button/index.d.ts +0 -8
  75. package/types/src/components/Card/StyledCard.d.ts +0 -17
  76. package/types/src/components/Card/__tests__/StyledCard.spec.d.ts +0 -1
  77. package/types/src/components/Card/__tests__/index.spec.d.ts +0 -1
  78. package/types/src/components/Card/index.d.ts +0 -22
  79. package/types/src/components/Collapse/StyledCollapse.d.ts +0 -15
  80. package/types/src/components/Collapse/__tests__/StyledCollapse.spec.d.ts +0 -1
  81. package/types/src/components/Collapse/__tests__/index.spec.d.ts +0 -1
  82. package/types/src/components/Collapse/index.d.ts +0 -23
  83. package/types/src/components/Divider/StyledDivider.d.ts +0 -13
  84. package/types/src/components/Divider/__tests__/StyledDivider.spec.d.ts +0 -1
  85. package/types/src/components/Divider/index.d.ts +0 -21
  86. package/types/src/components/Drawer/StyledDrawer.d.ts +0 -25
  87. package/types/src/components/Drawer/__tests__/index.spec.d.ts +0 -1
  88. package/types/src/components/Drawer/index.d.ts +0 -25
  89. package/types/src/components/FAB/ActionGroup/ActionItem.d.ts +0 -12
  90. package/types/src/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -30
  91. package/types/src/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -13
  92. package/types/src/components/FAB/ActionGroup/__tests__/index.spec.d.ts +0 -1
  93. package/types/src/components/FAB/ActionGroup/index.d.ts +0 -34
  94. package/types/src/components/FAB/AnimatedFABIcon.d.ts +0 -6
  95. package/types/src/components/FAB/FAB.d.ts +0 -34
  96. package/types/src/components/FAB/StyledFAB.d.ts +0 -20
  97. package/types/src/components/FAB/__tests__/AnimatedFABIcon.spec.d.ts +0 -1
  98. package/types/src/components/FAB/__tests__/StyledFAB.spec.d.ts +0 -1
  99. package/types/src/components/FAB/__tests__/index.spec.d.ts +0 -1
  100. package/types/src/components/FAB/index.d.ts +0 -4
  101. package/types/src/components/Icon/HeroIcon/index.d.ts +0 -13
  102. package/types/src/components/Icon/IconList.d.ts +0 -2
  103. package/types/src/components/Icon/__tests__/index.spec.d.ts +0 -1
  104. package/types/src/components/Icon/index.d.ts +0 -27
  105. package/types/src/components/Icon/utils.d.ts +0 -2
  106. package/types/src/components/Progress/ProgressBar.d.ts +0 -18
  107. package/types/src/components/Progress/ProgressCircle.d.ts +0 -18
  108. package/types/src/components/Progress/StyledProgressBar.d.ts +0 -18
  109. package/types/src/components/Progress/__tests__/index.spec.d.ts +0 -1
  110. package/types/src/components/Progress/index.d.ts +0 -5
  111. package/types/src/components/Progress/types.d.ts +0 -1
  112. package/types/src/components/Tabs/ActiveTabIndicator.d.ts +0 -8
  113. package/types/src/components/Tabs/ScrollableTabs.d.ts +0 -3
  114. package/types/src/components/Tabs/StyledScrollableTabs.d.ts +0 -61
  115. package/types/src/components/Tabs/StyledTabs.d.ts +0 -55
  116. package/types/src/components/Tabs/__tests__/ScrollableTabs.spec.d.ts +0 -1
  117. package/types/src/components/Tabs/__tests__/index.spec.d.ts +0 -1
  118. package/types/src/components/Tabs/index.d.ts +0 -54
  119. package/types/src/components/Tabs/utils.d.ts +0 -2
  120. package/types/src/components/Tag/StyledTag.d.ts +0 -20
  121. package/types/src/components/Tag/__tests__/Tag.spec.d.ts +0 -1
  122. package/types/src/components/Tag/index.d.ts +0 -21
  123. package/types/src/components/Typography/Text/StyledText.d.ts +0 -13
  124. package/types/src/components/Typography/Text/__tests__/StyledText.spec.d.ts +0 -1
  125. package/types/src/components/Typography/Text/__tests__/index.spec.d.ts +0 -1
  126. package/types/src/components/Typography/Text/index.d.ts +0 -30
  127. package/types/src/components/Typography/index.d.ts +0 -6
  128. package/types/src/index.d.ts +0 -19
  129. package/types/src/testHelpers/renderWithTheme.d.ts +0 -3
  130. package/types/src/theme/__tests__/index.spec.d.ts +0 -1
  131. package/types/src/theme/components/avatar.d.ts +0 -32
  132. package/types/src/theme/components/badge.d.ts +0 -29
  133. package/types/src/theme/components/bottomNavigation.d.ts +0 -23
  134. package/types/src/theme/components/button.d.ts +0 -37
  135. package/types/src/theme/components/card.d.ts +0 -10
  136. package/types/src/theme/components/divider.d.ts +0 -17
  137. package/types/src/theme/components/drawer.d.ts +0 -21
  138. package/types/src/theme/components/fab.d.ts +0 -51
  139. package/types/src/theme/components/icon.d.ts +0 -19
  140. package/types/src/theme/components/progress.d.ts +0 -21
  141. package/types/src/theme/components/tabs.d.ts +0 -27
  142. package/types/src/theme/components/tag.d.ts +0 -30
  143. package/types/src/theme/components/typography.d.ts +0 -26
  144. package/types/src/theme/global/borders.d.ts +0 -11
  145. package/types/src/theme/global/colors.d.ts +0 -31
  146. package/types/src/theme/global/index.d.ts +0 -41
  147. package/types/src/theme/global/scale.d.ts +0 -9
  148. package/types/src/theme/global/space.d.ts +0 -13
  149. package/types/src/theme/global/typography.d.ts +0 -21
  150. package/types/src/theme/index.d.ts +0 -35
  151. package/types/src/types.d.ts +0 -5
  152. package/types/src/utils/__tests__/scale.spec.d.ts +0 -1
  153. package/types/src/utils/helpers.d.ts +0 -2
  154. package/types/src/utils/hooks.d.ts +0 -1
  155. package/types/src/utils/scale.d.ts +0 -3
@@ -1,40 +0,0 @@
1
- /// <reference types="react" />
2
- import { View } from 'react-native';
3
- import { Theme } from '@emotion/react';
4
- declare type Intent = 'primary' | 'secondary';
5
- declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'outlined-primary' | 'outlined-secondary';
6
- declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
7
- theme?: Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & {
10
- disabled?: boolean | undefined;
11
- pressed?: boolean | undefined;
12
- themeVariant: ThemeVariant;
13
- }, {}, {
14
- ref?: import("react").Ref<View> | undefined;
15
- }>;
16
- declare const StyledButtonText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
17
- theme?: Theme | undefined;
18
- as?: import("react").ElementType<any> | undefined;
19
- } & {
20
- disabled?: boolean | undefined;
21
- pressed?: boolean | undefined;
22
- themeVariant: ThemeVariant;
23
- }, {}, {}>;
24
- declare const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
25
- theme?: Theme | undefined;
26
- as?: import("react").ElementType<any> | undefined;
27
- } & {
28
- themePosition: 'left' | 'right';
29
- }, {}, {
30
- ref?: import("react").Ref<View> | undefined;
31
- }>;
32
- declare const StyledButtonIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
33
- theme?: Theme | undefined;
34
- as?: import("react").ElementType<any> | undefined;
35
- } & {
36
- disabled?: boolean | undefined;
37
- pressed?: boolean | undefined;
38
- themeVariant: ThemeVariant;
39
- }, {}, {}>;
40
- export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, Intent, ThemeVariant, };
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { ButtonProps } from './Button';
3
- import IconButton from './IconButton';
4
- interface CompoundButtonProps extends FunctionComponent<ButtonProps> {
5
- Icon: typeof IconButton;
6
- }
7
- declare const CompoundButton: CompoundButtonProps;
8
- export default CompoundButton;
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { View } from 'react-native';
3
- declare const StyledCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- } & {
7
- themeVariant: 'basic' | 'data';
8
- }, {}, {
9
- ref?: import("react").Ref<View> | undefined;
10
- }>;
11
- declare const LeftDataCard: 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
- export { StyledCard, LeftDataCard };
@@ -1 +0,0 @@
1
- export {};
@@ -1,22 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { StyleProp, ViewStyle, ViewProps } from 'react-native';
3
- interface CardProps extends ViewProps {
4
- /**
5
- * Card's content.
6
- */
7
- children?: ReactNode;
8
- /**
9
- * Card type.
10
- */
11
- variant?: 'basic' | 'data';
12
- /**
13
- * Addditional style.
14
- */
15
- style?: StyleProp<ViewStyle>;
16
- /**
17
- * Testing id of the component.
18
- */
19
- testID?: string;
20
- }
21
- declare const Card: ({ variant, children, ...nativeProps }: CardProps) => JSX.Element;
22
- export default Card;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View } from 'react-native';
3
- declare const StyledWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
4
- children?: import("react").ReactNode;
5
- } & {
6
- theme?: import("@emotion/react").Theme | undefined;
7
- as?: import("react").ElementType<any> | undefined;
8
- }, {}, {}>;
9
- declare const StyledChildWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- }, {}, {
13
- ref?: import("react").Ref<View> | undefined;
14
- }>;
15
- export { StyledWrapper, StyledChildWrapper };
@@ -1,23 +0,0 @@
1
- import { StyleProp, ViewProps, ViewStyle } from 'react-native';
2
- import { ReactNode } from 'react';
3
- interface CollapseProps extends ViewProps {
4
- children: ReactNode;
5
- /**
6
- * Whether the child components will remain mounted when the Collapse is closed.
7
- */
8
- keepChildrenMounted?: boolean;
9
- /**
10
- * Whether the component is open or closed.
11
- */
12
- open?: boolean;
13
- /**
14
- * Addditional style.
15
- */
16
- style?: StyleProp<ViewStyle>;
17
- /**
18
- * Testing id of the component.
19
- */
20
- testID?: string;
21
- }
22
- declare const Collapse: ({ open, keepChildrenMounted, children, testID, style, }: CollapseProps) => JSX.Element;
23
- export default Collapse;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { View } from 'react-native';
3
- declare type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
4
- declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- } & {
8
- themeMarginHorizontal?: MarginSize | undefined;
9
- themeMarginVertical?: MarginSize | undefined;
10
- }, {}, {
11
- ref?: import("react").Ref<View> | undefined;
12
- }>;
13
- export { StyledDivider };
@@ -1,21 +0,0 @@
1
- import { StyleProp, ViewStyle, ViewProps } from 'react-native';
2
- interface DividerProps extends ViewProps {
3
- /**
4
- * Horizontal margin size. There is no margin by default.
5
- */
6
- marginHorizontal?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
7
- /**
8
- * Vertical margin size. There is no margin by default.
9
- */
10
- marginVertical?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
11
- /**
12
- * Additional style.
13
- */
14
- style?: StyleProp<ViewStyle>;
15
- /**
16
- * Testing id of the component.
17
- */
18
- testID?: string;
19
- }
20
- declare const Divider: ({ marginHorizontal, marginVertical, style, testID, ...nativeProps }: DividerProps) => JSX.Element;
21
- export default Divider;
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View } from 'react-native';
3
- declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- } & {
7
- enableShadow: boolean;
8
- }, {}, {
9
- ref?: import("react").Ref<View> | undefined;
10
- }>;
11
- declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
12
- children?: import("react").ReactNode;
13
- } & {
14
- theme?: import("@emotion/react").Theme | undefined;
15
- as?: import("react").ElementType<any> | undefined;
16
- }, {}, {}>;
17
- declare const StyledDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
18
- children?: import("react").ReactNode;
19
- } & {
20
- theme?: import("@emotion/react").Theme | undefined;
21
- as?: import("react").ElementType<any> | undefined;
22
- } & {
23
- enableShadow: boolean;
24
- }, {}, {}>;
25
- export { StyledBackdrop, StyledContainer, StyledDrawerContainer };
@@ -1 +0,0 @@
1
- export {};
@@ -1,25 +0,0 @@
1
- import { ReactNode } from 'react';
2
- interface DrawerProps {
3
- /**
4
- * Drawer's visibility.
5
- */
6
- visible: boolean;
7
- /**
8
- * Drawer's content.
9
- */
10
- children?: ReactNode;
11
- /**
12
- * Enable the drawer's backdrop.
13
- */
14
- hasBackdrop?: boolean;
15
- /**
16
- * Callback when the drawer is dismissed by interacting outside of the drawer.
17
- */
18
- onDismiss?: () => void;
19
- /**
20
- * Testing id of the component.
21
- * */
22
- testID?: string;
23
- }
24
- declare const Drawer: ({ visible, children, hasBackdrop, onDismiss, testID, }: DrawerProps) => JSX.Element;
25
- export default Drawer;
@@ -1,12 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { StyleProp, ViewStyle } from 'react-native';
3
- import Icon from '../../Icon';
4
- export interface ActionItemProps {
5
- testID?: string;
6
- title: string;
7
- icon: ComponentProps<typeof Icon>['icon'];
8
- onPress?: () => void;
9
- style?: StyleProp<ViewStyle>;
10
- }
11
- declare const ActionItem: ({ icon, title, onPress, style, testID, }: ActionItemProps) => JSX.Element;
12
- export default ActionItem;
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View, ViewProps } from 'react-native';
3
- import { TextProps } from '../../Typography/Text';
4
- declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const StyledActionGroupContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
11
- children?: import("react").ReactNode;
12
- } & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- }, {}, {}>;
16
- declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
17
- theme?: import("@emotion/react").Theme | undefined;
18
- as?: import("react").ElementType<any> | undefined;
19
- }, {}, {}>;
20
- declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
21
- children?: import("react").ReactNode;
22
- } & {
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- }, {}, {}>;
26
- declare const StyledHeaderText: import("@emotion/native").StyledComponent<TextProps & {
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
29
- }, {}, {}>;
30
- export { StyledHeaderText, StyledBackdrop, StyledContainer, StyledActionGroupContainer, StyledFAB, };
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
3
- declare const StyledActionItem: import("@emotion/native").StyledComponent<TouchableOpacityProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, {}, {
7
- ref?: import("react").Ref<TouchableOpacity> | undefined;
8
- }>;
9
- declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../Typography/Text").TextProps & {
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- } & TouchableOpacityProps, {}, {}>;
13
- export { StyledActionItem, StyledActionItemText };
@@ -1 +0,0 @@
1
- import '@testing-library/jest-native/extend-expect';
@@ -1,34 +0,0 @@
1
- import { StyleProp, ViewStyle } from 'react-native';
2
- import { ActionItemProps } from './ActionItem';
3
- export interface ActionGroupProps {
4
- /**
5
- * Title of the action group header.
6
- */
7
- headerTitle?: string;
8
- /**
9
- * This function is called on pressing the FAB button.
10
- * */
11
- onPress?: () => void;
12
- /**
13
- * Specify if the FAB button is in active state and the action group is shown.
14
- * */
15
- active?: boolean;
16
- /**
17
- * Title of the floating action button
18
- */
19
- fabTitle?: string;
20
- /**
21
- * Additional style.
22
- */
23
- style?: StyleProp<ViewStyle>;
24
- /**
25
- * Action items of the action group.
26
- * */
27
- items?: Array<ActionItemProps>;
28
- /**
29
- * Testing id of the component.
30
- */
31
- testID?: string;
32
- }
33
- declare const ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, }: ActionGroupProps) => JSX.Element;
34
- export default ActionGroup;
@@ -1,6 +0,0 @@
1
- import { IconProps } from '../Icon';
2
- declare type Props = {
3
- active?: boolean;
4
- } & IconProps;
5
- declare const AnimatedFABIcon: ({ active, ...iconProps }: Props) => JSX.Element;
6
- export { AnimatedFABIcon };
@@ -1,34 +0,0 @@
1
- import { StyleProp, ViewStyle } from 'react-native';
2
- import { IconName } from '../Icon';
3
- export interface FABProps {
4
- /**
5
- * Name of the Icon.
6
- */
7
- icon: IconName;
8
- /**
9
- * title of the component.
10
- */
11
- title?: string;
12
- /**
13
- * This function is called on pressing the button.
14
- */
15
- onPress?: () => void;
16
- /**
17
- * Specify if the button is animated.
18
- */
19
- animated?: boolean;
20
- /**
21
- * Specify if the button is in active state. It only works if animated is true.
22
- */
23
- active?: boolean;
24
- /**
25
- * Additional style.
26
- */
27
- style?: StyleProp<ViewStyle>;
28
- /**
29
- * Testing id of the component.
30
- */
31
- testID?: string;
32
- }
33
- declare const FAB: ({ onPress, title, icon, animated, testID, active, style, }: FABProps) => JSX.Element;
34
- export default FAB;
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { Text, TextProps, TouchableHighlight, TouchableHighlightProps } from 'react-native';
3
- import { IconProps } from '../Icon';
4
- declare const StyledFABContainer: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<TouchableHighlight> | undefined;
9
- }>;
10
- declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, {}, {}>;
14
- declare const StyledFABText: import("@emotion/native").StyledComponent<TextProps & {
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, {}, {
18
- ref?: import("react").Ref<Text> | undefined;
19
- }>;
20
- export { StyledFABContainer, StyledFABIcon, StyledFABText };
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- declare const _default: (({ onPress, title, icon, animated, testID, active, style, }: import("./FAB").FABProps) => JSX.Element) & {
2
- ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, }: import("./ActionGroup").ActionGroupProps) => JSX.Element;
3
- };
4
- export default _default;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3
- declare type ThemeIntent = 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning';
4
- declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- } & {
8
- themeSize: ThemeSize;
9
- themeIntent: ThemeIntent;
10
- }, {}, {
11
- ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
12
- }>;
13
- export default StyledHeroIcon;
@@ -1,2 +0,0 @@
1
- declare const IconList: readonly ["activate", "add-person", "adjustment", "alignment", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "carat-down-small", "carat-down", "carat-left", "carat-right", "carat-up", "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", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "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", "folder-user", "folder", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading", "loading-2", "location", "lock", "media-content", "menu", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply", "reschedule", "rostering", "save", "schedule", "search-person", "send", "speaker", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "activate-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "at-sign", "bell-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "camera-outlined", "cancel", "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", "comment-outlined", "contacts-outlined", "credit-card-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-coin-shine-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-verified-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "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", "node-outlined", "number-points", "number", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "re-assign", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "send-outlined", "share-1", "share-2", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "transfer", "trash-bin-outlined", "unavailable", "underline", "unlock-outlined", "upload-outlined", "user-outlined", "video-1-outlined", "video-2-outlined"];
2
- export default IconList;
@@ -1 +0,0 @@
1
- export {};
@@ -1,27 +0,0 @@
1
- import { StyleProp, TextStyle } from 'react-native';
2
- import IconList from './IconList';
3
- export declare type IconName = typeof IconList[number];
4
- export interface IconProps {
5
- /**
6
- * Name of the Icon.
7
- */
8
- icon: IconName;
9
- /**
10
- * Intent of the Icon.
11
- */
12
- intent?: 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning';
13
- /**
14
- * Size of the Icon.
15
- */
16
- size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
17
- /**
18
- * Addditional style.
19
- */
20
- style?: StyleProp<TextStyle>;
21
- /**
22
- * Testing id of the component.
23
- */
24
- testID?: string;
25
- }
26
- declare const Icon: ({ icon, style, size, intent, testID, }: IconProps) => JSX.Element;
27
- export default Icon;
@@ -1,2 +0,0 @@
1
- declare const isHeroIcon: (x: any) => x is "number" | "image" | "menu" | "switch" | "list" | "bold" | "activate" | "add-person" | "adjustment" | "alignment" | "bank" | "bell" | "billing" | "bookmark" | "box-check" | "box" | "buildings" | "cake" | "calendar-clock" | "calendar" | "carat-down-small" | "carat-down" | "carat-left" | "carat-right" | "carat-up" | "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" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "directory" | "document" | "dollar-coin-shine" | "double-buildings" | "edit-template" | "envelope" | "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" | "folder-user" | "folder" | "funnel-filter" | "global-dollar" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "home" | "import" | "incident-siren" | "instapay" | "loading" | "loading-2" | "location" | "lock" | "media-content" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "node" | "open-folder" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane" | "play-circle" | "print" | "raising-hands" | "reply" | "reschedule" | "rostering" | "save" | "schedule" | "search-person" | "send" | "speaker" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "survey" | "tag" | "target" | "teams" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "activate-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell-outlined" | "billing-outlined" | "body-outlined" | "bookmark-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calendar-dates-outlined" | "calendar-star-outlined" | "camera-outlined" | "cancel" | "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" | "comment-outlined" | "contacts-outlined" | "credit-card-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-coin-shine-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-outlined" | "edit-template-outlined" | "email-outlined" | "enter-arrow" | "envelope-outlined" | "expense-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "feed-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-verified-outlined" | "folder-outlined" | "folder-user-outlined" | "funnel-filter-outline" | "graph-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "home-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "italic" | "link-1" | "link-2" | "list-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "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" | "node-outlined" | "number-points" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "print-outlined" | "qr-code-outlined" | "re-assign" | "refresh" | "remove" | "reply-outlined" | "restart" | "return-arrow" | "rostering-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "send-outlined" | "share-1" | "share-2" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "speaker-outlined" | "star-outlined" | "stopwatch-outlined" | "strikethrough" | "survey-outlined" | "switch-outlined" | "sync" | "target-outlined" | "timesheet-outlined" | "transfer" | "trash-bin-outlined" | "unavailable" | "underline" | "unlock-outlined" | "upload-outlined" | "user-outlined" | "video-1-outlined" | "video-2-outlined";
2
- export { isHeroIcon };
@@ -1,18 +0,0 @@
1
- import { StyleProp, ViewStyle, ViewProps } from 'react-native';
2
- export interface ProgressBarProps extends ViewProps {
3
- /**
4
- * The progress completion percentage: 0-100.
5
- */
6
- value: number;
7
- /**
8
- * Set intent for your progress.
9
- */
10
- intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
11
- /**
12
- * Additional style.
13
- */
14
- style?: StyleProp<ViewStyle>;
15
- testID?: string;
16
- }
17
- declare const ProgressBar: ({ value, intent, style, testID, ...nativeProps }: ProgressBarProps) => JSX.Element;
18
- export default ProgressBar;
@@ -1,18 +0,0 @@
1
- import { ViewProps, StyleProp, ViewStyle } from 'react-native';
2
- export interface ProgressCircleProps extends ViewProps {
3
- /**
4
- * The progress completion percentage: 0-100.
5
- */
6
- value: number;
7
- /**
8
- * Set intent for your progress.
9
- */
10
- intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
11
- /**
12
- * Additional style.
13
- */
14
- style?: StyleProp<ViewStyle>;
15
- testID?: string;
16
- }
17
- declare const ProgressCircle: ({ value, intent, style, testID, ...nativeProps }: ProgressCircleProps) => JSX.Element;
18
- export default ProgressCircle;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { Animated, View, ViewProps } from 'react-native';
3
- import { ThemeIntent } from './types';
4
- declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
11
- children?: import("react").ReactNode;
12
- } & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- } & {
16
- themeIntent: ThemeIntent;
17
- }, {}, {}>;
18
- export { StyledWrapper, StyledInner };
@@ -1,5 +0,0 @@
1
- declare const Progress: {
2
- readonly Circle: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressCircle").ProgressCircleProps) => JSX.Element;
3
- readonly Bar: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressBar").ProgressBarProps) => JSX.Element;
4
- };
5
- export default Progress;
@@ -1 +0,0 @@
1
- export declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info';
@@ -1,8 +0,0 @@
1
- import { Animated } from 'react-native';
2
- declare const ActiveTabIndicator: ({ scrollOffsetAnimatedValue, positionAnimatedValue, tabsLength, tabsWidth, }: {
3
- scrollOffsetAnimatedValue: Animated.Value;
4
- positionAnimatedValue: Animated.Value;
5
- tabsLength: number;
6
- tabsWidth: number;
7
- }) => JSX.Element;
8
- export default ActiveTabIndicator;
@@ -1,3 +0,0 @@
1
- import { TabsProps } from '.';
2
- declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
3
- export default ScrollableTab;