@artsy/palette-mobile 22.2.0--canary.425.5163.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/dist/elements/Text/Text.js

@@ -13,11 +13,13 @@ export const Text = forwardRef(({ variant = "sm", italic = false, color = "onBac
             ...nativeTextStyle,
             { textAlignVertical: "center" }, // android renders text higher by default, so we bring it down to be consistent with ios
             { textDecorationLine: !!underline ? "underline" : "none" },
+            { fontStyle: italic ? "italic" : undefined },
             !!maxWidth ? { width: "100%", maxWidth: 600, alignSelf: "center" } : {},
+            // Overriding the font family for the regular font to avoid breaking the layout (mainly on android)
+            // See: https://github.com/facebook/react-native/issues/53286
+            Platform.OS === "android" ? {} : { fontFamily },
             style, // keep last so we can override
-        ], ...(fontFamily === theme.fonts.sans.regular && Platform.OS === "android"
-            ? {}
-            : { fontFamily }), ...fixTextTreatmentForStyledComponent(theme.textTreatments[variant]), children: children, color: color, ...restProps }));
+        ], ...fixTextTreatmentForStyledComponent(theme.textTreatments[variant]), children: children, color: color, ...restProps }));
 });
 const fixTextTreatmentForStyledComponent = (treatment) => {
     const treatmentWithUnits = { ...treatment };

package/package.json

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