@artsy/palette-mobile 13.1.21 → 13.1.22

package/dist/elements/Radio/RadioButton.js

@@ -14,7 +14,7 @@ const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
 const RADIOBUTTON_SIZE = 20;
 const DURATION = 150;
-const RadioButton = ({ selected, disabled, error, onPress, style, text, subtitle, children, accessibilityState, ...restProps }) => {
+const RadioButton = ({ selected, disabled, error, onPress, text, subtitle, accessibilityState, ...restProps }) => {
     const { color, space } = (0, useTheme_1.useTheme)();
     const fontScale = react_native_1.PixelRatio.getFontScale();
     const radioButtonSize = RADIOBUTTON_SIZE * fontScale;
@@ -50,7 +50,7 @@ const RadioButton = ({ selected, disabled, error, onPress, style, text, subtitle
                 return;
             }
             onPress?.(event);
-        }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { ...restProps, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { mt: "2px", children: (0, jsx_runtime_1.jsx)(animation_1.CssTransition, { style: [
+        }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { ...restProps, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { mt: "2px", children: (0, jsx_runtime_1.jsx)(animation_1.CssTransition, { style: [
                                     styles(fontScale).container,
                                     { marginRight: space(1) * fontScale },
                                     radioButtonStyle,

package/dist/elements/Radio/RadioButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./RadioButton").RadioButtonProps>;
+};
+export default _default;

package/dist/elements/Radio/RadioButton.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("@storybook/react-native");
+const react_1 = require("react");
+const RadioButton_1 = require("./RadioButton");
+const helpers_1 = require("../../storybook/helpers");
+const Flex_1 = require("../Flex");
+exports.default = {
+    title: "RadioButton",
+    component: RadioButton_1.RadioButton,
+};
+(0, react_native_1.storiesOf)("RadioButton", module).add("Default", () => {
+    const [metric, setMetric] = (0, react_1.useState)("cm");
+    return ((0, jsx_runtime_1.jsx)(helpers_1.List, { contentContainerStyle: {
+            marginHorizontal: 20,
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
+        }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", gap: 20, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { onPress: () => {
+                        setMetric("cm");
+                    }, selected: metric === "cm", text: "centimeters" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { onPress: () => {
+                        setMetric("in");
+                    }, selected: metric === "in", text: "inches" })] }) }));
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "13.1.21",
+  "version": "13.1.22",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082",