implement the prominent style for labelLarge and labelMedium in the TextTheme - Material Design 3

[alessandrovolpi-puntozero]

Use case

As described in the documentation, in Material Design 3 there are three Label styles:

• Label Large
• Label Medium
• Label Small.

For the Large and the Medium, Material Design provides two different type of weightness: normal and prominent.

But in the text_theme.dart there are only labelLarge and labelMedium, without the prominent style.

Proposal

Implement the prominent style in the TextTheme for the labelLarge and labelMedium.

[danagbemava-nc]

Hi @alessandrovolpi-puntozero, it seems like on the material site, the weight for prominent is 700, does using fontWeight: FontWeight.w700 not suite your use-case?

[alessandrovolpi-puntozero]

Yes, but I think it’s better to have this style directly in the TextTheme instead of manual coding every times.

For example, when I customize the textTheme I write:

textTheme = TextTheme(
  labelLarge: const TextStyle(fontSize: 16.0, fontWeight: FontWeight.w400),
  labelSmall: const TextStyle(fontSize: 12.0, fontWeight: FontWeight.w400)
);

My proposal is something like this:

textTheme = TextTheme(
  labelLarge: const TextStyle(fontSize: 16.0, fontWeight: FontWeight.w400),
  labelLargeProminent: const TextStyle(fontSize: 16.0, fontWeight: FontWeight.w700),
  labelSmall: const TextStyle(fontSize: 12.0, fontWeight: FontWeight.w400)
);

In this way when I want to use this style I can use textTheme.labelLargeProminent