@ovotech/element-native 1.0.0 → 2.0.0-beta.1

package/dist/components/Checkbox/Checkbox.js

@@ -58,8 +58,8 @@ var ErrorText_1 = require("../ErrorText");
 var FormGroup_1 = require("../FormGroup");
 var HintText_1 = require("../HintText");
 var Icon_1 = require("../Icon/Icon");
+var LabelText_1 = require("../LabelText");
 var Stack_1 = require("../Stack");
-var SubLabelText_1 = require("../SubLabelText");
 var StyledCheckboxInputWrapper = styled_native_1.default.View(function (_a) {
     var checkbox = _a.theme.checkbox;
     var checkboxSize = (0, utils_1.pxToNumber)(checkbox.size);
@@ -67,11 +67,15 @@ var StyledCheckboxInputWrapper = styled_native_1.default.View(function (_a) {
     return "\n      width: ".concat(checkboxSize + gap, "px;\n      height: ").concat(checkbox.touchSize, ";\n    ");
 });
 var StyledCheckboxInput = styled_native_1.default.View(function (_a) {
-    var checkbox = _a.theme.checkbox, invalid = _a.invalid;
+    var checkbox = _a.theme.checkbox, invalid = _a.invalid, checked = _a.checked;
     var touchSize = (0, utils_1.pxToNumber)(checkbox.touchSize);
     var checkboxSize = (0, utils_1.pxToNumber)(checkbox.size);
     var checkboxDistance = (touchSize - checkboxSize) / 2;
-    return "\n      width: ".concat(checkbox.size, ";\n      height: ").concat(checkbox.size, ";\n      border: ").concat(checkbox.borderWidth, " solid;\n      margin-top: ").concat(checkboxDistance, "px;\n      border-radius: ").concat(checkbox.borderRadius, ";\n      border-color: ").concat(invalid ? checkbox.errorColor : checkbox.borderColor, ";\n      background: ").concat(checkbox.background, ";\n    ");
+    return "\n      width: ".concat(checkbox.size, ";\n      height: ").concat(checkbox.size, ";\n      border: ").concat(checkbox.borderWidth, " solid;\n      margin-top: ").concat(checkboxDistance, "px;\n      border-radius: ").concat(checkbox.borderRadius, ";\n      border-color: ").concat(invalid
+        ? checkbox.errorColor
+        : checked
+            ? checkbox.checkColor
+            : checkbox.borderColor, ";\n      background: ").concat(checked ? checkbox.checkedBackground : checkbox.background, ";\n    ");
 });
 var CheckboxCheck = function (props) {
     var checkbox = (0, react_1.useContext)(styled_native_1.ThemeContext).checkbox;
@@ -88,10 +92,10 @@ var StyledCheckboxInputCheck = (0, styled_native_1.default)(CheckboxCheck)(funct
 var Input = function (_a) {
     var checked = _a.checked, invalid = _a.invalid, rest = __rest(_a, ["checked", "invalid"]);
     return (react_1.default.createElement(StyledCheckboxInputWrapper, __assign({}, rest),
-        react_1.default.createElement(StyledCheckboxInput, { invalid: invalid },
+        react_1.default.createElement(StyledCheckboxInput, { invalid: invalid, checked: checked },
             react_1.default.createElement(StyledCheckboxInputCheck, { checked: checked }))));
 };
-var LabelText = (0, styled_native_1.default)(SubLabelText_1.SubLabelText)(function (_a) {
+var CheckLabelText = (0, styled_native_1.default)(LabelText_1.LabelText)(function (_a) {
     var checkbox = _a.theme.checkbox;
     return "\n    padding-top: ".concat(checkbox.paddingTop, ";\n  ");
 });
@@ -108,7 +112,7 @@ var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
                 react_1.default.createElement(StyledWrapper, null,
                     react_1.default.createElement(Input, { checked: checked, invalid: hasError || invalid }),
                     react_1.default.createElement(react_native_1.View, { style: { flexShrink: 1 } },
-                        react_1.default.createElement(LabelText, null,
+                        react_1.default.createElement(CheckLabelText, null,
                             label,
                             optional ? ' (optional)' : null),
                         hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null))))));

package/dist/components/DataTable/DataTable.js

@@ -57,68 +57,66 @@ var styled_native_1 = __importStar(require("../../styled.native"));
 var utils_1 = require("../../utils");
 exports.DataTable = (0, react_1.forwardRef)(function (_a, ref) {
     var items = _a.items, columnHeadings = _a.columnHeadings, caption = _a.caption, rowHeadings = _a.rowHeadings, columnWidths = _a.columnWidths, _b = _a.striped, striped = _b === void 0 ? true : _b, rest = __rest(_a, ["items", "columnHeadings", "caption", "rowHeadings", "columnWidths", "striped"]);
+    var breakpoints = (0, hooks_1.useBreakpoint)();
     var columnLabel = columnHeadings
         ? " ".concat(columnHeadings.length, " columns,")
         : '';
     var captionLabel = caption ? caption : '';
     var accessibilityLabelText = (0, utils_1.getText)(captionLabel);
     var accessibilityLabel = "data table,".concat(columnLabel, " ").concat(items.length, " rows, ").concat(accessibilityLabelText);
-    return (react_1.default.createElement(react_native_1.ScrollView, { horizontal: true, alwaysBounceHorizontal: false },
+    return (react_1.default.createElement(react_native_1.ScrollView, { horizontal: true, alwaysBounceHorizontal: false, contentContainerStyle: { flexGrow: 1 } },
         react_1.default.createElement(StyledTableContainer, __assign({}, rest, { ref: ref }),
-            caption ? (react_1.default.createElement(TableCaption, null,
-                react_1.default.createElement(TableCaptionText, { accessibilityLabel: accessibilityLabel }, caption))) : null,
-            columnHeadings ? (react_1.default.createElement(TableRowHeading, null, columnHeadings.map(function (columnHeading, index) { return (react_1.default.createElement(TableHeader, { key: index, cellWidth: columnWidths[index] },
-                react_1.default.createElement(TableHeaderText, null, columnHeading))); }))) : null,
+            caption ? (react_1.default.createElement(TableCaption, __assign({}, breakpoints),
+                react_1.default.createElement(TableCaptionText, __assign({}, breakpoints, { accessibilityLabel: accessibilityLabel }), caption))) : null,
+            columnHeadings ? (react_1.default.createElement(TableRowHeading, null, columnHeadings.map(function (columnHeading, index) { return (react_1.default.createElement(TableHeader, __assign({}, breakpoints, { key: index, cellWidth: columnWidths[index] }),
+                react_1.default.createElement(TableHeaderText, __assign({}, breakpoints), columnHeading))); }))) : null,
             react_1.default.createElement(TableBody, null, items.map(function (rowData, p) { return (react_1.default.createElement(TableRow, { key: p, stripe: striped && p % 2 === 0 }, rowData.map(function (cellData, i) {
-                return rowHeadings && i < 1 ? (react_1.default.createElement(RowHeading, { key: i, testID: "rowHeader", cellWidth: columnWidths[i] },
-                    react_1.default.createElement(TableHeaderText, null, cellData))) : (react_1.default.createElement(TableCell, { key: i, testID: "cell", cellWidth: columnWidths[i] },
-                    react_1.default.createElement(CellText, null, cellData)));
+                return rowHeadings && i < 1 ? (react_1.default.createElement(RowHeading, __assign({}, breakpoints, { key: i, testID: "rowHeader", cellWidth: columnWidths[i] }),
+                    react_1.default.createElement(TableHeaderText, __assign({}, breakpoints), cellData))) : (react_1.default.createElement(TableCell, __assign({}, breakpoints, { key: i, testID: "cell", cellWidth: columnWidths[i] }),
+                    react_1.default.createElement(CellText, __assign({}, breakpoints), cellData)));
             }))); })))));
 });
-var StyledTableContainer = styled_native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var StyledTableContainer = styled_native_1.default.View(function (_a) {
+    var dataTable = _a.theme.dataTable;
+    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  "])), dataTable.borderWidth, dataTable.borderColor);
+});
 var TableHeader = styled_native_1.default.View(function (_a) {
-    var tableCell = _a.theme.dataTable.tableCell, cellWidth = _a.cellWidth;
-    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", " ", ";\n    align-self: stretch;\n    flex-direction: row;\n    width: ", ";\n    flex: ", ";\n  "], ["\n    padding: ", " ", ";\n    align-self: stretch;\n    flex-direction: row;\n    width: ", ";\n    flex: ", ";\n  "])), tableCell.paddingVertical, tableCell.paddingHorizontal, cellWidth, cellWidth === 'auto' ? 1 : 0);
+    var _b = _a.theme.dataTable.responsivePadding, vertical = _b.vertical, horizontal = _b.horizontal, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", " ", ";\n    align-self: stretch;\n    flex-direction: row;\n    width: ", ";\n    flex: ", ";\n  "], ["\n    padding: ", " ", ";\n    align-self: stretch;\n    flex-direction: row;\n    width: ", ";\n    flex: ", ";\n  "])), vertical[smallAndUp ? 1 : 0], horizontal[smallAndUp ? 1 : 0], cellWidth, cellWidth === 'auto' ? 1 : 0);
 });
-var StyledTableHeaderText = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, tableHeader = _b.dataTable.tableHeader, responsiveFontSizes = _b.responsiveFontSizes, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n\n    font-size: ", ";\n  "], ["\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n\n    font-size: ", ";\n  "])), tableHeader.fontWeight, tableHeader.color, smallAndUp
+var TableHeaderText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, tableHeader = _b.dataTable.tableHeader, responsiveFontSizes = _b.responsiveFontSizes, responsiveLineHeights = _b.responsiveLineHeights, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n\n    line-height: ", ";\n    font-size: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n\n    line-height: ", ";\n    font-size: ", ";\n  "])), tableHeader.fontFamily, tableHeader.fontWeight, tableHeader.color, smallAndUp
+        ? responsiveLineHeights.body[1]
+        : responsiveLineHeights.body[0], smallAndUp
         ? responsiveFontSizes.body[1]
         : responsiveFontSizes.body[0]);
 });
-var TableHeaderText = function (props) {
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return react_1.default.createElement(StyledTableHeaderText, __assign({}, breakpoints, props));
-};
-var StyledTableCaptionText = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, tableCaption = _b.dataTable.tableCaption, responsiveFontSizes = _b.responsiveFontSizes, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n    font-size: ", ";\n  "], ["\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n    font-size: ", ";\n  "])), tableCaption.fontWeight, tableCaption.color, smallAndUp
-        ? responsiveFontSizes.body[1]
-        : responsiveFontSizes.body[0]);
+var TableCaptionText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, tableCaption = _b.dataTable.tableCaption, responsiveFontSizes = _b.responsiveFontSizes, responsiveLineHeights = _b.responsiveLineHeights, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n    line-height: ", ";\n    font-size: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    text-align: left;\n    color: ", ";\n    flex-wrap: wrap;\n    line-height: ", ";\n    font-size: ", ";\n  "])), tableCaption.fontFamily, tableCaption.fontWeight, tableCaption.color, smallAndUp
+        ? responsiveLineHeights.level4[1]
+        : responsiveLineHeights.level4[0], smallAndUp
+        ? responsiveFontSizes.level4[1]
+        : responsiveFontSizes.level4[0]);
 });
