Twin 2.0 changes discussion

[ben-rogerson]

v2 is now out, let's keep this discussion going if you've got any questions about the changes made

This is the place to discuss plans for Twin v2.
As it's a major version, ideas that involve breaking changes are definitely up for discussion.

Changes:

• (For 'styled-components') Change the default styled import in the styled-components preset to allow configuration
  Update preset styled-components styled import #207

• (For 'styled-components') Set autoCssProp: true by default. Now that this feature has been tested, it's time to activate it by default.
  Add autoCssProp: true by default for styled-components #209

• Maintain the ordering for tw and css added on jsx elements. Currently, the tw prop trumps the css prop.
  Maintain css + tw prop ordering in jsx #208

• Update the default emotion preset to use the new emotion@11 import + add a new preset for pre-v11 imports.
  dd4ce55

• Rename the config item 'debugProp' to dataTwProp and turn it on by default. The renaming helps distance the option from the other debug prefixed options that write to your terminal.
  Rename debugProp to dataTwProp and turn it on by default #210

• Make your specified imports for styled, css and global override the imports defined in the preset.
  Make defined imports in your config override the preset #211

[fvanwijk]

LGTM!

[cheapsteak]

Maintain the ordering for tw and css added on jsx elements

to clarify, does this mean that <div tw="bg-blue-100" css={twbg-red-100}/> is currently resolving to bg-red-100, and will in 2.0 remain that way, and <div css={twbg-red-100} tw="bg-blue-100"/> is currently resolving to bg-red-100 and will in 2.0 resolve to bg-blue-100?

[ben-rogerson]

I had it the other way around, the tw prop trumps the css prop.

// Current behaviour
<div tw="bg-blue-100" css={[tw`bg-red-100`]}/> // bg will be blue here (v2 will be red)

Check out the demo which shows the behaviour.

[cheapsteak]

oh yup, this was surprising
would be a fantastic update!

[ben-rogerson]

All done here, enjoy v2 everyone!