typography: {
fontFamily: "--tile--font-family";
fontFamilyHeading: "--tile--font-family-heading";
fontFamilyMono: "--tile--font-family-mono";
fontSize: "--tile--font-size";
fontSizeSmall: "--tile--font-size-small";
fontSizeLarge: "--tile--font-size-large";
fontSizeHeading: "--tile--font-size-heading";
lineHeight: "--tile--line-height";
letterSpacingHeading: "--tile--letter-spacing-heading";
fontWeight: "--tile--font-weight";
fontWeightStrong: "--tile--font-weight-strong";
fontWeightHeavy: "--tile--font-weight-heavy";
} = ...
Type Declaration
-
ReadonlyfontFamily: "--tile--font-family"
-
ReadonlyfontFamilyHeading: "--tile--font-family-heading"
-
ReadonlyfontFamilyMono: "--tile--font-family-mono"
-
ReadonlyfontSize: "--tile--font-size"
-
ReadonlyfontSizeSmall: "--tile--font-size-small"
-
ReadonlyfontSizeLarge: "--tile--font-size-large"
-
ReadonlyfontSizeHeading: "--tile--font-size-heading"
-
ReadonlylineHeight: "--tile--line-height"
-
ReadonlyletterSpacingHeading: "--tile--letter-spacing-heading"
-
ReadonlyfontWeight: "--tile--font-weight"
-
ReadonlyfontWeightStrong: "--tile--font-weight-strong"
-
ReadonlyfontWeightHeavy: "--tile--font-weight-heavy"
The custom property behind every typography token.
Narrowed to literals, so the design system contract can name the tokens and the custom properties they resolve to.