@graphcommerce/next-ui 3.14.0 → 3.14.4

package/AppShell/DesktopNavBar.tsx

@@ -23,10 +23,11 @@ const useStyles = makeStyles(
       },
     },
     scroller: {
-      display: 'flex',
+      display: 'grid',
       columnGap: 40,
       padding: '0 40px',
       minHeight: 40,
+      gridAutoColumns: 'min-content',
     },
     prevNextBtnWrapper: {
       position: 'absolute',

package/AppShell/MenuFab.tsx

@@ -56,10 +56,6 @@ const useStyles = makeStyles(
       ...theme.typography.h3,
       fontWeight: 550,
       lineHeight: 1,
-      // fontSize: '1.6em',
-      // fontWeight: 550,
-      // letterSpacing: '-0.0375em',
-      // lineHeight: 1,
     },
     menuItem: {},
   }),

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.14.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.14.2...@graphcommerce/next-ui@3.14.3) (2021-11-06)
+
+
+### Bug Fixes
+
+* spacing DesktopNavBar items ([c3373b9](https://github.com/ho-nl/m2-pwa/commit/c3373b97add87864adc5809ab04cf683bc5b0498))
+
+
+
+
+
+## [3.14.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.14.0...@graphcommerce/next-ui@3.14.1) (2021-11-04)
+
+
+### Bug Fixes
+
+* can't remove filters on click icon ([2528802](https://github.com/ho-nl/m2-pwa/commit/252880216994da7f8e65c1b565ff996bbab0472a))
+* Checkout button margin consistency ([9fcf7e7](https://github.com/ho-nl/m2-pwa/commit/9fcf7e7d96172448b2d2911771d6bf70ab976594))
+* remove hardcoded fontSize ([e4e09e1](https://github.com/ho-nl/m2-pwa/commit/e4e09e11baeb8edeff634550b8cdb88571d96911))
+
+
+
+
+
 # [3.14.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.13.2...@graphcommerce/next-ui@3.14.0) (2021-11-04)
 
 

package/ChipMenu/index.tsx

@@ -67,7 +67,9 @@ export default function ChipMenu(props: ChipMenuProps) {
   const classes = useChipMenuStyles(props)
 
   let deleteIcon = selected ? (
-    <SvgImageSimple src={iconCancelAlt} className={classes.iconCancel} />
+    <div>
+      <SvgImageSimple src={iconCancelAlt} className={classes.iconCancel} />
+    </div>
   ) : (
     <SvgImageSimple src={iconChevronDown} />
   )

package/Form/FormActions.tsx

@@ -2,8 +2,8 @@ import { styled } from '@material-ui/core'
 
 const FormActions = styled('div')(
   ({ theme }) => ({
-    paddingTop: theme.spacings.xxs,
-    paddingBottom: theme.spacings.md,
+    paddingTop: theme.spacings.md,
+    paddingBottom: theme.spacings.lg,
     justifyContent: 'center',
     display: 'grid',
     gridAutoFlow: 'column',

package/IconHeader/index.tsx

@@ -10,8 +10,8 @@ import SvgImage, { SvgImageProps } from '../SvgImage'
 const useStyles = makeStyles(
   (theme: Theme) => ({
     container: {
+      ...theme.typography.subtitle1,
       textAlign: 'center',
-      fontSize: responsiveVal(16, 24),
     },
     innerContainer: {
       display: 'flex',

package/StyledBadge/index.tsx

@@ -3,12 +3,12 @@ import { Badge, withStyles } from '@material-ui/core'
 const StyledBadge = withStyles((theme) => ({
   colorError: {},
   badge: {
+    ...theme.typography.caption,
     right: 6,
     top: 6,
     padding: 3,
     color: '#FFF',
     borderRadius: '100%',
-    fontSize: 10,
     [theme.breakpoints.up('md')]: {
       padding: 6,
       right: 8,

package/TextInputNumber/index.tsx

@@ -27,9 +27,7 @@ const useStyles = makeStyles(
         appearance: 'none',
       },
     },
-    button: {
-      fontSize: 22,
-    },
+    button: {},
     adornedEnd: {
       paddingRight: responsiveVal(7, 14),
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.14.0",
+  "version": "3.14.4",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/framer-next-pages": "^2.107.3",
-    "@graphcommerce/framer-scroller": "^1.0.2",
-    "@graphcommerce/framer-sheet": "^2.106.0",
-    "@graphcommerce/framer-utils": "^2.103.13",
-    "@graphcommerce/graphql": "^2.105.3",
-    "@graphcommerce/image": "^2.105.2",
+    "@graphcommerce/framer-next-pages": "^2.107.4",
+    "@graphcommerce/framer-scroller": "^1.0.3",
+    "@graphcommerce/framer-sheet": "^2.106.1",
+    "@graphcommerce/framer-utils": "^2.103.14",
+    "@graphcommerce/graphql": "^2.105.4",
+    "@graphcommerce/image": "^2.105.3",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -23,7 +23,7 @@
     "clsx": "^1.1.1",
     "framer-motion": "^4.1.17",
     "graphql": "^15.6.1",
-    "next": "^12.0.2",
+    "next": "^12.0.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-focus-lock": "^2.5.2",
@@ -34,8 +34,8 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.3",
-    "@graphcommerce/prettier-config-pwa": "^3.0.3",
+    "@graphcommerce/eslint-config-pwa": "^3.1.4",
+    "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2",
     "@types/react-is": "^17.0.3",
@@ -53,5 +53,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "2da9f0e580a1eddf4203a375ccd1444c40401db1"
+  "gitHead": "1099718b92d4d472f32aeb6379f6167c6b550ccf"
 }