Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.14.3 (2018-08-19)

Features

Add shift and flip props to Popover (#196) (9ee52ed)
Add more TypeScript typings (#193) (b6c08fe)

0.14.2 (2018-08-16)

Bug Fixes

Arrow and JS files typings not working (#192) (ce88103)

0.14.1 (2018-08-15)

Features

Accept theme prop on Provider (#184) (0327c1c)
Add TypeScript typings to as, Base and Arrow (#146) (6d8830a), closes #142

0.14.0 (2018-08-09)

Features

Add CardFit component (#176) (63ac954)
Add Portal component (#169) (d6c16f7)
Use div by default when none is passed to as (b9053da)

Performance Improvements

Remove lodash and improved perfomance (#181) (7296f69), closes #171

BREAKING CHANGES

Card styles have been changed.

Instead of making img elements fit the card's width, it now exposes a Card.Fit component that can be used to achieve the same behavior.

Before:
```
<Card>
  <img />
</Card>
```
After:
```
<Card>
  <Card.Fit as="img" />
</Card>
```
When using as enhancer without passing any tag, it will use div instead of span.
Overlay and Sidebar no longer use React portals by default. Now it should be combined with Portal component in order to achieve the same behavior.

Before:
```
<Overlay />
<Sidebar />
```
After:
```
<Overlay as={Portal} />
<Sidebar as={Portal} />
```

0.13.2 (2018-08-08)

Bug Fixes

Overlay: DOM warning when wrapper haven't mounted yet (#177) (5f0e6ae), closes #178

Features

Add Avatar component (#175) (66fb427)
Add hideOnClickOutside prop to Hidden (#167) (39d8f6a), closes #160
Add Toolbar component (#174) (b86cf0d)

0.13.1 (2018-08-05)

Bug Fixes

Let theme override default styles on Table (ab74f7c)

Features

Build a separate entry point for each public file (#168) (31bd3f6), closes #106

0.13.0 (2018-08-03)

Features

Update Popover and Tooltip to use popper.js (#163) (d6ac36e), closes #130 #100

Performance Improvements

Remove List.Item and Table.* (#158) (08f4c97)

BREAKING CHANGES

Hidden styles have been changed. Now it has a transform property by default.

This affects all the other components that use Hidden: Backdrop, Overlay, Sidebar, Popover, Tooltip, Step and TabsPanel.
Perpendicular has been removed. Popover and Tooltip use popper.js instead.

It affects also PopoverArrow and TooltipArrow, which don't accept Perpendicular props anymore.
pos prop on Popover and Tooltip has been replaced by placement prop, which accepts all the pos values plus -start and -end versions.

Before:
```
<Popover pos="top" align="start" />
```
After:
```
<Popover placement="top-start" />
```
PopoverArrow and TooltipArrow don't accept pos anymore. Their position and angle are now automatically set according to Popover and Tooltip placement prop.

Before:
```
<Popover pos="top">
  <Popover.Arrow pos="bottom" />
</Popover>
```
After:
```
<Popover placement="top">
  <Popover.Arrow />
</Popover>
```
popoverId state on PopoverContainer is now set on componentDidMount instead of on initial state.

This means that it'll be undefined on the first render, but will have a consistent behavior when using context prop.
Tooltip styles have been changed. Now it has a slightly larger font-size and opaque background-color.
ListItem and Table children components have been removed. You can replace them by their respective html tags (like li, tr, th etc.):
```
<List>
  <li>Item 1</li>
  <li>Item 2</li>
</List>
```
If you were using some enhanced feature of ReaKit components, like inline styles, you can use <Base as="li">:
```
<List>
  <Base as="li" marginTop={10}>Item</Base>
</List>
```