@graphcommerce/next-ui 3.14.2 → 3.14.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/AppShell/DesktopNavBar.tsx +1 -1
  2. package/AppShell/Footer/index.tsx +4 -22
  3. package/CHANGELOG.md +11 -0
  4. package/Row/ColumnTwoWithTop/index.tsx +15 -13
  5. package/UspList/index.tsx +1 -1
  6. package/package.json +11 -11
package/AppShell/DesktopNavBar.tsx CHANGED
@@ -27,7 +27,7 @@ const useStyles = makeStyles(
27
27
  columnGap: 40,
28
28
  padding: '0 40px',
29
29
  minHeight: 40,
30
- gridAutoColumns: 'minmax(min-content, 1fr)',
30
+ gridAutoColumns: 'min-content',
31
31
  },
32
32
  prevNextBtnWrapper: {
33
33
  position: 'absolute',
package/AppShell/Footer/index.tsx CHANGED
@@ -1,18 +1,17 @@
1
1
  import { ContainerProps, Theme, makeStyles, Container } from '@material-ui/core'
2
- import clsx from 'clsx'
3
2
  import React from 'react'
4
3
  import { UseStyles } from '../../Styles'
5
4
 
6
5
  const useStyles = makeStyles(
7
6
  (theme: Theme) => ({
8
7
  footer: {
9
- gridTemplateColumns: '2.5fr 1.5fr',
8
+ gridTemplateColumns: '5fr 3fr',
10
9
  gridTemplateAreas: `
11
10
  'social switcher'
12
11
  'links support'
13
12
  `,
14
13
  borderTop: `1px solid ${theme.palette.divider}`,
15
- padding: `${theme.page.vertical} ${theme.page.horizontal} ${theme.page.vertical}`,
14
+ padding: `${theme.page.vertical} ${theme.page.horizontal}`,
16
15
  display: 'grid',
17
16
  gap: theme.spacings.xs,
18
17
  alignItems: 'center',
@@ -36,11 +35,6 @@ const useStyles = makeStyles(
36
35
  justifyContent: 'space-between',
37
36
  },
38
37
  },
39
- disableMargin: {
40
- [theme.breakpoints.down('xs')]: {
41
- marginBottom: 0,
42
- },
43
- },
44
38
  copyright: {
45
39
  display: 'grid',
46
40
  gridAutoFlow: 'column',
@@ -86,7 +80,6 @@ const useStyles = makeStyles(
86
80
  )
87
81
 
88
82
  type FooterProps = UseStyles<typeof useStyles> & {
89
- disableMargin?: boolean
90
83
  storeSwitcher?: React.ReactNode
91
84
  socialLinks?: React.ReactElement
92
85
  customerService?: React.ReactNode
@@ -94,22 +87,11 @@ type FooterProps = UseStyles<typeof useStyles> & {
94
87
  } & Omit<ContainerProps, 'children'>
95
88
 
96
89
  export default function Footer(props: FooterProps) {
97
- const {
98
- disableMargin,
99
- socialLinks,
100
- storeSwitcher,
101
- customerService,
102
- copyright,
103
- ...containerProps
104
- } = props
90
+ const { socialLinks, storeSwitcher, customerService, copyright, ...containerProps } = props
105
91
  const classes = useStyles(props)
106
92
 
107
93
  return (
108
- <Container
109
- maxWidth={false}
110
- className={clsx(classes.footer, disableMargin && classes.disableMargin)}
111
- {...containerProps}
112
- >
94
+ <Container maxWidth={false} className={classes.footer} {...containerProps}>
113
95
  <div className={classes.social}>{socialLinks}</div>
114
96
  <div className={classes.storeSwitcher}>{storeSwitcher}</div>
115
97
  <div className={classes.support}>{customerService}</div>
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * spacing DesktopNavBar items ([c3373b9](https://github.com/ho-nl/m2-pwa/commit/c3373b97add87864adc5809ab04cf683bc5b0498))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [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)
7
18
 
8
19
 
package/Row/ColumnTwoWithTop/index.tsx CHANGED
@@ -8,12 +8,16 @@ const useStyles = makeStyles(
8
8
  root: {
9
9
  display: 'grid',
10
10
  gap: `${theme.spacings.lg} 0`,
11
- gridTemplateAreas: `"top"
12
- "left"
13
- "right"`,
11
+ gridTemplateAreas: `
12
+ "top"
13
+ "left"
14
+ "right"
15
+ `,
14
16
  [theme.breakpoints.up('md')]: {
15
- gridTemplateAreas: `"top ."
16
- "left right"`,
17
+ gridTemplateAreas: `
18
+ "top ."
19
+ "left right"
20
+ `,
17
21
  gridTemplateColumns: '1fr auto',
18
22
  gap: `${theme.spacings.sm} ${theme.spacings.xl}`,
19
23
  },
@@ -31,15 +35,13 @@ const useStyles = makeStyles(
31
35
  { name: 'ColumnTwoWithTop' },
32
36
  )
33
37
 
34
- export type ProductDescriptionProps = PropsWithChildren<
35
- UseStyles<typeof useStyles> & {
36
- top: React.ReactNode
37
- left: React.ReactNode
38
- right: React.ReactNode
39
- }
40
- >
38
+ export type ColumnTwoWithTopProps = UseStyles<typeof useStyles> & {
39
+ top: React.ReactNode
40
+ left: React.ReactNode
41
+ right: React.ReactNode
42
+ }
41
43
 
42
- export default function ColumnTwoWithTop(props: ProductDescriptionProps) {
44
+ export default function ColumnTwoWithTop(props: ColumnTwoWithTopProps) {
43
45
  const { top, left, right } = props
44
46
  const classes = useStyles(props)
45
47
 
package/UspList/index.tsx CHANGED
@@ -22,7 +22,7 @@ const useStyles = makeStyles(
22
22
 
23
23
  export type UspListProps = UseStyles<typeof useStyles> & {
24
24
  children: React.ReactNode
25
- size?: string
25
+ size?: 'normal' | 'small'
26
26
  }
27
27
 
28
28
  export default function UspList(props: UspListProps) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/next-ui",
3
- "version": "3.14.2",
3
+ "version": "3.14.6",
4
4
  "author": "",
5
5
  "license": "MIT",
6
6
  "scripts": {
@@ -10,12 +10,12 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "@apollo/client": "^3.4.16",
13
- "@graphcommerce/framer-next-pages": "^2.107.3",
14
- "@graphcommerce/framer-scroller": "^1.0.2",
15
- "@graphcommerce/framer-sheet": "^2.106.0",
16
- "@graphcommerce/framer-utils": "^2.103.13",
17
- "@graphcommerce/graphql": "^2.105.3",
18
- "@graphcommerce/image": "^2.105.2",
13
+ "@graphcommerce/framer-next-pages": "^2.107.4",
14
+ "@graphcommerce/framer-scroller": "^1.0.3",
15
+ "@graphcommerce/framer-sheet": "^2.106.1",
16
+ "@graphcommerce/framer-utils": "^2.103.14",
17
+ "@graphcommerce/graphql": "^2.105.4",
18
+ "@graphcommerce/image": "^2.105.3",
19
19
  "@graphql-typed-document-node/core": "^3.1.0",
20
20
  "@material-ui/core": "^4.12.3",
21
21
  "@material-ui/lab": "^4.0.0-alpha.60",
@@ -23,7 +23,7 @@
23
23
  "clsx": "^1.1.1",
24
24
  "framer-motion": "^4.1.17",
25
25
  "graphql": "^15.6.1",
26
- "next": "^12.0.2",
26
+ "next": "^12.0.3",
27
27
  "react": "^17.0.2",
28
28
  "react-dom": "^17.0.2",
29
29
  "react-focus-lock": "^2.5.2",
@@ -34,8 +34,8 @@
34
34
  },
35
35
  "devDependencies": {
36
36
  "@graphcommerce/browserslist-config-pwa": "^3.0.2",
37
- "@graphcommerce/eslint-config-pwa": "^3.1.3",
38
- "@graphcommerce/prettier-config-pwa": "^3.0.3",
37
+ "@graphcommerce/eslint-config-pwa": "^3.1.4",
38
+ "@graphcommerce/prettier-config-pwa": "^3.0.4",
39
39
  "@graphcommerce/typescript-config-pwa": "^3.1.1",
40
40
  "@playwright/test": "^1.16.2",
41
41
  "@types/react-is": "^17.0.3",
@@ -53,5 +53,5 @@
53
53
  "project": "./tsconfig.json"
54
54
  }
55
55
  },
56
- "gitHead": "4ea4a44e313b7474597ca86982ddceb10423af73"
56
+ "gitHead": "16fea60d75deb4aa038a072a86b43771fb6595f8"
57
57
  }