Skip to content

Commit 5ccfca9

Browse files
chore(dialog,modal): create changeset
1 parent ba90868 commit 5ccfca9

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

.changeset/modern-chairs-sit.md

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
"@spectrum-css/dialog": major
3+
"@spectrum-css/modal": minor
4+
---
5+
6+
S2 Takeover dialog
7+
8+
This is the migration for the fullscreen/fullscreenTakeover dialog stories (these stories correspond to the "takeover dialog" in Figma). The Divider component support was removed in S2 standard dialog migration ([#2860](https://github.com/adobe/spectrum-css/pull/2860)). New and updated tokens are in place to update fullscreen/fullscreenTakeover dialog sizing, grid spacing, spacing in the header, and font sizes. Fullscreen/fullscreenTakeover dialogs do not support additional footer content or checkboxes (in comparison to the standard dialog).
9+
10+
Takeover dialogs also support replacing text in the header and body areas with other components. This required an additional `.spectrum-Dialog-headerContentWrapper` element that should center whatever component/content within.
11+
12+
Class names updated to match naming convention (remove hyphens and capitalize second word):
13+
`.spectrum-Dialog-header-content` > `.spectrum-Dialog-headerContent`
14+
`.spectrum-Dialog-footer-content` > `.spectrum-Dialog-footerContent`
15+
16+
_New Mods_
17+
`--mod-takeover-dialog-grid-spacing`
18+
`--mod-takeover-dialog-spacing-header-content-gap`
19+
`--mod-takeover-dialog-title-font-size`
20+
21+
Modal updates
22+
23+
- Modal component now uses the updated margin token (`window-to-edge`) found in the takeover dialog design specs. This work also introduced `--spectrum-modal-takeover-window-to-edge`

0 commit comments

Comments
 (0)