@draftbit/core 46.4.4-c96c31.2 → 46.4.4-ca1193.2

package/lib/commonjs/components/ProgressBar.js

@@ -13,6 +13,10 @@ 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);
 
@@ -20,7 +24,7 @@ class ProgressBar extends _react.Component {
   constructor(props) {
     super(props);
 
-    this.handleLayout = event => {
+    _defineProperty(this, "handleLayout", event => {
       const {
         width = 150,
         onLayout
@@ -35,7 +39,7 @@ class ProgressBar extends _react.Component {
       if (onLayout) {
         onLayout(event);
       }
-    };
+    });
 
     const {
       progress: progressP = 0,
@@ -89,6 +93,7 @@ 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 {
@@ -160,27 +165,6 @@ 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/RadioButtonRow.js

@@ -25,7 +25,9 @@ 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; }
 
-var Direction;
+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;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -88,14 +90,13 @@ const RadioButtonRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
     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]
@@ -134,24 +135,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
-var _default = RadioButtonRow;
-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 = RadioButtonRow;
 exports.default = _default;

package/lib/commonjs/components/ScreenContainer.js

@@ -17,6 +17,8 @@ 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 ScreenContainer(_ref) {
   let {
     scrollable = false,
@@ -39,13 +41,12 @@ function ScreenContainer(_ref) {
     edges.push("bottom");
   }
 
-  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
     edges: edges,
     style: [styles.container, {
       backgroundColor
-    }],
-    ...rest
-  }, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    }]
+  }, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
     contentContainerStyle: [styles.scrollViewContainer, {
       backgroundColor
     }, style]
@@ -68,23 +69,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(ScreenContainer);
 
-exports.default = _default;reactNative.View, {
-    style: [styles.container, {
-      backgroundColor
-    }, style]
-  }, children));
-}
-
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  scrollViewContainer: {
-    flexGrow: 1,
-    flex: undefined
-  }
-});
-
-var _default = (0, _theming.withTheme)(ScreenContainer);
-
 exports.default = _default;

package/lib/commonjs/components/StepIndicator.js

@@ -13,7 +13,8 @@ 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; }
 
-// @ts-nocheck
+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 STEP_STATUS = {
   CURRENT: "current",
   FINISHED: "finished",
@@ -24,7 +25,7 @@ class StepIndicator extends _react.Component {
   constructor(props) {
     super(props);
 
-    this.renderProgressBarBackground = () => {
+    _defineProperty(this, "renderProgressBarBackground", () => {
       const {
         stepCount,
         direction
@@ -69,9 +70,9 @@ class StepIndicator extends _react.Component {
         },
         style: progressBarBackgroundStyle
       });
-    };
+    });
 
-    this.renderProgressBar = () => {
+    _defineProperty(this, "renderProgressBar", () => {
       const {
         stepCount,
         direction
@@ -103,9 +104,9 @@ class StepIndicator extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
         style: progressBarStyle
       });
-    };
+    });
 
-    this.renderStepIndicator = () => {
+    _defineProperty(this, "renderStepIndicator", () => {
       let steps = [];
       const {
         stepCount,
@@ -138,9 +139,9 @@ class StepIndicator extends _react.Component {
           height: this.state.customStyles.currentStepIndicatorSize
         }]
       }, steps);
-    };
+    });
 
-    this.renderStepLabels = () => {
+    _defineProperty(this, "renderStepLabels", () => {
       const {
         labels,
         direction,
@@ -182,9 +183,9 @@ class StepIndicator extends _react.Component {
           alignItems: this.state.customStyles.labelAlign
         }]
       }, labelViews);
-    };
+    });
 
-    this.renderStep = position => {
+    _defineProperty(this, "renderStep", position => {
       const {
         renderStepIndicator
       } = this.props;
@@ -256,9 +257,9 @@ class StepIndicator extends _react.Component {
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
       }, "".concat(position + 1)));
-    };
+    });
 
-    this.getStepStatus = stepPosition => {
+    _defineProperty(this, "getStepStatus", stepPosition => {
       const {
         currentPosition
       } = this.props;
@@ -270,9 +271,9 @@ class StepIndicator extends _react.Component {
       } else {
         return STEP_STATUS.UNFINISHED;
       }
-    };
+    });
 
-    this.onCurrentPositionChanged = position => {
+    _defineProperty(this, "onCurrentPositionChanged", position => {
       let {
         stepCount
       } = this.props;
@@ -295,7 +296,7 @@ class StepIndicator extends _react.Component {
         toValue: this.state.customStyles.currentStepIndicatorSize / 2,
         duration: 100
       })])]).start();
-    };
+    });
 
     const defaultStyles = {
       stepIndicatorSize: 30,
@@ -410,25 +411,6 @@ 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/Stepper.js

@@ -94,8 +94,7 @@ const Stepper = _ref => {
       opacity: value === max ? 0.5 : 1
     }
   }));
-}; //oh hello
-
+};
 
 var _default = (0, _theming.withTheme)(Stepper);
 

package/lib/commonjs/components/Text.js

