@hero-design/rn 8.74.1 → 8.75.0

package/types/components/FloatingIsland/StyledFloatingIsland.d.ts

@@ -0,0 +1,19 @@
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native/types").TouchableOpacityProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native/types").TouchableOpacity> | undefined;
+}>;
+declare const StyledPrefixWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+declare const StyledSuffixWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+declare const StyledIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+export { StyledWrapper, StyledPrefixWrapper, StyledSuffixWrapper, StyledIcon };

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

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { ViewProps } from 'react-native';
+import { IconName } from '../Icon';
+export interface FloatingIslandProps extends ViewProps {
+    /**
+     * Callback that is called when the floating island is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Children of the floating island.
+     */
+    children: ReactNode;
+    /**
+     * Prefix element that is displayed before the children.
+     */
+    prefix?: IconName | ReactNode;
+    /**
+     * Suffix element that is displayed after the children.
+     */
+    suffix?: IconName | ReactNode;
+}
+declare const FloatingIsland: ({ onPress, onLayout, style, children, prefix, suffix, ...props }: FloatingIslandProps) => React.JSX.Element;
+export default FloatingIsland;

package/types/index.d.ts

@@ -52,5 +52,6 @@ import PageControl from './components/PageControl';
 import Portal from './components/Portal';
 import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
 import Search from './components/Search';
-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, };
+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 * from './types';

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

@@ -0,0 +1,32 @@
+import type { GlobalTheme } from '../global';
+declare const getFloatingIslandTheme: (theme: GlobalTheme) => {
+    colors: {
+        wrapperBackground: string;
+    };
+    radii: {
+        wrapper: number;
+    };
+    shadows: {
+        wrapper: {
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowColor: string;
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+    space: {
+        wrapperPadding: number;
+        wrapperTop: number;
+        prefixMarginRight: number;
+        suffixMarginLeft: number;
+        iconPadding: number;
+    };
+    fontSizes: {
+        iconSize: number;
+    };
+};
+export default getFloatingIslandTheme;

package/types/theme/getTheme.d.ts

@@ -47,6 +47,7 @@ import getTypographyTheme from './components/typography';
 import type { GlobalTheme, Scale, SystemPalette } from './global';
 import getSearchTheme from './components/search';
 import getMapPinTheme from './components/mapPin';
+import getFloatingIslandTheme from './components/floatingIsland';
 declare type Theme = GlobalTheme & {
     __hd__: {
         accordion: ReturnType<typeof getAccordionTheme>;
@@ -97,6 +98,7 @@ declare type Theme = GlobalTheme & {
         toast: ReturnType<typeof getToastTheme>;
         toolbar: ReturnType<typeof getToolbarTheme>;
         typography: ReturnType<typeof getTypographyTheme>;
+        floatingIsland: ReturnType<typeof getFloatingIslandTheme>;
     };
 };
 declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;