Qué mayúsculas y minúsculas usan los componentes con estilo cuando pasan atributos al elemento.

Digamos que tienes este HTML con atributos:

 <div data-justin='my name' class='text' data-selected=false> </div> or a web-component like this: <web-component a-long-attr-justin='my name' tons-of-data-selected=false> </div>

Entonces tienes esto como un componente con estilo:

 export const StyledComp = styled('div') export const StyledComp = styled('web-component')

Ahora he pasado mis atributos en caso de brocheta. La pregunta es cuando el componente con estilo devuelve esos atributos dados al elemento HTML o al Elemento del componente web, ¿qué mayúsculas y minúsculas se usa? ¿Es caso Camel, Pascal, caso serpiente?