Skip to content

Releases: aboutbits/react-ui

Release v0.2.6

02 Sep 06:29
Compare
Choose a tag to compare

New/Improved

  • ContentArea: Adjusted space
  • ToggleSwitch is now exported with form components
  • Improved SectionItem (and depending components) to fit better with new design
  • New SectionContentMessage, SectionContentError and SectionContentEmpty components

Breaking:

  • Changed SectionListItemButton and SectionListItemLink theme structure
  • SectionContentMessage, SectionContentError, SectionContentEmpty have icon, title, text and tone properties

Release v0.2.5

22 Aug 06:59
Compare
Choose a tag to compare

New/Improved

  • use custom min-h values for HeaderArea styles

  • allow to use ReactNode for HeaderBackWithoutAction's title

Release v0.2.4

22 Aug 06:09
Compare
Choose a tag to compare

New/Improved

  • New ToggleSwitch component
  • Updated Header components to the new design
  • All types of form inputs are exported

Breaking

  • `Header components are redesigned / refactored:
    • HeaderArea: Removed navigation option
    • Removed HeaderBackWithEdit
    • Removed HeaderMainWithSearch
    • Removed HeaderLargeAction
    • Removed HeaderSmallAction
    • Remove HeaderEditAction
    • Added HeaderActionIcon
    • Added HeaderLeftActionIcon
    • Added HeaderRightActionIcon
    • Added HeaderCloseAction

Release v0.2.3

12 Aug 08:27
Compare
Choose a tag to compare

New/Improved

  • Solid variant for input fields
  • Export all types of form elements

Breaking

  • Default variant for input fields is now solid

Release v0.2.2

05 Aug 13:23
Compare
Choose a tag to compare

New/Improved

  • The default theme for the Loading bars has a lighter color.

Release v0.2.1

05 Aug 12:17
Compare
Choose a tag to compare

New/Improved

  • SectionContentTitle: New component that specifies the style of a title inside of a SectionContent
  • SectionContent: The SectionContent has a new prop called layout to specify how the children are arranged inside the section content

Breaking

  • SectionContentTwoColumn component has been removed. You should replace it with <SectionContent layout={Layout.twoColumnGrid}>
  • LoadingDetails component has been removed. SectionContentLoadingDetails can be used as a replacement, but be careful as this component only contains a SectionContent and not a full Section anymore.
  • LoadingEdit component has been removed. SectionContentLoadingForm can be used as a replacement, but be careful as this component only contains a SectionContent and not a full Section anymore.
  • LoadingList component has been removed. SectionContentListLoading can be used as a replacement, but be careful as this component only contains a SectionContent and not a full Section anymore.
  • SectionContentListError has been removed. SectionContentError can be used as a replacement, but be careful as this component contains a SectionContent.
  • SectionContentListEmpty has been removed. SectionContentMessage can be used as a replacement, but be careful as this component contains a SectionContent.

Bug fixes

  • FormError: ReactUI v0.0.2 changed the behavior of the FormError. FormErrors will now again not be shown if the children are null or undefined.
  • FormError: Default theme style was wrongly applying a col-span-2 on all screen size instead of just xl.
  • ListItemLink: Add missing bottom border.
  • SectionContent: Remove vertical gap for children in default layout.

Release v0.2.0

01 Aug 13:49
Compare
Choose a tag to compare

New/Improved:

  • Add onError callback to useHandleFormikSubmission
  • Allow usage of arbitrary framework props for link component
  • Improve FormikAutoSubmit component
  • Updated theme colors
  • Updated theme structure (see breaking changes)
  • New components:
    • ButtonIcon
    • ButtonIconLink
  • New tones for buttons. Full list:
    • primary
    • neutral
    • warning
    • critical
    • success
    • informative
  • Updated styles of buttons
  • Button , ButtonLink and Input now can be configured with an iconStart and an iconEnd
  • Form fields now require id only if label is set
  • Updated styles of form fields
  • Form fields are supporting ghost (default), soft and transparent variants now
  • Redesigned Alert component with possibility to specify icon, title, message and actions
  • Redesigned section components
    • New SectionContentTitle component to be placed between SectionContent components
    • The SectionHeaderRow can be used to separate header content into multiple rows
    • The SectionHeaderGroup can be used to manage horizontal spacing between items
    • The SectionHeaderSpacer can be used to increase spacing of the SectionHeader

Breaking:

  • useHandleFormikSubmission arguments
  • FormikAutoSubmit has now a debounce time of 200 ms by default
  • Theme colors:
    • Secondary
    • Green/Positive ➝ Success
    • Gray ➝ Neutral
  • Button Theme structure
    • variantTone has been moved one level up
    • size ➝ variantSize
  • Removed ButtonWithIcon component ➝ use Button or ButtonLink with iconStart
  • Redesigned Alert component
  • Redesigned section components
    • A SectionContainer must be added between Section and the SectionContent / SectionContentTwoColumn
    • The SectionFooter has to be placed inside the SectionContainer
    • The SectionFilter was redesigned and incorporated into the 'SectionHeader` components group
      • onFilter was renamed to onSubmit
    • The SectionSearch was redesigned and must now be placed in the SectionFilter
    • Removed SectionAction . Use ButtonIcon instead
  • The section's FilterDialog component has been removed (and added as an example in Storybook)

Release v0.1.0

14 Jun 08:53
Compare
Choose a tag to compare

Release v0.0.31

05 Nov 16:45
Compare
Choose a tag to compare

Release v0.0.30

05 Nov 14:03
Compare
Choose a tag to compare