@draftbit/core 46.4.2-d0676f.2 → 46.4.3-c292ad.2

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

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const AccordionItem = _ref => {
   let {
     Icon,
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -74,4 +73,25 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
+exports.default = _default;StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+
+var _default = (0, _theming.withTheme)(AccordionItem);
+
 exports.default = _default;

package/lib/commonjs/components/Button.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonSolid = exports.ButtonOutline = void 0;
+exports.ButtonSolid = exports.ButtonOutline = exports.Button = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const CONSTANTS = {
   baseHeight: 42,
   borderRadius: 4,
@@ -73,7 +71,7 @@ function Base(_ref) {
     buttonStyles.justifyContent = "flex-end";
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: onPress,
     disabled: disabled || loading,
     style: _ref2 => {
@@ -83,8 +81,9 @@ function Base(_ref) {
       return [styles.base, {
         opacity: pressed || disabled ? 0.75 : 1
       }, buttonStyles];
-    }
-  }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    },
+    ...props
+  }, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
@@ -104,17 +103,20 @@ const Solid = _ref3 => {
     theme,
     ...props
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
       backgroundColor: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonSolid = (0, _theming.withTheme)(Solid);
 exports.ButtonSolid = ButtonSolid;
+const Button = (0, _theming.withTheme)(Solid);
+exports.Button = Button;
 
 const Outline = _ref4 => {
   let {
@@ -122,13 +124,14 @@ const Outline = _ref4 => {
     theme,
     ...props
   } = _ref4;
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, {
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,
       color: theme.colors.primary
-    }, style]
-  }, props));
+    }, style],
+    ...props
+  });
 };
 
 const ButtonOutline = (0, _theming.withTheme)(Outline);
@@ -176,4 +179,24 @@ const styles = _reactNative.StyleSheet.create({
       }
     })
   }
+});nsparent",
+    padding: 0,
+    minHeight: undefined
+  },
+  loading: {
+    marginRight: 6
+  },
+  icon: { ..._reactNative.Platform.select({
+      web: {
+        marginTop: 1,
+        marginRight: 4,
+        alignSelf: "center"
+      },
+      default: {
+        marginBottom: 2,
+        marginRight: 4,
+        alignSelf: "center"
+      }
+    })
+  }
 });

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -25,9 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -91,13 +89,14 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -137,5 +136,24 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+var _default = CheckboxGroupRow;
+exports.default = _default;center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+
 var _default = CheckboxGroupRow;
 exports.default = _default;

package/lib/commonjs/components/Layout.js

@@ -18,8 +18,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 function Center(_ref) {
   let {
     width = 240,
@@ -29,15 +27,16 @@ function Center(_ref) {
     style,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
       justifyContent: "center",
       alignItems: "center",
       width,
       height,
       backgroundColor: bgColor
-    }, style]
-  }, rest), children);
+    }, style],
+    ...rest
+  }, children);
 }
 
 function Circle(_ref2) {
@@ -49,7 +48,7 @@ function Circle(_ref2) {
     ...rest
   } = _ref2;
   const borderRadius = 1000;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     width: size,
     height: size,
     bgColor: bgColor,
@@ -57,8 +56,9 @@ function Circle(_ref2) {
       backgroundColor: bgColor,
       borderRadius,
       overflow: "hidden"
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 
 function Square(_ref3) {
@@ -69,12 +69,13 @@ function Square(_ref3) {
     style,
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Center, _extends({
+  return /*#__PURE__*/React.createElement(Center, {
     style: style,
     width: size,
     height: size,
-    bgColor: bgColor
-  }, rest), children);
+    bgColor: bgColor,
+    ...rest
+  }, children);
 }
 
 function Row(_ref4) {
@@ -85,14 +86,14 @@ function Row(_ref4) {
     style,
     ...rest
   } = _ref4;
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [style, // style goes first b/c we can't override these
-    {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [style, {
       alignItems,
       flexDirection: "row",
       justifyContent: justifyContent
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 
 function Spacer(_ref5) {
@@ -105,17 +106,37 @@ function Spacer(_ref5) {
     style,
     ...rest
   } = _ref5;
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [style, {
       paddingRight: right,
       paddingTop: top,
       paddingLeft: left,
       paddingBottom: bottom
-    }]
-  }, rest), children);
+    }],
+    ...rest
+  }, children);
 }
 
 function Stack(_ref6) {
+  let {
+    children,
+    justifyContent = "flex-start",
+    alignItems = "flex-start",
+    style,
+    ...rest
+  } = _ref6;
+  return (
+    /*#__PURE__*/
+    // style must go first since we don't want justifyContent, alignItems overridden
+    React.createElement(_reactNative.View, {
+      style: [style, {
+        justifyContent,
+        alignItems
+      }],
+      ...rest
+    }, children)
+  );
+}ck(_ref6) {
   let {
     children,
     justifyContent = "flex-start",

package/lib/commonjs/components/Portal/PortalManager.js

@@ -13,29 +13,26 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-
-    _defineProperty(this, "state", {
+    this.state = {
       portals: []
-    });
+    };
 
-    _defineProperty(this, "mount", (key, children) => {
+    this.mount = (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    });
+    };
 
-    _defineProperty(this, "update", (key, children) => this.setState(state => ({
+    this.update = (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -45,11 +42,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    })));
+    }));
 
