@draftbit/core 46.2.1-f4deff.4 → 46.2.2-49d821.0

package/lib/commonjs/mappings/WebView.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "WebView",
   description: "Render web content inside a view",
   category: _types.COMPONENT_TYPES.media,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
   layout: {
     flex: 1
   },
@@ -23,6 +24,71 @@ const SEED_DATA = {
       defaultValue: false,
       label: "Optimize Video Chat",
       description: "Allows for a better experience from web hosted video chat services"
+    }),
+    javaScriptEnabled: (0, _types.createStaticBoolProp)({
+      defaultValue: true,
+      group: _types.GROUPS.advanced,
+      label: "Enable Javascript",
+      description: "Boolean value to enable JavaScript in the WebView. The default value is true."
+    }),
+    javaScriptCanOpenWindowsAutomatically: (0, _types.createStaticBoolProp)({
+      defaultValue: false,
+      group: _types.GROUPS.advanced,
+      label: "Allow New Windows",
+      description: "A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is false."
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      defaultValue: true,
+      group: _types.GROUPS.advanced,
+      label: "Horizontal Scollbars",
+      description: "Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. The default value is true."
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      defaultValue: true,
+      group: _types.GROUPS.advanced,
+      label: "Vertical Scollbars",
+      description: "Boolean value that determines whether a vertical scroll indicator is shown in the WebView. The default value is true."
+    }),
+    mediaPlaybackRequiresUserAction: (0, _types.createStaticBoolProp)({
+      label: "Media Playback Requires User Action",
+      group: _types.GROUPS.advanced,
+      description: "Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is true. (Android API minimum version 17)."
+    }),
+    startInLoadingState: (0, _types.createStaticBoolProp)({
+      label: "Start In Loading State",
+      group: _types.GROUPS.advanced,
+      description: "Boolean value that forces the WebView to show the loading view on the first load. This prop must be set to true in order for the renderLoading prop to work."
+    }),
+    allowFileAccessFromFileURLs: (0, _types.createStaticBoolProp)({
+      label: "Allow File Access From File URLs",
+      group: _types.GROUPS.advanced,
+      description: "Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is false."
+    }),
+    allowUniversalAccessFromFileURLs: (0, _types.createStaticBoolProp)({
+      label: "Allow Universal Access From File URLs",
+      group: _types.GROUPS.advanced,
+      description: "Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from any origin. Including accessing content from other file scheme URLs. The default value is false."
+    }),
+    cacheEnabled: (0, _types.createStaticBoolProp)({
+      label: "Enable Cache",
+      defaultValue: true,
+      description: "Sets whether WebView should use browser caching."
+    }),
+    incognito: (0, _types.createStaticBoolProp)({
+      label: "Use Incognito Mode",
+      description: "Does not store any data within the lifetime of the WebView."
+    }),
+    userAgent: (0, _types.createTextProp)({
+      group: _types.GROUPS.advanced,
+      defaultValue: null,
+      label: "User Agent",
+      description: "Sets the user-agent for the WebView."
+    }),
+    applicationNameForUserAgent: (0, _types.createTextProp)({
+      group: _types.GROUPS.advanced,
+      defaultValue: null,
+      label: "User Agent App Name",
+      description: "Append to the existing user-agent. Setting userAgent will override this."
     })
   }
 };

package/lib/commonjs/mappings/WebView.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","createSourceProp","defaultValue","optimizeVideoChat","createStaticBoolProp","label"],"sources":["WebView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createSourceProp,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n    optimizeVideoChat: createStaticBoolProp({\n      defaultValue: false,\n      label: \"Optimize Video Chat\",\n      description:\n        \"Allows for a better experience from web hosted video chat services\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,kCAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,MAAM,EAAE;IAAEC,IAAI,EAAE;EAAR,CALe;EAMvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,uBAAA,EAAiB;MACvBC,YAAY,EAAE;IADS,CAAjB,CADH;IAILC,iBAAiB,EAAE,IAAAC,2BAAA,EAAqB;MACtCF,YAAY,EAAE,KADwB;MAEtCG,KAAK,EAAE,qBAF+B;MAGtCZ,WAAW,EACT;IAJoC,CAArB;EAJd;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","stylesPanelSections","StylesPanelSections","Size","Margins","Borders","layout","flex","props","source","createSourceProp","defaultValue","optimizeVideoChat","createStaticBoolProp","label","javaScriptEnabled","group","GROUPS","advanced","javaScriptCanOpenWindowsAutomatically","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","mediaPlaybackRequiresUserAction","startInLoadingState","allowFileAccessFromFileURLs","allowUniversalAccessFromFileURLs","cacheEnabled","incognito","userAgent","createTextProp","applicationNameForUserAgent"],"sources":["WebView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createSourceProp,\n  createStaticBoolProp,\n  createTextProp,\n  GROUPS,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Web View\",\n  tag: \"WebView\",\n  description: \"Render web content inside a view\",\n  category: COMPONENT_TYPES.media,\n  stylesPanelSections: [\n    StylesPanelSections.Size,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Borders,\n  ],\n  layout: { flex: 1 },\n  props: {\n    source: createSourceProp({\n      defaultValue: \"https://reactnative.dev\",\n    }),\n    optimizeVideoChat: createStaticBoolProp({\n      defaultValue: false,\n      label: \"Optimize Video Chat\",\n      description:\n        \"Allows for a better experience from web hosted video chat services\",\n    }),\n    javaScriptEnabled: createStaticBoolProp({\n      defaultValue: true,\n      group: GROUPS.advanced,\n      label: \"Enable Javascript\",\n      description:\n        \"Boolean value to enable JavaScript in the WebView. The default value is true.\",\n    }),\n    javaScriptCanOpenWindowsAutomatically: createStaticBoolProp({\n      defaultValue: false,\n      group: GROUPS.advanced,\n      label: \"Allow New Windows\",\n      description:\n        \"A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is false.\",\n    }),\n    showsHorizontalScrollIndicator: createStaticBoolProp({\n      defaultValue: true,\n      group: GROUPS.advanced,\n      label: \"Horizontal Scollbars\",\n      description:\n        \"Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. The default value is true.\",\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      defaultValue: true,\n      group: GROUPS.advanced,\n      label: \"Vertical Scollbars\",\n      description:\n        \"Boolean value that determines whether a vertical scroll indicator is shown in the WebView. The default value is true.\",\n    }),\n    mediaPlaybackRequiresUserAction: createStaticBoolProp({\n      label: \"Media Playback Requires User Action\",\n      group: GROUPS.advanced,\n      description:\n        \"Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is true. (Android API minimum version 17).\",\n    }),\n    startInLoadingState: createStaticBoolProp({\n      label: \"Start In Loading State\",\n      group: GROUPS.advanced,\n      description:\n        \"Boolean value that forces the WebView to show the loading view on the first load. This prop must be set to true in order for the renderLoading prop to work.\",\n    }),\n    allowFileAccessFromFileURLs: createStaticBoolProp({\n      label: \"Allow File Access From File URLs\",\n      group: GROUPS.advanced,\n      description:\n        \"Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is false.\",\n    }),\n    allowUniversalAccessFromFileURLs: createStaticBoolProp({\n      label: \"Allow Universal Access From File URLs\",\n      group: GROUPS.advanced,\n      description:\n        \"Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from any origin. Including accessing content from other file scheme URLs. The default value is false.\",\n    }),\n    cacheEnabled: createStaticBoolProp({\n      label: \"Enable Cache\",\n      defaultValue: true,\n      description: \"Sets whether WebView should use browser caching.\",\n    }),\n    incognito: createStaticBoolProp({\n      label: \"Use Incognito Mode\",\n      description:\n        \"Does not store any data within the lifetime of the WebView.\",\n    }),\n    userAgent: createTextProp({\n      group: GROUPS.advanced,\n      defaultValue: null,\n      label: \"User Agent\",\n      description: \"Sets the user-agent for the WebView.\",\n    }),\n    applicationNameForUserAgent: createTextProp({\n      group: GROUPS.advanced,\n      defaultValue: null,\n      label: \"User Agent App Name\",\n      description:\n        \"Append to the existing user-agent. Setting userAgent will override this.\",\n    }),\n  },\n};\n"],"mappings":"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"}

