@hero-design/rn 8.104.1-alpha.2 → 8.105.0

package/types/components/Typography/Title/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
+import type { TypographyIntent } from '../types';
 export interface TitleProps extends NativeTextProps {
     /**
      * Text content.
@@ -9,7 +10,7 @@ export interface TitleProps extends NativeTextProps {
     /**
      * Visual intent color to apply to the text.
      */
-    intent?: 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';
+    intent?: TypographyIntent;
     /**
      * Additional style.
      */

package/types/components/Typography/types.d.ts

@@ -3,4 +3,4 @@ export declare const FONTWEIGHT_MAP: {
     readonly regular: "regular";
     readonly 'semi-bold': "semiBold";
 };
-export type ThemeIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';
+export type TypographyIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted' | 'inactive';

package/types/index.d.ts

@@ -55,8 +55,9 @@ import PageControl from './components/PageControl';
 import Portal from './components/Portal';
 import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
 import Search from './components/Search';
+import SegmentedControl from './components/SegmentedControl';
 import FloatingIsland from './components/FloatingIsland';
 import LocaleProvider from './components/LocaleProvider';
 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 { 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, SegmentedControl, 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/segmentedControl.d.ts

@@ -0,0 +1,46 @@
+import type { GlobalTheme } from '../global';
+declare const getSegmentedControlTheme: (theme: GlobalTheme) => {
+    sizes: {
+        itemHeight: {
+            medium: number;
+            large: number;
+        };
+        wrapperHeight: {
+            medium: number;
+            large: number;
+        };
+    };
+    colors: {
+        itemBackground: {
+            inactive: string;
+            active: string;
+        };
+        wrapperBackground: string;
+    };
+    shadows: {
+        item: {
+            inactive: undefined;
+            active: import("../global/shadows/types").ShadowStyles;
+        };
+    };
+    radii: {
+        item: {
+            medium: number;
+            large: number;
+        };
+        wrapper: {
+            medium: number;
+            large: number;
+        };
+    };
+    space: {
+        wrapperHorizontalPadding: number;
+        itemLabelGap: number;
+        itemLabelMarginEnd: number;
+        itemAffixGap: number;
+    };
+    lineHeights: {
+        itemText: number | undefined;
+    };
+};
+export default getSegmentedControlTheme;

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

@@ -13,6 +13,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         archived: string;
         disabled: string;
         muted: string;
+        inactive: string;
     };
     fonts: import("../global/typography").Fonts;
     fontSizes: {

package/types/theme/getTheme.d.ts

@@ -53,6 +53,7 @@ import getFloatingIslandTheme from './components/floatingIsland';
 import getAppCueTheme from './components/appCue';
 import { ThemeMode } from './global/colors/types';
 import getFilterTriggerTheme from './components/filterTrigger';
+import getSegmentedControlTheme from './components/segmentedControl';
 type Theme = GlobalTheme & {
     themeMode?: ThemeMode;
 } & {
@@ -110,6 +111,7 @@ type Theme = GlobalTheme & {
         toolbar: ReturnType<typeof getToolbarTheme>;
         typography: ReturnType<typeof getTypographyTheme>;
         floatingIsland: ReturnType<typeof getFloatingIslandTheme>;
+        segmentedControl: ReturnType<typeof getSegmentedControlTheme>;
     };
 };
 declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;

package/types/types.d.ts

@@ -38,4 +38,5 @@ import { PinInputHandler } from './components/PinInput';
 import { ThemeScale } from './components/Box/types';
 import { TimePickerProps } from './components/TimePicker/types';
 import { DatePickerProps } from './components/DatePicker/types';
-export type { Space, CaptionProps, Radii, TitleProps, CarouselData, CarouselImageProps, PinInputHandler, ThemeScale, ToastProps, ActionGroupProps, ToolbarItemProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, ActionItemProps, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, BrandSystemPalette, GlobalSystemPalette, IconProps, CheckboxProps, SwitchOptionType, BoxProps, BodyProps, ToolbarButtonName, ListItemProps, IconButtonProps, BadgeProps, TimePickerProps, DatePickerProps, };
+import type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
+export type { Space, CaptionProps, Radii, TitleProps, CarouselData, CarouselImageProps, PinInputHandler, ThemeScale, ToastProps, ActionGroupProps, ToolbarItemProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, ActionItemProps, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, BrandSystemPalette, GlobalSystemPalette, IconProps, CheckboxProps, SwitchOptionType, BoxProps, BodyProps, ToolbarButtonName, ListItemProps, IconButtonProps, BadgeProps, TimePickerProps, DatePickerProps, SegmentedControlItemConfig, };