Skip to content

Commit

Permalink
docs: merged migration guides
Browse files Browse the repository at this point in the history
  • Loading branch information
@GarthDB
GarthDB committed Oct 15, 2020
1 parent 251d9d8 commit 5d7b489
Showing 1 changed file with 43 additions and 93 deletions.
136 changes: 43 additions & 93 deletions components/typography/metadata/typography.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,109 +61,59 @@ sections:
### Heading
| Deprecated Classname | New Classname |
| --------------------------------------------------------- | ------------------------------------------------------------------ |
| `~.spectrum-Heading1--display~` | `.spectrum-Heading.spectrum-Heading--XXXL` |
| `~.spectrum-Heading1--display.spectrum-Heading1--quiet~` | `.spectrum-Heading.spectrum-Heading--XXXL.spectrum-Heading--light` |
| `~.spectrum-Heading1--display.spectrum-Heading1--strong~` | `.spectrum-Heading.spectrum-Heading--XXXL.spectrum-Heading--heavy` |
| `~.spectrum-Heading2--display~` | `.spectrum-Heading.spectrum-Heading-XXL` |
| `~.spectrum-Heading2--display.spectrum-Heading2--quiet~` | `.spectrum-Heading.spectrum-Heading--XXL.spectrum-Heading--light` |
| `~.spectrum-Heading2--display.spectrum-Heading2--strong~` | `.spectrum-Heading.spectrum-Heading--XXL.spectrum-Heading--heavy` |
| `~.spectrum-Heading1~` | `.spectrum-Heading.spectrum-Heading-XL` |
| `~.spectrum-Heading1--quiet~` | `.spectrum-Heading.spectrum-Heading--XL.spectrum-Heading--light` |
| `~.spectrum-Heading1--strong~` | `.spectrum-Heading.spectrum-Heading--XL.spectrum-Heading--heavy` |
| `~.spectrum-Heading2~` | `.spectrum-Heading.spectrum-Heading-L` |
| `~.spectrum-Heading1--quiet~` | `.spectrum-Heading.spectrum-Heading--L.spectrum-Heading--light` |
| `~.spectrum-Heading2--strong~` | `.spectrum-Heading.spectrum-Heading--L.spectrum-Heading--heavy` |
| `~.spectrum-Heading3~` | `.spectrum-Heading.spectrum-Heading--M` |
| `~.spectrum-Heading4~` | `.spectrum-Heading.spectrum-Heading--S` |
| `~.spectrum-Heading5~` | `.spectrum-Heading.spectrum-Heading--XS` |
| `~.spectrum-Heading6~` | `.spectrum-Heading.spectrum-Heading--XXS` |
| Deprecated Classname | New Classname |
| --------------------------------------------------------- | ---------------------------------------------------------------------- |
| `~.spectrum-Heading1--display~` | `.spectrum-Heading.spectrum-Heading--sizeXXXL` |
| `~.spectrum-Heading1--display.spectrum-Heading1--quiet~` | `.spectrum-Heading.spectrum-Heading--sizeXXXL.spectrum-Heading--light` |
| `~.spectrum-Heading1--display.spectrum-Heading1--strong~` | `.spectrum-Heading.spectrum-Heading--sizeXXXL.spectrum-Heading--heavy` |
| `~.spectrum-Heading2--display~` | `.spectrum-Heading.spectrum-Heading--sizeXXL` |
| `~.spectrum-Heading2--display.spectrum-Heading2--quiet~` | `.spectrum-Heading.spectrum-Heading--sizeXXL.spectrum-Heading--light` |
| `~.spectrum-Heading2--display.spectrum-Heading2--strong~` | `.spectrum-Heading.spectrum-Heading--sizeXXL.spectrum-Heading--heavy` |
| `~.spectrum-Heading1~` | `.spectrum-Heading.spectrum-Heading--sizeXL` |
| `~.spectrum-Heading1--quiet~` | `.spectrum-Heading.spectrum-Heading--sizeXL.spectrum-Heading--light` |
| `~.spectrum-Heading1--strong~` | `.spectrum-Heading.spectrum-Heading--sizeXL.spectrum-Heading--heavy` |
| `~.spectrum-Heading2~` | `.spectrum-Heading.spectrum-Heading--sizeL` |
| `~.spectrum-Heading1--quiet~` | `.spectrum-Heading.spectrum-Heading--sizeL.spectrum-Heading--light` |
| `~.spectrum-Heading2--strong~` | `.spectrum-Heading.spectrum-Heading--sizeL.spectrum-Heading--heavy` |
| `~.spectrum-Heading3~` | `.spectrum-Heading.spectrum-Heading--sizeM` |
| `~.spectrum-Heading4~` | `.spectrum-Heading.spectrum-Heading--sizeS` |
| `~.spectrum-Heading5~` | `.spectrum-Heading.spectrum-Heading--sizeXS` |
| `~.spectrum-Heading6~` | `.spectrum-Heading.spectrum-Heading--sizeXXS` |
### Body
| Deprecated Classname | New Classname |
| ---------------------- | ------------------------------------ |
| - | `.spectrum-Body.spectrum-Body--XXXL` |
| - | `.spectrum-Body.spectrum-Body--XXL` |
| `~.spectrum-Body1~` | `.spectrum-Body.spectrum-Body--XL` |
| `~.spectrum-Body2~` | `.spectrum-Body.spectrum-Body--L` |
| `~.spectrum-Body3~` | `.spectrum-Body.spectrum-Body--M` |
| `~.spectrum-Body4~` | `.spectrum-Body.spectrum-Body--S` |
| `~.spectrum-Body5~` | `.spectrum-Body.spectrum-Body--XS` |
| Deprecated Classname | New Classname |
| ---------------------- | ---------------------------------------- |
| - | `.spectrum-Body.spectrum-Body--sizeXXXL` |
| - | `.spectrum-Body.spectrum-Body--sizeXXL` |
| `~.spectrum-Body1~` | `.spectrum-Body.spectrum-Body--sizeXL` |
| `~.spectrum-Body2~` | `.spectrum-Body.spectrum-Body--sizeL` |
| `~.spectrum-Body3~` | `.spectrum-Body.spectrum-Body--sizeM` |
| `~.spectrum-Body4~` | `.spectrum-Body.spectrum-Body--sizeS` |
| `~.spectrum-Body5~` | `.spectrum-Body.spectrum-Body--sizeXS` |
### Detail
| Deprecated Classname | New Classname |
| ------------------------ | --------------------------------------------- |
| - | `.spectrum-Detail--XL` |
| - | `.spectrum-Detail--XL.spectrum-Detail--light` |
| - | `.spectrum-Detail--L` |
| - | `.spectrum-Detail--L.spectrum-Detail--light` |
| - | `.spectrum-Detail--M` |
| - | `.spectrum-Detail--M.spectrum-Detail--light` |
| `~.spectrum-Subheading~` | `.spectrum-Detail--S` |
| `~.spectrum-Detail~` | `.spectrum-Detail--S.spectrum-Detail--light` |
| Deprecated Classname | New Classname |
| ------------------------ | ------------------------------------------------- |
| - | `.spectrum-Detail--sizeXL` |
| - | `.spectrum-Detail--sizeXL.spectrum-Detail--light` |
| - | `.spectrum-Detail--sizeL` |
| - | `.spectrum-Detail--sizeL.spectrum-Detail--light` |
| - | `.spectrum-Detail--sizeM` |
| - | `.spectrum-Detail--sizeM.spectrum-Detail--light` |
| `~.spectrum-Subheading~` | `.spectrum-Detail--sizeS` |
| `~.spectrum-Detail~` | `.spectrum-Detail--sizeS.spectrum-Detail--light` |
### Code
| Deprecated Classname | New Classname |
| -------------------- | ------------------- |
| `~.spectrum-Code-1~` | `.spectrum-Code--XL`|
| `~.spectrum-Code-2~` | `.spectrum-Code--L` |
| `~.spectrum-Code-3~` | `.spectrum-Code--M` |
| `~.spectrum-Code-4~` | `.spectrum-Code--S` |
| Deprecated Classname | New Classname |
| -------------------- | ----------------------- |
| `~.spectrum-Code-1~` | `.spectrum-Code--sizeXL`|
| `~.spectrum-Code-2~` | `.spectrum-Code--sizeL` |
| `~.spectrum-Code-3~` | `.spectrum-Code--sizeM` |
| `~.spectrum-Code-4~` | `.spectrum-Code--sizeS` |
| `~.spectrum-Code-5~` | `.spectrum-Code--sizeXS`|
- name: Updating sizing syntax
description: |
To be more consistent with other t-shirt sizing syntax, the Typography components now use the word `size` in the class name syntax.
### Heading
| Deprecated Classname | New Classname |
|--------------------------------------------|------------------------------------------------|
| `.spectrum-Heading.spectrum-Heading--XXXL` | `.spectrum-Heading.spectrum-Heading--sizeXXXL` |
| `.spectrum-Heading.spectrum-Heading--XXL` | `.spectrum-Heading.spectrum-Heading--sizeXXL` |
| `.spectrum-Heading.spectrum-Heading--XL` | `.spectrum-Heading.spectrum-Heading--sizeXL` |
| `.spectrum-Heading.spectrum-Heading--L` | `.spectrum-Heading.spectrum-Heading--sizeL` |
| `.spectrum-Heading.spectrum-Heading--M` | `.spectrum-Heading.spectrum-Heading--sizeM` |
| `.spectrum-Heading.spectrum-Heading--S` | `.spectrum-Heading.spectrum-Heading--sizeS` |
| `.spectrum-Heading.spectrum-Heading--XS` | `.spectrum-Heading.spectrum-Heading--sizeXS` |
| `.spectrum-Heading.spectrum-Heading--XXS` | `.spectrum-Heading.spectrum-Heading--sizeXXS` |
### Body
| Deprecated Classname | New Classname |
|--------------------------------------|------------------------------------------|
| `.spectrum-Body.spectrum-Body--XXXL` | `.spectrum-Body.spectrum-Body--sizeXXXL` |
| `.spectrum-Body.spectrum-Body--XXL` | `.spectrum-Body.spectrum-Body--sizeXXL` |
| `.spectrum-Body.spectrum-Body--XL` | `.spectrum-Body.spectrum-Body--sizeXL` |
| `.spectrum-Body.spectrum-Body--L` | `.spectrum-Body.spectrum-Body--sizeL` |
| `.spectrum-Body.spectrum-Body--M` | `.spectrum-Body.spectrum-Body--sizeM` |
| `.spectrum-Body.spectrum-Body--S` | `.spectrum-Body.spectrum-Body--sizeS` |
| `.spectrum-Body.spectrum-Body--XS` | `.spectrum-Body.spectrum-Body--sizeXS` |
| `.spectrum-Body.spectrum-Body--XXS` | `.spectrum-Body.spectrum-Body--sizeXXS` |
### Detail
| Deprecated Classname | New Classname |
|------------------------------------------|----------------------------------------------|
| `.spectrum-Detail.spectrum-Detail--XL` | `.spectrum-Detail.spectrum-Detail--sizeXL` |
| `.spectrum-Detail.spectrum-Detail--L` | `.spectrum-Detail.spectrum-Detail--sizeL` |
| `.spectrum-Detail.spectrum-Detail--M` | `.spectrum-Detail.spectrum-Detail--sizeM` |
| `.spectrum-Detail.spectrum-Detail--S` | `.spectrum-Detail.spectrum-Detail--sizeS` |
### Code
| Deprecated Classname | New Classname |
|----------------------------------------|--------------------------------------------|
| `.spectrum-Detail.spectrum-Detail--XL` | `.spectrum-Detail.spectrum-Detail--sizeXL` |
| `.spectrum-Detail.spectrum-Detail--L` | `.spectrum-Detail.spectrum-Detail--sizeL` |
| `.spectrum-Detail.spectrum-Detail--M` | `.spectrum-Detail.spectrum-Detail--sizeM` |
| `.spectrum-Detail.spectrum-Detail--S` | `.spectrum-Detail.spectrum-Detail--sizeS` |
| `.spectrum-Detail.spectrum-Detail--XS` | `.spectrum-Detail.spectrum-Detail--sizeXS` |

0 comments on commit 5d7b489

Please sign in to comment.