tailwindcss-classnames icon indicating copy to clipboard operation
tailwindcss-classnames copied to clipboard

Types for plugin utilities are not generating

Open ivanyurchenk0 opened this issue 4 years ago • 2 comments

Environment:

  • TailwindCSS version: 2.1.0
  • tailwindcss-classnames version: 2.1.0
  • Node.js version: 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

ivanyurchenk0 avatar Apr 30 '21 17:04 ivanyurchenk0

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

muhammadsammy avatar May 01 '21 18:05 muhammadsammy

Also PRs are welcome if anyone wants to work on this feature

muhammadsammy avatar May 01 '21 18:05 muhammadsammy