@graphcommerce/next-ui 9.1.0-canary.44 → 9.1.0-canary.45

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 (2) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.1.0-canary.45
4
+
3
5
  ## 9.1.0-canary.44
4
6
 
5
7
  ### Patch Changes
@@ -175,7 +177,6 @@
175
177
  ```
176
178
 
177
179
  When to use, replacement for:
178
-
179
180
  1. useMediaQuery: When you are now using useMediaQuery to conditionally render content for mobile or desktop. a. Is very slow as it has to wait for the JS to initialize on pageload. b. Can cause CLS problems if the useMediaQuery is used to render elements in the viewport. c. Can cause LCP issues if useMediaQuery is used to render the LCP element. d. Causes TBT problems as a component always needs to be rerendered. (And bad TBT can cause INP problems) e. HTML isn't present in the DOM, which can cause SEO issues.
180
181
  2. CSS Media query: When you are using CSS to show or hide content based on media queries. a. Causes TBT problems as both code paths need to be rendered. (And bad TBT can cause INP problems)
181
182
 
@@ -194,7 +195,6 @@
194
195
  ### Minor Changes
195
196
 
196
197
  - [#2216](https://github.com/graphcommerce-org/graphcommerce/pull/2216) [`74eb239`](https://github.com/graphcommerce-org/graphcommerce/commit/74eb2393a64988649178d59f53b33d41fecdd769) - Added Intl components, deprecated `useNumberFormat` and `useDateTimeFormatter`, and replaced usage sites. New components and hooks:
197
-
198
198
  - `<DisplayNames />` and `useIntlDisplayNames`
199
199
  - `<DateTimeFormat />`, `<DateFormat/>`, `<TimeFormat />` and `useIntlDateTimeFormat`
200
200
  - `<ListFormat />` and `useIntlListFormat`
@@ -435,7 +435,6 @@
435
435
  ### Minor Changes
436
436
 
437
437
  - [#1822](https://github.com/graphcommerce-org/graphcommerce/pull/1822) [`cc02c46e3`](https://github.com/graphcommerce-org/graphcommerce/commit/cc02c46e32c9a44a90789591f43d91ae234dac84) - Added Facebook Open Graph tags to product pages:
438
-
439
438
  - og:title
440
439
  - og:image
441
440
  - og:url
@@ -447,7 +446,6 @@
447
446
  - product:category ([@KMalkowski](https://github.com/KMalkowski))
448
447
 
449
448
  - [#1830](https://github.com/graphcommerce-org/graphcommerce/pull/1830) [`fafa76ba9`](https://github.com/graphcommerce-org/graphcommerce/commit/fafa76ba9e655739171abc553d309795c9d8e5c2) - Overlays now use an additional scroll container to handle vertical scroll, fixing:
450
-
451
449
  - Scrolling on desktop will not close the overlay when there is content to be scrolled
452
450
  - Scrolling will not snap to bottom / top when the content is barely scrollable
453
451
  - Dragging will only open or close the drawer, not something inbetween
@@ -515,7 +513,6 @@
515
513
  - [#1745](https://github.com/graphcommerce-org/graphcommerce/pull/1745) [`b1444b933`](https://github.com/graphcommerce-org/graphcommerce/commit/b1444b9336107d3ac111563f9b62a884f1b26a8d) - Bring password reset page more in line with standard forms, add missing translations. ([@github-actions](https://github.com/apps/github-actions))
516
514
 
517
515
  - [#1752](https://github.com/graphcommerce-org/graphcommerce/pull/1752) [`2a6a4d9ec`](https://github.com/graphcommerce-org/graphcommerce/commit/2a6a4d9ecfa1b58a66ba9b9d00016d6feda9aa95) - Updated dependencies to latest versions, except for nextjs; Solve tons of peer dependency issues.
518
-
519
516
  - Updated the @mui/material package
520
517
  - Removed dependencies on react-hook-form-mui and @playwright/test
521
518
  - Upgraded dependencies including type-fest and graphql-mesh
@@ -712,7 +709,6 @@
712
709
  - [#1610](https://github.com/graphcommerce-org/graphcommerce/pull/1610) [`bb94e7045`](https://github.com/graphcommerce-org/graphcommerce/commit/bb94e7045460cb671c45d612a0833731d7c20c30) Thanks [@mikekeehnen](https://github.com/mikekeehnen)! - Previously when the persisted selected value didn't exist in the list of ActionCard items, all items would be hidden. In this fix we set the hidden prop in the ActionCardList component, where we check if the value exists, if not, we display all items
713
710
 
714
711
  * [#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
715
-
716
712
  - Scaled icons and fonts down. Size in typography is now more gradual: https://graphcommerce.vercel.app/test/typography
717
713
  - Multiple accessibility fixes. Missing button/input labels, and fixed spacing issues resulting in high % appropriately sized tap targets
718
714
  - Replaced responsiveVal usage with better performaning breakpointVal where possible
@@ -822,7 +818,6 @@
822
818
  ### Minor Changes
823
819
 
824
820
  - [#1566](https://github.com/graphcommerce-org/graphcommerce/pull/1566) [`e167992df`](https://github.com/graphcommerce-org/graphcommerce/commit/e167992dfdc6964a392af719667f8a188626ab1b) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Introduced `@graphcommerce/next-ui/navigation` component.
825
-
826
821
  - Navigation is always present in the DOM
827
822
  - Configurable in LayoutNavigation.tsx
828
823
  - Show categories directly, or nest them in a 'products' button
@@ -954,7 +949,6 @@
954
949
  ### Patch Changes
955
950
 
956
951
  - [#1509](https://github.com/graphcommerce-org/graphcommerce/pull/1509) [`0ab7c5465`](https://github.com/graphcommerce-org/graphcommerce/commit/0ab7c5465441cba9bf8cd185a6790ce2f443f4ed) Thanks [@paales](https://github.com/paales)! - SidebarGallery improvements (product page):
957
-
958
952
  - Prevent vertical scrolling
959
953
  - Disable zoom fab when there are no images
960
954
  - Hide scroller dots when there in only one image
@@ -1157,7 +1151,6 @@
1157
1151
  - [#1353](https://github.com/graphcommerce-org/graphcommerce/pull/1353) [`0e5ee7ba8`](https://github.com/graphcommerce-org/graphcommerce/commit/0e5ee7ba89698e5e711001e846ed182528060cba) Thanks [@paales](https://github.com/paales)! - Eslint: enable rules that were previously disabled and make fixes
1158
1152
 
1159
1153
  * [#1360](https://github.com/graphcommerce-org/graphcommerce/pull/1360) [`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c) Thanks [@paales](https://github.com/paales)! - Lots of fixes for LayoutOverlay:
1160
-
1161
1154
  - When interacting with an overlay it causes browser resizes on mobile and causing a janky experience.
1162
1155
  - Allow interaction with the previous layer after it has been closed, instead of waiting for the actual route to complete.
1163
1156
  - Allow scrolling to the the bottom in the overlay when the height is just a bit higher than the window.
@@ -1314,7 +1307,6 @@
1314
1307
  - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281) [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d) Thanks [@paales](https://github.com/paales)! - Make sure we're able to style the backdrop and the regular overlay for LayoutOverlay
1315
1308
 
1316
1309
  * [#1284](https://github.com/ho-nl/m2-pwa/pull/1284) [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14) Thanks [@paales](https://github.com/paales)! - SvgIcon is now more extenable and flexible:
1317
-
1318
1310
  - It will automatically calculate the stroke-width of the SVG based on the rendered size, allowing for a more flexible use for icons.
1319
1311
 
1320
1312
  - Make SvgIcon themable in your own Theme.
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.44",
5
+ "version": "9.1.0-canary.45",
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.44",
28
- "@graphcommerce/framer-next-pages": "^9.1.0-canary.44",
29
- "@graphcommerce/framer-scroller": "^9.1.0-canary.44",
30
- "@graphcommerce/framer-utils": "^9.1.0-canary.44",
31
- "@graphcommerce/image": "^9.1.0-canary.44",
32
- "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.44",
33
- "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.44",
27
+ "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.45",
28
+ "@graphcommerce/framer-next-pages": "^9.1.0-canary.45",
29
+ "@graphcommerce/framer-scroller": "^9.1.0-canary.45",
30
+ "@graphcommerce/framer-utils": "^9.1.0-canary.45",
31
+ "@graphcommerce/image": "^9.1.0-canary.45",
32
+ "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.45",
33
+ "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.45",
34
34
  "@lingui/core": "^4.2.1",
35
35
  "@lingui/macro": "^4.2.1",
36
36
  "@lingui/react": "^4.2.1",