Theme-ui: Text isn't using default variant without passing a variant prop.

Created on 22 Jun 2020  路  5Comments  路  Source: system-ui/theme-ui

Description

According to the docs the <Text/> component should use the text.default variant automatically, when implemented with next it does not inherit the default value.

Screens

Screen Shot 2020-06-22 at 4 42 28 PM
In the bottom section, the card on the left is explicitly declaring variant: default and the card next to it isn't. Both are using the <Text/> component from theme-ui

Most helpful comment

@cameronwlewis and whomever else finds this until close. You can solve the issue by upgrading your package to theme-ui@next

All 5 comments

It's because the update to the Text component hasn't landed in a stable release yet.

The docs probably shouldn't dictate something that isn't in the default branch.

Just discovered this as well. Glad I found this issue, since I've been fruitlessly trying to solve this over the last hour. Thanks for posting @pkrawc . Guess I'll resort to putting in text.default variant manually for now.

@cameronwlewis and whomever else finds this until close. You can solve the issue by upgrading your package to theme-ui@next

@pkrawc Thank you so much for the @next tip!

@hasparus I鈥檓 cool to close since this is merged & on a published release

Was this page helpful?
0 / 5 - 0 ratings

Related issues

8eecf0d2 picture 8eecf0d2  路  3Comments

moshemo picture moshemo  路  3Comments

K-Kit picture K-Kit  路  4Comments

blummis picture blummis  路  4Comments

george-norris-salesforce picture george-norris-salesforce  路  3Comments