Blue - v0.0.12

Add Grid Components 📏

This update adds the new Grid component (as well as Grid sub-components). These components provide layout/structure-based styles for UI, and follow the grid-style usage of frameworks like Seed, Bootstrap, or Foundation.

Example

<Grid.Container>
  <Grid.Row>
    <Grid.Col size='4'>You're</Grid.Col>
    <Grid.Col size='4'>My Boy</Grid.Col>
    <Grid.Col size='4'>Blue</Grid.Col>
  </Grid.Row>
</Grid.Container>

Add Input.Static and FormGroup.Grid components 📄

This update also adds Input.Static and FormGroup.Grid components for additional flexibility in composing form-based UI.

Example

<form>
  <FormGroup.Grid>
    <Grid.Col size='4'>
      <Input.Static align='right'>First name</Input.Static>
    </Grid.Col>
    <Grid.Col size='8'>
      <Input placeholder='Ron Burgandy' autoFocus />
    </Grid.Col>
  </FormGroup.Grid>

  <FormGroup.Grid>
    <Grid.Col size='4'>
      <Input.Static align='right'>Last name</Input.Static>
    </Grid.Col>
    <Grid.Col size='8'>
      <Input placeholder='Is the best' />
    </Grid.Col>
  </FormGroup.Grid>
</form>

READMEs were added/updated, and tests were added for the additional changes.

This update adds additional features and does not affect component APIs for users/consumers of Blue components.

Add arrow-left (or "Back") arrow 🔙

• Add arrow-left.svg file
• Add arrow-left to icons.js

Resolves: #9