@draftbit/core 43.3.4-1b7a99.0 → 43.3.4-b1718d.4

package/lib/commonjs/components/FAB.js

@@ -60,11 +60,15 @@ const FAB = _ref => {
       }];
     }
   }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
-    size: "small",
+    style: size > 50 ? {
+      marginTop: 2,
+      marginLeft: 2
+    } : undefined,
+    size: size <= 50 ? "small" : "large",
     color: color
   }) : /*#__PURE__*/React.createElement(Icon, {
     name: iconName,
-    size: 28,
+    size: size,
     color: color
   }))));
 };

package/lib/commonjs/components/FAB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,iBAAD,QACGR,OAAO,gBACN,oBAAC,8BAAD;AAAmB,IAAA,IAAI,EAAC,OAAxB;AAAgC,IAAA,KAAK,EAAEY;AAAvC,IADM,gBAGN,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAE,EAA5B;AAAgC,IAAA,KAAK,EAAEW;AAAvC,IAJJ,CArBF,CAXF,CADF;AA2CD,CA3DD;;AA6DA,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENe,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;;eAce,wBAAUjC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator size=\"small\" color={color} />\n          ) : (\n            <Icon name={iconName} size={28} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["FAB.tsx"],"names":["FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","StyleSheet","create","justifyContent","alignItems","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;;;;;;;AAiBA,MAAMA,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,sBAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,iBAAD,QACGR,OAAO,gBACN,oBAAC,8BAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENkB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;;eAce,wBAAUpC,GAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}

package/lib/commonjs/components/Swiper/Swiper.js

@@ -21,7 +21,11 @@ const Swiper = _ref => {
     from = 0,
     prevTitle = "",
     nextTitle = "",
+    prevTitleColor,
+    nextTitleColor,
     dotsTouchable = true,
+    dotColor,
+    dotActiveColor,
     children,
     style
   } = _ref;
@@ -35,7 +39,25 @@ const Swiper = _ref => {
     controlsProps: {
       prevTitle,
       nextTitle,
-      dotsTouchable
+      prevTitleStyle: {
+        color: prevTitleColor
+      },
+      nextTitleStyle: {
+        color: nextTitleColor
+      },
+      dotsTouchable,
+      ...(dotColor ? {
+        dotProps: {
+          badgeStyle: {
+            backgroundColor: dotColor
+          }
+        }
+      } : {}),
+      ...(dotActiveColor ? {
+        dotActiveStyle: {
+          backgroundColor: dotActiveColor
+        }
+      } : {})
     }
   }, children));
 };

package/lib/commonjs/components/Swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAcA,MAAMA,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;eA4BeR,M","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  dotsTouchable?: boolean;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  dotsTouchable = true,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        dotsTouchable,\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}
+{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAkBA,MAAMA,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;eAwCeZ,M","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonGroup.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,oBADe;AAErBC,EAAAA,GAAG,EAAE,kBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAE,iCADR;AAEHC,IAAAA,SAAS,EAAE,gCAAoB;AAC3BC,MAAAA,eAAe,EAAE,eADU;AAE3BC,MAAAA,aAAa,EAAE,OAFY;AAG3BC,MAAAA,YAAY,EAAE;AAHa,KAApB;AAFR;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"]}
+{"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","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"]}

package/lib/commonjs/mappings/Swiper.js

@@ -45,6 +45,20 @@ const SEED_DATA = {
       label: "Next Title",
       defaultValue: ""
     }),
