@graphcommerce/next-ui 3.2.3 → 3.3.3

package/AppShell/DesktopNavBar.tsx

@@ -1,10 +1,12 @@
 import { Scroller, ScrollerButton, ScrollerProvider } from '@graphcommerce/framer-scroller'
-import { Link, makeStyles, Theme } from '@material-ui/core'
+import { Link, LinkProps as MuiLinkProps, makeStyles, Theme } from '@material-ui/core'
+import { Variant as ThemeVariant } from '@material-ui/core/styles/createTypography'
 import clsx from 'clsx'
 import { m } from 'framer-motion'
 import PageLink from 'next/link'
 import { useRouter } from 'next/router'
 import React from 'react'
+import { UseStyles } from '../Styles'
 import SvgImageSimple from '../SvgImage/SvgImageSimple'
 import { iconChevronLeft, iconChevronRight } from '../icons'
 import { MenuProps } from './Menu'
@@ -79,11 +81,11 @@ const useStyles = makeStyles(
   { name: 'DesktopNavBar' },
 )
 
-export type MenuTabsProps = MenuProps
+export type MenuTabsProps = MenuProps & UseStyles<typeof useStyles> & { LinkProps?: MuiLinkProps }
 
 export default function DesktopNavBar(props: MenuTabsProps) {
-  const { menu } = props
-  const classes = useStyles()
+  const { menu, LinkProps } = props
+  const classes = useStyles(props)
   const router = useRouter()
 
   return (
@@ -92,7 +94,11 @@ export default function DesktopNavBar(props: MenuTabsProps) {
         <Scroller className={classes.scroller} hideScrollbar>
           {menu.map(({ href, children, ...linkProps }) => (
             <PageLink key={href.toString()} href={href} {...linkProps} passHref>
-              <Link className={classes.link} variant='h6'>
+              <Link
+                variant='h6'
+                {...LinkProps}
+                className={clsx(classes.link, LinkProps?.className)}
+              >
                 {children}
                 <div
                   className={clsx(

package/AppShell/FixedFab.tsx

@@ -10,7 +10,6 @@ const useStyles = makeStyles(
       bottom: 20,
       right: 20,
       zIndex: 100,
-      width: 56,
       boxShadow: theme.shadows[4],
       borderRadius: 99,
       maxWidth: 56,

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.3.2...@graphcommerce/next-ui@3.3.3) (2021-10-13)
+
+
+### Bug Fixes
+
+* regression in header ([4738fb7](https://github.com/ho-nl/m2-pwa/commit/4738fb7e13fb3be187f58b474219497783525d72))
+
+
+
+
+
+# [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.2.3...@graphcommerce/next-ui@3.3.0) (2021-10-13)
+
+
+### Features
+
+* allow styling DesktopNavBar ([12f99a6](https://github.com/ho-nl/m2-pwa/commit/12f99a603d9e9f89e28ec2452823b58abee59c4c))
+* implement extensibility for DesktopNavBar, SearchButton ([5710de8](https://github.com/ho-nl/m2-pwa/commit/5710de8936f59c7d0fcc648978183f0e7fdd26b7))
+* make DesktopNavBar Link variant customizable ([d47172f](https://github.com/ho-nl/m2-pwa/commit/d47172f3ebe0cc0b769e0d17c171ae4bb2045bbb))
+
+
+
+
+
 ## [3.2.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.2.2...@graphcommerce/next-ui@3.2.3) (2021-10-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.2.3",
+  "version": "3.3.3",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,19 +10,19 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-next-pages": "^2.106.7",
-    "@graphcommerce/framer-scroller": "^0.2.9",
-    "@graphcommerce/framer-sheet": "^2.105.7",
-    "@graphcommerce/framer-utils": "^2.103.6",
-    "@graphcommerce/graphql": "^2.103.5",
-    "@graphcommerce/image": "^2.104.8",
+    "@graphcommerce/framer-next-pages": "^2.106.9",
+    "@graphcommerce/framer-scroller": "^0.2.11",
+    "@graphcommerce/framer-sheet": "^2.105.9",
+    "@graphcommerce/framer-utils": "^2.103.8",
+    "@graphcommerce/graphql": "^2.103.7",
+    "@graphcommerce/image": "^2.104.10",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@material-ui/styles": "^4.11.4",
     "clsx": "^1.1.1",
     "framer-motion": "^4.1.17",
-    "graphql": "^15.6.0",
+    "graphql": "^15.6.1",
     "next": "^11.1.2",
     "node-fetch": "^3.0.0",
     "react": "^17.0.2",
@@ -31,18 +31,18 @@
     "react-is": "^17.0.2",
     "react-schemaorg": "^2.0.0",
     "schema-dts": "^1.0.0",
-    "type-fest": "^2.3.4"
+    "type-fest": "^2.5.0"
   },
   "devDependencies": {
-    "@graphcommerce/browserslist-config-pwa": "^3.0.1",
-    "@graphcommerce/eslint-config-pwa": "^3.0.5",
-    "@graphcommerce/prettier-config-pwa": "^3.0.2",
-    "@graphcommerce/typescript-config-pwa": "^3.1.0",
-    "@playwright/test": "^1.15.0",
+    "@graphcommerce/browserslist-config-pwa": "^3.0.2",
+    "@graphcommerce/eslint-config-pwa": "^3.0.7",
+    "@graphcommerce/prettier-config-pwa": "^3.0.3",
+    "@graphcommerce/typescript-config-pwa": "^3.1.1",
+    "@playwright/test": "^1.15.2",
     "@types/react-dom": "^17.0.9",
     "@types/react-is": "^17.0.2",
     "graphql-tag": "2.12.5",
-    "typescript": "^4.4.3"
+    "typescript": "^4.4.4"
   },
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
@@ -55,5 +55,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "23efb6abb9e5bb287434d07dbba664511b2c5e36"
+  "gitHead": "996d782db6b91323acf71868a7790d608367d918"
 }