Allow functions to be added as styles in head

[vidhu]

This is in response to #2374

it essentially allows you to add functions as styles from head component which are then evaluated in during rendering in the skeleton

i.e

add("style", (breakpoint) => `
    ...
`);

[iRyusa]

Maybe we should pass all the options ?
👍 GJ for the PR and adding test to this 🙌

[vidhu]

Maybe we should pass all the options ? 👍 GJ for the PR and adding test to this 🙌

@iRyusa I did think about that but realized that it would be inconsistent with headStyle(breakpoint) and componentHeadStyle(breakpoint) function signature. We could change both places to be consistent but then that would be a backward incompatible change.

Not really sure what's the best approach.

Maybe in a separate PR, we could add a new function on the Component class to get the globalDatas

Let me know what you think

[vidhu]

Hey @iRyusa Could you trigger the github workflow for this PR?

[iRyusa]

Yup sorry for that delay cc @kmcb777 can we release this soon ?

[kmcb777]

LGTM 👍 thanks for this PR

[kmcb777]

@vidhu it has just been released in 4.11.0