@draftbit/core 46.4.4-fe82de.2 → 47.0.0-0362d7.2

package/lib/commonjs/components/StepIndicator.js

@@ -1,385 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const STEP_STATUS = {
-  CURRENT: "current",
-  FINISHED: "finished",
-  UNFINISHED: "unfinished"
-};
-class StepIndicator extends _react.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "renderProgressBarBackground", () => {
-      const {
-        stepCount,
-        direction
-      } = this.props;
-      let progressBarBackgroundStyle;
-      if (direction === "vertical") {
-        progressBarBackgroundStyle = {
-          backgroundColor: this.state.customStyles.separatorUnFinishedColor,
-          position: "absolute",
-          left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
-          top: this.state.height / (2 * stepCount),
-          bottom: this.state.height / (2 * stepCount),
-          width: this.state.customStyles.separatorStrokeUnfinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeUnfinishedWidth
-        };
-      } else {
-        progressBarBackgroundStyle = {
-          backgroundColor: this.state.customStyles.separatorUnFinishedColor,
-          position: "absolute",
-          top: (this.state.height - this.state.customStyles.separatorStrokeWidth) / 2,
-          left: this.state.width / (2 * stepCount),
-          right: this.state.width / (2 * stepCount),
-          height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeUnfinishedWidth
-        };
-      }
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        onLayout: event => {
-          if (direction === "vertical") {
-            this.setState({
-              progressBarSize: event.nativeEvent.layout.height
-            }, () => {
-              this.onCurrentPositionChanged(this.props.currentPosition);
-            });
-          } else {
-            this.setState({
-              progressBarSize: event.nativeEvent.layout.width
-            }, () => {
-              this.onCurrentPositionChanged(this.props.currentPosition);
-            });
-          }
-        },
-        style: progressBarBackgroundStyle
-      });
-    });
-    _defineProperty(this, "renderProgressBar", () => {
-      const {
-        stepCount,
-        direction
-      } = this.props;
-      let progressBarStyle;
-      if (direction === "vertical") {
-        progressBarStyle = {
-          backgroundColor: this.state.customStyles.separatorFinishedColor,
-          position: "absolute",
-          left: (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,
-          top: this.state.height / (2 * stepCount),
-          bottom: this.state.height / (2 * stepCount),
-          width: this.state.customStyles.separatorStrokeFinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeFinishedWidth,
-          height: this.progressAnim
-        };
-      } else {
-        progressBarStyle = {
-          backgroundColor: this.state.customStyles.separatorFinishedColor,
-          position: "absolute",
-          top: (this.state.height - this.state.customStyles.separatorStrokeWidth) / 2,
-          left: this.state.width / (2 * stepCount),
-          right: this.state.width / (2 * stepCount),
-          height: this.state.customStyles.separatorStrokeFinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeFinishedWidth,
-          width: this.progressAnim
-        };
-      }
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-        style: progressBarStyle
-      });
-    });
-    _defineProperty(this, "renderStepIndicator", () => {
-      let steps = [];
-      const {
-        stepCount,
-        direction
-      } = this.props;
-      for (let position = 0; position < stepCount; position++) {
-        steps.push( /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
-          key: position,
-          onPress: () => this.stepPressed(position)
-        }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-          style: [styles.stepContainer, direction === "vertical" ? {
-            flexDirection: "column"
-          } : {
-            flexDirection: "row"
-          }]
-        }, this.renderStep(position))));
-      }
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        onLayout: event => this.setState({
-          width: event.nativeEvent.layout.width,
-          height: event.nativeEvent.layout.height
-        }),
-        style: [styles.stepIndicatorContainer, direction === "vertical" ? {
-          flexDirection: "column",
-          width: this.state.customStyles.currentStepIndicatorSize
-        } : {
-          flexDirection: "row",
-          height: this.state.customStyles.currentStepIndicatorSize
-        }]
-      }, steps);
-    });
-    _defineProperty(this, "renderStepLabels", () => {
-      const {
-        labels,
-        direction,
-        currentPosition,
-        renderLabel
-      } = this.props;
-      var labelViews = labels.map((label, index) => {
-        const selectedStepLabelStyle = index === currentPosition ? {
-          color: this.state.customStyles.currentStepLabelColor
-        } : {
-          color: this.state.customStyles.labelColor
-        };
-        return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
-          style: styles.stepLabelItem,
-          key: index,
-          onPress: () => this.stepPressed(index)
-        }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-          style: styles.stepLabelItem
-        }, renderLabel ? renderLabel({
-          position: index,
-          stepStatus: this.getStepStatus(index),
-          label,
-          currentPosition
-        }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-          style: [styles.stepLabel, selectedStepLabelStyle, {
-            fontSize: this.state.customStyles.labelSize,
-            fontFamily: this.state.customStyles.labelFontFamily
-          }]
-        }, label)));
-      });
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: [styles.stepLabelsContainer, direction === "vertical" ? {
-          flexDirection: "column",
-          paddingHorizontal: 4
-        } : {
-          flexDirection: "row",
-          paddingVertical: 4
-        }, {
-          alignItems: this.state.customStyles.labelAlign
-        }]
-      }, labelViews);
-    });
-    _defineProperty(this, "renderStep", position => {
-      const {
-        renderStepIndicator
-      } = this.props;
-      let stepStyle;
-      let indicatorLabelStyle;
-      switch (this.getStepStatus(position)) {
-        case STEP_STATUS.CURRENT:
-          {
-            stepStyle = {
-              backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,
-              borderWidth: this.state.customStyles.currentStepStrokeWidth,
-              borderColor: this.state.customStyles.stepStrokeCurrentColor,
-              height: this.sizeAnim,
-              width: this.sizeAnim,
-              borderRadius: this.borderRadiusAnim
-            };
-            indicatorLabelStyle = {
-              fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,
-              color: this.state.customStyles.stepIndicatorLabelCurrentColor
-            };
-            break;
-          }
-        case STEP_STATUS.FINISHED:
-          {
-            stepStyle = {
-              backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,
-              borderWidth: this.state.customStyles.stepStrokeWidth,
-              borderColor: this.state.customStyles.stepStrokeFinishedColor,
-              height: this.state.customStyles.stepIndicatorSize,
-              width: this.state.customStyles.stepIndicatorSize,
-              borderRadius: this.state.customStyles.stepIndicatorSize / 2
-            };
-            indicatorLabelStyle = {
-              fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
-              color: this.state.customStyles.stepIndicatorLabelFinishedColor
-            };
-            break;
-          }
-        case STEP_STATUS.UNFINISHED:
-          {
-            stepStyle = {
-              backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,
-              borderWidth: this.state.customStyles.stepStrokeWidth,
-              borderColor: this.state.customStyles.stepStrokeUnFinishedColor,
-              height: this.state.customStyles.stepIndicatorSize,
-              width: this.state.customStyles.stepIndicatorSize,
-              borderRadius: this.state.customStyles.stepIndicatorSize / 2
-            };
-            indicatorLabelStyle = {
-              overflow: "hidden",
-              fontSize: this.state.customStyles.stepIndicatorLabelFontSize,
-              color: this.state.customStyles.stepIndicatorLabelUnFinishedColor
-            };
-            break;
-          }
-        default:
-      }
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-        key: "step-indicator",
-        style: [styles.step, stepStyle]
-      }, renderStepIndicator ? renderStepIndicator({
-        position,
-        stepStatus: this.getStepStatus(position)
-      }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-        style: indicatorLabelStyle
-      }, `${position + 1}`));
-    });
-    _defineProperty(this, "getStepStatus", stepPosition => {
-      const {
-        currentPosition
-      } = this.props;
-      if (stepPosition === currentPosition) {
-        return STEP_STATUS.CURRENT;
-      } else if (stepPosition < currentPosition) {
-        return STEP_STATUS.FINISHED;
-      } else {
-        return STEP_STATUS.UNFINISHED;
-      }
-    });
-    _defineProperty(this, "onCurrentPositionChanged", position => {
-      let {
-        stepCount
-      } = this.props;
-      if (position > stepCount - 1) {
-        position = stepCount - 1;
-      }
-      const animateToPosition = this.state.progressBarSize / (stepCount - 1) * position;
-      this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);
-      this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);
-      _reactNative.Animated.sequence([_reactNative.Animated.timing(this.progressAnim, {
-        toValue: animateToPosition,
-        duration: 200
-      }), _reactNative.Animated.parallel([_reactNative.Animated.timing(this.sizeAnim, {
-        toValue: this.state.customStyles.currentStepIndicatorSize,
-        duration: 100
-      }), _reactNative.Animated.timing(this.borderRadiusAnim, {
-        toValue: this.state.customStyles.currentStepIndicatorSize / 2,
-        duration: 100
-      })])]).start();
-    });
-    const defaultStyles = {
-      stepIndicatorSize: 30,
-      currentStepIndicatorSize: 40,
-      separatorStrokeWidth: 3,
-      separatorStrokeUnfinishedWidth: 0,
-      separatorStrokeFinishedWidth: 0,
-      currentStepStrokeWidth: 5,
-      stepStrokeWidth: 0,
-      stepStrokeCurrentColor: "#4aae4f",
-      stepStrokeFinishedColor: "#4aae4f",
-      stepStrokeUnFinishedColor: "#4aae4f",
-      separatorFinishedColor: "#4aae4f",
-      separatorUnFinishedColor: "#a4d4a5",
-      stepIndicatorFinishedColor: "#4aae4f",
-      stepIndicatorUnFinishedColor: "#a4d4a5",
-      stepIndicatorCurrentColor: "#ffffff",
-      stepIndicatorLabelFontSize: 15,
-      currentStepIndicatorLabelFontSize: 15,
-      stepIndicatorLabelCurrentColor: "#000000",
-      stepIndicatorLabelFinishedColor: "#ffffff",
-      stepIndicatorLabelUnFinishedColor: "rgba(255,255,255,0.5)",
-      labelColor: "#000000",
-      labelSize: 13,
-      labelAlign: "center",
-      currentStepLabelColor: "#4aae4f"
-    };
-    const customStyles = Object.assign(defaultStyles, props.customStyles);
-    this.state = {
-      width: 0,
-      height: 1,
-      progressBarSize: -2,
-      customStyles
-    };
-    this.progressAnim = new _reactNative.Animated.Value(0);
-    this.sizeAnim = new _reactNative.Animated.Value(this.state.customStyles.stepIndicatorSize);
-    this.borderRadiusAnim = new _reactNative.Animated.Value(this.state.customStyles.stepIndicatorSize / 2);
-  }
-  stepPressed(position) {
-    if (this.props.onPress) {
-      this.props.onPress(position);
-    }
-  }
-  render() {
-    const {
-      labels,
-      direction
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: [styles.container, direction === "vertical" ? {
-        flexDirection: "row",
-        flex: 1
-      } : {
-        flexDirection: "column"
-      }]
-    }, this.state.width !== 0 && this.renderProgressBarBackground(), this.state.width !== 0 && this.renderProgressBar(), this.renderStepIndicator(), labels && this.renderStepLabels());
-  }
-  componentDidUpdate(prevProps) {
-    // if (prevProps.customStyles !== this.props.customStyles) {
-    //   this.setState((state) => ({
-    //     customStyles: Object.assign(
-    //       state.customStyles,
-    //       this.props.customStyles
-    //     ),
-    //   }));
-    // }
-
-    if (prevProps.currentPosition !== this.props.currentPosition) {
-      this.onCurrentPositionChanged(this.props.currentPosition);
-    }
-  }
-}
-exports.default = StepIndicator;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    backgroundColor: "transparent"
-  },
-  stepIndicatorContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-around",
-    backgroundColor: "transparent"
-  },
-  stepLabelsContainer: {
-    justifyContent: "space-around"
-  },
-  step: {
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 2
-  },
-  stepContainer: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  stepLabel: {
-    fontSize: 12,
-    textAlign: "center",
-    fontWeight: "500"
-  },
-  stepLabelItem: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-StepIndicator.defaultProps = {
-  currentPosition: 0,
-  stepCount: 5,
-  customStyles: {},
-  direction: "horizontal"
-};

