@draftbit/core 43.4.0 → 43.4.2-b9b13c.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.4.0",
+  "version": "43.4.2-b9b13c.1+b9b13ca3",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -49,6 +49,7 @@
     "color": "^3.1.2",
     "date-fns": "^2.16.1",
     "dateformat": "^3.0.3",
+    "expo-linear-gradient": "^9.2.0",
     "lodash.isnumber": "^3.0.3",
     "lodash.omit": "^4.5.0",
     "lodash.tonumber": "^4.0.3",
@@ -79,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "0a899449b1da634c8dc74ec64f1c78f5af3283e3"
+  "gitHead": "b9b13ca37a0752d2dcc86f09458ddbf6f321eca5"
 }

package/src/components/Accordion/AccordionGroup.js

@@ -15,7 +15,7 @@ const AccordionGroup = ({ Icon, openColor, closedColor, caretColor, icon, iconSi
     const { textStyles, viewStyles } = extractStyles(style);
     return (React.createElement(React.Fragment, null,
         React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
-            icon ? React.createElement(Icon, { name: icon, size: iconSize, color: labelColor }) : null,
+            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
             React.createElement(View, { style: styles.content },
                 React.createElement(Text, { selectable: false, style: [
                         {
@@ -33,15 +33,12 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         alignItems: "center",
     },
-    label: {
-        fontSize: 16,
-    },
     content: {
         flex: 1,
         justifyContent: "center",
     },
     icon: {
-        marginLeft: 8,
+        marginRight: 8,
     },
 });
 export default withTheme(AccordionGroup);

package/src/components/Accordion/AccordionGroup.tsx

@@ -62,7 +62,14 @@ const AccordionGroup = ({
         onPress={handlePressAction}
         accessibilityRole="button"
       >
-        {icon ? <Icon name={icon} size={iconSize} color={labelColor} /> : null}
+        {icon ? (
+          <Icon
+            name={icon}
+            size={iconSize}
+            color={labelColor}
+            style={styles.icon}
+          />
+        ) : null}
         <View style={styles.content}>
           <Text
             selectable={false}
@@ -96,15 +103,12 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
   },
-  label: {
-    fontSize: 16,
-  },
   content: {
     flex: 1,
     justifyContent: "center",
   },
   icon: {
-    marginLeft: 8,
+    marginRight: 8,
   },
 });
 

package/src/components/LinearGradient.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { LinearGradient } from "expo-linear-gradient";
+import { extractStyles } from "../utilities";
+const LinearGradientComponent = ({ children, color1, color2, color3 = undefined, startX = 0, startY = 0, endX = 100, endY = 100, style, }) => {
+    const { viewStyles } = extractStyles(style);
+    const colors = [color1, color2, color3].filter((color) => color);
+    const start = { x: startX / 100, y: startY / 100 };
+    const end = { x: endX / 100, y: endY / 100 };
+    return (React.createElement(LinearGradient, { colors: colors, start: start, end: end, style: viewStyles }, children));
+};
+export default LinearGradientComponent;

package/src/components/LinearGradient.tsx

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { LinearGradient } from "expo-linear-gradient";
+import { extractStyles } from "../utilities";
+
+type LinearGradientComponentProps = {
+  color1: string;
+  color2: string;
+  color3?: string;
+  startX: number;
+  startY: number;
+  endX: number;
+  endY: number;
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+};
+
+const LinearGradientComponent = ({
+  children,
+  color1,
+  color2,
+  color3 = undefined,
+  startX = 0,
+  startY = 0,
+  endX = 100,
+  endY = 100,
+  style,
+}: LinearGradientComponentProps) => {
+  const { viewStyles } = extractStyles(style);
+  const colors = [color1, color2, color3].filter((color) => color) as string[];
+  const start = { x: startX / 100, y: startY / 100 };
+  const end = { x: endX / 100, y: endY / 100 };
+  return (
+    <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>
+      {children}
+    </LinearGradient>
+  );
+};
+
+export default LinearGradientComponent;

package/src/components/Stepper.js

@@ -37,7 +37,7 @@ const Stepper = ({ Icon, value, min, max, style, onChange, defaultValue, theme:
             style,
             borderRadius ? { borderRadius } : {},
         ] },
-        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: handleMinus, size: iconSize, color: iconColor, disabled: stateValue === 0 }),
+        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: handleMinus, size: iconSize, color: iconColor, disabled: stateValue === min, style: stateValue === min ? { opacity: 0.5 } : {} }),
         React.createElement(Text, { style: [
                 typography.body1,
                 {
@@ -48,6 +48,6 @@ const Stepper = ({ Icon, value, min, max, style, onChange, defaultValue, theme:
                 },
                 typeStyle,
             ] }, value || stateValue),
-        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: handlePlus, size: iconSize, color: iconColor })));
+        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: handlePlus, size: iconSize, color: iconColor, disabled: stateValue === max, style: stateValue === max ? { opacity: 0.5 } : {} })));
 };
 export default withTheme(Stepper);

