@ovotech/element-native 5.2.1 → 5.3.0-canary-9e22bfd-413

package/dist/components/DataTable/styles.js

@@ -1,87 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SeparatorRowText = exports.StyledSeparatorRow = exports.RowHeading = exports.TableCell = exports.TableBody = exports.TableRowHeading = exports.TableRow = exports.TableCaption = exports.CellText = exports.TableCaptionText = exports.TableHeaderText = exports.TableHeader = exports.StyledTableContainer = void 0;
-var element_core_1 = require("@ovotech/element-core");
-var styled_native_1 = __importStar(require("../../styled.native"));
-exports.StyledTableContainer = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    flex-grow: 1;\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n  "], ["\n    flex-grow: 1;\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n  "])), (0, element_core_1.numToPx)(theme.border.width.sm), theme.color.surface.borderDim);
-});
-exports.TableHeader = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    flex: ", ";\n    align-self: stretch;\n    flex-direction: row;\n    width: ", ";\n  "], ["\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    flex: ", ";\n    align-self: stretch;\n    flex-direction: row;\n    width: ", ";\n  "])), (0, element_core_1.numToPx)(theme.space[smallAndUp ? 300 : 200]), (0, element_core_1.numToPx)(theme.space[smallAndUp ? 300 : 200]), (0, element_core_1.numToPx)(theme.space[200]), (0, element_core_1.numToPx)(theme.space[200]), cellWidth === 'auto' ? 1 : 0, cellWidth);
-});
-exports.TableHeaderText = styled_native_1.default.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    line-height: ", ";\n    font-size: ", ";\n    color: ", ";\n    text-align: left;\n    flex-wrap: wrap;\n  "], ["\n    font-family: ", ";\n    line-height: ", ";\n    font-size: ", ";\n    color: ", ";\n    text-align: left;\n    flex-wrap: wrap;\n  "])), theme.native.font.family.bold, (0, element_core_1.numToPx)(theme.font.lineHeight.md.mediaQuery[smallAndUp ? 'lg' : 'sm']), (0, element_core_1.numToPx)(theme.font.size.md.mediaQuery[smallAndUp ? 'lg' : 'sm']), theme.color.surface.onSurface);
-});
-exports.TableCaptionText = styled_native_1.default.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-align: left;\n    flex-wrap: wrap;\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    text-align: left;\n    flex-wrap: wrap;\n  "])), theme.native.font.family.bold, (0, element_core_1.numToPx)(theme.font.size.xl.mediaQuery[smallAndUp ? 'lg' : 'sm']), (0, element_core_1.numToPx)(theme.font.lineHeight.xl.mediaQuery[smallAndUp ? 'lg' : 'sm']), theme.color.brand.brand);
-});
-exports.CellText = styled_native_1.default.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-family: ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "], ["\n    font-family: ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), theme.native.font.family.book, (0, element_core_1.numToPx)(theme.font.lineHeight.md.mediaQuery.lg), (0, element_core_1.numToPx)(theme.font.size.md.mediaQuery[smallAndUp ? 'lg' : 'sm']));
-});
-exports.TableCaption = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme;
-    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding: ", " ", ";\n  "], ["\n    padding: ", " ", ";\n  "])), (0, element_core_1.numToPx)(theme.space[400]), (0, element_core_1.numToPx)(theme.space[200]));
-});
-exports.TableRow = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme, stripe = _a.stripe;
-    return (0, styled_native_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    background-color: ", ";\n    flex-direction: row;\n    align-items: stretch;\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n  "], ["\n    background-color: ", ";\n    flex-direction: row;\n    align-items: stretch;\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n  "])), stripe
-        ? theme.color.surface.dim
-        : theme.color.surface.surface, stripe ? '0px' : (0, element_core_1.numToPx)(theme.border.width.sm), stripe
-        ? 'transparent'
-        : "".concat(theme.color.surface.borderDim));
-});
-exports.TableRowHeading = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme;
-    return (0, styled_native_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background-color: ", ";\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n    flex-direction: row;\n    align-items: stretch;\n  "], ["\n    background-color: ", ";\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n    flex-direction: row;\n    align-items: stretch;\n  "])), theme.color.surface.surface, (0, element_core_1.numToPx)(theme.border.width.sm), theme.color.surface.border);
-});
-exports.TableBody = styled_native_1.default.View(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  flex-direction: column;\n  flex-wrap: nowrap;\n"], ["\n  flex-direction: column;\n  flex-wrap: nowrap;\n"])));
-exports.TableCell = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      width: ", ";\n      flex: ", ";\n    "], ["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      width: ", ";\n      flex: ", ";\n    "])), (0, element_core_1.numToPx)(theme.space[smallAndUp ? 300 : 200]), (0, element_core_1.numToPx)(theme.space[smallAndUp ? 300 : 200]), (0, element_core_1.numToPx)(theme.space[200]), (0, element_core_1.numToPx)(theme.space[200]), cellWidth, cellWidth === 'auto' ? 1 : 0);
-});
-exports.RowHeading = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      width: ", ";\n      flex: ", ";\n    "], ["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      width: ", ";\n      flex: ", ";\n    "])), (0, element_core_1.numToPx)(theme.space[smallAndUp ? 300 : 200]), (0, element_core_1.numToPx)(theme.space[smallAndUp ? 300 : 200]), (0, element_core_1.numToPx)(theme.space[200]), (0, element_core_1.numToPx)(theme.space[200]), cellWidth, cellWidth === 'auto' ? 1 : 0);
-});
-exports.StyledSeparatorRow = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme, width = _a.width;
-    var minWidth = width ? "".concat(width - theme.space[200] * 2, "px") : '100%';
-    return "\n      min-width: ".concat(minWidth, ";\n      flex: 1;\n      flex-direction: row;\n      background-color: ").concat(theme.color.surface.bright, ";\n      padding: ").concat((0, element_core_1.numToPx)(theme.space[100]), " ").concat((0, element_core_1.numToPx)(theme.space[200]), ";\n    ");
-});
-exports.SeparatorRowText = styled_native_1.default.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp;
-    return "\n  flex: 1;\n  font-family: ".concat(theme.native.font.family.book, ";\n  font-size: ").concat((0, element_core_1.numToPx)(theme.font.size.sm.mediaQuery[smallAndUp ? 'lg' : 'sm']), ";\n  line-height: ").concat((0, element_core_1.numToPx)(theme.font.lineHeight.sm.mediaQuery[smallAndUp ? 'lg' : 'sm']), ";\n  color: ").concat(theme.color.surface.onSurfaceVariant, ";\n");
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/components/DataTable/types.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode, Ref } from 'react';
-import { View } from 'react-native';
-export type SeparatorRow = {
-    content: string;
-    isSeparator: boolean;
-};
-type Item = ReactNode | SeparatorRow;
-export type TableProps = {
-    items: Item[][];
-    columnHeadings?: ReactNode[];
-    caption?: ReactNode;
-    rowHeadings?: boolean;
-    columnWidths: string[];
-    striped?: boolean;
-    ref: Ref<View>;
-};
-export type TableRowProps = Pick<TableProps, 'rowHeadings' | 'striped' | 'columnWidths'> & {
-    data: Item[];
-    index: number;
-};
-export {};