+    prevTitleColor: (0, _types.createColorProp)({
+      label: "Previous Title Color"
+    }),
+    nextTitleColor: (0, _types.createColorProp)({
+      label: "Next Title Color"
+    }),
+    dotColor: (0, _types.createColorProp)({
+      label: "Dot Color",
+      defaultValue: "light"
+    }),
+    dotActiveColor: (0, _types.createColorProp)({
+      label: "Dot Active Color",
+      defaultValue: "primary"
+    }),
     dotsTouchable: (0, _types.createBoolProp)({
       group: _types.GROUPS.basic,
       label: "Dots Touchable",

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

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","group","GROUPS","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAjB,CADD;AAKLC,IAAAA,IAAI,EAAE,2BAAe;AACnBJ,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAf,CALD;AASLE,IAAAA,OAAO,EAAE,6BAAiB;AACxBL,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAjB,CATJ;AAcLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBP,MAAAA,KAAK,EAAEC,cAAOC,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAf,CAdL;AAmBLE,IAAAA,SAAS,EAAE,2BAAe;AACxBR,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAnBN;AAwBLG,IAAAA,SAAS,EAAE,2BAAe;AACxBT,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAxBN;AA6BLI,IAAAA,aAAa,EAAE,2BAAe;AAC5BV,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAf;AA7BV;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Swiper.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","group","GROUPS","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAjB,CADD;AAKLC,IAAAA,IAAI,EAAE,2BAAe;AACnBJ,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAf,CALD;AASLE,IAAAA,OAAO,EAAE,6BAAiB;AACxBL,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAjB,CATJ;AAcLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBP,MAAAA,KAAK,EAAEC,cAAOC,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAf,CAdL;AAmBLE,IAAAA,SAAS,EAAE,2BAAe;AACxBR,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAnBN;AAwBLG,IAAAA,SAAS,EAAE,2BAAe;AACxBT,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAxBN;AA6BLI,IAAAA,cAAc,EAAE,4BAAgB;AAC9BP,MAAAA,KAAK,EAAE;AADuB,KAAhB,CA7BX;AAgCLQ,IAAAA,cAAc,EAAE,4BAAgB;AAC9BR,MAAAA,KAAK,EAAE;AADuB,KAAhB,CAhCX;AAmCLS,IAAAA,QAAQ,EAAE,4BAAgB;AACxBT,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAhB,CAnCL;AAuCLO,IAAAA,cAAc,EAAE,4BAAgB;AAC9BV,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAhB,CAvCX;AA2CLQ,IAAAA,aAAa,EAAE,2BAAe;AAC5Bd,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAf;AA3CV;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    prevTitleColor: createColorProp({\n      label: \"Previous Title Color\",\n    }),\n    nextTitleColor: createColorProp({\n      label: \"Next Title Color\",\n    }),\n    dotColor: createColorProp({\n      label: \"Dot Color\",\n      defaultValue: \"light\",\n    }),\n    dotActiveColor: createColorProp({\n      label: \"Dot Active Color\",\n      defaultValue: \"primary\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

package/lib/commonjs/mappings/TextArea.js

@@ -13,7 +13,16 @@ const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: _types.COMPONENT_TYPES.input,
   layout: {
-    flex: 1
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
   props: { ..._types.TEXT_INPUT_PROPS,

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

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","flex","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETd,MAAAA,WAAW,EAAE,WAFJ;AAGTe,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbd,MAAAA,WAAW,EAAE,iBAFA;AAGbe,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETvB,MAAAA,WAAW,EAAE,WAFJ;AAGTwB,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbvB,MAAAA,WAAW,EAAE,iBAFA;AAGbwB,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\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    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

package/lib/module/components/FAB.js

@@ -47,11 +47,15 @@ const FAB = _ref => {
       }];
     }
   }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: "small",
+    style: size > 50 ? {
+      marginTop: 2,
+      marginLeft: 2
+    } : undefined,
+    size: size <= 50 ? "small" : "large",
     color: color
   }) : /*#__PURE__*/React.createElement(Icon, {
     name: iconName,
-    size: 28,
+    size: size,
     color: color
   }))));
 };

package/lib/module/components/FAB.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FAB.tsx"],"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","create","justifyContent","alignItems","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC,OAAxB;AAAgC,IAAA,KAAK,EAAEY;AAAvC,IADM,gBAGN,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAE,EAA5B;AAAgC,IAAA,KAAK,EAAEW;AAAvC,IAJJ,CArBF,CAXF,CADF;AA2CD,CA3DD;;AA6DA,MAAMO,MAAM,GAAG3B,UAAU,CAAC8B,MAAX,CAAkB;AAC/BF,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENc,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAG7B,QAAQ,CAAC8B,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;AAcA,eAAehC,SAAS,CAACC,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator size=\"small\" color={color} />\n          ) : (\n            <Icon name={iconName} size={28} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["FAB.tsx"],"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","create","justifyContent","alignItems","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAG3B,UAAU,CAACiC,MAAX,CAAkB;AAC/BL,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENiB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGhC,QAAQ,CAACiC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;AAcA,eAAenC,SAAS,CAACC,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}

package/lib/module/components/Picker/PickerComponent.android.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
 import omit from "lodash.omit";
@@ -89,24 +91,8 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(TextField, { ...props,
+  }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
     value: selectedLabel,
-    placeholder: placeholder,
-    // @ts-ignore
-    ref: textField,
-    disabled: disabled,
-    // @ts-expect-error
-    style: stylesWithoutMargin
-  }))));
-};
-
-const styles = StyleSheet.create({
-  container: {
-    alignSelf: "stretch"
-  }
-});
-export default withTheme(Picker);
-//# sourceMappingURL=PickerComponent.android.js.map
     placeholder: placeholder // @ts-ignore
     ,
     ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()

