@ovotech/element-native 2.0.0-beta.0 → 2.0.0

package/dist/components/List/List.js

@@ -1,154 +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.Dd = exports.Dt = exports.Dl = exports.Li = exports.Ol = exports.Ul = void 0;
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var theme_1 = require("../../theme");
-var utils_1 = require("../../utils");
-var Stack_1 = require("../Stack");
-var UlBullet = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, colors = _b.colors, list = _b.list, _c = _a.visible, visible = _c === void 0 ? true : _c;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-right: ", ";\n    width: ", ";\n    height: ", ";\n    background-color: ", ";\n  "], ["\n    margin-right: ", ";\n    width: ", ";\n    height: ", ";\n    background-color: ", ";\n  "])), list.listItem.bulletGap, list.listItem.bulletWidth, list.listItem.bulletWidth, visible ? colors.body : 'transparent');
-});
-var StyledBullet = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, text = _b.text, list = _b.list, space = _b.space, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? list.listItem.fontSize[1]
-        : list.listItem.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-right: ", ";\n      width: ", ";\n      text-align: right;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-right: ", ";\n      width: ", ";\n      text-align: right;\n    "])), text.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, text.lineHeight), text.fontWeight, text.color, fontSize, list.listItem.bulletGap, space[4]);
-});
-var StyledUlItem = styled_native_1.default.View(function () { return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  "], ["\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  "]))); });
-var Bullet = (0, utils_1.styledComponentWithBreakpoints)(StyledBullet);
-var ListBulletItem = function (_a) {
-    var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b;
-    return (react_1.default.createElement(StyledUlItem, null,
-        react_1.default.createElement(UlBullet, { visible: showBullets }),
-        children));
-};
-var ListNumberedItem = function (_a) {
-    var children = _a.children, prefix = _a.prefix;
-    return (react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
-        react_1.default.createElement(Bullet, null, prefix),
-        children));
-};
-var StyledList = styled_native_1.default.View(function (_a) {
-    var list = _a.theme.list, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), smallAndUp ? list.marginTop[1] : list.marginTop[0], smallAndUp ? list.marginBottom[1] : list.marginBottom[0]);
-});
-var ListWrapper = (0, utils_1.styledComponentWithBreakpoints)(StyledList);
-var Ul = function (_a) {
-    var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "showBullets"]);
-    var list = (0, react_1.useContext)(styled_native_1.ThemeContext).list;
-    return (react_1.default.createElement(ListWrapper, __assign({}, rest),
-        react_1.default.createElement(Stack_1.Stack, { spaceBetween: list.listItem.marginVertical }, react_1.Children.map(children, function (child) { return (react_1.default.createElement(ListBulletItem, { showBullets: showBullets }, child)); }))));
-};
-exports.Ul = Ul;
-var Ol = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    var list = (0, react_1.useContext)(styled_native_1.ThemeContext).list;
-    return (react_1.default.createElement(ListWrapper, __assign({}, rest),
-        react_1.default.createElement(Stack_1.Stack, { spaceBetween: list.listItem.marginVertical }, react_1.Children.map(children, function (child, index) { return (react_1.default.createElement(ListNumberedItem, { prefix: index + 1 + '.' }, child)); }))));
-};
-exports.Ol = Ol;
-var StyledLi = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, text = _b.text, list = _b.list, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? list.listItem.fontSize[1]
-        : list.listItem.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "])), text.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, text.lineHeight), text.fontWeight, text.color, fontSize);
-});
-var Li = (0, utils_1.styledComponentWithBreakpoints)(StyledLi);
-exports.Li = Li;
-var Dl = ListWrapper;
-exports.Dl = Dl;
-var StyledDtText = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, text = _b.text, list = _b.list, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? list.listItem.fontSize[1]
-        : list.listItem.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      font-family: ", ";\n      font-weight: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "], ["\n      font-family: ", ";\n      font-weight: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "])), list.descriptionTerm.fontFamily, list.descriptionTerm.fontWeight, (0, theme_1.calculateLineHeight)(fontSize, text.lineHeight), list.descriptionTerm.color, fontSize);
-});
-var DtText = (0, utils_1.styledComponentWithBreakpoints)(StyledDtText);
-var StyledDtItem = styled_native_1.default.View(function (_a) {
-    var list = _a.theme.list, smallAndUp = _a.smallAndUp;
-    var marginTop = smallAndUp
-        ? list.descriptionTerm.marginTop[1]
-        : list.descriptionTerm.marginTop[0];
-    var marginBottom = smallAndUp
-        ? list.descriptionTerm.marginBottom[1]
-        : list.descriptionTerm.marginBottom[0];
-    return (0, styled_native_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-top: ", ";\n      margin-bottom: ", ";\n      flex-direction: row;\n    "], ["\n      margin-top: ", ";\n      margin-bottom: ", ";\n      flex-direction: row;\n    "])), marginTop, marginBottom);
-});
-var DtItem = (0, utils_1.styledComponentWithBreakpoints)(StyledDtItem);
-var Dt = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement(DtItem, __assign({}, rest),
-        react_1.default.createElement(DtText, null, children)));
-};
-exports.Dt = Dt;
-var StyledDdText = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, text = _b.text, list = _b.list, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? list.listItem.fontSize[1]
-        : list.listItem.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "])), text.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, text.lineHeight), text.fontWeight, text.color, fontSize);
-});
-var Dd = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return (react_1.default.createElement(react_native_1.View, __assign({ style: { flexDirection: 'row' } }, rest),
-        react_1.default.createElement(StyledDdText, __assign({}, breakpoints), children)));
-};
-exports.Dd = Dd;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

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

