Skip to content

Commit 81ee230

Browse files
authored
Update TextTheme with the M3 Typography tokens (#153131)
This PR adds a new table with[ Material 3 typography tokens](https://m3.material.io/styles/typography/type-scale-tokens). Issue: flutter/flutter#148429
1 parent 73c9e4e commit 81ee230

1 file changed

Lines changed: 23 additions & 1 deletion

File tree

packages/flutter/lib/src/material/text_theme.dart

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,14 +35,36 @@ import 'typography.dart';
3535
/// current (2021) version of the specification
3636
/// ([https://m3.material.io/styles/typography/tokens](https://m3.material.io/styles/typography/tokens)).
3737
///
38+
/// The **2021** spec has fifteen text styles:
39+
///
40+
/// | NAME | SIZE | HEIGHT | WEIGHT | SPACING | |
41+
/// |----------------|------|---------|---------|----------|-------------|
42+
/// | displayLarge | 57.0 | 64.0 | regular | -0.25 | |
43+
/// | displayMedium | 45.0 | 52.0 | regular | 0.0 | |
44+
/// | displaySmall | 36.0 | 44.0 | regular | 0.0 | |
45+
/// | headlineLarge | 32.0 | 40.0 | regular | 0.0 | |
46+
/// | headlineMedium | 28.0 | 36.0 | regular | 0.0 | |
47+
/// | headlineSmall | 24.0 | 32.0 | regular | 0.0 | |
48+
/// | titleLarge | 22.0 | 28.0 | regular | 0.0 | |
49+
/// | titleMedium | 16.0 | 24.0 | medium | 0.15 | |
50+
/// | titleSmall | 14.0 | 20.0 | medium | 0.1 | |
51+
/// | bodyLarge | 16.0 | 24.0 | regular | 0.5 | |
52+
/// | bodyMedium | 14.0 | 20.0 | regular | 0.25 | |
53+
/// | bodySmall | 12.0 | 16.0 | regular | 0.4 | |
54+
/// | labelLarge | 14.0 | 20.0 | medium | 0.1 | |
55+
/// | labelMedium | 12.0 | 16.0 | medium | 0.5 | |
56+
/// | labelSmall | 11.0 | 16.0 | medium | 0.5 | |
57+
///
58+
/// ...where "regular" is `FontWeight.w400` and "medium" is `FontWeight.w500`.
59+
///
3860
/// The names of the 2018 TextTheme properties match this table from the
3961
/// [Material Design spec](https://material.io/design/typography/the-type-system.html#type-scale)
4062
/// with a few exceptions: the styles called H1-H6 in the spec are
4163
/// displayLarge-titleLarge in the API chart, body1,body2 are called
4264
/// bodyLarge and bodyMedium, caption is now bodySmall, button is labelLarge,
4365
/// and overline is now labelSmall.
4466
///
45-
/// The 2018 spec has thirteen text styles:
67+
/// The **2018** spec has thirteen text styles:
4668
///
4769
/// | NAME | SIZE | WEIGHT | SPACING | |
4870
/// |----------------|------|---------|----------|-------------|

0 commit comments

Comments
 (0)