Releases: aboutbits/react-ui
Releases · aboutbits/react-ui
Release v0.2.6
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
New/Improved
-
use custom
min-h
values forHeaderArea
styles -
allow to use
ReactNode
forHeaderBackWithoutAction
'stitle
Release v0.2.4
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
: Removednavigation
option- Removed
HeaderBackWithEdit
- Removed
HeaderMainWithSearch
- Removed
HeaderLargeAction
- Removed
HeaderSmallAction
- Remove
HeaderEditAction
- Added
HeaderActionIcon
- Added
HeaderLeftActionIcon
- Added
HeaderRightActionIcon
- Added
HeaderCloseAction
Release v0.2.3
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
New/Improved
- The default theme for the Loading bars has a lighter color.
Release v0.2.1
New/Improved
SectionContentTitle
: New component that specifies the style of a title inside of aSectionContent
SectionContent
: TheSectionContent
has a new prop calledlayout
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 aSectionContent
and not a fullSection
anymore.LoadingEdit
component has been removed.SectionContentLoadingForm
can be used as a replacement, but be careful as this component only contains aSectionContent
and not a fullSection
anymore.LoadingList
component has been removed.SectionContentListLoading
can be used as a replacement, but be careful as this component only contains aSectionContent
and not a fullSection
anymore.SectionContentListError
has been removed.SectionContentError
can be used as a replacement, but be careful as this component contains aSectionContent
.SectionContentListEmpty
has been removed.SectionContentMessage
can be used as a replacement, but be careful as this component contains aSectionContent
.
Bug fixes
FormError
: ReactUI v0.0.2 changed the behavior of theFormError
. FormErrors will now again not be shown if the children are null or undefined.FormError
: Default theme style was wrongly applying acol-span-2
on all screen size instead of justxl
.ListItemLink
: Add missing bottom border.SectionContent
: Remove vertical gap for children in default layout.
Release v0.2.0
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
andInput
now can be configured with aniconStart
and aniconEnd
- Form fields now require
id
only iflabel
is set - Updated styles of form fields
- Form fields are supporting
ghost
(default),soft
andtransparent
variants now - Redesigned
Alert
component with possibility to specify icon, title, message and actions - Redesigned section components
- New
SectionContentTitle
component to be placed betweenSectionContent
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 theSectionHeader
- New
Breaking:
useHandleFormikSubmission
argumentsFormikAutoSubmit
has now a debounce time of 200 ms by default- Theme colors:
SecondaryGreen/Positive➝ SuccessGray➝ Neutral
- Button Theme structure
- variantTone has been moved one level up
- size ➝ variantSize
- Removed
ButtonWithIcon
component ➝ useButton
orButtonLink
withiconStart
- Redesigned
Alert
component - Redesigned section components
- A
SectionContainer
must be added betweenSection
and theSectionContent
/SectionContentTwoColumn
- The
SectionFooter
has to be placed inside theSectionContainer
- The
SectionFilter
was redesigned and incorporated into the 'SectionHeader` components grouponFilter
was renamed toonSubmit
- The
SectionSearch
was redesigned and must now be placed in theSectionFilter
- Removed
SectionAction
. UseButtonIcon
instead
- A
- The section's
FilterDialog
component has been removed (and added as an example in Storybook)
Release v0.1.0
0.1.0
Release v0.0.31
0.0.31
Release v0.0.30
0.0.30