@hero-design/rn 7.5.0 → 7.6.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 +8 -8
- package/es/index.js +474 -110
- package/lib/index.js +474 -108
- package/package.json +2 -2
- package/playground/.turbo/turbo-type-check.log +7 -0
- package/playground/package.json +3 -3
- package/playground/src/App.tsx +6 -0
- package/playground/src/ContentNavigator.tsx +3 -10
- package/playground/src/Select.tsx +32 -0
- package/playground/src/Switch.tsx +80 -0
- package/src/components/BottomSheet/Header.tsx +1 -1
- package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
- package/src/components/BottomSheet/index.tsx +6 -0
- package/src/components/Radio/RadioGroup.tsx +31 -7
- package/src/components/Radio/types.ts +1 -0
- package/src/components/SectionHeading/StyledHeading.tsx +5 -5
- package/src/components/SectionHeading/__tests__/{StyledHeading.tsx → StyledHeading.spec.tsx} +0 -0
- package/src/components/SectionHeading/__tests__/__snapshots__/{StyledHeading.tsx.snap → StyledHeading.spec.tsx.snap} +0 -0
- package/src/components/Select/MultiSelect/Footer.tsx +15 -0
- package/src/components/Select/MultiSelect/OptionList.tsx +76 -0
- package/src/components/Select/MultiSelect/StyledMultiSelect.tsx +30 -0
- package/src/components/Select/MultiSelect/__tests__/StyledMultiSelect.spec.tsx +49 -0
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/StyledMultiSelect.spec.tsx.snap +108 -0
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +1630 -0
- package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +94 -0
- package/src/components/Select/MultiSelect/index.tsx +103 -0
- package/src/components/Select/MultiSelect/types.ts +1 -0
- package/src/components/Select/index.tsx +5 -0
- package/src/components/Switch/StyledSwitch.tsx +50 -0
- package/src/components/Switch/__tests__/StyledHeading.spec.tsx +42 -0
- package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +74 -0
- package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +129 -0
- package/src/components/Switch/__tests__/index.spec.tsx +24 -0
- package/src/components/Switch/index.tsx +87 -0
- package/src/components/TextInput/StyledTextInput.tsx +2 -6
- package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +1 -7
- package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +1 -22
- package/src/components/TextInput/__tests__/index.spec.tsx +2 -1
- package/src/components/TextInput/index.tsx +19 -6
- package/src/index.ts +4 -0
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +58 -1
- package/src/theme/components/sectionHeading.ts +18 -0
- package/src/theme/components/select.ts +23 -0
- package/src/theme/components/switch.ts +50 -0
- package/src/theme/components/textInput.ts +1 -1
- package/src/theme/global/colors.ts +1 -0
- package/src/theme/index.ts +12 -3
- package/types/components/BottomSheet/index.d.ts +5 -1
- package/types/components/Radio/RadioGroup.d.ts +11 -8
- package/types/components/Radio/index.d.ts +1 -1
- package/types/components/Radio/types.d.ts +5 -0
- package/types/components/SectionHeading/__tests__/{StyledHeading.d.ts → StyledHeading.spec.d.ts} +0 -0
- package/types/components/Select/MultiSelect/Footer.d.ts +5 -0
- package/types/components/Select/MultiSelect/OptionList.d.ts +3 -0
- package/types/components/Select/MultiSelect/StyledMultiSelect.d.ts +26 -0
- package/types/components/Select/MultiSelect/__tests__/StyledMultiSelect.spec.d.ts +1 -0
- package/types/components/Select/MultiSelect/__tests__/index.spec.d.ts +1 -0
- package/types/components/Select/MultiSelect/index.d.ts +39 -0
- package/types/components/Select/MultiSelect/types.d.ts +5 -0
- package/types/components/Select/index.d.ts +5 -0
- package/types/components/Switch/StyledSwitch.d.ts +36 -0
- package/types/components/Switch/__tests__/StyledHeading.spec.d.ts +1 -0
- package/types/components/Switch/__tests__/index.spec.d.ts +1 -0
- package/types/components/Switch/index.d.ts +30 -0
- package/types/components/TextInput/StyledTextInput.d.ts +1 -5
- package/types/components/TextInput/index.d.ts +13 -5
- package/types/index.d.ts +3 -1
- package/types/theme/components/sectionHeading.d.ts +13 -0
- package/types/theme/components/select.d.ts +17 -0
- package/types/theme/components/switch.d.ts +32 -0
- package/types/theme/components/textInput.d.ts +1 -1
- package/types/theme/global/colors.d.ts +1 -0
- package/types/theme/global/index.d.ts +1 -0
- package/types/theme/index.d.ts +8 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { GlobalTheme } from '../global';
|
|
2
|
+
declare const getSectionHeadingTheme: (theme: GlobalTheme) => {
|
|
3
|
+
colors: {
|
|
4
|
+
background: string;
|
|
5
|
+
};
|
|
6
|
+
space: {
|
|
7
|
+
headingVerticalPadding: number;
|
|
8
|
+
headingHorizontalPadding: number;
|
|
9
|
+
headingMarginBottom: number;
|
|
10
|
+
iconMarginRight: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default getSectionHeadingTheme;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { GlobalTheme } from '../global';
|
|
2
|
+
declare const getSelectTheme: (theme: GlobalTheme) => {
|
|
3
|
+
space: {
|
|
4
|
+
optionPadding: number;
|
|
5
|
+
optionListPadding: number;
|
|
6
|
+
optionListSpacing: number;
|
|
7
|
+
};
|
|
8
|
+
colors: {
|
|
9
|
+
option: string;
|
|
10
|
+
checkedOption: string;
|
|
11
|
+
footerText: string;
|
|
12
|
+
};
|
|
13
|
+
radii: {
|
|
14
|
+
option: number;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default getSelectTheme;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { GlobalTheme } from '../global';
|
|
2
|
+
declare const getSwitchTheme: (theme: GlobalTheme) => {
|
|
3
|
+
colors: {
|
|
4
|
+
thumb: string;
|
|
5
|
+
active: string;
|
|
6
|
+
inactive: string;
|
|
7
|
+
};
|
|
8
|
+
thumbSizes: {
|
|
9
|
+
small: number;
|
|
10
|
+
medium: number;
|
|
11
|
+
};
|
|
12
|
+
widths: {
|
|
13
|
+
small: number;
|
|
14
|
+
medium: number;
|
|
15
|
+
};
|
|
16
|
+
heights: {
|
|
17
|
+
small: number;
|
|
18
|
+
medium: number;
|
|
19
|
+
};
|
|
20
|
+
spaces: {
|
|
21
|
+
small: number;
|
|
22
|
+
medium: number;
|
|
23
|
+
inactive: number;
|
|
24
|
+
};
|
|
25
|
+
radii: {
|
|
26
|
+
rounded: number;
|
|
27
|
+
};
|
|
28
|
+
borderWidths: {
|
|
29
|
+
default: number;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export default getSwitchTheme;
|
|
@@ -31,6 +31,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
31
31
|
outline: string;
|
|
32
32
|
archived: string;
|
|
33
33
|
black: string;
|
|
34
|
+
inactiveBackground: string;
|
|
34
35
|
};
|
|
35
36
|
fonts: import("./typography").Fonts;
|
|
36
37
|
fontSizes: import("./typography").FontSizes;
|
package/types/theme/index.d.ts
CHANGED
|
@@ -12,8 +12,11 @@ import getDrawerTheme from './components/drawer';
|
|
|
12
12
|
import getFABTheme from './components/fab';
|
|
13
13
|
import getIconTheme from './components/icon';
|
|
14
14
|
import getProgressTheme from './components/progress';
|
|
15
|
-
import getSpinnerTheme from './components/spinner';
|
|
16
15
|
import getRadioTheme from './components/radio';
|
|
16
|
+
import getSectionHeadingTheme from './components/sectionHeading';
|
|
17
|
+
import getSelectTheme from './components/select';
|
|
18
|
+
import getSpinnerTheme from './components/spinner';
|
|
19
|
+
import getSwitchTheme from './components/switch';
|
|
17
20
|
import getTabsTheme from './components/tabs';
|
|
18
21
|
import getTagTheme from './components/tag';
|
|
19
22
|
import getTextInputTheme from './components/textInput';
|
|
@@ -33,8 +36,11 @@ declare type Theme = GlobalTheme & {
|
|
|
33
36
|
fab: ReturnType<typeof getFABTheme>;
|
|
34
37
|
icon: ReturnType<typeof getIconTheme>;
|
|
35
38
|
progress: ReturnType<typeof getProgressTheme>;
|
|
36
|
-
spinner: ReturnType<typeof getSpinnerTheme>;
|
|
37
39
|
radio: ReturnType<typeof getRadioTheme>;
|
|
40
|
+
sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
|
|
41
|
+
select: ReturnType<typeof getSelectTheme>;
|
|
42
|
+
spinner: ReturnType<typeof getSpinnerTheme>;
|
|
43
|
+
switch: ReturnType<typeof getSwitchTheme>;
|
|
38
44
|
tabs: ReturnType<typeof getTabsTheme>;
|
|
39
45
|
tag: ReturnType<typeof getTagTheme>;
|
|
40
46
|
textInput: ReturnType<typeof getTextInputTheme>;
|