@spectrum-web-components/tray 1.3.0-testing.0 → 1.3.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.
- package/README.md +15 -4
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
##
|
|
1
|
+
## Overview
|
|
2
2
|
|
|
3
3
|
`<sp-tray>` elements are typically used to portray information on mobile device or smaller screens.
|
|
4
4
|
|
|
@@ -23,7 +23,13 @@ When looking to leverage the `Tray` base class as a type and/or for extension pu
|
|
|
23
23
|
import { Tray } from '@spectrum-web-components/tray';
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
### Anatomy
|
|
27
|
+
|
|
28
|
+
A tray has a single default `slot`.
|
|
29
|
+
|
|
30
|
+
<sp-tabs selected="dialog" auto label="Using tray's slot">
|
|
31
|
+
<sp-tab value="dialog">Dialog</sp-tab>
|
|
32
|
+
<sp-tab-panel value="dialog">
|
|
27
33
|
|
|
28
34
|
```html
|
|
29
35
|
<overlay-trigger type="modal">
|
|
@@ -37,7 +43,9 @@ import { Tray } from '@spectrum-web-components/tray';
|
|
|
37
43
|
</overlay-trigger>
|
|
38
44
|
```
|
|
39
45
|
|
|
40
|
-
|
|
46
|
+
</sp-tab-panel>
|
|
47
|
+
<sp-tab value="menu">Menu</sp-tab>
|
|
48
|
+
<sp-tab-panel value="menu">
|
|
41
49
|
|
|
42
50
|
```html
|
|
43
51
|
<overlay-trigger type="modal">
|
|
@@ -56,6 +64,9 @@ import { Tray } from '@spectrum-web-components/tray';
|
|
|
56
64
|
</overlay-trigger>
|
|
57
65
|
```
|
|
58
66
|
|
|
59
|
-
|
|
67
|
+
</sp-tab-panel>
|
|
68
|
+
</sp-tabs>
|
|
69
|
+
|
|
70
|
+
### Accessibility
|
|
60
71
|
|
|
61
72
|
`<sp-tray>` presents a page blocking experience and should be opened with the `Overlay` API using the `modal` interaction to ensure that the content appropriately manages the presence of other content in the tab order of the page and the availability of that content for a screen reader.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/tray",
|
|
3
|
-
"version": "1.3.0
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -58,11 +58,11 @@
|
|
|
58
58
|
"lit-html"
|
|
59
59
|
],
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@spectrum-web-components/base": "
|
|
62
|
-
"@spectrum-web-components/modal": "
|
|
63
|
-
"@spectrum-web-components/reactive-controllers": "
|
|
64
|
-
"@spectrum-web-components/shared": "
|
|
65
|
-
"@spectrum-web-components/underlay": "
|
|
61
|
+
"@spectrum-web-components/base": "1.3.0",
|
|
62
|
+
"@spectrum-web-components/modal": "1.3.0",
|
|
63
|
+
"@spectrum-web-components/reactive-controllers": "1.3.0",
|
|
64
|
+
"@spectrum-web-components/shared": "1.3.0",
|
|
65
|
+
"@spectrum-web-components/underlay": "1.3.0"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@spectrum-css/tray": "4.0.0-s2-foundations.15"
|