@graphcommerce/magento-wishlist 10.0.0-canary.66 → 10.0.0-canary.68

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 (4) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/ProductWishlistChip/ProductWishlistIconButton.tsx +11 -11
  3. package/components/WishlistItemActionCard/WishlistItemActionCard.tsx +4 -4
  4. package/package.json +16 -16
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @graphcommerce/magento-wishlist
2
2
 
3
+ ## 10.0.0-canary.68
4
+
5
+ ### Major Changes
6
+
7
+ - [#2557](https://github.com/graphcommerce-org/graphcommerce/pull/2557) [`ceaadd8`](https://github.com/graphcommerce-org/graphcommerce/commit/ceaadd87f0648982a068a3b07b1fa149c9127f49) - ## Material UI v5 → v7 Migration
8
+
9
+ This release upgrades Material UI from v5 to v7 with full CSS variables support. ([@paales](https://github.com/paales))
10
+
11
+ ## 10.0.0-canary.67
12
+
3
13
  ## 10.0.0-canary.66
4
14
 
5
15
  ## 10.0.0-canary.65
package/components/ProductWishlistChip/ProductWishlistIconButton.tsx CHANGED
@@ -7,6 +7,7 @@ import {
7
7
  iconHeart,
8
8
  IconSvg,
9
9
  MessageSnackbar,
10
+ sxx,
10
11
  } from '@graphcommerce/next-ui'
11
12
  import { t } from '@lingui/core/macro'
12
13
  import { Trans } from '@lingui/react/macro'
@@ -42,7 +43,7 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
42
43
  size='small'
43
44
  className={classes.wishlistButton}
44
45
  {...buttonProps}
45
- sx={[(theme) => ({ padding: theme.spacings.xxs }), ...(Array.isArray(sx) ? sx : [sx])]}
46
+ sx={sxx((theme) => ({ padding: theme.spacings.xxs }), sx)}
46
47
  title={current ? t`Remove from wishlist` : t`Add to wishlist`}
47
48
  aria-label={current ? t`Remove from wishlist` : t`Add to wishlist`}
48
49
  >
@@ -51,7 +52,7 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
51
52
  src={iconHeart}
52
53
  size='medium'
53
54
  className={classes.wishlistIconActive}
54
- sx={(theme) => ({ color: theme.palette.primary.main, fill: 'currentcolor' })}
55
+ sx={(theme) => ({ color: theme.vars.palette.primary.main, fill: 'currentcolor' })}
55
56
  {...iconSvgProps}
56
57
  />
57
58
  ) : (
@@ -60,23 +61,22 @@ export const ProductWishlistIconButton = React.memo<ProductWishlistChipProps>((p
60
61
  size='medium'
61
62
  className={classes.wishlistIcon}
62
63
  sx={(theme) => ({
63
- color:
64
- theme.palette.mode === 'light'
65
- ? theme.palette.text.secondary
66
- : theme.palette.background.paper,
64
+ color: theme.vars.palette.background.paper,
67
65
  '.SidebarGallery-root &': {
68
66
  // todo
69
- color:
70
- theme.palette.mode === 'light'
71
- ? theme.palette.text.secondary
72
- : theme.palette.primary.contrastText,
67
+ color: theme.vars.palette.primary.contrastText,
68
+ ...theme.applyStyles('light', {
69
+ color: theme.vars.palette.text.secondary,
70
+ }),
73
71
  },
72
+ ...theme.applyStyles('light', {
73
+ color: theme.vars.palette.text.secondary,
74
+ }),
74
75
  })}
75
76
  {...iconSvgProps}
76
77
  />
77
78
  )}
78
79
  </IconButton>
79
-
80
80
  {wishlistShowFeedbackMessage && (
81
81
  <MessageSnackbar
82
82
  open={showSuccess}
package/components/WishlistItemActionCard/WishlistItemActionCard.tsx CHANGED
@@ -3,7 +3,7 @@ import { Image } from '@graphcommerce/image'
3
3
  import { AddProductsToCartForm, useProductLink } from '@graphcommerce/magento-product'
4
4
  import { Money } from '@graphcommerce/magento-store'
5
5
  import type { ActionCardProps } from '@graphcommerce/next-ui'
6
- import { ActionCard, actionCardImageSizes, extendableComponent } from '@graphcommerce/next-ui'
6
+ import { ActionCard, actionCardImageSizes, extendableComponent, sxx } from '@graphcommerce/next-ui'
7
7
  import { Trans } from '@lingui/react/macro'
8
8
  import type { ButtonProps, SxProps, Theme } from '@mui/material'
9
9
  import { Button, Link } from '@mui/material'
@@ -67,7 +67,7 @@ export function WishlistItemActionCard(props: WishlistItemActionCardProps) {
67
67
  <ActionCard
68
68
  variant={variant}
69
69
  value={id}
70
- sx={[
70
+ sx={sxx(
71
71
  (theme) => ({
72
72
  '&.ActionCard-root': {
73
73
  px: 0,
@@ -119,8 +119,8 @@ export function WishlistItemActionCard(props: WishlistItemActionCardProps) {
119
119
  mb: { xs: 0.5, sm: 0 },
120
120
  },
121
121
  }),
122
- ...(Array.isArray(sx) ? sx : [sx]),
123
- ]}
122
+ sx,
123
+ )}
124
124
  image={
125
125
  product?.small_image?.url && (
126
126
  <Image
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/magento-wishlist",
3
- "version": "10.0.0-canary.66",
3
+ "version": "10.0.0-canary.68",
4
4
  "sideEffects": false,
5
5
  "prettier": "@graphcommerce/prettier-config-pwa",
6
6
  "browserslist": [
@@ -13,24 +13,24 @@
13
13
  }
14
14
  },
15
15
  "peerDependencies": {
16
- "@graphcommerce/ecommerce-ui": "^10.0.0-canary.66",
17
- "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.66",
18
- "@graphcommerce/graphql": "^10.0.0-canary.66",
19
- "@graphcommerce/graphql-mesh": "^10.0.0-canary.66",
20
- "@graphcommerce/image": "^10.0.0-canary.66",
21
- "@graphcommerce/magento-cart": "^10.0.0-canary.66",
22
- "@graphcommerce/magento-customer": "^10.0.0-canary.66",
23
- "@graphcommerce/magento-product": "^10.0.0-canary.66",
24
- "@graphcommerce/magento-product-configurable": "^10.0.0-canary.66",
25
- "@graphcommerce/magento-store": "^10.0.0-canary.66",
26
- "@graphcommerce/next-config": "^10.0.0-canary.66",
27
- "@graphcommerce/next-ui": "^10.0.0-canary.66",
28
- "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.66",
29
- "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.66",
16
+ "@graphcommerce/ecommerce-ui": "^10.0.0-canary.68",
17
+ "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.68",
18
+ "@graphcommerce/graphql": "^10.0.0-canary.68",
19
+ "@graphcommerce/graphql-mesh": "^10.0.0-canary.68",
20
+ "@graphcommerce/image": "^10.0.0-canary.68",
21
+ "@graphcommerce/magento-cart": "^10.0.0-canary.68",
22
+ "@graphcommerce/magento-customer": "^10.0.0-canary.68",
23
+ "@graphcommerce/magento-product": "^10.0.0-canary.68",
24
+ "@graphcommerce/magento-product-configurable": "^10.0.0-canary.68",
25
+ "@graphcommerce/magento-store": "^10.0.0-canary.68",
26
+ "@graphcommerce/next-config": "^10.0.0-canary.68",
27
+ "@graphcommerce/next-ui": "^10.0.0-canary.68",
28
+ "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.68",
29
+ "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.68",
30
30
  "@lingui/core": "^5",
31
31
  "@lingui/macro": "^5",
32
32
  "@lingui/react": "^5",
33
- "@mui/material": "^5.10.16",
33
+ "@mui/material": "^7.0.0",
34
34
  "framer-motion": "^11.0.0",
35
35
  "next": "*",
36
36
  "react": "^19.2.0",