@draftbit/core 46.2.1-327d47.2 → 46.2.1-328765.5

package/lib/module/mappings/Picker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   label: {
     group: GROUPS.data,
@@ -113,6 +113,7 @@ export const SEED_DATA = [{
   tag: "Picker",
   description: "A component used to pick a value from a set of options",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
   preview_image_url: "{CLOUDINARY_URL}/Picker.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","Triggers","GROUPS","FORM_TYPES","PROP_TYPES","FIELD_NAME","createIconSizeProp","createColorProp","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","triggers","props","type","iconSize","iconColor","layout"],"sources":["Picker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  Triggers,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  createIconSizeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    group: GROUPS.data,\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: null,\n    editable: true,\n    required: true,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder\",\n    description: \"The placeholder text of the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Select an option\",\n    editable: true,\n    required: false,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  assistiveText: {\n    group: GROUPS.basic,\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  },\n  options: {\n    group: GROUPS.data,\n    label: \"Options\",\n    description:\n      \"Array of picker options. An array of objects containing a label and value.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.array,\n    propType: PROP_TYPES.OBJECT,\n    options: [],\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\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  },\n  error: {\n    group: GROUPS.data,\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  },\n  leftIconName: {\n    group: GROUPS.basic,\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconMode: {\n    group: GROUPS.basic,\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  },\n  rightIconName: {\n    group: GROUPS.basic,\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"pickerValue\",\n    handlerPropName: \"onValueChange\",\n  },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Picker\",\n    tag: \"Picker\",\n    description: \"A component used to pick a value from a set of options\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url: \"{CLOUDINARY_URL}/Picker.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Picker\",\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      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ label: \"Icon Color\" }),\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["COMPONENT_TYPES","Triggers","GROUPS","FORM_TYPES","PROP_TYPES","FIELD_NAME","createIconSizeProp","createColorProp","StylesPanelSections","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","stylesPanelSections","Typography","Background","Size","MarginsAndPaddings","Position","Borders","Effects","preview_image_url","supports_list_render","triggers","props","type","iconSize","iconColor","layout"],"sources":["Picker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  Triggers,\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  createIconSizeProp,\n  createColorProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  label: {\n    group: GROUPS.data,\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: null,\n    editable: true,\n    required: true,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder\",\n    description: \"The placeholder text of the picker\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Select an option\",\n    editable: true,\n    required: false,\n  },\n  placeholderTextColor: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text Color\",\n    description: \"The color of the placeholder text.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  assistiveText: {\n    group: GROUPS.basic,\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  },\n  options: {\n    group: GROUPS.data,\n    label: \"Options\",\n    description:\n      \"Array of picker options. An array of objects containing a label and value.\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.array,\n    propType: PROP_TYPES.OBJECT,\n    options: [],\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\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  },\n  error: {\n    group: GROUPS.data,\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  },\n  leftIconName: {\n    group: GROUPS.basic,\n    label: \"Left icon name\",\n    description: \"The icon to display on the left\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  leftIconMode: {\n    group: GROUPS.basic,\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  },\n  rightIconName: {\n    group: GROUPS.basic,\n    label: \"Right icon name\",\n    description: \"The icon to display on the right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"pickerValue\",\n    handlerPropName: \"onValueChange\",\n  },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Picker\",\n    tag: \"Picker\",\n    description: \"A component used to pick a value from a set of options\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Effects,\n    ],\n    preview_image_url: \"{CLOUDINARY_URL}/Picker.png\",\n    supports_list_render: false,\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        label: \"Appearance\",\n        description: \"Type of Picker\",\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      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ label: \"Icon Color\" }),\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/ProgressBar.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Progress Bar",
   tag: "ProgressBar",
   description: "A horizontal bar used to show completed progress",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
   supports_list_render: false,
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","preview_image_url","supports_list_render","props","progress","group","data","label","formType","number","propType","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","borderRadius","borderWidth","borderColor","animationType","flatArray","STRING","options","layout","width","height"],"sources":["ProgressBar.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Progress Bar\",\n    tag: \"ProgressBar\",\n    description: \"A horizontal bar used to show completed progress\",\n    category: COMPONENT_TYPES.deprecated,\n    preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n    supports_list_render: false,\n    props: {\n      progress: {\n        group: GROUPS.data,\n        label: \"Progress\",\n        description: \"The amount of progress to display. A number 0-1.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 0.5,\n        min: 0,\n        max: 1,\n        step: 0.01,\n        precision: 2,\n        editable: true,\n        required: true,\n      },\n      color: {\n        group: GROUPS.basic,\n        label: \"Progress Color\",\n        description: \"Custom color for the progress shown\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      unfilledColor: {\n        group: GROUPS.basic,\n        label: \"Unfilled Color\",\n        description:\n          \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      borderRadius: {\n        group: GROUPS.basic,\n        label: \"Border Radius\",\n        description: \"The border radius of the bar\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 10,\n        min: 0,\n        max: 100,\n        step: 1,\n        precision: 1,\n        editable: true,\n        required: true,\n      },\n      borderWidth: {\n        group: GROUPS.basic,\n        label: \"Border Width\",\n        description: \"The width of the border that surrounds the bar.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1,\n        min: 0,\n        max: 15,\n        step: 1,\n        precision: 1,\n        editable: true,\n        required: true,\n      },\n      borderColor: {\n        group: GROUPS.basic,\n        label: \"Border Color\",\n        description: \"Custom color for border of the entire bar\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      animationType: {\n        group: GROUPS.basic,\n        label: \"Animation Type\",\n        description:\n          \"The type of animation that occurs when the bar is filled(Default is Spring)\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"spring\",\n        options: [\"decay\", \"timing\", \"spring\"],\n        editable: true,\n        required: true,\n      },\n    },\n    layout: {\n      width: 200,\n      height: 20,\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","deprecated","stylesPanelSections","preview_image_url","supports_list_render","props","progress","group","data","label","formType","number","propType","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","borderRadius","borderWidth","borderColor","animationType","flatArray","STRING","options","layout","width","height"],"sources":["ProgressBar.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Progress Bar\",\n    tag: \"ProgressBar\",\n    description: \"A horizontal bar used to show completed progress\",\n    category: COMPONENT_TYPES.deprecated,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n    supports_list_render: false,\n    props: {\n      progress: {\n        group: GROUPS.data,\n        label: \"Progress\",\n        description: \"The amount of progress to display. A number 0-1.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 0.5,\n        min: 0,\n        max: 1,\n        step: 0.01,\n        precision: 2,\n        editable: true,\n        required: true,\n      },\n      color: {\n        group: GROUPS.basic,\n        label: \"Progress Color\",\n        description: \"Custom color for the progress shown\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      unfilledColor: {\n        group: GROUPS.basic,\n        label: \"Unfilled Color\",\n        description:\n          \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      borderRadius: {\n        group: GROUPS.basic,\n        label: \"Border Radius\",\n        description: \"The border radius of the bar\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 10,\n        min: 0,\n        max: 100,\n        step: 1,\n        precision: 1,\n        editable: true,\n        required: true,\n      },\n      borderWidth: {\n        group: GROUPS.basic,\n        label: \"Border Width\",\n        description: \"The width of the border that surrounds the bar.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1,\n        min: 0,\n        max: 15,\n        step: 1,\n        precision: 1,\n        editable: true,\n        required: true,\n      },\n      borderColor: {\n        group: GROUPS.basic,\n        label: \"Border Color\",\n        description: \"Custom color for border of the entire bar\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      animationType: {\n        group: GROUPS.basic,\n        label: \"Animation Type\",\n        description:\n          \"The type of animation that occurs when the bar is filled(Default is Spring)\",\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"spring\",\n        options: [\"decay\", \"timing\", \"spring\"],\n        editable: true,\n        required: true,\n      },\n    },\n    layout: {\n      width: 200,\n      height: 20,\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/ProgressCircle.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Progress Circle",
   tag: "ProgressCircle",
   description: "A circle used to show completed progress",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
   supports_list_render: false,
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","preview_image_url","supports_list_render","props","progress","group","data","label","formType","number","propType","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","size","showsText","boolean","BOOLEAN","textStyle","typeStyle","thickness","strokeCap","flatArray","STRING","options","layout","width","height"],"sources":["ProgressCircle.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Progress Circle\",\n  tag: \"ProgressCircle\",\n  description: \"A circle used to show completed progress\",\n  category: COMPONENT_TYPES.deprecated,\n  preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n  supports_list_render: false,\n  props: {\n    progress: {\n      group: GROUPS.data,\n      label: \"Progress\",\n      description: \"The amount of progress to display. A number 0-1.\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 0.5,\n      min: 0,\n      max: 1,\n      step: 0.01,\n      precision: 2,\n      editable: true,\n      required: true,\n    },\n    color: {\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the progress shown\",\n      editable: true,\n      defaultValue: \"primary\",\n      required: true,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n    },\n    unfilledColor: {\n      group: GROUPS.basic,\n      label: \"Unfilled Color\",\n      description:\n        \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n      editable: true,\n      defaultValue: null,\n      required: true,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n    },\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"The size of the circle\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 100,\n      min: 0,\n      max: 300,\n      step: 1,\n      precision: 1,\n      editable: true,\n      required: true,\n    },\n    showsText: {\n      group: GROUPS.basic,\n      label: \"Show Progress Text\",\n      description: \"Shows progress in the middle of the circle\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: true,\n    },\n    textStyle: {\n      group: GROUPS.basic,\n      label: \"Text Style\",\n      description: \"Text Style of the inner circle\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.typeStyle,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    thickness: {\n      group: GROUPS.basic,\n      label: \"Thickness\",\n      description: \"Thickness of the inner circle\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 1,\n      min: 0,\n      max: 15,\n      step: 1,\n      precision: 1,\n      editable: true,\n      required: true,\n    },\n    strokeCap: {\n      group: GROUPS.basic,\n      label: \"Stroke Cap\",\n      description: \"The style of the stroke\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"butt\",\n      options: [\"butt\", \"square\", \"round\"],\n      editable: true,\n      required: true,\n    },\n  },\n  layout: {\n    width: 250,\n    height: 250,\n  },\n};\n"],"mappings":"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"}
+{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","deprecated","stylesPanelSections","preview_image_url","supports_list_render","props","progress","group","data","label","formType","number","propType","NUMBER","defaultValue","min","max","step","precision","editable","required","color","basic","THEME","unfilledColor","size","showsText","boolean","BOOLEAN","textStyle","typeStyle","thickness","strokeCap","flatArray","STRING","options","layout","width","height"],"sources":["ProgressCircle.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Progress Circle\",\n  tag: \"ProgressCircle\",\n  description: \"A circle used to show completed progress\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  preview_image_url: \"{CLOUDINARY_URL}/Status_Progress.png\",\n  supports_list_render: false,\n  props: {\n    progress: {\n      group: GROUPS.data,\n      label: \"Progress\",\n      description: \"The amount of progress to display. A number 0-1.\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 0.5,\n      min: 0,\n      max: 1,\n      step: 0.01,\n      precision: 2,\n      editable: true,\n      required: true,\n    },\n    color: {\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the progress shown\",\n      editable: true,\n      defaultValue: \"primary\",\n      required: true,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n    },\n    unfilledColor: {\n      group: GROUPS.basic,\n      label: \"Unfilled Color\",\n      description:\n        \"The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)\",\n      editable: true,\n      defaultValue: null,\n      required: true,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n    },\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"The size of the circle\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 100,\n      min: 0,\n      max: 300,\n      step: 1,\n      precision: 1,\n      editable: true,\n      required: true,\n    },\n    showsText: {\n      group: GROUPS.basic,\n      label: \"Show Progress Text\",\n      description: \"Shows progress in the middle of the circle\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: true,\n    },\n    textStyle: {\n      group: GROUPS.basic,\n      label: \"Text Style\",\n      description: \"Text Style of the inner circle\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.typeStyle,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    thickness: {\n      group: GROUPS.basic,\n      label: \"Thickness\",\n      description: \"Thickness of the inner circle\",\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 1,\n      min: 0,\n      max: 15,\n      step: 1,\n      precision: 1,\n      editable: true,\n      required: true,\n    },\n    strokeCap: {\n      group: GROUPS.basic,\n      label: \"Stroke Cap\",\n      description: \"The style of the stroke\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"butt\",\n      options: [\"butt\", \"square\", \"round\"],\n      editable: true,\n      required: true,\n    },\n  },\n  layout: {\n    width: 250,\n    height: 250,\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,MAHF,EAIEC,UAJF,EAKEC,qBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,iBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,WAAW,EAAE,0CAHU;EAIvBC,QAAQ,EAAET,eAAe,CAACU,UAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,iBAAiB,EAAE,sCANI;EAOvBC,oBAAoB,EAAE,KAPC;EAQvBC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,KAAK,EAAEd,MAAM,CAACe,IADN;MAERC,KAAK,EAAE,UAFC;MAGRV,WAAW,EAAE,kDAHL;MAIRW,QAAQ,EAAElB,UAAU,CAACmB,MAJb;MAKRC,QAAQ,EAAElB,UAAU,CAACmB,MALb;MAMRC,YAAY,EAAE,GANN;MAORC,GAAG,EAAE,CAPG;MAQRC,GAAG,EAAE,CARG;MASRC,IAAI,EAAE,IATE;MAURC,SAAS,EAAE,CAVH;MAWRC,QAAQ,EAAE,IAXF;MAYRC,QAAQ,EAAE;IAZF,CADL;IAeLC,KAAK,EAAE;MACLd,KAAK,EAAEd,MAAM,CAAC6B,KADT;MAELb,KAAK,EAAE,OAFF;MAGLV,WAAW,EAAE,8BAHR;MAILoB,QAAQ,EAAE,IAJL;MAKLL,YAAY,EAAE,SALT;MAMLM,QAAQ,EAAE,IANL;MAOLV,QAAQ,EAAElB,UAAU,CAAC6B,KAPhB;MAQLT,QAAQ,EAAElB,UAAU,CAAC6B;IARhB,CAfF;IAyBLC,aAAa,EAAE;MACbjB,KAAK,EAAEd,MAAM,CAAC6B,KADD;MAEbb,KAAK,EAAE,gBAFM;MAGbV,WAAW,EACT,8GAJW;MAKboB,QAAQ,EAAE,IALG;MAMbL,YAAY,EAAE,IAND;MAObM,QAAQ,EAAE,IAPG;MAQbV,QAAQ,EAAElB,UAAU,CAAC6B,KARR;MASbT,QAAQ,EAAElB,UAAU,CAAC6B;IATR,CAzBV;IAoCLE,IAAI,EAAE;MACJlB,KAAK,EAAEd,MAAM,CAAC6B,KADV;MAEJb,KAAK,EAAE,MAFH;MAGJV,WAAW,EAAE,wBAHT;MAIJW,QAAQ,EAAElB,UAAU,CAACmB,MAJjB;MAKJC,QAAQ,EAAElB,UAAU,CAACmB,MALjB;MAMJC,YAAY,EAAE,GANV;MAOJC,GAAG,EAAE,CAPD;MAQJC,GAAG,EAAE,GARD;MASJC,IAAI,EAAE,CATF;MAUJC,SAAS,EAAE,CAVP;MAWJC,QAAQ,EAAE,IAXN;MAYJC,QAAQ,EAAE;IAZN,CApCD;IAkDLM,SAAS,EAAE;MACTnB,KAAK,EAAEd,MAAM,CAAC6B,KADL;MAETb,KAAK,EAAE,oBAFE;MAGTV,WAAW,EAAE,4CAHJ;MAITW,QAAQ,EAAElB,UAAU,CAACmC,OAJZ;MAKTf,QAAQ,EAAElB,UAAU,CAACkC,OALZ;MAMTd,YAAY,EAAE,IANL;MAOTK,QAAQ,EAAE,IAPD;MAQTC,QAAQ,EAAE;IARD,CAlDN;IA4DLS,SAAS,EAAE;MACTtB,KAAK,EAAEd,MAAM,CAAC6B,KADL;MAETb,KAAK,EAAE,YAFE;MAGTV,WAAW,EAAE,gCAHJ;MAIToB,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTV,QAAQ,EAAElB,UAAU,CAACsC,SANZ;MAOTlB,QAAQ,EAAElB,UAAU,CAAC6B,KAPZ;MAQTT,YAAY,EAAE;IARL,CA5DN;IAsELiB,SAAS,EAAE;MACTxB,KAAK,EAAEd,MAAM,CAAC6B,KADL;MAETb,KAAK,EAAE,WAFE;MAGTV,WAAW,EAAE,+BAHJ;MAITW,QAAQ,EAAElB,UAAU,CAACmB,MAJZ;MAKTC,QAAQ,EAAElB,UAAU,CAACmB,MALZ;MAMTC,YAAY,EAAE,CANL;MAOTC,GAAG,EAAE,CAPI;MAQTC,GAAG,EAAE,EARI;MASTC,IAAI,EAAE,CATG;MAUTC,SAAS,EAAE,CAVF;MAWTC,QAAQ,EAAE,IAXD;MAYTC,QAAQ,EAAE;IAZD,CAtEN;IAoFLY,SAAS,EAAE;MACTzB,KAAK,EAAEd,MAAM,CAAC6B,KADL;MAETb,KAAK,EAAE,YAFE;MAGTV,WAAW,EAAE,yBAHJ;MAITW,QAAQ,EAAElB,UAAU,CAACyC,SAJZ;MAKTrB,QAAQ,EAAElB,UAAU,CAACwC,MALZ;MAMTpB,YAAY,EAAE,MANL;MAOTqB,OAAO,EAAE,CAAC,MAAD,EAAS,QAAT,EAAmB,OAAnB,CAPA;MAQThB,QAAQ,EAAE,IARD;MASTC,QAAQ,EAAE;IATD;EApFN,CARgB;EAwGvBgB,MAAM,EAAE;IACNC,KAAK,EAAE,GADD;IAENC,MAAM,EAAE;EAFF;AAxGe,CAAlB"}

package/lib/module/mappings/ProgressIndicator.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, GROUPS, PROP_TYPES, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Progress Indicator",
   tag: "ProgressIndicator",
   description: "A component used to show current Step in a process",
   category: COMPONENT_TYPES.deprecated,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Control_Slider.png",
   supports_list_render: false,
   layout: {},

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","preview_image_url","supports_list_render","layout","props","numberOfSteps","group","data","label","editable","required","formType","number","propType","NUMBER","min","max","step","precision","defaultValue","currentStep","stepIndicatorSize","basic","stepIndicatorLabelFontSize","currentStepIndicatorLabelFontSize","unfinishedColor","color","THEME","finishedColor","stepNumberUnfinishedColor","stepNumberFinishedColor","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepStrokeCurrentColor","currentStepStrokeWidth","currentStepIndicatorSize"],"sources":["ProgressIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Progress Indicator\",\n  tag: \"ProgressIndicator\",\n  description: \"A component used to show current Step in a process\",\n  category: COMPONENT_TYPES.deprecated,\n  preview_image_url: \"{CLOUDINARY_URL}/Control_Slider.png\",\n  supports_list_render: false,\n  layout: {},\n  props: {\n    numberOfSteps: {\n      group: GROUPS.data,\n      label: \"Number of Steps\",\n      description: \"The border radius for the thumb\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 10,\n      step: 1,\n      precision: 0,\n      defaultValue: 5,\n    },\n    currentStep: {\n      group: GROUPS.data,\n      label: \"Current Step\",\n      description: \"The step that the user is on\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 10,\n      step: 1,\n      precision: 0,\n      defaultValue: 5,\n    },\n    stepIndicatorSize: {\n      group: GROUPS.basic,\n      label: \"Step Size\",\n      description: \"The size of the step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 10,\n      max: 100,\n      step: 5,\n      precision: 0,\n      defaultValue: 25,\n    },\n    stepIndicatorLabelFontSize: {\n      group: GROUPS.basic,\n      label: \"Step Font Size\",\n      description: \"The font size of the step number\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 6,\n      max: 36,\n      step: 1,\n      precision: 0,\n      defaultValue: 15,\n    },\n    currentStepIndicatorLabelFontSize: {\n      group: GROUPS.basic,\n      label: \"Current Step Font Size\",\n      description: \"The font size of the current step number\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 6,\n      max: 36,\n      step: 1,\n      precision: 0,\n      defaultValue: 15,\n    },\n    unfinishedColor: {\n      group: GROUPS.basic,\n      label: \"Unfinished Color\",\n      description:\n        \"The color of the step and divider when the step is either not the current step or not finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    finishedColor: {\n      group: GROUPS.basic,\n      label: \"Finished Color\",\n      description:\n        \"The color of the step and divider when the step is the current step or finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepNumberUnfinishedColor: {\n      group: GROUPS.basic,\n      label: \"Unfinished Number Color\",\n      description: \"The color of the number within the step when unfinished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepNumberFinishedColor: {\n      group: GROUPS.basic,\n      label: \"Finished Number Color\",\n      description: \"The color of the number within the step when finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepIndicatorCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Color\",\n      description: \"The color of current step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepIndicatorLabelCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Number Color\",\n      description: \"The color of current number within the step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepStrokeCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Border Color\",\n      description: \"The color of current border color of the step\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    currentStepStrokeWidth: {\n      group: GROUPS.basic,\n      label: \"Current Step Border Width\",\n      description: \"The width of the border for the current step\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 1,\n      max: 20,\n      step: 1,\n      precision: 0,\n      defaultValue: 0,\n    },\n    currentStepIndicatorSize: {\n      group: GROUPS.basic,\n      label: \"Current Step Size\",\n      description: \"The size of the current step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 10,\n      max: 100,\n      step: 5,\n      precision: 0,\n      defaultValue: null,\n    },\n  },\n};\n"],"mappings":"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"}
+{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","GROUPS","PROP_TYPES","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","deprecated","stylesPanelSections","preview_image_url","supports_list_render","layout","props","numberOfSteps","group","data","label","editable","required","formType","number","propType","NUMBER","min","max","step","precision","defaultValue","currentStep","stepIndicatorSize","basic","stepIndicatorLabelFontSize","currentStepIndicatorLabelFontSize","unfinishedColor","color","THEME","finishedColor","stepNumberUnfinishedColor","stepNumberFinishedColor","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepStrokeCurrentColor","currentStepStrokeWidth","currentStepIndicatorSize"],"sources":["ProgressIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  GROUPS,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Progress Indicator\",\n  tag: \"ProgressIndicator\",\n  description: \"A component used to show current Step in a process\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  preview_image_url: \"{CLOUDINARY_URL}/Control_Slider.png\",\n  supports_list_render: false,\n  layout: {},\n  props: {\n    numberOfSteps: {\n      group: GROUPS.data,\n      label: \"Number of Steps\",\n      description: \"The border radius for the thumb\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 10,\n      step: 1,\n      precision: 0,\n      defaultValue: 5,\n    },\n    currentStep: {\n      group: GROUPS.data,\n      label: \"Current Step\",\n      description: \"The step that the user is on\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 10,\n      step: 1,\n      precision: 0,\n      defaultValue: 5,\n    },\n    stepIndicatorSize: {\n      group: GROUPS.basic,\n      label: \"Step Size\",\n      description: \"The size of the step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 10,\n      max: 100,\n      step: 5,\n      precision: 0,\n      defaultValue: 25,\n    },\n    stepIndicatorLabelFontSize: {\n      group: GROUPS.basic,\n      label: \"Step Font Size\",\n      description: \"The font size of the step number\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 6,\n      max: 36,\n      step: 1,\n      precision: 0,\n      defaultValue: 15,\n    },\n    currentStepIndicatorLabelFontSize: {\n      group: GROUPS.basic,\n      label: \"Current Step Font Size\",\n      description: \"The font size of the current step number\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 6,\n      max: 36,\n      step: 1,\n      precision: 0,\n      defaultValue: 15,\n    },\n    unfinishedColor: {\n      group: GROUPS.basic,\n      label: \"Unfinished Color\",\n      description:\n        \"The color of the step and divider when the step is either not the current step or not finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    finishedColor: {\n      group: GROUPS.basic,\n      label: \"Finished Color\",\n      description:\n        \"The color of the step and divider when the step is the current step or finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepNumberUnfinishedColor: {\n      group: GROUPS.basic,\n      label: \"Unfinished Number Color\",\n      description: \"The color of the number within the step when unfinished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepNumberFinishedColor: {\n      group: GROUPS.basic,\n      label: \"Finished Number Color\",\n      description: \"The color of the number within the step when finished\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepIndicatorCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Color\",\n      description: \"The color of current step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepIndicatorLabelCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Number Color\",\n      description: \"The color of current number within the step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    stepStrokeCurrentColor: {\n      group: GROUPS.basic,\n      label: \"Current Step Border Color\",\n      description: \"The color of current border color of the step\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      defaultValue: null,\n    },\n    currentStepStrokeWidth: {\n      group: GROUPS.basic,\n      label: \"Current Step Border Width\",\n      description: \"The width of the border for the current step\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 1,\n      max: 20,\n      step: 1,\n      precision: 0,\n      defaultValue: 0,\n    },\n    currentStepIndicatorSize: {\n      group: GROUPS.basic,\n      label: \"Current Step Size\",\n      description: \"The size of the current step circle\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 10,\n      max: 100,\n      step: 5,\n      precision: 0,\n      defaultValue: null,\n    },\n  },\n};\n"],"mappings":"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"}