@@ -1 +0,0 @@
-export { Ol, Ul, Li, Dl, Dt, Dd } from './List';

package/dist/components/List/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dd = exports.Dt = exports.Dl = exports.Li = exports.Ul = exports.Ol = void 0;
-var List_1 = require("./List");
-Object.defineProperty(exports, "Ol", { enumerable: true, get: function () { return List_1.Ol; } });
-Object.defineProperty(exports, "Ul", { enumerable: true, get: function () { return List_1.Ul; } });
-Object.defineProperty(exports, "Li", { enumerable: true, get: function () { return List_1.Li; } });
-Object.defineProperty(exports, "Dl", { enumerable: true, get: function () { return List_1.Dl; } });
-Object.defineProperty(exports, "Dt", { enumerable: true, get: function () { return List_1.Dt; } });
-Object.defineProperty(exports, "Dd", { enumerable: true, get: function () { return List_1.Dd; } });

package/dist/components/Margin/Margin.d.ts

@@ -1,23 +0,0 @@
-import { ComponentProps } from 'react';
-import { Breakpoints } from '../../hooks';
-import { Theme } from '../../theme';
-declare type SpaceKey = keyof Theme['space'] | 0;
-declare type MProps = {
-    mTop?: SpaceKey | SpaceKey[];
-    mBottom?: SpaceKey | SpaceKey[];
-    mLeft?: SpaceKey | SpaceKey[];
-    mRight?: SpaceKey | SpaceKey[];
-    horizontal?: SpaceKey | SpaceKey[];
-    vertical?: SpaceKey | SpaceKey[];
-    all?: SpaceKey | SpaceKey[];
-    breakpoints: Breakpoints;
-};
-declare const StyledMargin: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme, MProps, never>;
-declare type Props = Omit<ComponentProps<typeof StyledMargin>, 'mTop' | 'mBottom' | 'mLeft' | 'mRight' | 'breakpoints'> & {
-    top?: SpaceKey | SpaceKey[];
-    bottom?: SpaceKey | SpaceKey[];
-    left?: SpaceKey | SpaceKey[];
-    right?: SpaceKey | SpaceKey[];
-};
-declare const Margin: ({ top, bottom, left, right, ...rest }: Props) => JSX.Element;
-export { Margin };

package/dist/components/Margin/Margin.js

