@artsy/palette-mobile 13.0.18 → 13.0.20

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v13.0.20 (Tue Nov 14 2023)
+
+#### 🐛 Bug Fix
+
+- feat(checkbox): expose custom accessibilityProps to the View wrapping the icon [#164](https://github.com/artsy/palette-mobile/pull/164) ([@araujobarret](https://github.com/araujobarret))
+
+#### Authors: 1
+
+- Carlos ([@araujobarret](https://github.com/araujobarret))
+
+---
+
+# v13.0.19 (Fri Oct 13 2023)
+
+#### 🐛 Bug Fix
+
+- feat(DIA-134): add ImageSetIcon [#161](https://github.com/artsy/palette-mobile/pull/161) ([@araujobarret](https://github.com/araujobarret))
+
+#### Authors: 1
+
+- Carlos Alberto de Araujo Barreto ([@araujobarret](https://github.com/araujobarret))
+
+---
+
 # v13.0.18 (Wed Oct 11 2023)
 
 #### 🐛 Bug Fix

package/dist/elements/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TouchableWithoutFeedbackProps } from "react-native";
+import { AccessibilityProps, TouchableWithoutFeedbackProps } from "react-native";
 import { FlexProps } from "../Flex";
 export interface CheckboxProps extends TouchableWithoutFeedbackProps, FlexProps {
     checked?: boolean;
@@ -8,6 +8,7 @@ export interface CheckboxProps extends TouchableWithoutFeedbackProps, FlexProps
     text?: React.ReactElement | string;
     subtitle?: React.ReactElement | string;
     children?: React.ReactElement | string;
+    checkboxAccessibilityProps?: AccessibilityProps;
 }
 export declare const Checkbox: React.FC<CheckboxProps>;
 interface CheckMarkProps {

package/dist/elements/Checkbox/Checkbox.js

@@ -16,7 +16,7 @@ const Flex_1 = require("../Flex");
 const Text_1 = require("../Text");
 const CHECKBOX_SIZE = 20;
 const DURATION = 250;
-const Checkbox = ({ checked: checkedProp, disabled, error, onPress, text, subtitle, children, ...restProps }) => {
+const Checkbox = ({ checked: checkedProp, disabled, error, onPress, text, subtitle, children, checkboxAccessibilityProps, ...restProps }) => {
     const { color, space } = (0, useTheme_1.useTheme)();
     const fontScale = react_native_1.PixelRatio.getFontScale();
     const checkboxSize = CHECKBOX_SIZE * fontScale;
@@ -55,7 +55,7 @@ const Checkbox = ({ checked: checkedProp, disabled, error, onPress, text, subtit
             }
             setChecked(!checked);
             onPress?.(event);
-        }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flex: 1, ...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)(CssTransition_1.CssTransition, { style: [
+        }, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flex: 1, ...restProps, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { mt: "2px", ...checkboxAccessibilityProps, children: (0, jsx_runtime_1.jsx)(CssTransition_1.CssTransition, { style: [
                                     styles(fontScale).container,
                                     text || subtitle || children ? { marginRight: space(1) * fontScale } : {},
                                     checkboxStyle,

package/dist/svgs/ImageSetIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from "./Icon";
+export declare const ImageSetIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;

package/dist/svgs/ImageSetIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageSetIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Icon_1 = require("./Icon");
+const hooks_1 = require("../utils/hooks");
+const ImageSetIcon = ({ fill, ...restProps }) => {
+    const color = (0, hooks_1.useColor)();
+    return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6H2V16H12V6ZM1 5V17H13V5H1Z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M14 3H3V4H14L14 15H15V4V3H14Z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M16 1H5V2H16L16 13H17V2V1H16Z", fill: color(fill) })] }));
+};
+exports.ImageSetIcon = ImageSetIcon;

package/dist/svgs/index.d.ts

@@ -58,6 +58,7 @@ export * from "./HeartFillIcon";
 export * from "./HeartIcon";
 export * from "./HomeIcon";
 export * from "./ImageIcon";
+export * from "./ImageSetIcon";
 export * from "./IncreaseIcon";
 export * from "./InfoCircleIcon";
 export * from "./InstagramAppIcon";

package/dist/svgs/index.js

@@ -74,6 +74,7 @@ __exportStar(require("./HeartFillIcon"), exports);
 __exportStar(require("./HeartIcon"), exports);
 __exportStar(require("./HomeIcon"), exports);
 __exportStar(require("./ImageIcon"), exports);
+__exportStar(require("./ImageSetIcon"), exports);
 __exportStar(require("./IncreaseIcon"), exports);
 __exportStar(require("./InfoCircleIcon"), exports);
 __exportStar(require("./InstagramAppIcon"), exports);

package/package.json

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