-var TableCaptionText = function (props) {
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return react_1.default.createElement(StyledTableCaptionText, __assign({}, breakpoints, props));
-};
-var StyledCellText = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, text = _b.text, responsiveFontSizes = _b.responsiveFontSizes, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-weight: ", ";\n    font-family: ", ";\n    font-size: ", ";\n  "], ["\n    font-weight: ", ";\n    font-family: ", ";\n    font-size: ", ";\n  "])), text.fontWeight, text.fontFamily, smallAndUp
+var CellText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, text = _b.text, responsiveFontSizes = _b.responsiveFontSizes, responsiveLineHeights = _b.responsiveLineHeights, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-weight: ", ";\n    font-family: ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "], ["\n    font-weight: ", ";\n    font-family: ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), text.fontWeight, text.fontFamily, smallAndUp
+        ? responsiveLineHeights.body[1]
+        : responsiveLineHeights.body[0], smallAndUp
         ? responsiveFontSizes.body[1]
         : responsiveFontSizes.body[0]);
 });
-var CellText = function (props) {
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return react_1.default.createElement(StyledCellText, __assign({}, breakpoints, props));
-};
 var TableCaption = styled_native_1.default.View(function (_a) {
-    var tableCaption = _a.theme.dataTable.tableCaption;
-    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding: ", " ", ";\n  "], ["\n    padding: ", " ", ";\n  "])), tableCaption.paddingVertical, tableCaption.paddingHorizontal);
+    var _b = _a.theme.dataTable.responsivePadding, vertical = _b.vertical, horizontal = _b.horizontal, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding: ", " ", ";\n  "], ["\n    padding: ", " ", ";\n  "])), vertical[smallAndUp ? 1 : 0], horizontal[smallAndUp ? 1 : 0]);
 });
 var TableRow = styled_native_1.default.View(function (_a) {
     var dataTable = _a.theme.dataTable, 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  "], ["\n    background-color: ", ";\n    flex-direction: row;\n    align-items: stretch;\n  "])), 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
         ? dataTable.tableRow.stripeColor
-        : dataTable.tableRow.backgroundColor);
+        : dataTable.tableRow.backgroundColor, stripe ? 'none' : "".concat(dataTable.borderWidth), stripe ? 'none' : "".concat(dataTable.borderColor));
 });
 var TableRowHeading = styled_native_1.default.View(function (_a) {
     var dataTable = _a.theme.dataTable;
@@ -126,11 +124,11 @@ var TableRowHeading = styled_native_1.default.View(function (_a) {
 });
 var 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"])));
 var TableCell = styled_native_1.default.View(function (_a) {
-    var tableCell = _a.theme.dataTable.tableCell, cellWidth = _a.cellWidth;
-    return (0, styled_native_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      padding: ", " ", ";\n      border-bottom-width: ", ";\n      border-bottom-color: ", ";\n      width: ", ";\n      flex: ", ";\n    "], ["\n      padding: ", " ", ";\n      border-bottom-width: ", ";\n      border-bottom-color: ", ";\n      width: ", ";\n      flex: ", ";\n    "])), tableCell.paddingVertical, tableCell.paddingHorizontal, tableCell.borderWidth, tableCell.borderColor, cellWidth, cellWidth === 'auto' ? 1 : 0);
+    var _b = _a.theme.dataTable.responsivePadding, vertical = _b.vertical, horizontal = _b.horizontal, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      padding: ", " ", ";\n      width: ", ";\n      flex: ", ";\n    "], ["\n      padding: ", " ", ";\n      width: ", ";\n      flex: ", ";\n    "])), vertical[smallAndUp ? 1 : 0], horizontal[smallAndUp ? 1 : 0], cellWidth, cellWidth === 'auto' ? 1 : 0);
 });
 var RowHeading = styled_native_1.default.View(function (_a) {
-    var tableCell = _a.theme.dataTable.tableCell, cellWidth = _a.cellWidth;
-    return (0, styled_native_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      padding: ", " ", ";\n      border-bottom-width: ", ";\n      border-bottom-color: ", ";\n      width: ", ";\n      flex: ", ";\n    "], ["\n      padding: ", " ", ";\n      border-bottom-width: ", ";\n      border-bottom-color: ", ";\n      width: ", ";\n      flex: ", ";\n    "])), tableCell.paddingVertical, tableCell.paddingHorizontal, tableCell.borderWidth, tableCell.borderColor, cellWidth, cellWidth === 'auto' ? 1 : 0);
+    var _b = _a.theme.dataTable.responsivePadding, vertical = _b.vertical, horizontal = _b.horizontal, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
+    return (0, styled_native_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      padding: ", " ", ";\n      width: ", ";\n      flex: ", ";\n    "], ["\n      padding: ", " ", ";\n      width: ", ";\n      flex: ", ";\n    "])), vertical[smallAndUp ? 1 : 0], horizontal[smallAndUp ? 1 : 0], cellWidth, cellWidth === 'auto' ? 1 : 0);
 });
 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/DateField/DateField.js

@@ -90,8 +90,7 @@ exports.DateField = (0, react_1.forwardRef)(function (_a, ref) {
                 react_1.default.createElement(LabelText_1.LabelText, null,
                     label,
                     optional ? ' (optional)' : null),
-                hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null,
-                error ? react_1.default.createElement(ErrorText_1.ErrorText, null, error) : null),
+                hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null),
             react_1.default.createElement(InlineFields, { stretch: stretch },
                 react_1.default.createElement(DayField, { spaceBetween: 1 },
                     react_1.default.createElement(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(dayRef), accessible: false },
@@ -104,6 +103,7 @@ exports.DateField = (0, react_1.forwardRef)(function (_a, ref) {
                 react_1.default.createElement(YearField, { spaceBetween: 1 },
                     react_1.default.createElement(react_native_1.TouchableWithoutFeedback, { onPress: focusRef(yearRef), accessible: false },
                         react_1.default.createElement(SubLabelText_1.SubLabelText, null, "Year")),
-                    react_1.default.createElement(Input_1.NumberInput, { ref: yearRef, accessibilityLabel: accessibilityLabel('Year'), invalid: hasError, value: value.year, onChangeText: handleChange('year'), testID: "".concat(testID, "-year"), stretch: true, editable: editable }))))));
+                    react_1.default.createElement(Input_1.NumberInput, { ref: yearRef, accessibilityLabel: accessibilityLabel('Year'), invalid: hasError, value: value.year, onChangeText: handleChange('year'), testID: "".concat(testID, "-year"), stretch: true, editable: editable }))),
+            error ? react_1.default.createElement(ErrorText_1.ErrorText, null, error) : null)));
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/Disclosure/Disclosure.js

