Type Mappings

type hierarchy mapping.md

Type Hierarchy Mapping

Main Mapping

Labs Mapping

• { type.body2 } => { type.levels.subtext.medium }

type variant mapping.md

Type Variant Mapping

No Longer Variants

Button

• { type.variant.button } => { fontWeight: type.properties.fontWeights.medium }

Caps

• { type.variant.caps } => { fontWeight: type.properties.fontWeights.bold, textTransform: 'uppercase' }

Label

• { type.variant.label } => { fontWeight: type.properties.fontWeights.medium }

Link

• use Hyperlink component

Mono

• { type.variant.mono } => { fontFamily: type.properties.fonts.monospace }

Still Variants, But Different Object Keys

Error

• { type.variant.error } => { type.variants.error }

Hint

• { type.variant.hint } => { type.variants.hint }

Inverse

• { type.variant.inverse } => { type.variants.inverse }