Typography size variant
Optionaloptions: SerifComposeOptionsConfiguration for theme and color
JSS object with composed styles and appropriate className
// Basic usage
const heading = serif.compose('large');
// With dark theme
const darkHeading = serif.compose('large', { theme: 'dark' });
// With explicit color
const grayHeading = serif.compose('large', { color: token.color.gray.dark });
// With theme-aware subdued color
import { theme } from '@universityofmaryland/web-utilities-library/theme';
const subtitle = serif.compose('medium', { color: theme.subdued(isThemeDark) });
Composable serif typography style selector
Creates serif typography styles with configurable size and theme options.