@ovotech/element-native 3.3.2-canary-71b07de-141 → 3.3.2

package/dist/esm/components/ActionCard/ActionCard.js

@@ -1,85 +0,0 @@
-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);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import MaskedView from '@react-native-masked-view/masked-view';
-import { useContext, useEffect } from 'react';
-import { Image, Pressable, View } from 'react-native';
-import { Action, CTAButton, Heading2, Heading3, Icon, Margin, Stack, } from '../';
-import styled, { ThemeContext } from '../../styled.native';
-import { P } from '../P';
-import { CloseIconShape } from './CloseIconShape';
-import { IndicatorIconShape } from './IndicatorIconShape';
-var StyledCard = styled.Pressable(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, inline = _a.inline, inverted = _a.inverted, reducedBottomPadding = _a.reducedBottomPadding;
-    return "\n      border-radius: ".concat(inline ? core.space[6] : 0, ";\n      background-color: ").concat(inverted ? semantic.inverted.surface : semantic.surface.elevated, ";\n      padding-bottom: ").concat(reducedBottomPadding ? core.space[1] : core.space[4], ";\n      padding: ").concat(core.space[4], ";\n      overflow: hidden;\n      border-width: 0;\n      width: 100%;\n    ");
-});
-var StyledP = styled(P)(function (_a) {
-    var semantic = _a.theme.semantic, inverted = _a.inverted;
-    return "\n    color: ".concat(inverted ? semantic.inverted.message.base : semantic.message.base, ";\n");
-});
-export var ActionCard = function (_a) {
-    var onPressCloseButton = _a.onPressCloseButton, onPressActionButton = _a.onPressActionButton, onPressIndicator = _a.onPressIndicator, onMount = _a.onMount, body = _a.body, title = _a.title, buttonTitle = _a.buttonTitle, ctaVariant = _a.ctaVariant, image = _a.image, testID = _a.testID, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'image' : _b, _c = _a.inverted, inverted = _c === void 0 ? true : _c, _d = _a.inline, inline = _d === void 0 ? false : _d;
-    var _e = useContext(ThemeContext), core = _e.core, semantic = _e.semantic;
-    useEffect(function () {
-        if (onMount) {
-            onMount();
-        }
-    }, []);
-    var Heading = inline ? Heading3 : Heading2;
-    return (_jsx(StyledCard, __assign({ onPress: onPressIndicator, inline: inline, inverted: inverted, reducedBottomPadding: Boolean(buttonTitle && !ctaVariant), testID: "".concat(testID, "-card") }, { children: _jsxs(View, __assign({ style: { flexDirection: 'row' } }, { children: [_jsx(View, __assign({ style: { flex: 1 } }, { children: _jsxs(Stack, __assign({ spaceBetween: 2 }, { children: [_jsx(Heading, __assign({ style: {
-                                    color: inverted
-                                        ? semantic.inverted.message.link
-                                        : semantic.message.branded,
-                                    paddingRight: image || !onPressCloseButton ? 0 : parseInt(core.space[6]),
-                                }, testID: "".concat(testID, "-heading") }, { children: title })), _jsxs(View, { children: [typeof body === 'string' ? (_jsx(View, __assign({ style: {
-                                            paddingRight: !image && !title && onPressCloseButton
-                                                ? parseInt(core.space[6])
-                                                : 0,
-                                        } }, { children: _jsx(StyledP, __assign({ inverted: inverted }, { children: body })) }))) : (body), buttonTitle && onPressActionButton && !onPressIndicator ? (!ctaVariant ? (_jsx(Action, __assign({ inverted: inverted, onPress: onPressActionButton, testID: "".concat(testID, "-button") }, { children: buttonTitle }))) : (_jsx(Margin, __assign({ top: 4 }, { children: _jsx(CTAButton, __assign({ onPress: onPressActionButton, testID: "".concat(testID, "-button"), variant: ctaVariant }, { children: buttonTitle })) })))) : null] })] })) })), image ? (_jsx(MaskedView, __assign({ style: {
-                        flex: 1,
-                        flexDirection: 'row',
-                        height: '100%',
-                        marginTop: -16,
-                        marginRight: -16,
-                    }, maskElement: _jsx(View, { style: {
-                            width: '100%',
-                            height: 165,
-                            backgroundColor: 'olive',
-                            transform: [
-                                { rotate: '-16deg' },
-                                { translateX: 40 },
-                                { translateY: 25 },
-                            ],
-                        } }) }, { children: _jsx(Image, { resizeMode: "cover", source: image, style: {
-                            width: '100%',
-                            height: 200,
-                            position: 'absolute',
-                            top: 0,
-                            right: 0,
-                        }, accessible: true, accessibilityRole: "image", accessibilityLabel: accessibilityLabel }) }))) : null, onPressIndicator ? (_jsxs(Pressable, __assign({ style: {
-                        position: 'absolute',
-                        right: -16,
-                        bottom: -16,
-                    }, onPress: onPressIndicator, testID: "".concat(testID, "-indicator-button") }, { children: [_jsx(IndicatorIconShape, {}), _jsx(Icon, { size: 14, style: {
-                                position: 'absolute',
-                                right: inline ? 8 : 6,
-                                bottom: 16,
-                            }, color: semantic.surface.elevated, name: "chevron-right", accessibilityLabel: "chevron-right" })] }))) : null, onPressCloseButton && !onPressIndicator ? (_jsxs(Pressable, __assign({ style: {
-                        position: 'absolute',
-                        right: -16,
-                        top: -16,
-                    }, onPress: onPressCloseButton, testID: "".concat(testID, "-close-button") }, { children: [_jsx(CloseIconShape, {}), _jsx(Icon, { size: 14, style: {
-                                position: 'absolute',
-                                top: inline ? 14 : 12,
-                                right: inline ? 14 : 12,
-                            }, color: semantic.surface.elevated, name: "cross", accessibilityLabel: "close" })] }))) : null] })) })));
-};

