@draftbit/core 46.1.4 → 46.2.1-328765.5

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","numColumns","createNumColumnsType","icon"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AASA,MAAMA,eAAe,GAAG;EACtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,OAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWP,KAJhB;IAKLQ,QAAQ,EAAEC,iBAAA,CAAWC,KALhB;IAMLC,YAAY,EAAE,IANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CADe;EAWtBC,KAAK,EAAE;IACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,iBAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJhB;IAKLP,QAAQ,EAAEC,iBAAA,CAAWO,MALhB;IAMLL,YAAY,EAAE,4BANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CAXe;EAqBtBI,eAAe,EAAE;IACfhB,KAAK,EAAEC,aAAA,CAAOC,IADC;IAEfC,KAAK,EAAE,kBAFQ;IAGfC,WAAW,EAAE,6BAHE;IAIfC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJN;IAKfP,QAAQ,EAAEC,iBAAA,CAAWO,MALN;IAMfL,YAAY,EAAE,WANC;IAOfC,QAAQ,EAAE,IAPK;IAQfC,QAAQ,EAAE;EARK,CArBK;EA+BtBK,gBAAgB,EAAE;IAChBjB,KAAK,EAAEC,aAAA,CAAOC,IADE;IAEhBC,KAAK,EAAE,mBAFS;IAGhBC,WAAW,EAAE,8BAHG;IAIhBC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJL;IAKhBP,QAAQ,EAAEC,iBAAA,CAAWO,MALL;IAMhBL,YAAY,EAAE,MANE;IAOhBC,QAAQ,EAAE,IAPM;IAQhBC,QAAQ,EAAE;EARM,CA/BI;EAyCtBM,WAAW,EAAE;IACXlB,KAAK,EAAEC,aAAA,CAAOkB,KADH;IAEXhB,KAAK,EAAE,cAFI;IAGXC,WAAW,EAAE,2BAHF;IAIXC,QAAQ,EAAEC,iBAAA,CAAWY,WAJV;IAKXX,QAAQ,EAAEC,iBAAA,CAAWY,MALV;IAMXV,YAAY,EAAE,GANH;IAOXC,QAAQ,EAAE,IAPC;IAQXC,QAAQ,EAAE;EARC,CAzCS;EAmDtBS,aAAa,EAAE;IACbrB,KAAK,EAAEC,aAAA,CAAOkB,KADD;IAEbhB,KAAK,EAAE,gBAFM;IAGbC,WAAW,EAAE,6BAHA;IAIbC,QAAQ,EAAEC,iBAAA,CAAWgB,OAJR;IAKbf,QAAQ,EAAEC,iBAAA,CAAWe,OALR;IAMbb,YAAY,EAAE,KAND;IAObC,QAAQ,EAAE,IAPG;IAQbC,QAAQ,EAAE;EARG,CAnDO;EA6DtBY,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;AA7DW,CAAxB;AAgEO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGExB,WAAW,EACT,0FAJJ;EAKEyB,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,KAAK,EAAE,EACL,GAAGlC,eADE;IAELmC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BxB,YAAY,EAAE;IADiB,CAArB;EAFP;AANT,CADuB,EAcvB;EACEiB,IAAI,EAAE,mBADR;EAEEC,GAAG,EAAE,WAFP;EAGExB,WAAW,EACT,yFAJJ;EAKEyB,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,KAAK,EAAE,EACL,GAAGlC,eADE;IAELqC,IAAI,EAAE;MACJnC,KAAK,EAAEC,aAAA,CAAOkB,KADV;MAEJhB,KAAK,EAAE,MAFH;MAGJC,WAAW,EAAE,kCAHT;MAIJC,QAAQ,EAAEC,iBAAA,CAAW6B,IAJjB;MAKJ5B,QAAQ,EAAEC,iBAAA,CAAWO,MALjB;MAMJL,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CAFD;IAYLqB,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BxB,YAAY,EAAE;IADiB,CAArB;EAZP;AANT,CAduB,EAqCvB;EACEiB,IAAI,EAAE,kBADR;EAEEC,GAAG,EAAE,WAFP;EAGExB,WAAW,EACT,4FAJJ;EAKEyB,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,KAAK,EAAE,EACL,GAAGlC,eADE;IAELqC,IAAI,EAAE;MACJnC,KAAK,EAAEC,aAAA,CAAOkB,KADV;MAEJhB,KAAK,EAAE,MAFH;MAGJC,WAAW,EAAE,kCAHT;MAIJC,QAAQ,EAAEC,iBAAA,CAAW6B,IAJjB;MAKJ5B,QAAQ,EAAEC,iBAAA,CAAWO,MALjB;MAMJL,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CAFD;IAYLqB,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BxB,YAAY,EAAE;IADiB,CAArB;EAZP;AANT,CArCuB,CAAlB"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","numColumns","createNumColumnsType","icon","stylesPanelSections","BLOCK_STYLES_SECTIONS"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/CardContainer.js

