@hero-design/rn 8.118.2-alpha.3 → 8.118.2-alpha.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @hero-design/rn
 
+## 8.118.2-alpha.4
+
+### Patch Changes
+
+- [#4706](https://github.com/Thinkei/hero-design/pull/4706) [`82a9532c5364c2dea2ffc96153103522295aa868`](https://github.com/Thinkei/hero-design/commit/82a9532c5364c2dea2ffc96153103522295aa868) Thanks [@tqdungit](https://github.com/tqdungit)! - Trigger alpha release for rn
+
+- [#4782](https://github.com/Thinkei/hero-design/pull/4782) [`723e0bb6035fe40b674690a00bfbb634da13bb83`](https://github.com/Thinkei/hero-design/commit/723e0bb6035fe40b674690a00bfbb634da13bb83) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [BottomNavigation] Update sizing
+
+- [#4752](https://github.com/Thinkei/hero-design/pull/4752) [`584274fa4239f511946789b9873f8234ace9bc79`](https://github.com/Thinkei/hero-design/commit/584274fa4239f511946789b9873f8234ace9bc79) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [BottomNavigation] Update sizing for iOS
+
+- [#4754](https://github.com/Thinkei/hero-design/pull/4754) [`da189546e72d936d19d17f64a2fae1d6e4f97fe7`](https://github.com/Thinkei/hero-design/commit/da189546e72d936d19d17f64a2fae1d6e4f97fe7) Thanks [@phthhieu](https://github.com/phthhieu)! - Readd react-native keys
+
+- [#4728](https://github.com/Thinkei/hero-design/pull/4728) [`61b2bbfe16cf7f59f6255ebc0129abfee11a61e7`](https://github.com/Thinkei/hero-design/commit/61b2bbfe16cf7f59f6255ebc0129abfee11a61e7) Thanks [@ttkien](https://github.com/ttkien)! - add react-native key to fix issue on RN 81
+
 ## 8.118.2-alpha.3
 
 ### Patch Changes

package/es/index.js

@@ -5697,8 +5697,7 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
   var space = {
     titleMarginTop: theme.space.xxsmall,
     // iOS-specific
-    contentPaddingTopIOS: theme.space.xsmall,
-    contentPaddingBottomIOS: theme.space.xsmall
+    contentPaddingTopIOS: theme.space.small
   };
   return {
     colors: colors,
@@ -10301,15 +10300,15 @@ var BottomBar = index$c(View)(function (_ref3) {
     ios: {
       height: theme.__hd__.bottomNavigation.sizes.heightIOS,
       paddingTop: theme.__hd__.bottomNavigation.space.contentPaddingTopIOS,
-      paddingBottom: theme.__hd__.bottomNavigation.space.contentPaddingBottomIOS
+      alignItems: 'flex-end'
     },
     "default": {
-      flex: 1
+      flex: 1,
+      alignItems: 'center'
     }
   })), {}, {
     flexDirection: 'row',
-    overflow: 'hidden',
-    alignItems: 'center'
+    overflow: 'hidden'
   });
 });
 var BottomBarItem = index$c(View)({

package/lib/index.js

@@ -5726,8 +5726,7 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
   var space = {
     titleMarginTop: theme.space.xxsmall,
     // iOS-specific
-    contentPaddingTopIOS: theme.space.xsmall,
-    contentPaddingBottomIOS: theme.space.xsmall
+    contentPaddingTopIOS: theme.space.small
   };
   return {
     colors: colors,
@@ -10330,15 +10329,15 @@ var BottomBar = index$c(reactNative.View)(function (_ref3) {
     ios: {
       height: theme.__hd__.bottomNavigation.sizes.heightIOS,
       paddingTop: theme.__hd__.bottomNavigation.space.contentPaddingTopIOS,
-      paddingBottom: theme.__hd__.bottomNavigation.space.contentPaddingBottomIOS
+      alignItems: 'flex-end'
     },
     "default": {
-      flex: 1
+      flex: 1,
+      alignItems: 'center'
     }
   })), {}, {
     flexDirection: 'row',
-    overflow: 'hidden',
-    alignItems: 'center'
+    overflow: 'hidden'
   });
 });
 var BottomBarItem = index$c(reactNative.View)({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.118.2-alpha.3",
+  "version": "8.118.2-alpha.4",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/BottomNavigation/StyledBottomNavigation.tsx

@@ -41,16 +41,15 @@ const BottomBar = styled(View)(({ theme }) => ({
     ios: {
       height: theme.__hd__.bottomNavigation.sizes.heightIOS,
       paddingTop: theme.__hd__.bottomNavigation.space.contentPaddingTopIOS,
-      paddingBottom:
-        theme.__hd__.bottomNavigation.space.contentPaddingBottomIOS,
+      alignItems: 'flex-end',
     },
     default: {
       flex: 1,
+      alignItems: 'center',
     },
   }),
   flexDirection: 'row',
   overflow: 'hidden',
-  alignItems: 'center',
 }));
 
 const BottomBarItem = styled(View)({

package/src/theme/components/bottomNavigation.ts

@@ -25,8 +25,7 @@ const getBottomNavigationTheme = (theme: GlobalTheme) => {
   const space = {
     titleMarginTop: theme.space.xxsmall,
     // iOS-specific
-    contentPaddingTopIOS: theme.space.xsmall,
-    contentPaddingBottomIOS: theme.space.xsmall,
+    contentPaddingTopIOS: theme.space.small,
   };
 
   return { colors, borderWidths, shadows, sizes, space };

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

@@ -27,7 +27,6 @@ declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
     space: {
         titleMarginTop: number;
         contentPaddingTopIOS: number;
-        contentPaddingBottomIOS: number;
     };
 };
 export default getBottomNavigationTheme;