@@ -1,53 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Margin = void 0;
-var react_1 = __importDefault(require("react"));
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var utils_1 = require("../../utils");
-var StyledMargin = styled_native_1.default.View(function (_a) {
-    var space = _a.theme.space, mTop = _a.mTop, mBottom = _a.mBottom, mLeft = _a.mLeft, mRight = _a.mRight, horizontal = _a.horizontal, vertical = _a.vertical, all = _a.all, breakpoints = _a.breakpoints;
-    var formatter = function (spaceKey) {
-        return spaceKey === 0 ? '0' : space[spaceKey];
-    };
-    return "\n    ".concat(horizontal
-        ? "\n            ".concat((0, utils_1.responsiveStyle)('margin-left', horizontal, breakpoints, formatter), "\n            ").concat((0, utils_1.responsiveStyle)('margin-right', horizontal, breakpoints, formatter), "\n          ")
-        : '', "\n    ").concat(vertical
-        ? "\n            ".concat((0, utils_1.responsiveStyle)('margin-top', vertical, breakpoints, formatter), "\n            ").concat((0, utils_1.responsiveStyle)('margin-bottom', vertical, breakpoints, formatter), "\n          ")
-        : '', "\n    ").concat(mTop ? (0, utils_1.responsiveStyle)('margin-top', mTop, breakpoints, formatter) : '', "\n    ").concat(mBottom
-        ? (0, utils_1.responsiveStyle)('margin-bottom', mBottom, breakpoints, formatter)
-        : '', "\n    ").concat(mLeft ? (0, utils_1.responsiveStyle)('margin-left', mLeft, breakpoints, formatter) : '', "\n    ").concat(mRight
-        ? (0, utils_1.responsiveStyle)('margin-right', mRight, breakpoints, formatter)
-        : '', "\n    ").concat(all ? (0, utils_1.responsiveStyle)('margin', all, breakpoints, formatter) : '', "\n  ");
-});
-var Margin = function (_a) {
-    var top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, rest = __rest(_a, ["top", "bottom", "left", "right"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return (react_1.default.createElement(StyledMargin, __assign({}, rest, { breakpoints: breakpoints, mTop: top, mBottom: bottom, mLeft: left, mRight: right })));
-};
-exports.Margin = Margin;

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

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

package/dist/components/Margin/index.js

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

package/dist/components/NavHeader/NavHeader.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-declare type NavHeaderProps = {
-    headline?: boolean;
-    options: NavHeaderOptions;
-};
-declare type NavHeaderOptions = {
-    title?: string;
-    statusBarHeight?: number;
-    header?(): React.ReactNode;
-    headerLeft?(): React.ReactNode;
-    canGoBack(): boolean;
-    goBack(): void;
-};
-export declare const NavHeader: ({ options, headline }: NavHeaderProps) => JSX.Element;
-export {};

package/dist/components/NavHeader/NavHeader.js

@@ -1,93 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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.NavHeader = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-var react_native_svg_1 = require("react-native-svg");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var Heading_1 = require("../Heading");
-var BackIcon = function () {
-    return (react_1.default.createElement(react_native_svg_1.Svg, { width: "10", height: "16", viewBox: "0 0 10 16" },
-        react_1.default.createElement(react_native_svg_1.Path, { d: "M0.579956 8L8.57996 16L9.99996 14.58L3.41996 8L9.99996 1.42L8.57996 0L0.579956 8Z", fill: "white" })));
-};
-var StyledText = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, colors = _b.colors, fonts = _b.fonts, fontWeights = _b.fontWeights, fontSizes = _b.fontSizes;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    font-family: ", ";\n  "], ["\n    color: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    font-family: ", ";\n  "])), colors.primaryContrast, fontSizes[1], fontWeights.normal, fonts.body);
-});
-var LeftHeaderText = (0, styled_native_1.default)(StyledText)(function (_a) {
-    var space = _a.theme.space;
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-left: ", ";\n  "], ["\n    padding-left: ", ";\n  "])), space[2]);
-});
-var FeedbackText = (0, styled_native_1.default)(StyledText)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
-var HeadlineView = (0, styled_native_1.default)(react_native_reanimated_1.default.View)(function (_a) {
-    var space = _a.theme.space;
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    padding: 0 ", " ", ";\n  "], ["\n    padding: 0 ", " ", ";\n  "])), space[3], space[3]);
-});
-var RootView = styled_native_1.default.View(function (_a) {
-    var colors = _a.theme.colors;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: ", ";\n    overflow: hidden;\n  "], ["\n    background-color: ", ";\n    overflow: hidden;\n  "])), colors.primary);
-});
-var StyledView = (0, styled_native_1.default)(react_native_reanimated_1.default.View)(function (_a) {
-    var space = _a.theme.space, marginTop = _a.marginTop;
-    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding: ", ";\n    padding-bottom: ", ";\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: ", ";\n  "], ["\n    padding: ", ";\n    padding-bottom: ", ";\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: ", ";\n  "])), space[3], space[2], marginTop !== null && marginTop !== void 0 ? marginTop : 0);
-});
-var StyledHeading4 = (0, styled_native_1.default)(Heading_1.Heading4)(function (_a) {
-    var _b = _a.theme, fonts = _b.fonts, fontWeights = _b.fontWeights, colors = _b.colors, textAlign = _a.textAlign;
-    return (0, styled_native_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    margin-top: 0;\n    margin-bottom: 0;\n    color: ", ";\n    text-align: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    margin-top: 0;\n    margin-bottom: 0;\n    color: ", ";\n    text-align: ", ";\n  "])), fonts.bold, fontWeights.bold, colors.primaryContrast, textAlign);
-});
-var StyledHeading3 = (0, styled_native_1.default)(Heading_1.Heading3)(function (_a) {
-    var colors = _a.theme.colors;
-    return (0, styled_native_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    color: ", ";\n    text-align: left;\n  "], ["\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    color: ", ";\n    text-align: left;\n  "])), colors.primaryContrast);
-});
-var NavHeader = function (_a) {
-    var options = _a.options, headline = _a.headline;
-    return (react_1.default.createElement(RootView, { layout: react_native_reanimated_1.Layout.duration(150) },
-        react_1.default.createElement(StyledView, { marginTop: options === null || options === void 0 ? void 0 : options.statusBarHeight },
-            (options === null || options === void 0 ? void 0 : options.headerLeft) ? (options === null || options === void 0 ? void 0 : options.headerLeft()) : (options === null || options === void 0 ? void 0 : options.canGoBack()) ? (react_1.default.createElement(react_native_1.TouchableOpacity, { style: {
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    flex: 1,
-                    flexGrow: 1,
-                    flexShrink: 1,
-                }, onPress: options === null || options === void 0 ? void 0 : options.goBack },
-                react_1.default.createElement(BackIcon, null),
-                react_1.default.createElement(LeftHeaderText, null, "Back"))) : null,
-            react_1.default.createElement(react_native_reanimated_1.default.View, { entering: react_native_reanimated_1.FadeIn, exiting: react_native_reanimated_1.FadeOut, style: { flex: 1, flexGrow: 3, flexShrink: 1 } },
-                react_1.default.createElement(StyledHeading4, { textAlign: (options === null || options === void 0 ? void 0 : options.canGoBack()) ? 'center' : 'left', numberOfLines: 1 }, !headline ? options === null || options === void 0 ? void 0 : options.title : ' ')),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: { flex: 1, flexGrow: 1, flexShrink: 1 } },
-                react_1.default.createElement(FeedbackText, null, "Feedback"))),
-        headline ? (react_1.default.createElement(HeadlineView, { entering: react_native_reanimated_1.FadeIn, exiting: react_native_reanimated_1.FadeOut }, (options === null || options === void 0 ? void 0 : options.title) ? (react_1.default.createElement(StyledHeading3, null, options.title)) : null)) : null));
-};
-exports.NavHeader = NavHeader;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

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

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

