@hero-design/rn 8.52.1 → 8.52.2-rc2.0

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

@@ -3,14 +3,6 @@ declare const getFABTheme: (theme: GlobalTheme) => {
     radii: {
         actionItem: number;
     };
-    fonts: {
-        actionItemText: string;
-        title: string;
-    };
-    fontSizes: {
-        actionItemText: number;
-        title: number;
-    };
     colors: {
         buttonBackground: string;
         buttonPressedBackground: string;
@@ -28,6 +20,14 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         iconContainerWidth: number;
         iconContainerHeight: number;
     };
+    fonts: {
+        actionItemText: string;
+        title: string;
+    };
+    fontSizes: {
+        actionItemText: number;
+        title: number;
+    };
     lineHeights: {
         actionItemText: number;
         title: number;
@@ -54,15 +54,4 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         titleMarginHorizontal: number;
     };
 };
-type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
-export interface FABThemeType extends GetFABThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetFABThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetFABThemeReturnType['fontSizes'];
-}
 export default getFABTheme;

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

@@ -4,24 +4,12 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
         default: number;
         focused: number;
     };
-    lineHeights: {
-        cellText: number;
-        errorMessage: number;
-    };
     colors: {
         default: string;
         mask: string;
         error: string;
         disabled: string;
     };
-    fonts: {
-        cellText: string;
-        errorMessage: string;
-    };
-    fontSizes: {
-        cellText: number;
-        errorMessage: number;
-    };
     sizes: {
         cellWidth: number;
         cellHeight: number;
@@ -36,19 +24,4 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
         mask: number;
     };
 };
-type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
-export interface PinInputThemeType extends GetPinInputThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetPinInputThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetPinInputThemeReturnType['fontSizes'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    lineHeights: GetPinInputThemeReturnType['lineHeights'];
-}
 export default getPinInputTheme;

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

@@ -1,9 +1,5 @@
 import type { GlobalTheme } from '../global';
 declare const getSuccessTheme: (theme: GlobalTheme) => {
-    fontSizes: {
-        title: number;
-        description: number;
-    };
     colors: {
         title: string;
         description: string;
@@ -24,20 +20,5 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
             padding: number;
         };
     };
-    fonts: {
-        title: string;
-        description: string;
-    };
 };
-type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
-export interface SuccessThemeType extends GetSuccessThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetSuccessThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetSuccessThemeReturnType['fontSizes'];
-}
 export default getSuccessTheme;

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

@@ -18,12 +18,6 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         archivedBackground: string;
         text: string;
     };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: number;
