@ovotech/element-native 3.3.2 → 3.4.0-canary-d9e3d0a-143

package/dist/esm/components/{SkeletonLoading → SkeletonCircle}/SkeletonCircle.js

@@ -23,13 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from '../../styled.native';
 import { pxToNumber } from '../../utils';
-import { Skeleton } from './Skeleton';
-import { SkeletonAnimation } from './SkeletonAnimation';
-var StyledSkeletonCircleWrapper = styled(Skeleton)(function (_a) {
+import { SkeletonAnimation } from '../SkeletonAnimation';
+var StyledSkeletonCircleWrapper = styled.View(function (_a) {
     var size = _a.size;
     return "width: ".concat(size, "; max-width: 100%;");
 });
-var StyledSkeletonCircle = styled(Skeleton)(function (_a) {
+var StyledSkeletonCircle = styled.View(function (_a) {
     var core = _a.theme.core, size = _a.size;
     return "\n    background-color: ".concat(core.color.neutral.light, ";\n    height: 0;\n    padding-bottom: 100%;\n    border-radius: ").concat(pxToNumber(size) / 2, "px;\n  ");
 });

package/dist/esm/components/SkeletonCircle/index.js

@@ -0,0 +1 @@
+export { SkeletonCircle } from './SkeletonCircle';

package/dist/esm/components/{SkeletonLoading → SkeletonHeading}/SkeletonHeading.js

@@ -22,10 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from '../../styled.native';
-import { Heading3 } from '../Heading';
-import { Skeleton } from './Skeleton';
-import { SkeletonAnimation } from './SkeletonAnimation';
-var StyledSkeletonHeading = styled(Skeleton)(function (_a) {
+import { SkeletonAnimation } from '../SkeletonAnimation';
+import { Heading3 } from '../Heading3';
+var StyledSkeletonHeading = styled.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/esm/components/SkeletonHeading/index.js

@@ -0,0 +1 @@
+export { SkeletonHeading } from './SkeletonHeading';

package/dist/esm/components/{SkeletonLoading → SkeletonText}/SkeletonText.js

@@ -23,10 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useBreakpoint } from '../../hooks';
 import styled from '../../styled.native';
-import { P } from '../Text';
-import { Skeleton } from './Skeleton';
-import { SkeletonAnimation } from './SkeletonAnimation';
-var StyledSkeletonText = styled(Skeleton)(function (_a) {
+import { P } from '../P';
+import { SkeletonAnimation } from '../SkeletonAnimation';
+var StyledSkeletonText = styled.View(function (_a) {
     var core = _a.theme.core, aboveSmallBreakpoint = _a.aboveSmallBreakpoint, short = _a.short;
     return "\n    background-color: ".concat(core.color.neutral.light, ";\n    margin-bottom: ").concat(core.space[2], ";\n    height: ").concat(aboveSmallBreakpoint ? core.fontSize.body.large : core.fontSize.body.small, ";\n\n    ").concat(short ? 'width: 50%' : '', ";\n  ");
 });

package/dist/esm/components/SkeletonText/index.js

@@ -0,0 +1 @@
+export { SkeletonText } from './SkeletonText';

package/dist/esm/components/Small/Small.js

@@ -0,0 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from '../../styled.native';
+import { styledComponentWithBreakpoints } from '../../utils';
+var StyledSmall = styled.Text(function (_a) {
+    var core = _a.theme.core, smallAndUp = _a.smallAndUp;
+    return css(templateObject_1 || (templateObject_1 = __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']);
+});
+export var Small = styledComponentWithBreakpoints(StyledSmall);
+var templateObject_1;

package/dist/esm/components/Small/index.js

@@ -0,0 +1 @@
+export { Small } from './Small';

package/dist/esm/components/Strong/Strong.js

@@ -0,0 +1,5 @@
+import styled from '../../styled.native';
+export var Strong = styled.Text(function (_a) {
+    var core = _a.theme.core;
+    return "\n    font-family: ".concat(core.fontFamily.bodyBold.native, ";\n  ");
+});

package/dist/esm/components/Strong/index.js

@@ -0,0 +1 @@
+export { Strong } from './Strong';

package/dist/esm/components/TextField/TextField.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Field } from '../Field';
-import { TextInput } from '../Input/TextInput';
+import { TextInput } from '../TextInput';
 export var TextField = forwardRef(function (_a, ref) {
     var rest = __rest(_a, []);
     return (_jsx(Field, __assign({}, rest, { ref: ref }, { children: _jsx(TextInput, {}) })));

package/dist/esm/components/TextField/index.js

@@ -1,8 +1 @@
-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/esm/components/TextGroup/TextGroup.js

@@ -0,0 +1,43 @@
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, cloneElement, isValidElement, } from 'react';
+import { View } from 'react-native';
+export var TextGroup = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    var filteredChildren = [];
+    Children.forEach(children, function (child) {
+        if (isValidElement(child)) {
+            filteredChildren.push(child);
+        }
+    });
+    return (_jsx(View, __assign({}, rest, { children: Children.map(filteredChildren, function (child, index) {
+            if (!isValidElement(child)) {
+                return;
+            }
+            var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
+            return cloneElement(child, {
+                style: style,
+            });
+        }) })));
+};

package/dist/esm/components/TextGroup/index.js

@@ -0,0 +1 @@
+export { TextGroup } from './TextGroup';

package/dist/esm/components/{Input → TextInput}/TextInput.js

@@ -11,6 +11,6 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { Input } from './Input';
+import { Input } from '../Input/Input';
 var TextInput = forwardRef(function (props, ref) { return (_jsx(Input, __assign({}, props, { keyboardType: "default", ref: ref }))); });
 export { TextInput };

package/dist/esm/components/TextInput/index.js

@@ -0,0 +1 @@
+export { TextInput } from './TextInput';

package/dist/esm/components/{TextField → TextareaField}/TextareaField.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Field } from '../Field';
-import { TextareaInput } from '../Input/TextareaInput';
+import { TextareaInput } from '../TextareaInput';
 export var TextareaField = forwardRef(function (_a, ref) {
     var rest = __rest(_a, []);
     return (_jsx(Field, __assign({}, rest, { ref: ref }, { children: _jsx(TextareaInput, {}) })));

package/dist/esm/components/TextareaField/index.js

@@ -0,0 +1 @@
+export { TextareaField } from './TextareaField';

package/dist/esm/components/{Input → TextareaInput}/TextareaInput.js

@@ -28,7 +28,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import styled, { css } from '../../styled.native';
 import { pxToNumber } from '../../utils';
-import { Input } from './Input';
+import { Input } from '../Input/Input';
 var StyledInput = styled(Input)(function (_a) {
     var core = _a.theme.core, rows = _a.rows;
     return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", " ", " ", " ", ";\n    height: ", "px;\n  "], ["\n    padding: ", " ", " ", " ", ";\n    height: ", "px;\n  "])), core.space[3], core.space[2], core.space[2], core.space[2], pxToNumber(core.space[8]) * rows);

package/dist/esm/components/TextareaInput/index.js

@@ -0,0 +1 @@
+export { TextareaInput } from './TextareaInput';

package/dist/esm/components/index.js

@@ -1,5 +1,6 @@
 export * from './Accordion';
 export * from './ActionList';
+export * from './ActionCard';
 export * from './Badge';
 export * from './Card';
 export * from './Checkbox';
@@ -13,18 +14,41 @@ export * from './ErrorSummaryNotification';
 export * from './Field';
 export * from './Grid';
 export * from './NavHeader';
-export * from './Heading';
+export * from './Heading1';
+export * from './Heading2';
+export * from './Heading3';
+export * from './Heading4';
 export * from './Icon';
-export * from './Input';
 export * from './List';
 export * from './Margin';
 export * from './Notification';
 export * from './Radio';
 export * from './Stack';
 export * from './Tabs';
-export * from './Text';
+export * from './TextGroup';
+export * from './P';
+export * from './Strong';
+export * from './Small';
+export * from './Em';
+export * from './LineThrough';
 export * from './TextField';
 export * from './TextLink';
 export * from './DataTable';
-export * from './SkeletonLoading';
 export * from './SelectField';
+export * from './CurrencyField';
+export * from './PasswordField';
+export * from './EmailField';
+export * from './TextareaField';
+export * from './NumberField';
+export * from './PhoneField';
+export * from './PhoneInput';
+export * from './TextInput';
+export * from './EmailInput';
+export * from './NumberInput';
+export * from './TextareaInput';
+export * from './PasswordInput';
+export * from './CurrencyInput';
+export * from './SkeletonCircle';
+export * from './SkeletonCTA';
+export * from './SkeletonHeading';
+export * from './SkeletonText';

package/dist/styled.native.d.ts

@@ -7,7 +7,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -234,7 +234,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -461,7 +461,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -688,7 +688,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -915,7 +915,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -1142,7 +1142,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
         borderWidth: Record<"small" | "medium" | "large", string>;
         breakpoint: Record<"small" | "medium" | "large", string | number>;
         mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
         transition: Record<"medium" | "slow" | "fast", string>;
         opacity: Record<"solid" | "transparent" | "translucent", string | number>;
         color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "3.3.2",
+  "version": "3.4.0-canary-d9e3d0a-143",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -13,7 +13,7 @@
     "url": "@ovotech/element"
   },
   "dependencies": {
-    "@ovotech/element-core": "^2.0.1",
+    "@ovotech/element-core": "^2.1.0-canary-d9e3d0a-143",
     "deepmerge": "^4.2.2",
     "lodash.groupby": "^4.6.0"
   },
@@ -31,6 +31,7 @@
     "@types/react-router-dom": "^5.1.5",
     "@types/styled-components": "^5.1.3",
     "@types/styled-components-react-native": "^5.1.1",
+    "@react-native-masked-view/masked-view": "^0.3.0",
     "babel-jest": "^29.0.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "jest": "^28.1.1",
@@ -53,7 +54,8 @@
     "react-native": "^0.63.3 || ^0.71.0 || ^0.72.0",
     "react-native-reanimated": "^2.10.0",
     "react-native-svg": "^13.5.0",
-    "styled-components": "^5.1.3"
+    "styled-components": "^5.1.3",
+    "@react-native-masked-view/masked-view": "^0.3.0"
   },
   "sideEffects": false,
   "scripts": {

package/dist/components/Heading/Heading.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { TextProps } from 'react-native';
-export declare const Heading1: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps>) => JSX.Element;
-export declare const Heading2: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps>) => JSX.Element;
-export declare const Heading3: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps>) => JSX.Element;
-export declare const Heading4: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps>) => JSX.Element;

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

@@ -1 +0,0 @@
-export { Heading1, Heading2, Heading3, Heading4 } from './Heading';

package/dist/components/Heading/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = void 0;
-var Heading_1 = require("./Heading");
-Object.defineProperty(exports, "Heading1", { enumerable: true, get: function () { return Heading_1.Heading1; } });
-Object.defineProperty(exports, "Heading2", { enumerable: true, get: function () { return Heading_1.Heading2; } });
-Object.defineProperty(exports, "Heading3", { enumerable: true, get: function () { return Heading_1.Heading3; } });
-Object.defineProperty(exports, "Heading4", { enumerable: true, get: function () { return Heading_1.Heading4; } });

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

@@ -1,7 +0,0 @@
-export { CurrencyInput } from './CurrencyInput';
-export { EmailInput } from './EmailInput';
-export { NumberInput } from './NumberInput';
-export { PhoneInput } from './PhoneInput';
-export { TextInput } from './TextInput';
-export { PasswordInput } from './PasswordInput';
-export { TextareaInput } from './TextareaInput';

package/dist/components/Input/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextareaInput = exports.PasswordInput = exports.TextInput = exports.PhoneInput = exports.NumberInput = exports.EmailInput = exports.CurrencyInput = void 0;
-var CurrencyInput_1 = require("./CurrencyInput");
-Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });
-var EmailInput_1 = require("./EmailInput");
-Object.defineProperty(exports, "EmailInput", { enumerable: true, get: function () { return EmailInput_1.EmailInput; } });
-var NumberInput_1 = require("./NumberInput");
-Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return NumberInput_1.NumberInput; } });
-var PhoneInput_1 = require("./PhoneInput");
-Object.defineProperty(exports, "PhoneInput", { enumerable: true, get: function () { return PhoneInput_1.PhoneInput; } });
-var TextInput_1 = require("./TextInput");
-Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return TextInput_1.TextInput; } });
-var PasswordInput_1 = require("./PasswordInput");
-Object.defineProperty(exports, "PasswordInput", { enumerable: true, get: function () { return PasswordInput_1.PasswordInput; } });
-var TextareaInput_1 = require("./TextareaInput");
-Object.defineProperty(exports, "TextareaInput", { enumerable: true, get: function () { return TextareaInput_1.TextareaInput; } });

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

