@hero-design/rn 8.43.0 → 8.43.1

package/types/components/Tabs/index.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import React from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import { IconName } from '../Icon';
 import type { BadgeConfigType } from './TabWithBadge';
@@ -55,7 +56,7 @@ export interface TabsProps extends ViewProps {
     testID?: string;
 }
 declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element) & {
-    Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element;
+    Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => React.JSX.Element;
     useIsFocused: () => boolean | undefined;
 };
 export default _default;

package/types/components/TextInput/StyledTextInput.d.ts

@@ -62,7 +62,7 @@ declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<
 } & {
     themeState: State;
 }, {}, {}>;
-declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: import("../Typography/Caption").CaptionProps) => JSX.Element;
+declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: import("../Typography/Caption").CaptionProps) => import("react").JSX.Element;
 declare const StyledTextInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/TextInput/index.d.ts

@@ -91,5 +91,5 @@ export declare const getState: ({ disabled, error, editable, loading, isEmptyVal
     isFocused?: boolean | undefined;
     isEmptyValue?: boolean | undefined;
 }) => State;
-declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps, "children" | "label" | "style" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "disabled" | "value" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "allowFontScaling" | "numberOfLines" | "maxFontSizeMultiplier" | "selectionColor" | "textBreakStrategy" | "variant" | "loading" | "accessibilityLabelledBy" | "textAlign" | "error" | "textAlignVertical" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "onChange" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "keyboardType" | "maxLength" | "multiline" | "onChangeText" | "onEndEditing" | "onSelectionChange" | "onSubmitEditing" | "onTextInput" | "onKeyPress" | "placeholder" | "placeholderTextColor" | "returnKeyType" | "secureTextEntry" | "selectTextOnFocus" | "selection" | "inputAccessoryViewID" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "autoComplete" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "prefix" | "suffix" | "textStyle" | "required" | "hideCharacterCount" | "helpText" | "renderInputValue"> & React.RefAttributes<TextInputHandles>>;
+declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<TextInputHandles>>;
 export default TextInput;

package/types/components/TimePicker/TimePickerAndroid.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TimePickerProps } from './types';
-declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, }: TimePickerProps) => JSX.Element;
+declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, }: TimePickerProps) => React.JSX.Element;
 export default TimePickerAndroid;

package/types/components/TimePicker/TimePickerIOS.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TimePickerProps } from './types';
-declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, }: TimePickerProps) => JSX.Element;
+declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, }: TimePickerProps) => React.JSX.Element;
 export default TimePickerIOS;

package/types/components/TimePicker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TimePickerProps } from './types';
-declare const TimePicker: (props: TimePickerProps) => JSX.Element;
+declare const TimePicker: (props: TimePickerProps) => React.JSX.Element;
 export default TimePicker;

package/types/components/Toast/StyledToast.d.ts

@@ -11,8 +11,6 @@ declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<V
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const Container: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {

package/types/components/Toast/Toast.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ToastProps } from './types';
 declare const Toast: ({ content, icon, variant, intent, style, duration, autoDismiss, onAction, actionLabel, onDismiss, distance, }: ToastProps) => JSX.Element;
 export default Toast;

package/types/components/Toast/ToastProvider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { ToastContainerProps } from './types';
 type ToastProviderProps = {
@@ -6,5 +7,5 @@ type ToastProviderProps = {
      */
     children?: ReactNode;
 } & ToastContainerProps;
-declare const ToastProvider: ({ children, displayType, position: _position, }: ToastProviderProps) => JSX.Element;
+declare const ToastProvider: ({ children, displayType, position: _position, }: ToastProviderProps) => React.JSX.Element;
 export default ToastProvider;

package/types/components/Toast/index.d.ts

@@ -2,7 +2,7 @@
 declare const Toast: {
     Provider: ({ children, displayType, position: _position, }: {
         children?: import("react").ReactNode;
-    } & import("./types").ToastContainerProps) => JSX.Element;
+    } & import("./types").ToastContainerProps) => import("react").JSX.Element;
     Container: import("react").ForwardRefExoticComponent<import("./types").ToastContainerProps & import("react").RefAttributes<import("./ToastContext").ToastControllerContextType>>;
     useToast: () => import("./ToastContext").ToastControllerContextType;
 };

package/types/components/Toolbar/ToolbarGroup.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ToolbarItemProps } from './ToolbarItem';
 export interface ToolbarGroupProps {
     /**
@@ -9,5 +10,5 @@ export interface ToolbarGroupProps {
      */
     align: 'left' | 'center' | 'right';
 }
