Make checkStyles a no-op in production

packages/utils/src/index.js

@@ -1,18 +1,24 @@
 let checkedPkgs = {};
 
-export let checkStyles = pkg => {
- // only check once per package
- if (checkedPkgs[pkg]) return;
- checkedPkgs[pkg] = true;
-
- if (
- parseInt(
- window.getComputedStyle(document.body).getPropertyValue(`--reach-${pkg}`),
- 10
- ) !== 1
- ) {
- console.warn(
- `@reach/${pkg} styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:
+let checkStyles = () => {};
+
+if (__DEV__) {
+ checkStyles = pkg => {
+ if (!__DEV__) return;
+ // only check once per package
+ if (checkedPkgs[pkg]) return;
+ checkedPkgs[pkg] = true;
+
+ if (
+ parseInt(
+ window
+ .getComputedStyle(document.body)
+ .getPropertyValue(`--reach-${pkg}`),
+ 10
+ ) !== 1
+ ) {
+ console.warn(
+ `@reach/${pkg} styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:
 
  import "@reach/${pkg}/styles.css";
 
@@ -22,9 +28,12 @@ export let checkStyles = pkg => {
 
  For more information visit https://ui.reach.tech/styling.
  `
- );
- }
-};
+ );
+ }
+ };
+}
+
+export { checkStyles };
 
 export let wrapEvent = (handler, cb) => event => {
  handler && handler(event);