package/dist/components/NavHeader/index.js

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

package/dist/components/Notification/Notification.d.ts

@@ -1,31 +0,0 @@
-import React, { ComponentProps, ReactNode } from 'react';
-import { View } from 'react-native';
-import { Breakpoints } from '../../hooks';
-export declare type NotificationVariantName = 'error' | 'success' | 'info' | 'warning';
-export declare type NotificationVariant = {
-    background: string;
-    borderColor: string;
-    textColor: string;
-};
-declare type NotificationProps = Omit<ComponentProps<typeof Notification>, 'variant'>;
-export declare const NotificationContentBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme, {
-    variant: NotificationVariantName | (string & {});
-} & Breakpoints, never>;
-export declare const NotificationTitleBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme, {
-    variant: NotificationVariantName | (string & {});
-    noMargin?: boolean | undefined;
-    dismissable: boolean;
-} & Breakpoints, never>;
-export declare const Notification: React.ForwardRefExoticComponent<{
-    variant?: (string & {}) | NotificationVariantName | undefined;
-    title?: ReactNode;
-    noMargin?: boolean | undefined;
-    children?: ReactNode;
-    dismissable?: boolean | undefined;
-    onDismiss?: (() => void) | undefined;
-} & React.RefAttributes<View>>;
-export declare const ErrorNotification: React.ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissable" | "onDismiss"> & React.RefAttributes<View>>;
-export declare const SuccessNotification: React.ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissable" | "onDismiss"> & React.RefAttributes<View>>;
-export declare const InfoNotification: React.ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissable" | "onDismiss"> & React.RefAttributes<View>>;
-export declare const WarningNotification: React.ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissable" | "onDismiss"> & React.RefAttributes<View>>;
-export {};

