|
| 1 | +--- |
| 2 | +"@spectrum-css/textfield": major |
| 3 | +--- |
| 4 | + |
| 5 | +Migrate to Spectrum 2 |
| 6 | + |
| 7 | +- Default styles are used for medium |
| 8 | +- Removal of quiet variant |
| 9 | +- Style adjustments to match design spec: |
| 10 | + - Spacing start/end edge to value for XL component should use `component-edge-to-text-300`, not `-200` |
| 11 | + - Spacing top edge to value should change with size, now uses different spacing tokens for each component tshirt size according to spec (`component-top-to-text-75`, `-100`, `-200`, and `-300`) |
| 12 | + - Spacing bottom edge to value should change with size, now uses different spacing tokens for each component tshirt size according to spec (`component-bottom-to-text-75`, `-100`, `-200`, and `-300`) |
| 13 | + - Adjust border thickness to 2px |
| 14 | + - Adjust side label inline spacing to field, should be `spacing-200` for all tshirt sizes |
| 15 | + - Adjust border colors to match spec |
| 16 | + - Change disabled background color to `gray-25` |
| 17 | + - Change disabled-border-color from transparent to `disabled-border-color` |
| 18 | +- Use new and updated tokens: |
| 19 | + - use tokens for textfield width (`field-default-width-small`, `-medium`, `-large`, `-extra-large`) |
| 20 | + - use updated corner radius tokens |
| 21 | + - use different component-bottom-to-text tokens for character-count-spacing-block |
| 22 | + - update tokens for alert icon block spacing |
| 23 | + - update tokens for alert and invalid inline-start spacing |
| 24 | + - update font tokens |
| 25 | + |
| 26 | +Adds mods: |
| 27 | + |
| 28 | +- `--mod-textfield-character-count-color` |
| 29 | +- `--mod-textfield-character-count-line-height` |
| 30 | +- `--mod-textfield-character-count-line-height-cjk` |
| 31 | +- `--mod-textfield-line-height` |
| 32 | +- `--mod-textfield-line-height-cjk` |
| 33 | + |
| 34 | +Removes mods: |
| 35 | + |
| 36 | +- `--mod-text-area-min-block-size-quiet` |
| 37 | +- `--mod-textfield-character-count-spacing-block-quiet` |
| 38 | +- `--mod-textfield-icon-spacing-inline-end-quiet-invalid` |
| 39 | +- `--mod-textfield-icon-spacing-inline-end-quiet-valid` |
| 40 | +- `--mod-textfield-label-spacing-block-quiet` |
| 41 | +- `--mod-textfield-spacing-block-quiet` |
| 42 | +- `--mod-textfield-spacing-inline-quiet` |
0 commit comments