@ovotech/element-native 2.0.0 → 2.0.2

package/dist/esm/components/Tabs/TabList.js

@@ -0,0 +1,48 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Children, cloneElement } from 'react';
+import { View } from 'react-native';
+import styled, { css } from '../../styled.native';
+import { callAll } from '../../utils';
+export var TabList = styled(function (_a) {
+    var children = _a.children, setActiveTab = _a.setActiveTab, activeTab = _a.activeTab, tabRefs = _a.tabRefs, fullWidth = _a.fullWidth, inline = _a.inline, rest = __rest(_a, ["children", "setActiveTab", "activeTab", "tabRefs", "fullWidth", "inline"]);
+    return (React.createElement(View, __assign({ accessibilityRole: "tablist" }, rest), Children.map(children, function (child, i) {
+        return cloneElement(child, {
+            onPress: callAll(function () { return setActiveTab && setActiveTab(i); }, child.props.onPress),
+            active: activeTab === i,
+            fullWidth: fullWidth,
+            ref: tabRefs[i],
+            first: i === 0,
+            last: Children.count(children) - 1 === i,
+            inline: inline,
+        });
+    })));
+})(function (_a) {
+    var card = _a.theme.card;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    flex-direction: row;\n    margin: -", ";\n  "], ["\n    flex-direction: row;\n    margin: -", ";\n  "])), card.borderWidth);
+});
+var templateObject_1;

package/dist/esm/components/Tabs/TabPanel.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { useBreakpoint } from '../../hooks';
+import styled from '../../styled.native';
+var StyledView = styled.View(function (_a) {
+    var card = _a.theme.card, smallAndUp = _a.smallAndUp;
+    return "\n    padding: ".concat(card.padding[smallAndUp ? 1 : 0], ";\n    border-top-width: ").concat(card.borderWidth, ";\n    border-style: solid;\n    border-color: ").concat(card.borderColor, ";\n    z-index: -1;\n  ");
+});
+export var TabPanel = function (_a) {
+    var rest = __rest(_a, []);
+    var breakpoints = useBreakpoint();
+    return React.createElement(StyledView, __assign({}, breakpoints, rest));
+};

package/dist/esm/components/Tabs/Tabs.js

@@ -0,0 +1,69 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, cloneElement, useEffect, createRef, useRef, } from 'react';
+import styled, { css } from '../../styled.native';
+import { filterChildrenByType } from '../../utils';
+import { Card } from '../Card';
+import { TabList } from './TabList';
+import { TabPanel } from './TabPanel';
+export var Tabs = styled(function (_a) {
+    var children = _a.children, _b = _a.defaultSelected, defaultSelected = _b === void 0 ? 0 : _b, onSelected = _a.onSelected, fullWidth = _a.fullWidth, inline = _a.inline, rest = __rest(_a, ["children", "defaultSelected", "onSelected", "fullWidth", "inline"]);
+    var _c = useState(defaultSelected), activeTab = _c[0], setActiveTab = _c[1];
+    var tabList = filterChildrenByType(children, TabList);
+    var tabPanels = filterChildrenByType(children, TabPanel);
+    var tabRefs = tabPanels.map(function () { return createRef(); });
+    var loaded = useRef(false);
+    useEffect(function () {
+        if (loaded.current) {
+            onSelected && onSelected(activeTab);
+        }
+        else {
+            loaded.current = true;
+        }
+    }, [onSelected, activeTab]);
+    return (React.createElement(Card, __assign({}, rest),
+        tabList.map(function (child) {
+            return cloneElement(child, {
+                setActiveTab: setActiveTab,
+                activeTab: activeTab,
+                tabRefs: tabRefs,
+                fullWidth: fullWidth,
+                inline: inline,
+            });
+        }),
+        tabPanels
+            .filter(function (_, index) { return index === activeTab; })
+            .map(function (child, index) {
+            return cloneElement(child, {
+                hidden: activeTab !== index,
+            });
+        })));
+})(function (_a) {
+    var _b = _a.theme, card = _b.card, tabs = _b.tabs, inline = _a.inline;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      padding: 0;\n      border: ", " solid\n        ", ";\n    "], ["\n      padding: 0;\n      border: ", " solid\n        ", ";\n    "])), card.borderWidth, inline ? card.borderColor : tabs.tab.borderColor);
+});
+var templateObject_1;

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

@@ -0,0 +1,4 @@
+export { Tabs } from './Tabs';
+export { Tab } from './Tab';
+export { TabList } from './TabList';
+export { TabPanel } from './TabPanel';

package/dist/esm/components/Text/Text.js

