@hero-design/rn 8.12.5-alpha.0 → 8.12.5

package/types/components/Tag/StyledTag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { View, Text } from 'react-native';
+import { View } from 'react-native';
 declare type ThemeIntent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
 declare type ThemeVariant = 'filled' | 'outlined';
 declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
@@ -11,13 +11,11 @@ declare const StyledView: import("@emotion/native").StyledComponent<import("reac
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+declare const StyledText: import("@emotion/native").StyledComponent<import("../..").TextProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeIntent: ThemeIntent;
     themeVariant: ThemeVariant;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
+}, {}, {}>;
 export { StyledView, StyledText };

package/types/components/Typography/Text/index.d.ts

@@ -32,5 +32,5 @@ export interface TextProps extends NativeTextProps {
      */
     typeface?: 'neutral' | 'playful';
 }
-declare const Text: ({ children, fontSize, fontWeight, intent, typeface, ...nativeProps }: TextProps) => JSX.Element;
+declare const Text: ({ children, fontSize, fontWeight, intent, typeface, allowFontScaling, ...nativeProps }: TextProps) => JSX.Element;
 export default Text;

package/types/theme/components/avatar.d.ts

@@ -34,5 +34,15 @@ declare const getAvatarTheme: (theme: GlobalTheme) => {
         xxxxlarge: number;
         xxxxxlarge: number;
     };
+    lineHeights: {
+        small: number;
+        medium: number;
+        large: number;
+        xlarge: number;
+        xxlarge: number;
+        xxxlarge: number;
+        xxxxlarge: number;
+        xxxxxlarge: number;
+    };
 };
 export default getAvatarTheme;

package/types/theme/components/badge.d.ts

@@ -26,5 +26,8 @@ declare const getBadgeTheme: (theme: GlobalTheme) => {
         statusPositionTop: number;
         statusPositionRight: number;
     };
+    lineHeights: {
+        default: number;
+    };
 };
 export default getBadgeTheme;

package/types/theme/components/pinInput.d.ts

@@ -4,6 +4,10 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
         default: number;
         focused: number;
     };
+    lineHeights: {
+        cellText: number;
+        errorMessage: number;
+    };
     colors: {
         default: string;
         mask: string;

package/types/types.d.ts

@@ -9,5 +9,4 @@ import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './compon
 import { SwipeableProps } from './components/Swipeable';
 import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
-import { ScrollableTabsHandles } from './components/Tabs/ScrollableTabs';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, ScrollableTabsHandles, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, };
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, };

package/.turbo/turbo-build:types.log

@@ -1,2 +0,0 @@
-@hero-design/rn:build:types: cache hit, replaying output 469c355cf5f8f229
-@hero-design/rn:build:types: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/.turbo/turbo-lint.log

