@hero-design/rn 6.7.2 → 6.7.4-1

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 (35) hide show
  1. package/.eslintrc.json +10 -2
  2. package/.expo/README.md +15 -0
  3. package/.expo/packager-info.json +10 -0
  4. package/.expo/settings.json +10 -0
  5. package/es/index.js +63 -80
  6. package/lib/index.js +63 -79
  7. package/package.json +7 -3
  8. package/playground/components/ExampleComponent.tsx +8 -0
  9. package/playground/index.tsx +77 -17
  10. package/src/components/ExampleComponent/StyledView.tsx +16 -22
  11. package/src/components/ExampleComponent/__tests__/StyledView.spec.tsx +6 -3
  12. package/src/components/ExampleComponent/__tests__/__snapshots__/StyledView.spec.tsx.snap +4 -4
  13. package/src/components/ExampleComponent/index.tsx +5 -5
  14. package/src/index.ts +3 -3
  15. package/src/styled-components.ts +14 -0
  16. package/src/styled.d.ts +3 -4
  17. package/src/theme/components/exampleComponent.ts +19 -0
  18. package/src/theme/{colors.ts → global/colors.ts} +1 -1
  19. package/src/theme/global/index.ts +19 -0
  20. package/src/theme/{space.ts → global/space.ts} +0 -0
  21. package/src/theme/{typography.ts → global/typography.ts} +5 -5
  22. package/src/theme/index.ts +15 -19
  23. package/tsconfig.json +2 -1
  24. package/types/components/ExampleComponent/StyledView.d.ts +4 -9
  25. package/types/components/ExampleComponent/index.d.ts +3 -3
  26. package/types/index.d.ts +3 -3
  27. package/types/styled-components.d.ts +6 -0
  28. package/types/theme/components/exampleComponent.d.ts +14 -0
  29. package/types/theme/{colors.d.ts → global/colors.d.ts} +0 -0
  30. package/types/theme/global/index.d.ts +58 -0
  31. package/types/theme/{space.d.ts → global/space.d.ts} +0 -0
  32. package/types/theme/{typography.d.ts → global/typography.d.ts} +0 -0
  33. package/types/theme/index.d.ts +8 -145
  34. package/src/theme/components/demoStyle.ts +0 -16
  35. package/types/theme/components/demoStyle.d.ts +0 -11