-    _defineProperty(this, "unmount", key => this.setState(state => ({
+    this.unmount = key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    })));
+    }));
   }
 
   render() {
@@ -71,4 +68,15 @@ class PortalManager extends React.PureComponent {
 
 }
 
+exports.default = PortalManager;le: false
+        /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
+        ,
+        pointerEvents: "box-none",
+        style: _reactNative.StyleSheet.absoluteFill
+      }, children);
+    });
+  }
+
+}
+
 exports.default = PortalManager;

package/lib/commonjs/components/ProgressBar.js

@@ -13,10 +13,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
 const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
 
@@ -24,7 +20,7 @@ class ProgressBar extends _react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "handleLayout", event => {
+    this.handleLayout = event => {
       const {
         width = 150,
         onLayout
@@ -39,7 +35,7 @@ class ProgressBar extends _react.Component {
       if (onLayout) {
         onLayout(event);
       }
-    });
+    };
 
     const {
       progress: progressP = 0,
@@ -93,7 +89,6 @@ class ProgressBar extends _react.Component {
         _reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
           toValue: progress,
           velocity: 0,
-          //adjust this value if animation fails - velocity is required
           useNativeDriver
         }).start();
       } else {
@@ -165,6 +160,27 @@ class ProgressBar extends _react.Component {
         })
       }]
     };
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [containerStyle, style],
+      onLayout: this.handleLayout,
+      ...restProps
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      style: progressStyle
+    }), children);
+  }
+
+}
+
+exports.default = ProgressBar;h / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
+        })
+      }, {
+        // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
+        scaleX: this.state.progress.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0.0001, 1]
+        })
+      }]
+    };
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
       style: [containerStyle, style],
       onLayout: this.handleLayout