@@ -15,12 +15,19 @@ 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);
-    this.state = {
+
+    _defineProperty(this, "_root", void 0);
+
+    _defineProperty(this, "state", {
       nativeProps: {}
-    };
+    });
   }
 
   setNativeProps(args) {
@@ -33,44 +40,7 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, { ...rest,
-      ...this.state.nativeProps,
-      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;is.state.nativeProps, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, this.state.nativeProps, {
       ref: c => {
         this._root = c;
       },

package/lib/commonjs/components/TextField.js

@@ -17,6 +17,10 @@ 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 AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
 
 const FOCUS_ANIMATION_DURATION = 150;
@@ -26,7 +30,8 @@ const ICON_SIZE = 24;
 class TextField extends React.Component {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       nativeProps: {},
       labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
       focused: false,
@@ -35,35 +40,36 @@ class TextField extends React.Component {
         measured: false,
         width: 0
       }
-    };
-    this._timer = setTimeout(() => {}, 0);
+    });
+
+    _defineProperty(this, "_timer", setTimeout(() => {}, 0));
 
-    this._showPlaceholder = () => {
+    _defineProperty(this, "_showPlaceholder", () => {
       clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
       // If we show it immediately, they'll overlap and look ugly
 
       this._timer = setTimeout(() => this.setState({
         placeholder: this.props.placeholder
       }), 50);
-    };
+    });
 
-    this._hidePlaceholder = () => this.setState({
+    _defineProperty(this, "_hidePlaceholder", () => this.setState({
       placeholder: ""
-    });
+    }));
 
-    this._restoreLabel = () => _reactNative.Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_restoreLabel", () => _reactNative.Animated.timing(this.state.labeled, {
       toValue: 1,
       duration: FOCUS_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
+    }).start());
 
-    this._minmizeLabel = () => _reactNative.Animated.timing(this.state.labeled, {
+    _defineProperty(this, "_minmizeLabel", () => _reactNative.Animated.timing(this.state.labeled, {
       toValue: 0,
       duration: BLUR_ANIMATION_DURATION,
       useNativeDriver: true
-    }).start();
+    }).start());
 
-    this._handleFocus = () => {
+    _defineProperty(this, "_handleFocus", () => {
       if (this.props.disabled) {
         return;
       }
@@ -71,9 +77,9 @@ class TextField extends React.Component {
       this.setState({
         focused: true
       });
-    };
+    });
 
-    this._handleBlur = () => {
+    _defineProperty(this, "_handleBlur", () => {
       if (this.props.disabled) {
         return;
       }
@@ -81,9 +87,9 @@ class TextField extends React.Component {
       this.setState({
         focused: false
       });
-    };
+    });
 
-    this._handleChangeText = value => {
+    _defineProperty(this, "_handleChangeText", value => {
       if (this.props.disabled) {
         return;
       }
@@ -99,9 +105,9 @@ class TextField extends React.Component {
         });
         this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
       }
-    };
+    });
 
-    this._root = undefined;
+    _defineProperty(this, "_root", undefined);
   }
 
   static getDerivedStateFromProps(nextProps, prevState) {
@@ -152,11 +158,10 @@ class TextField extends React.Component {
       focused: !prevState.focused
     }));
   }
+
   /**
    * @internal
    */
-
-
   setNativeProps(args) {
     this.setState(state => ({ ...state,
       nativeState: args || {}
@@ -201,8 +206,7 @@ class TextField extends React.Component {
         roundness,
         disabledOpacity
       },
-      render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, { ...props
-      }),
+      render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, props),
       ...rest
     } = this.props;
     const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -356,9 +360,9 @@ class TextField extends React.Component {
 
     return /*#__PURE__*/React.createElement(_reactNative.View, {
       style: [styles.container, styleProp]
-    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+    }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
       style: (0, _utilities.applyStyles)([containerStyle], {
         height: style === null || style === void 0 ? void 0 : style.height,
         backgroundColor: bgColor,
@@ -425,9 +429,9 @@ class TextField extends React.Component {
       style: {
         justifyContent: type === "solid" ? "center" : undefined
       }
-    }, /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
       style: leftIconStyle
-    })) : null, render({
+    }))) : null, render({
       ref: c => {
         this._root = c;
       },
@@ -469,43 +473,6 @@ var _default = (0, _theming.withTheme)(TextField);
 
 exports.default = _default;
 
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  },
-  placeholder: {
-    position: "absolute",
-    left: 0
-  },
-  underline: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: 2
-  },
-  input: {
-    flexGrow: 1,
-    justifyContent: "center",
-    textAlignVertical: "center",
-    margin: 0,
-    textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
-  }
-});? /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: [{
-        color: error ? colors.error : colors.light,
-        marginTop: 8,
-        marginLeft: assistiveTextLeftMargin
-      }]
-    }, assistiveText) : null);
-  }
-
-}
-
-var _default = (0, _theming.withTheme)(TextField);
-
-exports.default = _default;
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"

package/lib/commonjs/mappings/AudioPlayer.js

@@ -12,7 +12,17 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -23,7 +33,27 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: "strong"
+    }),
+    completedTrackColor: (0, _types.createColorProp)({
+      label: "Completed Track Color",
+      defaultValue: "background"
+    }),
+    remainingTrackColor: (0, _types.createColorProp)({
+      label: "Remaining Track Color",
+      defaultValue: "light"
+    }),
+    trackThumbSize: (0, _types.createNumberProp)({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: (0, _types.createColorProp)({
+      label: "Play Icon Color",
+      defaultValue: "strong"
+    })
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/DatePicker.js

@@ -18,12 +18,6 @@ const SEED_DATA_PROPS = {
     required: true,
     group: _types.GROUPS.data
   },
-  labelSize: (0, _types.createNumberProp)({
-    label: "Label Size"
-  }),
-  labelColor: (0, _types.createColorProp)({
-    label: "Label Color"
-  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -35,12 +29,6 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: _types.GROUPS.basic
   },
-  borderColor: (0, _types.createColorProp)({
-    label: "Border Color"
-  }),
-  borderColorActive: (0, _types.createColorProp)({
-    label: "Border Color"
-  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -157,7 +145,6 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.input,
   layout: null,
   triggers: [_types.Triggers.OnDateChange],
-  StylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Size, _types.StylesPanelSections.Typography],
   props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",