@graphcommerce/next-ui 3.14.1 → 3.14.5

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 (5) hide show
  1. package/AppShell/DesktopNavBar.tsx +2 -1
  2. package/CHANGELOG.md +11 -0
  3. package/Row/ColumnTwoWithTop/index.tsx +15 -13
  4. package/UspList/index.tsx +1 -1
  5. package/package.json +11 -11
package/AppShell/DesktopNavBar.tsx CHANGED
@@ -23,10 +23,11 @@ const useStyles = makeStyles(
23
23
  },
24
24
  },
25
25
  scroller: {
26
- display: 'flex',
26
+ display: 'grid',
27
27
  columnGap: 40,
28
28
  padding: '0 40px',
29
29
  minHeight: 40,
30
+ gridAutoColumns: 'min-content',
30
31
  },
31
32
  prevNextBtnWrapper: {
32
33
  position: 'absolute',
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.1",
3
+ "version": "3.14.5",
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": "fe3be5507a3b323564cd53fca9831fb5053373ee"
56
+ "gitHead": "15fd80e36ef6ebee46e0255872504a72288854de"
57
57
  }