@hero-design/rn 8.42.4 → 8.43.1

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/index.d.ts

@@ -12,6 +12,7 @@ import Button from './components/Button';
 import Calendar from './components/Calendar';
 import Carousel from './components/Carousel';
 import Card from './components/Card';
+import Chip from './components/Chip';
 import Collapse from './components/Collapse';
 import Checkbox from './components/Checkbox';
 import ContentNavigator from './components/ContentNavigator';
@@ -48,5 +49,5 @@ import RefreshControl from './components/RefreshControl';
 import RichTextEditor from './components/RichTextEditor';
 import PageControl from './components/PageControl';
 import Portal from './components/Portal';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, Icon, Image, HeroDesignProvider, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, SectionHeading, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, Icon, Image, HeroDesignProvider, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, SectionHeading, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, };
 export * from './types';

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;

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

@@ -51,7 +51,6 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         textButtonPadding: number;
         iconPadding: number;
         utilityPadding: number;
-        loadingIndicatorWrapperVerticalPadding: number;
     };
 };
 type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;

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

@@ -0,0 +1,40 @@
+import type { GlobalTheme } from '../global';
+declare const getChipTheme: (theme: GlobalTheme) => {
+    colors: {
+        primaryBackground: string;
+        secondaryBackground: string;
+        filledBackground: string;
+        outlinedBackground: string;
+        wrapperBorder: string;
+        wrapperSelectedBorder: string;
+        selectedPrimaryText: string;
+    };
+    space: {
+        wrapperHorizontalPadding: number;
+        wrapperVerticalPadding: number;
+        iconWrapperMarginRight: number;
+    };
+    sizes: {
+        wrapperBorder: number;
+    };
+    radii: {
+        wrapper: number;
+    };
+    borderWidths: {
+        wrapper: number;
+        icon: number;
+    };
+    shadows: {
+        filledWrapper: {
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowColor: string;
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+};
+export default getChipTheme;

package/types/theme/getTheme.d.ts

@@ -11,6 +11,7 @@ import getCardTheme from './components/card';
 import { CarouselThemeType } from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
+import getChipTheme from './components/chip';
 import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
@@ -59,6 +60,7 @@ type Theme = GlobalTheme & {
         carousel: CarouselThemeType;
         cardCarousel: ReturnType<typeof getCardCarouselTheme>;
         checkbox: ReturnType<typeof getCheckboxTheme>;
+        chip: ReturnType<typeof getChipTheme>;
         contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
         datePicker: ReturnType<typeof getDatePickerTheme>;
         divider: ReturnType<typeof getDividerTheme>;