@draftbit/core 46.9.1-c1e2bf.2 → 46.9.1-e06549.2

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

@@ -12,7 +12,6 @@ var _theming = require("../../theming");
 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 AccordionItem = _ref => {
   let {
     Icon,
@@ -27,9 +26,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -61,4 +61,23 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(AccordionItem);
+exports.default = _default;.StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+var _default = (0, _theming.withTheme)(AccordionItem);
 exports.default = _default;

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -10,7 +10,6 @@ var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
 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 AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
 const AnimatedCircularProgress = _ref => {
   let {
@@ -55,6 +54,18 @@ const AnimatedCircularProgress = _ref => {
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
+  return /*#__PURE__*/React.createElement(AnimatedProgress, {
+    ...other,
+    style: other.style,
+    childrenContainerStyle: other.childrenContainerStyle,
+    fill: fillAnimation,
+    tintColor: animateColor()
+  });
+};
+var _default = AnimatedCircularProgress;
+exports.default = _default;ect(() => {
+    animate();
+  }, [fill, animate]);
   return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
     style: other.style,
     childrenContainerStyle: other.childrenContainerStyle,

package/lib/commonjs/components/CircleImage.js

@@ -10,6 +10,7 @@ var _Config = _interopRequireDefault(require("./Config"));
 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 CircleImage = _ref => {
   let {
     source = _Config.default.placeholderImageURL,
@@ -18,21 +19,6 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, {
-    style: [{
-      width: size,
-      height: size,
-      borderRadius
-    }, style],
-    source: typeof source === "string" ? {
-      uri: source
-    } : source,
-    resizeMode: "cover",
-    ...props
-  });
-};
-var _default = CircleImage;
-exports.default = _default;size / 2;
   return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
     style: [{
       width: size,

package/lib/commonjs/components/Container.js

@@ -11,7 +11,6 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
 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 Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -73,9 +72,10 @@ const Container = _ref => {
   };
   const Wrap = elevation ? _Elevation.default : _reactNative.View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, {
+    style: [containerStyle, style],
+    ...rest
+  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -90,4 +90,15 @@ const Container = _ref => {
   }, children));
 };
 var _default = (0, _theming.withTheme)(Container);
+exports.default = _default;sizeMode: backgroundImageResizeMode,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: innerStyle
+  }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: innerStyle
+  }, children));
+};
+var _default = (0, _theming.withTheme)(Container);
 exports.default = _default;

package/lib/commonjs/index.js

@@ -51,12 +51,6 @@ Object.defineProperty(exports, "Banner", {
     return _Banner.default;
   }
 });
-Object.defineProperty(exports, "BottomSheet", {
-  enumerable: true,
-  get: function () {
-    return _BottomSheet.BottomSheet;
-  }
-});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
@@ -447,7 +441,6 @@ var _Shadow = _interopRequireDefault(require("./components/Shadow"));
 var _DeckSwiper = require("./components/DeckSwiper");
 var _TabView = require("./components/TabView");
 var _Markdown = _interopRequireDefault(require("./components/Markdown"));
-var _BottomSheet = require("./components/BottomSheet");
 var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
 var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));

package/lib/commonjs/mappings/ActionSheet.js

