@draftbit/core 46.2.1-d40959.2 → 46.2.1

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","latitude","createNumberProp","label","required","precision","min","max","longitude","title","createTextProp","defaultValue","flat","createBoolProp","group","GROUPS","basic","pinColor","createColorProp"],"sources":["MapMarker.js"],"sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Map Marker\",\n    tag: \"MapMarker\",\n    packageName: \"@draftbit/maps\",\n    description: \"A marker to show inside map view\",\n    category: COMPONENT_TYPES.media,\n    layout: {},\n    props: {\n        latitude: createNumberProp({\n            label: \"Latitude\",\n            description: \"The latitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -90,\n            max: 90,\n        }),\n        longitude: createNumberProp({\n            label: \"Longitude\",\n            description: \"The longitude in which the marker is located\",\n            required: true,\n            precision: 6,\n            min: -180,\n            max: 180,\n        }),\n        title: createTextProp({\n            label: \"Title\",\n            description: \"Title to show along with the marker\",\n            defaultValue: null,\n        }),\n        description: createTextProp({\n            label: \"Description\",\n            description: \"Optional description for the marker\",\n            defaultValue: null,\n        }),\n        flat: createBoolProp({\n            label: \"Flat\",\n            description: \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n            group: GROUPS.basic,\n            defaultValue: false,\n        }),\n        pinColor: createColorProp({\n            label: \"Pin Color\",\n            description: \"Sets the color of the marker\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,YADe;EAErBC,GAAG,EAAE,WAFgB;EAGrBC,WAAW,EAAE,gBAHQ;EAIrBC,WAAW,EAAE,kCAJQ;EAKrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KALL;EAMrBC,MAAM,EAAE,EANa;EAOrBC,KAAK,EAAE;IACHC,QAAQ,EAAE,IAAAC,uBAAA,EAAiB;MACvBC,KAAK,EAAE,UADgB;MAEvBR,WAAW,EAAE,6CAFU;MAGvBS,QAAQ,EAAE,IAHa;MAIvBC,SAAS,EAAE,CAJY;MAKvBC,GAAG,EAAE,CAAC,EALiB;MAMvBC,GAAG,EAAE;IANkB,CAAjB,CADP;IASHC,SAAS,EAAE,IAAAN,uBAAA,EAAiB;MACxBC,KAAK,EAAE,WADiB;MAExBR,WAAW,EAAE,8CAFW;MAGxBS,QAAQ,EAAE,IAHc;MAIxBC,SAAS,EAAE,CAJa;MAKxBC,GAAG,EAAE,CAAC,GALkB;MAMxBC,GAAG,EAAE;IANmB,CAAjB,CATR;IAiBHE,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBP,KAAK,EAAE,OADW;MAElBR,WAAW,EAAE,qCAFK;MAGlBgB,YAAY,EAAE;IAHI,CAAf,CAjBJ;IAsBHhB,WAAW,EAAE,IAAAe,qBAAA,EAAe;MACxBP,KAAK,EAAE,aADiB;MAExBR,WAAW,EAAE,qCAFW;MAGxBgB,YAAY,EAAE;IAHU,CAAf,CAtBV;IA2BHC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACjBV,KAAK,EAAE,MADU;MAEjBR,WAAW,EAAE,+GAFI;MAGjBmB,KAAK,EAAEC,aAAA,CAAOC,KAHG;MAIjBL,YAAY,EAAE;IAJG,CAAf,CA3BH;IAiCHM,QAAQ,EAAE,IAAAC,sBAAA,EAAgB;MACtBf,KAAK,EAAE,WADe;MAEtBR,WAAW,EAAE;IAFS,CAAhB;EAjCP;AAPc,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","packageName","description","category","COMPONENT_TYPES","media","layout","props","latitude","createNumberProp","label","required","precision","min","max","longitude","title","createTextProp","defaultValue","flat","createBoolProp","group","GROUPS","basic","pinColor","createColorProp"],"sources":["MapMarker.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createColorProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Map Marker\",\n  tag: \"MapMarker\",\n  packageName: \"@draftbit/maps\",\n  description: \"A marker to show inside map view\",\n  category: COMPONENT_TYPES.media,\n  layout: {},\n  props: {\n    latitude: createNumberProp({\n      label: \"Latitude\",\n      description: \"The latitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -90,\n      max: 90,\n    }),\n    longitude: createNumberProp({\n      label: \"Longitude\",\n      description: \"The longitude in which the marker is located\",\n      required: true,\n      precision: 6,\n      min: -180,\n      max: 180,\n    }),\n    title: createTextProp({\n      label: \"Title\",\n      description: \"Title to show along with the marker\",\n      defaultValue: null,\n    }),\n    description: createTextProp({\n      label: \"Description\",\n      description: \"Optional description for the marker\",\n      defaultValue: null,\n    }),\n    flat: createBoolProp({\n      label: \"Flat\",\n      description:\n        \"Sets whether this marker should be flat against the map (if true) or a billboard facing the camera (if false)\",\n      group: GROUPS.basic,\n      defaultValue: false,\n    }),\n    pinColor: createColorProp({\n      label: \"Pin Color\",\n      description: \"Sets the color of the marker\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,YADiB;EAEvBC,GAAG,EAAE,WAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,WAAW,EAAE,kCAJU;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KALH;EAMvBC,MAAM,EAAE,EANe;EAOvBC,KAAK,EAAE;IACLC,QAAQ,EAAE,IAAAC,uBAAA,EAAiB;MACzBC,KAAK,EAAE,UADkB;MAEzBR,WAAW,EAAE,6CAFY;MAGzBS,QAAQ,EAAE,IAHe;MAIzBC,SAAS,EAAE,CAJc;MAKzBC,GAAG,EAAE,CAAC,EALmB;MAMzBC,GAAG,EAAE;IANoB,CAAjB,CADL;IASLC,SAAS,EAAE,IAAAN,uBAAA,EAAiB;MAC1BC,KAAK,EAAE,WADmB;MAE1BR,WAAW,EAAE,8CAFa;MAG1BS,QAAQ,EAAE,IAHgB;MAI1BC,SAAS,EAAE,CAJe;MAK1BC,GAAG,EAAE,CAAC,GALoB;MAM1BC,GAAG,EAAE;IANqB,CAAjB,CATN;IAiBLE,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBP,KAAK,EAAE,OADa;MAEpBR,WAAW,EAAE,qCAFO;MAGpBgB,YAAY,EAAE;IAHM,CAAf,CAjBF;IAsBLhB,WAAW,EAAE,IAAAe,qBAAA,EAAe;MAC1BP,KAAK,EAAE,aADmB;MAE1BR,WAAW,EAAE,qCAFa;MAG1BgB,YAAY,EAAE;IAHY,CAAf,CAtBR;IA2BLC,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBV,KAAK,EAAE,MADY;MAEnBR,WAAW,EACT,+GAHiB;MAInBmB,KAAK,EAAEC,aAAA,CAAOC,KAJK;MAKnBL,YAAY,EAAE;IALK,CAAf,CA3BD;IAkCLM,QAAQ,EAAE,IAAAC,sBAAA,EAAgB;MACxBf,KAAK,EAAE,WADiB;MAExBR,WAAW,EAAE;IAFW,CAAhB;EAlCL;AAPgB,CAAlB"}

