@draftbit/core 46.1.4 → 46.2.1-39f6d9.3

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","iconSize","createIconSizeProp","iconColor","createColorProp","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":["SEED_DATA_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Typography","Background","Size","MarginsAndPaddings","Position","Borders","Effects","preview_image_url","supports_list_render","triggers","props","type","iconSize","createIconSizeProp","iconColor","createColorProp","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/commonjs/mappings/ProgressBar.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "ProgressBar",
   description: "A horizontal bar used to show completed progress",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
   supports_list_render: false,
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","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":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","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/commonjs/mappings/ProgressCircle.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "ProgressCircle",
   description: "A circle used to show completed progress",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
   supports_list_render: false,
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","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":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","progress","group","GROUPS","data","label","formType","FORM_TYPES","number","propType","PROP_TYPES","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/commonjs/mappings/ProgressIndicator.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "ProgressIndicator",
   description: "A component used to show current Step in a process",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Control_Slider.png",
   supports_list_render: false,
   layout: {},

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","preview_image_url","supports_list_render","layout","props","numberOfSteps","group","GROUPS","data","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","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":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","layout","props","numberOfSteps","group","GROUPS","data","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","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":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,oDAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,mBAAmB,EAAEC,4BALE;EAMvBC,iBAAiB,EAAE,qCANI;EAOvBC,oBAAoB,EAAE,KAPC;EAQvBC,MAAM,EAAE,EARe;EASvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEC,aAAA,CAAOC,IADD;MAEbC,KAAK,EAAE,iBAFM;MAGbd,WAAW,EAAE,iCAHA;MAIbe,QAAQ,EAAE,IAJG;MAKbC,QAAQ,EAAE,KALG;MAMbC,QAAQ,EAAEC,iBAAA,CAAWC,MANR;MAObC,QAAQ,EAAEC,iBAAA,CAAWC,MAPR;MAQbC,GAAG,EAAE,CARQ;MASbC,GAAG,EAAE,EATQ;MAUbC,IAAI,EAAE,CAVO;MAWbC,SAAS,EAAE,CAXE;MAYbC,YAAY,EAAE;IAZD,CADV;IAeLC,WAAW,EAAE;MACXjB,KAAK,EAAEC,aAAA,CAAOC,IADH;MAEXC,KAAK,EAAE,cAFI;MAGXd,WAAW,EAAE,8BAHF;MAIXe,QAAQ,EAAE,IAJC;MAKXC,QAAQ,EAAE,KALC;MAMXC,QAAQ,EAAEC,iBAAA,CAAWC,MANV;MAOXC,QAAQ,EAAEC,iBAAA,CAAWC,MAPV;MAQXC,GAAG,EAAE,CARM;MASXC,GAAG,EAAE,EATM;MAUXC,IAAI,EAAE,CAVK;MAWXC,SAAS,EAAE,CAXA;MAYXC,YAAY,EAAE;IAZH,CAfR;IA6BLE,iBAAiB,EAAE;MACjBlB,KAAK,EAAEC,aAAA,CAAOkB,KADG;MAEjBhB,KAAK,EAAE,WAFU;MAGjBd,WAAW,EAAE,6BAHI;MAIjBe,QAAQ,EAAE,IAJO;MAKjBC,QAAQ,EAAE,KALO;MAMjBC,QAAQ,EAAEC,iBAAA,CAAWC,MANJ;MAOjBC,QAAQ,EAAEC,iBAAA,CAAWC,MAPJ;MAQjBC,GAAG,EAAE,EARY;MASjBC,GAAG,EAAE,GATY;MAUjBC,IAAI,EAAE,CAVW;MAWjBC,SAAS,EAAE,CAXM;MAYjBC,YAAY,EAAE;IAZG,CA7Bd;IA2CLI,0BAA0B,EAAE;MAC1BpB,KAAK,EAAEC,aAAA,CAAOkB,KADY;MAE1BhB,KAAK,EAAE,gBAFmB;MAG1Bd,WAAW,EAAE,kCAHa;MAI1Be,QAAQ,EAAE,IAJgB;MAK1BC,QAAQ,EAAE,KALgB;MAM1BC,QAAQ,EAAEC,iBAAA,CAAWC,MANK;MAO1BC,QAAQ,EAAEC,iBAAA,CAAWC,MAPK;MAQ1BC,GAAG,EAAE,CARqB;MAS1BC,GAAG,EAAE,EATqB;MAU1BC,IAAI,EAAE,CAVoB;MAW1BC,SAAS,EAAE,CAXe;MAY1BC,YAAY,EAAE;IAZY,CA3CvB;IAyDLK,iCAAiC,EAAE;MACjCrB,KAAK,EAAEC,aAAA,CAAOkB,KADmB;MAEjChB,KAAK,EAAE,wBAF0B;MAGjCd,WAAW,EAAE,0CAHoB;MAIjCe,QAAQ,EAAE,IAJuB;MAKjCC,QAAQ,EAAE,KALuB;MAMjCC,QAAQ,EAAEC,iBAAA,CAAWC,MANY;MAOjCC,QAAQ,EAAEC,iBAAA,CAAWC,MAPY;MAQjCC,GAAG,EAAE,CAR4B;MASjCC,GAAG,EAAE,EAT4B;MAUjCC,IAAI,EAAE,CAV2B;MAWjCC,SAAS,EAAE,CAXsB;MAYjCC,YAAY,EAAE;IAZmB,CAzD9B;IAuELM,eAAe,EAAE;MACftB,KAAK,EAAEC,aAAA,CAAOkB,KADC;MAEfhB,KAAK,EAAE,kBAFQ;MAGfd,WAAW,EACT,gGAJa;MAKfe,QAAQ,EAAE,IALK;MAMfC,QAAQ,EAAE,KANK;MAOfC,QAAQ,EAAEC,iBAAA,CAAWgB,KAPN;MAQfd,QAAQ,EAAEC,iBAAA,CAAWc,KARN;MASfR,YAAY,EAAE;IATC,CAvEZ;IAkFLS,aAAa,EAAE;MACbzB,KAAK,EAAEC,aAAA,CAAOkB,KADD;MAEbhB,KAAK,EAAE,gBAFM;MAGbd,WAAW,EACT,iFAJW;MAKbe,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEC,iBAAA,CAAWgB,KAPR;MAQbd,QAAQ,EAAEC,iBAAA,CAAWc,KARR;MASbR,YAAY,EAAE;IATD,CAlFV;IA6FLU,yBAAyB,EAAE;MACzB1B,KAAK,EAAEC,aAAA,CAAOkB,KADW;MAEzBhB,KAAK,EAAE,yBAFkB;MAGzBd,WAAW,EAAE,yDAHY;MAIzBe,QAAQ,EAAE,IAJe;MAKzBC,QAAQ,EAAE,KALe;MAMzBC,QAAQ,EAAEC,iBAAA,CAAWgB,KANI;MAOzBd,QAAQ,EAAEC,iBAAA,CAAWc,KAPI;MAQzBR,YAAY,EAAE;IARW,CA7FtB;IAuGLW,uBAAuB,EAAE;MACvB3B,KAAK,EAAEC,aAAA,CAAOkB,KADS;MAEvBhB,KAAK,EAAE,uBAFgB;MAGvBd,WAAW,EAAE,uDAHU;MAIvBe,QAAQ,EAAE,IAJa;MAKvBC,QAAQ,EAAE,KALa;MAMvBC,QAAQ,EAAEC,iBAAA,CAAWgB,KANE;MAOvBd,QAAQ,EAAEC,iBAAA,CAAWc,KAPE;MAQvBR,YAAY,EAAE;IARS,CAvGpB;IAiHLY,yBAAyB,EAAE;MACzB5B,KAAK,EAAEC,aAAA,CAAOkB,KADW;MAEzBhB,KAAK,EAAE,oBAFkB;MAGzBd,WAAW,EAAE,kCAHY;MAIzBe,QAAQ,EAAE,IAJe;MAKzBC,QAAQ,EAAE,KALe;MAMzBC,QAAQ,EAAEC,iBAAA,CAAWgB,KANI;MAOzBd,QAAQ,EAAEC,iBAAA,CAAWc,KAPI;MAQzBR,YAAY,EAAE;IARW,CAjHtB;IA2HLa,8BAA8B,EAAE;MAC9B7B,KAAK,EAAEC,aAAA,CAAOkB,KADgB;MAE9BhB,KAAK,EAAE,2BAFuB;MAG9Bd,WAAW,EAAE,oDAHiB;MAI9Be,QAAQ,EAAE,IAJoB;MAK9BC,QAAQ,EAAE,KALoB;MAM9BC,QAAQ,EAAEC,iBAAA,CAAWgB,KANS;MAO9Bd,QAAQ,EAAEC,iBAAA,CAAWc,KAPS;MAQ9BR,YAAY,EAAE;IARgB,CA3H3B;IAqILc,sBAAsB,EAAE;MACtB9B,KAAK,EAAEC,aAAA,CAAOkB,KADQ;MAEtBhB,KAAK,EAAE,2BAFe;MAGtBd,WAAW,EAAE,+CAHS;MAItBe,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,QAAQ,EAAEC,iBAAA,CAAWgB,KANC;MAOtBd,QAAQ,EAAEC,iBAAA,CAAWc,KAPC;MAQtBR,YAAY,EAAE;IARQ,CArInB;IA+ILe,sBAAsB,EAAE;MACtB/B,KAAK,EAAEC,aAAA,CAAOkB,KADQ;MAEtBhB,KAAK,EAAE,2BAFe;MAGtBd,WAAW,EAAE,8CAHS;MAItBe,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,QAAQ,EAAEC,iBAAA,CAAWC,MANC;MAOtBC,QAAQ,EAAEC,iBAAA,CAAWC,MAPC;MAQtBC,GAAG,EAAE,CARiB;MAStBC,GAAG,EAAE,EATiB;MAUtBC,IAAI,EAAE,CAVgB;MAWtBC,SAAS,EAAE,CAXW;MAYtBC,YAAY,EAAE;IAZQ,CA/InB;IA6JLgB,wBAAwB,EAAE;MACxBhC,KAAK,EAAEC,aAAA,CAAOkB,KADU;MAExBhB,KAAK,EAAE,mBAFiB;MAGxBd,WAAW,EAAE,qCAHW;MAIxBe,QAAQ,EAAE,IAJc;MAKxBC,QAAQ,EAAE,KALc;MAMxBC,QAAQ,EAAEC,iBAAA,CAAWC,MANG;MAOxBC,QAAQ,EAAEC,iBAAA,CAAWC,MAPG;MAQxBC,GAAG,EAAE,EARmB;MASxBC,GAAG,EAAE,GATmB;MAUxBC,IAAI,EAAE,CAVkB;MAWxBC,SAAS,EAAE,CAXa;MAYxBC,YAAY,EAAE;IAZU;EA7JrB;AATgB,CAAlB"}

