chore(dialog,modal): creates changeset

Author: marissahuysentruyt

.changeset/modern-chairs-sit.md

@@ -0,0 +1,17 @@
+---
+"@spectrum-css/dialog": major
+"@spectrum-css/modal": minor
+---
+
+S2 Takeover dialog
+
+This is the migration for the fullscreen/fullscreenTakeover dialog stories (in Figma, these stories are called "takeover dialog"). 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 dialog corner rounding, some font sizes, spacing/padding, and maximum/minimum widths. Fullscreen/fullscreenTakeover dialogs do not support additional footer content or checkboxes (in comparison to the standard dialog).
+
+_New Mods_
+`--mod-takeover-dialog-spacing-grid-padding`
+`--mod-takeover-dialog-spacing-header-gap`
+`--mod-takeover-dialog-title-font-size`
+
+Modal updates
+
+- Modal component now uses the updated margin (window-to-edge) found in the takeover dialog design specs.

components/dialog/stories/dialog.stories.js

@@ -274,7 +274,7 @@ WithScroll.parameters = {
 that are imported above, but commented out.
  */
 /**
- * The full screen variant shows a large dialog background, only revealing a small portion of the page around the outside of the dialog, behind an overlay. The size of the dialog varies with the size of the screen, in both width and height.
+ * The fullscreen variant shows a large dialog background, only revealing a small portion of the page around the outside of the dialog, behind an overlay. The size of the dialog varies with the size of the screen, in both width and height.
  */
 export const Fullscreen = Template.bind({});
 Fullscreen.args = {
@@ -286,7 +286,7 @@ Fullscreen.parameters = {
 };
 
 /**
- * The full screen takeover variant is similar to the full screen variant except that the background covers the entire screen. The page behind the dialog is not visible. This variant should be reserved for workflows where displaying a second dialog on top of the first one is to be expected.
+ * The fullscreen takeover variant is similar to the full screen variant except that the background covers the entire screen. The page behind the dialog is not visible. This variant should be reserved for workflows where displaying a second dialog on top of the first one is to be expected.
  */
 export const FullscreenTakeover = Template.bind({});
 FullscreenTakeover.storyName = "Fullscreen takeover";