@draftbit/core 46.2.1-d40959.2 → 46.2.1

package/lib/module/mappings/KeyboardAwareScrollView.js

@@ -1,9 +1,10 @@
-import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, createTextEnumProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, createTextEnumProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Keyboard Aware Scroll View",
   tag: "KeyboardAwareScrollView",
   description: "View that moves pushes the content when virtual keyboard is open.",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {},
   props: {
     viewIsInsideTabBar: createStaticBoolProp({

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

@@ -1 +1 @@
-{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","createStaticNumberProp","createTextEnumProp","SEED_DATA","name","tag","description","category","layout","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue","keyboardShouldPersistTaps","options"],"sources":["KeyboardAwareScrollView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\n  createTextEnumProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Aware Scroll View\",\n  tag: \"KeyboardAwareScrollView\",\n  description:\n    \"View that moves pushes the content when virtual keyboard is open.\",\n  category: COMPONENT_TYPES.layout,\n  layout: {},\n  props: {\n    viewIsInsideTabBar: createStaticBoolProp({\n      label: \"View Is Inside TabBar\",\n      description: \"Adds an extra offset that represents the TabBarIOS height.\",\n    }),\n    enableAutomaticScroll: createStaticBoolProp({\n      label: \"Enable Automatic Scroll\",\n      description:\n        \"When focus in TextInput will scroll the position, default is enabled\",\n    }),\n    extraHeight: createStaticNumberProp({\n      label: \"Extra Height\",\n      description: \"Adds an extra offset when focusing the TextInputs\",\n    }),\n    extraScrollHeight: createStaticNumberProp({\n      label: \"Extra Scroll Height\",\n      description:\n        \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n    }),\n    enableResetScrollToCoords: createStaticBoolProp({\n      label: \"Enable Reset Scroll To Coordinates\",\n      description:\n        \"Lets the user enable or disable automatic resetScrollToCoords\",\n    }),\n    keyboardOpeningTime: createStaticNumberProp({\n      label: \"Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position after keyboard opening, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Shows Vertical Scroll Indicator\",\n      description: \"Show or hide the vertical scroll indicator\",\n      defaultValue: true,\n    }),\n    keyboardShouldPersistTaps: createTextEnumProp({\n      label: \"Allow Touch Events\",\n      description:\n        \"Allows touch events on visible components to be processed while the keyboard is open\",\n      defaultValue: \"never\",\n      options: [\"never\", \"always\"],\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,sBAHF,EAIEC,kBAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,4BADiB;EAEvBC,GAAG,EAAE,yBAFkB;EAGvBC,WAAW,EACT,mEAJqB;EAKvBC,QAAQ,EAAER,eAAe,CAACS,MALH;EAMvBA,MAAM,EAAE,EANe;EAOvBC,KAAK,EAAE;IACLC,kBAAkB,EAAEV,oBAAoB,CAAC;MACvCW,KAAK,EAAE,uBADgC;MAEvCL,WAAW,EAAE;IAF0B,CAAD,CADnC;IAKLM,qBAAqB,EAAEZ,oBAAoB,CAAC;MAC1CW,KAAK,EAAE,yBADmC;MAE1CL,WAAW,EACT;IAHwC,CAAD,CALtC;IAULO,WAAW,EAAEZ,sBAAsB,CAAC;MAClCU,KAAK,EAAE,cAD2B;MAElCL,WAAW,EAAE;IAFqB,CAAD,CAV9B;IAcLQ,iBAAiB,EAAEb,sBAAsB,CAAC;MACxCU,KAAK,EAAE,qBADiC;MAExCL,WAAW,EACT;IAHsC,CAAD,CAdpC;IAmBLS,yBAAyB,EAAEf,oBAAoB,CAAC;MAC9CW,KAAK,EAAE,oCADuC;MAE9CL,WAAW,EACT;IAH4C,CAAD,CAnB1C;IAwBLU,mBAAmB,EAAEf,sBAAsB,CAAC;MAC1CU,KAAK,EAAE,cADmC;MAE1CL,WAAW,EACT;IAHwC,CAAD,CAxBtC;IA6BLW,eAAe,EAAEjB,oBAAoB,CAAC;MACpCW,KAAK,EAAE,mBAD6B;MAEpCL,WAAW,EAAE;IAFuB,CAAD,CA7BhC;IAiCLY,4BAA4B,EAAElB,oBAAoB,CAAC;MACjDW,KAAK,EAAE,iCAD0C;MAEjDL,WAAW,EAAE,4CAFoC;MAGjDa,YAAY,EAAE;IAHmC,CAAD,CAjC7C;IAsCLC,yBAAyB,EAAElB,kBAAkB,CAAC;MAC5CS,KAAK,EAAE,oBADqC;MAE5CL,WAAW,EACT,sFAH0C;MAI5Ca,YAAY,EAAE,OAJ8B;MAK5CE,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV;IALmC,CAAD;EAtCxC;AAPgB,CAAlB"}
+{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","createStaticNumberProp","createTextEnumProp","CONTAINER_COMPONENT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","layout","stylesPanelSections","props","viewIsInsideTabBar","label","enableAutomaticScroll","extraHeight","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue","keyboardShouldPersistTaps","options"],"sources":["KeyboardAwareScrollView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createStaticBoolProp,\n  createStaticNumberProp,\n  createTextEnumProp,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Aware Scroll View\",\n  tag: \"KeyboardAwareScrollView\",\n  description:\n    \"View that moves pushes the content when virtual keyboard is open.\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {},\n  props: {\n    viewIsInsideTabBar: createStaticBoolProp({\n      label: \"View Is Inside TabBar\",\n      description: \"Adds an extra offset that represents the TabBarIOS height.\",\n    }),\n    enableAutomaticScroll: createStaticBoolProp({\n      label: \"Enable Automatic Scroll\",\n      description:\n        \"When focus in TextInput will scroll the position, default is enabled\",\n    }),\n    extraHeight: createStaticNumberProp({\n      label: \"Extra Height\",\n      description: \"Adds an extra offset when focusing the TextInputs\",\n    }),\n    extraScrollHeight: createStaticNumberProp({\n      label: \"Extra Scroll Height\",\n      description:\n        \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n    }),\n    enableResetScrollToCoords: createStaticBoolProp({\n      label: \"Enable Reset Scroll To Coordinates\",\n      description:\n        \"Lets the user enable or disable automatic resetScrollToCoords\",\n    }),\n    keyboardOpeningTime: createStaticNumberProp({\n      label: \"Opening Time\",\n      description:\n        \"Sets the delay time before scrolling to new position after keyboard opening, default is 250\",\n    }),\n    enableOnAndroid: createStaticBoolProp({\n      label: \"Enable On Android\",\n      description: \"Enable Android Support\",\n    }),\n    showsVerticalScrollIndicator: createStaticBoolProp({\n      label: \"Shows Vertical Scroll Indicator\",\n      description: \"Show or hide the vertical scroll indicator\",\n      defaultValue: true,\n    }),\n    keyboardShouldPersistTaps: createTextEnumProp({\n      label: \"Allow Touch Events\",\n      description:\n        \"Allows touch events on visible components to be processed while the keyboard is open\",\n      defaultValue: \"never\",\n      options: [\"never\", \"always\"],\n    }),\n  },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,sBAHF,EAIEC,kBAJF,EAKEC,mCALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,4BADiB;EAEvBC,GAAG,EAAE,yBAFkB;EAGvBC,WAAW,EACT,mEAJqB;EAKvBC,QAAQ,EAAET,eAAe,CAACU,MALH;EAMvBC,mBAAmB,EAAEP,mCANE;EAOvBM,MAAM,EAAE,EAPe;EAQvBE,KAAK,EAAE;IACLC,kBAAkB,EAAEZ,oBAAoB,CAAC;MACvCa,KAAK,EAAE,uBADgC;MAEvCN,WAAW,EAAE;IAF0B,CAAD,CADnC;IAKLO,qBAAqB,EAAEd,oBAAoB,CAAC;MAC1Ca,KAAK,EAAE,yBADmC;MAE1CN,WAAW,EACT;IAHwC,CAAD,CALtC;IAULQ,WAAW,EAAEd,sBAAsB,CAAC;MAClCY,KAAK,EAAE,cAD2B;MAElCN,WAAW,EAAE;IAFqB,CAAD,CAV9B;IAcLS,iBAAiB,EAAEf,sBAAsB,CAAC;MACxCY,KAAK,EAAE,qBADiC;MAExCN,WAAW,EACT;IAHsC,CAAD,CAdpC;IAmBLU,yBAAyB,EAAEjB,oBAAoB,CAAC;MAC9Ca,KAAK,EAAE,oCADuC;MAE9CN,WAAW,EACT;IAH4C,CAAD,CAnB1C;IAwBLW,mBAAmB,EAAEjB,sBAAsB,CAAC;MAC1CY,KAAK,EAAE,cADmC;MAE1CN,WAAW,EACT;IAHwC,CAAD,CAxBtC;IA6BLY,eAAe,EAAEnB,oBAAoB,CAAC;MACpCa,KAAK,EAAE,mBAD6B;MAEpCN,WAAW,EAAE;IAFuB,CAAD,CA7BhC;IAiCLa,4BAA4B,EAAEpB,oBAAoB,CAAC;MACjDa,KAAK,EAAE,iCAD0C;MAEjDN,WAAW,EAAE,4CAFoC;MAGjDc,YAAY,EAAE;IAHmC,CAAD,CAjC7C;IAsCLC,yBAAyB,EAAEpB,kBAAkB,CAAC;MAC5CW,KAAK,EAAE,oBADqC;MAE5CN,WAAW,EACT,sFAH0C;MAI5Cc,YAAY,EAAE,OAJ8B;MAK5CE,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV;IALmC,CAAD;EAtCxC;AARgB,CAAlB"}

package/lib/module/mappings/Layout.js

@@ -1,8 +1,9 @@
-import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES } from "@draftbit/types";
+import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Row",
   tag: "Row",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     justifyContent: {
       label: "Align Horizontally",
@@ -75,6 +76,7 @@ export const SEED_DATA = [{
   name: "Stack",
   tag: "Stack",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     justifyContent: {
       group: GROUPS.style,
@@ -101,6 +103,7 @@ export const SEED_DATA = [{
   name: "Center",
   tag: "Center",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     width: {
       label: "Width",
@@ -137,6 +140,7 @@ export const SEED_DATA = [{
   name: "Circle",
   tag: "Circle",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     size: {
       label: "Size",
@@ -163,6 +167,7 @@ export const SEED_DATA = [{
   name: "Square",
   tag: "Square",
   category: COMPONENT_TYPES.layout,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     size: {
       label: "Size",

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","SEED_DATA","name","tag","category","layout","props","justifyContent","label","group","style","description","formType","string","propType","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"sources":["Layout.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Row\",\n    tag: \"Row\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      justifyContent: {\n        label: \"Align Horizontally\",\n        group: GROUPS.style,\n        description: \"Align Items Horizontally (on the X Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        label: \"Align Vertically\",\n        group: GROUPS.style,\n        description: \"Align Items Vertically (on the Y Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Spacer\",\n    tag: \"Spacer\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      top: {\n        label: \"Top\",\n        description: \"Top\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      right: {\n        label: \"Right\",\n        description: \"Right\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      bottom: {\n        label: \"Bottom\",\n        description: \"Bottom\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      left: {\n        label: \"Left\",\n        description: \"Left\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Stack\",\n    tag: \"Stack\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      justifyContent: {\n        group: GROUPS.style,\n        label: \"Justify\",\n        description: \"Justify horizontally\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        group: GROUPS.style,\n        label: \"Align\",\n        description: \"Vertical align\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Center\",\n    tag: \"Center\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      width: {\n        label: \"Width\",\n        description: \"Width\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 240,\n        editable: true,\n        required: false,\n      },\n      height: {\n        label: \"Height\",\n        description: \"Height\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 200,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Circle\",\n    tag: \"Circle\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Square\",\n    tag: \"Square\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["GROUPS","FORM_TYPES","PROP_TYPES","COMPONENT_TYPES","StylesPanelSections","SEED_DATA","name","tag","category","layout","stylesPanelSections","NoStyles","props","justifyContent","label","group","style","description","formType","string","propType","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"sources":["Layout.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Row\",\n    tag: \"Row\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: [StylesPanelSections.NoStyles],\n    props: {\n      justifyContent: {\n        label: \"Align Horizontally\",\n        group: GROUPS.style,\n        description: \"Align Items Horizontally (on the X Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        label: \"Align Vertically\",\n        group: GROUPS.style,\n        description: \"Align Items Vertically (on the Y Axis)\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Spacer\",\n    tag: \"Spacer\",\n    category: COMPONENT_TYPES.layout,\n    props: {\n      top: {\n        label: \"Top\",\n        description: \"Top\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      right: {\n        label: \"Right\",\n        description: \"Right\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      bottom: {\n        label: \"Bottom\",\n        description: \"Bottom\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n      left: {\n        label: \"Left\",\n        description: \"Left\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 8,\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Stack\",\n    tag: \"Stack\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: [StylesPanelSections.NoStyles],\n    props: {\n      justifyContent: {\n        group: GROUPS.style,\n        label: \"Justify\",\n        description: \"Justify horizontally\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n      alignItems: {\n        group: GROUPS.style,\n        label: \"Align\",\n        description: \"Vertical align\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"flex-start\",\n        editable: true,\n        required: false,\n      },\n    },\n  },\n  {\n    name: \"Center\",\n    tag: \"Center\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: [StylesPanelSections.NoStyles],\n    props: {\n      width: {\n        label: \"Width\",\n        description: \"Width\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 240,\n        editable: true,\n        required: false,\n      },\n      height: {\n        label: \"Height\",\n        description: \"Height\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 200,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Circle\",\n    tag: \"Circle\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: [StylesPanelSections.NoStyles],\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n  {\n    name: \"Square\",\n    tag: \"Square\",\n    category: COMPONENT_TYPES.layout,\n    stylesPanelSections: [StylesPanelSections.NoStyles],\n    props: {\n      size: {\n        label: \"Size\",\n        description: \"Size\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        group: GROUPS.style,\n        defaultValue: 50,\n        editable: true,\n        required: false,\n      },\n      bgColor: {\n        label: \"Background Color\",\n        description: \"Background color\",\n        formType: FORM_TYPES.color,\n        propType: PROP_TYPES.THEME,\n        editable: true,\n        required: false,\n        defaultValue: \"light\",\n        group: GROUPS.style,\n      },\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/module/mappings/Modal.js

@@ -1,9 +1,10 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createBoolProp } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createBoolProp, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Modal",
   tag: "Modal",
   description: "A basic Modal Component",
   category: COMPONENT_TYPES.container,
+  stylesPanelSections: [StylesPanelSections.NoStyles],
   props: {
     animationType: {
       group: GROUPS.basic,

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createBoolProp","SEED_DATA","name","tag","description","category","container","props","animationType","group","basic","label","options","editable","required","formType","flatArray","propType","STRING","defaultValue","transparent","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,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAER,eAAe,CAACS,SAJH;EAKvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEb,MAAM,CAACc,KADD;MAEbC,KAAK,EAAE,gBAFM;MAGbP,WAAW,EAAE,gBAHA;MAIbQ,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;MAKbC,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEjB,UAAU,CAACkB,SAPR;MAQbC,QAAQ,EAAElB,UAAU,CAACmB,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAEpB,cAAc,CAAC;MAC1BS,KAAK,EAAEb,MAAM,CAACc,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BP,WAAW,EACT;IAJwB,CAAD,CAZtB;IAkBLiB,OAAO,EAAErB,cAAc,CAAC;MACtBS,KAAK,EAAEb,MAAM,CAAC0B,IADQ;MAEtBX,KAAK,EAAE,SAFe;MAGtBP,WAAW,EAAE;IAHS,CAAD,CAlBlB;IAuBLmB,iBAAiB,EAAE;MACjBd,KAAK,EAAEb,MAAM,CAACc,KADG;MAEjBC,KAAK,EAAE,oBAFU;MAGjBP,WAAW,EAAE,oBAHI;MAIjBQ,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;MAKjBC,QAAQ,EAAE,IALO;MAMjBC,QAAQ,EAAE,KANO;MAOjBC,QAAQ,EAAEjB,UAAU,CAACkB,SAPJ;MAQjBC,QAAQ,EAAElB,UAAU,CAACmB,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AALgB,CAAlB"}
+{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createBoolProp","StylesPanelSections","SEED_DATA","name","tag","description","category","container","stylesPanelSections","NoStyles","props","animationType","group","basic","label","options","editable","required","formType","flatArray","propType","STRING","defaultValue","transparent","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,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,cALF,EAMEC,mBANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAET,eAAe,CAACU,SAJH;EAKvBC,mBAAmB,EAAE,CAACP,mBAAmB,CAACQ,QAArB,CALE;EAMvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEhB,MAAM,CAACiB,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,EAAEpB,UAAU,CAACqB,SAPR;MAQbC,QAAQ,EAAErB,UAAU,CAACsB,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAEvB,cAAc,CAAC;MAC1BY,KAAK,EAAEhB,MAAM,CAACiB,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BT,WAAW,EACT;IAJwB,CAAD,CAZtB;IAkBLmB,OAAO,EAAExB,cAAc,CAAC;MACtBY,KAAK,EAAEhB,MAAM,CAAC6B,IADQ;MAEtBX,KAAK,EAAE,SAFe;MAGtBT,WAAW,EAAE;IAHS,CAAD,CAlBlB;IAuBLqB,iBAAiB,EAAE;MACjBd,KAAK,EAAEhB,MAAM,CAACiB,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,EAAEpB,UAAU,CAACqB,SAPJ;MAQjBC,QAAQ,EAAErB,UAAU,CAACsB,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AANgB,CAAlB"}

package/lib/module/mappings/NumberInput.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections } from "@draftbit/types";
 const NUMBER_INPUT_PROPS = {
   allowFontScaling: {
     group: GROUPS.advanced,
@@ -209,6 +209,7 @@ export const SEED_DATA = [{
   tag: "NumberInput",
   description: "An input field that allows users to type in data.",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
   preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
   supports_list_render: false,
   layout: {

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

@@ -1 +1 @@
-{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","NUMBER_INPUT_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","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","handlerPropName","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","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":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","StylesPanelSections","NUMBER_INPUT_PROPS","allowFontScaling","group","advanced","label","description","editable","required","defaultValue","formType","boolean","propType","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","handlerPropName","SEED_DATA","name","tag","category","input","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","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/module/mappings/Picker.js

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

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

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

package/lib/module/mappings/ProgressBar.js

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

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

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

package/lib/module/mappings/ProgressCircle.js

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

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

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

package/lib/module/mappings/ProgressIndicator.js

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

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

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

package/lib/module/mappings/RadioButton.js

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

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

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

package/lib/module/mappings/RadioButtonGroup.js

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

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

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

package/lib/module/mappings/RadioButtonRow.js

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

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

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