@@ -62,20 +62,11 @@ var DisclosureButtonIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_
 });
 var DisclosureButtonText = styled_native_1.default.Text(function (_a) {
     var _b = _a.theme, text = _b.text, textLink = _b.textLink, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", "px;\n    font-weight: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    color: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", "px;\n    font-weight: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    color: ", ";\n  "])), text.fontFamily, text.p.fontSize[smallAndUp ? 1 : 0], text.lineHeight *
-        (0, utils_1.pxToNumber)(text.p.fontSize[smallAndUp ? 1 : 0]), textLink.fontWeight, textLink.color, textLink.color);
-});
-var LineIndent = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, disclosure = _b.disclosure, responsiveFontSizes = _b.responsiveFontSizes, smallAndUp = _a.smallAndUp;
-    var lineOffset = function (fontSize) {
-        return "".concat((0, utils_1.pxToNumber)(fontSize) / 2 -
-            (0, utils_1.pxToNumber)(disclosure.lineIndent.width) / 2, "px");
-    };
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      width: ", ";\n      border-radius: ", ";\n      left: ", ";\n      background-color: ", ";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n    "], ["\n      width: ", ";\n      border-radius: ", ";\n      left: ", ";\n      background-color: ", ";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n    "])), disclosure.lineIndent.width, disclosure.lineIndent.borderRadius, lineOffset(responsiveFontSizes.body[smallAndUp ? 1 : 0]), disclosure.lineIndent.backgroundColor);
+    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    color: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    color: ", ";\n  "])), text.fontFamily, text.p.fontSize[smallAndUp ? 1 : 0], text.p.lineHeight[smallAndUp ? 1 : 0], textLink.fontWeight, textLink.color, textLink.color);
 });
 var DisclosurePanel = styled_native_1.default.View(function (_a) {
     var _b = _a.theme, disclosure = _b.disclosure, responsiveFontSizes = _b.responsiveFontSizes, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-top: ", ";\n    padding-left: ", "px;\n  "], ["\n    margin-top: ", ";\n    padding-left: ", "px;\n  "])), disclosure.panelGap[smallAndUp ? 1 : 0], (0, utils_1.pxToNumber)(responsiveFontSizes.body[smallAndUp ? 1 : 0]) +
+    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-top: ", ";\n    padding-left: ", "px;\n  "], ["\n    margin-top: ", ";\n    padding-left: ", "px;\n  "])), disclosure.panelGap[smallAndUp ? 1 : 0], (0, utils_1.pxToNumber)(responsiveFontSizes.body[smallAndUp ? 1 : 0]) +
         (0, utils_1.pxToNumber)(disclosure.iconGap[smallAndUp ? 1 : 0]));
 });
 exports.Disclosure = (0, react_1.forwardRef)(function (_a, ref) {
@@ -90,8 +81,6 @@ exports.Disclosure = (0, react_1.forwardRef)(function (_a, ref) {
             }, ref: ref, accessibilityState: { expanded: isExpanded } }, rest),
             react_1.default.createElement(DisclosureButtonIcon, __assign({ name: "caret-down" }, breakpoints, { size: 14, expanded: isExpanded, color: textLink.color })),
             react_1.default.createElement(DisclosureButtonText, __assign({}, breakpoints), title)),
