Polaris-react: Option and actionlist component headers have incorrect font weight/type style

Created on 30 Sep 2019  路  3Comments  路  Source: Shopify/polaris-react

Issue summary

Action and option list headers use subheading text style but they arent bold.

Expected behavior

Bold font weight:
CleanShot 2019-09-30 at 11 55 44@2x

Actual behavior

Regular font weight:
CleanShot 2019-09-30 at 11 56 22@2x

馃帹 Design 馃悰Bug

All 3 comments

Looks like it's on purpose if the scss calls out font-weight: 400

// src/components/OptionList/OptionList.scss
.Title {
  @include text-style-subheading;
  padding: spacing(tight) spacing();
  border-bottom: border();
  font-weight: 400;
  color: color('ink', 'lighter');
}

@sarahill can you please confirm?

You're correct, Dan, the lighter font-weight is not consistent with Polaris styles.

Was this page helpful?
0 / 5 - 0 ratings