Lumo tokens unclear

Hello, sry I am asking something obvious but

  1. –lumo-box-shadow-m si uknown, it is mentioned in https://vaadin.com/docs/latest/styling/lumo/design-tokens/elevation so i guess it should exist
  2. usage of --lumo-box-shadow-m is not clear to me, docs are not covering this
    theme.json:
    {“lumoImports”:[“typography”,“color”,“spacing”,“badge”,“utility”]}
    Is this covered smewhere in docs?
    Thanks

Utility class “shadow-m” works, but the “–lumo-box-shadow-m” appears not to be defined.

That custom property is defined in this style sheet: https://github.com/vaadin/web-components/blob/master/packages/vaadin-lumo-styles/style.js#L20

So it seems your theme.json is missing the “style” import:
lumoImports: ["style", ...]

thank you i am going to test it. How am I supposed to find out that “style” was missing? I was looking at https://vaadin.com/docs/latest/styling/lumo/design-tokens/elevation

I tested it and it works, thank you