-        isExpanded && (react_1.default.createElement(DisclosurePanel, __assign({}, breakpoints),
-            react_1.default.createElement(LineIndent, __assign({}, breakpoints)),
-            children))));
+        isExpanded && (react_1.default.createElement(DisclosurePanel, __assign({}, breakpoints), children))));
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/ErrorText/ErrorText.js

@@ -34,7 +34,7 @@ var utils_1 = require("../../utils");
 var StyledErrorText = styled_native_1.default.Text(function (_a) {
     var field = _a.theme.field, smallAndUp = _a.smallAndUp;
     var fontSize = smallAndUp ? field.fontSize[1] : field.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), field.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), fontSize, field.error.fontWeight, field.error.color);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), field.error.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), fontSize, field.error.fontWeight, field.error.color);
 });
 var ErrorText = (0, utils_1.styledComponentWithBreakpoints)(StyledErrorText);
 exports.ErrorText = ErrorText;

package/dist/components/Field/Field.js

@@ -84,11 +84,11 @@ exports.Field = (0, react_1.forwardRef)(function (_a, ref) {
                     react_1.default.createElement(LabelText_1.LabelText, null,
                         label,
                         optional ? ' (optional)' : null),
-                    hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null,
-                    error ? react_1.default.createElement(ErrorText_1.ErrorText, null, error) : null)),
+                    hint ? react_1.default.createElement(HintText_1.HintText, null, hint) : null)),
             react_1.default.createElement(Stretch_1.Stretch, { defaultWidth: "".concat(Math.ceil(characters * 0.8 * parseInt(field.fontSize[0])) + affixWidth, "px"), fullWidth: fullWidth }, react_1.Children.map(children, function (child) {
                 return (0, react_1.isValidElement)(child)
                     ? (0, react_1.cloneElement)(child, __assign({ invalid: hasError || undefined, ref: (0, utils_1.mergeRefs)(inputRef, ref), accessibilityLabel: accessibilityLabel }, rest))
                     : child;
-            })))));
+            })),
+            error ? react_1.default.createElement(ErrorText_1.ErrorText, null, error) : null)));
 });

