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)

10.0.1

Release notes

Dropdown (#717)

• Fix an issue with multiple "active" looking items appearing in the popover list. Keyboard and mouse navigation now use the same underlying logic and state

Full changelog

v10.0.0...v10.0.1

10.0.0

Release notes

Dropdown (#696, #709, #714)

• Breaking change: Completely rewrite the component without using ReachUI dependency. Component now works with React 18
  • Remove props dropdownButtonProps and dropdownPopoverProps (these were provided by Reach)
  • Change ref type from HtmlDivElement to HtmlButtonElement
  • Add boolean prop portal which defaults to true. Controls whether the popover is rendered in a React portal
  • Add props status, statustext and hintText. These are familiar from the library's other form components
  • Add onBlur() prop
  • Add boolean prop fullWidth which makes the component fill its parent horizontally
  • Add prop wrapperProps which accepts HTML div attributes including data-attributes
  • All other props (for example data-testid) are now placed to the component's interactive <button> element instead of the outermost div
  • Adjust the component's visual appearance so that it is in line with <SingleSelect> and <MultiSelect>

SuomifiTheme (#690)

• Breaking change: Rename token categories
  • focus ---> focuses
  • radius ---> radiuses
• Visual breaking change: update blackBase color from hsl(0, 0%, 16%) to hsl(0, 0%, 13%)
• Refactor underlying implementation to use suomifi-design-tokens package for all tokens

Label (#698)

• Breaking change: Change wrapperProps prop typing to include data-attributes (e.g. data-testid)

SearchInput (#698)

• Breaking change: Change wrapperProps prop typing to include data-attributes (e.g. data-testid)

TextInput (#698)

• Breaking change: Change wrapperProps prop typing to include data-attributes (e.g. data-testid)

Modal (#708)

• Breaking change: Removed class .fi-modal_title--no-scroll from non-scrollable dialog to unify heading margin heights for scrollable and non-scrollable modal

Expander, ExpanderGroup (#704, #705)

• Visual breaking change: Remove shadows, add border, add hover styles
• Fix bug with Safari where Expander content was invisible when printing

InlineAlert (#689, #697)

• Visual breaking change: Content will now take up all available space
• Visual breaking change: Add 1px visual border

Alert (#697)

• Visual breaking change: Add 1px visual border

Tooltip (#686)

• Visual breaking change: Change close button size and appearance

MultiSelect (#671, #692, #683)

• Breaking change: Remove redundant null from possible parameters in onItemSelect() prop
• Fix NVDA aria-live reading for ariaOptionsAvailableText
• Add support for loading state

SingleSelect (#683, #692)

• Fix NVDA aria-live reading for ariaOptionsAvailableText
• Add support for loading state

DateInput (#684, #693, #707, #713)

• Introduce DateInput component

CheckboxGroup (#699)

• Fix missing margin of hintText on Safari

RadioButtonGroup (#699)

• Fix missing margin of hintText on Safari

Misc

• Bump minimist from 1.2.5 to 1.2.8 (#695)

Full changelog

Full changelog: v9.1.0...v10.0.0