97062c398b
* WIP * Add failing test for negating default values * Add dynamic negative value opt-in (#5713) * Add `supportsNegativeValues` plugin option * Update `getClassList` to support dynamic negative values * Add test for using a negative scale value with a plugin that does not support dynamic negative values * Support dynamic negation of `DEFAULT` values (#5718) * Add test case Co-authored-by: Brad Cornes <bradlc41@gmail.com>
37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
import transformThemeValue from './transformThemeValue'
|
|
|
|
export default function createUtilityPlugin(
|
|
themeKey,
|
|
utilityVariations = [[themeKey, [themeKey]]],
|
|
{ filterDefault = false, ...options } = {}
|
|
) {
|
|
let transformValue = transformThemeValue(themeKey)
|
|
return function ({ matchUtilities, theme }) {
|
|
for (let utilityVariation of utilityVariations) {
|
|
let group = Array.isArray(utilityVariation[0]) ? utilityVariation : [utilityVariation]
|
|
|
|
matchUtilities(
|
|
group.reduce((obj, [classPrefix, properties]) => {
|
|
return Object.assign(obj, {
|
|
[classPrefix]: (value) => {
|
|
return properties.reduce((obj, name) => {
|
|
if (Array.isArray(name)) {
|
|
return Object.assign(obj, { [name[0]]: name[1] })
|
|
}
|
|
return Object.assign(obj, { [name]: transformValue(value) })
|
|
}, {})
|
|
},
|
|
})
|
|
}, {}),
|
|
{
|
|
...options,
|
|
values: filterDefault
|
|
? Object.fromEntries(
|
|
Object.entries(theme(themeKey) ?? {}).filter(([modifier]) => modifier !== 'DEFAULT')
|
|
)
|
|
: theme(themeKey),
|
|
}
|
|
)
|
|
}
|
|
}
|
|
}
|