@graphcommerce/magento-product 3.4.3 → 3.5.1

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 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-product@3.4.5...@graphcommerce/magento-product@3.5.0) (2021-11-02)
+
+
+### Bug Fixes
+
+* build ([98a0bba](https://github.com/ho-nl/m2-pwa/commit/98a0bba7d00e1c6a5ff0787183b711b1edb8b984))
+* darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
+* darkTheme ([df3d326](https://github.com/ho-nl/m2-pwa/commit/df3d326126446c1b92f8e46eff0533bbbe35604f))
+* remove unused imports ([b832188](https://github.com/ho-nl/m2-pwa/commit/b8321887f10a4a026adc5ca39166eeef90e60669))
+
+
+### 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.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.4.2...@graphcommerce/magento-product@3.4.3) (2021-11-01)
 
 

package/components/ProductAddToCart/ProductAddToCart.tsx

@@ -5,9 +5,7 @@ import {
   Button,
   ButtonProps,
   MessageSnackbar,
-  SvgImage,
   TextInputNumber,
-  iconCheckmark,
   iconChevronRight,
   SvgImageSimple,
 } from '@graphcommerce/next-ui'

package/components/ProductListFilters/FilterCheckboxType.tsx

@@ -1,10 +1,5 @@
 import { cloneDeep } from '@apollo/client/utilities'
-import {
-  useChipMenuStyles,
-  SvgImage,
-  iconCloseCircle,
-  SvgImageSimple,
-} from '@graphcommerce/next-ui'
+import { useChipMenuStyles, SvgImage, iconCancelAlt, SvgImageSimple } from '@graphcommerce/next-ui'
 import { Chip, ChipProps } from '@material-ui/core'
 import clsx from 'clsx'
 import React from 'react'
@@ -56,7 +51,7 @@ export default function FilterCheckboxType(props: FilterCheckboxTypeProps) {
               }
             : undefined
         }
-        deleteIcon={isActive ? <SvgImageSimple src={iconCloseCircle} size='small' /> : undefined}
+        deleteIcon={isActive ? <SvgImageSimple src={iconCancelAlt} size='small' /> : undefined}
         label={label}
         clickable
         {...chipProps}

package/components/ProductListFilters/FilterEqualType.tsx

@@ -65,7 +65,7 @@ const useFilterEqualStyles = makeStyles(
       textDecoration: 'none',
     },
     resetButton: {
-      background: theme.palette.grey['100'],
+      // background: theme.palette.grey['100'],
       marginRight: theme.spacings.xxs,
     },
     filterAmount: {
@@ -87,7 +87,7 @@ const useFilterEqualStyles = makeStyles(
     },
     isActive: {
       border: `1px solid ${theme.palette.primary.main}`,
-      boxShadow: `inset 0 0 0 4px #fff`,
+      boxShadow: `inset 0 0 0 4px ${theme.palette.background.paper}`,
     },
   }),
   { name: 'FilterEqual' },

package/components/ProductListFiltersContainer/index.tsx

@@ -38,7 +38,7 @@ const useStyles = makeStyles(
       paddingLeft: 0,
       paddingRight: 0,
       [theme.breakpoints.up('md')]: {
-        background: '#fff',
+        background: theme.palette.background.default,
         borderRadius: '99em',
       },
       [theme.breakpoints.down('sm')]: {
@@ -52,6 +52,8 @@ const useStyles = makeStyles(
       paddingBottom: 1,
       [theme.breakpoints.up('md')]: {
         borderRadius: '99em',
+        paddingLeft: 6,
+        paddingRight: 6,
       },
       columnGap: 6,
       gridAutoColumns: 'min-content',

package/components/ProductListItem/index.tsx

@@ -87,7 +87,7 @@ export const useProductListItemStyles = makeStyles(
       height: 0, // https://stackoverflow.com/questions/44770074/css-grid-row-height-safari-bug
       position: 'relative',
       paddingTop: `calc(100% / ${aspectRatio[0]} * ${aspectRatio[1]})`,
-      background: theme.palette.background.highlight, // thema specifiek
+      background: theme.palette.background.image, // theme specific,
       borderRadius: 2,
     }),
     placeholder: {
@@ -113,8 +113,9 @@ export const useProductListItemStyles = makeStyles(
       ...theme.typography.caption,
       background: theme.palette.text.primary,
       fontWeight: theme.typography.fontWeightBold,
+      border: `1px solid ${theme.palette.divider}`,
       padding: '0px 6px',
-      color: '#fff',
+      color: theme.palette.background.default,
       display: 'inline-block',
       borderRadius: 2,
     },

package/components/ProductSidebarDelivery/index.tsx

@@ -14,7 +14,8 @@ const useStyles = makeStyles(
       gridTemplateColumns: `min-content auto`,
       columnGap: theme.spacings.xxs,
       marginTop: theme.spacings.xxs,
-      background: '#fff',
+      background: theme.palette.background.paper,
+      border: `1px solid ${theme.palette.divider}`,
       padding: theme.spacings.xxs,
       borderRadius: responsiveVal(4, 6),
     },
@@ -30,7 +31,7 @@ const useStyles = makeStyles(
     },
     subtitle: {
       gridArea: 'subtitle',
-      color: theme.palette.text.disabled,
+      color: theme.palette.text.primary,
     },
   }),
   { name: 'ProductSidebarDelivery' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-product",
-  "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-cart": "^3.4.3",
-    "@graphcommerce/magento-store": "^3.1.6",
-    "@graphcommerce/next-ui": "^3.11.3",
+    "@graphcommerce/framer-scroller": "^0.4.3",
+    "@graphcommerce/graphql": "^2.105.2",
+    "@graphcommerce/image": "^2.105.2",
+    "@graphcommerce/magento-cart": "^3.5.1",
+    "@graphcommerce/magento-store": "^3.2.1",
+    "@graphcommerce/next-ui": "^3.12.1",
     "@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",
     "schema-dts": "^1.0.0",
     "type-fest": "^2.5.1"
   },
-  "gitHead": "570a61e72f88ef0a4bd1472d48c7a7dd28154f59"
+  "gitHead": "034145dd36551a6c71be6c51f0f1560ef50cb77a"
 }