@ovotech/element-native 2.0.0 → 2.0.2

package/dist/components/Grid/Col.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("../../theme/theme").Theme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<import("react-native").View>>;
+export { Col };

package/dist/components/Grid/Col.js

@@ -0,0 +1,58 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Col = void 0;
+var styled_native_1 = __importStar(require("../../styled.native"));
+var utils_1 = require("../../utils");
+var utils_2 = require("../../utils/utils");
+var StyledCol = styled_native_1.default.View(function (_a) {
+    var grid = _a.theme.grid, _b = _a.span, span = _b === void 0 ? 12 : _b, small = _a.small, medium = _a.medium, large = _a.large, smallAndUp = _a.smallAndUp, mediumAndUp = _a.mediumAndUp, largeAndUp = _a.largeAndUp;
+    var halfGutter = grid.gutter.map(function (g) { return (0, utils_2.pxToNumber)(g) / 2 + 'px'; });
+    var smallScreen = !smallAndUp;
+    var percentage = (span / 12) * 100;
+    var smallPercentage = small ? (small / 12) * 100 : percentage;
+    var mediumPercentage = medium ? (medium / 12) * 100 : smallPercentage;
+    var largePercentage = large ? (large / 12) * 100 : mediumPercentage;
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      flex: 0 0 auto;\n      flex-basis: ", "%;\n      max-width: ", "%;\n      padding-left: ", ";\n      padding-right: ", ";\n      margin-bottom: ", ";\n      width: 100%;\n    "], ["\n      flex: 0 0 auto;\n      flex-basis: ", "%;\n      max-width: ", "%;\n      padding-left: ", ";\n      padding-right: ", ";\n      margin-bottom: ", ";\n      width: 100%;\n    "])), largeAndUp
+        ? largePercentage
+        : mediumAndUp
+            ? mediumPercentage
+            : smallAndUp
+                ? smallPercentage
+                : percentage, largeAndUp
+        ? largePercentage
+        : mediumAndUp
+            ? mediumPercentage
+            : smallAndUp
+                ? smallPercentage
+                : percentage, smallScreen ? halfGutter[0] : halfGutter[1], smallScreen ? halfGutter[0] : halfGutter[1], smallScreen ? grid.gutter[0] : grid.gutter[1]);
+});
+var Col = (0, utils_1.styledComponentWithBreakpoints)(StyledCol);
+exports.Col = Col;
+var templateObject_1;

package/dist/components/Grid/Row.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentProps } from 'react';
+import { Breakpoints } from '../../hooks';
+declare const StyledRow: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme, {
+    isNested?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & Breakpoints, never>;
+declare const Row: ({ children, ...rest }: ComponentProps<typeof StyledRow>) => JSX.Element;
+export { Row };

package/dist/components/Grid/Row.js

@@ -0,0 +1,76 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_native_1 = __importStar(require("../../styled.native"));
+var utils_1 = require("../../utils");
+var utils_2 = require("../../utils/utils");
+var StyledRow = styled_native_1.default.View(function (_a) {
+    var grid = _a.theme.grid, isNested = _a.isNested, smallAndUp = _a.smallAndUp;
+    var halfGutter = grid.gutter.map(function (g) { return (0, utils_2.pxToNumber)(g) / 2 + 'px'; });
+    var smallScreen = !smallAndUp;
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n      margin: 0 auto;\n      width: ", ";\n      max-width: 100%;\n      margin-bottom: -", ";\n\n      ", "\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n      margin: 0 auto;\n      width: ", ";\n      max-width: 100%;\n      margin-bottom: -", ";\n\n      ", "\n    "])), smallScreen ? halfGutter[0] : halfGutter[1], smallScreen ? halfGutter[0] : halfGutter[1], grid.maxWidth, smallScreen ? grid.gutter[0] : grid.gutter[1], isNested
+        ? "\n      margin-left: -".concat(smallScreen ? grid.gutter[0] : grid.gutter[1], ";\n      margin-right: -").concat(smallScreen ? grid.gutter[0] : grid.gutter[1], ";\n      width: auto;\n      max-width: 200%; /* max width none not supported in RN */\n    ")
+        : null);
+});
+var WidthRow = (0, utils_1.styledComponentWithBreakpoints)(StyledRow);
+var RowInner = styled_native_1.default.View(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n"])));
+var Row = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (react_1.default.createElement(WidthRow, __assign({}, rest),
+        react_1.default.createElement(RowInner, null, children)));
+};
+exports.Row = Row;
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1,2 @@
+export { Row } from './Row';
+export { Col } from './Col';

