Reactist follows semantic versioning and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
- [Tweak] Fixed unsupported
display: initial
in IE11
- [Tweak] Fixed broken styles for
<Modal>
on small screens
- [Tweak]
<Popover />
content can now be a function which will only be lazily evaluated
- [Tweak]
<Popover />
content is now rendered lazily (i.e. only ifvisible
istrue
)
- [Tweak]
<Modal.Body />
now starts to scroll instead of requiring the whole window to scroll.
- [Tweak]
<Dropdown.Body />
can now be a function which allows for lazy evaluation (i.e. content is only rendered when dropdown is opened).
- [Tweak] introduced
.npmignore
file to keep released package smaller and only include the essentials. This also fixes a bug in v1.20.00 where parts of the.git
directory ended up in the file package.
-
[Tweak] Replaced Moment with Day.js
🚨 This introduces a new peerDependency (
dayjs
) and removes the need formoment
. If you're not using the<Time />
nothing should change for you.
- [Tweak] Changed the way the
<Time />
component formats it's time. You now have more control to influence the date and time format from the outside
- [Tweak] Using a 3px border-radius everywhere instead of a mixture of 3px and 4px
- [Tweak] Updated the
<CloseIcon />
(used in<Modal.Header>
) to new icon style
- [Tweak] Decreased top and bottom margins of
<Modal />
to 40px
- [Tweak] Increase left and right padding of
<Input />
to 10px to match<Select />
- [Tweak]
<ColorPicker />
no longer shows the dropdown arrow and it's styling no longer includes margins - [New]
<ColorPicker />
now comes in asmall
version which is only 18px squared instead of 24px
- [Tweak] Switched separators (
<hr />
) in<Dropdown />
to border gray to unify colors more
- [Tweak] No longer force no text-decoration on
<LinkButton />
- [New] When providing a className to
<Input />
it no longer overrides reactist' native styles
- [New] Allowing to attach a ref to
<Input />
- [Bug] Centering the text of
<Tooltip />
- [Bug] Set visibility of
<Popover />
tonone
to avoid click jacking
- [New] Added
withArrow
property to<Tooltip />
to support arrow-less tooltips
- [Tweak]
allowVaguePositioning
now also takes the vertical positioning into account instead of only the horizontal one
- [Tweak] When clicking on the trigger of a
<Tooltip />
(i.e. its children) we will close the Tooltip. This is helpful so tooltips no longer overlap menu. In case you need more finegrained control over this consider using a<Popover />
directly.
- [Tweak] Reset margins on
<Input />
so it's visually aligned in Safari (and all other browsers) by default
- [New] Added the utility component
<KeyCapturer>
. Use it to wrap arbitrary elements and act on keyboard events happening while it is focussed
- [Tweak] All additionally passed props to a
<Button />
are now applied to the underlying<button>
element. This allows you to make better use of the platform (e.gtype='submit'
) or adhere to accessibility best practices
- [Tweak] Moved some default styles from
<Tooltip />
to<Popover />
which should make it easier to build nice experiences with it as you no longer need to provide all the styles
- [New] Added
size
,spinnerColor
andbgColor
properties to<Loading />
for a fully customizable loading experience
- [Tweak] Unified all border colors across all components
- [New] Added new general purpose
<Popover />
component which also powers the<Tooltip />
component. This allows for more flexible popovers than overriding the styles of a tooltip.
- [New] Added support for
disabled
property to<Checkbox />
- [Tweak] We now update the styles of
<Input />
when supplying thedisabled
property
- [New] Added
medium
property to<Modal.Box />
as a new size constant. It will produce modals that are 680px wide - [New] Added
plain
property to<Modal.Body />
which removes all styling from the body for custom modals
- [Tweak] Darkened border color of
<Select />
to border color constant
- [Bug] Changed class name of loading
<Button />
fromloading
tobusy
to avoid clash with theloading
class name of<Loading />
- [Tweak] Darkened font and border color of secondary button to improve readability
- [Tweak] Relaxed prop types of most components which render strings to also accept component(s)
- [Tweak] Updated icon of
<Select />
to fit our iconography
- [Tooling] Updated to webpack 4, babel 7 and fixed some problems in our build process.
moment
,classnames
andprop-types
are now correctly treated as externals and are no longer included in our production bundle. This resulted in a reduced stat size from 703kb to 160kb ⚡️
- [Bug] When closing a modal by pressing esc we now prevent the browser's default behaviour (e.g. leaving fullscreen mode)
- [Bug] Clicking on the inner overlay of
<Modal />
(aka left or right of the modal) whencloseOnOverlayClick
was set totrue
the modal wouldn't close
- [Bug] Changing the
right
prop of<Dropdown />
didn't have any effect as it was "cached" in internal state upon first construction
- [Tweak] Added rounded corners to the blue line indicating an active tab
- [Bug] Setting
useCapture
totrue
to catch scroll events of all elements of a page to correctly hide the tooltip
- [New] Added
gapSize
to<Tooltip />
- [Redesign] The
<Loading />
indicator is now a spinning circle instead of three bouncing dots
- [Tweak] Inactive tabs use the secondary font color instead of custom gray
- [Tweak] Darkened primary and secondary font colors for improved readability
- [New] Added support for the
style
property to<Modal.Box />
and<Modal.Body />
for when a className is not enough
- [Tweak] Sets the default value of the
delayShow
of the<Tooltip />
component to 500ms (0.5s) instead of 1s
- [Tweak] Set the margin of
<Select />
to 0 to avoid browser inconsistencies in Safari
- [Tweak] Instead of using the default delay of 1s (1000ms) for tooltips when hovering the
<Time />
component we now use 500ms (0.5s)
- [Redesign] The
<ColorPicker />
can now show an optional active indicator on the selected color item.- Additionally, we no longer hide the active color from the selection. That means you might need to check in your code that an actual change occurred.
- [Bug] When supplying an invalid
color
prop to the<ColorPicker />
it would crash. Now it selects the first color in thecolorList
.
- [Tweak] Increased the size of the white inner ring that appears when hovering a color item of the
<ColorPicker />
- [Redesign] New design for the
<ColorPicker />
- It now shows the color name on hover – when supplied through the
colorList
prop
- It now shows the color name on hover – when supplied through the
- [Bug]
<Tooltip />
s are now correctly displayed in absolutely positioned elements (esp.<Dropdown />
s)
... we failed to write a changelog before that version you could probably scroll through the commit history to find out more. Sorry!