@graphcommerce/magento-cart-payment-method 3.4.11 → 3.5.1

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # Change Log
 
+## 3.5.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/magento-store@4.2.29
+  - @graphcommerce/magento-cart@4.7.1
+
+## 3.5.0
+
+### Minor Changes
+
+- [#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
+
+  - Scaled icons and fonts down. Size in typography is now more gradual: https://graphcommerce.vercel.app/test/typography
+  - Multiple accessibility fixes. Missing button/input labels, and fixed spacing issues resulting in high % appropriately sized tap targets
+  - Replaced responsiveVal usage with better performaning breakpointVal where possible
+  - All buttons are now Pill by default.
+  - Cleaned up checkout styles
+
+### Patch Changes
+
+- Updated dependencies [[`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), [`d46d5ed0c`](https://github.com/graphcommerce-org/graphcommerce/commit/d46d5ed0cc5794391b7527fc17bbb68ec2212e33), [`e573278e4`](https://github.com/graphcommerce-org/graphcommerce/commit/e573278e43506a6b17a2981e61d0e9fad41eb2eb), [`5f781a217`](https://github.com/graphcommerce-org/graphcommerce/commit/5f781a217ce63ed56bc1a9983487b04400a8a315), [`ac6eedbb1`](https://github.com/graphcommerce-org/graphcommerce/commit/ac6eedbb14d3abd8cf1231a98dc2a8b7f4659f1f)]:
+  - @graphcommerce/next-ui@4.22.0
+  - @graphcommerce/magento-cart@4.7.0
+  - @graphcommerce/magento-store@4.2.28
+  - @graphcommerce/framer-scroller@2.1.33
+  - @graphcommerce/graphql@3.4.7
+  - @graphcommerce/image@3.1.9
+
+## 3.4.12
+
+### Patch Changes
+
+- Updated dependencies [[`1f7ee6f6c`](https://github.com/graphcommerce-org/graphcommerce/commit/1f7ee6f6cfb28544439ed36e10929ac530d1b2b7), [`707dbc73d`](https://github.com/graphcommerce-org/graphcommerce/commit/707dbc73d181204d88fdbbd2e09340e25b2b5f7b)]:
+  - @graphcommerce/next-ui@4.21.0
+  - @graphcommerce/graphql@3.4.6
+  - @graphcommerce/framer-scroller@2.1.32
+  - @graphcommerce/magento-cart@4.6.9
+  - @graphcommerce/magento-store@4.2.27
+  - @graphcommerce/image@3.1.8
+
 ## 3.4.11
 
 ### Patch Changes

package/PaymentMethodActionCardList/PaymentMethodActionCardListForm.tsx

@@ -45,7 +45,7 @@ function PaymentMethodActionCard(
     <Card
       sx={[
         {
-          '& .ActionCard-title': { typography: 'h5', lineHeight: 0 },
+          '& .ActionCard-title': { typography: 'h6', lineHeight: 0 },
           '& .ActionCard-details': { lineHeight: 1.5 },
         },
         ...(Array.isArray(sx) ? sx : [sx]),

package/PaymentMethodOptions/PaymentMethodOptions.tsx

@@ -1,6 +1,5 @@
-import { AnimatedRow, extendableComponent } from '@graphcommerce/next-ui'
+import { extendableComponent } from '@graphcommerce/next-ui'
 import { Box, SxProps, Theme } from '@mui/material'
-import { AnimatePresence } from 'framer-motion'
 import { PaymentMethodOptionsProps } from '../Api/PaymentMethod'
 import { usePaymentMethodContext } from '../PaymentMethodContext/PaymentMethodContext'
 
@@ -17,13 +16,11 @@ export function PaymentMethodOptions(props: PaymentMethodOptionsProps & { sx?: S
       className={classes.root}
       sx={[(theme) => ({ marginBottom: theme.spacings.sm }), ...(Array.isArray(sx) ? sx : [sx])]}
     >
-      <AnimatePresence initial={false}>
-        {selectedModule && selectedMethod && (
-          <AnimatedRow layout key={selectedMethod.code}>
-            <selectedModule.PaymentOptions {...selectedMethod} {...optionsProps} />
-          </AnimatedRow>
-        )}
-      </AnimatePresence>
+      {selectedModule && selectedMethod && (
+        <Box key={selectedMethod.code}>
+          <selectedModule.PaymentOptions {...selectedMethod} {...optionsProps} />
+        </Box>
+      )}
     </Box>
   )
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cart-payment-method",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.4.11",
+  "version": "3.5.1",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,20 +12,20 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.1.9",
+    "@graphcommerce/eslint-config-pwa": "^4.1.10",
     "@graphcommerce/prettier-config-pwa": "^4.0.6",
     "@graphcommerce/typescript-config-pwa": "^4.0.4",
-    "@graphcommerce/magento-cart-shipping-address": "3.3.8",
+    "@graphcommerce/magento-cart-shipping-address": "3.4.1",
     "@playwright/test": "^1.21.1",
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "2.1.31",
-    "@graphcommerce/graphql": "3.4.5",
-    "@graphcommerce/image": "3.1.7",
-    "@graphcommerce/magento-cart": "4.6.8",
-    "@graphcommerce/magento-store": "4.2.26",
-    "@graphcommerce/next-ui": "4.20.0",
+    "@graphcommerce/framer-scroller": "2.1.33",
+    "@graphcommerce/graphql": "3.4.7",
+    "@graphcommerce/image": "3.1.9",
+    "@graphcommerce/magento-cart": "4.7.1",
+    "@graphcommerce/magento-store": "4.2.29",
+    "@graphcommerce/next-ui": "4.22.0",
     "@graphcommerce/react-hook-form": "3.3.2"
   },
   "peerDependencies": {