package/dist/components/Grid/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Col = exports.Row = void 0;
+var Row_1 = require("./Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
+var Col_1 = require("./Col");
+Object.defineProperty(exports, "Col", { enumerable: true, get: function () { return Col_1.Col; } });

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

@@ -0,0 +1,6 @@
+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/Heading.js

@@ -0,0 +1,115 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = void 0;
+var react_1 = __importDefault(require("react"));
+var hooks_1 = require("../../hooks");
+var styled_native_1 = __importStar(require("../../styled.native"));
+var StyledHeading1 = styled_native_1.default.Text(function (_a) {
+    var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading1.fontWeight || heading.fontWeight, heading.color, heading.heading1.fontSize[smallAndUp ? 1 : 0], heading.heading1.lineHeight[smallAndUp ? 1 : 0], smallAndUp
+        ? heading.heading1.marginTop[1]
+        : heading.heading1.marginTop[0], smallAndUp
+        ? heading.heading1.marginBottom[1]
+        : heading.heading1.marginBottom[0]);
+});
+var Heading1 = function (_a) {
+    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
+    var breakpoints = (0, hooks_1.useBreakpoint)();
+    return (react_1.default.createElement(StyledHeading1, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
+};
+exports.Heading1 = Heading1;
+var StyledHeading2 = styled_native_1.default.Text(function (_a) {
+    var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading2.fontSize[smallAndUp ? 1 : 0], heading.heading2.lineHeight[smallAndUp ? 1 : 0], heading.heading2.fontWeight || heading.fontWeight, heading.color, smallAndUp
+        ? heading.heading2.marginTop[1]
+        : heading.heading2.marginTop[0], smallAndUp
+        ? heading.heading2.marginBottom[1]
+        : heading.heading2.marginBottom[0]);
+});
+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 (react_1.default.createElement(StyledHeading2, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
+};
+exports.Heading2 = Heading2;
+var StyledHeading3 = styled_native_1.default.Text(function (_a) {
+    var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading3.fontSize[smallAndUp ? 1 : 0], heading.heading3.lineHeight[smallAndUp ? 1 : 0], heading.heading3.fontWeight || heading.fontWeight, heading.color, smallAndUp
+        ? heading.heading3.marginTop[1]
+        : heading.heading3.marginTop[0], smallAndUp
+        ? heading.heading3.marginBottom[1]
+        : heading.heading3.marginBottom[0]);
+});
+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 (react_1.default.createElement(StyledHeading3, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
+};
+exports.Heading3 = Heading3;
+var StyledHeading4 = styled_native_1.default.Text(function (_a) {
+    var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading3.fontSize[smallAndUp ? 1 : 0], heading.heading3.lineHeight[smallAndUp ? 1 : 0], heading.heading4.fontWeight || heading.fontWeight, heading.color, smallAndUp
+        ? heading.heading4.marginTop[1]
+        : heading.heading4.marginTop[0], smallAndUp
+        ? heading.heading4.marginBottom[1]
+        : heading.heading4.marginBottom[0]);
+});
+var Heading4 = function (_a) {
+    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
+    var breakpoints = (0, hooks_1.useBreakpoint)();
+    return (react_1.default.createElement(StyledHeading4, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
+};
+exports.Heading4 = Heading4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

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

package/dist/components/Heading/index.js

@@ -0,0 +1,8 @@
+"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/HintText/HintText.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Text } from 'react-native';
+declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("../../theme/theme").Theme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
+export { HintText };

package/dist/components/HintText/HintText.js

@@ -0,0 +1,41 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HintText = void 0;
+var styled_native_1 = __importStar(require("../../styled.native"));
+var theme_1 = require("../../theme");
+var utils_1 = require("../../utils");
+var StyledHintText = styled_native_1.default.Text(function (_a) {
+    var field = _a.theme.field, smallAndUp = _a.smallAndUp;
+    var fontSize = smallAndUp ? field.fontSize[1] : field.fontSize[0];
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), field.fontFamily, field.hint.fontWeight, fontSize, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), field.hint.color);
+});
+var HintText = (0, utils_1.styledComponentWithBreakpoints)(StyledHintText);
+exports.HintText = HintText;
+var templateObject_1;

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

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

