release v0.33.0

release v0.33.0
#671

Breaking changes

• Uses MUI Buttons
  • Props and usage now matches material-ui implementation. https://material-ui.com/components/buttons/#button
  • includes isLoading prop as well as [success, info, error, warning] as additional valid values for color prop [primary, secondary]
  • common replacements are as follows

// old
<Button mode=“primary” />
<Button mode=“subtle” />
<Button size=“sm” />
<IconButton icon={<Icon />} />
<IconButton icon={<Icon />}>Text</IconButton>

// new
<Button color=“primary” />
<Button variant=“text” color=“primary” />
<Button size=“small” />
<Button><Icon /></Button>
<Button startIcon={<Icon />}>Text</Button>

• Uses MUI TextField for Input and TextArea
  • currently, only variant="outlined" is supported

If you wish to override material styles with styled-components you must inject material styles first

      <ThemeProvider theme={lightTheme}>
        <MuiPickersUtilsProvider utils={LatticeLuxonUtils}>
          <StylesProvider injectFirst> // <==== recommend injectFirst as high up component tree as possible
            <AppContainerWrapper>
              <AppHeaderContainer organizations={organizations} />
              <AppContentOuterWrapper>
                { this.renderAppContent() }
              </AppContentOuterWrapper>
            </AppContainerWrapper>
          </StylesProvider>
        </MuiPickersUtilsProvider>
      </ThemeProvider>