@artsy/palette-mobile 19.7.0 → 19.9.0

package/dist/elements/Input/Input.tests.js

@@ -10,7 +10,7 @@ describe("Input", () => {
     });
     it("uses correct font family", () => {
         renderWithWrappers(_jsx(Input, { testID: testID, placeholder: "input" }));
-        expect(screen.getByPlaceholderText("input")).toHaveStyle({ fontFamily: "Unica77LL-Regular" });
+        expect(screen.getByPlaceholderText("input").props.style["0"].fontFamily).toEqual("Unica77LL-Regular");
     });
     it("mutates given text as value", () => {
         renderWithWrappers(_jsx(Input, { testID: testID }));

package/dist/elements/Skeleton/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming, } from "react-native-reanimated";
+import { useEffect, useRef } from "react";
+import { Animated } from "react-native";
 import { useColor } from "../../utils/hooks";
 import { Flex } from "../Flex";
 import { Text } from "../Text";
@@ -15,14 +15,17 @@ import { Text } from "../Text";
  * </Skeleton>
  */
 export const Skeleton = ({ children }) => {
-    const opacity = useSharedValue(0.5);
+    const opacity = useRef(new Animated.Value(0.5));
     useEffect(() => {
-        opacity.set(() => withRepeat(withTiming(1, { duration: 1000, easing: Easing.ease }), -1, true));
-    }, [opacity]);
-    const fadeLoopAnim = useAnimatedStyle(() => {
-        return { opacity: opacity.get() };
+        Animated.loop(Animated.timing(opacity.current, {
+            toValue: 1,
+            duration: 1000,
+            useNativeDriver: true,
+        })).start();
     }, []);
-    return _jsx(Animated.View, { style: fadeLoopAnim, children: children });
+    return (_jsx(Animated.View, { style: {
+            opacity: opacity.current,
+        }, children: children }));
 };
 export const SkeletonText = ({ children, ...rest }) => {
     const color = useColor();

package/dist/setupJest.js

@@ -7,3 +7,5 @@ jest.mock("react-native-blurhash", () => {
     };
 });
 require("react-native-reanimated").setUpTests();
+//
+jest.mock("react-native-reanimated", () => require("react-native-reanimated/mock"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "19.7.0",
+  "version": "19.9.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "expo run:android --port 8082",
@@ -126,7 +126,7 @@
     "react-native-device-info": "14.0.4",
     "react-native-haptic-feedback": "1.14.0",
     "react-native-linear-gradient": "2.6.2",
-    "react-native-reanimated": "3.16.7",
+    "react-native-reanimated": "3.19.1",
     "react-native-safe-area-context": "5.4.1",
     "react-native-svg": "15.10.1",
     "react-test-renderer": "18.3.1",