Currently the CSS for .utrecht-form-field configures the font-family using var(--utrecht-document-font-family), which is kinda a common token.
One question is: should this be more fine-grained, should utrecht.form-field.font-family exist?
But perhaps the question should be: should utrecht-form-field as a container even have a font-family? Or should the font-family only be configurable for block level components or block level BEM elements inside the form field?
BEM element
BEM display
component
component display
component has font-family token?
label
block
utrecht-form-label
inline
no
description
block
utrecht-form-field-description
inline
no, applies from utrecht-document
description
block
utrecht-form-field-error-message
inline
no, applies from utrecht-document
input
block
utrecht-textbox
inline-block
yes, also applies from utrecht.form-control.font-family
Currently the CSS for
.utrecht-form-fieldconfigures thefont-familyusingvar(--utrecht-document-font-family), which is kinda a common token.One question is: should this be more fine-grained, should
utrecht.form-field.font-familyexist?But perhaps the question should be: should
utrecht-form-fieldas a container even have a font-family? Or should the font-family only be configurable for block level components or block level BEM elements inside the form field?displaydisplayfont-familytoken?labelblockutrecht-form-labelinlinedescriptionblockutrecht-form-field-descriptioninlineutrecht-documentdescriptionblockutrecht-form-field-error-messageinlineutrecht-documentinputblockutrecht-textboxinline-blockutrecht.form-control.font-familystatusblockutrecht-form-field-descriptioninlineutrecht-document