Releases: couds/react-bulma-components
Releases · couds/react-bulma-components
v4.1.0
v4.0.7
v4.0.6
v4.0.5
v4.0.4
v4.0.3
Fix some TS definition errors
- Component:
Progressmademaxandvalueoptional props - Component:
Buttonuse default onClick function TS definition
Bugfix
V4.0.0
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-0in Bulma is equivalent topt={0}in props. Applies to all spacing modifiers.
- Usage:
- 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
invisibleto responsive props hiddenis now insidedisplayprop,{ hidden: true }become{ display: 'hidden' }- Added
invisibleprop on all Components - [Breaking Change] Renamed the prop value
centeredtocenteron 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
colorVariationprop to hanclelight/darkcolor helpers - Added
clickableprop - Added
fontFamilyprop
Breadcrumb
- [Breaking Change] Removed
itemsprops in favor of composition withBreadcrumb.Item
Breadcrumb.Item
- New Component
Botton.Group
- Deprecated
gaplesstohasAddonsinButton.Group - [Breaking Change] Renamed
positionprop toalign
Columns
- [Breaking Change] Remove
gaplessprop - [Breaking Change] Add variable
gapprop - Add gap to responsive option
Columns.Column
- Merge common responsive props with
Columnresponsive props
Container
- [Breaking Change] Removed
fluidprop in favor to add it as an option of thebreakpointprop - Added
maxprop to allow useis-max-desktopandis-max-widescreenfrom bulma
Dropdown
- [Breaking Change] Dropdown component now accept an
iconprop that will accept the the component to render the icon - [Breaking Change] Removed deprecated
alignprop in favor of booleanrightprop
Form.Control
- [Breaking Change] Removed size props (did nothing)
- Automatically add has-icon-left/right if an
Iconwith align is on the children
Footer
- Update default
renderAstofooter
Form.Field
- Added
sizeprop that will be also used on childrens that accept size as a propInput,InputFile,Label,Icon,Button...
Form.Input
- [Breaking Change] Removed
hoveredandfocusedprop in favor to astateprops that accepthoverorfocusas value
Form.InputFile
- Removed
centeredandrightprop in favor to aalignprops that acceptcenterorrightas value
Form.Label
- Added
sizeprop that will be used on components inside theField, likeInput,Select,Label...
Form.Select
- Added
stateprops that accepthoverorfocusas value - Added
roundedprop
Form.Textarea
- Removed
hoveredandfocusedprop in favor to astateprops that accepthoverorfocusas value
Hero
sizeprop its ignored ifhasNavbarprop is set
Hero.Head
- Renamed to
Hero.Header
Icon
- Removed the
iconprop from theIconcomponent. - Add
textprop to enableicon-text
Level
- Update default
renderAsfromdivtonav
Media.Content
- Removed the whole component, use
Contentcomponent insted
Media.Item
- Renamed
positionprop toalign
Modal
- Renamed
Modal.Card.HeadtoModal.Card.Header - Renamed
Modal.Card.FoottoModal.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
onCloseprop toModalcomponent, no need to pass if to anyModal.*any more
Navbar.Item
- Removed dropdown prop, it will be added automatically if a Navbar.Dropdown is detected on the childrens.
Navbar.Container
- Renamed
positionprop toalign - Change
alignvalues fromstart,endtoleft/right
Pagination
- Renamed
positionprop toalign
Table
- Add
hoverableprop
Table.Container
- New Component
Tile
- Remove
notificationprop. You can userenderAs={Notification}if need it - Remove
colorprop.