@hero-design/rn 7.14.2 → 7.14.3-alpha
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 +1 -9
- package/.turbo/turbo-build:types.log +2 -0
- package/.turbo/turbo-lint.log +2 -0
- package/.turbo/turbo-publish:npm.log +9 -0
- package/.turbo/turbo-test.log +361 -0
- package/.turbo/turbo-type-check.log +2 -0
- package/es/index.js +1103 -20310
- package/lib/assets/fonts/hero-icons.ttf +0 -0
- package/lib/index.d.ts +4631 -0
- package/lib/index.js +1107 -20317
- package/lib/index.js.flow +7684 -0
- package/package.json +1 -1
- package/rollup.config.js +1 -0
- package/src/components/DatePicker/DatePickerAndroid.tsx +2 -0
- package/src/components/DatePicker/DatePickerIOS.tsx +2 -0
- package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx +14 -0
- package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx +14 -0
- package/src/components/DatePicker/types.ts +4 -0
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +272 -266
- package/src/components/Select/MultiSelect/index.tsx +22 -11
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +272 -266
- package/src/components/Select/SingleSelect/index.tsx +22 -11
- package/src/components/Select/index.tsx +4 -2
- package/src/components/Select/types.tsx +7 -2
- package/src/components/TextInput/__tests__/.log/ti-10343.log +62 -0
- package/src/components/TextInput/__tests__/.log/ti-20729.log +67 -0
- package/src/components/TextInput/__tests__/.log/tsserver.log +6498 -0
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/TextInput/index.tsx +3 -1
- package/src/components/TimePicker/TimePickerAndroid.tsx +2 -0
- package/src/components/TimePicker/TimePickerIOS.tsx +2 -0
- package/src/components/TimePicker/__tests__/TimePickerAndroid.spec.tsx +14 -0
- package/src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx +14 -0
- package/src/components/TimePicker/types.ts +4 -0
- package/src/types.ts +3 -0
- package/types/components/Accordion/index.d.ts +5 -2
- package/types/components/ContentNavigator/index.d.ts +1 -5
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/utils.d.ts +1 -1
- package/types/components/SectionHeading/index.d.ts +2 -2
- package/types/components/Typography/Text/StyledText.d.ts +1 -1
- package/types/components/Typography/Text/index.d.ts +1 -1
- package/types/index.d.ts +1 -4
- package/types/index.js.flow +7683 -0
- package/types/theme/components/typography.d.ts +0 -1
- package/types/theme/index.d.ts +0 -6
- package/types/components/Badge/StyledBadge.d.ts +0 -27
- package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -46
- package/types/components/Calendar/CalendarRowItem.d.ts +0 -10
- package/types/components/Calendar/StyledCalendar.d.ts +0 -54
- package/types/components/Calendar/__tests__/CalendarRowItem.spec.d.ts +0 -1
- package/types/components/Calendar/__tests__/helper.spec.d.ts +0 -1
- package/types/components/Calendar/__tests__/index.spec.d.ts +0 -1
- package/types/components/Calendar/helpers.d.ts +0 -3
- package/types/components/Calendar/index.d.ts +0 -40
- package/types/components/Collapse/StyledCollapse.d.ts +0 -25
- package/types/components/Drawer/StyledDrawer.d.ts +0 -24
- package/types/components/Empty/StyledEmpty.d.ts +0 -31
- package/types/components/Empty/__tests__/index.spec.d.ts +0 -1
- package/types/components/Empty/index.d.ts +0 -26
- package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -29
- package/types/components/Progress/StyledProgressBar.d.ts +0 -17
- package/types/components/RichTextEditor/EditorEvent.d.ts +0 -3
- package/types/components/RichTextEditor/EditorToolbar.d.ts +0 -17
- package/types/components/RichTextEditor/MentionList.d.ts +0 -12
- package/types/components/RichTextEditor/RichTextEditor.d.ts +0 -65
- package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +0 -16
- package/types/components/RichTextEditor/StyledToolbar.d.ts +0 -21
- package/types/components/RichTextEditor/__tests__/EditorToolbar.spec.d.ts +0 -1
- package/types/components/RichTextEditor/__tests__/MentionList.spec.d.ts +0 -1
- package/types/components/RichTextEditor/__tests__/RichTextEditor.spec.d.ts +0 -1
- package/types/components/RichTextEditor/constants.d.ts +0 -19
- package/types/components/RichTextEditor/index.d.ts +0 -5
- package/types/components/RichTextEditor/utils/events.d.ts +0 -8
- package/types/components/RichTextEditor/utils/rnWebView.d.ts +0 -7
- package/types/components/Switch/StyledSwitch.d.ts +0 -36
- package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -60
- package/types/components/Tabs/StyledTabs.d.ts +0 -54
- package/types/components/Toast/StyledToast.d.ts +0 -45
- package/types/theme/components/calendar.d.ts +0 -26
- package/types/theme/components/empty.d.ts +0 -28
- package/types/theme/components/richTextEditor.d.ts +0 -26
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Animated, View } from 'react-native';
|
|
2
|
-
declare type ThemeSize = 'small' | 'medium';
|
|
3
|
-
declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
} & {
|
|
7
|
-
themeChecked: boolean | undefined;
|
|
8
|
-
themeSize: ThemeSize;
|
|
9
|
-
}, {}, {
|
|
10
|
-
ref?: import("react").Ref<View> | undefined;
|
|
11
|
-
}>;
|
|
12
|
-
declare const StyledDisabledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
13
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
-
as?: import("react").ElementType<any> | undefined;
|
|
15
|
-
} & {
|
|
16
|
-
themeSize: ThemeSize;
|
|
17
|
-
}, {}, {
|
|
18
|
-
ref?: import("react").Ref<View> | undefined;
|
|
19
|
-
}>;
|
|
20
|
-
declare const StyledThumbWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
21
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
-
as?: import("react").ElementType<any> | undefined;
|
|
23
|
-
} & {
|
|
24
|
-
themeSize: ThemeSize;
|
|
25
|
-
}, {}, {
|
|
26
|
-
ref?: import("react").Ref<View> | undefined;
|
|
27
|
-
}>;
|
|
28
|
-
declare const StyledKnot: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
|
|
29
|
-
children?: import("react").ReactNode;
|
|
30
|
-
} & {
|
|
31
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
32
|
-
as?: import("react").ElementType<any> | undefined;
|
|
33
|
-
} & {
|
|
34
|
-
themeSize: ThemeSize;
|
|
35
|
-
}, {}, {}>;
|
|
36
|
-
export { StyledWrapper, StyledDisabledWrapper, StyledThumbWrapper, StyledKnot };
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { Animated, View } from 'react-native';
|
|
2
|
-
import PagerView from 'react-native-pager-view';
|
|
3
|
-
declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, {}, {
|
|
7
|
-
ref?: import("react").Ref<View> | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
declare const TabContainer: 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
|
-
declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native-pager-view").PagerViewProps & {
|
|
16
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
-
as?: import("react").ElementType<any> | undefined;
|
|
18
|
-
}, {}, {
|
|
19
|
-
ref?: import("react").Ref<PagerView> | undefined;
|
|
20
|
-
}>;
|
|
21
|
-
declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
22
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
23
|
-
as?: import("react").ElementType<any> | undefined;
|
|
24
|
-
} & {
|
|
25
|
-
themeInsets: {
|
|
26
|
-
top: number;
|
|
27
|
-
right: number;
|
|
28
|
-
bottom: number;
|
|
29
|
-
left: number;
|
|
30
|
-
};
|
|
31
|
-
}, {}, {
|
|
32
|
-
ref?: import("react").Ref<View> | undefined;
|
|
33
|
-
}>;
|
|
34
|
-
declare const HeaderTabItem: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
|
|
35
|
-
children?: import("react").ReactNode;
|
|
36
|
-
} & {
|
|
37
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
-
as?: import("react").ElementType<any> | undefined;
|
|
39
|
-
}, {}, {}>;
|
|
40
|
-
declare const HeaderTabItemOutlineWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
41
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
42
|
-
as?: import("react").ElementType<any> | undefined;
|
|
43
|
-
}, {}, {
|
|
44
|
-
ref?: import("react").Ref<View> | undefined;
|
|
45
|
-
}>;
|
|
46
|
-
declare const HeaderTabItemOutline: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
|
|
47
|
-
children?: import("react").ReactNode;
|
|
48
|
-
} & {
|
|
49
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
50
|
-
as?: import("react").ElementType<any> | undefined;
|
|
51
|
-
} & {
|
|
52
|
-
themeActive: boolean;
|
|
53
|
-
}, {}, {}>;
|
|
54
|
-
declare const HeaderTabItemWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
55
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
56
|
-
as?: import("react").ElementType<any> | undefined;
|
|
57
|
-
}, {}, {
|
|
58
|
-
ref?: import("react").Ref<View> | undefined;
|
|
59
|
-
}>;
|
|
60
|
-
export { HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, ContentWrapper, HeaderTabItemOutlineWrapper, HeaderTabItemOutline, HeaderTabItemWrapper, };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { Animated, View } from 'react-native';
|
|
2
|
-
import PagerView from 'react-native-pager-view';
|
|
3
|
-
declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, {}, {
|
|
7
|
-
ref?: import("react").Ref<View> | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
10
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
-
as?: import("react").ElementType<any> | undefined;
|
|
12
|
-
} & {
|
|
13
|
-
themeInsets: {
|
|
14
|
-
top: number;
|
|
15
|
-
right: number;
|
|
16
|
-
bottom: number;
|
|
17
|
-
left: number;
|
|
18
|
-
};
|
|
19
|
-
}, {}, {
|
|
20
|
-
ref?: import("react").Ref<View> | undefined;
|
|
21
|
-
}>;
|
|
22
|
-
declare const HeaderTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
23
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
24
|
-
as?: import("react").ElementType<any> | undefined;
|
|
25
|
-
}, {}, {
|
|
26
|
-
ref?: import("react").Ref<View> | undefined;
|
|
27
|
-
}>;
|
|
28
|
-
declare const HeaderTabItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
29
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
30
|
-
as?: import("react").ElementType<any> | undefined;
|
|
31
|
-
}, {}, {
|
|
32
|
-
ref?: import("react").Ref<View> | undefined;
|
|
33
|
-
}>;
|
|
34
|
-
declare const ContentWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native-pager-view").PagerViewProps & import("react").RefAttributes<PagerView>> & {
|
|
35
|
-
children?: import("react").ReactNode;
|
|
36
|
-
} & {
|
|
37
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
-
as?: import("react").ElementType<any> | undefined;
|
|
39
|
-
}, {}, {}>;
|
|
40
|
-
declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
41
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
42
|
-
as?: import("react").ElementType<any> | undefined;
|
|
43
|
-
}, {}, {
|
|
44
|
-
ref?: import("react").Ref<View> | undefined;
|
|
45
|
-
}>;
|
|
46
|
-
declare const StyledIndicator: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
|
|
47
|
-
children?: import("react").ReactNode;
|
|
48
|
-
} & {
|
|
49
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
50
|
-
as?: import("react").ElementType<any> | undefined;
|
|
51
|
-
} & {
|
|
52
|
-
themeWidth: number;
|
|
53
|
-
}, {}, {}>;
|
|
54
|
-
export { TabContainer, HeaderTabWrapper, HeaderTab, HeaderTabItem, ContentWrapper, TabScreen, StyledIndicator, };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Animated, TouchableOpacity, View, ViewProps } from 'react-native';
|
|
2
|
-
declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
} & {
|
|
6
|
-
position: 'top' | 'bottom';
|
|
7
|
-
}, {}, {
|
|
8
|
-
ref?: import("react").Ref<View> | undefined;
|
|
9
|
-
}>;
|
|
10
|
-
declare const Container: 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
|
-
themeVariant: 'default' | 'round';
|
|
17
|
-
themeIntent: 'success' | 'info' | 'warning' | 'error';
|
|
18
|
-
}, {}, {}>;
|
|
19
|
-
declare const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
20
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
-
as?: import("react").ElementType<any> | undefined;
|
|
22
|
-
}, {}, {
|
|
23
|
-
ref?: import("react").Ref<View> | undefined;
|
|
24
|
-
}>;
|
|
25
|
-
declare const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
26
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
27
|
-
as?: import("react").ElementType<any> | undefined;
|
|
28
|
-
}, {}, {
|
|
29
|
-
ref?: import("react").Ref<View> | undefined;
|
|
30
|
-
}>;
|
|
31
|
-
declare const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
32
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
33
|
-
as?: import("react").ElementType<any> | undefined;
|
|
34
|
-
} & {
|
|
35
|
-
showDivider: boolean;
|
|
36
|
-
}, {}, {
|
|
37
|
-
ref?: import("react").Ref<View> | undefined;
|
|
38
|
-
}>;
|
|
39
|
-
declare const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
|
|
40
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
41
|
-
as?: import("react").ElementType<any> | undefined;
|
|
42
|
-
}, {}, {
|
|
43
|
-
ref?: import("react").Ref<TouchableOpacity> | undefined;
|
|
44
|
-
}>;
|
|
45
|
-
export { ToastContainerWrapper, Container, ContentContainer, TextContainer, IconContainer, CTAWrapper, };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { GlobalTheme } from '../global';
|
|
2
|
-
declare const getCalendarTheme: (theme: GlobalTheme) => {
|
|
3
|
-
radii: {
|
|
4
|
-
default: number;
|
|
5
|
-
};
|
|
6
|
-
colors: {
|
|
7
|
-
background: string;
|
|
8
|
-
border: string;
|
|
9
|
-
primary: string;
|
|
10
|
-
inverted: string;
|
|
11
|
-
};
|
|
12
|
-
sizes: {
|
|
13
|
-
cellWidth: number;
|
|
14
|
-
cellHeight: number;
|
|
15
|
-
cellCircleWidth: number;
|
|
16
|
-
cellCircleHeight: number;
|
|
17
|
-
markWidth: number;
|
|
18
|
-
markHeight: number;
|
|
19
|
-
};
|
|
20
|
-
space: {
|
|
21
|
-
rowVerticalPadding: number;
|
|
22
|
-
headerVerticalPadding: number;
|
|
23
|
-
headerHorizontalPadding: number;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export default getCalendarTheme;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { GlobalTheme } from '../global';
|
|
2
|
-
declare const getEmptyTheme: (theme: GlobalTheme) => {
|
|
3
|
-
fontSizes: {
|
|
4
|
-
title: number;
|
|
5
|
-
description: number;
|
|
6
|
-
};
|
|
7
|
-
colors: {
|
|
8
|
-
text: string;
|
|
9
|
-
invertedText: string;
|
|
10
|
-
subduedText: string;
|
|
11
|
-
illustrationBackground: string;
|
|
12
|
-
};
|
|
13
|
-
sizes: {
|
|
14
|
-
illustration: number;
|
|
15
|
-
};
|
|
16
|
-
space: {
|
|
17
|
-
medium: number;
|
|
18
|
-
large: number;
|
|
19
|
-
};
|
|
20
|
-
fonts: {
|
|
21
|
-
title: string;
|
|
22
|
-
description: string;
|
|
23
|
-
};
|
|
24
|
-
radii: {
|
|
25
|
-
illustration: number;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export default getEmptyTheme;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { GlobalTheme } from '../global';
|
|
2
|
-
declare const getRichTextEditorTheme: (theme: GlobalTheme) => {
|
|
3
|
-
colors: {
|
|
4
|
-
toolbarBorderColor: string;
|
|
5
|
-
toolbarBackgroundColor: string;
|
|
6
|
-
toolbarButtonSelectedBackground: string;
|
|
7
|
-
};
|
|
8
|
-
space: {
|
|
9
|
-
wrapperMarginBottom: number;
|
|
10
|
-
toolbarHorizontalPadding: number;
|
|
11
|
-
editorPadding: number;
|
|
12
|
-
};
|
|
13
|
-
borderWidths: {
|
|
14
|
-
webViewBorderBottomWidth: number;
|
|
15
|
-
};
|
|
16
|
-
fontSizes: {
|
|
17
|
-
editor: number;
|
|
18
|
-
};
|
|
19
|
-
sizes: {
|
|
20
|
-
editorMinHeight: number;
|
|
21
|
-
toolbarButtonSize: number;
|
|
22
|
-
toolbarSeparatorWidth: number;
|
|
23
|
-
toolbarSeparatorHeight: number;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export default getRichTextEditorTheme;
|