-declare const ToolbarGroup: ({ align, items }: ToolbarGroupProps) => JSX.Element;
+declare const ToolbarGroup: ({ align, items }: ToolbarGroupProps) => React.JSX.Element;
 export default ToolbarGroup;

package/types/components/Toolbar/ToolbarItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
 export interface ToolbarItemProps {
@@ -26,5 +27,5 @@ export interface ToolbarItemProps {
      */
     style?: StyleProp<ViewStyle>;
 }
-declare const ToolbarItem: ({ icon, label, onPress, intent, disabled, style, }: ToolbarItemProps) => JSX.Element;
+declare const ToolbarItem: ({ icon, label, onPress, intent, disabled, style, }: ToolbarItemProps) => React.JSX.Element;
 export default ToolbarItem;

package/types/components/Toolbar/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import { ViewProps } from 'react-native';
 export interface ToolbarProps extends Omit<ViewProps, 'style'> {
@@ -6,7 +7,7 @@ export interface ToolbarProps extends Omit<ViewProps, 'style'> {
      */
     children?: ReactNode;
 }
-declare const _default: (({ children, ...rest }: ToolbarProps) => JSX.Element) & {
-    Group: ({ align, items }: import("./ToolbarGroup").ToolbarGroupProps) => JSX.Element;
+declare const _default: (({ children, ...rest }: ToolbarProps) => React.JSX.Element) & {
+    Group: ({ align, items }: import("./ToolbarGroup").ToolbarGroupProps) => React.JSX.Element;
 };
 export default _default;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
 export interface BodyProps extends NativeTextProps {
@@ -28,5 +29,5 @@ export interface BodyProps extends NativeTextProps {
      * */
     variant?: 'regular' | 'regular-bold' | 'small' | 'small-bold';
 }
-declare const Body: ({ children, intent, allowFontScaling, typeface, variant, ...nativeProps }: BodyProps) => JSX.Element;
+declare const Body: ({ children, intent, allowFontScaling, typeface, variant, ...nativeProps }: BodyProps) => React.JSX.Element;
 export default Body;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
 export interface CaptionProps extends NativeTextProps {
@@ -22,5 +23,5 @@ export interface CaptionProps extends NativeTextProps {
      */
     testID?: string;
 }
-declare const Caption: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: CaptionProps) => JSX.Element;
+declare const Caption: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: CaptionProps) => React.JSX.Element;
 export default Caption;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
 export interface LabelProps extends NativeTextProps {
@@ -18,5 +19,5 @@ export interface LabelProps extends NativeTextProps {
      */
     testID?: string;
 }
-declare const Label: ({ children, intent, allowFontScaling, ...nativeProps }: LabelProps) => JSX.Element;
+declare const Label: ({ children, intent, allowFontScaling, ...nativeProps }: LabelProps) => React.JSX.Element;
 export default Label;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
 export interface TextProps extends NativeTextProps {
@@ -32,5 +33,5 @@ export interface TextProps extends NativeTextProps {
      */
     typeface?: 'neutral' | 'playful';
 }
-declare const Text: ({ children, fontSize, fontWeight, intent, typeface, allowFontScaling, ...nativeProps }: TextProps) => JSX.Element;
+declare const Text: ({ children, fontSize, fontWeight, intent, typeface, allowFontScaling, ...nativeProps }: TextProps) => React.JSX.Element;
 export default Text;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
 export interface TitleProps extends NativeTextProps {
@@ -28,5 +29,5 @@ export interface TitleProps extends NativeTextProps {
      */
     level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
-declare const Title: ({ children, intent, allowFontScaling, level, typeface, ...nativeProps }: TitleProps) => JSX.Element;
+declare const Title: ({ children, intent, allowFontScaling, level, typeface, ...nativeProps }: TitleProps) => React.JSX.Element;
 export default Title;

package/types/testHelpers/renderWithTheme.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { RenderOptions } from '@testing-library/react-native';
 declare const renderWithTheme: (ui: JSX.Element, options?: RenderOptions) => import("@testing-library/react-native").RenderAPI;
 export default renderWithTheme;

package/types/theme/ThemeSwitcher.d.ts

@@ -3,6 +3,6 @@ type ThemeName = 'swag' | 'swagDark' | 'work' | 'jobs' | 'wallet' | 'eBens';
 declare const ThemeSwitcher: ({ name, children, }: {
     name?: ThemeName | undefined;
     children: React.ReactNode;
-}) => JSX.Element;
-export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props: React.PropsWithChildren<P>) => JSX.Element;
+}) => React.JSX.Element;
+export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props: React.PropsWithChildren<P>) => React.JSX.Element;
 export default ThemeSwitcher;