@graphcommerce/magento-cart-shipping-method 3.5.9 → 3.6.2

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # Change Log
 
+## 3.6.2
+
+### Patch Changes
+
+- Updated dependencies [[`755d2cf83`](https://github.com/graphcommerce-org/graphcommerce/commit/755d2cf83343a5ad3d61063eff595d821de360aa), [`dc7f2dda4`](https://github.com/graphcommerce-org/graphcommerce/commit/dc7f2dda40ff8572fc11161de6eb62ca13e720dd)]:
+  - @graphcommerce/next-ui@4.23.0
+  - @graphcommerce/framer-scroller@2.1.34
+  - @graphcommerce/magento-cart@4.7.2
+  - @graphcommerce/magento-cart-shipping-address@3.4.2
+  - @graphcommerce/magento-store@4.2.30
+
+## 3.6.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/magento-store@4.2.29
+  - @graphcommerce/magento-cart@4.7.1
+  - @graphcommerce/magento-cart-shipping-address@3.4.1
+
+## 3.6.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-cart-shipping-address@3.4.0
+  - @graphcommerce/magento-store@4.2.28
+  - @graphcommerce/framer-scroller@2.1.33
+  - @graphcommerce/graphql@3.4.7
+  - @graphcommerce/image@3.1.9
+
 ## 3.5.9
 
 ### Patch Changes

package/components/ShippingMethodForm/ShippingMethodActionCard.tsx

@@ -1,7 +1,7 @@
 import { Money } from '@graphcommerce/magento-store'
 import { ActionCard, ActionCardItemRenderProps } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
-import { Box, Button } from '@mui/material'
+import { Box, Button, Chip } from '@mui/material'
 import { AvailableShippingMethodFragment } from '../../AvailableShippingMethod/AvailableShippingMethod.gql'
 
 type ShippingMethodActionCardProps = ActionCardItemRenderProps<
@@ -25,6 +25,8 @@ export function ShippingMethodActionCard(props: ShippingMethodActionCardProps) {
 
   if (carrier_code !== 'freeshipping') hidden = !available ? true : hidden
 
+  if (hidden) return false
+
   const title =
     carrier_title === 'Free Shipping' ? carrier_title : `${carrier_title} ${method_title}`
 
@@ -48,9 +50,14 @@ export function ShippingMethodActionCard(props: ShippingMethodActionCardProps) {
         !isFree ? (
           <Money {...amount} />
         ) : (
-          <Box sx={{ color: '#05C642' }}>
-            <Trans id='Free' />
-          </Box>
+          <Chip
+            sx={{
+              borderRadius: 2,
+              fontWeight: 'initial',
+              fontVariationSettings: 'initial',
+            }}
+            label={<Trans id='Free' />}
+          />
         )
       }
       reset={

package/components/ShippingMethodForm/ShippingMethodForm.tsx

@@ -91,7 +91,7 @@ export function ShippingMethodForm(props: ShippingMethodFormProps) {
   return (
     <FormProvider {...form}>
       <Form onSubmit={submit} noValidate sx={sx}>
-        <FormHeader variant='h3' sx={(theme) => ({ marginBottom: 0, mb: theme.spacings.sm })}>
+        <FormHeader variant='h4' sx={(theme) => ({ marginBottom: 0, mb: theme.spacings.sm })}>
           <Trans id='Shipping method' />
         </FormHeader>
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cart-shipping-method",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.5.9",
+  "version": "3.6.2",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,13 +19,13 @@
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "2.1.32",
-    "@graphcommerce/graphql": "3.4.6",
-    "@graphcommerce/image": "3.1.8",
-    "@graphcommerce/magento-cart": "4.6.9",
-    "@graphcommerce/magento-cart-shipping-address": "3.3.9",
-    "@graphcommerce/magento-store": "4.2.27",
-    "@graphcommerce/next-ui": "4.21.0",
+    "@graphcommerce/framer-scroller": "2.1.34",
+    "@graphcommerce/graphql": "3.4.7",
+    "@graphcommerce/image": "3.1.9",
+    "@graphcommerce/magento-cart": "4.7.2",
+    "@graphcommerce/magento-cart-shipping-address": "3.4.2",
+    "@graphcommerce/magento-store": "4.2.30",
+    "@graphcommerce/next-ui": "4.23.0",
     "@graphcommerce/react-hook-form": "3.3.2"
   },
   "peerDependencies": {