@ovotech/element-native 4.1.9 → 4.2.0-canary-265b0a7-290

package/dist/components/Notification/Notification.d.ts

@@ -99,6 +99,22 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -138,6 +154,22 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -389,6 +421,54 @@ export declare const NotificationContentBox: import("styled-components").StyledC
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;
@@ -584,6 +664,22 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -623,6 +719,22 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -874,6 +986,54 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;

package/dist/components/NumberField/NumberField.d.ts

@@ -4,7 +4,7 @@ import { FieldProps } from '../Field';
 export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconNameExtended | undefined;
+    iconRight?: import("../../providers").IconNameExtended | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/NumberInput/NumberInput.d.ts

@@ -3,8 +3,8 @@ import { TextInput as RNTextInput } from 'react-native';
 declare const NumberInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconNameExtended | undefined;
+    iconRight?: import("../../providers").IconNameExtended | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<RNTextInput>>;
 export { NumberInput };

package/dist/components/PasswordField/PasswordField.d.ts

@@ -4,8 +4,8 @@ import { FieldProps } from '../Field';
 export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconNameExtended | undefined;
+    iconRight?: import("../../providers").IconNameExtended | undefined;
     rightSlot?: import("react").ReactNode;
 } & {
     hasVisibilityToggle?: boolean | undefined;

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -3,8 +3,8 @@ import { TextInput as RNTextInput } from 'react-native';
 declare const PasswordInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconNameExtended | undefined;
+    iconRight?: import("../../providers").IconNameExtended | undefined;
     rightSlot?: import("react").ReactNode;
 } & {
     hasVisibilityToggle?: boolean | undefined;

package/dist/components/PasswordInput/PasswordInput.styled.d.ts

@@ -96,6 +96,22 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -135,6 +151,22 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -386,6 +418,54 @@ export declare const StyledPressable: import("styled-components").StyledComponen
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;

package/dist/components/PhoneField/PhoneField.d.ts

@@ -4,7 +4,7 @@ import { FieldProps } from '../Field';
 export declare const PhoneField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconNameExtended | undefined;
+    iconRight?: import("../../providers").IconNameExtended | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -3,7 +3,7 @@ import { TextInput } from 'react-native';
 export declare const PhoneInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconNameExtended | undefined;
+    iconRight?: import("../../providers").IconNameExtended | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<TextInput>>;

package/dist/components/SelectField/Select.d.ts

@@ -108,6 +108,22 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -147,6 +163,22 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -398,6 +430,54 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;

package/dist/components/SkeletonHeading/SkeletonHeading.js

@@ -28,8 +28,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonHeading = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_native_1 = __importDefault(require("../../styled.native"));
-var SkeletonAnimation_1 = require("../SkeletonAnimation");
 var Heading3_1 = require("../Heading3");
+var SkeletonAnimation_1 = require("../SkeletonAnimation");
 var StyledSkeletonHeading = styled_native_1.default.View(function (_a) {
     var core = _a.theme.core, size = _a.size;
     return "\n    background-color: ".concat(core.color.neutral.light, ";\n    width: ").concat(size, ";\n  ");

package/dist/components/Small/Small.d.ts

@@ -102,6 +102,22 @@ export declare const Small: import("react").ForwardRefExoticComponent<Pick<Omit<
                 black: number;
             };
             fontSize: {
+                display0: {
+                    small: number;
+                    large: number;
+                };
+                display1: {
+                    small: number;
+                    large: number;
+                };
+                display2: {
+                    small: number;
+                    large: number;
+                };
+                display3: {
+                    small: number;
+                    large: number;
+                };
                 heading1: {
                     small: number;
                     large: number;
@@ -141,6 +157,22 @@ export declare const Small: import("react").ForwardRefExoticComponent<Pick<Omit<
                 extraCompressed: number;
             };
             lineHeight: {
+                display0: {
+                    small: number;
+                    large: number;
+                };
+                display1: {
+                    small: number;
+                    large: number;
+                };
+                display2: {
+                    small: number;
+                    large: number;
+                };
+                display3: {
+                    small: number;
+                    large: number;
+                };
                 heading1: {
                     small: number;
                     large: number;
@@ -392,6 +424,54 @@ export declare const Small: import("react").ForwardRefExoticComponent<Pick<Omit<
                     surfaceInverted: string;
                 };
             };
+            display0: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
+            display1: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
+            display2: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
+            display3: {
+                fontFamily: string;
+                fontWeight: number;
+                lineHeight: {
+                    small: number;
+                    large: number;
+                };
+                fontSize: {
+                    small: number;
+                    large: number;
+                };
+            };
             heading1: {
                 fontFamily: string;
                 fontWeight: number;

package/dist/components/Strong/Strong.d.ts

@@ -95,6 +95,22 @@ export declare const Strong: import("styled-components").StyledComponent<typeof
             black: number;
         };
         fontSize: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -134,6 +150,22 @@ export declare const Strong: import("styled-components").StyledComponent<typeof
             extraCompressed: number;
         };
         lineHeight: {
+            display0: {
+                small: number;
+                large: number;
+            };
+            display1: {
+                small: number;
+                large: number;
+            };
+            display2: {
+                small: number;
+                large: number;
+            };
+            display3: {
+                small: number;
+                large: number;
+            };
             heading1: {
                 small: number;
                 large: number;
@@ -385,6 +417,54 @@ export declare const Strong: import("styled-components").StyledComponent<typeof
                 surfaceInverted: string;
             };
         };
+        display0: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display1: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display2: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
+        display3: {
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: {
+                small: number;
+                large: number;
+            };
+            fontSize: {
+                small: number;
+                large: number;
+            };
+        };
         heading1: {
             fontFamily: string;
             fontWeight: number;