-    };
     space: {
         horizontalPadding: number;
         verticalPadding: number;
@@ -31,23 +25,5 @@ declare const getTagTheme: (theme: GlobalTheme) => {
     radii: {
         default: number;
     };
-    lineHeights: {
-        default: number;
-    };
 };
-type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
-export interface TagThemeType extends GetTagThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetTagThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetTagThemeReturnType['fontSizes'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    lineHeights: GetTagThemeReturnType['lineHeights'];
-}
 export default getTagTheme;

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

@@ -60,11 +60,6 @@ declare const getTextInputTheme: (theme: GlobalTheme) => {
     };
     fontSizes: {
         text: number;
-        labelInsideTextInput: number;
-        error: number;
-        maxLength: number;
-        asteriskLabel: number;
-        topLabel: number;
     };
     borderWidths: {
         container: {

package/types/theme/getTheme.d.ts

@@ -2,13 +2,12 @@ import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAttachmentTheme from './components/attachment';
 import getAvatarTheme from './components/avatar';
-import { BadgeThemeType } from './components/badge';
-import getBottomNavigationTheme from './components/bottomNavigation';
+import getBadgeTheme from './components/badge';
 import getBottomSheetTheme from './components/bottomSheet';
-import { ButtonThemeType } from './components/button';
+import getButtonTheme from './components/button';
 import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
-import { CarouselThemeType } from './components/carousel';
+import getCarouselTheme from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
 import getChipTheme from './components/chip';
@@ -16,14 +15,14 @@ import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
-import { EmptyThemeType } from './components/empty';
-import { ErrorThemeType } from './components/error';
-import { FABThemeType } from './components/fab';
+import getEmptyTheme from './components/empty';
+import getErrorTheme from './components/error';
+import getFABTheme from './components/fab';
 import getIconTheme from './components/icon';
 import getImageTheme from './components/image';
 import getListTheme from './components/list';
 import getPageControlTheme from './components/pageControl';
-import { PinInputThemeType } from './components/pinInput';
+import getPinInputTheme from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
 import getRateTheme from './components/rate';
@@ -34,11 +33,11 @@ import getSelectTheme from './components/select';
 import getSkeletonTheme from './components/skeleton';
 import getSliderTheme from './components/slider';
 import getSpinnerTheme from './components/spinner';
-import { SuccessThemeType } from './components/success';
+import getSuccessTheme from './components/success';
 import getSwipeableTheme from './components/swipeable';
 import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
-import { TagThemeType } from './components/tag';
+import getTagTheme from './components/tag';
 import getTextInputTheme from './components/textInput';
 import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
@@ -51,13 +50,12 @@ type Theme = GlobalTheme & {
         alert: ReturnType<typeof getAlertTheme>;
         attachment: ReturnType<typeof getAttachmentTheme>;
         avatar: ReturnType<typeof getAvatarTheme>;
-        badge: BadgeThemeType;
-        bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
+        badge: ReturnType<typeof getBadgeTheme>;
         bottomSheet: ReturnType<typeof getBottomSheetTheme>;
-        button: ButtonThemeType;
+        button: ReturnType<typeof getButtonTheme>;
         calendar: ReturnType<typeof getCalendarTheme>;
         card: ReturnType<typeof getCardTheme>;
-        carousel: CarouselThemeType;
+        carousel: ReturnType<typeof getCarouselTheme>;
         cardCarousel: ReturnType<typeof getCardCarouselTheme>;
         checkbox: ReturnType<typeof getCheckboxTheme>;
         chip: ReturnType<typeof getChipTheme>;
@@ -65,14 +63,14 @@ type Theme = GlobalTheme & {
         datePicker: ReturnType<typeof getDatePickerTheme>;
         divider: ReturnType<typeof getDividerTheme>;
         drawer: ReturnType<typeof getDrawerTheme>;
-        empty: EmptyThemeType;
-        error: ErrorThemeType;
-        fab: FABThemeType;
+        empty: ReturnType<typeof getEmptyTheme>;
+        error: ReturnType<typeof getErrorTheme>;
+        fab: ReturnType<typeof getFABTheme>;
         icon: ReturnType<typeof getIconTheme>;
         image: ReturnType<typeof getImageTheme>;
         list: ReturnType<typeof getListTheme>;
         pageControl: ReturnType<typeof getPageControlTheme>;
-        pinInput: PinInputThemeType;
+        pinInput: ReturnType<typeof getPinInputTheme>;
         progress: ReturnType<typeof getProgressTheme>;
         radio: ReturnType<typeof getRadioTheme>;
         rate: ReturnType<typeof getRateTheme>;
@@ -83,11 +81,11 @@ type Theme = GlobalTheme & {
         skeleton: ReturnType<typeof getSkeletonTheme>;
         slider: ReturnType<typeof getSliderTheme>;
         spinner: ReturnType<typeof getSpinnerTheme>;
-        success: SuccessThemeType;
+        success: ReturnType<typeof getSuccessTheme>;
         swipeable: ReturnType<typeof getSwipeableTheme>;
         switch: ReturnType<typeof getSwitchTheme>;
         tabs: ReturnType<typeof getTabsTheme>;
-        tag: TagThemeType;
+        tag: ReturnType<typeof getTagTheme>;
         textInput: ReturnType<typeof getTextInputTheme>;
         timePicker: ReturnType<typeof getTimePickerTheme>;
         toast: ReturnType<typeof getToastTheme>;

package/types/types.d.ts

@@ -1,4 +1,3 @@
-import type { BottomNavigationTabType } from './components/BottomNavigation';
 import type { IconName } from './components/Icon';
 import type { SingleSelectProps, MultiSelectProps } from './components/Select';
 import type { TabType } from './components/Tabs';
@@ -11,4 +10,4 @@ import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
 import { FABHandles } from './components/FAB/FAB';
 import { ActionGroupHandles } from './components/FAB/ActionGroup';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, };
+export type { IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, };

package/src/components/BottomNavigation/StyledBottomNavigation.tsx

@@ -1,60 +0,0 @@
-import { View } from 'react-native';
-import styled from '@emotion/native';
-import Typography from '../Typography';
-
-const BottomNavigationTab = styled(View)<{ themeVisibility?: boolean }>(
-  ({ themeVisibility }) => ({
-    flex: 1,
-    display: themeVisibility === false ? 'none' : 'flex',
-  })
-);
-
-const BottomNavigationContainer = styled(View)({
-  flex: 1,
-  overflow: 'hidden',
-});
-
-const ContentWrapper = styled(View)({
-  flex: 1,
-});
-
-const BottomBarWrapper = styled(View)<{
-  themeInsets: { top: number; right: number; bottom: number; left: number };
-}>(({ themeInsets, theme }) => ({
-  height: theme.__hd__.bottomNavigation.sizes.height + themeInsets.bottom,
-  paddingBottom: themeInsets.bottom,
-  paddingLeft: Math.max(themeInsets.left, themeInsets.right),
-  paddingRight: Math.max(themeInsets.left, themeInsets.right),
-  backgroundColor: theme.__hd__.bottomNavigation.colors.background,
-  shadowColor: theme.__hd__.bottomNavigation.colors.shadow,
-  shadowOffset: theme.__hd__.bottomNavigation.shadows.offset,
-  shadowOpacity: theme.__hd__.bottomNavigation.shadows.opacity,
-  shadowRadius: theme.__hd__.bottomNavigation.shadows.radius,
-  elevation: theme.__hd__.bottomNavigation.shadows.elevation,
-}));
-
-const BottomBar = styled(View)({
-  flex: 1,
-  flexDirection: 'row',
-  overflow: 'hidden',
-  alignItems: 'center',
-});
-
-const BottomBarItem = styled(View)({
-  flex: 1,
-  alignItems: 'center',
-});
-
-const StyledBottomBarText = styled(Typography.Caption)(({ theme }) => ({
-  marginTop: theme.__hd__.bottomNavigation.space.titleMarginTop,
-}));
-
-export {
-  BottomBar,
-  BottomBarItem,
-  BottomNavigationTab,
-  BottomNavigationContainer,
-  BottomBarWrapper,
-  ContentWrapper,
-  StyledBottomBarText,
-};