Design System
- Highlight
- KeyboardInput
- Link
- Paragraph
- Abbreviate
- Code Snippet
- Preformatted Text
- Description List
- Blockquote
- Form Input
- DescriptionList
- Radio Button
- RadioGroup
- Checkbox
- Checkbox Group
New Components
Enhancement
- Autocomplete - Add option to show all values
- Button - should allow to pass an html content
- Checkbox - add error state
- Autocomplete - Adds close on blur and moves accessibility status text to new location
A11y
- remove tab index if not set
- Button - does not render the aria-label attribute properly
- Tab - Actionable Element
- FormRadio and FormInput - does not offer a capability to not add an aria-label
- Checkbox - does not offer a capability to not add an aria-label
- FormInput - does not offer a capability to not add an aria-label
- FormInput - should not have a tabindex defined
- FormInput - An aria attribute has been given an invalid value
- Autocomplete - is not accessible and needs to be adjusted
- Details - contains a default TabIndex
- Button - adding visually hidden text to button for screen readers
Bug
- TabGroup - key prop
- TabGroup - displaying incorrect CSS
- Select - when you pass the default value it doesn't allow to change on select
- Heading - does no apply the css correctly
- Form input - props wrong typing and expose input ref
Documentation
- design system
- Group new components within Storybook
- google crowler
- Update storybook documentation to include design system
Dependencies
Breaking Changes
Upgrade notes
- If you upgrading from a previous release and you use the Autocomplete component it will requires the addition of a new property called hiddenErrorText. This property will require a string value to be set and provides a visually hidden text for screen readers to make your component fully accessible å
- Autocomplete - changing defaultValue prop has no affect
- Autocomplete - doesn't auto scroll for filtered list on keydown
- Button - add new properties
- Tabs - non-js compliant
New components
- Code Snippet
- Breadcrumbs
- Preformatted Text
- Abbreviate
- Highlight
- List item
- Blockquote -Keyboard Shortcut
- Paragraph
- Insert Text
- Link
- Label
- Heading
Documentation
Design system - not publicly available yet... stay tuned ;)
- Details - add prop for summaryText
- FormSelect - add extra props
- Checkbox - support anchor elements
- Autocomplete - sorting results
- Autocomplete - add id prop for hint and label
- FormSelect - add extra default classes
- FormInput - add the ability to position the error after the hint
- All component - add tabindex property
- allow the library to work with node18
New components
Documentation
Dependencies
- Radio - add extra prop
- Autocomplete - a11y enable keyboard keys
- Button - add value prop
- Button - default aria attribute
- FormSelect - add containerId prop
- MultiUpload - HTML output refactor
- Autocomplete - empty field on enter
- Autocomplete - remove prompt on page load
- Autocomplete - add props optionsId for each item in the list
- FormGroup - make onChange optional [same property apply to FormRadio and FormCheckbox]
Deprecated
The following component has been deprecated and removed from storybook. It will be removed in the next release
Removed
New components
Two new components has been created. In case you used the FormRadio component will be easy enough to rename it and remove the type property.
Dependencies
- FormInput - add aria-required option
- FormInput - value attribute optional
- checkbox - Conditional fields in only works when JS enabled
- checkbox/radio - show conditional with nonjs
- checkbox - Allow developer to specify position of conditional via an additional prop
- Autocomplete - revise props names for consistency
- Autocomplete - (js-mode): no results found should be part of the drop down list
- Autocomplete - is not non-js compliant
- Autocomplete - Add option 'required'
- Autocomplete - allow developer to prompt user with a custom message on cursor focus on the input field
- FormRadio - to be be wrapped with outer containers and be able to set question and hint
- Button - doesn't allow to pass property name
- Button - Make formAction property available
- FormSelect - Don't print/render the error span if text value in the error prop is null/undefined/falsy
- table - simplify usage
- form group - simplify usage
- checkbox - Simplify usage
- form radio - simplify usage
- Button - Make onSubmit optional
- Radio Button - Make onChange optional
- Form Input - simplify usage
- FormSelect - enhancement
- Toggle - add extra parameters
- Form Input - add support to nonJs
- Accessibility issues fixed against all current components
- toolTip
- table with custom rows
- range
- microbuild engine
- details