package/lib/module/components/Picker/PickerComponent.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PickerComponent.android.js"],"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","createElement","onPress","styles","container","enabled","opacity","position","top","left","right","bottom","width","map","Item","key","pointerEvents","ref","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nconst Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {\n    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n    padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n    ...viewStyles }, } = extractStyles(style);\n    const textField = React.useRef(undefined);\n    const onValueChange = (itemValue, itemIndex) => {\n        toggleFocus();\n        onValueChangeOverride(itemValue, itemIndex);\n    };\n    const toggleFocus = () => {\n        if (!disabled) {\n            // @ts-ignore\n            textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n        }\n    };\n    const stylesWithoutMargin = style &&\n        omit(StyleSheet.flatten(style), [\n            \"margin\",\n            \"marginTop\",\n            \"marginRight\",\n            \"marginBottom\",\n            \"marginLeft\",\n        ]);\n    const selectedLabel = selectedValue &&\n        (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n    return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },\n        React.createElement(View, null,\n            React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {\n                    opacity: 0,\n                    position: \"absolute\",\n                    top: 0,\n                    left: 0,\n                    right: 0,\n                    bottom: 0,\n                    width: \"100%\",\n                } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),\n            React.createElement(View, { pointerEvents: \"none\" },\n                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, \n                    // @ts-ignore\n                    ref: textField, disabled: disabled, \n                    // @ts-expect-error\n                    style: stylesWithoutMargin })))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: \"stretch\",\n    },\n});\nexport default withTheme(Picker);\n"]}
+{"version":3,"sources":["PickerComponent.android.tsx"],"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"]}

package/lib/module/components/Swiper/Swiper.js

@@ -10,7 +10,11 @@ const Swiper = _ref => {
     from = 0,
     prevTitle = "",
     nextTitle = "",
+    prevTitleColor,
+    nextTitleColor,
     dotsTouchable = true,
+    dotColor,
+    dotActiveColor,
     children,
     style
   } = _ref;
@@ -24,7 +28,25 @@ const Swiper = _ref => {
     controlsProps: {
       prevTitle,
       nextTitle,
-      dotsTouchable
+      prevTitleStyle: {
+        color: prevTitleColor
+      },
+      nextTitleStyle: {
+        color: nextTitleColor
+      },
+      dotsTouchable,
+      ...(dotColor ? {
+        dotProps: {
+          badgeStyle: {
+            backgroundColor: dotColor
+          }
+        }
+      } : {}),
+      ...(dotActiveColor ? {
+        dotActiveStyle: {
+          backgroundColor: dotActiveColor
+        }
+      } : {})
     }
   }, children));
 };

