@draftbit/core 46.2.1-f4deff.4 → 46.2.2-45fcc3.0

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":"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"}
+{"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: {

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","SEED_DATA","name","tag","description","category","card","layout","props","image","group","data","label","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","NUMBER","elevation"],"sources":["CardInline.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  name: \"Inline Card\",\n  tag: \"CardInline\",\n  description:\n    \"An elevated card with image and a title and description overlayed, that takes up the full width of its container.\",\n  category: COMPONENT_TYPES.card,\n  layout: {},\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: \"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    subtitle: {\n      group: GROUPS.data,\n      label: \"Subtitle\",\n      description: \"Subtitle text\",\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.NUMBER,\n      defaultValue: 1.5,\n      editable: true,\n      required: false,\n    },\n    elevation: createElevationType(2),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,mBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EACT,mHAJqB;EAKvBC,QAAQ,EAAER,eAAe,CAACS,IALH;EAMvBC,MAAM,EAAE,EANe;EAOvBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEd,MAAM,CAACe,IADT;MAELC,KAAK,EAAE,OAFF;MAGLR,WAAW,EAAE,OAHR;MAILS,QAAQ,EAAEf,UAAU,CAACW,KAJhB;MAKLK,QAAQ,EAAEf,UAAU,CAACgB,KALhB;MAMLC,YAAY,EAAE,IANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,KAAK,EAAE;MACLT,KAAK,EAAEd,MAAM,CAACe,IADT;MAELC,KAAK,EAAE,OAFF;MAGLR,WAAW,EAAE,iBAHR;MAILS,QAAQ,EAAEf,UAAU,CAACsB,MAJhB;MAKLN,QAAQ,EAAEf,UAAU,CAACsB,MALhB;MAMLL,YAAY,EAAE,4BANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXF;IAqBLI,QAAQ,EAAE;MACRZ,KAAK,EAAEd,MAAM,CAACe,IADN;MAERC,KAAK,EAAE,UAFC;MAGRR,WAAW,EAAE,eAHL;MAIRS,QAAQ,EAAEf,UAAU,CAACsB,MAJb;MAKRN,QAAQ,EAAEf,UAAU,CAACsB,MALb;MAMRL,YAAY,EAAE,WANN;MAORC,QAAQ,EAAE,IAPF;MAQRC,QAAQ,EAAE;IARF,CArBL;IA+BLK,WAAW,EAAE;MACXb,KAAK,EAAEd,MAAM,CAAC4B,KADH;MAEXZ,KAAK,EAAE,cAFI;MAGXR,WAAW,EAAE,2BAHF;MAIXS,QAAQ,EAAEf,UAAU,CAACyB,WAJV;MAKXT,QAAQ,EAAEf,UAAU,CAAC0B,MALV;MAMXT,YAAY,EAAE,GANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CA/BR;IAyCLQ,SAAS,EAAE1B,mBAAmB,CAAC,CAAD;EAzCzB;AAPgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","card","stylesPanelSections","layout","props","image","group","data","label","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","NUMBER","elevation"],"sources":["CardInline.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  name: \"Inline Card\",\n  tag: \"CardInline\",\n  description:\n    \"An elevated card with image and a title and description overlayed, that takes up the full width of its container.\",\n  category: COMPONENT_TYPES.card,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  layout: {},\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: \"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    subtitle: {\n      group: GROUPS.data,\n      label: \"Subtitle\",\n      description: \"Subtitle text\",\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.NUMBER,\n      defaultValue: 1.5,\n      editable: true,\n      required: false,\n    },\n    elevation: createElevationType(2),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,mBALF,EAMEC,qBANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EACT,mHAJqB;EAKvBC,QAAQ,EAAET,eAAe,CAACU,IALH;EAMvBC,mBAAmB,EAAEP,qBANE;EAOvBQ,MAAM,EAAE,EAPe;EAQvBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEhB,MAAM,CAACiB,IADT;MAELC,KAAK,EAAE,OAFF;MAGLT,WAAW,EAAE,OAHR;MAILU,QAAQ,EAAEjB,UAAU,CAACa,KAJhB;MAKLK,QAAQ,EAAEjB,UAAU,CAACkB,KALhB;MAMLC,YAAY,EAAE,IANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,KAAK,EAAE;MACLT,KAAK,EAAEhB,MAAM,CAACiB,IADT;MAELC,KAAK,EAAE,OAFF;MAGLT,WAAW,EAAE,iBAHR;MAILU,QAAQ,EAAEjB,UAAU,CAACwB,MAJhB;MAKLN,QAAQ,EAAEjB,UAAU,CAACwB,MALhB;MAMLL,YAAY,EAAE,4BANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXF;IAqBLI,QAAQ,EAAE;MACRZ,KAAK,EAAEhB,MAAM,CAACiB,IADN;MAERC,KAAK,EAAE,UAFC;MAGRT,WAAW,EAAE,eAHL;MAIRU,QAAQ,EAAEjB,UAAU,CAACwB,MAJb;MAKRN,QAAQ,EAAEjB,UAAU,CAACwB,MALb;MAMRL,YAAY,EAAE,WANN;MAORC,QAAQ,EAAE,IAPF;MAQRC,QAAQ,EAAE;IARF,CArBL;IA+BLK,WAAW,EAAE;MACXb,KAAK,EAAEhB,MAAM,CAAC8B,KADH;MAEXZ,KAAK,EAAE,cAFI;MAGXT,WAAW,EAAE,2BAHF;MAIXU,QAAQ,EAAEjB,UAAU,CAAC2B,WAJV;MAKXT,QAAQ,EAAEjB,UAAU,CAAC4B,MALV;MAMXT,YAAY,EAAE,GANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CA/BR;IAyCLQ,SAAS,EAAE5B,mBAAmB,CAAC,CAAD;EAzCzB;AARgB,CAAlB"}

