@hero-design/rn 8.72.0 → 8.73.0

package/types/components/MapPin/Focussed.d.ts

@@ -0,0 +1,13 @@
+import { ViewProps, StyleProp, ViewStyle } from 'react-native';
+export interface MapPinFocussedProps extends ViewProps {
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const MapPinFocussed: ({ style, testID, ...nativeProps }: MapPinFocussedProps) => JSX.Element;
+export default MapPinFocussed;

package/types/components/MapPin/StyledMapPin.d.ts

@@ -0,0 +1,32 @@
+import { View } from 'react-native';
+declare type State = 'idle' | 'selected' | 'applied';
+export declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeState: State;
+    themeIsIcon: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledBadge: import("@emotion/native").StyledComponent<import("../Badge/types").IconBadgeProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {}>;
+export declare const StyledImage: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").Image> | undefined;
+}>;
+export declare const StyledFocusIcon: 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 {};

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

@@ -0,0 +1,5 @@
+import { MapPinProps } from './types';
+declare const _default: (({ style, testID, state, image, icon, ...nativeProps }: MapPinProps) => JSX.Element) & {
+    Focussed: ({ style, testID, ...nativeProps }: import("./Focussed").MapPinFocussedProps) => JSX.Element;
+};
+export default _default;

package/types/components/MapPin/types.d.ts

@@ -0,0 +1,38 @@
+import { ViewProps, StyleProp, ViewStyle, ImageProps } from 'react-native';
+import { IconName } from '../Icon';
+interface BaseMapPinProps extends ViewProps {
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * State of the map pin.
+     */
+    state?: 'idle' | 'selected' | 'applied';
+}
+interface ImageMapPinProps extends BaseMapPinProps {
+    /**
+     * Icon to display in the map pin.
+     */
+    icon?: never;
+    /**
+     * Image to display in the map pin.
+     */
+    image: ImageProps;
+}
+interface IconMapPinProps extends BaseMapPinProps {
+    /**
+     * Icon to display in the map pin.
+     */
+    icon: IconName;
+    /**
+     * Image to display in the map pin.
+     */
+    image?: never;
+}
+export declare type MapPinProps = ImageMapPinProps | IconMapPinProps;
+export {};

package/types/index.d.ts

@@ -23,6 +23,7 @@ import Empty from './components/Empty';
 import Error from './components/Error';
 import FAB from './components/FAB';
 import HeroDesignProvider from './components/HeroDesignProvider';
+import MapPin from './components/MapPin';
 import Icon from './components/Icon';
 import Image from './components/Image';
 import List from './components/List';
@@ -51,5 +52,5 @@ 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, 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, };
+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, };
 export * from './types';

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

@@ -0,0 +1,40 @@
+import type { GlobalTheme } from '../global';
+declare const getMapPinTheme: (theme: GlobalTheme) => {
+    sizes: {
+        default: number;
+    };
+    colors: {
+        border: {
+            idle: string;
+            selected: string;
+            applied: string;
+        };
+        badge: string;
+        background: string;
+        iconBackground: string;
+    };
+    borderWidths: {
+        default: number;
+    };
+    radii: {
+        default: number;
+    };
+    shadows: {
+        offset: {
+            width: number;
+            height: number;
+        };
+        opacity: number;
+        radius: number;
+        elevation: number;
+        color: string;
+    };
+    space: {
+        iconTop: number;
+        iconRight: number;
+    };
+    fontSizes: {
+        icon: number;
+    };
+};
+export default getMapPinTheme;

package/types/theme/getTheme.d.ts

@@ -46,6 +46,7 @@ import getToolbarTheme from './components/toolbar';
 import getTypographyTheme from './components/typography';
 import type { GlobalTheme, Scale, SystemPalette } from './global';
 import getSearchTheme from './components/search';
+import getMapPinTheme from './components/mapPin';
 declare type Theme = GlobalTheme & {
     __hd__: {
         accordion: ReturnType<typeof getAccordionTheme>;
@@ -72,6 +73,7 @@ declare type Theme = GlobalTheme & {
         icon: ReturnType<typeof getIconTheme>;
         image: ReturnType<typeof getImageTheme>;
         list: ReturnType<typeof getListTheme>;
+        mapPin: ReturnType<typeof getMapPinTheme>;
         pageControl: ReturnType<typeof getPageControlTheme>;
         pinInput: PinInputThemeType;
         progress: ReturnType<typeof getProgressTheme>;