Skip to content

Commit

Permalink
docs: update migration guide headings (#2638)
Browse files Browse the repository at this point in the history
Remove dates from in front of version numbers on migration guides, as
we're adjusting to this format going forward. Includes removal of the
placeholder "x/x/2024" dates that were added. The button component
was excluded from this update as they're already removed in the button
s2 migration PR.
  • Loading branch information
jawinn authored and castastrophe committed Apr 4, 2024
1 parent f6ce721 commit 0f20c5b
Show file tree
Hide file tree
Showing 7 changed files with 11 additions and 11 deletions.
2 changes: 1 addition & 1 deletion components/actionbutton/metadata/actionbutton.yml
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ sections:
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/actionbutton/metadata/mods.md">here</a>.
- name: Migration Guide
description: |
### x/x/2024 - Version 6.0.0
### Version 6.0.0
#### Spectrum 2 release
Action button now uses Spectrum 2 tokens and specifications. A few notable changes:
- The mod custom property `--mod-line-height-100` has been renamed to `--mod-button-line-height`.
Expand Down
2 changes: 1 addition & 1 deletion components/buttongroup/metadata/buttongroup.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ SpectrumSiteSlug: https://spectrum.adobe.com/page/button/
sections:
- name: Migration Guide
description: |
### 1/24/2024 - Version 7.0.0
### Version 7.0.0
#### Spectrum 2 migration also removed `.spectrum-ButtonGroup--sizeM`, `.spectrum-ButtonGroup--sizeL`, and `.spectrum-ButtonGroup--sizeXL`
Since each of these classes were using the same tokens for spacing, these classes were removed.
- name: Custom Properties API
Expand Down
6 changes: 3 additions & 3 deletions components/closebutton/metadata/closebutton.yml
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ sections:
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/closebutton/metadata/mods.md">here</a>.
- name: Migration Guide
description: |
### x/x/2024 - Version 5.0.0
### Version 5.0.0
#### Spectrum 2 release
Close button now uses Spectrum 2 tokens and specifications. A few notable changes and additions:
* Removes all static-specific `--mod` custom properties since they are no longer needed. The existing background-color mods can be used instead:
Expand All @@ -32,11 +32,11 @@ sections:
* The mod custom property `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`.
* The regular and large "Icon size" variants have been removed.
### 8/16/2023 - Version 4.0.0
### Version 4.0.0
#### Remove focus-ring class
We've migrated away from the focus-ring class in favor of the native `:focus-visible` pseudo-class due to changes in browser support.
### 8/3/2022 - Version 2.0.0
### Version 2.0.0
#### Sizing and Spectrum tokens migration
Close button was migrated to use Spectrum tokens. Close button now supports different sizes. By default, the following icons should be used for each size:
Expand Down
4 changes: 2 additions & 2 deletions components/fieldlabel/metadata/fieldlabel.yml
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@ sections:
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/fieldlabel/metadata/mods.md">here</a>.
- name: Migration Guide
description: |
### x/x/2024 - Version 8.0.0
### Version 8.0.0
#### Spectrum 2 release
Field label now uses Spectrum 2 tokens and specifications. A few notable changes and additions:
- The medium size styles are used by default, so the `spectrum-FieldLabel--sizeM` class is no longer necessary and has been removed.
- Two variant classes have been added for black and white static colors.
- The mod custom property `--mod-disabled-content-color` has been renamed to `--mod-field-label-disabled-content-color`.
### 11/13/2020 - Version 3.0.0
### Version 3.0.0
#### T-shirt sizing
Field label now supports t-shirt sizing and requires that you specify the size by adding a `.spectrum-FieldLabel--size*` class.
examples:
Expand Down
2 changes: 1 addition & 1 deletion components/fieldlabel/metadata/form.yml
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ sections:
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/fieldlabel/metadata/mods.md">here</a>.
- name: Migration Guide
description: |
### x/x/2024 - Version 8.0.0
### Version 8.0.0
#### Spectrum 2 release
The renamed mod properties previously marked as deprecated have been removed:
- `--mod-tableform-item-block-spacing` has been renamed to `--mod-form-item-block-spacing`
Expand Down
4 changes: 2 additions & 2 deletions components/logicbutton/metadata/logicbutton.yml
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@ description: A LogicButton displays an operator within a boolean logic sequence.
sections:
- name: Migration Guide
description: |
### x/x/2024 - Version 4.0.0
### Version 4.0.0
#### Spectrum 2 release
Logic button now uses Spectrum 2 tokens and specifications. A few notable changes:
- The mod custom property `--mod-line-height-100` has been renamed to `--mod-button-line-height`.
- The mod custom property `--mod-sans-font-family-stack` has been renamed to `--mod-button-font-family`.
- The mod custom property `--mod-focus-indicator-gap` has been renamed to `--mod-button-focus-indicator-gap`.
- The mod custom property `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`.
### 8/16/2023 - Version 2.0.0
### Version 2.0.0
#### Remove focus-ring class
We've migrated away from the focus-ring class in favor of the native `:focus-visible` pseudo-class due to changes in browser support.
examples:
Expand Down
2 changes: 1 addition & 1 deletion components/picker/metadata/picker.yml
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ sections:
This component can be modified via its `--mod-*` prefixed custom properties. A list of those prefixed custom properties can be found <a class="spectrum-Link" href="https://github.com/adobe/spectrum-css/tree/main/components/picker/metadata/mods.md">here</a>.
- name: Migration Guide
description: |
### x/x/2024 - Version 8.0.0
### Version 8.0.0
#### Spectrum 2 release
Picker now uses Spectrum 2 tokens and specifications. A few notable changes:
- The mod custom property `--mod-line-height-100` has been renamed to `--mod-button-line-height`.
Expand Down

0 comments on commit 0f20c5b

Please sign in to comment.