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

package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap

@@ -29,7 +29,6 @@ exports[`StyledTitle has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -79,7 +78,6 @@ exports[`StyledTitle has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -129,7 +127,6 @@ exports[`StyledTitle has h1 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -179,7 +176,6 @@ exports[`StyledTitle has h1 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -229,7 +225,6 @@ exports[`StyledTitle has h2 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -279,7 +274,6 @@ exports[`StyledTitle has h2 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -329,7 +323,6 @@ exports[`StyledTitle has h3 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -379,7 +372,6 @@ exports[`StyledTitle has h3 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -429,7 +421,6 @@ exports[`StyledTitle has h4 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -479,7 +470,6 @@ exports[`StyledTitle has h4 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -529,7 +519,6 @@ exports[`StyledTitle has h5 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -579,7 +568,6 @@ exports[`StyledTitle has h5 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -629,7 +617,6 @@ exports[`StyledTitle has h6 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -679,7 +666,6 @@ exports[`StyledTitle has h6 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -729,7 +715,6 @@ exports[`StyledTitle has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -779,7 +764,6 @@ exports[`StyledTitle has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -829,7 +813,6 @@ exports[`StyledTitle has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -879,7 +862,6 @@ exports[`StyledTitle has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -929,7 +911,6 @@ exports[`StyledTitle has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -979,7 +960,6 @@ exports[`StyledTitle has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap

@@ -30,7 +30,6 @@ exports[`Title has archived intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -81,7 +80,6 @@ exports[`Title has body intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -132,7 +130,6 @@ exports[`Title has danger intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -183,7 +180,6 @@ exports[`Title has disabled intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -234,7 +230,6 @@ exports[`Title has h1 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -285,7 +280,6 @@ exports[`Title has h1 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -336,7 +330,6 @@ exports[`Title has h2 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -387,7 +380,6 @@ exports[`Title has h2 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -438,7 +430,6 @@ exports[`Title has h3 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -489,7 +480,6 @@ exports[`Title has h3 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -540,7 +530,6 @@ exports[`Title has h4 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -591,7 +580,6 @@ exports[`Title has h4 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -642,7 +630,6 @@ exports[`Title has h5 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -693,7 +680,6 @@ exports[`Title has h5 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -744,7 +730,6 @@ exports[`Title has h6 level and neutral typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -795,7 +780,6 @@ exports[`Title has h6 level and playful typeface style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -846,7 +830,6 @@ exports[`Title has info intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -897,7 +880,6 @@ exports[`Title has inverted intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -948,7 +930,6 @@ exports[`Title has primary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -999,7 +980,6 @@ exports[`Title has secondary intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1050,7 +1030,6 @@ exports[`Title has subdued intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1101,7 +1080,6 @@ exports[`Title has success intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1152,7 +1130,6 @@ exports[`Title has warning intent style 1`] = `
   </Text>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/index.ts

@@ -18,7 +18,6 @@ import Alert from './components/Alert';
 import Attachment from './components/Attachment';
 import Avatar, { useAvatarColors } from './components/Avatar';
 import Badge from './components/Badge';
-import BottomNavigation from './components/BottomNavigation';
 import BottomSheet from './components/BottomSheet';
 import Box from './components/Box';
 import Button from './components/Button';
@@ -83,7 +82,6 @@ export {
   Avatar,
   useAvatarColors,
   Badge,
-  BottomNavigation,
   BottomSheet,
   Box,
   Button,

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -116,15 +116,6 @@ exports[`theme returns correct theme object 1`] = `
         "text": "#ffffff",
         "warning": "#ac5d00",
       },
-      "fontSizes": {
-        "default": 12,
-      },
-      "fonts": {
-        "default": "BeVietnamPro-SemiBold",
-      },
-      "lineHeights": {
-        "default": 16,
-      },
       "sizes": {
         "height": 20,
         "minWidth": 20,
@@ -137,27 +128,6 @@ exports[`theme returns correct theme object 1`] = `
         "statusPositionTop": -2,
       },
     },
-    "bottomNavigation": {
-      "colors": {
-        "background": "#ffffff",
-        "shadow": "#401960",
-      },
-      "shadows": {
-        "elevation": 10,
-        "offset": {
-          "height": 3,
-          "width": 0,
-        },
-        "opacity": 0.27,
-        "radius": 4.65,
-      },
-      "sizes": {
-        "height": 72,
-      },
-      "space": {
-        "titleMarginTop": 4,
-      },
-    },
     "bottomSheet": {
       "colors": {
         "backdrop": "#000000",
@@ -214,15 +184,6 @@ exports[`theme returns correct theme object 1`] = `
         "textLoadingBackground": "#ece8ef",
         "utilityBackground": "#ffffff",
       },
-      "fontSize": {
-        "default": 18,
-        "textVariant": 16,
-        "utility": 16,
-      },
-      "fonts": {
-        "default": "BeVietnamPro-SemiBold",
-        "utility": "BeVietnamPro-Regular",
-      },
       "lineHeights": {
         "titleOfTextVariant": 22,
       },
@@ -291,16 +252,6 @@ exports[`theme returns correct theme object 1`] = `
       "radii": {
         "card": 8,
       },
-      "shadows": {
-        "color": "#001f23",
-        "elevation": 3,
-        "offset": {
-          "height": 2,
-          "width": 0,
-        },
-        "opacity": 0.12,
-        "radius": 4,
-      },
       "space": {
         "carouselItemSpacing": 8,
         "contentContainerPaddingHorizontal": 24,
@@ -308,15 +259,6 @@ exports[`theme returns correct theme object 1`] = `
       },
     },
     "carousel": {
-      "fontSizes": {
-        "heading": 32,
-      },
-      "fonts": {
-        "heading": "RebondGrotesque-SemiBold",
-      },
-      "lineHeights": {
-        "heading": 44,
-      },
       "space": {
         "footerMarginBottom": 24,
         "footerPaddingHorizontal": 24,
@@ -450,14 +392,6 @@ exports[`theme returns correct theme object 1`] = `
         "subduedText": "#4d6265",
         "text": "#001f23",
       },
-      "fontSizes": {
-        "description": 18,
-        "title": 24,
-      },
-      "fonts": {
-        "description": "RebondGrotesque",
-        "title": "RebondGrotesque-SemiBold",
-      },
       "sizes": {
         "image": 168,
       },
@@ -474,18 +408,6 @@ exports[`theme returns correct theme object 1`] = `
         "inPageBackground": "#f6f6f7",
         "title": "#001f23",
       },
-      "fontSizes": {
-        "description": 18,
-        "title": 24,
-      },
-      "fonts": {
-        "description": "RebondGrotesque",
-        "title": "RebondGrotesque-SemiBold",
-      },
-      "lineHeight": {
-        "description": 26,
-        "title": 32,
-      },
       "sizes": {
         "image": 176,
       },
@@ -652,18 +574,6 @@ exports[`theme returns correct theme object 1`] = `
         "error": "#cb300a",
         "mask": "#001f23",
       },
-      "fontSizes": {
-        "cellText": 28,
-        "errorMessage": 12,
-      },
-      "fonts": {
-        "cellText": "BeVietnamPro-SemiBold",
-        "errorMessage": "BeVietnamPro-Regular",
-      },
-      "lineHeights": {
-        "cellText": 36,
-        "errorMessage": 12,
-      },
       "radii": {
         "cell": 8,
         "mask": 999,
@@ -856,14 +766,6 @@ exports[`theme returns correct theme object 1`] = `
         "inPageBackground": "#f6f6f7",
         "title": "#001f23",
       },
-      "fontSizes": {
-        "description": 18,
-        "title": 24,
-      },
-      "fonts": {
-        "description": "RebondGrotesque",
-        "title": "RebondGrotesque-SemiBold",
-      },
       "sizes": {
         "image": 176,
       },
@@ -975,15 +877,6 @@ exports[`theme returns correct theme object 1`] = `
         "warning": "#ac5d00",
         "warningBackground": "#fff6eb",
       },
-      "fontSizes": {
-        "default": 12,
-      },
-      "fonts": {
-        "default": "BeVietnamPro-SemiBold",
-      },
-      "lineHeights": {
-        "default": 16,
-      },
       "radii": {
         "default": 4,
       },
@@ -1041,12 +934,7 @@ exports[`theme returns correct theme object 1`] = `
         "text": "#001f23",
       },
       "fontSizes": {
-        "asteriskLabel": 16,
-        "error": 12,
-        "labelInsideTextInput": 16,
-        "maxLength": 12,
         "text": 16,
-        "topLabel": 12,
       },
       "fonts": {
         "text": "BeVietnamPro-Regular",

package/src/theme/components/badge.ts

@@ -11,18 +11,6 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     text: theme.colors.onDarkGlobalSurface,
   };
 
-  const fonts = {
-    default: theme.fonts.neutral.semiBold,
-  };
-
-  const fontSizes = {
-    default: theme.fontSizes.small,
-  };
-
-  const lineHeights = {
-    default: theme.lineHeights.small,
-  };
-
   const sizes = {
     height: theme.fontSizes.small + theme.sizes.small,
     minWidth: theme.fontSizes.small + theme.sizes.small,
@@ -36,22 +24,7 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     statusPositionRight: -theme.space.xxsmall,
   };
 
-  return { colors, fonts, fontSizes, sizes, space, lineHeights };
+  return { colors, sizes, space };
 };
 
-type GetBadgeThemeReturnType = ReturnType<typeof getBadgeTheme>;
-export interface BadgeThemeType extends GetBadgeThemeReturnType {
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fonts: GetBadgeThemeReturnType['fonts'];
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fontSizes: GetBadgeThemeReturnType['fontSizes'];
-  /**
-   * @deprecated will be removed in v9
-   * */
-  lineHeights: GetBadgeThemeReturnType['lineHeights'];
-}
 export default getBadgeTheme;

package/src/theme/components/button.ts

@@ -1,17 +1,6 @@
 import type { GlobalTheme } from '../global';
 
 const getButtonTheme = (theme: GlobalTheme) => {
-  const fonts = {
-    default: theme.fonts.neutral.semiBold,
-    utility: theme.fonts.neutral.regular,
-  };
-
-  const fontSize = {
-    default: theme.fontSizes.xlarge,
-    utility: theme.fontSizes.large,
-    textVariant: theme.fontSizes.large,
-  };
-
   const borderWidth = {
     default: theme.space.xxsmall,
   };
@@ -64,8 +53,6 @@ const getButtonTheme = (theme: GlobalTheme) => {
   return {
     lineHeights,
     borderWidth,
-    fonts,
-    fontSize,
     sizes,
     radii,
     colors,
@@ -73,15 +60,4 @@ const getButtonTheme = (theme: GlobalTheme) => {
   };
 };
 
-type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
-export interface ButtonThemeType extends GetButtonThemeReturnType {
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fonts: GetButtonThemeReturnType['fonts'];
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fontSize: GetButtonThemeReturnType['fontSize'];
-}
 export default getButtonTheme;

package/src/theme/components/cardCarousel.ts

@@ -10,19 +10,12 @@ const getCardCarouselTheme = (theme: GlobalTheme) => {
   const colors = {
     carouselItemBackground: theme.colors.defaultSurface,
   };
-  const shadows = {
-    color: theme.shadows.default.shadowColor,
-    offset: theme.shadows.default.shadowOffset,
-    opacity: theme.shadows.default.shadowOpacity,
-    radius: theme.shadows.default.shadowRadius,
-    elevation: theme.shadows.default.elevation,
-  };
 
   const radii = {
     card: theme.radii.medium,
   };
 
-  return { shadows, colors, space, radii };
+  return { colors, space, radii };
 };
 
 export default getCardCarouselTheme;

package/src/theme/components/carousel.ts

@@ -12,34 +12,7 @@ const getCarouselTheme = (theme: GlobalTheme) => {
     pageControlWrapperHeight: scale(48),
   };
 
-  const fontSizes = {
-    heading: theme.fontSizes['xxxxxlarge'],
-  };
-
-  const fonts = {
-    heading: theme.fonts.playful.semiBold,
-  };
-
-  const lineHeights = {
-    heading: theme.lineHeights['6xlarge'],
-  };
-
-  return { space, fonts, fontSizes, lineHeights };
+  return { space };
 };
 
-type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
-export interface CarouselThemeType extends GetCarouselThemeReturnType {
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fonts: GetCarouselThemeReturnType['fonts'];
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fontSizes: GetCarouselThemeReturnType['fontSizes'];
-  /**
-   * @deprecated will be removed in v9
-   * */
-  lineHeights: GetCarouselThemeReturnType['lineHeights'];
-}
 export default getCarouselTheme;

package/src/theme/components/empty.ts

@@ -18,29 +18,7 @@ const getEmptyTheme = (theme: GlobalTheme) => {
     invertedSubduedText: theme.colors.onDarkGlobalSurface,
   };
 
-  const fontSizes = {
-    title: theme.fontSizes.xxxlarge,
-    description: theme.fontSizes.xlarge,
-  };
-
-  const fonts = {
-    title: theme.fonts.playful.semiBold,
-    description: theme.fonts.playful.regular,
-  };
-
-  return { fontSizes, colors, sizes, space, fonts };
+  return { colors, sizes, space };
 };
 
-type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
-export interface EmptyThemeType extends GetEmptyThemeReturnType {
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fonts: GetEmptyThemeReturnType['fonts'];
-  /**
-   * @deprecated will be removed in v9
-   * */
-  fontSizes: GetEmptyThemeReturnType['fontSizes'];
-}
-
 export default getEmptyTheme;