Open medfreeman opened 6 years ago
Hi @medfreeman and thank you for the feature request. I am happy that you use the package and that it helps you. I need to take a look how we can achieve this and need to find some time to implement it. Or are you willing to give it a try?
Would be awesome when you file a PR for that :)
Hi, thanks for your work, this module has been a tremendous help in my projects!
Proposition
Having an option allowing to specify a function that will be used in place of
getTheme
havingcontextTheme
,confTheme
andpropsTheme
as parameters and the resulting theme object as return value. It would allow specifying manually the merge behavior.Use cases:
I have a project where i'd like to have this priority order
configuration < context < props
instead ofcontext < configuration < props
. Configuration would be present in a component / component library as functional defaults / reset, context would allow to have consistent styles between elements throughout the app / site, and props would allow specific components to have different styles.Let's say i have a component which CSS module is defined by multiple
composes
statements:header.context.css
I'd like to deeply merge it to only modify the bottom margin and inherit the rest of the properties (i could softly merge it but i'd have to rewrite all the other statements, thus defeating the purpose / advantages of this library's approach)
header.props.css
The resulting classname would contain both
mb4
andmb2
transformed classes, and the one written last intachyons
library would take precedence according to css specificity.Having access to a custom
compose
function would allow defining rules such as: If two or more properties from different sources begin with the same 2 letters, only keep the one which comes from the highest priority sourceIf i understand properly the caveat in this specific case would be making sure having a
localIdentName
starting by[local]
(webpack example) in development and production, becausereact-css-themr
only gets the transformed final classNames. So only using a hash as a classname would forbid any direct comparison.