package/lib/module/components/Swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAcA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;AA4BA,eAAeR,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  dotsTouchable?: boolean;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  dotsTouchable = true,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        dotsTouchable,\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}
+{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAkBA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;AAwCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["BlurView.js"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,UAA1B,EAAsCC,UAAtC,EAAkDC,MAAlD,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,WADe;AAErBC,EAAAA,GAAG,EAAE,UAFgB;AAGrBC,EAAAA,WAAW,EAAE,gBAHQ;AAIrBC,EAAAA,QAAQ,EAAE,qDAJW;AAKrBC,EAAAA,SAAS,EAAE,kFALU;AAMrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MANL;AAOrBA,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE,CADN;AAEJC,IAAAA,UAAU,EAAE,CAFR;AAGJC,IAAAA,SAAS,EAAE;AAHP,GAPa;AAYrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAE,MADL;AAEFV,MAAAA,WAAW,EAAE,2BAFX;AAGFW,MAAAA,QAAQ,EAAE,IAHR;AAIFC,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,YAAY,EAAE,SALZ;AAMFC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,SANnB;AAOFC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,MAPnB;AAQFC,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARP;AASFC,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AATZ,KADH;AAYHC,IAAAA,SAAS,EAAE;AACPX,MAAAA,KAAK,EAAE,WADA;AAEPV,MAAAA,WAAW,EAAE,uEAFN;AAGPW,MAAAA,QAAQ,EAAE,IAHH;AAIPC,MAAAA,QAAQ,EAAE,IAJH;AAKPC,MAAAA,YAAY,EAAE,EALP;AAMPC,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MANd;AAOPN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MAPd;AAQPC,MAAAA,GAAG,EAAE,CARE;AASPC,MAAAA,GAAG,EAAE,GATE;AAUPC,MAAAA,IAAI,EAAE,CAVC;AAWPC,MAAAA,SAAS,EAAE,CAXJ;AAYPR,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AAZP;AAZR;AAZc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Blur View\",\n    tag: \"BlurView\",\n    description: \"Expo Blur View\",\n    doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n    code_link: \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n    category: COMPONENT_TYPES.layout,\n    layout: {\n        flexGrow: 1,\n        flexShrink: 1,\n        flexBasis: 0,\n    },\n    props: {\n        tint: {\n            label: \"Tint\",\n            description: \"The tint of the blur view\",\n            editable: true,\n            required: true,\n            defaultValue: \"default\",\n            formType: FORM_TYPES.flatArray,\n            propType: PROP_TYPES.STRING,\n            options: [\"default\", \"light\", \"dark\"],\n            group: GROUPS.basic,\n        },\n        intensity: {\n            label: \"Intensity\",\n            description: \"A number from 1 to 100 that controls the intensity of the blur effect\",\n            editable: true,\n            required: true,\n            defaultValue: 50,\n            formType: FORM_TYPES.number,\n            propType: PROP_TYPES.NUMBER,\n            min: 0,\n            max: 100,\n            step: 1,\n            precision: 0,\n            group: GROUPS.basic,\n        },\n    },\n};\n"]}
+{"version":3,"sources":["BlurView.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,QAAQ,EAAE,qDAJa;AAKvBC,EAAAA,SAAS,EACP,kFANqB;AAOvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAPH;AAQvBA,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,CADJ;AAENC,IAAAA,UAAU,EAAE,CAFN;AAGNC,IAAAA,SAAS,EAAE;AAHL,GARe;AAavBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJV,MAAAA,WAAW,EAAE,2BAFT;AAGJW,MAAAA,QAAQ,EAAE,IAHN;AAIJC,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,YAAY,EAAE,SALV;AAMJC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,SANjB;AAOJC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,MAPjB;AAQJC,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;AASJC,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AATV,KADD;AAYLC,IAAAA,SAAS,EAAE;AACTX,MAAAA,KAAK,EAAE,WADE;AAETV,MAAAA,WAAW,EACT,uEAHO;AAITW,MAAAA,QAAQ,EAAE,IAJD;AAKTC,MAAAA,QAAQ,EAAE,IALD;AAMTC,MAAAA,YAAY,EAAE,EANL;AAOTC,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MAPZ;AAQTN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MARZ;AASTC,MAAAA,GAAG,EAAE,CATI;AAUTC,MAAAA,GAAG,EAAE,GAVI;AAWTC,MAAAA,IAAI,EAAE,CAXG;AAYTC,MAAAA,SAAS,EAAE,CAZF;AAaTR,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AAbL;AAZN;AAbgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"]}

package/lib/module/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/lib/module/mappings/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,MALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEb,gBAAgB,CAAC;AACrBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACnBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAElB,gBAAgB,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAErB,cAAc,CAAC;AACvBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAEpB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,aAAa,EAAExB,cAAc,CAAC;AAC5Be,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA7BxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACxBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACvBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CA7B1B;AAgCLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CAhC1B;AAmCLS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBe,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAD,CAnCpB;AAuCLO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAD,CAvC1B;AA2CLQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA3CxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    prevTitleColor: createColorProp({\n      label: \"Previous Title Color\",\n    }),\n    nextTitleColor: createColorProp({\n      label: \"Next Title Color\",\n    }),\n    dotColor: createColorProp({\n      label: \"Dot Color\",\n      defaultValue: \"light\",\n    }),\n    dotActiveColor: createColorProp({\n      label: \"Dot Active Color\",\n      defaultValue: \"primary\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/TextArea.js

@@ -5,7 +5,16 @@ export const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
   layout: {
-    flex: 1
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
   },
   triggers: [Triggers.OnChangeText],
   props: { ...TEXT_INPUT_PROPS,

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

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","flex","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,WAAW,EAAE,EACX,GAAGb,gBAAgB,CAACa,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETX,MAAAA,WAAW,EAAE,WAFJ;AAGTY,MAAAA,KAAK,EAAEtB,MAAM,CAACuB,aAHL;AAITC,MAAAA,QAAQ,EAAEtB,UAAU,CAACuB,OAJZ;AAKTC,MAAAA,QAAQ,EAAEvB,UAAU,CAACwB,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbX,MAAAA,WAAW,EAAE,iBAFA;AAGbY,MAAAA,KAAK,EAAEtB,MAAM,CAAC+B,KAHD;AAIbP,MAAAA,QAAQ,EAAEtB,UAAU,CAAC8B,MAJR;AAKbN,MAAAA,QAAQ,EAAEvB,UAAU,CAAC8B,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAG9B,UADM;AAETe,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAAClB,QAAQ,CAACmB,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGrB,gBADE;AAELsB,IAAAA,WAAW,EAAE,EACX,GAAGtB,gBAAgB,CAACsB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETpB,MAAAA,WAAW,EAAE,WAFJ;AAGTqB,MAAAA,KAAK,EAAE/B,MAAM,CAACgC,aAHL;AAITC,MAAAA,QAAQ,EAAE/B,UAAU,CAACgC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEhC,UAAU,CAACiC,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbpB,MAAAA,WAAW,EAAE,iBAFA;AAGbqB,MAAAA,KAAK,EAAE/B,MAAM,CAACwC,KAHD;AAIbP,MAAAA,QAAQ,EAAE/B,UAAU,CAACuC,MAJR;AAKbN,MAAAA,QAAQ,EAAEhC,UAAU,CAACuC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGvC,UADM;AAETwB,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\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    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

package/lib/typescript/src/components/Swiper/Swiper.d.ts

@@ -7,9 +7,13 @@ 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>;
 }
-declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, dotsTouchable, children, style, }: SwiperProps) => JSX.Element;
+declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, children, style, }: SwiperProps) => JSX.Element;
 export default Swiper;

