@graphcommerce/next-ui 3.14.5 → 3.15.0

package/AppShell/Footer/index.tsx

@@ -1,18 +1,17 @@
 import { ContainerProps, Theme, makeStyles, Container } from '@material-ui/core'
-import clsx from 'clsx'
 import React from 'react'
 import { UseStyles } from '../../Styles'
 
 const useStyles = makeStyles(
   (theme: Theme) => ({
     footer: {
-      gridTemplateColumns: '2.5fr 1.5fr',
+      gridTemplateColumns: '5fr 3fr',
       gridTemplateAreas: `
         'social switcher'
         'links support'
       `,
       borderTop: `1px solid ${theme.palette.divider}`,
-      padding: `${theme.page.vertical} ${theme.page.horizontal} ${theme.page.vertical}`,
+      padding: `${theme.page.vertical} ${theme.page.horizontal}`,
       display: 'grid',
       gap: theme.spacings.xs,
       alignItems: 'center',
@@ -36,11 +35,6 @@ const useStyles = makeStyles(
         justifyContent: 'space-between',
       },
     },
-    disableMargin: {
-      [theme.breakpoints.down('xs')]: {
-        marginBottom: 0,
-      },
-    },
     copyright: {
       display: 'grid',
       gridAutoFlow: 'column',
@@ -86,7 +80,6 @@ const useStyles = makeStyles(
 )
 
 type FooterProps = UseStyles<typeof useStyles> & {
-  disableMargin?: boolean
   storeSwitcher?: React.ReactNode
   socialLinks?: React.ReactElement
   customerService?: React.ReactNode
@@ -94,22 +87,11 @@ type FooterProps = UseStyles<typeof useStyles> & {
 } & Omit<ContainerProps, 'children'>
 
 export default function Footer(props: FooterProps) {
-  const {
-    disableMargin,
-    socialLinks,
-    storeSwitcher,
-    customerService,
-    copyright,
-    ...containerProps
-  } = props
+  const { socialLinks, storeSwitcher, customerService, copyright, ...containerProps } = props
   const classes = useStyles(props)
 
   return (
-    <Container
-      maxWidth={false}
-      className={clsx(classes.footer, disableMargin && classes.disableMargin)}
-      {...containerProps}
-    >
+    <Container maxWidth={false} className={classes.footer} {...containerProps}>
       <div className={classes.social}>{socialLinks}</div>
       <div className={classes.storeSwitcher}>{storeSwitcher}</div>
       <div className={classes.support}>{customerService}</div>

package/AppShell/MenuFab.tsx

@@ -53,9 +53,8 @@ const useStyles = makeStyles(
       minWidth: responsiveVal(200, 280),
     },
     menuItemText: {
-      ...theme.typography.h3,
-      fontWeight: 550,
-      lineHeight: 1,
+      ...theme.typography.h4,
+      lineHeight: 1.1,
     },
     menuItem: {},
   }),

package/CHANGELOG.md

@@ -3,6 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.15.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.14.8...@graphcommerce/next-ui@3.15.0) (2021-11-11)
+
+
+### Features
+
+* lingui configuration and integration greatly simplified and fixed ssr ([d8ec22a](https://github.com/ho-nl/m2-pwa/commit/d8ec22a80295af854a4cf6f357c4fb137c5b550d))
+
+
+
+
+
+## [3.14.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.14.7...@graphcommerce/next-ui@3.14.8) (2021-11-09)
+
+
+### Bug Fixes
+
+* **menu-fab:** revert h3 styling for mobile menu ([7a45b4f](https://github.com/ho-nl/m2-pwa/commit/7a45b4fb8b0165f7a072bc0658833c819c9f8082))
+* restyle menu to h4 ([642e166](https://github.com/ho-nl/m2-pwa/commit/642e16635dc06f38bed91ffd1a374922ac70439b))
+
+
+
+
+
+## [3.14.7](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.14.6...@graphcommerce/next-ui@3.14.7) (2021-11-09)
+
+
+### Bug Fixes
+
+* make sure the translations are ran ([9d77807](https://github.com/ho-nl/m2-pwa/commit/9d7780711fc1d66884a7465e18d175a6a1d40abb))
+
+
+
+
+
 ## [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)
 
 

package/Page/Document.tsx

@@ -1,9 +1,10 @@
 import { ServerStyleSheets } from '@material-ui/core/styles'
-import NextDocument, { DocumentContext } from 'next/document'
+// eslint-disable-next-line @next/next/no-document-import-in-page
+import NextDocument, { DocumentContext, DocumentInitialProps } from 'next/document'
 import React from 'react'
 
 export default class Document extends NextDocument {
-  static getInitialProps = async (ctx: DocumentContext) => {
+  static getInitialProps = async (ctx: DocumentContext): Promise<DocumentInitialProps> => {
     const sheets = new ServerStyleSheets()
     const originalRenderPage = ctx.renderPage
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.14.5",
+  "version": "3.15.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -53,5 +53,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "15fd80e36ef6ebee46e0255872504a72288854de"
+  "gitHead": "0d7e797850cec8d51ef8d88937a104aab6af4c35"
 }

package/types.d.ts

@@ -11,3 +11,12 @@ declare module 'react' {
     loading?: 'lazy' | 'eager' | 'auto'
   }
 }
+
+declare module '*.po' {
+  const messages: Record<
+    string,
+    string | Array<string | Array<string | (string | undefined) | Record<string, unknown>>>
+  >
+
+  export const messages
+}