package/lib/commonjs/components/ToggleButton.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _theming = require("../theming");
-var _reactNative = require("react-native");
-var _IconButton = _interopRequireDefault(require("./IconButton"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 ToggleButton = _ref => {
-  let {
-    Icon,
-    icon,
-    toggled = false,
-    onPress = () => {},
-    defaultValue,
-    disabled = false,
-    color = "primary",
-    colorSecondary = "surface",
-    borderColor = "divider",
-    iconSize = 25,
-    width = 50,
-    height = 50,
-    theme: {
-      colors
-    },
-    style,
-    ...rest
-  } = _ref;
-  const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);
-  React.useEffect(() => {
-    if (toggled != null) {
-      setInternalValue(toggled);
-    }
-  }, [toggled]);
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setInternalValue(defaultValue);
-    }
-  }, [defaultValue]);
-  const handlePress = () => {
-    setInternalValue(!internalValue);
-    onPress(!internalValue);
-  };
-  return /*#__PURE__*/React.createElement(_IconButton.default, _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 = _reactNative.StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1
-  }
-});
-var _default = (0, _theming.withTheme)(ToggleButton);
-exports.default = _default;

package/lib/commonjs/components/Typography.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = exports.Subtitle = exports.Caption = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _theming = require("../theming");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Title = (0, _theming.withTheme)(_ref => {
-  let {
-    text,
-    theme,
-    style
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [{
-      fontSize: 20,
-      letterSpacing: 0,
-      lineHeight: 26,
-      color: theme.colors.text
-    }, style]
-  }, text);
-});
-exports.Title = Title;
-const Subtitle = (0, _theming.withTheme)(_ref2 => {
-  let {
-    text,
-    theme,
-    style
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [{
-      fontSize: 14,
-      letterSpacing: 0,
-      lineHeight: 16,
-      color: theme.colors.medium
-    }, style]
-  }, text);
-});
-exports.Subtitle = Subtitle;
-const Caption = (0, _theming.withTheme)(_ref3 => {
-  let {
-    text,
-    theme,
-    style
-  } = _ref3;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: [{
-      fontSize: 12,
-      letterSpacing: 0,
-      lineHeight: 14,
-      color: theme.colors.light
-    }, style]
-  }, text);
-});
-exports.Caption = Caption;

