@draftbit/core 46.10.3-106fd0.2 → 46.10.3-177666.2

package/lib/commonjs/components/Table/Table.js

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Table = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _index = require("./index");
+var _theming = require("../../theming");
+var _TableCommon = require("./TableCommon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Table = _ref => {
   let {
+    theme,
     borderWidth = 1,
-    borderColor = "rgba(200, 200, 200, 1)",
+    borderColor = theme.colors.divider,
     borderStyle = "solid",
     drawTopBorder = true,
     drawBottomBorder = false,
@@ -96,7 +98,7 @@ const Table = _ref => {
     cellHorizontalPadding,
     cellVerticalPadding
   };
-  const borderViewStyle = (0, _index.generateBorderStyles)({
+  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
     borderColor,
     borderWidth,
     borderStyle,
@@ -105,18 +107,17 @@ const Table = _ref => {
     drawStartBorder,
     drawEndBorder
   });
-  return /*#__PURE__*/_react.default.createElement(_index.TableStyleContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, borderViewStyle, style]
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, header), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, rest, childrenWithoutHeader)));
 };
-exports.Table = Table;
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1
   }
-});ainer: {
-    flex: 1
-  }
-});
+});
+var _default = (0, _theming.withTheme)(Table);
+exports.default = _default;
+exports.default = _default;

