@hero-design/rn 7.13.0 → 7.14.0

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

@@ -5,7 +5,7 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("reac
 } & {
     themeFontSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxxxlarge';
     themeFontWeight: 'light' | 'regular' | 'semi-bold';
-    themeIntent: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
+    themeIntent: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;
 }>;

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

@@ -16,7 +16,7 @@ export interface TextProps extends NativeTextProps {
     /**
      * Visual intent color to apply to the text.
      */
-    intent?: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
+    intent?: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted';
     /**
      * Additional style.
      */

package/types/index.d.ts

@@ -1,11 +1,13 @@
 import theme, { getTheme, ThemeProvider, useTheme } from './theme';
 import { scale } from './utils/scale';
+import Accordion from './components/Accordion';
 import Alert from './components/Alert';
 import Avatar from './components/Avatar';
 import Badge from './components/Badge';
 import BottomNavigation from './components/BottomNavigation';
 import BottomSheet from './components/BottomSheet';
 import Button from './components/Button';
+import Calendar from './components/Calendar';
 import Card from './components/Card';
 import Collapse from './components/Collapse';
 import Checkbox from './components/Checkbox';
@@ -13,6 +15,7 @@ import ContentNavigator from './components/ContentNavigator';
 import DatePicker from './components/DatePicker';
 import Divider from './components/Divider';
 import Drawer from './components/Drawer';
+import Empty from './components/Empty';
 import FAB from './components/FAB';
 import Icon from './components/Icon';
 import List from './components/List';
@@ -30,5 +33,6 @@ import TimePicker from './components/TimePicker';
 import Toast from './components/Toast';
 import Toolbar from './components/Toolbar';
 import Typography from './components/Typography';
-export { theme, getTheme, useTheme, scale, ThemeProvider, Alert, Avatar, Badge, BottomNavigation, BottomSheet, Button, Card, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, FAB, Icon, List, PinInput, Progress, Spinner, Radio, SectionHeading, Select, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, };
+import RichTextEditor from './components/RichTextEditor';
+export { theme, getTheme, useTheme, scale, ThemeProvider, Accordion, Alert, Avatar, Badge, BottomNavigation, BottomSheet, Button, Calendar, Card, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, FAB, Icon, List, PinInput, Progress, Spinner, Radio, SectionHeading, Select, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, RichTextEditor, };
 export * from './types';

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

@@ -0,0 +1,13 @@
+import { GlobalTheme } from '../global';
+declare const getAccordionTheme: (theme: GlobalTheme) => {
+    colors: {
+        background: string;
+    };
+    space: {
+        padding: number;
+    };
+    radii: {
+        card: number;
+    };
+};
+export default getAccordionTheme;

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

@@ -0,0 +1,26 @@
+import { GlobalTheme } from '../global';
+declare const getCalendarTheme: (theme: GlobalTheme) => {
+    radii: {
+        default: number;
+    };
+    colors: {
+        background: string;
+        border: string;
+        primary: string;
+        inverted: string;
+    };
+    sizes: {
+        cellWidth: number;
+        cellHeight: number;
+        cellCircleWidth: number;
+        cellCircleHeight: number;
+        markWidth: number;
+        markHeight: number;
+    };
+    space: {
+        rowVerticalPadding: number;
+        headerVerticalPadding: number;
+        headerHorizontalPadding: number;
+    };
+};
+export default getCalendarTheme;

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

@@ -0,0 +1,28 @@
+import { GlobalTheme } from '../global';
+declare const getEmptyTheme: (theme: GlobalTheme) => {
+    fontSizes: {
+        title: number;
+        description: number;
+    };
+    colors: {
+        text: string;
+        invertedText: string;
+        subduedText: string;
+        illustrationBackground: string;
+    };
+    sizes: {
+        illustration: number;
+    };
+    space: {
+        medium: number;
+        large: number;
+    };
+    fonts: {
+        title: string;
+        description: string;
+    };
+    radii: {
+        illustration: number;
+    };
+};
+export default getEmptyTheme;

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

@@ -20,6 +20,7 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         actionItemBackground: string;
         backdropBackground: string;
         titleText: string;
+        actionItemText: string;
     };
     sizes: {
         width: number;

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

@@ -2,6 +2,7 @@ import { GlobalTheme } from '../global';
 declare const getListTheme: (theme: GlobalTheme) => {
     colors: {
         checkedListItemContainerBackground: string;
+        highlightedListItemContainerBackground: string;
         listItemContainerBackground: string;
         leadingStatus: {
             danger: string;

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

@@ -0,0 +1,26 @@
+import { GlobalTheme } from '../global';
+declare const getRichTextEditorTheme: (theme: GlobalTheme) => {
+    colors: {
+        toolbarBorderColor: string;
+        toolbarBackgroundColor: string;
+        toolbarButtonSelectedBackground: string;
+    };
+    space: {
+        wrapperMarginBottom: number;
+        toolbarHorizontalPadding: number;
+        editorPadding: number;
+    };
+    borderWidths: {
+        webViewBorderBottomWidth: number;
+    };
+    fontSizes: {
+        editor: number;
+    };
+    sizes: {
+        editorMinHeight: number;
+        toolbarButtonSize: number;
+        toolbarSeparatorWidth: number;
+        toolbarSeparatorHeight: number;
+    };
+};
+export default getRichTextEditorTheme;

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

@@ -4,14 +4,20 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         default: number;
     };
     colors: {
-        danger: string;
-        dangerBackground: string;
+        default: string;
+        defaultBackground: undefined;
+        primary: string;
+        primaryBackground: string;
         info: string;
         infoBackground: string;
         success: string;
         successBackground: string;
         warning: string;
         warningBackground: string;
+        danger: string;
+        dangerBackground: string;
+        archived: string;
+        archivedBackground: string;
     };
     fonts: {
         default: string;

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

@@ -8,6 +8,7 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         danger: string;
         warning: string;
         success: string;
+        inverted: string;
     };
     fonts: {
         light: string;

package/types/theme/global/colors.d.ts

@@ -3,6 +3,7 @@ declare const systemPalette: {
     primaryLight: string;
     primaryDark: string;
     primaryBackground: string;
+    primaryBackgroundDark: string;
     secondary: string;
     secondaryLight: string;
     secondaryBackground: string;
@@ -31,8 +32,10 @@ declare const systemPalette: {
     disabledLightText: string;
     invertedText: string;
     outline: string;
-    archivedDark: string;
     archived: string;
+    archivedLight: string;
+    archivedDark: string;
+    archivedBackground: string;
     black: string;
     inactiveBackground: string;
     shadow: string;

package/types/theme/global/index.d.ts

@@ -6,6 +6,7 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         primaryLight: string;
         primaryDark: string;
         primaryBackground: string;
+        primaryBackgroundDark: string;
         secondary: string;
         secondaryLight: string;
         secondaryBackground: string;
@@ -34,8 +35,10 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         disabledLightText: string;
         invertedText: string;
         outline: string;
-        archivedDark: string;
         archived: string;
+        archivedLight: string;
+        archivedDark: string;
+        archivedBackground: string;
         black: string;
         inactiveBackground: string;
         shadow: string;

package/types/theme/index.d.ts

@@ -1,22 +1,26 @@
 import { GlobalTheme, Scale, SystemPalette } from './global';
+import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAvatarTheme from './components/avatar';
 import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getBottomSheetTheme from './components/bottomSheet';
 import getButtonTheme from './components/button';
+import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
 import getCheckboxTheme from './components/checkbox';
 import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
+import getEmptyTheme from './components/empty';
 import getFABTheme from './components/fab';
 import getIconTheme from './components/icon';
 import getListTheme from './components/list';
 import getPinInputTheme from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
+import getRichTextEditorTheme from './components/richTextEditor';
 import getSectionHeadingTheme from './components/sectionHeading';
 import getSelectTheme from './components/select';
 import getSpinnerTheme from './components/spinner';
@@ -30,24 +34,28 @@ import getToolbarTheme from './components/toolbar';
 import getTypographyTheme from './components/typography';
 declare type Theme = GlobalTheme & {
     __hd__: {
+        accordion: ReturnType<typeof getAccordionTheme>;
         alert: ReturnType<typeof getAlertTheme>;
         avatar: ReturnType<typeof getAvatarTheme>;
         badge: ReturnType<typeof getBadgeTheme>;
         bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
         bottomSheet: ReturnType<typeof getBottomSheetTheme>;
         button: ReturnType<typeof getButtonTheme>;
+        calendar: ReturnType<typeof getCalendarTheme>;
         card: ReturnType<typeof getCardTheme>;
         checkbox: ReturnType<typeof getCheckboxTheme>;
         contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
         datePicker: ReturnType<typeof getDatePickerTheme>;
         divider: ReturnType<typeof getDividerTheme>;
         drawer: ReturnType<typeof getDrawerTheme>;
+        empty: ReturnType<typeof getEmptyTheme>;
         fab: ReturnType<typeof getFABTheme>;
         icon: ReturnType<typeof getIconTheme>;
         list: ReturnType<typeof getListTheme>;
         pinInput: ReturnType<typeof getPinInputTheme>;
         progress: ReturnType<typeof getProgressTheme>;
         radio: ReturnType<typeof getRadioTheme>;
+        richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
         sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
         select: ReturnType<typeof getSelectTheme>;
         spinner: ReturnType<typeof getSpinnerTheme>;