fix: import global theme to enable Lumo utility classes

[web-padawan]

This fixes the ContextMenu styling example which is currently broken due to the fact that Lumo utility classes are no longer imported globally.

As far as I understand, this is a result of the Flow change which moved global Lumo imports including utility-global.js to the theme-docs.global.generated.js and that file isn't currently imported (since applyTheme helper used in examples is exported from theme-docs.generated.js which no longer contains global modules).

[tomivirkki]

I wonder if this should be fixed in the webpack.dspublisher.js instead so it would also affect custom themes. Perhaps this line needs an update?

[web-padawan]

How would you suggest to change it?

BTW, just noticed that generated-flow-imports.js includes color-global.js and typography-global.js but not utility-global.js. I guess it's because of the fact that first two are included using @JsModule annotation on the Lumo class, while badge-global and utility-global are not.

[tomivirkki]

Right, I see. It would probably be appropriate to add import '@vaadin/vaadin-lumo-styles/utility-global.js'; to init-browser.ts. This way we'll not have a direct import to a theme name-specific generated file.

[web-padawan]

Tested it and it works for docs pages, but not when opening example in a new window.

I tried to add import '../generated/vaadin' but that fails with the following error:

Failed to compile
../../../../../../vaadin/docs/frontend/generated/index.tsx

Module not found: Can't resolve 'Frontend/routes.js' in '/Users/serhii/vaadin/docs/frontend/generated'

[tomivirkki]

Tested it and it works for docs pages, but not when opening example in a new window

import '@vaadin/vaadin-lumo-styles/utility-global.js'; in this file seems to work for both cases but it's not ideal either.

The original fix should be good enough since we can assume "docs" theme to be available in projects using a custom theme also, assuming they set it as the parent theme for "docs" as documented...otherwise, some other examples would be missing essential styles also.

[web-padawan]

Looks like I included this change by accident to #3587. Closing.