package/lib/commonjs/components/Table/TableCell.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _index = require("./index");
+var _TableCommon = require("./TableCommon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TableCell = _ref => {
   let {
@@ -22,8 +22,8 @@ const TableCell = _ref => {
     children,
     style
   } = _ref;
-  const parentContextValue = _react.default.useContext(_index.TableStyleContext);
-  const borderViewStyle = (0, _index.generateBorderStyles)({
+  const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
+  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
     borderColor: borderColor || parentContextValue.borderColor,
     borderWidth: borderWidth || parentContextValue.borderWidth,
     borderStyle: borderStyle || parentContextValue.borderStyle,

package/lib/commonjs/components/Table/TableCommon.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableStyleContext = void 0;
+exports.generateBorderStyles = generateBorderStyles;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TableStyleContext = /*#__PURE__*/_react.default.createContext({});
+exports.TableStyleContext = TableStyleContext;
+function generateBorderStyles(_ref) {
+  let {
+    borderColor,
+    borderWidth,
+    borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  } = _ref;
+  return {
+    borderColor,
+    borderStyle,
+    borderTopWidth: drawTopBorder ? borderWidth : 0,
+    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+    borderStartWidth: drawStartBorder ? borderWidth : 0,
+    borderEndWidth: drawEndBorder ? borderWidth : 0
+  };
+}

package/lib/commonjs/components/Table/TableRow.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _index = require("./index");
+var _TableCommon = require("./TableCommon");
 var _theming = require("../../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TableRow = _ref => {
@@ -25,7 +25,7 @@ const TableRow = _ref => {
     style,
     theme
   } = _ref;
-  const parentContextValue = _react.default.useContext(_index.TableStyleContext);
+  const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
 
   //Create context to use and pass to children based on own props or fall back to parent provided context
   const contextValue = {
@@ -35,7 +35,7 @@ const TableRow = _ref => {
     cellHorizontalPadding: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
     cellVerticalPadding: cellVerticalPadding || parentContextValue.cellVerticalPadding
   };
-  const borderViewStyle = (0, _index.generateBorderStyles)({
+  const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
     borderColor: contextValue.borderColor,
     borderWidth: contextValue.borderWidth,
     borderStyle: contextValue.borderStyle,
@@ -44,7 +44,7 @@ const TableRow = _ref => {
     drawStartBorder,
     drawEndBorder
   });
-  return /*#__PURE__*/_react.default.createElement(_index.TableStyleContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [borderViewStyle, isTableHeader ? {

package/lib/commonjs/components/Table/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function () {
-    return _Table.Table;
+    return _Table.default;
   }
 });
 Object.defineProperty(exports, "TableCell", {
@@ -21,31 +21,7 @@ Object.defineProperty(exports, "TableRow", {
     return _TableRow.default;
   }
 });
-exports.TableStyleContext = void 0;
-exports.generateBorderStyles = generateBorderStyles;
-var _react = _interopRequireDefault(require("react"));
-var _Table = require("./Table");
+var _Table = _interopRequireDefault(require("./Table"));
 var _TableRow = _interopRequireDefault(require("./TableRow"));
 var _TableCell = _interopRequireDefault(require("./TableCell"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TableStyleContext = /*#__PURE__*/_react.default.createContext({});
-exports.TableStyleContext = TableStyleContext;
-function generateBorderStyles(_ref) {
-  let {
-    borderColor,
-    borderWidth,
-    borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  } = _ref;
-  return {
-    borderColor,
-    borderStyle,
-    borderTopWidth: drawTopBorder ? borderWidth : 0,
-    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
-    borderStartWidth: drawStartBorder ? borderWidth : 0,
-    borderEndWidth: drawEndBorder ? borderWidth : 0
-  };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/module/components/Accordion/AccordionItem.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Text from "../Text";
@@ -18,9 +17,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -51,4 +51,25 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
+export default withTheme(AccordionItem);xtStyles
+  }, label))));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
 export default withTheme(AccordionItem);

package/lib/module/components/AspectRatio.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { View, StyleSheet } from "react-native";
 const AspectRatio = props => {
@@ -26,24 +27,6 @@ const AspectRatio = props => {
       });
     }
   }
-  return /*#__PURE__*/React.createElement(View, {
-    ...props,
-    style: style,
-    onLayout: _ref => {
-      let {
-        nativeEvent: {
-          layout: l
-        }
-      } = _ref;
-      return setLayout(l);
-    }
-  }, props.children);
-};
-export default AspectRatio;idth,
-        height: width * (1 / aspectRatio)
-      });
-    }
-  }
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: style,
     onLayout: _ref => {

package/lib/module/components/Checkbox/CheckboxGroup.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { View } from "react-native";
 import { checkboxGroupContext, Direction } from "./context";
@@ -22,22 +23,7 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(View, {
-    style: [{
-      minHeight: 40
-    }, style],
-    ...rest
-  }, /*#__PURE__*/React.createElement(Provider, {
-    value: {
-      values,
-      onValueChange,
-      direction
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: _containerStyle
-  }, children)));
-};
-export default CheckboxGroup;PURE__*/React.createElement(View, _extends({
+  return /*#__PURE__*/React.createElement(View, _extends({
     style: [{
       minHeight: 40
     }, style]

package/lib/module/components/Checkbox/context.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-export var Direction;
+export let Direction;
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";
   Direction["Vertical"] = "vertical";

package/lib/module/components/CircleImage.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { Image } from "react-native";
 import Config from "./Config";
@@ -9,22 +10,6 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(Image, {
-    style: [{
-      width: size,
-      height: size,
-      borderRadius
-    }, style],
-    source: typeof source === "string" ? {
-      uri: source
-    } : source,
-    resizeMode: "cover",
-    ...props
-  });
-};
-export default CircleImage;props
-  } = _ref;
-  const borderRadius = size / 2;
   return /*#__PURE__*/React.createElement(Image, _extends({
     style: [{
       width: size,

package/lib/module/components/DeprecatedButton.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { ActivityIndicator, View, Text, StyleSheet, Pressable } from "react-native";
 import color from "color";
@@ -74,8 +75,7 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -83,7 +83,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
     style: iconStyle
@@ -114,22 +114,4 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
-export default withTheme(Button);: 1,
-    style: [textStyle, typography.button]
-  }, children))));
-};
-const styles = StyleSheet.create({
-  button: {
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: Config.buttonIconSize
-  }
-});
 export default withTheme(Button);

package/lib/module/components/IconButton.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform } from "react-native";
 import { withTheme } from "../theming";
@@ -17,7 +18,7 @@ const IconButton = _ref => {
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -31,9 +32,8 @@ const IconButton = _ref => {
         alignItems: "center",
         justifyContent: "center"
       }, style];
-    },
-    ...props
-  }, /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
+    }
+  }, props), /*#__PURE__*/React.createElement(View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: size - 2,
     color: iconColor
@@ -54,21 +54,4 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(IconButton);ement(ActivityIndicator, {
-    size: "small",
-    color: iconColor
-  }) : null));
-};
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center",
-    ...Platform.select({
-      web: {
-        cursor: "pointer",
-        userSelect: "none"
-      }
-    })
-  }
-});
 export default withTheme(IconButton);