package/dist/esm/components/ActionCard/CloseIconShape.js

@@ -1,22 +0,0 @@
-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);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path, ClipPath, Defs } from 'react-native-svg';
-import styled from '../../styled.native';
-var StyledPath = styled(Path)(function (_a) {
-    var semantic = _a.theme.semantic, color = _a.color;
-    return "\n  fill: ".concat(color !== null && color !== void 0 ? color : semantic.message.branded, "\n");
-});
-export var CloseIconShape = function (_a) {
-    var color = _a.color;
-    return (_jsxs(Svg, __assign({ width: 44, height: 44 }, { children: [_jsx(StyledPath, { color: color, d: "M11.632 44 0 0h44v35.402L11.632 44Z" }), _jsx(Defs, { children: _jsx(ClipPath, __assign({ id: "a" }, { children: _jsx(Path, { fill: "#fff", d: "M16 16h12v12H16z" }) })) })] })));
-};

package/dist/esm/components/ActionCard/IndicatorIconShape.js

@@ -1,22 +0,0 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-import styled from '../../styled.native';
-var StyledPath = styled(Path)(function (_a) {
-    var semantic = _a.theme.semantic, color = _a.color;
-    return "\n  fill: ".concat(color !== null && color !== void 0 ? color : semantic.message.branded, "\n");
-});
-export var IndicatorIconShape = function (_a) {
-    var color = _a.color;
-    return (_jsx(Svg, __assign({ width: 32, height: 48 }, { children: _jsx(StyledPath, { color: color, d: "M0 9.5 32 1v47H10.5L0 9.5Z" }) })));
-};

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

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

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

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

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

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

package/dist/esm/components/Em/Em.js

