Types for plugin utilities are not generating
Environment:
TailwindCSSversion: 2.1.0tailwindcss-classnamesversion: 2.1.0Node.jsversion: 14.16.0
Current Behavior
Types for tailwind utilities that configured properly and working in application are not generating. For example:
https://tailwindcss.com/docs/adding-new-utilities#using-a-plugin
// tailwind.config.js
const plugin = require('tailwindcss/plugin')
module.exports = {
plugins: [
plugin(function({ addUtilities }) {
const newUtilities = {
'.filter-none': {
filter: 'none',
},
'.filter-grayscale': {
filter: 'grayscale(100%)',
},
}
addUtilities(newUtilities, ['responsive', 'hover'])
})
]
}
Expected Behavior
Types for tailwind plugin utilities generated.
How to Reproduce
Use upper config file and try to generate types using CLI.
Additional
Ticket created as Issue, not as Feature because there is no information on main page that plugin utilities are not supporting
This project only supports the official TailwindCSS plugins, namely, typography and custom forms plugins. However you could use https://github.com/esamattis/postcss-ts-classnames which supports postcss plugins
Also PRs are welcome if anyone wants to work on this feature