Skip to content

Releases: vrk-kpa/suomifi-ui-components

Hotfix - Dropdown and Select accessibility

28 Nov 11:49
c645c86
Compare
Choose a tag to compare

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

20 Sep 11:21
51429d4
Compare
Choose a tag to compare

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 and groupStatusText 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

  • Add fullWidth prop (#859)
  • Fix accessibility issues related to Windows high contrast mode (#855)

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

18 Sep 12:28
ad572fa
Compare
Choose a tag to compare

Release notes

General

  • Patch vulnerable dependencies (#879)

ExpanderContent

  • Remove open animation and transition styles (#879)

15.0.0-beta.3

12 Sep 06:57
e6d5d4f
Compare
Choose a tag to compare
15.0.0-beta.3 Pre-release
Pre-release

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 Aug 08:06
9a4d240
Compare
Choose a tag to compare
15.0.0-beta.2 Pre-release
Pre-release

Release notes

FileInput (#869)

  • Fix multifile list styles

15.0.0-beta.1

14 Aug 13:41
ccf3e25
Compare
Choose a tag to compare
15.0.0-beta.1 Pre-release
Pre-release

Release notes

FileInput (#867)

  • Fix onChange behavior in controlled state
  • Fix file item text styles

Dependencies

  • Update @types/react to 18.3.3 (#866)

15.0.0-beta.0

27 Jun 12:57
d90c14a
Compare
Choose a tag to compare
15.0.0-beta.0 Pre-release
Pre-release

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

19 Apr 12:34
a613191
Compare
Choose a tag to compare

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 or aria-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 and ariaLoadingText props. Applies a loading spinner to the button and disables it
  • Remove redundant never typing from LoadingProps

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 to ariaLabelledBy.

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 from LoadingProps
  • Remove redundant never typing from AllowItemAdditionProps
  • Fix filter input value parsing when items or selectedItem prop changes
  • Add onChangeWithoutDebounce() prop. Inteded to be used to set the loadingprop

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 from LoadingProps
  • Remove redundant never typing from AllowItemAdditionProps
  • Add onChangeWithoutDebounce() prop. Inteded to be used to set the loadingprop

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 TextInput
    • PaddingProps, MarginProps, SpacingProps and SpacingWithoutInsetProp
  • Minor dependency updates

14.0.0-beta.2

04 Apr 07:58
6b3ca03
Compare
Choose a tag to compare
14.0.0-beta.2 Pre-release
Pre-release

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 and onCloseButtonClick props from leaking to DOM

VisuallyHidden (#842)

  • Fix forwardedRef behavior

Button (#842)

  • Remove redundant never typing from LoadingProps

SingleSelect (#842)

  • Remove redundant never typing from LoadingProps
  • Remove redundant never typing from AllowItemAdditionProps

MultiSelect (#842)

  • Remove redundant never typing from LoadingProps
  • Remove redundant never typing from AllowItemAdditionProps

14.0.0-beta.1

15 Mar 14:32
f289558
Compare
Choose a tag to compare
14.0.0-beta.1 Pre-release
Pre-release

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 and ariaLoadingText 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 TextInput
    • PaddingProps, MarginProps, SpacingProps and SpacingWithoutInsetProp