package/dist/components/FormGroup/FormGroup.js

@@ -14,29 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -55,17 +32,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormGroup = void 0;
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var Line = styled_native_1.default.View(function (_a) {
-    var field = _a.theme.field;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", ";\n    height: 100%;\n    background-color: ", ";\n    border-radius: ", ";\n    margin-right: ", ";\n  "], ["\n    width: ", ";\n    height: 100%;\n    background-color: ", ";\n    border-radius: ", ";\n    margin-right: ", ";\n  "])), field.errorIndent.borderWidth, field.error.color, field.errorIndent.borderRadius, field.gap);
-});
-var FormGroupWrapper = styled_native_1.default.View(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
+var styled_native_1 = __importDefault(require("../../styled.native"));
+var FormGroupWrapper = styled_native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
 var FormGroup = function (_a) {
     var children = _a.children, error = _a.error, rest = __rest(_a, ["children", "error"]);
     return (react_1.default.createElement(FormGroupWrapper, __assign({}, rest),
-        error ? react_1.default.createElement(Line, null) : null,
         react_1.default.createElement(react_native_1.View, { style: { flex: 1 } }, children)));
 };
 exports.FormGroup = FormGroup;
-var templateObject_1, templateObject_2;
+var templateObject_1;

package/dist/components/Heading/Heading.js

@@ -56,13 +56,9 @@ exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = void
 var react_1 = __importDefault(require("react"));
 var hooks_1 = require("../../hooks");
 var styled_native_1 = __importStar(require("../../styled.native"));
-var theme_1 = require("../../theme");
 var StyledHeading1 = styled_native_1.default.Text(function (_a) {
     var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? heading.heading1.fontSize[1]
-        : heading.heading1.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "])), heading.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, heading.lineHeight), heading.heading1.fontWeight || heading.fontWeight, heading.color, fontSize, smallAndUp
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-weight: ", ";\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-weight: ", ";\n    color: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading1.fontWeight || heading.fontWeight, heading.color, heading.heading1.fontSize[smallAndUp ? 1 : 0], heading.heading1.lineHeight[smallAndUp ? 1 : 0], smallAndUp
         ? heading.heading1.marginTop[1]
         : heading.heading1.marginTop[0], smallAndUp
         ? heading.heading1.marginBottom[1]
@@ -76,10 +72,7 @@ var Heading1 = function (_a) {
 exports.Heading1 = Heading1;
 var StyledHeading2 = styled_native_1.default.Text(function (_a) {
     var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? heading.heading2.fontSize[1]
-        : heading.heading2.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-top: ", ";\n      margin-bottom: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "])), heading.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, heading.lineHeight), heading.heading2.fontWeight || heading.fontWeight, heading.color, fontSize, smallAndUp
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading2.fontSize[smallAndUp ? 1 : 0], heading.heading2.lineHeight[smallAndUp ? 1 : 0], heading.heading2.fontWeight || heading.fontWeight, heading.color, smallAndUp
         ? heading.heading2.marginTop[1]
         : heading.heading2.marginTop[0], smallAndUp
         ? heading.heading2.marginBottom[1]
@@ -93,10 +86,7 @@ var Heading2 = function (_a) {
 exports.Heading2 = Heading2;
 var StyledHeading3 = styled_native_1.default.Text(function (_a) {
     var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? heading.heading3.fontSize[1]
-        : heading.heading3.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "])), heading.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, heading.lineHeight), heading.heading3.fontWeight || heading.fontWeight, heading.color, fontSize, smallAndUp
+    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading3.fontSize[smallAndUp ? 1 : 0], heading.heading3.lineHeight[smallAndUp ? 1 : 0], heading.heading3.fontWeight || heading.fontWeight, heading.color, smallAndUp
         ? heading.heading3.marginTop[1]
         : heading.heading3.marginTop[0], smallAndUp
         ? heading.heading3.marginBottom[1]
@@ -110,10 +100,7 @@ var Heading3 = function (_a) {
 exports.Heading3 = Heading3;
 var StyledHeading4 = styled_native_1.default.Text(function (_a) {
     var heading = _a.theme.heading, smallAndUp = _a.smallAndUp;
-    var fontSize = smallAndUp
-        ? heading.heading4.fontSize[1]
-        : heading.heading4.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-top: ", ";\n      margin-bottom: ", ";\n    "])), heading.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, heading.lineHeight), heading.heading4.fontWeight || heading.fontWeight, heading.color, fontSize, smallAndUp
+    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), heading.fontFamily, heading.heading3.fontSize[smallAndUp ? 1 : 0], heading.heading3.lineHeight[smallAndUp ? 1 : 0], heading.heading4.fontWeight || heading.fontWeight, heading.color, smallAndUp
         ? heading.heading4.marginTop[1]
         : heading.heading4.marginTop[0], smallAndUp
         ? heading.heading4.marginBottom[1]

package/dist/components/HintText/HintText.js

@@ -34,7 +34,7 @@ var utils_1 = require("../../utils");
 var StyledHintText = styled_native_1.default.Text(function (_a) {
     var field = _a.theme.field, smallAndUp = _a.smallAndUp;
     var fontSize = smallAndUp ? field.fontSize[1] : field.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n    "])), field.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), field.hint.fontWeight, field.hint.color, fontSize);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), field.fontFamily, field.hint.fontWeight, fontSize, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), field.hint.color);
 });
 var HintText = (0, utils_1.styledComponentWithBreakpoints)(StyledHintText);
 exports.HintText = HintText;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SvgProps } from 'react-native-svg';
-export declare type IconName = 'caret-down' | 'caret-right' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-down' | 'cross' | 'new-window' | 'euro' | 'pound' | 'dollar' | 'check' | 'gas' | 'electricity' | 'link' | 'download' | 'plus' | 'minus' | 'logo';
+import { IconName } from '../../providers';
 export declare type IconBase = React.FunctionComponent<SvgProps>;
 declare type Props = SvgProps & {
     name: IconName | (string & {});

package/dist/components/Icon/Icon.js

@@ -55,7 +55,7 @@ var Icon = function (_a) {
     var colors = (0, react_1.useContext)(styled_native_1.ThemeContext).colors;
     // @ts-ignore to support additional icons.
     var Svg = name && icons[name];
-    return Svg ? (react_1.default.createElement(Svg, __assign({ testID: testID ? testID : "nebula-icon".concat(name ? "-".concat(name) : ''), 
+    return Svg ? (react_1.default.createElement(Svg, __assign({ testID: testID ? testID : "element-icon".concat(name ? "-".concat(name) : ''), 
         // @ts-ignore this is valid.
         color: color !== null && color !== void 0 ? color : colors.body, width: size, height: size }, rest))) : null;
 };

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextInputProps, TextInput } from 'react-native';
-import { IconName } from '../Icon/Icon';
+import { IconName } from '../../providers/types';
 export declare type InputProps = TextInputProps & {
     invalid?: boolean;
     stretch?: boolean;

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

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

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

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

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

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

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

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

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

@@ -7,8 +7,8 @@ declare type TextareaInputProps = InputProps & {
 declare const TextareaInput: React.ForwardRefExoticComponent<import("react-native").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: (string & {}) | import("../Icon/Icon").IconName | undefined;
-    iconRight?: (string & {}) | import("../Icon/Icon").IconName | undefined;
+    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
+    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
 } & {
     rows?: number | undefined;
 } & React.RefAttributes<RNTextInput>>;

package/dist/components/LabelText/LabelText.js

@@ -34,7 +34,7 @@ var utils_1 = require("../../utils");
 var StyledLabelText = styled_native_1.default.Text(function (_a) {
     var field = _a.theme.field, smallAndUp = _a.smallAndUp;
     var fontSize = smallAndUp ? field.fontSize[1] : field.fontSize[0];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n    "])), field.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), field.label.fontWeight, field.label.color, fontSize);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n      font-size: ", ";\n    "])), field.label.fontFamily, (0, theme_1.calculateLineHeight)(fontSize, field.lineHeight), field.label.fontWeight, field.label.color, fontSize);
 });
 var LabelText = (0, utils_1.styledComponentWithBreakpoints)(StyledLabelText);
 exports.LabelText = LabelText;

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

@@ -1,6 +1,8 @@
 import React, { PropsWithChildren } from 'react';
 import { Text, View, ViewProps } from 'react-native';
-declare const Ul: ({ children, ...rest }: PropsWithChildren<ViewProps>) => JSX.Element;
+declare const Ul: ({ children, showBullets, ...rest }: React.PropsWithChildren<ViewProps & {
+    showBullets?: boolean | undefined;
+}>) => JSX.Element;
 declare const Ol: ({ children, ...rest }: PropsWithChildren<ViewProps>) => JSX.Element;
 declare const Li: React.ForwardRefExoticComponent<Pick<Omit<{
     [x: string]: any;