@draftbit/core 46.2.1-de631b.0 → 46.2.2-088abf.0

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

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.ts"],"sourcesContent":["import { COMPONENT_TYPES, createElevationType } 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  layout: {\n    minHeight: 40,\n  },\n  props: {\n    elevation: createElevationType(0),\n  },\n};\n"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,mBAA1B,QAAqD,iBAArD;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEN,eAAe,CAACO,MAJH;EAKvBA,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CALe;EAQvBC,KAAK,EAAE;IACLC,SAAS,EAAET,mBAAmB,CAAC,CAAD;EADzB;AARgB,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,11 +1,22 @@
-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,
     name: "accessibilityLabel",
     label: "accessibilityLabel",
     description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
-    editable: false,
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: null
+  },
+  accessibilityHint: {
+    group: GROUPS.accessibility,
+    name: "accessibilityHint",
+    label: "accessibilityHint",
+    description: "An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.",
+    editable: true,
     required: false,
     formType: FORM_TYPES.string,
     propType: PROP_TYPES.STRING,
@@ -17,7 +28,7 @@ const SEED_DATA_PROPS = {
     label: "accessibilityRole",
     description: "Tells the screen reader to treat the currently focused on element as having a specific role.Possible values for AccessibilityRole is one of:\n'none' - The element has no role.\n'button' - The element should be treated as a button.\n'link' - The element should be treated as a link.\n'header' - The element is a header that divides content into sections.\n'search' - The element should be treated as a search field.\n'image' - The element should be treated as an image.\n'key' - The element should be treated like a keyboard key.\n'text' - The element should be treated as text.\n'summary' - The element provides app summary information.\n'imagebutton' - The element has the role of both an image and also a button.\n'adjustable' - The element allows adjustment over a range of values.\nOn iOS, these roles map to corresponding Accessibility Traits. Image button has the same functionality as if the trait was set to both 'image' and 'button'. See the Accessibility guide for more information.On Android, these roles have similar functionality on TalkBack as adding Accessibility Traits does on Voiceover in iOS",
     options: ["none", "button", "link", "header", "search", "image", "key", "text", "summary", "imagebutton", "adjustable"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -27,8 +38,8 @@ const SEED_DATA_PROPS = {
     group: GROUPS.accessibility,
     name: "accessible",
     label: "accessible",
-    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true.See the Accessibility guide for more information.",
-    editable: false,
+    description: "When set to true, indicates that the view is an accessibility element. The default value for a Text element is true. See the Accessibility guide for more information.",
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -39,7 +50,7 @@ const SEED_DATA_PROPS = {
     name: "adjustsFontSizeToFit",
     label: "adjustsFontSizeToFit",
     description: "Specifies whether fonts should be scaled down automatically to fit given style constraints.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -50,7 +61,7 @@ const SEED_DATA_PROPS = {
     name: "allowFontScaling",
     label: "allowFontScaling",
     description: "Specifies whether fonts should scale to respect Text Size accessibility settings. The default is true.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -60,9 +71,9 @@ const SEED_DATA_PROPS = {
     group: GROUPS.advanced,
     name: "dataDetectorType",
     label: "dataDetectorType",
-    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected.You can provide only one type.Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
+    description: "Determines the types of data converted to clickable URLs in the text element. By default no data types are detected. You can provide only one type. Possible values for dataDetectorType are:\n'phoneNumber'\n'link'\n'email'\n'none'\n'all'\n",
     options: ["phoneNumber", "link", "email", "none", "all"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -73,7 +84,7 @@ const SEED_DATA_PROPS = {
     name: "disabled",
     label: "disabled",
     description: "Specifies the disabled state of the text view for testing purposes",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -96,25 +107,21 @@ const SEED_DATA_PROPS = {
     name: "maxFontSizeMultiplier",
     label: "maxFontSizeMultiplier",
     description: "Specifies largest possible scale a font can reach when allowFontScaling is enabled. Possible values:\nnull/undefined (default): inherit from the parent node or the global default (0)\n0: no max, ignore parent/global default\n>= 1: sets the maxFontSizeMultiplier of this node to this value\n",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.number,
     propType: PROP_TYPES.NUMBER,
     defaultValue: null
   },
-  minimumFontScale: {
-    group: GROUPS.advanced,
-    name: "minimumFontScale",
-    label: "minimumFontScale",
-    description: "Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).",
-    editable: false,
+  nativeID: {
+    group: GROUPS.accessibility,
+    name: "nativeID",
+    label: "nativeID",
+    description: "Used to locate this view from native code.",
+    editable: true,
     required: false,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-    min: 0.01,
-    step: 0.01,
-    precision: 2,
-    max: 1.0,
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
     defaultValue: null
   },
   numberOfLines: {
@@ -135,7 +142,7 @@ const SEED_DATA_PROPS = {
     name: "selectable",
     label: "selectable",
     description: "Lets the user select text, to use the native copy and paste functionality.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -146,7 +153,7 @@ const SEED_DATA_PROPS = {
     name: "selectionColor",
     label: "selectionColor",
     description: "The highlight color of the text.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.color,
     propType: PROP_TYPES.THEME,
@@ -157,7 +164,7 @@ const SEED_DATA_PROPS = {
     name: "suppressHighlighting",
     label: "suppressHighlighting",
     description: "When true, no visual change is made when text is pressed down. By default, a gray oval highlights the text on press down.",
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
@@ -169,7 +176,7 @@ const SEED_DATA_PROPS = {
     label: "textBreakStrategy",
     description: "Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced The default value is highQuality.",
     options: ["simple", "highQuality", "balanced"],
-    editable: false,
+    editable: true,
     required: false,
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,
@@ -181,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
 
@@ -201,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"
   },