[Feature]: add nonce to generated style elements (CSP)

miroslavstastny commented 2 years ago

Library

React Northstar / v0 (@fluentui/react-northstar)

Describe the feature that you would like added

Add support for adding nonce to style elements created by Fela renderer.

Fela supports nonce in version 11, but northstar uses version 10: https://github.com/robinweser/fela/pull/768. Fluent UI v9 supports nonce via Griffel: https://github.com/microsoft/griffel/issues/75.

I do not see any (effective) way how we could solve it through an enhancer as both createNode and getNodeFromCache are not renderer properties. We might patch Fela 10?

Have you discussed this feature with our team

No response

Additional context

No response

Validations

[X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

miroslavstastny commented 2 years ago

For v9, there is still FluentProvider style element which does not support nonce, see #25421.

miroslavstastny commented 1 year ago

Try bumping fela-dom in northstar, see how many screenshot regressions we get. Decide based on the result.

microsoft / fluentui