react-bulma-components/CHANGELOG.md

React components for Bulma framework

# Changelog

## 4.0.0

- **[Breaking Change]** Move Bulma as a Peer Dependency
- **[Breaking Change]** `<List />` component is completely removed.
- Bump Bulma version to `0.9.2`
- Improves TS support
- New Storybook, with more details (and hopefully more helpful)
- Enable Tree shaking by default
### All Components
- New spacing modifiers. They have the same names as their equivalent Bulma class names.
  Refer to the [official documentation](https://bulma.io/documentation/helpers/spacing-helpers/) for more information.
  - Usage: `pt-0` in Bulma is equivalent to `pt={0}` in props. Applies to all spacing modifiers.
- Added srOnly prop to all components to display only on **screen readers**
- Add Support to textSize `7`
- **[Breaking Change]** Improve responsive helper props (`mobile`, `tablet`, `desktop`, `widescreen`, `fullhd`, `touch`, `untilWidescreen`, `untilFullhd`)
- Added `invisible` to responsive props
- `hidden` is now inside `display` prop, `{ hidden: true }` become `{ display: 'hidden' }`
- Added `invisible` prop on all Components
- **[Breaking Change]** Renamed the prop value `centered` to `center` on all components to use the same everywhere
- Added display prop with same values as responsive display (bulma currently only support flex, hidden and relative at this level)
- Added `colorVariation` prop to hancle `light/dark` color helpers
- Added `clickable` prop
- Added `fontFamily` prop

### Breadcrumb
- **[Breaking Change]** Removed `items` props in favor of composition with `Breadcrumb.Item`

### Breadcrumb.Item
- New Component

### Botton.Group
- Deprecated `gapless` to `hasAddons` in `Button.Group`
- **[Breaking Change]** Renamed `position` prop to `align`

### Columns
- **[Breaking Change]** Remove `gapless` prop
- **[Breaking Change]** Add variable `gap` prop
- Add gap to responsive option

### Columns.Column
- Merge common responsive props with `Column` responsive props

### Container
- **[Breaking Change]** Removed `fluid` prop in favor to add it as an option of the `breakpoint` prop
- Added `max` prop to allow use `is-max-desktop` and `is-max-widescreen` from bulma

### Dropdown
- **[Breaking Change]** Dropdown component now accept an `icon` prop that will accept the the component to render the icon
- **[Breaking Change]** Removed deprecated `align` prop in favor of boolean `right` prop

### Form.Control
- **[Breaking Change]** Removed size props (did nothing)
- Automatically add has-icon-left/right if an `Icon` with align is on the children

### Footer
- Update default `renderAs` to `footer`

### Form.Field
- Added `size` prop that will be also used on childrens that accept size as a prop `Input`, `InputFile`, `Label`, `Icon`, `Button`...

### Form.Input
- **[Breaking Change]** Removed `hovered` and `focused` prop in favor to a `state` props that accept `hover` or `focus` as value

### Form.InputFile
- Removed `centered` and `right` prop in favor to a `align` props that accept `center` or `right` as value

### Form.Label
- Added `size` prop that will be used on components inside the `Field`, like `Input`, `Select`, `Label`...

### Form.Select
- Added `state` props that accept `hover` or `focus` as value
- Added `rounded` prop

### Form.Textarea
- Removed `hovered` and `focused` prop in favor to a `state` props that accept `hover` or `focus` as value

### Hero
- `size` prop its ignored if `hasNavbar` prop is set

### Hero.Head
- Renamed to `Hero.Header`

### Icon
- Removed the `icon` prop from the `Icon` component.
- Add `text` prop to enable `icon-text`

### Level
- Update default `renderAs` from `div` to `nav`

### Media.Content
- Removed the whole component, use `Content` component insted

### Media.Item
- Renamed `position` prop to `align`

### Modal
- Renamed `Modal.Card.Head` to `Modal.Card.Header`
- Renamed `Modal.Card.Foot` to `Modal.Card.Footer`
- Close button on the top-right corner will be displayed always if the showClose prop is passed, (Before if the children was a card was not displayed)
- Only need to pass `onClose` prop to `Modal` component, no need to pass if to any `Modal.*` any more

### Navbar.Item
- Removed dropdown prop, it will be added automatically if a Navbar.Dropdown is detected on the childrens.

### Navbar.Container
- Renamed `position` prop to `align`
- Change `align` values from `start,end` to `left/right`

### Pagination
- Renamed `position` prop to `align`

### Table
- Add `hoverable` prop

### Table.Container
- New Component

### Tile
- Remove `notification` prop. You can use `renderAs={Notification}` if need it
- Remove `color` prop.

## 3.3.0

- Add `CHANGELOG.md`

- Bump Bulma version to `0.8.2`

  - `<Panel />` component now supports `color` prop which is exactly the same as
    other component that supports color, like `<Button />`

  - New modifier: `colorVariant`. Accepts two values: `'light'` and `'dark'`.
    It is equivalent to Bulma's `is-light` and `is-dark` modifier.
  
  - For changelog of Bulma `0.8.2`, see [here](https://github.com/jgthms/bulma/blob/master/CHANGELOG.md#082)