@jobber/components 4.60.2 → 4.60.3-JOB-82754-.0

package/dist/DataList/index.js

@@ -149,11 +149,14 @@ const TRANSITION_DURATION_IN_SECONDS = design.tokens["timing-base"] / 1000;
 const TRANSITION_DELAY_IN_SECONDS = design.tokens["timing-quick"] / 1000;
 
 function useResponsiveSizing() {
-    const xs = useMediaQuery(`(width > ${BREAKPOINT_SIZES.xs}px)`);
-    const sm = useMediaQuery(`(width >= ${BREAKPOINT_SIZES.sm}px)`);
-    const md = useMediaQuery(`(width >= ${BREAKPOINT_SIZES.md}px)`);
-    const lg = useMediaQuery(`(width >= ${BREAKPOINT_SIZES.lg}px)`);
-    const xl = useMediaQuery(`(width >= ${BREAKPOINT_SIZES.xl}px)`);
+    // This was originally written to look for "min-width: 0" which would always
+    // return true no matter what.
+    // So, instead of running media query on it, just set it to true.
+    const xs = true;
+    const sm = useMediaQuery(`(min-width: ${BREAKPOINT_SIZES.sm}px)`);
+    const md = useMediaQuery(`(min-width: ${BREAKPOINT_SIZES.md}px)`);
+    const lg = useMediaQuery(`(min-width: ${BREAKPOINT_SIZES.lg}px)`);
+    const xl = useMediaQuery(`(min-width: ${BREAKPOINT_SIZES.xl}px)`);
     return { xs, sm, md, lg, xl };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.60.2",
+  "version": "4.60.3-JOB-82754-.0+6eb7e049",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.47.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.7.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "338cc47c611f0ecd674457c667bd8944039b367a"
+  "gitHead": "6eb7e049b719da5143779704a45ed3f91ead0b90"
 }