Exposing variables through the useStyles hook

[marwan38]

This might be an issue on our side and misunderstanding of fluentui itself.

We've had various situations where we needed to access the component variables during the render cycle.

const {theme} = useFluentContext();
const variables = componentVariables(theme.siteVariables);

return <div>
<SomeOtherComponent variables={{color: variables.someOtherComponentInternalColorValue}} />
</div>

I can see that within the implementation of useStyles is getStyles that actually resolved the component variables, meaning it can be exposed through useStyles. My question, before thinking about patching, or putting a PR is:

1. Are we misunderstanding fluentui?
2. Has variables purposely been hidden away from useStyles?

Thanks

[spmonahan]

@marwan38 Can you confirm which version of Fluent you're using?

[marwan38]

Latest version: 0.63.1

[spmonahan]

@jurokapsiar This is a question for Northstar. Can you or someone from your team help out here?