@ornikar/kitt-universal 29.3.2 → 29.4.0

package/dist/index-node-22.17.cjs.web.css

@@ -1,4 +1,3 @@
-.kitt-u_spinningIcon_ssn8o83 > svg{-webkit-animation:spin-kitt-u_spinningIcon_ssn8o83 1.1s infinite linear;animation:spin-kitt-u_spinningIcon_ssn8o83 1.1s infinite linear;}@-webkit-keyframes spin-kitt-u_spinningIcon_ssn8o83{0%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes spin-kitt-u_spinningIcon_ssn8o83{0%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
 .kitt-u_overflowHidden_otm3u3{overflow:hidden;}
 .kitt-u_contentAnimationEnter_c11xxy4r{opacity:0;-webkit-transform:rotateZ(5deg) scale(0.8);-ms-transform:rotateZ(5deg) scale(0.8);transform:rotateZ(5deg) scale(0.8);}
 .kitt-u_contentAnimatioEnterActive_cl52117{opacity:1;-webkit-transform:rotateZ(0) scale(1);-ms-transform:rotateZ(0) scale(1);transform:rotateZ(0) scale(1);-webkit-transition:all 400ms cubic-bezier(0.77,0,0.175,1);transition:all 400ms cubic-bezier(0.77,0,0.175,1);}

package/dist/index-node-22.17.cjs.web.js

@@ -6,9 +6,9 @@ const react = require('react');
 const nativeBase = require('native-base');
 const jsxRuntime = require('react/jsx-runtime');
 const phosphor = require('@ornikar/kitt-icons/phosphor');
+const reactNative = require('react-native');
 const reactDom = require('react-dom');
 const reactTransitionGroup = require('react-transition-group');
-const reactNative = require('react-native');
 const parser = require('@twemoji/parser');
 const Downshift = require('downshift');
 const expoDocumentPicker = require('expo-document-picker');
@@ -3683,16 +3683,42 @@ const Button = /*#__PURE__*/react.forwardRef(({
   });
 });
 
-const spinningIcon = "kitt-u_spinningIcon_ssn8o83";
 function SpinningIcon({
   icon,
   color
 }) {
+  if (process.env.NODE_ENV !== 'production' && !color) {
+    throw new Error(`Invalid color passed to SpinningIcon: ${String(color)}`);
+  }
   const clonedIcon = /*#__PURE__*/react.cloneElement(icon, {
     color
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: spinningIcon,
+  const animationRef = react.useRef(new reactNative.Animated.Value(0));
+  const rotation = animationRef.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  react.useEffect(() => {
+    if (process.env.NODE_ENV === 'test') return undefined;
+    const animation = reactNative.Animated.loop(reactNative.Animated.timing(animationRef.current, {
+      toValue: 1,
+      duration: 1100,
+      easing: reactNative.Easing.linear,
+      useNativeDriver: "web" !== 'web'
+    }));
+    animation.start();
+    return () => {
+      if (process.env.NODE_ENV === 'test') return undefined;
+      animation.stop();
+      return undefined;
+    };
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(reactNative.Animated.View, {
+    style: {
+      transform: [{
+        rotate: rotation
+      }]
+    },
     children: clonedIcon
   });
 }