@graphcommerce/magento-category 3.3.2 → 3.3.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 (5) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/components/CategoryDescription/CategoryDescription.tsx +6 -11
  3. package/components/CategoryHeroNav/CategoryHeroNav.tsx +1 -1
  4. package/components/CategoryHeroNav/CategoryHeroNavTitle.tsx +0 -3
  5. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
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.3.6](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.5...@graphcommerce/magento-category@3.3.6) (2021-11-02)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * darkMode ([c7573de](https://github.com/ho-nl/m2-pwa/commit/c7573de6bb80643b26931c35ac61735539e7fbf0))
12
+
13
+
14
+
15
+
16
+
17
+ ## [3.3.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.2...@graphcommerce/magento-category@3.3.3) (2021-11-01)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * category page design fixs ([d3fccc2](https://github.com/ho-nl/m2-pwa/commit/d3fccc2a86106b854e9a1fd89040a248fe20c99a))
23
+
24
+
25
+
26
+
27
+
6
28
  ## [3.3.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.1...@graphcommerce/magento-category@3.3.2) (2021-10-29)
7
29
 
8
30
 
package/components/CategoryDescription/CategoryDescription.tsx CHANGED
@@ -11,17 +11,16 @@ const useStyles = makeStyles(
11
11
  (theme: Theme) => ({
12
12
  root: {
13
13
  gridArea: 'description',
14
- margin: '0 auto',
14
+ margin: `0 auto ${theme.spacings.sm}`,
15
+ padding: `0 ${theme.page.horizontal}`,
15
16
  textAlign: 'center',
16
- maxWidth: '90%',
17
17
  [theme.breakpoints.up('md')]: {
18
18
  maxWidth: '50%',
19
19
  },
20
20
  [theme.breakpoints.up('xl')]: {
21
21
  maxWidth: '30%',
22
22
  },
23
- marginTop: theme.spacings.md,
24
- marginBottom: theme.spacings.sm,
23
+
25
24
  ...theme.typography.subtitle1,
26
25
  },
27
26
  }),
@@ -32,11 +31,7 @@ export default function CategoryDescription(props: CategoryDescriptionProps) {
32
31
  const { name, description, display_mode, ...divProps } = props
33
32
  const classes = useStyles(props)
34
33
 
35
- return (
36
- <div {...divProps} className={classes.root}>
37
- {/* todo: replace with proper content renderer */}
38
- {/* eslint-disable-next-line react/no-danger */}
39
- {description && <div dangerouslySetInnerHTML={{ __html: description }} />}
40
- </div>
41
- )
34
+ return description ? (
35
+ <div {...divProps} className={classes.root} dangerouslySetInnerHTML={{ __html: description }} />
36
+ ) : null
42
37
  }
package/components/CategoryHeroNav/CategoryHeroNav.tsx CHANGED
@@ -10,7 +10,7 @@ const useStyles = makeStyles(
10
10
  gridTemplateColumns: '1fr',
11
11
  gridTemplateAreas: `"title" "categories" "placeholder"`,
12
12
  gridTemplateRows: 'auto 60vw',
13
- borderBottom: '1px solid rgba(0,0,0,0.15)',
13
+ borderBottom: `1px solid ${theme.palette.divider}`,
14
14
  marginBottom: theme.spacings.xl,
15
15
  paddingRight: 0,
16
16
  paddingBottom: theme.page.vertical,
package/components/CategoryHeroNav/CategoryHeroNavTitle.tsx CHANGED
@@ -4,9 +4,6 @@ import React from 'react'
4
4
 
5
5
  const useStyles = makeStyles(
6
6
  (theme: Theme) => ({
7
- container: {
8
- padding: 0,
9
- },
10
7
  title: {
11
8
  // alignItems: 'center',
12
9
  justifyContent: 'center',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/magento-category",
3
- "version": "3.3.2",
3
+ "version": "3.3.6",
4
4
  "sideEffects": false,
5
5
  "prettier": "@graphcommerce/prettier-config-pwa",
6
6
  "browserslist": [
@@ -14,25 +14,25 @@
14
14
  },
15
15
  "devDependencies": {
16
16
  "@graphcommerce/browserslist-config-pwa": "^3.0.2",
17
- "@graphcommerce/eslint-config-pwa": "^3.1.2",
17
+ "@graphcommerce/eslint-config-pwa": "^3.1.3",
18
18
  "@graphcommerce/prettier-config-pwa": "^3.0.3",
19
19
  "@graphcommerce/typescript-config-pwa": "^3.1.1",
20
20
  "@playwright/test": "^1.16.2"
21
21
  },
22
22
  "dependencies": {
23
23
  "@apollo/client": "^3.4.16",
24
- "@graphcommerce/framer-scroller": "^0.4.2",
25
- "@graphcommerce/graphql": "^2.105.1",
26
- "@graphcommerce/image": "^2.105.1",
27
- "@graphcommerce/magento-product": "^3.4.2",
28
- "@graphcommerce/magento-store": "^3.1.5",
29
- "@graphcommerce/next-ui": "^3.11.2",
24
+ "@graphcommerce/framer-scroller": "^0.4.3",
25
+ "@graphcommerce/graphql": "^2.105.2",
26
+ "@graphcommerce/image": "^2.105.2",
27
+ "@graphcommerce/magento-product": "^3.5.0",
28
+ "@graphcommerce/magento-store": "^3.2.0",
29
+ "@graphcommerce/next-ui": "^3.12.0",
30
30
  "@graphql-typed-document-node/core": "^3.1.0",
31
31
  "@material-ui/core": "^4.12.3",
32
- "next": "^12.0.1",
32
+ "next": "^12.0.2",
33
33
  "react": "^17.0.2",
34
34
  "react-dom": "^17.0.2",
35
35
  "type-fest": "^2.5.1"
36
36
  },
37
- "gitHead": "ed70123f0b4c4552ca413deff6fe786156d0772f"
37
+ "gitHead": "b37db76e3e0dfc34a2b25068be5e6c7afcca6bfa"
38
38
  }