@hero-design/rn-work-uikit 1.11.2-alpha.1 → 1.11.2-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @hero-design/rn-work-uikit
 
+## 1.11.2-alpha.2
+
+### Patch Changes
+
+- [#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
+
+- Updated dependencies [[`82a9532c5364c2dea2ffc96153103522295aa868`](https://github.com/Thinkei/hero-design/commit/82a9532c5364c2dea2ffc96153103522295aa868), [`584274fa4239f511946789b9873f8234ace9bc79`](https://github.com/Thinkei/hero-design/commit/584274fa4239f511946789b9873f8234ace9bc79), [`61b2bbfe16cf7f59f6255ebc0129abfee11a61e7`](https://github.com/Thinkei/hero-design/commit/61b2bbfe16cf7f59f6255ebc0129abfee11a61e7)]:
+  - @hero-design/rn@8.118.2-alpha.2
+
 ## 1.11.2-alpha.1
 
 ### Patch Changes

package/es/index.js

@@ -5995,13 +5995,19 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
     borderTop: theme.borderWidths.base
   };
   var sizes = {
-    height: theme.sizes['6xlarge']
+    // Android default
+    height: theme.sizes['6xlarge'],
+    // iOS-specific
+    heightIOS: theme.sizes.xxxlarge
   };
   var shadows = {
     wrapper: theme.shadows.medium
   };
   var space = {
-    titleMarginTop: theme.space.xxsmall
+    titleMarginTop: theme.space.xxsmall,
+    // iOS-specific
+    contentPaddingTopIOS: theme.space.xsmall,
+    contentPaddingBottomIOS: theme.space.xsmall
   };
   return {
     colors: colors,
@@ -16449,8 +16455,12 @@ var ContentWrapper = index$c(View)({
 var BottomBarWrapper = index$c(View)(function (_ref2) {
   var themeInsets = _ref2.themeInsets,
     theme = _ref2.theme;
-  return _objectSpread2({
-    height: theme.__hd__.bottomNavigation.sizes.height + themeInsets.bottom,
+  return _objectSpread2(_objectSpread2({}, Platform.select({
+    ios: {},
+    "default": {
+      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),
@@ -16459,18 +16469,29 @@ var BottomBarWrapper = index$c(View)(function (_ref2) {
     borderTopWidth: theme.__hd__.bottomNavigation.borderWidths.borderTop
   }, theme.__hd__.bottomNavigation.shadows.wrapper);
 });
-var BottomBar = index$c(View)({
-  flex: 1,
-  flexDirection: 'row',
-  overflow: 'hidden',
-  alignItems: 'center'
+var BottomBar = index$c(View)(function (_ref3) {
+  var theme = _ref3.theme;
+  return _objectSpread2(_objectSpread2({}, Platform.select({
+    ios: {
+      height: theme.__hd__.bottomNavigation.sizes.heightIOS,
+      paddingTop: theme.__hd__.bottomNavigation.space.contentPaddingTopIOS,
+      paddingBottom: theme.__hd__.bottomNavigation.space.contentPaddingBottomIOS
+    },
+    "default": {
+      flex: 1
+    }
+  })), {}, {
+    flexDirection: 'row',
+    overflow: 'hidden',
+    alignItems: 'center'
+  });
 });
 var BottomBarItem = index$c(View)({
   flex: 1,
   alignItems: 'center'
 });
-var StyledBottomBarText = index$c(Typography.Label)(function (_ref3) {
-  var theme = _ref3.theme;
+var StyledBottomBarText = index$c(Typography.Label)(function (_ref4) {
+  var theme = _ref4.theme;
   return {
     marginTop: theme.__hd__.bottomNavigation.space.titleMarginTop
   };

package/lib/index.js

@@ -6024,13 +6024,19 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
     borderTop: theme.borderWidths.base
   };
   var sizes = {
-    height: theme.sizes['6xlarge']
+    // Android default
+    height: theme.sizes['6xlarge'],
+    // iOS-specific
+    heightIOS: theme.sizes.xxxlarge
   };
   var shadows = {
     wrapper: theme.shadows.medium
   };
   var space = {
-    titleMarginTop: theme.space.xxsmall
+    titleMarginTop: theme.space.xxsmall,
+    // iOS-specific
+    contentPaddingTopIOS: theme.space.xsmall,
+    contentPaddingBottomIOS: theme.space.xsmall
   };
   return {
     colors: colors,
@@ -16478,8 +16484,12 @@ var ContentWrapper = index$c(reactNative.View)({
 var BottomBarWrapper = index$c(reactNative.View)(function (_ref2) {
   var themeInsets = _ref2.themeInsets,
     theme = _ref2.theme;
-  return _objectSpread2({
-    height: theme.__hd__.bottomNavigation.sizes.height + themeInsets.bottom,
+  return _objectSpread2(_objectSpread2({}, reactNative.Platform.select({
+    ios: {},
+    "default": {
+      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),
@@ -16488,18 +16498,29 @@ var BottomBarWrapper = index$c(reactNative.View)(function (_ref2) {
     borderTopWidth: theme.__hd__.bottomNavigation.borderWidths.borderTop
   }, theme.__hd__.bottomNavigation.shadows.wrapper);
 });
-var BottomBar = index$c(reactNative.View)({
-  flex: 1,
-  flexDirection: 'row',
-  overflow: 'hidden',
-  alignItems: 'center'
+var BottomBar = index$c(reactNative.View)(function (_ref3) {
+  var theme = _ref3.theme;
+  return _objectSpread2(_objectSpread2({}, reactNative.Platform.select({
+    ios: {
+      height: theme.__hd__.bottomNavigation.sizes.heightIOS,
+      paddingTop: theme.__hd__.bottomNavigation.space.contentPaddingTopIOS,
+      paddingBottom: theme.__hd__.bottomNavigation.space.contentPaddingBottomIOS
+    },
+    "default": {
+      flex: 1
+    }
+  })), {}, {
+    flexDirection: 'row',
+    overflow: 'hidden',
+    alignItems: 'center'
+  });
 });
 var BottomBarItem = index$c(reactNative.View)({
   flex: 1,
   alignItems: 'center'
 });
-var StyledBottomBarText = index$c(Typography.Label)(function (_ref3) {
-  var theme = _ref3.theme;
+var StyledBottomBarText = index$c(Typography.Label)(function (_ref4) {
+  var theme = _ref4.theme;
   return {
     marginTop: theme.__hd__.bottomNavigation.space.titleMarginTop
   };

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.11.2-alpha.1",
+  "version": "1.11.2-alpha.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "react-native": "src/index.ts",
   "types": "types/index.d.ts",
   "description": "EH Work specific UI components built on top of @hero-design/rn",
   "scripts": {
@@ -23,7 +22,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "8.118.2-alpha.1",
+    "@hero-design/rn": "8.118.2-alpha.2",
     "hero-editor": "^1.17.0"
   },
   "peerDependencies": {