@graphcommerce/next-ui 3.8.1 → 3.10.2

package/AppShell/AppShellHeader/index.tsx

@@ -180,7 +180,7 @@ const useStyles = makeStyles(
       },
     },
     backButton: {
-      background: theme.palette.background.default,
+      background: theme.palette.background.paper,
       color: theme.palette.text.primary,
       '&:hover': {
         background: theme.palette.background.highlight,

package/AppShell/DesktopNavBar.tsx

@@ -57,7 +57,7 @@ const useStyles = makeStyles(
     },
     link: {
       whiteSpace: 'nowrap',
-      color: 'black',
+      color: theme.palette.text.primary,
       '&:hover': {
         textDecoration: 'none',
       },

package/AppShell/FullPageShellBase.tsx

@@ -8,7 +8,7 @@ import ShellBase, { PageLayoutBaseProps } from './ShellBase'
 const useStyles = makeStyles(
   (theme: Theme) => ({
     root: {
-      background: '#fff',
+      background: theme.palette.background.default,
       minHeight: '100vh',
       display: 'grid',
       gridTemplateRows: `auto 1fr auto`,

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.10.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.9.0...@graphcommerce/next-ui@3.10.0) (2021-10-27)
+
+
+### Features
+
+* **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
+
+
+
+
+
+# [3.9.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.8.1...@graphcommerce/next-ui@3.9.0) (2021-10-25)
+
+
+### Features
+
+* prepare for yarn 3 usage (not actually migrated because vercel doesn't support yarn 3) ([41734be](https://github.com/ho-nl/m2-pwa/commit/41734beaa016bf4c3487b3fbd5a402d8024e173f))
+
+
+
+
+
 # [3.8.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.7.1...@graphcommerce/next-ui@3.8.0) (2021-10-21)
 
 

package/index.ts

@@ -153,8 +153,6 @@ export { default as ToggleButton } from './ToggleButton'
 export type { ToggleButtonProps } from './ToggleButton'
 export { default as ToggleButtonGroup } from './ToggleButtonGroup'
 export type { ToggleButtonPropsBase } from './ToggleButtonGroup'
-export * from './useIntersectionObserver'
-export { default as useIntersectionObserver } from './useIntersectionObserver'
 export * from './UspList'
 export { default as UspList } from './UspList'
 export * from './UspList/UspListItem'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.8.1",
+  "version": "3.10.2",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-next-pages": "^2.106.11",
-    "@graphcommerce/framer-scroller": "^0.3.2",
-    "@graphcommerce/framer-sheet": "^2.105.11",
-    "@graphcommerce/framer-utils": "^2.103.10",
-    "@graphcommerce/graphql": "^2.104.0",
-    "@graphcommerce/image": "^2.104.12",
+    "@graphcommerce/framer-next-pages": "^2.107.1",
+    "@graphcommerce/framer-scroller": "^0.4.1",
+    "@graphcommerce/framer-sheet": "^2.105.13",
+    "@graphcommerce/framer-utils": "^2.103.12",
+    "@graphcommerce/graphql": "^2.105.1",
+    "@graphcommerce/image": "^2.105.1",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -23,8 +23,7 @@
     "clsx": "^1.1.1",
     "framer-motion": "^4.1.17",
     "graphql": "^15.6.1",
-    "next": "^11.1.2",
-    "node-fetch": "^3.0.0",
+    "next": "^12.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-focus-lock": "^2.5.2",
@@ -35,11 +34,11 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.0",
+    "@graphcommerce/eslint-config-pwa": "^3.1.2",
     "@graphcommerce/prettier-config-pwa": "^3.0.3",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.15.2",
-    "@types/react-is": "^17.0.2",
+    "@playwright/test": "^1.16.2",
+    "@types/react-is": "^17.0.3",
     "graphql-tag": "2.12.5",
     "typescript": "^4.4.4"
   },
@@ -54,5 +53,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "988def3b35a2a9ae0f280da7f9d9aa9717d1e2da"
+  "gitHead": "7f5e13261ccb398f5a7e6bac70d3f4d5f757fa5f"
 }

package/useIntersectionObserver/index.tsx

@@ -1,31 +0,0 @@
-import { useState, RefObject, useEffect } from 'react'
-
-export type UseIntersectionObserverOptions = {
-  ref: RefObject<Element> | null
-  rootRef?: RefObject<Element> | null
-} & Pick<IntersectionObserverInit, 'rootMargin' | 'threshold'>
-
-export default function useIntersectionObserver({
-  ref,
-  rootRef,
-  rootMargin,
-  threshold,
-}: UseIntersectionObserverOptions) {
-  const [entry, setEntry] = useState<IntersectionObserverEntry | undefined>()
-
-  const tresholdJson = JSON.stringify(threshold)
-  useEffect(() => {
-    if (typeof window === 'undefined' || !ref?.current) return () => {}
-
-    const observer = new IntersectionObserver((entries) => setEntry(entries[entries.length - 1]), {
-      root: rootRef?.current,
-      rootMargin,
-      threshold: JSON.parse(tresholdJson) as IntersectionObserverInit['threshold'],
-    })
-
-    observer.observe(ref.current)
-    return () => observer.disconnect()
-  }, [ref, rootMargin, rootRef, tresholdJson])
-
-  return entry
-}