package/src/components/Stepper.tsx

@@ -84,7 +84,8 @@ const Stepper: React.FC<Props> = ({
         onPress={handleMinus}
         size={iconSize}
         color={iconColor}
-        disabled={stateValue === 0}
+        disabled={stateValue === min}
+        style={stateValue === min ? { opacity: 0.5 } : {}}
       />
       <Text
         style={[
@@ -106,6 +107,8 @@ const Stepper: React.FC<Props> = ({
         onPress={handlePlus}
         size={iconSize}
         color={iconColor}
+        disabled={stateValue === max}
+        style={stateValue === max ? { opacity: 0.5 } : {}}
       />
     </View>
   );

package/src/index.js

@@ -25,6 +25,7 @@ export { default as TextField } from "./components/TextField";
 export { default as ToggleButton } from "./components/ToggleButton";
 export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
+export { default as LinearGradient } from "./components/LinearGradient";
 export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
 export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";

package/src/index.tsx

@@ -26,6 +26,7 @@ export { default as TextField } from "./components/TextField";
 export { default as ToggleButton } from "./components/ToggleButton";
 export { default as Touchable } from "./components/Touchable";
 export { AccordionGroup, AccordionItem } from "./components/Accordion";
+export { default as LinearGradient } from "./components/LinearGradient";
 export {
   ActionSheet,
   ActionSheetItem,

package/src/mappings/LinearGradient.js

@@ -1,21 +1,73 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES } from "@draftbit/types";
+import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Linear Gradient",
     tag: "LinearGradient",
-    doc_link: "https://docs.expo.io/versions/latest/sdk/linear-gradient/",
-    code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
-    category: COMPONENT_TYPES.layout,
-    supports_list_render: false,
-    layout: {},
+    description: "Linear Gradient Component",
     props: {
-        colors: {
+        color1: createColorProp({
+            label: "Color 1",
+        }),
+        color2: createColorProp({
+            label: "Color 2",
+        }),
+        color3: createColorProp({
+            label: "Color 3",
+        }),
+        startX: {
             group: GROUPS.basic,
-            label: "Colors",
-            description: "The colors required for your gradient",
+            label: "Start X",
+            description: "Start position from Left",
             editable: true,
-            required: true,
-            defaultValue: null,
-            formType: FORM_TYPES.color,
+            required: false,
+            defaultValue: 0,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+        },
+        startY: {
+            group: GROUPS.basic,
+            label: "Start Y",
+            description: "Start position from Top",
+            editable: true,
+            required: false,
+            defaultValue: 0,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+        },
+        endX: {
+            group: GROUPS.basic,
+            label: "End Y",
+            description: "End position from Right",
+            editable: true,
+            required: false,
+            defaultValue: 100,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
+        },
+        endY: {
+            group: GROUPS.basic,
+            label: "End Y",
+            description: "End position from Bottom",
+            editable: true,
+            required: false,
+            defaultValue: 100,
+            min: 0,
+            max: 100,
+            step: 1,
+            precision: 0,
+            formType: FORM_TYPES.number,
+            propType: PROP_TYPES.NUMBER,
         },
     },
 };

package/src/mappings/LinearGradient.ts

@@ -1,23 +1,79 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES } from "@draftbit/types";
+import {
+  createColorProp,
+  FORM_TYPES,
+  GROUPS,
+  PROP_TYPES,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Linear Gradient",
   tag: "LinearGradient",
-  doc_link: "https://docs.expo.io/versions/latest/sdk/linear-gradient/",
-  code_link:
-    "https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts",
-  category: COMPONENT_TYPES.layout,
-  supports_list_render: false,
-  layout: {},
+  description: "Linear Gradient Component",
   props: {
-    colors: {
+    color1: createColorProp({
+      label: "Color 1",
+    }),
+    color2: createColorProp({
+      label: "Color 2",
+    }),
+    color3: createColorProp({
+      label: "Color 3",
+    }),
+    startX: {
       group: GROUPS.basic,
-      label: "Colors",
-      description: "The colors required for your gradient",
+      label: "Start X",
+      description: "Start position from Left",
       editable: true,
-      required: true,
-      defaultValue: null,
-      formType: FORM_TYPES.color,
+      required: false,
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+    },
+    startY: {
+      group: GROUPS.basic,
+      label: "Start Y",
+      description: "Start position from Top",
+      editable: true,
+      required: false,
+      defaultValue: 0,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+    },
+    endX: {
+      group: GROUPS.basic,
+      label: "End Y",
+      description: "End position from Right",
+      editable: true,
+      required: false,
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
+    },
+    endY: {
+      group: GROUPS.basic,
+      label: "End Y",
+      description: "End position from Bottom",
+      editable: true,
+      required: false,
+      defaultValue: 100,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 0,
+      formType: FORM_TYPES.number,
+      propType: PROP_TYPES.NUMBER,
     },
   },
 };

package/src/mappings/Stepper.js

@@ -18,7 +18,6 @@ export const SEED_DATA = [
             min: createStaticNumberProp({
                 label: "Minimum",
                 description: "Minimum Number",
-                defaultValue: 0,
             }),
             max: createStaticNumberProp({
                 label: "Maximum",

package/src/mappings/Stepper.ts

@@ -26,7 +26,6 @@ export const SEED_DATA = [
       min: createStaticNumberProp({
         label: "Minimum",
         description: "Minimum Number",
-        defaultValue: 0,
       }),
       max: createStaticNumberProp({
         label: "Maximum",

package/lib/commonjs/mappings/DeprecatedButton.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_PROPS = {
-  onPress: (0, _types.createActionProp)(),
-  icon: {
-    group: _types.GROUPS.basic,
-    label: "Icon Name",
-    description: "Name of the icon",
-    editable: true,
-    required: true,
-    formType: _types.FORM_TYPES.icon,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: null
-  },
-  children: {
-    group: _types.GROUPS.data,
-    label: "Label",
-    description: "Button label",
-    required: true,
-    editable: true,
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: "Get Started"
-  },
-  color: {
-    group: _types.GROUPS.basic,
-    label: "Color Override",
-    description: "Override the background color of the button",
-    editable: true,
-    required: false,
-    formType: _types.FORM_TYPES.color,
-    propType: _types.PROP_TYPES.THEME,
-    defaultValue: null
-  },
-  labelColor: {
-    group: _types.GROUPS.basic,
-    label: "Label Color Override",
-    description: "Override the label color of the button",
-    editable: true,
-    required: false,
-    formType: _types.FORM_TYPES.color,
-    propType: _types.PROP_TYPES.THEME,
-    defaultValue: null
-  },
-  disabled: {
-    group: _types.GROUPS.basic,
-    label: "Disabled",
-    description: "Whether the button should be disabled",
-    editable: true,
-    required: false,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  },
-  loading: {
-    group: _types.GROUPS.data,
-    label: "Loading",
-    description: "Whether to show a loading indicator",
-    editable: true,
-    required: false,
-    formType: _types.FORM_TYPES.boolean,
-    propType: _types.PROP_TYPES.BOOLEAN,
-    defaultValue: null
-  }
-};
-const SEED_DATA = [{
-  name: "Button Outline",
-  tag: "Button",
-  category: _types.COMPONENT_TYPES.deprecated,
-  triggers: [_types.Triggers.OnPress],
-  props: { ...SEED_DATA_PROPS,
-    type: {
-      group: _types.GROUPS.uncategorized,
-      label: "Type",
-      description: "Button type",
-      editable: false,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "outline"
-    }
-  },
-  layout: {}
-}, {
-  name: "Button Solid",
-  tag: "Button",
-  category: _types.COMPONENT_TYPES.deprecated,
-  triggers: [_types.Triggers.OnPress],
-  props: { ...SEED_DATA_PROPS,
-    type: {
-      group: _types.GROUPS.uncategorized,
-      label: "Type",
-      description: "Button type",
-      editable: false,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "solid"
-    }
-  },
-  layout: {}
-}];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=DeprecatedButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DeprecatedButton.ts"],"names":["SEED_DATA_PROPS","onPress","icon","group","GROUPS","basic","label","description","editable","required","formType","FORM_TYPES","propType","PROP_TYPES","STRING","defaultValue","children","data","string","color","THEME","labelColor","disabled","boolean","BOOLEAN","loading","SEED_DATA","name","tag","category","COMPONENT_TYPES","deprecated","triggers","Triggers","OnPress","props","type","uncategorized","layout"],"mappings":"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","sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon Name\",\n    description: \"Name of the icon\",\n    editable: true,\n    required: true,\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING,\n    defaultValue: null,\n  },\n  children: {\n    group: GROUPS.data,\n    label: \"Label\",\n    description: \"Button label\",\n    required: true,\n    editable: true,\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Get Started\",\n  },\n  color: {\n    group: GROUPS.basic,\n    label: \"Color Override\",\n    description: \"Override the background color of the button\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  labelColor: {\n    group: GROUPS.basic,\n    label: \"Label Color Override\",\n    description: \"Override the label color of the button\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  disabled: {\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n  loading: {\n    group: GROUPS.data,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n    editable: true,\n    required: false,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: null,\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"Button\",\n    category: COMPONENT_TYPES.deprecated,\n    triggers: [Triggers.OnPress],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        group: GROUPS.uncategorized,\n        label: \"Type\",\n        description: \"Button type\",\n        editable: false,\n        required: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"outline\",\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"Button\",\n    category: COMPONENT_TYPES.deprecated,\n    triggers: [Triggers.OnPress],\n    props: {\n      ...SEED_DATA_PROPS,\n      type: {\n        group: GROUPS.uncategorized,\n        label: \"Type\",\n        description: \"Button type\",\n        editable: false,\n        required: true,\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"solid\",\n      },\n    },\n    layout: {},\n  },\n];\n"]}

package/lib/commonjs/mappings/DeprecatedFAB.js

@@ -1,147 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_PROPS = {
-  icon: {
-    group: _types.GROUPS.basic,
-    label: "Icon Name",
-    description: "Name of the icon",
-    editable: true,
-    required: true,
-    formType: _types.FORM_TYPES.icon,
-    propType: _types.PROP_TYPES.ASSET,
-    defaultValue: null
-  },
-  label: {
-    group: _types.GROUPS.basic,
-    label: "Label",
-    description: "Button label",
-    required: true,
-    editable: true,
-    formType: _types.FORM_TYPES.string,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: "GET STARTED"
-  },
-  color: {
-    group: _types.GROUPS.basic,
-    label: "Color Override",
-    description: "Override the background color of the button",
-    editable: true,
-    required: false,
-    formType: _types.FORM_TYPES.color,
-    propType: _types.PROP_TYPES.THEME,
-    defaultValue: null
-  },
-  onPress: {
-    group: _types.GROUPS.basic,
-    label: "Action",
-    description: "Action to execute when button pressed",
-    editable: true,
-    required: false,
-    formType: _types.FORM_TYPES.action,
-    propType: _types.PROP_TYPES.STRING,
-    defaultValue: null
-  }
-};
-const SEED_DATA = [{
-  name: "FAB Mini",
-  tag: "FAB",
-  category: _types.COMPONENT_TYPES.deprecated,
-  description: "A round, mini FAB",
-  preview_image_url: "{CLOUDINARY_URL}/Button_FABMini.png",
-  props: { ...SEED_DATA_PROPS,
-    type: {
-      group: _types.GROUPS.uncategorized,
-      label: "Type",
-      description: "Button type",
-      editable: false,
-      required: true,
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "standard"
-    },
-    label: {
-      group: _types.GROUPS.data,
-      label: "Label",
-      description: "Button label",
-      required: false,
-      editable: false,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: null
-    }
-  },
-  layout: {}
-}, {
-  name: "FAB Outline",
-  tag: "FAB",
-  category: _types.COMPONENT_TYPES.deprecated,
-  preview_image_url: "{CLOUDINARY_URL}/Button_FABMini.png",
-  props: { ...SEED_DATA_PROPS,
-    type: {
-      group: _types.GROUPS.uncategorized,
-      label: "Type",
-      description: "Button type",
-      editable: false,
-      required: true,
-      propType: _types.PROP_TYPES.STRING,
-      formType: _types.FORM_TYPES.string,
-      defaultValue: "outline"
-    },
-    label: {
-      group: _types.GROUPS.uncategorized,
-      label: "Label",
-      description: "Button label",
-      required: false,
-      editable: false,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: null
-    }
-  },
-  layout: {}
-}, {
-  name: "FAB Extended",
-  tag: "FAB",
-  category: _types.COMPONENT_TYPES.deprecated,
-  preview_image_url: "{CLOUDINARY_URL}/Button_FABExtended.png",
-  props: { ...SEED_DATA_PROPS,
-    type: {
-      group: _types.GROUPS.uncategorized,
-      label: "Type",
-      description: "Button type",
-      editable: false,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "extended"
-    }
-  },
-  layout: {}
-}, {
-  name: "FAB Fixed",
-  tag: "FAB",
-  category: _types.COMPONENT_TYPES.deprecated,
-  preview_image_url: "{CLOUDINARY_URL}/Button_FABFixed.png",
-  props: { ...SEED_DATA_PROPS,
-    type: {
-      group: _types.GROUPS.uncategorized,
-      label: "Type",
-      description: "Button type",
-      editable: false,
-      required: true,
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "fixed"
-    }
-  },
-  layout: {}
-}];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=DeprecatedFAB.js.map