@@ -1,149 +0,0 @@
-@hero-design/rn:lint: cache hit, replaying output 6363842493954154
-@hero-design/rn:lint: $ eslint src --ext .js,.jsx,.ts,.tsx --ignore-path ../../.gitignore
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/BottomSheet/ScrollView.tsx
-@hero-design/rn:lint:   25:5  warning  React Hook useCallback has missing dependencies: 'props' and 'setInternalShowDivider'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useCallback call and refer to those specific props inside useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   34:5  warning  React Hook useCallback has missing dependencies: 'props' and 'setInternalShowDivider'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useCallback call and refer to those specific props inside useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   43:5  warning  React Hook useCallback has missing dependencies: 'props' and 'setInternalShowDivider'. Either include them or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useCallback call and refer to those specific props inside useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/BottomSheet/index.tsx
-@hero-design/rn:lint:   123:32  warning  The ref value 'animatedValue.current' will likely have changed by the time this effect cleanup function runs. If this ref points to a node rendered by React, copy 'animatedValue.current' to a variable inside the effect, and use that variable in the cleanup function  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   124:6   warning  React Hook useEffect has missing dependencies: 'onDismiss' and 'visible'. Either include them or remove the dependency array. If 'onDismiss' changes too often, find the parent component that defines it and wrap that definition in useCallback                          react-hooks/exhaustive-deps
-@hero-design/rn:lint:   137:6   warning  React Hook useEffect has a missing dependency: 'onAnimationEnd'. Either include it or remove the dependency array                                                                                                                                                          react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Button/LoadingIndicator/index.tsx
-@hero-design/rn:lint:   118:36  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Carousel/CardCarousel.tsx
-@hero-design/rn:lint:   105:7  warning  React Hook useCallback has a missing dependency: 'items.length'. Either include it or remove the dependency array    react-hooks/exhaustive-deps
-@hero-design/rn:lint:   121:8  warning  React Hook useCallback has an unnecessary dependency: 'itemWidth'. Either exclude it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Carousel/__tests__/CardCarousel.spec.tsx
-@hero-design/rn:lint:   47:27  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint:   47:27  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint:   93:27  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint:   93:27  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Carousel/index.tsx
-@hero-design/rn:lint:   108:6  warning  React Hook useEffect has missing dependencies: 'scrollX' and 'width'. Either include them or remove the dependency array        react-hooks/exhaustive-deps
-@hero-design/rn:lint:   114:6  warning  React Hook useCallback has a missing dependency: 'internalOnItemIndexChange'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Collapse/index.tsx
-@hero-design/rn:lint:   48:6  warning  React Hook useEffect has a missing dependency: 'collapseAnim'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/DatePicker/DatePickerAndroid.tsx
-@hero-design/rn:lint:   53:25  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/DatePicker/DatePickerIOS.tsx
-@hero-design/rn:lint:   75:27  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Drawer/DragableDrawer/index.tsx
-@hero-design/rn:lint:    78:6  warning  React Hook useEffect has a missing dependency: 'pan'. Either include it or remove the dependency array                                                                                                                                                                                                react-hooks/exhaustive-deps
-@hero-design/rn:lint:    88:6  warning  React Hook useEffect has missing dependencies: 'initialHeightPercentage' and 'minimumHeightPercentage'. Either include them or remove the dependency array                                                                                                                                            react-hooks/exhaustive-deps
-@hero-design/rn:lint:   104:6  warning  React Hook useEffect has missing dependencies: 'pan' and 'snapPoints'. Either include them or remove the dependency array                                                                                                                                                                             react-hooks/exhaustive-deps
-@hero-design/rn:lint:   127:6  warning  React Hook useEffect has missing dependencies: 'height', 'minimumHeightPercentage', 'onCollapsed', 'onExpanded', and 'pan'. Either include them or remove the dependency array. If 'onExpanded' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Drawer/index.tsx
-@hero-design/rn:lint:   69:6  warning  React Hook useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Icon/utils.ts
-@hero-design/rn:lint:   3:24  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/PageControl/index.tsx
-@hero-design/rn:lint:   40:6  warning  React Hook React.useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/PinInput/index.tsx
-@hero-design/rn:lint:   114:6  warning  React Hook useCallback has missing dependencies: 'length', 'onChangeText', and 'onFulfill'. Either include them or remove the dependency array. If 'onChangeText' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   121:6  warning  React Hook useEffect has missing dependencies: 'autoFocus' and 'focus'. Either include them or remove the dependency array                                                                                                                                              react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/RichTextEditor/EditorToolbar.tsx
-@hero-design/rn:lint:   147:6  warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array                            react-hooks/exhaustive-deps
-@hero-design/rn:lint:   208:5  warning  React Hook useMemo has missing dependencies: 'normalizeEventName' and 'toggleToolbarButton'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/RichTextEditor/MentionList.tsx
-@hero-design/rn:lint:   63:6  warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/RichTextEditor/RichTextEditor.tsx
-@hero-design/rn:lint:    50:13  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                          @typescript-eslint/no-explicit-any
-@hero-design/rn:lint:   145:6   warning  React Hook useMemo has an unnecessary dependency: 'isFocused'. Either exclude it or remove the dependency array                                                                                                                                                                                                   react-hooks/exhaustive-deps
-@hero-design/rn:lint:   171:6   warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array                                                                                                                                                                                             react-hooks/exhaustive-deps
-@hero-design/rn:lint:   207:6   warning  React Hook useMemo has missing dependencies: 'autoFocus', 'placeholder', 'theme.__hd__.richTextEditor.colors.text', 'theme.__hd__.richTextEditor.fontSizes.editor', and 'value'. Either include them or remove the dependency array                                                                               react-hooks/exhaustive-deps
-@hero-design/rn:lint:   244:6   warning  React Hook useEffect has a missing dependency: 'normalizeEventName'. Either include it or remove the dependency array                                                                                                                                                                                             react-hooks/exhaustive-deps
-@hero-design/rn:lint:   246:61  warning  Unexpected any. Specify a different type                                                                                                                                                                                                                                                                          @typescript-eslint/no-explicit-any
-@hero-design/rn:lint:   306:5   warning  React Hook useCallback has missing dependencies: 'handleEditorLayoutEvent', 'normalizeEventName', 'onChange', and 'onCursorChange'. Either include them or remove the dependency array. If 'onCursorChange' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/RichTextEditor/__tests__/MentionList.spec.tsx
-@hero-design/rn:lint:   93:20  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/RichTextEditor/hero-editor.d.ts
-@hero-design/rn:lint:   7:43  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/RichTextEditor/utils/rnWebView.ts
-@hero-design/rn:lint:   11:9  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Select/MultiSelect/index.tsx
-@hero-design/rn:lint:   86:6  warning  React Hook useEffect has a missing dependency: 'value'. Either include it or remove the dependency array. If 'setSelectingValue' needs the current value of 'value', you can also switch to useReducer instead of useState and read 'value' in the reducer  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Switch/index.tsx
-@hero-design/rn:lint:   70:6  warning  React Hook useEffect has missing dependencies: 'animatedOffset' and 'offset'. Either include them or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Tabs/ScrollableTabs.tsx
-@hero-design/rn:lint:   117:7  warning  React Hook React.useImperativeHandle has a missing dependency: 'onTabPress'. Either include it or remove the dependency array. If 'onTabPress' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   152:8  warning  React Hook React.useEffect has missing dependencies: 'tabs' and 'tabsAnims'. Either include them or remove the dependency array                                                                                                                      react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx
-@hero-design/rn:lint:   140:27  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint:   140:27  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint:   141:28  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint:   141:28  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/TextInput/StyledTextInput.tsx
-@hero-design/rn:lint:   33:62  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/TextInput/__tests__/index.spec.tsx
-@hero-design/rn:lint:   436:34  warning  Forbidden non-null assertion  @typescript-eslint/no-non-null-assertion
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/TimePicker/TimePickerAndroid.tsx
-@hero-design/rn:lint:   51:25  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/TimePicker/TimePickerIOS.tsx
-@hero-design/rn:lint:   76:27  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Toast/Toast.tsx
-@hero-design/rn:lint:   69:6  warning  React Hook useEffect has missing dependencies: 'autoDismiss', 'duration', and 'onDismiss'. Either include them or remove the dependency array. If 'onDismiss' changes too often, find the parent component that defines it and wrap that definition in useCallback  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   80:6  warning  React Hook useEffect has a missing dependency: 'animatedValue'. Either include it or remove the dependency array                                                                                                                                                    react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/components/Toast/__tests__/index.spec.tsx
-@hero-design/rn:lint:   19:10  warning  React Hook useEffect has a missing dependency: 'toast'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint:   82:10  warning  React Hook useEffect has a missing dependency: 'toast'. Either include it or remove the dependency array  react-hooks/exhaustive-deps
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/components/progress.ts
-@hero-design/rn:lint:   1:10  warning  Importing "mixColor" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/global/colors/eBens.ts
-@hero-design/rn:lint:   1:10  warning  Importing "eBensPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/global/colors/global.ts
-@hero-design/rn:lint:   1:10  warning  Importing "defaultMobilePalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/global/colors/jobs.ts
-@hero-design/rn:lint:   1:10  warning  Importing "jobsPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/global/colors/swag.ts
-@hero-design/rn:lint:   1:10  warning  Importing "swagPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/global/colors/wallet.ts
-@hero-design/rn:lint:   1:10  warning  Importing "walletPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/theme/global/colors/work.ts
-@hero-design/rn:lint:   1:10  warning  Importing "workPalette" from "@hero-design/colors" is not recommended. Please use colors from useTheme hook instead  @hero-design/not-recommended-import
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/utils/__tests__/helpers.spec.ts
-@hero-design/rn:lint:   15:18  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint:   37:18  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-@hero-design/rn:lint: 
-@hero-design/rn:lint: /Volumes/Data/Projects/hero-design/packages/rn/src/utils/hooks.ts
-@hero-design/rn:lint:   26:7  warning  Unexpected console statement  no-console
-@hero-design/rn:lint: 
-@hero-design/rn:lint: ✖ 66 problems (0 errors, 66 warnings)
-@hero-design/rn:lint: