@artsy/palette-mobile 23.0.0 → 23.2.0

package/dist/elements/Skeleton/Skeleton.js

@@ -16,12 +16,17 @@ import { Text } from "../Text";
  */
 export const Skeleton = ({ children }) => {
     const opacity = useRef(new Animated.Value(0.5));
+    const animationRef = useRef(null);
     useEffect(() => {
-        Animated.loop(Animated.timing(opacity.current, {
+        animationRef.current = Animated.loop(Animated.timing(opacity.current, {
             toValue: 1,
             duration: 1000,
             useNativeDriver: true,
-        })).start();
+        }));
+        animationRef.current.start();
+        return () => {
+            animationRef.current.stop();
+        };
     }, []);
     return (_jsx(Animated.View, { style: {
             opacity: opacity.current,

package/dist/elements/Spinner/Spinner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { Animated, Easing } from "react-native";
 import styled from "styled-components/native";
 import { useColor } from "../../utils/hooks";
@@ -38,18 +38,20 @@ export const getSize = (props) => {
 export const Spinner = ({ size = "medium", color: theColor = "mono100", ...rest }) => {
     const color = useColor();
     const rotation = useMemo(() => new Animated.Value(0), []);
-    const startRotation = () => {
-        Animated.loop(Animated.timing(rotation, {
+    const animationRef = useRef(null);
+    useEffect(() => {
+        animationRef.current = Animated.loop(Animated.timing(rotation, {
             toValue: 1,
             duration: 1000,
             easing: Easing.linear,
             useNativeDriver: true,
         }), {
             iterations: -1,
-        }).start();
-    };
-    useEffect(() => {
-        startRotation();
+        });
+        animationRef.current.start();
+        return () => {
+            animationRef.current.stop();
+        };
     }, []);
     const style = [
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "23.0.0",
+  "version": "23.2.0",
   "description": "Artsy's design system for React Native",
   "workspaces": [
     "Example"
@@ -114,7 +114,7 @@
     "lint-staged": "13.1.2",
     "lodash": "4.17.21",
     "moti": "0.30.0",
-    "nodemon": "^2.0.20",
+    "nodemon": "^3.1.14",
     "patch-package": "^8.0.0",
     "postinstall-prepare": "^2.0.0",
     "prettier": "^2.8.8",