@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.
- package/.turbo/turbo-build.log +2 -2
- package/assets/fonts/hero-icons.ttf +0 -0
- package/es/index.js +4117 -3926
- package/lib/assets/fonts/hero-icons.ttf +0 -0
- package/lib/index.js +4111 -3919
- package/package.json +2 -2
- package/playground/package.json +3 -3
- package/playground/src/Alert.tsx +80 -0
- package/playground/src/App.tsx +6 -0
- package/playground/src/MultipleThemes.tsx +34 -0
- package/src/components/Alert/StyledAlert.tsx +48 -0
- package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +686 -0
- package/src/components/Alert/__tests__/index.spec.tsx +83 -0
- package/src/components/Alert/index.tsx +109 -0
- package/src/components/Icon/HeroIcon/selection.json +1 -1
- package/src/components/Icon/IconList.ts +2 -0
- package/src/index.ts +2 -0
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +22 -0
- package/src/theme/components/alert.ts +32 -0
- package/src/theme/global/colors.ts +1 -0
- package/src/theme/index.ts +3 -0
- package/types/{src/components/Progress/StyledProgressCircle.d.ts → components/Alert/StyledAlert.d.ts} +13 -14
- package/types/{src/components/Avatar → components/Alert}/__tests__/index.spec.d.ts +0 -0
- package/types/components/Alert/index.d.ts +42 -0
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/utils.d.ts +1 -1
- package/types/index.d.ts +2 -1
- package/types/theme/components/alert.d.ts +23 -0
- package/types/theme/global/colors.d.ts +1 -0
- package/types/theme/global/index.d.ts +1 -0
- package/types/theme/index.d.ts +2 -0
- package/.turbo/turbo-build:types.log +0 -2
- package/.turbo/turbo-test.log +0 -131
- package/.turbo/turbo-type-check.log +0 -7
- package/playground/src/Button.tsx~origin_master +0 -170
- package/types/playground/components/Avatar.d.ts +0 -2
- package/types/playground/components/Badge.d.ts +0 -2
- package/types/playground/components/BottomNavigation.d.ts +0 -2
- package/types/playground/components/Button.d.ts +0 -2
- package/types/playground/components/Card.d.ts +0 -2
- package/types/playground/components/Collapse.d.ts +0 -2
- package/types/playground/components/Divider.d.ts +0 -2
- package/types/playground/components/Drawer.d.ts +0 -2
- package/types/playground/components/FAB.d.ts +0 -2
- package/types/playground/components/Icon.d.ts +0 -2
- package/types/playground/components/IconButton.d.ts +0 -2
- package/types/playground/components/Progress.d.ts +0 -2
- package/types/playground/components/Tabs.d.ts +0 -2
- package/types/playground/components/Tag.d.ts +0 -2
- package/types/playground/components/Typography.d.ts +0 -2
- package/types/playground/index.d.ts +0 -2
- package/types/src/components/Avatar/StyledAvatar.d.ts +0 -46
- package/types/src/components/Avatar/__tests__/StyledAvatar.spec.d.ts +0 -1
- package/types/src/components/Avatar/index.d.ts +0 -25
- package/types/src/components/Badge/Status.d.ts +0 -24
- package/types/src/components/Badge/StyledBadge.d.ts +0 -28
- package/types/src/components/Badge/__tests__/Badge.spec.d.ts +0 -1
- package/types/src/components/Badge/__tests__/Status.spec.d.ts +0 -1
- package/types/src/components/Badge/index.d.ts +0 -32
- package/types/src/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -52
- package/types/src/components/BottomNavigation/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/BottomNavigation/index.d.ts +0 -45
- package/types/src/components/Button/Button.d.ts +0 -57
- package/types/src/components/Button/IconButton.d.ts +0 -34
- package/types/src/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +0 -20
- package/types/src/components/Button/LoadingIndicator/__tests__/StyledLoadingIndicator.spec.d.ts +0 -1
- package/types/src/components/Button/LoadingIndicator/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Button/LoadingIndicator/index.d.ts +0 -26
- package/types/src/components/Button/StyledButton.d.ts +0 -40
- package/types/src/components/Button/__tests__/Button.spec.d.ts +0 -1
- package/types/src/components/Button/__tests__/IconButton.spec.d.ts +0 -1
- package/types/src/components/Button/__tests__/StyledButton.spec.d.ts +0 -1
- package/types/src/components/Button/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Button/index.d.ts +0 -8
- package/types/src/components/Card/StyledCard.d.ts +0 -17
- package/types/src/components/Card/__tests__/StyledCard.spec.d.ts +0 -1
- package/types/src/components/Card/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Card/index.d.ts +0 -22
- package/types/src/components/Collapse/StyledCollapse.d.ts +0 -15
- package/types/src/components/Collapse/__tests__/StyledCollapse.spec.d.ts +0 -1
- package/types/src/components/Collapse/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Collapse/index.d.ts +0 -23
- package/types/src/components/Divider/StyledDivider.d.ts +0 -13
- package/types/src/components/Divider/__tests__/StyledDivider.spec.d.ts +0 -1
- package/types/src/components/Divider/index.d.ts +0 -21
- package/types/src/components/Drawer/StyledDrawer.d.ts +0 -25
- package/types/src/components/Drawer/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Drawer/index.d.ts +0 -25
- package/types/src/components/FAB/ActionGroup/ActionItem.d.ts +0 -12
- package/types/src/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -30
- package/types/src/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -13
- package/types/src/components/FAB/ActionGroup/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/FAB/ActionGroup/index.d.ts +0 -34
- package/types/src/components/FAB/AnimatedFABIcon.d.ts +0 -6
- package/types/src/components/FAB/FAB.d.ts +0 -34
- package/types/src/components/FAB/StyledFAB.d.ts +0 -20
- package/types/src/components/FAB/__tests__/AnimatedFABIcon.spec.d.ts +0 -1
- package/types/src/components/FAB/__tests__/StyledFAB.spec.d.ts +0 -1
- package/types/src/components/FAB/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/FAB/index.d.ts +0 -4
- package/types/src/components/Icon/HeroIcon/index.d.ts +0 -13
- package/types/src/components/Icon/IconList.d.ts +0 -2
- package/types/src/components/Icon/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Icon/index.d.ts +0 -27
- package/types/src/components/Icon/utils.d.ts +0 -2
- package/types/src/components/Progress/ProgressBar.d.ts +0 -18
- package/types/src/components/Progress/ProgressCircle.d.ts +0 -18
- package/types/src/components/Progress/StyledProgressBar.d.ts +0 -18
- package/types/src/components/Progress/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Progress/index.d.ts +0 -5
- package/types/src/components/Progress/types.d.ts +0 -1
- package/types/src/components/Tabs/ActiveTabIndicator.d.ts +0 -8
- package/types/src/components/Tabs/ScrollableTabs.d.ts +0 -3
- package/types/src/components/Tabs/StyledScrollableTabs.d.ts +0 -61
- package/types/src/components/Tabs/StyledTabs.d.ts +0 -55
- package/types/src/components/Tabs/__tests__/ScrollableTabs.spec.d.ts +0 -1
- package/types/src/components/Tabs/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Tabs/index.d.ts +0 -54
- package/types/src/components/Tabs/utils.d.ts +0 -2
- package/types/src/components/Tag/StyledTag.d.ts +0 -20
- package/types/src/components/Tag/__tests__/Tag.spec.d.ts +0 -1
- package/types/src/components/Tag/index.d.ts +0 -21
- package/types/src/components/Typography/Text/StyledText.d.ts +0 -13
- package/types/src/components/Typography/Text/__tests__/StyledText.spec.d.ts +0 -1
- package/types/src/components/Typography/Text/__tests__/index.spec.d.ts +0 -1
- package/types/src/components/Typography/Text/index.d.ts +0 -30
- package/types/src/components/Typography/index.d.ts +0 -6
- package/types/src/index.d.ts +0 -19
- package/types/src/testHelpers/renderWithTheme.d.ts +0 -3
- package/types/src/theme/__tests__/index.spec.d.ts +0 -1
- package/types/src/theme/components/avatar.d.ts +0 -32
- package/types/src/theme/components/badge.d.ts +0 -29
- package/types/src/theme/components/bottomNavigation.d.ts +0 -23
- package/types/src/theme/components/button.d.ts +0 -37
- package/types/src/theme/components/card.d.ts +0 -10
- package/types/src/theme/components/divider.d.ts +0 -17
- package/types/src/theme/components/drawer.d.ts +0 -21
- package/types/src/theme/components/fab.d.ts +0 -51
- package/types/src/theme/components/icon.d.ts +0 -19
- package/types/src/theme/components/progress.d.ts +0 -21
- package/types/src/theme/components/tabs.d.ts +0 -27
- package/types/src/theme/components/tag.d.ts +0 -30
- package/types/src/theme/components/typography.d.ts +0 -26
- package/types/src/theme/global/borders.d.ts +0 -11
- package/types/src/theme/global/colors.d.ts +0 -31
- package/types/src/theme/global/index.d.ts +0 -41
- package/types/src/theme/global/scale.d.ts +0 -9
- package/types/src/theme/global/space.d.ts +0 -13
- package/types/src/theme/global/typography.d.ts +0 -21
- package/types/src/theme/index.d.ts +0 -35
- package/types/src/types.d.ts +0 -5
- package/types/src/utils/__tests__/scale.spec.d.ts +0 -1
- package/types/src/utils/helpers.d.ts +0 -2
- package/types/src/utils/hooks.d.ts +0 -1
- 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,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;
|
package/types/src/types.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const usePrevious: <T>(value: T) => T | undefined;
|