@@ -10,7 +10,7 @@ const SEED_DATA = {
   tag: "ActionSheet",
   description: "Action Sheet container",
   category: _types.COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
+  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   props: {
     visible: (0, _types.createStaticBoolProp)({
       group: _types.GROUPS.data,

package/lib/commonjs/mappings/ActionSheetCancel.js

@@ -9,7 +9,7 @@ const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
+  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   category: _types.COMPONENT_TYPES.actionsheet,
   triggers: [_types.Triggers.OnPress],
   props: {

package/lib/commonjs/mappings/ActionSheetItem.js

@@ -10,7 +10,7 @@ const SEED_DATA = {
   tag: "ActionSheetItem",
   description: "Action Sheet item",
   category: _types.COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
+  stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   triggers: [_types.Triggers.OnPress],
   layout: {
     textAlign: "center"

package/lib/commonjs/mappings/HtmlElements.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const ELEMENT_SEED_DATA = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  category: _types.COMPONENT_TYPES.webelement
+};
+const TEXT_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: _types.COMPONENT_TYPES.text,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
+  layout: {
+    color: "strong"
+  },
+  props: {
+    children: {
+      group: _types.GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Double click me to edit 👀",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING
+    },
+    accessibilityLabel: {
+      group: _types.GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    selectable: {
+      group: _types.GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description: "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN,
+      defaultValue: true
+    }
+  }
+};
+const SEED_DATA = [{
+  name: "Heading 1",
+  tag: "H1",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 2",
+  tag: "H2",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 3",
+  tag: "H3",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 4",
+  tag: "H4",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 5",
+  tag: "H5",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 6",
+  tag: "H6",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Paragraph",
+  tag: "P",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Bold",
+  tag: "B",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Strikethrough",
+  tag: "S",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Italic",
+  tag: "I",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Code",
+  tag: "Code",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Preformatted",
+  tag: "Pre",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Block Quote",
+  tag: "BlockQuote",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Quoted",
+  tag: "Q",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Time",
+  tag: "Time",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Unordered List",
+  tag: "UL",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "List Item",
+  tag: "LI",
+  ...TEXT_SEED_DATA,
+  category: _types.COMPONENT_TYPES.webelement
+}, {
+  name: "Line Break",
+  tag: "BR",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "Horizontal Rule",
+  tag: "HR",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "Anchor",
+  tag: "A",
+  ...TEXT_SEED_DATA,
+  props: {
+    ...TEXT_SEED_DATA.props,
+    href: (0, _types.createTextProp)({
+      label: "href",
+      description: "Specify the URL",
+      defaultValue: ""
+    }),
+    target: {
+      group: _types.GROUPS.basic,
+      label: "target",
+      description: "decide where link should open",
+      formType: _types.FORM_TYPES.flatArray,
+      defaultValue: "_blank",
+      options: ["_blank", "_self", "_parent", "_top"]
+    }
+  },
+  category: _types.COMPONENT_TYPES.webelement
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapCallout.js

@@ -9,7 +9,7 @@ const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",
   packageName: "@draftbit/maps",
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   description: "An info window to display on top of a marker when it is clicked",
   category: _types.COMPONENT_TYPES.map,
   triggers: [_types.Triggers.OnPress],

package/lib/commonjs/mappings/MapMarker.js

@@ -11,7 +11,7 @@ const SEED_DATA = {
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
   category: _types.COMPONENT_TYPES.map,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {},
   props: {
     latitude: (0, _types.createNumberProp)({

package/lib/module/index.js

@@ -35,7 +35,6 @@ export { default as Shadow } from "./components/Shadow";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
-export { BottomSheet } from "./components/BottomSheet";
 
 /* Deprecated: Fix or Delete!  */
 export { default as DatePicker } from "./components/DatePicker/DatePicker";

package/lib/module/mappings/ActionSheet.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   tag: "ActionSheet",
   description: "Action Sheet container",
   category: COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+  stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects],
   props: {
     visible: createStaticBoolProp({
       group: GROUPS.data,

package/lib/module/mappings/ActionSheetCancel.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Action Sheet Cancel",
   tag: "ActionSheetCancel",
   description: "Action Sheet cancel",
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+  stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects],
   category: COMPONENT_TYPES.actionsheet,
   triggers: [Triggers.OnPress],
   props: {

package/lib/module/mappings/ActionSheetItem.js

@@ -4,7 +4,7 @@ export const SEED_DATA = {
   tag: "ActionSheetItem",
   description: "Action Sheet item",
   category: COMPONENT_TYPES.actionsheet,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
+  stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects],
   triggers: [Triggers.OnPress],
   layout: {
     textAlign: "center"

package/lib/module/mappings/HtmlElements.js

@@ -0,0 +1,153 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+const ELEMENT_SEED_DATA = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  category: COMPONENT_TYPES.webelement
+};
+const TEXT_SEED_DATA = {
+  ...ELEMENT_SEED_DATA,
+  category: COMPONENT_TYPES.text,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
+  layout: {
+    color: "strong"
+  },
+  props: {
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Double click me to edit 👀",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING
+    },
+    accessibilityLabel: {
+      group: GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    selectable: {
+      group: GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description: "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+      defaultValue: true
+    }
+  }
+};
+export const SEED_DATA = [{
+  name: "Heading 1",
+  tag: "H1",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 2",
+  tag: "H2",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 3",
+  tag: "H3",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 4",
+  tag: "H4",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 5",
+  tag: "H5",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Heading 6",
+  tag: "H6",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Paragraph",
+  tag: "P",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Bold",
+  tag: "B",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Strikethrough",
+  tag: "S",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Italic",
+  tag: "I",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Code",
+  tag: "Code",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Preformatted",
+  tag: "Pre",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Block Quote",
+  tag: "BlockQuote",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Quoted",
+  tag: "Q",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Time",
+  tag: "Time",
+  ...TEXT_SEED_DATA
+}, {
+  name: "Unordered List",
+  tag: "UL",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "List Item",
+  tag: "LI",
+  ...TEXT_SEED_DATA,
+  category: COMPONENT_TYPES.webelement
+}, {
+  name: "Line Break",
+  tag: "BR",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "Horizontal Rule",
+  tag: "HR",
+  ...ELEMENT_SEED_DATA
+}, {
+  name: "Anchor",
+  tag: "A",
+  ...TEXT_SEED_DATA,
+  props: {
+    ...TEXT_SEED_DATA.props,
+    href: createTextProp({
+      label: "href",
+      description: "Specify the URL",
+      defaultValue: ""
+    }),
+    target: {
+      group: GROUPS.basic,
+      label: "target",
+      description: "decide where link should open",
+      formType: FORM_TYPES.flatArray,
+      defaultValue: "_blank",
+      options: ["_blank", "_self", "_parent", "_top"]
+    }
+  },
+  category: COMPONENT_TYPES.webelement
+}];

package/lib/module/mappings/MapCallout.js

@@ -1,9 +1,9 @@
-import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",
   packageName: "@draftbit/maps",
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Effects],
   description: "An info window to display on top of a marker when it is clicked",
   category: COMPONENT_TYPES.map,
   triggers: [Triggers.OnPress],

package/lib/module/mappings/MapMarker.js

@@ -1,11 +1,11 @@
-import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Map Marker",
   tag: "MapMarker",
   packageName: "@draftbit/maps",
   description: "A marker to show inside map view",
   category: COMPONENT_TYPES.map,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {},
   props: {
     latitude: createNumberProp({

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

@@ -35,7 +35,6 @@ export { default as Shadow } from "./components/Shadow";
 export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
 export { TabView, TabViewItem } from "./components/TabView";
 export { default as Markdown } from "./components/Markdown";
-export { BottomSheet } from "./components/BottomSheet";
 export { default as DatePicker } from "./components/DatePicker/DatePicker";
 export { default as Picker } from "./components/Picker/Picker";
 export { default as ProgressBar } from "./components/ProgressBar";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/mappings/ActionSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheet.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAYrB,CAAC"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheet.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAerB,CAAC"}

package/lib/typescript/src/mappings/ActionSheetCancel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetCancel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBrB,CAAC"}
+{"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetCancel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/lib/typescript/src/mappings/ActionSheetItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetItem.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
+{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetItem.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}