@draftbit/core 47.0.0-eae99e.2 → 47.0.1-0e56b5.2

package/lib/commonjs/components/Typography.js

@@ -0,0 +1,58 @@
+"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

@@ -0,0 +1,28 @@
+"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/constants.js

@@ -12,5 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
-//# sourceMappingURL=constants.js.map
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/commonjs/hooks.js

@@ -18,5 +18,4 @@ function usePrevious(value) {
 
   // Return previous value (happens before update in useEffect above)
   return ref.current;
-}
-//# sourceMappingURL=hooks.js.map
+}

package/lib/commonjs/index.js

@@ -33,6 +33,18 @@ Object.defineProperty(exports, "ActionSheetItem", {
     return _ActionSheet.ActionSheetItem;
   }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _CircleImage.default;
+  }
+});
+Object.defineProperty(exports, "AvatarEdit", {
+  enumerable: true,
+  get: function () {
+    return _AvatarEdit.default;
+  }
+});
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
   get: function () {
@@ -45,6 +57,54 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
+Object.defineProperty(exports, "ButtonOutline", {
+  enumerable: true,
+  get: function () {
+    return _Button.ButtonOutline;
+  }
+});
+Object.defineProperty(exports, "ButtonSolid", {
+  enumerable: true,
+  get: function () {
+    return _Button.ButtonSolid;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "CardBlock", {
+  enumerable: true,
+  get: function () {
+    return _CardBlock.default;
+  }
+});
+Object.defineProperty(exports, "CardContainer", {
+  enumerable: true,
+  get: function () {
+    return _CardContainer.default;
+  }
+});
+Object.defineProperty(exports, "CardContainerRating", {
+  enumerable: true,
+  get: function () {
+    return _CardContainerRating.default;
+  }
+});
+Object.defineProperty(exports, "CardInline", {
+  enumerable: true,
+  get: function () {
+    return _CardInline.default;
+  }
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () {
+    return _Carousel.default;
+  }
+});
 Object.defineProperty(exports, "Center", {
   enumerable: true,
   get: function () {
@@ -75,6 +135,18 @@ Object.defineProperty(exports, "Circle", {
     return _Layout.Circle;
   }
 });
+Object.defineProperty(exports, "CircleImage", {
+  enumerable: true,
+  get: function () {
+    return _CircleImage.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
@@ -87,12 +159,54 @@ Object.defineProperty(exports, "DefaultTheme", {
     return _DefaultTheme.default;
   }
 });
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _Divider.default;
+  }
+});
+Object.defineProperty(exports, "FAB", {
+  enumerable: true,
+  get: function () {
+    return _FAB.default;
+  }
+});
+Object.defineProperty(exports, "FieldSearchBarFull", {
+  enumerable: true,
+  get: function () {
+    return _FieldSearchBarFull.default;
+  }
+});
+Object.defineProperty(exports, "HeaderLarge", {
+  enumerable: true,
+  get: function () {
+    return _HeaderLarge.default;
+  }
+});
+Object.defineProperty(exports, "HeaderMedium", {
+  enumerable: true,
+  get: function () {
+    return _HeaderMedium.default;
+  }
+});
+Object.defineProperty(exports, "HeaderOverline", {
+  enumerable: true,
+  get: function () {
+    return _HeaderOverline.default;
+  }
+});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
     return _IconButton.default;
   }
 });
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _Image.default;
+  }
+});
 Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () {
@@ -105,6 +219,24 @@ Object.defineProperty(exports, "NumberInput", {
     return _NumberInput.default;
   }
 });
