v4.0

This is an issue tracking this library’s upgrade to v4.0.

New features:

• Support for Bulma 0.9.1
  • Spacing helpers
  • Light/Dark color helpers
  • Remove <List /> component
  • is-clickable helper
  • is-max-desktop and is-max-widescreen for Container
• Standalone display prop without viewport modifiers. (5f1b1eb48e53ac87ac95ddcd53c3e7922323db98)
• Support is-size-7 (2162f3fb4d38f31a4c52446860c12fa098fd3161)
• Support font family modifiers (d82cee85e89d391e6eae18ff703032684be30589)
• Support for is-sr-only modifier (e9fc3d2854298988b1b8136619688a3a86fcc960)
• Tree shaking
• Update Documentation for installation process (Now there will be only one no more advanced configuration need it)
• TypeScript support
• Add missing table-container component (#274)
• Add missing hoverable prop for Table component (#273)
• Add missing rounded prop for Form.Select component (aed577435c2f6070d49e1d53102964232beb4a21)
• Add various state props for Form.Select (d2afa6dcc4f2b3de383db7ac2ba4cc1120934bd4)
• BREAKING name prop of Form.Radio is no longer required. (b365663a0bdd8ff3bb2ecf6fae4722cb09c4335e)
• BREAKING Simplify responsive props (#279)
• BREAKING remove Breadcrumb item prop and replace it with Breadcrumb.Item
• Ability to show the first and last page in Pagination (#283)
• BREAKING ~Remove loading Button prop in favor of a unified state prop that already exists.~ Button can have multiple state at once - the state prop will be removed because it can only take one state at a time. (0da86324c10f9182c9904149e0d1422ea1b38bf6) Reverting this, does not make sense to have focus, hover and/or hover at the same time
• Add focus, hover ~and loading~ (UPDATE loading state is applied to Control instead of Input, removing) state props for Form.Input. (aff9690ef622413c93a92aeafca21ad72f659523)
• Add rounded prop for Form.Input (corresponds to is-rounded) (af1c3a2a063db32eb6b0f973ca666ce0d2910b4b).
• Add centered prop for InputFile
• BREAKING Remove Form.Textarea default rows of 4. (2153d5b20f1a763c12621096d50ff88e8caf2357)
• Add has-fixed-size support for Form.Textarea (2153d5b20f1a763c12621096d50ff88e8caf2357)
• Add various state props (loading, focused, etc.) for Form.Textarea (2153d5b20f1a763c12621096d50ff88e8caf2357) Reverting this, does not make sense to have focus, hover and/or hover at the same time
• BREAKING Form.InputFile is now a controlled component
• ~BREAKING Heading will now pick the appropriate header element based on the supplied size. For example, size={4} tells Heading to render h4 under the hood. Default size will now be 3~ Won’t do, the user will select the appropiate element with renderAs
• Allow override of renderAs for various components for consistency’s sake. Except Table because with any other component will not work

Housekeeping:

• BREAKING Move bulma to peerDependency (#258)
• BREAKING Move Remove sass import from codebase
• Remove yarn.lock
• (Optional) Rewrite class components with hooks.
• (Optional) Review how we exports the components and see if there are no a better way
• Remove default HTML attributes/React props from propTypes object (for example style, disabled) unless it is accessed by the component.

cc @couds

edit: marked breaking changes.

[bino98]

congrats for v4 release! 🎉

[davepwsmith]

I am using #next in a hobby application - have noticed that a few of the type exports are missing from index.d.ts, namely:

export {Menu} from './components/menu';
export {Tag} from './components/tab';
export {Tile} from './components/tile';

Not sure if this is overlooked, or intentional, but thought better to point it out 😃

D