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

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 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 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 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 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 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 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 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 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 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 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 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
+        space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 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-canary-71b07de-141",
+  "version": "3.3.2",
   "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-canary-71b07de-141",
+    "@ovotech/element-core": "^2.0.1",
     "deepmerge": "^4.2.2",
     "lodash.groupby": "^4.6.0"
   },
@@ -31,7 +31,6 @@
     "@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",
@@ -54,8 +53,7 @@
     "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",
-    "@react-native-masked-view/masked-view": "^0.3.0"
+    "styled-components": "^5.1.3"
   },
   "sideEffects": false,
   "scripts": {

package/dist/components/ActionCard/ActionCard.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import { ImageSourcePropType } from 'react-native';
-import { CTAVariantName } from '../CTAButton/CTAButton';
-export declare type ActionCardProps = {
-    title: string;
-    body?: string | ReactElement;
-    onPressCloseButton?: () => void;
-    onPressActionButton?: () => void;
-    onPressIndicator?: () => void;
-    onMount?: () => void;
-    ctaVariant?: CTAVariantName;
-    image?: ImageSourcePropType;
-    buttonTitle?: string;
-    accessibilityLabel?: string;
-    inverted?: boolean;
-    inline?: boolean;
-    testID?: string;
-};
-export declare const ActionCard: ({ onPressCloseButton, onPressActionButton, onPressIndicator, onMount, body, title, buttonTitle, ctaVariant, image, testID, accessibilityLabel, inverted, inline, }: ActionCardProps) => JSX.Element;

package/dist/components/ActionCard/ActionCard.js

@@ -1,115 +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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var masked_view_1 = __importDefault(require("@react-native-masked-view/masked-view"));
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var __1 = require("../");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var P_1 = require("../P");
-var CloseIconShape_1 = require("./CloseIconShape");
-var IndicatorIconShape_1 = require("./IndicatorIconShape");
-var StyledCard = styled_native_1.default.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 = (0, styled_native_1.default)(P_1.P)(function (_a) {
-    var semantic = _a.theme.semantic, inverted = _a.inverted;
-    return "\n    color: ".concat(inverted ? semantic.inverted.message.base : semantic.message.base, ";\n");
-});
-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 = (0, react_1.useContext)(styled_native_1.ThemeContext), core = _e.core, semantic = _e.semantic;
-    (0, react_1.useEffect)(function () {
-        if (onMount) {
-            onMount();
-        }
-    }, []);
-    var Heading = inline ? __1.Heading3 : __1.Heading2;
-    return ((0, jsx_runtime_1.jsx)(StyledCard, __assign({ onPress: onPressIndicator, inline: inline, inverted: inverted, reducedBottomPadding: Boolean(buttonTitle && !ctaVariant), testID: "".concat(testID, "-card") }, { children: (0, jsx_runtime_1.jsxs)(react_native_1.View, __assign({ style: { flexDirection: 'row' } }, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, __assign({ style: { flex: 1 } }, { children: (0, jsx_runtime_1.jsxs)(__1.Stack, __assign({ spaceBetween: 2 }, { children: [(0, jsx_runtime_1.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 })), (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [typeof body === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.View, __assign({ style: {
-                                            paddingRight: !image && !title && onPressCloseButton
-                                                ? parseInt(core.space[6])
-                                                : 0,
-                                        } }, { children: (0, jsx_runtime_1.jsx)(StyledP, __assign({ inverted: inverted }, { children: body })) }))) : (body), buttonTitle && onPressActionButton && !onPressIndicator ? (!ctaVariant ? ((0, jsx_runtime_1.jsx)(__1.Action, __assign({ inverted: inverted, onPress: onPressActionButton, testID: "".concat(testID, "-button") }, { children: buttonTitle }))) : ((0, jsx_runtime_1.jsx)(__1.Margin, __assign({ top: 4 }, { children: (0, jsx_runtime_1.jsx)(__1.CTAButton, __assign({ onPress: onPressActionButton, testID: "".concat(testID, "-button"), variant: ctaVariant }, { children: buttonTitle })) })))) : null] })] })) })), image ? ((0, jsx_runtime_1.jsx)(masked_view_1.default, __assign({ style: {
-                        flex: 1,
-                        flexDirection: 'row',
-                        height: '100%',
-                        marginTop: -16,
-                        marginRight: -16,
-                    }, maskElement: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                            width: '100%',
-                            height: 165,
-                            backgroundColor: 'olive',
-                            transform: [
-                                { rotate: '-16deg' },
-                                { translateX: 40 },
-                                { translateY: 25 },
-                            ],
-                        } }) }, { children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { resizeMode: "cover", source: image, style: {
-                            width: '100%',
-                            height: 200,
-                            position: 'absolute',
-                            top: 0,
-                            right: 0,
-                        }, accessible: true, accessibilityRole: "image", accessibilityLabel: accessibilityLabel }) }))) : null, onPressIndicator ? ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, __assign({ style: {
-                        position: 'absolute',
-                        right: -16,
-                        bottom: -16,
-                    }, onPress: onPressIndicator, testID: "".concat(testID, "-indicator-button") }, { children: [(0, jsx_runtime_1.jsx)(IndicatorIconShape_1.IndicatorIconShape, {}), (0, jsx_runtime_1.jsx)(__1.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 ? ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, __assign({ style: {
-                        position: 'absolute',
-                        right: -16,
-                        top: -16,
-                    }, onPress: onPressCloseButton, testID: "".concat(testID, "-close-button") }, { children: [(0, jsx_runtime_1.jsx)(CloseIconShape_1.CloseIconShape, {}), (0, jsx_runtime_1.jsx)(__1.Icon, { size: 14, style: {
-                                position: 'absolute',
-                                top: inline ? 14 : 12,
-                                right: inline ? 14 : 12,
-                            }, color: semantic.surface.elevated, name: "cross", accessibilityLabel: "close" })] }))) : null] })) })));
-};
-exports.ActionCard = ActionCard;

