@contentful/f36-popover 4.21.5 → 4.21.7
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/README.mdx +6 -0
- package/package.json +3 -3
package/README.mdx
CHANGED
|
@@ -53,6 +53,12 @@ consider using [react-focus-lock](https://github.com/theKashey/react-focus-lock)
|
|
|
53
53
|
|
|
54
54
|
- Use an interactive element such as `button` for `Popover.Trigger`
|
|
55
55
|
|
|
56
|
+
<Note variant="neutral">
|
|
57
|
+
We strongly recommend using an interactive element such as "button" for
|
|
58
|
+
"Popover.Trigger", but if you need to use a non-interactive element, like
|
|
59
|
+
"div", you should make that element focusable by providing "tabindex='0'".
|
|
60
|
+
</Note>
|
|
61
|
+
|
|
56
62
|
## Accessibility
|
|
57
63
|
|
|
58
64
|
- If the popover contains interactive elements that user can navigate through with `Tab`, consider using [react-focus-lock](https://github.com/theKashey/react-focus-lock) to trap the focus within Popover
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@contentful/f36-popover",
|
|
3
|
-
"version": "4.21.
|
|
3
|
+
"version": "4.21.7",
|
|
4
4
|
"description": "Forma 36: Popover component",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "tsup"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@contentful/f36-core": "^4.21.
|
|
9
|
+
"@contentful/f36-core": "^4.21.7",
|
|
10
10
|
"@contentful/f36-tokens": "^4.0.1",
|
|
11
|
-
"@contentful/f36-utils": "^4.21.
|
|
11
|
+
"@contentful/f36-utils": "^4.21.7",
|
|
12
12
|
"@popperjs/core": "^2.11.5",
|
|
13
13
|
"emotion": "^10.0.17",
|
|
14
14
|
"react-popper": "^2.3.0"
|