[WIP] feat: redesign variants

[jpudysz]

Summary

This is another attempt to simplify styles and useVariatns implementation. This should address multiple issues like:

• TextInput width applied by a variant will shrink after input is received #458 -> Variants will be stateless
• [v3] explicitly need to use styles for a variant to be detected #456 -> Variants can be used with any prefix (object)
• [v3] - Improvement for babel plugin detection #436 -> part of this task
• HMR - WeakSet key must be an object while exporting HostObject from file expo/expo#33670 -> Expo CLI issue

Also this should work now:

console.log(styles) // styles without variants

styles.useVariants({...})

console.log(styles) // styles with variants

And other issues with variants reported by the community.

Edit, this PR also addresses:

• [v3] Multiple style arrays can no longer be passed to already styled children #450 - restore passing nested arrays as styles
• [v3] Add fallback mechanism for Unistyles not bound! error #438 - no more Unistyles not bound! error
• [v3] - Expo Link with asChild breaks Unistyles C++ state #432 - Unistyle will be able to accept any RN style in any shape

Most likely it will also unblock: #368

Todo:

• - POC
• - Remove HostObject, use plain JS object
• - Pass variants to ShadowRegistry
• - Support withUnistyles
• - Align web
• - Tests

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-native-unistyles-2.0	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 22, 2024 2:40pm
react-native-unistyles-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 22, 2024 2:40pm