@hero-design/rn 8.82.1 → 8.82.2-alpha.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.
- package/es/index.js +40 -0
- package/eslint.config.js +2 -4
- package/lib/index.js +40 -0
- package/package.json +3 -3
- package/types/components/Accordion/AccordionItem.d.ts +1 -1
- package/types/components/Accordion/StyledAccordion.d.ts +11 -11
- package/types/components/Accordion/index.d.ts +1 -1
- package/types/components/Alert/StyledAlert.d.ts +16 -16
- package/types/components/Alert/index.d.ts +1 -1
- package/types/components/Attachment/StyledAttachment.d.ts +8 -8
- package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts +9 -9
- package/types/components/Avatar/StyledAvatar.d.ts +10 -10
- package/types/components/Badge/StyledBadge.d.ts +12 -12
- package/types/components/Badge/index.d.ts +1 -1
- package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +15 -15
- package/types/components/BottomNavigation/index.d.ts +1 -1
- package/types/components/BottomSheet/BottomSheetContext.d.ts +1 -1
- package/types/components/BottomSheet/Header.d.ts +2 -2
- package/types/components/BottomSheet/StyledBottomSheet.d.ts +22 -22
- package/types/components/Box/StyledBox.d.ts +2 -2
- package/types/components/Box/config.d.ts +2 -2
- package/types/components/Box/types.d.ts +3 -3
- package/types/components/Button/Button.d.ts +1 -1
- package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +6 -6
- package/types/components/Button/LoadingIndicator/index.d.ts +1 -1
- package/types/components/Button/StyledButton.d.ts +22 -22
- package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +6 -6
- package/types/components/Calendar/StyledCalendar.d.ts +22 -22
- package/types/components/Card/DataCard/StyledDataCard.d.ts +5 -5
- package/types/components/Card/StyledCard.d.ts +4 -4
- package/types/components/Carousel/CardCarousel.d.ts +1 -1
- package/types/components/Carousel/StyledCardCarousel.d.ts +8 -8
- package/types/components/Carousel/StyledCarousel.d.ts +21 -21
- package/types/components/Carousel/types.d.ts +2 -2
- package/types/components/Checkbox/StyledCheckbox.d.ts +11 -11
- package/types/components/Checkbox/index.d.ts +1 -1
- package/types/components/Chip/StyledChip.d.ts +5 -5
- package/types/components/Collapse/StyledCollapse.d.ts +6 -6
- package/types/components/ContentNavigator/StyledContentNavigator.d.ts +2 -2
- package/types/components/DatePicker/DatePickerAndroid.d.ts +1 -1
- package/types/components/DatePicker/DatePickerCalendar.d.ts +1 -1
- package/types/components/DatePicker/DatePickerIOS.d.ts +1 -1
- package/types/components/DatePicker/StyledDatePicker.d.ts +2 -2
- package/types/components/DatePicker/useCalculateDate.d.ts +1 -1
- package/types/components/Divider/StyledDivider.d.ts +5 -5
- package/types/components/Drawer/DragableDrawer/helpers.d.ts +1 -1
- package/types/components/Drawer/StyledDrawer.d.ts +15 -15
- package/types/components/Empty/StyledEmpty.d.ts +7 -7
- package/types/components/Error/StyledError.d.ts +21 -21
- package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +10 -10
- package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +6 -6
- package/types/components/FAB/ActionGroup/index.d.ts +1 -1
- package/types/components/FAB/AnimatedFABIcon.d.ts +1 -1
- package/types/components/FAB/FAB.d.ts +1 -1
- package/types/components/FAB/Pair/StyledFAB.d.ts +6 -6
- package/types/components/FAB/Pair/index.d.ts +1 -1
- package/types/components/FAB/StyledFAB.d.ts +9 -9
- package/types/components/FloatingIsland/StyledFloatingIsland.d.ts +10 -10
- package/types/components/Icon/AnimatedIcon.d.ts +1 -1
- package/types/components/Icon/HeroIcon/index.d.ts +4 -4
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Icon/utils.d.ts +2 -1
- package/types/components/List/StyledBasicListItem.d.ts +10 -10
- package/types/components/List/StyledListItem.d.ts +18 -18
- package/types/components/MapPin/StyledMapPin.d.ts +11 -11
- package/types/components/MapPin/types.d.ts +1 -1
- package/types/components/PageControl/StyledPageControl.d.ts +4 -4
- package/types/components/PinInput/StyledPinInput.d.ts +21 -21
- package/types/components/Portal/reducer.d.ts +1 -1
- package/types/components/Portal/types.d.ts +1 -1
- package/types/components/Progress/ProgressStep.d.ts +1 -1
- package/types/components/Progress/StyledProgressBar.d.ts +4 -4
- package/types/components/Progress/StyledProgressCircle.d.ts +12 -12
- package/types/components/Progress/StyledStep.d.ts +10 -10
- package/types/components/Progress/types.d.ts +1 -1
- package/types/components/Radio/StyledRadio.d.ts +9 -9
- package/types/components/Radio/index.d.ts +1 -1
- package/types/components/Radio/types.d.ts +1 -1
- package/types/components/Rate/StyledRate.d.ts +4 -4
- package/types/components/RefreshControl/index.d.ts +1 -1
- package/types/components/RichTextEditor/EditorEvent.d.ts +0 -1
- package/types/components/RichTextEditor/RichTextEditor.d.ts +1 -1
- package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +4 -4
- package/types/components/RichTextEditor/StyledToolbar.d.ts +6 -6
- package/types/components/RichTextEditor/types.d.ts +1 -1
- package/types/components/Search/SearchOneLine.d.ts +5 -5
- package/types/components/Search/StyledSearch.d.ts +18 -18
- package/types/components/Search/index.d.ts +1 -1
- package/types/components/Search/utils.d.ts +2 -2
- package/types/components/SectionHeading/StyledHeading.d.ts +7 -7
- package/types/components/Select/BaseOptionList.d.ts +1 -1
- package/types/components/Select/MultiSelect/Option.d.ts +2 -2
- package/types/components/Select/MultiSelect/OptionList.d.ts +1 -1
- package/types/components/Select/SingleSelect/Option.d.ts +2 -2
- package/types/components/Select/SingleSelect/OptionList.d.ts +1 -1
- package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +2 -1
- package/types/components/Select/StyledSelect.d.ts +6 -6
- package/types/components/Select/helpers.d.ts +2 -2
- package/types/components/Select/types.d.ts +6 -6
- package/types/components/Skeleton/StyledSkeleton.d.ts +6 -6
- package/types/components/Spinner/AnimatedSpinner.d.ts +2 -2
- package/types/components/Spinner/StyledSpinner.d.ts +13 -13
- package/types/components/Success/StyledSuccess.d.ts +19 -19
- package/types/components/Swipeable/StyledSwipeable.d.ts +3 -3
- package/types/components/Swipeable/index.d.ts +2 -2
- package/types/components/Switch/SelectorSwitch/Option.d.ts +3 -5
- package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +8 -8
- package/types/components/Switch/SelectorSwitch/index.d.ts +3 -3
- package/types/components/Switch/StyledSwitch.d.ts +5 -5
- package/types/components/Switch/index.d.ts +3 -3
- package/types/components/Tabs/SceneView.d.ts +3 -3
- package/types/components/Tabs/ScrollableTabsHeader/hooks/useInitHighlightedAnimation.d.ts +2 -2
- package/types/components/Tabs/ScrollableTabsHeader/hooks/useInitUnderlinedAnimation.d.ts +2 -2
- package/types/components/Tabs/StyledScrollableTabs.d.ts +17 -17
- package/types/components/Tabs/StyledTabs.d.ts +14 -14
- package/types/components/Tabs/TabWithBadge.d.ts +3 -3
- package/types/components/Tabs/index.d.ts +2 -2
- package/types/components/Tabs/useHandlePageScroll.d.ts +1 -1
- package/types/components/Tag/StyledTag.d.ts +5 -5
- package/types/components/TextInput/StyledTextInput.d.ts +28 -28
- package/types/components/TextInput/index.d.ts +16 -16
- package/types/components/TimePicker/StyledTimePicker.d.ts +2 -2
- package/types/components/Toast/StyledToast.d.ts +18 -18
- package/types/components/Toast/ToastContext.d.ts +2 -2
- package/types/components/Toast/ToastProvider.d.ts +1 -1
- package/types/components/Toast/types.d.ts +2 -2
- package/types/components/Toolbar/StyledToolbar.d.ts +25 -25
- package/types/components/Toolbar/ToolbarMessage.d.ts +4 -4
- package/types/components/Typography/Body/StyledBody.d.ts +4 -4
- package/types/components/Typography/Caption/StyledCaption.d.ts +3 -3
- package/types/components/Typography/Label/StyledLabel.d.ts +2 -2
- package/types/components/Typography/Text/StyledText.d.ts +6 -6
- package/types/components/Typography/Title/StyledTitle.d.ts +4 -4
- package/types/components/Typography/types.d.ts +1 -1
- package/types/testHelpers/utils.d.ts +1 -1
- package/types/theme/ThemeSwitcher.d.ts +3 -3
- package/types/theme/components/badge.d.ts +1 -1
- package/types/theme/components/button.d.ts +1 -1
- package/types/theme/components/carousel.d.ts +1 -1
- package/types/theme/components/empty.d.ts +1 -1
- package/types/theme/components/error.d.ts +1 -1
- package/types/theme/components/fab.d.ts +1 -1
- package/types/theme/components/pinInput.d.ts +1 -1
- package/types/theme/components/success.d.ts +1 -1
- package/types/theme/components/tag.d.ts +1 -1
- package/types/theme/getTheme.d.ts +1 -1
- package/types/theme/global/colors/types.d.ts +3 -3
- package/types/theme/global/index.d.ts +4 -4
- package/types/theme/global/scale.d.ts +1 -1
- package/types/theme/global/shadows.d.ts +1 -1
- package/types/theme/global/typography.d.ts +1 -1
- package/.turbo/turbo-build.log +0 -7
|
@@ -4,55 +4,55 @@ import { IntentType } from './types';
|
|
|
4
4
|
import { TextProps } from '../Typography/Text';
|
|
5
5
|
import { IconProps } from '../Icon';
|
|
6
6
|
declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
7
|
-
theme?: import("@emotion/react").Theme
|
|
8
|
-
as?:
|
|
7
|
+
theme?: import("@emotion/react").Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
9
|
} & {
|
|
10
|
-
position:
|
|
10
|
+
position: "top" | "bottom";
|
|
11
11
|
}, {}, {
|
|
12
12
|
ref?: import("react").Ref<View> | undefined;
|
|
13
13
|
}>;
|
|
14
14
|
declare const Container: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
|
|
15
|
-
theme?: import("@emotion/react").Theme
|
|
16
|
-
as?:
|
|
15
|
+
theme?: import("@emotion/react").Theme;
|
|
16
|
+
as?: React.ElementType;
|
|
17
17
|
} & {
|
|
18
|
-
themeVariant:
|
|
18
|
+
themeVariant: "default" | "round";
|
|
19
19
|
themeIntent: IntentType;
|
|
20
20
|
}, {}, {}>;
|
|
21
21
|
declare const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
22
|
-
theme?: import("@emotion/react").Theme
|
|
23
|
-
as?:
|
|
22
|
+
theme?: import("@emotion/react").Theme;
|
|
23
|
+
as?: React.ElementType;
|
|
24
24
|
}, {}, {
|
|
25
25
|
ref?: import("react").Ref<View> | undefined;
|
|
26
26
|
}>;
|
|
27
27
|
declare const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
28
|
-
theme?: import("@emotion/react").Theme
|
|
29
|
-
as?:
|
|
28
|
+
theme?: import("@emotion/react").Theme;
|
|
29
|
+
as?: React.ElementType;
|
|
30
30
|
}, {}, {
|
|
31
31
|
ref?: import("react").Ref<View> | undefined;
|
|
32
32
|
}>;
|
|
33
33
|
declare const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
34
|
-
theme?: import("@emotion/react").Theme
|
|
35
|
-
as?:
|
|
34
|
+
theme?: import("@emotion/react").Theme;
|
|
35
|
+
as?: React.ElementType;
|
|
36
36
|
} & {
|
|
37
37
|
showDivider: boolean;
|
|
38
38
|
}, {}, {
|
|
39
39
|
ref?: import("react").Ref<View> | undefined;
|
|
40
40
|
}>;
|
|
41
41
|
declare const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
|
|
42
|
-
theme?: import("@emotion/react").Theme
|
|
43
|
-
as?:
|
|
42
|
+
theme?: import("@emotion/react").Theme;
|
|
43
|
+
as?: React.ElementType;
|
|
44
44
|
}, {}, {
|
|
45
45
|
ref?: import("react").Ref<TouchableOpacity> | undefined;
|
|
46
46
|
}>;
|
|
47
47
|
declare const StyledBody: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
|
|
48
|
-
theme?: import("@emotion/react").Theme
|
|
49
|
-
as?:
|
|
48
|
+
theme?: import("@emotion/react").Theme;
|
|
49
|
+
as?: React.ElementType;
|
|
50
50
|
} & TextProps & {
|
|
51
51
|
themeIntent: IntentType;
|
|
52
52
|
}, {}, {}>;
|
|
53
53
|
declare const StyledIcon: import("@emotion/native").StyledComponent<IconProps & {
|
|
54
|
-
theme?: import("@emotion/react").Theme
|
|
55
|
-
as?:
|
|
54
|
+
theme?: import("@emotion/react").Theme;
|
|
55
|
+
as?: React.ElementType;
|
|
56
56
|
} & {
|
|
57
57
|
themeIntent: IntentType;
|
|
58
58
|
}, {}, {}>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { ToastContainerProps, ToastProps } from './types';
|
|
2
|
-
export
|
|
2
|
+
export type ToastControllerContextType = {
|
|
3
3
|
show: (props: Omit<ToastProps, 'position'>) => string;
|
|
4
4
|
hide: (id: string) => void;
|
|
5
5
|
clearAll: () => void;
|
|
6
6
|
};
|
|
7
7
|
export declare const fallbackToastControlContext: ToastControllerContextType;
|
|
8
8
|
export declare const ToastContext: import("react").Context<ToastControllerContextType>;
|
|
9
|
-
export
|
|
9
|
+
export type ToastConfigContextType = Pick<ToastContainerProps, 'position' | 'displayType'>;
|
|
10
10
|
export declare const ToastConfigContext: import("react").Context<ToastConfigContextType>;
|
|
11
11
|
export declare const useToastConfig: () => ToastConfigContextType;
|
|
12
12
|
export declare const useToast: () => ToastControllerContextType;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactElement } from 'react';
|
|
2
2
|
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
3
|
import type { IconName } from '../Icon';
|
|
4
|
-
export
|
|
4
|
+
export type IntentType = 'success' | 'info' | 'warning' | 'error' | 'notification' | 'snackbar';
|
|
5
5
|
export interface ToastProps {
|
|
6
6
|
/**
|
|
7
7
|
* Toast content.
|
|
@@ -66,7 +66,7 @@ export interface ToastContainerProps {
|
|
|
66
66
|
*/
|
|
67
67
|
style?: StyleProp<ViewStyle>;
|
|
68
68
|
}
|
|
69
|
-
export
|
|
69
|
+
export type ToastItemProps = {
|
|
70
70
|
id: string;
|
|
71
71
|
props: Omit<ToastProps, 'position'>;
|
|
72
72
|
};
|
|
@@ -1,70 +1,70 @@
|
|
|
1
1
|
import { TextInput, TouchableOpacity, View } from 'react-native';
|
|
2
2
|
import type { ViewProps } from 'react-native';
|
|
3
3
|
import { BodyProps } from '../Typography/Body';
|
|
4
|
-
export
|
|
4
|
+
export type ToolbarMessageState = 'default' | 'filled' | 'disabled' | 'readonly';
|
|
5
5
|
declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
6
|
-
theme?: import("@emotion/react").Theme
|
|
7
|
-
as?:
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
8
|
}, {}, {
|
|
9
9
|
ref?: import("react").Ref<View> | undefined;
|
|
10
10
|
}>;
|
|
11
11
|
declare const ToolbarGroupWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
12
|
-
theme?: import("@emotion/react").Theme
|
|
13
|
-
as?:
|
|
12
|
+
theme?: import("@emotion/react").Theme;
|
|
13
|
+
as?: React.ElementType;
|
|
14
14
|
} & {
|
|
15
|
-
align:
|
|
15
|
+
align: "left" | "center" | "right";
|
|
16
16
|
}, {}, {
|
|
17
17
|
ref?: import("react").Ref<View> | undefined;
|
|
18
18
|
}>;
|
|
19
19
|
declare const ToolbarItemWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
|
|
20
|
-
theme?: import("@emotion/react").Theme
|
|
21
|
-
as?:
|
|
20
|
+
theme?: import("@emotion/react").Theme;
|
|
21
|
+
as?: React.ElementType;
|
|
22
22
|
}, {}, {
|
|
23
23
|
ref?: import("react").Ref<TouchableOpacity> | undefined;
|
|
24
24
|
}>;
|
|
25
25
|
declare const IconButtonWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
26
|
-
theme?: import("@emotion/react").Theme
|
|
27
|
-
as?:
|
|
26
|
+
theme?: import("@emotion/react").Theme;
|
|
27
|
+
as?: React.ElementType;
|
|
28
28
|
}, {}, {
|
|
29
29
|
ref?: import("react").Ref<View> | undefined;
|
|
30
30
|
}>;
|
|
31
31
|
declare const IconButtonLabel: import("@emotion/native").StyledComponent<BodyProps & {
|
|
32
|
-
theme?: import("@emotion/react").Theme
|
|
33
|
-
as?:
|
|
32
|
+
theme?: import("@emotion/react").Theme;
|
|
33
|
+
as?: React.ElementType;
|
|
34
34
|
}, {}, {}>;
|
|
35
35
|
declare const StyledLabel: import("@emotion/native").StyledComponent<BodyProps & {
|
|
36
|
-
theme?: import("@emotion/react").Theme
|
|
37
|
-
as?:
|
|
36
|
+
theme?: import("@emotion/react").Theme;
|
|
37
|
+
as?: React.ElementType;
|
|
38
38
|
} & {
|
|
39
|
-
intent: Exclude<BodyProps[
|
|
39
|
+
intent: Exclude<BodyProps["intent"], undefined>;
|
|
40
40
|
}, {}, {}>;
|
|
41
41
|
declare const ToolbarMessageWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
42
|
-
theme?: import("@emotion/react").Theme
|
|
43
|
-
as?:
|
|
42
|
+
theme?: import("@emotion/react").Theme;
|
|
43
|
+
as?: React.ElementType;
|
|
44
44
|
}, {}, {
|
|
45
45
|
ref?: import("react").Ref<View> | undefined;
|
|
46
46
|
}>;
|
|
47
47
|
export declare const StyledInputContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
48
|
-
theme?: import("@emotion/react").Theme
|
|
49
|
-
as?:
|
|
48
|
+
theme?: import("@emotion/react").Theme;
|
|
49
|
+
as?: React.ElementType;
|
|
50
50
|
}, {}, {
|
|
51
51
|
ref?: import("react").Ref<View> | undefined;
|
|
52
52
|
}>;
|
|
53
53
|
export declare const StyledInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
|
|
54
|
-
theme?: import("@emotion/react").Theme
|
|
55
|
-
as?:
|
|
54
|
+
theme?: import("@emotion/react").Theme;
|
|
55
|
+
as?: React.ElementType;
|
|
56
56
|
}, {}, {
|
|
57
57
|
ref?: import("react").Ref<TextInput> | undefined;
|
|
58
58
|
}>;
|
|
59
59
|
export declare const StyledPrefix: import("@emotion/native").StyledComponent<ViewProps & {
|
|
60
|
-
theme?: import("@emotion/react").Theme
|
|
61
|
-
as?:
|
|
60
|
+
theme?: import("@emotion/react").Theme;
|
|
61
|
+
as?: React.ElementType;
|
|
62
62
|
}, {}, {
|
|
63
63
|
ref?: import("react").Ref<View> | undefined;
|
|
64
64
|
}>;
|
|
65
65
|
export declare const StyledSuffix: import("@emotion/native").StyledComponent<ViewProps & {
|
|
66
|
-
theme?: import("@emotion/react").Theme
|
|
67
|
-
as?:
|
|
66
|
+
theme?: import("@emotion/react").Theme;
|
|
67
|
+
as?: React.ElementType;
|
|
68
68
|
}, {}, {
|
|
69
69
|
ref?: import("react").Ref<View> | undefined;
|
|
70
70
|
}>;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { TextInput as RNTextInput } from 'react-native';
|
|
3
3
|
import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
4
4
|
import { ToolbarMessageState } from './StyledToolbar';
|
|
5
|
-
export
|
|
5
|
+
export type ToolbarMessageHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
|
|
6
6
|
export interface ToolbarMessageProps extends NativeTextInputProps {
|
|
7
7
|
/**
|
|
8
8
|
* Element to render on the left side of the input, before the user's cursor.
|
|
@@ -51,9 +51,9 @@ export interface ToolbarMessageProps extends NativeTextInputProps {
|
|
|
51
51
|
ref?: React.Ref<ToolbarMessageHandles>;
|
|
52
52
|
}
|
|
53
53
|
export declare const getState: ({ disabled, editable, isEmptyValue, }: {
|
|
54
|
-
disabled?: boolean
|
|
55
|
-
editable?: boolean
|
|
56
|
-
isEmptyValue?: boolean
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
editable?: boolean;
|
|
56
|
+
isEmptyValue?: boolean;
|
|
57
57
|
}) => ToolbarMessageState;
|
|
58
58
|
declare const ToolbarMessage: React.ForwardRefExoticComponent<Omit<ToolbarMessageProps, "ref"> & React.RefAttributes<ToolbarMessageHandles>>;
|
|
59
59
|
export default ToolbarMessage;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Text } from 'react-native';
|
|
2
2
|
import { ThemeIntent } from '../types';
|
|
3
|
-
|
|
3
|
+
type ThemeVariant = 'small' | 'small-bold' | 'regular' | 'regular-bold';
|
|
4
4
|
declare const StyledBody: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
|
|
5
|
-
theme?: import("@emotion/react").Theme
|
|
6
|
-
as?:
|
|
5
|
+
theme?: import("@emotion/react").Theme;
|
|
6
|
+
as?: React.ElementType;
|
|
7
7
|
} & {
|
|
8
8
|
themeIntent: ThemeIntent;
|
|
9
|
-
themeTypeface:
|
|
9
|
+
themeTypeface: "neutral" | "playful";
|
|
10
10
|
themeVariant: ThemeVariant;
|
|
11
11
|
}, {}, {
|
|
12
12
|
ref?: import("react").Ref<Text> | undefined;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Text } from 'react-native';
|
|
2
2
|
import { ThemeIntent } from '../types';
|
|
3
3
|
declare const StyledCaption: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme
|
|
5
|
-
as?:
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
5
|
+
as?: React.ElementType;
|
|
6
6
|
} & {
|
|
7
|
-
themeFontWeight:
|
|
7
|
+
themeFontWeight: "regular" | "semi-bold";
|
|
8
8
|
themeIntent: ThemeIntent;
|
|
9
9
|
}, {}, {
|
|
10
10
|
ref?: import("react").Ref<Text> | undefined;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Text } from 'react-native';
|
|
2
2
|
import { ThemeIntent } from '../types';
|
|
3
3
|
declare const StyledLabel: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme
|
|
5
|
-
as?:
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
5
|
+
as?: React.ElementType;
|
|
6
6
|
} & {
|
|
7
7
|
themeIntent: ThemeIntent;
|
|
8
8
|
}, {}, {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Text } from 'react-native';
|
|
2
2
|
declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
|
|
3
|
-
theme?: import("@emotion/react").Theme
|
|
4
|
-
as?:
|
|
3
|
+
theme?: import("@emotion/react").Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
5
|
} & {
|
|
6
|
-
themeFontSize:
|
|
7
|
-
themeFontWeight:
|
|
8
|
-
themeIntent:
|
|
9
|
-
themeTypeface:
|
|
6
|
+
themeFontSize: "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxxlarge" | "xxxxlarge" | "xxxxxlarge" | "6xlarge" | "7xlarge";
|
|
7
|
+
themeFontWeight: "light" | "regular" | "semi-bold";
|
|
8
|
+
themeIntent: "body" | "subdued" | "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "inverted" | "archived" | "disabled";
|
|
9
|
+
themeTypeface: "neutral" | "playful";
|
|
10
10
|
}, {}, {
|
|
11
11
|
ref?: import("react").Ref<Text> | undefined;
|
|
12
12
|
}>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Text } from 'react-native';
|
|
2
2
|
import { ThemeIntent } from '../types';
|
|
3
|
-
|
|
3
|
+
type ThemeLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
4
|
declare const StyledTitle: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
|
|
5
|
-
theme?: import("@emotion/react").Theme
|
|
6
|
-
as?:
|
|
5
|
+
theme?: import("@emotion/react").Theme;
|
|
6
|
+
as?: React.ElementType;
|
|
7
7
|
} & {
|
|
8
8
|
themeIntent: ThemeIntent;
|
|
9
9
|
themeLevel: ThemeLevel;
|
|
10
|
-
themeTypeface:
|
|
10
|
+
themeTypeface: "neutral" | "playful";
|
|
11
11
|
}, {}, {
|
|
12
12
|
ref?: import("react").Ref<Text> | undefined;
|
|
13
13
|
}>;
|
|
@@ -3,4 +3,4 @@ export declare const FONTWEIGHT_MAP: {
|
|
|
3
3
|
readonly regular: "regular";
|
|
4
4
|
readonly 'semi-bold': "semiBold";
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type ThemeIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const setOrientation: (orientation:
|
|
1
|
+
export declare const setOrientation: (orientation: "portrait" | "landscape") => void;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
|
|
2
|
+
type ThemeName = 'swag' | 'swagDark' | 'swagLight' | 'work' | 'jobs' | 'wallet' | 'eBens';
|
|
3
3
|
declare const ThemeSwitcher: ({ name, children, }: {
|
|
4
|
-
name?: ThemeName
|
|
4
|
+
name?: ThemeName;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
}) => React.JSX.Element;
|
|
7
|
-
export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props:
|
|
7
|
+
export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props: PropsWithChildren<P>) => React.JSX.Element;
|
|
8
8
|
export default ThemeSwitcher;
|
|
@@ -58,7 +58,7 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
|
|
|
58
58
|
utilityPadding: number;
|
|
59
59
|
};
|
|
60
60
|
};
|
|
61
|
-
|
|
61
|
+
type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
|
|
62
62
|
export interface ButtonThemeType extends GetButtonThemeReturnType {
|
|
63
63
|
/**
|
|
64
64
|
* @deprecated will be removed in v9
|
|
@@ -18,7 +18,7 @@ declare const getCarouselTheme: (theme: GlobalTheme) => {
|
|
|
18
18
|
heading: number;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
|
|
22
22
|
export interface CarouselThemeType extends GetCarouselThemeReturnType {
|
|
23
23
|
/**
|
|
24
24
|
* @deprecated will be removed in v9
|
|
@@ -23,7 +23,7 @@ declare const getEmptyTheme: (theme: GlobalTheme) => {
|
|
|
23
23
|
description: string;
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
|
|
27
27
|
export interface EmptyThemeType extends GetEmptyThemeReturnType {
|
|
28
28
|
/**
|
|
29
29
|
* @deprecated will be removed in v9
|
|
@@ -33,7 +33,7 @@ declare const getErrorTheme: (theme: GlobalTheme) => {
|
|
|
33
33
|
description: number;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
|
|
37
37
|
export interface ErrorThemeType extends GetErrorThemeReturnType {
|
|
38
38
|
/**
|
|
39
39
|
* @deprecated will be removed in v9
|
|
@@ -57,7 +57,7 @@ declare const getFABTheme: (theme: GlobalTheme) => {
|
|
|
57
57
|
fabPairMarginRight: number;
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
|
-
|
|
60
|
+
type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
|
|
61
61
|
export interface FABThemeType extends GetFABThemeReturnType {
|
|
62
62
|
/**
|
|
63
63
|
* @deprecated will be removed in v9
|
|
@@ -39,7 +39,7 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
|
|
|
39
39
|
mask: number;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
|
-
|
|
42
|
+
type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
|
|
43
43
|
export interface PinInputThemeType extends GetPinInputThemeReturnType {
|
|
44
44
|
/**
|
|
45
45
|
* @deprecated will be removed in v9
|
|
@@ -29,7 +29,7 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
|
|
|
29
29
|
description: string;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
|
|
33
33
|
export interface SuccessThemeType extends GetSuccessThemeReturnType {
|
|
34
34
|
/**
|
|
35
35
|
* @deprecated will be removed in v9
|
|
@@ -35,7 +35,7 @@ declare const getTagTheme: (theme: GlobalTheme) => {
|
|
|
35
35
|
default: number;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
|
|
39
39
|
export interface TagThemeType extends GetTagThemeReturnType {
|
|
40
40
|
/**
|
|
41
41
|
* @deprecated will be removed in v9
|
|
@@ -48,7 +48,7 @@ import type { GlobalTheme, Scale, SystemPalette } from './global';
|
|
|
48
48
|
import getSearchTheme from './components/search';
|
|
49
49
|
import getMapPinTheme from './components/mapPin';
|
|
50
50
|
import getFloatingIslandTheme from './components/floatingIsland';
|
|
51
|
-
|
|
51
|
+
type Theme = GlobalTheme & {
|
|
52
52
|
__hd__: {
|
|
53
53
|
accordion: ReturnType<typeof getAccordionTheme>;
|
|
54
54
|
alert: ReturnType<typeof getAlertTheme>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type GlobalSystemPalette = {
|
|
2
2
|
defaultGlobalSurface: string;
|
|
3
3
|
onDefaultGlobalSurface: string;
|
|
4
4
|
neutralGlobalSurface: string;
|
|
@@ -33,7 +33,7 @@ export declare type GlobalSystemPalette = {
|
|
|
33
33
|
archivedSurface: string;
|
|
34
34
|
onArchivedSurface: string;
|
|
35
35
|
};
|
|
36
|
-
export
|
|
36
|
+
export type BrandSystemPalette = {
|
|
37
37
|
primary: string;
|
|
38
38
|
onPrimary: string;
|
|
39
39
|
secondary: string;
|
|
@@ -47,4 +47,4 @@ export declare type BrandSystemPalette = {
|
|
|
47
47
|
decorativeSecondary?: string;
|
|
48
48
|
decorativeSecondarySurface?: string;
|
|
49
49
|
};
|
|
50
|
-
export
|
|
50
|
+
export type SystemPalette = GlobalSystemPalette & BrandSystemPalette;
|
|
@@ -50,12 +50,12 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
50
50
|
onSecondary: string;
|
|
51
51
|
defaultSurface: string;
|
|
52
52
|
highlightedSurface: string;
|
|
53
|
-
secondaryHighlightedSurface?: string
|
|
53
|
+
secondaryHighlightedSurface?: string;
|
|
54
54
|
pressedSurface: string;
|
|
55
55
|
decorativePrimary: string;
|
|
56
56
|
decorativePrimarySurface: string;
|
|
57
|
-
decorativeSecondary?: string
|
|
58
|
-
decorativeSecondarySurface?: string
|
|
57
|
+
decorativeSecondary?: string;
|
|
58
|
+
decorativeSecondarySurface?: string;
|
|
59
59
|
};
|
|
60
60
|
fonts: import("./typography").Fonts;
|
|
61
61
|
fontSizes: import("./typography").FontSizes;
|
|
@@ -77,6 +77,6 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
77
77
|
};
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
-
|
|
80
|
+
type GlobalTheme = ReturnType<typeof getGlobalTheme>;
|
|
81
81
|
export type { GlobalTheme, Scale, SystemPalette };
|
|
82
82
|
export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, };
|
package/.turbo/turbo-build.log
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
(node:2831) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
|
|
2
|
-
(Use `node --trace-warnings ...` to show where the warning was created)
|
|
3
|
-
[36m
|
|
4
|
-
[1msrc/index.ts[22m → [1mlib/index.js, es/index.js[22m...[39m
|
|
5
|
-
[1m[33m(!) [plugin replace] @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.[39m[22m
|
|
6
|
-
[1m[33m(!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.[39m[22m
|
|
7
|
-
[32mcreated [1mlib/index.js, es/index.js[22m in [1m50.6s[22m[39m
|