@draftbit/core 43.3.4-f04c6f.2 → 43.4.2-80bace.1

package/src/components/LinearGradient.tsx

@@ -0,0 +1,119 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { LinearGradient } from "expo-linear-gradient";
+import { extractStyles } from "../utilities";
+import {
+  createColorProp,
+  FORM_TYPES,
+  GROUPS,
+  PROP_TYPES,
+} from "@draftbit/types";
+
+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 = 0,
+  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;
+
+export const SEED_DATA = {
+  name: "LinearGradient",
+  tag: "LinearGradient",
+  description: "Linear Gradient Component",
+  props: {
+    color1: createColorProp({
+      label: "Color 1",
+    }),
+    color2: createColorProp({
+      label: "Color 2",
+    }),
+    color3: createColorProp({
+      label: "Color 3",
+    }),
+    startX: {
+      group: GROUPS.basic,
+      label: "Start X",
+      description: "Start position from Left",
+      editable: true,
+      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/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/components/Swiper/Swiper.js

@@ -1,10 +1,18 @@
 import React from "react";
 import { View } from "react-native";
 import SwiperComponent from "react-native-web-swiper";
-const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", dotsTouchable = true, children, style, }) => (React.createElement(View, { style: style },
+const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, children, style, }) => (React.createElement(View, { style: style },
     React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {
             prevTitle,
             nextTitle,
+            prevTitleStyle: { color: prevTitleColor },
+            nextTitleStyle: { color: nextTitleColor },
             dotsTouchable,
+            ...(dotColor
+                ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+                : {}),
+            ...(dotActiveColor
+                ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+                : {}),
         } }, children)));
 export default Swiper;

package/src/components/Swiper/Swiper.tsx

@@ -9,7 +9,11 @@ export interface SwiperProps {
   timeout?: number;
   prevTitle?: string;
   nextTitle?: string;
+  prevTitleColor?: string;
+  nextTitleColor?: string;
   dotsTouchable?: boolean;
+  dotColor?: string;
+  dotActiveColor?: string;
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
 }
