@graphcommerce/magento-product 3.0.27 → 3.2.0

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.2.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.1.0...@graphcommerce/magento-product@3.2.0) (2021-10-19)
+
+
+### Features
+
+* **framer-scroller:** better defaults so the Scroller doesn't look broken when providing no props ([b177ce9](https://github.com/ho-nl/m2-pwa/commit/b177ce9570abb9ccfd4eb5cc34e43d157bb4e81a))
+
+
+
+
+
+# [3.1.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.0.29...@graphcommerce/magento-product@3.1.0) (2021-10-18)
+
+
+### Features
+
+* **message-snackbar:** severity props ([c7be8a5](https://github.com/ho-nl/m2-pwa/commit/c7be8a51faf7a5937b7fab5bb352df2089ae4eea))
+
+
+
+
+
+## [3.0.28](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.0.27...@graphcommerce/magento-product@3.0.28) (2021-10-15)
+
+
+### Bug Fixes
+
+* **ProductListCount:** use theme instead of hardcoded color value ([cdfa232](https://github.com/ho-nl/m2-pwa/commit/cdfa2325c82fb94d4ff269e1d99ded1bca5e3a10))
+
+
+
+
+
 ## [3.0.23](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.0.22...@graphcommerce/magento-product@3.0.23) (2021-10-11)
 
 

package/components/ProductAddToCart/ProductAddToCart.tsx

@@ -9,6 +9,7 @@ import {
   TextInputNumber,
   iconCheckmark,
   iconChevronRight,
+  SvgImageSimple,
 } from '@graphcommerce/next-ui'
 import { Divider, makeStyles, Theme, Typography } from '@material-ui/core'
 import PageLink from 'next/link'
@@ -21,10 +22,6 @@ const useStyles = makeStyles(
       marginTop: theme.spacings.sm,
       width: '100%',
     },
-    messageIcon: {
-      marginBottom: '-2px',
-      marginRight: 5,
-    },
     price: {
       fontWeight: theme.typography.fontWeightBold,
       margin: `${theme.spacings.sm} 0`,
@@ -92,29 +89,22 @@ export default function ProductAddToCart(
       <MessageSnackbar
         open={!formState.isSubmitting && formState.isSubmitSuccessful && !error?.message}
         variant='pill'
-        color='default'
         action={
           <PageLink href='/cart'>
             <Button
               size='medium'
               variant='pill'
               color='secondary'
-              endIcon={<SvgImage src={iconChevronRight} shade='inverted' alt='chevron right' />}
+              endIcon={<SvgImageSimple src={iconChevronRight} inverted />}
             >
               View shopping cart
             </Button>
           </PageLink>
         }
       >
-        <div>
-          <SvgImage
-            src={iconCheckmark}
-            loading='eager'
-            alt='checkmark'
-            className={classes.messageIcon}
-          />
+        <>
           <strong>{name}</strong>&nbsp;has been added to your shopping cart!
-        </div>
+        </>
       </MessageSnackbar>
     </form>
   )

package/components/ProductListCount/index.tsx

@@ -18,7 +18,7 @@ const useStyles = makeStyles(
       marginBottom: theme.spacings.sm,
     },
     line: {
-      background: '#ededed',
+      background: theme.palette.divider,
       width: '100%',
       height: 1,
       lineHeight: 20,

package/components/ProductListFiltersContainer/index.tsx

@@ -42,10 +42,9 @@ const useStyles = makeStyles(
     },
     containerSticky: {},
     scroller: {
-      display: 'grid',
-      gridAutoFlow: 'column',
       borderRadius: 22,
       columnGap: 6,
+      gridAutoColumns: 'min-content',
     },
     scrollerSticky: {},
     sliderPrev: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-product",
-  "version": "3.0.27",
+  "version": "3.2.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -21,12 +21,12 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-scroller": "^0.2.11",
+    "@graphcommerce/framer-scroller": "^0.3.0",
     "@graphcommerce/graphql": "^2.103.7",
     "@graphcommerce/image": "^2.104.10",
-    "@graphcommerce/magento-cart": "^3.1.12",
-    "@graphcommerce/magento-store": "^3.0.23",
-    "@graphcommerce/next-ui": "^3.3.3",
+    "@graphcommerce/magento-cart": "^3.2.0",
+    "@graphcommerce/magento-store": "^3.0.27",
+    "@graphcommerce/next-ui": "^3.7.0",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -38,5 +38,5 @@
     "schema-dts": "^1.0.0",
     "type-fest": "^2.5.0"
   },
-  "gitHead": "996d782db6b91323acf71868a7790d608367d918"
+  "gitHead": "a7749d81f482a77bc6bcbf237aca551ed3b7a835"
 }