package/lib/commonjs/mappings/RadioButton.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   triggers: [_types.Triggers.OnPress],
   props: {
     value: (0, _types.createTextProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","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;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,aAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAJa;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBC,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,2BAFO;MAGpBC,YAAY,EAAE,IAHM;MAIpBC,QAAQ,EAAE;IAJU,CAAf,CADF;IAOLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBP,WAAW,EAAE,sBAFQ;MAGrBC,YAAY,EAAE;IAHO,CAAhB,CAPF;IAYLO,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/BR,KAAK,EAAE,kBAFwB;MAG/BC,WAAW,EAAE,iCAHkB;MAI/BC,YAAY,EAAE;IAJiB,CAAhB,CAZZ;IAkBLQ,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBX,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CAlBL;IAsBLW,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBP,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBR,KAAK,EAAE,MAFc;MAGrBC,WAAW,EAAE,kCAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBY,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB,CAtBD;IAgCLC,YAAY,EAAE,IAAAC,qBAAA,EAAe;MAC3BnB,KAAK,EAAE,eADoB;MAE3BC,WAAW,EAAE,gDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAf,CAhCT;IAqCLkB,cAAc,EAAE,IAAAD,qBAAA,EAAe;MAC7BnB,KAAK,EAAE,iBADsB;MAE7BC,WAAW,EAAE,kDAFgB;MAG7BC,YAAY,EAAE;IAHe,CAAf;EArCX;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","triggers","Triggers","OnPress","props","value","createTextProp","label","description","defaultValue","required","color","createColorProp","group","GROUPS","basic","unselectedColor","disabled","createBoolProp","size","createNumberProp","min","max","step","precision","selectedIcon","createIconProp","unselectedIcon"],"sources":["RadioButton.js"],"sourcesContent":["import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, BLOCK_STYLES_SECTIONS, } from \"@draftbit/types\";\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;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cADe;EAErBC,GAAG,EAAE,aAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,mBAAmB,EAAEC,4BAJA;EAKrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALW;EAMrBC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBC,KAAK,EAAE,OADW;MAElBC,WAAW,EAAE,2BAFK;MAGlBC,YAAY,EAAE,IAHI;MAIlBC,QAAQ,EAAE;IAJQ,CAAf,CADJ;IAOHC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBP,WAAW,EAAE,sBAFM;MAGnBC,YAAY,EAAE;IAHK,CAAhB,CAPJ;IAYHO,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BR,KAAK,EAAE,kBAFsB;MAG7BC,WAAW,EAAE,iCAHgB;MAI7BC,YAAY,EAAE;IAJe,CAAhB,CAZd;IAkBHQ,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACrBX,KAAK,EAAE,UADc;MAErBC,WAAW,EAAE;IAFQ,CAAf,CAlBP;IAsBHW,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACnBP,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBR,KAAK,EAAE,MAFY;MAGnBC,WAAW,EAAE,kCAHM;MAInBC,YAAY,EAAE,EAJK;MAKnBY,GAAG,EAAE,EALc;MAMnBC,GAAG,EAAE,GANc;MAOnBC,IAAI,EAAE,CAPa;MAQnBC,SAAS,EAAE;IARQ,CAAjB,CAtBH;IAgCHC,YAAY,EAAE,IAAAC,qBAAA,EAAe;MACzBnB,KAAK,EAAE,eADkB;MAEzBC,WAAW,EAAE,gDAFY;MAGzBC,YAAY,EAAE;IAHW,CAAf,CAhCX;IAqCHkB,cAAc,EAAE,IAAAD,qBAAA,EAAe;MAC3BnB,KAAK,EAAE,iBADoB;MAE3BC,WAAW,EAAE,kDAFc;MAG3BC,YAAY,EAAE;IAHa,CAAf;EArCb;AANc,CAAlB"}