package/lib/module/components/Pressable.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { Pressable as NativePressable } from "react-native";
 export default function Pressable(_ref) {
@@ -12,22 +13,8 @@ export default function Pressable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(NativePressable, {
+  return /*#__PURE__*/React.createElement(NativePressable, _extends({
     onPress: onPress,
-    disabled: disabled,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
-      }, style];
-    },
-    ...props
-  }, children);
-} onPress: onPress,
     disabled: disabled,
     delayLongPress: delayLongPress ? delayLongPress : 500,
     hitSlop: hitSlop ? hitSlop : 8,

package/lib/module/components/Shadow.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { Shadow as ShadowComponent } from "react-native-shadow-2";
 const Shadow = _ref => {
@@ -16,7 +17,7 @@ const Shadow = _ref => {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(ShadowComponent, {
+  return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
     offset: [offsetX, offsetY],
     sides: {
       start: showShadowSideStart,
@@ -31,20 +32,6 @@ const Shadow = _ref => {
       bottomEnd: showShadowCornerBottomEnd
     },
     containerStyle: style,
-    paintInside: paintInside,
-    ...rest
-  });
-};
-export default Shadow;hadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    },
-    containerStyle: style,
     paintInside: paintInside
   }, rest));
 };

package/lib/module/components/Table/Table.js

@@ -1,10 +1,12 @@
 import React from "react";
 import { ScrollView, View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
-export const Table = _ref => {
+import { withTheme } from "../../theming";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
+const Table = _ref => {
   let {
+    theme,
     borderWidth = 1,
-    borderColor = "rgba(200, 200, 200, 1)",
+    borderColor = theme.colors.divider,
     borderStyle = "solid",
     drawTopBorder = true,
     drawBottomBorder = false,
@@ -108,7 +110,5 @@ const styles = StyleSheet.create({
   container: {
     flex: 1
   }
-});ainer: {
-    flex: 1
-  }
-});
+});
+export default withTheme(Table);rt default withTheme(Table);

