@graphcommerce/next-ui 3.21.10 → 3.21.14

package/AppShell/FixedFab.tsx

@@ -19,9 +19,7 @@ const useStyles = makeStyles(
       },
     },
   }),
-  {
-    name: 'FixedFab',
-  },
+  { name: 'FixedFab' },
 )
 
 type FixedFabProps = {

package/AppShell/index.ts

@@ -14,4 +14,3 @@ export * from './MenuFabSecondaryItem'
 export * from './PlaceholderFab'
 export * from './GlobalHead'
 export * from './useFabAnimation'
-export * from './useFixedFabAnimation'

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.21.13](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.21.12...@graphcommerce/next-ui@3.21.13) (2021-12-23)
+
+
+### Bug Fixes
+
+* **framer-next-pages:** make sure we dont have a double scroll while a bottomsheet is opened ([2887aba](https://github.com/ho-nl/m2-pwa/commit/2887abae0c0c553bdc6343fd2f431e4daeabefb5))
+
+
+
+
+
+## [3.21.11](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.21.10...@graphcommerce/next-ui@3.21.11) (2021-12-22)
+
+
+### Bug Fixes
+
+* cart fab wouldnt properly switch to darkmode ([2f4fe1e](https://github.com/ho-nl/m2-pwa/commit/2f4fe1ed28ab3b63440f40d1455f06bc02e44ce7))
+
+
+
+
+
 ## [3.21.10](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.21.9...@graphcommerce/next-ui@3.21.10) (2021-12-22)
 
 

package/LayoutOverlay/components/LayoutOverlayBase.tsx

@@ -11,6 +11,11 @@ import { useOverlayPosition } from '../hooks/useOverlayPosition'
 
 const useStyles = makeStyles(
   (theme: Theme) => ({
+    '@global': {
+      body: {
+        overflow: 'hidden',
+      },
+    },
     root: {
       display: 'grid',
       cursor: 'default',
@@ -138,12 +143,7 @@ const useStyles = makeStyles(
       minWidth: 'min(800px, 90vw)',
       scrollSnapAlign: 'end',
 
-      // The top bar on Google Chrome is about 56 pixels high. If we do not provide this padding we'll run into the issue that the user can't scroll to the bottom.
-      // We can't change this value with JS as that causes much jank
-      [`@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (max-width:${theme.breakpoints.values.sm}px)`]:
-        {
-          paddingBottom: 56,
-        },
+      paddingBottom: 56,
     },
     overlayPaneVariantSmBottom: {
       [theme.breakpoints.down('sm')]: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.21.10",
+  "version": "3.21.14",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.5.6",
-    "@graphcommerce/framer-next-pages": "^2.108.9",
-    "@graphcommerce/framer-scroller": "^1.1.20",
+    "@graphcommerce/framer-next-pages": "^2.108.10",
+    "@graphcommerce/framer-scroller": "^1.1.24",
     "@graphcommerce/framer-utils": "^2.103.20",
     "@graphcommerce/graphql": "^2.105.12",
     "@graphcommerce/image": "^2.105.11",
@@ -52,5 +52,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "c8ce20cffa0bf8fe47fa75d98c97d8c5d684c485"
+  "gitHead": "ce4499b06791f3b2e54a7e88bfca40abbcd1401c"
 }

package/AppShell/useFixedFabAnimation.ts

@@ -1,15 +0,0 @@
-import { alpha, useTheme } from '@material-ui/core'
-import { useTransform } from 'framer-motion'
-import { useScrollY } from '../Layout/hooks/useScrollY'
-
-export function useFixedFabAnimation() {
-  const theme = useTheme()
-  const scrollY = useScrollY()
-  const opacity = useTransform(scrollY, [50, 60], [0, 1])
-  const backgroundColor = useTransform(
-    scrollY,
-    [0, 10],
-    [alpha(theme.palette.background.paper, 0), alpha(theme.palette.background.paper, 1)],
-  )
-  return { backgroundColor, opacity }
-}