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

package/types/components/FAB/StyledFAB.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { TouchableHighlight } from 'react-native';
 import type { TextProps, TouchableHighlightProps } from 'react-native';
+import { TouchableHighlight } from 'react-native';
 import type { IconProps } from '../Icon';
-declare const StyledFABContainer: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
+declare const StyledFAB: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
@@ -16,4 +16,8 @@ declare const StyledFABText: import("@emotion/native").StyledComponent<import(".
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & TextProps, {}, {}>;
-export { StyledFABContainer, StyledFABIcon, StyledFABText };
+declare const StyledFABContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export { StyledFAB, StyledFABIcon, StyledFABText, StyledFABContainer };

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

@@ -23,6 +23,7 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         backdropBackground: string;
         titleText: string;
         actionItemText: string;
+        shadow: string;
     };
     sizes: {
         width: number;
@@ -34,6 +35,15 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         title: number;
         icon: number;
     };
+    shadows: {
+        offset: {
+            width: number;
+            height: number;
+        };
+        opacity: number;
+        radius: number;
+        elevation: number;
+    };
     space: {
         actionItemPaddingLeft: number;
         actionItemPaddingRight: number;