package/lib/commonjs/styles/shadow.js.map

@@ -1 +1 @@
-{"version":3,"names":["SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","Animated","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","shadowRadius","radius"],"sources":["shadow.js"],"sourcesContent":["import { Animated } from \"react-native\";\nconst SHADOW_COLOR = \"#000\";\nconst SHADOW_OPACITY = 0.24;\nexport default function shadow(elevation = 0) {\n    if (elevation instanceof Animated.Value) {\n        const inputRange = [0, 1, 2, 3, 8, 24];\n        return {\n            shadowColor: SHADOW_COLOR,\n            shadowOffset: {\n                width: new Animated.Value(0),\n                height: elevation.interpolate({\n                    inputRange,\n                    outputRange: [0, 0.5, 0.75, 2, 7, 23],\n                }),\n            },\n            shadowOpacity: new Animated.Value(SHADOW_OPACITY),\n            shadowRadius: elevation.interpolate({\n                inputRange,\n                outputRange: [0, 0.75, 1.5, 3, 8, 24],\n            }),\n        };\n    }\n    else {\n        if (elevation === 0) {\n            return {};\n        }\n        let height, radius;\n        switch (elevation) {\n            case 1:\n                height = 0.5;\n                radius = 0.75;\n                break;\n            case 2:\n                height = 0.75;\n                radius = 1.5;\n                break;\n            default:\n                height = elevation - 1;\n                radius = elevation;\n        }\n        return {\n            shadowColor: SHADOW_COLOR,\n            shadowOffset: {\n                width: 0,\n                height,\n            },\n            shadowOpacity: SHADOW_OPACITY,\n            shadowRadius: radius,\n        };\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA,MAAMA,YAAY,GAAG,MAArB;AACA,MAAMC,cAAc,GAAG,IAAvB;;AACe,SAASC,MAAT,GAA+B;EAAA,IAAfC,SAAe,uEAAH,CAAG;;EAC1C,IAAIA,SAAS,YAAYC,qBAAA,CAASC,KAAlC,EAAyC;IACrC,MAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB;IACA,OAAO;MACHC,WAAW,EAAEP,YADV;MAEHQ,YAAY,EAAE;QACVC,KAAK,EAAE,IAAIL,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CADG;QAEVK,MAAM,EAAEP,SAAS,CAACQ,WAAV,CAAsB;UAC1BL,UAD0B;UAE1BM,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;QAFa,CAAtB;MAFE,CAFX;MASHC,aAAa,EAAE,IAAIT,qBAAA,CAASC,KAAb,CAAmBJ,cAAnB,CATZ;MAUHa,YAAY,EAAEX,SAAS,CAACQ,WAAV,CAAsB;QAChCL,UADgC;QAEhCM,WAAW,EAAE,CAAC,CAAD,EAAI,IAAJ,EAAU,GAAV,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;MAFmB,CAAtB;IAVX,CAAP;EAeH,CAjBD,MAkBK;IACD,IAAIT,SAAS,KAAK,CAAlB,EAAqB;MACjB,OAAO,EAAP;IACH;;IACD,IAAIO,MAAJ,EAAYK,MAAZ;;IACA,QAAQZ,SAAR;MACI,KAAK,CAAL;QACIO,MAAM,GAAG,GAAT;QACAK,MAAM,GAAG,IAAT;QACA;;MACJ,KAAK,CAAL;QACIL,MAAM,GAAG,IAAT;QACAK,MAAM,GAAG,GAAT;QACA;;MACJ;QACIL,MAAM,GAAGP,SAAS,GAAG,CAArB;QACAY,MAAM,GAAGZ,SAAT;IAXR;;IAaA,OAAO;MACHI,WAAW,EAAEP,YADV;MAEHQ,YAAY,EAAE;QACVC,KAAK,EAAE,CADG;QAEVC;MAFU,CAFX;MAMHG,aAAa,EAAEZ,cANZ;MAOHa,YAAY,EAAEC;IAPX,CAAP;EASH;AACJ"}
+{"version":3,"names":["SHADOW_COLOR","SHADOW_OPACITY","shadow","elevation","Animated","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","shadowRadius","radius"],"sources":["shadow.tsx"],"sourcesContent":["import { Animated } from \"react-native\";\n\nconst SHADOW_COLOR = \"#000\";\nconst SHADOW_OPACITY = 0.24;\n\nexport default function shadow(elevation: number | Animated.Value = 0) {\n  if (elevation instanceof Animated.Value) {\n    const inputRange = [0, 1, 2, 3, 8, 24];\n\n    return {\n      shadowColor: SHADOW_COLOR,\n      shadowOffset: {\n        width: new Animated.Value(0),\n        height: elevation.interpolate({\n          inputRange,\n          outputRange: [0, 0.5, 0.75, 2, 7, 23],\n        }),\n      },\n      shadowOpacity: new Animated.Value(SHADOW_OPACITY),\n      shadowRadius: elevation.interpolate({\n        inputRange,\n        outputRange: [0, 0.75, 1.5, 3, 8, 24],\n      }),\n    };\n  } else {\n    if (elevation === 0) {\n      return {};\n    }\n\n    let height, radius;\n    switch (elevation) {\n      case 1:\n        height = 0.5;\n        radius = 0.75;\n        break;\n      case 2:\n        height = 0.75;\n        radius = 1.5;\n        break;\n      default:\n        height = elevation - 1;\n        radius = elevation;\n    }\n\n    return {\n      shadowColor: SHADOW_COLOR,\n      shadowOffset: {\n        width: 0,\n        height,\n      },\n      shadowOpacity: SHADOW_OPACITY,\n      shadowRadius: radius,\n    };\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,YAAY,GAAG,MAArB;AACA,MAAMC,cAAc,GAAG,IAAvB;;AAEe,SAASC,MAAT,GAAwD;EAAA,IAAxCC,SAAwC,uEAAH,CAAG;;EACrE,IAAIA,SAAS,YAAYC,qBAAA,CAASC,KAAlC,EAAyC;IACvC,MAAMC,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB;IAEA,OAAO;MACLC,WAAW,EAAEP,YADR;MAELQ,YAAY,EAAE;QACZC,KAAK,EAAE,IAAIL,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CADK;QAEZK,MAAM,EAAEP,SAAS,CAACQ,WAAV,CAAsB;UAC5BL,UAD4B;UAE5BM,WAAW,EAAE,CAAC,CAAD,EAAI,GAAJ,EAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;QAFe,CAAtB;MAFI,CAFT;MASLC,aAAa,EAAE,IAAIT,qBAAA,CAASC,KAAb,CAAmBJ,cAAnB,CATV;MAULa,YAAY,EAAEX,SAAS,CAACQ,WAAV,CAAsB;QAClCL,UADkC;QAElCM,WAAW,EAAE,CAAC,CAAD,EAAI,IAAJ,EAAU,GAAV,EAAe,CAAf,EAAkB,CAAlB,EAAqB,EAArB;MAFqB,CAAtB;IAVT,CAAP;EAeD,CAlBD,MAkBO;IACL,IAAIT,SAAS,KAAK,CAAlB,EAAqB;MACnB,OAAO,EAAP;IACD;;IAED,IAAIO,MAAJ,EAAYK,MAAZ;;IACA,QAAQZ,SAAR;MACE,KAAK,CAAL;QACEO,MAAM,GAAG,GAAT;QACAK,MAAM,GAAG,IAAT;QACA;;MACF,KAAK,CAAL;QACEL,MAAM,GAAG,IAAT;QACAK,MAAM,GAAG,GAAT;QACA;;MACF;QACEL,MAAM,GAAGP,SAAS,GAAG,CAArB;QACAY,MAAM,GAAGZ,SAAT;IAXJ;;IAcA,OAAO;MACLI,WAAW,EAAEP,YADR;MAELQ,YAAY,EAAE;QACZC,KAAK,EAAE,CADK;QAEZC;MAFY,CAFT;MAMLG,aAAa,EAAEZ,cANV;MAOLa,YAAY,EAAEC;IAPT,CAAP;EASD;AACF"}

package/lib/module/components/Checkbox/CheckboxRow.js

@@ -1,5 +1,3 @@
-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); }
-
 import * as React from "react";
 import { StyleSheet, View, Platform } from "react-native";
 import { isString } from "lodash";
