@graphcommerce/next-ui 3.22.1 → 3.22.2

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.22.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.22.1...@graphcommerce/next-ui@3.22.2) (2022-01-04)
+
+
+### Bug Fixes
+
+* broder radius of drawer was too small on desktop ([f8b3962](https://github.com/ho-nl/m2-pwa/commit/f8b3962825972e6bc232387e0a2e801289fcc492))
+* close button of bottom sheet spacing ([be33c20](https://github.com/ho-nl/m2-pwa/commit/be33c20fc8f41ad85d90bff15842738bc370b81e))
+* regression where primary action wasn't visible ([66f8ed2](https://github.com/ho-nl/m2-pwa/commit/66f8ed20ea0728881be81994d49bd6c399f2e914))
+
+
+
+
+
 ## [3.22.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.22.0...@graphcommerce/next-ui@3.22.1) (2022-01-04)
 
 

package/Layout/components/LayoutHeader.tsx

@@ -117,7 +117,7 @@ export function LayoutHeader(props: LayoutHeaderProps) {
   if (back) left = back
 
   if (!right) right = close
-  else if (!left) right = close
+  else if (!left) left = close
 
   if (!left && !right && !children) return null
 

package/Layout/components/LayoutHeaderClose.tsx

@@ -3,15 +3,25 @@ import React from 'react'
 import Button from '../../Button'
 import SvgImageSimple from '../../SvgImage/SvgImageSimple'
 import { iconClose } from '../../icons'
+import { makeStyles, Theme } from '@material-ui/core'
+import { responsiveVal } from '../../Styles/responsiveVal'
 
 export function useShowClose() {
   const { overlayGroup } = usePageContext()
   return !!overlayGroup
 }
 
+const useStyles = makeStyles((theme: Theme) => ({
+  close: {
+    marginLeft: `calc(${responsiveVal(12, 22)} * -1)`,
+    marginRight: `calc(${responsiveVal(12, 22)} * -1)`,
+  },
+}))
+
 export default function LayoutHeaderClose() {
   const { closeSteps } = usePageContext()
   const onClick = useGo(closeSteps * -1)
+  const classes = useStyles()
 
   return (
     <Button
@@ -20,6 +30,7 @@ export default function LayoutHeaderClose() {
       aria-label='Close'
       variant='text'
       startIcon={<SvgImageSimple src={iconClose} />}
+      className={classes.close}
     >
       Close
     </Button>

package/LayoutOverlay/components/LayoutOverlayBase.tsx

@@ -94,8 +94,8 @@ const useStyles = makeStyles(
     },
     overlayPaneVariantMdBottom: {
       [theme.breakpoints.up('md')]: {
-        borderTopLeftRadius: theme.shape.borderRadius * 3,
-        borderTopRightRadius: theme.shape.borderRadius * 3,
+        borderTopLeftRadius: theme.shape.borderRadius * 4,
+        borderTopRightRadius: theme.shape.borderRadius * 4,
       },
     },
     overlayPaneSizeSmFloating: {
@@ -105,7 +105,7 @@ const useStyles = makeStyles(
     },
     overlayPaneSizeMdFloating: {
       [theme.breakpoints.up('md')]: {
-        borderRadius: theme.shape.borderRadius * 3,
+        borderRadius: theme.shape.borderRadius * 4,
       },
     },
     overlayPaneSmVariantSizeLeftFull: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.22.1",
+  "version": "3.22.2",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.5.6",
-    "@graphcommerce/framer-next-pages": "^2.109.1",
-    "@graphcommerce/framer-scroller": "^1.2.1",
+    "@graphcommerce/framer-next-pages": "^2.109.2",
+    "@graphcommerce/framer-scroller": "^1.2.2",
     "@graphcommerce/framer-utils": "^2.103.21",
     "@graphcommerce/graphql": "^2.105.13",
     "@graphcommerce/image": "^2.105.13",
@@ -51,5 +51,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "ddea6bd034cb06864b33fc4d8af9a3b5dad1c914"
+  "gitHead": "0553535bc06348d46a64c90e5330f8ff108c0cbc"
 }