[BUG] - `extendVariants` does not show variants

[criskell]

HeroUI Version

@heroui/[email protected]

Describe the bug

After upgrading from @heroui/[email protected] to @heroui/[email protected], TypeScript doesn't list the custom variants I created.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Expected behavior

I hope it lists HeroUI variants along with custom ones, like in the previous patch version.

Screenshots or Videos

No response

Operating System Version

Ubuntu

Browser

Chrome

[linear[bot]]

ENG-2831

[wingkwong]

Can you copy the code and paste to your issue description and also show how it looks like in previous version?

[barbu-vlad]

having the same issue after upgrading to 2.8.5, all custom variants added using extendVariants are no longer recognized - probably from these changes: https://github.com/heroui-inc/heroui/pull/5765/files#diff-82afce5da7fc694206f58a3f551f8dfae6a0eb6d355a9b4fe93791ada8fd3917R107

[wingkwong]

@barbu-vlad could you please share your example as a reference?

[barbu-vlad]

Maybe I can prepare a codesandbox if this is not clear enough.

In my case the problems are mainly related to overriding the color property on Date related components (input / picker / range picker) and select component

[wingkwong]

please provide a sandbox so that I could directly check on it. thanks.

[barbu-vlad]

please provide a sandbox so that I could directly check on it. thanks.

https://codesandbox.io/p/devbox/react-heroui-4gqp6t

Let me know if you can access it

Steps to run it: 1.) pnpm dev 2.) open app/page.tsx 3.) see that the color type is undefined

Let me know if you need anything else

[wingkwong]

Yes. Able to access. Thanks. will take a look.