package/lib/module/components/Table/TableCell.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
 const TableCell = _ref => {
   let {
     borderWidth,

package/lib/module/components/Table/TableCommon.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const TableStyleContext = /*#__PURE__*/React.createContext({});
+export function generateBorderStyles(_ref) {
+  let {
+    borderColor,
+    borderWidth,
+    borderStyle,
+    drawTopBorder,
+    drawBottomBorder,
+    drawStartBorder,
+    drawEndBorder
+  } = _ref;
+  return {
+    borderColor,
+    borderStyle,
+    borderTopWidth: drawTopBorder ? borderWidth : 0,
+    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
+    borderStartWidth: drawStartBorder ? borderWidth : 0,
+    borderEndWidth: drawEndBorder ? borderWidth : 0
+  };
+}

package/lib/module/components/Table/TableRow.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { generateBorderStyles, TableStyleContext } from "./index";
+import { generateBorderStyles, TableStyleContext } from "./TableCommon";
 import { withTheme } from "../../theming";
 const TableRow = _ref => {
   let {
@@ -19,6 +19,7 @@ const TableRow = _ref => {
     theme
   } = _ref;
   const parentContextValue = React.useContext(TableStyleContext);
+
   //Create context to use and pass to children based on own props or fall back to parent provided context
   const contextValue = {
     borderColor: borderColor || parentContextValue.borderColor,
@@ -49,4 +50,4 @@ const styles = StyleSheet.create({
     flexDirection: "row"
   }
 });
-export default withTheme(TableRow);;
+export default withTheme(TableRow);

package/lib/module/components/Table/index.js

@@ -1,24 +1,3 @@
-import React from "react";
-export const TableStyleContext = /*#__PURE__*/React.createContext({});
-export function generateBorderStyles(_ref) {
-  let {
-    borderColor,
-    borderWidth,
-    borderStyle,
-    drawTopBorder,
-    drawBottomBorder,
-    drawStartBorder,
-    drawEndBorder
-  } = _ref;
-  return {
-    borderColor,
-    borderStyle,
-    borderTopWidth: drawTopBorder ? borderWidth : 0,
-    borderBottomWidth: drawBottomBorder ? borderWidth : 0,
-    borderStartWidth: drawStartBorder ? borderWidth : 0,
-    borderEndWidth: drawEndBorder ? borderWidth : 0
-  };
-}
-export { Table } from "./Table";
+export { default as Table } from "./Table";
 export { default as TableRow } from "./TableRow";
 export { default as TableCell } from "./TableCell";

package/lib/module/components/ToggleButton.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
 import { withTheme } from "../theming";
 import { StyleSheet } from "react-native";
@@ -37,28 +38,13 @@ const ToggleButton = _ref => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
-  return /*#__PURE__*/React.createElement(IconButton, {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     Icon: Icon,
     icon: icon,
     size: iconSize,
     color: internalValue ? colors[color] : colors[colorSecondary],
     onPress: handlePress,
     disabled: disabled,
-    style: [styles.mainContainer, {
-      width,
-      height,
-      backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
-      borderColor: colors[borderColor]
-    }, style],
-    ...rest
-  });
-};
-const styles = StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1
-  }
-});
-export default withTheme(ToggleButton);: disabled,
     style: [styles.mainContainer, {
       width,
       height,

package/lib/module/constants.js

@@ -6,5 +6,4 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
-});O : 0
 });

package/lib/typescript/src/components/Table/Table.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { StyleProp, ViewStyle, ScrollViewProps } from "react-native";
-import { TableProps } from "./index";
+import { Theme } from "../../styles/DefaultTheme";
+import { TableProps } from "./TableCommon";
 export interface Props<T> extends TableProps, ScrollViewProps {
     data?: Array<T>;
     keyExtractor?: (item: T, index: number) => string;
@@ -9,6 +10,10 @@ export interface Props<T> extends TableProps, ScrollViewProps {
         index: number;
     }) => JSX.Element;
     style?: StyleProp<ViewStyle>;
+    theme: Theme;
 }
-export declare const Table: <T extends object>({ borderWidth, borderColor, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, cellVerticalPadding, cellHorizontalPadding, data, keyExtractor, renderItem, children: childrenProp, style, ...rest }: React.PropsWithChildren<Props<T>>) => JSX.Element;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props<object>>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props<object>>> & (<T extends object>({ theme, borderWidth, borderColor, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, cellVerticalPadding, cellHorizontalPadding, data, keyExtractor, renderItem, children: childrenProp, style, ...rest }: React.PropsWithChildren<Props<T>>) => JSX.Element), {}>;
+export default _default;
 //# sourceMappingURL=Table.d.ts.map

package/lib/typescript/src/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,SAAS,EACT,SAAS,EAGT,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,UAAU,EAGX,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,KAAK,CAAC,CAAC,CAAE,SAAQ,UAAU,EAAE,eAAe;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,KAAK,sSA4IjB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,SAAS,EACT,SAAS,EAGT,eAAe,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAEL,UAAU,EAGX,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK,CAAC,CAAC,CAAE,SAAQ,UAAU,EAAE,eAAe;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAuJD,wBAAgC"}