@artsy/palette-mobile 13.1.28 → 13.1.30

package/dist/elements/Collapse/Collapse.js

@@ -4,6 +4,9 @@ exports.Collapse = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
 const Collapse = ({ opened, children }) => {
-    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { display: opened ? undefined : "none" }, children: children });
+    if (!opened) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { children: children });
 };
 exports.Collapse = Collapse;

package/dist/elements/Popover/Popover.js

@@ -15,19 +15,19 @@ const Flex_1 = require("../Flex");
 const Touchable_1 = require("../Touchable");
 const Popover = ({ variant = "dark", children, visible, onPressOutside, onDismiss, onCloseComplete, placement = "top", title, content, noCloseIcon, }) => {
     const style = exports.POPOVER_VARIANTS[variant];
-    return ((0, jsx_runtime_1.jsx)(react_native_popover_view_1.default, { backgroundStyle: { opacity: 0.5, backgroundColor: palette_tokens_1.THEME.colors["black100"] }, popoverStyle: [{ backgroundColor: style.backgroundColor }, style.shadow], from: children, isVisible: visible, 
+    return ((0, jsx_runtime_1.jsx)(react_native_popover_view_1.default, { backgroundStyle: { opacity: 0.5, backgroundColor: palette_tokens_1.THEME.colors.black100 }, popoverStyle: [{ backgroundColor: style.backgroundColor }, style.shadow], from: children, isVisible: visible, 
         // this is required to make sure that the popover is positioned correctly on android
         verticalOffset: react_native_1.Platform.OS === "android" ? -(react_native_1.StatusBar.currentHeight ?? 0) : 0, onCloseComplete: onCloseComplete, onRequestClose: onPressOutside, placement: placement, arrowSize: { height: 11, width: 22 }, animationConfig: {
             duration: 400,
             easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.exp),
-        }, children: (0, jsx_runtime_1.jsxs)(Container, { variant: variant, p: 1, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [title ? title : (0, jsx_runtime_1.jsx)(Flex_1.Flex, {}), !noCloseIcon && ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { onPress: onDismiss, children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: 0.5, children: (0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { width: 18, height: 18, fill: style.fill }) }) }))] }), content] }) }));
+        }, children: (0, jsx_runtime_1.jsxs)(Container, { variant: variant, p: 1, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [title ? title : (0, jsx_runtime_1.jsx)(Flex_1.Flex, {}), !noCloseIcon && ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { onPress: onDismiss, accessibilityRole: "button", "aria-label": "Dismiss popover", children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: 0.5, children: (0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { width: 18, height: 18, fill: style.fill }) }) }))] }), content] }) }));
 };
 exports.Popover = Popover;
 const Container = (0, styled_components_1.default)(Flex_1.Flex) `
   background-color: ${({ variant }) => exports.POPOVER_VARIANTS[variant].backgroundColor};
 `;
 const DROP_SHADOW = {
-    shadowColor: palette_tokens_1.THEME.colors["black100"],
+    shadowColor: palette_tokens_1.THEME.colors.black100,
     shadowOffset: {
         width: 0,
         height: 2,
@@ -38,12 +38,12 @@ const DROP_SHADOW = {
 };
 exports.POPOVER_VARIANTS = {
     light: {
-        backgroundColor: palette_tokens_1.THEME.colors["white100"],
+        backgroundColor: palette_tokens_1.THEME.colors.white100,
         fill: "black100",
         shadow: DROP_SHADOW,
     },
     dark: {
-        backgroundColor: palette_tokens_1.THEME.colors["black100"],
+        backgroundColor: palette_tokens_1.THEME.colors.black100,
         fill: "white100",
     },
 };

package/package.json

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