@hero-design/rn 8.98.0 → 8.98.1

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:3005) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3022) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
@@ -10,9 +10,9 @@
                                      ~~~~~~~~~~~~~~~~~~~
 
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 56.1s
+created lib/index.js, es/index.js in 55.7s
 
 /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_AU.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_CA.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/index.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/types.ts → ., ....
 (!) Generated empty chunks
 "locales/types" and "locales/types"
-created ., . in 22.9s
+created ., . in 23.1s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.98.1
+
+### Patch Changes
+
+- [#3805](https://github.com/Thinkei/hero-design/pull/3805) [`c0e81efe2716701816fa439485ee1cb20cb593ca`](https://github.com/Thinkei/hero-design/commit/c0e81efe2716701816fa439485ee1cb20cb593ca) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Tabs.Scroll] Fix alignment issue on Android 8
+
 ## 8.98.0
 
 ### Minor Changes

package/es/index.js

@@ -20917,6 +20917,7 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
   });
 };
 
+var isAndroid8 = Platform.OS === 'android' && (Platform.Version === 26 || Platform.Version === 27);
 var TabScreen = index$b(View)({
   flex: 1
 });
@@ -20956,13 +20957,14 @@ var HeaderTabItemOutline = index$b(Animated.View)(function (_ref4) {
 });
 var HeaderTabItemWrapper = index$b(View)(function (_ref5) {
   var theme = _ref5.theme;
-  return {
+  return _objectSpread2({
     paddingHorizontal: theme.__hd__.tabs.space.outlineHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
-    justifyContent: 'center',
+    justifyContent: 'center'
+  }, !isAndroid8 && {
     alignItems: 'center'
-  };
+  });
 });
 var HeaderTabItemIndicator = index$b(Animated.View)(function (_ref6) {
   var theme = _ref6.theme;

package/lib/index.js

@@ -20946,6 +20946,7 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
   });
 };
 
+var isAndroid8 = reactNative.Platform.OS === 'android' && (reactNative.Platform.Version === 26 || reactNative.Platform.Version === 27);
 var TabScreen = index$b(reactNative.View)({
   flex: 1
 });
@@ -20985,13 +20986,14 @@ var HeaderTabItemOutline = index$b(reactNative.Animated.View)(function (_ref4) {
 });
 var HeaderTabItemWrapper = index$b(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme;
-  return {
+  return _objectSpread2({
     paddingHorizontal: theme.__hd__.tabs.space.outlineHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
-    justifyContent: 'center',
+    justifyContent: 'center'
+  }, !isAndroid8 && {
     alignItems: 'center'
-  };
+  });
 });
 var HeaderTabItemIndicator = index$b(reactNative.Animated.View)(function (_ref6) {
   var theme = _ref6.theme;

package/package.json

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

package/src/components/Tabs/StyledScrollableTabs.tsx

@@ -1,6 +1,10 @@
-import { Animated, StyleSheet, View } from 'react-native';
+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 TabScreen = styled(View)({
   flex: 1,
 });
@@ -43,7 +47,9 @@ const HeaderTabItemWrapper = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
   position: 'relative',
   justifyContent: 'center',
-  alignItems: 'center',
+  ...(!isAndroid8 && {
+    alignItems: 'center',
+  }),
 }));
 
 const HeaderTabItemIndicator = styled(Animated.View)(({ theme }) => ({