@hero-design/rn 8.98.0-alpha.0 → 8.98.0-alpha.1

package/es/index.js

@@ -9055,7 +9055,7 @@ var Avatar = function Avatar(_ref) {
   }));
 };
 
-var isIOS = Platform.OS === 'ios';
+var isIOS$1 = Platform.OS === 'ios';
 var isAndroid = Platform.OS === 'android';
 function pick(keys, obj) {
   return keys.filter(function (key) {
@@ -9789,7 +9789,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       removeClippedSubviews:
       // On iOS, set removeClippedSubviews to true only when not focused
       // This is an workaround for a bug where the clipped view never re-appears.
-      isIOS ? selectedTabKey !== key : true,
+      isIOS$1 ? selectedTabKey !== key : true,
       themeVisibility: active
     }, component);
   })), /*#__PURE__*/React__default.createElement(BottomBarWrapper, {
@@ -20917,6 +20917,8 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
   });
 };
 
+var isAndroid8 = Platform.OS === 'android' && (Platform.Version === 26 || Platform.Version === 27);
+var isIOS = Platform.OS === 'ios';
 var TabScreen = index$b(View)({
   flex: 1
 });
@@ -20961,7 +20963,7 @@ var HeaderTabItemWrapper = index$b(View)(function (_ref5) {
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
     justifyContent: 'center'
-  }, Platform.OS === 'android' && Platform.Version !== 26 && Platform.Version !== 27 && {
+  }, (!isAndroid8 || isIOS) && {
     alignItems: 'center'
   });
 });

package/lib/index.js

@@ -9084,7 +9084,7 @@ var Avatar = function Avatar(_ref) {
   }));
 };
 
-var isIOS = reactNative.Platform.OS === 'ios';
+var isIOS$1 = reactNative.Platform.OS === 'ios';
 var isAndroid = reactNative.Platform.OS === 'android';
 function pick(keys, obj) {
   return keys.filter(function (key) {
@@ -9818,7 +9818,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       removeClippedSubviews:
       // On iOS, set removeClippedSubviews to true only when not focused
       // This is an workaround for a bug where the clipped view never re-appears.
-      isIOS ? selectedTabKey !== key : true,
+      isIOS$1 ? selectedTabKey !== key : true,
       themeVisibility: active
     }, component);
   })), /*#__PURE__*/React__namespace.default.createElement(BottomBarWrapper, {
@@ -20946,6 +20946,8 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
   });
 };
 
+var isAndroid8 = reactNative.Platform.OS === 'android' && (reactNative.Platform.Version === 26 || reactNative.Platform.Version === 27);
+var isIOS = reactNative.Platform.OS === 'ios';
 var TabScreen = index$b(reactNative.View)({
   flex: 1
 });
@@ -20990,7 +20992,7 @@ var HeaderTabItemWrapper = index$b(reactNative.View)(function (_ref5) {
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
     justifyContent: 'center'
-  }, reactNative.Platform.OS === 'android' && reactNative.Platform.Version !== 26 && reactNative.Platform.Version !== 27 && {
+  }, (!isAndroid8 || isIOS) && {
     alignItems: 'center'
   });
 });

package/package.json

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

package/src/components/Tabs/StyledScrollableTabs.tsx

@@ -1,6 +1,12 @@
 import { Animated, Platform, StyleSheet, View } from 'react-native';
 import styled from '@emotion/native';
 
+const isAndroid8 =
+  Platform.OS === 'android' &&
+  (Platform.Version === 26 || Platform.Version === 27);
+
+const isIOS = Platform.OS === 'ios';
+
 const TabScreen = styled(View)({
   flex: 1,
 });
@@ -43,11 +49,9 @@ const HeaderTabItemWrapper = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
   position: 'relative',
   justifyContent: 'center',
-  ...(Platform.OS === 'android' &&
-    Platform.Version !== 26 &&
-    Platform.Version !== 27 && {
-      alignItems: 'center',
-    }),
+  ...((!isAndroid8 || isIOS) && {
+    alignItems: 'center',
+  }),
 }));
 
 const HeaderTabItemIndicator = styled(Animated.View)(({ theme }) => ({