@jobber/components-native 0.101.1 → 0.101.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.101.1",
+  "version": "0.101.3",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -96,5 +96,5 @@
     "react-native-screens": ">=4.18.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "de49e06759960e32eef9209c8236dca1f12115eb"
+  "gitHead": "1f03d859cb80ae90c91107efbd8a057a30a7f720"
 }

package/src/ContentOverlay/ContentOverlay.tsx

@@ -272,6 +272,19 @@ export function ContentOverlay({
     ) : null;
   };
 
+  const backdropComponent = useMemo(
+    () =>
+      function ContentOverlayBackdrop(props: BottomSheetBackdropProps) {
+        return (
+          <Backdrop
+            {...props}
+            pressBehavior={isCloseableOnOverlayTap ? "close" : "none"}
+          />
+        );
+      },
+    [isCloseableOnOverlayTap],
+  );
+
   return (
     <BottomSheetModal
       ref={bottomSheetModalRef}
@@ -281,12 +294,7 @@ export function ContentOverlay({
       backgroundStyle={backgroundStyle}
       handleStyle={styles.handleWrapper}
       handleIndicatorStyle={handleIndicatorStyles}
-      backdropComponent={props => (
-        <Backdrop
-          {...props}
-          pressBehavior={isCloseableOnOverlayTap ? "close" : "none"}
-        />
-      )}
+      backdropComponent={backdropComponent}
       snapPoints={snapPoints}
       enablePanDownToClose={effectiveIsDraggable}
       enableContentPanningGesture={effectiveIsDraggable}
@@ -331,7 +339,7 @@ export function ContentOverlay({
 
 function Backdrop(
   bottomSheetBackdropProps: BottomSheetBackdropProps & {
-    pressBehavior: "none" | "close";
+    readonly pressBehavior: "none" | "close";
   },
 ) {
   const styles = useStyles();
@@ -342,7 +350,7 @@ function Backdrop(
       {...props}
       appearsOnIndex={0}
       disappearsOnIndex={-1}
-      style={styles.backdrop}
+      style={[props.style, styles.backdrop]}
       opacity={1}
       pressBehavior={pressBehavior}
     />

package/src/Heading/__snapshots__/Heading.test.tsx.snap

@@ -149,7 +149,7 @@ exports[`when Heading called with sub-heading variation and text-color should ma
         "fontFamily": "inter-semibold",
       },
       {
-        "color": "hsl(197, 15%, 43%)",
+        "color": "hsl(197, 21%, 36%)",
       },
       {
         "textAlign": "left",

package/src/InputTime/InputTime.test.tsx

@@ -263,7 +263,6 @@ describe("Form controlled", () => {
     expect(clearAction).toBeDefined();
 
     fireEvent.press(clearAction);
-    screen.debug();
     await waitFor(() => {
       expect(
         screen.getByText(requiredError, { includeHiddenElements: true }),

package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap

@@ -34,7 +34,7 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -113,7 +113,7 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -192,7 +192,7 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -271,7 +271,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -307,7 +307,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
           "width": 12,
         },
         {
-          "backgroundColor": "hsl(198, 25%, 33%)",
+          "backgroundColor": "hsl(197, 21%, 36%)",
         },
       ]
     }
@@ -350,7 +350,7 @@ exports[`StatusLabel status when status prop set to "informative" should match s
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -429,7 +429,7 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -508,7 +508,7 @@ exports[`StatusLabel status when status prop set to default ("success") should m
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",

package/src/Text/__snapshots__/Text.test.tsx.snap

@@ -459,7 +459,7 @@ exports[`renders text with subdued variation 1`] = `
         "fontFamily": "inter-regular",
       },
       {
-        "color": "hsl(197, 15%, 43%)",
+        "color": "hsl(197, 21%, 36%)",
       },
       {
         "textAlign": "left",
@@ -577,7 +577,7 @@ exports[`renders text with underline styling 1`] = `
         "textDecorationStyle": "dotted",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]

package/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap

@@ -278,7 +278,7 @@ exports[`renders a thumbnail component with attachments 1`] = `
                     "fontFamily": "inter-semibold",
                   },
                   {
-                    "color": "hsl(197, 15%, 43%)",
+                    "color": "hsl(197, 21%, 36%)",
                   },
                   {
                     "textAlign": "left",

package/src/Typography/__snapshots__/Typography.test.tsx.snap

@@ -1154,7 +1154,7 @@ exports[`underline renders text with dashed underline 1`] = `
         "textDecorationStyle": "dashed",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]
@@ -1194,7 +1194,7 @@ exports[`underline renders text with dotted underline 1`] = `
         "textDecorationStyle": "dotted",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]
@@ -1234,7 +1234,7 @@ exports[`underline renders text with double underline 1`] = `
         "textDecorationStyle": "double",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]
@@ -1274,7 +1274,7 @@ exports[`underline renders text with solid underline 1`] = `
         "textDecorationStyle": "solid",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]