@graphcommerce/next-ui 9.1.0-canary.21 → 9.1.0-canary.23

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.
@@ -12,6 +12,13 @@ export function BlogTag(props: BlogTagsProps) {
12
12
  const { url, title, sx = [] } = props
13
13
  return (
14
14
  <Chip
15
+ onMouseDown={(e) => {
16
+ // Prevent ripple on parent
17
+ e.stopPropagation()
18
+ }}
19
+ onClick={() => {
20
+ /* ripple only gets added when an onClick is set */
21
+ }}
15
22
  href={`/${url}`}
16
23
  component={NextLink}
17
24
  label={title}
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.1.0-canary.23
4
+
5
+ ## 9.1.0-canary.22
6
+
7
+ ### Patch Changes
8
+
9
+ - [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`40ccfed`](https://github.com/graphcommerce-org/graphcommerce/commit/40ccfed07592c67ccf80311c821a01526e87dbcc) - Added missing href to secondary menu items ([@bramvanderholst](https://github.com/bramvanderholst))
10
+
11
+ - [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`a79d7c2`](https://github.com/graphcommerce-org/graphcommerce/commit/a79d7c28da5ba227c3c3ff957149a732f3d71a39) - Added ripple to BlogTags ([@bramvanderholst](https://github.com/bramvanderholst))
12
+
13
+ - [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`ef83f7d`](https://github.com/graphcommerce-org/graphcommerce/commit/ef83f7d04fe0cf70da19f795e837ee3bda9884d4) - Use a more sensible theme var for LayoutHeaderContent gap ([@bramvanderholst](https://github.com/bramvanderholst))
14
+
15
+ - [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`7665579`](https://github.com/graphcommerce-org/graphcommerce/commit/76655792129dfa4fec3395a94b73e6761d323335) - Fixed back button width in overlays with long titles ([@bramvanderholst](https://github.com/bramvanderholst))
16
+
17
+ - [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`b536019`](https://github.com/graphcommerce-org/graphcommerce/commit/b53601965924ece86ee991bdb2b5897b3e7c642a) - Update various props from ReactElement to ReactNode to allow string values ([@bramvanderholst](https://github.com/bramvanderholst))
18
+
3
19
  ## 9.1.0-canary.21
4
20
 
5
21
  ## 9.1.0-canary.20
package/Footer/Footer.tsx CHANGED
@@ -9,7 +9,7 @@ export type FooterProps = {
9
9
  storeSwitcher?: React.ReactNode
10
10
  socialLinks?: React.ReactNode
11
11
  customerService?: React.ReactNode
12
- copyright?: React.ReactElement
12
+ copyright?: React.ReactNode
13
13
  children?: React.ReactNode
14
14
  } & ContainerProps
15
15
 
@@ -31,6 +31,7 @@ export function useShowBack() {
31
31
 
32
32
  const buttonSx: SxProps<Theme> = (theme) => ({
33
33
  '&:not(.Mui-disabled)': { boxShadow: 6 },
34
+ minWidth: 'min-content',
34
35
  [theme.breakpoints.down('md')]: {
35
36
  minWidth: 'auto',
36
37
  paddingLeft: responsiveVal(8, 11),
@@ -121,7 +121,7 @@ export function LayoutHeaderContent(props: LayoutHeaderContentProps) {
121
121
  gridTemplateAreas: '"left center right"',
122
122
  gridTemplateColumns: '1fr auto 1fr',
123
123
  alignItems: 'center',
124
- gap: theme.page.horizontal,
124
+ gap: theme.spacings.sm,
125
125
  height: theme.appShell.headerHeightSm,
126
126
  [theme.breakpoints.up('md')]: {
127
127
  height: theme.appShell.appBarHeightMd,
@@ -32,6 +32,7 @@ export function MenuFabSecondaryItem(props: FabMenuSecondaryItemProps) {
32
32
  <ListItemButton
33
33
  onClick={handleClick}
34
34
  component={NextLink}
35
+ href={href}
35
36
  className={classes.root}
36
37
  sx={[{}, ...(Array.isArray(sx) ? sx : [sx])]}
37
38
  dense
@@ -54,7 +54,7 @@ export function OverlayPanelActions(props: PanelActionsProps) {
54
54
  </Typography>
55
55
  </LayoutOverlayHeader>
56
56
 
57
- <Box sx={{ flex: 1, px: 2 }} className={classes.content}>
57
+ <Box sx={{ flex: 1, px: 2, pt: 2 }} className={classes.content}>
58
58
  {children}
59
59
  </Box>
60
60
 
@@ -3,7 +3,7 @@ import React from 'react'
3
3
  import { Row } from '../Row'
4
4
 
5
5
  export type QuoteProps = {
6
- children: React.ReactElement
6
+ children: React.ReactNode
7
7
  } & ContainerProps
8
8
 
9
9
  export function Quote(props: QuoteProps) {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/next-ui",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "9.1.0-canary.21",
5
+ "version": "9.1.0-canary.23",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -24,13 +24,13 @@
24
24
  "@emotion/react": "^11",
25
25
  "@emotion/server": "^11",
26
26
  "@emotion/styled": "^11",
27
- "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.21",
28
- "@graphcommerce/framer-next-pages": "^9.1.0-canary.21",
29
- "@graphcommerce/framer-scroller": "^9.1.0-canary.21",
30
- "@graphcommerce/framer-utils": "^9.1.0-canary.21",
31
- "@graphcommerce/image": "^9.1.0-canary.21",
32
- "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.21",
33
- "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.21",
27
+ "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.23",
28
+ "@graphcommerce/framer-next-pages": "^9.1.0-canary.23",
29
+ "@graphcommerce/framer-scroller": "^9.1.0-canary.23",
30
+ "@graphcommerce/framer-utils": "^9.1.0-canary.23",
31
+ "@graphcommerce/image": "^9.1.0-canary.23",
32
+ "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.23",
33
+ "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.23",
34
34
  "@lingui/core": "^4.2.1",
35
35
  "@lingui/macro": "^4.2.1",
36
36
  "@lingui/react": "^4.2.1",