package/lib/commonjs/components/useAuthState.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAuthState = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
-const useAuthState = auth => {
-  const [error, setError] = React.useState();
-  const [value, setValue] = React.useState(auth.currentUser);
-  React.useEffect(() => {
-    const list = auth.onAuthStateChanged(setValue, setError);
-    return () => {
-      list();
-    };
-  }, [auth]);
-  const signInWithEmailAndPassword = (user, password) => {
-    auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
-  };
-  const createUserWithEmailAndPassword = (user, password) => {
-    auth.signInWithEmailAndPassword(user, password).then(setValue).catch(setError);
-  };
-  const signOut = () => auth.signOut();
-  return [value, error, signInWithEmailAndPassword, signOut, createUserWithEmailAndPassword];
-};
-exports.useAuthState = useAuthState;

package/lib/commonjs/mappings/AvatarEdit.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Avatar Edit",
-  tag: "AvatarEdit",
-  description: "An avatar with an edit icon in the top right",
-  category: _types.COMPONENT_TYPES.deprecated,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    width: 64,
-    height: 64
-  },
-  props: {
-    size: {
-      group: _types.GROUPS.basic,
-      label: "Size",
-      description: "Size of avatar / width, height",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.number,
-      propType: _types.PROP_TYPES.NUMBER,
-      min: 0,
-      max: 300,
-      precision: 0,
-      step: 1,
-      defaultValue: 80
-    },
-    image: {
-      group: _types.GROUPS.data,
-      label: "Image",
-      description: "Name of the image",
-      editable: true,
-      required: true,
-      formType: _types.FORM_TYPES.image,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: "brightness-5"
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Banner.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Banner",
-  tag: "Banner",
-  category: _types.COMPONENT_TYPES.deprecated,
-  props: {
-    icon: (0, _types.createIconProp)({
-      defaultValue: null,
-      required: false
-    }),
-    content: (0, _types.createTextProp)({
-      label: "Content",
-      description: "Banner text content"
-    }),
-    initiallyVisible: (0, _types.createBoolProp)({
-      group: _types.GROUPS.basic,
-      label: "Initially visible",
-      description: "Whether the banner should be visible",
-      defaultValue: true
-    }),
-    dismissable: (0, _types.createBoolProp)({
-      group: _types.GROUPS.basic,
-      label: "Dismissable",
-      description: "Whether the banner should be able to be closed",
-      defaultValue: true
-    }),
-    buttonColor: (0, _types.createColorProp)({
-      label: "Button color",
-      defaultValue: "primary"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Card.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Card",
-  tag: "Card",
-  description: "A card you can customize however you'd like",
-  category: _types.COMPONENT_TYPES.card,
-  triggers: [_types.Triggers.OnPress, _types.Triggers.OnPressIcon],
-  props: {
-    onPress: (0, _types.createActionProp)(),
-    onPressIcon: (0, _types.createActionProp)({
-      handlerPropName: "onPressIcon"
-    }),
-    elevation: (0, _types.createElevationType)(3),
-    image: (0, _types.createImageProp)(),
-    title: (0, _types.createTextProp)({
-      label: "Title",
-      description: "Large title text",
-      // defaultValue: "Title",
-      defaultValue: null
-    }),
-    titleStyle: (0, _types.createTextStyle)({
-      label: "Title Style"
-    }),
-    subtitle: (0, _types.createTextProp)({
-      label: "Subtitle",
-      description: "Text underneath the title",
-      defaultValue: null
-      // defaultValue: "Edit me in the props panel on the right",
-    }),
-
-    subtitleStyle: (0, _types.createTextStyle)({
-      label: "Subtitle Style"
-    }),
-    description: (0, _types.createTextProp)({
-      label: "Description",
-      description: "Smallest text underneath subtitle",
-      // defaultValue:
-      // "This bottom text is optional, but shows up to make your life a little easier!",
-      defaultValue: null
-    }),
-    descriptionStyle: (0, _types.createTextStyle)({
-      label: "Description Style"
-    }),
-    icon: (0, _types.createIconProp)(),
-    aspectRatio: (0, _types.createAspectRatioProp)({
-      defaultValue: 1.5
-    }),
-    textCentered: (0, _types.createStaticBoolProp)({
-      label: "Centered Text",
-      description: "Places your title and subtitle in the center"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;