@ornikar/kitt-universal 23.2.5 → 23.2.7

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [23.2.7](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@23.2.6...@ornikar/kitt-universal@23.2.7) (2024-03-05)
+
+**Note:** Version bump only for package @ornikar/kitt-universal
+
+
+
+
+
+## [23.2.6](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@23.2.5...@ornikar/kitt-universal@23.2.6) (2024-02-26)
+
+
+### Bug Fixes
+
+* input fields design regression [no issue] ([#2325](https://github.com/ornikar/kitt/issues/2325)) ([a71fdff](https://github.com/ornikar/kitt/commit/a71fdff6280ec9c46e5039b7d663be646404d358))
+
+
+
 ## [23.2.5](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@23.2.4...@ornikar/kitt-universal@23.2.5) (2024-02-22)
 
 **Note:** Version bump only for package @ornikar/kitt-universal

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

@@ -1383,7 +1383,7 @@ export declare function createKittNativeBaseCustomTheme(theme: Theme, appTheme?:
                     };
                 };
                 datePicker: {
-                    minHeight: number;
+                    height: number;
                     day: {
                         minWidth: number;
                     };
@@ -1395,7 +1395,7 @@ export declare function createKittNativeBaseCustomTheme(theme: Theme, appTheme?:
                     };
                 };
                 input: {
-                    minHeight: number;
+                    height: number;
                 };
                 radioButtonGroup: {
                     item: {
@@ -2467,7 +2467,7 @@ export declare function createKittNativeBaseCustomTheme(theme: Theme, appTheme?:
         Input: {
             baseStyle: {
                 width: string;
-                minHeight: number;
+                height: number;
                 py: number;
                 px: number;
                 borderRadius: number;

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

@@ -6,7 +6,7 @@ export interface InputStateStyle {
 }
 export type InputStateTheme = Record<InputUIState, InputStateStyle>;
 export interface InputTheme {
-    minHeight: number;
+    height: number;
     color: {
         selection: string;
         placeholder: 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,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;AAsCpE,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,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/definitions/typography/Typography.d.ts

@@ -203,6 +203,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -219,7 +220,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -386,6 +386,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -402,7 +403,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -569,6 +569,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -585,7 +586,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -752,6 +752,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -768,7 +769,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -935,6 +935,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -951,7 +952,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -1118,6 +1118,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -1134,7 +1135,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -1301,6 +1301,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -1317,7 +1318,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -1484,6 +1484,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -1500,7 +1501,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -1667,6 +1667,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -1683,7 +1684,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -1850,6 +1850,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -1866,7 +1867,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;
@@ -2033,6 +2033,7 @@ export declare namespace Typography {
         onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        underline?: boolean | undefined;
         allowFontScaling?: boolean | undefined;
         ellipsizeMode?: "clip" | "head" | "middle" | "tail" | undefined;
         lineBreakMode?: "clip" | "head" | "middle" | "tail" | undefined;
@@ -2049,7 +2050,6 @@ export declare namespace Typography {
         textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
         dataDetectorType?: "all" | "none" | "link" | "phoneNumber" | "email" | null | undefined;
         android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
-        underline?: boolean | undefined;
         strikeThrough?: boolean | undefined;
         cursor?: import("react-native").CursorValue | undefined;
         transitionDuration?: string | string[] | undefined;

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

@@ -1008,7 +1008,7 @@ const webAnimationDuration = '200ms';
 const webAnimationTimingFunction = 'ease-in-out';
 const webAnimationProperties = ['border-color', 'background-color'];
 const input = {
-  minHeight: 40,
+  height: 40,
   color: {
     selection: lateOceanColorPalette['violine.9'],
     placeholder: lateOceanColorPalette['eggshell.9']
@@ -1023,7 +1023,7 @@ const input = {
   },
   padding: {
     horizontal: 16,
-    vertical: 0
+    vertical: 6
   },
   transition: {
     properties: webAnimationProperties,
@@ -8265,7 +8265,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             }
           },
           datePicker: {
-            minHeight: theme.forms.input.minHeight,
+            height: theme.forms.input.height,
             day: {
               minWidth: theme.forms.datePicker.day.minWidth
             },
@@ -8277,7 +8277,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             }
           },
           input: {
-            minHeight: theme.forms.input.minHeight
+            height: theme.forms.input.height
           },
           radioButtonGroup: {
             item: {
@@ -9070,7 +9070,7 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
       Input: {
         baseStyle: {
           width: '100%',
-          minHeight: theme.forms.input.minHeight,
+          height: theme.forms.input.height,
           py: theme.forms.input.padding.vertical,
           px: theme.forms.input.padding.horizontal,
           borderRadius: theme.forms.input.borderRadius,