@@ -8,7 +6,7 @@ import { usePrevious } from "../../hooks";
 import Text from "../Text";
 import Touchable from "../Touchable";
 import Checkbox from "./Checkbox";
-export let Direction;
+export var Direction;
 
 (function (Direction) {
   Direction["Row"] = "row";
@@ -80,13 +78,14 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Touchable, _extends({
+  return /*#__PURE__*/React.createElement(Touchable, {
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -124,4 +123,22 @@ const styles = StyleSheet.create({
   }
 });
 export default CheckboxRow;
+//# sourceMappingURL=CheckboxRow.js.maptems: "center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ...Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+export default CheckboxRow;
 //# sourceMappingURL=CheckboxRow.js.map

package/lib/module/mappings/ActivityIndicator.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Activity Indicator",
   tag: "ActivityIndicator",
@@ -6,6 +6,7 @@ export const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
   code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
   layout: {
     width: 36,
     height: 36

package/lib/module/mappings/ActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","input","layout","width","height","props","size","label","options","formType","flatArray","propType","STRING","editable","required","defaultValue","group","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"sources":["ActivityIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Activity Indicator\",\n  tag: \"ActivityIndicator\",\n  description: \"Displays a circular loading indicator.\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n  category: COMPONENT_TYPES.input,\n  layout: { width: 36, height: 36 },\n  props: {\n    size: {\n      label: \"Size\",\n      description: \"The size of the loading indicator (Default: small)\",\n      options: [\"small\", \"large\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      required: false,\n      defaultValue: \"small\",\n      group: GROUPS.basic,\n    },\n    animating: {\n      label: \"Spinning\",\n      description: \"Whether to show the loading indicator (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    hidesWhenStopped: {\n      label: \"Hide When Stopped\",\n      description:\n        \"Whether the indicator should hide when not animating (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    color: {\n      label: \"Color\",\n      description: \"The color of the loading indicator (Default: gray)\",\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      editable: true,\n      required: false,\n      defaultValue: null,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,wCAHU;EAIvBC,QAAQ,EACN,sEALqB;EAMvBC,SAAS,EACP,2IAPqB;EAQvBC,QAAQ,EAAEV,eAAe,CAACW,KARH;EASvBC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE;EAArB,CATe;EAUvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJV,WAAW,EAAE,oDAFT;MAGJW,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;MAIJC,QAAQ,EAAElB,UAAU,CAACmB,SAJjB;MAKJC,QAAQ,EAAEnB,UAAU,CAACoB,MALjB;MAMJC,QAAQ,EAAE,IANN;MAOJC,QAAQ,EAAE,KAPN;MAQJC,YAAY,EAAE,OARV;MASJC,KAAK,EAAEvB,MAAM,CAACwB;IATV,CADD;IAYLC,SAAS,EAAE;MACTX,KAAK,EAAE,UADE;MAETV,WAAW,EAAE,uDAFJ;MAGTY,QAAQ,EAAElB,UAAU,CAAC4B,OAHZ;MAITR,QAAQ,EAAEnB,UAAU,CAAC4B,OAJZ;MAKTP,QAAQ,EAAE,IALD;MAMTC,QAAQ,EAAE,KAND;MAOTC,YAAY,EAAE,IAPL;MAQTC,KAAK,EAAEvB,MAAM,CAACwB;IARL,CAZN;IAsBLI,gBAAgB,EAAE;MAChBd,KAAK,EAAE,mBADS;MAEhBV,WAAW,EACT,sEAHc;MAIhBY,QAAQ,EAAElB,UAAU,CAAC4B,OAJL;MAKhBR,QAAQ,EAAEnB,UAAU,CAAC4B,OALL;MAMhBP,QAAQ,EAAE,IANM;MAOhBC,QAAQ,EAAE,KAPM;MAQhBC,YAAY,EAAE,IARE;MAShBC,KAAK,EAAEvB,MAAM,CAACwB;IATE,CAtBb;IAiCLK,KAAK,EAAE;MACLf,KAAK,EAAE,OADF;MAELV,WAAW,EAAE,oDAFR;MAGLY,QAAQ,EAAElB,UAAU,CAAC+B,KAHhB;MAILX,QAAQ,EAAEnB,UAAU,CAAC+B,KAJhB;MAKLV,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,YAAY,EAAE,IAPT;MAQLC,KAAK,EAAEvB,MAAM,CAACwB;IART;EAjCF;AAVgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","StylesPanelSections","SEED_DATA","name","tag","description","doc_link","code_link","category","input","stylesPanelSections","Size","Margins","Borders","layout","width","height","props","size","label","options","formType","flatArray","propType","STRING","editable","required","defaultValue","group","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"sources":["ActivityIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Activity Indicator\",\n  tag: \"ActivityIndicator\",\n  description: \"Displays a circular loading indicator.\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [\n    StylesPanelSections.Size,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Borders,\n  ],\n  layout: { width: 36, height: 36 },\n  props: {\n    size: {\n      label: \"Size\",\n      description: \"The size of the loading indicator (Default: small)\",\n      options: [\"small\", \"large\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      required: false,\n      defaultValue: \"small\",\n      group: GROUPS.basic,\n    },\n    animating: {\n      label: \"Spinning\",\n      description: \"Whether to show the loading indicator (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    hidesWhenStopped: {\n      label: \"Hide When Stopped\",\n      description:\n        \"Whether the indicator should hide when not animating (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    color: {\n      label: \"Color\",\n      description: \"The color of the loading indicator (Default: gray)\",\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      editable: true,\n      required: false,\n      defaultValue: null,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,EAKEC,mBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,wCAHU;EAIvBC,QAAQ,EACN,sEALqB;EAMvBC,SAAS,EACP,2IAPqB;EAQvBC,QAAQ,EAAEX,eAAe,CAACY,KARH;EASvBC,mBAAmB,EAAE,CACnBT,mBAAmB,CAACU,IADD,EAEnBV,mBAAmB,CAACW,OAFD,EAGnBX,mBAAmB,CAACY,OAHD,CATE;EAcvBC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE;EAArB,CAde;EAevBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJd,WAAW,EAAE,oDAFT;MAGJe,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;MAIJC,QAAQ,EAAEvB,UAAU,CAACwB,SAJjB;MAKJC,QAAQ,EAAExB,UAAU,CAACyB,MALjB;MAMJC,QAAQ,EAAE,IANN;MAOJC,QAAQ,EAAE,KAPN;MAQJC,YAAY,EAAE,OARV;MASJC,KAAK,EAAE5B,MAAM,CAAC6B;IATV,CADD;IAYLC,SAAS,EAAE;MACTX,KAAK,EAAE,UADE;MAETd,WAAW,EAAE,uDAFJ;MAGTgB,QAAQ,EAAEvB,UAAU,CAACiC,OAHZ;MAITR,QAAQ,EAAExB,UAAU,CAACiC,OAJZ;MAKTP,QAAQ,EAAE,IALD;MAMTC,QAAQ,EAAE,KAND;MAOTC,YAAY,EAAE,IAPL;MAQTC,KAAK,EAAE5B,MAAM,CAAC6B;IARL,CAZN;IAsBLI,gBAAgB,EAAE;MAChBd,KAAK,EAAE,mBADS;MAEhBd,WAAW,EACT,sEAHc;MAIhBgB,QAAQ,EAAEvB,UAAU,CAACiC,OAJL;MAKhBR,QAAQ,EAAExB,UAAU,CAACiC,OALL;MAMhBP,QAAQ,EAAE,IANM;MAOhBC,QAAQ,EAAE,KAPM;MAQhBC,YAAY,EAAE,IARE;MAShBC,KAAK,EAAE5B,MAAM,CAAC6B;IATE,CAtBb;IAiCLK,KAAK,EAAE;MACLf,KAAK,EAAE,OADF;MAELd,WAAW,EAAE,oDAFR;MAGLgB,QAAQ,EAAEvB,UAAU,CAACoC,KAHhB;MAILX,QAAQ,EAAExB,UAAU,CAACoC,KAJhB;MAKLV,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,YAAY,EAAE,IAPT;MAQLC,KAAK,EAAE5B,MAAM,CAAC6B;IART;EAjCF;AAfgB,CAAlB"}

package/lib/module/mappings/AvatarEdit.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Avatar Edit",
   tag: "AvatarEdit",
   description: "An avatar with an edit icon in the top right",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {
     width: 64,
     height: 64

package/lib/module/mappings/AvatarEdit.js.map

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","layout","width","height","props","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"sources":["AvatarEdit.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,UAJH;EAKvBC,MAAM,EAAE;IACNC,KAAK,EAAE,EADD;IAENC,MAAM,EAAE;EAFF,CALe;EASvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEf,MAAM,CAACgB,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJV,WAAW,EAAE,gCAHT;MAIJW,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAElB,UAAU,CAACmB,MANjB;MAOJC,QAAQ,EAAEnB,UAAU,CAACoB,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV,CADD;IAeLC,KAAK,EAAE;MACLd,KAAK,EAAEf,MAAM,CAAC8B,IADT;MAELb,KAAK,EAAE,OAFF;MAGLV,WAAW,EAAE,mBAHR;MAILW,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAElB,UAAU,CAAC2B,KANhB;MAOLP,QAAQ,EAAEnB,UAAU,CAAC4B,KAPhB;MAQLH,YAAY,EAAE;IART;EAfF;AATgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","deprecated","stylesPanelSections","layout","width","height","props","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"sources":["AvatarEdit.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,qBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAER,eAAe,CAACS,UAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,MAAM,EAAE;IACNC,KAAK,EAAE,EADD;IAENC,MAAM,EAAE;EAFF,CANe;EAUvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEjB,MAAM,CAACkB,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJX,WAAW,EAAE,gCAHT;MAIJY,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEpB,UAAU,CAACqB,MANjB;MAOJC,QAAQ,EAAErB,UAAU,CAACsB,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV,CADD;IAeLC,KAAK,EAAE;MACLd,KAAK,EAAEjB,MAAM,CAACgC,IADT;MAELb,KAAK,EAAE,OAFF;MAGLX,WAAW,EAAE,mBAHR;MAILY,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAEpB,UAAU,CAAC6B,KANhB;MAOLP,QAAQ,EAAErB,UAAU,CAAC8B,KAPhB;MAQLH,YAAY,EAAE;IART;EAfF;AAVgB,CAAlB"}

package/lib/module/mappings/BlurView.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Blur View",
   tag: "BlurView",
@@ -6,6 +6,7 @@ export const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
   code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flexGrow: 1,
     flexShrink: 1,

package/lib/module/mappings/BlurView.js.map

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"sources":["BlurView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAE,qDAJa;EAKvBC,SAAS,EACP,kFANqB;EAOvBC,QAAQ,EAAEV,eAAe,CAACW,MAPH;EAQvBA,MAAM,EAAE;IACNC,QAAQ,EAAE,CADJ;IAENC,UAAU,EAAE,CAFN;IAGNC,SAAS,EAAE;EAHL,CARe;EAavBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJV,WAAW,EAAE,2BAFT;MAGJW,QAAQ,EAAE,IAHN;MAIJC,QAAQ,EAAE,IAJN;MAKJC,YAAY,EAAE,SALV;MAMJC,QAAQ,EAAEpB,UAAU,CAACqB,SANjB;MAOJC,QAAQ,EAAErB,UAAU,CAACsB,MAPjB;MAQJC,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;MASJC,KAAK,EAAEvB,MAAM,CAACwB;IATV,CADD;IAYLC,SAAS,EAAE;MACTX,KAAK,EAAE,WADE;MAETV,WAAW,EACT,uEAHO;MAITW,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTC,YAAY,EAAE,EANL;MAOTC,QAAQ,EAAEpB,UAAU,CAAC4B,MAPZ;MAQTN,QAAQ,EAAErB,UAAU,CAAC4B,MARZ;MASTC,GAAG,EAAE,CATI;MAUTC,GAAG,EAAE,GAVI;MAWTC,IAAI,EAAE,CAXG;MAYTC,SAAS,EAAE,CAZF;MAaTR,KAAK,EAAEvB,MAAM,CAACwB;IAbL;EAZN;AAbgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","stylesPanelSections","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"sources":["BlurView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,EAKEC,mCALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAE,qDAJa;EAKvBC,SAAS,EACP,kFANqB;EAOvBC,QAAQ,EAAEX,eAAe,CAACY,MAPH;EAQvBC,mBAAmB,EAAET,mCARE;EASvBQ,MAAM,EAAE;IACNE,QAAQ,EAAE,CADJ;IAENC,UAAU,EAAE,CAFN;IAGNC,SAAS,EAAE;EAHL,CATe;EAcvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJX,WAAW,EAAE,2BAFT;MAGJY,QAAQ,EAAE,IAHN;MAIJC,QAAQ,EAAE,IAJN;MAKJC,YAAY,EAAE,SALV;MAMJC,QAAQ,EAAEtB,UAAU,CAACuB,SANjB;MAOJC,QAAQ,EAAEvB,UAAU,CAACwB,MAPjB;MAQJC,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;MASJC,KAAK,EAAEzB,MAAM,CAAC0B;IATV,CADD;IAYLC,SAAS,EAAE;MACTX,KAAK,EAAE,WADE;MAETX,WAAW,EACT,uEAHO;MAITY,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTC,YAAY,EAAE,EANL;MAOTC,QAAQ,EAAEtB,UAAU,CAAC8B,MAPZ;MAQTN,QAAQ,EAAEvB,UAAU,CAAC8B,MARZ;MASTC,GAAG,EAAE,CATI;MAUTC,GAAG,EAAE,GAVI;MAWTC,IAAI,EAAE,CAXG;MAYTC,SAAS,EAAE,CAZF;MAaTR,KAAK,EAAEzB,MAAM,CAAC0B;IAbL;EAZN;AAdgB,CAAlB"}

package/lib/module/mappings/Button.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createBoolProp, createTextProp, GROUPS, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: createActionProp(),
@@ -31,6 +31,7 @@ export const SEED_DATA = [{
   name: "Button Outline",
   tag: "ButtonOutline",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
@@ -42,6 +43,7 @@ export const SEED_DATA = [{
   name: "Button Solid",
   tag: "ButtonSolid",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"

package/lib/module/mappings/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createIconProp","createBoolProp","createTextProp","GROUPS","createActionProp","Triggers","SEED_DATA_TRIGGERS","OnPress","SEED_DATA_PROPS","onPress","icon","defaultValue","required","title","label","description","disabled","group","basic","loading","LAYOUT","backgroundColor","borderRadius","fontFamily","SEED_DATA","name","tag","category","button","layout","borderWidth","textAlign","triggers","props"],"sources":["Button.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,MALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,MAAMC,kBAAkB,GAAG,CAACD,QAAQ,CAACE,OAAV,CAA3B;AACA,MAAMC,eAAe,GAAG;EACtBC,OAAO,EAAEL,gBAAgB,EADH;EAEtBM,IAAI,EAAEV,cAAc,CAAC;IACnBW,YAAY,EAAE,IADK;IAEnBC,QAAQ,EAAE;EAFS,CAAD,CAFE;EAMtBC,KAAK,EAAEX,cAAc,CAAC;IACpBY,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE,cAFO;IAGpBJ,YAAY,EAAE;EAHM,CAAD,CANC;EAWtBK,QAAQ,EAAEf,cAAc,CAAC;IACvBgB,KAAK,EAAEd,MAAM,CAACe,KADS;IAEvBJ,KAAK,EAAE,UAFgB;IAGvBC,WAAW,EAAE;EAHU,CAAD,CAXF;EAgBtBI,OAAO,EAAElB,cAAc,CAAC;IACtBgB,KAAK,EAAEd,MAAM,CAACe,KADQ;IAEtBJ,KAAK,EAAE,SAFe;IAGtBC,WAAW,EAAE;EAHS,CAAD;AAhBD,CAAxB;AAuBA,MAAMK,MAAM,GAAG;EACbC,eAAe,EAAE,aADJ;EAEbC,YAAY,EAAE,CAFD;EAGbC,UAAU,EAAE;AAHC,CAAf;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBADR;EAEEC,GAAG,EAAE,eAFP;EAGEC,QAAQ,EAAE5B,eAAe,CAAC6B,MAH5B;EAIEC,MAAM,EAAE,EACN,GAAGT,MADG;IAENC,eAAe,EAAE,aAFX;IAGNS,WAAW,EAAE,CAHP;IAINC,SAAS,EAAE;EAJL,CAJV;EAUEC,QAAQ,EAAE1B,kBAVZ;EAWE2B,KAAK,EAAEzB;AAXT,CADuB,EAcvB;EACEiB,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,QAAQ,EAAE5B,eAAe,CAAC6B,MAH5B;EAIEC,MAAM,EAAE,EACN,GAAGT,MADG;IAENC,eAAe,EAAE,SAFX;IAGNU,SAAS,EAAE;EAHL,CAJV;EASEC,QAAQ,EAAE1B,kBATZ;EAUE2B,KAAK,EAAEzB;AAVT,CAduB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createIconProp","createBoolProp","createTextProp","GROUPS","createActionProp","Triggers","StylesPanelSections","SEED_DATA_TRIGGERS","OnPress","SEED_DATA_PROPS","onPress","icon","defaultValue","required","title","label","description","disabled","group","basic","loading","LAYOUT","backgroundColor","borderRadius","fontFamily","SEED_DATA","name","tag","category","button","stylesPanelSections","Typography","Background","Borders","Size","MarginsAndPaddings","Position","Effects","layout","borderWidth","textAlign","triggers","props"],"sources":["Button.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,MALF,EAMEC,gBANF,EAOEC,QAPF,EAQEC,mBARF,QASO,iBATP;AAWA,MAAMC,kBAAkB,GAAG,CAACF,QAAQ,CAACG,OAAV,CAA3B;AACA,MAAMC,eAAe,GAAG;EACtBC,OAAO,EAAEN,gBAAgB,EADH;EAEtBO,IAAI,EAAEX,cAAc,CAAC;IACnBY,YAAY,EAAE,IADK;IAEnBC,QAAQ,EAAE;EAFS,CAAD,CAFE;EAMtBC,KAAK,EAAEZ,cAAc,CAAC;IACpBa,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE,cAFO;IAGpBJ,YAAY,EAAE;EAHM,CAAD,CANC;EAWtBK,QAAQ,EAAEhB,cAAc,CAAC;IACvBiB,KAAK,EAAEf,MAAM,CAACgB,KADS;IAEvBJ,KAAK,EAAE,UAFgB;IAGvBC,WAAW,EAAE;EAHU,CAAD,CAXF;EAgBtBI,OAAO,EAAEnB,cAAc,CAAC;IACtBiB,KAAK,EAAEf,MAAM,CAACgB,KADQ;IAEtBJ,KAAK,EAAE,SAFe;IAGtBC,WAAW,EAAE;EAHS,CAAD;AAhBD,CAAxB;AAuBA,MAAMK,MAAM,GAAG;EACbC,eAAe,EAAE,aADJ;EAEbC,YAAY,EAAE,CAFD;EAGbC,UAAU,EAAE;AAHC,CAAf;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBADR;EAEEC,GAAG,EAAE,eAFP;EAGEC,QAAQ,EAAE7B,eAAe,CAAC8B,MAH5B;EAIEC,mBAAmB,EAAE,CACnBxB,mBAAmB,CAACyB,UADD,EAEnBzB,mBAAmB,CAAC0B,UAFD,EAGnB1B,mBAAmB,CAAC2B,OAHD,EAInB3B,mBAAmB,CAAC4B,IAJD,EAKnB5B,mBAAmB,CAAC6B,kBALD,EAMnB7B,mBAAmB,CAAC8B,QAND,EAOnB9B,mBAAmB,CAAC+B,OAPD,CAJvB;EAaEC,MAAM,EAAE,EACN,GAAGjB,MADG;IAENC,eAAe,EAAE,aAFX;IAGNiB,WAAW,EAAE,CAHP;IAINC,SAAS,EAAE;EAJL,CAbV;EAmBEC,QAAQ,EAAElC,kBAnBZ;EAoBEmC,KAAK,EAAEjC;AApBT,CADuB,EAuBvB;EACEiB,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,QAAQ,EAAE7B,eAAe,CAAC8B,MAH5B;EAIEC,mBAAmB,EAAE,CACnBxB,mBAAmB,CAACyB,UADD,EAEnBzB,mBAAmB,CAAC0B,UAFD,EAGnB1B,mBAAmB,CAAC2B,OAHD,EAInB3B,mBAAmB,CAAC4B,IAJD,EAKnB5B,mBAAmB,CAAC6B,kBALD,EAMnB7B,mBAAmB,CAAC8B,QAND,EAOnB9B,mBAAmB,CAAC+B,OAPD,CAJvB;EAaEC,MAAM,EAAE,EACN,GAAGjB,MADG;IAENC,eAAe,EAAE,SAFX;IAGNkB,SAAS,EAAE;EAHL,CAbV;EAkBEC,QAAQ,EAAElC,kBAlBZ;EAmBEmC,KAAK,EAAEjC;AAnBT,CAvBuB,CAAlB"}

package/lib/module/mappings/CardBlock.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createNumColumnsType } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createNumColumnsType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   image: {
     group: GROUPS.data,
@@ -97,6 +97,7 @@ export const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up the full width its container.",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   props: { ...SEED_DATA_PROPS,
     icon: {
       group: GROUPS.basic,

package/lib/module/mappings/CardBlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createNumColumnsType","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","props","numColumns","icon"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createNumColumnsType","BLOCK_STYLES_SECTIONS","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","props","numColumns","icon","stylesPanelSections"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/CardContainer.js

@@ -1,4 +1,4 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType } from "@draftbit/types";
+import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   image: {
     label: "Image",
@@ -79,6 +79,7 @@ export const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: createNumColumnsType({
@@ -90,6 +91,7 @@ export const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: createNumColumnsType({

package/lib/module/mappings/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","createElevationType","createNumColumnsType","SEED_DATA_PROPS","image","label","description","formType","propType","ASSET","defaultValue","editable","required","group","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","layout","props","numColumns"],"sources":["CardContainer.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","createElevationType","createNumColumnsType","BLOCK_STYLES_SECTIONS","SEED_DATA_PROPS","image","label","description","formType","propType","ASSET","defaultValue","editable","required","group","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","stylesPanelSections","layout","props","numColumns"],"sources":["CardContainer.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/CardContainerRating.js

@@ -1,4 +1,4 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType } from "@draftbit/types";
+import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   image: {
     group: GROUPS.data,
@@ -81,6 +81,7 @@ export const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,
@@ -101,6 +102,7 @@ export const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,

package/lib/module/mappings/CardContainerRating.js.map

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","createElevationType","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","SEED_DATA","name","tag","category","card","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","createElevationType","BLOCK_STYLES_SECTIONS","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","SEED_DATA","name","tag","category","card","stylesPanelSections","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/CardContainerShortImage.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Short Card (Left)",
   tag: "CardContainerShortImage",
   description: "An elevated card with a left aligned image and a title and subtitle",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png",
   supports_list_render: true,
   props: {
@@ -66,6 +67,7 @@ export const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a right aligned image and a title and subtitle",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortRightImage.png",
   supports_list_render: true,
   props: {

package/lib/module/mappings/CardContainerShortImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","SEED_DATA","name","tag","description","category","card","preview_image_url","supports_list_render","props","image","group","data","label","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","elevation","mode","uncategorized","flatArray","options","layout"],"sources":["CardContainerShortImage.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Short Card (Left)\",\n    tag: \"CardContainerShortImage\",\n    description:\n      \"An elevated card with a left aligned image and a title and subtitle\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png\",\n    supports_list_render: true,\n    props: {\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Title to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      aspectRatio: {\n        group: GROUPS.basic,\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      elevation: createElevationType(2),\n      mode: {\n        group: GROUPS.uncategorized,\n        label: \"Image Side\",\n        description: \"The side on which the image is on (left or right)\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"left\",\n        options: [\"left\", \"right\"],\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Short Card (Right)\",\n    tag: \"CardContainerShortImage\",\n    description:\n      \"An elevated card with a right aligned image and a title and subtitle\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerShortRightImage.png\",\n    supports_list_render: true,\n    props: {\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Title to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      elevation: createElevationType(2),\n      mode: {\n        label: \"Mode\",\n        description: \"Mode\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"right\",\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,mBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,mBADR;EAEEC,GAAG,EAAE,yBAFP;EAGEC,WAAW,EACT,qEAJJ;EAKEC,QAAQ,EAAER,eAAe,CAACS,IAL5B;EAMEC,iBAAiB,EAAE,mDANrB;EAOEC,oBAAoB,EAAE,IAPxB;EAQEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEf,MAAM,CAACgB,IADT;MAELC,KAAK,EAAE,OAFF;MAGLT,WAAW,EAAE,OAHR;MAILU,QAAQ,EAAEhB,UAAU,CAACY,KAJhB;MAKLK,QAAQ,EAAEhB,UAAU,CAACiB,KALhB;MAMLC,YAAY,EAAE,IANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,KAAK,EAAE;MACLT,KAAK,EAAEf,MAAM,CAACgB,IADT;MAELC,KAAK,EAAE,OAFF;MAGLT,WAAW,EAAE,kBAHR;MAILU,QAAQ,EAAEhB,UAAU,CAACuB,MAJhB;MAKLN,QAAQ,EAAEhB,UAAU,CAACuB,MALhB;MAMLL,YAAY,EAAE,4BANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXF;IAqBLI,QAAQ,EAAE;MACRZ,KAAK,EAAEf,MAAM,CAACgB,IADN;MAERC,KAAK,EAAE,UAFC;MAGRT,WAAW,EAAE,qBAHL;MAIRU,QAAQ,EAAEhB,UAAU,CAACuB,MAJb;MAKRN,QAAQ,EAAEhB,UAAU,CAACuB,MALb;MAMRL,YAAY,EAAE,WANN;MAORC,QAAQ,EAAE,IAPF;MAQRC,QAAQ,EAAE;IARF,CArBL;IA+BLK,WAAW,EAAE;MACXb,KAAK,EAAEf,MAAM,CAAC6B,KADH;MAEXZ,KAAK,EAAE,cAFI;MAGXT,WAAW,EAAE,2BAHF;MAIXU,QAAQ,EAAEhB,UAAU,CAAC0B,WAJV;MAKXT,QAAQ,EAAEhB,UAAU,CAACuB,MALV;MAMXL,YAAY,EAAE,IANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CA/BR;IAyCLO,SAAS,EAAE1B,mBAAmB,CAAC,CAAD,CAzCzB;IA0CL2B,IAAI,EAAE;MACJhB,KAAK,EAAEf,MAAM,CAACgC,aADV;MAEJf,KAAK,EAAE,YAFH;MAGJT,WAAW,EAAE,mDAHT;MAIJU,QAAQ,EAAEhB,UAAU,CAAC+B,SAJjB;MAKJd,QAAQ,EAAEhB,UAAU,CAACuB,MALjB;MAMJL,YAAY,EAAE,MANV;MAOJa,OAAO,EAAE,CAAC,MAAD,EAAS,OAAT,CAPL;MAQJZ,QAAQ,EAAE,KARN;MASJC,QAAQ,EAAE;IATN;EA1CD,CART;EA8DEY,MAAM,EAAE;AA9DV,CADuB,EAiEvB;EACE7B,IAAI,EAAE,oBADR;EAEEC,GAAG,EAAE,yBAFP;EAGEC,WAAW,EACT,sEAJJ;EAKEC,QAAQ,EAAER,eAAe,CAACS,IAL5B;EAMEC,iBAAiB,EAAE,oDANrB;EAOEC,oBAAoB,EAAE,IAPxB;EAQEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEf,MAAM,CAACgB,IADT;MAELC,KAAK,EAAE,OAFF;MAGLT,WAAW,EAAE,OAHR;MAILU,QAAQ,EAAEhB,UAAU,CAACY,KAJhB;MAKLK,QAAQ,EAAEhB,UAAU,CAACiB,KALhB;MAMLC,YAAY,EAAE,IANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,KAAK,EAAE;MACLT,KAAK,EAAEf,MAAM,CAACgB,IADT;MAELC,KAAK,EAAE,OAFF;MAGLT,WAAW,EAAE,kBAHR;MAILU,QAAQ,EAAEhB,UAAU,CAACuB,MAJhB;MAKLN,QAAQ,EAAEhB,UAAU,CAACuB,MALhB;MAMLL,YAAY,EAAE,4BANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXF;IAqBLI,QAAQ,EAAE;MACRZ,KAAK,EAAEf,MAAM,CAACgB,IADN;MAERC,KAAK,EAAE,UAFC;MAGRT,WAAW,EAAE,qBAHL;MAIRU,QAAQ,EAAEhB,UAAU,CAACuB,MAJb;MAKRN,QAAQ,EAAEhB,UAAU,CAACuB,MALb;MAMRL,YAAY,EAAE,WANN;MAORC,QAAQ,EAAE,IAPF;MAQRC,QAAQ,EAAE;IARF,CArBL;IA+BLO,SAAS,EAAE1B,mBAAmB,CAAC,CAAD,CA/BzB;IAgCL2B,IAAI,EAAE;MACJd,KAAK,EAAE,MADH;MAEJT,WAAW,EAAE,MAFT;MAGJO,KAAK,EAAEf,MAAM,CAACgC,aAHV;MAIJd,QAAQ,EAAEhB,UAAU,CAACuB,MAJjB;MAKJN,QAAQ,EAAEhB,UAAU,CAACuB,MALjB;MAMJL,YAAY,EAAE,OANV;MAOJC,QAAQ,EAAE,KAPN;MAQJC,QAAQ,EAAE;IARN;EAhCD,CART;EAmDEY,MAAM,EAAE;AAnDV,CAjEuB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","card","stylesPanelSections","preview_image_url","supports_list_render","props","image","group","data","label","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","elevation","mode","uncategorized","flatArray","options","layout"],"sources":["CardContainerShortImage.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Short Card (Left)\",\n    tag: \"CardContainerShortImage\",\n    description:\n      \"An elevated card with a left aligned image and a title and subtitle\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png\",\n    supports_list_render: true,\n    props: {\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Title to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      aspectRatio: {\n        group: GROUPS.basic,\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      elevation: createElevationType(2),\n      mode: {\n        group: GROUPS.uncategorized,\n        label: \"Image Side\",\n        description: \"The side on which the image is on (left or right)\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"left\",\n        options: [\"left\", \"right\"],\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Short Card (Right)\",\n    tag: \"CardContainerShortImage\",\n    description:\n      \"An elevated card with a right aligned image and a title and subtitle\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerShortRightImage.png\",\n    supports_list_render: true,\n    props: {\n      image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Title to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n      },\n      subtitle: {\n        group: GROUPS.data,\n        label: \"Subtitle\",\n        description: \"Subtitle to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n      },\n      elevation: createElevationType(2),\n      mode: {\n        label: \"Mode\",\n        description: \"Mode\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"right\",\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/CardInline.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Inline Card",
   tag: "CardInline",
   description: "An elevated card with image and a title and description overlayed, that takes up the full width of its container.",
   category: COMPONENT_TYPES.card,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   props: {
     image: {