react-bulma-components

• Add Icon.Text component
• Add fullwith to Select component
• Bug fixes

Improvement on TS props

• Add disabled as a prop for Dropdown component

• Add Icon.Text component for icon-text
• Allow uncontrolled Form.Select
• Add Checked prop to checkbox

Fix align TS prop in Form Component

Use Commonjs as default way to export

• Component: Progress made max and value optional props
• Component: Button use default onClick function TS definition

• Fix bug on Control component when using conditional rendering

We Finally release the V4. There are a lot of changes, so dont rush to update. We will try to setup a migration guide (but no promises here sorry u.u)

• [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 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.

• Add Classname to Dropdown Item
• Fix incorrect prop: color
• Fix Progress required attributes
• fix panel color proptype

• Fix build after changing Navbar

• Stable version of version 3
• Fix issues with renderAs props when passing a component that has forwardRef

• Fix Element response helpers on storybook
• Manually disable pagination buttons
• Allow multiple dropdown components on a page
• List items with custom children now are correctly rendered as an anchor
• Add inputProps to pass down props to the input element for InputFile Component
• Revert breaking change on TS definition file

• We have updated bulma to the latest version
• Improved support for most used framework
• Remove the ForwardRef Hell

• Added time as possible value for input type
• Changed Input component from functional to class (to enable the ref API to handle focus)

• Add color, date propTypes to input
• Added Gatsby.js v2 webpack info to README.md
• Refactor component to use Generic Element
• Show real component name on storybook

A lot of Internal improvements!!

• Migrated almost all components to funcional ones again (there are a few that have internal state so they are still classes).
• Now all components have props for all the Bulma helpers https://bulma.io/documentation/modifiers/
• The Mobile Menu of the navbar is now a controlled component so you should pass as prop if the menu its opened
• The Storybook now have the working code of the component For example the Button
• The Storybook now implement some knob to see how the compoent behave depending of the props
• Added a new component Element that do no add any bulma class but have all the props to use the helpers Docs

• Updated nodemon to 1.17.5 (#50)
• Add static class to static buttons (#46)
• Support for search HTML5 input type (#47)
• Updated Storybook for Icon component (improve documentation)

• Added support to text-weight helpers for Heading Component
• Fix inconsistencies on sass files (has ; at the end of the import lines)
• Added support to number type on Input component