@artsy/palette-mobile 22.2.0--canary.425.5168.0 → 22.2.0--canary.425.5173.0

package/dist/elements/Tabs/SubTabBar.android.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Use to position content directly below the tab bar
+ * on android this is a simple view that is positioned absolutely below the tab bar
+ * We don't animate it because it's currently broken in react-native-reanimated after the new architecture update
+ * See https://github.com/software-mansion/react-native-reanimated/issues/7460
+ */
+export declare const SubTabBar: React.FC<React.PropsWithChildren<{}>>;

package/dist/elements/Tabs/SubTabBar.android.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+import { useSpace } from "../../utils/hooks/useSpace";
+/**
+ * Use to position content directly below the tab bar
+ * on android this is a simple view that is positioned absolutely below the tab bar
+ * We don't animate it because it's currently broken in react-native-reanimated after the new architecture update
+ * See https://github.com/software-mansion/react-native-reanimated/issues/7460
+ */
+export const SubTabBar = ({ children }) => {
+    const space = useSpace();
+    return _jsx(View, { style: [{ zIndex: 1, marginHorizontal: -space(2) }], children: children });
+};

package/dist/elements/Tabs/Tabs.d.ts

@@ -16,9 +16,7 @@ export declare const Tabs: import("react").FC<import("./TabsContainer").TabsCont
     SectionList: <T>(p: import("react-native").SectionListProps<T> & {
         ref?: React.Ref<import("react-native").SectionList<T>>;
     }) => React.ReactElement;
-    SubTabBar: import("react").FC<{
-        children?: import("react").ReactNode | undefined;
-    }>;
+    SubTabBar: any;
     Tab: typeof import("react-native-collapsible-tab-view").Tab;
     TabsWithHeader: import("react").FC<import("./TabsWithHeader").TabsWithHeaderProps>;
     useAnimatedTabIndex: typeof useAnimatedTabIndex;

package/dist/elements/Tabs/Tabs.js

@@ -1,4 +1,5 @@
 import { Tabs as BaseTabs, useAnimatedTabIndex, useCurrentTabScrollY, useFocusedTab, useHeaderMeasurements, } from "react-native-collapsible-tab-view";
+// @ts-ignore
 import { SubTabBar } from "./SubTabBar";
 import { TabFlashList } from "./TabFlashList";
 import { TabFlatList } from "./TabFlatList";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "22.2.0--canary.425.5168.0",
+  "version": "22.2.0--canary.425.5173.0",
   "description": "Artsy's design system for React Native",
   "workspaces": [
     "Example"