package/lib/commonjs/components/RadioButton/RadioButton.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const RadioButton = _ref => {
   let {
     Icon,
@@ -51,7 +49,20 @@ const RadioButton = _ref => {
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
   };
 
-  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
+  return /*#__PURE__*/React.createElement(_IconButton.default, {
+    Icon: Icon,
+    icon: isSelected ? selectedIcon : unselectedIcon,
+    color: isSelected ? color : unselectedColor,
+    disabled: disabled,
+    onPress: handlePress,
+    size: size,
+    style: style,
+    ...rest
+  });
+};
+
+var _default = RadioButton;
+exports.default = _default;turn /*#__PURE__*/React.createElement(_IconButton.default, _extends({
     Icon: Icon,
     icon: isSelected ? selectedIcon : unselectedIcon,
     color: isSelected ? color : unselectedColor,

package/lib/commonjs/components/RadioButton/RadioButtonGroup.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
 const {
   Provider
 } = _context.radioButtonGroupContext;
@@ -63,9 +61,24 @@ const RadioButtonGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
       minHeight: 40
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      value: internalValue,
+      onValueChange: handleValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _containerStyle
+  }, children)));
+};
+
+var _default = RadioButtonGroup;
+exports.default = _default;0
     }, style]
   }, rest), /*#__PURE__*/React.createElement(Provider, {
     value: {

package/lib/commonjs/components/StepIndicator.js

@@ -13,8 +13,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+// @ts-nocheck
 const STEP_STATUS = {
   CURRENT: "current",
   FINISHED: "finished",
@@ -25,7 +24,7 @@ class StepIndicator extends _react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "renderProgressBarBackground", () => {
+    this.renderProgressBarBackground = () => {
       const {
         stepCount,
         direction
@@ -70,9 +69,9 @@ class StepIndicator extends _react.Component {
         },
         style: progressBarBackgroundStyle
       });
-    });
+    };
 
-    _defineProperty(this, "renderProgressBar", () => {
+    this.renderProgressBar = () => {
       const {
         stepCount,
         direction
@@ -104,9 +103,9 @@ class StepIndicator extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
         style: progressBarStyle
       });
-    });
+    };
 
-    _defineProperty(this, "renderStepIndicator", () => {
+    this.renderStepIndicator = () => {
       let steps = [];
       const {
         stepCount,
@@ -139,9 +138,9 @@ class StepIndicator extends _react.Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    });
+    };
 
-    _defineProperty(this, "renderStepLabels", () => {
+    this.renderStepLabels = () => {
       const {
         labels,
         direction,
@@ -183,9 +182,9 @@ class StepIndicator extends _react.Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    });
+    };
 
-    _defineProperty(this, "renderStep", position => {
+    this.renderStep = position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -257,9 +256,9 @@ class StepIndicator extends _react.Component {
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    });
+    };
 
-    _defineProperty(this, "getStepStatus", stepPosition => {
+    this.getStepStatus = stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -271,9 +270,9 @@ class StepIndicator extends _react.Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    });
+    };
 
-    _defineProperty(this, "onCurrentPositionChanged", position => {
+    this.onCurrentPositionChanged = position => {
       let {
         stepCount
       } = this.props;
@@ -296,7 +295,7 @@ class StepIndicator extends _react.Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    });
+    };
 
     const defaultStyles = {
       stepIndicatorSize: 30,
@@ -411,6 +410,25 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+StepIndicator.defaultProps = {
+  currentPosition: 0,
+  stepCount: 5,
+  customStyles: {},
+  direction: "horizontal"
+}; justifyContent: "center"
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: "center",
+    fontWeight: "500"
+  },
+  stepLabelItem: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
 StepIndicator.defaultProps = {
   currentPosition: 0,
   stepCount: 5,

package/lib/commonjs/components/Text.js

@@ -15,17 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class Text extends React.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "_root", void 0);
-  }
-
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -36,7 +26,43 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, { ...rest,
+      ref: c => {
+        this._root = c;
+      },
+      style: [{
+        textAlign: "left",
+        writingDirection
+      }, style]
+    });
+  }
+
+}
+
+const BaseLink = _ref => {
+  let {
+    style,
+    theme,
+    title,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Text, {
+    hitSlop: 8,
+    style: [{
+      color: theme.colors.primary
+    }, style],
+    theme: theme,
+    ...props
+  }, title);
+};
+
+exports.BaseLink = BaseLink;
+const Link = (0, _theming.withTheme)(BaseLink);
+exports.Link = Link;
+
+var _default = (0, _theming.withTheme)(Text);
+
+exports.default = _default;/React.createElement(_reactNative.Text, _extends({}, rest, {
       ref: c => {
         this._root = c;
       },

package/lib/commonjs/constants.js

@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
 
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/index.js

@@ -54,7 +54,7 @@ Object.defineProperty(exports, "Banner", {
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
-    return _DeprecatedButton.default;
+    return _Button.Button;
   }
 });
 Object.defineProperty(exports, "ButtonOutline", {
@@ -476,8 +476,6 @@ var _Layout = require("./components/Layout");
 
 var _index = require("./components/RadioButton/index");
 
-var _DeprecatedButton = _interopRequireDefault(require("./components/DeprecatedButton"));
-
 var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
 
 var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));

package/lib/commonjs/mappings/Button.js

@@ -40,8 +40,19 @@ const SEED_DATA = [{
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
 }, {
-  name: "Button",
+  name: "Button Solid",
   tag: "ButtonSolid",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
+  layout: { ...LAYOUT,
+    backgroundColor: "primary",
+    textAlign: "center"
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  props: SEED_DATA_PROPS
+}, {
+  name: "Button",
+  tag: "Button",
   category: _types.COMPONENT_TYPES.button,
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: { ...LAYOUT,

package/lib/module/components/Button.js

@@ -99,6 +99,8 @@ const Solid = _ref3 => {
 
 const ButtonSolid = withTheme(Solid);
 export { ButtonSolid };
+const Button = withTheme(Solid);
+export { Button };
 
 const Outline = _ref4 => {
   let {

package/lib/module/index.js

@@ -4,7 +4,7 @@ export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
 export { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
@@ -33,7 +33,6 @@ export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout"
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */
 
-export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";

package/lib/module/mappings/Button.js

@@ -32,8 +32,19 @@ export const SEED_DATA = [{
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
 }, {
-  name: "Button",
+  name: "Button Solid",
   tag: "ButtonSolid",
+  category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
+  layout: { ...LAYOUT,
+    backgroundColor: "primary",
+    textAlign: "center"
+  },
+  triggers: SEED_DATA_TRIGGERS,
+  props: SEED_DATA_PROPS
+}, {
+  name: "Button",
+  tag: "Button",
   category: COMPONENT_TYPES.button,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: { ...LAYOUT,

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

@@ -1,4 +1,6 @@
 declare const ButtonSolid: any;
 export { ButtonSolid };
+declare const Button: any;
+export { Button };
 declare const ButtonOutline: any;
 export { ButtonOutline };

package/lib/typescript/src/index.d.ts

@@ -4,7 +4,7 @@ export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
 export { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
 export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
-export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.2-d0676f.2+d0676fb",
+  "version": "46.4.3-c292ad.2+c292add",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.2-d0676f.2+d0676fb",
+    "@draftbit/types": "^46.4.3-c292ad.2+c292add",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -81,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "d0676fbcd4a18b5c49364282f8ab5a5d1fc12881"
+  "gitHead": "c292add64fa0f6ded7e9271ed1fe2566b9516911"
 }

package/src/components/Button.js

@@ -53,6 +53,8 @@ const Solid = ({ style, theme, ...props }) => {
 };
 const ButtonSolid = withTheme(Solid);
 export { ButtonSolid };
+const Button = withTheme(Solid);
+export { Button };
 const Outline = ({ style, theme, ...props }) => {
     return (React.createElement(Base, { style: [
             styles.outline,

package/src/components/Button.tsx

@@ -139,6 +139,9 @@ const Solid = ({ style, theme, ...props }: Props): JSX.Element => {
 const ButtonSolid: any = withTheme(Solid);
 export { ButtonSolid };
 
+const Button: any = withTheme(Solid);
+export { Button };
+
 const Outline = ({ style, theme, ...props }: Props): JSX.Element => {
   return (
     <Base

package/src/index.js

@@ -4,7 +4,7 @@ export { default as Provider } from "./Provider";
 export { default as DefaultTheme } from "./styles/DefaultTheme";
 export { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
@@ -32,7 +32,6 @@ export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
 /* Deprecated: Fix or Delete!  */
-export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";

package/src/index.tsx

@@ -5,7 +5,7 @@ export { default as DefaultTheme } from "./styles/DefaultTheme";
 
 export { Link } from "./components/Text";
 export { default as Banner } from "./components/Banner";
-export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { Button, ButtonSolid, ButtonOutline } from "./components/Button";
 export { default as Avatar } from "./components/CircleImage";
 export { default as AvatarEdit } from "./components/AvatarEdit";
 export { default as Card } from "./components/Card";
@@ -52,7 +52,6 @@ export {
 } from "./components/RadioButton/index";
 
 /* Deprecated: Fix or Delete!  */
-export { default as Button } from "./components/DeprecatedButton";
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";
 export { default as CardContainerRating } from "./components/CardContainerRating";

package/src/mappings/Button.js

@@ -43,8 +43,29 @@ export const SEED_DATA = [
         props: SEED_DATA_PROPS,
     },
     {
-        name: "Button",
+        name: "Button Solid",
         tag: "ButtonSolid",
+        category: COMPONENT_TYPES.deprecated,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        layout: {
+            ...LAYOUT,
+            backgroundColor: "primary",
+            textAlign: "center",
+        },
+        triggers: SEED_DATA_TRIGGERS,
+        props: SEED_DATA_PROPS,
+    },
+    {
+        name: "Button",
+        tag: "Button",
         category: COMPONENT_TYPES.button,
         stylesPanelSections: [
             StylesPanelSections.Typography,

package/src/mappings/Button.ts

@@ -55,8 +55,29 @@ export const SEED_DATA = [
     props: SEED_DATA_PROPS,
   },
   {
-    name: "Button",
+    name: "Button Solid",
     tag: "ButtonSolid",
+    category: COMPONENT_TYPES.deprecated,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    layout: {
+      ...LAYOUT,
+      backgroundColor: "primary",
+      textAlign: "center",
+    },
+    triggers: SEED_DATA_TRIGGERS,
+    props: SEED_DATA_PROPS,
+  },
+  {
+    name: "Button",
+    tag: "Button",
     category: COMPONENT_TYPES.button,
     stylesPanelSections: [
       StylesPanelSections.Typography,