@graphcommerce/next-ui 3.16.0 → 3.18.1

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/AppShellHeader/index.tsx +0 -1
  2. package/AppShell/useFixedFabAnimation.tsx +3 -6
  3. package/CHANGELOG.md +50 -0
  4. package/StarRatingField/index.tsx +8 -8
  5. package/SvgImage/SvgImageSimple.tsx +6 -1
  6. package/package.json +10 -10
package/AppShell/AppShellHeader/index.tsx CHANGED
@@ -131,7 +131,6 @@ const useStyles = makeStyles(
131
131
  sheetHeaderFillMobileOnly: {
132
132
  [theme.breakpoints.up('md')]: {
133
133
  pointerEvents: 'none',
134
- background: 'green',
135
134
  position: 'fixed',
136
135
  },
137
136
  },
package/AppShell/useFixedFabAnimation.tsx CHANGED
@@ -1,16 +1,13 @@
1
- import { alpha, useMediaQuery, useTheme } from '@material-ui/core'
1
+ import { alpha, useTheme } from '@material-ui/core'
2
2
  import { useMotionTemplate, useTransform, useViewportScroll } from 'framer-motion'
3
3
 
4
4
  export default function useFixedFabAnimation() {
5
5
  const theme = useTheme()
6
- const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
7
6
  const { scrollY } = useViewportScroll()
8
- const scrollTo = isMobile ? 0 : 60
9
- const scrollToBg = isMobile ? 0 : 10
10
- const opacity = useTransform(scrollY, [50, scrollTo], [0, 0.08])
7
+ const opacity = useTransform(scrollY, [50, 60], [0, 0.08])
11
8
  const opacity1 = useTransform(
12
9
  scrollY,
13
- [0, scrollToBg],
10
+ [0, 10],
14
11
  [alpha(theme.palette.background.paper, 0), alpha(theme.palette.background.paper, 1)],
15
12
  )
16
13
  const boxShadow = useMotionTemplate`0 2px 10px 0 rgba(0, 0, 0, ${opacity})`
package/CHANGELOG.md CHANGED
@@ -3,6 +3,56 @@
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.18.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.18.0...@graphcommerce/next-ui@3.18.1) (2021-11-22)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * green app shell header ([a0774e6](https://github.com/ho-nl/m2-pwa/commit/a0774e6da078ea1e96d7d93bccafae5b55a69792))
12
+
13
+
14
+
15
+
16
+
17
+ # [3.18.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.17.1...@graphcommerce/next-ui@3.18.0) (2021-11-22)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * remove styles ([335c8cb](https://github.com/ho-nl/m2-pwa/commit/335c8cb663bdd4c1670cdb3ea88c8a9a42bcf745))
23
+ * revert to SvgImageSimple ([b247c6b](https://github.com/ho-nl/m2-pwa/commit/b247c6b96979bc313e597a8ffe1275b73f38bd6a))
24
+
25
+
26
+ ### Features
27
+
28
+ * use Rating component ([ec54f45](https://github.com/ho-nl/m2-pwa/commit/ec54f4522adb2d330bbdecc2ce032f86f13fb7a6))
29
+
30
+
31
+
32
+
33
+
34
+ ## [3.17.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.17.0...@graphcommerce/next-ui@3.17.1) (2021-11-12)
35
+
36
+
37
+ ### Bug Fixes
38
+
39
+ * disable CartFab animation for mobile ([ea04e67](https://github.com/ho-nl/m2-pwa/commit/ea04e678b7d5ab23e903a59a7f369053d17f9e79))
40
+
41
+
42
+
43
+
44
+
45
+ # [3.17.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.16.0...@graphcommerce/next-ui@3.17.0) (2021-11-12)
46
+
47
+
48
+ ### Features
49
+
50
+ * added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
51
+
52
+
53
+
54
+
55
+
6
56
  # [3.16.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/next-ui@3.15.2...@graphcommerce/next-ui@3.16.0) (2021-11-12)
7
57
 
8
58
 
package/StarRatingField/index.tsx CHANGED
@@ -1,8 +1,8 @@
1
- import { makeStyles, Theme } from '@material-ui/core'
2
1
  import { Rating, RatingProps } from '@material-ui/lab'
3
2
  import React from 'react'
4
3
  import { SvgImageSimple } from '..'
5
4
  import { iconStar } from '../icons'
5
+ import { makeStyles, Theme } from '@material-ui/core'
6
6
 
7
7
  export type StarRatingFieldProps = {
8
8
  id?: string
@@ -14,13 +14,13 @@ const useStyles = makeStyles(
14
14
  (theme: Theme) => ({
15
15
  iconStar: {
16
16
  fill: '#FFDA1C',
17
- stroke: '#FFDA1C',
18
- margin: 3,
17
+ stroke: 'none',
18
+ margin: '0 3px',
19
19
  },
20
20
  iconStarEmpty: {
21
- fill: theme.palette.text.disabled,
22
- stroke: theme.palette.text.disabled,
23
- margin: 3,
21
+ fill: theme.palette.grey[300],
22
+ stroke: 'none',
23
+ margin: '0 3px',
24
24
  },
25
25
  }),
26
26
  {
@@ -37,8 +37,8 @@ export default function StarRatingField(props: StarRatingFieldProps) {
37
37
  name={`star-rating-${id}`}
38
38
  max={5}
39
39
  size='small'
40
- emptyIcon={<SvgImageSimple src={iconStar} className={classes.iconStarEmpty} />}
41
- icon={<SvgImageSimple src={iconStar} className={classes.iconStar} />}
40
+ emptyIcon={<SvgImageSimple src={iconStar} size='large' className={classes.iconStarEmpty} />}
41
+ icon={<SvgImageSimple src={iconStar} size='large' className={classes.iconStar} />}
42
42
  onChange={(event, value) => {
43
43
  onChange(id ?? '', value ?? 0)
44
44
  }}
package/SvgImage/SvgImageSimple.tsx CHANGED
@@ -21,6 +21,11 @@ const useStyles = makeStyles(
21
21
  sizeInherit: {
22
22
  fontSize: 'inherit',
23
23
  },
24
+ sizeXs: {
25
+ width: responsiveVal(11, 13),
26
+ height: responsiveVal(11, 13),
27
+ strokeWidth: 2.1,
28
+ },
24
29
  sizeSmall: {
25
30
  width: responsiveVal(12, 16),
26
31
  height: responsiveVal(12, 16),
@@ -49,7 +54,7 @@ const useStyles = makeStyles(
49
54
 
50
55
  type SvgImageSimpleProps = Omit<ImageProps, 'fixed'> & {
51
56
  /** The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size. */
52
- size?: 'default' | 'inherit' | 'xxl' | 'xl' | 'large' | 'medium' | 'small'
57
+ size?: 'default' | 'inherit' | 'xxl' | 'xl' | 'large' | 'medium' | 'small' | 'xs'
53
58
  fill?: boolean
54
59
  muted?: boolean
55
60
  inverted?: boolean
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/next-ui",
3
- "version": "3.16.0",
3
+ "version": "3.18.1",
4
4
  "author": "",
5
5
  "license": "MIT",
6
6
  "scripts": {
@@ -10,13 +10,13 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "@apollo/client": "^3.4.16",
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
- "@graphql-typed-document-node/core": "^3.1.0",
13
+ "@graphcommerce/framer-next-pages": "^2.107.5",
14
+ "@graphcommerce/framer-scroller": "^1.0.4",
15
+ "@graphcommerce/framer-sheet": "^2.106.2",
16
+ "@graphcommerce/framer-utils": "^2.103.15",
17
+ "@graphcommerce/graphql": "^2.105.5",
18
+ "@graphcommerce/image": "^2.105.4",
19
+ "@lingui/macro": "^3.12.1",
20
20
  "@material-ui/core": "^4.12.3",
21
21
  "@material-ui/lab": "^4.0.0-alpha.60",
22
22
  "@material-ui/styles": "^4.11.4",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "devDependencies": {
36
36
  "@graphcommerce/browserslist-config-pwa": "^3.0.2",
37
- "@graphcommerce/eslint-config-pwa": "^3.1.4",
37
+ "@graphcommerce/eslint-config-pwa": "^3.1.5",
38
38
  "@graphcommerce/prettier-config-pwa": "^3.0.4",
39
39
  "@graphcommerce/typescript-config-pwa": "^3.1.1",
40
40
  "@playwright/test": "^1.16.2",
@@ -53,5 +53,5 @@
53
53
  "project": "./tsconfig.json"
54
54
  }
55
55
  },
56
- "gitHead": "b503ad4f2790a50e7c7aadf21ef61d104c8c8798"
56
+ "gitHead": "5ed153aa2213be8363138c0956872fe2fde2f590"
57
57
  }