package/dist/components/ActionCard/CloseIconShape.d.ts

@@ -1,3 +0,0 @@
-export declare const CloseIconShape: ({ color }: {
-    color?: string | undefined;
-}) => JSX.Element;

package/dist/components/ActionCard/CloseIconShape.js

@@ -1,52 +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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseIconShape = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_native_svg_1 = __importStar(require("react-native-svg"));
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var StyledPath = (0, styled_native_1.default)(react_native_svg_1.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");
-});
-var CloseIconShape = function (_a) {
-    var color = _a.color;
-    return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.default, __assign({ width: 44, height: 44 }, { children: [(0, jsx_runtime_1.jsx)(StyledPath, { color: color, d: "M11.632 44 0 0h44v35.402L11.632 44Z" }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.ClipPath, __assign({ id: "a" }, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "#fff", d: "M16 16h12v12H16z" }) })) })] })));
-};
-exports.CloseIconShape = CloseIconShape;

package/dist/components/ActionCard/IndicatorIconShape.d.ts

@@ -1,3 +0,0 @@
-export declare const IndicatorIconShape: ({ color }: {
-    color?: string | undefined;
-}) => JSX.Element;

package/dist/components/ActionCard/IndicatorIconShape.js

@@ -1,52 +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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndicatorIconShape = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_native_svg_1 = __importStar(require("react-native-svg"));
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var StyledPath = (0, styled_native_1.default)(react_native_svg_1.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");
-});
-var IndicatorIconShape = function (_a) {
-    var color = _a.color;
-    return ((0, jsx_runtime_1.jsx)(react_native_svg_1.default, __assign({ width: 32, height: 48 }, { children: (0, jsx_runtime_1.jsx)(StyledPath, { color: color, d: "M0 9.5 32 1v47H10.5L0 9.5Z" }) })));
-};
-exports.IndicatorIconShape = IndicatorIconShape;

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

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

package/dist/components/ActionCard/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCard = void 0;
-var ActionCard_1 = require("./ActionCard");
-Object.defineProperty(exports, "ActionCard", { enumerable: true, get: function () { return ActionCard_1.ActionCard; } });

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

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

package/dist/components/CurrencyField/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyField = void 0;
-var CurrencyField_1 = require("./CurrencyField");
-Object.defineProperty(exports, "CurrencyField", { enumerable: true, get: function () { return CurrencyField_1.CurrencyField; } });

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

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

package/dist/components/CurrencyInput/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
-var CurrencyInput_1 = require("./CurrencyInput");
-Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });

package/dist/components/Em/Em.js

@@ -1,13 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Em = void 0;
-var styled_native_1 = __importDefault(require("../../styled.native"));
-exports.Em = styled_native_1.default.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/components/Em/index.d.ts

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

package/dist/components/Em/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Em = void 0;
-var Em_1 = require("./Em");
-Object.defineProperty(exports, "Em", { enumerable: true, get: function () { return Em_1.Em; } });

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

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

package/dist/components/EmailField/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmailField = void 0;
-var EmailField_1 = require("./EmailField");
-Object.defineProperty(exports, "EmailField", { enumerable: true, get: function () { return EmailField_1.EmailField; } });

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

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

package/dist/components/EmailInput/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmailInput = void 0;
-var EmailInput_1 = require("./EmailInput");
-Object.defineProperty(exports, "EmailInput", { enumerable: true, get: function () { return EmailInput_1.EmailInput; } });

package/dist/components/Heading1/Heading1.d.ts

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

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

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

package/dist/components/Heading1/index.js

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

package/dist/components/Heading2/Heading2.d.ts

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

package/dist/components/Heading2/Heading2.js

@@ -1,71 +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.Heading2 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return (0, utils_1.numToPx)((0, utils_1.pxToNumber)(fontSize) * letterSpacing);
-};
-var StyledHeading2 = styled_native_1.default.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 (0, styled_native_1.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);
-});
-var Heading2 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return ((0, jsx_runtime_1.jsx)(StyledHeading2, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-exports.Heading2 = Heading2;
-var templateObject_1;

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

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

package/dist/components/Heading2/index.js

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

package/dist/components/Heading3/Heading3.d.ts

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

package/dist/components/Heading3/Heading3.js

@@ -1,71 +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.Heading3 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return (0, utils_1.numToPx)((0, utils_1.pxToNumber)(fontSize) * letterSpacing);
-};
-var StyledHeading3 = styled_native_1.default.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 (0, styled_native_1.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);
-});
-var Heading3 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return ((0, jsx_runtime_1.jsx)(StyledHeading3, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-exports.Heading3 = Heading3;
-var templateObject_1;

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

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

package/dist/components/Heading3/index.js

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

package/dist/components/Heading4/Heading4.d.ts

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