@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

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

@@ -358,6 +358,8 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -368,6 +370,8 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -378,6 +382,8 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -837,6 +843,8 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -847,6 +855,8 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -857,6 +867,8 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1318,6 +1330,8 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1328,6 +1342,8 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1338,6 +1354,8 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1797,6 +1815,8 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1807,6 +1827,8 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1817,6 +1839,8 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -2276,6 +2300,8 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -2286,6 +2312,8 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -2296,6 +2324,8 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -2755,6 +2785,8 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -2765,6 +2797,8 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -2775,6 +2809,8 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -3234,6 +3270,8 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -3244,6 +3282,8 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -3254,6 +3294,8 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -3715,6 +3757,8 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -3725,6 +3769,8 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -3735,6 +3781,8 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -4194,6 +4242,8 @@ export declare const TableBody: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -4204,6 +4254,8 @@ export declare const TableBody: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -4214,6 +4266,8 @@ export declare const TableBody: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -4673,6 +4727,8 @@ export declare const TableCell: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -4683,6 +4739,8 @@ export declare const TableCell: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -4693,6 +4751,8 @@ export declare const TableCell: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -5154,6 +5214,8 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -5164,6 +5226,8 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -5174,6 +5238,8 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -5635,6 +5701,8 @@ export declare const StyledSeparatorRow: import("styled-components").StyledCompo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -5645,6 +5713,8 @@ export declare const StyledSeparatorRow: import("styled-components").StyledCompo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -5655,6 +5725,8 @@ export declare const StyledSeparatorRow: import("styled-components").StyledCompo
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -6116,6 +6188,8 @@ export declare const SeparatorRowText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -6126,6 +6200,8 @@ export declare const SeparatorRowText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -6136,6 +6212,8 @@ export declare const SeparatorRowText: import("styled-components").StyledCompone
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {

package/dist/components/DataTable/styles.js

@@ -1,120 +1,87 @@
-import { n as a } from "../../utils-HsZygzDh.js";
-import { s as i, c as l } from "../../styled.native-KEscfVp7.js";
-import "react";
-const f = i.View(
-  ({ theme: { core: e, semantic: t } }) => l`
-    flex-grow: 1;
-    border-bottom-width: ${a(e.borderWidth.small)};
-    border-bottom-color: ${t.border.differentiated};
-  `
-), m = i.View(
-  ({ theme: { core: e }, cellWidth: t, smallAndUp: o }) => l`
-    padding: ${a(e.space[o ? 3 : 2])}
-      ${a(e.space[1])};
-    flex: ${t === "auto" ? 1 : 0};
-    align-self: stretch;
-    flex-direction: row;
-    width: ${t};
-  `
-), $ = i.Text(
-  ({ theme: { semantic: e, core: t }, smallAndUp: o }) => l`
-    font-family: ${t.fontFamily.bodyBold.native};
-    line-height: ${a(
-    t.lineHeight.body[o ? "large" : "small"]
-  )};
-    font-size: ${a(t.fontSize.body[o ? "large" : "small"])};
-    color: ${e.message.base};
-    text-align: left;
-
-    flex-wrap: wrap;
-  `
-), b = i.Text(
-  ({ theme: { core: e, semantic: t }, smallAndUp: o }) => l`
-    font-family: ${e.fontFamily.bodyBold.native};
-    font-size: ${a(
-    e.fontSize.heading4[o ? "large" : "small"]
-  )};
-    line-height: ${a(
-    e.lineHeight.heading4[o ? "large" : "small"]
-  )};
-    color: ${t.message.branded};
-    text-align: left;
-    flex-wrap: wrap;
-  `
-), g = i.Text(
-  ({ theme: { core: e }, smallAndUp: t }) => l`
-    font-family: ${e.fontFamily.body.native};
-    line-height: ${a(e.lineHeight.body.large)};
-    font-size: ${a(e.fontSize.body[t ? "large" : "small"])};
-  `
-), h = i.View(
-  ({ theme: { core: e } }) => l`
-    padding: ${a(e.space[4])} ${a(e.space[2])};
-  `
-), c = i.View(
-  ({ theme: { semantic: e, core: t }, stripe: o }) => l`
-    background-color: ${o ? e.surface.cutout : e.surface.base};
-    flex-direction: row;
-    align-items: stretch;
-    border-bottom-width: ${o ? "0px" : a(t.borderWidth.small)};
-    border-bottom-color: ${o ? "transparent" : `${e.border.differentiated}`};
-  `
-), w = i.View(
-  ({ theme: { semantic: e, core: t } }) => l`
-    background-color: ${e.surface.base};
-    border-bottom-width: ${a(t.borderWidth.small)};
-    border-bottom-color: ${e.border.functional};
-    flex-direction: row;
-    align-items: stretch;
-  `
-), p = i.View`
-  flex-direction: column;
-  flex-wrap: nowrap;
-`, x = i.View(
-  ({ theme: { core: e }, cellWidth: t, smallAndUp: o }) => l`
-      padding: ${a(e.space[o ? 3 : 2])}
-        ${a(e.space[2])};
-      width: ${t};
-      flex: ${t === "auto" ? 1 : 0};
-    `
-), y = i.View(
-  ({ theme: { core: e }, cellWidth: t, smallAndUp: o }) => l`
-      padding: ${a(e.space[o ? 3 : 2])}
-        ${a(e.space[2])};
-      width: ${t};
-      flex: ${t === "auto" ? 1 : 0};
-    `
-), u = i.View(
-  ({ theme: { core: e, semantic: t }, width: o }) => `
-      min-width: ${o ? `${o - e.space[2] * 2}px` : "100%"};
-      flex: 1;
-      flex-direction: row;
-      background-color: ${t.surface.elevated};
-      padding: ${a(e.space[1])} ${a(e.space[2])};
-    `
-), T = i.Text(
-  ({ theme: { core: e, semantic: t }, smallAndUp: o }) => `
-  flex: 1;
-  font-family: ${e.fontFamily.body.native};
-  font-size: ${a(e.fontSize.small[o ? "large" : "small"])};
-  line-height: ${a(
-    e.lineHeight.small[o ? "large" : "small"]
-  )};
-  color: ${t.message.secondary};
-`
-);
-export {
-  g as CellText,
-  y as RowHeading,
-  T as SeparatorRowText,
-  u as StyledSeparatorRow,
-  f as StyledTableContainer,
-  p as TableBody,
-  h as TableCaption,
-  b as TableCaptionText,
-  x as TableCell,
-  m as TableHeader,
-  $ as TableHeaderText,
-  c as TableRow,
-  w as TableRowHeading
+"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 _b = _a.theme, core = _b.core, semantic = _b.semantic;
+    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)(core.borderWidth.small), semantic.border.differentiated);
+});
+exports.TableHeader = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core, 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)(core.space[smallAndUp ? 3 : 2]), (0, element_core_1.numToPx)(core.space[smallAndUp ? 3 : 2]), (0, element_core_1.numToPx)(core.space[1]), (0, element_core_1.numToPx)(core.space[1]), cellWidth === 'auto' ? 1 : 0, cellWidth);
+});
+exports.TableHeaderText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, semantic = _b.semantic, core = _b.core, 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  "])), core.fontFamily.bodyBold.native, (0, element_core_1.numToPx)(core.lineHeight.body[smallAndUp ? 'large' : 'small']), (0, element_core_1.numToPx)(core.fontSize.body[smallAndUp ? 'large' : 'small']), semantic.message.base);
+});
+exports.TableCaptionText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, 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  "])), core.fontFamily.bodyBold.native, (0, element_core_1.numToPx)(core.fontSize.heading4[smallAndUp ? 'large' : 'small']), (0, element_core_1.numToPx)(core.lineHeight.heading4[smallAndUp ? 'large' : 'small']), semantic.message.branded);
+});
+exports.CellText = styled_native_1.default.Text(function (_a) {
+    var core = _a.theme.core, 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  "])), core.fontFamily.body.native, (0, element_core_1.numToPx)(core.lineHeight.body.large), (0, element_core_1.numToPx)(core.fontSize.body[smallAndUp ? 'large' : 'small']));
+});
+exports.TableCaption = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core;
+    return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding: ", " ", ";\n  "], ["\n    padding: ", " ", ";\n  "])), (0, element_core_1.numToPx)(core.space[4]), (0, element_core_1.numToPx)(core.space[2]));
+});
+exports.TableRow = styled_native_1.default.View(function (_a) {
+    var _b = _a.theme, semantic = _b.semantic, core = _b.core, 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
+        ? semantic.surface.cutout
+        : semantic.surface.base, stripe ? '0px' : (0, element_core_1.numToPx)(core.borderWidth.small), stripe
+        ? 'transparent'
+        : "".concat(semantic.border.differentiated));
+});
+exports.TableRowHeading = styled_native_1.default.View(function (_a) {
+    var _b = _a.theme, semantic = _b.semantic, core = _b.core;
+    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  "])), semantic.surface.base, (0, element_core_1.numToPx)(core.borderWidth.small), semantic.border.functional);
+});
+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 core = _a.theme.core, 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)(core.space[smallAndUp ? 3 : 2]), (0, element_core_1.numToPx)(core.space[smallAndUp ? 3 : 2]), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[2]), cellWidth, cellWidth === 'auto' ? 1 : 0);
+});
+exports.RowHeading = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core, 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)(core.space[smallAndUp ? 3 : 2]), (0, element_core_1.numToPx)(core.space[smallAndUp ? 3 : 2]), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[2]), cellWidth, cellWidth === 'auto' ? 1 : 0);
+});
+exports.StyledSeparatorRow = styled_native_1.default.View(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, width = _a.width;
+    var minWidth = width ? "".concat(width - core.space[2] * 2, "px") : '100%';
+    return "\n      min-width: ".concat(minWidth, ";\n      flex: 1;\n      flex-direction: row;\n      background-color: ").concat(semantic.surface.elevated, ";\n      padding: ").concat((0, element_core_1.numToPx)(core.space[1]), " ").concat((0, element_core_1.numToPx)(core.space[2]), ";\n    ");
+});
+exports.SeparatorRowText = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
+    return "\n  flex: 1;\n  font-family: ".concat(core.fontFamily.body.native, ";\n  font-size: ").concat((0, element_core_1.numToPx)(core.fontSize.small[smallAndUp ? 'large' : 'small']), ";\n  line-height: ").concat((0, element_core_1.numToPx)(core.lineHeight.small[smallAndUp ? 'large' : 'small']), ";\n  color: ").concat(semantic.message.secondary, ";\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,11 +1,11 @@
 import { ReactNode, Ref } from 'react';
 import { View } from 'react-native';
-export declare type SeparatorRow = {
+export type SeparatorRow = {
     content: string;
     isSeparator: boolean;
 };
-declare type Item = ReactNode | SeparatorRow;
-export declare type TableProps = {
+type Item = ReactNode | SeparatorRow;
+export type TableProps = {
     items: Item[][];
     columnHeadings?: ReactNode[];
     caption?: ReactNode;
@@ -14,7 +14,7 @@ export declare type TableProps = {
     striped?: boolean;
     ref: Ref<View>;
 };
-export declare type TableRowProps = Pick<TableProps, 'rowHeadings' | 'striped' | 'columnWidths'> & {
+export type TableRowProps = Pick<TableProps, 'rowHeadings' | 'striped' | 'columnWidths'> & {
     data: Item[];
     index: number;
 };

package/dist/components/DataTable/types.js

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

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

@@ -1,19 +1,18 @@
 import { ReactNode } from 'react';
 import { TextInput } from 'react-native';
-import { FullWidthOptions } from '../../hooks';
-export declare type DateFormat = {
+export type DateFormat = {
     day: string;
     month: string;
     year: string;
 };
-declare type Props = {
+type Props = {
     label: string;
     hint?: ReactNode;
     error?: ReactNode;
     optional?: boolean;
     onChange: (date: DateFormat) => void;
     value: DateFormat;
-    fullWidth?: FullWidthOptions;
+    fullWidth?: boolean;
     testID?: string;
     editable?: boolean;
 };