@hero-design/rn 8.103.7 → 8.104.0

package/types/components/FilterTrigger/StyledFilterTrigger.d.ts

@@ -0,0 +1,20 @@
+type Variant = 'filled' | 'outlined' | 'ghost';
+export declare const StyledFilterWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeActive: boolean;
+    themeVariant: Variant;
+    themeHasLabel: boolean;
+}, {}, {}>;
+export declare const StyledBadge: import("@emotion/native").StyledComponent<(import("../Badge").BadgeProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}) & {
+    themeHasLabel: boolean;
+}, {}, {}>;
+export declare const StyledText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export {};

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
+export interface FilterTriggerProps {
+    /**
+     * The label of the FilterTrigger.
+     */
+    label?: string;
+    /**
+     * Whether the filter is currently active
+     */
+    active?: boolean;
+    /**
+     * The number of active filters
+     */
+    filterCount?: number;
+    /**
+     * The testID of the FilterTrigger.
+     */
+    testID?: string;
+    /**
+     * The style of the FilterTrigger.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The onPress callback
+     */
+    onPress?: () => void;
+    /**
+     * The variant of the FilterTrigger.
+     */
+    variant?: 'filled' | 'outlined' | 'ghost';
+    /**
+     * The suffix of the FilterTrigger.
+     */
+    suffix?: IconName;
+}
+declare const FilterTrigger: ({ label, active, filterCount, variant, suffix, onPress, testID, style, }: FilterTriggerProps) => React.JSX.Element;
+export default FilterTrigger;

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,5 +1,5 @@
 type ThemeSize = 'xxxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted' | 'muted';
+type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted' | 'muted' | 'inactive';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

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

@@ -10,7 +10,7 @@ export interface IconProps extends AccessibilityProps {
     /**
      * Intent of the Icon.
      */
-    intent?: 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted' | 'muted';
+    intent?: 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted' | 'muted' | 'inactive';
     /**
      * Size of the Icon.
      */

package/types/index.d.ts

@@ -57,5 +57,6 @@ import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './compon
 import Search from './components/Search';
 import FloatingIsland from './components/FloatingIsland';
 import LocaleProvider from './components/LocaleProvider';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, 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, LocaleProvider, styled, };
+import FilterTrigger from './components/FilterTrigger';
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, 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, LocaleProvider, FilterTrigger, styled, };
 export * from './types';

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

@@ -0,0 +1,72 @@
+import type { GlobalTheme } from '../global';
+declare const getFilterTriggerTheme: (theme: GlobalTheme) => {
+    colors: {
+        wrapper: {
+            activeBackground: string;
+            inactiveBackground: string;
+            background: {
+                active: {
+                    filled: string;
+                    outlined: string;
+                    ghost: string;
+                    filledLabeless: string;
+                };
+                inactive: {
+                    filled: string;
+                    outlined: string;
+                    ghost: string;
+                };
+            };
+            border: {
+                active: {
+                    filled: string;
+                    outlined: string;
+                    ghost: string;
+                    filledLabeless: string;
+                };
+                inactive: {
+                    filled: string;
+                    outlined: string;
+                    ghost: string;
+                };
+            };
+        };
+    };
+    space: {
+        wrapper: {
+            default: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+            };
+            labeless: {
+                paddingHorizontal: number;
+                paddingVertical: number;
+            };
+            itemGap: number;
+        };
+        badge: {
+            labelessRight: number;
+            labelessBottom: number;
+        };
+    };
+    radii: {
+        wrapper: {
+            default: number;
+            labeless: number;
+        };
+    };
+    borderWidths: {
+        wrapper: {
+            filled: number;
+            outlined: number;
+            ghost: number;
+        };
+    };
+    sizes: {
+        wrapperHeight: number;
+    };
+    lineHeights: {
+        text: number;
+    };
+};
+export default getFilterTriggerTheme;

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

@@ -11,6 +11,7 @@ declare const getIconTheme: (theme: GlobalTheme) => {
         disabledText: string;
         invertedText: string;
         muted: string;
+        inactive: string;
     };
     sizes: {
         xxxsmall: number;

package/types/theme/getTheme.d.ts

@@ -52,6 +52,7 @@ import getMapPinTheme from './components/mapPin';
 import getFloatingIslandTheme from './components/floatingIsland';
 import getAppCueTheme from './components/appCue';
 import { ThemeMode } from './global/colors/types';
+import getFilterTriggerTheme from './components/filterTrigger';
 type Theme = GlobalTheme & {
     themeMode?: ThemeMode;
 } & {
@@ -80,6 +81,7 @@ type Theme = GlobalTheme & {
         empty: EmptyThemeType;
         error: ErrorThemeType;
         fab: FABThemeType;
+        filterTrigger: ReturnType<typeof getFilterTriggerTheme>;
         icon: ReturnType<typeof getIconTheme>;
         image: ReturnType<typeof getImageTheme>;
         list: ReturnType<typeof getListTheme>;