@ornikar/kitt-universal 32.2.1-canary.b6a558c2a534e5d22cad1dfac7725ddeca489e44.0 → 32.3.1-canary.282229fbcb79b0e70662d8927eccac40f40e40d3.0

package/CHANGELOG.md

@@ -3,12 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [32.2.1-canary.b6a558c2a534e5d22cad1dfac7725ddeca489e44.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@32.2.0...@ornikar/kitt-universal@32.2.1-canary.b6a558c2a534e5d22cad1dfac7725ddeca489e44.0) (2025-12-11)
+## [32.3.1-canary.282229fbcb79b0e70662d8927eccac40f40e40d3.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@32.3.0...@ornikar/kitt-universal@32.3.1-canary.282229fbcb79b0e70662d8927eccac40f40e40d3.0) (2025-12-12)
 
 
 ### Features
 
-* update style ([b6a558c](https://github.com/ornikar/kitt/commit/b6a558c2a534e5d22cad1dfac7725ddeca489e44))
+* deleted web only version ([1be7cd6](https://github.com/ornikar/kitt/commit/1be7cd6cfd53fd51f336e900488f437e52401b67))
+* replaced with universal version ([8d4925f](https://github.com/ornikar/kitt/commit/8d4925ff832fc7b52dd19136aed67262a952f896))
+* updated snapshots ([282229f](https://github.com/ornikar/kitt/commit/282229fbcb79b0e70662d8927eccac40f40e40d3))
+
+
+
+## [32.3.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@32.2.0...@ornikar/kitt-universal@32.3.0) (2025-12-11)
+
+
+### Features
+
+* **kitt-universal/FullscreenModal:** remove linaria from `FullscreenModal` OSE-18320 ([#2800](https://github.com/ornikar/kitt/issues/2800)) ([3f1b30c](https://github.com/ornikar/kitt/commit/3f1b30c7f1e4be93003c40798a4f57f9232c3de7))
 
 
 

package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAW/C,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AA4DhF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,SAAS,CAwC3C"}
+{"version":3,"file":"FullscreenModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModalAnimation.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAK/C,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAqBhF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,SAAS,CAqD3C"}

package/dist/definitions/forms/InputText/InputText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEjG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC;IACpE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC;AAED,eAAO,MAAM,SAAS,wGAkErB,CAAC"}
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEjG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC;IACpE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC;AAED,eAAO,MAAM,SAAS,wGAsErB,CAAC"}

package/dist/definitions/forms/InputText/InputTextContainer.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 export interface InputTextContainerProps {
     children: NonNullable<ReactNode>;
+    isHovered?: boolean;
 }
-export declare function InputTextContainer({ children }: InputTextContainerProps): ReactNode;
+export declare function InputTextContainer({ children, isHovered }: InputTextContainerProps): ReactNode;
 //# sourceMappingURL=InputTextContainer.d.ts.map

package/dist/definitions/forms/InputText/InputTextContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTextContainer.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputTextContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAEnF"}
+{"version":3,"file":"InputTextContainer.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputTextContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAwB9F"}

package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts

@@ -26,20 +26,6 @@ export interface FullscreenModalTheme {
         };
     };
 }
-export declare const webAnimationContentDuration = 600;
-export declare const webAnimationContentEasing: {
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-};
-export declare const webAnimationOverlayDuration = 250;
-export declare const webAnimationOverlayEasing: {
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-};
 export declare const fullscreenModal: FullscreenModalTheme;
 export {};
 //# sourceMappingURL=fullscreenModal.d.ts.map

package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreenModal.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/fullscreenModal.ts"],"names":[],"mappings":"AAAA,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB;;;;;CAKrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAC/C,eAAO,MAAM,yBAAyB;;;;;CAKrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,oBAqB7B,CAAC"}
+{"version":3,"file":"fullscreenModal.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/fullscreenModal.ts"],"names":[],"mappings":"AAAA,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,eAAO,MAAM,eAAe,EAAE,oBA+B7B,CAAC"}

package/dist/definitions/themes/late-ocean/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAsCpE,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAC5C,eAAO,MAAM,0BAA0B,gBAAgB,CAAC;AACxD,eAAO,MAAM,sBAAsB,UAAuC,CAAC;AAE3E,eAAO,MAAM,KAAK,EAAE,UAwBnB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAqCpE,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAC5C,eAAO,MAAM,0BAA0B,gBAAgB,CAAC;AACxD,eAAO,MAAM,sBAAsB,UAAuC,CAAC;AAE3E,eAAO,MAAM,KAAK,EAAE,UAwBnB,CAAC"}

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

@@ -860,15 +860,15 @@ const card = {
   }
 };
 
-const webAnimationContentDuration$2 = 400;
-const webAnimationContentEasing$2 = {
+const webAnimationContentDuration$1 = 400;
+const webAnimationContentEasing$1 = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$2 = 250;
-const webAnimationOverlayEasing$2 = {
+const webAnimationOverlayDuration$1 = 250;
+const webAnimationOverlayEasing$1 = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -903,12 +903,12 @@ const cardModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$2,
-      easing: webAnimationOverlayEasing$2
+      duration: webAnimationOverlayDuration$1,
+      easing: webAnimationOverlayEasing$1
     },
     content: {
-      duration: webAnimationContentDuration$2,
-      easing: webAnimationContentEasing$2
+      duration: webAnimationContentDuration$1,
+      easing: webAnimationContentEasing$1
     }
   }
 };
@@ -964,15 +964,15 @@ const choices = {
   }
 };
 
-const webAnimationContentDuration$1 = 400;
-const webAnimationContentEasing$1 = {
+const webAnimationContentDuration = 400;
+const webAnimationContentEasing = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$1 = 250;
-const webAnimationOverlayEasing$1 = {
+const webAnimationOverlayDuration = 250;
+const webAnimationOverlayEasing = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -994,12 +994,12 @@ const dialogModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$1,
-      easing: webAnimationOverlayEasing$1
+      duration: webAnimationOverlayDuration,
+      easing: webAnimationOverlayEasing
     },
     content: {
-      duration: webAnimationContentDuration$1,
-      easing: webAnimationContentEasing$1
+      duration: webAnimationContentDuration,
+      easing: webAnimationContentEasing
     }
   }
 };
@@ -1057,10 +1057,10 @@ const autocomplete = {
 };
 
 const checkbox = {
-  borderWidth: 1,
-  borderRadius: 4,
-  height: 24,
-  width: 24,
+  borderWidth: 2,
+  borderRadius: 5,
+  height: 20,
+  width: 20,
   iconSize: 14,
   markColor: colors.uiBackgroundLight,
   textSpacing: 10,
@@ -1123,7 +1123,6 @@ const inputStatesStyle = {
     color: deepPurpleColorPalette.black
   },
   hover: {
-    backgroundColor: deepPurpleColorPalette['beige.1'],
     borderColor: deepPurpleColorPalette['beige.4'],
     color: deepPurpleColorPalette.black
   },
@@ -1908,20 +1907,6 @@ const forms = {
   timePicker
 };
 
-const webAnimationContentDuration = 600;
-const webAnimationContentEasing = {
-  x1: 0.77,
-  y1: 0,
-  x2: 0.175,
-  y2: 1
-};
-const webAnimationOverlayDuration = 250;
-const webAnimationOverlayEasing = {
-  x1: 0.42,
-  y1: 0,
-  x2: 1,
-  y2: 1
-};
 const fullscreenModal = {
   header: {
     height: 56
@@ -1935,12 +1920,22 @@ const fullscreenModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration,
-      easing: webAnimationOverlayEasing
+      duration: 250,
+      easing: {
+        x1: 0.42,
+        y1: 0,
+        x2: 1,
+        y2: 1
+      }
     },
     content: {
-      duration: webAnimationContentDuration,
-      easing: webAnimationContentEasing
+      duration: 600,
+      easing: {
+        x1: 0.77,
+        y1: 0,
+        x2: 0.175,
+        y2: 1
+      }
     }
   }
 };
@@ -5530,11 +5525,29 @@ function InputPressable(_ref) {
 }
 
 function InputTextContainer({
-  children
+  children,
+  isHovered
 }) {
-  return /*#__PURE__*/jsx(View, {
-    position: "relative",
-    children: 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
+    })
   });
 }
 
@@ -5561,39 +5574,44 @@ const InputText = /*#__PURE__*/forwardRef((_ref, ref) => {
     base: 'body-m'
   });
   const shouldHandleSingleLineOnIOS = Platform.OS === 'ios' && !multiline;
-  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]
+  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]
+    })
   });
 });