@graphcommerce/magento-customer 4.9.5 → 4.10.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # Change Log
2
2
 
3
+ ## 4.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1609](https://github.com/graphcommerce-org/graphcommerce/pull/1609) [`0ad5159eb`](https://github.com/graphcommerce-org/graphcommerce/commit/0ad5159ebef54b4ce7fee6f71b4bf710dba9ef8e) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Use WaitForCustomer component
8
+
9
+ - Fixes bugs where loaders where shown on all pages that require user to log in
10
+
11
+ * [#1602](https://github.com/graphcommerce-org/graphcommerce/pull/1602) [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Default styles and layout fixes
12
+
13
+ - Scaled icons and fonts down. Size in typography is now more gradual: https://graphcommerce.vercel.app/test/typography
14
+ - Multiple accessibility fixes. Missing button/input labels, and fixed spacing issues resulting in high % appropriately sized tap targets
15
+ - Replaced responsiveVal usage with better performaning breakpointVal where possible
16
+ - All buttons are now Pill by default.
17
+ - Cleaned up checkout styles
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies [[`3ff0e7f2d`](https://github.com/graphcommerce-org/graphcommerce/commit/3ff0e7f2d26edad228848268d24e9aaf56cd2c30), [`04708dacc`](https://github.com/graphcommerce-org/graphcommerce/commit/04708daccc213c6ea927bc67fa3bd0d5b1fad619), [`bb94e7045`](https://github.com/graphcommerce-org/graphcommerce/commit/bb94e7045460cb671c45d612a0833731d7c20c30), [`b0dc4e2e1`](https://github.com/graphcommerce-org/graphcommerce/commit/b0dc4e2e1982d502d38dd50a0f493396360a7a15), [`4a5286dfe`](https://github.com/graphcommerce-org/graphcommerce/commit/4a5286dfeaa1719e594a0078f274fbab53969c4e), [`0ad5159eb`](https://github.com/graphcommerce-org/graphcommerce/commit/0ad5159ebef54b4ce7fee6f71b4bf710dba9ef8e), [`d46d5ed0c`](https://github.com/graphcommerce-org/graphcommerce/commit/d46d5ed0cc5794391b7527fc17bbb68ec2212e33), [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315), [`01372b918`](https://github.com/graphcommerce-org/graphcommerce/commit/01372b918a291e01cbf5db40edcb40fb1c2af313)]:
22
+ - @graphcommerce/graphql-mesh@4.1.8
23
+ - @graphcommerce/next-ui@4.22.0
24
+ - @graphcommerce/ecommerce-ui@1.2.0
25
+ - @graphcommerce/framer-utils@3.2.0
26
+ - @graphcommerce/magento-store@4.2.28
27
+ - @graphcommerce/graphql@3.4.7
28
+ - @graphcommerce/image@3.1.9
29
+ - @graphcommerce/magento-graphql@3.1.7
30
+
3
31
  ## 4.9.5
4
32
 
5
33
  ### Patch Changes
@@ -36,7 +36,7 @@ export function AccountAddresses(props: AccountAddressesProps) {
36
36
  </Box>
37
37
  <Button
38
38
  className={classes.button}
39
- variant='contained'
39
+ variant='pill'
40
40
  color='primary'
41
41
  disabled
42
42
  size='large'
@@ -60,7 +60,7 @@ export function AccountAddresses(props: AccountAddressesProps) {
60
60
  icon={<IconSvg src={iconHome} size='xxl' />}
61
61
  button={
62
62
  <Link href='/account/addresses/add' passHref>
63
- <Button size='large' variant='contained' color='primary'>
63
+ <Button size='large' variant='pill' color='primary'>
64
64
  <Trans id='Add new address' />
65
65
  </Button>
66
66
  </Link>
@@ -82,7 +82,7 @@ export function AccountAddresses(props: AccountAddressesProps) {
82
82
  <Link href='/account/addresses/add' passHref>
83
83
  <Button
84
84
  className={classes.button}
85
- variant='contained'
85
+ variant='pill'
86
86
  color='primary'
87
87
  size='large'
88
88
  sx={(theme) => ({
@@ -27,7 +27,7 @@ export function ApolloCustomerErrorFullPage(props: ApolloCustomerErrorFullPagePr
27
27
  button={
28
28
  unauthorized ? (
29
29
  <PageLink href='/account/signin' passHref>
30
- <Button variant='contained' color='primary' size='large'>
30
+ <Button variant='pill' color='primary' size='large'>
31
31
  {token ? <Trans id='Sign in' /> : <Trans id='Sign in or create an account!' />}
32
32
  </Button>
33
33
  </PageLink>
@@ -37,7 +37,7 @@ export function ChangeNameForm(props: ChangeNameFormProps) {
37
37
  <Button
38
38
  type='submit'
39
39
  color='primary'
40
- variant='contained'
40
+ variant='pill'
41
41
  size='large'
42
42
  loading={formState.isSubmitting}
43
43
  >
@@ -77,7 +77,7 @@ export function ChangePasswordForm() {
77
77
  type='submit'
78
78
  loading={formState.isSubmitting}
79
79
  color='primary'
80
- variant='contained'
80
+ variant='pill'
81
81
  size='large'
82
82
  >
83
83
  <Trans id='Save new password' />
@@ -82,7 +82,7 @@ export function CreateCustomerAddressForm() {
82
82
  <FormActions>
83
83
  <Button
84
84
  type='submit'
85
- variant='contained'
85
+ variant='pill'
86
86
  color='primary'
87
87
  size='large'
88
88
  loading={formState.isSubmitting}
@@ -105,7 +105,7 @@ export function EditAddressForm(props: EditAddressFormProps) {
105
105
  <FormActions sx={{ paddingBottom: 0 }}>
106
106
  <Button
107
107
  type='submit'
108
- variant='contained'
108
+ variant='pill'
109
109
  color='primary'
110
110
  size='large'
111
111
  loading={formState.isSubmitting}
@@ -58,7 +58,7 @@ export function ForgotPasswordForm(props: { sx?: SxProps<Theme> }) {
58
58
  type='submit'
59
59
  loading={formState.isSubmitting}
60
60
  color='primary'
61
- variant='contained'
61
+ variant='pill'
62
62
  size='large'
63
63
  >
64
64
  <Trans id='Send password reset email' />
@@ -86,7 +86,7 @@ export function ResetPasswordForm(props: ResetPasswordFormProps) {
86
86
  type='submit'
87
87
  loading={formState.isSubmitting}
88
88
  color='primary'
89
- variant='contained'
89
+ variant='pill'
90
90
  size='large'
91
91
  >
92
92
  <Trans id='Save new password' />
@@ -60,7 +60,7 @@ export function SignInForm(props: SignInFormProps) {
60
60
  type='submit'
61
61
  loading={formState.isSubmitting}
62
62
  color='primary'
63
- variant='contained'
63
+ variant='pill'
64
64
  size='large'
65
65
  >
66
66
  <Trans id='Log in' />
@@ -100,7 +100,7 @@ export function SignUpForm(props: SignUpFormProps) {
100
100
  <Button
101
101
  type='submit'
102
102
  id='create-account'
103
- variant='contained'
103
+ variant='pill'
104
104
  color='primary'
105
105
  size='large'
106
106
  loading={formState.isSubmitting}
@@ -116,7 +116,7 @@ export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
116
116
  <Button
117
117
  type='submit'
118
118
  color='primary'
119
- variant='contained'
119
+ variant='pill'
120
120
  size='large'
121
121
  loading={formState.isSubmitting}
122
122
  >
@@ -58,7 +58,7 @@ export function WaitForCustomer(props: WaitForCustomerProps) {
58
58
  title={<Trans id='You must sign in to continue' />}
59
59
  button={
60
60
  <PageLink href='/account/signin' passHref>
61
- <Button variant='contained' color='secondary' size='large'>
61
+ <Button variant='pill' color='secondary' size='large'>
62
62
  {!session.valid ? (
63
63
  <Trans id='Sign in' />
64
64
  ) : (
@@ -26,3 +26,4 @@ export * from './SignUpForm/SignUpForm'
26
26
  export * from './SignUpForm/SignUpFormInline'
27
27
  export * from './UpdateCustomerEmailForm/UpdateCustomerEmailForm'
28
28
  export * from './UpdateDefaultAddressForm/UpdateDefaultAddressForm'
29
+ export * from './WaitForCustomer/WaitForCustomer'
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/magento-customer",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "4.9.5",
5
+ "version": "4.10.0",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -19,14 +19,14 @@
19
19
  "type-fest": "^2.12.2"
20
20
  },
21
21
  "dependencies": {
22
- "@graphcommerce/ecommerce-ui": "1.1.12",
23
- "@graphcommerce/framer-utils": "3.1.5",
24
- "@graphcommerce/graphql": "3.4.6",
25
- "@graphcommerce/graphql-mesh": "4.1.7",
26
- "@graphcommerce/image": "3.1.8",
27
- "@graphcommerce/magento-graphql": "3.1.6",
28
- "@graphcommerce/magento-store": "4.2.27",
29
- "@graphcommerce/next-ui": "4.21.0",
22
+ "@graphcommerce/ecommerce-ui": "1.2.0",
23
+ "@graphcommerce/framer-utils": "3.2.0",
24
+ "@graphcommerce/graphql": "3.4.7",
25
+ "@graphcommerce/graphql-mesh": "4.1.8",
26
+ "@graphcommerce/image": "3.1.9",
27
+ "@graphcommerce/magento-graphql": "3.1.7",
28
+ "@graphcommerce/magento-store": "4.2.28",
29
+ "@graphcommerce/next-ui": "4.22.0",
30
30
  "@graphcommerce/react-hook-form": "3.3.2"
31
31
  },
32
32
  "peerDependencies": {