package/dist/components/DataTable/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/DateField/DateField.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-import { TextInput } from 'react-native';
-export type DateFormat = {
-    day: string;
-    month: string;
-    year: string;
-};
-type Props = {
-    label: string;
-    onChange: (date: DateFormat) => void;
-    value: DateFormat;
-    autoFocusNext?: boolean;
-    editable?: boolean;
-    hint?: ReactNode;
-    error?: ReactNode;
-    fullWidth?: boolean;
-    optional?: boolean;
-    testID?: string;
-};
-export declare const DateField: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TextInput>>;
-export {};

package/dist/components/DateField/DateField.js

@@ -1,99 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
-var ErrorText_1 = require("../ErrorText");
-var FormGroup_1 = require("../FormGroup");
-var HintText_1 = require("../HintText");
-var LabelText_1 = require("../LabelText");
-var NumberInput_1 = require("../NumberInput");
-var Stack_1 = require("../Stack");
-var SubLabelText_1 = require("../SubLabelText");
-var InlineFields = styled_native_1.default.View(function (_a) {
-    var stretch = _a.stretch, theme = _a.theme;
-    var margin = (0, element_core_1.numToPx)(theme.space[100]);
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-left: -", ";\n    margin-right: -", ";\n    flex-direction: row;\n    ", "\n  "], ["\n    margin-left: -", ";\n    margin-right: -", ";\n    flex-direction: row;\n    ", "\n  "])), margin, margin, stretch ? '' : "width: 265px;");
-});
-var SubField = (0, styled_native_1.default)(Stack_1.Stack)(function (_a) {
-    var theme = _a.theme;
-    var padding = (0, element_core_1.numToPx)(theme.space[100]);
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-right: ", ";\n    padding-left: ", ";\n  "], ["\n    padding-right: ", ";\n    padding-left: ", ";\n  "])), padding, padding);
-});
-var DayField = (0, styled_native_1.default)(SubField)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 25%;\n"], ["\n  width: 25%;\n"])));
-var MonthField = (0, styled_native_1.default)(SubField)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 25%;\n"], ["\n  width: 25%;\n"])));
-var YearField = (0, styled_native_1.default)(SubField)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 50%;\n"], ["\n  width: 50%;\n"])));
-exports.DateField = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, hint = _a.hint, error = _a.error, _b = _a.optional, optional = _b === void 0 ? false : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, onChange = _a.onChange, value = _a.value, testID = _a.testID, _d = _a.editable, editable = _d === void 0 ? true : _d, _e = _a.autoFocusNext, autoFocusNext = _e === void 0 ? true : _e;
-    var hasError = !!error;
-    var dayRef = (0, react_1.createRef)();
-    var monthRef = (0, react_1.createRef)();
-    var yearRef = (0, react_1.createRef)();
-    var nextFieldRef = {
-        day: monthRef,
-        month: yearRef,
-    };
-    var handleChange = function (key) { return function (datePartValue) {
-        var _a;
-        onChange &&
-            onChange(__assign(__assign({}, value), (_a = {}, _a[key] = datePartValue, _a)));
-        if (key !== 'year' && autoFocusNext) {
-            var nextField = nextFieldRef[key].current;
-            if (nextField && datePartValue.length === 2) {
-                nextField.focus();
-            }
-        }
-    }; };
-    var accessibilityLabel = function (labelText) {
-        return [labelText, (0, utils_1.getText)(hint), (0, utils_1.getText)(error)].filter(Boolean).join(', ');
-    };
-    var focusRef = function (internalRef) { return function () {
-        if (internalRef.current) {
-            internalRef.current.focus();
-        }
-    }; };
-    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, { error: hasError, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }), (0, jsx_runtime_1.jsxs)(InlineFields, { stretch: fullWidth, children: [(0, jsx_runtime_1.jsxs)(DayField, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(dayRef), accessible: false, children: (0, jsx_runtime_1.jsx)(SubLabelText_1.SubLabelText, { children: "Day" }) }), (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, { ref: (0, utils_1.mergeRefs)(dayRef, ref), accessibilityLabel: accessibilityLabel('Day'), invalid: hasError, value: value.day, onChangeText: handleChange('day'), testID: testID, stretch: true, editable: editable, maxLength: 2 })] }), (0, jsx_runtime_1.jsxs)(MonthField, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(monthRef), accessible: false, children: (0, jsx_runtime_1.jsx)(SubLabelText_1.SubLabelText, { children: "Month" }) }), (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, { ref: monthRef, accessibilityLabel: accessibilityLabel('Month'), invalid: hasError, value: value.month, onChangeText: handleChange('month'), testID: "".concat(testID, "-month"), stretch: true, editable: editable, maxLength: 2 })] }), (0, jsx_runtime_1.jsxs)(YearField, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(yearRef), accessible: false, children: (0, jsx_runtime_1.jsx)(SubLabelText_1.SubLabelText, { children: "Year" }) }), (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, { ref: yearRef, accessibilityLabel: accessibilityLabel('Year'), invalid: hasError, value: value.year, onChangeText: handleChange('year'), testID: "".concat(testID, "-year"), stretch: true, editable: editable, maxLength: 4 })] })] })] }) }));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/DateField/index.js

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

