@hero-design/rn 8.83.0-test.0 → 8.84.0

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

@@ -4,55 +4,55 @@ import { IntentType } from './types';
 import { TextProps } from '../Typography/Text';
 import { IconProps } from '../Icon';
 declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    position: 'top' | 'bottom';
+    position: "top" | "bottom";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const Container: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeVariant: 'default' | 'round';
+    themeVariant: "default" | "round";
     themeIntent: IntentType;
 }, {}, {}>;
 declare const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     showDivider: boolean;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
 declare const StyledBody: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & TextProps & {
     themeIntent: IntentType;
 }, {}, {}>;
 declare const StyledIcon: import("@emotion/native").StyledComponent<IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     themeIntent: IntentType;
 }, {}, {}>;

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

@@ -1,12 +1,12 @@
 import type { ToastContainerProps, ToastProps } from './types';
-export declare type ToastControllerContextType = {
+export type ToastControllerContextType = {
     show: (props: Omit<ToastProps, 'position'>) => string;
     hide: (id: string) => void;
     clearAll: () => void;
 };
 export declare const fallbackToastControlContext: ToastControllerContextType;
 export declare const ToastContext: import("react").Context<ToastControllerContextType>;
-export declare type ToastConfigContextType = Pick<ToastContainerProps, 'position' | 'displayType'>;
+export type ToastConfigContextType = Pick<ToastContainerProps, 'position' | 'displayType'>;
 export declare const ToastConfigContext: import("react").Context<ToastConfigContextType>;
 export declare const useToastConfig: () => ToastConfigContextType;
 export declare const useToast: () => ToastControllerContextType;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { ToastContainerProps } from './types';
-declare type ToastProviderProps = {
+type ToastProviderProps = {
     /**
      * Content to be wrapped.
      */

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
-export declare type IntentType = 'success' | 'info' | 'warning' | 'error' | 'notification' | 'snackbar';
+export type IntentType = 'success' | 'info' | 'warning' | 'error' | 'notification' | 'snackbar';
 export interface ToastProps {
     /**
      * Toast content.
@@ -66,7 +66,7 @@ export interface ToastContainerProps {
      */
     style?: StyleProp<ViewStyle>;
 }
-export declare type ToastItemProps = {
+export type ToastItemProps = {
     id: string;
     props: Omit<ToastProps, 'position'>;
 };

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

@@ -1,70 +1,70 @@
 import { TextInput, TouchableOpacity, View } from 'react-native';
 import type { ViewProps } from 'react-native';
 import { BodyProps } from '../Typography/Body';
-export declare type ToolbarMessageState = 'default' | 'filled' | 'disabled' | 'readonly';
+export type ToolbarMessageState = 'default' | 'filled' | 'disabled' | 'readonly';
 declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ToolbarGroupWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    align: 'left' | 'center' | 'right';
+    align: "left" | "center" | "right";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ToolbarItemWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
 declare const IconButtonWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const IconButtonLabel: import("@emotion/native").StyledComponent<BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledLabel: import("@emotion/native").StyledComponent<BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    intent: Exclude<BodyProps['intent'], undefined>;
+    intent: Exclude<BodyProps["intent"], undefined>;
 }, {}, {}>;
 declare const ToolbarMessageWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledInputContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<TextInput> | undefined;
 }>;
 export declare const StyledPrefix: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const StyledSuffix: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { TextInput as RNTextInput } from 'react-native';
 import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { ToolbarMessageState } from './StyledToolbar';
-export declare type ToolbarMessageHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
+export type ToolbarMessageHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
 export interface ToolbarMessageProps extends NativeTextInputProps {
     /**
      * Element to render on the left side of the input, before the user's cursor.
@@ -51,9 +51,9 @@ export interface ToolbarMessageProps extends NativeTextInputProps {
     ref?: React.Ref<ToolbarMessageHandles>;
 }
 export declare const getState: ({ disabled, editable, isEmptyValue, }: {
-    disabled?: boolean | undefined;
-    editable?: boolean | undefined;
-    isEmptyValue?: boolean | undefined;
+    disabled?: boolean;
+    editable?: boolean;
+    isEmptyValue?: boolean;
 }) => ToolbarMessageState;
 declare const ToolbarMessage: React.ForwardRefExoticComponent<Omit<ToolbarMessageProps, "ref"> & React.RefAttributes<ToolbarMessageHandles>>;
 export default ToolbarMessage;

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

@@ -1,12 +1,12 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
-declare type ThemeVariant = 'small' | 'small-bold' | 'regular' | 'regular-bold';
+type ThemeVariant = 'small' | 'small-bold' | 'regular' | 'regular-bold';
 declare const StyledBody: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     themeIntent: ThemeIntent;
-    themeTypeface: 'neutral' | 'playful';
+    themeTypeface: "neutral" | "playful";
     themeVariant: ThemeVariant;
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;

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

@@ -1,10 +1,10 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
 declare const StyledCaption: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeFontWeight: 'regular' | 'semi-bold';
+    themeFontWeight: "regular" | "semi-bold";
     themeIntent: ThemeIntent;
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;

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

@@ -1,8 +1,8 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
 declare const StyledLabel: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     themeIntent: ThemeIntent;
 }, {}, {

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

@@ -1,12 +1,12 @@
 import { Text } from 'react-native';
 declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeFontSize: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge' | '6xlarge' | '7xlarge';
-    themeFontWeight: 'light' | 'regular' | 'semi-bold';
-    themeIntent: 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled';
-    themeTypeface: 'neutral' | 'playful';
+    themeFontSize: "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxxlarge" | "xxxxlarge" | "xxxxxlarge" | "6xlarge" | "7xlarge";
+    themeFontWeight: "light" | "regular" | "semi-bold";
+    themeIntent: "body" | "subdued" | "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "inverted" | "archived" | "disabled";
+    themeTypeface: "neutral" | "playful";
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;
 }>;

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

@@ -1,13 +1,13 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
-declare type ThemeLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type ThemeLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare const StyledTitle: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     themeIntent: ThemeIntent;
     themeLevel: ThemeLevel;
-    themeTypeface: 'neutral' | 'playful';
+    themeTypeface: "neutral" | "playful";
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;
 }>;

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

@@ -3,4 +3,4 @@ export declare const FONTWEIGHT_MAP: {
     readonly regular: "regular";
     readonly 'semi-bold': "semiBold";
 };
-export declare type ThemeIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';
+export type ThemeIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';

package/types/index.d.ts

@@ -2,6 +2,7 @@ import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightS
 import { scale } from './utils/scale';
 import Accordion from './components/Accordion';
 import Alert from './components/Alert';
+import AppCue from './components/AppCue';
 import Attachment from './components/Attachment';
 import Avatar, { useAvatarColors } from './components/Avatar';
 import Badge from './components/Badge';
@@ -53,5 +54,5 @@ import Portal from './components/Portal';
 import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
 import Search from './components/Search';
 import FloatingIsland from './components/FloatingIsland';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, 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, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
 export * from './types';

package/types/testHelpers/utils.d.ts

@@ -1 +1 @@
-export declare const setOrientation: (orientation: 'portrait' | 'landscape') => void;
+export declare const setOrientation: (orientation: "portrait" | "landscape") => void;

package/types/theme/ThemeSwitcher.d.ts

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

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

@@ -0,0 +1,16 @@
+import type { GlobalTheme } from '../global';
+declare const getAppCueTheme: (theme: GlobalTheme) => {
+    colors: {
+        background: string;
+        backdropColor: string;
+    };
+    space: {
+        padding: number;
+        offset: number;
+        arrowOffset: number;
+    };
+    radii: {
+        container: number;
+    };
+};
+export default getAppCueTheme;

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

@@ -52,5 +52,5 @@ declare const getBadgeTheme: (theme: GlobalTheme) => {
         default: number;
     };
 };
-export declare type BadgeThemeType = ReturnType<typeof getBadgeTheme>;
+export type BadgeThemeType = ReturnType<typeof getBadgeTheme>;
 export default getBadgeTheme;

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

@@ -16,7 +16,10 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         textVariant: number;
     };
     sizes: {
-        iconSize: number;
+        iconSize: {
+            default: number;
+            compact: number;
+        };
     };
     radii: {
         default: number;
@@ -52,13 +55,20 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         };
     };
     space: {
-        buttonPadding: number;
-        textButtonPadding: number;
-        iconPadding: number;
+        default: {
+            buttonPadding: number;
+            iconPadding: number;
+            textButtonPadding: number;
+        };
+        compact: {
+            buttonPaddingVertical: number;
+            buttonPaddingHorizontal: number;
+            iconPadding: number;
+        };
         utilityPadding: number;
     };
 };
-declare type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
+type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
 export interface ButtonThemeType extends GetButtonThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -18,7 +18,7 @@ declare const getCarouselTheme: (theme: GlobalTheme) => {
         heading: number;
     };
 };
-declare type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
+type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
 export interface CarouselThemeType extends GetCarouselThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -23,7 +23,7 @@ declare const getEmptyTheme: (theme: GlobalTheme) => {
         description: string;
     };
 };
-declare type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
+type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
 export interface EmptyThemeType extends GetEmptyThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -33,7 +33,7 @@ declare const getErrorTheme: (theme: GlobalTheme) => {
         description: number;
     };
 };
-declare type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
+type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
 export interface ErrorThemeType extends GetErrorThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -57,7 +57,7 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         fabPairMarginRight: number;
     };
 };
-declare type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
+type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
 export interface FABThemeType extends GetFABThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -39,7 +39,7 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
         mask: number;
     };
 };
-declare type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
+type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
 export interface PinInputThemeType extends GetPinInputThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -22,6 +22,12 @@ declare const getSliderTheme: (theme: GlobalTheme) => {
     };
     sizes: {
         trackHeight: number;
+        markerWidth: number;
+        markerHeight: number;
+        markerBorderRadius: number;
+    };
+    radii: {
+        marker: number;
     };
 };
 export default getSliderTheme;

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

@@ -29,7 +29,7 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
         description: string;
     };
 };
-declare type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
+type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
 export interface SuccessThemeType extends GetSuccessThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -10,6 +10,7 @@ declare const getTabsTheme: (theme: GlobalTheme) => {
         headerBottom: string;
         indicator: string;
         text: string;
+        headerBackground: string;
     };
     space: {
         flatListHorizontalPadding: number;