@draftbit/core 46.4.4-dc77b0.2 → 46.4.4-e5ebcf.2

package/lib/commonjs/components/ToggleButton.js

@@ -4,13 +4,21 @@ 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; }
+
 const ToggleButton = _ref => {
   let {
     Icon,
@@ -42,10 +50,12 @@ const ToggleButton = _ref => {
       setInternalValue(defaultValue);
     }
   }, [defaultValue]);
+
   const handlePress = () => {
     setInternalValue(!internalValue);
     onPress(!internalValue);
   };
+
   return /*#__PURE__*/React.createElement(_IconButton.default, {
     Icon: Icon,
     icon: icon,
@@ -62,23 +72,29 @@ const ToggleButton = _ref => {
     ...rest
   });
 };
+
 const styles = _reactNative.StyleSheet.create({
   mainContainer: {
     borderWidth: 1
   }
 });
+
 var _default = (0, _theming.withTheme)(ToggleButton);
-exports.default = _default;
-//# sourceMappingURL=ToggleButton.js.map: internalValue ? colors[colorSecondary] : colors[color],
+
+exports.default = _default;th,
+      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;
-//# sourceMappingURL=ToggleButton.js.map
+
+exports.default = _default;

package/lib/commonjs/components/Touchable.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Touchable;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNative = require("react-native");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 Touchable(_ref) {
   let {
     children,
@@ -16,6 +19,22 @@ function Touchable(_ref) {
     style,
     ...props
   } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    },
+    ...props
+  }, children);
+}rops
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled,
@@ -29,5 +48,4 @@ function Touchable(_ref) {
       }, style];
     }
   }, props), children);
-}
-//# sourceMappingURL=Touchable.js.map
+}

package/lib/commonjs/components/Touchable.web.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _reactNative = require("react-native");
+
 var _default = _reactNative.TouchableOpacity;
-exports.default = _default;
-//# sourceMappingURL=Touchable.web.js.map
+exports.default = _default;

package/lib/commonjs/components/Typography.js

@@ -4,10 +4,15 @@ 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,
@@ -55,5 +60,4 @@ const Caption = (0, _theming.withTheme)(_ref3 => {
     }, style]
   }, text);
 });
-exports.Caption = Caption;
-//# sourceMappingURL=Typography.js.map
+exports.Caption = Caption;

package/lib/commonjs/components/useAuthState.js

@@ -4,9 +4,13 @@ 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);
@@ -16,14 +20,18 @@ const useAuthState = auth => {
       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;
-//# sourceMappingURL=useAuthState.js.map
+
+exports.useAuthState = useAuthState;

package/lib/commonjs/constants.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.APPROX_STATUSBAR_HEIGHT = void 0;
+
 var _reactNative = require("react-native");
+
 // @ts-ignore
 const expo = global.__expo;
 const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.Constants ? expo.Constants.statusBarHeight : 0;
+
 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

@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePrevious = usePrevious;
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable
   // and can hold any value, similar to an instance property on a class
-  const ref = _react.default.useRef();
+  const ref = _react.default.useRef(); // Store current value in ref
+
 
-  // Store current value in ref
   _react.default.useEffect(() => {
     ref.current = value;
-  }, [value]);
+  }, [value]); // Return previous value (happens before update in useEffect above)
+
 
-  // Return previous value (happens before update in useEffect above)
   return ref.current;
-}
-//# sourceMappingURL=hooks.js.map
+}

package/lib/commonjs/index.js

@@ -411,56 +411,107 @@ Object.defineProperty(exports, "withTheme", {
     return _theming.withTheme;
   }
 });
+
 var _Icon = require("./interfaces/Icon");
+
 var _theming = require("./theming");
+
 var _Provider = _interopRequireDefault(require("./Provider"));
+
 var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
+
 var _Text = require("./components/Text");
+
 var _Banner = _interopRequireDefault(require("./components/Banner"));
+
 var _Button = require("./components/Button");
+
 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 _Image = _interopRequireDefault(require("./components/Image"));
+
 var _SVG = _interopRequireDefault(require("./components/SVG"));
+
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
+
 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 _TextField = _interopRequireDefault(require("./components/TextField"));
+
 var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
+
 var _Touchable = _interopRequireDefault(require("./components/Touchable"));
+
 var _Accordion = require("./components/Accordion");
+
 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

@@ -4,18 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.injectIcon = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * This is an interface for a hybrid component.
  *
  * Its public implementation is `@draftbit/native`, and it is injected inside
  * `@draftbit/ui`.
  */
-
-const injectIcon = (Component, Icon) => props => /*#__PURE__*/_react.default.createElement(Component, {
-  ...props,
+const injectIcon = (Component, Icon) => props => /*#__PURE__*/_react.default.createElement(Component, { ...props,
   Icon
 });
-exports.injectIcon = injectIcon;
-//# sourceMappingURL=Icon.js.map
+
+exports.injectIcon = injectIcon;

package/lib/commonjs/mappings/Accordion.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Accordion",
   tag: "AccordionGroup",
@@ -45,5 +47,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Accordion.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AccordionItem.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Accordion Item",
   tag: "AccordionItem",
@@ -20,5 +22,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=AccordionItem.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheet.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Action Sheet",
   tag: "ActionSheet",
@@ -17,5 +19,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheet.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetCancel.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
@@ -23,5 +25,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheetCancel.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActionSheetItem.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Action Sheet Item",
   tag: "ActionSheetItem",
@@ -27,5 +29,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActionSheetItem.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Activity Indicator",
   tag: "ActivityIndicator",
@@ -61,5 +63,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ActivityIndicator.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AudioPlayer.js

@@ -4,13 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Audio Player",
   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 +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;
-//# sourceMappingURL=AudioPlayer.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/AvatarEdit.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Avatar Edit",
   tag: "AvatarEdit",
@@ -42,5 +44,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=AvatarEdit.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Banner.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Banner",
   tag: "Banner",
@@ -36,5 +38,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Banner.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/BlurView.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Blur View",
   tag: "BlurView",
@@ -46,5 +48,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=BlurView.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Button.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA_TRIGGERS = [_types.Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: (0, _types.createActionProp)(),
@@ -30,8 +32,7 @@ const SEED_DATA = [{
   tag: "ButtonOutline",
   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,
+  layout: { ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
     textAlign: "center"
@@ -43,8 +44,7 @@ const SEED_DATA = [{
   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,
+  layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },
@@ -55,13 +55,11 @@ const SEED_DATA = [{
   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,
+  layout: { ...LAYOUT,
     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;

package/lib/commonjs/mappings/Card.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Card",
   tag: "Card",
@@ -30,10 +32,9 @@ const SEED_DATA = {
     subtitle: (0, _types.createTextProp)({
       label: "Subtitle",
       description: "Text underneath the title",
-      defaultValue: null
-      // defaultValue: "Edit me in the props panel on the right",
-    }),
+      defaultValue: null // defaultValue: "Edit me in the props panel on the right",
 
+    }),
     subtitleStyle: (0, _types.createTextStyle)({
       label: "Subtitle Style"
     }),
@@ -57,5 +58,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Card.js.map
+exports.SEED_DATA = SEED_DATA;