package/lib/commonjs/mappings/RadioButtonGroup.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Margins],
   layout: {},
   triggers: [_types.Triggers.OnValueChange],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","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;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB;EAFN;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Margins","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.js"],"sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections, } from \"@draftbit/types\";\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;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,oBADe;EAErBC,GAAG,EAAE,kBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,OAArB,CAJA;EAKrBC,MAAM,EAAE,EALa;EAMrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CANW;EAOrBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAAC,0BAAA,GADR;IAEHC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC3BC,eAAe,EAAE,eADU;MAE3BC,aAAa,EAAE,OAFY;MAG3BC,YAAY,EAAE;IAHa,CAApB;EAFR;AAPc,CAAlB"}

package/lib/commonjs/mappings/RadioButtonRow.js

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {},
   props: {
     label: (0, _types.createTextProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","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;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAf,CADF;IAOLC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC5BN,KAAK,EAAE,WADqB;MAE5BE,WAAW,EACT,8DAH0B;MAI5BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAnB,CAPN;IAaLC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAf,CAbF;IAmBLM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBX,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAhB,CAnBF;IAwBLU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/Bb,KAAK,EAAE,kBAFwB;MAG/BE,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAhB;EAxBZ;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Typography","Margins","Effects","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","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;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,OAHD,CAJE;EASvBC,MAAM,EAAE,EATe;EAUvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAf,CADF;IAOLC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC5BN,KAAK,EAAE,WADqB;MAE5BE,WAAW,EACT,8DAH0B;MAI5BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAnB,CAPN;IAaLC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAf,CAbF;IAmBLM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBX,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAhB,CAnBF;IAwBLU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/Bb,KAAK,EAAE,kBAFwB;MAG/BE,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAhB;EAxBZ;AAVgB,CAAlB"}

package/lib/commonjs/mappings/ScrollView.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "ScrollView",
   description: "A basic ScrollView component",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     horizontal: (0, _types.createStaticBoolProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","horizontal","createStaticBoolProp","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;;AAEO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBA,MAAM,EAAE,EALe;EAMvBC,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BP,WAAW,EAAE,+BAFkB;MAG/BQ,YAAY,EAAE;IAHiB,CAArB,CADP;IAMLC,8BAA8B,EAAE,IAAAH,2BAAA,EAAqB;MACnDC,KAAK,EAAE,kCAD4C;MAEnDP,WAAW,EACT,4EAHiD;MAInDQ,YAAY,EAAE;IAJqC,CAArB,CAN3B;IAYLE,4BAA4B,EAAE,IAAAJ,2BAAA,EAAqB;MACjDC,KAAK,EAAE,gCAD0C;MAEjDP,WAAW,EACT,0EAH+C;MAIjDQ,YAAY,EAAE;IAJmC,CAArB,CAZzB;IAkBLG,OAAO,EAAE,IAAAL,2BAAA,EAAqB;MAC5BC,KAAK,EAAE,QADqB;MAE5BP,WAAW,EACT,iKAH0B;MAI5BQ,YAAY,EAAE;IAJc,CAArB;EAlBJ;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","horizontal","createStaticBoolProp","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;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8BAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBF,MAAM,EAAE,EANe;EAOvBG,KAAK,EAAE;IACLC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BC,KAAK,EAAE,YADwB;MAE/BT,WAAW,EAAE,+BAFkB;MAG/BU,YAAY,EAAE;IAHiB,CAArB,CADP;IAMLC,8BAA8B,EAAE,IAAAH,2BAAA,EAAqB;MACnDC,KAAK,EAAE,kCAD4C;MAEnDT,WAAW,EACT,4EAHiD;MAInDU,YAAY,EAAE;IAJqC,CAArB,CAN3B;IAYLE,4BAA4B,EAAE,IAAAJ,2BAAA,EAAqB;MACjDC,KAAK,EAAE,gCAD0C;MAEjDT,WAAW,EACT,0EAH+C;MAIjDU,YAAY,EAAE;IAJmC,CAArB,CAZzB;IAkBLG,OAAO,EAAE,IAAAL,2BAAA,EAAqB;MAC5BC,KAAK,EAAE,QADqB;MAE5BT,WAAW,EACT,iKAH0B;MAI5BU,YAAY,EAAE;IAJc,CAArB;EAlBJ;AAPgB,CAAlB"}

package/lib/commonjs/mappings/Slider.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Slider",
   description: "A component used to set a value in a range",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {
     marginLeft: 12,
     marginRight: 12

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","marginLeft","marginRight","triggers","Triggers","OnValueChange","props","fieldName","createFieldNameProp","defaultValue","handlerPropName","valuePropName","minimumValue","createNumberProp","group","GROUPS","basic","label","min","max","maximumValue","step","precision","leftIcon","createIconProp","rightIcon","minimumTrackTintColor","createColorProp","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;;AAUO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,4CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,MAAM,EAAE;IACNC,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CALe;EASvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CATa;EAUvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,aADe;MAE7BC,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB,CADN;IAMLC,YAAY,EAAE,IAAAC,uBAAA,EAAiB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAjB,CANT;IAYLC,YAAY,EAAE,IAAAP,uBAAA,EAAiB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAjB,CAZT;IAkBLE,IAAI,EAAE,IAAAR,uBAAA,EAAiB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,MAFc;MAGrBC,GAAG,EAAE,CAHgB;MAIrBC,GAAG,EAAE,GAJgB;MAKrBE,IAAI,EAAE,IALe;MAMrBC,SAAS,EAAE;IANU,CAAjB,CAlBD;IA0BLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBP,KAAK,EAAE,WADgB;MAEvBR,YAAY,EAAE;IAFS,CAAf,CA1BL;IA8BLgB,SAAS,EAAE,IAAAD,qBAAA,EAAe;MACxBP,KAAK,EAAE,YADiB;MAExBR,YAAY,EAAE;IAFU,CAAf,CA9BN;IAkCLiB,qBAAqB,EAAE,IAAAC,sBAAA,EAAgB;MACrCV,KAAK,EAAE,iBAD8B;MAErCR,YAAY,EAAE;IAFuB,CAAhB,CAlClB;IAsCLmB,qBAAqB,EAAE,IAAAD,sBAAA,EAAgB;MACrCV,KAAK,EAAE,iBAD8B;MAErCR,YAAY,EAAE;IAFuB,CAAhB,CAtClB;IA0CLoB,cAAc,EAAE,IAAAF,sBAAA,EAAgB;MAC9BV,KAAK,EAAE,aADuB;MAE9BR,YAAY,EAAE;IAFgB,CAAhB;EA1CX;AAVgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","marginLeft","marginRight","triggers","Triggers","OnValueChange","props","fieldName","createFieldNameProp","defaultValue","handlerPropName","valuePropName","minimumValue","createNumberProp","group","GROUPS","basic","label","min","max","maximumValue","step","precision","leftIcon","createIconProp","rightIcon","minimumTrackTintColor","createColorProp","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;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,QADiB;EAEvBC,GAAG,EAAE,QAFkB;EAGvBC,WAAW,EAAE,4CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,mBAAmB,EAAEC,4BALE;EAMvBC,MAAM,EAAE;IACNC,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CANe;EAUvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CAVa;EAWvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,aADe;MAE7BC,eAAe,EAAE,eAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB,CADN;IAMLC,YAAY,EAAE,IAAAC,uBAAA,EAAiB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAjB,CANT;IAYLC,YAAY,EAAE,IAAAP,uBAAA,EAAiB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7BC,KAAK,EAAE,WAFsB;MAG7BC,GAAG,EAAE,CAHwB;MAI7BC,GAAG,EAAE;IAJwB,CAAjB,CAZT;IAkBLE,IAAI,EAAE,IAAAR,uBAAA,EAAiB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,MAFc;MAGrBC,GAAG,EAAE,CAHgB;MAIrBC,GAAG,EAAE,GAJgB;MAKrBE,IAAI,EAAE,IALe;MAMrBC,SAAS,EAAE;IANU,CAAjB,CAlBD;IA0BLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBP,KAAK,EAAE,WADgB;MAEvBR,YAAY,EAAE;IAFS,CAAf,CA1BL;IA8BLgB,SAAS,EAAE,IAAAD,qBAAA,EAAe;MACxBP,KAAK,EAAE,YADiB;MAExBR,YAAY,EAAE;IAFU,CAAf,CA9BN;IAkCLiB,qBAAqB,EAAE,IAAAC,sBAAA,EAAgB;MACrCV,KAAK,EAAE,iBAD8B;MAErCR,YAAY,EAAE;IAFuB,CAAhB,CAlClB;IAsCLmB,qBAAqB,EAAE,IAAAD,sBAAA,EAAgB;MACrCV,KAAK,EAAE,iBAD8B;MAErCR,YAAY,EAAE;IAFuB,CAAhB,CAtClB;IA0CLoB,cAAc,EAAE,IAAAF,sBAAA,EAAgB;MAC9BV,KAAK,EAAE,aADuB;MAE9BR,YAAY,EAAE;IAFgB,CAAhB;EA1CX;AAXgB,CAAlB"}

package/lib/commonjs/mappings/StarRating.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "StarRating",
   description: "A star rating component",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   triggers: [_types.Triggers.OnPress],
   props: {
     starSize: (0, _types.createStaticNumberProp)({

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","triggers","Triggers","OnPress","props","starSize","createStaticNumberProp","label","defaultValue","min","max","step","fieldName","createFieldNameProp","handlerPropName","valuePropName","maxStars","isEditable","createStaticBoolProp","activeColor","createColorProp","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;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,QAAQ,EAAE,IAAAC,6BAAA,EAAuB;MAC/BC,KAAK,EAAE,WADwB;MAE/BV,WAAW,EAAE,8BAFkB;MAG/BW,YAAY,EAAE,EAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAvB,CADL;IASLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BL,YAAY,EAAE,aADe;MACA;MAC7BM,eAAe,EAAE,SAFY;MAED;MAC5BC,aAAa,EAAE,QAHc,CAGJ;;IAHI,CAApB,CATN;IAcLC,QAAQ,EAAE,IAAAV,6BAAA,EAAuB;MAC/BC,KAAK,EAAE,WADwB;MAE/BV,WAAW,EAAE,yBAFkB;MAG/BW,YAAY,EAAE,CAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAvB,CAdL;IAsBLM,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BX,KAAK,EAAE;IADwB,CAArB,CAtBP;IAyBLY,WAAW,EAAE,IAAAC,sBAAA,EAAgB;MAC3Bb,KAAK,EAAE,cADoB;MAE3BC,YAAY,EAAE;IAFa,CAAhB,CAzBR;IA6BLa,aAAa,EAAE,IAAAD,sBAAA,EAAgB;MAC7Bb,KAAK,EAAE,gBADsB;MAE7BC,YAAY,EAAE;IAFe,CAAhB;EA7BV;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","button","stylesPanelSections","BLOCK_STYLES_SECTIONS","triggers","Triggers","OnPress","props","starSize","createStaticNumberProp","label","defaultValue","min","max","step","fieldName","createFieldNameProp","handlerPropName","valuePropName","maxStars","isEditable","createStaticBoolProp","activeColor","createColorProp","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;;AAUO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,mBAAmB,EAAEC,4BALE;EAMvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CANa;EAOvBC,KAAK,EAAE;IACLC,QAAQ,EAAE,IAAAC,6BAAA,EAAuB;MAC/BC,KAAK,EAAE,WADwB;MAE/BZ,WAAW,EAAE,8BAFkB;MAG/Ba,YAAY,EAAE,EAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAvB,CADL;IASLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BL,YAAY,EAAE,aADe;MACA;MAC7BM,eAAe,EAAE,SAFY;MAED;MAC5BC,aAAa,EAAE,QAHc,CAGJ;;IAHI,CAApB,CATN;IAcLC,QAAQ,EAAE,IAAAV,6BAAA,EAAuB;MAC/BC,KAAK,EAAE,WADwB;MAE/BZ,WAAW,EAAE,yBAFkB;MAG/Ba,YAAY,EAAE,CAHiB;MAI/BC,GAAG,EAAE,CAJ0B;MAK/BC,GAAG,EAAE,EAL0B;MAM/BC,IAAI,EAAE;IANyB,CAAvB,CAdL;IAsBLM,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BX,KAAK,EAAE;IADwB,CAArB,CAtBP;IAyBLY,WAAW,EAAE,IAAAC,sBAAA,EAAgB;MAC3Bb,KAAK,EAAE,cADoB;MAE3BC,YAAY,EAAE;IAFa,CAAhB,CAzBR;IA6BLa,aAAa,EAAE,IAAAD,sBAAA,EAAgB;MAC7Bb,KAAK,EAAE,gBADsB;MAE7BC,YAAY,EAAE;IAFe,CAAhB;EA7BV;AAPgB,CAAlB"}

package/lib/commonjs/mappings/Stepper.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: [_types.Triggers.OnChange],
   props: {

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnChange","props","fieldName","createFieldNameProp","defaultValue","handlerPropName","valuePropName","iconSize","createIconSizeProp","iconColor","createColorProp","min","createStaticNumberProp","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;;AASO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,MAAM,EAAE,EALV;EAMEC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CANZ;EAOEC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB,CADN;IAMLC,QAAQ,EAAE,IAAAC,yBAAA,EAAmB;MAAEJ,YAAY,EAAE;IAAhB,CAAnB,CANL;IAOLK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MAAEN,YAAY,EAAE;IAAhB,CAAhB,CAPN;IAQLO,GAAG,EAAE,IAAAC,6BAAA,EAAuB;MAC1BC,KAAK,EAAE,SADmB;MAE1BpB,WAAW,EAAE;IAFa,CAAvB,CARA;IAYLqB,GAAG,EAAE,IAAAF,6BAAA,EAAuB;MAC1BC,KAAK,EAAE,SADmB;MAE1BpB,WAAW,EAAE;IAFa,CAAvB;EAZA;AAPT,CADuB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","triggers","Triggers","OnChange","props","fieldName","createFieldNameProp","defaultValue","handlerPropName","valuePropName","iconSize","createIconSizeProp","iconColor","createColorProp","min","createStaticNumberProp","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;;AAUO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ5B;EAKEC,mBAAmB,EAAEC,4BALvB;EAMEC,MAAM,EAAE,EANV;EAOEC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CAPZ;EAQEC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAApB,CADN;IAMLC,QAAQ,EAAE,IAAAC,yBAAA,EAAmB;MAAEJ,YAAY,EAAE;IAAhB,CAAnB,CANL;IAOLK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MAAEN,YAAY,EAAE;IAAhB,CAAhB,CAPN;IAQLO,GAAG,EAAE,IAAAC,6BAAA,EAAuB;MAC1BC,KAAK,EAAE,SADmB;MAE1BtB,WAAW,EAAE;IAFa,CAAvB,CARA;IAYLuB,GAAG,EAAE,IAAAF,6BAAA,EAAuB;MAC1BC,KAAK,EAAE,SADmB;MAE1BtB,WAAW,EAAE;IAFa,CAAvB;EAZA;AART,CADuB,CAAlB"}

package/lib/commonjs/mappings/Surface.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Surface",
   description: "An elevated container",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     minHeight: 40
   },

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","minHeight","props","elevation","createElevationType"],"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;;AAEO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBA,MAAM,EAAE;IACNC,SAAS,EAAE;EADL,CALe;EAQvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;EADN;AARgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","minHeight","props","elevation","createElevationType"],"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;;AAMO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,SADiB;EAEvBC,GAAG,EAAE,SAFkB;EAGvBC,WAAW,EAAE,uBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBF,MAAM,EAAE;IACNG,SAAS,EAAE;EADL,CANe;EASvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;EADN;AATgB,CAAlB"}

package/lib/commonjs/mappings/Switch.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   name: "Switch",
   tag: "Switch",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {},
   triggers: SEED_DATA_TRIGGERS,
   props: {
@@ -41,6 +42,7 @@ const SEED_DATA = [{
   name: "Switch Row",
   tag: "SwitchRow",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
   layout: {
     marginLeft: 0,
     marginRight: 0

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","props","disabled","createBoolProp","label","description","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue","activeTrackColor","createColorProp","inactiveTrackColor","activeThumbColor","inactiveThumbColor","marginLeft","marginRight","createTextProp","required","direction","createRowDirectionProp","group","GROUPS","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;;AAUA,MAAMA,kBAAkB,GAAG,CAACC,eAAA,CAASC,aAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QADR;EAEEC,GAAG,EAAE,QAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAH5B;EAIEC,MAAM,EAAE,EAJV;EAKEC,QAAQ,EAAEV,kBALZ;EAMEW,KAAK,EAAE;IACLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CADL;IAKLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB,CALN;IAULC,gBAAgB,EAAE,IAAAC,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAVb;IAaLS,kBAAkB,EAAE,IAAAD,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB,CAbf;IAgBLU,gBAAgB,EAAE,IAAAF,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAhBb;IAmBLW,kBAAkB,EAAE,IAAAH,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB;EAnBf;AANT,CADuB,EA+BvB;EACEV,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAH5B;EAIEC,MAAM,EAAE;IACNiB,UAAU,EAAE,CADN;IAENC,WAAW,EAAE;EAFP,CAJV;EAQEjB,QAAQ,EAAEV,kBARZ;EASEW,KAAK,EAAE;IACLG,KAAK,EAAE,IAAAc,qBAAA,EAAe;MACpBd,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBc,QAAQ,EAAE,IAHU;MAIpBT,YAAY,EAAE;IAJM,CAAf,CADF;IAOLU,SAAS,EAAE,IAAAC,6BAAA,GAPN;IAQLnB,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,wCAFU;MAGvBiB,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CARL;IAaLlB,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB,CAbN;IAkBLC,gBAAgB,EAAE,IAAAC,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAlBb;IAqBLS,kBAAkB,EAAE,IAAAD,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB,CArBf;IAwBLU,gBAAgB,EAAE,IAAAF,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAxBb;IA2BLW,kBAAkB,EAAE,IAAAH,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB;EA3Bf;AATT,CA/BuB,CAAlB"}
+{"version":3,"names":["SEED_DATA_TRIGGERS","Triggers","OnValueChange","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","triggers","props","disabled","createBoolProp","label","description","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue","activeTrackColor","createColorProp","inactiveTrackColor","activeThumbColor","inactiveThumbColor","StylesPanelSections","Typography","Margins","Effects","marginLeft","marginRight","createTextProp","required","direction","createRowDirectionProp","group","GROUPS","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;;AAYA,MAAMA,kBAAkB,GAAG,CAACC,eAAA,CAASC,aAAV,CAA3B;AACO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QADR;EAEEC,GAAG,EAAE,QAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAH5B;EAIEC,mBAAmB,EAAEC,4BAJvB;EAKEC,MAAM,EAAE,EALV;EAMEC,QAAQ,EAAEZ,kBANZ;EAOEa,KAAK,EAAE;IACLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CADL;IAKLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB,CALN;IAULC,gBAAgB,EAAE,IAAAC,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAVb;IAaLS,kBAAkB,EAAE,IAAAD,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB,CAbf;IAgBLU,gBAAgB,EAAE,IAAAF,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAhBb;IAmBLW,kBAAkB,EAAE,IAAAH,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB;EAnBf;AAPT,CADuB,EAgCvB;EACEZ,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,KAH5B;EAIEC,mBAAmB,EAAE,CACnBmB,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,OAHD,CAJvB;EASEpB,MAAM,EAAE;IACNqB,UAAU,EAAE,CADN;IAENC,WAAW,EAAE;EAFP,CATV;EAaErB,QAAQ,EAAEZ,kBAbZ;EAcEa,KAAK,EAAE;IACLG,KAAK,EAAE,IAAAkB,qBAAA,EAAe;MACpBlB,KAAK,EAAE,OADa;MAEpBC,WAAW,EAAE,iCAFO;MAGpBkB,QAAQ,EAAE,IAHU;MAIpBb,YAAY,EAAE;IAJM,CAAf,CADF;IAOLc,SAAS,EAAE,IAAAC,6BAAA,GAPN;IAQLvB,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBC,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,wCAFU;MAGvBqB,KAAK,EAAEC,aAAA,CAAOC;IAHS,CAAf,CARL;IAaLtB,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB,CAbN;IAkBLC,gBAAgB,EAAE,IAAAC,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAlBb;IAqBLS,kBAAkB,EAAE,IAAAD,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB,CArBf;IAwBLU,gBAAgB,EAAE,IAAAF,sBAAA,EAAgB;MAChCR,KAAK,EAAE;IADyB,CAAhB,CAxBb;IA2BLW,kBAAkB,EAAE,IAAAH,sBAAA,EAAgB;MAClCR,KAAK,EAAE;IAD2B,CAAhB;EA3Bf;AAdT,CAhCuB,CAAlB"}