@graphcommerce/next-ui 3.18.1 → 3.18.2

package/AppShell/AppShellHeader/index.tsx

@@ -191,7 +191,7 @@ const useStyles = makeStyles(
         pointerEvents: 'all',
       },
       '& * > button': {
-        boxShadow: theme.shadows[3],
+        boxShadow: theme.shadows[6],
       },
       [theme.breakpoints.up('md')]: {
         position: 'fixed',

package/AppShell/MenuFab.tsx

@@ -36,7 +36,6 @@ const useStyles = makeStyles(
     },
     menuFab: {
       background: theme.palette.text.primary,
-      boxShadow: theme.shadows[2],
       width: responsiveVal(42, 56),
       height: responsiveVal(42, 56),
       pointerEvents: 'all',

package/AppShell/useFixedFabAnimation.tsx

@@ -1,16 +1,15 @@
 import { alpha, useTheme } from '@material-ui/core'
-import { useMotionTemplate, useTransform, useViewportScroll } from 'framer-motion'
+import { useMotionTemplate, useMotionValue, useTransform, useViewportScroll } from 'framer-motion'
 
 export default function useFixedFabAnimation() {
   const theme = useTheme()
   const { scrollY } = useViewportScroll()
-  const opacity = useTransform(scrollY, [50, 60], [0, 0.08])
+  const opacity = useTransform(scrollY, [50, 60], [0, 1])
   const opacity1 = useTransform(
     scrollY,
     [0, 10],
     [alpha(theme.palette.background.paper, 0), alpha(theme.palette.background.paper, 1)],
   )
-  const boxShadow = useMotionTemplate`0 2px 10px 0 rgba(0, 0, 0, ${opacity})`
   const backgroundColor = useMotionTemplate`${opacity1}`
-  return { boxShadow, backgroundColor, opacity }
+  return { backgroundColor, opacity }
 }

package/Button/index.tsx

@@ -67,7 +67,7 @@ const useStyles = makeStyles<
         backgroundColor: theme.palette.secondary.main,
         color: theme.palette.primary.contrastText,
         borderRadius: '99em',
-        boxShadow: theme.shadows[1],
+        boxShadow: theme.shadows[6],
         '&:hover': {
           background: theme.palette.secondary.dark,
         },

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.18.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.18.1...@graphcommerce/next-ui@3.18.2) (2021-11-27)
+
+
+### Bug Fixes
+
+* shadow snackbar with elevation ([8d7d011](https://github.com/ho-nl/m2-pwa/commit/8d7d0119357325f5c838def4ae8dc4ae19a43a6f))
+
+
+
+
+
 ## [3.18.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.18.0...@graphcommerce/next-ui@3.18.1) (2021-11-22)
 
 

package/Snackbar/MessageSnackbarImpl.tsx

@@ -161,6 +161,7 @@ export default function MessageSnackbarImpl(props: MessageSnackbarImplProps) {
         onClose={hideSnackbar}
       >
         <SnackbarContent
+          elevation={12}
           classes={{
             root: clsxBonus('root'),
             message: clsxBonus('message'),

package/ToggleButton/index.tsx

@@ -12,14 +12,12 @@ export const useStyles = makeStyles(
   (theme: Theme) => ({
     /* Styles applied to the root element. */
     root: {
-      border: '2px solid transparent',
       backgroundColor:
         theme.palette.type === 'light'
           ? theme.palette.background.default
           : lighten(theme.palette.background.default, theme.palette.action.hoverOpacity),
       borderRadius: 4,
-      // boxShadow: theme.shadows['1'],
-      boxShadow: `0px 0px 2px ${theme.palette.grey[400]}`,
+      border: `1px solid ${theme.palette.divider}`,
       '&$disabled': {
         borderWidth: 2,
       },
@@ -28,8 +26,8 @@ export const useStyles = makeStyles(
     },
     disabled: {},
     selected: ({ color = 'default' }: StyleProps) => ({
-      border: `2px solid ${theme.palette[color]?.main ?? theme.palette.primary.main}`,
-      boxShadow: `unset`,
+      border: `1px solid ${theme.palette[color]?.main ?? theme.palette.primary.main}`,
+      boxShadow: `inset 0 0 0 1px ${theme.palette[color]?.main ?? theme.palette.primary.main}`,
     }),
     /* Styles applied to the `label` wrapper element. */
     label: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.18.1",
+  "version": "3.18.2",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -53,5 +53,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "5ed153aa2213be8363138c0956872fe2fde2f590"
+  "gitHead": "4d36627aeb43cba320c249b9a876384627064f18"
 }