Releases: Doist/reactist
Releases · Doist/reactist
v10.0.0-beta.9
- [Tweak] Divider weight now defaults to "tertiary"
- [Fix] Modal dividers (in the header or footer) are tertiary dividers.
v10.0.0-beta.8
- [Breaking] Standardize box borders and divider colors under a new primary/secondary/tertiary system.
- [Fix] Better adjust spacing inside buttons, so that the side with an icon has a similar padding than the side with no icon.
- [Tweak] Button hover styles are now also used when the button is focused, or it is expanded (e.g. in the case of menu buttons).
- [Tweak] Make button colors transition smoothly.
- [Tweak] Adjust modal widths to the new design system defaults.
- [Tweak] Buttons with a visual text label (i.e. buttons that are not icon-only buttons) now have a minimum width set, so they don't get too small for extremely short labels.
v10.0.0-beta.7
- [Fix] Modals that fit their content's height now expand their height only downwards, and are not kept vertically centered, but slightly towards the top of the screen.
- [Fix] Modal close button alignment is no longer inconsistent.
- [Breaking] Button icon size is no longer controlled based on the button size. It is your responsibility to make sure your SVG icons have the proper size and alignment to fit in a button depending on its size.
- [Fix] Button labels are now clamped when they do not fit inside the button. Buttons will never be wider than the width of their container.
v10.0.0-beta.6
- [Feature] Add a new
loading
prop forButton
andButtonLink
, to set them as busy. Visually it shows a loading indicator. - [Fix] Fully support secondary destructive buttons in a way that is customizable via CSS variables.
- [Fix] Use the
Button
component to power the default modal close button. This makes it possible for consumer apps to have these buttons follow their customized button styles. - [Feature] Improves the ability to fully customize all sizing and spacing by apps via CSS variables.
- [Docs] New storybook examples showcasing how to customize buttons for dark mode.
Various fixes and improvements
- [Breaking] The various
Menu*
components props no longer considerclassName
as a valid prop. - [Breaking] The
Stack
component'salign
prop type is now'start' | 'center' | 'end'
instead of'left' | 'center' | 'right'
. - [Fix] Label color of quaternary button is now correct.
- [Fix] Modal focus lock is now working correctly.
- [Fix] Modals are now aligned to the top of the viewport.
- [Fix] The labels of the
SwitchField
andCheckboxField
components now follow the standardText
styling. - [Docs] Improvements to the storybook examples for the
Menu
components.
v10.0.0-beta.4
- [Breaking] The new
Loading
component now supportsaria-label
oraria-labelledby
, and it also forwards all other props to the container element. - [Feature] Reintroduce the legacy
Loading
component asDeprecatedLoading
to ease the migration in apps using it.
v10.0.0-beta.3
- [Breaking] The
Loading
component has been reimplemented based on the betaLoadingSpinner
. - [Breaking] The
LoadingSpinner
was renamed asLoading
, and significantly changed. - [Breaking] The
Modal
has been renamedDeprecatedModal
. - [Feature] A new
Modal
component is introduced, that replaces the old one, with much better
accessibility features and integrated into the new styling approach of the new design system
components. - [Breaking] Rename the
Button
asDeprecatedButton
. - [Feature] New
Button
component following the latest standards of the design system. - [Docs] The storybook examples now open the "Docs" tab by default.
v10.0.0-beta.2
- [Feature] All the tab components are now polymorphic (i.e. they can use the
as="element"
prop). - [Feature] The
Box
component now has a newtextAlign
prop to control itstext-align
style. - [Feature] The
Text
andHeading
components now have aalign
prop to align its content horizontally.
Upgrade to Node 16 / npm 7
[Build] The project now requires node v16.0.0+ and npm v7.0.0+ to install and run.
Upgrade to Node 16 / npm 7
- [Build] The project now requires node v16.0.0+ and npm v7.0.0+ to install and run.