All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
- Upgraded the
Iconcomponent so it can be used in SSR contexts - Upgraded the
Modalcomponent so it can be used in SSR contexts - Fixed an issue in the
Tooltipcomponent where it was possible to provide an invalid id attribute - Fixed
onItemClickbeing called twice in theNavigationListcomponent - Fixed the
tabIndexattribute not being set on theulelement in theNavigationListcomponent - Fixed the
Autocompletecomponent not showing results when the input is focused
- Added
requiredprop on Upload component - Added
descriptionandstateproperties to theRadioGroupcomponent - Added
requiredproperty to theCheckboxcomponent - Added
requiredprop to theCheckboxcomponent - Added
requiredprop to theRadioGroupcomponent - Added
requiredprop to theRadiocomponent (not visible in the UI) - Added
disabledproperty to theAutocompletecomponent
- Fixed
Selectcomponent selecting the first option whenvalueis empty string; empty string now correctly shows the placeholder. - Fixed a margin bottom issue with the inline alert title
- Fixed the
aria-describedbyattribute not being linked todescriptiontext in Datepicker component - Fixed the required asterisk not being hidden from screen readers
- Fixed not being able to submit the form when the
Autocompletecomponent is open
- Fixed multiple issues with button properties
- Added option to define border type for card
- Added highlighted card option
- Added option to add more classes to the card
- Fixed the alert close button that was sometimes overlapping with the title
- Added a missing variant of a button with only a spinner
- Removed the use of findDOMNode to fix the flyout behaviour in React 19
- Introduced timezones to the calendar, so the correct date is always returned no matter which timezone you are in.
- Datepicker click/touch behavior in (Mobile) Safari
- Result items in Autocomplete component can have a small sub label
- Improved the accessibility of the pagination by defining when the previous and next button are disabled
- Removed an unnecessary tabindex on the navigation list
- Improved the accessibility of the icon component
- Improved the accessibility of a navigation list item without a provided href
- Can use the button component as a link with the
linkprop. renderImgFunctioninImageto allow custom image rendering.renderLinkFunctioninButtonto allow custom link rendering.
- Datepicker fix; allow to clear a controlled Date(Range)Picker
- Updated
react-tooltippackage to make the library work with React v.19 - Fixed multiple svg fetch requests for the
Iconcomponent
- WCAG issues Date(Range)Picker: correct aria and role attributes & trap focus inside modal
Calendarcomponent
DateRangePickercomponentopen,onCalendarToggleandonCalendarToggleproperties added to make opening and closing theCalendarcontrolled in theDatepicker
- The second argument of the Datepicker's
onChangefunction returns now correctly the input value of the text field. - An invalid icon is not rendered in the dom.
- Possibility to override the
keyof autocomplete items - Can hide the max size label in
Uploadcomponent with the prophideMaxSizeLabel - Allow to provide a custom link render function to the
Cardcomponent
- The upload component doesn't render an
ulelement anymore if no files are uploaded - The table now renders hyperlinks correctly
- Fixed caption being required by default
- Added caption to Table
- Improved accessibility of the input's character counter
- Core branding update 6.6.4
- The
indeterminatestate of a Checkbox is now fully controlled
- Datepicker recalculate it's label and value when the controlled value changes
- TextField and TextArea components can have a charCounter when
maxLengthis not set (The default counter's text changes accordingly). - The TextField and TextArea components' charCounter text get a danger style applied when the
maxLengthhas been reached. - It is now possible to keep typing in the TextField and TextArea components, even if the
maxLengthhas been reached. This can still be blocked by setting themaxLengthBlocksInputprop totrue. This prop isfalseby default to be WCAG compliant.
- Datepicker doesn't crash when providing it an invalid date as value
- Controlled Calendar doesn't crash when providing it an invalid date as value
- Core branding update 6.6.1
- Datepicker
onChangefunction is now triggered for invalid dates (return empty string) - Datepicker
onChangefunction returns the input string value as second parameter
- Datepicker
errorMsgFunctionto fully customize the error based on the input
- Allow an onChange listener on the input field of the Datepicker.
- Upload component: A successfully uploaded no longer has a
dangerthemed delete button. - Replaced defaultProps with default arguments (defaultProps are deprecated in React 18).
- Definition list items can have a
qaTermandqaDescriptionproperties for use as data-qa attributes on the respective terms and descriptions.
- Datepicker/Calendar component: fixed an issue where the Month view of a Calendar would show incorrect months if a date was selected where that date's
dayvalue was not present in some months (February does not contain a 30th or 31st day, for example). - Select component: Make the Select component clearable if the component's
valueis undefined.
- The
Footercomponent now allows for itsLinkitems to have anonClick.
=======
- Upload component: the
hasValidFormatwill now check for multiple type notations (MIME type, . notation). Users will no longer see wrong error states when they select valid file formats as stated in theacceptprop of the htmlinputfield. - Removed locales import for Calendar, reducing package size.
=======
- An
Alertcomponent without a title label will no longer add a margin pushing the description down. - A
Flyoutwill not close anymore when clicking on a scrollbar inside of it. - Can use the
requiredproperty for theAutocompletecomponent. - Use the circular icon for warning dialogs and the triangular for danger (error) dialogs.
=======
- Core branding update 6.5.0
- Custom CSS is imported in build (tooltips, ...)
- Fixed inconsistent casing for the
addOnprop in theAutocompleteandTextFieldcomponents. - Changed incorrect example in Storybook for the
addOnprop inAutocompletedocumentation.
autoComplete=offproperty onAutocompletecomponent
=======
- Can use the
addonproperty for theAutocompletecomponent
- The
Datepickercan not be opened via the calendar icon when disabled - The
Autocompletecomponent now takes on the full width of its parent element
=======
- Can use both the
stateanddescriptionproperty for theAutocompletecomponent - Can use state and description in the
inputPropsfor the Datepicker component
- Export of types
- Can use both the
label(new) orchildren(existing) property for Table action buttons - Can use the
labelandrequiredproperty in Datepicker component
Selectcomponent
- All months/days start with a capital letter in the
Calendarfor any localization
- Tool tip can be opened with keyboard
- Added
a-input__wrapper--inlineclass for inlineTextFieldandTextAreacomponent Footerdefault props are now correctly set
localeprops forCalendar(and Datepicker viacalendarProps)
- Datepicker animation fix: it now uses the Flyout animation on open/close
- Autocomplete items list can be updated after rendering (e.g. after an async call)
- Scroll handlers (Table, Navigation list) don't show a shadow anymore on overscroll (e.g. Safari scroll bounce)
- Core branding update to v6.3.0
- Clicking on the Rangeslider line moves the handle around
- Rename
buttonstomenuItemsin the Header component. A menu item can be a button or a button with flyout.
disabledprop forButton
Unpublished broken version
- Improvements on
TextFieldandTextArea:iconLeft,iconRight,addonLeftandaddonRightare replaced byaddonobject
- Fixed problem were range
RangeSliderdots would jump when clicking on handles
- Core branding update to v6.2.3
- Conditionally remove
aria-labbeledbyon theProgressBarwhen anaria-labelis used - Use Core Branding logo as default for the
Header - Updated contributing guidelines
DatepickercomponentcharCountTextproperty onTextFieldandTextAreamultipleoption forAutocomplete- A warning is logged for a wrong or unknown
Icon
- New React components for Core Branding 6.3.0
- All old components