@ovotech/element-native 2.2.0 → 3.0.0-canary-edaf96f-93

package/dist/components/Text/Text.js

@@ -50,27 +50,24 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextGroup = exports.LineThrough = exports.Em = exports.Strong = exports.Small = exports.P = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_native_1 = require("react-native");
 var styled_native_1 = __importStar(require("../../styled.native"));
 var utils_1 = require("../../utils");
 var StyledP = styled_native_1.default.Text(function (_a) {
-    var text = _a.theme.text, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp ? text.p.fontSize[1] : text.p.fontSize[0];
-    var lineHeight = smallAndUp ? text.p.lineHeight[1] : text.p.lineHeight[0];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), text.fontFamily, fontSize, lineHeight, text.color, smallAndUp ? text.p.marginTop[1] : text.p.marginTop[0], smallAndUp
-        ? text.p.marginBottom[1]
-        : text.p.marginBottom[0]);
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  "])), core.fontFamily.body.native, core.fontSize.body[smallAndUp ? 'large' : 'small'], core.lineHeight.body[smallAndUp ? 'large' : 'small'], semantic.message.base);
 });
 exports.P = (0, utils_1.styledComponentWithBreakpoints)(StyledP);
 var StyledSmall = styled_native_1.default.Text(function (_a) {
-    var text = _a.theme.text, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-size: ", ";\n  "], ["\n    font-size: ", ";\n  "])), smallAndUp ? text.small.fontSize[1] : text.small.fontSize[0]);
+    var core = _a.theme.core, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-size: ", ";\n    line-height: ", ";\n  "], ["\n    font-size: ", ";\n    line-height: ", ";\n  "])), core.fontSize.small[smallAndUp ? 'large' : 'small'], core.lineHeight.small[smallAndUp ? 'large' : 'small']);
 });
 exports.Small = (0, utils_1.styledComponentWithBreakpoints)(StyledSmall);
 exports.Strong = styled_native_1.default.Text(function (_a) {
-    var text = _a.theme.text;
-    return "\n    font-family: ".concat(text.strong.fontFamily, ";\n  ");
+    var core = _a.theme.core;
+    return "\n    font-family: ".concat(core.fontFamily.bodyBold.native, ";\n  ");
 });
 exports.Em = styled_native_1.default.Text(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: 'System font';\n  font-style: italic;\n"], ["\n  font-family: 'System font';\n  font-style: italic;\n"])));
 exports.LineThrough = styled_native_1.default.Text(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-decoration: line-through;\n"], ["\n  text-decoration: line-through;\n"])));
@@ -82,15 +79,15 @@ var TextGroup = function (_a) {
             filteredChildren.push(child);
         }
     });
-    return (react_1.default.createElement(react_native_1.View, __assign({}, rest), react_1.Children.map(filteredChildren, function (child, index) {
-        if (!(0, react_1.isValidElement)(child)) {
-            return;
-        }
-        var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
-        return (0, react_1.cloneElement)(child, {
-            style: style,
-        });
-    })));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, __assign({}, rest, { children: react_1.Children.map(filteredChildren, function (child, index) {
+            if (!(0, react_1.isValidElement)(child)) {
+                return;
+            }
+            var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
+            return (0, react_1.cloneElement)(child, {
+                style: style,
+            });
+        }) })));
 };
 exports.TextGroup = TextGroup;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/TextField/CurrencyField.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const CurrencyField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+export declare const CurrencyField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
 } & {
     currency?: "GBP" | "EUR" | "AUD" | "USD" | undefined;
-} & React.RefAttributes<NativeTextInput>>;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/CurrencyField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CurrencyField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
 var CurrencyInput_1 = require("../Input/CurrencyInput");
 exports.CurrencyField = (0, react_1.forwardRef)(function (_a, ref) {
     var rest = __rest(_a, []);
-    return (react_1.default.createElement(Field_1.Field, __assign({ affixWidth: 40 }, rest, { ref: ref }),
-        react_1.default.createElement(CurrencyInput_1.CurrencyInput, null)));
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({ affixWidth: 40 }, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(CurrencyInput_1.CurrencyInput, {}) })));
 });

package/dist/components/TextField/EmailField.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const EmailField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+export declare const EmailField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
-} & React.RefAttributes<NativeTextInput>>;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/EmailField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmailField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
 var EmailInput_1 = require("../Input/EmailInput");
 exports.EmailField = (0, react_1.forwardRef)(function (_a, ref) {
     var rest = __rest(_a, []);
-    return (react_1.default.createElement(Field_1.Field, __assign({}, rest, { ref: ref }),
-        react_1.default.createElement(EmailInput_1.EmailInput, null)));
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(EmailInput_1.EmailInput, {}) })));
 });

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

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const NumberField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+export declare const NumberField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
-} & React.RefAttributes<NativeTextInput>>;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/NumberField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
 var NumberInput_1 = require("../Input/NumberInput");
 exports.NumberField = (0, react_1.forwardRef)(function (_a, ref) {
     var rest = __rest(_a, []);
-    return (react_1.default.createElement(Field_1.Field, __assign({}, rest, { ref: ref }),
-        react_1.default.createElement(NumberInput_1.NumberInput, null)));
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, {}) })));
 });

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