package/dist/components/Notification/Notification.js

@@ -1,123 +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.WarningNotification = exports.InfoNotification = exports.SuccessNotification = exports.ErrorNotification = exports.Notification = exports.NotificationTitleBox = exports.NotificationContentBox = void 0;
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var Icon_1 = require("../Icon");
-var pxToNumber = function (value) { return parseInt(value.replace('px', '')); };
-var numberToPx = function (value) { return "".concat(value, "px"); };
-var NotificationBox = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, notification = _b.notification, space = _b.space, variant = _a.variant, noMargin = _a.noMargin;
-    // @ts-ignore
-    var currentVariant = notification.variants[variant];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: ", " solid ", ";\n    border-radius: ", ";\n    margin-bottom: ", ";\n  "], ["\n    border: ", " solid ", ";\n    border-radius: ", ";\n    margin-bottom: ", ";\n  "])), notification.borderWidth, currentVariant.borderColor, notification.borderRadius, noMargin ? 0 : space[4]);
-});
-exports.NotificationContentBox = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, colors = _b.colors, _c = _b.notification, paddingX = _c.paddingX, paddingY = _c.paddingY, variants = _c.variants, smallAndUp = _a.smallAndUp, variant = _a.variant;
-    // @ts-ignore
-    var currentVariant = variants[variant];
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding: ", " ", ";\n\n      a {\n        color: ", ";\n        :hover {\n          color: ", ";\n        }\n      }\n      ul {\n        list-style-type: square;\n      }\n      li {\n        color: ", ";\n      }\n    "], ["\n      padding: ", " ", ";\n\n      a {\n        color: ", ";\n        :hover {\n          color: ", ";\n        }\n      }\n      ul {\n        list-style-type: square;\n      }\n      li {\n        color: ", ";\n      }\n    "])), paddingX[smallAndUp ? 1 : 0], paddingY[smallAndUp ? 1 : 0], currentVariant.textColor, colors.body, currentVariant.textColor);
-});
-exports.NotificationTitleBox = styled_native_1.default.View(function (_a) {
-    var notification = _a.theme.notification, variant = _a.variant, dismissable = _a.dismissable, smallAndUp = _a.smallAndUp;
-    // @ts-ignore to support additional palettes.
-    var currentVariant = notification.variants[variant];
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    background-color: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n  "], ["\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    background-color: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n  "])), currentVariant.background, notification.paddingX[smallAndUp ? 1 : 0], notification.paddingX[smallAndUp ? 1 : 0], notification.paddingY[smallAndUp ? 1 : 0], dismissable
-        ? numberToPx(pxToNumber(notification.dismiss.touchSize) -
-            pxToNumber(notification.dismiss.size))
-        : notification.paddingY[smallAndUp ? 1 : 0]);
-});
-var NotificationTitle = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, fonts = _b.fonts, fontWeights = _b.fontWeights, responsiveFontSizes = _b.responsiveFontSizes, notification = _b.notification, variant = _a.variant;
-    // @ts-ignore
-    var currentVariant = notification.variants[variant];
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      font-family: ", ";\n      font-weight: ", ";\n      font-size: ", ";\n    "], ["\n      color: ", ";\n      font-family: ", ";\n      font-weight: ", ";\n      font-size: ", ";\n    "])), currentVariant.textColor, fonts.bold, fontWeights.bold, responsiveFontSizes.body[0]);
-});
-var DismissButton = styled_native_1.default.TouchableOpacity(function (_a) {
-    var notification = _a.theme.notification;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    width: ", ";\n    height: ", ";\n    align-items: center;\n    justify-content: center;\n  "], ["\n    width: ", ";\n    height: ", ";\n    align-items: center;\n    justify-content: center;\n  "])), notification.dismiss.touchSize, notification.dismiss.touchSize);
-});
-exports.Notification = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? 'info' : _b, children = _a.children, _c = _a.title, title = _c === void 0 ? 'Info' : _c, noMargin = _a.noMargin, dismissable = _a.dismissable, onDismiss = _a.onDismiss, rest = __rest(_a, ["variant", "children", "title", "noMargin", "dismissable", "onDismiss"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    var theme = (0, react_1.useContext)(styled_native_1.ThemeContext);
-    var _d = (0, react_1.useState)(false), dismissed = _d[0], setDismissed = _d[1];
-    if (dismissed) {
-        return null;
-    }
-    var renderDismissButton = function () {
-        if (!dismissable)
-            return null;
-        return (react_1.default.createElement(DismissButton, { accessibilityLabel: "Dismiss", testID: "nb-notification-dismiss", onPress: function () {
-                setDismissed(true);
-                if (onDismiss) {
-                    onDismiss();
-                }
-            } },
-            react_1.default.createElement(Icon_1.Icon, { name: theme.notification.dismiss.icon, size: theme.notification.dismiss.size, 
-                // @ts-ignore
-                color: theme.notification.variants[variant].textColor })));
-    };
-    return (react_1.default.createElement(react_native_1.View, __assign({ ref: ref }, rest),
-        react_1.default.createElement(NotificationBox, __assign({ variant: variant, noMargin: noMargin, testID: "nb-notification" }, breakpoints),
-            react_1.default.createElement(exports.NotificationTitleBox, __assign({ variant: variant, "data-testid": "nb-notification-box", dismissable: dismissable }, breakpoints),
-                react_1.default.createElement(NotificationTitle, { variant: variant }, title),
-                renderDismissButton()),
-            children ? (react_1.default.createElement(exports.NotificationContentBox, __assign({ variant: variant }, breakpoints), children)) : null)));
-});
-exports.ErrorNotification = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(exports.Notification, __assign({ ref: ref, variant: "error", title: "Oops, there\u2019s a problem\u2026" }, props))); });
-exports.SuccessNotification = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(exports.Notification, __assign({ title: "Success", ref: ref, variant: "success" }, props))); });
-exports.InfoNotification = (0, react_1.forwardRef)(function (props, ref) { return react_1.default.createElement(exports.Notification, __assign({ ref: ref, variant: "info" }, props)); });
-exports.WarningNotification = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(exports.Notification, __assign({ title: "Warning", ref: ref, variant: "warning" }, props))); });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1 +0,0 @@
-export { Notification, ErrorNotification, InfoNotification, WarningNotification, SuccessNotification, } from './Notification';

package/dist/components/Notification/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuccessNotification = exports.WarningNotification = exports.InfoNotification = exports.ErrorNotification = exports.Notification = void 0;
-var Notification_1 = require("./Notification");
-Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return Notification_1.Notification; } });
-Object.defineProperty(exports, "ErrorNotification", { enumerable: true, get: function () { return Notification_1.ErrorNotification; } });
-Object.defineProperty(exports, "InfoNotification", { enumerable: true, get: function () { return Notification_1.InfoNotification; } });
-Object.defineProperty(exports, "WarningNotification", { enumerable: true, get: function () { return Notification_1.WarningNotification; } });
-Object.defineProperty(exports, "SuccessNotification", { enumerable: true, get: function () { return Notification_1.SuccessNotification; } });

package/dist/components/Radio/Radio.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from 'react';
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-declare const Radio: React.ForwardRefExoticComponent<Omit<TouchableOpacityProps, "children"> & {
-    label: ReactNode;
-    value: string;
-    hint?: ReactNode;
-    checked?: boolean | undefined;
-    invalid?: boolean | undefined;
-    onValueChange?: ((value?: string) => void) | undefined;
-    activeOpacity?: number | undefined;
-} & React.RefAttributes<TouchableOpacity>>;
-export { Radio };