Releases: vrk-kpa/suomifi-ui-components
Releases · vrk-kpa/suomifi-ui-components
Hotfix - Dropdown and Select accessibility
This Release fixes accessibility issues concerning Dropdown, SingleSelect and MultiSelect on MacOS + VoiceOver.
Release notes
Dropdown (#883)
- Fix screen reader accessibility which manifested when browsing the popover list
SingleSelect, MultiSelect (#883)
- Remove redundant divs from the popover list (between
<ul>
and<li>
) - Fix
ariaOptionsAvailableTextFunction
documentation examples
15.0.0
Release notes
General (#854)
- Breaking change: Margin props are now implemented using
!important
CSS styles instead of style attributes
RadioButtonGroup
- Breaking change: Fix group legend margin CSS logic (#872)
- Add
groupStatus
andgroupStatusText
props (#878)
CheckboxGroup (#872)
- Breaking change: Fix group legend margin CSS logic
TimeInput (#877)
- Breaking change: Remove redundant
fullWidth
prop
FileInput (#862)
- Introduce
<FileInput>
component
Details (#858)
- Introduce
<Details>
component
SpacingProvider (#854)
- Introduce
<SpacingProvider>
HOC for providing context or even site-specific spacing rules
Dateinput
- Allow custom date picker positioning via new
datePickerPosition
prop (#856) - Fix accessibility issues related to Windows high contrast mode (#855)
Chip (#855)
- Fix accessibility issues related to Windows high contrast mode
SingleSelect
- Add
fullWidth
prop (#859) - Fix an issue where input value could not be updated in a certain controlled state situation (#861)
MultiSelect
WizardNavigation (#871)
- Update documentation regarding aria-attributes and the usage of
tabIndex
Dependencies (#866)
- Update
@types/react
to 18.3.3
14.0.1 - Expander animation hotfix
15.0.0-beta.3
Release notes
RadioButtonGroup, CheckboxGroup (#872)
- Breaking change: Fix group legend margin CSS in
labelMode="hidden"
FileInput (#874, #875)
- Fix various accessibility related issues
WizardNavigation (#871)
- Update documentation regarding aria-attributes and the usage of tabIndex
Details (#873)
- Adjust documentation
15.0.0-beta.2
15.0.0-beta.1
15.0.0-beta.0
This release introduces multiple new components:
- FileInput
- Details
- SpacingProvider
In addition it fixes several other issues as specified below.
Release notes
General (#854)
- Breaking change: Margin props are now implemented using
!important
CSS styles instead of style attributes
FileInput (#862)
- Introduce the
<FileInput>
component
SpacingProvider (#854)
- Introduce
SpacingProvider
HOC for providing context or even site-specific spacing rules.
Details (#858)
- Introduce
<Details>
component
DateInput (#856, #855)
- Allow custom date picker positioning via new datePickerPosition prop
- Fix accessibility issues related to Windows high contrast mode
SingleSelect (#859)
- Add
fullWidth
prop - Fix an issue where input value could not be updated in certain controlled state situation
MultiSelect (#859, #855)
- Add
fullWidth
prop - Fix accessibility issues related to Windows high contrast mode
Chip (#855)
- Fix accessibility issues related to Windows high contrast mode
14.0.0
Release notes
ErrorSummary (#825)
- Introduce the
<ErrorSummary>
component
StatusText, Dropdown, Checkbox, DateInput, MultiSelect, SingleSelect, SearchInput, TextInput, TimeInput, Textarea, Pagination (#823)
- Breaking change: Add icons to status text to signify error or success status
Block (#830)
- Breaking change: Change spacing props to use CSS spaced implementation instead of style prop. This reverts the implementation back to the way it was in library version 12
Button (#832)
- Breaking change: Adjusted paddings to accommodate use with only icon and no content
- Breaking change: ButtonProps now require either
children
oraria-label
- Breaking change: Decrease button top and bottom padding by 1px to fix wrong total height. Increase horizontal padding by total of 2px in borderless buttons
- Add
loading
andariaLoadingText
props. Applies a loading spinner to the button and disables it - Remove redundant
never
typing fromLoadingProps
ActionMenu (#807)
- Breaking change: Remove redundant custom styling via "icon only" class
- Breaking change: Decrease button top and bottom padding by 1px to fix wrong total height. Increase horizontal padding by total of 2px in borderless buttons
Checkbox (#837, #845)
- Breaking change: change disabled variant hint text color to match the label color
- Breaking change: Change styling of the checked state and focus indicator
- Fix an issue where checkmark was not visible in disabled state
TextInput (#835)
- Breaking change: Remove redundant root level font styles and set line-height to 0 on top level.
- Breaking change: Increase character counter top margin by 1px
Textarea (#835)
- Breaking change: Set the correct bottom margin for the label
- Breaking change: Increase character counter top margin by 1px
RadioButton (#809)
- Breaking change: Change focus indicator styling
SideNavigation (#815)
- Breaking change: Remove forced uppercase text from level 1
<SideNavigationItem>
ServiceNavigation (#815)
- Breaking change: Remove forced uppercase text from
<ServiceNavigationItem>
LinkList (#822)
- Breaking change: Change
ariaDescribedBy
prop toariaLabelledBy
.
Tooltip (#833, #842)
- Prevent an unwanted props from showing up in DOM
ExpanderGroup (#834)
- Remove
aria-expanded
from open/close all button
LinkListItem (#831)
- Remove redundant color prop from default icon
StatusText (#840)
- Set icon to render only when component has children
SingleSelect (#842)
- Remove redundant
never
typing fromLoadingProps
- Remove redundant
never
typing fromAllowItemAdditionProps
- Fix filter input value parsing when
items
orselectedItem
prop changes - Add
onChangeWithoutDebounce()
prop. Inteded to be used to set theloading
prop
MultiSelect (#842, #849)
- Fix an issue where the item list of MultiSelect component would be detached from the input field if the dimensions of the container containing the MultiSelect change. This would happen e.g. if using the MultiSelect component inside a Modal component.
- Remove redundant
never
typing fromLoadingProps
- Remove redundant
never
typing fromAllowItemAdditionProps
- Add
onChangeWithoutDebounce()
prop. Inteded to be used to set theloading
prop
DateInput (#844, #816)
- Add
datePickerProps
prop - Add
selected date
or corresponding translation for the selected date button in date picker - Remove redundant aria-attributes from DOM
Notification (#814)
- Make close button optional via
showCloseButton
prop
Dropdown (#841)
- Fix an issue where visible selected value did not get updated when changing application language (DropdownItem visible text changes but value remains the same)
- Add generics support for Dropdown and DropdownItem
VisuallyHidden (#842)
- Fix
forwardedRef
behavior
General (#836, #851)
- Add exports for several types:
TextInputValue
from TextInputPaddingProps
,MarginProps
,SpacingProps
andSpacingWithoutInsetProp
- Minor dependency updates
14.0.0-beta.2
Release notes
Checkbox (#845)
- Breaking change: change disabled variant hint text color to match the label color
DateInput (#844)
- Add
datePickerProps
prop
StatusText (#840)
- Set icon to render only when component has children
Dropdown (#841)
- Fix an issue where visible selected value did not get updated when changing application language (DropdownItem visible text changes but value remains the same)
Tooltip (#842)
- Prevent
onToggleButtonClick
andonCloseButtonClick
props from leaking to DOM
VisuallyHidden (#842)
- Fix
forwardedRef
behavior
Button (#842)
- Remove redundant
never
typing fromLoadingProps
SingleSelect (#842)
- Remove redundant
never
typing fromLoadingProps
- Remove redundant
never
typing fromAllowItemAdditionProps
MultiSelect (#842)
- Remove redundant
never
typing fromLoadingProps
- Remove redundant
never
typing fromAllowItemAdditionProps
14.0.0-beta.1
Release notes
Block (#830)
- Breaking change: Change spacing props to use CSS spaced implementation instead of style prop. This reverts the implementation back to the way it was in library version 12
Button (#832)
- Add
loading
andariaLoadingText
props. Applies a loading spinner to the button and disables it
Tooltip (#833)
- Prevent an unwanted prop from showing up in DOM
ExpanderGroup (#834)
- Remove
aria-expanded
from open/close all button
LinkListItem (#831)
- Remove redundant color prop from default icon
TextInput (#835)
- Breaking change: Remove redundant root level font styles and set line-height to 0 on top level.
- Breaking change: Increase character counter top margin by 1px
Textarea (#835)
- Breaking change: Set the correct bottom margin for the label
- Breaking change: Increase character counter top margin by 1px
Checkbox (#837)
- Fix an issue where checkmark was not visible in disabled state
General (#836)
- Add exports for several types:
TextInputValue
from TextInputPaddingProps
,MarginProps
,SpacingProps
andSpacingWithoutInsetProp