+Object.defineProperty(exports, "Picker", {
+  enumerable: true,
+  get: function () {
+    return _Picker.default;
+  }
+});
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.default;
+  }
+});
+Object.defineProperty(exports, "ProgressCircle", {
+  enumerable: true,
+  get: function () {
+    return _ProgressCircle.default;
+  }
+});
 Object.defineProperty(exports, "Provider", {
   enumerable: true,
   get: function () {
@@ -141,6 +273,24 @@ Object.defineProperty(exports, "Row", {
     return _Layout.Row;
   }
 });
+Object.defineProperty(exports, "RowBodyIcon", {
+  enumerable: true,
+  get: function () {
+    return _RowBodyIcon.default;
+  }
+});
+Object.defineProperty(exports, "RowHeadlineImageCaption", {
+  enumerable: true,
+  get: function () {
+    return _RowHeadlineImageCaption.default;
+  }
+});
+Object.defineProperty(exports, "RowHeadlineImageIcon", {
+  enumerable: true,
+  get: function () {
+    return _RowHeadlineImageIcon.default;
+  }
+});
 Object.defineProperty(exports, "SVG", {
   enumerable: true,
   get: function () {
@@ -231,6 +381,12 @@ Object.defineProperty(exports, "ThemeProvider", {
     return _theming.ThemeProvider;
   }
 });
+Object.defineProperty(exports, "ToggleButton", {
+  enumerable: true,
+  get: function () {
+    return _ToggleButton.default;
+  }
+});
 Object.defineProperty(exports, "Touchable", {
   enumerable: true,
   get: function () {
@@ -243,6 +399,12 @@ Object.defineProperty(exports, "injectIcon", {
     return _Icon.injectIcon;
   }
 });
+Object.defineProperty(exports, "useAuthState", {
+  enumerable: true,
+  get: function () {
+    return _useAuthState.useAuthState;
+  }
+});
 Object.defineProperty(exports, "withTheme", {
   enumerable: true,
   get: function () {
@@ -253,28 +415,51 @@ var _Icon = require("./interfaces/Icon");
 var _theming = require("./theming");
 var _Provider = _interopRequireDefault(require("./Provider"));
 var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
-var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
+var _Text = require("./components/Text");
 var _Banner = _interopRequireDefault(require("./components/Banner"));
 var _Button = require("./components/Button");
-var _Text = require("./components/Text");
+var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
+var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
+var _Card = _interopRequireDefault(require("./components/Card"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Checkbox = require("./components/Checkbox");
+var _Container = _interopRequireDefault(require("./components/Container"));
+var _Divider = _interopRequireDefault(require("./components/Divider"));
+var _FAB = _interopRequireDefault(require("./components/FAB"));
+var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
 var _IconButton = _interopRequireDefault(require("./components/IconButton"));
-var _Touchable = _interopRequireDefault(require("./components/Touchable"));
-var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _Image = _interopRequireDefault(require("./components/Image"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
-var _TextField = _interopRequireDefault(require("./components/TextField"));
-var _Checkbox = require("./components/Checkbox");
-var _index = require("./components/RadioButton/index");
-var _Slider = _interopRequireDefault(require("./components/Slider"));
-var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
 var _StarRating = _interopRequireDefault(require("./components/StarRating"));
+var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-var _SVG = _interopRequireDefault(require("./components/SVG"));
-var _Layout = require("./components/Layout");
-var _Swiper = require("./components/Swiper");
+var _TextField = _interopRequireDefault(require("./components/TextField"));
+var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
+var _Touchable = _interopRequireDefault(require("./components/Touchable"));
 var _Accordion = require("./components/Accordion");
-var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _ActionSheet = require("./components/ActionSheet");
+var _Swiper = require("./components/Swiper");
+var _Layout = require("./components/Layout");
+var _index = require("./components/RadioButton/index");
+var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
+var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
+var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
+var _CardInline = _interopRequireDefault(require("./components/CardInline"));
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
+var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
+var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
+var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
+var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
+var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
+var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
+var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
+var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _useAuthState = require("./components/useAuthState");
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/commonjs/interfaces/Icon.js

@@ -17,5 +17,4 @@ const injectIcon = (Component, Icon) => props => /*#__PURE__*/_react.default.cre
   ...props,
   Icon
 });
-exports.injectIcon = injectIcon;
-//# sourceMappingURL=Icon.js.map
+exports.injectIcon = injectIcon;

package/lib/commonjs/mappings/Accordion.js

@@ -45,5 +45,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Accordion.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AccordionItem.js

@@ -20,5 +20,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=AccordionItem.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheet.js

@@ -17,5 +17,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheet.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetCancel.js

@@ -23,5 +23,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheetCancel.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetItem.js

@@ -27,5 +27,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheetItem.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -61,5 +61,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActivityIndicator.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AudioPlayer.js

@@ -10,7 +10,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,
@@ -21,8 +31,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;
-//# sourceMappingURL=AudioPlayer.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AvatarEdit.js

@@ -0,0 +1,45 @@
+"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

@@ -0,0 +1,39 @@
+"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/BlurView.js

@@ -46,5 +46,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=BlurView.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Button.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress];
+const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress, _types.Triggers.OnLongPress];
 const SEED_DATA_PROPS = {
   onPress: (0, _types.createActionProp)(),
+  onLongPress: (0, _types.createActionProp)(),
   icon: (0, _types.createIconProp)({
     defaultValue: null,
     required: false
@@ -18,12 +19,27 @@ const SEED_DATA_PROPS = {
     defaultValue: "Get Started"
   }),
   disabled: (0, _types.createDisabledProp)(),
-  loading: (0, _types.createLoadingProp)()
-};
-const LAYOUT = {
-  backgroundColor: "transparent",
-  borderRadius: 8,
-  fontFamily: "system-700"
+  loading: (0, _types.createLoadingProp)(),
+  activeOpacity: (0, _types.createStaticNumberProp)({
+    label: "Active Opacity",
+    description: "Opacity of the button when active.",
+    required: false
+  }),
+  disabledOpacity: (0, _types.createStaticNumberProp)({
+    label: "Disabled Opacity",
+    description: "Opacity of the button when disabled.",
+    required: false
+  }),
+  delayLongPress: (0, _types.createStaticNumberProp)({
+    label: "Delay Long Press",
+    description: "Duration (in milliseconds) from onPressIn before onLongPress is called.",
+    required: false
+  }),
+  hitSlop: (0, _types.createStaticNumberProp)({
+    label: "Hit Slop",
+    description: "Sets additional distance outside of element in which a press can be detected",
+    required: false
+  })
 };
 const SEED_DATA = [{
   name: "Button Outline",
@@ -31,8 +47,9 @@ const SEED_DATA = [{
   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: "transparent",
+    borderRadius: 8,
+    fontFamily: "system-700",
     borderWidth: 1,
     textAlign: "center"
   },
@@ -44,7 +61,8 @@ const SEED_DATA = [{
   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,
+    borderRadius: 8,
+    fontFamily: "system-700",
     backgroundColor: "primary",
     textAlign: "center"
   },
@@ -56,12 +74,12 @@ const SEED_DATA = [{
   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,
+    borderRadius: 8,
+    fontFamily: "system-700",
     backgroundColor: "primary",
     textAlign: "center"
   },
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
 }];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Button.js.map
+exports.SEED_DATA = SEED_DATA;