@@ -1,148 +1,11 @@
1
- declare const theme: {
2
- colors: {
3
- demoStyle: {
4
- primaryBg: string;
5
- dangerBg: string;
6
- warningBg: string;
7
- };
8
- primary: string;
9
- primaryLight: string;
10
- info: string;
11
- infoLight: string;
12
- infoBackground: string;
13
- success: string;
14
- successDark: string;
15
- successLight: 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
- backgroundDark: string;
25
- text: string;
26
- disabledText: string;
27
- invertedText: string;
28
- black: string;
29
- blue: string;
30
- blueDark30: string;
31
- blueDark75: string;
32
- blueLight30: string;
33
- blueLight75: string;
34
- blueLight90: string;
35
- dodgerBlue: string;
36
- dodgerBlueDark30: string;
37
- dodgerBlueLight30: string;
38
- dodgerBlueLight75: string;
39
- dodgerBlueLight90: string;
40
- green: string;
41
- greenDark15: string;
42
- greenDark30: string;
43
- greenDark75: string;
44
- greenLight30: string;
45
- greenLight90: string;
46
- grey: string;
47
- greyDark15: string;
48
- greyDark30: string;
49
- greyDark45: string;
50
- greyDark60: string;
51
- greyDark75: string;
52
- greyLight45: string;
53
- greyLight60: string;
54
- greyLight75: string;
55
- greyLight85: string;
56
- greyLight90: string;
57
- greyLight95: string;
58
- grotesqueGreen: string;
59
- grotesqueGreenDark45: string;
60
- grotesqueGreenLight60: string;
61
- grotesqueGreenLight75: string;
62
- grotesqueGreenLight90: string;
63
- orange: string;
64
- orangeDark15: string;
65
- orangeDark30: string;
66
- orangeDark75: string;
67
- orangeLight30: string;
68
- orangeLight75: string;
69
- orangeLight90: string;
70
- pink: string;
71
- pinkDark15: string;
72
- pinkDark30: string;
73
- pinkDark45: string;
74
- pinkDark75: string;
75
- pinkLight30: string;
76
- pinkLight45: string;
77
- pinkLight75: string;
78
- pinkLight90: string;
79
- purple: string;
80
- red: string;
81
- redDark15: string;
82
- redDark30: string;
83
- redDark75: string;
84
- redLight30: string;
85
- redLight60: string;
86
- redLight75: string;
87
- redLight90: string;
88
- smalt: string;
89
- smaltDark75: string;
90
- smaltLight30: string;
91
- smaltLight45: string;
92
- smaltLight90: string;
93
- violet: string;
94
- violetDark15: string;
95
- violetDark30: string;
96
- violetDark45: string;
97
- violetDark75: string;
98
- violetLight30: string;
99
- violetLight60: string;
100
- violetLight75: string;
101
- violetLight90: string;
102
- white: string;
103
- yellow: string;
104
- yellowDark15: string;
105
- yellowDark75: string;
106
- yellowLight60: string;
107
- yellowLight90: string;
108
- };
109
- space: {
110
- demoStyle: {
111
- smallMargin: number;
112
- mediumMargin: number;
113
- largeMargin: number;
114
- };
115
- xxsmall: number;
116
- xsmall: number;
117
- small: number;
118
- medium: number;
119
- large: number;
120
- xlarge: number;
121
- xxlarge: number;
122
- xxxlarge: number;
123
- xxxxlarge: number;
124
- };
125
- fontSizes: {
126
- xlarge: number;
127
- large: number;
128
- medium: number;
129
- small: number;
130
- xsmall: number;
131
- };
132
- fontWeights: {
133
- light: number;
134
- regular: number;
135
- semiBold: number;
136
- bold: number;
137
- };
138
- lineHeights: {
139
- xlarge: number;
140
- large: number;
141
- medium: number;
142
- small: number;
143
- xsmall: number;
1
+ import { GlobalTheme } from './global';
2
+ import getExampleComponentTheme from './components/exampleComponent';
3
+ declare type Theme = GlobalTheme & {
4
+ __hd__: {
5
+ exampleComponent: ReturnType<typeof getExampleComponentTheme>;
144
6
  };
145
7
  };
146
- declare type Theme = typeof theme;
147
- export { Theme };
8
+ declare const getTheme: (theme?: GlobalTheme) => Theme;
9
+ declare const theme: Theme;
10
+ export { Theme, getTheme };
148
11
  export default theme;
@@ -1,16 +0,0 @@
1
- import { systemPalette } from '../colors';
2
- import { space } from '../space';
3
-
4
- const demoStyleColors = {
5
- primaryBg: systemPalette.primaryLight,
6
- dangerBg: systemPalette.dangerBackground,
7
- warningBg: systemPalette.warningBackground,
8
- };
9
-
10
- const demoStyleSpace = {
11
- smallMargin: space.xxsmall,
12
- mediumMargin: space.medium,
13
- largeMargin: space.xxxxlarge,
14
- };
15
-
16
- export { demoStyleColors, demoStyleSpace };
@@ -1,11 +0,0 @@
1
- declare const demoStyleColors: {
2
- primaryBg: string;
3
- dangerBg: string;
4
- warningBg: string;
5
- };
6
- declare const demoStyleSpace: {
7
- smallMargin: number;
8
- mediumMargin: number;
9
- largeMargin: number;
10
- };
11
- export { demoStyleColors, demoStyleSpace };