[unreleased]

Added

Changed

Deprecated

Removed

Fixed

Dependency updates

Removed html-webpack-plugin because it's not used anymore (@lowiebenoot in [#1346])
[Breaking] postcss from 7.0.17 to 8.2.0 (@lowiebenoot in [#1360]). This removes support for Node 11 and 13.
[Breaking] postcss-cli from 7.0.0 to 8.3.0 (@lowiebenoot in [#1360]).
[Breaking] postcss-loader from 3.0.0 to 4.1.0 (@lowiebenoot in [#1360]).
[Breaking] postcss-import from 12.0.1 to 13.0.0 (@lowiebenoot in [#1360]).
[Breaking] postcss-mixins from 6.2.1 to 7.0.1 (@lowiebenoot in [#1360]).
[Breaking] postcss-nested from 4.1.2 to 5.0.3 (@lowiebenoot in [#1360]).
[Breaking] postcss-reporter from 6.0.1 to 7.0.2 (@lowiebenoot in [#1360]).

[1.0.11] - 2020-11-23

Added

Select: added truncateOptionText boolean prop (default false) which enable truncation of long option text words, but still makes multiline possible. (@driesd in [#1335])

Changed

DatePicker: changed the MonthPicker to have better text-overflow handling. (@driesd in [#1335])
DatePicker: changed styles to match our new design specs. (@driesd in [#1338])

Dependency updates

@teamleader/ui-icons from 0.2.29 to 0.2.30 (@driesd in [#1339])
@teamleader/ui-typography from 0.2.3 to 1.0.0 (@driesd in [#1339])

[1.0.10] - 2020-11-19

Fixed

IconMenu: fixed positioning of the menu. (@driesd in [#1328])
Menu: fixed warning when outline width is undefined. (@driesd in [#1327])

[1.0.9] - 2020-11-18

Changed

IconMenu: changed to preserve the visibility of the IconButton when the IconMenu is open. (@driesd in [#1324])

Fixed

Menu: fixed the border-width rendering which occasionally resulted in zero pixels. (@driesd in [#1325])

[1.0.8] - 2020-10-28

Fixed

Avatar: fixed unwanted text-decoration when element is an anchor tag (@driesd in [#1319])

[1.0.7] - 2020-10-20

Added

Button: added a tiny size (@driesd in [#1314])

[1.0.6] - 2020-09-25

Dependency updates

[security] draft-js from 0.11.6 to 0.11.7 (@lorgan3 in [#1298])

[1.0.5] - 2020-09-08

Changed

Dependencies: Set "@storybook/addon-docs" as a DevDependency instead of a regular dependency.(@sanderbrugge in [#1296])

[1.0.4] - 2020-09-03

Fixed

AvatarOverlay Full height overlays are now correctly rounded for round and medium Avatars. (@sanderbrugge in [#1292])

[1.0.3] - 2020-09-02

Added

AvatarImage/AvatarInitials: Added hover functionality for the AvatarInitials and AvatarImage components, which allows medium-sized Avatars to display a full height edit action (@sanderbrugge in [#1290])

Fixed

Badge/Tag: when a Badge/Tag is not clickable, it now uses a div as element by default instead of a button (@lowiebenoot in [#1269])
Badge/Tag: a clickable Badge/Tag now has a type="button" to avoid submitting forms when clicking on the Badge/Tag (@lowiebenoot in [#1269])

Dependency updates

@babel/plugin-transform-runtime from 7.10.5 to 7.11.0
[Security] elliptic from 6.5.2 to 6.5.3
css-loader from 3.6.0 to 4.2.1
[Security] dot-prop from 4.2.0 to 4.2.1
eslint from 7.4.0 to 7.5.0
eslint-plugin-react from 7.20.3 to 7.20.6
[Security] lodash from 4.17.15 to 4.17.19
prettier from 2.0.5 to 2.1.0
webpack from 4.43.0 to 4.44.1

[1.0.2] - 2020-07-13

Changed

DatePicker: add tabIndex property to footer, add onBlur property, and remove call to optional onClick (@ArnaudWeyts in [#1226])

[1.0.1] - 2020-07-08

Changed

NumericInput: call onBlur function if any of the steppers get blurred as well (@ArnaudWeyts in [#1223])

[1.0.0] - 2020-07-06

Added

SilentBanner: added inline boolean prop (default false), which will render the banner inline instead of taking full width. (@driesd in [#1220])

Changed

💥 SilentBanner: changed to take the full width by default. (@driesd in [#1220])

Removed

💥 SilentBanner: removed children's TextBody wrapper. (@driesd in [#1221])

Dependency updates

eslint from 7.3.1 to 7.4.0
postcss-nested from 4.2.1 to 4.2.2

[0.48.6] - 2020-07-06

Added

DatePickerInput added openPickerOnFocus prop that's true by default (@mikeverf in #1216)

[0.48.5] - 2020-07-03

Added

TitleTab: added forwardRef. (@driesd in [#1213])

Changed

TabGroup: changed to always scroll to the active tab. (@driesd in [#1213])

Fixed

DatePicker: French month names in the month picker not being 4 characters when the locale is the base french locale (fr) (@ArnaudWeyts in [#1212])

[0.48.4] - 2020-07-02

Dependency updates

react-day-picker: enforce upgrade to 7.4.8. (@lowiebneoot in [#1210])

[0.48.3] - 2020-07-01

Fixed

WysiwygEditor: Fix typo which resulted in onFocus being called multiple times anyway (@mikeverf in [#1207])
WysiwygEditor: Fix race condition for refocussing editor after adding a link (@mikeverf in [#1207])

[0.48.2] - 2020-07-01

Changed

Toggle: changed to have consistent spacing between track and label for all sizes. (@driesd in [#1200])

Fixed

WysiwygEditor: fixed onFocus and onBlur being called twice or not at all in some cases (@mikeverf in [#1205])

Dependency updates

@babel/cli from 7.10.3 to 7.10.4
@babel/runtime from 7.10.3 to 7.10.4
@babel/core from 7.10.3 to 7.10.4
@babel/plugin-proposal-export-default-from from 7.8.3 to 7.10.4
@babel/plugin-transform-react-jsx-source from 7.10.0 to 7.10.4
@babel/plugin-transform-runtime from 7.10.3 to 7.10.4
@babel/preset-env from 7.10.3 to 7.10.4
@babel/preset-react from 7.10.0 to 7.10.4

[0.48.1] - 2020-06-30

Fixed

WysiwygEditor: fixed build error due to unsupported typing (@mikeverf in [#1198])

[0.48.0] - 2020-06-30

Added

WysiwygEditor: added autoFocus prop (@mikeverf in [#1196])
WysiwygEditor: added onInputFocus and onInputBlur props (@mikeverf in [#1196])
WysiwygEditor: added onKeyDown prop (@mikeverf in [#1196])
Toggle: added maxLines prop and pass it to the label Text component. (@driesd in [#1194])

Changed

DatePicker: added one extra character to the short month labels for the French language. (@driesd in [#1187])
DatePickerInput: added footer prop, which can take a custom component to render underneath the date picker. (@driesd in [#1193])

Removed

💥 DatePickerInput: removed bordered prop as the Popover already provides one. (@driesd in [#1195])

Fixed

WysiwygEditor: added onFocus and onBlur props now focus and blur reliably on the entire editor (@mikeverf in [#1196])

Dependency updates

eslint-plugin-babel from 5.3.0 to 5.3.1
eslint-plugin-import from 2.21.2 to 2.22.0
eslint-plugin-react from 7.20.0 to 7.20.2
storybook-addon-designs from 5.3.0 to 5.4.0

[0.47.0] - 2020-06-24

Added

💥 Box: added forwardRef. (@driesd in [#1183])

Dependency updates

eslint from 7.3.0 to 7.3.1
storybook-addon-designs from 5.2.1 to 5.3.0

[0.46.3] - 2020-06-22

Added

The ToastContainer component now allows setting the style prop on the container (@ArnaudWeyts in #1181)

Changed

The Menu component now takes up the full width of its container (@ArnaudWeyts in #1173)

Fixed

Radio: fixed the inconsistent left margin in Firefox vs Chrome on Linux. (@driesd in [#1175])

Dependency updates

Bump @babel to 7.10.3
Bump moment from 2.26.0 to 2.27.0

[0.46.2] - 2020-06-18

Added

TabGroup: added fading gradients to soften the edges of our scroll buttons. (@driesd in [#1169])

Fixed

Button: fix blurring onMouseUp and onMouseLeave. (@driesd in [#1171])
IconButton: fix blurring onMouseUp and onMouseLeave. (@driesd in [#1170])

Dependency updates

Bump react-resize-detector from 5.0.4 to 5.0.6

[0.46.1] - 2020-06-18

Added

IconButton: add tint prop to customize the tint of the icon inside of the button. (@ArnaudWeyts in #1156)

Dependency updates

Bump react-resize-detector from 5.0.3 to 5.0.4

[0.46.0] - 2020-06-16

Added

TabGroup: added scrollable functionality when tabs start to overflow their container. (@driesd in [#1160])

Removed

IconTab: removed component. (@driesd in [#1161])

[0.45.0] - 2020-06-16

Changed

DatePicker, DatePickerInput: Allow sizing the input and picker independently, fix alignment when using the MonthPicker. (@ArnaudWeyts in #1156)

Removed

TabGroup: removed inverted prop, which caused the tabs to render with a dark teal background. (@driesd in [#1155])

Dependency updates

[Security] Bump websocket-extensions from 0.1.3 to 0.1.4
Bump eslint from 7.1.0 to 7.2.0
Bump draft-js from 0.11.5 to 0.11.6
Bump eslint-plugin-import from 2.20.2 to 2.21.2
Bump eslint-plugin-prettier from 3.1.3 to 3.1.4

[0.44.2] - 2020-06-03

Added

Tooltip: added zIndex number prop (default 700). (@driesd in [#1148])

Changed

LabelValuePair: only add vertical padding when label and value are displayed inline. (@driesd in [#1146])

Dependency updates

postcss from 7.0.31 to 7.0.32

[0.44.1] - 2020-06-02

Changed

Container: changed to have consistent horizontal padding for fluid and fixed variants on each breakpoint. (@driesd in [#1144])
Toast: changed to have a teal dark background instead of teal darkest. (@driesd in [#1131])

Dependency updates

@babel/cli from 7.8.3 to 7.10.1
@babel/core from 7.9.6 to 7.10.2
@babel/runtime from 7.9.6 to 7.10.2
@babel/plugin-proposal-export-default-from from 7.8.3 to 7.10.1
@babel/plugin-transform-react-jsx-source from 7.8.3 to 7.10.0
@babel/plugin-transform-runtime from 7.9.6 to 7.10.1
@babel/preset-env from 7.9.6 to 7.10.2
@babel/preset-react from 7.8.3 to 7.10.1

[0.44.0] - 2020-05-26

Changed

💥 Teal color: changed the hex values of our Teal dark & darkest color variants. (@driesd in [#1111])

Fixed

LabelValuePair: fixed right alignment for multiline text. (@driesd in [#1122])

Dependency updates

@storybook/addons from 5.3.18 to 5.3.19
@storybook/addon-backgrounds from 5.3.18 to 5.3.19
@storybook/addon-info from 5.3.18 to 5.3.19
@storybook/addon-knobs from 5.3.18 to 5.3.19
@storybook/react from 5.3.18 to 5.3.19
@storybook/ui from 5.3.18 to 5.3.19
eslint from 6.8.0 to 7.1.0
postcss from 7.0.30 to 7.0.31

[0.43.7] - 2020-05-25

Changed

Container: changed breakpoint to a large screen (1440px) to avoid horizontal scrollbars. (@driesd in [#1116])

Dependency updates

react-select from 3.1.0 to 3.0.4 (@driesd in [#1120])
moment from 2.25.3 to 2.26.0

[0.43.6] - 2020-05-19

Changed

SilentBanner: added a white background and decreased left padding when it has a color status. (@driesd in [#1112])

[0.43.5] - 2020-05-19

Added

SilentBanner: added as a new component. (@driesd in [#1109])

[0.43.4] - 2020-05-14

Fixed

WysiwygEditor Set zIndex of LinkOptions dialog to 401, so that it's higher than the zIndex of a Dialog. (@mikeverf in [#1106])
LabelValuePair and LabelValuePairGroup were not exported. (@lowiebenoot in [#1107])

[0.43.3] - 2020-05-14

Added

WysiwygEditor Added inputClassname prop. (@mikeverf in [#1103])
EmptyState: added hidePointer boolean prop (default false). (@driesd in [#1104])

Changed

EmptyState: changed meta text component to increase line-height from 18px to 21px. (@driesd in [#1104])

[0.43.2] - 2020-05-13

Changed

Select: changed so the selected options still show up in the list by default. (@driesd in [#1099])

Fixed

DatePickerInput Fix months not being formatted according to the passed locale. (@ArnaudWeyts in [#1098])
WysiwygEditor Fix input overflowing wrapper when wrapper has set height. (@mikeverf in [#1101])

Dependency updates

eslint-plugin-react from 7.19.0 to 7.20.0
postcss from 7.0.29 to 7.0.30

[0.43.1] - 2020-05-11

Added

LabelValuePair, LabelValuePair.Label & LabelValuePair.Value: added new components. (@driesd in [#1095])
LabelValuePairGroup: added new component. (@driesd in [#1095])

Dependency updates

react-transition-group from 4.3.0 to 4.4.1

[0.43.0] - 2020-05-11

Added

Text: added maxLines prop (number), which replaces ellipsis. (@driesd in [#1092])

Removed

[Breaking] Text: removed ellipsis prop in order to use maxLines instead. (@driesd in [#1092])

[0.42.9] - 2020-05-07

Changed

Button: changed to handle spacing between icon an label with margin Box props, instead of dirty CSS. (@driesd in [#1072])
SplitButton: prevent scroll lock when showing Popover menu. (@driesd in [#1071])
Popover: set min width to 180px. (@lorgan3 in [#1090])

Removed

Button: removed an obsolete SVG alignment fix for Safari. (@driesd in [#1072])

Fixed

DatePicker: fixed incorrect month being displayed on initial render. (@ArnaudWeyts in [#1067])
IslandGroup: fixed attempting to change props of invalid react elements (undefined, null, etc.). (@timdegroote in [#1089])

Dependency updates

@babel/core from 7.9.0 to 7.9.6
@babel/plugin-transform-runtime from 7.9.0 to 7.9.6
@babel/preset-env from 7.9.5 to 7.9.6
@babel/runtime from 7.9.2 to 7.9.6
@teamleader/ui-illustrations from 0.0.31 to 0.0.32
html-webpack-plugin from 4.2.0 to 4.3.0
luxon from 1.23.0 to 1.24.1
moment from 2.24.0 to 2.25.3
postcss from 7.0.27 to 7.0.29
postcss-cli from 7.1.0 to 7.1.1
storybook-addon-designs from 5.2.0 to 5.2.1
style-loader from 1.2.0 to 1.2.1

[0.42.8] - 2020-04-27

Added

Button: handle overflowing text. (@driesd in [#1059])

Changed

Button: replaced span wrapper, containing label & children, with our UIText components. (@driesd in [#1059])
Datagrid: changed the sorting arrow direction in HeaderCell. (@driesd in [#1060])
Datagrid: changed to use UITextBody for HeaderCell text. (@driesd in [#1060])

Fixed

Console warnings: fixed console warnings in various components. (@driesd in [#1063])

Dependency updates

css-loader from 3.5.2 to 3.5.3
style-loader from 1.1.4 to 1.2.0

[0.42.7] - 2020-04-23

Fixed

WysiwygEditor: Remove href attribute from linkDecorator of WysiwygEditor. (@mikeverf in [#1057])

[0.42.6] - 2020-04-23

Changed

WysiwygEditor: Make spacing between list items less high. (@mikeverf in [#1055])

Fixed

WysiwygEditor: Make sure placeholder is positioned correctly on scroll. (@mikeverf in [#1055])

[0.42.5] - 2020-04-23

Fixed

WysiwygEditor: Fall back to en when locale prop isn't one of en, it, nl, de, fr or es. (@mikeverf in [#1052])

Dependency updates

react-day-picker from 7.4.7 to 7.4.8
eslint-config-prettier from 6.10.1 to 6.11.0

[0.42.4] - 2020-04-23

Added

WysiwygEditor: Add type export. (@mikeverf in [#1050])

[0.42.3] - 2020-04-22

Changed

Tag: changed internally to use Badge components. (@driesd in [#1046])

Fixed

Tag: fixed accidentally removed onClick prop. (@driesd in [#1046])

[0.42.2] - 2020-04-22

Added

WysiywygEditor: Allow boxProps that are now set on the wrapper box. (@mikeverf in [#1044])

Fixed

WysiywygEditor: added list styling instead of relying on browser styling. (@mikeverf in [#1044])

[0.42.1] - 2020-04-22

Added

Timer: added as a new component. (@driesd in #1039)
Tooltip: added showTooltipDelay prop that defaults to 100 (current default). (@mikeverf in [#1030])
WysiywygEditor: added functionality to add a link with the editor. (@mikeverf in [#1029])
WysiywygEditor: added tooltips to the toolbar options. (@mikeverf in [#1030])
WysiywygEditor: added locale prop and translations for the component. (@mikeverf in [#1037])

Changed

WysiywygEditor: Link popover is now displayed at center of toolbar icon instead of at end, to avoid issues on smaller sizes. (@mikeverf in [#1038])

Fixed

WysiywygEditor: Link popover can now handle buttons with long labels. (@mikeverf in [#1038])
WysiywygEditor: Certain links were handled as relative links, so didn't open correctly. (@mikeverf in [#1038])

Dependency updates

@teamleader/ui-icons from 0.2.27 to 0.2.29
@teamleader/ui-illustrations from 0.0.30 to 0.0.31
draft-js from 0.10.5 to 0.11.5
prettier from 2.0.4 to 2.0.5
react-day-picker from 7.4.6 to 7.4.7
react-draft-wysiwyg from 1.14.4 to 1.14.5
webpack from 4.42.1 to 4.43.0

[0.42.0] - 2020-04-20

Added

Badge: added size prop with small, medium (default) & large as possible values. (@driesd in #1014)
Badge: added selected boolean prop which shows the badge in a selected state. (@driesd in #1014)
IconButton: added large size variation. (@driesd in #1009)
IconButton: added selected boolean prop which shows the button in a selected state. (@driesd in #1009)
Link: added selected boolean prop which shows the link in a selected state. (@driesd in #1027)
Tag: added selected boolean prop which shows the tag in a selected state. (@driesd in #1020)
WysiwygEditor: added a first basic version of this component. (@mikeverf in #1021)
WysiwygEditor: added functionality to insert a list. (@mikeverf in #1022)
draft-js: added as dependency. (@mikeverf in #1021)
react-draft-wysiwyg: added as dependency. (@mikeverf in #1021)

Changed

Badge: adjusted visual states. (@driesd in #1014)
IconButton: adjusted visual states. (@driesd in #1009)
[Breaking] IconButton: changed attribute data-teamleader-ui value from button to icon-button. (@driesd in #1009)
Link: adjusted visual states. (@driesd in #1027)
Tag: adjusted visual states. (@driesd in #1020)

Removed

[Breaking] Badge: removed inherit mode. (@driesd in #1014)
[Breaking] Badge: removed inverse mode. (@driesd in #1014)
[Breaking] Badge: removed color variants. (@driesd in #1014)
[Breaking] Tag: removed inverse mode. (@driesd in #1020)
[Breaking] Tag: removed color variants. (@driesd in #1020)
[Breaking] Tag: removed onLabelClick prop. Use onClick instead (@driesd in #1020)

Dependency updates

@babel/preset-env from 7.9.0 to 7.9.5
@teamleader/ui-icons from 0.2.26 to 0.2.27
css-loader from 3.5.1 to 3.5.2
eslint-plugin-prettier from 3.1.2 to 3.1.3
husky from 4.2.3 to 4.2.5
html-webpack-plugin from 4.0.4 to 4.2.0
react-resize-detector from 4.2.1 to 4.2.3
react-day-picker from 7.4.0 to 7.4.6
style-loader from 1.1.3 to 1.1.4

[0.41.0] - 2020-04-09

Added

DetailPage.Header: added titleColor prop. Possible values are neutral and teal (default). (@driesd in #1010)
DataGrid: added a sortable prop to the HeaderCell. (@driesd in #1007)

Changed

[Breaking] DataGrid: rendering of the sorting arrows now depends on the sortable prop instead of onClick. (@driesd in #1007)

Removed

[Breaking] DataGrid: removed checkboxSize prop, the Checkbox size will always be small. (@driesd in #1007)

Fixed

DataGrid: fixed unwanted overflow prevention for Cells containing a Checkbox. (@driesd in #1007)
DataGrid: fixed Cell padding along each side of the vertical separator line. (@driesd in #1007)
Avatar: fixed a react-dom warning where the team prop was put onto a div. (@lowiebenoot in #1005)
DetailPage.Header: adding a className was not possible. (@lowiebenoot in #1008)

[0.40.2] - 2020-04-08

Added

EmptyState: added as a new component and come in three sizes. Title and metaText are both optional. (@driesd in #996)
Marker: added as a new component. Can be used inside Heading and Text components. (@driesd in #997)

Changed

Container: changed the min & max width from 990px to 1056px. (@driesd in #1000)
DataGrid: decreased cell paddings with 6px. (@driesd in #1003)
Statuslabel: changed internally to use UIText components instead of CSS styles. (@driesd in #989)

Dependency updates

@teamleader/ui-illustrations from 0.0.28 to 0.0.30
css-loader from 3.4.2 to 3.5.1
luxon from 1.22.2 to 1.23.0
prettier from 2.0.2 to 2.0.4

[0.40.1] - 2020-04-02

Added

Container: added as a new component. Fluid width by default. Fixed width when passing fixed as boolean prop. (@driesd in #977)
DetailPage, DetailPageBody & DetailPageHeader: added as new components. (@driesd in #983)
OverviewPage, OverviewPageBody & OverviewPageHeader: added as new components. (@driesd in #982)

Dependency updates

@storybook/addon-backgrounds from 5.3.17 to 5.3.18
@storybook/addon-info from 5.3.17 to 5.3.18
@storybook/addon-knobs from 5.3.17 to 5.3.18
@storybook/addons from 5.3.17 to 5.3.18
@storybook/react from 5.3.17 to 5.3.18
@storybook/ui from 5.3.17 to 5.3.18
eslint-plugin-import from 2.20.1 to 2.20.2
eslint-plugin-node from 11.0.0 to 11.1.0
html-webpack-plugin from 4.0.2 to 4.0.4

[0.40.0] - 2020-03-27

Added

Typography: added UITextDisplay, UITextBody & UITextSmall components. (@driesd in #969)

Removed

[Breaking] StatusLabel: remove the hardcoded horizontal margin. You can optionally pass the marginHorizontal prop with a corresponding value. (@driesd in #970)
[Breaking] Badge: remove the hardcoded horizontal margin. You can optionally pass the marginHorizontal prop with a corresponding value. (@driesd in #968)
[Breaking] BodyRow: Removed check that stops onClick of BodyRow to be triggered when it's child onClick is triggered. Add event.stopPropagation() to the onClick of any children of BodyRow to ensure same behaviour. (@mikeverf in #971)

Dependency updates

@teamleader/ui-illustrations from 0.0.26 to 0.0.28
@teamleader/ui-typography from 0.2.3 to 0.2.4
@teamleader/ui-icons from 0.2.25 to 0.2.26
html-webpack-plugin from 4.0.1 to 4.0.2
luxon from 1.22.0 to 1.22.2

[0.39.1] - 2020-03-25

Added

Avatar: added team prop (default false). (@driesd in #953)
AvatarTeam: rendered by the Avatar component when its team prop is true. (@driesd in #953)

Changed

AvatarStack: only show a + sign in front of the overflow number when displayMax is greater than zero. (@driesd in #949)

Fixed

Widget: having null as a child of a Widget was causing an error. (@lowiebenoot in #961)

Dependency updates

@babel/plugin-transform-react-jsx-source from 7.8.3 to 7.9.0
@babel/preset-env from 7.8.7 to 7.9.0
@babel/preset-react from 7.8.3 to 7.9.4
@teamleader/ui-icons from 0.2.17 to 0.2.25
html-webpack-plugin from 4.0.0-beta.14 to 4.0.1
prettier from 1.19.1 to 2.0.2
react-dom from 16.13.0 to 16.13.1
react-select from 3.0.8 to 3.1.0
webpack from 4.42.0 to 4.42.1

[0.39.0] - 2020-03-23

Changed

[Breaking] Widget.Header: decreased vertical padding and switched to min-height & flexbox alignment. (@driesd in #940)
AvatarStack: changed displayMax default value from 0 to 99. (@driesd in #938)
StatusLabel: changed background colors to their lighter variant for better contrast. (@driesd in #937)

Fixed

AvatarStack: fixed an error when containing only one Avatar. (@driesd in #938)
AvatarStack: fixes the bounding box of the wrapper. (@driesd in #939)

Dependency updates

[Breaking] @teamleader/ui-colors from 0.0.7 to 0.1.0
@babel/core from 7.8.7 to 7.9.0
@babel/plugin-transform-runtime from 7.8.3 to 7.9.0
@babel/runtime from 7.8.7 to 7.9.2
babel-loader from 8.0.6 to 8.1.0
eslint-config-prettier from 6.10.0 to 6.10.1
eslint-config-standard from 14.1.0 to 14.1.1
minimist from 1.2.0 to 1.2.5
react from 16.13.0 to 16.13.1

[0.38.0] - 2020-03-19

Added

AvatarStack: added selectable prop (default false). (@driesd in #933)
Link: added badged prop (default false) which renders a semi-transparent background color on hover. (@driesd in #928)

Changed

[Breaking] AvatarStack: changed so that the avatars now overlap each other by default. (@driesd in #933)

Dependency updates

file-loader from 5.1.0 to 6.0.0
html-webpack-plugin from 4.0.0-beta.11 to 4.0.0-beta.14

[0.37.0] - 2020-03-18

Added

Box: added support for negative margin values. (@driesd in #927)
Button: added color prop which to combine with button level outline. (@driesd in #925)
Added optional onSecondaryButtonClick prop to SplitButton. (@mikeverf in #931)

Changed

Avatar: removed 3px spacing around avatars. (@driesd in #914)
Link: changed the base component to Box. (@driesd in #928)
[Breaking] IslandGroup: removed center alignment of the content inside an Island within an IslandGroup. (@driesd in #921)
[Breaking] onButtonClick on SplitButton now passes an event instead of currentTarget. (@mikeverf in #931)
[Breaking] onClick on child of SplitButton now passes the event instead of the label prop of the child. (@mikeverf in #931)

Removed

[Breaking] Button: removed the inverse prop for outline buttons. Use color="white" instead. (@driesd in #925)

Fixed

Avatar: fixed a visual glitch when editable prop was true. (@driesd in #914)

Dependency updates

@teamleader/ui-icons from 0.2.23 to 0.2.24
[Security] acorn from 6.4.0 to 6.4.1
@storybook/ui from 5.3.14 to 5.3.17
@storybook/addon-info from 5.3.14 to 5.3.17
@storybook/addons from 5.3.14 to 5.3.17
@storybook/addon-backgrounds from 5.3.14 to 5.3.17
@storybook/react from 5.3.14 to 5.3.17
@storybook/addon-knobs from 5.3.14 to 5.3.17

[0.36.10] - 2020-03-10

Added

Forward ref in DialogBase.Body to its Box wrapper (@mikeverf) in #911)

Fixed

Avatar: fix linting error to fix CI build process. (@driesd in #910)

Dependency updates

eslint-plugin-react from 7.18.3 to 7.19.0

[0.36.9] - 2020-03-09

Changed

Typescript: loosely type all the components to prevent issues with static properties for DataGrid and Widget (@ArnaudWeyts in #907)

[0.36.8] - 2020-03-06

Changed

Avatar: fallback to AvatarInitials when image not found. (@kevinwaelkens in #898)

Removed

Avatar: removed check for id because it will fallback to a neutral background color. (@kevinwaelkens in #899)

Dependency updates

@babel/core from 7.8.6 to 7.8.7
@babel/preset-env from 7.8.6 to 7.8.7
@babel/runtime from 7.8.4 to 7.8.7
webpack from 4.41.6 to 4.42.0

[0.36.7] - 2020-03-02

Fixed

AvatarStack: fixed the spacing between the avatars. (@driesd in #895)

Dependency updates

@babel/core from 7.8.4 to 7.8.6
@babel/preset-env from 7.8.4 to 7.8.6
react from 16.12.0 to 16.13.0
react-dom from 16.12.0 to 16.13.0

[0.36.6] - 2020-02-26

Added

SplitButton: added disabled prop. (@ArnaudWeyts in #883)

Dependency updates

Bump babel-eslint from 10.0.3 to 10.1.0
Update all Storybook dependencies to 5.3.14

[0.36.5] - 2020-02-20

Added

InputBase: added textAlignRight prop. If true, the input text is aligned to the right. (@driesd in #879)

Removed

ErrorText, SuccessText & WarningText: removed the icon in front of the text. (@driesd in #881)

Fixed

MenuItem: make sure that their text wraps when overflow would happen. (@driesd in #878)

Dependency updates

file-loader from 5.0.2 to 5.1.0

[0.36.4] - 2020-02-19

Added

Dialog: added a DialogBase.Header, DialogBase.Body and DialogBase.Footer component, for if you want to make custom dialogs (@lowiebenoot in #875)

Removed

NumericInput: remove value parsing in getDerivedStateFromProps. (@driesd in #876)

Dependency updates

postcss from 7.0.26 to 7.0.27

[0.36.3] - 2020-02-13

Fixed

MonthPicker: Make sure you can type a year number in the year field of MonthPicker (@mikeverf in #868)
MonthPicker: Don't allow searching in MonthPicker select (@mikeverf in #868)

[0.36.2] - 2020-02-11

Added

MonthPicker: added MonthPicker component, for use in DatePicker caption (@mikeverf in #840)
DatePicker: added withMonthPicker prop, to use the newly added MonthPicker (@mikeverf in #840)
SingleLineInputBase: added noInputStyling prop, to disable styling hinting at being able to type in the input field (@mikeverf in #840)

[0.36.1] - 2020-02-11

Fixed

NumericInput: remove min and max validation when input value changes. (@driesd in #851)

Dependency updates

@storybook/addon-knobs from 5.3.7 to 5.3.12
@storybook/react from 5.3.9 to 5.3.12
rimraf from 3.0.0 to 3.0.2

[0.36.0] - 2020-02-07

Added

Select: added menuWidth prop to set a custom width for the menu dropdown. (@driesd in #845)

Fixed

[Breaking] NumericInput: fixed the min and max value validation. (@driesd in #846)

Dependency updates

@storybook/ui from 5.3.8 to 5.3.12
@storybook/addon-links from 5.3.9 to 5.3.12
@babel/preset-env from 7.8.3 to 7.8.4
@babel/runtime from 7.8.3 to 7.8.4
eslint-config-prettier from 6.9.0 to 6.10.0
husky from 4.0.10 to 4.2.1

[0.35.8] - 2020-01-29

Added

Tooltip: added large sized variant. (@driesd in #833)

Changed

Tooltip: increased max width for medium sized variant. (@driesd in #833)

Dependency updates

@babel/cli from 7.7.7 to 7.8.3
@babel/runtime from 7.7.7 to 7.8.3
@babel/core from 7.7.7 to 7.8.3
@babel/plugin-proposal-export-default-from from 7.7.4 to 7.8.3
@babel/plugin-transform-react-jsx-source from 7.7.4 to 7.8.3
@babel/plugin-transform-runtime from 7.7.6 to 7.8.3
@babel/preset-env from 7.7.7 to 7.8.3
@babel/preset-react from 7.7.4 to 7.8.3
@sambego/storybook-state from 1.3.6 to 2.0.1
@storybook/addon-backgrounds from 5.0.11 to 5.3.7
@storybook/addon-info from 5.0.11 to 5.3.7
@storybook/addon-knobs from 5.0.11 to 5.3.7
@storybook/addon-links from 5.0.11 to 5.3.9
@storybook/react from 5.0.11 to 5.3.9
@storybook/ui from 5.0.11 to 5.3.8
css-loader from 3.4.1 to 3.4.2
eslint-plugin-import from 2.19.1 to 2.20.0
eslint-plugin-react from 7.17.0 to 7.18.0
husky from 4.0.3 to 4.0.10
luxon from 1.21.3 to 1.22.0
postcss-cli from 7.0.0 to 7.1.0
style-loader from 1.1.2 to 1.1.3

[0.35.7] - 2020-01-09

Changed

Select: provide fallback in render function & get rid of the menuPortalTarget's default value. (@driesd in #797)

[0.35.6] - 2020-01-09

Changed

Select: check if document exists while setting menuPortalTarget's default value. (@driesd in #795)

Dependency updates

husky from 4.0.1 to 4.0.3

[0.35.5] - 2020-01-08

Changed

Button: size css class is not conditional and should always be applied. (@driesd in #792)
Button: No need to import ui-utilities in JS, we do this already in CSS. (@driesd in #792)

Removed

DatePicker: remove obsolete .overlay styles. (@driesd in #791)

Dependency updates

husky from 4.0.0 to 4.0.1
postcss-cli from 6.1.3 to 7.0.0

[0.35.4] - 2020-01-07

Dependency updates

@teamleader/ui-utilities from 0.2.0 to 0.2.1
css-loader from 3.4.0 to 3.4.1
eslint-config-prettier from 6.7.0 to 6.9.0
eslint-plugin-node from 10.0.0 to 11.0.0
husky from 3.1.0 to 4.0.0
postcss from 7.0.25 to 7.0.26
style-loader from 1.0.2 to 1.1.2
webpack from 4.41.4 to 4.41.5

[0.35.3] - 2019-12-24

Changed

[Typescript]: Include the typescript declaration file (@ArnaudWeyts in #774)

[0.35.2] - 2019-12-23

Changed

[INTERNAL]: Added a yml deploy script to be used by Teamleader's CI in order to deploy components. (@ArnaudWeyts in #768)

[0.35.1] - 2019-12-23

Changed

[BUILD]: Revert "🔧 Don't require library users to use postcss". (@ArnaudWeyts in #768)
DataGrid: extended the flex prop values of the Cell component up to 12. (@driesd in #761)

[0.35.0] - 2019-12-18

Changed

[BREAKING] NumericInput: changed prop type spinner from boolean (default true) to oneOf (default suffix). (@driesd in #756)
[BREAKING] NumericInput: renamed spinner prop to stepper. (@driesd in #756)
[BUILD]: Don't require library users to use a postcss setup. (@ArnaudWeyts in #755)

Fixed

Input: focus state should not overrule any other state. (@driesd in #759)
Select: focus state should not overrule any other state. (@driesd in #759)

Dependency updates

css-loader from 3.3.0 to 3.4.0
eslint-plugin-prettier from 3.1.1 to 3.1.2
postcss from 7.0.24 to 7.0.25
style-loader from 1.0.1 to 1.0.2
webpack from 4.41.2 to 4.41.3

[0.34.0] - 2019-12-12

Changed

[INTERNAL]: changed all stories to Component Story Format (CSF) and moved them next to their respective components. (@ArnaudWeyts in #740)
[BREAKING] Toggle: Fix onChange signature to pass the actual internally used checkbox event. (@ArnaudWeyts in #745)

[0.33.0] - 2019-12-06

Added

Box: added borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius props with default value square. (@driesd in #737)

Changed

Avatar: added creatable prop with default value false. (@driesd in #735)
Avatar: added onClick prop to show a hover state. (@driesd in #738)
Avatar: added selected prop with default value false to show a selected state. (@driesd in #738)

Removed

[BREAKING] Avatar: removed imageClassName prop from the internally used AvatarImage component. (@driesd in #735)
Storybook: removed custom config override for file-loader to fix broken images. (@driesd in #736)

Dependency updates

css-loader from 3.2.0 to 3.2.1

[0.32.0] - 2019-12-02

Changed

[BREAKING] Node version: the minimum required node version is now 10.13.0

[0.31.6] - 2019-12-02

Changed

Tooltip: Added a delay of 100ms when initially showing the tooltip, and added a new prop onTooltipEnter which gets triggered after the tooltip is mounted. (@ArnaudWeyts in #730)
Build process & dependency resolution: changed from npm to yarn, added yarn.lock (@ArnaudWeyts in #731)

[0.31.5] - 2019-11-27

Changed

MenuItem: when element is a the text container gets pointer-events: none (@kevinwaelkens in #727)

[0.31.4] - 2019-11-22

Added

MenuItem: render a button or a-tag depending on the element prop. (@driesd in #721)
Typography: added Heading5. (@driesd in #722)
Typography: added TextBodyCompact. (@driesd in #724)

Dependency updates

@teamleader/ui-illustrations from 0.0.22 to 0.0.23
@teamleader/ui-typography from 0.2.1 to 0.2.3
@teamleader/ui-utilities from 0.1.2 to 0.2.0
prettier from 1.18.2 to 1.19.1

[0.31.3] - 2019-11-07

Fixed

DatePickerInput: instead of the DateTime error, show the placeholder when selectedDate is not set. (@driesd in #716)

Dependency updates

pretty-quick from 2.0.0 to 2.0.1

[0.31.2] - 2019-10-31

Added

Link: added an outline effect to indicate focus state. (@driesd in #712)

Fixed

NumericInput: fix spinner height for all size variants. (@driesd in #713)

[0.31.1] - 2019-10-24

Changed

Avatar: changed the way our hashCode function calculates the background-color passed to the AvatarInitials component. (@driesd in #706)
Avatar: changed the size of our small variant, from 36x36px to 30x30px. (@driesd in #709)
Box: remove children from the box props list. (@driesd in #710)

Fixed

Avatar: Don't pass boxProps to Avatar child components. (@ArnaudWeyts in #708)

Dependency updates

pretty-quick from 1.11.1 to 2.0.0

[0.31.0] - 2019-10-07

Changed

Button & IconButton: use Box as the base component. (@driesd in #697)
Checkbox: increased spacing between checkbox and label for small sized variant. (@driesd in #702)
Counter: decreased horizontal padding from 6px to 3px for the small size variant. (@driesd in #696)
Link: set left as the default value for the iconPlacement prop. (@driesd in #698)
[BREAKING] MenuItem: The old caption prop has been recycled to be used as an actual caption, which is now displayed underneath the label. (@driesd in #703)
Select: fixed line-height issue. (@driesd in #704)
Radio: changed the default background color from neutral light to neutral lightest (white). (@driesd in #700)
Radio: increased spacing between radio and label for small sized variant. (@driesd in #701)
Banner: remove padding on the right side of the banner content. (@rathesDot) in #699

[0.30.3] - 2019-09-26

Added

Counter: added a min-width & text-align: center for both sizes. (@driesd in #691)
Link: added inverse prop which inverts the underline behavior on hover. (@driesd in #694)

Changed

Counter: changed the counter number to be monospaced. (@driesd in #691)
StatusLabel: decreased horizontal padding from 12px to 6px. (@driesd in #690)

Fixed

Select: fixed line-height issue. (@driesd in #689)

Dependency updates

@teamleader/ui-illustrations from ^0.0.21 to ^0.0.22

[0.30.2] - 2019-09-19

Added

Text: added ellipsis prop which forces the text on one line and overflows with an ellipsis. (@driesd in #687)

Changed

Select: changed Inter-UI fonts to Inter since we updated @teamleader/ui-typography. (@driesd in #686)

Dependency updates

@teamleader/ui-typography from ^0.1.2 to ^0.2.1 (@driesd in #686)

[0.30.1] - 2019-09-10

Fixed

Fixed a postcss config issue (@ArnaudWeyts in #684)

[0.30.0] - 2019-09-09

Dependency updates

[BREAKING] Removed deprecated postcss-cssnext and replaced it with the recommended package postcss-preset-env. (@rathesDot in #680). Install postcss-preset-env manually as a devDependecy if you enounter any issues in your build process. Alternatively, explicitly add your postcss config file's path to the postcss-loader option of your webpack.
```
{
  loader: 'postcss-loader',
  options: {
    config: {
      path: `${__dirname}/postcss.config.js`,
    },
  },
},
```

[0.29.0] - 2019-09-05

Added

Avatar: added editable boolean prop & onImageChange function prop. (@driesd in #678)
AvatarImage, AvatarInitials & AvatarStack: added hero size variation. (@driesd in #676)
Box: added borderWidth, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, borderColor, borderTint props. (@driesd in #681)

Removed

[BREAKING] AvatarImage & AvatarInitials: removed from export. Avatar should be used instead. (@driesd in #678)

Dependency updates

eslint-plugin-node from ^9.1.0 to ^10.0.0
image-loader-webpack from ^5.0.0 to ^6.0.0

[0.28.1] - 2019-09-02

Added

Box: added textAlign prop. Possible values are center, left & right. (@driesd in #673)

Changed

Select: changed font smoothing css props from kebab-case to camelCase to fix emotion warnings. (@driesd in #672)

Dependency updates

@teamleader/ui-illustrations from ^0.0.20 to ^0.0.21. (@driesd in #674)

[0.28.0] - 2019-08-29

Added

Avatar: added new Avatar component which renders AvatarInitials or AvatarImage. (@driesd in #670)

Changed

[BREAKING] Avatar: renamed to AvatarImage. (@driesd in #670)
AvatarInitials: changed so the text is not selectable anymore. (@driesd in #669)
Checkbox: added position: absolute; to the input element to fix alignment issue in Firefox on Linux. (@driesd in #667)
DataGrid: adjust HeaderCell to meet its new design (@driesd in #668)
DatePicker: the onChange handler is no longer triggered when a disabled date has been selected. (@Kemosabert) in #664)
Publishing settings: expose postcss.config.js in published dependency. (@ArnaudWeyts in #660)

Fixed

Console errors when using the Menu component (@ArnaudWeyts in #666)

Dependency updates

eslint from ^6.0.1 to ^6.2.1
eslint-config-prettier from ^6.0.0 to ^6.1.0
eslint-config-standard from ^13.0.1 to ^14.0.1
eslint-config-standard-react from ^8.0.0 to ^9.0.0
eslint-plugin-babel from ^5.1.0 to ^5.3.0
eslint-plugin-import from ^2.8.0 to ^2.18.2
eslint-plugin-react from ^7.4.0 to ^7.14.3
eslint-plugin-standard from ^4.0.0 to ^4.0.1
rimraf from ^2.5.4 to ^3.0.0

[0.27.7] - 2019-08-14

Removed

DatePickerInput: removed left margin of the prefix icon. (@driesd in #658)

[0.27.6] - 2019-08-09

Fixed

AvatarInitials: other props were not destructured onto the wrapping element. (@lowiebenoot in #656)

[0.27.5] - 2019-08-07

Changed

Label: changed the css display rule to use the display prop of our Box component.
Dependencies:
- eslint-plugin-node from ^6.0.0 to ^9.1.0
- eslint-config-standard from ^11.0.0 to ^13.0.1

[0.27.4] - 2019-07-19

Changed

Dependencies:
- react-select from ^2.0.0 to ^3.0.4
- babel-eslint from ^8.0.2 to ^10.0.2
- eslint-plugin-standard from ^3.0.1 to ^4.0.0
- eslint-plugin-prettier from ^2.1.2 to ^3.1.0
- eslint-config-standard-react from ^6.0.0 to ^8.0.0

Fixed

Button: fixed the loading spinner position. (@driesd in #649)

[0.27.3] - 2019-07-12

Added

AdvancedCollapsible: added AdvancedCollapsible component. (@driesd in #637)

Changed

Dependencies:
- @teamleader/ui-animations from ^0.0.2 to ^0.0.3
- eslint from ^4.11.0 to ^6.0.1
- husky from ^0.14.3 to ^3.0.0
- image-webpack-loader from ^4.1.0 to ^5.0.0
- react-transition-group from ^2.2.1 to ^4.2.1

Removed

Dependency: removed the url-loader dependency because we're not using it. (@driesd in #638)

[0.27.2] - 2019-07-09

Added

AvatarInitials: added a default color value. (@driesd in #626)
SplitButton: added SplitButton component. (@TaraldRotsaert in #629)

Changed

Avatar: changed the CSS display: inline-block; to display: flex; to fix the vertical alignment issue. (@driesd in #625)
ProgressStep: changed the clickable area to only be the status bullet, instead of the whole wrapper. (@driesd in #627)
Dependencies:
- css-loader from ^0.28.7 to ^3.0.0
- eslint-config-prettier from ^2.2.0 to ^6.0.0
- eslint-plugin-promise from ^3.3.0 to ^4.2.1
- file-loader from ^1.1.5 to ^4.0.0
- postcss from ^6.0.14 to ^7.0.17
- postcss-cssnext from ^3.0.2 to ^3.1.0
- postcss-import from ^11.0.0 to ^12.0.1
- postcss-loader from ^2.0.7 to ^3.0.0
- postcss-mixins from ^6.1.0 to ^6.2.1
- postcss-nested from ^3.0.0 to ^4.1.2
- postcss-reporter from ^5.0.0 to ^6.0.1
- prettier from 1.13.7 to 1.18.2
- pretty-quick from 1.6.0 to 1.11.1
- react-resize-detector from ^2.3.0 to ^4.2.0
- style-loader from ^0.20.2 to ^0.23.1

Removed

Dependency: removed the imports-loader dependency because we're not using it. (@driesd in #617)
Dependency: removed the react-hot-loader dependency because Storybook has its own HMR. (@driesd in #620)

[0.27.1] - 2019-06-24

Added

Avatar, AvatarInitials & AvatarStack: added a large size variation. (@driesd in #610)
Bullet: added a large size variation. (@driesd in #611)

Changed

Bullet: changed border thickness from 1px to 2px. (@driesd in #611)
Counter: changed the font weight from black to bold. (@driesd in #612)
Infrastructure: changed the way this module is exported. CommonJS and ES modules are now available, which enables tree shaking. (@duivvv in #609)

[0.27.0] - 2019-06-04

Added

ProgressStep: added the onClick prop to make a ProgressStep interactional. (@driesd in #607)

Removed

[BREAKING] ProgressStep: removed the color prop. (@driesd in #607)

[0.26.0] - 2019-05-09

Added

[BREAKING] Dialog & DialogBase: added boolean scrollable prop with a default value of true. (@driesd in #599)
Box: added backgroundColor & backgroundTint props. (@driesd in #600)
Popover: added maxWidth prop with a default value of 50vw. (@driesd in #597)

Changed

SingleLineInputBase & Textarea: changed validation behavior to only show a border when passing a boolean value. (@driesd in #601)

Fixed

Banner: fixed the centering of the icon. The centering was off by a few pixels. (@lowiebenoot in #602)

[0.25.0] - 2019-04-18

Changed

Checkbox & RadioButton & Toggle: alignment label according to size. (@TaraldRotsaert in #593)
[BREAKING] Passport: renamed the links prop to lineItems, so we could also render normal text. (@driesd in #595)

Removed

[BREAKING] Dialog: wrapping Box of the body and all of the resize code. (@TaraldRotsaert in #587)

Fixed

AvatarInitials: size prop on component. (@TaraldRotsaert in #588)

[0.24.5] - 2019-04-04

Added

TimerPulser: added TimerPulser component. (@TaraldRotsaert in #566)
Popover: minWidth prop. (@TaraldRotsaert in #579)
DatePicker: bordered prop. (@TaraldRotsaert in #584)
Widget: added Widget component. (@TaraldRotsaert in #581)

Changed

AvatarInitials: center initials with flexbox instead of padding and text-align. (@TaraldRotsaert in #577)
DataGrid: bordered prop so it only triggers a border-bottom and border-top. (@TaraldRotsaert in #583)

Fixed

AvatarInitials: set letter-spacing to zero to center the text. (@TaraldRotsaert in #575)
AvatarStack: only show overflowAmount if the count of Avatars is higher than the displayMax. (@TaraldRotsaert in #578)
AvatarStack: pass size prop to children. (@TaraldRotsaert in #576)

[0.24.4] - 2019-03-26

Fixed

DatePicker: added missing locales in localeUtils.js to firstDayOfWeek and fallback to en-GB. (@kevinwaelkens in #572)

[0.24.3] - 2019-03-26

Added

AvatarInitials: added AvatarInitials component. (@TaraldRotsaert in #568)

Fixed

TimeInput: disabled and readOnly props. (@TaraldRotsaert in #567)
Label: alignment connectedLeft and connectedRight. (@TaraldRotsaert in #569)

[0.24.2] - 2019-03-25

Fixed

DatePickerInput: prevent activating the Popover when Input field is read-only. (@driesd in #564)

[0.24.1] - 2019-03-22

Changed

TimeInput: added time input validation. (@mikeverf in #558)
Input: fixed the css for the disabled and read-only props on ie11. (@TaraldRotsaert in #561)

Fixed

CheckBox: fixed the squeezed checkbox when containing long labels. (@TaraldRotsaert in #562)
Popover: fixed the squeezed popover in IE11. (@driesd in #559)
RadioButton: fixed the squeezed inner shape on IE11. (@driesd in #559)

[0.24.0] - 2019-03-20

Added

Menu: added MenuTitle component. (@driesd in #551)
Input: added TimeInput component. (@driesd in #556)

Changed

Badge: changed custom span to Icon component . (@driesd in #553)
General: replace the Luxon package from devDependencies to dependencies. (@TaraldRotsaert in #552)
Popover: remove white border. (@TaraldRotsaert in #555)

Removed

[BREAKING] MenuItem: removed children & shortcut prop. (@driesd in #551)

[0.23.1] - 2019-03-13

Fixed

Badge, IconTab & TitleTab: fixed ref errors (@driesd in #547)

[0.23.0] - 2019-03-13

Added

ValidationSuccess: added to ValidationText component. (@TaraldRotsaert in #541)
Input: added success prop to pass down to our ValidationText component. (@TaraldRotsaert in #541)
Select: added success prop to pass down to our ValidationText component. (@TaraldRotsaert in #541)
TextArea: added success prop to pass down to our ValidationText component. (@TaraldRotsaert in #541)
Popover: added fullWidth prop (defaults to false). (@driesd in #535)

Changed

DatePickerInput: refactored using our Input & Popover components instead of DayPickerInput. (@driesd in #535)
NumericInput: disabled the tabindex for the numeric input spinner controls. (@driesd in #539)
Link: change margin between link and icon to 6px. (@TaraldRotsaert in #545)
General: eliminate composes in css files. (@TaraldRotsaert in #542)
General: replace legacy ref with createRef. (@TaraldRotsaert in #544)
Select: use equal padding for headers and options. (@TaraldRotsaert in #550)

Removed

[BREAKING] DatePickerInput: removed parseDate support, which makes it impossible to type a localized date into the input field. (@driesd in #535)
Popover: removed pointing arrow. (@driesd in #536)

Fixed

Icon: fixed the vertical alignment of the svg icon. (@driesd in #540)

[0.22.0] - 2019-03-06

Added

InputBase: added innerRef prop to directly target the html input element of an Input, NumericInput or Textarea component. (@driesd in #537)
Popover: added zIndex prop (defaults to 300). (@driesd in #534)
Select: added menuPortalTarget prop (defaults to document.body) to specify where the portal should be rendered. (@driesd in #534)

Changed

General: changed z-indexes across multiple components to fix several depth issues. (@driesd in #534)

Removed

[BREAKING] Select: removed usePortal prop because it will always be using a portal. (@driesd in #534)

[0.21.3] - 2019-02-20

Added

Select: added usePortal boolean prop. If true, the menu dropdown will be rendered inside a React Portal. (@driesd in #531)

Fixed

Label: merged the props of the children with custom props that we also want to pass down. (@driesd in #529)
RadioButton: fixed the squeezed radio button shape. (@driesd in #530)
Box: IE11 crashes when destructuring objects with { ...false } contents (@lowiebenoot and @nickwaelkens in #532)

[0.21.2] - 2019-02-14

Changed

Popover: extracted the getMaxHeight calculation function to a separate file. (@driesd in #525)
Popover: use React.createRef() instead of a Callback Ref. (@driesd in #525)
Select: changed background & text color for hover & selected options. (@driesd in #524)

Fixed

Box: fixed flexGrow, flexShrink & order with value 0 to apply the correct styles. (@driesd in #523)
Select: fixed the option's selected state in that way the focus state does not overrule anymore. (@driesd in #524)
AsyncSelect: refetch options when loadOptions handler changes (@mikeverf in #527)

[0.21.1] - 2019-01-30

Fixed

Box: fixed the accidental style override when passing inline style prop. (@driesd in #521)
Select: fixed word break behaviour for both Select options and placeholder. (@driesd in #520)

[0.21.0] - 2019-01-29

Added

Box: added overflow, overflowX & overflowY props. (@driesd in #516)

Changed

Toast: changed the element for the TextBody that is wrapping the label and children of a toast to a div (instead of the default p). (@driesd in #515)

Removed

[BREAKING] Popover: removed header & footer prop, please use children instead. (@driesd in #517)

[0.20.1] - 2019-01-21

Added

Button: added extra level timer (@driesd in #511)
Select: added the width prop to override its full width default behavior. (@driesd in #510)

Fixed

Popover: fixed some weird width behaviour, which was always taking 50vw. (@driesd in #513)

[0.20.0] - 2019-01-17

Added

DatePickerInput & DatePickerInputRange: added a warning prop, which accepts warning text/element and places it underneath the input field. (@driesd in #505)
DatePickerInput & DatePickerInputRange: added a width prop to override its default value. (@driesd in #507)
Input: added a warning prop, which accepts warning text/element and places it underneath the input field. (@driesd in #504)
Select: added a warning prop, which accepts warning text/element and places it underneath the input field. (@driesd in #506)

Changed

Input: moved the error and helpText props from InputBase to Textarea. (@driesd in #504)
QTip: added the onEscKeyDown, onOverlayClick, onOverlayMouseDown, onOverlayMouseMove & onOverlayMouseUp props. (@driesd in #500)
[BREAKING] QTip: closed prop has been renamed to active, logic & styling have been inverted. (@driesd in #500)
[BREAKING] QTip: onEscKeyDown prop has to be explicitly passed instead of reusing the onChange prop internally. (@driesd in #500)

Fixed

DatePickerInput: merged the passed inputProps with the internal inputProps. (@duivvv in #503)
Popover: fixed buggy flexbox behavior. (@driesd in #508)

[0.19.8] - 2019-01-15

Added

SingleLineInputBase: added the width prop to override its full width default behavior. (@driesd in #494)

Fixed

Make the main entryfile in package.json explicit to avoid auto-importing issues.

[0.19.7] - 2019-01-09

Fixed

Popover: fixed setting the dimensions of the Popover, via styling applied by passed down class names (@LennertBlommaert in #498)

[0.19.6] - 2019-01-07

Changed

Message: swapped the Link and the Button placement & always align them on the right. (@driesd in #493)

Fixed

Popover: fixed squashing of the Popovers body in Internet Explorer 10-11 (@LennertBlommaert in #495)

[0.19.5] - 2019-01-04

Added

DataGrid: added a sort icon to the HeaderCell indicate a field is sortable. (@ArnaudWeyts in #483)
DataGrid: made the body rows fully clickable & added a mouse over effect. (@driesd in #473)
Link: added the disabled boolean prop. (@driesd in #487)

Changed

DataGrid: replaced the deprecated isArray function from node by the official Array.isArray function. (@driesd in #488)
LoadingBar: changed the default tint to normal to fix console warning (@driesd in #489)

[0.19.4] - 2018-12-26

Added

Menu: added the passing through of all properties. (@LennertBlommaert in #481)

Fixed

Input, NumericInput, TextArea, DatePickerInput & DatePickerInputRange: fixed the placeholder styling in IE10+. (@LennertBlommaert in #480)
Menu: fixed the rendering of the Menu, when its children change. By recalculating the width and height property, when the component updates. (@LennertBlommaert in #482)

[0.19.3] - 2018-12-10

Added

Popover: added the possibility to add a sticky footer and/or header. (@LennertBlommaert in #478)
ScrollContainer: added the ScrollContainer component. It is used to create components that have a sticky header and footer, whilst the body is scrollable. (@LennertBlommaert in #477)
Select: add a creatable boolean prop. If true, it's possible to create a new option that is not in the list. (@driesd in #476)

[0.19.2] - 2018-11-28

Added

DataGrid: added a bordered boolean prop. If true, the Datagrid will have rounded corners and a border around it. (@driesd in #472)
Passport & EmptyPassport: added these new components to the library. (@driesd in #474)
Popover: added the fullHeight property, if set to false the Popover does not stretch more than a set value (@LennertBlommaert in #467)

Changed

DataGrid: replaced the custom resize events with the ReactResizeDetector component. (@driesd in #470)

Removed

Link: removed blue outline when clicking on a Link with element='button'. (@driesd in #471)

Fixed

DataGrid: prevented the grey border from overlaying the LoadingBar. (@driesd in #469)

[0.19.1] - 2018-11-16

Added

Dialog: added a top border to the footer, when the content of the body overflows (@LennertBlommaert in #461)
ProgressTracker & DataGrid: added a displayName to their sub components to improve documentation in Storybook. (@driesd in #462)

Changed

Dialog: the body of the Dialog renders scrollable, when its content starts to overflow (@LennertBlommaert in #456)
RadioButton: replaced the splitProps class method with our reusable pickBoxProps & omitBoxProps. (@driesd in #460)
Checkbox & Toggle: replaced the splitProps class method with our reusable pickBoxProps & omitBoxProps. (@driesd in #463)
Typography: set the default tint value to darkest. (@driesd in #464)

Fixed

DatePicker: the DatePickerInput doesn't select a date anymore when that date has been disabled (@ArnaudWeyts in #465)

[0.19.0] - 2018-11-12

Added

DialogBase: added the DialogBase component, which is a copy of the previous Dialog implementation (@LennertBlommaert in #443)
Avatar: added the shape prop (@LennertBlommaert in #451)
Avatar: added a rounded square as a possible shape, to get this shape set the shape prop to 'rounded' (@LennertBlommaert in #451)
Maintenance: added uglify to our gulpfile so the code in the output lib folder gets minified. (@driesd in #452)
withTheme: added the withTheme HOC (@LennertBlommaert in #416)
sizes: added general constants and a helper function to retrieve the library wide sizes (@LennertBlommaert in #448)
Typography: added a displayName to all Typography components that are using the textFactory. (@driesd in #453)

Changed

[BREAKING] Dialog: moved the responsibility to render a header and a footer to the component itself, based on the received props (@LennertBlommaert in #443)
[BREAKING] Dialog: the children are rendered inside a Box with the padding prop set to 4 (@LennertBlommaert in #443)
NumericInput: the respective spinner controls render as disabled, when the minimum or maximum value of the input has been reached. (@LennertBlommaert in #447)

Fixed

Badge: a badge now no longer wraps text and overflow is prevented (@driesd in #446)

[0.18.1] - 2018-11-07

Changed

Link: inverted the hover & active underline styling when a Link is inherit and contains an icon (@driesd in #435)
Button: changed the background colors, of the active and hover states of the Button with the type property set to 'link' (@LennertBlommaert in #436)

Removed

Link: removed the visual focus indication after a Link was clicked (@driesd in #437)

Fixed

0.18.0: fixed the previous release which was broken by console errors, failing on the JS import statements (Unexpected token...) (@driesd in #441)
Toast: fixed the squeezed spinner when containing multiline text (@driesd in #439)
Toast: fixed the faulty text color introduced by replacing the soft prop with tint on Typography components. (@driesd in #438)

[0.18.0] - 2018-11-06

Added

Textarea: added the Textarea component (@LennertBlommaert in #427)
Typography: added the tint prop which replaces soft (@driesd in #429)

Changed

InputBase: extracted logic for single line inputs to new internally used SingleLineInputBase (@LennertBlommaert in #426)

Removed

[BREAKING] Typography: removed the soft prop which is replaced by tint (@driesd in #429)

Fixed

Input: fixed the focus state that didn't work when you had custom onFocus/onBlur event handlers (@lowiebenoot in #428)
NumericInput: fixed calling the onChange handler in the NumericInput component, which was not called when using the spinner controls (@LennertBlommaert in #430)
NumericInput: fixed the undesired behaviour of automatically submitting the form when using the spinner controls in the NumericInput component, by setting their type attribute (@LennertBlommaert in #431)
Button: fixed the faulty border style of our primary & secondary button when disabled (@driesd in #424)

[0.17.0] - 2018-10-26

Added

NumericInput: added the NumericInput component, which is now the recommended component for rendering inputs with number values (@LennertBlommaert in #411)
ErrorText: added the ErrorText component (@LennertBlommaert in #407)
NumericInput: added indication of the spinners click ablity, by changing the cursor to a pointer when hovering over it (@LennertBlommaert in #417)
ValidationText: added the ValidationText component (@LennertBlommaert in #418)

Changed

DatePickerInput: left aligned the DatePickerInput text (@LennertBlommaert in #415)
Input (small & large): decreased its height to meet the height of our Button & Select components (@driesd in #408)
Select (multi value): decreased the margin around a selected item to meet the height of our Button & Input components (@driesd in #408)

Removed

[BREAKING] Input: removed the parsing of number values (@LennertBlommaert in #411)
[BREAKING] Input: removed the binding to a set minimum and maximum (@LennertBlommaert in #411)
[BREAKING] Input: removed the spinner controls (@LennertBlommaert in #411)

Fixed

DatePickerInput: fixed the days still being selectable after passing dayPickerProps with disabledDays (@ArnaudWeyts in #414)
DataGrid: fixed the ability to set its selectable property to true and/or set the value of stickyLeft greater than 0, without supplying the HeaderRowOverlay to it (@LennertBlommaert in #412)
DatePicker: fixed the DatePicker collapsing when the parent element resizes (@ArnaudWeyts in #410)
DatePicker, Dialog, Menu, Popover, QTip, Select & Toast: fixed the z-index values (@driesd in #420)

[0.16.1] - 2018-10-11

Added

DataGrid: added the boolean processing property (@LennertBlommaert in #391)
DataGrid: added the LoadingBar component, which renders if the processing property is true (@LennertBlommaert in #391)
HelpText: added the HelpText component (@LennertBlommaert in #406)

Changed

Input: adjusted the opacity & position of the number type Input field spinner buttons (@driesd in #401)
Label now checks if a child is of type string instead of the magic check for Input or Select (@nickwaelkens in #395)
Select: changed the dropdown arrow Button with a more subtile Icon (@driesd in #396)
Select: replaced the built-in clear indicator button with an icon of our own library (@driesd in #400)
Select: adjusted the opacity & position of the dropdown indicator arrow (@driesd in #402)

Removed

Select: removed the max-width limitation, component will now take the full width of its parent (@driesd in #397)

Fixed

DataGrid: fixed the property type of the numSelectedRowsLabel property in the DataGrid.HeaderRowOverlay, which threw a warning (@LennertBlommaert in #403)
Dialog: fixed the content cut off bug when content became to high (@driesd in #399)
Select: fixed the broken vertical alignment in IE11. (@driesd in #396)

[0.16.0] - 2018-10-08

Added

Box: added baseline and stretch as possible values for the alignItems property (@LennertBlommaert in #387)
Button: added the LoadingSpinners for the Buttons whose level is set to 'link' (@LennertBlommaert in #380)
DataGrid: added the HeaderRowOverlay which displays the amount of selected items and bulk actions (@LennertBlommaert in #352)
Input: added prefix & suffix props. (@driesd in #383)
Popover: added the Popover, it replaces PopoverHorizontal and PopoverVertical (@LennertBlommaert in #377)
Link: added icon& iconPlacement props (@driesd in #381)
Link: added string as a possible property type for the element property (@LennertBlommaert in #388)
LoadingBar: added the new LoadingBar component (@LennertBlommaert in #385)
LoadingSpinner: added all of the library's tints, accessible via the new tint prop (@LennertBlommaert in #378)
LoadingSpinner: added all of the library's colors, accessible via the color prop (@LennertBlommaert in #378)

Changed

Button: a link button can be created by setting the level property (@LennertBlommaert in #376)
DataGrid: changed the header checkbox, it does not render in an intermediate state anymore, when some rows are selected (@LennertBlommaert in #352)

Removed

[BREAKING] DataGrid: removed the ability to set its selectable property to true, without adding the HeaderRowOverlay to it (@LennertBlommaert in #352)
[BREAKING] Input: removed counter, icon & iconPlacement props. They've been replaced by prefix & suffix. (@driesd in #383)
[BREAKING] LinkButton: The LinkButton is removed, since it is replaced by Button (@LennertBlommaert in #376)
LoadingSpinner: removed 'white' as a possible value for color prop (@LennertBlommaert in #378)
[BREAKING] PopoverHorizontal: The PopoverHorizontal is removed, since it is replaced by Popover (@LennertBlommaert in #377)
[BREAKING] PopoverVertical: The PopoverVertical is removed, since it is replaced by Popover (@LennertBlommaert in #377)

[0.15.2] - 2018-09-25

Added

Changed

webpack@4.1.1
extract-text-webpack-plugin@4.0.0-beta.0
html-webpack-plugin@4.0.0-alpha.2

Deprecated

Removed

Fixed

Production build: Fixed the failing production builds (@driesd in #374)

[0.15.1] - 2018-09-25

Fixed

Input: Fixed steps not working anymore after having converted the value saved in the state to a String. (@timdegroote in #370)

[0.15.0] - 2018-09-20

Changed

[BREAKING] Input: values are now changed to be put inside the min/max boundaries only on input blur, meaning that onChange will now be triggered with values that are possibly outside of those bounds. (@driesd in #365)
Popover: renders more accurately, by not blindingly choosing the opposite direction, if it would be rendered off-screen in the given one. In the last case, it chooses for the direction (on the same axis) with the most space and if needed, it becomes scrollable. (@LennertBlommaert in #343)

Fixed

Input: fixed a bug that you could not adjust the current value in a number type input field combined with min & max attributes (@driesd in #365)

[0.14.1] - 2018-09-19

Added

Select: added error & helpText props which renders an error or help text below the input field. (@driesd in #359)

Fixed

IslandGroup: fixes unwanted center alignment of children when direction is vertical (@driesd in #361)
IslandGroup: fixes weird border-radius & border-width behaviour when containing less or more then 3 Islands (@driesd in #361)
IslandGroup: fixes background color overflow bug with rounded corners (@driesd in #361)
Button, IconButton & LinkButton: avoid error when blur() is not available on the passed node (e.g. when using a custom component such as a router link). (@lowiebenoot in #322)

[0.14.0] - 2018-09-13

Added

DatePickerInput: added onBlur and onFocus props. (@driesd in #356)
DatePickerInputRange: added onEndDateBlur, onEndDateFocus, onStartDateBlur and onStartDateFocus props. (@driesd in #356)
DatePicker, DatePickerInput, DatePickerRange & DatePickerInputRange: added a Box wrapper with box props applied to it (@driesd in #347)
DatePickerInput & DatePickerInputRange: added error prop which replaces the old meta.error. (@driesd in #353)
Input: added error prop which replaces the old meta.error. (@driesd in #349)
IslandGroup: applied box props to the Box wrapper (@driesd in #357)
IslandGroup: added direction prop for vertical Island segmentation (@driesd in #358)
Select: added a Box wrapper with box props applied to it (@driesd in #354)

Removed

[BREAKING] DatePickerInput & DatePickerInputRange: removed and meta prop to decouple from redux-forms. (@driesd in #353)
[BREAKING] Input: removed input and meta prop to decouple from redux-forms. (@driesd in #349)

Fixed

[0.13.0] - 2018-09-04

Added

AsyncSelect: A new select component that will load its options asynchronously and optionally paginate them.

Removed

[BREAKING] Input: removed precision prop due to buggy behavior. (@driesd in #346)

Fixed

Input: it's now possible to type either a dot or a comma in a number type input field (@driesd in #346)
Input: fixed the buggy formatting behavior when typing into a number type input field (@driesd in #346)
LinkButton: set the appropriate padding, when only containing an icon, so it displays as a square (@LennertBlommaert in #341).
Button & LinkButton: fixed the unwanted extra icon margin on tooltipped buttons when only containing an icon (@driesd in #348)

[0.12.1] - 2018-08-21

Added

Button, IconButton & LinkButton: only render disabled attribute when element is a button. (@driesd in #338)
DataGrid: - The original event from the Checkbox is now passed to the onSelectionChange handler. When the onSelectionChange is triggered due to changing the comparableId, there is no event and thus it will be null. (@lowiebenoot in #339)

[0.12.0] - 2018-08-10

Added

Button & IconButton: implemented element prop which takes an element or string to be visually rendered as a button. (@driesd in #336)
Input: implemented spinner boolean prop that indicates whether the spinner controls on numeric input fields should render or not. By default it's true (@driesd in #335)

Changed

[BREAKING] Button & IconButton: won't render an anchor tag by only passing the href prop anymore. You also need to set the element prop to 'a'. (@driesd in #336)

Fixed

DataGrid: the componentWillReceiveProps lifecycle is replaced by the componentDidUpdate lifecycle, as it will be deprecated in React 17 (@LennertBlommaert in #331)
Overlay: the componentWillUpdate lifecycle is replaced by the componentDidUpdate lifecycle, as it will be deprecated in React 17 (@LennertBlommaert in #331)
Menu: the componentWillUpdate lifecycle is replaced by the componentDidUpdate lifecycle and the componentWillReceiveProps lifecycle is replaced by the getDerivedStateFromProps and componentDidUpdate lifecycles, as they will be deprecated in React 17 (@LennertBlommaert in #330)
Input: removed unwanted double borders on input fields with connected buttons (@driesd in #334)

[0.11.2] - 2018-08-01

Added

Select component (@driesd in #280)

Changed

IconMenu now returns a Box component instead of a div (@InstaK in #324)
The Checkbox in DataGrid is now centered (@InstaK in #325)

Fixed

Button: margin is set to 0, to fix Safari styling issue (@LennertBlommaert in #326)
Label: added extra check for our new Select component so the word 'optional' wouldn't render twice (@driesd in #328)

[0.11.1] - 2018-07-27

Changed

Changed the default Checkbox size to medium (@Kemosabert in #320)
Changed the default Checkbox size in a DataGrid to small (@Kemosabert in #320)

Fixed

DataGrid: the onSelectionChange handler, now passes an empty array as param (instead of undefined) when the comparable id changes (@Kemosabert in #318)
DataGrid: reset indeterminate to false of the "parent" checkbox when the comparable id changes (@Kemosabert in #319)
Input: Don't vertically center or resize the icon when the error is multiline (@timdegroote in #321)
Toast: fix the animation when removing a Toast from the ToastContainer (@lowiebenoot in #322)

[0.11.0] - 2018-07-18

Changed

initial changelog

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

[unreleased]

Added

Changed

Deprecated

Removed

Fixed

Dependency updates

[1.0.11] - 2020-11-23

Added

Changed

Dependency updates

[1.0.10] - 2020-11-19

Fixed

[1.0.9] - 2020-11-18

Changed

Fixed

[1.0.8] - 2020-10-28

Fixed

[1.0.7] - 2020-10-20

Added

[1.0.6] - 2020-09-25

Dependency updates

[1.0.5] - 2020-09-08

Changed

[1.0.4] - 2020-09-03

Fixed

[1.0.3] - 2020-09-02

Added

Fixed

Dependency updates

[1.0.2] - 2020-07-13

Changed

[1.0.1] - 2020-07-08

Changed

[1.0.0] - 2020-07-06

Added

Changed

Removed

Dependency updates

[0.48.6] - 2020-07-06

Added

[0.48.5] - 2020-07-03

Added

Changed

Fixed

[0.48.4] - 2020-07-02

Dependency updates

[0.48.3] - 2020-07-01

Fixed

[0.48.2] - 2020-07-01

Changed

Fixed

Dependency updates

[0.48.1] - 2020-06-30

Fixed

[0.48.0] - 2020-06-30

Added

Changed

Removed

Fixed

Dependency updates

[0.47.0] - 2020-06-24

Added

Dependency updates

[0.46.3] - 2020-06-22

Added

Changed

Fixed

Dependency updates

[0.46.2] - 2020-06-18

Added

Fixed

Dependency updates

[0.46.1] - 2020-06-18