From 5d7b4890043123448a1462f3edf229297a75ba56 Mon Sep 17 00:00:00 2001 From: garthdb Date: Thu, 15 Oct 2020 12:54:04 -0600 Subject: [PATCH] docs: merged migration guides --- components/typography/metadata/typography.yml | 136 ++++++------------ 1 file changed, 43 insertions(+), 93 deletions(-) diff --git a/components/typography/metadata/typography.yml b/components/typography/metadata/typography.yml index c68617975d5..77637846207 100644 --- a/components/typography/metadata/typography.yml +++ b/components/typography/metadata/typography.yml @@ -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` |