package/lib/commonjs/mappings/Modal.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "Modal",
   description: "A basic Modal Component",
   category: _types.COMPONENT_TYPES.container,
+  stylesPanelSections: [_types.StylesPanelSections.NoStyles],
   props: {
     animationType: {
       group: _types.GROUPS.basic,

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

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Modal\",\n  tag: \"Modal\",\n  description: \"A basic Modal Component\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    animationType: {\n      group: GROUPS.basic,\n      label: \"Animation Type\",\n      description: \"Animation Type\",\n      options: [\"slide\", \"fade\", \"none\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"none\",\n    },\n    transparent: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Transparent\",\n      description:\n        \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n    }),\n    visible: createBoolProp({\n      group: GROUPS.data,\n      label: \"Visible\",\n      description: \"Determines whether the modal is visible\",\n    }),\n    presentationStyle: {\n      group: GROUPS.basic,\n      label: \"Presentation Style\",\n      description: \"Presentation Style\",\n      options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: null,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJH;EAKvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEC,aAAA,CAAOC,KADD;MAEbC,KAAK,EAAE,gBAFM;MAGbT,WAAW,EAAE,gBAHA;MAIbU,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;MAKbC,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEC,iBAAA,CAAWC,SAPR;MAQbC,QAAQ,EAAEC,iBAAA,CAAWC,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1Bf,KAAK,EAAEC,aAAA,CAAOC,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BT,WAAW,EACT;IAJwB,CAAf,CAZR;IAkBLsB,OAAO,EAAE,IAAAD,qBAAA,EAAe;MACtBf,KAAK,EAAEC,aAAA,CAAOgB,IADQ;MAEtBd,KAAK,EAAE,SAFe;MAGtBT,WAAW,EAAE;IAHS,CAAf,CAlBJ;IAuBLwB,iBAAiB,EAAE;MACjBlB,KAAK,EAAEC,aAAA,CAAOC,KADG;MAEjBC,KAAK,EAAE,oBAFU;MAGjBT,WAAW,EAAE,oBAHI;MAIjBU,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;MAKjBC,QAAQ,EAAE,IALO;MAMjBC,QAAQ,EAAE,KANO;MAOjBC,QAAQ,EAAEC,iBAAA,CAAWC,SAPJ;MAQjBC,QAAQ,EAAEC,iBAAA,CAAWC,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","stylesPanelSections","StylesPanelSections","NoStyles","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createBoolProp,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Modal\",\n  tag: \"Modal\",\n  description: \"A basic Modal Component\",\n  category: COMPONENT_TYPES.container,\n  stylesPanelSections: [StylesPanelSections.NoStyles],\n  props: {\n    animationType: {\n      group: GROUPS.basic,\n      label: \"Animation Type\",\n      description: \"Animation Type\",\n      options: [\"slide\", \"fade\", \"none\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"none\",\n    },\n    transparent: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Transparent\",\n      description:\n        \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n    }),\n    visible: createBoolProp({\n      group: GROUPS.data,\n      label: \"Visible\",\n      description: \"Determines whether the modal is visible\",\n    }),\n    presentationStyle: {\n      group: GROUPS.basic,\n      label: \"Presentation Style\",\n      description: \"Presentation Style\",\n      options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: null,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJH;EAKvBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,QAArB,CALE;EAMvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEC,aAAA,CAAOC,KADD;MAEbC,KAAK,EAAE,gBAFM;MAGbZ,WAAW,EAAE,gBAHA;MAIba,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;MAKbC,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEC,iBAAA,CAAWC,SAPR;MAQbC,QAAQ,EAAEC,iBAAA,CAAWC,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1Bf,KAAK,EAAEC,aAAA,CAAOC,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BZ,WAAW,EACT;IAJwB,CAAf,CAZR;IAkBLyB,OAAO,EAAE,IAAAD,qBAAA,EAAe;MACtBf,KAAK,EAAEC,aAAA,CAAOgB,IADQ;MAEtBd,KAAK,EAAE,SAFe;MAGtBZ,WAAW,EAAE;IAHS,CAAf,CAlBJ;IAuBL2B,iBAAiB,EAAE;MACjBlB,KAAK,EAAEC,aAAA,CAAOC,KADG;MAEjBC,KAAK,EAAE,oBAFU;MAGjBZ,WAAW,EAAE,oBAHI;MAIjBa,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;MAKjBC,QAAQ,EAAE,IALO;MAMjBC,QAAQ,EAAE,KANO;MAOjBC,QAAQ,EAAEC,iBAAA,CAAWC,SAPJ;MAQjBC,QAAQ,EAAEC,iBAAA,CAAWC,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AANgB,CAAlB"}

package/lib/commonjs/mappings/NumberInput.js

@@ -218,6 +218,7 @@ const SEED_DATA = [{
   tag: "NumberInput",
   description: "An input field that allows users to type in data.",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
   preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
   supports_list_render: false,
   layout: {

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

@@ -1 +1 @@
-{"version":3,"names":["NUMBER_INPUT_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","options","flatArray","STRING","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","fieldName","FIELD_NAME","handlerPropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props"],"sources":["NumberInput.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst NUMBER_INPUT_PROPS = {\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    label: \"Allow Font Scaling\",\n    description:\n      \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoFocus: {\n    group: GROUPS.basic,\n    label: \"Auto Focus\",\n    description: \"Focuses the input on load in and brings up the keyboard\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  caretHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Caret\",\n    description:\n      \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  contextMenuHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Context Menu\",\n    description: \"Hides the system context menu (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  editable: {\n    group: GROUPS.advanced,\n    label: \"Editable\",\n    description: \"If false, the text is not editable\",\n    editable: true,\n    required: false,\n    defaultValue: true,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  keyboardAppearance: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Appearance\",\n    description: \"Determines the color of the keyboard.(iOS Only)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"default\", \"light\", \"dark\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  keyboardType: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Type\",\n    description: \"Determines what keyboard is given to the user.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"numeric\", \"numbers-and-punctuation\", \"number-pad\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  maxLength: {\n    group: GROUPS.basic,\n    label: \"Max Length\",\n    description: \"Limits the input to a set number of characters.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    min: 0,\n    step: 1,\n    precision: 0,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text\",\n    description: \"The text that is shown on load when no value is available.\",\n    editable: true,\n    required: false,\n    defaultValue: \"Enter a number...\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\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  returnKeyLabel: {\n    group: GROUPS.advanced,\n    label: \"Return Key Label\",\n    description:\n      \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyType: {\n    group: GROUPS.advanced,\n    label: \"Return Key Type\",\n    description: \"Determines how the return key should look like\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"done\",\n      \"go\",\n      \"next\",\n      \"search\",\n      \"send\",\n      \"none\",\n      \"previous\",\n      \"default\",\n      \"emergency-call\",\n      \"google\",\n      \"join\",\n      \"route\",\n      \"yahoo\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    label: \"Selection Color\",\n    description: \"Color of the highlighted portion when selecting.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  selectTextOnFocus: {\n    group: GROUPS.advanced,\n    label: \"Select Text on Focus\",\n    description:\n      \"If true, all the text will automatically be selected on focus\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n};\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"numberInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...SEED_DATA_PROPS,\n      ...NUMBER_INPUT_PROPS,\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["NUMBER_INPUT_PROPS","allowFontScaling","group","GROUPS","advanced","label","description","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","autoFocus","basic","caretHidden","contextMenuHidden","keyboardAppearance","options","flatArray","STRING","keyboardType","maxLength","min","step","precision","number","NUMBER","placeholder","string","placeholderTextColor","color","returnKeyLabel","returnKeyType","selectionColor","selectTextOnFocus","SEED_DATA_PROPS","style","typeStyle","THEME","clearButtonMode","clearTextOnFocus","enablesReturnKeyAutomatically","underlineColorAndroid","fieldName","FIELD_NAME","handlerPropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Typography","Background","Size","MarginsAndPaddings","Position","Borders","Effects","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props"],"sources":["NumberInput.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst NUMBER_INPUT_PROPS = {\n  allowFontScaling: {\n    group: GROUPS.advanced,\n    label: \"Allow Font Scaling\",\n    description:\n      \"Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  autoFocus: {\n    group: GROUPS.basic,\n    label: \"Auto Focus\",\n    description: \"Focuses the input on load in and brings up the keyboard\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  caretHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Caret\",\n    description:\n      \"Hides the caret(the line small line underneath each showing where you're editing/typing\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  contextMenuHidden: {\n    group: GROUPS.advanced,\n    label: \"Hide Context Menu\",\n    description: \"Hides the system context menu (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  editable: {\n    group: GROUPS.advanced,\n    label: \"Editable\",\n    description: \"If false, the text is not editable\",\n    editable: true,\n    required: false,\n    defaultValue: true,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  keyboardAppearance: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Appearance\",\n    description: \"Determines the color of the keyboard.(iOS Only)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"default\", \"light\", \"dark\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  keyboardType: {\n    group: GROUPS.advanced,\n    label: \"Keyboard Type\",\n    description: \"Determines what keyboard is given to the user.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\"numeric\", \"numbers-and-punctuation\", \"number-pad\"],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  maxLength: {\n    group: GROUPS.basic,\n    label: \"Max Length\",\n    description: \"Limits the input to a set number of characters.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    min: 0,\n    step: 1,\n    precision: 0,\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n  },\n  placeholder: {\n    group: GROUPS.basic,\n    label: \"Placeholder Text\",\n    description: \"The text that is shown on load when no value is available.\",\n    editable: true,\n    required: false,\n    defaultValue: \"Enter a number...\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\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  returnKeyLabel: {\n    group: GROUPS.advanced,\n    label: \"Return Key Label\",\n    description:\n      \"(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n  },\n  returnKeyType: {\n    group: GROUPS.advanced,\n    label: \"Return Key Type\",\n    description: \"Determines how the return key should look like\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    options: [\n      \"done\",\n      \"go\",\n      \"next\",\n      \"search\",\n      \"send\",\n      \"none\",\n      \"previous\",\n      \"default\",\n      \"emergency-call\",\n      \"google\",\n      \"join\",\n      \"route\",\n      \"yahoo\",\n    ],\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  selectionColor: {\n    group: GROUPS.advanced,\n    label: \"Selection Color\",\n    description: \"Color of the highlighted portion when selecting.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.STRING,\n  },\n  selectTextOnFocus: {\n    group: GROUPS.advanced,\n    label: \"Select Text on Focus\",\n    description:\n      \"If true, all the text will automatically be selected on focus\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n};\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"numberInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\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:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...SEED_DATA_PROPS,\n      ...NUMBER_INPUT_PROPS,\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/Picker.js

@@ -121,6 +121,7 @@ const SEED_DATA = [{
   tag: "Picker",
   description: "A component used to pick a value from a set of options",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
   preview_image_url: "{CLOUDINARY_URL}/Picker.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,

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":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EAAE,kDAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJ5B;EAKEC,iBAAiB,EAAE,sCALrB;EAMEC,oBAAoB,EAAE,KANxB;EAOEC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,KAAK,EAAEC,aAAA,CAAOC,IADN;MAERC,KAAK,EAAE,UAFC;MAGRX,WAAW,EAAE,kDAHL;MAIRY,QAAQ,EAAEC,iBAAA,CAAWC,MAJb;MAKRC,QAAQ,EAAEC,iBAAA,CAAWC,MALb;MAMRC,YAAY,EAAE,GANN;MAORC,GAAG,EAAE,CAPG;MAQRC,GAAG,EAAE,CARG;MASRC,IAAI,EAAE,IATE;MAURC,SAAS,EAAE,CAVH;MAWRC,QAAQ,EAAE,IAXF;MAYRC,QAAQ,EAAE;IAZF,CADL;IAeLC,KAAK,EAAE;MACLjB,KAAK,EAAEC,aAAA,CAAOiB,KADT;MAELf,KAAK,EAAE,gBAFF;MAGLX,WAAW,EAAE,qCAHR;MAILY,QAAQ,EAAEC,iBAAA,CAAWY,KAJhB;MAKLV,QAAQ,EAAEC,iBAAA,CAAWW,KALhB;MAMLT,YAAY,EAAE,IANT;MAOLK,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAfF;IAyBLI,aAAa,EAAE;MACbpB,KAAK,EAAEC,aAAA,CAAOiB,KADD;MAEbf,KAAK,EAAE,gBAFM;MAGbX,WAAW,EACT,8GAJW;MAKbY,QAAQ,EAAEC,iBAAA,CAAWY,KALR;MAMbV,QAAQ,EAAEC,iBAAA,CAAWW,KANR;MAObT,YAAY,EAAE,IAPD;MAQbK,QAAQ,EAAE,IARG;MASbC,QAAQ,EAAE;IATG,CAzBV;IAoCLK,YAAY,EAAE;MACZrB,KAAK,EAAEC,aAAA,CAAOiB,KADF;MAEZf,KAAK,EAAE,eAFK;MAGZX,WAAW,EAAE,8BAHD;MAIZY,QAAQ,EAAEC,iBAAA,CAAWC,MAJT;MAKZC,QAAQ,EAAEC,iBAAA,CAAWC,MALT;MAMZC,YAAY,EAAE,EANF;MAOZC,GAAG,EAAE,CAPO;MAQZC,GAAG,EAAE,GARO;MASZC,IAAI,EAAE,CATM;MAUZC,SAAS,EAAE,CAVC;MAWZC,QAAQ,EAAE,IAXE;MAYZC,QAAQ,EAAE;IAZE,CApCT;IAkDLM,WAAW,EAAE;MACXtB,KAAK,EAAEC,aAAA,CAAOiB,KADH;MAEXf,KAAK,EAAE,cAFI;MAGXX,WAAW,EAAE,iDAHF;MAIXY,QAAQ,EAAEC,iBAAA,CAAWC,MAJV;MAKXC,QAAQ,EAAEC,iBAAA,CAAWC,MALV;MAMXC,YAAY,EAAE,CANH;MAOXC,GAAG,EAAE,CAPM;MAQXC,GAAG,EAAE,EARM;MASXC,IAAI,EAAE,CATK;MAUXC,SAAS,EAAE,CAVA;MAWXC,QAAQ,EAAE,IAXC;MAYXC,QAAQ,EAAE;IAZC,CAlDR;IAgELO,WAAW,EAAE;MACXvB,KAAK,EAAEC,aAAA,CAAOiB,KADH;MAEXf,KAAK,EAAE,cAFI;MAGXX,WAAW,EAAE,2CAHF;MAIXY,QAAQ,EAAEC,iBAAA,CAAWY,KAJV;MAKXV,QAAQ,EAAEC,iBAAA,CAAWW,KALV;MAMXT,YAAY,EAAE,IANH;MAOXK,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAhER;IA0ELQ,aAAa,EAAE;MACbxB,KAAK,EAAEC,aAAA,CAAOiB,KADD;MAEbf,KAAK,EAAE,gBAFM;MAGbX,WAAW,EACT,6EAJW;MAKbY,QAAQ,EAAEC,iBAAA,CAAWoB,SALR;MAMblB,QAAQ,EAAEC,iBAAA,CAAWkB,MANR;MAObhB,YAAY,EAAE,QAPD;MAQbiB,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,QAApB,CARI;MASbZ,QAAQ,EAAE,IATG;MAUbC,QAAQ,EAAE;IAVG;EA1EV,CAPT;EA8FEY,MAAM,EAAE;IACNC,KAAK,EAAE,GADD;IAENC,MAAM,EAAE;EAFF;AA9FV,CADuB,CAAlB"}
+{"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":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EAAE,kDAHf;EAIEC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJ5B;EAKEC,mBAAmB,EAAEC,4BALvB;EAMEC,iBAAiB,EAAE,sCANrB;EAOEC,oBAAoB,EAAE,KAPxB;EAQEC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,KAAK,EAAEC,aAAA,CAAOC,IADN;MAERC,KAAK,EAAE,UAFC;MAGRb,WAAW,EAAE,kDAHL;MAIRc,QAAQ,EAAEC,iBAAA,CAAWC,MAJb;MAKRC,QAAQ,EAAEC,iBAAA,CAAWC,MALb;MAMRC,YAAY,EAAE,GANN;MAORC,GAAG,EAAE,CAPG;MAQRC,GAAG,EAAE,CARG;MASRC,IAAI,EAAE,IATE;MAURC,SAAS,EAAE,CAVH;MAWRC,QAAQ,EAAE,IAXF;MAYRC,QAAQ,EAAE;IAZF,CADL;IAeLC,KAAK,EAAE;MACLjB,KAAK,EAAEC,aAAA,CAAOiB,KADT;MAELf,KAAK,EAAE,gBAFF;MAGLb,WAAW,EAAE,qCAHR;MAILc,QAAQ,EAAEC,iBAAA,CAAWY,KAJhB;MAKLV,QAAQ,EAAEC,iBAAA,CAAWW,KALhB;MAMLT,YAAY,EAAE,IANT;MAOLK,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CAfF;IAyBLI,aAAa,EAAE;MACbpB,KAAK,EAAEC,aAAA,CAAOiB,KADD;MAEbf,KAAK,EAAE,gBAFM;MAGbb,WAAW,EACT,8GAJW;MAKbc,QAAQ,EAAEC,iBAAA,CAAWY,KALR;MAMbV,QAAQ,EAAEC,iBAAA,CAAWW,KANR;MAObT,YAAY,EAAE,IAPD;MAQbK,QAAQ,EAAE,IARG;MASbC,QAAQ,EAAE;IATG,CAzBV;IAoCLK,YAAY,EAAE;MACZrB,KAAK,EAAEC,aAAA,CAAOiB,KADF;MAEZf,KAAK,EAAE,eAFK;MAGZb,WAAW,EAAE,8BAHD;MAIZc,QAAQ,EAAEC,iBAAA,CAAWC,MAJT;MAKZC,QAAQ,EAAEC,iBAAA,CAAWC,MALT;MAMZC,YAAY,EAAE,EANF;MAOZC,GAAG,EAAE,CAPO;MAQZC,GAAG,EAAE,GARO;MASZC,IAAI,EAAE,CATM;MAUZC,SAAS,EAAE,CAVC;MAWZC,QAAQ,EAAE,IAXE;MAYZC,QAAQ,EAAE;IAZE,CApCT;IAkDLM,WAAW,EAAE;MACXtB,KAAK,EAAEC,aAAA,CAAOiB,KADH;MAEXf,KAAK,EAAE,cAFI;MAGXb,WAAW,EAAE,iDAHF;MAIXc,QAAQ,EAAEC,iBAAA,CAAWC,MAJV;MAKXC,QAAQ,EAAEC,iBAAA,CAAWC,MALV;MAMXC,YAAY,EAAE,CANH;MAOXC,GAAG,EAAE,CAPM;MAQXC,GAAG,EAAE,EARM;MASXC,IAAI,EAAE,CATK;MAUXC,SAAS,EAAE,CAVA;MAWXC,QAAQ,EAAE,IAXC;MAYXC,QAAQ,EAAE;IAZC,CAlDR;IAgELO,WAAW,EAAE;MACXvB,KAAK,EAAEC,aAAA,CAAOiB,KADH;MAEXf,KAAK,EAAE,cAFI;MAGXb,WAAW,EAAE,2CAHF;MAIXc,QAAQ,EAAEC,iBAAA,CAAWY,KAJV;MAKXV,QAAQ,EAAEC,iBAAA,CAAWW,KALV;MAMXT,YAAY,EAAE,IANH;MAOXK,QAAQ,EAAE,IAPC;MAQXC,QAAQ,EAAE;IARC,CAhER;IA0ELQ,aAAa,EAAE;MACbxB,KAAK,EAAEC,aAAA,CAAOiB,KADD;MAEbf,KAAK,EAAE,gBAFM;MAGbb,WAAW,EACT,6EAJW;MAKbc,QAAQ,EAAEC,iBAAA,CAAWoB,SALR;MAMblB,QAAQ,EAAEC,iBAAA,CAAWkB,MANR;MAObhB,YAAY,EAAE,QAPD;MAQbiB,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,QAApB,CARI;MASbZ,QAAQ,EAAE,IATG;MAUbC,QAAQ,EAAE;IAVG;EA1EV,CART;EA+FEY,MAAM,EAAE;IACNC,KAAK,EAAE,GADD;IAENC,MAAM,EAAE;EAFF;AA/FV,CADuB,CAAlB"}

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

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.js"],"sourcesContent":["import { GROUPS, COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createIconProp, createTextProp, Triggers, } from \"@draftbit/types\";\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;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cADe;EAErBC,GAAG,EAAE,aAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CAJW;EAKrBC,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;AALc,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.js"],"sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\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;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,oBADe;EAErBC,GAAG,EAAE,kBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,MAAM,EAAE,EAJa;EAKrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALW;EAMrBC,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;AANc,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/SafeAreaView.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","edges","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","defaultValue","mode"],"sources":["SafeAreaView.js"],"sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"SafeAreaView\",\n    tag: \"SafeAreaView\",\n    description: \"A basic View that handles safe area\",\n    category: COMPONENT_TYPES.deprecated,\n    props: {\n        edges: {\n            group: GROUPS.basic,\n            name: \"edges\",\n            label: \"edges\",\n            description: \"Provides edges to be used by safe area view\",\n            editable: true,\n            required: false,\n            formType: FORM_TYPES.flatArray,\n            propType: PROP_TYPES.STRING,\n            options: [\"right\", \"bottom\", \"left\", \"top\"],\n            defaultValue: [\"right\", \"bottom\", \"left\", \"top\"],\n        },\n        mode: {\n            group: GROUPS.basic,\n            name: \"mode\",\n            label: \"mode\",\n            description: \"Mode used by safe area view\",\n            editable: true,\n            required: false,\n            options: [\"padding\", \"margin\"],\n            formType: FORM_TYPES.flatArray,\n            propType: PROP_TYPES.STRING,\n            defaultValue: \"padding\",\n        },\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,cADe;EAErBC,GAAG,EAAE,cAFgB;EAGrBC,WAAW,EAAE,qCAHQ;EAIrBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJL;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE;MACHC,KAAK,EAAEC,aAAA,CAAOC,KADX;MAEHV,IAAI,EAAE,OAFH;MAGHW,KAAK,EAAE,OAHJ;MAIHT,WAAW,EAAE,6CAJV;MAKHU,QAAQ,EAAE,IALP;MAMHC,QAAQ,EAAE,KANP;MAOHC,QAAQ,EAAEC,iBAAA,CAAWC,SAPlB;MAQHC,QAAQ,EAAEC,iBAAA,CAAWC,MARlB;MASHC,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B,CATN;MAUHC,YAAY,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B;IAVX,CADJ;IAaHC,IAAI,EAAE;MACFd,KAAK,EAAEC,aAAA,CAAOC,KADZ;MAEFV,IAAI,EAAE,MAFJ;MAGFW,KAAK,EAAE,MAHL;MAIFT,WAAW,EAAE,6BAJX;MAKFU,QAAQ,EAAE,IALR;MAMFC,QAAQ,EAAE,KANR;MAOFO,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ,CAPP;MAQFN,QAAQ,EAAEC,iBAAA,CAAWC,SARnB;MASFC,QAAQ,EAAEC,iBAAA,CAAWC,MATnB;MAUFE,YAAY,EAAE;IAVZ;EAbH;AALc,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","edges","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","defaultValue","mode"],"sources":["SafeAreaView.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"SafeAreaView\",\n  tag: \"SafeAreaView\",\n  description: \"A basic View that handles safe area\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    edges: {\n      group: GROUPS.basic,\n      name: \"edges\",\n      label: \"edges\",\n      description: \"Provides edges to be used by safe area view\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"right\", \"bottom\", \"left\", \"top\"],\n      defaultValue: [\"right\", \"bottom\", \"left\", \"top\"],\n    },\n    mode: {\n      group: GROUPS.basic,\n      name: \"mode\",\n      label: \"mode\",\n      description: \"Mode used by safe area view\",\n      editable: true,\n      required: false,\n      options: [\"padding\", \"margin\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"padding\",\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,cADiB;EAEvBC,GAAG,EAAE,cAFkB;EAGvBC,WAAW,EAAE,qCAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,KADT;MAELV,IAAI,EAAE,OAFD;MAGLW,KAAK,EAAE,OAHF;MAILT,WAAW,EAAE,6CAJR;MAKLU,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,QAAQ,EAAEC,iBAAA,CAAWC,SAPhB;MAQLC,QAAQ,EAAEC,iBAAA,CAAWC,MARhB;MASLC,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B,CATJ;MAULC,YAAY,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B;IAVT,CADF;IAaLC,IAAI,EAAE;MACJd,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJV,IAAI,EAAE,MAFF;MAGJW,KAAK,EAAE,MAHH;MAIJT,WAAW,EAAE,6BAJT;MAKJU,QAAQ,EAAE,IALN;MAMJC,QAAQ,EAAE,KANN;MAOJO,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ,CAPL;MAQJN,QAAQ,EAAEC,iBAAA,CAAWC,SARjB;MASJC,QAAQ,EAAEC,iBAAA,CAAWC,MATjB;MAUJE,YAAY,EAAE;IAVV;EAbD;AALgB,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.js"],"sourcesContent":["import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, } from \"@draftbit/types\";\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;;AACO,MAAMA,SAAS,GAAG,CACrB;EACIC,IAAI,EAAE,SADV;EAEIC,GAAG,EAAE,SAFT;EAGIC,WAAW,EAAE,uDAHjB;EAIIC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJ9B;EAKIC,mBAAmB,EAAEC,4BALzB;EAMIC,MAAM,EAAE,EANZ;EAOIC,QAAQ,EAAE,CAACC,eAAA,CAASC,QAAV,CAPd;EAQIC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC3BC,YAAY,EAAE,cADa;MAE3BC,eAAe,EAAE,UAFU;MAG3BC,aAAa,EAAE;IAHY,CAApB,CADR;IAMHC,QAAQ,EAAE,IAAAC,yBAAA,EAAmB;MAAEJ,YAAY,EAAE;IAAhB,CAAnB,CANP;IAOHK,SAAS,EAAE,IAAAC,sBAAA,EAAgB;MAAEN,YAAY,EAAE;IAAhB,CAAhB,CAPR;IAQHO,GAAG,EAAE,IAAAC,6BAAA,EAAuB;MACxBC,KAAK,EAAE,SADiB;MAExBtB,WAAW,EAAE;IAFW,CAAvB,CARF;IAYHuB,GAAG,EAAE,IAAAF,6BAAA,EAAuB;MACxBC,KAAK,EAAE,SADiB;MAExBtB,WAAW,EAAE;IAFW,CAAvB;EAZF;AARX,CADqB,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"}