@graphcommerce/magento-cart 3.2.6 → 3.4.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.4.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.3.2...@graphcommerce/magento-cart@3.4.0) (2021-10-28)
+
+
+### Features
+
+* dynamic icons, update SvgImage uses to SvgImageSimple ([3d3cc0e](https://github.com/ho-nl/m2-pwa/commit/3d3cc0e0336fcde1cce6ba19705f82c1edf9bfc6))
+
+
+
+
+
+# [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.2.6...@graphcommerce/magento-cart@3.3.0) (2021-10-27)
+
+
+### Features
+
+* **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
+
+
+
+
+
 # [3.2.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.1.15...@graphcommerce/magento-cart@3.2.0) (2021-10-19)
 
 

package/components/ApolloCartError/ApolloCartErrorFullPage.tsx

@@ -5,7 +5,8 @@ import {
   SvgImage,
   ApolloErrorFullPageProps,
   iconLock,
-  iconSadShoppingBag,
+  iconSadFace,
+  SvgImageSimple,
 } from '@graphcommerce/next-ui'
 import React from 'react'
 import { useClearCurrentCartId } from '../../hooks/useClearCurrentCartId'
@@ -22,7 +23,7 @@ export default function ApolloCartErrorFullPage(props: ApolloCartErrorFullPagePr
   return (
     <ApolloErrorFullPage
       error={error}
-      icon={<SvgImage src={iconSadShoppingBag} size={148} alt='person' />}
+      icon={<SvgImageSimple src={iconSadFace} alt='person' size='xxl' />}
       button={action}
       {...passedProps}
     />

package/components/CartFab/CartFab.tsx

@@ -33,9 +33,7 @@ function CartFabContent(props: CartFabContentProps) {
           aria-label='Cart'
           color='inherit'
           size='large'
-          style={{
-            boxShadow: 'none',
-          }}
+          style={{ boxShadow: 'none' }}
           {...fabProps}
         >
           {total_quantity > 0 ? (

package/components/CartStartCheckout/CartStartCheckout.tsx

@@ -1,5 +1,11 @@
 import { Money } from '@graphcommerce/magento-store'
-import { Button, iconChevronRight, responsiveVal, SvgImage } from '@graphcommerce/next-ui'
+import {
+  Button,
+  iconChevronRight,
+  responsiveVal,
+  SvgImage,
+  SvgImageSimple,
+} from '@graphcommerce/next-ui'
 import { makeStyles, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React, { PropsWithChildren } from 'react'
@@ -50,7 +56,7 @@ export default function CartStartCheckout(props: CartStartCheckoutProps) {
           variant='pill'
           color='secondary'
           className={classes.checkoutButton}
-          endIcon={<SvgImage src={iconChevronRight} shade='inverted' alt='checkout' />}
+          endIcon={<SvgImageSimple src={iconChevronRight} inverted alt='checkout' />}
           disabled={!hasTotals}
         >
           <span className={classes.checkoutButtonLabel}>Start Checkout</span>{' '}

package/components/CartTotals/CartTotals.tsx

@@ -36,7 +36,7 @@ const useStyles = makeStyles(
       fontWeight: theme.typography.fontWeightBold,
     },
     costsTax: {
-      color: theme.palette.primary.mutedText,
+      color: theme.palette.text.disabled,
       paddingTop: 0,
     },
     money: {

package/components/EmptyCart/EmptyCart.tsx

@@ -1,4 +1,4 @@
-import { iconSadShoppingBag, FullPageMessage, SvgImageSimple } from '@graphcommerce/next-ui'
+import { iconSadFace, FullPageMessage, SvgImageSimple } from '@graphcommerce/next-ui'
 import { Button } from '@material-ui/core'
 import Link from 'next/link'
 import React from 'react'
@@ -10,7 +10,7 @@ export default function EmptyCart(props: EmptyCartProps) {
   return (
     <FullPageMessage
       title='Your cart is empty'
-      icon={<SvgImageSimple src={iconSadShoppingBag} alt='Empty Cart' layout='fill' />}
+      icon={<SvgImageSimple src={iconSadFace} alt='Empty Cart' layout='fill' />}
       button={
         <Link href='/' passHref>
           <Button variant='contained' color='primary' size='large'>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-cart",
-  "version": "3.2.6",
+  "version": "3.4.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,29 +14,29 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.1",
+    "@graphcommerce/eslint-config-pwa": "^3.1.2",
     "@graphcommerce/prettier-config-pwa": "^3.0.3",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.15.2"
+    "@playwright/test": "^1.16.2"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-scroller": "^0.3.3",
-    "@graphcommerce/graphql": "^2.104.1",
-    "@graphcommerce/image": "^2.104.13",
-    "@graphcommerce/magento-customer": "^3.1.9",
-    "@graphcommerce/magento-graphql": "^2.103.10",
-    "@graphcommerce/magento-store": "^3.0.31",
-    "@graphcommerce/next-ui": "^3.9.0",
-    "@graphcommerce/react-hook-form": "^2.102.12",
+    "@graphcommerce/framer-scroller": "^0.4.1",
+    "@graphcommerce/graphql": "^2.105.1",
+    "@graphcommerce/image": "^2.105.1",
+    "@graphcommerce/magento-customer": "^3.3.0",
+    "@graphcommerce/magento-graphql": "^2.104.1",
+    "@graphcommerce/magento-store": "^3.1.3",
+    "@graphcommerce/next-ui": "^3.11.0",
+    "@graphcommerce/react-hook-form": "^2.102.13",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "clsx": "^1.1.1",
     "framer-motion": "^4.1.17",
-    "next": "^11.1.2",
+    "next": "^12.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "a71eb508e3ddf42e5705e23bc8016f6f08969c74"
+  "gitHead": "f923ddb5d98378c8737314e7296bba77b1c2dc9b"
 }