package/dist/components/Disclosure/Disclosure.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-export declare const Disclosure: import("react").ForwardRefExoticComponent<TouchableOpacityProps & {
-    title: ReactNode;
-    expanded?: boolean | undefined;
-    children?: ReactNode;
-    onToggle?: CallableFunction | undefined;
-} & import("react").RefAttributes<TouchableOpacity>>;

package/dist/components/Disclosure/Disclosure.js

@@ -1,81 +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.Disclosure = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var react_1 = require("react");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var Icon_1 = require("../Icon");
-var DisclosureButton = styled_native_1.default.TouchableOpacity(function () { return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  "], ["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  "]))); });
-var DisclosureButtonIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
-    var theme = _a.theme, expanded = _a.expanded, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    transform: ", ";\n    margin-right: ", ";\n    color: ", ";\n  "], ["\n    transform: ", ";\n    margin-right: ", ";\n    color: ", ";\n  "])), expanded ? 'rotate(0deg)' : 'rotate(-90deg)', (0, element_core_1.numToPx)(theme.space[smallAndUp ? 200 : 100]), theme.color.surface.link);
-});
-var DisclosureButtonText = styled_native_1.default.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    color: ", ";\n    padding-left: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    color: ", ";\n    padding-left: ", ";\n  "])), theme.native.font.family.book, (0, element_core_1.numToPx)(theme.font.size.md.mediaQuery[smallAndUp ? 'lg' : 'sm']), (0, element_core_1.numToPx)(theme.font.lineHeight.md.mediaQuery[smallAndUp ? 'lg' : 'sm']), theme.color.surface.link, theme.color.surface.link, (0, element_core_1.numToPx)(theme.space[200]));
-});
-var DisclosurePanel = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme;
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-top: ", ";\n    padding-left: ", ";\n  "], ["\n    margin-top: ", ";\n    padding-left: ", ";\n  "])), (0, element_core_1.numToPx)(theme.space[300]), (0, element_core_1.numToPx)(theme.space[600]));
-});
-exports.Disclosure = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, title = _a.title, _b = _a.expanded, expanded = _b === void 0 ? false : _b, onToggle = _a.onToggle, rest = __rest(_a, ["children", "title", "expanded", "onToggle"]);
-    var _c = (0, react_1.useState)(expanded), isExpanded = _c[0], setIsExpanded = _c[1];
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(DisclosureButton, __assign({ onPress: function () {
-                    setIsExpanded(!isExpanded);
-                    onToggle && onToggle(!isExpanded);
-                }, ref: ref, accessibilityState: { expanded: isExpanded } }, rest, { children: [(0, jsx_runtime_1.jsx)(DisclosureButtonIcon, __assign({ name: "caret-arrow-down" }, breakpoints, { size: 14, expanded: isExpanded })), (0, jsx_runtime_1.jsx)(DisclosureButtonText, __assign({}, breakpoints, { children: title }))] })), isExpanded && ((0, jsx_runtime_1.jsx)(DisclosurePanel, __assign({}, breakpoints, { children: children })))] }));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Disclosure/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Disclosure"), exports);

