@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,26 +0,0 @@
1
- import { GlobalTheme } from '../global';
2
- declare const getTypographyTheme: (theme: GlobalTheme) => {
3
- colors: {
4
- body: string;
5
- subdued: string;
6
- primary: string;
7
- };
8
- fonts: {
9
- light: string;
10
- regular: string;
11
- semiBold: string;
12
- };
13
- fontSizes: {
14
- small: number;
15
- medium: number;
16
- large: number;
17
- xlarge: number;
18
- };
19
- lineHeights: {
20
- small: number;
21
- medium: number;
22
- large: number;
23
- xlarge: number;
24
- };
25
- };
26
- export default getTypographyTheme;
@@ -1,11 +0,0 @@
1
- interface BorderWidths {
2
- base: number;
3
- }
4
- interface Radii {
5
- rounded: number;
6
- base: number;
7
- medium: number;
8
- }
9
- declare const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
10
- declare const getRadii: (baseRadius: number) => Radii;
11
- export { BorderWidths, getBorderWidths, Radii, getRadii };
@@ -1,31 +0,0 @@
1
- declare const systemPalette: {
2
- primary: string;
3
- primaryLight: string;
4
- primaryDark: string;
5
- primaryBackground: string;
6
- secondary: string;
7
- secondaryLight: string;
8
- info: string;
9
- infoLight: string;
10
- infoBackground: string;
11
- success: string;
12
- successDark: string;
13
- successBackground: string;
14
- danger: string;
15
- dangerLight: string;
16
- dangerBackground: string;
17
- warning: string;
18
- warningDark: string;
19
- warningBackground: string;
20
- platformBackground: string;
21
- backgroundLight: string;
22
- backgroundDark: string;
23
- text: string;
24
- disabledText: string;
25
- disabledLightText: string;
26
- invertedText: string;
27
- outline: string;
28
- archived: string;
29
- };
30
- declare type SystemPalette = typeof systemPalette;
31
- export { systemPalette, SystemPalette };
@@ -1,41 +0,0 @@
1
- import { scale as defaultScale, Scale } from './scale';
2
- import { systemPalette as defaultSystemPalette, SystemPalette } from './colors';
3
- declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
4
- colors: {
5
- primary: string;
6
- primaryLight: string;
7
- primaryDark: string;
8
- primaryBackground: string;
9
- secondary: string;
10
- secondaryLight: string;
11
- info: string;
12
- infoLight: string;
13
- infoBackground: string;
14
- success: string;
15
- successDark: string;
16
- successBackground: string;
17
- danger: string;
18
- dangerLight: string;
19
- dangerBackground: string;
20
- warning: string;
21
- warningDark: string;
22
- warningBackground: string;
23
- platformBackground: string;
24
- backgroundLight: string;
25
- backgroundDark: string;
26
- text: string;
27
- disabledText: string;
28
- disabledLightText: string;
29
- invertedText: string;
30
- outline: string;
31
- archived: string;
32
- };
33
- fonts: import("./typography").Fonts;
34
- fontSizes: import("./typography").FontSizes;
35
- lineHeights: import("./typography").FontSizes;
36
- borderWidths: import("./borders").BorderWidths;
37
- space: import("./space").Space;
38
- radii: import("./borders").Radii;
39
- };
40
- declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
41
- export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, defaultSystemPalette, };
@@ -1,9 +0,0 @@
1
- declare const scale: {
2
- borderWidth: number;
3
- space: number;
4
- font: string;
5
- fontSize: number;
6
- radius: number;
7
- };
8
- declare type Scale = typeof scale;
9
- export { scale, Scale };
@@ -1,13 +0,0 @@
1
- interface Space {
2
- large: number;
3
- medium: number;
4
- small: number;
5
- xlarge: number;
6
- xsmall: number;
7
- xxlarge: number;
8
- xxsmall: number;
9
- xxxlarge: number;
10
- xxxxlarge: number;
11
- }
12
- declare const getSpace: (baseSpace: number) => Space;
13
- export { Space, getSpace };
@@ -1,21 +0,0 @@
1
- interface Fonts {
2
- light: string;
3
- regular: string;
4
- semiBold: string;
5
- }
6
- interface FontSizes {
7
- xxxxxlarge: number;
8
- xxxxlarge: number;
9
- xxxlarge: number;
10
- xxlarge: number;
11
- xlarge: number;
12
- large: number;
13
- medium: number;
14
- small: number;
15
- xsmall: number;
16
- }
17
- declare type LineHeights = FontSizes;
18
- declare const getFonts: (baseFont: string) => Fonts;
19
- declare const getFontSizes: (baseFontSize: number) => FontSizes;
20
- declare const getLineHeights: (fontSizes: FontSizes) => LineHeights;
21
- export { Fonts, FontSizes, LineHeights, getFonts, getFontSizes, getLineHeights, };
@@ -1,35 +0,0 @@
1
- import { GlobalTheme, Scale, SystemPalette } from './global';
2
- import getBadgeTheme from './components/badge';
3
- import getBottomNavigationTheme from './components/bottomNavigation';
4
- import getButtonTheme from './components/button';
5
- import getCardTheme from './components/card';
6
- import getDividerTheme from './components/divider';
7
- import getDrawerTheme from './components/drawer';
8
- import getTabsTheme from './components/tabs';
9
- import getTagTheme from './components/tag';
10
- import getIconTheme from './components/icon';
11
- import getProgressTheme from './components/progress';
12
- import getTypographyTheme from './components/typography';
13
- import getFABTheme from './components/fab';
14
- import getAvatarTheme from './components/avatar';
15
- declare type Theme = GlobalTheme & {
16
- __hd__: {
17
- avatar: ReturnType<typeof getAvatarTheme>;
18
- badge: ReturnType<typeof getBadgeTheme>;
19
- bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
20
- button: ReturnType<typeof getButtonTheme>;
21
- card: ReturnType<typeof getCardTheme>;
22
- divider: ReturnType<typeof getDividerTheme>;
23
- drawer: ReturnType<typeof getDrawerTheme>;
24
- icon: ReturnType<typeof getIconTheme>;
25
- progress: ReturnType<typeof getProgressTheme>;
26
- tabs: ReturnType<typeof getTabsTheme>;
27
- tag: ReturnType<typeof getTagTheme>;
28
- typography: ReturnType<typeof getTypographyTheme>;
29
- fab: ReturnType<typeof getFABTheme>;
30
- };
31
- };
32
- declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
33
- declare const theme: Theme;
34
- export { Theme, getTheme };
35
- export default theme;
@@ -1,5 +0,0 @@
1
- import { BottomNavigationTabType } from './components/BottomNavigation';
2
- import { IconName } from './components/Icon';
3
- import { TabType } from './components/Tabs';
4
- import { Theme } from './theme';
5
- export type { BottomNavigationTabType, IconName, TabType, Theme };
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export declare const isIOS: boolean;
2
- export declare const isAndroid: boolean;
@@ -1 +0,0 @@
1
- export declare const usePrevious: <T>(value: T) => T | undefined;
@@ -1,3 +0,0 @@
1
- export declare const BASE_WIDTH = 390;
2
- export declare const horizontalScale: (size: number) => number;
3
- export declare const scale: (size: number, factor?: number) => number;