@jobber/components-native 0.78.1-expose-ref-9ee8284.86 → 0.78.1-expose-ref-1f9384a.95

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.78.1-expose-ref-9ee8284.86+9ee82844",
+    "version": "0.78.1-expose-ref-1f9384a.95+1f9384ac",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -80,5 +80,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "9ee828441b72af014ffb3239bc61f0d35f1ca841"
+    "gitHead": "1f9384acfe6a3e0c59d0b9b471934842404b0f77"
 }

package/dist/src/Content/Content.js

@@ -3,14 +3,14 @@ import { View } from "react-native";
 import { useHorizontalStyles } from "./ContentHorizontal.style";
 import { useVerticalStyles } from "./ContentVertical.style";
 import { useSpaceAroundStyles } from "./ContentSpaceAround.style";
-export function Content({ children, spacing = "base", childSpacing = "base", direction = "vertical", }) {
+export function Content({ children, spacing = "base", childSpacing = "base", direction = "vertical", UNSAFE_style, }) {
     const horizontalStyles = useHorizontalStyles();
     const verticalStyles = useVerticalStyles();
     const spaceAroundStyles = useSpaceAroundStyles();
     const styles = direction === "horizontal" ? horizontalStyles : verticalStyles;
     const styleName = `${spacing}Space`;
     const containerStyle = spaceAroundStyles[styleName];
-    return (React.createElement(View, { style: [styles.wrapper, containerStyle] }, renderChildren()));
+    return (React.createElement(View, { style: [styles.wrapper, containerStyle, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container] }, renderChildren()));
     function renderChildren() {
         const childArray = React.Children.toArray(children);
         if (childArray.length === 1)
@@ -18,10 +18,12 @@ export function Content({ children, spacing = "base", childSpacing = "base", dir
         const spaceName = `${childSpacing}ChildSpace`;
         const childContainerStyle = styles[spaceName];
         return childArray.map((child, index) => {
-            // In order to get spacing between the children, we apply the child spacing on each of
-            // the children except for the first (top) child
             const childStyle = index !== 0 ? [childContainerStyle] : [];
-            return (React.createElement(View, { key: index, style: [styles.childWrapper, ...childStyle] }, child));
+            return (React.createElement(View, { key: index, style: [
+                    styles.childWrapper,
+                    ...childStyle,
+                    UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.childWrapper,
+                ] }, child));
         });
     }
 }