Update the remaining mobile media queries (#99)

Author: kevhender

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",

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.

src/carousel/Carousel.js

@@ -36,7 +36,7 @@ const styles = theme => ({
     },
   },
 
-  '@media (hover:none)': {
+  '@media not all and (hover:none)': {
     hideTouchArrows: {
       display: 'none',
     },

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',