@@ -0,0 +1,69 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { Children, isValidElement, cloneElement, } from 'react';
+import { View } from 'react-native';
+import styled, { css } from '../../styled.native';
+import { styledComponentWithBreakpoints } from '../../utils';
+var StyledP = styled.Text(function (_a) {
+    var text = _a.theme.text, smallAndUp = _a.smallAndUp;
+    var fontSize = smallAndUp ? text.p.fontSize[1] : text.p.fontSize[0];
+    var lineHeight = smallAndUp ? text.p.lineHeight[1] : text.p.lineHeight[0];
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), text.fontFamily, text.fontWeight, fontSize, lineHeight, text.color, smallAndUp ? text.p.marginTop[1] : text.p.marginTop[0], smallAndUp
+        ? text.p.marginBottom[1]
+        : text.p.marginBottom[0]);
+});
+export var P = styledComponentWithBreakpoints(StyledP);
+var StyledSmall = styled.Text(function (_a) {
+    var text = _a.theme.text, smallAndUp = _a.smallAndUp;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-size: ", ";\n  "], ["\n    font-size: ", ";\n  "])), smallAndUp ? text.small.fontSize[1] : text.small.fontSize[0]);
+});
+export var Small = styledComponentWithBreakpoints(StyledSmall);
+export var Strong = styled.Text(function (_a) {
+    var text = _a.theme.text;
+    return "\n    font-family: ".concat(text.strong.fontFamily, ";\n    font-weight: ").concat(text.strong.fontWeight, ";\n  ");
+});
+export var Em = styled.Text(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: 'System font';\n  font-style: italic;\n"], ["\n  font-family: 'System font';\n  font-style: italic;\n"])));
+export var LineThrough = styled.Text(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  text-decoration: line-through;\n"], ["\n  text-decoration: line-through;\n"])));
+export var TextGroup = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    var filteredChildren = [];
+    Children.forEach(children, function (child) {
+        if (isValidElement(child)) {
+            filteredChildren.push(child);
+        }
+    });
+    return (React.createElement(View, __assign({}, rest), Children.map(filteredChildren, function (child, index) {
+        if (!isValidElement(child)) {
+            return;
+        }
+        var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
+        return cloneElement(child, {
+            style: style,
+        });
+    })));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -0,0 +1 @@
+export { P, Strong, Em, Small, LineThrough, TextGroup } from './Text';

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

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { CurrencyInput } from '../Input/CurrencyInput';
+export var CurrencyField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({ affixWidth: 40 }, rest, { ref: ref }),
+        React.createElement(CurrencyInput, null)));
+});

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

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { EmailInput } from '../Input/EmailInput';
+export var EmailField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({}, rest, { ref: ref }),
+        React.createElement(EmailInput, null)));
+});

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

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { NumberInput } from '../Input/NumberInput';
+export var NumberField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({}, rest, { ref: ref }),
+        React.createElement(NumberInput, null)));
+});

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

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { PasswordInput } from '../Input/PasswordInput';
+export var PasswordField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({}, rest, { ref: ref }),
+        React.createElement(PasswordInput, null)));
+});

package/dist/esm/components/TextField/TelField.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { TelInput } from '../Input/TelInput';
+export var TelField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({}, rest, { ref: ref }),
+        React.createElement(TelInput, null)));
+});

package/dist/esm/components/TextField/TextField.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { TextInput } from '../Input/TextInput';
+export var TextField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({}, rest, { ref: ref }),
+        React.createElement(TextInput, null)));
+});

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

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { Field } from '../Field';
+import { TextareaInput } from '../Input/TextareaInput';
+export var TextareaField = forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Field, __assign({}, rest, { ref: ref }),
+        React.createElement(TextareaInput, null)));
+});

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

@@ -0,0 +1,7 @@
+export { CurrencyField } from './CurrencyField';
+export { TextField } from './TextField';
+export { NumberField } from './NumberField';
+export { TelField } from './TelField';
+export { EmailField } from './EmailField';
+export { PasswordField } from './PasswordField';
+export { TextareaField } from './TextareaField';

package/dist/esm/components/TextLink/TextLink.js

@@ -0,0 +1,49 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useContext } from 'react';
+import { Text } from 'react-native';
+import styled, { css, ThemeContext } from '../../styled.native';
+import { getText } from '../../utils/utils';
+import { Icon } from '../Icon';
+var StyledText = styled.Text(function (_a) {
+    var textLink = _a.theme.textLink;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    font-weight: ", ";\n  "], ["\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    font-weight: ", ";\n  "])), textLink.color, textLink.color, textLink.fontWeight);
+});
+var TextLink = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.opensInNewWindow, opensInNewWindow = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, rest = __rest(_a, ["children", "opensInNewWindow", "accessibilityLabel"]);
+    var textLink = useContext(ThemeContext).textLink;
+    var updatedAccessibilityLabel = opensInNewWindow
+        ? "".concat(accessibilityLabel ? accessibilityLabel : getText(children), " (opens in new window)")
+        : accessibilityLabel;
+    return (React.createElement(Text, __assign({}, rest, { accessibilityLabel: updatedAccessibilityLabel, ref: ref }),
+        React.createElement(StyledText, null, children),
+        opensInNewWindow && (React.createElement(React.Fragment, null,
+            "\u00A0",
+            React.createElement(Icon, { color: textLink.color, size: 12, name: "new-window" })))));
+});
+export { TextLink };
+var templateObject_1;

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

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

