@graphcommerce/next-ui 3.14.3 → 3.14.7

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/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.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,4 +1,5 @@
 import { ServerStyleSheets } from '@material-ui/core/styles'
+// eslint-disable-next-line @next/next/no-document-import-in-page
 import NextDocument, { DocumentContext } from 'next/document'
 import React from 'react'
 

package/Row/ColumnTwoWithTop/index.tsx

@@ -8,12 +8,16 @@ const useStyles = makeStyles(
     root: {
       display: 'grid',
       gap: `${theme.spacings.lg} 0`,
-      gridTemplateAreas: `"top"
-    "left"
-    "right"`,
+      gridTemplateAreas: `
+        "top"
+        "left"
+        "right"
+      `,
       [theme.breakpoints.up('md')]: {
-        gridTemplateAreas: `"top ."
-      "left right"`,
+        gridTemplateAreas: `
+          "top  ."
+          "left right"
+        `,
         gridTemplateColumns: '1fr auto',
         gap: `${theme.spacings.sm} ${theme.spacings.xl}`,
       },
@@ -31,15 +35,13 @@ const useStyles = makeStyles(
   { name: 'ColumnTwoWithTop' },
 )
 
-export type ProductDescriptionProps = PropsWithChildren<
-  UseStyles<typeof useStyles> & {
-    top: React.ReactNode
-    left: React.ReactNode
-    right: React.ReactNode
-  }
->
+export type ColumnTwoWithTopProps = UseStyles<typeof useStyles> & {
+  top: React.ReactNode
+  left: React.ReactNode
+  right: React.ReactNode
+}
 
-export default function ColumnTwoWithTop(props: ProductDescriptionProps) {
+export default function ColumnTwoWithTop(props: ColumnTwoWithTopProps) {
   const { top, left, right } = props
   const classes = useStyles(props)
 

package/UspList/index.tsx

@@ -22,7 +22,7 @@ const useStyles = makeStyles(
 
 export type UspListProps = UseStyles<typeof useStyles> & {
   children: React.ReactNode
-  size?: string
+  size?: 'normal' | 'small'
 }
 
 export default function UspList(props: UspListProps) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.14.3",
+  "version": "3.14.7",
   "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": "c0165c35074fb4f6e8ddf64d3d12b8cfbb169c1d"
+  "gitHead": "c9d9c589d7e118318f3b44d8322e9bc71feca484"
 }

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
+}