Typography/Size Variables: Styles don't respect applied mode for variables

When applying text styles that have associated variables attached the values presented do not respect the applied mode. For instance I have a title that has a mode for Mobile (20px), and a mode for TV (40px), when i open up the style, the default mode (in this case mobile) is displayed instead of the TV mode size.

I have also observed this within grid layouts when applied it shows the default mode (26 columns). When in reality it is actually 24 columns, if you then detach the style it shows the correct number.

And when detached you can see it shows the correct value

Seems this was a major oversight, as it makes applying size variables pretty time consuming, as I have to check if I’ve chosen the correct size by clicking and opening up the variable list.

In short it seems to default to the first default mode, instead of respecting the chosen mode. It also only seems to affect styles.

Anyone else found this to be an issue?


Yes!! Having the same issue and came here to see if others were experiencing it. The only workaround we’ve found so far is to just add a description to the text styles with the other mode values, but it’s definitely not great.

1 Like

Ahhh thank you, I didn’t think about using the description!

I’ll use this as a workaround for now but it’s definitely frustrating that the values do not ripple down correctly when the mode has been selected. It makes it extremely difficult for those consuming the system to really use it correctly.


Hoping to bump this thread as it’s quite frustrating and feels like a pretty big oversight.

Hey All, so sorry for the trouble and delayed reply!

This is already on our team’s radar for improvement. We’ll pass this topic thread onto the team as they continue to investigate and work on a fix.