@ornikar/kitt-universal 9.8.0 → 9.9.0

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":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGjG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7D,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB;IAChB,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC;AAyCD,eAAO,MAAM,SAAS,wGAwDrB,CAAC"}
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGjG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB;IAChB,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC;AAED,eAAO,MAAM,SAAS,wGAiErB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputTextContainer.web.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputTextContainer.web.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,UAAU,0BAA2B,SAAQ,uBAAuB;IAClE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB;;mkJAyC7B,CAAC"}
+{"version":3,"file":"InputTextContainer.web.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputTextContainer.web.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,UAAU,0BAA2B,SAAQ,uBAAuB;IAClE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB;;mkJAe7B,CAAC"}

package/dist/definitions/forms/styledTextInputMixin.d.ts

@@ -3,5 +3,6 @@ import type { InputUIState } from './utils';
 export interface TextInputMixinProps {
     $state: InputUIState;
 }
+/** @deprecated this mixin is not SSR compatible */
 export declare const styledTextInputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TextInputMixinProps, import("styled-components").DefaultTheme>>;
 //# sourceMappingURL=styledTextInputMixin.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styledTextInputMixin.d.ts","sourceRoot":"","sources":["../../../src/forms/styledTextInputMixin.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,gKAiBhC,CAAC"}
+{"version":3,"file":"styledTextInputMixin.d.ts","sourceRoot":"","sources":["../../../src/forms/styledTextInputMixin.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,mDAAmD;AACnD,eAAO,MAAM,oBAAoB,gKAkBhC,CAAC"}

package/dist/definitions/forms/utils.d.ts

@@ -5,6 +5,7 @@ interface GetInputStateConfig {
     isDisabled: boolean;
     formState: InputFormState;
 }
+/** @deprecated use native-base instead */
 export declare function getInputUIState({ isFocused, isDisabled, formState }: GetInputStateConfig): InputUIState;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/forms/utils.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,oBAAY,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpG,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,YAAY,CAQvG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/forms/utils.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,oBAAY,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpG,UAAU,mBAAmB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;CAC3B;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,YAAY,CAQvG"}

package/dist/definitions/native-base/KittNativeBaseProvider.d.ts

@@ -34,6 +34,7 @@ export declare const createKittNativeBaseCustomTheme: (theme: Theme) => {
             hover: string;
             white: string;
             black: string;
+            blackLight: string;
             blackAnthracite: string;
             uiBackground: string;
             uiBackgroundLight: string;
@@ -633,6 +634,77 @@ export declare const createKittNativeBaseCustomTheme: (theme: Theme) => {
         mono: undefined;
     };
     components: {
+        Input: {
+            baseStyle: {
+                width: string;
+                minHeight: number;
+                py: number;
+                px: number;
+                borderRadius: number;
+                _disabled: {
+                    opacity: number;
+                };
+                _light: {
+                    color: string;
+                    placeholderTextColor: string;
+                    borderColor: string;
+                    bg: string | undefined;
+                    _hover: {
+                        borderColor: string;
+                        color: string;
+                        _focus: {
+                            borderColor: string;
+                            color: string;
+                        };
+                    };
+                    _focus: {
+                        borderColor: string;
+                        color: string;
+                        _hover: {
+                            borderColor: string;
+                            color: string;
+                        };
+                        _stack: {
+                            style: {
+                                outlineWidth: number;
+                            };
+                        };
+                    };
+                    _invalid: {
+                        borderColor: string;
+                        color: string;
+                        _hover: {
+                            borderColor: string;
+                            color: string;
+                        };
+                    };
+                    _ios: {
+                        selectionColor: string;
+                    };
+                    _android: {
+                        selectionColor: string;
+                    };
+                    _disabled: {
+                        placeholderTextColor: string;
+                        color: string;
+                        borderColor: string;
+                        bg: string | undefined;
+                    };
+                };
+            };
+            variants: {
+                outline: {
+                    borderWidth: number;
+                    _focus: {
+                        bg: string | undefined;
+                    };
+                };
+                underlined: {};
+                rounded: {};
+                filled: {};
+                unstyled: {};
+            };
+        };
         Text: {
             baseStyle: {
                 _light: {

package/dist/definitions/native-base/KittNativeBaseProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KittNativeBaseProvider.d.ts","sourceRoot":"","sources":["../../../src/native-base/KittNativeBaseProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,aAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEnH,aAAK,QAAQ,GAAG,QAAQ,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEpD,aAAK,eAAe,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAqBhD,eAAO,MAAM,+BAA+B,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyH3D,CAAC;AAEF,aAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAAC;AAEpF,OAAO,QAAQ,aAAa,CAAC;IAC3B,UAAU,YAAa,SAAQ,yBAAyB;KAAG;CAC5D;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,2BAA2B,GAAG,YAAY,CAQ5G"}
+{"version":3,"file":"KittNativeBaseProvider.d.ts","sourceRoot":"","sources":["../../../src/native-base/KittNativeBaseProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,aAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEnH,aAAK,QAAQ,GAAG,QAAQ,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAEpD,aAAK,eAAe,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAqBhD,eAAO,MAAM,+BAA+B,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgM3D,CAAC;AAEF,aAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,+BAA+B,CAAC,CAAC;AAEpF,OAAO,QAAQ,aAAa,CAAC;IAC3B,UAAU,YAAa,SAAQ,yBAAyB;KAAG;CAC5D;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,2BAA2B,GAAG,YAAY,CAQ5G"}

package/dist/definitions/themes/default.d.ts

@@ -14,6 +14,7 @@ export declare const theme: {
         hover: string;
         white: string;
         black: string;
+        blackLight: string;
         blackAnthracite: string;
         uiBackground: string;
         uiBackgroundLight: string;

package/dist/definitions/themes/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AA8CA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AA8CA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}

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

@@ -12,6 +12,7 @@ export declare const colors: {
     hover: string;
     white: string;
     black: string;
+    blackLight: string;
     blackAnthracite: string;
     uiBackground: string;
     uiBackgroundLight: string;

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC"}

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

@@ -1,9 +1,8 @@
 import type { InputUIState } from '../../forms/utils';
-import { typography } from './typography';
 export interface InputStateStyle {
     backgroundColor?: string;
     borderColor: string;
-    color: keyof typeof typography.colors;
+    color: string;
 }
 export declare type InputStateTheme = Record<InputUIState, InputStateStyle>;
 export interface InputTheme {
@@ -21,6 +20,9 @@ export interface InputTheme {
         horizontal: number;
         vertical: number;
     };
+    rightContainer: {
+        padding: number;
+    };
     transition: {
         property: string;
         duration: string;

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,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,OAAO,UAAU,CAAC,MAAM,CAAC;CACvC;AAED,oBAAY,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,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,EAAE,UAqBnB,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;AAKtD,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,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,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,EAAE,UAwBnB,CAAC"}

package/dist/index-browser-all.es.android.js

@@ -1,9 +1,9 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Stack as Stack$1, VStack as VStack$1, HStack as HStack$1, Text as Text$1, View as View$1, ScrollView as ScrollView$1, Pressable as Pressable$1, Image as Image$1, NativeBaseProvider, extendTheme } from 'native-base';
+import { Stack as Stack$1, VStack as VStack$1, HStack as HStack$1, Text as Text$1, View as View$1, ScrollView as ScrollView$1, Pressable as Pressable$1, Image as Image$1, Input, NativeBaseProvider, extendTheme } from 'native-base';
 import _extends from '@babel/runtime/helpers/extends';
 import React, { forwardRef, useContext, createContext, cloneElement, useRef, useEffect, useState, Children, useMemo, Fragment as Fragment$1 } from 'react';
-import { Platform, Animated as Animated$1, Easing, useWindowDimensions, Image, StyleSheet, View as View$2, ScrollView as ScrollView$2, Linking, Pressable as Pressable$2, Modal as Modal$1, Text as Text$2, TextInput } from 'react-native';
+import { Platform, Animated as Animated$1, Easing, useWindowDimensions, Image, StyleSheet, View as View$2, ScrollView as ScrollView$2, Linking, Pressable as Pressable$2, Modal as Modal$1, Text as Text$2 } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, useDerivedValue, withTiming, useAnimatedProps, withDelay, Easing as Easing$1, withRepeat, interpolate } from 'react-native-reanimated';
 import styled, { useTheme, css, ThemeProvider } from 'styled-components/native';
@@ -1613,6 +1613,7 @@ var colors = {
   hover: lateOceanColorPalette.black100,
   white: lateOceanColorPalette.white,
   black: lateOceanColorPalette.black1000,
+  blackLight: lateOceanColorPalette.black555,
   blackAnthracite: lateOceanColorPalette.black800,
   uiBackground: lateOceanColorPalette.black25,
   uiBackgroundLight: lateOceanColorPalette.white,
@@ -1913,34 +1914,34 @@ var inputStatesStyle = {
   "default": {
     backgroundColor: colors.uiBackgroundLight,
     borderColor: colors.separator,
-    color: 'black'
+    color: colors.black
   },
   pending: {
     backgroundColor: colors.uiBackgroundLight,
     borderColor: colors.separator,
-    color: 'black'
+    color: colors.black
   },
   valid: {
     backgroundColor: colors.uiBackgroundLight,
     borderColor: lateOceanColorPalette.black100,
-    color: 'black'
+    color: colors.black
   },
   hover: {
     borderColor: lateOceanColorPalette.black200,
-    color: 'black'
+    color: colors.black
   },
   focus: {
     borderColor: colors.primary,
-    color: 'black'
+    color: colors.black
   },
   disabled: {
     backgroundColor: colors.disabled,
     borderColor: colors.separator,
-    color: 'black-light'
+    color: colors.blackLight
   },
   invalid: {
     borderColor: colors.separator,
-    color: 'black'
+    color: colors.black
   }
 };
 var input = {
@@ -1954,6 +1955,9 @@ var input = {
   icon: {
     size: 20
   },
+  rightContainer: {
+    padding: 10
+  },
   padding: {
     horizontal: 16,
     vertical: 5
@@ -2370,6 +2374,7 @@ function Checkbox(_ref6) {
   });
 }
 
+/** @deprecated use native-base instead */
 function getInputUIState(_ref) {
   var isFocused = _ref.isFocused,
       isDisabled = _ref.isDisabled,
@@ -2380,6 +2385,7 @@ function getInputUIState(_ref) {
   return 'default';
 }
 
+/** @deprecated this mixin is not SSR compatible */
 var styledTextInputMixin = /*#__PURE__*/css(["background-color:", ";border-width:", "px;border-radius:", "px;border-color:", ";font-size:", ";color:", ";font-family:", ";"], function (_ref) {
   var theme = _ref.theme,
       $state = _ref.$state;
@@ -2401,7 +2407,7 @@ var styledTextInputMixin = /*#__PURE__*/css(["background-color:", ";border-width
 }, function (_ref6) {
   var theme = _ref6.theme,
       $state = _ref6.$state;
-  return theme.kitt.typography.colors[theme.kitt.forms.input.states[$state].color];
+  return theme.kitt.forms.input.states[$state].color || theme.kitt.forms.input.states["default"].color;
 }, function (_ref7) {
   var theme = _ref7.theme;
   return theme.kitt.typography.types.bodies.fontFamily.regular;
@@ -3124,97 +3130,65 @@ var InputTextContainer = /*#__PURE__*/styled.View.withConfig({
   displayName: "InputTextContainer"
 })(["position:relative;"]);
 
-var _excluded$9 = ["id", "right", "minHeight", "state", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoComplete", "keyboardType", "multiline", "onSubmitEditing", "onFocus", "onBlur"];
-var StyledTextInput = /*#__PURE__*/styled(TextInput).withConfig({
-  displayName: "InputText__StyledTextInput"
-})(["", " padding:", ";line-height:", ";width:100%;min-height:", "px;"], styledTextInputMixin, function (_ref) {
-  var theme = _ref.theme,
-      multiline = _ref.multiline;
-  if (!multiline && Platform.OS !== 'web') return "0 ".concat(theme.kitt.forms.input.padding.horizontal, "px");
-  return "".concat(theme.kitt.forms.input.padding.vertical, "px ").concat(theme.kitt.forms.input.padding.horizontal, "px");
-}, function (_ref2) {
-  var theme = _ref2.theme,
-      multiline = _ref2.multiline;
-  var shouldHandleSingleLineOnIOS = Platform.OS === 'ios' && !multiline; // 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
-
-  if (shouldHandleSingleLineOnIOS) {
-    return 0;
-  }
-
-  var typeConfigKey = getTypographyTypeConfigKey(theme);
-  return "".concat(theme.kitt.typography.types.bodies.configs.body[typeConfigKey].lineHeight, "px");
-}, function (_ref3) {
-  var theme = _ref3.theme,
-      _ref3$$minHeight = _ref3.$minHeight,
-      $minHeight = _ref3$$minHeight === void 0 ? theme.kitt.forms.input.minHeight : _ref3$$minHeight;
-  return $minHeight;
-});
-var RightInputContainer = /*#__PURE__*/styled.View.withConfig({
-  displayName: "InputText__RightInputContainer"
-})(["position:absolute;right:0;top:0;bottom:0;justify-content:center;padding:10px;"]);
-var InputText = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var id = _ref4.id,
-      right = _ref4.right,
-      minHeight = _ref4.minHeight,
-      formState = _ref4.state,
-      internalForceState = _ref4.internalForceState,
-      _ref4$disabled = _ref4.disabled,
-      disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
-      _ref4$autoCorrect = _ref4.autoCorrect,
-      autoCorrect = _ref4$autoCorrect === void 0 ? true : _ref4$autoCorrect,
-      _ref4$textContentType = _ref4.textContentType,
-      textContentType = _ref4$textContentType === void 0 ? 'none' : _ref4$textContentType,
-      _ref4$autoComplete = _ref4.autoComplete,
-      autoComplete = _ref4$autoComplete === void 0 ? 'off' : _ref4$autoComplete,
-      _ref4$keyboardType = _ref4.keyboardType,
-      keyboardType = _ref4$keyboardType === void 0 ? 'default' : _ref4$keyboardType,
-      multiline = _ref4.multiline,
-      onSubmitEditing = _ref4.onSubmitEditing,
-      _onFocus = _ref4.onFocus,
-      _onBlur = _ref4.onBlur,
-      props = _objectWithoutProperties(_ref4, _excluded$9);
+var _excluded$9 = ["id", "right", "state", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoComplete", "keyboardType", "multiline", "onSubmitEditing", "onFocus", "onBlur"];
+var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+      right = _ref.right;
+      _ref.state;
+      var internalForceState = _ref.internalForceState,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$autoCorrect = _ref.autoCorrect,
+      autoCorrect = _ref$autoCorrect === void 0 ? true : _ref$autoCorrect,
+      _ref$textContentType = _ref.textContentType,
+      textContentType = _ref$textContentType === void 0 ? 'none' : _ref$textContentType,
+      _ref$autoComplete = _ref.autoComplete,
+      autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
+      _ref$keyboardType = _ref.keyboardType,
+      keyboardType = _ref$keyboardType === void 0 ? 'default' : _ref$keyboardType,
+      multiline = _ref.multiline,
+      onSubmitEditing = _ref.onSubmitEditing;
+      _ref.onFocus;
+      _ref.onBlur;
+      var props = _objectWithoutProperties(_ref, _excluded$9);
 
   var theme = /*#__PURE__*/useTheme();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isFocused = _useState2[0],
-      setIsFocused = _useState2[1];
-
-  var state = internalForceState || getInputUIState({
-    isFocused: isFocused,
-    isDisabled: disabled,
-    formState: formState
+  var fontSizeForNativeBase = createNativeBaseFontSize({
+    base: 'body'
   });
+  var shouldHandleSingleLineOnIOS = Platform.OS === 'ios' && !multiline;
   return /*#__PURE__*/jsxs(InputTextContainer, {
     $isDisabled: disabled,
-    children: [/*#__PURE__*/jsx(StyledTextInput, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({
       ref: ref,
       multiline: multiline,
       nativeID: id,
-      editable: !disabled,
+      isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
+      isHovered: internalForceState ? internalForceState === 'hover' : undefined,
+      isFocused: internalForceState ? internalForceState === 'focus' : undefined,
       keyboardType: keyboardType,
       autoComplete: autoComplete,
       autoCorrect: autoCorrect,
-      $minHeight: minHeight,
       textContentType: textContentType,
-      placeholderTextColor: theme.kitt.forms.input.color.placeholder,
-      selectionColor: theme.kitt.forms.input.color.selection
+      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
     }, props), {}, {
-      $state: state,
-      onFocus: function onFocus(e) {
-        setIsFocused(true);
-        if (_onFocus) _onFocus(e);
-      },
-      onBlur: function onBlur(e) {
-        setIsFocused(false);
-        if (_onBlur) _onBlur(e);
-      },
+      variant: "outline",
       onSubmitEditing: multiline ? function () {
         return null;
       } : onSubmitEditing
-    })), right ? /*#__PURE__*/jsx(RightInputContainer, {
+    })), right ? /*#__PURE__*/jsx(View, {
+      position: "absolute",
+      right: 0,
+      top: 0,
+      bottom: 0,
+      justifyContent: "center",
+      padding: theme.kitt.forms.input.rightContainer.padding,
       children: right
     }) : null]
   });
@@ -4133,6 +4107,78 @@ var createKittNativeBaseCustomTheme = function (theme) {
       bodies: theme.typography.types.bodies.fontFamily
     },
     components: {
+      Input: {
+        baseStyle: {
+          width: '100%',
+          minHeight: theme.forms.input.minHeight,
+          py: theme.forms.input.padding.vertical,
+          px: theme.forms.input.padding.horizontal,
+          borderRadius: theme.forms.input.borderRadius,
+          _disabled: {
+            opacity: 1 // override default native-base opacity
+
+          },
+          _light: {
+            color: theme.forms.input.states["default"].color,
+            placeholderTextColor: theme.forms.input.color.placeholder,
+            borderColor: theme.forms.input.states["default"].borderColor,
+            bg: theme.forms.input.states["default"].backgroundColor,
+            _hover: {
+              borderColor: theme.forms.input.states.hover.borderColor,
+              color: theme.forms.input.states.hover.color,
+              _focus: {
+                borderColor: theme.forms.input.states.focus.borderColor,
+                color: theme.forms.input.states.focus.color
+              }
+            },
+            _focus: {
+              borderColor: theme.forms.input.states.focus.borderColor,
+              color: theme.forms.input.states.focus.color,
+              _hover: {
+                borderColor: theme.forms.input.states.focus.borderColor,
+                color: theme.forms.input.states.focus.color
+              },
+              _stack: {
+                style: {
+                  outlineWidth: 0
+                }
+              }
+            },
+            _invalid: {
+              borderColor: theme.forms.input.states.invalid.borderColor,
+              color: theme.forms.input.states.invalid.color,
+              _hover: {
+                borderColor: theme.forms.input.states.hover.borderColor,
+                color: theme.forms.input.states.hover.color
+              }
+            },
+            _ios: {
+              selectionColor: theme.forms.input.color.selection
+            },
+            _android: {
+              selectionColor: theme.forms.input.color.selection
+            },
+            _disabled: {
+              placeholderTextColor: theme.forms.input.color.placeholder,
+              color: theme.forms.input.states.disabled.color,
+              borderColor: theme.forms.input.states.disabled.borderColor,
+              bg: theme.forms.input.states.disabled.backgroundColor
+            }
+          }
+        },
+        variants: {
+          outline: {
+            borderWidth: theme.forms.input.borderWidth,
+            _focus: {
+              bg: theme.forms.input.states["default"].backgroundColor
+            }
+          },
+          underlined: {},
+          rounded: {},
+          filled: {},
+          unstyled: {}
+        }
+      },
       Text: {
         baseStyle: {
           _light: {