[Figma clean up] Fix Type tokens for launch

[RichKummer]

The problem

The Dotcom team is close to launch for our brand new code, along with our revamped v2 Figma library. Unfortunately, the library's type tokens were disconnected right in the middle of this project.

We're looking to reconnect the type tokens in the Dotcom v2 Figma kit with the type tokens in the(v11) Text Styles - IBM Design Language library. This way, the library has all the right connections for launch!

The solution

• [ ] Component by component - need to update the disconnected type token with the proper v11 type token in (v11) Text Styles - IBM Design Language.
• [ ] Make sure each variant also has the proper type token. Some pages will have a few components out, I would focus only on the ones with the below artboard frame:

• [ ] Reference the below Dotcom v2 or v1 specs. If a v1 spec, reference the v11 type migration table to get the updated v11 type token.
• [ ] The tricky tokens to look out for are the fluid type tokens, because these change their Figma token based on breakpoint. When updating the fluid type tokens, just make sure they're matched by breakpoint (ex. content block uses a $fluid-heading-05 token, but in Figma there are five of that token, one for each breakpoint.

Dotcom resources

Dotcom v2 Figma kit (beta)

Dotcom v2 specs

Dotcom v1 specs - old v10 type tokens

Other resources

Carbon type sets

Type token migration from v10 to v11

[RichKummer]

Component list

• [x] Back to top (no type)
• [x] Card - Default
• [x] Card - Static
• [x] Card - Pictogram
• [x] Card group
• [x] Card in card
• [x] Carousel control
• [x] Content block
• [x] Content group (TBD)
• [x] Content item
• [x] Content item row (this needs an update)
• [x] Content section
• [x] Dotcom shell (avoid)
• [x] Feature card (Rich to do this one)
• [x] Horizontal rule (done)
• [x] Image (check captions)
• [x] Lead space (Rich to do this one)
• [x] Lightbox media viewer
• [x] Link list
• [x] Link with icon
• [x] Table of contents - vertical
• [x] Table of contents - horizontal
• [x] Tabs extended
• [x] Video player (caption)

Other pages

• [x] About
• [x] Read me