Skip to content

Commit 955d0f2

Browse files
chore: update changeset with new notes
1 parent a23697e commit 955d0f2

File tree

1 file changed

+14
-19
lines changed

1 file changed

+14
-19
lines changed

.changeset/metal-fireants-switch.md

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -6,21 +6,19 @@
66

77
Spectrum 2 Standard Dialog Migration
88

9-
To separate itself from another component named "alert dialog," dialog was renamed to "standard dialog." The Divider component is no longer supported in S2 standard dialogs. Checkbox and text-only options are available in the footer content area. In addition, some new and updated tokens are in place to update the standard dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several missing elements of the standard dialog implemented, including optional header and footer content, hero/cover images, and supporting fullscreen layouts.
9+
This is the migration for both standard dialog. The Divider component is no longer supported in S2 dialogs. In addition, some new and updated tokens are in place to update dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several new elements implemented as well, including optional header and footer content, hero/cover images, checkbox and text-only options in the footer content area.
1010

11-
Mod properties are either "new," have been renamed to reflect the "standard dialog" language, or were removed:
11+
The `.spectrum-Dialog--small`, `.spectrum-Dialog--medium`, and `.spectrum-Dialog--large` sizing classes were deprecated and removed from the CSS in favor of the t-shirt sizes. Additionally, the spelling of the `.spectrum-Dialog--dismissable` class was corrected to `.spectrum-Dialog--dismissible`.
12+
13+
Mod properties are either "new," have been renamed to reflect the respective dialog language, or were removed:
1214

1315
_New Mods_
14-
`--mod-standard-dialog-heading-font-size`
15-
`--mod-standard-dialog-max-width`
16-
`--mod-standard-dialog-max-width-large`
17-
`--mod-standard-dialog-max-width-small`
18-
`--mod-standard-dialog-spacing-description-to-footer`
19-
`--mod-standard-dialog-spacing-edge-to-close-button`
2016
`--mod-standard-dialog-spacing-title-to-header-content`
21-
`--mod-standard-dialog-spacing-footer-to-button-group`
2217

2318
_Renamed Mods_
19+
`--mod-dialog-confirm-small-width` > `--mod-standard-dialog-max-width-small`
20+
`--mod-dialog-confirm-medium-width` > `--mod-standard-dialog-max-width`
21+
`--mod-dialog-confirm-large-width` > `--mod-standard-dialog-max-width-large`
2422
`--mod-dialog-confirm-border-radius` > `--mod-standard-dialog-border-radius`
2523
`--mod-dialog-confirm-description-text-size` > `--mod-standard-dialog-description-font-size`
2624
`--mod-dialog-confirm-description-text-line-height` > `--mod-standard-dialog-description-line-height`
@@ -29,27 +27,24 @@ _Renamed Mods_
2927
`--mod-dialog-heading-font-weight` > `--mod-standard-dialog-heading-font-weight`
3028
`--mod-dialog-confirm-title-text-line-height` > `--mod-standard-dialog-heading-line-height`
3129
`--mod-dialog-confirm-title-text-color` > `--mod-standard-dialog-heading-text-color`
32-
`--mod-dialog-confirm-hero-height` > `--mod-standard-dialog-min-hero-block-size`
30+
`--mod-dialog-confirm-title-text-size` > `--mod-standard-dialog-heading-font-size`
31+
`--mod-dialog-confirm-hero-height` > `--mod-standard-dialog-hero-block-size`
3332
`--mod-dialog-min-inline-size` > `--mod-standard-dialog-min-inline-size`
3433
`--mod-dialog-confirm-padding-grid` > `--mod-standard-dialog-spacing-grid-padding`
34+
`--mod-dialog-confirm-footer-padding-top` > `--mod-standard-dialog-spacing-description-to-footer`
35+
`--mod-dialog-confirm-close-button-padding` > `--mod-standard-dialog-spacing-edge-to-close-button`
36+
`--mod-dialog-confirm-gap-size` > `--mod-standard-dialog-spacing-footer-to-button-group`
3537

3638
_Removed Mods_
3739
`--mod-dialog-confirm-buttongroup-padding-top`
38-
`--mod-dialog-confirm-close-button-padding`
3940
`--mod-dialog-confirm-close-button-size`
4041
`--mod-dialog-confirm-description-margin`
4142
`--mod-dialog-confirm-description-padding`
4243
`--mod-dialog-confirm-divider-block-spacing-end`
4344
`--mod-dialog-confirm-divider-block-spacing-start`
4445
`--mod-dialog-confirm-divider-height`
45-
`--mod-dialog-confirm-footer-padding-top`
46-
`--mod-dialog-confirm-gap-size`
47-
`--mod-dialog-confirm-large-width`
48-
`--mod-dialog-confirm-medium-width`
49-
`--mod-dialog-confirm-small-width`
50-
`--mod-dialog-confirm-title-text-size`
51-
`--mod-dialog-fullscreen-header-text-size`
5246

5347
Modal and underlay updates
5448

55-
The Modal component now uses the updated corner rounding found in the standard dialog design specs. Underlay has an updated comment that addresses the overlay-color/overlay-opacity tokens.
49+
- Modal component now uses the updated corner rounding.
50+
- Underlay has an updated comment that addresses the overlay-color/overlay-opacity tokens.

0 commit comments

Comments
 (0)