package/dist/esm/components/index.js

@@ -0,0 +1,27 @@
+export * from './Accordion';
+export * from './Badge';
+export * from './Card';
+export * from './Checkbox';
+export * from './CTAButton';
+export * from './CTALink';
+export * from './DateField';
+export * from './Disclosure';
+export * from './ErrorSummaryNotification';
+export * from './Field';
+export * from './Grid';
+export * from './NavHeader';
+export * from './Heading';
+export * from './Icon';
+export * from './Input';
+export * from './List';
+export * from './Margin';
+export * from './Notification';
+export * from './Radio';
+export * from './SummaryList';
+export * from './Stack';
+export * from './Tabs';
+export * from './Text';
+export * from './TextField';
+export * from './TextLink';
+export * from './DataTable';
+export * from './SkeletonLoading';

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './use-full-width';
+export * from './use-breakpoint';

package/dist/esm/hooks/use-breakpoint.js

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { ThemeContext } from '../styled.native';
+export var useBreakpoint = function () {
+    var breakpoints = useContext(ThemeContext).breakpoints;
+    var width = useWindowDimensions().width;
+    return {
+        smallAndUp: width >= breakpoints.small,
+        mediumAndUp: width >= breakpoints.medium,
+        largeAndUp: width >= breakpoints.large,
+    };
+};

package/dist/esm/hooks/use-full-width.js

@@ -0,0 +1,16 @@
+import { useState, useEffect } from 'react';
+import { useBreakpoint } from './use-breakpoint';
+export var useFullWidth = function (fullWidth) {
+    if (fullWidth === void 0) { fullWidth = 'small'; }
+    var _a = useState(true), isFullWidth = _a[0], setIsfullWidth = _a[1];
+    var smallAndUp = useBreakpoint().smallAndUp;
+    useEffect(function () {
+        var values = {
+            small: !smallAndUp,
+            always: true,
+            never: false,
+        };
+        setIsfullWidth(values[fullWidth]);
+    }, [isFullWidth, smallAndUp, setIsfullWidth]);
+    return isFullWidth;
+};

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './theme';
+export * from './utils';

package/dist/esm/providers/IconsProvider.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { createContext, useContext } from 'react';
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, CaretDown, CaretLeft, CaretRight, CaretUp, Chart, Check, ChevronDown, ChevronLeft, ChevronLeftSmall, ChevronLeftSmallFirst, ChevronRight, ChevronRightSmall, ChevronRightSmallLast, ChevronUp, Cross, Dollar, Download, Electricity, Euro, Gas, Help, Hide, Home, Info, Link, Logo, Minus, NewWindow, PaymentCard, Plus, Pound, Search, Show, User, } from './icons';
+var defaultIcons = {
+    'arrow-down': ArrowDown,
+    'arrow-left': ArrowLeft,
+    'arrow-right': ArrowRight,
+    'arrow-up': ArrowUp,
+    'caret-down': CaretDown,
+    'caret-left': CaretLeft,
+    'caret-right': CaretRight,
+    'caret-up': CaretUp,
+    chart: Chart,
+    check: Check,
+    'chevron-left': ChevronLeft,
+    'chevron-left-small': ChevronLeftSmall,
+    'chevron-left-small-first': ChevronLeftSmallFirst,
+    'chevron-right': ChevronRight,
+    'chevron-right-small': ChevronRightSmall,
+    'chevron-right-small-last': ChevronRightSmallLast,
+    'chevron-up': ChevronUp,
+    'chevron-down': ChevronDown,
+    cross: Cross,
+    dollar: Dollar,
+    download: Download,
+    electricity: Electricity,
+    euro: Euro,
+    gas: Gas,
+    help: Help,
+    hide: Hide,
+    home: Home,
+    info: Info,
+    'new-window': NewWindow,
+    link: Link,
+    logo: Logo,
+    minus: Minus,
+    'payment-card': PaymentCard,
+    plus: Plus,
+    pound: Pound,
+    search: Search,
+    show: Show,
+    user: User,
+};
+var IconsContext = createContext(null);
+function useIcons() {
+    var icons = useContext(IconsContext) || defaultIcons;
+    return icons;
+}
+function IconsProvider(_a) {
+    var children = _a.children, _b = _a.icons, icons = _b === void 0 ? {} : _b;
+    var baseIcons = useContext(IconsContext) || defaultIcons;
+    var mergedIcons = __assign(__assign({}, baseIcons), icons);
+    return (React.createElement(IconsContext.Provider, { value: mergedIcons }, children));
+}
+export { useIcons, IconsProvider, defaultIcons };