12.0.0

Release notes

General

• Breaking change: Library no longer exports main.css file. Import line for main.css should be removed
  Main.css file contained styles for Reach-dependency that is now removed (#722)
• Improve support for Windows High Contrast Mode (#743)
• Remove ReachUI dependency from the project (#722)
• Update Styleguidist menu structure and add general library usage documentation to Styleguidist (#751)
• Enhance prop descriptions across all components of the library and adjust Styleguidist code block styles (#757)
• Update suomifi-icons to 7.1.0 (#768)
• Update Styleguidist component pages and code examples (#766)

RouterLink (#710)

• Breaking change: Add .fi-link class to the component and use it for styling like in other link components
• Add smallScreen prop to allow smaller font size (16px) where needed

Button

• Breaking change: Rename variant link to secondaryLight (#742)
• Fix icon vertical alignment (#770)

LanguageMenu (#722)

• Breaking change: Completely rewrite the component without using ReachUI dependency
  • Rename prop name to buttonText and change its type from any to string. This name better describes its purpose
  • Add mandatory prop aria-label to inform assistive technologies about usage of LanguageMenu
  • Remove props languageMenuButtonClassName and languageMenuOpenButtonClassName
  • Add mandatory lang prop to <LanguageMenuItem>
  • Remove child element <LanguageMenuLink>. All children should now be <LanguageMenuItem>s with an onSelect() handler
  • Add props onBlur(), onClick(), onOpen() and onClose()
  • Add prop wrapperProps which accepts React.HTMLAttributes and is placed to the outermost div of the component
  • Introduce high contrast mode improvements

LinkList (#710)

• Introduce <LinkList> component

ActionMenu (#734)

• Introduce <ActionMenu> component

Link & ExternalLink (#710)

• Add smallScreen prop to allow smaller font size (16px) where needed.
• Add option for bulleted variant via variant prop

TextInput, Textarea (#752)

• Add character counter functionality

SingleSelect, MultiSelect (#753)

• Add optional property listProps for passing data-attributes to unordered list element
• Add optional property listItemProps for passing data-attributes to list items

DateInput (#761)

• Fix ref

Breadcrumb (#771)

• Fix underline prop behavior

Dependencies (#762)

• Update dependencies

12.0.0-beta.2

Release notes

General

• Update suomifi-icons to 7.0.1

11.0.1

Release notes

• Update suomifi-icons to 7.0.1

12.0.0-beta.1

Release notes

General (#751 )

• Update Styleguidist menu structure and add general library usage documentation to Styleguidist

TextInput, Textarea (#752)

• Add character counter option and examples

SingleSelect, MultiSelect (#753)

• Add optional property listProps for passing data-attributes to unordered list element
• Add optional property listItemProps for passing data-attributes to list items

12.0.0-beta.0

Release notes

This major pre-release removes Reach UI dependency and makes the library compatible with React 18. LanguageMenu component is rewritten to remove the dependency.

General changes (#722, #743)

• Breaking change: Library no longer exports main.css file. Import line for main.css should be removed. Main.css file contained styles for Reach UI dependency that is now removed.
• Windows high contrast mode fixes
  • Add focus indicator and makes buttons and borders visible for Windows HCM. Minor internal CSS changes to:
    • Alert, Button, Chip, Dropdown, Expander, ExpanderGroup, Checkbox, CheckboxGroup, DateInput, RadioButton, SearchInput, MultiSelect, SingleSelect, TextInput, TextArea, Toggle, Link, SkipLink, RouterLink, Modal, ServiceNavigation, SideNavigation, WizardNavigation, Notification, Pagination, Tooltip

LanguageMenu (#722)

• Breaking change: Completely rewrite the component without using ReachUI dependency
  • Rename prop name to buttonText and change its type from any to string. This name better describes its purpose
  • Add mandatory prop aria-label to inform assistive technologies about usage of LanguageMenu
  • Remove props languageMenuButtonClassName and languageMenuOpenButtonClassName
  • Add mandatory lang prop to <LanguageMenuItem>
  • Remove child element <LanguageMenuLink>. All children should now be <LanguageMenuItem>s with an onSelect() handler
  • Add props onBlur(), onClick(), onOpen() and onClose()
  • Add prop wrapperProps which accepts React.HTMLAttributes and is placed to the outermost div of the component
  • Introduce high contrast mode improvements

Button (#742)

• Breaking change: Rename variant link to secondaryLight

RouterLink (#710)

• Breaking change: Add .fi-link class to the component and use it for styling like in other link components
• Add smallScreen prop to allow smaller font size (16px) where needed.

Link, ExternalLink (#710)

• Add smallScreen prop to allow smaller font size (16px) where needed.
• Add option for bulleted variant via variant prop

ActionMenu (#734)

• Introduce new ActionMenu component

LinkList, LinkListItem (#710, #749)

• Introduce new LinkList and LinkListItem components

Dependencies (#722)

• Remove Reach UI dependency from the project

Full changelog

v11.0.0...v12.0.0-beta.0

11.0.0

Release notes

This major release changes how icons are used in the suomifi-ui-components library. Icon component is removed and icons are imported as individual components. This adds support for tree-shaking to minimize bundle sizes.

General changes (#685, #726)

• Breaking change: All icon props now take a ReactElement as value instead of a string.
• Library's documentation (Styleguidist) updated to support versioning
  • previous major release documentation available from Versions page (10.0.4)

Icon (#685)

• Breaking change: Icon component is removed and no longer available through suomifi-ui-components. Icons are imported individually either from suomifi-icons or through suomifi-ui-components

Dependencies (#685)

• Update suomifi-icons to 7.0.0

Full changelog

• v10.0.4...v11.0.0

11.0.0-beta.0

Release notes

General changes

• Breaking change: All icon props now take a ReactElement as value instead of a string

Icon

• Breaking change: Icon component is removed and no longer available through suomifi-ui-components. Icons are imported individually either from suomifi-icons or through suomifi-ui-components

Dependencies

• Update suomifi-icons to 7.0.0

Full changelog

• v10.0.4...v11.0.0-beta.0

10.0.4

Release notes

Dropdown (#738 )

• Allow a nested array as children
• Remove deprecated NVDA fix with visually hidden display value text

Full changelog

v10.0.3...v10.0.4

10.0.3

Release notes

Dropdown (#730)

• Fix a bug where selected item text did not correctly appear in Dropdown button

Pagination (#731, #732)

• Fix bug in page input verification. Input containing non-numeric characters, but starting with number caused NaN error.

Full changelog

v10.0.2...v10.0.3

10.0.2

Release notes

Dropdown (#721)

• Fix an issue where setState was sometimes called when the component was unmounted (#720)