@@ -1,12 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const PasswordField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
 } & {
     hasVisibilityToggle?: boolean | undefined;
-} & React.RefAttributes<NativeTextInput>>;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/PasswordField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PasswordField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
 var PasswordInput_1 = require("../Input/PasswordInput");
 exports.PasswordField = (0, react_1.forwardRef)(function (_a, ref) {
     var hasVisibilityToggle = _a.hasVisibilityToggle, rest = __rest(_a, ["hasVisibilityToggle"]);
-    return (react_1.default.createElement(Field_1.Field, __assign({}, rest, { ref: ref }),
-        react_1.default.createElement(PasswordInput_1.PasswordInput, { hasVisibilityToggle: hasVisibilityToggle })));
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(PasswordInput_1.PasswordInput, { hasVisibilityToggle: hasVisibilityToggle }) })));
 });

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TextInput as NativeTextInput } from 'react-native';
+import { FieldProps } from '../Field';
+export declare const PhoneField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+    invalid?: boolean | undefined;
+    stretch?: boolean | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/PhoneField.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Field_1 = require("../Field");
+var PhoneInput_1 = require("../Input/PhoneInput");
+exports.PhoneField = (0, react_1.forwardRef)(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, {}) })));
+});

package/dist/components/TextField/TelField.d.ts

@@ -1,10 +1,14 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const TelField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+/**
+ * @deprecated This component has been deprecated and will be removed in a future release.
+ * Please use the PhoneField component instead.
+ * */
+export declare const TelField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
-} & React.RefAttributes<NativeTextInput>>;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/TelField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TelField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
-var TelInput_1 = require("../Input/TelInput");
+var PhoneInput_1 = require("../Input/PhoneInput");
+/**
+ * @deprecated This component has been deprecated and will be removed in a future release.
+ * Please use the PhoneField component instead.
+ * */
 exports.TelField = (0, react_1.forwardRef)(function (_a, ref) {
     var rest = __rest(_a, []);
-    return (react_1.default.createElement(Field_1.Field, __assign({}, rest, { ref: ref }),
-        react_1.default.createElement(TelInput_1.TelInput, null)));
+    console.warn('TelField component has been deprecated and will be removed in a future release. Please use the PhoneField component instead.');
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, {}) })));
 });

package/dist/components/TextField/TextField.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const TextField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
-} & React.RefAttributes<NativeTextInput>>;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/TextField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
 var TextInput_1 = require("../Input/TextInput");
 exports.TextField = (0, react_1.forwardRef)(function (_a, ref) {
     var rest = __rest(_a, []);
-    return (react_1.default.createElement(Field_1.Field, __assign({}, rest, { ref: ref }),
-        react_1.default.createElement(TextInput_1.TextInput, null)));
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, {}) })));
 });

package/dist/components/TextField/TextareaField.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const TextareaField: React.ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
+export declare const TextareaField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
-    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
-    rightSlot?: React.ReactNode;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
+    rightSlot?: import("react").ReactNode;
 } & {
     rows?: number | undefined;
-} & React.RefAttributes<NativeTextInput>>;
+} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/TextareaField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextareaField = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var Field_1 = require("../Field");
 var TextareaInput_1 = require("../Input/TextareaInput");
 exports.TextareaField = (0, react_1.forwardRef)(function (_a, ref) {
     var rest = __rest(_a, []);
-    return (react_1.default.createElement(Field_1.Field, __assign({}, rest, { ref: ref }),
-        react_1.default.createElement(TextareaInput_1.TextareaInput, null)));
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(TextareaInput_1.TextareaInput, {}) })));
 });

package/dist/components/TextField/index.d.ts

@@ -2,6 +2,7 @@ export { CurrencyField } from './CurrencyField';
 export { TextField } from './TextField';
 export { NumberField } from './NumberField';
 export { TelField } from './TelField';
+export { PhoneField } from './PhoneField';
 export { EmailField } from './EmailField';
 export { PasswordField } from './PasswordField';
 export { TextareaField } from './TextareaField';

package/dist/components/TextField/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextareaField = exports.PasswordField = exports.EmailField = exports.TelField = exports.NumberField = exports.TextField = exports.CurrencyField = void 0;
+exports.TextareaField = exports.PasswordField = exports.EmailField = exports.PhoneField = exports.TelField = exports.NumberField = exports.TextField = exports.CurrencyField = void 0;
 var CurrencyField_1 = require("./CurrencyField");
 Object.defineProperty(exports, "CurrencyField", { enumerable: true, get: function () { return CurrencyField_1.CurrencyField; } });
 var TextField_1 = require("./TextField");
@@ -9,6 +9,8 @@ var NumberField_1 = require("./NumberField");
 Object.defineProperty(exports, "NumberField", { enumerable: true, get: function () { return NumberField_1.NumberField; } });
 var TelField_1 = require("./TelField");
 Object.defineProperty(exports, "TelField", { enumerable: true, get: function () { return TelField_1.TelField; } });
+var PhoneField_1 = require("./PhoneField");
+Object.defineProperty(exports, "PhoneField", { enumerable: true, get: function () { return PhoneField_1.PhoneField; } });
 var EmailField_1 = require("./EmailField");
 Object.defineProperty(exports, "EmailField", { enumerable: true, get: function () { return EmailField_1.EmailField; } });
 var PasswordField_1 = require("./PasswordField");

package/dist/components/TextLink/TextLink.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { Text, TextProps } from 'react-native';
-declare const TextLink: React.ForwardRefExoticComponent<TextProps & {
+declare const TextLink: import("react").ForwardRefExoticComponent<TextProps & {
     opensInNewWindow?: boolean | undefined;
 } & {
-    children?: React.ReactNode;
-} & React.RefAttributes<Text>>;
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<Text>>;
 export { TextLink };