@ornikar/kitt-universal 32.3.1-canary.282229fbcb79b0e70662d8927eccac40f40e40d3.0 → 32.3.1-canary.6b90c05af1040921f0d857fd4a69c684619f4975.0

package/dist/index-metro.es.ios.js

@@ -1123,6 +1123,7 @@ const inputStatesStyle = {
     color: deepPurpleColorPalette.black
   },
   hover: {
+    backgroundColor: deepPurpleColorPalette['beige.1'],
     borderColor: deepPurpleColorPalette['beige.4'],
     color: deepPurpleColorPalette.black
   },
@@ -5525,29 +5526,11 @@ function InputPressable(_ref) {
 }
 
 function InputTextContainer({
-  children,
-  isHovered
+  children
 }) {
-  const theme = useTheme();
-  const sx = useSx();
-  const styles = sx({
-    borderRadius: input.borderRadius
-  });
-  const animatedBackground = useAnimatedStyle(() => {
-    const baseBackgroundColor = theme.kitt.palettes.deepPurple.white;
-    const hoverBackgroundColor = theme.kitt.palettes.deepPurple['beige.1'];
-    return {
-      backgroundColor: withTiming(isHovered ? hoverBackgroundColor : baseBackgroundColor, {
-        duration: 200
-      })
-    };
-  }, [isHovered, theme]);
-  return /*#__PURE__*/jsx(Animated.View, {
-    style: [styles, animatedBackground],
-    children: /*#__PURE__*/jsx(View, {
-      position: "relative",
-      children: children
-    })
+  return /*#__PURE__*/jsx(View, {
+    position: "relative",
+    children: children
   });
 }
 
@@ -5574,44 +5557,39 @@ const InputText = /*#__PURE__*/forwardRef((_ref, ref) => {
     base: 'body-m'
   });
   const shouldHandleSingleLineOnIOS = Platform.OS === 'ios' && !multiline;
-  return /*#__PURE__*/jsx(Pressable, {
-    children: ({
-      isHovered
-    }) => /*#__PURE__*/jsxs(InputTextContainer, {
-      isHovered: internalForceState ? internalForceState === 'hover' : isHovered,
-      children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({
-        ref: ref,
-        multiline: multiline,
-        id: id,
-        isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
-        isHovered: internalForceState ? internalForceState === 'hover' : undefined,
-        isFocused: internalForceState ? internalForceState === 'focus' : undefined,
-        inputMode: inputMode,
-        autoComplete: autoComplete,
-        autoCorrect: autoCorrect,
-        textContentType: textContentType,
-        fontSize: fontSizeForNativeBase,
-        lineHeight:
-        // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
-        // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
-        shouldHandleSingleLineOnIOS ? 0 : fontSizeForNativeBase,
-        fontWeight: "bodies.regular",
-        fontFamily: "bodies.regular",
-        py: !multiline && Platform.OS !== 'web' ? 0 : undefined,
-        variant: variant
-      }, props), {}, {
-        height: multiline ? height : 'kitt.forms.input.minHeight',
-        onSubmitEditing: multiline ? () => null : onSubmitEditing
-      })), right ? /*#__PURE__*/jsx(View, {
-        position: "absolute",
-        right: 0,
-        top: 0,
-        bottom: 0,
-        justifyContent: "center",
-        padding: theme.kitt.forms.input.rightContainer.padding,
-        children: right
-      }) : null]
-    })
+  return /*#__PURE__*/jsxs(InputTextContainer, {
+    children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({
+      ref: ref,
+      multiline: multiline,
+      id: id,
+      isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
+      isHovered: internalForceState ? internalForceState === 'hover' : undefined,
+      isFocused: internalForceState ? internalForceState === 'focus' : undefined,
+      inputMode: inputMode,
+      autoComplete: autoComplete,
+      autoCorrect: autoCorrect,
+      textContentType: textContentType,
+      fontSize: fontSizeForNativeBase,
+      lineHeight:
+      // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
+      // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
+      shouldHandleSingleLineOnIOS ? 0 : fontSizeForNativeBase,
+      fontWeight: "bodies.regular",
+      fontFamily: "bodies.regular",
+      py: !multiline && Platform.OS !== 'web' ? 0 : undefined,
+      variant: variant
+    }, props), {}, {
+      height: multiline ? height : 'kitt.forms.input.minHeight',
+      onSubmitEditing: multiline ? () => null : onSubmitEditing
+    })), right ? /*#__PURE__*/jsx(View, {
+      position: "absolute",
+      right: 0,
+      top: 0,
+      bottom: 0,
+      justifyContent: "center",
+      padding: theme.kitt.forms.input.rightContainer.padding,
+      children: right
+    }) : null]
   });
 });