@graphcommerce/magento-cart 3.4.3 → 3.5.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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)
+
+
+### Bug Fixes
+
+* darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
+* darkTheme, prevent cart total color overlap ([9d4d7aa](https://github.com/ho-nl/m2-pwa/commit/9d4d7aa20ec05f13662efccce99dee10e462bf18))
+* remove text='bold', make contained button text stronger by default ([cd277c9](https://github.com/ho-nl/m2-pwa/commit/cd277c9f434a4a765eac372467e5a05c822d5512))
+
+
+### Features
+
+* darkTheme ([968f4f1](https://github.com/ho-nl/m2-pwa/commit/968f4f1360417bf7daa36454c19e6bc5cf53ae90))
+* darkTheme ([3ed6647](https://github.com/ho-nl/m2-pwa/commit/3ed664714670315bc9f20542549724f66cb5052d))
+
+
+
+
+
 ## [3.4.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-cart@3.4.0...@graphcommerce/magento-cart@3.4.1) (2021-10-28)
 
 

package/components/CartFab/CartFab.tsx

@@ -5,7 +5,8 @@ import {
   FixedFab,
   useFixedFabAnimation,
 } from '@graphcommerce/next-ui'
-import { Fab, FabProps, NoSsr } from '@material-ui/core'
+import { Fab, FabProps, makeStyles, NoSsr, Theme } from '@material-ui/core'
+import clsx from 'clsx'
 import { m } from 'framer-motion'
 import PageLink from 'next/link'
 import React from 'react'
@@ -19,8 +20,16 @@ export type CartFabProps = {
 
 type CartFabContentProps = CartFabProps & CartTotalQuantityFragment
 
+const useStyles = makeStyles((theme: Theme) => ({
+  fab: {
+    boxShadow: 'none',
+    background: theme.palette.background.default,
+  },
+}))
+
 function CartFabContent(props: CartFabContentProps) {
-  const { total_quantity, icon, ...fabProps } = props
+  const { total_quantity, icon, className, ...fabProps } = props
+  const classes = useStyles()
   const cartIcon = icon ?? <SvgImageSimple src={iconShoppingBag} loading='eager' size='large' />
   const { boxShadow } = useFixedFabAnimation()
 
@@ -31,7 +40,7 @@ function CartFabContent(props: CartFabContentProps) {
           aria-label='Cart'
           color='inherit'
           size='large'
-          style={{ boxShadow: 'none' }}
+          className={clsx(classes.fab, className)}
           {...fabProps}
         >
           {total_quantity > 0 ? (

package/components/CartSummary/index.tsx

@@ -10,11 +10,14 @@ import { GetCartSummaryDocument } from './GetCartSummary.gql'
 const useStyles = makeStyles(
   (theme: Theme) => ({
     root: {
-      borderRadius: 4,
-      background: '#FFFADD',
       margin: `${theme.spacings.sm} 0`,
+      '& div:last-child': {
+        borderRadius: '0 0 4px 4px',
+      },
     },
     detailsContainer: {
+      borderRadius: '4px 4px 0 0',
+      background: theme.palette.type === 'light' ? '#FFE10820' : theme.palette.background.paper,
       padding: theme.spacings.sm,
       gridColumnGap: theme.spacings.xl,
       gridRowGap: theme.spacings.sm,

package/components/CartTotals/CartTotals.tsx

@@ -11,7 +11,7 @@ const useStyles = makeStyles(
   (theme: Theme) => ({
     costsContainer: {
       borderRadius: 4,
-      background: '#FFFADD',
+      background: theme.palette.type === 'light' ? '#FFE10820' : theme.palette.background.paper,
       padding: `${theme.spacings.xs} ${theme.spacings.sm}`,
     },
     containerMarginTop: {

package/components/InlineAccount/index.tsx

@@ -91,7 +91,6 @@ export default function InlineAccount(props: InlineAccountProps) {
                   <Button
                     variant='pill'
                     color='secondary'
-                    text='bold'
                     loading={loading}
                     onClick={() => setToggled(!toggled)}
                     className={classes.button}
@@ -137,7 +136,6 @@ export default function InlineAccount(props: InlineAccountProps) {
               <Button
                 variant='pill'
                 color='secondary'
-                text='bold'
                 href={accountHref}
                 className={classes.button}
               >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-cart",
-  "version": "3.4.3",
+  "version": "3.5.1",
   "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.2",
+    "@graphcommerce/eslint-config-pwa": "^3.1.3",
     "@graphcommerce/prettier-config-pwa": "^3.0.3",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-scroller": "^0.4.2",
-    "@graphcommerce/graphql": "^2.105.1",
-    "@graphcommerce/image": "^2.105.1",
-    "@graphcommerce/magento-customer": "^3.3.3",
-    "@graphcommerce/magento-graphql": "^2.104.1",
-    "@graphcommerce/magento-store": "^3.1.6",
-    "@graphcommerce/next-ui": "^3.11.3",
-    "@graphcommerce/react-hook-form": "^2.102.13",
+    "@graphcommerce/framer-scroller": "^0.4.3",
+    "@graphcommerce/graphql": "^2.105.2",
+    "@graphcommerce/image": "^2.105.2",
+    "@graphcommerce/magento-customer": "^3.4.1",
+    "@graphcommerce/magento-graphql": "^2.104.2",
+    "@graphcommerce/magento-store": "^3.2.1",
+    "@graphcommerce/next-ui": "^3.12.1",
+    "@graphcommerce/react-hook-form": "^2.102.14",
     "@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": "^12.0.1",
+    "next": "^12.0.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "570a61e72f88ef0a4bd1472d48c7a7dd28154f59"
+  "gitHead": "034145dd36551a6c71be6c51f0f1560ef50cb77a"
 }