@graphcommerce/magento-product 3.5.20 → 3.5.21

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.21](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.5.20...@graphcommerce/magento-product@3.5.21) (2021-11-12)
+
+
+### Bug Fixes
+
+* clean up themeProvider ([6868e71](https://github.com/ho-nl/m2-pwa/commit/6868e71b59a637be8229a2ab49791dd324e02bb9))
+* darkTheme ([b08f522](https://github.com/ho-nl/m2-pwa/commit/b08f52255c91dcba5498481ba5e9f0fa0b6c5013))
+* design ([c9c5bfb](https://github.com/ho-nl/m2-pwa/commit/c9c5bfbfda7f123c6f4ce5582d8afb3370fe826c))
+
+
+
+
+
 ## [3.5.19](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-product@3.5.18...@graphcommerce/magento-product@3.5.19) (2021-11-11)
 
 

package/components/ProductListCount/index.tsx

@@ -6,16 +6,17 @@ import { ProductListCountFragment } from './ProductListCount.gql'
 const useStyles = makeStyles(
   (theme: Theme) => ({
     productListCount: {
+      display: 'grid',
+      gridAutoFlow: 'column',
+      gridTemplateColumns: '1fr max-content 1fr',
       maxWidth: '100%',
       width: responsiveVal(280, 650),
       margin: '0 auto',
-      padding: theme.spacings.xs,
-      paddingTop: responsiveVal(24, 30),
-      paddingBottom: responsiveVal(4, 8),
-      position: 'relative',
       textAlign: 'center',
       gridArea: 'count',
-      marginBottom: theme.spacings.sm,
+      alignItems: 'center',
+      marginTop: theme.spacings.md,
+      marginBottom: theme.spacings.md,
     },
     line: {
       background: theme.palette.divider,
@@ -26,11 +27,9 @@ const useStyles = makeStyles(
     count: {
       ...theme.typography.body2,
       margin: '0 auto',
-      background: theme.palette.background.default,
       display: 'inline-block',
       padding: `0 ${theme.spacings.xs} 0 ${theme.spacings.xs}`,
       color: theme.palette.text.disabled,
-      transform: 'translateY(calc(-50% - 1px))',
     },
   }),
   {
@@ -50,6 +49,7 @@ export default function ProductListCount(props: ProductCountProps) {
       <div className={classes.count}>
         {total_count} product{(total_count ?? 0) > 1 ? 's' : ''}
       </div>
+      <div className={classes.line} />
     </div>
   )
 }

package/components/ProductListFilters/FilterEqualType.tsx

@@ -3,6 +3,7 @@ import { FilterEqualTypeInput } from '@graphcommerce/graphql'
 import { ChipMenu, ChipMenuProps, responsiveVal } from '@graphcommerce/next-ui'
 import {
   Checkbox,
+  lighten,
   ListItem,
   ListItemSecondaryAction,
   ListItemText,
@@ -26,6 +27,7 @@ type FilterEqualTypeProps = NonNullable<
 
 const useFilterEqualStyles = makeStyles(
   (theme: Theme) => ({
+    root: {},
     listItem: {
       padding: `0 ${theme.spacings.xxs} 0`,
       display: 'block',
@@ -126,6 +128,7 @@ export default function FilterEqualType(props: FilterEqualTypeProps) {
       selected={currentLabels.length > 0}
       selectedLabel={currentLabels.length > 0 ? currentLabels.join(', ') : undefined}
       onDelete={currentLabels.length > 0 ? removeFilter : undefined}
+      className={classes.root}
     >
       <div className={classes.linkContainer}>
         {options?.map((option) => {

package/components/ProductListItem/index.tsx

@@ -88,7 +88,6 @@ export const useProductListItemStyles = makeStyles(
       position: 'relative',
       paddingTop: `calc(100% / ${aspectRatio[0]} * ${aspectRatio[1]})`,
       background: theme.palette.background.image, // theme specific,
-      borderRadius: 2,
     }),
     placeholder: {
       display: 'flex',
@@ -117,7 +116,6 @@ export const useProductListItemStyles = makeStyles(
       padding: '0px 6px',
       color: theme.palette.background.default,
       display: 'inline-block',
-      borderRadius: 2,
     },
   }),
   { name: 'ProductListItem' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-product",
-  "version": "3.5.20",
+  "version": "3.5.21",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -24,9 +24,9 @@
     "@graphcommerce/framer-scroller": "^1.0.3",
     "@graphcommerce/graphql": "^2.105.4",
     "@graphcommerce/image": "^2.105.3",
-    "@graphcommerce/magento-cart": "^3.6.4",
-    "@graphcommerce/magento-store": "^3.2.19",
-    "@graphcommerce/next-ui": "^3.15.2",
+    "@graphcommerce/magento-cart": "^3.6.5",
+    "@graphcommerce/magento-store": "^3.2.20",
+    "@graphcommerce/next-ui": "^3.16.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.1"
   },
-  "gitHead": "47e8be849eaecea00f8673696ae1ec3283ec5fd6"
+  "gitHead": "b503ad4f2790a50e7c7aadf21ef61d104c8c8798"
 }