package/dist/components/Display/Display.js

@@ -1,84 +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.Display4 = exports.Display3 = exports.Display2 = exports.Display1 = exports.Display = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var StyledDisplay = styled_native_1.default.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp, inverted = _a.inverted, level = _a.level, variant = _a.variant;
-    var tokenKey = "d".concat(level);
-    var fontSize = (0, element_core_1.numToPx)(theme.font.size[tokenKey].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var lineHeight = (0, element_core_1.numToPx)(theme.font.lineHeight[tokenKey].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var letterSpacing = (0, element_core_1.numToPx)(theme.font.letterSpacing[tokenKey].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var color = inverted
-        ? theme.color.brand.onBrand
-        : variant === 'surface'
-            ? theme.color.surface.onSurface
-            : theme.color.brand.brand;
-    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    "])), theme.native.font.family.black, fontSize, lineHeight, letterSpacing, color);
-});
-var Display = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, level = _a.level, _c = _a.variant, variant = _c === void 0 ? 'brand' : _c, rest = __rest(_a, ["accessibilityRole", "level", "variant"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return ((0, jsx_runtime_1.jsx)(StyledDisplay, __assign({ accessible: true, accessibilityRole: accessibilityRole, level: level, variant: variant }, breakpoints, rest)));
-};
-exports.Display = Display;
-var Display1 = function (props) { return (0, jsx_runtime_1.jsx)(exports.Display, __assign({}, props, { level: "1" })); };
-exports.Display1 = Display1;
-var Display2 = function (props) { return (0, jsx_runtime_1.jsx)(exports.Display, __assign({}, props, { level: "2" })); };
-exports.Display2 = Display2;
-var Display3 = function (props) { return (0, jsx_runtime_1.jsx)(exports.Display, __assign({}, props, { level: "3" })); };
-exports.Display3 = Display3;
-var Display4 = function (props) { return (0, jsx_runtime_1.jsx)(exports.Display, __assign({}, props, { level: "4" })); };
-exports.Display4 = Display4;
-var templateObject_1;

package/dist/components/Display/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Display4 = exports.Display3 = exports.Display2 = exports.Display1 = exports.Display = void 0;
-var Display_1 = require("./Display");
-Object.defineProperty(exports, "Display", { enumerable: true, get: function () { return Display_1.Display; } });
-Object.defineProperty(exports, "Display1", { enumerable: true, get: function () { return Display_1.Display1; } });
-Object.defineProperty(exports, "Display2", { enumerable: true, get: function () { return Display_1.Display2; } });
-Object.defineProperty(exports, "Display3", { enumerable: true, get: function () { return Display_1.Display3; } });
-Object.defineProperty(exports, "Display4", { enumerable: true, get: function () { return Display_1.Display4; } });

package/dist/components/Divider/Divider.js

@@ -1,44 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var StyledDivider = styled_native_1.default.View(function (_a) {
-    var theme = _a.theme, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.width, width = _c === void 0 ? '100%' : _c;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 1px;\n      background: ", ";\n      width: ", ";\n    "], ["\n      height: 1px;\n      background: ", ";\n      width: ", ";\n    "])), type === 'default'
-        ? theme.color.surface.border
-        : theme.color.surface.borderDim, width);
-});
-var Divider = function (_a) {
-    var type = _a.type, width = _a.width;
-    return (0, jsx_runtime_1.jsx)(StyledDivider, { type: type, width: width });
-};
-exports.Divider = Divider;
-var templateObject_1;

package/dist/components/Divider/index.js

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