A nomenclatura poderia ser:
shadow-xs → profundidade mínima shadow-sm → leve shadow-md → média shadow-lg → alta shadow-xl → máxima
Solucionado
A nomenclatura poderia ser:
shadow-xs → profundidade mínima shadow-sm → leve shadow-md → média shadow-lg → alta shadow-xl → máxima
Olá, Débora, como vai?
Sua proposta de nomenclatura usando shadow-xs, shadow-sm, shadow-md e assim por diante faz bastante sentido se o seu foco for seguir um padrão escalável e alinhado a sistemas como o Tailwind CSS, por exemplo. Esse tipo de abordagem é útil quando há mais de dois níveis de sombra e você deseja manter uma lógica consistente e incremental.
No entanto, no contexto do curso, a proposta é trabalhar com nomes que descrevam o caso de uso, e não apenas a intensidade da sombra. Por isso, os termos highlight e depth foram escolhidos: eles comunicam o quando e o por que aquela elevação deve ser aplicada, não apenas o quanto ela é forte.
Se futuramente o design system for ampliado com mais níveis, aí sim pode ser interessante adotar uma nomenclatura escalável como essa que você sugeriu, talvez combinando os dois princípios: elevation-highlight, elevation-depth, elevation-modal, por exemplo, sempre mantendo o foco em clareza de uso.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)