@graphcommerce/magento-cart 3.5.6 → 3.5.10

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.9](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.5.8...@graphcommerce/magento-cart@3.5.9) (2021-11-04)
+
+
+### Bug Fixes
+
+* Checkout button margin consistency ([9fcf7e7](https://github.com/ho-nl/m2-pwa/commit/9fcf7e7d96172448b2d2911771d6bf70ab976594))
+* remove hardcoded fontSize ([e4e09e1](https://github.com/ho-nl/m2-pwa/commit/e4e09e11baeb8edeff634550b8cdb88571d96911))
+
+
+
+
+
 # [3.5.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.4.5...@graphcommerce/magento-cart@3.5.0) (2021-11-02)
 
 

package/components/CartStartCheckout/CartStartCheckout.tsx

@@ -1,11 +1,5 @@
 import { Money } from '@graphcommerce/magento-store'
-import {
-  Button,
-  iconChevronRight,
-  responsiveVal,
-  SvgImage,
-  SvgImageSimple,
-} from '@graphcommerce/next-ui'
+import { Button, iconChevronRight, SvgImageSimple } from '@graphcommerce/next-ui'
 import { makeStyles, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React, { PropsWithChildren } from 'react'
@@ -17,27 +11,19 @@ const useStyles = makeStyles(
       textAlign: 'center',
     },
     checkoutButton: {
-      borderRadius: responsiveVal(40, 50),
-      fontSize: 17,
-      fontFamily: theme.typography.fontFamily,
-      fontWeight: 500,
+      marginTop: theme.spacings.md,
       marginBottom: theme.spacings.lg,
-      marginTop: theme.spacings.lg,
-      width: '100%',
-      maxHeight: 60,
-      maxWidth: 440,
-      padding: `${theme.spacings.xs} ${theme.spacings.sm}`,
     },
     checkoutButtonIcon: {
       marginLeft: 0,
     },
-    checkoutButtonLabel: {
-      fontWeight: theme.typography.fontWeightBold,
+    checkoutButtonTotal: {
       paddingRight: theme.spacings.xxs,
       '& ~ span.MuiButton-endIcon': {
         marginLeft: 6,
       },
     },
+    checkoutMoney: {},
   }),
   { name: 'Cart' },
 )
@@ -55,12 +41,17 @@ export default function CartStartCheckout(props: CartStartCheckoutProps) {
         <Button
           variant='pill'
           color='secondary'
+          size='large'
           className={classes.checkoutButton}
           endIcon={<SvgImageSimple src={iconChevronRight} inverted />}
           disabled={!hasTotals}
         >
-          <span className={classes.checkoutButtonLabel}>Start Checkout</span>{' '}
-          {hasTotals && <Money {...prices?.grand_total} />}
+          <span className={classes.checkoutButtonTotal}>Start Checkout</span>{' '}
+          {hasTotals && (
+            <span className={classes.checkoutMoney}>
+              <Money {...prices?.grand_total} />
+            </span>
+          )}
         </Button>
       </PageLink>
       {children}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-cart",
-  "version": "3.5.6",
+  "version": "3.5.10",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -21,13 +21,13 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-scroller": "^1.0.1",
+    "@graphcommerce/framer-scroller": "^1.0.2",
     "@graphcommerce/graphql": "^2.105.3",
     "@graphcommerce/image": "^2.105.2",
-    "@graphcommerce/magento-customer": "^3.4.6",
+    "@graphcommerce/magento-customer": "^3.4.10",
     "@graphcommerce/magento-graphql": "^2.104.3",
-    "@graphcommerce/magento-store": "^3.2.6",
-    "@graphcommerce/next-ui": "^3.13.1",
+    "@graphcommerce/magento-store": "^3.2.9",
+    "@graphcommerce/next-ui": "^3.14.1",
     "@graphcommerce/react-hook-form": "^2.103.0",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
@@ -38,5 +38,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "c9eac9065491268d26c187d9fe864f7e9232c0fb"
+  "gitHead": "0257164ff213435dc3ca5fbfadf7ef9b57657037"
 }