@graphcommerce/magento-category 3.4.4 → 3.5.0

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.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.4.4...@graphcommerce/magento-category@3.5.0) (2021-12-01)
+
+
+### Features
+
+* borderRadius based on theme.shape.borderRadius ([7c34937](https://github.com/ho-nl/m2-pwa/commit/7c349376cd41a131c628324c299106fdb7e60484))
+* introduce borderRadius ([183afbc](https://github.com/ho-nl/m2-pwa/commit/183afbc8ee269f6694c372b06afdf41302f86c09))
+
+
+
+
+
 # [3.4.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.29...@graphcommerce/magento-category@3.4.0) (2021-11-12)
 
 

package/components/CategoryHeroNav/CategoryHeroNav.tsx

@@ -1,4 +1,5 @@
 import { ProductListLink } from '@graphcommerce/magento-product'
+import { responsiveVal, Row } from '@graphcommerce/next-ui'
 import { makeStyles, Theme, Typography } from '@material-ui/core'
 import React from 'react'
 import { CategoryHeroNavFragment } from './CategoryHeroNav.gql'
@@ -16,7 +17,6 @@ const useStyles = makeStyles(
       gridTemplateRows: 'auto auto 1fr',
       borderBottom: `1px solid ${theme.palette.divider}`,
       marginBottom: theme.spacings.xl,
-      paddingRight: 0,
       paddingBottom: theme.page.vertical,
       [theme.breakpoints.up('md')]: {
         rowGap: theme.spacings.md,
@@ -62,6 +62,7 @@ const useStyles = makeStyles(
       '& video': {
         objectFit: 'cover',
         width: '100%',
+        borderRadius: responsiveVal(theme.shape.borderRadius * 2, theme.shape.borderRadius * 3),
       },
     },
     [theme.breakpoints.up('md')]: {
@@ -96,7 +97,7 @@ export default function CategoryHeroNav({ children, title, asset }: CategoryHero
 
   return (
     <>
-      <div className={classes.wrapper}>
+      <Row className={classes.wrapper} maxWidth={false}>
         <div className={classes.title}>{title}</div>
         <div className={classes.categories}>
           {children?.map((category) => {
@@ -120,7 +121,7 @@ export default function CategoryHeroNav({ children, title, asset }: CategoryHero
         <div className={classes.placeholder}>
           <div>{asset}</div>
         </div>
-      </div>
+      </Row>
     </>
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-category",
-  "version": "3.4.4",
+  "version": "3.5.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -24,9 +24,9 @@
     "@graphcommerce/framer-scroller": "^1.0.4",
     "@graphcommerce/graphql": "^2.105.5",
     "@graphcommerce/image": "^2.105.4",
-    "@graphcommerce/magento-product": "^3.6.4",
-    "@graphcommerce/magento-store": "^3.3.4",
-    "@graphcommerce/next-ui": "^3.18.2",
+    "@graphcommerce/magento-product": "^3.7.0",
+    "@graphcommerce/magento-store": "^3.3.5",
+    "@graphcommerce/next-ui": "^3.19.0",
     "@lingui/macro": "^3.12.1",
     "@material-ui/core": "^4.12.3",
     "next": "^12.0.3",
@@ -34,5 +34,5 @@
     "react-dom": "^17.0.2",
     "type-fest": "^2.5.1"
   },
-  "gitHead": "4d36627aeb43cba320c249b9a876384627064f18"
+  "gitHead": "f079c0b5b96dd1a048ca4d3c1d07916353c6bc33"
 }