@hero-design/rn 7.19.0 → 7.20.1

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

@@ -15,6 +15,7 @@ declare const getAvatarTheme: (theme: GlobalTheme) => {
         xxlarge: number;
         xxxlarge: number;
         xxxxlarge: number;
+        xxxxxlarge: number;
     };
     radii: {
         rounded: number;
@@ -30,6 +31,7 @@ declare const getAvatarTheme: (theme: GlobalTheme) => {
         xxlarge: number;
         xxxlarge: number;
         xxxxlarge: number;
+        xxxxxlarge: number;
     };
 };
 export default getAvatarTheme;

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

@@ -2,13 +2,12 @@ import type { GlobalTheme } from '../global';
 declare const getCardTheme: (theme: GlobalTheme) => {
     colors: {
         dataCardIndicator: string;
-        indicator: {
-            archived: string;
-            info: string;
-            success: string;
-            warning: string;
-            danger: string;
-        };
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        archived: string;
     };
     sizes: {
         indicatorWidth: number;

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

@@ -1,12 +1,24 @@
 import type { GlobalTheme } from '../global';
 declare const getSpinnerTheme: (theme: GlobalTheme) => {
-    color: {
-        default: string;
+    colors: {
+        dot1: string;
+        dot2: string;
+        dot3: string;
+        dot4: string;
     };
     space: {
-        spinnerDot: number;
-        spinnerDotPadding: number;
-        spinnerTextPaddingTop: number;
+        spinnerDot: {
+            small: number;
+            medium: number;
+        };
+        spinnerDotPadding: {
+            small: number;
+            medium: number;
+        };
+        spinnerTextPaddingTop: {
+            small: number;
+            medium: number;
+        };
     };
     radii: {
         default: number;

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

@@ -14,6 +14,7 @@ declare const getTabsTheme: (theme: GlobalTheme) => {
         flatListHorizontalPadding: number;
         itemHorizontalPadding: number;
         itemVerticalPadding: number;
+        itemMargin: number;
         outlineHorizontalPadding: number;
         outlineVerticalPadding: number;
     };

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

@@ -5,9 +5,9 @@ declare const getTagTheme: (theme: GlobalTheme) => {
     };
     colors: {
         default: string;
-        defaultBackground: undefined;
+        defaultBackground: any;
         primary: string;
-        primaryBackground: string;
+        primaryBackground: any;
         info: string;
         infoBackground: string;
         success: string;

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

@@ -5,7 +5,10 @@ declare const getToastTheme: (theme: GlobalTheme) => {
         warning: string;
         error: string;
         info: string;
+        notification: string;
+        snackbar: string;
         divider: string;
+        shadow: string;
     };
     radii: {
         default: number;
@@ -14,11 +17,24 @@ declare const getToastTheme: (theme: GlobalTheme) => {
         height: number;
     };
     space: {
-        mediumPadding: number;
-        largePadding: number;
+        wrapperVerticalPadding: number;
+        wrapperHorizontalPadding: number;
+        contentVerticalPadding: number;
+        textHorizontalPadding: number;
+        iconLeftPadding: number;
+        ctaPadding: number;
     };
     borderWidths: {
         base: number;
     };
+    shadows: {
+        offset: {
+            width: number;
+            height: number;
+        };
+        opacity: number;
+        radius: number;
+        elevation: number;
+    };
 };
 export default getToastTheme;

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

@@ -20,6 +20,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         medium: number;
         large: number;
         xlarge: number;
+        xxxlarge: number;
         xxxxxlarge: number;
     };
     lineHeights: {
@@ -27,6 +28,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         medium: number;
         large: number;
         xlarge: number;
+        xxxlarge: number;
         xxxxxlarge: number;
     };
 };

package/types/theme/global/colors/types.d.ts

@@ -42,4 +42,21 @@ export declare type SystemPalette = {
     black: string;
     inactiveBackground: string;
     shadow: string;
+    __alpha__globalPrimary: string;
+    __alpha__globalSecondary1: string;
+    __alpha__globalNeutral3: string;
+    __alpha__globalLabel1: string;
+    __alpha__globalLabel2: string;
+    __alpha__globalLabel3: string;
+    __alpha__globalLabel4: string;
+    __alpha__globalLabel5: string;
+    __alpha__globalLabel6: string;
+    __alpha__globalLabel7: string;
+    __alpha__globalLabel8: string;
+    __alpha__globalLabel9: string;
+    __alpha__primary2: string;
+    __alpha__secondary1: string;
+    __alpha__secondary2: string;
+    __alpha__secondary3: string;
+    __alpha__secondary4: string;
 };

package/types/theme/global/index.d.ts

@@ -48,6 +48,23 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         black: string;
         inactiveBackground: string;
         shadow: string;
+        __alpha__globalPrimary: string;
+        __alpha__globalSecondary1: string;
+        __alpha__globalNeutral3: string;
+        __alpha__globalLabel1: string;
+        __alpha__globalLabel2: string;
+        __alpha__globalLabel3: string;
+        __alpha__globalLabel4: string;
+        __alpha__globalLabel5: string;
+        __alpha__globalLabel6: string;
+        __alpha__globalLabel7: string;
+        __alpha__globalLabel8: string;
+        __alpha__globalLabel9: string;
+        __alpha__primary2: string;
+        __alpha__secondary1: string;
+        __alpha__secondary2: string;
+        __alpha__secondary3: string;
+        __alpha__secondary4: string;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;

package/types/types.d.ts

@@ -1,4 +1,3 @@
-import { ToolbarButtonName } from './components/RichTextEditor';
 import type { BottomNavigationTabType } from './components/BottomNavigation';
 import type { IconName } from './components/Icon';
 import type { SingleSelectProps, MultiSelectProps } from './components/Select';
@@ -7,4 +6,4 @@ import type { TextInputProps } from './components/TextInput';
 import type { RichTextEditorRef, RichTextEditorProps } from './components/RichTextEditor';
 import type { Theme } from './theme';
 import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './components/Select/types';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, Theme, ToolbarButtonName, };
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, Theme, };

package/types/utils/hooks.d.ts

@@ -1 +1 @@
-export declare const usePrevious: <T>(value: T) => T | undefined;
+export declare const usePrevious: <T>(value: T) => T;