package/dist/components/HintText/index.js

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

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SvgProps } from 'react-native-svg';
+import { IconName } from '../../providers';
+export declare type IconBase = React.FunctionComponent<SvgProps>;
+declare type Props = SvgProps & {
+    name: IconName | (string & {});
+    color?: string;
+    size: string | number;
+};
+export declare const Icon: ({ name, size, color, testID, ...rest }: Props) => JSX.Element | null;
+export {};

package/dist/components/Icon/Icon.js

@@ -0,0 +1,62 @@
+"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 __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.Icon = void 0;
+var react_1 = __importStar(require("react"));
+var providers_1 = require("../../providers");
+var styled_native_1 = require("../../styled.native");
+var Icon = function (_a) {
+    var name = _a.name, size = _a.size, color = _a.color, testID = _a.testID, rest = __rest(_a, ["name", "size", "color", "testID"]);
+    var icons = (0, providers_1.useIcons)();
+    var colors = (0, react_1.useContext)(styled_native_1.ThemeContext).colors;
+    // @ts-ignore to support additional icons.
+    var Svg = name && icons[name];
+    return Svg ? (react_1.default.createElement(Svg, __assign({ testID: testID ? testID : "element-icon".concat(name ? "-".concat(name) : ''), 
+        // @ts-ignore this is valid.
+        color: color !== null && color !== void 0 ? color : colors.body, width: size, height: size }, rest))) : null;
+};
+exports.Icon = Icon;

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

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

package/dist/components/Icon/index.js

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import { InputProps } from './Input';
+export declare type CurrencyInputProps = InputProps & {
+    currency?: 'GBP' | 'EUR' | 'AUD' | 'USD';
+};
+declare const CurrencyInput: React.ForwardRefExoticComponent<import("react-native").TextInputProps & {
+    invalid?: boolean | undefined;
+    stretch?: boolean | undefined;
+    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
+    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
+} & {
+    currency?: "GBP" | "EUR" | "AUD" | "USD" | undefined;
+} & React.RefAttributes<TextInput>>;
+export { CurrencyInput };

package/dist/components/Input/CurrencyInput.js

@@ -0,0 +1,59 @@
+"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 __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.CurrencyInput = void 0;
+var react_1 = __importStar(require("react"));
+var utils_1 = require("../../utils");
+var NumberInput_1 = require("./NumberInput");
+var CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.currency, currency = _b === void 0 ? 'GBP' : _b, invalid = _a.invalid, _c = _a.accessibilityLabel, accessibilityLabel = _c === void 0 ? '' : _c, rest = __rest(_a, ["currency", "invalid", "accessibilityLabel"]);
+    var inputRef = (0, react_1.createRef)();
+    var updatedAccessibilityLabel = "".concat(accessibilityLabel, " ").concat(currency === 'GBP' ? 'pounds' : currency === 'EUR' ? 'euro' : 'dollar').trim();
+    var iconName = currency === 'GBP' ? 'pound' : currency === 'EUR' ? 'euro' : 'dollar';
+    return (react_1.default.createElement(NumberInput_1.NumberInput, __assign({}, rest, { invalid: invalid, accessibilityLabel: updatedAccessibilityLabel, ref: (0, utils_1.mergeRefs)(ref, inputRef), iconLeft: iconName })));
+});
+exports.CurrencyInput = CurrencyInput;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+declare const EmailInput: React.ForwardRefExoticComponent<import("react-native").TextInputProps & {
+    invalid?: boolean | undefined;
+    stretch?: boolean | undefined;
+    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
+    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
+} & React.RefAttributes<TextInput>>;
+export { EmailInput };

package/dist/components/Input/EmailInput.js

@@ -0,0 +1,41 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailInput = void 0;
+var react_1 = __importStar(require("react"));
+var Input_1 = require("./Input");
+var EmailInput = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(Input_1.Input, __assign({}, props, { keyboardType: "email-address", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
+exports.EmailInput = EmailInput;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TextInputProps, TextInput } from 'react-native';
+import { IconName } from '../../providers/types';
+export declare type InputProps = TextInputProps & {
+    invalid?: boolean;
+    stretch?: boolean;
+    iconLeft?: IconName | (string & {});
+    iconRight?: IconName | (string & {});
+};
+declare const Input: React.ForwardRefExoticComponent<TextInputProps & {
+    invalid?: boolean | undefined;
+    stretch?: boolean | undefined;
+    iconLeft?: (string & {}) | IconName | undefined;
+    iconRight?: (string & {}) | IconName | undefined;
+} & React.RefAttributes<TextInput>>;
+export { Input };