@draftbit/core 47.1.1-ca8570.2 → 47.1.1-dbfde6.2

package/lib/commonjs/components/Button.js

@@ -24,8 +24,8 @@ function Base(_ref) {
     loading,
     disabled,
     style,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
+    activeOpacity,
+    disabledOpacity,
     ...props
   } = _ref;
   const {

package/lib/commonjs/components/IconButton.js

@@ -16,13 +16,11 @@ const IconButton = _ref => {
     icon,
     color: customColor,
     size = 32,
-    disabled,
+    disabled = false,
     loading = false,
     onPress,
     theme,
     style,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
@@ -34,7 +32,7 @@ const IconButton = _ref => {
         pressed
       } = _ref2;
       return [styles.container, {
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+        opacity: pressed || disabled ? 0.75 : 1,
         width: size,
         height: size,
         alignItems: "center",

package/lib/commonjs/components/Pressable.js

@@ -13,8 +13,8 @@ function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
+    activeOpacity,
+    disabledOpacity,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/components/Touchable.js

@@ -13,8 +13,8 @@ function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
+    activeOpacity,
+    disabledOpacity,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/mappings/Button.js

@@ -23,7 +23,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: (0, _types.createStaticNumberProp)({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: null,
+    defaultValue: 0.8,
     min: 0,
     max: 1,
     step: 0.01,
@@ -33,7 +33,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: (0, _types.createStaticNumberProp)({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: null,
+    defaultValue: 0.8,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/commonjs/mappings/IconButton.js

@@ -10,24 +10,26 @@ const SEED_DATA = {
   tag: "IconButton",
   category: _types.COMPONENT_TYPES.button,
   layout: {},
-  triggers: [_types.Triggers.OnPress, _types.Triggers.OnLongPress],
+  triggers: [_types.Triggers.OnPress],
   stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
   props: {
     onPress: (0, _types.createActionProp)(),
-    onLongPress: (0, _types.createActionProp)(),
-    disabled: (0, _types.createDisabledProp)(),
     icon: (0, _types.createIconProp)(),
     color: (0, _types.createColorProp)({
       label: "Color",
       group: _types.GROUPS.basic
     }),
+    disabled: (0, _types.createBoolProp)({
+      label: "Disabled",
+      group: _types.GROUPS.basic
+    }),
     size: (0, _types.createNumberProp)({
       group: _types.GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 256,
+      max: 128,
       step: 1,
       precision: 0
     })

package/lib/commonjs/mappings/Shadow.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Shadow",
+  tag: "Shadow View",
+  description: "A cross-platform, universal shadow.",
+  library: "react-native-shadow-2",
+  category: _types.COMPONENT_TYPES.view,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {},
+  props: {
+    disabled: (0, _types.createDisabledProp)({
+      description: "Disabled the shadow."
+    }),
+    startColor: (0, _types.createColorProp)({
+      label: "Start Color",
+      description: "The initial gradient color of the shadow.",
+      defaultValue: null
+    }),
+    endColor: (0, _types.createColorProp)({
+      label: "End Color",
+      description: "The final gradient color of the shadow.",
+      defaultValue: null
+    }),
+    distance: (0, _types.createStaticNumberProp)({
+      label: "Distance",
+      description: "The distance of the shadow."
+    }),
+    paintInside: (0, _types.createStaticBoolProp)({
+      label: "Paint Inside",
+      description: "Apply the shadow below/inside the content.",
+      defaultValue: null
+    }),
+    stretch: (0, _types.createStaticBoolProp)({
+      label: "Stretch",
+      description: "Force children to occupy all available horizontal space.",
+      defaultValue: null
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Touchable.js

@@ -12,11 +12,10 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: (0, _types.createActionProp)(),
     onLongPress: (0, _types.createActionProp)(),
-    disabled: (0, _types.createDisabledProp)(),
     activeOpacity: (0, _types.createStaticNumberProp)({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: null,
+      defaultValue: 0.8,
       min: 0,
       max: 1,
       step: 0.01,
@@ -26,7 +25,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: (0, _types.createStaticNumberProp)({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: null,
+      defaultValue: 0.8,
       min: 0,
       max: 1,
       step: 0.01,
@@ -42,12 +41,6 @@ const SEED_DATA_PROPS = {
       label: "Hit Slop",
       description: "Sets additional distance outside of element in which a press can be detected.",
       required: false
-    }),
-    android_disableSound: (0, _types.createStaticBoolProp)({
-      label: "Disable Sound",
-      description: "Disable the Android sound effect.",
-      defaultValue: null,
-      group: _types.GROUPS.android
     })
   }
 };

package/lib/module/components/Button.js

@@ -16,8 +16,8 @@ function Base(_ref) {
     loading,
     disabled,
     style,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
+    activeOpacity,
+    disabledOpacity,
     ...props
   } = _ref;
   const {

package/lib/module/components/IconButton.js

@@ -8,13 +8,11 @@ const IconButton = _ref => {
     icon,
     color: customColor,
     size = 32,
-    disabled,
+    disabled = false,
     loading = false,
     onPress,
     theme,
     style,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
@@ -26,7 +24,7 @@ const IconButton = _ref => {
         pressed
       } = _ref2;
       return [styles.container, {
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+        opacity: pressed || disabled ? 0.75 : 1,
         width: size,
         height: size,
         alignItems: "center",

package/lib/module/components/Pressable.js

@@ -6,8 +6,8 @@ export default function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
+    activeOpacity,
+    disabledOpacity,
     delayLongPress,
     hitSlop,
     style,

package/lib/module/components/Touchable.js

@@ -6,8 +6,8 @@ export default function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity = 0.8,
-    disabledOpacity = 0.8,
+    activeOpacity,
+    disabledOpacity,
     delayLongPress,
     hitSlop,
     style,

package/lib/module/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: null,
+    defaultValue: 0.8,
     min: 0,
     max: 1,
     step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: null,
+    defaultValue: 0.8,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/module/mappings/IconButton.js

@@ -1,27 +1,29 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Icon Button",
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress, Triggers.OnLongPress],
+  triggers: [Triggers.OnPress],
   stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects, StylesPanelSections.Position],
   props: {
     onPress: createActionProp(),
-    onLongPress: createActionProp(),
-    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic
     }),
+    disabled: createBoolProp({
+      label: "Disabled",
+      group: GROUPS.basic
+    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 256,
+      max: 128,
       step: 1,
       precision: 0
     })

package/lib/module/mappings/Shadow.js

@@ -0,0 +1,39 @@
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Shadow",
+  tag: "Shadow View",
+  description: "A cross-platform, universal shadow.",
+  library: "react-native-shadow-2",
+  category: COMPONENT_TYPES.view,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {},
+  props: {
+    disabled: createDisabledProp({
+      description: "Disabled the shadow."
+    }),
+    startColor: createColorProp({
+      label: "Start Color",
+      description: "The initial gradient color of the shadow.",
+      defaultValue: null
+    }),
+    endColor: createColorProp({
+      label: "End Color",
+      description: "The final gradient color of the shadow.",
+      defaultValue: null
+    }),
+    distance: createStaticNumberProp({
+      label: "Distance",
+      description: "The distance of the shadow."
+    }),
+    paintInside: createStaticBoolProp({
+      label: "Paint Inside",
+      description: "Apply the shadow below/inside the content.",
+      defaultValue: null
+    }),
+    stretch: createStaticBoolProp({
+      label: "Stretch",
+      description: "Force children to occupy all available horizontal space.",
+      defaultValue: null
+    })
+  }
+};

package/lib/module/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
   layout: {},
@@ -6,11 +6,10 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
-    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: null,
+      defaultValue: 0.8,
       min: 0,
       max: 1,
       step: 0.01,
@@ -20,7 +19,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: null,
+      defaultValue: 0.8,
       min: 0,
       max: 1,
       step: 0.01,
@@ -36,12 +35,6 @@ const SEED_DATA_PROPS = {
       label: "Hit Slop",
       description: "Sets additional distance outside of element in which a press can be detected.",
       required: false
-    }),
-    android_disableSound: createStaticBoolProp({
-      label: "Disable Sound",
-      description: "Disable the Android sound effect.",
-      defaultValue: null,
-      group: GROUPS.android
     })
   }
 };

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

@@ -11,8 +11,6 @@ declare type Props = {
     onPress: () => void;
     theme: Theme;
     style?: StyleProp<ViewStyle>;
-    activeOpacity?: number;
-    disabledOpacity?: number;
 } & PressableProps & IconSlot;
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;

package/lib/typescript/src/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AA4DX,wBAAqC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AA0DX,wBAAqC"}

package/lib/typescript/src/components/Pressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAmB,EACnB,eAAqB,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}

package/lib/typescript/src/components/Touchable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/components/Touchable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAmB,EACnB,eAAqB,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/components/Touchable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}

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

@@ -16,26 +16,6 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
-        onLongPress: {
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            group: string;
-        };
-        disabled: {
-            label: string;
-            description: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-        };
         icon: {
             label: string;
             description: string;
@@ -56,6 +36,16 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        disabled: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
         size: {
             label: string;
             description: string;

package/lib/typescript/src/mappings/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/mappings/IconButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/mappings/IconButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCrB,CAAC"}

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

@@ -0,0 +1,73 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    library: string;
+    category: string;
+    stylesPanelSections: string[];
+    layout: {};
+    props: {
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
+        startColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        endColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        distance: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        paintInside: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        stretch: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};
+//# sourceMappingURL=Shadow.d.ts.map

package/lib/typescript/src/mappings/Shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCrB,CAAC"}

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

@@ -23,16 +23,6 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
-        disabled: {
-            label: string;
-            description: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-        };
         activeOpacity: {
             label: string;
             description: string;
@@ -77,16 +67,6 @@ export declare const SEED_DATA: {
             required: boolean;
             step: number;
         };
-        android_disableSound: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
     };
     name: string;
     tag: string;

package/lib/typescript/src/mappings/Touchable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAgEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.1.1-ca8570.2+ca85708",
+  "version": "47.1.1-dbfde6.2+dbfde6a",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.1.1-ca8570.2+ca85708",
+    "@draftbit/types": "^47.1.1-dbfde6.2+dbfde6a",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "ca857084563cd1d4242b340f362f57c112b42ee7"
+  "gitHead": "dbfde6ad1cdac6b48b63a2db76a55563c1232fd5"
 }

package/src/components/Button.js

@@ -7,7 +7,7 @@ const CONSTANTS = {
     padding: 8,
     icon: 24,
 };
-function Base({ Icon, icon, title, loading, disabled, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) {
+function Base({ Icon, icon, title, loading, disabled, style, activeOpacity, disabledOpacity, ...props }) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});
     const titleStyles = {
         color,

package/src/components/Button.tsx

@@ -59,8 +59,8 @@ function Base({
   loading,
   disabled,
   style,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
+  activeOpacity,
+  disabledOpacity,
   ...props
 }: BaseProps): JSX.Element {
   const {

package/src/components/IconButton.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
 import { withTheme } from "../theming";
-const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
+const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled = false, loading = false, onPress, theme, style, ...props }) => {
     const iconColor = customColor || theme.colors.primary;
     return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
             return [
                 styles.container,
                 {
-                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+                    opacity: pressed || disabled ? 0.75 : 1,
                     width: size,
                     height: size,
                     alignItems: "center",

package/src/components/IconButton.tsx

@@ -22,8 +22,6 @@ type Props = {
   onPress: () => void;
   theme: Theme;
   style?: StyleProp<ViewStyle>;
-  activeOpacity?: number;
-  disabledOpacity?: number;
 } & PressableProps &
   IconSlot;
 
@@ -32,13 +30,11 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
   icon,
   color: customColor,
   size = 32,
-  disabled,
+  disabled = false,
   loading = false,
   onPress,
   theme,
   style,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
   ...props
 }) => {
   const iconColor = customColor || theme.colors.primary;
@@ -51,7 +47,7 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
         return [
           styles.container,
           {
-            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+            opacity: pressed || disabled ? 0.75 : 1,
             width: size,
             height: size,
             alignItems: "center",

package/src/components/Pressable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable as NativePressable, } from "react-native";
-export default function Pressable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
+export default function Pressable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(NativePressable, { onPress: onPress, disabled: disabled, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Pressable.tsx

@@ -15,8 +15,8 @@ export default function Pressable({
   children,
   disabled,
   onPress,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
+  activeOpacity,
+  disabledOpacity,
   delayLongPress,
   hitSlop,
   style,

package/src/components/Touchable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable } from "react-native";
-export default function Touchable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
+export default function Touchable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(Pressable, { disabled: disabled, onPress: onPress, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Touchable.tsx

@@ -11,8 +11,8 @@ export default function Touchable({
   children,
   disabled,
   onPress,
-  activeOpacity = 0.8,
-  disabledOpacity = 0.8,
+  activeOpacity,
+  disabledOpacity,
   delayLongPress,
   hitSlop,
   style,

package/src/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
     activeOpacity: createStaticNumberProp({
         label: "Active Opacity",
         description: "Opacity of the button when active.",
-        defaultValue: null,
+        defaultValue: 0.8,
         min: 0,
         max: 1,
         step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
         label: "Disabled Opacity",
         description: "Opacity of the button when disabled.",
-        defaultValue: null,
+        defaultValue: 0.8,
         min: 0,
         max: 1,
         step: 0.01,

package/src/mappings/Button.ts

@@ -28,7 +28,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: null,
+    defaultValue: 0.8,
     min: 0,
     max: 1,
     step: 0.01,
@@ -38,7 +38,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: null,
+    defaultValue: 0.8,
     min: 0,
     max: 1,
     step: 0.01,

package/src/mappings/IconButton.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Icon Button",
     tag: "IconButton",
     category: COMPONENT_TYPES.button,
     layout: {},
-    triggers: [Triggers.OnPress, Triggers.OnLongPress],
+    triggers: [Triggers.OnPress],
     stylesPanelSections: [
         StylesPanelSections.Margins,
         StylesPanelSections.Effects,
@@ -12,20 +12,22 @@ export const SEED_DATA = {
     ],
     props: {
         onPress: createActionProp(),
-        onLongPress: createActionProp(),
-        disabled: createDisabledProp(),
         icon: createIconProp(),
         color: createColorProp({
             label: "Color",
             group: GROUPS.basic,
         }),
+        disabled: createBoolProp({
+            label: "Disabled",
+            group: GROUPS.basic,
+        }),
         size: createNumberProp({
             group: GROUPS.basic,
             label: "Size",
             description: "Width and height of your icon",
             defaultValue: 32,
             min: 16,
-            max: 256,
+            max: 128,
             step: 1,
             precision: 0,
         }),

package/src/mappings/IconButton.ts

@@ -4,10 +4,10 @@ import {
   createIconProp,
   createColorProp,
   createNumberProp,
+  createBoolProp,
   createActionProp,
   Triggers,
   StylesPanelSections,
-  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,7 +15,7 @@ export const SEED_DATA = {
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress, Triggers.OnLongPress],
+  triggers: [Triggers.OnPress],
   stylesPanelSections: [
     StylesPanelSections.Margins,
     StylesPanelSections.Effects,
@@ -23,20 +23,22 @@ export const SEED_DATA = {
   ],
   props: {
     onPress: createActionProp(),
-    onLongPress: createActionProp(),
-    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic,
     }),
+    disabled: createBoolProp({
+      label: "Disabled",
+      group: GROUPS.basic,
+    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 256,
+      max: 128,
       step: 1,
       precision: 0,
     }),

package/src/mappings/Shadow.js

@@ -0,0 +1,39 @@
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Shadow",
+    tag: "Shadow View",
+    description: "A cross-platform, universal shadow.",
+    library: "react-native-shadow-2",
+    category: COMPONENT_TYPES.view,
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+    layout: {},
+    props: {
+        disabled: createDisabledProp({
+            description: "Disabled the shadow.",
+        }),
+        startColor: createColorProp({
+            label: "Start Color",
+            description: "The initial gradient color of the shadow.",
+            defaultValue: null,
+        }),
+        endColor: createColorProp({
+            label: "End Color",
+            description: "The final gradient color of the shadow.",
+            defaultValue: null,
+        }),
+        distance: createStaticNumberProp({
+            label: "Distance",
+            description: "The distance of the shadow.",
+        }),
+        paintInside: createStaticBoolProp({
+            label: "Paint Inside",
+            description: "Apply the shadow below/inside the content.",
+            defaultValue: null,
+        }),
+        stretch: createStaticBoolProp({
+            label: "Stretch",
+            description: "Force children to occupy all available horizontal space.",
+            defaultValue: null,
+        }),
+    },
+};

package/src/mappings/Shadow.ts

@@ -0,0 +1,47 @@
+import {
+  COMPONENT_TYPES,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+  createColorProp,
+  createStaticNumberProp,
+  createStaticBoolProp,
+  createDisabledProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Shadow",
+  tag: "Shadow View",
+  description: "A cross-platform, universal shadow.",
+  library: "react-native-shadow-2",
+  category: COMPONENT_TYPES.view,
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
+  layout: {},
+  props: {
+    disabled: createDisabledProp({
+      description: "Disabled the shadow.",
+    }),
+    startColor: createColorProp({
+      label: "Start Color",
+      description: "The initial gradient color of the shadow.",
+      defaultValue: null,
+    }),
+    endColor: createColorProp({
+      label: "End Color",
+      description: "The final gradient color of the shadow.",
+      defaultValue: null,
+    }),
+    distance: createStaticNumberProp({
+      label: "Distance",
+      description: "The distance of the shadow.",
+    }),
+    paintInside: createStaticBoolProp({
+      label: "Paint Inside",
+      description: "Apply the shadow below/inside the content.",
+      defaultValue: null,
+    }),
+    stretch: createStaticBoolProp({
+      label: "Stretch",
+      description: "Force children to occupy all available horizontal space.",
+      defaultValue: null,
+    }),
+  },
+};

package/src/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     stylesPanelSections: [
         StylesPanelSections.Size,
@@ -10,11 +10,10 @@ const SEED_DATA_PROPS = {
     props: {
         onPress: createActionProp(),
         onLongPress: createActionProp(),
-        disabled: createDisabledProp(),
         activeOpacity: createStaticNumberProp({
             label: "Active Opacity",
             description: "The opacity when the button is pressed.",
-            defaultValue: null,
+            defaultValue: 0.8,
             min: 0,
             max: 1,
             step: 0.01,
@@ -24,7 +23,7 @@ const SEED_DATA_PROPS = {
         disabledOpacity: createStaticNumberProp({
             label: "Disabled Opacity",
             description: "The opacity when the button is disabled.",
-            defaultValue: null,
+            defaultValue: 0.8,
             min: 0,
             max: 1,
             step: 0.01,
@@ -41,12 +40,6 @@ const SEED_DATA_PROPS = {
             description: "Sets additional distance outside of element in which a press can be detected.",
             required: false,
         }),
-        android_disableSound: createStaticBoolProp({
-            label: "Disable Sound",
-            description: "Disable the Android sound effect.",
-            defaultValue: null,
-            group: GROUPS.android,
-        }),
     },
 };
 export const SEED_DATA = [

package/src/mappings/Touchable.ts

@@ -4,9 +4,6 @@ import {
   Triggers,
   createStaticNumberProp,
   StylesPanelSections,
-  createDisabledProp,
-  GROUPS,
-  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -20,11 +17,10 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
-    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: null,
+      defaultValue: 0.8,
       min: 0,
       max: 1,
       step: 0.01,
@@ -34,7 +30,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: null,
+      defaultValue: 0.8,
       min: 0,
       max: 1,
       step: 0.01,
@@ -53,12 +49,6 @@ const SEED_DATA_PROPS = {
         "Sets additional distance outside of element in which a press can be detected.",
       required: false,
     }),
-    android_disableSound: createStaticBoolProp({
-      label: "Disable Sound",
-      description: "Disable the Android sound effect.",
-      defaultValue: null,
-      group: GROUPS.android,
-    }),
   },
 };