Hey guys! I'm creating a typography and based on t...

# compose-android

[Arilson José de Oliveira Júnior]

Hey guys! I'm creating a typography and based on the previous XML style I have the textAllCaps property defined, but looking into the TextStyle we don't have this property. What would be the best approach in this case?

[romainguy]

You might be able to do it with fontFeatureSettings

[romainguy]

https://www.w3.org/TR/css-fonts-3/#font-variant-caps-prop

[romainguy]

You use the CSS syntax as a string in the variant of TextStyle that takes a fontFeatureSettings parameter

[Arilson José de Oliveira Júnior]

huum considering the code, how exactly should I do that Romain?

val TextBadgeLabel = TextStyle(
    fontFamily = FontFamily.Default,
    fontSize = 14.sp,
    letterSpacing = text_badge_line_spacing,
    fontWeight = FontWeight.Bold,
    color = textColor_Subtle,
    //all caps??
)

[romainguy]

add fontFeatureSettings = "font-variant-caps: small-caps"

[romainguy]

Ah crap no it won't work

[romainguy]

Try "smcp" as the string

[Arilson José de Oliveira Júnior]

interesting

[Arilson José de Oliveira Júnior]

fontFeatureSettings = "font-variant-caps: smcp" like this?

[romainguy]

No just smcp

[Arilson José de Oliveira Júnior]

now I'm seeing the documentation here

[romainguy]

Yes it's on developer.android.com too

[Arilson José de Oliveira Júnior]

good

[Arilson José de Oliveira Júnior]

let me know if you can help me with more one thing Romain... there is a selector in xml style to define what color will be set up according to state_enabled, do we have a way to handle this inside TextStyle?

[Arilson José de Oliveira Júnior]

<selector xmlns:android="<http://schemas.android.com/apk/res/android>">
    <item android:state_enabled="true" android:color="?attr/tokens.foreground.Normal"/>

    <item android:state_enabled="false" android:color="?attr/tokens.foreground.Normal.Disabled"/>
</selector>

in my style, the text color is this selector

[romainguy]

No, text style doesn’t handle logic on its own

[Arilson José de Oliveira Júnior]

Ok! Thanks, Romain! Helped me a lot with the fontFeatureSettings tip

[Arilson José de Oliveira Júnior]

Pleasure!

[romainguy]

We should probably improve the docs :)

[romainguy]

But glad it helped

[Arilson José de Oliveira Júnior]

good! good!

[Arilson José de Oliveira Júnior]

just a question, some reason for we don't have a more explicit way to do uppercase inside text style?

[romainguy]

I’d have to ask the text folks but I assume it’s because using the css syntax gives access to many features without requiring a ridiculous number of function overloads

[romainguy]

And something like small caps isn’t a common requirement

[Arilson José de Oliveira Júnior]

huuum ok!

[Arilson José de Oliveira Júnior]

thanks again 👊