@artsy/palette-mobile 11.2.0 → 11.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/elements/Tabs/TabsContainer.js +4 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v11.2.1 (Mon Jun 26 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- fix: indicator on android is not visible [#118](https://github.com/artsy/palette-mobile/pull/118) ([@gkartalis](https://github.com/gkartalis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- George Kartalis ([@gkartalis](https://github.com/gkartalis))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v11.2.0 (Thu Jun 15 2023)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TabsContainer = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
5
6
|
const react_native_collapsible_tab_view_1 = require("react-native-collapsible-tab-view");
|
|
6
7
|
const useColor_1 = require("../../utils/hooks/useColor");
|
|
7
8
|
const useSpace_1 = require("../../utils/hooks/useSpace");
|
|
@@ -11,6 +12,7 @@ const TAB_BAR_HEIGHT = 50;
|
|
|
11
12
|
const TabsContainer = ({ children, indicators = [], initialTabName, renderHeader, tabScrollEnabled = false, onTabPress, ...tabContainerProps }) => {
|
|
12
13
|
const space = (0, useSpace_1.useSpace)();
|
|
13
14
|
const color = (0, useColor_1.useColor)();
|
|
15
|
+
const isIOS = react_native_1.Platform.OS === "ios";
|
|
14
16
|
return ((0, jsx_runtime_1.jsx)(react_native_collapsible_tab_view_1.Tabs.Container, { ...tabContainerProps, renderHeader: renderHeader, headerContainerStyle: {
|
|
15
17
|
shadowOpacity: 0,
|
|
16
18
|
shadowRadius: 0,
|
|
@@ -34,7 +36,8 @@ const TabsContainer = ({ children, indicators = [], initialTabName, renderHeader
|
|
|
34
36
|
}, contentContainerStyle: {}, activeColor: color("onBackground"), inactiveColor: color("onBackgroundMedium"), labelStyle: { marginTop: 0 }, indicatorStyle: {
|
|
35
37
|
backgroundColor: color("onBackground"),
|
|
36
38
|
height: 1,
|
|
37
|
-
|
|
39
|
+
// on android this line breaks the active indicator and it is not visible
|
|
40
|
+
...(isIOS && { bottom: -1 }),
|
|
38
41
|
} }) }));
|
|
39
42
|
}, children: children }));
|
|
40
43
|
};
|