From fd5af2c8b37280ff27cead376fcd275ae1f51d68 Mon Sep 17 00:00:00 2001
From: Kevin Henderson <kevhender@gmail.com>
Date: Fri, 5 Jun 2020 08:44:03 -0400
Subject: [PATCH] Update the remaining mobile media queries (#99)

---
 package.json                      | 2 +-
 src/CmsSlot.js                    | 4 ++--
 src/carousel/Carousel.js          | 2 +-
 src/option/SwatchProductOption.js | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index febf0ab7..49f798ef 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-storefront",
-  "version": "8.7.0",
+  "version": "8.7.1",
   "description": "Build and deploy e-commerce progressive web apps (PWAs) in record time.",
   "module": "./index.js",
   "license": "Apache-2.0",
diff --git a/src/CmsSlot.js b/src/CmsSlot.js
index 2223f26f..8ffa4dc2 100644
--- a/src/CmsSlot.js
+++ b/src/CmsSlot.js
@@ -84,12 +84,12 @@ CmsSlot.proptypes = {
   /**
    * If `true`, will use `display: inline` style.
    */
-  inline: PropTypes.boolean,
+  inline: PropTypes.bool,
 
   /**
    * If `true` to lazy load images that have been preprocessed with `$.lazyLoadImages()`.
    */
-  lazyLoadImages: PropTypes.boolean,
+  lazyLoadImages: PropTypes.bool,
 
   /**
    * If `true`, prefetch links that have a `data-rsf-prefetch` attribute.
diff --git a/src/carousel/Carousel.js b/src/carousel/Carousel.js
index c09ef964..45653184 100644
--- a/src/carousel/Carousel.js
+++ b/src/carousel/Carousel.js
@@ -36,7 +36,7 @@ const styles = theme => ({
     },
   },
 
-  '@media (hover:none)': {
+  '@media not all and (hover:none)': {
     hideTouchArrows: {
       display: 'none',
     },
diff --git a/src/option/SwatchProductOption.js b/src/option/SwatchProductOption.js
index 197f46d6..a6a8dd19 100644
--- a/src/option/SwatchProductOption.js
+++ b/src/option/SwatchProductOption.js
@@ -49,7 +49,7 @@ export const styles = theme => ({
   /**
    * Styles applied for mobile devices.
    */
-  '@media (hover: none)': {
+  '@media not all and (hover: none)': {
     SwatchButton: {
       '&:hover': {
         backgroundColor: 'transparent',