@@ -87,6 +87,7 @@ const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({
@@ -98,6 +99,7 @@ const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns","createNumColumnsType"],"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":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","props","numColumns","createNumColumnsType"],"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/commonjs/mappings/CardContainerRating.js

@@ -89,6 +89,7 @@ const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,
@@ -109,6 +110,7 @@ const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","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":";;;;;;;AAAA;;AAQA,MAAMA,eAAe,GAAG;EACtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,OAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWP,KAJhB;IAKLQ,QAAQ,EAAEC,iBAAA,CAAWC,KALhB;IAMLC,YAAY,EAAE,IANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CADe;EAWtBC,KAAK,EAAE;IACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,iBAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJhB;IAKLP,QAAQ,EAAEC,iBAAA,CAAWO,MALhB;IAMLL,YAAY,EAAE,4BANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CAXe;EAqBtBI,eAAe,EAAE;IACfhB,KAAK,EAAEC,aAAA,CAAOC,IADC;IAEfC,KAAK,EAAE,kBAFQ;IAGfC,WAAW,EAAE,6BAHE;IAIfC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJN;IAKfP,QAAQ,EAAEC,iBAAA,CAAWO,MALN;IAMfL,YAAY,EAAE,WANC;IAOfC,QAAQ,EAAE,IAPK;IAQfC,QAAQ,EAAE;EARK,CArBK;EA+BtBK,gBAAgB,EAAE;IAChBjB,KAAK,EAAEC,aAAA,CAAOC,IADE;IAEhBC,KAAK,EAAE,mBAFS;IAGhBC,WAAW,EAAE,8BAHG;IAIhBC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJL;IAKhBP,QAAQ,EAAEC,iBAAA,CAAWO,MALL;IAMhBL,YAAY,EAAE,MANE;IAOhBC,QAAQ,EAAE,IAPM;IAQhBC,QAAQ,EAAE;EARM,CA/BI;EAyCtBM,IAAI,EAAE;IACJlB,KAAK,EAAEC,aAAA,CAAOkB,KADV;IAEJhB,KAAK,EAAE,MAFH;IAGJC,WAAW,EAAE,kCAHT;IAIJC,QAAQ,EAAEC,iBAAA,CAAWY,IAJjB;IAKJX,QAAQ,EAAEC,iBAAA,CAAWC,KALjB;IAMJC,YAAY,EAAE,IANV;IAOJC,QAAQ,EAAE,IAPN;IAQJC,QAAQ,EAAE;EARN,CAzCgB;EAmDtBQ,WAAW,EAAE;IACXpB,KAAK,EAAEC,aAAA,CAAOkB,KADH;IAEXhB,KAAK,EAAE,cAFI;IAGXC,WAAW,EAAE,2BAHF;IAIXC,QAAQ,EAAEC,iBAAA,CAAWc,WAJV;IAKXb,QAAQ,EAAEC,iBAAA,CAAWa,MALV;IAMXX,YAAY,EAAE,GANH;IAOXC,QAAQ,EAAE,IAPC;IAQXC,QAAQ,EAAE;EARC,CAnDS;EA6DtBU,MAAM,EAAE;IACNtB,KAAK,EAAEC,aAAA,CAAOC,IADR;IAENC,KAAK,EAAE,QAFD;IAGNC,WAAW,EAAE,wCAHP;IAINC,QAAQ,EAAEC,iBAAA,CAAWiB,MAJf;IAKNhB,QAAQ,EAAEC,iBAAA,CAAWa,MALf;IAMNX,YAAY,EAAE,CANR;IAONc,GAAG,EAAE,CAPC;IAQNC,GAAG,EAAE,CARC;IASNC,IAAI,EAAE,CATA;IAUNC,SAAS,EAAE,CAVL;IAWNhB,QAAQ,EAAE,IAXJ;IAYNC,QAAQ,EAAE;EAZJ,CA7Dc;EA2EtBgB,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;AA3EW,CAAxB;AA8EO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,sBADR;EAEEC,GAAG,EAAE,qBAFP;EAGE5B,WAAW,EACT,qFAJJ;EAKE6B,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,iBAAiB,EAAE,gDANrB;EAOEC,oBAAoB,EAAE,IAPxB;EAQEC,KAAK,EAAE,EACL,GAAGxC,eADE;IAELyC,UAAU,EAAE;MACVpC,KAAK,EAAE,mBADG;MAEVC,WAAW,EAAE,mBAFH;MAGVJ,KAAK,EAAEC,aAAA,CAAOuC,aAHJ;MAIVnC,QAAQ,EAAEC,iBAAA,CAAWiB,MAJX;MAKVhB,QAAQ,EAAEC,iBAAA,CAAWa,MALX;MAMVX,YAAY,EAAE,CANJ;MAOVC,QAAQ,EAAE,KAPA;MAQVC,QAAQ,EAAE;IARA;EAFP,CART;EAqBE6B,MAAM,EAAE;AArBV,CADuB,EAwBvB;EACEV,IAAI,EAAE,qBADR;EAEEC,GAAG,EAAE,qBAFP;EAGE5B,WAAW,EACT,kFAJJ;EAKE6B,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,iBAAiB,EAAE,gDANrB;EAOEC,oBAAoB,EAAE,IAPxB;EAQEC,KAAK,EAAE,EACL,GAAGxC,eADE;IAELyC,UAAU,EAAE;MACVpC,KAAK,EAAE,mBADG;MAEVC,WAAW,EAAE,mBAFH;MAGVJ,KAAK,EAAEC,aAAA,CAAOuC,aAHJ;MAIVnC,QAAQ,EAAEC,iBAAA,CAAWiB,MAJX;MAKVhB,QAAQ,EAAEC,iBAAA,CAAWa,MALX;MAMVX,YAAY,EAAE,CANJ;MAOVC,QAAQ,EAAE,KAPA;MAQVC,QAAQ,EAAE;IARA;EAFP,CART;EAqBE6B,MAAM,EAAE;AArBV,CAxBuB,CAAlB"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","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/commonjs/mappings/CardContainerShortImage.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a left aligned image and a title and subtitle",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png",
   supports_list_render: true,
   props: {
@@ -74,6 +75,7 @@ const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a right aligned image and a title and subtitle",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortRightImage.png",
   supports_list_render: true,
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","image","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","elevation","createElevationType","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":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","image","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","elevation","createElevationType","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/commonjs/mappings/CardInline.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "CardInline",
   description: "An elevated card with image and a title and description overlayed, that takes up the full width of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   props: {
     image: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","layout","props","image","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","NUMBER","elevation","createElevationType"],"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;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EACT,mHAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IALH;EAMvBC,MAAM,EAAE,EANe;EAOvBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLV,WAAW,EAAE,OAHR;MAILW,QAAQ,EAAEC,iBAAA,CAAWN,KAJhB;MAKLO,QAAQ,EAAEC,iBAAA,CAAWC,KALhB;MAMLC,YAAY,EAAE,IANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,KAAK,EAAE;MACLZ,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLV,WAAW,EAAE,iBAHR;MAILW,QAAQ,EAAEC,iBAAA,CAAWQ,MAJhB;MAKLP,QAAQ,EAAEC,iBAAA,CAAWO,MALhB;MAMLL,YAAY,EAAE,4BANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXF;IAqBLI,QAAQ,EAAE;MACRf,KAAK,EAAEC,aAAA,CAAOC,IADN;MAERC,KAAK,EAAE,UAFC;MAGRV,WAAW,EAAE,eAHL;MAIRW,QAAQ,EAAEC,iBAAA,CAAWQ,MAJb;MAKRP,QAAQ,EAAEC,iBAAA,CAAWO,MALb;MAMRL,YAAY,EAAE,WANN;MAORC,QAAQ,EAAE,IAPF;MAQRC,QAAQ,EAAE;IARF,CArBL;IA+BLK,WAAW,EAAE;MACXhB,KAAK,EAAEC,aAAA,CAAOgB,KADH;MAEXd,KAAK,EAAE,cAFI;MAGXV,WAAW,EAAE,2BAHF;MAIXW,QAAQ,EAAEC,iBAAA,CAAWW,WAJV;MAKXV,QAAQ,EAAEC,iBAAA,CAAWW,MALV;MAMXT,YAAY,EAAE,GANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CA/BR;IAyCLQ,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;EAzCN;AAPgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","props","image","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","NUMBER","elevation","createElevationType"],"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;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EACT,mHAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IALH;EAMvBC,mBAAmB,EAAEC,4BANE;EAOvBC,MAAM,EAAE,EAPe;EAQvBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLZ,WAAW,EAAE,OAHR;MAILa,QAAQ,EAAEC,iBAAA,CAAWN,KAJhB;MAKLO,QAAQ,EAAEC,iBAAA,CAAWC,KALhB;MAMLC,YAAY,EAAE,IANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,KAAK,EAAE;MACLZ,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLZ,WAAW,EAAE,iBAHR;MAILa,QAAQ,EAAEC,iBAAA,CAAWQ,MAJhB;MAKLP,QAAQ,EAAEC,iBAAA,CAAWO,MALhB;MAMLL,YAAY,EAAE,4BANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAXF;IAqBLI,QAAQ,EAAE;MACRf,KAAK,EAAEC,aAAA,CAAOC,IADN;MAERC,KAAK,EAAE,UAFC;MAGRZ,WAAW,EAAE,eAHL;MAIRa,QAAQ,EAAEC,iBAAA,CAAWQ,MAJb;MAKRP,QAAQ,EAAEC,iBAAA,CAAWO,MALb;MAMRL,YAAY,EAAE,WANN;MAORC,QAAQ,EAAE,IAPF;MAQRC,QAAQ,EAAE;IARF,CArBL;IA+BLK,WAAW,EAAE;MACXhB,KAAK,EAAEC,aAAA,CAAOgB,KADH;MAEXd,KAAK,EAAE,cAFI;MAGXZ,WAAW,EAAE,2BAHF;MAIXa,QAAQ,EAAEC,iBAAA,CAAWW,WAJV;MAKXV,QAAQ,EAAEC,iBAAA,CAAWW,MALV;MAMXT,YAAY,EAAE,GANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CA/BR;IAyCLQ,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;EAzCN;AARgB,CAAlB"}

package/lib/commonjs/mappings/Carousel.js

@@ -11,6 +11,7 @@ const SEED_DATA = [{
   name: "Carousel",
   tag: "Carousel",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   description: "A horizontal scrolling carousel of images",
   layout: {
     height: 250

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","description","layout","height","props","resizeMode","createResizeModeProp","dotColor","createColorProp","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;;AAMO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,UADR;EAEEC,GAAG,EAAE,UAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,UAH5B;EAIEC,WAAW,EAAE,2CAJf;EAKEC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CALV;EAQEC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,GADP;IAELC,QAAQ,EAAE,IAAAC,sBAAA,EAAgB;MACxBC,KAAK,EAAE;IADiB,CAAhB;EAFL;AART,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","stylesPanelSections","BLOCK_STYLES_SECTIONS","description","layout","height","props","resizeMode","createResizeModeProp","dotColor","createColorProp","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;;AAOO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,UADR;EAEEC,GAAG,EAAE,UAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,UAH5B;EAIEC,mBAAmB,EAAEC,4BAJvB;EAKEC,WAAW,EAAE,2CALf;EAMEC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CANV;EASEC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,GADP;IAELC,QAAQ,EAAE,IAAAC,sBAAA,EAAgB;MACxBC,KAAK,EAAE;IADiB,CAAhB;EAFL;AATT,CADuB,CAAlB"}

package/lib/commonjs/mappings/Checkbox.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "Checkbox",
   tag: "Checkbox",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   triggers: [_types.Triggers.OnPress, _types.Triggers.OnCheck, _types.Triggers.OnUncheck],
   props: {
     fieldName: (0, _types.createFieldNameProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","createFieldNameProp","defaultValue","valuePropName","handlerPropName","color","createColorProp","group","GROUPS","basic","label","description","uncheckedColor","disabled","createBoolProp","size","createStaticNumberProp","checkedIcon","createIconProp","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;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,EAAmBD,eAAA,CAASE,OAA5B,EAAqCF,eAAA,CAASG,SAA9C,CAJa;EAKvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,eADe;MAE7BC,aAAa,EAAE,QAFc;MAG7BC,eAAe,EAAE;IAHY,CAApB,CADN;IAMLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,OAFc;MAGrBC,WAAW,EAAE,0DAHQ;MAIrBT,YAAY,EAAE;IAJO,CAAhB,CANF;IAYLU,cAAc,EAAE,IAAAN,sBAAA,EAAgB;MAC9BC,KAAK,EAAEC,aAAA,CAAOC,KADgB;MAE9BC,KAAK,EAAE,kBAFuB;MAG9BC,WAAW,EAAE,qDAHiB;MAI9BT,YAAY,EAAE;IAJgB,CAAhB,CAZX;IAkBLW,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBJ,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CAlBL;IAsBLI,IAAI,EAAE,IAAAC,6BAAA,EAAuB;MAC3BN,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BT,YAAY,EAAE;IAHa,CAAvB,CAtBD;IA2BLe,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1BR,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BT,YAAY,EAAE;IAHY,CAAf,CA3BR;IAgCLiB,aAAa,EAAE,IAAAD,qBAAA,EAAe;MAC5BR,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BT,YAAY,EAAE;IAHc,CAAf;EAhCV;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","createFieldNameProp","defaultValue","valuePropName","handlerPropName","color","createColorProp","group","GROUPS","basic","label","description","uncheckedColor","disabled","createBoolProp","size","createStaticNumberProp","checkedIcon","createIconProp","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;;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,mBAAmB,EAAEC,4BAJE;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,EAAmBD,eAAA,CAASE,OAA5B,EAAqCF,eAAA,CAASG,SAA9C,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,eADe;MAE7BC,aAAa,EAAE,QAFc;MAG7BC,eAAe,EAAE;IAHY,CAApB,CADN;IAMLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,OAFc;MAGrBC,WAAW,EAAE,0DAHQ;MAIrBT,YAAY,EAAE;IAJO,CAAhB,CANF;IAYLU,cAAc,EAAE,IAAAN,sBAAA,EAAgB;MAC9BC,KAAK,EAAEC,aAAA,CAAOC,KADgB;MAE9BC,KAAK,EAAE,kBAFuB;MAG9BC,WAAW,EAAE,qDAHiB;MAI9BT,YAAY,EAAE;IAJgB,CAAhB,CAZX;IAkBLW,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBJ,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CAlBL;IAsBLI,IAAI,EAAE,IAAAC,6BAAA,EAAuB;MAC3BN,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BT,YAAY,EAAE;IAHa,CAAvB,CAtBD;IA2BLe,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1BR,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BT,YAAY,EAAE;IAHY,CAAf,CA3BR;IAgCLiB,aAAa,EAAE,IAAAD,qBAAA,EAAe;MAC5BR,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BT,YAAY,EAAE;IAHc,CAAf;EAhCV;AANgB,CAAlB"}

package/lib/commonjs/mappings/CheckboxGroup.js

@@ -13,6 +13,7 @@ const SEED_DATA = {
   category: _types.COMPONENT_TYPES.deprecated,
   layout: {},
   triggers: [_types.Triggers.OnValueChange],
+  stylesPanelSections: [_types.StylesPanelSections.Margins],
   props: {
     direction: (0, _types.createDirectionProp)(),
     values: (0, _types.createTextProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","values","createTextProp","group","GROUPS","data","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","ARRAY","label","description","required","defaultValue","fieldName","createFieldNameProp","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;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,gBADiB;EAEvBC,GAAG,EAAE,eAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,MAAM,EAAE,IAAAC,qBAAA,EAAe;MACrBC,KAAK,EAAEC,aAAA,CAAOC,IADO;MAErBC,QAAQ,EAAEC,iBAAA,CAAWC,SAFA;MAGrBC,QAAQ,EAAEC,iBAAA,CAAWC,KAHA;MAIrBC,KAAK,EAAE,QAJc;MAKrBC,WAAW,EAAE,iDALQ;MAMrBC,QAAQ,EAAE,IANW;MAOrBC,YAAY,EAAE;IAPO,CAAf,CAFH;IAWLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BF,YAAY,EAAE,oBADe;MAE7BG,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB;EAXN;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","layout","triggers","Triggers","OnValueChange","stylesPanelSections","StylesPanelSections","Margins","props","direction","createDirectionProp","values","createTextProp","group","GROUPS","data","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","ARRAY","label","description","required","defaultValue","fieldName","createFieldNameProp","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;;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,gBADiB;EAEvBC,GAAG,EAAE,eAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,OAArB,CANE;EAOvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,MAAM,EAAE,IAAAC,qBAAA,EAAe;MACrBC,KAAK,EAAEC,aAAA,CAAOC,IADO;MAErBC,QAAQ,EAAEC,iBAAA,CAAWC,SAFA;MAGrBC,QAAQ,EAAEC,iBAAA,CAAWC,KAHA;MAIrBC,KAAK,EAAE,QAJc;MAKrBC,WAAW,EAAE,iDALQ;MAMrBC,QAAQ,EAAE,IANW;MAOrBC,YAAY,EAAE;IAPO,CAAf,CAFH;IAWLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BF,YAAY,EAAE,oBADe;MAE7BG,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB;EAXN;AAPgB,CAAlB"}

package/lib/commonjs/mappings/CheckboxRow.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "Checkbox Row",
   tag: "CheckboxRow",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {
     minHeight: 50
   },

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","minHeight","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","createFieldNameProp","defaultValue","valuePropName","handlerPropName","label","createTextProp","description","required","labelStyle","createTextStyle","editable","direction","createRowDirectionProp","color","createColorProp","uncheckedColor","disabled","createBoolProp","size","createStaticNumberProp","checkedIcon","createIconProp","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;;AAaO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CAJe;EAOvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,EAAmBD,eAAA,CAASE,OAA5B,EAAqCF,eAAA,CAASG,SAA9C,CAPa;EAQvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,kBADe;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,eAAe,EAAE;IAHY,CAApB,CADN;IAMLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,iCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBN,YAAY,EAAE;IAJM,CAAf,CANF;IAYLO,UAAU,EAAE,IAAAC,sBAAA,EAAgB;MAC1BL,KAAK,EAAE,aADmB;MAE1BE,WAAW,EAAE,gCAFa;MAG1BC,QAAQ,EAAE,KAHgB;MAI1BG,QAAQ,EAAE;IAJgB,CAAhB,CAZP;IAkBLC,SAAS,EAAE,IAAAC,6BAAA,GAlBN;IAmBLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBR,WAAW,EAAE;IADQ,CAAhB,CAnBF;IAsBLS,cAAc,EAAE,IAAAD,sBAAA,EAAgB;MAC9BV,KAAK,EAAE,kBADuB;MAE9BE,WAAW,EAAE;IAFiB,CAAhB,CAtBX;IA0BLU,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBb,KAAK,EAAE,UADgB;MAEvBE,WAAW,EAAE;IAFU,CAAf,CA1BL;IA8BLY,IAAI,EAAE,IAAAC,6BAAA,EAAuB;MAC3Bf,KAAK,EAAE,MADoB;MAE3BE,WAAW,EAAE,gCAFc;MAG3BL,YAAY,EAAE;IAHa,CAAvB,CA9BD;IAmCLmB,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1BjB,KAAK,EAAE,cADmB;MAE1BE,WAAW,EAAE,oDAFa;MAG1BL,YAAY,EAAE;IAHY,CAAf,CAnCR;IAwCLqB,aAAa,EAAE,IAAAD,qBAAA,EAAe;MAC5BjB,KAAK,EAAE,gBADqB;MAE5BE,WAAW,EAAE,sDAFe;MAG5BL,YAAY,EAAE;IAHc,CAAf;EAxCV;AARgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Typography","Margins","Effects","layout","minHeight","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","createFieldNameProp","defaultValue","valuePropName","handlerPropName","label","createTextProp","description","required","labelStyle","createTextStyle","editable","direction","createRowDirectionProp","color","createColorProp","uncheckedColor","disabled","createBoolProp","size","createStaticNumberProp","checkedIcon","createIconProp","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;;AAcO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,OAHD,CAJE;EASvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CATe;EAYvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,EAAmBD,eAAA,CAASE,OAA5B,EAAqCF,eAAA,CAASG,SAA9C,CAZa;EAavBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,kBADe;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,eAAe,EAAE;IAHY,CAApB,CADN;IAMLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,iCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBN,YAAY,EAAE;IAJM,CAAf,CANF;IAYLO,UAAU,EAAE,IAAAC,sBAAA,EAAgB;MAC1BL,KAAK,EAAE,aADmB;MAE1BE,WAAW,EAAE,gCAFa;MAG1BC,QAAQ,EAAE,KAHgB;MAI1BG,QAAQ,EAAE;IAJgB,CAAhB,CAZP;IAkBLC,SAAS,EAAE,IAAAC,6BAAA,GAlBN;IAmBLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBR,WAAW,EAAE;IADQ,CAAhB,CAnBF;IAsBLS,cAAc,EAAE,IAAAD,sBAAA,EAAgB;MAC9BV,KAAK,EAAE,kBADuB;MAE9BE,WAAW,EAAE;IAFiB,CAAhB,CAtBX;IA0BLU,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBb,KAAK,EAAE,UADgB;MAEvBE,WAAW,EAAE;IAFU,CAAf,CA1BL;IA8BLY,IAAI,EAAE,IAAAC,6BAAA,EAAuB;MAC3Bf,KAAK,EAAE,MADoB;MAE3BE,WAAW,EAAE,gCAFc;MAG3BL,YAAY,EAAE;IAHa,CAAvB,CA9BD;IAmCLmB,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1BjB,KAAK,EAAE,cADmB;MAE1BE,WAAW,EAAE,oDAFa;MAG1BL,YAAY,EAAE;IAHY,CAAf,CAnCR;IAwCLqB,aAAa,EAAE,IAAAD,qBAAA,EAAe;MAC5BjB,KAAK,EAAE,gBADqB;MAE5BE,WAAW,EAAE,sDAFe;MAG5BL,YAAY,EAAE;IAHc,CAAf;EAxCV;AAbgB,CAAlB"}

package/lib/commonjs/mappings/CircleImage.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "CircleImage",
   description: "A circle image",
   category: _types.COMPONENT_TYPES.media,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   props: {
     source: (0, _types.createImageProp)(),
     size: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","props","source","createImageProp","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","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;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,GADH;IAELC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJX,WAAW,EAAE,2BAHT;MAIJY,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,MANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,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":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","stylesPanelSections","BLOCK_STYLES_SECTIONS","props","source","createImageProp","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","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;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,mBAAmB,EAAEC,4BALE;EAMvBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,GADH;IAELC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJb,WAAW,EAAE,2BAHT;MAIJc,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,MANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,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/commonjs/mappings/Container.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Container",
   description: "A container component with gutter padding",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     height: 250
   },

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","height","props","useThemeGutterPadding","group","GROUPS","basic","label","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","editable","required","backgroundImage","createImageProp","backgroundImageResizeMode","createResizeModeProp","elevation","createElevationType"],"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;;AAUO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,2CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CALe;EAQvBC,KAAK,EAAE;IACLC,qBAAqB,EAAE;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,oBAFc;MAGrBX,WAAW,EACT,gFAJmB;MAKrBY,QAAQ,EAAEC,iBAAA,CAAWC,OALA;MAMrBC,QAAQ,EAAEC,iBAAA,CAAWC,OANA;MAOrBC,YAAY,EAAE,KAPO;MAQrBC,QAAQ,EAAE,KARW;MASrBC,QAAQ,EAAE;IATW,CADlB;IAYLC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC/BX,KAAK,EAAE,kBADwB;MAE/BX,WAAW,EAAE,iCAFkB;MAG/BkB,YAAY,EAAE;IAHiB,CAAhB,CAZZ;IAiBLK,yBAAyB,EAAE,IAAAC,2BAAA,GAjBtB;IAkBLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;EAlBN;AARgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","layout","height","props","useThemeGutterPadding","group","GROUPS","basic","label","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","editable","required","backgroundImage","createImageProp","backgroundImageResizeMode","createResizeModeProp","elevation","createElevationType"],"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;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,2CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CANe;EASvBC,KAAK,EAAE;IACLC,qBAAqB,EAAE;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,oBAFc;MAGrBb,WAAW,EACT,gFAJmB;MAKrBc,QAAQ,EAAEC,iBAAA,CAAWC,OALA;MAMrBC,QAAQ,EAAEC,iBAAA,CAAWC,OANA;MAOrBC,YAAY,EAAE,KAPO;MAQrBC,QAAQ,EAAE,KARW;MASrBC,QAAQ,EAAE;IATW,CADlB;IAYLC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC/BX,KAAK,EAAE,kBADwB;MAE/Bb,WAAW,EAAE,iCAFkB;MAG/BoB,YAAY,EAAE;IAHiB,CAAhB,CAZZ;IAiBLK,yBAAyB,EAAE,IAAAC,2BAAA,GAjBtB;IAkBLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;EAlBN;AATgB,CAAlB"}

package/lib/commonjs/mappings/DatePicker.js

@@ -29,6 +29,16 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: _types.GROUPS.basic
   },
+  format: {
+    label: "Format",
+    description: "Create an output format for the date.",
+    editable: true,
+    required: false,
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: null,
+    group: _types.GROUPS.basic
+  },
   assistiveText: {
     label: "Assistive text",
     description: "Helper text to display below the picker",

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\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  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","format","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"sources":["DatePicker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    label: \"Label\",\n    description: \"The label to be displayed on the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Date\",\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  mode: {\n    label: \"Mode\",\n    description: \"Choose between date, time and datetime\",\n    defaultValue: \"date\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    options: [\"date\", \"time\", \"datetime\"],\n    group: GROUPS.basic,\n  },\n  format: {\n    label: \"Format\",\n    description: \"Create an output format for the date.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    group: GROUPS.basic,\n  },\n  assistiveText: {\n    label: \"Assistive text\",\n    description: \"Helper text to display below the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  // locale: {\n  //   label: \"Locale\",\n  //   description: \"Locale for the datepicker. Must be a valid Locale\",\n  //   formType: FORM_TYPES.string,\n  //   propType: PROP_TYPES.STRING,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // minuteInterval: {\n  //   label: \"Minute Interval\",\n  //   description: \"The interval at which minutes can be selected\",\n  //   formType: FORM_TYPES.flatArray,\n  //   propType: PROP_TYPES.NUMBER,\n  //   options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  // timeZoneOffsetInMinutes: {\n  //   label: \"Time zone offset\",\n  //   description:\n  //     \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n  //   formType: FORM_TYPES.number,\n  //   propType: PROP_TYPES.NUMBER,\n  //   defaultValue: null,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.basic,\n  // },\n  disabled: {\n    label: \"Disabled\",\n    description:\n      \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\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  // error: {\n  //   label: \"Error\",\n  //   description: \"Whether the picker should display the error state\",\n  //   formType: FORM_TYPES.boolean,\n  //   propType: PROP_TYPES.BOOLEAN,\n  //   defaultValue: false,\n  //   editable: true,\n  //   required: false,\n  //   group: GROUPS.data,\n  // },\n  leftIconName: {\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  leftIconMode: {\n    label: \"Left icon mode\",\n    description:\n      \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"inset\",\n    options: [\"inset\", \"outset\"],\n    editable: true,\n    required: true,\n    group: GROUPS.basic,\n  },\n  rightIconName: {\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    handlerPropName: \"onDateChange\",\n    valuePropName: \"date\",\n    defaultValue: \"date\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Date Picker\",\n    tag: \"DatePicker\",\n    description: \"A component used to select a date from a visual calendar\",\n    category: COMPONENT_TYPES.input,\n    layout: null,\n    triggers: [Triggers.OnDateChange],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Datepicker\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n        options: [\"solid\", \"underline\"],\n        editable: true,\n        required: true,\n        group: GROUPS.basic,\n      },\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/Divider.js

@@ -11,6 +11,7 @@ const SEED_DATA = [{
   name: "Divider",
   tag: "Divider",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   description: "A horizontal line used to divide content",
   preview_image_url: "{CLOUDINARY_URL}/Divider.png",
   supports_list_render: false,

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","description","preview_image_url","supports_list_render","props","color","group","GROUPS","basic","label","editable","required","defaultValue","formType","FORM_TYPES","propType","PROP_TYPES","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;;AAOO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,WAAW,EAAE,0CAJf;EAKEC,iBAAiB,EAAE,8BALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,KADT;MAELC,KAAK,EAAE,OAFF;MAGLR,WAAW,EAAE,0BAHR;MAILS,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,KALL;MAMLC,YAAY,EAAE,SANT;MAOLC,QAAQ,EAAEC,iBAAA,CAAWT,KAPhB;MAQLU,QAAQ,EAAEC,iBAAA,CAAWC;IARhB;EADF,CAPT;EAmBEjB,MAAM,EAAE;IACNkB,MAAM,EAAE;EADF;AAnBV,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","stylesPanelSections","BLOCK_STYLES_SECTIONS","description","preview_image_url","supports_list_render","props","color","group","GROUPS","basic","label","editable","required","defaultValue","formType","FORM_TYPES","propType","PROP_TYPES","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;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,mBAAmB,EAAEC,4BAJvB;EAKEC,WAAW,EAAE,0CALf;EAMEC,iBAAiB,EAAE,8BANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,KADT;MAELC,KAAK,EAAE,OAFF;MAGLR,WAAW,EAAE,0BAHR;MAILS,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,KALL;MAMLC,YAAY,EAAE,SANT;MAOLC,QAAQ,EAAEC,iBAAA,CAAWT,KAPhB;MAQLU,QAAQ,EAAEC,iBAAA,CAAWC;IARhB;EADF,CART;EAoBEnB,MAAM,EAAE;IACNoB,MAAM,EAAE;EADF;AApBV,CADuB,CAAlB"}

package/lib/commonjs/mappings/FAB.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "FAB",
   tag: "FAB",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   description: "A mini round icon FAB",
   layout: {},
   triggers: [_types.Triggers.OnPress],

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","description","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","disabled","createBoolProp","label","group","GROUPS","basic","loading","iconName","createIconProp","defaultValue","iconColor","createColorProp","bgColor","size","createIconSizeProp"],"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;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,KADiB;EAEvBC,GAAG,EAAE,KAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,WAAW,EAAE,uBAJU;EAKvBC,MAAM,EAAE,EALe;EAMvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAFL;IAMLC,OAAO,EAAE,IAAAL,qBAAA,EAAe;MACtBC,KAAK,EAAE,SADe;MAEtBC,KAAK,EAAEC,aAAA,CAAOC;IAFQ,CAAf,CANJ;IAULE,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBN,KAAK,EAAE,MADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CAVL;IAeLK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MACzBT,KAAK,EAAE,YADkB;MAEzBO,YAAY,EAAE,IAFW;MAGzBN,KAAK,EAAEC,aAAA,CAAOC;IAHW,CAAhB,CAfN;IAoBLO,OAAO,EAAE,IAAAD,sBAAA,EAAgB;MACvBT,KAAK,EAAE,kBADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAhB,CApBJ;IAyBLQ,IAAI,EAAE,IAAAC,yBAAA;EAzBD;AAPgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","stylesPanelSections","BLOCK_STYLES_SECTIONS","description","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","disabled","createBoolProp","label","group","GROUPS","basic","loading","iconName","createIconProp","defaultValue","iconColor","createColorProp","bgColor","size","createIconSizeProp"],"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;;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,KADiB;EAEvBC,GAAG,EAAE,KAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,mBAAmB,EAAEC,4BAJE;EAKvBC,WAAW,EAAE,uBALU;EAMvBC,MAAM,EAAE,EANe;EAOvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAPa;EAQvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAFL;IAMLC,OAAO,EAAE,IAAAL,qBAAA,EAAe;MACtBC,KAAK,EAAE,SADe;MAEtBC,KAAK,EAAEC,aAAA,CAAOC;IAFQ,CAAf,CANJ;IAULE,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBN,KAAK,EAAE,MADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CAVL;IAeLK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MACzBT,KAAK,EAAE,YADkB;MAEzBO,YAAY,EAAE,IAFW;MAGzBN,KAAK,EAAEC,aAAA,CAAOC;IAHW,CAAhB,CAfN;IAoBLO,OAAO,EAAE,IAAAD,sBAAA,EAAgB;MACvBT,KAAK,EAAE,kBADgB;MAEvBO,YAAY,EAAE,IAFS;MAGvBN,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAhB,CApBJ;IAyBLQ,IAAI,EAAE,IAAAC,yBAAA;EAzBD;AARgB,CAAlB"}

package/lib/commonjs/mappings/Fetch.js

@@ -13,6 +13,7 @@ const SEED_DATA = {
   tag: "Fetch",
   description: "Rest API Declarative Fetch component. Uses react-request internally",
   category: _types.COMPONENT_TYPES.data,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   layout: {
     minHeight: 40
   },

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","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;;AACA;AACO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EACT,qEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IALH;EAMvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CANe;EASvBC,KAAK,EAAE;AATgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","stylesPanelSections","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;;AACA;AACO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EACT,qEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IALH;EAMvBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,QAArB,CANE;EAOvBC,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CAPe;EAUvBC,KAAK,EAAE;AAVgB,CAAlB"}

package/lib/commonjs/mappings/FieldSearchBarFull.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "FieldSearchBarFull",
   description: "A search bar with accompanying search icon and clear button.",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [_types.Triggers.OnChange],

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","Triggers","OnChange","props","icon","group","GROUPS","basic","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","FIELD_NAME","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;;AASO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,oBAFP;EAGEC,WAAW,EAAE,8DAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,iBAAiB,EAAE,2CALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CAPZ;EAOiC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJd,WAAW,EAAE,sBAHT;MAIJe,QAAQ,EAAEC,iBAAA,CAAWN,IAJjB;MAKJO,QAAQ,EAAEC,iBAAA,CAAWC,KALjB;MAMJC,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CADD;IAWLC,WAAW,EAAE;MACXZ,KAAK,EAAEC,aAAA,CAAOC,KADH;MAEXC,KAAK,EAAE,aAFI;MAGXd,WAAW,EAAE,wBAHF;MAIXe,QAAQ,EAAEC,iBAAA,CAAWQ,MAJV;MAKXP,QAAQ,EAAEC,iBAAA,CAAWO,MALV;MAMXL,YAAY,EAAE,eANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAXR;IAqBLI,QAAQ,EAAE;MACRf,KAAK,EAAEC,aAAA,CAAOC,KADN;MAERC,KAAK,EAAE,eAFC;MAGRd,WAAW,EAAE,iCAHL;MAIRqB,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,KALF;MAMRP,QAAQ,EAAEC,iBAAA,CAAWW,MANb;MAORV,QAAQ,EAAEC,iBAAA,CAAWO,MAPb;MAQRL,YAAY,EAAE;IARN,CArBL;IA+BLQ,SAAS,EAAE,EACT,GAAGC,iBADM;MAETT,YAAY,EAAE;IAFL;EA/BN,CART;EA4CEU,MAAM,EAAE;AA5CV,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","triggers","Triggers","OnChange","props","icon","group","GROUPS","basic","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","FIELD_NAME","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;;AAUO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,oBAFP;EAGEC,WAAW,EAAE,8DAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,mBAAmB,EAAEC,4BALvB;EAMEC,iBAAiB,EAAE,2CANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CARZ;EAQiC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJhB,WAAW,EAAE,sBAHT;MAIJiB,QAAQ,EAAEC,iBAAA,CAAWN,IAJjB;MAKJO,QAAQ,EAAEC,iBAAA,CAAWC,KALjB;MAMJC,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CADD;IAWLC,WAAW,EAAE;MACXZ,KAAK,EAAEC,aAAA,CAAOC,KADH;MAEXC,KAAK,EAAE,aAFI;MAGXhB,WAAW,EAAE,wBAHF;MAIXiB,QAAQ,EAAEC,iBAAA,CAAWQ,MAJV;MAKXP,QAAQ,EAAEC,iBAAA,CAAWO,MALV;MAMXL,YAAY,EAAE,eANH;MAOXC,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAXR;IAqBLI,QAAQ,EAAE;MACRf,KAAK,EAAEC,aAAA,CAAOC,KADN;MAERC,KAAK,EAAE,eAFC;MAGRhB,WAAW,EAAE,iCAHL;MAIRuB,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,KALF;MAMRP,QAAQ,EAAEC,iBAAA,CAAWW,MANb;MAORV,QAAQ,EAAEC,iBAAA,CAAWO,MAPb;MAQRL,YAAY,EAAE;IARN,CArBL;IA+BLQ,SAAS,EAAE,EACT,GAAGC,iBADM;MAETT,YAAY,EAAE;IAFL;EA/BN,CATT;EA6CEU,MAAM,EAAE;AA7CV,CADuB,CAAlB"}

package/lib/commonjs/mappings/FlatList.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "FlatList",
   description: "A basic List component",
   category: _types.COMPONENT_TYPES.data,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flex: 1
   },
@@ -20,6 +21,10 @@ const SEED_DATA = {
       label: "Horizontal",
       description: "Render list horizontally"
     }),
+    inverted: (0, _types.createStaticBoolProp)({
+      label: "Inverted",
+      description: "If true, reverses the direction."
+    }),
     numColumns: (0, _types.createNumColumnsType)({
       editable: true
     })

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","layout","flex","props","horizontal","createStaticBoolProp","label","numColumns","createNumColumnsType","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    numColumns: createNumColumnsType({\n      editable: true,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CALe;EAQvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BT,WAAW,EAAE;IAFkB,CAArB,CADP;IAKLU,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,QAAQ,EAAE;IADqB,CAArB;EALP;AARgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","layout","flex","props","horizontal","createStaticBoolProp","label","inverted","numColumns","createNumColumnsType","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;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,wBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,IAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBC,MAAM,EAAE;IACNC,IAAI,EAAE;EADA,CANe;EASvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BX,WAAW,EAAE;IAFkB,CAArB,CADP;IAKLY,QAAQ,EAAE,IAAAF,2BAAA,EAAqB;MAC7BC,KAAK,EAAE,UADsB;MAE7BX,WAAW,EAAE;IAFgB,CAArB,CALL;IASLa,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,QAAQ,EAAE;IADqB,CAArB;EATP;AATgB,CAAlB"}

package/lib/commonjs/mappings/HeaderLarge.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "HeaderLarge",
   description: "A large header with an optional touchable right aligned text and icon.",
   category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [_types.Triggers.OnPress],
   props: {