@hero-design/rn 8.0.0-2 → 8.0.0-5
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 +3 -3
- package/.turbo/turbo-lint.log +121 -96
- package/.turbo/turbo-test.log +348 -909
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +389 -556
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/assets/fonts/hero-icons.ttf +0 -0
- package/lib/index.js +389 -556
- package/package.json +5 -5
- package/src/components/Alert/StyledAlert.tsx +2 -3
- package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +6 -12
- package/src/components/Alert/index.tsx +3 -23
- package/src/components/Box/__tests__/__snapshots__/index.spec.tsx.snap +4 -26
- package/src/components/Button/Button.tsx +7 -16
- package/src/components/Button/StyledButton.tsx +0 -46
- package/src/components/Button/__tests__/Button.spec.tsx +10 -11
- package/src/components/Button/__tests__/StyledButton.spec.tsx +0 -3
- package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +0 -91
- package/src/components/Card/StyledCard.tsx +2 -11
- package/src/components/Card/__tests__/StyledCard.spec.tsx +2 -14
- package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +0 -32
- package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +0 -4
- package/src/components/Card/__tests__/index.spec.tsx +1 -13
- package/src/components/Card/index.tsx +5 -26
- package/src/components/DatePicker/DatePickerAndroid.tsx +4 -0
- package/src/components/DatePicker/DatePickerIOS.tsx +4 -0
- package/src/components/DatePicker/__tests__/DatePicker.spec.tsx +4 -0
- package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx +4 -0
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +2 -0
- package/src/components/DatePicker/types.ts +8 -0
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +0 -8
- package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +5 -7
- package/src/components/Select/MultiSelect/index.tsx +1 -20
- package/src/components/Select/SingleSelect/index.tsx +5 -24
- package/src/components/Select/types.ts +1 -11
- package/src/components/Switch/StyledSwitch.tsx +7 -12
- package/src/components/Switch/__tests__/StyledSwitch.spec.tsx +2 -2
- package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +10 -15
- package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +8 -12
- package/src/components/Switch/index.tsx +6 -22
- package/src/components/Tabs/ScrollableTabs.tsx +1 -6
- package/src/components/Tabs/TabWithBadge.tsx +1 -15
- package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +3 -1
- package/src/components/Tabs/__tests__/TabWithBadge.spec.tsx +4 -1
- package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +4 -3
- package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +2 -32
- package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +1 -2
- package/src/components/Tabs/__tests__/index.spec.tsx +3 -1
- package/src/components/Tabs/index.tsx +12 -24
- package/src/components/Tag/StyledTag.tsx +0 -1
- package/src/components/Tag/__tests__/Tag.spec.tsx +0 -9
- package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +0 -40
- package/src/components/Tag/index.tsx +3 -16
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +4 -63
- package/src/theme/components/switch.ts +4 -14
- package/src/theme/components/tag.ts +0 -2
- package/src/theme/global/colors/swag.ts +1 -20
- package/src/theme/global/colors/types.ts +1 -58
- package/src/utils/hooks.ts +1 -1
- package/types/components/Alert/StyledAlert.d.ts +0 -1
- package/types/components/Alert/index.d.ts +1 -6
- package/types/components/BottomSheet/BottomSheetContext.d.ts +5 -0
- package/types/components/BottomSheet/ScrollView.d.ts +3 -0
- package/types/components/Button/Button.d.ts +2 -3
- package/types/components/Button/StyledButton.d.ts +1 -1
- package/types/components/Card/StyledCard.d.ts +1 -8
- package/types/components/Card/index.d.ts +2 -8
- package/types/components/DatePicker/DatePickerAndroid.d.ts +1 -1
- package/types/components/DatePicker/DatePickerIOS.d.ts +1 -1
- package/types/components/DatePicker/types.d.ts +8 -0
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Icon/utils.d.ts +1 -1
- package/types/components/Select/MultiSelect/index.d.ts +1 -1
- package/types/components/Select/SingleSelect/index.d.ts +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/types.d.ts +1 -11
- package/types/components/Switch/StyledSwitch.d.ts +0 -4
- package/types/components/Switch/index.d.ts +1 -6
- package/types/components/Tabs/TabWithBadge.d.ts +1 -2
- package/types/components/Tabs/index.d.ts +2 -3
- package/types/components/Tag/StyledTag.d.ts +1 -1
- package/types/components/Tag/index.d.ts +2 -2
- package/types/theme/components/switch.d.ts +4 -14
- package/types/theme/components/tag.d.ts +0 -2
- package/types/theme/global/colors/types.d.ts +1 -52
- package/types/theme/global/index.d.ts +0 -47
- package/.expo/README.md +0 -15
- package/.expo/packager-info.json +0 -10
- package/.expo/prebuild/cached-packages.json +0 -4
- package/.expo/settings.json +0 -10
- package/.expo/xcodebuild-error.log +0 -2
- package/.expo/xcodebuild.log +0 -11199
- package/.turbo/turbo-build:types.log +0 -2
- package/.turbo/turbo-build:watch.log +0 -1
- package/src/theme/__tests__/ensureCompatibleWithV7.spec.tsx +0 -13
- package/src/theme/global/colors/legacySystemPalette.ts +0 -53
- package/types/theme/utils.d.ts +0 -2
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { swagPalette as palette } from '@hero-design/colors';
|
|
2
|
-
import type {
|
|
3
|
-
SystemPalette,
|
|
4
|
-
BrandSystemPalette,
|
|
5
|
-
LegacyBrandSystemPalette,
|
|
6
|
-
} from './types';
|
|
2
|
+
import type { SystemPalette, BrandSystemPalette } from './types';
|
|
7
3
|
import globalPalette from './global';
|
|
8
|
-
import legacySystemPalette from './legacySystemPalette';
|
|
9
4
|
|
|
10
5
|
const swagBrandSystemPallete: BrandSystemPalette = {
|
|
11
6
|
primary: palette.scarletGum,
|
|
@@ -20,21 +15,7 @@ const swagBrandSystemPallete: BrandSystemPalette = {
|
|
|
20
15
|
decorativePrimarySurface: palette.maasstrichtBlueLight80,
|
|
21
16
|
};
|
|
22
17
|
|
|
23
|
-
const swagLegacyBrandSystemPalette: LegacyBrandSystemPalette = {
|
|
24
|
-
mutedPrimary: palette.maasstrichtBlueLight90,
|
|
25
|
-
highlightedSecondarySurface: palette.aliceBlue,
|
|
26
|
-
mutedSecondary: palette.maasstrichtBlueLight50,
|
|
27
|
-
disabledSecondary: palette.scarletGumLight50,
|
|
28
|
-
lightHighlightedSurface: palette.scarletGumLight90,
|
|
29
|
-
};
|
|
30
|
-
|
|
31
18
|
const swagSystemPalette: SystemPalette = {
|
|
32
|
-
// TODO: Remove legacy in V8
|
|
33
|
-
// Legacy system
|
|
34
|
-
...legacySystemPalette,
|
|
35
|
-
// Legacy brand
|
|
36
|
-
...swagLegacyBrandSystemPalette,
|
|
37
|
-
|
|
38
19
|
// Global
|
|
39
20
|
...globalPalette,
|
|
40
21
|
// Brand
|
|
@@ -56,61 +56,4 @@ export type BrandSystemPalette = {
|
|
|
56
56
|
// End of Updated 14 / Nov / 22
|
|
57
57
|
};
|
|
58
58
|
|
|
59
|
-
export type
|
|
60
|
-
mutedPrimary: string;
|
|
61
|
-
highlightedSecondarySurface: string;
|
|
62
|
-
mutedSecondary: string;
|
|
63
|
-
disabledSecondary: string;
|
|
64
|
-
lightHighlightedSurface: string;
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
export type LegacySystemPalette = {
|
|
68
|
-
globalPrimary: string;
|
|
69
|
-
globalPrimaryLight: string;
|
|
70
|
-
globalPrimaryBackground: string;
|
|
71
|
-
primaryLight: string;
|
|
72
|
-
primaryDark: string;
|
|
73
|
-
primaryBackground: string;
|
|
74
|
-
primaryBackgroundDark: string;
|
|
75
|
-
secondaryLight: string;
|
|
76
|
-
secondaryBackground: string;
|
|
77
|
-
infoMediumLight: string;
|
|
78
|
-
infoLight: string;
|
|
79
|
-
infoBackground: string;
|
|
80
|
-
successLight: string;
|
|
81
|
-
successDark: string;
|
|
82
|
-
successBackground: string;
|
|
83
|
-
danger: string;
|
|
84
|
-
dangerMediumLight: string;
|
|
85
|
-
dangerLight: string;
|
|
86
|
-
dangerBackground: string;
|
|
87
|
-
warningLight: string;
|
|
88
|
-
warningDark: string;
|
|
89
|
-
warningBackground: string;
|
|
90
|
-
platformBackground: string;
|
|
91
|
-
backgroundLight: string;
|
|
92
|
-
backgroundDark: string;
|
|
93
|
-
text: string;
|
|
94
|
-
subduedText: string;
|
|
95
|
-
disabledText: string;
|
|
96
|
-
disabledLightText: string;
|
|
97
|
-
invertedText: string;
|
|
98
|
-
outline: string;
|
|
99
|
-
archivedLight: string;
|
|
100
|
-
archivedDark: string;
|
|
101
|
-
archivedBackground: string;
|
|
102
|
-
black: string;
|
|
103
|
-
inactiveBackground: string;
|
|
104
|
-
shadow: string;
|
|
105
|
-
|
|
106
|
-
mutedGlobalPrimary: string;
|
|
107
|
-
onGlobalPrimary: string;
|
|
108
|
-
globalSecondary: string;
|
|
109
|
-
globalPrimaryOutline: string;
|
|
110
|
-
globalSecondaryOutline: string;
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
export type SystemPalette = LegacySystemPalette &
|
|
114
|
-
LegacyBrandSystemPalette &
|
|
115
|
-
GlobalSystemPalette &
|
|
116
|
-
BrandSystemPalette;
|
|
59
|
+
export type SystemPalette = GlobalSystemPalette & BrandSystemPalette;
|
package/src/utils/hooks.ts
CHANGED
|
@@ -4,7 +4,6 @@ declare const Container: import("@emotion/native").StyledComponent<ViewProps & {
|
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
|
-
themeVariant: 'default' | 'round';
|
|
8
7
|
themeIntent: 'success' | 'info' | 'warning' | 'error' | 'notification';
|
|
9
8
|
}, {}, {
|
|
10
9
|
ref?: import("react").Ref<View> | undefined;
|
|
@@ -25,11 +25,6 @@ interface AlertProps {
|
|
|
25
25
|
* Closing callback. When onClose is available, an X button will be rendered on the right side of alert. The callback will be called when user clicks on X button.
|
|
26
26
|
*/
|
|
27
27
|
onClose?: () => void;
|
|
28
|
-
/**
|
|
29
|
-
* @deprecated
|
|
30
|
-
* Use rounded variant.
|
|
31
|
-
*/
|
|
32
|
-
variant?: 'default' | 'round';
|
|
33
28
|
/**
|
|
34
29
|
* Addtional style.
|
|
35
30
|
*/
|
|
@@ -39,5 +34,5 @@ interface AlertProps {
|
|
|
39
34
|
*/
|
|
40
35
|
testID?: string;
|
|
41
36
|
}
|
|
42
|
-
declare const Alert: ({ content, icon, title, intent, onClose,
|
|
37
|
+
declare const Alert: ({ content, icon, title, intent, onClose, style, testID, }: AlertProps) => JSX.Element;
|
|
43
38
|
export default Alert;
|
|
@@ -49,10 +49,9 @@ export interface ButtonProps {
|
|
|
49
49
|
text: ReactChild;
|
|
50
50
|
/**
|
|
51
51
|
* Button type.
|
|
52
|
-
* basic-transparent is deprecated and will be removed in the next major release.
|
|
53
52
|
*/
|
|
54
|
-
variant?: '
|
|
53
|
+
variant?: 'filled' | 'outlined' | 'text';
|
|
55
54
|
}
|
|
56
|
-
export declare const getThemeVariant: (variant: '
|
|
55
|
+
export declare const getThemeVariant: (variant: 'filled' | 'outlined' | 'text', intent: Intent) => ThemeVariant;
|
|
57
56
|
declare const Button: ({ accessibilityHint, accessibilityLabel, disabled, icon, intent, loading, onPress, rightIcon, style, testID, text, variant, }: ButtonProps) => JSX.Element;
|
|
58
57
|
export default Button;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TouchableOpacity, View } from 'react-native';
|
|
2
2
|
import type { Theme } from '@emotion/react';
|
|
3
3
|
declare type Intent = 'primary' | 'secondary' | 'danger';
|
|
4
|
-
declare type ThemeVariant = '
|
|
4
|
+
declare type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
|
|
5
5
|
declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
|
|
6
6
|
theme?: Theme | undefined;
|
|
7
7
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -3,15 +3,8 @@ declare const StyledCard: import("@emotion/native").StyledComponent<import("reac
|
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
|
-
themeVariant: 'basic' | 'data';
|
|
7
6
|
themeIntent?: "primary" | "success" | "warning" | undefined;
|
|
8
7
|
}, {}, {
|
|
9
8
|
ref?: import("react").Ref<View> | undefined;
|
|
10
9
|
}>;
|
|
11
|
-
|
|
12
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
-
as?: import("react").ElementType<any> | undefined;
|
|
14
|
-
}, {}, {
|
|
15
|
-
ref?: import("react").Ref<View> | undefined;
|
|
16
|
-
}>;
|
|
17
|
-
export { StyledCard, LeftDataCard };
|
|
10
|
+
export { StyledCard };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type { StyleProp,
|
|
2
|
+
import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
3
3
|
interface CardProps extends ViewProps {
|
|
4
4
|
/**
|
|
5
5
|
* Card's content.
|
|
@@ -9,12 +9,6 @@ interface CardProps extends ViewProps {
|
|
|
9
9
|
* Visual intent color to apply to card.
|
|
10
10
|
*/
|
|
11
11
|
intent?: 'primary' | 'success' | 'warning';
|
|
12
|
-
/**
|
|
13
|
-
* Card type.
|
|
14
|
-
* This is now deprecated. If you want to use "data" variant, please use Card.Data instead.
|
|
15
|
-
* @deprecated
|
|
16
|
-
*/
|
|
17
|
-
variant?: 'basic' | 'data';
|
|
18
12
|
/**
|
|
19
13
|
* Additional style.
|
|
20
14
|
*/
|
|
@@ -24,7 +18,7 @@ interface CardProps extends ViewProps {
|
|
|
24
18
|
*/
|
|
25
19
|
testID?: string;
|
|
26
20
|
}
|
|
27
|
-
declare const _default: (({
|
|
21
|
+
declare const _default: (({ intent, children, ...nativeProps }: CardProps) => JSX.Element) & {
|
|
28
22
|
Data: ({ intent, children, ...nativeProps }: import("./DataCard").DataCardProps) => JSX.Element;
|
|
29
23
|
};
|
|
30
24
|
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DatePickerProps } from './types';
|
|
2
|
-
declare const DatePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
|
|
2
|
+
declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
|
|
3
3
|
export default DatePickerAndroid;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DatePickerProps } from './types';
|
|
2
|
-
declare const DatePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
|
|
2
|
+
declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
|
|
3
3
|
export default DatePickerIOS;
|
|
@@ -8,6 +8,14 @@ export interface DatePickerProps {
|
|
|
8
8
|
* Current date value. Must be in correct default format or format provided via format prop.
|
|
9
9
|
*/
|
|
10
10
|
value?: Date;
|
|
11
|
+
/**
|
|
12
|
+
* Mininum date. Restrict the range of possible date values.
|
|
13
|
+
*/
|
|
14
|
+
minDate?: Date;
|
|
15
|
+
/**
|
|
16
|
+
* Maximum date. Restrict the range of possible date values.
|
|
17
|
+
*/
|
|
18
|
+
maxDate?: Date;
|
|
11
19
|
/**
|
|
12
20
|
* Input placeholder. Date format will be used as placeholder if not specified.
|
|
13
21
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "
|
|
1
|
+
declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "at-sign", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "camera-outlined", "cancel", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "credit-card-outlined", "cup-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined"];
|
|
2
2
|
export default IconList;
|
|
@@ -29,6 +29,6 @@ export interface IconProps {
|
|
|
29
29
|
}
|
|
30
30
|
declare const Icon: {
|
|
31
31
|
({ icon, style, size, intent, testID, spin, }: IconProps): JSX.Element;
|
|
32
|
-
List: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "
|
|
32
|
+
List: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "at-sign", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "camera-outlined", "cancel", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "credit-card-outlined", "cup-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-verified-outlined", "filter-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "transfer", "trash-bin-outlined", "umbrela-outlined", "unavailable", "underline", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined"];
|
|
33
33
|
};
|
|
34
34
|
export default Icon;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const isHeroIcon: (x: any) => x is "number" | "swag" | "wallet" | "bold" | "menu" | "filter" | "image" | "switch" | "list" | "warning" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "billing" | "bookmark" | "box-check" | "box" | "buildings" | "cake" | "calendar-clock" | "calendar" | "candy-box-menu" | "
|
|
1
|
+
declare const isHeroIcon: (x: any) => x is "number" | "swag" | "wallet" | "bold" | "menu" | "filter" | "image" | "switch" | "list" | "warning" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "billing" | "bookmark" | "box-check" | "box" | "buildings" | "cake" | "calendar-clock" | "calendar" | "candy-box-menu" | "caret-down-small" | "caret-down" | "caret-left-small" | "caret-left" | "caret-right-small" | "caret-right" | "caret-up-small" | "caret-up" | "check-radio" | "circle-add" | "circle-cancel" | "circle-check" | "circle-down" | "circle-info" | "circle-left" | "circle-ok" | "circle-pencil" | "circle-question" | "circle-remove" | "circle-right" | "circle-up" | "circle-warning" | "clock-3" | "clock" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "directory" | "document" | "dollar-coin-shine" | "double-buildings" | "edit-template" | "envelope" | "expense" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "feed" | "feedbacks" | "file-certified" | "file-clone" | "file-copy" | "file-csv" | "file-dispose" | "file-doc" | "file-excel" | "file-export" | "file-lock" | "file-pdf" | "file-powerpoint" | "file-search" | "file-secured" | "file-sheets" | "file-slide" | "file-verified" | "file-word" | "file" | "folder-user" | "folder" | "format-bold" | "format-heading1" | "format-heading2" | "format-italic" | "format-list-bulleted" | "format-list-numbered" | "format-underlined" | "funnel-filter" | "global-dollar" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "home" | "import" | "incident-siren" | "instapay" | "loading-2" | "loading" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "node" | "open-folder" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane" | "play-circle" | "print" | "raising-hands" | "reply-arrow" | "reply" | "reschedule" | "rostering" | "save" | "schedule-send" | "schedule" | "search-person" | "send" | "speaker-active" | "speaker" | "star-award" | "star-badge" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "survey" | "tag" | "target" | "teams" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "activate-outlined" | "add-credit-card-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "arrow-down" | "arrow-downwards" | "arrow-left" | "arrow-leftwards" | "arrow-right" | "arrow-rightwards" | "arrow-up" | "arrow-upwards" | "at-sign" | "bell-active-outlined" | "bell-outlined" | "bell-slash-outlined" | "billing-outlined" | "body-outlined" | "bookmark-added-outlined" | "bookmark-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calendar-dates-outlined" | "calendar-star-outlined" | "camera-outlined" | "cancel" | "chat-bubble-outlined" | "chat-unread-outlined" | "checkmark" | "circle-add-outlined" | "circle-cancel-outlined" | "circle-down-outlined" | "circle-info-outlined" | "circle-left-outlined" | "circle-ok-outlined" | "circle-question-outlined" | "circle-remove-outlined" | "circle-right-outlined" | "circle-up-outlined" | "circle-warning-outlined" | "clock-2-outlined" | "clock-outlined" | "cog-outlined" | "coin-outlined" | "comment-outlined" | "contacts-outlined" | "credit-card-outlined" | "cup-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-card-outlined" | "dollar-coin-shine-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-outlined" | "edit-template-outlined" | "email-outlined" | "enter-arrow" | "envelope-outlined" | "expense-outlined" | "explore-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "feed-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-dollar-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-verified-outlined" | "filter-outlined" | "folder-outlined" | "folder-user-outlined" | "funnel-filter-outline" | "graph-outlined" | "hand-holding-user-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "home-active-outlined" | "home-outlined" | "id-card-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "italic" | "link-1" | "link-2" | "list-outlined" | "live-help-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "media-content-outlined" | "menu-close" | "menu-expand" | "menu-fold-outlined" | "menu-unfold-outlined" | "moneybag-outlined" | "moon-outlined" | "more-horizontal" | "more-vertical" | "multiple-folders-outlined" | "multiple-users-outlined" | "near-me-outlined" | "node-outlined" | "number-points" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "print-outlined" | "qr-code-outlined" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-outlined" | "restart" | "return-arrow" | "rostering-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "search-secured-outlined" | "send-outlined" | "share-1" | "share-2" | "share-outlined" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "speaker-active-outlined" | "speaker-outlined" | "star-outlined" | "stopwatch-outlined" | "strikethrough" | "suitcase-clock-outlined" | "suitcase-outlined" | "survey-outlined" | "switch-outlined" | "sync" | "target-outlined" | "timesheet-outlined" | "transfer" | "trash-bin-outlined" | "umbrela-outlined" | "unavailable" | "underline" | "unlock-outlined" | "upload-outlined" | "user-circle-outlined" | "user-gear-outlined" | "user-outlined" | "user-rectangle-outlined" | "video-1-outlined" | "video-2-outlined" | "wallet-outlined";
|
|
2
2
|
export { isHeroIcon };
|
|
@@ -22,5 +22,5 @@ export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>> ex
|
|
|
22
22
|
*/
|
|
23
23
|
renderSelectedValue?: (selectedValue: V[], inputProps: NativeTextInputProps) => React.ReactNode;
|
|
24
24
|
}
|
|
25
|
-
declare function MultiSelect<V, T extends OptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm,
|
|
25
|
+
declare function MultiSelect<V, T extends OptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, }: MultiSelectProps<V, T>): JSX.Element;
|
|
26
26
|
export default MultiSelect;
|
|
@@ -15,5 +15,5 @@ export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>> e
|
|
|
15
15
|
*/
|
|
16
16
|
renderSelectedValue?: (selectedValue: V | null, inputProps: NativeTextInputProps) => React.ReactNode;
|
|
17
17
|
}
|
|
18
|
-
declare const SingleSelect: <V, T extends OptionType<V>>({ label, loading, inputProps, onConfirm,
|
|
18
|
+
declare const SingleSelect: <V, T extends OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, }: SingleSelectProps<V, T>) => JSX.Element;
|
|
19
19
|
export default SingleSelect;
|
|
@@ -2,7 +2,7 @@ import MultiSelect from './MultiSelect';
|
|
|
2
2
|
import type { MultiSelectProps } from './MultiSelect';
|
|
3
3
|
import type { SingleSelectProps } from './SingleSelect';
|
|
4
4
|
export type { MultiSelectProps, SingleSelectProps };
|
|
5
|
-
declare const _default: (<V, T extends import("./types").OptionType<V>>({ label, loading, inputProps, onConfirm,
|
|
5
|
+
declare const _default: (<V, T extends import("./types").OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, }: SingleSelectProps<V, T>) => JSX.Element) & {
|
|
6
6
|
Multi: typeof MultiSelect;
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
@@ -43,11 +43,6 @@ export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputP
|
|
|
43
43
|
* Search bar onChangeText event handler
|
|
44
44
|
*/
|
|
45
45
|
onQueryChange?: (value: string) => void;
|
|
46
|
-
/**
|
|
47
|
-
* @deprecated due to typo.
|
|
48
|
-
* Please use onDismiss instead.
|
|
49
|
-
*/
|
|
50
|
-
onDimiss?: () => void;
|
|
51
46
|
/**
|
|
52
47
|
* Event handler when selection dismiss
|
|
53
48
|
*/
|
|
@@ -65,7 +60,7 @@ export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputP
|
|
|
65
60
|
* Required is deprecated and will be removed in the next major release.
|
|
66
61
|
* Please use the outer required instead.
|
|
67
62
|
*/
|
|
68
|
-
inputProps?: Pick<TextInputProps, 'loading' | '
|
|
63
|
+
inputProps?: Pick<TextInputProps, 'loading' | 'numberOfLines'>;
|
|
69
64
|
/**
|
|
70
65
|
* Field label.
|
|
71
66
|
*/
|
|
@@ -78,9 +73,4 @@ export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputP
|
|
|
78
73
|
* Testing id of the component.
|
|
79
74
|
*/
|
|
80
75
|
testID?: string;
|
|
81
|
-
/**
|
|
82
|
-
* @deprecated
|
|
83
|
-
* Please use inputProps.numberOfLines instead.
|
|
84
|
-
*/
|
|
85
|
-
numberOfLines?: number;
|
|
86
76
|
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { Animated, View } from 'react-native';
|
|
2
|
-
declare type ThemeSize = 'small' | 'medium';
|
|
3
2
|
export declare type Variant = 'checked' | 'unchecked' | 'disabled-checked' | 'disabled-unchecked';
|
|
4
3
|
declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
5
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
5
|
as?: import("react").ElementType<any> | undefined;
|
|
7
6
|
} & {
|
|
8
7
|
themeVariant: Variant;
|
|
9
|
-
themeSize: ThemeSize;
|
|
10
8
|
}, {}, {
|
|
11
9
|
ref?: import("react").Ref<View> | undefined;
|
|
12
10
|
}>;
|
|
@@ -15,7 +13,5 @@ declare const StyledKnot: import("@emotion/native").StyledComponent<Animated.Ani
|
|
|
15
13
|
} & {
|
|
16
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
17
15
|
as?: import("react").ElementType<any> | undefined;
|
|
18
|
-
} & {
|
|
19
|
-
themeSize: ThemeSize;
|
|
20
16
|
}, {}, {}>;
|
|
21
17
|
export { StyledWrapper, StyledKnot };
|
|
@@ -13,11 +13,6 @@ export interface SwitchProps {
|
|
|
13
13
|
* Event handler.
|
|
14
14
|
*/
|
|
15
15
|
onPress?: () => void;
|
|
16
|
-
/**
|
|
17
|
-
* Size of the switch
|
|
18
|
-
* size is deprecated and will be removed in the next major release.
|
|
19
|
-
*/
|
|
20
|
-
size?: 'small' | 'medium';
|
|
21
16
|
/**
|
|
22
17
|
* Additional style.
|
|
23
18
|
*/
|
|
@@ -27,7 +22,7 @@ export interface SwitchProps {
|
|
|
27
22
|
*/
|
|
28
23
|
testID?: string;
|
|
29
24
|
}
|
|
30
|
-
declare const _default: (({
|
|
25
|
+
declare const _default: (({ disabled, checked, onPress, style, testID, }: SwitchProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
|
|
31
26
|
Selector: <T>({ options, value, onPress, style, testID, }: import("./SelectorSwitch").SelectorSwitchProps<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
32
27
|
};
|
|
33
28
|
export default _default;
|
|
@@ -9,9 +9,8 @@ export declare type CounterBadgeType = {
|
|
|
9
9
|
};
|
|
10
10
|
export declare type BadgeConfigType = StatusBadgeType | CounterBadgeType;
|
|
11
11
|
interface TabWithBadgeProps {
|
|
12
|
-
showBadge?: boolean;
|
|
13
12
|
config?: BadgeConfigType;
|
|
14
13
|
tabItem: ReactNode;
|
|
15
14
|
}
|
|
16
|
-
declare const TabWithBadge: ({
|
|
15
|
+
declare const TabWithBadge: ({ config, tabItem }: TabWithBadgeProps) => JSX.Element;
|
|
17
16
|
export default TabWithBadge;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import type { StyleProp,
|
|
3
|
-
import type { BadgeConfigType } from './TabWithBadge';
|
|
2
|
+
import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
4
3
|
import { IconName } from '../Icon';
|
|
4
|
+
import type { BadgeConfigType } from './TabWithBadge';
|
|
5
5
|
export declare type ItemType = string | IconName | ((props: {
|
|
6
6
|
color: string;
|
|
7
7
|
}) => ReactNode);
|
|
@@ -11,7 +11,6 @@ export declare type TabType = {
|
|
|
11
11
|
inactiveItem?: ItemType;
|
|
12
12
|
component: ReactNode;
|
|
13
13
|
testID?: string;
|
|
14
|
-
showBadge?: boolean;
|
|
15
14
|
badge?: BadgeConfigType;
|
|
16
15
|
};
|
|
17
16
|
export interface TabsProps extends ViewProps {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { View, Text } from 'react-native';
|
|
2
|
-
declare type ThemeIntent = '
|
|
2
|
+
declare type ThemeIntent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
|
|
3
3
|
declare type ThemeVariant = 'filled' | 'outlined';
|
|
4
4
|
declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import type { StyleProp,
|
|
2
|
+
import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
3
3
|
interface TagProps extends ViewProps {
|
|
4
4
|
/**
|
|
5
5
|
* Content of the Tag.
|
|
@@ -8,7 +8,7 @@ interface TagProps extends ViewProps {
|
|
|
8
8
|
/**
|
|
9
9
|
* Visual intent color to apply to Tag.
|
|
10
10
|
*/
|
|
11
|
-
intent?: 'primary' | '
|
|
11
|
+
intent?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
|
|
12
12
|
/**
|
|
13
13
|
* Tag variant.
|
|
14
14
|
*/
|
|
@@ -14,25 +14,15 @@ declare const getSwitchTheme: (theme: GlobalTheme) => {
|
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
sizes: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
};
|
|
21
|
-
widths: {
|
|
22
|
-
small: number;
|
|
23
|
-
medium: number;
|
|
24
|
-
};
|
|
25
|
-
heights: {
|
|
26
|
-
small: number;
|
|
27
|
-
medium: number;
|
|
28
|
-
};
|
|
17
|
+
thumb: number;
|
|
18
|
+
width: number;
|
|
19
|
+
height: number;
|
|
29
20
|
selector: {
|
|
30
21
|
height: number;
|
|
31
22
|
};
|
|
32
23
|
};
|
|
33
24
|
spaces: {
|
|
34
|
-
|
|
35
|
-
medium: number;
|
|
25
|
+
paddingHorizontal: number;
|
|
36
26
|
selector: {
|
|
37
27
|
iconPadding: number;
|
|
38
28
|
wrapperPadding: number;
|