@jobber/components-native 0.81.2-fix-select-7f307df.38 → 0.81.3-update-rea-cf2839a.2

package/dist/types/src/Checkbox/Checkbox.style.d.ts

@@ -6,11 +6,12 @@ export declare const useStyles: () => {
         width: "100%";
         justifyContent: "space-between";
         flexDirection: "row";
-        alignItems: "center";
+        alignItems: "flex-start";
         paddingVertical: number;
     };
     label: {
         flex: number;
+        gap: number;
     };
     checkbox: {
         borderRadius: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.81.2-fix-select-7f307df.38+7f307dff",
+  "version": "0.81.3-update-rea-cf2839a.2+cf2839a3",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -46,7 +46,6 @@
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-modalize": "^2.0.13",
     "react-native-portalize": "^1.0.7",
-    "react-native-safe-area-context": "^4.5.2",
     "react-native-toast-message": "^2.1.6",
     "react-native-uuid": "^1.4.9",
     "ts-xor": "^1.1.0"
@@ -77,8 +76,8 @@
     "react-native-modalize": "^2.0.13",
     "react-native-portalize": "^1.0.7",
     "react-native-reanimated": "^3.0.0",
-    "react-native-safe-area-context": "^4.5.2",
+    "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "7f307dff03481897a00c9ee1fd346d6b3efd5cb2"
+  "gitHead": "cf2839a3626695cbf96523c49a200892dd3a1c1b"
 }

package/src/Checkbox/Checkbox.style.ts

@@ -12,12 +12,13 @@ export const useStyles = buildThemedStyles(tokens => {
       width: "100%",
       justifyContent: "space-between",
       flexDirection: "row",
-      alignItems: "center",
+      alignItems: "flex-start",
       paddingVertical: tokens["space-small"],
     },
 
     label: {
       flex: 1,
+      gap: tokens["space-smaller"],
     },
 
     checkbox: {

package/src/Checkbox/Checkbox.tsx

@@ -152,6 +152,15 @@ function CheckboxInternal({
             <Text variation={textVariation} align="start">
               {label}
             </Text>
+            {assistiveText && (
+              <Text
+                level="textSupporting"
+                align="start"
+                variation={textVariation}
+              >
+                {assistiveText}
+              </Text>
+            )}
           </View>
         )}
         <View
@@ -168,11 +177,6 @@ function CheckboxInternal({
           )}
         </View>
       </View>
-      {assistiveText && (
-        <Text level="textSupporting" align="start" variation={textVariation}>
-          {assistiveText}
-        </Text>
-      )}
     </Pressable>
   );
 }

package/src/ContentOverlay/ContentOverlay.tsx

@@ -72,6 +72,7 @@ function ContentOverlayInternal(
     showDismiss || isScreenReaderEnabled || isFullScreenOrTopPosition;
   const [showHeaderShadow, setShowHeaderShadow] = useState<boolean>(false);
   const overlayHeader = useRef<View>();
+  // Comment to trigger build
 
   const internalRef = useRef<Modalize>();
   const [modalizeMethods, setModalizeMethods] = useState<ContentOverlayRef>();

package/src/Select/Select.tsx

@@ -153,15 +153,14 @@ export function Select({
           <View
             style={[styles.container, (invalid || !!error) && styles.invalid]}
           >
-            {label && (
-              <Text
-                level="textSupporting"
-                variation={textVariation}
-                hideFromScreenReader={true}
-              >
-                {label}
-              </Text>
-            )}
+            <Text
+              level="textSupporting"
+              variation={textVariation}
+              hideFromScreenReader={true}
+            >
+              {label}
+            </Text>
+
             <View style={styles.input}>
               <View style={styles.value}>
                 <Text