flex-grow/flex-shrink classes not working on v1 beta 10

[apolzon]

The flex-grow and flex-shrink classes are incorrectly looking for flex["grow"]/flex["shrink"] in the theme, which results in no styles being applied:

    Object(_emotion_css__WEBPACK_IMPORTED_MODULE_1__["default"])({
      "display": "flex",
      "flex": _tailwindConfig.theme.flex["grow"]

My guess is its because the flex className exists in the dynamicStyles definition, causing the macro to treat this case as a prefix. For example, flex-1 works fine with the default tailwind theme, because theme.flex["1"] is defined out of the box.

End users can workaround by extending the default theme to define theme.flex.grow and theme.flex.shrink:

  const defaultTheme = require('tailwindcss/defaultTheme')
  const config = {
     ...defaultTheme,
     theme: {
       flex: {
         ...defaultTheme.flex,
         grow: "1 0",
         shrink: "0 1",
       }
    }
  }

I don't think this is exactly the same as just defining flex-grow: 1, but its the closest thing to a workaround for now if you want to avoid writing your own style rule.

[bradlc]

Thanks @apolzon, I will get this sorted this week

[davidnknight]

Still not working for me with ^1.0.0-alpha.10. I assume this hasn't been fixed?