@artsy/palette-mobile 3.0.0 → 3.1.0

package/dist/elements/Touchable/Touchable.d.ts

@@ -2,15 +2,15 @@ import { TouchableHighlightProps } from "react-native";
 import { HapticFeedbackTypes } from "react-native-haptic-feedback";
 interface ExtraTouchableProps {
     flex?: number;
+    /**
+     * `haptic` can be used like:
+     * <Touchable haptic />
+     * or
+     * <Touchable haptic="impactHeavy" />
+     */
     haptic?: HapticFeedbackTypes | true;
     noFeedback?: boolean;
 }
 export declare type TouchableProps = TouchableHighlightProps & ExtraTouchableProps;
-/**
- * `haptic` can be used like:
- * <Touchable haptic />
- * or
- * <Touchable haptic="impactHeavy" />
- */
 export declare const Touchable: ({ children, flex, haptic, noFeedback, onPress, ...restProps }: TouchableProps) => JSX.Element;
 export {};

package/dist/elements/Touchable/Touchable.js

@@ -10,24 +10,17 @@ const react_native_1 = require("react-native");
 const react_native_haptic_feedback_1 = __importDefault(require("react-native-haptic-feedback"));
 const atoms_1 = require("../../atoms");
 const hooks_1 = require("../../hooks");
-/**
- * `haptic` can be used like:
- * <Touchable haptic />
- * or
- * <Touchable haptic="impactHeavy" />
- */
-const Touchable = ({ children, flex, haptic, noFeedback, onPress, ...restProps }) => {
+const Touchable = ({ children, flex, haptic, noFeedback = false, onPress, ...restProps }) => {
     const color = (0, hooks_1.useColor)();
     const inner = react_1.Children.count(children) === 1 ? children : (0, jsx_runtime_1.jsx)(atoms_1.Flex, { flex: flex, children: children });
     const onPressWrapped = (evt) => {
-        if (onPress === undefined) {
+        if (onPress === undefined)
             return;
-        }
         if (haptic !== undefined) {
             react_native_haptic_feedback_1.default.trigger(haptic === true ? "impactLight" : haptic);
         }
         onPress(evt);
     };
-    return noFeedback ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { ...restProps, onPress: onPressWrapped, children: inner })) : ((0, jsx_runtime_1.jsx)(react_native_1.TouchableHighlight, { underlayColor: color("secondary"), activeOpacity: 0.8, ...restProps, onPress: onPressWrapped, children: inner }));
+    return noFeedback ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { ...restProps, onPress: onPressWrapped, children: inner })) : ((0, jsx_runtime_1.jsx)(react_native_1.TouchableHighlight, { activeOpacity: 0.8, ...restProps, underlayColor: color("background"), onPress: onPressWrapped, children: inner }));
 };
 exports.Touchable = Touchable;

package/dist/elements/Touchable/Touchable.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ children, flex, haptic, noFeedback, onPress, ...restProps }: import("./Touchable").TouchableProps) => JSX.Element;
+};
+export default _default;
+export declare const Examples: () => JSX.Element;

package/dist/elements/Touchable/Touchable.stories.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Examples = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const atoms_1 = require("../../atoms");
+const storybookHelpers_1 = require("../../storybookHelpers");
+const svgs_1 = require("../../svgs");
+const Text_1 = require("../Text");
+const Touchable_1 = require("./Touchable");
+exports.default = {
+    title: "Touchable",
+    component: Touchable_1.Touchable,
+};
+const Examples = () => ((0, jsx_runtime_1.jsxs)(storybookHelpers_1.List, { children: [(0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "This is a text wrapped in a `Touchable`." }) }), (0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { children: (0, jsx_runtime_1.jsxs)(atoms_1.Flex, { width: 200, alignItems: "center", borderColor: "red", borderWidth: 1, children: [(0, jsx_runtime_1.jsx)(svgs_1.TrashIcon, {}), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "This is a cell with an icon and a text, wrapped in a `Touchable`." })] }) })] }));
+exports.Examples = Examples;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "install:all": "yarn install && yarn bundle-install && yarn pod-install",