@@ -1,7 +0,0 @@
-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 from '../../styled.native';
-export var Em = styled.Text(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: 'System font';\n  font-style: italic;\n"], ["\n  font-family: 'System font';\n  font-style: italic;\n"])));
-var templateObject_1;

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

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

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

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

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

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

package/dist/esm/components/Heading1/Heading1.js

@@ -1,44 +0,0 @@
-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 __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 { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-import { pxToNumber, numToPx } from '../../utils';
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return numToPx(pxToNumber(fontSize) * letterSpacing);
-};
-var StyledHeading1 = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = core.fontSize.heading1[smallAndUp ? 'large' : 'small'];
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.heading.native, fontSize, core.lineHeight.heading1[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.extraCompressed), semantic.message.branded);
-});
-export var Heading1 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = useBreakpoint();
-    return (_jsx(StyledHeading1, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-var templateObject_1;

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

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

package/dist/esm/components/Heading2/Heading2.js

@@ -1,44 +0,0 @@
-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 __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 { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-import { pxToNumber, numToPx } from '../../utils';
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return numToPx(pxToNumber(fontSize) * letterSpacing);
-};
-var StyledHeading2 = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = core.fontSize.heading2[smallAndUp ? 'large' : 'small'];
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.heading.native, fontSize, core.lineHeight.heading2[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.extraCompressed), semantic.message.branded);
-});
-export var Heading2 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = useBreakpoint();
-    return (_jsx(StyledHeading2, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-var templateObject_1;

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

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

package/dist/esm/components/Heading3/Heading3.js

@@ -1,44 +0,0 @@
-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 __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 { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-import { pxToNumber, numToPx } from '../../utils';
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return numToPx(pxToNumber(fontSize) * letterSpacing);
-};
-var StyledHeading3 = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = core.fontSize.heading3[smallAndUp ? 'large' : 'small'];
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading3[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
-});
-export var Heading3 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = useBreakpoint();
-    return (_jsx(StyledHeading3, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-var templateObject_1;

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

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

package/dist/esm/components/Heading4/Heading4.js

@@ -1,44 +0,0 @@
-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 __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 { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-import { pxToNumber, numToPx } from '../../utils';
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return numToPx(pxToNumber(fontSize) * letterSpacing);
-};
-var StyledHeading4 = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = core.fontSize.heading4[smallAndUp ? 'large' : 'small'];
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading4[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
-});
-export var Heading4 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = useBreakpoint();
-    return (_jsx(StyledHeading4, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-var templateObject_1;

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

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

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

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

package/dist/esm/components/List/styled.js

@@ -1,44 +0,0 @@
-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 { pxToNumber } from '../../utils';
-export var UlBullet = styled.View(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, _c = _a.visible, visible = _c === void 0 ? true : _c, smallAndUp = _a.smallAndUp;
-    var lineHeight = smallAndUp
-        ? core.lineHeight.body.large
-        : core.lineHeight.body.small;
-    var topMargin = (pxToNumber(lineHeight) - pxToNumber(core.space[2])) / 2;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-right: ", ";\n    margin-top: ", "px;\n    width: ", ";\n    height: ", ";\n    background-color: ", ";\n  "], ["\n    margin-right: ", ";\n    margin-top: ", "px;\n    width: ", ";\n    height: ", ";\n    background-color: ", ";\n  "])), core.space[2], topMargin, core.space[2], core.space[2], visible ? semantic.message.base : 'transparent');
-});
-export var StyledBullet = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? core.fontSize.body.large
-        : core.fontSize.body.small;
-    var lineHeight = smallAndUp
-        ? core.lineHeight.body.large
-        : core.lineHeight.body.small;
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-right: ", ";\n      width: ", ";\n      text-align: right;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-right: ", ";\n      width: ", ";\n      text-align: right;\n    "])), core.fontFamily.body.native, lineHeight, semantic.message.base, fontSize, core.space[2], core.space[4]);
-});
-export var StyledUlItem = styled.View(function (_a) {
-    var core = _a.theme.core, level = _a.level;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    padding-left: ", ";\n  "], ["\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    padding-left: ", ";\n  "])), core.space[level]);
-});
-export var StyledOlItem = StyledUlItem;
-export var StyledList = styled.View(function (_a) {
-    var core = _a.theme.core, smallAndUp = _a.smallAndUp;
-    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    flex-direction: column;\n    flex: 1;\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    flex-direction: column;\n    flex: 1;\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), smallAndUp ? core.space[3] : core.space[2], smallAndUp ? core.space[3] : core.space[2]);
-});
-export var StyledLi = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? core.fontSize.body.large
-        : core.fontSize.body.small;
-    var lineHeight = smallAndUp
-        ? core.lineHeight.body.large
-        : core.lineHeight.body.large;
-    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "])), core.fontFamily.body.native, lineHeight, semantic.message.base, fontSize);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/esm/components/NavHeader/IconButton.js

