@graphcommerce/next-ui 8.0.4 → 8.0.5-canary.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/LayoutOverlay/test/LayoutOverlayDemo.tsx +1 -0
  3. package/Navigation/components/NavigationOverlay.tsx +1 -0
  4. package/Overlay/components/OverlayBase.tsx +3 -1
  5. package/Overlay/components/OverlaySsr.tsx +1 -0
  6. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Change Log
2
2
 
3
+ ## 8.0.5-canary.0
4
+
5
+ ### Patch Changes
6
+
7
+ - [#2230](https://github.com/graphcommerce-org/graphcommerce/pull/2230) [`1da6b82`](https://github.com/graphcommerce-org/graphcommerce/commit/1da6b82dbb7e1543542d809ea625a8867643ea68) - Fix menu item visibility in accessability tree
8
+ ([@JoshuaS98](https://github.com/JoshuaS98))
9
+
3
10
  ## 8.0.4
4
11
 
5
12
  ### Patch Changes
package/LayoutOverlay/test/LayoutOverlayDemo.tsx CHANGED
@@ -9,6 +9,7 @@ export type LayoutOverlayState = Omit<
9
9
  | 'mdSpacingTop'
10
10
  | 'smSpacingTop'
11
11
  | 'overlayPaneProps'
12
+ | 'disableInert'
12
13
  | 'widthMd'
13
14
  | 'widthSm'
14
15
  >
package/Navigation/components/NavigationOverlay.tsx CHANGED
@@ -162,6 +162,7 @@ export const NavigationOverlay = React.memo((props: NavigationOverlayProps) => {
162
162
  }
163
163
  right={
164
164
  <Fab
165
+ disabled={!activeAndNotClosing}
165
166
  color='inherit'
166
167
  onClick={handleClose}
167
168
  sx={{ boxShadow: 'none', my: fabMarginY }}
package/Overlay/components/OverlayBase.tsx CHANGED
@@ -52,6 +52,7 @@ export type LayoutOverlayBaseProps = {
52
52
  isPresent: boolean
53
53
  safeToRemove?: (() => void) | null | undefined
54
54
  overlayPaneProps?: MotionProps
55
+ disableInert?: boolean
55
56
 
56
57
  /* For `variantSm='left|right' */
57
58
  widthSm?: string | false
@@ -109,6 +110,7 @@ export function OverlayBase(incomingProps: LayoutOverlayBaseProps) {
109
110
  isPresent,
110
111
  safeToRemove,
111
112
  overlayPaneProps,
113
+ disableInert,
112
114
  widthMd = 'max(800px, 50vw)',
113
115
  widthSm = 'max(300px, 80vw)',
114
116
  } = props
@@ -385,7 +387,7 @@ export function OverlayBase(incomingProps: LayoutOverlayBaseProps) {
385
387
  ]}
386
388
  />
387
389
  <Scroller
388
- inert={active ? undefined : true}
390
+ inert={disableInert || active ? undefined : true}
389
391
  className={`${classes.scroller} ${className ?? ''}`}
390
392
  grid={false}
391
393
  onClick={onClickAway}
package/Overlay/components/OverlaySsr.tsx CHANGED
@@ -31,6 +31,7 @@ export function OverlaySsr(props: OverlayProps) {
31
31
  <OverlayContainer active={active} hidden={hidden}>
32
32
  <ScrollerProvider {...variantsToScrollSnapType(props)}>
33
33
  <OverlayBase
34
+ disableInert
34
35
  variantMd={variantMd}
35
36
  variantSm={variantSm}
36
37
  active={active}
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": "8.0.4",
5
+ "version": "8.0.5-canary.0",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -25,14 +25,14 @@
25
25
  "typescript": "5.3.3"
26
26
  },
27
27
  "peerDependencies": {
28
- "@graphcommerce/eslint-config-pwa": "^8.0.4",
29
- "@graphcommerce/framer-next-pages": "^8.0.4",
30
- "@graphcommerce/framer-scroller": "^8.0.4",
31
- "@graphcommerce/framer-utils": "^8.0.4",
32
- "@graphcommerce/image": "^8.0.4",
33
- "@graphcommerce/lingui-next": "^8.0.4",
34
- "@graphcommerce/prettier-config-pwa": "^8.0.4",
35
- "@graphcommerce/typescript-config-pwa": "^8.0.4",
28
+ "@graphcommerce/eslint-config-pwa": "^8.0.5-canary.0",
29
+ "@graphcommerce/framer-next-pages": "^8.0.5-canary.0",
30
+ "@graphcommerce/framer-scroller": "^8.0.5-canary.0",
31
+ "@graphcommerce/framer-utils": "^8.0.5-canary.0",
32
+ "@graphcommerce/image": "^8.0.5-canary.0",
33
+ "@graphcommerce/lingui-next": "^8.0.5-canary.0",
34
+ "@graphcommerce/prettier-config-pwa": "^8.0.5-canary.0",
35
+ "@graphcommerce/typescript-config-pwa": "^8.0.5-canary.0",
36
36
  "@lingui/core": "^4.2.1",
37
37
  "@lingui/macro": "^4.2.1",
38
38
  "@lingui/react": "^4.2.1",