@@ -21,7 +25,11 @@ const Swiper = ({
   from = 0,
   prevTitle = "",
   nextTitle = "",
+  prevTitleColor,
+  nextTitleColor,
   dotsTouchable = true,
+  dotColor,
+  dotActiveColor,
   children,
   style,
 }: SwiperProps) => (
@@ -34,7 +42,15 @@ const Swiper = ({
       controlsProps={{
         prevTitle,
         nextTitle,
+        prevTitleStyle: { color: prevTitleColor },
+        nextTitleStyle: { color: nextTitleColor },
         dotsTouchable,
+        ...(dotColor
+          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+          : {}),
+        ...(dotActiveColor
+          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+          : {}),
       }}
     >
       {children}

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/{AccordionGroup.js → Accordion.js}

@@ -1,9 +1,16 @@
 import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = {
-    name: "Accordion Group",
+    name: "Accordion",
     tag: "AccordionGroup",
     description: "An expandable container containing components",
     category: COMPONENT_TYPES.container,
+    layout: {
+        paddingTop: 8,
+        paddingRight: 8,
+        paddingBottom: 8,
+        paddingLeft: 8,
+        fontSize: 16,
+    },
     props: {
         openColor: createColorProp({
             label: "Open text color",

package/src/mappings/{AccordionGroup.ts → Accordion.ts}

@@ -8,10 +8,17 @@ import {
 } from "@draftbit/types";
 
 export const SEED_DATA = {
-  name: "Accordion Group",
+  name: "Accordion",
   tag: "AccordionGroup",
   description: "An expandable container containing components",
   category: COMPONENT_TYPES.container,
+  layout: {
+    paddingTop: 8,
+    paddingRight: 8,
+    paddingBottom: 8,
+    paddingLeft: 8,
+    fontSize: 16,
+  },
   props: {
     openColor: createColorProp({
       label: "Open text color",

package/src/mappings/AccordionItem.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
     name: "Accordion Item",
     tag: "AccordionItem",
     description: "Item to be used in Accordion",
-    category: COMPONENT_TYPES.button,
+    category: COMPONENT_TYPES.deprecated,
     props: {
         icon: createIconProp(),
         label: createTextProp({

package/src/mappings/AccordionItem.ts

@@ -9,7 +9,7 @@ export const SEED_DATA = {
   name: "Accordion Item",
   tag: "AccordionItem",
   description: "Item to be used in Accordion",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     icon: createIconProp(),
     label: createTextProp({

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/src/mappings/Swiper.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper",
     tag: "Swiper",
@@ -37,6 +37,20 @@ export const SEED_DATA = {
             label: "Next Title",
             defaultValue: "",
         }),
+        prevTitleColor: createColorProp({
+            label: "Previous Title Color",
+        }),
+        nextTitleColor: createColorProp({
+            label: "Next Title Color",
+        }),
+        dotColor: createColorProp({
+            label: "Dot Color",
+            defaultValue: "light",
+        }),
+        dotActiveColor: createColorProp({
+            label: "Dot Active Color",
+            defaultValue: "primary",
+        }),
         dotsTouchable: createBoolProp({
             group: GROUPS.basic,
             label: "Dots Touchable",

package/src/mappings/Swiper.ts

@@ -3,6 +3,7 @@ import {
   createBoolProp,
   createNumberProp,
   createTextProp,
+  createColorProp,
   GROUPS,
 } from "@draftbit/types";
 
@@ -44,6 +45,20 @@ export const SEED_DATA = {
       label: "Next Title",
       defaultValue: "",
     }),
+    prevTitleColor: createColorProp({
+      label: "Previous Title Color",
+    }),
+    nextTitleColor: createColorProp({
+      label: "Next Title Color",
+    }),
+    dotColor: createColorProp({
+      label: "Dot Color",
+      defaultValue: "light",
+    }),
+    dotActiveColor: createColorProp({
+      label: "Dot Active Color",
+      defaultValue: "primary",
+    }),
     dotsTouchable: createBoolProp({
       group: GROUPS.basic,
       label: "Dots Touchable",

package/src/mappings/TextArea.js

@@ -15,8 +15,6 @@ export const SEED_DATA = {
         paddingTop: 8,
         paddingBottom: 8,
         borderRadius: 8,
-        textAlignVertical: "top",
-        minHeight: 100,
     },
     triggers: [Triggers.OnChangeText],
     props: {

package/src/mappings/TextArea.ts

@@ -24,8 +24,6 @@ export const SEED_DATA = {
     paddingTop: 8,
     paddingBottom: 8,
     borderRadius: 8,
-    textAlignVertical: "top",
-    minHeight: 100,
   },
   triggers: [Triggers.OnChangeText],
   props: {

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

@@ -1 +0,0 @@
-{"version":3,"sources":["AccordionGroup.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,4BAAgB;AACzBC,MAAAA,KAAK,EAAE;AADkB,KAAhB,CADN;AAILC,IAAAA,WAAW,EAAE,4BAAgB;AAC3BD,MAAAA,KAAK,EAAE;AADoB,KAAhB,CAJR;AAOLE,IAAAA,UAAU,EAAE,4BAAgB;AAC1BF,MAAAA,KAAK,EAAE;AADmB,KAAhB,CAPP;AAULG,IAAAA,QAAQ,EAAE,6BAAiB;AACzBH,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAjB,CAVL;AAcLJ,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE;AADa,KAAf,CAdF;AAiBLK,IAAAA,QAAQ,EAAE,iCAAqB;AAC7BL,MAAAA,KAAK,EAAE,UADsB;AAE7BN,MAAAA,WAAW,EAAE;AAFgB,KAArB,CAjBL;AAqBLY,IAAAA,IAAI,EAAE;AArBD;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Group\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}

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