DialogBase
: Removed redundant wrapper in dialog rendering implementation (@ArnaudWeyts in [#1361])
- Removed
html-webpack-plugin
because it's not used anymore (@lowiebenoot in [#1346]) - [Breaking]
postcss
from7.0.17
to8.2.0
(@lowiebenoot in [#1360]). This removes support for Node 11 and 13. - [Breaking]
postcss-cli
from7.0.0
to8.3.0
(@lowiebenoot in [#1360]). - [Breaking]
postcss-loader
from3.0.0
to4.1.0
(@lowiebenoot in [#1360]). - [Breaking]
postcss-import
from12.0.1
to13.0.0
(@lowiebenoot in [#1360]). - [Breaking]
postcss-mixins
from6.2.1
to7.0.1
(@lowiebenoot in [#1360]). - [Breaking]
postcss-nested
from4.1.2
to5.0.3
(@lowiebenoot in [#1360]). - [Breaking]
postcss-reporter
from6.0.1
to7.0.2
(@lowiebenoot in [#1360]).
Select
: addedtruncateOptionText
boolean prop (default false) which enable truncation of long option text words, but still makes multiline possible. (@driesd in [#1335])
DatePicker
: changed theMonthPicker
to have better text-overflow handling. (@driesd in [#1335])DatePicker
: changed styles to match our new design specs. (@driesd in [#1338])
@teamleader/ui-icons
from0.2.29
to0.2.30
(@driesd in [#1339])@teamleader/ui-typography
from0.2.3
to1.0.0
(@driesd in [#1339])
IconMenu
: fixed positioning of the menu. (@driesd in [#1328])Menu
: fixed warning when outline width is undefined. (@driesd in [#1327])
IconMenu
: changed to preserve the visibility of the IconButton when the IconMenu is open. (@driesd in [#1324])
Menu
: fixed the border-width rendering which occasionally resulted in zero pixels. (@driesd in [#1325])
Avatar
: fixed unwanted text-decoration whenelement
is an anchor tag (@driesd in [#1319])
Button
: added atiny
size (@driesd in [#1314])
- [security]
draft-js
from0.11.6
to0.11.7
(@lorgan3 in [#1298])
Dependencies
: Set "@storybook/addon-docs" as a DevDependency instead of a regular dependency.(@sanderbrugge in [#1296])
AvatarOverlay
Full height overlays are now correctly rounded for round and medium Avatars. (@sanderbrugge in [#1292])
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])
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 atype="button"
to avoid submitting forms when clicking on the Badge/Tag (@lowiebenoot in [#1269])
@babel/plugin-transform-runtime
from7.10.5
to7.11.0
- [Security]
elliptic
from6.5.2
to6.5.3
css-loader
from3.6.0
to4.2.1
- [Security]
dot-prop
from4.2.0
to4.2.1
eslint
from7.4.0
to7.5.0
eslint-plugin-react
from7.20.3
to7.20.6
- [Security]
lodash
from4.17.15
to4.17.19
prettier
from2.0.5
to2.1.0
webpack
from4.43.0
to4.44.1
DatePicker
: add tabIndex property to footer, add onBlur property, and remove call to optional onClick (@ArnaudWeyts in [#1226])
NumericInput
: call onBlur function if any of the steppers get blurred as well (@ArnaudWeyts in [#1223])
SilentBanner
: addedinline
boolean prop (default false), which will render the banner inline instead of taking full width. (@driesd in [#1220])
- 💥
SilentBanner
: changed to take the full width by default. (@driesd in [#1220])
- 💥
SilentBanner
: removed children'sTextBody
wrapper. (@driesd in [#1221])
eslint
from7.3.1
to7.4.0
postcss-nested
from4.2.1
to4.2.2
TitleTab
: added forwardRef. (@driesd in [#1213])
TabGroup
: changed to always scroll to the active tab. (@driesd in [#1213])
DatePicker
: French month names in the month picker not being 4 characters when the locale is the base french locale (fr) (@ArnaudWeyts in [#1212])
react-day-picker
: enforce upgrade to7.4.8
. (@lowiebneoot in [#1210])
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])
Toggle
: changed to have consistent spacing between track and label for all sizes. (@driesd in [#1200])
WysiwygEditor
: fixed onFocus and onBlur being called twice or not at all in some cases (@mikeverf in [#1205])
@babel/cli
from7.10.3
to7.10.4
@babel/runtime
from7.10.3
to7.10.4
@babel/core
from7.10.3
to7.10.4
@babel/plugin-proposal-export-default-from
from7.8.3
to7.10.4
@babel/plugin-transform-react-jsx-source
from7.10.0
to7.10.4
@babel/plugin-transform-runtime
from7.10.3
to7.10.4
@babel/preset-env
from7.10.3
to7.10.4
@babel/preset-react
from7.10.0
to7.10.4
WysiwygEditor
: fixed build error due to unsupported typing (@mikeverf in [#1198])
WysiwygEditor
: addedautoFocus
prop (@mikeverf in [#1196])WysiwygEditor
: addedonInputFocus
andonInputBlur
props (@mikeverf in [#1196])WysiwygEditor
: addedonKeyDown
prop (@mikeverf in [#1196])Toggle
: addedmaxLines
prop and pass it to the labelText
component. (@driesd in [#1194])
DatePicker
: added one extra character to theshort month labels
for theFrench
language. (@driesd in [#1187])DatePickerInput
: addedfooter
prop, which can take a custom component to render underneath the date picker. (@driesd in [#1193])
- 💥
DatePickerInput
: removedbordered
prop as thePopover
already provides one. (@driesd in [#1195])
WysiwygEditor
: addedonFocus
andonBlur
props now focus and blur reliably on the entire editor (@mikeverf in [#1196])
eslint-plugin-babel
from5.3.0
to5.3.1
eslint-plugin-import
from2.21.2
to2.22.0
eslint-plugin-react
from7.20.0
to7.20.2
storybook-addon-designs
from5.3.0
to5.4.0
- 💥
Box
: addedforwardRef
. (@driesd in [#1183])
eslint
from7.3.0
to7.3.1
storybook-addon-designs
from5.2.1
to5.3.0
- The
ToastContainer
component now allows setting thestyle
prop on the container (@ArnaudWeyts in #1181)
- The
Menu
component now takes up the full width of its container (@ArnaudWeyts in #1173)
Radio
: fixed the inconsistent left margin in Firefox vs Chrome on Linux. (@driesd in [#1175])
- Bump
@babel
to7.10.3
- Bump moment from
2.26.0
to2.27.0
TabGroup
: added fading gradients to soften the edges of our scroll buttons. (@driesd in [#1169])
Button
: fix blurringonMouseUp
andonMouseLeave
. (@driesd in [#1171])IconButton
: fix blurringonMouseUp
andonMouseLeave
. (@driesd in [#1170])
- Bump
react-resize-detector
from5.0.4
to5.0.6
IconButton
: add tint prop to customize the tint of the icon inside of the button. (@ArnaudWeyts in #1156)
- Bump react-resize-detector from
5.0.3
to5.0.4
TabGroup
: added scrollable functionality when tabs start to overflow their container. (@driesd in [#1160])
IconTab
: removed component. (@driesd in [#1161])
DatePicker
,DatePickerInput
: Allow sizing the input and picker independently, fix alignment when using theMonthPicker
. (@ArnaudWeyts in #1156)
TabGroup
: removedinverted
prop, which caused the tabs to render with a dark teal background. (@driesd in [#1155])
- [Security] Bump websocket-extensions from
0.1.3
to0.1.4
- Bump eslint from
7.1.0
to7.2.0
- Bump draft-js from
0.11.5
to0.11.6
- Bump eslint-plugin-import from
2.20.2
to2.21.2
- Bump eslint-plugin-prettier from
3.1.3
to3.1.4
Tooltip
: addedzIndex
number prop (default 700). (@driesd in [#1148])
LabelValuePair
: only add vertical padding when label and value are displayed inline. (@driesd in [#1146])
postcss
from7.0.31
to7.0.32
Container
: changed to haveconsistent horizontal padding
forfluid
andfixed
variants on each breakpoint. (@driesd in [#1144])Toast
: changed to have ateal dark background
instead of teal darkest. (@driesd in [#1131])
@babel/cli
from7.8.3
to7.10.1
@babel/core
from7.9.6
to7.10.2
@babel/runtime
from7.9.6
to7.10.2
@babel/plugin-proposal-export-default-from
from7.8.3
to7.10.1
@babel/plugin-transform-react-jsx-source
from7.8.3
to7.10.0
@babel/plugin-transform-runtime
from7.9.6
to7.10.1
@babel/preset-env
from7.9.6
to7.10.2
@babel/preset-react
from7.8.3
to7.10.1
- 💥
Teal color
: changed the hex values of ourTeal dark & darkest
color variants. (@driesd in [#1111])
LabelValuePair
: fixed right alignment for multiline text. (@driesd in [#1122])
@storybook/addons
from5.3.18
to5.3.19
@storybook/addon-backgrounds
from5.3.18
to5.3.19
@storybook/addon-info
from5.3.18
to5.3.19
@storybook/addon-knobs
from5.3.18
to5.3.19
@storybook/react
from5.3.18
to5.3.19
@storybook/ui
from5.3.18
to5.3.19
eslint
from6.8.0
to7.1.0
postcss
from7.0.30
to7.0.31
Container
: changed breakpoint to a large screen (1440px) to avoid horizontal scrollbars. (@driesd in [#1116])
react-select
from3.1.0
to3.0.4
(@driesd in [#1120])moment
from2.25.3
to2.26.0
SilentBanner
: added awhite background
anddecreased left padding
when it has a color status. (@driesd in [#1112])
SilentBanner
: added as a new component. (@driesd in [#1109])
WysiwygEditor
SetzIndex
ofLinkOptions
dialog to401
, so that it's higher than the zIndex of aDialog
. (@mikeverf in [#1106])LabelValuePair
andLabelValuePairGroup
were not exported. (@lowiebenoot in [#1107])
WysiwygEditor
AddedinputClassname
prop. (@mikeverf in [#1103])EmptyState
: addedhidePointer
boolean prop (default false). (@driesd in [#1104])
EmptyState
: changed meta text component to increase line-height from 18px to 21px. (@driesd in [#1104])
Select
: changed so the selected options still show up in the list by default. (@driesd in [#1099])
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])
eslint-plugin-react
from7.19.0
to7.20.0
postcss
from7.0.29
to7.0.30
LabelValuePair
,LabelValuePair.Label
&LabelValuePair.Value
: added new components. (@driesd in [#1095])LabelValuePairGroup
: added new component. (@driesd in [#1095])
react-transition-group
from4.3.0
to4.4.1
Text
: addedmaxLines
prop (number), which replacesellipsis
. (@driesd in [#1092])
- [Breaking]
Text
: removedellipsis
prop in order to usemaxLines
instead. (@driesd in [#1092])
Button
: changed to handle spacing between icon an label with marginBox
props, instead of dirty CSS. (@driesd in [#1072])SplitButton
: prevent scroll lock when showingPopover
menu. (@driesd in [#1071])Popover
: set min width to 180px. (@lorgan3 in [#1090])
Button
: removed an obsolete SVG alignment fix for Safari. (@driesd in [#1072])
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])
@babel/core
from7.9.0
to7.9.6
@babel/plugin-transform-runtime
from7.9.0
to7.9.6
@babel/preset-env
from7.9.5
to7.9.6
@babel/runtime
from7.9.2
to7.9.6
@teamleader/ui-illustrations
from0.0.31
to0.0.32
html-webpack-plugin
from4.2.0
to4.3.0
luxon
from1.23.0
to1.24.1
moment
from2.24.0
to2.25.3
postcss
from7.0.27
to7.0.29
postcss-cli
from7.1.0
to7.1.1
storybook-addon-designs
from5.2.0
to5.2.1
style-loader
from1.2.0
to1.2.1
Button
: handle overflowing text. (@driesd in [#1059])
Button
: replacedspan
wrapper, containinglabel
&children
, with ourUIText
components. (@driesd in [#1059])Datagrid
: changed the sorting arrow direction inHeaderCell
. (@driesd in [#1060])Datagrid
: changed to useUITextBody
forHeaderCell
text. (@driesd in [#1060])
Console warnings
: fixed console warnings in various components. (@driesd in [#1063])
css-loader
from3.5.2
to3.5.3
style-loader
from1.1.4
to1.2.0
WysiwygEditor
: Remove href attribute fromlinkDecorator
ofWysiwygEditor
. (@mikeverf in [#1057])
WysiwygEditor
: Make spacing between list items less high. (@mikeverf in [#1055])
WysiwygEditor
: Make sure placeholder is positioned correctly on scroll. (@mikeverf in [#1055])
WysiwygEditor
: Fall back toen
whenlocale
prop isn't one ofen
,it
,nl
,de
,fr
ores
. (@mikeverf in [#1052])
react-day-picker
from7.4.7
to7.4.8
eslint-config-prettier
from6.10.1
to6.11.0
WysiwygEditor
: Add type export. (@mikeverf in [#1050])
Tag
: changed internally to useBadge
components. (@driesd in [#1046])
Tag
: fixed accidentally removedonClick
prop. (@driesd in [#1046])
WysiywygEditor
: Allow boxProps that are now set on the wrapper box. (@mikeverf in [#1044])
WysiywygEditor
: added list styling instead of relying on browser styling. (@mikeverf in [#1044])
Timer
: added as a new component. (@driesd in #1039)Tooltip
: addedshowTooltipDelay
prop that defaults to100
(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
: addedlocale
prop and translations for the component. (@mikeverf in [#1037])
WysiywygEditor
: Link popover is now displayed at center of toolbar icon instead of at end, to avoid issues on smaller sizes. (@mikeverf in [#1038])
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])
@teamleader/ui-icons
from0.2.27
to0.2.29
@teamleader/ui-illustrations
from0.0.30
to0.0.31
draft-js
from0.10.5
to0.11.5
prettier
from2.0.4
to2.0.5
react-day-picker
from7.4.6
to7.4.7
react-draft-wysiwyg
from1.14.4
to1.14.5
webpack
from4.42.1
to4.43.0
Badge
: addedsize
prop withsmall
,medium
(default) &large
as possible values. (@driesd in #1014)Badge
: addedselected
boolean prop which shows the badge in a selected state. (@driesd in #1014)IconButton
: addedlarge
size variation. (@driesd in #1009)IconButton
: addedselected
boolean prop which shows the button in a selected state. (@driesd in #1009)Link
: addedselected
boolean prop which shows the link in a selected state. (@driesd in #1027)Tag
: addedselected
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)
Badge
: adjusted visual states. (@driesd in #1014)IconButton
: adjusted visual states. (@driesd in #1009)- [Breaking]
IconButton
: changed attributedata-teamleader-ui
value frombutton
toicon-button
. (@driesd in #1009) Link
: adjusted visual states. (@driesd in #1027)Tag
: adjusted visual states. (@driesd in #1020)
- [Breaking]
Badge
: removedinherit
mode. (@driesd in #1014) - [Breaking]
Badge
: removedinverse
mode. (@driesd in #1014) - [Breaking]
Badge
: removedcolor
variants. (@driesd in #1014) - [Breaking]
Tag
: removedinverse
mode. (@driesd in #1020) - [Breaking]
Tag
: removedcolor
variants. (@driesd in #1020) - [Breaking]
Tag
: removedonLabelClick
prop. UseonClick
instead (@driesd in #1020)
@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
DetailPage.Header
: addedtitleColor
prop. Possible values areneutral
andteal
(default). (@driesd in #1010)DataGrid
: added asortable
prop to theHeaderCell
. (@driesd in #1007)
- [Breaking]
DataGrid
: rendering of the sorting arrows now depends on thesortable
prop instead ofonClick
. (@driesd in #1007)
- [Breaking]
DataGrid
: removedcheckboxSize
prop, theCheckbox
size will always besmall
. (@driesd in #1007)
DataGrid
: fixed unwanted overflow prevention forCells
containing aCheckbox
. (@driesd in #1007)DataGrid
: fixedCell
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)
EmptyState
: added as a new component and come in three sizes.Title
andmetaText
are both optional. (@driesd in #996)Marker
: added as a new component. Can be used insideHeading
andText
components. (@driesd in #997)
Container
: changed the min & max width from990px
to1056px
. (@driesd in #1000)DataGrid
: decreased cell paddings with 6px. (@driesd in #1003)Statuslabel
: changed internally to useUIText components
instead of CSS styles. (@driesd in #989)
@teamleader/ui-illustrations
from0.0.28
to0.0.30
css-loader
from3.4.2
to3.5.1
luxon
from1.22.2
to1.23.0
prettier
from2.0.2
to2.0.4
Container
: added as a new component. Fluid width by default. Fixed width when passingfixed
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)
@storybook/addon-backgrounds
from5.3.17
to5.3.18
@storybook/addon-info
from5.3.17
to5.3.18
@storybook/addon-knobs
from5.3.17
to5.3.18
@storybook/addons
from5.3.17
to5.3.18
@storybook/react
from5.3.17
to5.3.18
@storybook/ui
from5.3.17
to5.3.18
eslint-plugin-import
from2.20.1
to2.20.2
eslint-plugin-node
from11.0.0
to11.1.0
html-webpack-plugin
from4.0.2
to4.0.4
- [Breaking]
StatusLabel
: remove the hardcoded horizontal margin. You can optionally pass themarginHorizontal
prop with a corresponding value. (@driesd in #970) - [Breaking]
Badge
: remove the hardcoded horizontal margin. You can optionally pass themarginHorizontal
prop with a corresponding value. (@driesd in #968) - [Breaking]
BodyRow
: Removed check that stopsonClick
ofBodyRow
to be triggered when it's childonClick
is triggered. Addevent.stopPropagation()
to theonClick
of any children ofBodyRow
to ensure same behaviour. (@mikeverf in #971)
@teamleader/ui-illustrations
from0.0.26
to0.0.28
@teamleader/ui-typography
from0.2.3
to0.2.4
@teamleader/ui-icons
from0.2.25
to0.2.26
html-webpack-plugin
from4.0.1
to4.0.2
luxon
from1.22.0
to1.22.2
Avatar
: addedteam
prop (defaultfalse
). (@driesd in #953)AvatarTeam
: rendered by theAvatar
component when itsteam
prop istrue
. (@driesd in #953)
AvatarStack
: only show a+
sign in front of the overflow number whendisplayMax
is greater than zero. (@driesd in #949)
Widget
: having null as a child of a Widget was causing an error. (@lowiebenoot in #961)
@babel/plugin-transform-react-jsx-source
from7.8.3
to7.9.0
@babel/preset-env
from7.8.7
to7.9.0
@babel/preset-react
from7.8.3
to7.9.4
@teamleader/ui-icons
from0.2.17
to0.2.25
html-webpack-plugin
from4.0.0-beta.14
to4.0.1
prettier
from1.19.1
to2.0.2
react-dom
from16.13.0
to16.13.1
react-select
from3.0.8
to3.1.0
webpack
from4.42.0
to4.42.1
- [Breaking]
Widget.Header
: decreased vertical padding and switched to min-height & flexbox alignment. (@driesd in #940) AvatarStack
: changeddisplayMax
default value from0
to99
. (@driesd in #938)StatusLabel
: changed background colors to their lighter variant for better contrast. (@driesd in #937)
AvatarStack
: fixed an error when containing only one Avatar. (@driesd in #938)AvatarStack
: fixes the bounding box of the wrapper. (@driesd in #939)
- [Breaking]
@teamleader/ui-colors
from0.0.7
to0.1.0
@babel/core
from7.8.7
to7.9.0
@babel/plugin-transform-runtime
from7.8.3
to7.9.0
@babel/runtime
from7.8.7
to7.9.2
babel-loader
from8.0.6
to8.1.0
eslint-config-prettier
from6.10.0
to6.10.1
eslint-config-standard
from14.1.0
to14.1.1
minimist
from1.2.0
to1.2.5
react
from16.13.0
to16.13.1
AvatarStack
: addedselectable
prop (defaultfalse
). (@driesd in #933)Link
: addedbadged
prop (defaultfalse
) which renders a semi-transparent background color on hover. (@driesd in #928)
- [Breaking]
AvatarStack
: changed so that the avatars now overlap each other by default. (@driesd in #933)
file-loader
from5.1.0
to6.0.0
html-webpack-plugin
from4.0.0-beta.11
to4.0.0-beta.14
Box
: added support for negative margin values. (@driesd in #927)Button
: addedcolor
prop which to combine with button leveloutline
. (@driesd in #925)- Added optional
onSecondaryButtonClick
prop toSplitButton
. (@mikeverf in #931)
Avatar
: removed 3px spacing around avatars. (@driesd in #914)Link
: changed the base component toBox
. (@driesd in #928)- [Breaking]
IslandGroup
: removed center alignment of the content inside anIsland
within anIslandGroup
. (@driesd in #921) - [Breaking]
onButtonClick
onSplitButton
now passes anevent
instead ofcurrentTarget
. (@mikeverf in #931) - [Breaking]
onClick
on child ofSplitButton
now passes theevent
instead of thelabel
prop of the child. (@mikeverf in #931)
- [Breaking]
Button
: removed theinverse
prop foroutline
buttons. Usecolor="white"
instead. (@driesd in #925)
@teamleader/ui-icons
from0.2.23
to0.2.24
- [Security]
acorn
from6.4.0
to6.4.1
@storybook/ui
from5.3.14
to5.3.17
@storybook/addon-info
from5.3.14
to5.3.17
@storybook/addons
from5.3.14
to5.3.17
@storybook/addon-backgrounds
from5.3.14
to5.3.17
@storybook/react
from5.3.14
to5.3.17
@storybook/addon-knobs
from5.3.14
to5.3.17
eslint-plugin-react
from7.18.3
to7.19.0
- Typescript: loosely type all the components to prevent issues with static properties for
DataGrid
andWidget
(@ArnaudWeyts in #907)
Avatar
: fallback toAvatarInitials
when image not found. (@kevinwaelkens in #898)
Avatar
: removed check forid
because it will fallback to a neutral background color. (@kevinwaelkens in #899)
@babel/core
from7.8.6
to7.8.7
@babel/preset-env
from7.8.6
to7.8.7
@babel/runtime
from7.8.4
to7.8.7
webpack
from4.41.6
to4.42.0
@babel/core
from7.8.4
to7.8.6
@babel/preset-env
from7.8.4
to7.8.6
react
from16.12.0
to16.13.0
react-dom
from16.12.0
to16.13.0
SplitButton
: addeddisabled
prop. (@ArnaudWeyts in #883)
- Bump
babel-eslint
from10.0.3
to10.1.0
- Update all Storybook dependencies to
5.3.14
InputBase
: addedtextAlignRight
prop. If true, the input text is aligned to the right. (@driesd in #879)
file-loader
from5.0.2
to5.1.0
Dialog
: added aDialogBase.Header
,DialogBase.Body
andDialogBase.Footer
component, for if you want to make custom dialogs (@lowiebenoot in #875)
postcss
from7.0.26
to7.0.27
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)
MonthPicker
: addedMonthPicker
component, for use inDatePicker
caption (@mikeverf in #840)DatePicker
: addedwithMonthPicker
prop, to use the newly addedMonthPicker
(@mikeverf in #840)SingleLineInputBase
: addednoInputStyling
prop, to disable styling hinting at being able to type in the input field (@mikeverf in #840)
@storybook/addon-knobs
from5.3.7
to5.3.12
@storybook/react
from5.3.9
to5.3.12
rimraf
from3.0.0
to3.0.2
@storybook/ui
from5.3.8
to5.3.12
@storybook/addon-links
from5.3.9
to5.3.12
@babel/preset-env
from7.8.3
to7.8.4
@babel/runtime
from7.8.3
to7.8.4
eslint-config-prettier
from6.9.0
to6.10.0
husky
from4.0.10
to4.2.1
@babel/cli
from7.7.7
to7.8.3
@babel/runtime
from7.7.7
to7.8.3
@babel/core
from7.7.7
to7.8.3
@babel/plugin-proposal-export-default-from
from7.7.4
to7.8.3
@babel/plugin-transform-react-jsx-source
from7.7.4
to7.8.3
@babel/plugin-transform-runtime
from7.7.6
to7.8.3
@babel/preset-env
from7.7.7
to7.8.3
@babel/preset-react
from7.7.4
to7.8.3
@sambego/storybook-state
from1.3.6
to2.0.1
@storybook/addon-backgrounds
from5.0.11
to5.3.7
@storybook/addon-info
from5.0.11
to5.3.7
@storybook/addon-knobs
from5.0.11
to5.3.7
@storybook/addon-links
from5.0.11
to5.3.9
@storybook/react
from5.0.11
to5.3.9
@storybook/ui
from5.0.11
to5.3.8
css-loader
from3.4.1
to3.4.2
eslint-plugin-import
from2.19.1
to2.20.0
eslint-plugin-react
from7.17.0
to7.18.0
husky
from4.0.3
to4.0.10
luxon
from1.21.3
to1.22.0
postcss-cli
from7.0.0
to7.1.0
style-loader
from1.1.2
to1.1.3
Select
: provide fallback in render function & get rid of themenuPortalTarget
's default value. (@driesd in #797)
husky
from4.0.1
to4.0.3
Button
:size
css class is not conditional and should always be applied. (@driesd in #792)Button
: No need to importui-utilities
in JS, we do this already in CSS. (@driesd in #792)
husky
from4.0.0
to4.0.1
postcss-cli
from6.1.3
to7.0.0
@teamleader/ui-utilities
from0.2.0
to0.2.1
css-loader
from3.4.0
to3.4.1
eslint-config-prettier
from6.7.0
to6.9.0
eslint-plugin-node
from10.0.0
to11.0.0
husky
from3.1.0
to4.0.0
postcss
from7.0.25
to7.0.26
style-loader
from1.0.2
to1.1.2
webpack
from4.41.4
to4.41.5
- [Typescript]: Include the typescript declaration file (@ArnaudWeyts in #774)
- [INTERNAL]: Added a yml deploy script to be used by Teamleader's CI in order to deploy components. (@ArnaudWeyts in #768)
- [BUILD]: Revert "🔧 Don't require library users to use postcss". (@ArnaudWeyts in #768)
DataGrid
: extended theflex
propvalues
of theCell
component up to12
. (@driesd in #761)
- [BREAKING]
NumericInput
: changed prop typespinner
fromboolean
(defaulttrue
) tooneOf
(defaultsuffix
). (@driesd in #756) - [BREAKING]
NumericInput
: renamedspinner
prop tostepper
. (@driesd in #756) - [BUILD]: Don't require library users to use a postcss setup. (@ArnaudWeyts in #755)
Input
: focus state should not overrule any other state. (@driesd in #759)Select
: focus state should not overrule any other state. (@driesd in #759)
css-loader
from3.3.0
to3.4.0
eslint-plugin-prettier
from3.1.1
to3.1.2
postcss
from7.0.24
to7.0.25
style-loader
from1.0.1
to1.0.2
webpack
from4.41.2
to4.41.3
- [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)
Box
: addedborderRadius
,borderTopLeftRadius
,borderTopRightRadius
,borderBottomLeftRadius
,borderBottomRightRadius
props with default valuesquare
. (@driesd in #737)
Avatar
: addedcreatable
prop with default valuefalse
. (@driesd in #735)Avatar
: addedonClick
prop to show a hover state. (@driesd in #738)Avatar
: addedselected
prop with default valuefalse
to show a selected state. (@driesd in #738)
- [BREAKING]
Avatar
: removedimageClassName
prop from the internally usedAvatarImage
component. (@driesd in #735) Storybook
: removed custom config override forfile-loader
to fix broken images. (@driesd in #736)
css-loader
from3.2.0
to3.2.1
- [BREAKING]
Node version
: the minimum required node version is now10.13.0
Tooltip
: Added a delay of 100ms when initially showing the tooltip, and added a new proponTooltipEnter
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)
MenuItem
: when element isa
the text container getspointer-events: none
(@kevinwaelkens in #727)
MenuItem
: render abutton
ora
-tag depending on theelement
prop. (@driesd in #721)Typography
: addedHeading5
. (@driesd in #722)Typography
: addedTextBodyCompact
. (@driesd in #724)
@teamleader/ui-illustrations
from0.0.22
to0.0.23
@teamleader/ui-typography
from0.2.1
to0.2.3
@teamleader/ui-utilities
from0.1.2
to0.2.0
prettier
from1.18.2
to1.19.1
DatePickerInput
: instead of the DateTime error, show the placeholder whenselectedDate
is not set. (@driesd in #716)
pretty-quick
from2.0.0
to2.0.1
Avatar
: changed the way ourhashCode
function calculates thebackground-color
passed to theAvatarInitials
component. (@driesd in #706)Avatar
: changed the size of oursmall variant
, from 36x36px to30x30px
. (@driesd in #709)Box
: removechildren
from the box props list. (@driesd in #710)
Avatar
: Don't pass boxProps to Avatar child components. (@ArnaudWeyts in #708)
pretty-quick
from1.11.1
to2.0.0
Button & IconButton
: useBox
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 from6px
to3px
for thesmall
size variant. (@driesd in #696)Link
: setleft
as the default value for theiconPlacement
prop. (@driesd in #698)- [BREAKING]
MenuItem
: The oldcaption
prop has been recycled to be used as an actual caption, which is now displayed underneath thelabel
. (@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
Counter
: added amin-width
&text-align: center
for both sizes. (@driesd in #691)Link
: addedinverse
prop which inverts the underline behavior on hover. (@driesd in #694)
Counter
: changed the counter number to be monospaced. (@driesd in #691)StatusLabel
: decreased horizontal padding from 12px to 6px. (@driesd in #690)
@teamleader/ui-illustrations
from^0.0.21
to^0.0.22
Text
: addedellipsis
prop which forces the text on one line and overflows with an ellipsis. (@driesd in #687)
Select
: changedInter-UI
fonts toInter
since we updated@teamleader/ui-typography
. (@driesd in #686)
- Fixed a postcss config issue (@ArnaudWeyts in #684)
- [BREAKING] Removed deprecated
postcss-cssnext
and replaced it with the recommended packagepostcss-preset-env
. (@rathesDot in #680). Installpostcss-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`, }, }, },
Avatar
: addededitable
boolean prop &onImageChange
function prop. (@driesd in #678)AvatarImage
,AvatarInitials
&AvatarStack
: addedhero
size variation. (@driesd in #676)Box
: addedborderWidth
,borderBottomWidth
,borderLeftWidth
,borderRightWidth
,borderTopWidth
,borderColor
,borderTint
props. (@driesd in #681)
- [BREAKING]
AvatarImage
&AvatarInitials
: removed from export.Avatar
should be used instead. (@driesd in #678)
eslint-plugin-node
from^9.1.0
to^10.0.0
image-loader-webpack
from^5.0.0
to^6.0.0
Select
: changed font smoothing css props from kebab-case to camelCase to fix emotion warnings. (@driesd in #672)
- [BREAKING]
Avatar
: renamed toAvatarImage
. (@driesd in #670) AvatarInitials
: changed so the text is not selectable anymore. (@driesd in #669)Checkbox
: addedposition: absolute;
to the input element to fix alignment issue in Firefox on Linux. (@driesd in #667)DataGrid
: adjustHeaderCell
to meet its new design (@driesd in #668)DatePicker
: theonChange
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)
Console errors
when using theMenu
component (@ArnaudWeyts in #666)
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
AvatarInitials
: other props were not destructured onto the wrapping element. (@lowiebenoot in #656)
-
Label
: changed thecss display rule
to use thedisplay 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
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
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
AvatarInitials
: added a defaultcolor
value. (@driesd in #626)SplitButton
: addedSplitButton
component. (@TaraldRotsaert in #629)
Avatar
: changed the CSSdisplay: inline-block;
todisplay: 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 to1.18.2
pretty-quick
from 1.6.0 to1.11.1
react-resize-detector
from ^2.3.0 to^4.2.0
style-loader
from ^0.20.2 to^0.23.1
Dependency
: removed theimports-loader
dependency because we're not using it. (@driesd in #617)Dependency
: removed thereact-hot-loader
dependency because Storybook has its own HMR. (@driesd in #620)
Avatar
,AvatarInitials
&AvatarStack
: added alarge
size variation. (@driesd in #610)Bullet
: added alarge
size variation. (@driesd in #611)
Bullet
: changed border thickness from 1px to 2px. (@driesd in #611)Counter
: changed the font weight fromblack
tobold
. (@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)
- [BREAKING]
Dialog
&DialogBase
: added booleanscrollable
prop with a default value oftrue
. (@driesd in #599) Box
: addedbackgroundColor
&backgroundTint
props. (@driesd in #600)Popover
: addedmaxWidth
prop with a default value of50vw
. (@driesd in #597)
SingleLineInputBase
&Textarea
: changed validation behavior to only show a border when passing a boolean value. (@driesd in #601)
Banner
: fixed the centering of the icon. The centering was off by a few pixels. (@lowiebenoot in #602)
Checkbox
&RadioButton
&Toggle
: alignment label according to size. (@TaraldRotsaert in #593)- [BREAKING]
Passport
: renamed thelinks
prop tolineItems
, so we could also render normal text. (@driesd in #595)
- [BREAKING]
Dialog
: wrappingBox
of the body and all of the resize code. (@TaraldRotsaert in #587)
AvatarInitials
:size
prop on component. (@TaraldRotsaert in #588)
TimerPulser
: addedTimerPulser
component. (@TaraldRotsaert in #566)Popover
:minWidth
prop. (@TaraldRotsaert in #579)DatePicker
:bordered
prop. (@TaraldRotsaert in #584)Widget
: addedWidget
component. (@TaraldRotsaert in #581)
AvatarInitials
: center initials withflexbox
instead ofpadding
andtext-align
. (@TaraldRotsaert in #577)DataGrid
:bordered
prop so it only triggers aborder-bottom
andborder-top
. (@TaraldRotsaert in #583)
AvatarInitials
: setletter-spacing
to zero to center the text. (@TaraldRotsaert in #575)AvatarStack
: only showoverflowAmount
if the count ofAvatars
is higher than thedisplayMax
. (@TaraldRotsaert in #578)AvatarStack
: passsize
prop to children. (@TaraldRotsaert in #576)
DatePicker
: added missing locales inlocaleUtils.js
tofirstDayOfWeek
and fallback toen-GB
. (@kevinwaelkens in #572)
AvatarInitials
: addedAvatarInitials
component. (@TaraldRotsaert in #568)
-
TimeInput
:disabled
andreadOnly
props. (@TaraldRotsaert in #567) -
Label
: alignmentconnectedLeft
andconnectedRight
. (@TaraldRotsaert in #569)
TimeInput
: added time input validation. (@mikeverf in #558)Input
: fixed the css for the disabled and read-only props on ie11. (@TaraldRotsaert in #561)
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)
Menu
: addedMenuTitle
component. (@driesd in #551)Input
: addedTimeInput
component. (@driesd in #556)
Badge
: changed customspan
toIcon
component . (@driesd in #553)General
: replace theLuxon
package from devDependencies to dependencies. (@TaraldRotsaert in #552)Popover
: remove white border. (@TaraldRotsaert in #555)
ValidationSuccess
: added toValidationText
component. (@TaraldRotsaert in #541)Input
: addedsuccess
prop to pass down to ourValidationText
component. (@TaraldRotsaert in #541)Select
: addedsuccess
prop to pass down to ourValidationText
component. (@TaraldRotsaert in #541)TextArea
: addedsuccess
prop to pass down to ourValidationText
component. (@TaraldRotsaert in #541)Popover
: addedfullWidth
prop (defaults tofalse
). (@driesd in #535)
DatePickerInput
: refactored using ourInput
&Popover
components instead ofDayPickerInput
. (@driesd in #535)NumericInput
: disabled thetabindex
for the numeric input spinner controls. (@driesd in #539)Link
: change margin between link and icon to 6px. (@TaraldRotsaert in #545)General
: eliminatecomposes
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)
- [BREAKING]
DatePickerInput
: removedparseDate
support, which makes it impossible to type a localized date into the input field. (@driesd in #535) Popover
: removed pointing arrow. (@driesd in #536)
InputBase
: addedinnerRef
prop to directly target thehtml input element
of anInput
,NumericInput
orTextarea
component. (@driesd in #537)Popover
: addedzIndex
prop (defaults to300
). (@driesd in #534)Select
: addedmenuPortalTarget
prop (defaults todocument.body
) to specify where the portal should be rendered. (@driesd in #534)
General
: changedz-indexes across multiple components
to fix several depth issues. (@driesd in #534)
- [BREAKING]
Select
: removedusePortal
prop because it will always be using a portal. (@driesd in #534)
Select
: addedusePortal
boolean prop. If true, the menu dropdown will be rendered inside a React Portal. (@driesd in #531)
Label
: merged the props of thechildren
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)
Popover
: extracted thegetMaxHeight
calculation function to a separate file. (@driesd in #525)Popover
: useReact.createRef()
instead of aCallback Ref
. (@driesd in #525)Select
: changedbackground & text color
forhover & selected
options. (@driesd in #524)
Box
: fixedflexGrow
,flexShrink
&order
with value0
to apply the correct styles. (@driesd in #523)Select
: fixed the option'sselected
state in that way thefocus
state does not overrule anymore. (@driesd in #524)AsyncSelect
: refetch options when loadOptions handler changes (@mikeverf in #527)
Box
: fixed the accidentalstyle
override when passing inline style prop. (@driesd in #521)Select
: fixedword break
behaviour for both Selectoptions
andplaceholder
. (@driesd in #520)
Toast
: changed the element for theTextBody
that is wrapping thelabel
andchildren
of a toast to adiv
(instead of the defaultp
). (@driesd in #515)
Button
: added extra leveltimer
(@driesd in #511)Select
: added thewidth
prop to override its full width default behavior. (@driesd in #510)
DatePickerInput
&DatePickerInputRange
: added awarning
prop, which accepts warning text/element and places it underneath the input field. (@driesd in #505)DatePickerInput
&DatePickerInputRange
: added awidth
prop to override its default value. (@driesd in #507)Input
: added awarning
prop, which accepts warning text/element and places it underneath the input field. (@driesd in #504)Select
: added awarning
prop, which accepts warning text/element and places it underneath the input field. (@driesd in #506)
Input
: moved theerror
andhelpText
props fromInputBase
toTextarea
. (@driesd in #504)QTip
: added theonEscKeyDown
,onOverlayClick
,onOverlayMouseDown
,onOverlayMouseMove
&onOverlayMouseUp
props. (@driesd in #500)- [BREAKING]
QTip
:closed
prop has been renamed toactive
, logic & styling have been inverted. (@driesd in #500) - [BREAKING]
QTip
:onEscKeyDown
prop has to be explicitly passed instead of reusing theonChange
prop internally. (@driesd in #500)
DatePickerInput
: merged the passed inputProps with the internal inputProps. (@duivvv in #503)Popover
: fixed buggy flexbox behavior. (@driesd in #508)
SingleLineInputBase
: added thewidth
prop to override its full width default behavior. (@driesd in #494)
- Make the main entryfile in
package.json
explicit to avoid auto-importing issues.
Popover
: fixed setting the dimensions of thePopover
, via styling applied by passed down class names (@LennertBlommaert in #498)
Message
: swapped the Link and the Button placement & always align them on the right. (@driesd in #493)
Popover
: fixed squashing of thePopover
s body in Internet Explorer 10-11 (@LennertBlommaert in #495)
DataGrid
: added a sort icon to theHeaderCell
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 thedisabled
boolean prop. (@driesd in #487)
DataGrid
: replaced the deprecatedisArray
function from node by the officialArray.isArray
function. (@driesd in #488)LoadingBar
: changed the defaulttint
tonormal
to fix console warning (@driesd in #489)
Menu
: added the passing through of all properties. (@LennertBlommaert in #481)
Input
,NumericInput
,TextArea
,DatePickerInput
&DatePickerInputRange
: fixed the placeholder styling in IE10+. (@LennertBlommaert in #480)Menu
: fixed the rendering of theMenu
, when itschildren
change. By recalculating thewidth
andheight
property, when the component updates. (@LennertBlommaert in #482)
Popover
: added the possibility to add a sticky footer and/or header. (@LennertBlommaert in #478)ScrollContainer
: added theScrollContainer
component. It is used to create components that have a sticky header and footer, whilst the body is scrollable. (@LennertBlommaert in #477)Select
: add acreatable
boolean prop. Iftrue
, it's possible to create a new option that is not in the list. (@driesd in #476)
DataGrid
: added abordered
boolean prop. Iftrue
, 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 thefullHeight
property, if set to false thePopover
does not stretch more than a set value (@LennertBlommaert in #467)
DataGrid
: replaced thecustom resize events
with theReactResizeDetector
component. (@driesd in #470)
Dialog
: added a top border to the footer, when the content of the body overflows (@LennertBlommaert in #461)ProgressTracker
&DataGrid
: added adisplayName
to their sub components to improve documentation in Storybook. (@driesd in #462)
Dialog
: the body of theDialog
renders scrollable, when its content starts to overflow (@LennertBlommaert in #456)RadioButton
: replaced thesplitProps
class method with our reusablepickBoxProps
&omitBoxProps
. (@driesd in #460)Checkbox
&Toggle
: replaced thesplitProps
class method with our reusablepickBoxProps
&omitBoxProps
. (@driesd in #463)Typography
: set the defaulttint
value todarkest
. (@driesd in #464)
DatePicker
: theDatePickerInput
doesn't select a date anymore when that date has been disabled (@ArnaudWeyts in #465)
DialogBase
: added theDialogBase
component, which is a copy of the previousDialog
implementation (@LennertBlommaert in #443)Avatar
: added theshape
prop (@LennertBlommaert in #451)Avatar
: added a rounded square as a possible shape, to get this shape set theshape
prop to'rounded'
(@LennertBlommaert in #451)Maintenance
: addeduglify
to our gulpfile so the code in the outputlib
folder gets minified. (@driesd in #452)withTheme
: added thewithTheme
HOC (@LennertBlommaert in #416)sizes
: added general constants and a helper function to retrieve the library wide sizes (@LennertBlommaert in #448)Typography
: added adisplayName
to allTypography
components that are using thetextFactory
. (@driesd in #453)
- [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
: thechildren
are rendered inside aBox
with thepadding
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)
Link
: inverted the hover & active underline styling when a Link isinherit
andcontains an icon
(@driesd in #435)Button
: changed the background colors, of the active and hover states of theButton
with thetype
property set to'link'
(@LennertBlommaert in #436)
0.18.0
: fixed the previous release which was broken by consoleerrors
, failing on the JSimport
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 thesoft
prop withtint
onTypography
components. (@driesd in #438)
Textarea
: added theTextarea
component (@LennertBlommaert in #427)Typography
: added thetint
prop which replacessoft
(@driesd in #429)
InputBase
: extracted logic for single line inputs to new internally usedSingleLineInputBase
(@LennertBlommaert in #426)
Input
: fixed the focus state that didn't work when you had customonFocus
/onBlur
event handlers (@lowiebenoot in #428)NumericInput
: fixed calling the onChange handler in theNumericInput
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 theNumericInput
component, by setting theirtype
attribute (@LennertBlommaert in #431)Button
: fixed the faulty border style of our primary & secondary button when disabled (@driesd in #424)
NumericInput
: added theNumericInput
component, which is now the recommended component for rendering inputs with number values (@LennertBlommaert in #411)ErrorText
: added theErrorText
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 theValidationText
component (@LennertBlommaert in #418)
DatePickerInput
: left aligned theDatePickerInput
text (@LennertBlommaert in #415)Input
(small & large): decreased its height to meet the height of ourButton
&Select
components (@driesd in #408)Select
(multi value): decreased the margin around a selected item to meet the height of ourButton
&Input
components (@driesd in #408)
- [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)
DatePickerInput
: fixed the days still being selectable after passingdayPickerProps
withdisabledDays
(@ArnaudWeyts in #414)DataGrid
: fixed the ability to set itsselectable
property totrue
and/or set the value ofstickyLeft
greater than 0, without supplying theHeaderRowOverlay
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)
DataGrid
: added the booleanprocessing
property (@LennertBlommaert in #391)DataGrid
: added theLoadingBar
component, which renders if theprocessing
property is true (@LennertBlommaert in #391)HelpText
: added theHelpText
component (@LennertBlommaert in #406)
Input
: adjusted theopacity
&position
of thenumber type Input
field spinner buttons (@driesd in #401)Label
now checks if a child is of typestring
instead of the magic check forInput
orSelect
(@nickwaelkens in #395)Select
: changed the dropdown arrowButton
with a more subtileIcon
(@driesd in #396)Select
: replaced the built-in clear indicator button with an icon of our own library (@driesd in #400)Select
: adjusted theopacity
&position
of thedropdown indicator arrow
(@driesd in #402)
Select
: removed themax-width
limitation, component will now take the full width of its parent (@driesd in #397)
DataGrid
: fixed the property type of thenumSelectedRowsLabel
property in theDataGrid.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 inIE11
. (@driesd in #396)
Box
: addedbaseline
andstretch
as possible values for thealignItems
property (@LennertBlommaert in #387)Button
: added theLoadingSpinners
for theButton
s whoselevel
is set to'link'
(@LennertBlommaert in #380)DataGrid
: added theHeaderRowOverlay
which displays the amount of selected items and bulk actions (@LennertBlommaert in #352)Input
: addedprefix
&suffix
props. (@driesd in #383)Popover
: added thePopover
, it replacesPopoverHorizontal
andPopoverVertical
(@LennertBlommaert in #377)Link
: addedicon
&iconPlacement
props (@driesd in #381)Link
: addedstring
as a possible property type for theelement
property (@LennertBlommaert in #388)LoadingBar
: added the newLoadingBar
component (@LennertBlommaert in #385)LoadingSpinner
: added all of the library's tints, accessible via the newtint
prop (@LennertBlommaert in #378)LoadingSpinner
: added all of the library's colors, accessible via thecolor
prop (@LennertBlommaert in #378)
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)
- [BREAKING]
DataGrid
: removed the ability to set itsselectable
property totrue
, without adding theHeaderRowOverlay
to it (@LennertBlommaert in #352) - [BREAKING]
Input
: removedcounter
,icon
&iconPlacement
props. They've been replaced byprefix
&suffix
. (@driesd in #383) - [BREAKING]
LinkButton
: TheLinkButton
is removed, since it is replaced byButton
(@LennertBlommaert in #376) LoadingSpinner
: removed'white'
as a possible value forcolor
prop (@LennertBlommaert in #378)- [BREAKING]
PopoverHorizontal
: ThePopoverHorizontal
is removed, since it is replaced byPopover
(@LennertBlommaert in #377) - [BREAKING]
PopoverVertical
: ThePopoverVertical
is removed, since it is replaced byPopover
(@LennertBlommaert in #377)
webpack@4.1.1
extract-text-webpack-plugin@4.0.0-beta.0
html-webpack-plugin@4.0.0-alpha.2
Input
: Fixed steps not working anymore after having converted the value saved in the state to a String. (@timdegroote in #370)
- [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)
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)
Select
: addederror
&helpText
props which renders an error or help text below the input field. (@driesd in #359)
IslandGroup
: fixes unwanted center alignment of children when direction is vertical (@driesd in #361)IslandGroup
: fixes weirdborder-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 whenblur()
is not available on the passed node (e.g. when using a custom component such as a router link). (@lowiebenoot in #322)
DatePickerInput
: addedonBlur
andonFocus
props. (@driesd in #356)DatePickerInputRange
: addedonEndDateBlur
,onEndDateFocus
,onStartDateBlur
andonStartDateFocus
props. (@driesd in #356)DatePicker
,DatePickerInput
,DatePickerRange
&DatePickerInputRange
: added a Box wrapper with box props applied to it (@driesd in #347)DatePickerInput
&DatePickerInputRange
: addederror
prop which replaces the oldmeta.error
. (@driesd in #353)Input
: addederror
prop which replaces the oldmeta.error
. (@driesd in #349)IslandGroup
: applied box props to the Box wrapper (@driesd in #357)IslandGroup
: addeddirection
prop for verticalIsland
segmentation (@driesd in #358)Select
: added a Box wrapper with box props applied to it (@driesd in #354)
- [BREAKING]
DatePickerInput
&DatePickerInputRange
: removed andmeta
prop to decouple from redux-forms. (@driesd in #353) - [BREAKING]
Input
: removedinput
andmeta
prop to decouple from redux-forms. (@driesd in #349)
AsyncSelect
: A new select component that will load its options asynchronously and optionally paginate them.
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)
Button
,IconButton
&LinkButton
: only renderdisabled
attribute whenelement
is abutton
. (@driesd in #338)DataGrid
: - The original event from theCheckbox
is now passed to theonSelectionChange
handler. When theonSelectionChange
is triggered due to changing thecomparableId
, there is no event and thus it will benull
. (@lowiebenoot in #339)
Button
&IconButton
: implementedelement
prop which takes an element or string to be visually rendered as a button. (@driesd in #336)Input
: implementedspinner
boolean prop that indicates whether the spinner controls on numeric input fields should render or not. By default it'strue
(@driesd in #335)
- [BREAKING]
Button
&IconButton
: won't render an anchor tag by only passing thehref
prop anymore. You also need to set theelement
prop to'a'
. (@driesd in #336)
DataGrid
: thecomponentWillReceiveProps
lifecycle is replaced by thecomponentDidUpdate
lifecycle, as it will be deprecated in React 17 (@LennertBlommaert in #331)Overlay
: thecomponentWillUpdate
lifecycle is replaced by thecomponentDidUpdate
lifecycle, as it will be deprecated in React 17 (@LennertBlommaert in #331)Menu
: thecomponentWillUpdate
lifecycle is replaced by thecomponentDidUpdate
lifecycle and thecomponentWillReceiveProps
lifecycle is replaced by thegetDerivedStateFromProps
andcomponentDidUpdate
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)
IconMenu
now returns aBox
component instead of adiv
(@InstaK in #324)- The
Checkbox
inDataGrid
is now centered (@InstaK in #325)
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)
- Changed the default
Checkbox
size tomedium
(@Kemosabert in #320) - Changed the default
Checkbox
size in aDataGrid
tosmall
(@Kemosabert in #320)
DataGrid
: theonSelectionChange
handler, now passes an empty array as param (instead ofundefined
) 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 aToast
from theToastContainer
(@lowiebenoot in #322)
- initial changelog