Skip to content

2020-03-26
Compare
Choose a tag to compare
@patricklafrance patricklafrance released this 26 Mar 23:15
· 4692 commits to master since this release
2020-03-26
db1a420

This release is special since all the standalone React components packages are not available anymore. The React components are now only distributed through a single packages @orbit-ui/react-components.

@orbit-ui/react [breaking]

  • Added form.css to css bundle #235

@orbit-ui/semantic-ui-theme [breaking]

  • Fix selection dropdown input left padding to be aligned with the items content.
  • Reset dropdown item image margin-right to 0.5rem.

@orbit-ui/react-components [breaking]

Dropdown [breaking]

Select [new]

  • Use <Select /> instead of <Dropdown selection /> and <Dropdown inline />.
  • Select actions are now a possibility.
  • Select error state was broken, a border has been added to the whole box.
  • A select item doesn't support the image prop anymore use avatar instead (not flag as breaking since it was not used). #199
  • A select item doesn't support the icon prop anymore, use icons instead (not flag as breaking since it was not used).
  • A select item doesn't support content prop anymore (not flag as breaking since it was not used).
  • Added a focus state to inline select.
  • Inline select font size is relative to its parent.
  • Added support for loading (standard select only).
  • Icon in a select item are now vertically aligned.
  • Clearable select X icon was too big, this is now a thing of the past.
  • Added support for multiple values select

Date-picker [minor]

  • Non fluid date pickers container are now inline-block instead of inline-flex.
  • Fluid date pickers container now have a width of 100%.
  • <DateRangePicker and SingleDatePicker now render a readonly "@orbit-ui/react-input" component instead of rendering is own custom readonly input. #175
  • Added support for style prop.

Search-input [minor]

  • Non fluid search-inputs container are now inline-block instead of inline-flex.
  • Fluid search-inputs container now have a width of 100%.
  • Input clear button is using the new button prop instead of rendering a custom clear button.
  • Added support for style prop.

Tooltip [new]

  • Added <Tooltip /> HOC. Use this component instead of <Popup /> from "semantic-ui-react".

Popup [minor]

  • Added support for style prop.

Input [minor]

  • Added a button prop to the input component. #175

Checkbox, Toggle and Radio [new]

  • Added the <Checkbox />, <Toggle /> and <Radio /> components. Use these components instead of SUI <Checkbox /> component. #267 #270 #251 #252 #250 #273 #249
  • To set the text associated to a checkbox, toggle or radio, use the property text instead of label,
  • The text property now only support string content. For rich content, use the managed properties icon and label instead.

Button [patch]

  • Button in loading now hide label or tag #262

Multi-select [minor]

  • Added support for style prop.
Assets 2
Loading