Bug: Missing TPseudoClasses type when extends variants (tailwind.config.js) about tailwindcss-classnames HOT 10 CLOSED

Reproduce step: (v1.3.1)

• add custom variant in tailwind.config.js
  variants: { borderWidth: ['hover'], },
• generate new types:
  tailwindcss-classnames --config tailwind.config.js -o ./src/tailwindcss-classnames.ts

Expected:

All tailwind default TPseudoClasses with extended variants

Actually happening

Only get type for custom variants:
export type TPseudoClasses = | 'hover:border' | 'hover:border-0' ...

Fixed in 423d5ba 👍

from tailwindcss-classnames.

The "@tailwindcss/plugin" which I use here is just a plugin with custom classes and its not "https://tailwindui.com/. (Maybe it's a part of tailwindui).
https://www.npmjs.com/package/@tailwindcss/ui

I would like to add support for First party plugins.
This is what I mean, we can have the types for tw 3rd-party plugin. https://github.com/aniftyco/awesome-tailwindcss#plugins

The postcss-ts-classnames project does exactly this. you will need to add the generated types from postcss-ts-classnames to the this package's exported classnames function.
Maybe will add a feature to the tailwindcss-classnames CLI that does this automatically.

from tailwindcss-classnames.

I will keep more update some more missing type here. Thanks for the library. Great work!

from tailwindcss-classnames.

Missing type default tailwind type

• export type TJustifyContent = ...
| 'justify-evenly'
• export type TTransforms = 'transform' | TScale | ...

from tailwindcss-classnames.

P/S: Request feature: Generate type for custom plugin

`plugins: [require('@tailwindcss/ui')]

Hi there!
Sure, I would like to add support for First party plugins, but as far as I know, TailwindUI is just components built with regular TailwindCSS classes. Does it have custom classes? I did not purchase an early access to TailwindUI so I do not know!

from tailwindcss-classnames.

Missing type default tailwind type

• export type TJustifyContent = ...
| 'justify-evenly'
• export type TTransforms = 'transform' | TScale | ...

I did not find this class in tailwindcss' docs. Can you send me a link to it?

from tailwindcss-classnames.

P/S: Request feature: Generate type for custom plugin

`plugins: [require('@tailwindcss/ui')]

Hi there!
Sure, I would like to add support for First party plugins, but as far as I know, TailwindUI is just components built with regular TailwindCSS classes. Does it have custom classes? I did not purchase an early access to TailwindUI so I do not know!

The "@tailwindcss/plugin" which I use here is just a plugin with custom classes and its not "https://tailwindui.com/. (Maybe it's a part of tailwindui).
https://www.npmjs.com/package/@tailwindcss/ui

I would like to add support for First party plugins.
This is what I mean, we can have the types for tw 3rd-party plugin. https://github.com/aniftyco/awesome-tailwindcss#plugins

from tailwindcss-classnames.

Missing type default tailwind type

• export type TJustifyContent = ...
| 'justify-evenly'
• export type TTransforms = 'transform' | TScale | ...

I did not find this class in tailwindcss' docs. Can you send me a link to it?

Sure
missing one 'justify-evenly'
require 'transform' for any transformation

from tailwindcss-classnames.

Sure
missing one 'justify-evenly'
require 'transform' for any transformation

Fixed both in v1.3.4
The class justify-evenly is missing from the docs but it has been added to tailwindcss classes.

from tailwindcss-classnames.

I’m closing this issue due to inactivity. Please reopen if you have any questions!

from tailwindcss-classnames.