@@ -1,5 +0,0 @@
-export * from './Skeleton';
-export * from './SkeletonCircle';
-export * from './SkeletonCTA';
-export * from './SkeletonHeading';
-export * from './SkeletonText';

package/dist/components/SkeletonLoading/index.js

@@ -1,21 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Skeleton"), exports);
-__exportStar(require("./SkeletonCircle"), exports);
-__exportStar(require("./SkeletonCTA"), exports);
-__exportStar(require("./SkeletonHeading"), exports);
-__exportStar(require("./SkeletonText"), exports);

package/dist/components/Text/Text.js

@@ -1,93 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __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)
-        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.TextGroup = exports.LineThrough = exports.Em = exports.Strong = exports.Small = exports.P = void 0;
-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 _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 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 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"])));
-var TextGroup = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    var filteredChildren = [];
-    react_1.Children.forEach(children, function (child) {
-        if ((0, react_1.isValidElement)(child)) {
-            filteredChildren.push(child);
-        }
-    });
-    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/Text/index.d.ts

@@ -1 +0,0 @@
-export { P, Strong, Em, Small, LineThrough, TextGroup } from './Text';

package/dist/components/Text/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextGroup = exports.LineThrough = exports.Small = exports.Em = exports.Strong = exports.P = void 0;
-var Text_1 = require("./Text");
-Object.defineProperty(exports, "P", { enumerable: true, get: function () { return Text_1.P; } });
-Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return Text_1.Strong; } });
-Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return Text_1.Em; } });
-Object.defineProperty(exports, "Small", { enumerable: true, get: function () { return Text_1.Small; } });
-Object.defineProperty(exports, "LineThrough", { enumerable: true, get: function () { return Text_1.LineThrough; } });
-Object.defineProperty(exports, "TextGroup", { enumerable: true, get: function () { return Text_1.TextGroup; } });

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TextInput as NativeTextInput } from 'react-native';
-import { FieldProps } from '../Field';
-/**
- * @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 | undefined;
-    iconRight?: string | undefined;
-    rightSlot?: import("react").ReactNode;
-} & import("react").RefAttributes<NativeTextInput>>;

package/dist/components/TextField/TelField.js

@@ -1,38 +0,0 @@
-"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.TelField = 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");
-/**
- * @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, []);
-    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, {}) })));
-});