package/lib/module/mappings/RadioButton.js

@@ -1,8 +1,9 @@
-import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {
     value: createTextProp({

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createIconProp","createTextProp","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","props","value","label","description","defaultValue","required","color","group","basic","unselectedColor","disabled","size","min","max","step","precision","selectedIcon","unselectedIcon"],"sources":["RadioButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button\",\n  tag: \"RadioButton\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress],\n  props: {\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether radio button is disabled\",\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Specifies the size of the button\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n    selectedIcon: createIconProp({\n      label: \"Selected Icon\",\n      description: \"Icon to show when the radio button is selected\",\n      defaultValue: \"MaterialIcons/radio-button-checked\",\n    }),\n    unselectedIcon: createIconProp({\n      label: \"Unselected Icon\",\n      description: \"Icon to show when the radio button is unselected\",\n      defaultValue: \"MaterialIcons/radio-button-unchecked\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,gBALF,EAMEC,cANF,EAOEC,cAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEV,eAAe,CAACW,KAHH;EAIvBC,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,CAJa;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAEV,cAAc,CAAC;MACpBW,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBC,YAAY,EAAE,IAHM;MAIpBC,QAAQ,EAAE;IAJU,CAAD,CADhB;IAOLC,KAAK,EAAElB,eAAe,CAAC;MACrBmB,KAAK,EAAEtB,MAAM,CAACuB,KADO;MAErBL,WAAW,EAAE,sBAFQ;MAGrBC,YAAY,EAAE;IAHO,CAAD,CAPjB;IAYLK,eAAe,EAAErB,eAAe,CAAC;MAC/BmB,KAAK,EAAEtB,MAAM,CAACuB,KADiB;MAE/BN,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BC,YAAY,EAAE;IAJiB,CAAD,CAZ3B;IAkBLM,QAAQ,EAAEvB,cAAc,CAAC;MACvBe,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CAlBnB;IAsBLQ,IAAI,EAAEtB,gBAAgB,CAAC;MACrBkB,KAAK,EAAEtB,MAAM,CAACuB,KADO;MAErBN,KAAK,EAAE,MAFc;MAGrBC,WAAW,EAAE,kCAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBQ,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAD,CAtBjB;IAgCLC,YAAY,EAAE1B,cAAc,CAAC;MAC3BY,KAAK,EAAE,eADoB;MAE3BC,WAAW,EAAE,gDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAD,CAhCvB;IAqCLa,cAAc,EAAE3B,cAAc,CAAC;MAC7BY,KAAK,EAAE,iBADsB;MAE7BC,WAAW,EAAE,kDAFgB;MAG7BC,YAAY,EAAE;IAHe,CAAD;EArCzB;AALgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","createIconProp","createTextProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","input","stylesPanelSections","triggers","OnPress","props","value","label","description","defaultValue","required","color","group","basic","unselectedColor","disabled","size","min","max","step","precision","selectedIcon","unselectedIcon"],"sources":["RadioButton.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button\",\n  tag: \"RadioButton\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  triggers: [Triggers.OnPress],\n  props: {\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether radio button is disabled\",\n    }),\n    size: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Specifies the size of the button\",\n      defaultValue: 24,\n      min: 16,\n      max: 128,\n      step: 1,\n      precision: 0,\n    }),\n    selectedIcon: createIconProp({\n      label: \"Selected Icon\",\n      description: \"Icon to show when the radio button is selected\",\n      defaultValue: \"MaterialIcons/radio-button-checked\",\n    }),\n    unselectedIcon: createIconProp({\n      label: \"Unselected Icon\",\n      description: \"Icon to show when the radio button is unselected\",\n      defaultValue: \"MaterialIcons/radio-button-unchecked\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,gBALF,EAMEC,cANF,EAOEC,cAPF,EAQEC,QARF,EASEC,qBATF,QAUO,iBAVP;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEX,eAAe,CAACY,KAHH;EAIvBC,mBAAmB,EAAEN,qBAJE;EAKvBO,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,KAAK,EAAEZ,cAAc,CAAC;MACpBa,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBC,YAAY,EAAE,IAHM;MAIpBC,QAAQ,EAAE;IAJU,CAAD,CADhB;IAOLC,KAAK,EAAEpB,eAAe,CAAC;MACrBqB,KAAK,EAAExB,MAAM,CAACyB,KADO;MAErBL,WAAW,EAAE,sBAFQ;MAGrBC,YAAY,EAAE;IAHO,CAAD,CAPjB;IAYLK,eAAe,EAAEvB,eAAe,CAAC;MAC/BqB,KAAK,EAAExB,MAAM,CAACyB,KADiB;MAE/BN,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BC,YAAY,EAAE;IAJiB,CAAD,CAZ3B;IAkBLM,QAAQ,EAAEzB,cAAc,CAAC;MACvBiB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CAlBnB;IAsBLQ,IAAI,EAAExB,gBAAgB,CAAC;MACrBoB,KAAK,EAAExB,MAAM,CAACyB,KADO;MAErBN,KAAK,EAAE,MAFc;MAGrBC,WAAW,EAAE,kCAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBQ,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAD,CAtBjB;IAgCLC,YAAY,EAAE5B,cAAc,CAAC;MAC3Bc,KAAK,EAAE,eADoB;MAE3BC,WAAW,EAAE,gDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAD,CAhCvB;IAqCLa,cAAc,EAAE7B,cAAc,CAAC;MAC7Bc,KAAK,EAAE,iBADsB;MAE7BC,WAAW,EAAE,kDAFgB;MAG7BC,YAAY,EAAE;IAHe,CAAD;EArCzB;AANgB,CAAlB"}

package/lib/module/mappings/RadioButtonGroup.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Margins],
   layout: {},
   triggers: [Triggers.OnValueChange],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createFieldNameProp","createDirectionProp","Triggers","SEED_DATA","name","tag","category","input","layout","triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,mBAHF,EAIEC,QAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAEP,eAAe,CAACQ,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACP,QAAQ,CAACQ,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAEX,mBAAmB,EADzB;IAELY,SAAS,EAAEb,mBAAmB,CAAC;MAC7Bc,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD;EAFzB;AANgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","input","stylesPanelSections","Margins","layout","triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [StylesPanelSections.Margins],\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,mBAHF,EAIEC,QAJF,EAKEC,mBALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAER,eAAe,CAACS,KAHH;EAIvBC,mBAAmB,EAAE,CAACN,mBAAmB,CAACO,OAArB,CAJE;EAKvBC,MAAM,EAAE,EALe;EAMvBC,QAAQ,EAAE,CAACV,QAAQ,CAACW,aAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,SAAS,EAAEd,mBAAmB,EADzB;IAELe,SAAS,EAAEhB,mBAAmB,CAAC;MAC7BiB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD;EAFzB;AAPgB,CAAlB"}

package/lib/module/mappings/RadioButtonRow.js

@@ -1,8 +1,9 @@
-import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS } from "@draftbit/types";
+import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {},
   props: {
     label: createTextProp({

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

@@ -1 +1 @@
-{"version":3,"names":["createTextProp","createTextEnumProp","COMPONENT_TYPES","createColorProp","GROUPS","SEED_DATA","name","tag","category","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,cADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,eAJF,EAKEC,MALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEN,eAAe,CAACO,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAEZ,cAAc,CAAC;MACpBY,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLC,SAAS,EAAEf,kBAAkB,CAAC;MAC5BW,KAAK,EAAE,WADqB;MAE5BC,WAAW,EACT,8DAH0B;MAI5BI,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAD,CAPxB;IAaLC,KAAK,EAAElB,cAAc,CAAC;MACpBY,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAD,CAbhB;IAmBLK,KAAK,EAAEhB,eAAe,CAAC;MACrBiB,KAAK,EAAEhB,MAAM,CAACiB,KADO;MAErBR,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAD,CAnBjB;IAwBLO,eAAe,EAAEnB,eAAe,CAAC;MAC/BiB,KAAK,EAAEhB,MAAM,CAACiB,KADiB;MAE/BT,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAD;EAxB3B;AALgB,CAAlB"}
+{"version":3,"names":["createTextProp","createTextEnumProp","COMPONENT_TYPES","createColorProp","GROUPS","StylesPanelSections","SEED_DATA","name","tag","category","input","stylesPanelSections","Typography","Margins","Effects","layout","props","label","description","required","defaultValue","direction","options","value","color","group","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [\n    StylesPanelSections.Typography,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Effects,\n  ],\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,cADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,eAJF,EAKEC,MALF,EAMEC,mBANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEP,eAAe,CAACQ,KAHH;EAIvBC,mBAAmB,EAAE,CACnBN,mBAAmB,CAACO,UADD,EAEnBP,mBAAmB,CAACQ,OAFD,EAGnBR,mBAAmB,CAACS,OAHD,CAJE;EASvBC,MAAM,EAAE,EATe;EAUvBC,KAAK,EAAE;IACLC,KAAK,EAAEjB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLC,SAAS,EAAEpB,kBAAkB,CAAC;MAC5BgB,KAAK,EAAE,WADqB;MAE5BC,WAAW,EACT,8DAH0B;MAI5BI,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAD,CAPxB;IAaLC,KAAK,EAAEvB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAD,CAbhB;IAmBLK,KAAK,EAAErB,eAAe,CAAC;MACrBsB,KAAK,EAAErB,MAAM,CAACsB,KADO;MAErBR,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAD,CAnBjB;IAwBLO,eAAe,EAAExB,eAAe,CAAC;MAC/BsB,KAAK,EAAErB,MAAM,CAACsB,KADiB;MAE/BT,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAD;EAxB3B;AAVgB,CAAlB"}

package/lib/module/mappings/ScrollView.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createStaticBoolProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",
   description: "A basic ScrollView component",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     horizontal: createStaticBoolProp({

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","SEED_DATA","name","tag","description","category","layout","props","horizontal","label","defaultValue","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces"],"sources":["ScrollView.ts"],"sourcesContent":["import { COMPONENT_TYPES, createStaticBoolProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Scroll View\",\n  tag: \"ScrollView\",\n  description: \"A basic ScrollView component\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render your list horizontally\",\n      defaultValue: false,\n    }),\n    showsHorizontalScrollIndicator: createStaticBoolProp({\n      label: \"Show Horizontal Scroll Indicator\",\n      description:\n        \"When true, shows a horizontal scroll indicator. The default value is true.\",\n      defaultValue: false,\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Show Vertical Scroll Indicator\",\n      description:\n        \"When true, shows a vertical scroll indicator. The default value is true.\",\n      defaultValue: true,\n    }),\n    bounces: createStaticBoolProp({\n      label: \"Bounce\",\n      description:\n        \"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.\",\n      defaultValue: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,oBAA1B,QAAsD,iBAAtD;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAEN,eAAe,CAACO,MAJH;EAKvBA,MAAM,EAAE,EALe;EAMvBC,KAAK,EAAE;IACLC,UAAU,EAAER,oBAAoB,CAAC;MAC/BS,KAAK,EAAE,YADwB;MAE/BL,WAAW,EAAE,+BAFkB;MAG/BM,YAAY,EAAE;IAHiB,CAAD,CAD3B;IAMLC,8BAA8B,EAAEX,oBAAoB,CAAC;MACnDS,KAAK,EAAE,kCAD4C;MAEnDL,WAAW,EACT,4EAHiD;MAInDM,YAAY,EAAE;IAJqC,CAAD,CAN/C;IAYLE,4BAA4B,EAAEZ,oBAAoB,CAAC;MACjDS,KAAK,EAAE,gCAD0C;MAEjDL,WAAW,EACT,0EAH+C;MAIjDM,YAAY,EAAE;IAJmC,CAAD,CAZ7C;IAkBLG,OAAO,EAAEb,oBAAoB,CAAC;MAC5BS,KAAK,EAAE,QADqB;MAE5BL,WAAW,EACT,iKAH0B;MAI5BM,YAAY,EAAE;IAJc,CAAD;EAlBxB;AANgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","layout","stylesPanelSections","props","horizontal","label","defaultValue","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces"],"sources":["ScrollView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Scroll View\",\n  tag: \"ScrollView\",\n  description: \"A basic ScrollView component\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {},\n  props: {\n    horizontal: createStaticBoolProp({\n      label: \"Horizontal\",\n      description: \"Render your list horizontally\",\n      defaultValue: false,\n    }),\n    showsHorizontalScrollIndicator: createStaticBoolProp({\n      label: \"Show Horizontal Scroll Indicator\",\n      description:\n        \"When true, shows a horizontal scroll indicator. The default value is true.\",\n      defaultValue: false,\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Show Vertical Scroll Indicator\",\n      description:\n        \"When true, shows a vertical scroll indicator. The default value is true.\",\n      defaultValue: true,\n    }),\n    bounces: createStaticBoolProp({\n      label: \"Bounce\",\n      description:\n        \"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.\",\n      defaultValue: true,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,mCAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,MAJH;EAKvBC,mBAAmB,EAAEP,mCALE;EAMvBM,MAAM,EAAE,EANe;EAOvBE,KAAK,EAAE;IACLC,UAAU,EAAEV,oBAAoB,CAAC;MAC/BW,KAAK,EAAE,YADwB;MAE/BN,WAAW,EAAE,+BAFkB;MAG/BO,YAAY,EAAE;IAHiB,CAAD,CAD3B;IAMLC,8BAA8B,EAAEb,oBAAoB,CAAC;MACnDW,KAAK,EAAE,kCAD4C;MAEnDN,WAAW,EACT,4EAHiD;MAInDO,YAAY,EAAE;IAJqC,CAAD,CAN/C;IAYLE,4BAA4B,EAAEd,oBAAoB,CAAC;MACjDW,KAAK,EAAE,gCAD0C;MAEjDN,WAAW,EACT,0EAH+C;MAIjDO,YAAY,EAAE;IAJmC,CAAD,CAZ7C;IAkBLG,OAAO,EAAEf,oBAAoB,CAAC;MAC5BW,KAAK,EAAE,QADqB;MAE5BN,WAAW,EACT,iKAH0B;MAI5BO,YAAY,EAAE;IAJc,CAAD;EAlBxB;AAPgB,CAAlB"}

package/lib/module/mappings/Slider.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Slider",
   tag: "Slider",
   description: "A component used to set a value in a range",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {
     marginLeft: 12,
     marginRight: 12

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createFieldNameProp","createIconProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","marginLeft","marginRight","triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["Slider.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  createIconProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Slider\",\n  tag: \"Slider\",\n  description: \"A component used to set a value in a range\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    marginLeft: 12,\n    marginRight: 12,\n  },\n  triggers: [Triggers.OnValueChange],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"sliderValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n    minimumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Min Value\",\n      min: 0,\n      max: 1000,\n    }),\n    maximumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Max Value\",\n      min: 1,\n      max: 10000,\n    }),\n    step: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Step\",\n      min: 0,\n      max: 100,\n      step: 0.01,\n      precision: 2,\n    }),\n    leftIcon: createIconProp({\n      label: \"Left Icon\",\n      defaultValue: null,\n    }),\n    rightIcon: createIconProp({\n      label: \"Right Icon\",\n      defaultValue: null,\n    }),\n    minimumTrackTintColor: createColorProp({\n      label: \"Min Track Color\",\n      defaultValue: null,\n    }),\n    maximumTrackTintColor: createColorProp({\n      label: \"Max Track Color\",\n      defaultValue: null,\n    }),\n    thumbTintColor: createColorProp({\n      label: \"Thumb Color\",\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,4CAHU;EAIvBC,QAAQ,EAAEX,eAAe,CAACY,KAJH;EAKvBC,MAAM,EAAE;IACNC,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CALe;EASvBC,QAAQ,EAAE,CAACV,QAAQ,CAACW,aAAV,CATa;EAUvBC,KAAK,EAAE;IACLC,SAAS,EAAEf,mBAAmB,CAAC;MAC7BgB,YAAY,EAAE,aADe;MAE7BC,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,YAAY,EAAErB,gBAAgB,CAAC;MAC7BsB,KAAK,EAAEvB,MAAM,CAACwB,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CANzB;IAYLC,YAAY,EAAE3B,gBAAgB,CAAC;MAC7BsB,KAAK,EAAEvB,MAAM,CAACwB,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CAZzB;IAkBLE,IAAI,EAAE5B,gBAAgB,CAAC;MACrBsB,KAAK,EAAEvB,MAAM,CAACwB,KADO;MAErBC,KAAK,EAAE,MAFc;MAGrBC,GAAG,EAAE,CAHgB;MAIrBC,GAAG,EAAE,GAJgB;MAKrBE,IAAI,EAAE,IALe;MAMrBC,SAAS,EAAE;IANU,CAAD,CAlBjB;IA0BLC,QAAQ,EAAE3B,cAAc,CAAC;MACvBqB,KAAK,EAAE,WADgB;MAEvBN,YAAY,EAAE;IAFS,CAAD,CA1BnB;IA8BLa,SAAS,EAAE5B,cAAc,CAAC;MACxBqB,KAAK,EAAE,YADiB;MAExBN,YAAY,EAAE;IAFU,CAAD,CA9BpB;IAkCLc,qBAAqB,EAAE/B,eAAe,CAAC;MACrCuB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAlCjC;IAsCLe,qBAAqB,EAAEhC,eAAe,CAAC;MACrCuB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAtCjC;IA0CLgB,cAAc,EAAEjC,eAAe,CAAC;MAC9BuB,KAAK,EAAE,aADuB;MAE9BN,YAAY,EAAE;IAFgB,CAAD;EA1C1B;AAVgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createFieldNameProp","createIconProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","layout","marginLeft","marginRight","triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"sources":["Slider.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  createIconProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Slider\",\n  tag: \"Slider\",\n  description: \"A component used to set a value in a range\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  layout: {\n    marginLeft: 12,\n    marginRight: 12,\n  },\n  triggers: [Triggers.OnValueChange],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"sliderValue\",\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n    }),\n    minimumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Min Value\",\n      min: 0,\n      max: 1000,\n    }),\n    maximumValue: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Max Value\",\n      min: 1,\n      max: 10000,\n    }),\n    step: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Step\",\n      min: 0,\n      max: 100,\n      step: 0.01,\n      precision: 2,\n    }),\n    leftIcon: createIconProp({\n      label: \"Left Icon\",\n      defaultValue: null,\n    }),\n    rightIcon: createIconProp({\n      label: \"Right Icon\",\n      defaultValue: null,\n    }),\n    minimumTrackTintColor: createColorProp({\n      label: \"Min Track Color\",\n      defaultValue: null,\n    }),\n    maximumTrackTintColor: createColorProp({\n      label: \"Max Track Color\",\n      defaultValue: null,\n    }),\n    thumbTintColor: createColorProp({\n      label: \"Thumb Color\",\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,QAPF,EAQEC,qBARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,4CAHU;EAIvBC,QAAQ,EAAEZ,eAAe,CAACa,KAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,MAAM,EAAE;IACNC,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CANe;EAUvBC,QAAQ,EAAE,CAACZ,QAAQ,CAACa,aAAV,CAVa;EAWvBC,KAAK,EAAE;IACLC,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,YAAY,EAAE,aADe;MAE7BC,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,YAAY,EAAEvB,gBAAgB,CAAC;MAC7BwB,KAAK,EAAEzB,MAAM,CAAC0B,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CANzB;IAYLC,YAAY,EAAE7B,gBAAgB,CAAC;MAC7BwB,KAAK,EAAEzB,MAAM,CAAC0B,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAD,CAZzB;IAkBLE,IAAI,EAAE9B,gBAAgB,CAAC;MACrBwB,KAAK,EAAEzB,MAAM,CAAC0B,KADO;MAErBC,KAAK,EAAE,MAFc;MAGrBC,GAAG,EAAE,CAHgB;MAIrBC,GAAG,EAAE,GAJgB;MAKrBE,IAAI,EAAE,IALe;MAMrBC,SAAS,EAAE;IANU,CAAD,CAlBjB;IA0BLC,QAAQ,EAAE7B,cAAc,CAAC;MACvBuB,KAAK,EAAE,WADgB;MAEvBN,YAAY,EAAE;IAFS,CAAD,CA1BnB;IA8BLa,SAAS,EAAE9B,cAAc,CAAC;MACxBuB,KAAK,EAAE,YADiB;MAExBN,YAAY,EAAE;IAFU,CAAD,CA9BpB;IAkCLc,qBAAqB,EAAEjC,eAAe,CAAC;MACrCyB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAlCjC;IAsCLe,qBAAqB,EAAElC,eAAe,CAAC;MACrCyB,KAAK,EAAE,iBAD8B;MAErCN,YAAY,EAAE;IAFuB,CAAD,CAtCjC;IA0CLgB,cAAc,EAAEnC,eAAe,CAAC;MAC9ByB,KAAK,EAAE,aADuB;MAE9BN,YAAY,EAAE;IAFgB,CAAD;EA1C1B;AAXgB,CAAlB"}

package/lib/module/mappings/StarRating.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticNumberProp, createFieldNameProp, createStaticBoolProp, Triggers, createColorProp, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
   description: "A star rating component",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   triggers: [Triggers.OnPress],
   props: {
     starSize: createStaticNumberProp({

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createStaticNumberProp","createFieldNameProp","createStaticBoolProp","Triggers","createColorProp","SEED_DATA","name","tag","description","category","button","triggers","OnPress","props","starSize","label","defaultValue","min","max","step","fieldName","handlerPropName","valuePropName","maxStars","isEditable","activeColor","inactiveColor"],"sources":["StarRating.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createStaticBoolProp,\n  Triggers,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Star Rating\",\n  tag: \"StarRating\",\n  description: \"A star rating component\",\n  category: COMPONENT_TYPES.button,\n  triggers: [Triggers.OnPress],\n  props: {\n    starSize: createStaticNumberProp({\n      label: \"Star size\",\n      description: \"Size of each individual star\",\n      defaultValue: 16,\n      min: 8,\n      max: 36,\n      step: 1,\n    }),\n    fieldName: createFieldNameProp({\n      defaultValue: \"ratingValue\", // this is the name of the variable declared on the screen in Draftbit\n      handlerPropName: \"onPress\", // the change handler prop in this component\n      valuePropName: \"rating\", // the value prop in this component\n    }),\n    maxStars: createStaticNumberProp({\n      label: \"Max stars\",\n      description: \"The max number of stars\",\n      defaultValue: 5,\n      min: 0,\n      max: 10,\n      step: 1,\n    }),\n    isEditable: createStaticBoolProp({\n      label: \"Editable\",\n    }),\n    activeColor: createColorProp({\n      label: \"Active Color\",\n      defaultValue: \"primary\",\n    }),\n    inactiveColor: createColorProp({\n      label: \"Inactive Color\",\n      defaultValue: \"divider\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,oBAJF,EAKEC,QALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEV,eAAe,CAACW,MAJH;EAKvBC,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,QAAQ,EAAEd,sBAAsB,CAAC;MAC/Be,KAAK,EAAE,WADwB;MAE/BP,WAAW,EAAE,8BAFkB;MAG/BQ,YAAY,EAAE,EAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAD3B;IASLC,SAAS,EAAEnB,mBAAmB,CAAC;MAC7Be,YAAY,EAAE,aADe;MACA;MAC7BK,eAAe,EAAE,SAFY;MAED;MAC5BC,aAAa,EAAE,QAHc,CAGJ;;IAHI,CAAD,CATzB;IAcLC,QAAQ,EAAEvB,sBAAsB,CAAC;MAC/Be,KAAK,EAAE,WADwB;MAE/BP,WAAW,EAAE,yBAFkB;MAG/BQ,YAAY,EAAE,CAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAd3B;IAsBLK,UAAU,EAAEtB,oBAAoB,CAAC;MAC/Ba,KAAK,EAAE;IADwB,CAAD,CAtB3B;IAyBLU,WAAW,EAAErB,eAAe,CAAC;MAC3BW,KAAK,EAAE,cADoB;MAE3BC,YAAY,EAAE;IAFa,CAAD,CAzBvB;IA6BLU,aAAa,EAAEtB,eAAe,CAAC;MAC7BW,KAAK,EAAE,gBADsB;MAE7BC,YAAY,EAAE;IAFe,CAAD;EA7BzB;AANgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createStaticNumberProp","createFieldNameProp","createStaticBoolProp","Triggers","createColorProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","button","stylesPanelSections","triggers","OnPress","props","starSize","label","defaultValue","min","max","step","fieldName","handlerPropName","valuePropName","maxStars","isEditable","activeColor","inactiveColor"],"sources":["StarRating.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticNumberProp,\n  createFieldNameProp,\n  createStaticBoolProp,\n  Triggers,\n  createColorProp,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Star Rating\",\n  tag: \"StarRating\",\n  description: \"A star rating component\",\n  category: COMPONENT_TYPES.button,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  triggers: [Triggers.OnPress],\n  props: {\n    starSize: createStaticNumberProp({\n      label: \"Star size\",\n      description: \"Size of each individual star\",\n      defaultValue: 16,\n      min: 8,\n      max: 36,\n      step: 1,\n    }),\n    fieldName: createFieldNameProp({\n      defaultValue: \"ratingValue\", // this is the name of the variable declared on the screen in Draftbit\n      handlerPropName: \"onPress\", // the change handler prop in this component\n      valuePropName: \"rating\", // the value prop in this component\n    }),\n    maxStars: createStaticNumberProp({\n      label: \"Max stars\",\n      description: \"The max number of stars\",\n      defaultValue: 5,\n      min: 0,\n      max: 10,\n      step: 1,\n    }),\n    isEditable: createStaticBoolProp({\n      label: \"Editable\",\n    }),\n    activeColor: createColorProp({\n      label: \"Active Color\",\n      defaultValue: \"primary\",\n    }),\n    inactiveColor: createColorProp({\n      label: \"Inactive Color\",\n      defaultValue: \"divider\",\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,sBAFF,EAGEC,mBAHF,EAIEC,oBAJF,EAKEC,QALF,EAMEC,eANF,EAOEC,qBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEX,eAAe,CAACY,MAJH;EAKvBC,mBAAmB,EAAEP,qBALE;EAMvBQ,QAAQ,EAAE,CAACV,QAAQ,CAACW,OAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,QAAQ,EAAEhB,sBAAsB,CAAC;MAC/BiB,KAAK,EAAE,WADwB;MAE/BR,WAAW,EAAE,8BAFkB;MAG/BS,YAAY,EAAE,EAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAD3B;IASLC,SAAS,EAAErB,mBAAmB,CAAC;MAC7BiB,YAAY,EAAE,aADe;MACA;MAC7BK,eAAe,EAAE,SAFY;MAED;MAC5BC,aAAa,EAAE,QAHc,CAGJ;;IAHI,CAAD,CATzB;IAcLC,QAAQ,EAAEzB,sBAAsB,CAAC;MAC/BiB,KAAK,EAAE,WADwB;MAE/BR,WAAW,EAAE,yBAFkB;MAG/BS,YAAY,EAAE,CAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAD,CAd3B;IAsBLK,UAAU,EAAExB,oBAAoB,CAAC;MAC/Be,KAAK,EAAE;IADwB,CAAD,CAtB3B;IAyBLU,WAAW,EAAEvB,eAAe,CAAC;MAC3Ba,KAAK,EAAE,cADoB;MAE3BC,YAAY,EAAE;IAFa,CAAD,CAzBvB;IA6BLU,aAAa,EAAExB,eAAe,CAAC;MAC7Ba,KAAK,EAAE,gBADsB;MAE7BC,YAAY,EAAE;IAFe,CAAD;EA7BzB;AAPgB,CAAlB"}

package/lib/module/mappings/Stepper.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [Triggers.OnChange],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sources":["Stepper.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  createStaticNumberProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n      min: createStaticNumberProp({\n        label: \"Minimum\",\n        description: \"Minimum Number\",\n      }),\n      max: createStaticNumberProp({\n        label: \"Maximum\",\n        description: \"Maximum Number\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEV,eAAe,CAACW,KAJ5B;EAKEC,MAAM,EAAE,EALV;EAMEC,QAAQ,EAAE,CAACR,QAAQ,CAACS,QAAV,CANZ;EAOEC,KAAK,EAAE;IACLC,SAAS,EAAEb,mBAAmB,CAAC;MAC7Bc,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,QAAQ,EAAEnB,kBAAkB,CAAC;MAAEgB,YAAY,EAAE;IAAhB,CAAD,CANvB;IAOLI,SAAS,EAAEnB,eAAe,CAAC;MAAEe,YAAY,EAAE;IAAhB,CAAD,CAPrB;IAQLK,GAAG,EAAElB,sBAAsB,CAAC;MAC1BmB,KAAK,EAAE,SADmB;MAE1Bd,WAAW,EAAE;IAFa,CAAD,CARtB;IAYLe,GAAG,EAAEpB,sBAAsB,CAAC;MAC1BmB,KAAK,EAAE,SADmB;MAE1Bd,WAAW,EAAE;IAFa,CAAD;EAZtB;AAPT,CADuB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sources":["Stepper.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  createStaticNumberProp,\n  Triggers,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n      min: createStaticNumberProp({\n        label: \"Minimum\",\n        description: \"Minimum Number\",\n      }),\n      max: createStaticNumberProp({\n        label: \"Maximum\",\n        description: \"Maximum Number\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,EAOEC,qBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEX,eAAe,CAACY,KAJ5B;EAKEC,mBAAmB,EAAEP,qBALvB;EAMEQ,MAAM,EAAE,EANV;EAOEC,QAAQ,EAAE,CAACV,QAAQ,CAACW,QAAV,CAPZ;EAQEC,KAAK,EAAE;IACLC,SAAS,EAAEf,mBAAmB,CAAC;MAC7BgB,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,QAAQ,EAAErB,kBAAkB,CAAC;MAAEkB,YAAY,EAAE;IAAhB,CAAD,CANvB;IAOLI,SAAS,EAAErB,eAAe,CAAC;MAAEiB,YAAY,EAAE;IAAhB,CAAD,CAPrB;IAQLK,GAAG,EAAEpB,sBAAsB,CAAC;MAC1BqB,KAAK,EAAE,SADmB;MAE1Bf,WAAW,EAAE;IAFa,CAAD,CARtB;IAYLgB,GAAG,EAAEtB,sBAAsB,CAAC;MAC1BqB,KAAK,EAAE,SADmB;MAE1Bf,WAAW,EAAE;IAFa,CAAD;EAZtB;AART,CADuB,CAAlB"}

package/lib/module/mappings/Surface.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createElevationType } from "@draftbit/types";
+import { COMPONENT_TYPES, createElevationType, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Surface",
   tag: "Surface",
   description: "An elevated container",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40
   },

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createElevationType","SEED_DATA","name","tag","description","category","layout","minHeight","props","elevation"],"sources":["Surface.js"],"sourcesContent":["import { COMPONENT_TYPES, createElevationType } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Surface\",\n    tag: \"Surface\",\n    description: \"An elevated container\",\n    category: COMPONENT_TYPES.layout,\n    layout: {\n        minHeight: 40,\n    },\n    props: {\n        elevation: createElevationType(0),\n    },\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;AACA,OAAO,MAAMC,SAAS,GAAG;EACrBC,IAAI,EAAE,SADe;EAErBC,GAAG,EAAE,SAFgB;EAGrBC,WAAW,EAAE,uBAHQ;EAIrBC,QAAQ,EAAEN,eAAe,CAACO,MAJL;EAKrBA,MAAM,EAAE;IACJC,SAAS,EAAE;EADP,CALa;EAQrBC,KAAK,EAAE;IACHC,SAAS,EAAET,mBAAmB,CAAC,CAAD;EAD3B;AARc,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createElevationType","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","layout","stylesPanelSections","minHeight","props","elevation"],"sources":["Surface.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createElevationType,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Surface\",\n  tag: \"Surface\",\n  description: \"An elevated container\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    minHeight: 40,\n  },\n  props: {\n    elevation: createElevationType(0),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,mBAFF,EAGEC,mCAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEP,eAAe,CAACQ,MAJH;EAKvBC,mBAAmB,EAAEP,mCALE;EAMvBM,MAAM,EAAE;IACNE,SAAS,EAAE;EADL,CANe;EASvBC,KAAK,EAAE;IACLC,SAAS,EAAEX,mBAAmB,CAAC,CAAD;EADzB;AATgB,CAAlB"}

package/lib/module/mappings/Switch.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, StylesPanelSections, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
 const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
 export const SEED_DATA = [{
   name: "Switch",
   tag: "Switch",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: SEED_DATA_TRIGGERS,
   props: {
@@ -33,6 +34,7 @@ export const SEED_DATA = [{
   name: "Switch Row",
   tag: "SwitchRow",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Margins, StylesPanelSections.Effects],
   layout: {
     marginLeft: 0,
     marginRight: 0

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createColorProp","createFieldNameProp","createTextProp","createRowDirectionProp","Triggers","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","marginLeft","marginRight","required","direction","group","data"],"sources":["Switch.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createBoolProp,\n  createColorProp,\n  createFieldNameProp,\n  createTextProp,\n  createRowDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Switch\",\n    tag: \"Switch\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n  {\n    name: \"Switch Row\",\n    tag: \"SwitchRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {\n      marginLeft: 0,\n      marginRight: 0,\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      label: createTextProp({\n        label: \"Label\",\n        description: \"Label to show with the checkbox\",\n        required: true,\n        defaultValue: \"First Option\",\n      }),\n      direction: createRowDirectionProp(),\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n        group: GROUPS.data,\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,QARF,QASO,iBATP;AAUA,MAAMC,kBAAkB,GAAG,CAACD,QAAQ,CAACE,aAAV,CAA3B;AACA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QADR;EAEEC,GAAG,EAAE,QAFP;EAGEC,QAAQ,EAAEb,eAAe,CAACc,KAH5B;EAIEC,MAAM,EAAE,EAJV;EAKEC,QAAQ,EAAER,kBALZ;EAMES,KAAK,EAAE;IACLC,QAAQ,EAAEhB,cAAc,CAAC;MACvBiB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CADnB;IAKLC,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CALzB;IAULC,gBAAgB,EAAEtB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAV5B;IAaLO,kBAAkB,EAAEvB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD,CAb9B;IAgBLQ,gBAAgB,EAAExB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAhB5B;IAmBLS,kBAAkB,EAAEzB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD;EAnB9B;AANT,CADuB,EA+BvB;EACER,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGEC,QAAQ,EAAEb,eAAe,CAACc,KAH5B;EAIEC,MAAM,EAAE;IACNc,UAAU,EAAE,CADN;IAENC,WAAW,EAAE;EAFP,CAJV;EAQEd,QAAQ,EAAER,kBARZ;EASES,KAAK,EAAE;IACLE,KAAK,EAAEd,cAAc,CAAC;MACpBc,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBW,QAAQ,EAAE,IAHU;MAIpBP,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLQ,SAAS,EAAE1B,sBAAsB,EAP5B;IAQLY,QAAQ,EAAEhB,cAAc,CAAC;MACvBiB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,wCAFU;MAGvBa,KAAK,EAAEhC,MAAM,CAACiC;IAHS,CAAD,CARnB;IAaLb,SAAS,EAAEjB,mBAAmB,CAAC;MAC7BkB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CAbzB;IAkBLC,gBAAgB,EAAEtB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAlB5B;IAqBLO,kBAAkB,EAAEvB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD,CArB9B;IAwBLQ,gBAAgB,EAAExB,eAAe,CAAC;MAChCgB,KAAK,EAAE;IADyB,CAAD,CAxB5B;IA2BLS,kBAAkB,EAAEzB,eAAe,CAAC;MAClCgB,KAAK,EAAE;IAD2B,CAAD;EA3B9B;AATT,CA/BuB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","GROUPS","createBoolProp","createColorProp","createFieldNameProp","createTextProp","createRowDirectionProp","Triggers","StylesPanelSections","BLOCK_STYLES_SECTIONS","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","stylesPanelSections","layout","triggers","props","disabled","label","description","fieldName","handlerPropName","valuePropName","defaultValue","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","Typography","Margins","Effects","marginLeft","marginRight","required","direction","group","data"],"sources":["Switch.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  GROUPS,\n  createBoolProp,\n  createColorProp,\n  createFieldNameProp,\n  createTextProp,\n  createRowDirectionProp,\n  Triggers,\n  StylesPanelSections,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n  {\n    name: \"Switch\",\n    tag: \"Switch\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: {},\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n  {\n    name: \"Switch Row\",\n    tag: \"SwitchRow\",\n    category: COMPONENT_TYPES.input,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Margins,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      marginLeft: 0,\n      marginRight: 0,\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: {\n      label: createTextProp({\n        label: \"Label\",\n        description: \"Label to show with the checkbox\",\n        required: true,\n        defaultValue: \"First Option\",\n      }),\n      direction: createRowDirectionProp(),\n      disabled: createBoolProp({\n        label: \"Disabled\",\n        description: \"Boolean to handle disabling the switch\",\n        group: GROUPS.data,\n      }),\n      fieldName: createFieldNameProp({\n        handlerPropName: \"onValueChange\",\n        valuePropName: \"value\",\n        defaultValue: \"switchValue\",\n      }),\n      activeTrackColor: createColorProp({\n        label: \"Active Track Color\",\n      }),\n      inactiveTrackColor: createColorProp({\n        label: \"Inactive Track Color\",\n      }),\n      activeThumbColor: createColorProp({\n        label: \"Active Thumb Color\",\n      }),\n      inactiveThumbColor: createColorProp({\n        label: \"Inactive Thumb Color\",\n      }),\n    },\n  },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,mBALF,EAMEC,cANF,EAOEC,sBAPF,EAQEC,QARF,EASEC,mBATF,EAUEC,qBAVF,QAWO,iBAXP;AAYA,MAAMC,kBAAkB,GAAG,CAACH,QAAQ,CAACI,aAAV,CAA3B;AACA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QADR;EAEEC,GAAG,EAAE,QAFP;EAGEC,QAAQ,EAAEf,eAAe,CAACgB,KAH5B;EAIEC,mBAAmB,EAAER,qBAJvB;EAKES,MAAM,EAAE,EALV;EAMEC,QAAQ,EAAET,kBANZ;EAOEU,KAAK,EAAE;IACLC,QAAQ,EAAEnB,cAAc,CAAC;MACvBoB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAD,CADnB;IAKLC,SAAS,EAAEpB,mBAAmB,CAAC;MAC7BqB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CALzB;IAULC,gBAAgB,EAAEzB,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAV5B;IAaLO,kBAAkB,EAAE1B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD,CAb9B;IAgBLQ,gBAAgB,EAAE3B,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAhB5B;IAmBLS,kBAAkB,EAAE5B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD;EAnB9B;AAPT,CADuB,EAgCvB;EACET,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGEC,QAAQ,EAAEf,eAAe,CAACgB,KAH5B;EAIEC,mBAAmB,EAAE,CACnBT,mBAAmB,CAACwB,UADD,EAEnBxB,mBAAmB,CAACyB,OAFD,EAGnBzB,mBAAmB,CAAC0B,OAHD,CAJvB;EASEhB,MAAM,EAAE;IACNiB,UAAU,EAAE,CADN;IAENC,WAAW,EAAE;EAFP,CATV;EAaEjB,QAAQ,EAAET,kBAbZ;EAcEU,KAAK,EAAE;IACLE,KAAK,EAAEjB,cAAc,CAAC;MACpBiB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBc,QAAQ,EAAE,IAHU;MAIpBV,YAAY,EAAE;IAJM,CAAD,CADhB;IAOLW,SAAS,EAAEhC,sBAAsB,EAP5B;IAQLe,QAAQ,EAAEnB,cAAc,CAAC;MACvBoB,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,wCAFU;MAGvBgB,KAAK,EAAEtC,MAAM,CAACuC;IAHS,CAAD,CARnB;IAaLhB,SAAS,EAAEpB,mBAAmB,CAAC;MAC7BqB,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAAD,CAbzB;IAkBLC,gBAAgB,EAAEzB,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAlB5B;IAqBLO,kBAAkB,EAAE1B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD,CArB9B;IAwBLQ,gBAAgB,EAAE3B,eAAe,CAAC;MAChCmB,KAAK,EAAE;IADyB,CAAD,CAxB5B;IA2BLS,kBAAkB,EAAE5B,eAAe,CAAC;MAClCmB,KAAK,EAAE;IAD2B,CAAD;EA3B9B;AAdT,CAhCuB,CAAlB"}

package/lib/module/mappings/Text.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, Triggers, createActionProp, createTextProp, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   accessibilityLabel: {
     group: GROUPS.accessibility,
@@ -188,6 +188,7 @@ export const SEED_DATA = [{
   tag: "Text",
   description: "A basic Text component",
   category: COMPONENT_TYPES.basic,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
   layout: {
     color: "strong" // This is translated on collector script run by the extractValueAndType function
 
@@ -208,6 +209,7 @@ export const SEED_DATA = [{
   name: "Link",
   tag: "Link",
   category: COMPONENT_TYPES.button,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
   layout: {
     color: "primary"
   },