@spectrum-web-components/dialog 1.12.0-testing.20260223092154 → 1.12.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 +6 -15
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -166,23 +166,14 @@ Use the dialog with an overlay to create a dialog that appears over the current
|
|
|
166
166
|
2. Focus management when the dialog opens
|
|
167
167
|
3. Event handling for closing the dialog
|
|
168
168
|
|
|
169
|
+
The `<overlay-trigger>` element automatically manages `aria-expanded`, `aria-haspopup`, and `aria-controls` on the trigger element. When using `<sp-overlay>` directly, you must manage these attributes yourself via JavaScript (see the [overlay accessibility documentation](../overlay/#accessibility) for details).
|
|
170
|
+
|
|
169
171
|
```html
|
|
170
|
-
<
|
|
171
|
-
<sp-
|
|
172
|
-
<sp-popover>
|
|
173
|
-
<sp-dialog>
|
|
174
|
-
<h2 slot="heading">Overlay 1</h2>
|
|
175
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
|
176
|
-
tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris
|
|
177
|
-
augue neque gravida. Libero volutpat sed ornare arcu.
|
|
178
|
-
</sp-dialog>
|
|
179
|
-
</sp-popover>
|
|
180
|
-
</sp-overlay>
|
|
181
|
-
<overlay-trigger placement="top" type="replace">
|
|
182
|
-
<sp-button slot="trigger">Overlay Trigger 2</sp-button>
|
|
183
|
-
<sp-popover slot="click-content" open>
|
|
172
|
+
<overlay-trigger placement="top" type="auto" triggered-by="click">
|
|
173
|
+
<sp-button slot="trigger">Overlay Trigger</sp-button>
|
|
174
|
+
<sp-popover slot="click-content">
|
|
184
175
|
<sp-dialog size="s">
|
|
185
|
-
<h2 slot="heading">Overlay
|
|
176
|
+
<h2 slot="heading">Overlay content</h2>
|
|
186
177
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
|
187
178
|
tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris
|
|
188
179
|
augue neque gravida. Libero volutpat sed ornare arcu.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/dialog",
|
|
3
|
-
"version": "1.12.0
|
|
3
|
+
"version": "1.12.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Adobe",
|
|
@@ -70,15 +70,15 @@
|
|
|
70
70
|
],
|
|
71
71
|
"types": "./src/index.d.ts",
|
|
72
72
|
"dependencies": {
|
|
73
|
-
"@spectrum-web-components/alert-dialog": "1.12.0
|
|
74
|
-
"@spectrum-web-components/base": "1.12.0
|
|
75
|
-
"@spectrum-web-components/button": "1.12.0
|
|
76
|
-
"@spectrum-web-components/button-group": "1.12.0
|
|
77
|
-
"@spectrum-web-components/divider": "1.12.0
|
|
78
|
-
"@spectrum-web-components/icons-workflow": "1.12.0
|
|
79
|
-
"@spectrum-web-components/modal": "1.12.0
|
|
80
|
-
"@spectrum-web-components/shared": "1.12.0
|
|
81
|
-
"@spectrum-web-components/underlay": "1.12.0
|
|
73
|
+
"@spectrum-web-components/alert-dialog": "1.12.0",
|
|
74
|
+
"@spectrum-web-components/base": "1.12.0",
|
|
75
|
+
"@spectrum-web-components/button": "1.12.0",
|
|
76
|
+
"@spectrum-web-components/button-group": "1.12.0",
|
|
77
|
+
"@spectrum-web-components/divider": "1.12.0",
|
|
78
|
+
"@spectrum-web-components/icons-workflow": "1.12.0",
|
|
79
|
+
"@spectrum-web-components/modal": "1.12.0",
|
|
80
|
+
"@spectrum-web-components/shared": "1.12.0",
|
|
81
|
+
"@spectrum-web-components/underlay": "1.12.0"
|
|
82
82
|
},
|
|
83
83
|
"keywords": [
|
|
84
84
|
"design-system",
|