package/lib/typescript/src/mappings/Swiper.d.ts

@@ -52,6 +52,46 @@ export declare const SEED_DATA: {
         };
         prevTitle: any;
         nextTitle: any;
+        prevTitleColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        nextTitleColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        dotColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        dotActiveColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
         dotsTouchable: {
             label: string;
             description: string;

package/lib/typescript/src/mappings/TextArea.d.ts

@@ -4,7 +4,16 @@ export declare const SEED_DATA: {
     description: string;
     category: string;
     layout: {
-        flex: number;
+        borderLeftWidth: number;
+        borderRightWidth: number;
+        borderTopWidth: number;
+        borderBottomWidth: number;
+        borderColor: string;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        borderRadius: number;
     };
     triggers: string[];
     props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.3.4-1b7a99.0+1b7a995a",
+  "version": "43.3.4-b1718d.4+b1718d96",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "1b7a995a60652d8e6e5f9799de66fd8e381b3869"
+  "gitHead": "b1718d96a231df29288773f33fd9f30604f54bc6"
 }

package/src/components/FAB.js

@@ -28,7 +28,7 @@ const FAB = ({ onPress, disabled, loading, iconName = "MaterialIcons/add", style
                     },
                 ];
             }, ...props },
-            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { size: "small", color: color })) : (React.createElement(Icon, { name: iconName, size: 28, color: color }))))));
+            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { style: size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined, size: size <= 50 ? "small" : "large", color: color })) : (React.createElement(Icon, { name: iconName, size: size, color: color }))))));
 };
 const styles = StyleSheet.create({
     button: {

package/src/components/FAB.tsx

@@ -77,9 +77,13 @@ const FAB: React.FC<Props> = ({
       >
         <View>
           {loading ? (
-            <ActivityIndicator size="small" color={color} />
+            <ActivityIndicator
+              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}
+              size={size <= 50 ? "small" : "large"}
+              color={color}
+            />
           ) : (
-            <Icon name={iconName} size={28} color={color} />
+            <Icon name={iconName} size={size} color={color} />
           )}
         </View>
       </Pressable>

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/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

@@ -4,7 +4,18 @@ export const SEED_DATA = {
     tag: "TextInput",
     description: "An input field that allows for multiple lines.",
     category: COMPONENT_TYPES.input,
-    layout: { flex: 1 },
+    layout: {
+        borderLeftWidth: 1,
+        borderRightWidth: 1,
+        borderTopWidth: 1,
+        borderBottomWidth: 1,
+        borderColor: "divider",
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderRadius: 8,
+    },
     triggers: [Triggers.OnChangeText],
     props: {
         ...TEXT_INPUT_PROPS,

package/src/mappings/TextArea.ts

@@ -13,7 +13,18 @@ export const SEED_DATA = {
   tag: "TextInput",
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
-  layout: { flex: 1 },
+  layout: {
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8,
+  },
   triggers: [Triggers.OnChangeText],
   props: {
     ...TEXT_INPUT_PROPS,