package/lib/module/mappings/Carousel.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createResizeModeProp, createColorProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createResizeModeProp, createColorProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Carousel",
   tag: "Carousel",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   description: "A horizontal scrolling carousel of images",
   layout: {
     height: 250

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","deprecated","description","layout","height","props","resizeMode","dotColor","label"],"sources":["Carousel.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.deprecated,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,UADR;EAEEC,GAAG,EAAE,UAFP;EAGEC,QAAQ,EAAEN,eAAe,CAACO,UAH5B;EAIEC,WAAW,EAAE,2CAJf;EAKEC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CALV;EAQEC,KAAK,EAAE;IACLC,UAAU,EAAEX,oBAAoB,EAD3B;IAELY,QAAQ,EAAEX,eAAe,CAAC;MACxBY,KAAK,EAAE;IADiB,CAAD;EAFpB;AART,CADuB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","deprecated","stylesPanelSections","description","layout","height","props","resizeMode","dotColor","label"],"sources":["Carousel.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.deprecated,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {\n      height: 250,\n    },\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,EAIEC,qBAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,UADR;EAEEC,GAAG,EAAE,UAFP;EAGEC,QAAQ,EAAEP,eAAe,CAACQ,UAH5B;EAIEC,mBAAmB,EAAEN,qBAJvB;EAKEO,WAAW,EAAE,2CALf;EAMEC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CANV;EASEC,KAAK,EAAE;IACLC,UAAU,EAAEb,oBAAoB,EAD3B;IAELc,QAAQ,EAAEb,eAAe,CAAC;MACxBc,KAAK,EAAE;IADiB,CAAD;EAFpB;AATT,CADuB,CAAlB"}

package/lib/module/mappings/Checkbox.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp, createColorProp, createFieldNameProp, GROUPS, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp, createColorProp, createFieldNameProp, GROUPS, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Checkbox",
   tag: "Checkbox",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],
   props: {
     fieldName: createFieldNameProp({

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createBoolProp","createIconProp","createStaticNumberProp","createColorProp","createFieldNameProp","GROUPS","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"sources":["Checkbox.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createIconProp,\n  createStaticNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox\",\n  tag: \"Checkbox\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the button (used when the checkbox is checked)\",\n      defaultValue: null,\n    }),\n    uncheckedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n      defaultValue: null,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,sBAJF,EAKEC,eALF,EAMEC,mBANF,EAOEC,MAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,QAAQ,EAAEX,eAAe,CAACY,KAHH;EAIvBC,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,EAAmBP,QAAQ,CAACQ,OAA5B,EAAqCR,QAAQ,CAACS,SAA9C,CAJa;EAKvBC,KAAK,EAAE;IACLC,SAAS,EAAEb,mBAAmB,CAAC;MAC7Bc,YAAY,EAAE,eADe;MAE7BC,aAAa,EAAE,QAFc;MAG7BC,eAAe,EAAE;IAHY,CAAD,CADzB;IAMLC,KAAK,EAAElB,eAAe,CAAC;MACrBmB,KAAK,EAAEjB,MAAM,CAACkB,KADO;MAErBC,KAAK,EAAE,OAFc;MAGrBC,WAAW,EAAE,0DAHQ;MAIrBP,YAAY,EAAE;IAJO,CAAD,CANjB;IAYLQ,cAAc,EAAEvB,eAAe,CAAC;MAC9BmB,KAAK,EAAEjB,MAAM,CAACkB,KADgB;MAE9BC,KAAK,EAAE,kBAFuB;MAG9BC,WAAW,EAAE,qDAHiB;MAI9BP,YAAY,EAAE;IAJgB,CAAD,CAZ1B;IAkBLS,QAAQ,EAAE3B,cAAc,CAAC;MACvBwB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CAlBnB;IAsBLG,IAAI,EAAE1B,sBAAsB,CAAC;MAC3BsB,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BP,YAAY,EAAE;IAHa,CAAD,CAtBvB;IA2BLW,WAAW,EAAE5B,cAAc,CAAC;MAC1BuB,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BP,YAAY,EAAE;IAHY,CAAD,CA3BtB;IAgCLY,aAAa,EAAE7B,cAAc,CAAC;MAC5BuB,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BP,YAAY,EAAE;IAHc,CAAD;EAhCxB;AALgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createBoolProp","createIconProp","createStaticNumberProp","createColorProp","createFieldNameProp","GROUPS","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","input","stylesPanelSections","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"sources":["Checkbox.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createIconProp,\n  createStaticNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  GROUPS,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox\",\n  tag: \"Checkbox\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the button (used when the checkbox is checked)\",\n      defaultValue: null,\n    }),\n    uncheckedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n      defaultValue: null,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,sBAJF,EAKEC,eALF,EAMEC,mBANF,EAOEC,MAPF,EAQEC,QARF,EASEC,qBATF,QAUO,iBAVP;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,QAAQ,EAAEZ,eAAe,CAACa,KAHH;EAIvBC,mBAAmB,EAAEN,qBAJE;EAKvBO,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,EAAmBT,QAAQ,CAACU,OAA5B,EAAqCV,QAAQ,CAACW,SAA9C,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAEf,mBAAmB,CAAC;MAC7BgB,YAAY,EAAE,eADe;MAE7BC,aAAa,EAAE,QAFc;MAG7BC,eAAe,EAAE;IAHY,CAAD,CADzB;IAMLC,KAAK,EAAEpB,eAAe,CAAC;MACrBqB,KAAK,EAAEnB,MAAM,CAACoB,KADO;MAErBC,KAAK,EAAE,OAFc;MAGrBC,WAAW,EAAE,0DAHQ;MAIrBP,YAAY,EAAE;IAJO,CAAD,CANjB;IAYLQ,cAAc,EAAEzB,eAAe,CAAC;MAC9BqB,KAAK,EAAEnB,MAAM,CAACoB,KADgB;MAE9BC,KAAK,EAAE,kBAFuB;MAG9BC,WAAW,EAAE,qDAHiB;MAI9BP,YAAY,EAAE;IAJgB,CAAD,CAZ1B;IAkBLS,QAAQ,EAAE7B,cAAc,CAAC;MACvB0B,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CAlBnB;IAsBLG,IAAI,EAAE5B,sBAAsB,CAAC;MAC3BwB,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BP,YAAY,EAAE;IAHa,CAAD,CAtBvB;IA2BLW,WAAW,EAAE9B,cAAc,CAAC;MAC1ByB,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BP,YAAY,EAAE;IAHY,CAAD,CA3BtB;IAgCLY,aAAa,EAAE/B,cAAc,CAAC;MAC5ByB,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BP,YAAY,EAAE;IAHc,CAAD;EAhCxB;AANgB,CAAlB"}

package/lib/module/mappings/CheckboxGroup.js

@@ -1,10 +1,11 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, createTextProp, PROP_TYPES, createFieldNameProp, createDirectionProp, Triggers } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, createTextProp, PROP_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Checkbox Group",
   tag: "CheckboxGroup",
   category: COMPONENT_TYPES.deprecated,
   layout: {},
   triggers: [Triggers.OnValueChange],
+  stylesPanelSections: [StylesPanelSections.Margins],
   props: {
     direction: createDirectionProp(),
     values: createTextProp({

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"sources":["CheckboxGroup.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  createTextProp,\n  PROP_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox Group\",\n  tag: \"CheckboxGroup\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    values: createTextProp({\n      group: GROUPS.data,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.ARRAY,\n      label: \"Values\",\n      description: \"Currently selected values of the checkbox group\",\n      required: true,\n      defaultValue: null,\n    }),\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxGroupValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,cAJF,EAKEC,UALF,EAMEC,mBANF,EAOEC,mBAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,gBADiB;EAEvBC,GAAG,EAAE,eAFkB;EAGvBC,QAAQ,EAAEV,eAAe,CAACW,UAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAEX,mBAAmB,EADzB;IAELY,MAAM,EAAEf,cAAc,CAAC;MACrBgB,KAAK,EAAEnB,MAAM,CAACoB,IADO;MAErBC,QAAQ,EAAEnB,UAAU,CAACoB,SAFA;MAGrBC,QAAQ,EAAEnB,UAAU,CAACoB,KAHA;MAIrBC,KAAK,EAAE,QAJc;MAKrBC,WAAW,EAAE,iDALQ;MAMrBC,QAAQ,EAAE,IANW;MAOrBC,YAAY,EAAE;IAPO,CAAD,CAFjB;IAWLC,SAAS,EAAExB,mBAAmB,CAAC;MAC7BuB,YAAY,EAAE,oBADe;MAE7BE,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD;EAXzB;AANgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","stylesPanelSections","Margins","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"sources":["CheckboxGroup.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  createTextProp,\n  PROP_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox Group\",\n  tag: \"CheckboxGroup\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  stylesPanelSections: [StylesPanelSections.Margins],\n  props: {\n    direction: createDirectionProp(),\n    values: createTextProp({\n      group: GROUPS.data,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.ARRAY,\n      label: \"Values\",\n      description: \"Currently selected values of the checkbox group\",\n      required: true,\n      defaultValue: null,\n    }),\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxGroupValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,cAJF,EAKEC,UALF,EAMEC,mBANF,EAOEC,mBAPF,EAQEC,QARF,EASEC,mBATF,QAUO,iBAVP;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,gBADiB;EAEvBC,GAAG,EAAE,eAFkB;EAGvBC,QAAQ,EAAEX,eAAe,CAACY,UAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACR,QAAQ,CAACS,aAAV,CALa;EAMvBC,mBAAmB,EAAE,CAACT,mBAAmB,CAACU,OAArB,CANE;EAOvBC,KAAK,EAAE;IACLC,SAAS,EAAEd,mBAAmB,EADzB;IAELe,MAAM,EAAElB,cAAc,CAAC;MACrBmB,KAAK,EAAEtB,MAAM,CAACuB,IADO;MAErBC,QAAQ,EAAEtB,UAAU,CAACuB,SAFA;MAGrBC,QAAQ,EAAEtB,UAAU,CAACuB,KAHA;MAIrBC,KAAK,EAAE,QAJc;MAKrBC,WAAW,EAAE,iDALQ;MAMrBC,QAAQ,EAAE,IANW;MAOrBC,YAAY,EAAE;IAPO,CAAD,CAFjB;IAWLC,SAAS,EAAE3B,mBAAmB,CAAC;MAC7B0B,YAAY,EAAE,oBADe;MAE7BE,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD;EAXzB;AAPgB,CAAlB"}

package/lib/module/mappings/CheckboxRow.js

@@ -1,8 +1,9 @@
-import { createBoolProp, createTextProp, createTextStyle, createRowDirectionProp, createFieldNameProp, createIconProp, createStaticNumberProp, COMPONENT_TYPES, Triggers, createColorProp } from "@draftbit/types";
+import { createBoolProp, createTextProp, createTextStyle, createRowDirectionProp, createFieldNameProp, createIconProp, createStaticNumberProp, COMPONENT_TYPES, Triggers, createColorProp, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Checkbox Row",
   tag: "CheckboxRow",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {
     minHeight: 50
   },

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

@@ -1 +1 @@
-{"version":3,"names":["createBoolProp","createTextProp","createTextStyle","createRowDirectionProp","createFieldNameProp","createIconProp","createStaticNumberProp","COMPONENT_TYPES","Triggers","createColorProp","SEED_DATA","name","tag","category","input","layout","minHeight","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","label","description","required","labelStyle","editable","direction","color","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"sources":["CheckboxRow.ts"],"sourcesContent":["import {\n  createBoolProp,\n  createTextProp,\n  createTextStyle,\n  createRowDirectionProp,\n  createFieldNameProp,\n  createIconProp,\n  createStaticNumberProp,\n  COMPONENT_TYPES,\n  Triggers,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox Row\",\n  tag: \"CheckboxRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    minHeight: 50,\n  },\n  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxRowValue\",\n      valuePropName: \"value\",\n      handlerPropName: \"onPress\",\n    }),\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the checkbox\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    labelStyle: createTextStyle({\n      label: \"Label Style\",\n      description: \"Change the styles of the label\",\n      required: false,\n      editable: false,\n    }),\n    direction: createRowDirectionProp(),\n    color: createColorProp({\n      description: \"Color for the button (used when the checkbox is checked)\",\n    }),\n    uncheckedColor: createColorProp({\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,cADF,EAEEC,cAFF,EAGEC,eAHF,EAIEC,sBAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,eARF,EASEC,QATF,EAUEC,eAVF,QAWO,iBAXP;AAaA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEN,eAAe,CAACO,KAHH;EAIvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CAJe;EAOvBC,QAAQ,EAAE,CAACT,QAAQ,CAACU,OAAV,EAAmBV,QAAQ,CAACW,OAA5B,EAAqCX,QAAQ,CAACY,SAA9C,CAPa;EAQvBC,KAAK,EAAE;IACLC,SAAS,EAAElB,mBAAmB,CAAC;MAC7BmB,YAAY,EAAE,kBADe;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,eAAe,EAAE;IAHY,CAAD,CADzB;IAMLC,KAAK,EAAEzB,cAAc,CAAC;MACpByB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBL,YAAY,EAAE;IAJM,CAAD,CANhB;IAYLM,UAAU,EAAE3B,eAAe,CAAC;MAC1BwB,KAAK,EAAE,aADmB;MAE1BC,WAAW,EAAE,gCAFa;MAG1BC,QAAQ,EAAE,KAHgB;MAI1BE,QAAQ,EAAE;IAJgB,CAAD,CAZtB;IAkBLC,SAAS,EAAE5B,sBAAsB,EAlB5B;IAmBL6B,KAAK,EAAEvB,eAAe,CAAC;MACrBkB,WAAW,EAAE;IADQ,CAAD,CAnBjB;IAsBLM,cAAc,EAAExB,eAAe,CAAC;MAC9BiB,KAAK,EAAE,kBADuB;MAE9BC,WAAW,EAAE;IAFiB,CAAD,CAtB1B;IA0BLO,QAAQ,EAAElC,cAAc,CAAC;MACvB0B,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CA1BnB;IA8BLQ,IAAI,EAAE7B,sBAAsB,CAAC;MAC3BoB,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BJ,YAAY,EAAE;IAHa,CAAD,CA9BvB;IAmCLa,WAAW,EAAE/B,cAAc,CAAC;MAC1BqB,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BJ,YAAY,EAAE;IAHY,CAAD,CAnCtB;IAwCLc,aAAa,EAAEhC,cAAc,CAAC;MAC5BqB,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BJ,YAAY,EAAE;IAHc,CAAD;EAxCxB;AARgB,CAAlB"}
+{"version":3,"names":["createBoolProp","createTextProp","createTextStyle","createRowDirectionProp","createFieldNameProp","createIconProp","createStaticNumberProp","COMPONENT_TYPES","Triggers","createColorProp","StylesPanelSections","SEED_DATA","name","tag","category","input","stylesPanelSections","Typography","Margins","Effects","layout","minHeight","triggers","OnPress","OnCheck","OnUncheck","props","fieldName","defaultValue","valuePropName","handlerPropName","label","description","required","labelStyle","editable","direction","color","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"sources":["CheckboxRow.ts"],"sourcesContent":["import {\n  createBoolProp,\n  createTextProp,\n  createTextStyle,\n  createRowDirectionProp,\n  createFieldNameProp,\n  createIconProp,\n  createStaticNumberProp,\n  COMPONENT_TYPES,\n  Triggers,\n  createColorProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox Row\",\n  tag: \"CheckboxRow\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [\n    StylesPanelSections.Typography,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Effects,\n  ],\n  layout: {\n    minHeight: 50,\n  },\n  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxRowValue\",\n      valuePropName: \"value\",\n      handlerPropName: \"onPress\",\n    }),\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the checkbox\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    labelStyle: createTextStyle({\n      label: \"Label Style\",\n      description: \"Change the styles of the label\",\n      required: false,\n      editable: false,\n    }),\n    direction: createRowDirectionProp(),\n    color: createColorProp({\n      description: \"Color for the button (used when the checkbox is checked)\",\n    }),\n    uncheckedColor: createColorProp({\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,cADF,EAEEC,cAFF,EAGEC,eAHF,EAIEC,sBAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,eARF,EASEC,QATF,EAUEC,eAVF,EAWEC,mBAXF,QAYO,iBAZP;AAcA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEP,eAAe,CAACQ,KAHH;EAIvBC,mBAAmB,EAAE,CACnBN,mBAAmB,CAACO,UADD,EAEnBP,mBAAmB,CAACQ,OAFD,EAGnBR,mBAAmB,CAACS,OAHD,CAJE;EASvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CATe;EAYvBC,QAAQ,EAAE,CAACd,QAAQ,CAACe,OAAV,EAAmBf,QAAQ,CAACgB,OAA5B,EAAqChB,QAAQ,CAACiB,SAA9C,CAZa;EAavBC,KAAK,EAAE;IACLC,SAAS,EAAEvB,mBAAmB,CAAC;MAC7BwB,YAAY,EAAE,kBADe;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,eAAe,EAAE;IAHY,CAAD,CADzB;IAMLC,KAAK,EAAE9B,cAAc,CAAC;MACpB8B,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBL,YAAY,EAAE;IAJM,CAAD,CANhB;IAYLM,UAAU,EAAEhC,eAAe,CAAC;MAC1B6B,KAAK,EAAE,aADmB;MAE1BC,WAAW,EAAE,gCAFa;MAG1BC,QAAQ,EAAE,KAHgB;MAI1BE,QAAQ,EAAE;IAJgB,CAAD,CAZtB;IAkBLC,SAAS,EAAEjC,sBAAsB,EAlB5B;IAmBLkC,KAAK,EAAE5B,eAAe,CAAC;MACrBuB,WAAW,EAAE;IADQ,CAAD,CAnBjB;IAsBLM,cAAc,EAAE7B,eAAe,CAAC;MAC9BsB,KAAK,EAAE,kBADuB;MAE9BC,WAAW,EAAE;IAFiB,CAAD,CAtB1B;IA0BLO,QAAQ,EAAEvC,cAAc,CAAC;MACvB+B,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CA1BnB;IA8BLQ,IAAI,EAAElC,sBAAsB,CAAC;MAC3ByB,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BJ,YAAY,EAAE;IAHa,CAAD,CA9BvB;IAmCLa,WAAW,EAAEpC,cAAc,CAAC;MAC1B0B,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BJ,YAAY,EAAE;IAHY,CAAD,CAnCtB;IAwCLc,aAAa,EAAErC,cAAc,CAAC;MAC5B0B,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BJ,YAAY,EAAE;IAHc,CAAD;EAxCxB;AAbgB,CAAlB"}

package/lib/module/mappings/CircleImage.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createImageProp } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createImageProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Circle Image",
   tag: "CircleImage",
   description: "A circle image",
   category: COMPONENT_TYPES.media,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   props: {
     source: createImageProp(),
     size: {

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createImageProp","SEED_DATA","name","tag","description","category","media","props","source","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue"],"sources":["CircleImage.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createImageProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Circle Image\",\n  tag: \"CircleImage\",\n  description: \"A circle image\",\n  category: COMPONENT_TYPES.media,\n  props: {\n    source: createImageProp(),\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of your circle image\",\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: 60,\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,eALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAER,eAAe,CAACS,KAJH;EAKvBC,KAAK,EAAE;IACLC,MAAM,EAAER,eAAe,EADlB;IAELS,IAAI,EAAE;MACJC,KAAK,EAAEd,MAAM,CAACe,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJR,WAAW,EAAE,2BAHT;MAIJS,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEjB,UAAU,CAACkB,MANjB;MAOJC,QAAQ,EAAElB,UAAU,CAACmB,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV;EAFD;AALgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createImageProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","media","stylesPanelSections","props","source","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue"],"sources":["CircleImage.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createImageProp,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Circle Image\",\n  tag: \"CircleImage\",\n  description: \"A circle image\",\n  category: COMPONENT_TYPES.media,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  props: {\n    source: createImageProp(),\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of your circle image\",\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: 60,\n    },\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,eALF,EAMEC,qBANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAET,eAAe,CAACU,KAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,KAAK,EAAE;IACLC,MAAM,EAAEV,eAAe,EADlB;IAELW,IAAI,EAAE;MACJC,KAAK,EAAEhB,MAAM,CAACiB,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJT,WAAW,EAAE,2BAHT;MAIJU,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEnB,UAAU,CAACoB,MANjB;MAOJC,QAAQ,EAAEpB,UAAU,CAACqB,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV;EAFD;AANgB,CAAlB"}

package/lib/module/mappings/Container.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Container",
   tag: "Container",
   description: "A container component with gutter padding",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     height: 250
   },

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createImageProp","createResizeModeProp","SEED_DATA","name","tag","description","category","deprecated","layout","height","props","useThemeGutterPadding","group","basic","label","formType","boolean","propType","BOOLEAN","defaultValue","editable","required","backgroundImage","backgroundImageResizeMode","elevation"],"sources":["Container.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createImageProp,\n  createResizeModeProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Container\",\n  tag: \"Container\",\n  description: \"A container component with gutter padding\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    height: 250,\n  },\n  props: {\n    useThemeGutterPadding: {\n      group: GROUPS.basic,\n      label: \"Use gutter padding\",\n      description:\n        \"When true, uses the theme gutter spacing as the container's horizontal padding\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: false,\n      editable: false,\n      required: true,\n    },\n    backgroundImage: createImageProp({\n      label: \"Background Image\",\n      description: \"Apply a custom background image\",\n      defaultValue: null,\n    }),\n    backgroundImageResizeMode: createResizeModeProp(),\n    elevation: createElevationType(0),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,mBALF,EAMEC,eANF,EAOEC,oBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,2CAHU;EAIvBC,QAAQ,EAAEV,eAAe,CAACW,UAJH;EAKvBC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CALe;EAQvBC,KAAK,EAAE;IACLC,qBAAqB,EAAE;MACrBC,KAAK,EAAEjB,MAAM,CAACkB,KADO;MAErBC,KAAK,EAAE,oBAFc;MAGrBT,WAAW,EACT,gFAJmB;MAKrBU,QAAQ,EAAElB,UAAU,CAACmB,OALA;MAMrBC,QAAQ,EAAEnB,UAAU,CAACoB,OANA;MAOrBC,YAAY,EAAE,KAPO;MAQrBC,QAAQ,EAAE,KARW;MASrBC,QAAQ,EAAE;IATW,CADlB;IAYLC,eAAe,EAAEtB,eAAe,CAAC;MAC/Bc,KAAK,EAAE,kBADwB;MAE/BT,WAAW,EAAE,iCAFkB;MAG/Bc,YAAY,EAAE;IAHiB,CAAD,CAZ3B;IAiBLI,yBAAyB,EAAEtB,oBAAoB,EAjB1C;IAkBLuB,SAAS,EAAEzB,mBAAmB,CAAC,CAAD;EAlBzB;AARgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createImageProp","createResizeModeProp","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","deprecated","stylesPanelSections","layout","height","props","useThemeGutterPadding","group","basic","label","formType","boolean","propType","BOOLEAN","defaultValue","editable","required","backgroundImage","backgroundImageResizeMode","elevation"],"sources":["Container.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createImageProp,\n  createResizeModeProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Container\",\n  tag: \"Container\",\n  description: \"A container component with gutter padding\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    height: 250,\n  },\n  props: {\n    useThemeGutterPadding: {\n      group: GROUPS.basic,\n      label: \"Use gutter padding\",\n      description:\n        \"When true, uses the theme gutter spacing as the container's horizontal padding\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: false,\n      editable: false,\n      required: true,\n    },\n    backgroundImage: createImageProp({\n      label: \"Background Image\",\n      description: \"Apply a custom background image\",\n      defaultValue: null,\n    }),\n    backgroundImageResizeMode: createResizeModeProp(),\n    elevation: createElevationType(0),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,mBALF,EAMEC,eANF,EAOEC,oBAPF,EAQEC,mCARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,2CAHU;EAIvBC,QAAQ,EAAEX,eAAe,CAACY,UAJH;EAKvBC,mBAAmB,EAAEP,mCALE;EAMvBQ,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CANe;EASvBC,KAAK,EAAE;IACLC,qBAAqB,EAAE;MACrBC,KAAK,EAAEnB,MAAM,CAACoB,KADO;MAErBC,KAAK,EAAE,oBAFc;MAGrBV,WAAW,EACT,gFAJmB;MAKrBW,QAAQ,EAAEpB,UAAU,CAACqB,OALA;MAMrBC,QAAQ,EAAErB,UAAU,CAACsB,OANA;MAOrBC,YAAY,EAAE,KAPO;MAQrBC,QAAQ,EAAE,KARW;MASrBC,QAAQ,EAAE;IATW,CADlB;IAYLC,eAAe,EAAExB,eAAe,CAAC;MAC/BgB,KAAK,EAAE,kBADwB;MAE/BV,WAAW,EAAE,iCAFkB;MAG/Be,YAAY,EAAE;IAHiB,CAAD,CAZ3B;IAiBLI,yBAAyB,EAAExB,oBAAoB,EAjB1C;IAkBLyB,SAAS,EAAE3B,mBAAmB,CAAC,CAAD;EAlBzB;AATgB,CAAlB"}

package/lib/module/mappings/Divider.js

@@ -1,8 +1,9 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES } from "@draftbit/types";
+import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Divider",
   tag: "Divider",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   description: "A horizontal line used to divide content",
   preview_image_url: "{CLOUDINARY_URL}/Divider.png",
   supports_list_render: false,

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","SEED_DATA","name","tag","category","layout","description","preview_image_url","supports_list_render","props","color","group","basic","label","editable","required","defaultValue","formType","propType","THEME","height"],"sources":["Divider.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Divider\",\n    tag: \"Divider\",\n    category: COMPONENT_TYPES.layout,\n    description: \"A horizontal line used to divide content\",\n    preview_image_url: \"{CLOUDINARY_URL}/Divider.png\",\n    supports_list_render: false,\n    props: {\n      color: {\n        group: GROUPS.basic,\n        label: \"Color\",\n        description: \"The color of the divider\",\n        editable: true,\n        required: false,\n        defaultValue: \"divider\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n      },\n    },\n    layout: {\n      height: 1,\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,QAAQ,EAAEJ,eAAe,CAACK,MAH5B;EAIEC,WAAW,EAAE,0CAJf;EAKEC,iBAAiB,EAAE,8BALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEd,MAAM,CAACe,KADT;MAELC,KAAK,EAAE,OAFF;MAGLP,WAAW,EAAE,0BAHR;MAILQ,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,KALL;MAMLC,YAAY,EAAE,SANT;MAOLC,QAAQ,EAAEnB,UAAU,CAACY,KAPhB;MAQLQ,QAAQ,EAAEnB,UAAU,CAACoB;IARhB;EADF,CAPT;EAmBEd,MAAM,EAAE;IACNe,MAAM,EAAE;EADF;AAnBV,CADuB,CAAlB"}
+{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","layout","stylesPanelSections","description","preview_image_url","supports_list_render","props","color","group","basic","label","editable","required","defaultValue","formType","propType","THEME","height"],"sources":["Divider.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Divider\",\n    tag: \"Divider\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    description: \"A horizontal line used to divide content\",\n    preview_image_url: \"{CLOUDINARY_URL}/Divider.png\",\n    supports_list_render: false,\n    props: {\n      color: {\n        group: GROUPS.basic,\n        label: \"Color\",\n        description: \"The color of the divider\",\n        editable: true,\n        required: false,\n        defaultValue: \"divider\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n      },\n    },\n    layout: {\n      height: 1,\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,eAJF,EAKEC,qBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,QAAQ,EAAEL,eAAe,CAACM,MAH5B;EAIEC,mBAAmB,EAAEN,qBAJvB;EAKEO,WAAW,EAAE,0CALf;EAMEC,iBAAiB,EAAE,8BANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEhB,MAAM,CAACiB,KADT;MAELC,KAAK,EAAE,OAFF;MAGLP,WAAW,EAAE,0BAHR;MAILQ,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,KALL;MAMLC,YAAY,EAAE,SANT;MAOLC,QAAQ,EAAErB,UAAU,CAACc,KAPhB;MAQLQ,QAAQ,EAAErB,UAAU,CAACsB;IARhB;EADF,CART;EAoBEf,MAAM,EAAE;IACNgB,MAAM,EAAE;EADF;AApBV,CADuB,CAAlB"}

package/lib/module/mappings/FAB.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolProp, createIconSizeProp, createActionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createColorProp, GROUPS, createBoolProp, createIconSizeProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "FAB",
   tag: "FAB",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   description: "A mini round icon FAB",
   layout: {},
   triggers: [Triggers.OnPress],

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createIconProp","createColorProp","GROUPS","createBoolProp","createIconSizeProp","createActionProp","Triggers","SEED_DATA","name","tag","category","button","description","layout","triggers","OnPress","props","onPress","disabled","label","group","basic","loading","iconName","defaultValue","iconColor","bgColor","size"],"sources":["FAB.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createColorProp,\n  GROUPS,\n  createBoolProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"FAB\",\n  tag: \"FAB\",\n  category: COMPONENT_TYPES.button,\n  description: \"A mini round icon FAB\",\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    loading: createBoolProp({\n      label: \"Loading\",\n      group: GROUPS.basic,\n    }),\n    iconName: createIconProp({\n      label: \"Icon\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    bgColor: createColorProp({\n      label: \"Background color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    size: createIconSizeProp(),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,eAHF,EAIEC,MAJF,EAKEC,cALF,EAMEC,kBANF,EAOEC,gBAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,KADiB;EAEvBC,GAAG,EAAE,KAFkB;EAGvBC,QAAQ,EAAEX,eAAe,CAACY,MAHH;EAIvBC,WAAW,EAAE,uBAJU;EAKvBC,MAAM,EAAE,EALe;EAMvBC,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,OAAO,EAAEZ,gBAAgB,EADpB;IAELa,QAAQ,EAAEf,cAAc,CAAC;MACvBgB,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAElB,MAAM,CAACmB;IAFS,CAAD,CAFnB;IAMLC,OAAO,EAAEnB,cAAc,CAAC;MACtBgB,KAAK,EAAE,SADe;MAEtBC,KAAK,EAAElB,MAAM,CAACmB;IAFQ,CAAD,CANlB;IAULE,QAAQ,EAAEvB,cAAc,CAAC;MACvBmB,KAAK,EAAE,MADgB;MAEvBK,YAAY,EAAE,IAFS;MAGvBJ,KAAK,EAAElB,MAAM,CAACmB;IAHS,CAAD,CAVnB;IAeLI,SAAS,EAAExB,eAAe,CAAC;MACzBkB,KAAK,EAAE,YADkB;MAEzBK,YAAY,EAAE,IAFW;MAGzBJ,KAAK,EAAElB,MAAM,CAACmB;IAHW,CAAD,CAfrB;IAoBLK,OAAO,EAAEzB,eAAe,CAAC;MACvBkB,KAAK,EAAE,kBADgB;MAEvBK,YAAY,EAAE,IAFS;MAGvBJ,KAAK,EAAElB,MAAM,CAACmB;IAHS,CAAD,CApBnB;IAyBLM,IAAI,EAAEvB,kBAAkB;EAzBnB;AAPgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createIconProp","createColorProp","GROUPS","createBoolProp","createIconSizeProp","createActionProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","button","stylesPanelSections","description","layout","triggers","OnPress","props","onPress","disabled","label","group","basic","loading","iconName","defaultValue","iconColor","bgColor","size"],"sources":["FAB.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createColorProp,\n  GROUPS,\n  createBoolProp,\n  createIconSizeProp,\n  createActionProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"FAB\",\n  tag: \"FAB\",\n  category: COMPONENT_TYPES.button,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  description: \"A mini round icon FAB\",\n  layout: {},\n  triggers: [Triggers.OnPress],\n  props: {\n    onPress: createActionProp(),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      group: GROUPS.basic,\n    }),\n    loading: createBoolProp({\n      label: \"Loading\",\n      group: GROUPS.basic,\n    }),\n    iconName: createIconProp({\n      label: \"Icon\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    bgColor: createColorProp({\n      label: \"Background color\",\n      defaultValue: null,\n      group: GROUPS.basic,\n    }),\n    size: createIconSizeProp(),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,eAHF,EAIEC,MAJF,EAKEC,cALF,EAMEC,kBANF,EAOEC,gBAPF,EAQEC,QARF,EASEC,qBATF,QAUO,iBAVP;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,KADiB;EAEvBC,GAAG,EAAE,KAFkB;EAGvBC,QAAQ,EAAEZ,eAAe,CAACa,MAHH;EAIvBC,mBAAmB,EAAEN,qBAJE;EAKvBO,WAAW,EAAE,uBALU;EAMvBC,MAAM,EAAE,EANe;EAOvBC,QAAQ,EAAE,CAACV,QAAQ,CAACW,OAAV,CAPa;EAQvBC,KAAK,EAAE;IACLC,OAAO,EAAEd,gBAAgB,EADpB;IAELe,QAAQ,EAAEjB,cAAc,CAAC;MACvBkB,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEpB,MAAM,CAACqB;IAFS,CAAD,CAFnB;IAMLC,OAAO,EAAErB,cAAc,CAAC;MACtBkB,KAAK,EAAE,SADe;MAEtBC,KAAK,EAAEpB,MAAM,CAACqB;IAFQ,CAAD,CANlB;IAULE,QAAQ,EAAEzB,cAAc,CAAC;MACvBqB,KAAK,EAAE,MADgB;MAEvBK,YAAY,EAAE,IAFS;MAGvBJ,KAAK,EAAEpB,MAAM,CAACqB;IAHS,CAAD,CAVnB;IAeLI,SAAS,EAAE1B,eAAe,CAAC;MACzBoB,KAAK,EAAE,YADkB;MAEzBK,YAAY,EAAE,IAFW;MAGzBJ,KAAK,EAAEpB,MAAM,CAACqB;IAHW,CAAD,CAfrB;IAoBLK,OAAO,EAAE3B,eAAe,CAAC;MACvBoB,KAAK,EAAE,kBADgB;MAEvBK,YAAY,EAAE,IAFS;MAGvBJ,KAAK,EAAEpB,MAAM,CAACqB;IAHS,CAAD,CApBnB;IAyBLM,IAAI,EAAEzB,kBAAkB;EAzBnB;AARgB,CAAlB"}

package/lib/module/mappings/Fetch.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 /* TODO remove, still used inside the builder in a weird way */
 
 export const SEED_DATA = {
@@ -6,6 +6,7 @@ export const SEED_DATA = {
   tag: "Fetch",
   description: "Rest API Declarative Fetch component. Uses react-request internally",
   category: COMPONENT_TYPES.data,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   layout: {
     minHeight: 40
   },

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","SEED_DATA","name","tag","description","category","data","layout","minHeight","props"],"sources":["Fetch.ts"],"sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\n/* TODO remove, still used inside the builder in a weird way */\nexport const SEED_DATA = {\n  name: \"Fetch\",\n  tag: \"Fetch\",\n  description:\n    \"Rest API Declarative Fetch component. Uses react-request internally\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    minHeight: 40,\n  },\n  props: {},\n};\n"],"mappings":"AAAA,SAASA,eAAT,QAAgC,iBAAhC;AACA;;AACA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EACT,qEAJqB;EAKvBC,QAAQ,EAAEL,eAAe,CAACM,IALH;EAMvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CANe;EASvBC,KAAK,EAAE;AATgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","StylesPanelSections","SEED_DATA","name","tag","description","category","data","stylesPanelSections","NoStyles","layout","minHeight","props"],"sources":["Fetch.ts"],"sourcesContent":["import { COMPONENT_TYPES, StylesPanelSections } from \"@draftbit/types\";\n/* TODO remove, still used inside the builder in a weird way */\nexport const SEED_DATA = {\n  name: \"Fetch\",\n  tag: \"Fetch\",\n  description:\n    \"Rest API Declarative Fetch component. Uses react-request internally\",\n  category: COMPONENT_TYPES.data,\n  stylesPanelSections: [StylesPanelSections.NoStyles],\n  layout: {\n    minHeight: 40,\n  },\n  props: {},\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;AACA;;AACA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EACT,qEAJqB;EAKvBC,QAAQ,EAAEN,eAAe,CAACO,IALH;EAMvBC,mBAAmB,EAAE,CAACP,mBAAmB,CAACQ,QAArB,CANE;EAOvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CAPe;EAUvBC,KAAK,EAAE;AAVgB,CAAlB"}

package/lib/module/mappings/FieldSearchBarFull.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Search Bar",
   tag: "FieldSearchBarFull",
   description: "A search bar with accompanying search icon and clear button.",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [Triggers.OnChange],

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","SEED_DATA","name","tag","description","category","input","preview_image_url","supports_list_render","triggers","OnChange","props","icon","group","basic","label","formType","propType","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","layout"],"sources":["FieldSearchBarFull.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Search Bar\",\n    tag: \"FieldSearchBarFull\",\n    description: \"A search bar with accompanying search icon and clear button.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n    supports_list_render: false,\n    triggers: [Triggers.OnChange], // TODO Triggers.OnSubmit for multiple triggers\n    props: {\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Left icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      placeholder: {\n        group: GROUPS.basic,\n        label: \"Placeholder\",\n        description: \"Input placeholder text\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Search for...\",\n        editable: true,\n        required: false,\n      },\n      onSubmit: {\n        group: GROUPS.basic,\n        label: \"Submit action\",\n        description: \"Action to execute on submission\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n      fieldName: {\n        ...FIELD_NAME,\n        defaultValue: \"searchBarValue\",\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,oBAFP;EAGEC,WAAW,EAAE,8DAHf;EAIEC,QAAQ,EAAET,eAAe,CAACU,KAJ5B;EAKEC,iBAAiB,EAAE,2CALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,QAAQ,EAAE,CAACT,QAAQ,CAACU,QAAV,CAPZ;EAOiC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAElB,MAAM,CAACmB,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJX,WAAW,EAAE,sBAHT;MAIJY,QAAQ,EAAEnB,UAAU,CAACe,IAJjB;MAKJK,QAAQ,EAAEnB,UAAU,CAACoB,KALjB;MAMJC,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CADD;IAWLC,WAAW,EAAE;MACXT,KAAK,EAAElB,MAAM,CAACmB,KADH;MAEXC,KAAK,EAAE,aAFI;MAGXX,WAAW,EAAE,wBAHF;MAIXY,QAAQ,EAAEnB,UAAU,CAAC0B,MAJV;MAKXN,QAAQ,EAAEnB,UAAU,CAAC0B,MALV;MAMXL,YAAY,EAAE,eANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAXR;IAqBLI,QAAQ,EAAE;MACRZ,KAAK,EAAElB,MAAM,CAACmB,KADN;MAERC,KAAK,EAAE,eAFC;MAGRX,WAAW,EAAE,iCAHL;MAIRgB,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,KALF;MAMRL,QAAQ,EAAEnB,UAAU,CAAC6B,MANb;MAORT,QAAQ,EAAEnB,UAAU,CAAC0B,MAPb;MAQRL,YAAY,EAAE;IARN,CArBL;IA+BLQ,SAAS,EAAE,EACT,GAAG5B,UADM;MAEToB,YAAY,EAAE;IAFL;EA/BN,CART;EA4CES,MAAM,EAAE;AA5CV,CADuB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","preview_image_url","supports_list_render","triggers","OnChange","props","icon","group","basic","label","formType","propType","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","layout"],"sources":["FieldSearchBarFull.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Search Bar\",\n    tag: \"FieldSearchBarFull\",\n    description: \"A search bar with accompanying search icon and clear button.\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n    supports_list_render: false,\n    triggers: [Triggers.OnChange], // TODO Triggers.OnSubmit for multiple triggers\n    props: {\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Left icon to display\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n      },\n      placeholder: {\n        group: GROUPS.basic,\n        label: \"Placeholder\",\n        description: \"Input placeholder text\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Search for...\",\n        editable: true,\n        required: false,\n      },\n      onSubmit: {\n        group: GROUPS.basic,\n        label: \"Submit action\",\n        description: \"Action to execute on submission\",\n        editable: true,\n        required: false,\n        formType: FORM_TYPES.action,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n      },\n      fieldName: {\n        ...FIELD_NAME,\n        defaultValue: \"searchBarValue\",\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,QANF,EAOEC,qBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,oBAFP;EAGEC,WAAW,EAAE,8DAHf;EAIEC,QAAQ,EAAEV,eAAe,CAACW,KAJ5B;EAKEC,mBAAmB,EAAEP,qBALvB;EAMEQ,iBAAiB,EAAE,2CANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,QAAQ,EAAE,CAACX,QAAQ,CAACY,QAAV,CARZ;EAQiC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEpB,MAAM,CAACqB,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJZ,WAAW,EAAE,sBAHT;MAIJa,QAAQ,EAAErB,UAAU,CAACiB,IAJjB;MAKJK,QAAQ,EAAErB,UAAU,CAACsB,KALjB;MAMJC,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CADD;IAWLC,WAAW,EAAE;MACXT,KAAK,EAAEpB,MAAM,CAACqB,KADH;MAEXC,KAAK,EAAE,aAFI;MAGXZ,WAAW,EAAE,wBAHF;MAIXa,QAAQ,EAAErB,UAAU,CAAC4B,MAJV;MAKXN,QAAQ,EAAErB,UAAU,CAAC4B,MALV;MAMXL,YAAY,EAAE,eANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAXR;IAqBLI,QAAQ,EAAE;MACRZ,KAAK,EAAEpB,MAAM,CAACqB,KADN;MAERC,KAAK,EAAE,eAFC;MAGRZ,WAAW,EAAE,iCAHL;MAIRiB,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,KALF;MAMRL,QAAQ,EAAErB,UAAU,CAAC+B,MANb;MAORT,QAAQ,EAAErB,UAAU,CAAC4B,MAPb;MAQRL,YAAY,EAAE;IARN,CArBL;IA+BLQ,SAAS,EAAE,EACT,GAAG9B,UADM;MAETsB,YAAY,EAAE;IAFL;EA/BN,CATT;EA6CES,MAAM,EAAE;AA7CV,CADuB,CAAlB"}

package/lib/module/mappings/FlatList.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "List",
   tag: "FlatList",
   description: "A basic List component",
   category: COMPONENT_TYPES.data,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flex: 1
   },

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createNumColumnsType","createStaticBoolProp","SEED_DATA","name","tag","description","category","data","layout","flex","props","horizontal","label","inverted","numColumns","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    inverted: createStaticBoolProp({\n      label: \"Inverted\",\n      description: \"If true, reverses the direction.\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BP,WAAW,EAAE;IAFkB,CAAD,CAD3B;IAKLQ,QAAQ,EAAEZ,oBAAoB,CAAC;MAC7BW,KAAK,EAAE,UADsB;MAE7BP,WAAW,EAAE;IAFgB,CAAD,CALzB;IASLS,UAAU,EAAEd,oBAAoB,CAAC;MAC/Be,QAAQ,EAAE;IADqB,CAAD;EAT3B;AARgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createNumColumnsType","createStaticBoolProp","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","data","stylesPanelSections","layout","flex","props","horizontal","label","inverted","numColumns","editable"],"sources":["FlatList.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumColumnsType,\n  createStaticBoolProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"List\",\n  tag: \"FlatList\",\n  description: \"A basic List component\",\n  category: COMPONENT_TYPES.data,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    flex: 1,\n  },\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render list horizontally\",\n    }),\n    inverted: createStaticBoolProp({\n      label: \"Inverted\",\n      description: \"If true, reverses the direction.\",\n    }),\n    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,oBAHF,EAIEC,mCAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAER,eAAe,CAACS,IAJH;EAKvBC,mBAAmB,EAAEP,mCALE;EAMvBQ,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CANe;EASvBC,KAAK,EAAE;IACLC,UAAU,EAAEZ,oBAAoB,CAAC;MAC/Ba,KAAK,EAAE,YADwB;MAE/BR,WAAW,EAAE;IAFkB,CAAD,CAD3B;IAKLS,QAAQ,EAAEd,oBAAoB,CAAC;MAC7Ba,KAAK,EAAE,UADsB;MAE7BR,WAAW,EAAE;IAFgB,CAAD,CALzB;IASLU,UAAU,EAAEhB,oBAAoB,CAAC;MAC/BiB,QAAQ,EAAE;IADqB,CAAD;EAT3B;AATgB,CAAlB"}

package/lib/module/mappings/HeaderLarge.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconProp, createTextProp, createActionProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Header Large",
   tag: "HeaderLarge",
   description: "A large header with an optional touchable right aligned text and icon.",
   category: COMPONENT_TYPES.header,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [Triggers.OnPress],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createIconProp","createTextProp","createActionProp","Triggers","SEED_DATA","name","tag","description","category","header","layout","triggers","OnPress","props","onPress","title","label","defaultValue","buttonText","icon","required"],"sources":["HeaderLarge.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Large\",\n    tag: \"HeaderLarge\",\n    description:\n      \"A large header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Text to display\",\n        defaultValue: \"Title\",\n      }),\n      buttonText: createTextProp({\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        defaultValue: \"See All\",\n      }),\n      icon: createIconProp({\n        defaultValue: null,\n        required: false,\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,gBAJF,EAKEC,QALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAET,eAAe,CAACU,MAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CAPZ;EAQEC,KAAK,EAAE;IACLC,OAAO,EAAEZ,gBAAgB,EADpB;IAELa,KAAK,EAAEd,cAAc,CAAC;MACpBe,KAAK,EAAE,OADa;MAEpBT,WAAW,EAAE,iBAFO;MAGpBU,YAAY,EAAE;IAHM,CAAD,CAFhB;IAOLC,UAAU,EAAEjB,cAAc,CAAC;MACzBe,KAAK,EAAE,aADkB;MAEzBT,WAAW,EAAE,sCAFY;MAGzBU,YAAY,EAAE;IAHW,CAAD,CAPrB;IAYLE,IAAI,EAAEnB,cAAc,CAAC;MACnBiB,YAAY,EAAE,IADK;MAEnBG,QAAQ,EAAE;IAFS,CAAD;EAZf;AART,CADuB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createIconProp","createTextProp","createActionProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","header","stylesPanelSections","layout","triggers","OnPress","props","onPress","title","label","defaultValue","buttonText","icon","required"],"sources":["HeaderLarge.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createActionProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Header Large\",\n    tag: \"HeaderLarge\",\n    description:\n      \"A large header with an optional touchable right aligned text and icon.\",\n    category: COMPONENT_TYPES.header,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: {},\n    triggers: [Triggers.OnPress],\n    props: {\n      onPress: createActionProp(),\n      title: createTextProp({\n        label: \"Title\",\n        description: \"Text to display\",\n        defaultValue: \"Title\",\n      }),\n      buttonText: createTextProp({\n        label: \"Button text\",\n        description: \"Right aligned button text to display\",\n        defaultValue: \"See All\",\n      }),\n      icon: createIconProp({\n        defaultValue: null,\n        required: false,\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,gBAJF,EAKEC,QALF,EAMEC,qBANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEV,eAAe,CAACW,MAL5B;EAMEC,mBAAmB,EAAEP,qBANvB;EAOEQ,MAAM,EAAE,EAPV;EAQEC,QAAQ,EAAE,CAACV,QAAQ,CAACW,OAAV,CARZ;EASEC,KAAK,EAAE;IACLC,OAAO,EAAEd,gBAAgB,EADpB;IAELe,KAAK,EAAEhB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBV,WAAW,EAAE,iBAFO;MAGpBW,YAAY,EAAE;IAHM,CAAD,CAFhB;IAOLC,UAAU,EAAEnB,cAAc,CAAC;MACzBiB,KAAK,EAAE,aADkB;MAEzBV,WAAW,EAAE,sCAFY;MAGzBW,YAAY,EAAE;IAHW,CAAD,CAPrB;IAYLE,IAAI,EAAErB,cAAc,CAAC;MACnBmB,YAAY,EAAE,IADK;MAEnBG,QAAQ,EAAE;IAFS,CAAD;EAZf;AATT,CADuB,CAAlB"}

package/lib/module/mappings/HeaderMedium.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: "Header Medium",
   tag: "HeaderMedium",
   description: "A medium header with an optional touchable right aligned text and icon.",
   category: COMPONENT_TYPES.header,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
   supports_list_render: false,
   props: {