@@ -1,27 +0,0 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { theme } from '@ovotech/element-core';
-import { Pressable } from 'react-native';
-import { Icon } from '../Icon';
-import { StyledIconButtonL, StyledIconButtonS } from './NavHeader.styles';
-export var IconButton = function (_a) {
-    var size = _a.size, animation = _a.animation, rightActionConfig = _a.rightActionConfig;
-    var ButtonStyled = size === 'small' ? StyledIconButtonS : StyledIconButtonL;
-    if (!rightActionConfig || !(rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.iconName)) {
-        return null;
-    }
-    return (_jsx(Pressable, __assign({ hitSlop: 44, pressRetentionOffset: 44, onPress: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.onActionPress }, { children: function (_a) {
-            var pressed = _a.pressed;
-            return (_jsx(ButtonStyled, __assign({ entering: animation, "$pressed": pressed }, { children: _jsx(Icon, { name: rightActionConfig.iconName, size: size === 'small' ? 16 : 18, color: theme.semantic.inverted.message.base }) })));
-        } })));
-};

package/dist/esm/components/NavHeader/NavHeader.styles.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { View } from 'react-native';
-import Animated from 'react-native-reanimated';
-import styled, { css } from '../../styled.native';
-export var NavContainer = styled(Animated.View)(function (_a) {
-    var semantic = _a.theme.semantic;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    background-color: ", ";\n  "], ["\n    width: 100%;\n    background-color: ", ";\n  "])), semantic.surface.base);
-});
-export var NavWrapper = styled(View)(function (_a) {
-    var core = _a.theme.core;
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    width: 100%;\n    padding: ", ";\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n  "], ["\n    width: 100%;\n    padding: ", ";\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n  "])), core.space[2]);
-});
-export var ExpandedTitle = styled(Animated.Text)(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, hasBackButton = _a.hasBackButton, fullWidth = _a.fullWidth;
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    height: ", ";\n    color: ", ";\n  "], ["\n    width: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    height: ", ";\n    color: ", ";\n  "])), fullWidth ? '100%' : '65%', core.fontFamily.heading.native, core.fontSize.heading1[hasBackButton ? 'small' : 'large'], hasBackButton
-        ? core.lineHeight.heading1.small
-        : core.space[13], hasBackButton ? core.lineHeight.heading1.small : core.space[13], semantic.message.branded);
-});
-export var CollapsedTitleWrapper = styled(Animated.View)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  justify-content: center;\n  width: 33.3%;\n  height: ", ";\n"], ["\n  align-items: center;\n  justify-content: center;\n  width: 33.3%;\n  height: ", ";\n"])), function (_a) {
-    var core = _a.theme.core;
-    return core.lineHeight.heading4.small;
-});
-export var CollapsedTitle = styled(Animated.Text)(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic;
-    return css(templateObject_5 || (templateObject_5 = __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.heading.native, core.fontSize.heading4.small, core.lineHeight.heading4.small, semantic.message.branded);
-});
-export var IconButtonWrapper = styled.View(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 33.3%;\n  flex-direction: row;\n  justify-content: flex-end;\n"], ["\n  width: 33.3%;\n  flex-direction: row;\n  justify-content: flex-end;\n"])));
-var iconButtonSharedStyles = css(function (_a) {
-    var semantic = _a.theme.semantic;
-    return "\n    border-radius: 100px;\n    background-color: ".concat(semantic.inverted.surface, ";\n    align-items: center;\n    justify-content: center;\n");
-});
-export var StyledIconButtonS = styled(Animated.View)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 28px;\n  height: 28px;\n  opacity: ", ";\n  ", ";\n"], ["\n  width: 28px;\n  height: 28px;\n  opacity: ", ";\n  ", ";\n"])), function (_a) {
-    var $pressed = _a.$pressed;
-    return ($pressed ? 0.8 : 1);
-}, iconButtonSharedStyles);
-export var StyledIconButtonL = styled(Animated.View)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 36px;\n  height: 36px;\n  opacity: ", ";\n  ", ";\n"], ["\n  width: 36px;\n  height: 36px;\n  opacity: ", ";\n  ", ";\n"])), function (_a) {
-    var $pressed = _a.$pressed;
-    return ($pressed ? 0.8 : 1);
-}, iconButtonSharedStyles);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

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

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

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

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

package/dist/esm/components/P/P.js

@@ -1,12 +0,0 @@
-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 StyledP = styled.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    return 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);
-});
-export var P = styledComponentWithBreakpoints(StyledP);
-var templateObject_1;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,43 +0,0 @@
-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

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

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

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

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

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

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

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