|
1 | 1 | # Change log |
2 | 2 |
|
| 3 | +## 9.0.0-next.1 |
| 4 | + |
| 5 | +### Major Changes |
| 6 | + |
| 7 | +- [#3429](https://github.com/adobe/spectrum-css/pull/3429) [`924fc7f`](https://github.com/adobe/spectrum-css/commit/924fc7f040b84731c06fd3c59dbb1aca9001b642) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - ## Dropzone S2 Migration |
| 8 | + |
| 9 | + Since dropzone shares a lot of illustrated message's new content tokens (typography and spacing), tons of unused`--mods` were removed. |
| 10 | + |
| 11 | + The component reflects the [new design](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=10141-2822&m=dev) of the borders that includes dash length and dash gap. |
| 12 | + |
| 13 | + ### SVG Border |
| 14 | + |
| 15 | + To support the intention of the design, an SVG element is used. There are custom `--mod` tokens to adjust the length of dashed lines and the gap between them. It's understood it may be too much to consume an additional element so there's a fallback where the SVG element is not necessary - dropzone will use the standard `border` CSS property. |
| 16 | + |
| 17 | + ### New mods |
| 18 | + |
| 19 | + `--mod-drop-zone-content-height` |
| 20 | + `--mod-drop-zone-edge-to-text` |
| 21 | + `--mod-drop-zone-title-line-height` |
| 22 | + `--mod-drop-zone-border-dash-length` |
| 23 | + `--mod-drop-zone-border-dash-gap` |
| 24 | + |
| 25 | + ### Removed mods |
| 26 | + |
| 27 | + `--mod-drop-zone-body-color` |
| 28 | + `--mod-drop-zone-body-font-family` |
| 29 | + `--mod-drop-zone-body-font-style` |
| 30 | + `--mod-drop-zone-body-font-weight` |
| 31 | + `--mod-drop-zone-body-line-height` |
| 32 | + `--mod-drop-zone-content-color` |
| 33 | + `--mod-drop-zone-content-edge-to-text` |
| 34 | + `--mod-drop-zone-content-font-size` |
| 35 | + `--mod-drop-zone-heading-color` |
| 36 | + `--mod-drop-zone-heading-font-family` |
| 37 | + `--mod-drop-zone-heading-font-size` |
| 38 | + `--mod-drop-zone-heading-font-style` |
| 39 | + `--mod-drop-zone-heading-font-weight` |
| 40 | + `--mod-drop-zone-heading-line-height` |
| 41 | + `--mod-drop-zone-heading-to-body` `--mod-drop-zone-illustration-to-heading` `--mod-drop-zone-illustration-to-title` |
| 42 | + |
3 | 43 | All notable changes to this project will be documented in this file. |
4 | 44 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. |
5 | 45 |
|
|
0 commit comments