V25 replacement for lumo/presets/compact?

Flow
1

Hi there,
needed to remove this annotation because it prevented the server start after upgrading to v25.
@JsModule("@vaadin/vaadin-lumo-styles/presets/compact.js")
is there an easy replacement or workaround to have compact layouts also in Aura?

2

When using Aura, you can use custom CSS properties to configure sizes, e.g.

html {
  --aura-base-size: 14;
  --aura-base-font-size: 13;
  --aura-base-radius: 2;
}

Compact preset is still available for Lumo, but it has to be loaded as a stylesheet.

3

Also worth noting that Aura is already quite a bit more compact than Lumo.

If you want to continue using Lumo, then the docs explain how to load the compact preset: Lumo Theme Reference