v9.0.0-beta.3

Release notes

Alert & InlineAlert

• Breaking change: InlineAlert now uses fi-inline-alert instead of fi-alert--inline (#644)
• Breaking change: Change label content type from string to ReactNode (#652)
• Fix InlineAlert styles bleeding out to children. (#644)

SingleSelect & MultiSelect

• Breaking change: Change label content type from string to ReactNode (#652)
• Add support for functions as means to provide text content for screen readers in MultiSelect (#649)

Dropdown, SearchInput, TextInput, TextArea, CheckboxGroup, RadiobuttonGroup

• Breaking change: Change label content type from string to ReactNode (#652)

Block

• Add separate props for margin & padding to each side. The props accept suomifi-design-token spacing values (#650)

General changes

• Add 'displayName' property to all components (#643)

Dependencies

• Update suomifi-icons, adding the application-profile icon (#642)
• Remove prettier-check as redundant (#646)
• Overall version updates to dependencies (#647)
• Update suomifi-design-tokens to 4.0.0 (#648)

9.0.0-beta.2

Release notes

RouterLink

• Introduce polymorphic <RouterLink> component
  • Renders as the component of your choice, for example React Router Link but with proper Suomi.fi link styles
  • Full Typescript support for props based on the component passed to asComponent
  • Full theme customisation support through SuomifiThemeProvider

Button

• Breaking Changes:
  • onClick event is now React MouseEvent instead of native MouseEvent
  • KeyboardEvent removed from onClick event type alternative

SingleSelect & MultiSelect

• Prevent event propagation when Escape key is pressed to close the popover
• Prevent event default when pressing Enter key

Dropdown & LanguageMenu

• Prevent event propagation when Escape key is pressed to close the popover

Changelog

Full changelog after previous beta: v9.0.0-beta.1...2ffd6b9

8.0.1

Release notes

SingleSelect & MultiSelect

• Prevent event propagation when Escape key is pressed to close the popover
• Prevent event default when pressing Enter key

Dropdown & LanguageMenu

• Prevent event propagation when Escape key is pressed to close the popover

9.0.0-beta.1

Release notes

Single- & MultiSelect (#626)

• Add possibility to allow user to add their own custom item as the selected item
  • This mode requires a new prop allowItemAddition to be true. A string prop itemAdditionHelpText is then also required
• Fix a bug with keyboard navigation

Tooltip (#635)

• Fix arrow borders visual glitch

Changelog

Full changelog after previous beta: v9.0.0-beta.0...v9.0.0-beta.1

9.0.0-beta.0

Tooltip (#596)

• Introduce Tooltip component

Label (#596, #629)

• Add tooltipComponent, contentClassName, wrapperProps and style props
• Breaking Changes:
  • LabelProps now extend HtmlSpanProps instead of HtmlDivProps
  • Props are passed to inner content wrapper instead of the top most element, except for className and wrapperProps.
  • Remove labelSpanProps
  • ClassName is passed to top most element instead of inner content wrapper
  • Rename main class .fi-label-text to .fi-label
  • Rename class .fi-label-text_optionalText to .fi-label_optional-text

Notification (#617)

• Breaking change: Rehaul accessibility features
  • Remove ariaLiveMode prop
  • Add role="region" for the main container
  • Add regionAriaLabel prop

CheckboxGroup (#624)

• Add groupStatus and groupStatusText props.

LoadingSpinner (#607)

• Introduce LoadingSpinner component

Full changelog

v8.0.0...v9.0.0-beta.0

8.0.0

Release notes

MultiSelect (#600, #603)

• Add optional prop disabled
• Use internal <InputToggleButton> component to display the caret icon.
  • This adds a new behavior to MultiSelect: the popover can now be closed (in addition to opening) by pressing the caret icon
• Change cursor from default to pointer in popover item list

Dropdown (#600)

• Change cursor from default to pointer in popover item list

SingleSelect (#600, #603, #614)

• Change cursor from default to pointer in popover item list
• Fix issue regarding controlled state nullification
• Add optional prop onClearSelection()
• Add optional prop disabled

Expander group (#604)

• Fix CSS selector which targeted all .fi-icon elements inside the component and determined their color

ToggleButton (#609)

• Remove white background color

Link (#611)

• Breaking change: Fix CSS specificity issue which caused unpredictable component styling

ExternalLink (#622)

• Breaking change: labelNewWindow no longer required or allowed when toNewWindow is set to false

Checkbox (#616)

• Breaking change: Fix issue with label vertical alignment

Chip (#618)

• Remove duplicate CSS
• Move focus related styling inside .fi-chip class

RadioButton (#602, #613)

• Decrease font size of label from 18px to 16px.
• Add white background to RadioButton icon

RadioButtonGroup (#602)

• Breaking change: Rename hintText prop to groupHintText.
• Update spacings to match with the design.
• New optionalText prop added.

General changes (#612, #615, #623, #627)

• Update suomifi-icons version to 6.2.0
• Delete redundant suomifi-ui-components.png file from project root

• Improve API documentation readability in Styleguidist
• Remove subsections from Styleguidist components menu and put all components under one heading
• Order components alphabetically in Styleguidist menu

Full changelog

v7.0.0...v8.0.0

8.0.0-beta.1

Release notes

RadioButton (#602)

• Decrease font size of label from 18px to 16px.

RadioButtonGroup (#602)

• Breaking change: Rename hintText prop to groupHintText.
• Update spacings to match with the design.
• New optionalText prop added.

ExternalLink (#622)

• Breaking change: labelNewWindow no longer required or allowed when toNewWindow is set to false

General changes (#623, #627)

• Improve API documentation readability in Styleguidist
• Remove subsections from Styleguidist components menu and put all components under one heading
• Order components alphabetically in Styleguidist menu

8.0.0-beta.0

Release notes

MultiSelect (#600, #603)

• Add optional prop disabled
• Use internal <InputToggleButton> component to display the caret icon.
  • This adds a new behavior to MultiSelect: the popover can now be closed (in addition to opening) by pressing the caret icon
• Change cursor from default to pointer in popover item list

Dropdown (#600)

• Change cursor from default to pointer in popover item list

SingleSelect (#600, #603, #614)

• Change cursor from default to pointer in popover item list
• Fix issue regarding controlled state nullification
• Add optional prop onClearSelection()
• Add optional prop disabled

Expander group (#604)

• Fix CSS selector which targeted all .fi-icon elements inside the component and determined their color

ToggleButton (#609)

• Remove white background color

Link (#611)

• Breaking change: Fix CSS specificity issue which caused unpredictable component styling

RadioButton (#613)

• Add white background to RadioButton icon

Checkbox (#616)

• Breaking change: Fix issue with label vertical alignment

Chip (#618)

• Remove duplicate CSS
• Move focus related styling inside .fi-chip class

Misc (#612, #615)

• Update suomifi-icons version to 6.2.0
• Delete redundant suomifi-ui-components.png file from project root

7.0.0

Release notes

This version contains the changes in the recent betas. Details below.

Important! This version does not yet fully support React 18 due to issues with some dependencies. Known issues concern at least the Dropdown component.

Change log

Components

CheckboxGroup (#593)

• Add Checkboxgroup component.

LogoIcon (#577)

• Introduce LogoIcon component

Chip & StaticChip (#583, #589)

• Breaking change: Add support for multiline content and remove ellipsis
• Update StaticChip props to extend span props

Notification (#587, #595)

• Fix button styling and clean up internal structure
• Add whiteBase as default background color

Alert (#564)

• Breaking change: Change internal structure and styling

InlineAlert (#564)

• Add smallScreen prop
• Remove icon from neutral variant

MultiSelect (#579)

• Improve API documentation concerning onItemSelectionsChange event.
• Improve behaviour with asynchronous content

SingleSelect (#580, #586)

• Fix bug where list didn't open from clicking field after user removed selection once.
• Improve behaviour with asynchronous content

Link (#582)

• Fix example where as prop was used instead the asProp

ExternalLink (#582)

• Fix logic of labelNewWindow prop when used with toNewWindow prop.

Checkbox (#593)

• Breaking change Update Checkbox label's font size to be smaller

Toast (#595)

• Add whiteBase as default background color

Textarea (#595)

• Add background color for the input element

baseStyle changes (#576)

Breaking changes:
Following components had their baseStyle changed a little by moving the styles to top level (root). Actual styling should not have been changed on purpose. These might cause changes in services using the library if the previous styles was used for overriding some of the default styles.

• BaseChip
• Breadcrumb
• BreadcrumbLink
• Button
• Chip
• Dropdown
• Expander
• ExpanderContent
• ExpanderTitle
• ExpanderTitleButton
• FilterInput
• Hintext
• HintText
• Icon
• InputClearButton
• InputToggleButton
• Modal
• ModalTitle
• RadioButton
• SearchInput
• Select
• StaticIcon
• StatusText
• Textarea
• TextInput
• Toggle

General

Bugfixes

• Fix typo in documentation
• Fix class name disparity when using SSR

Logger (#563)

• Breaking change Fix logger. No longer using environment variables.
• Add Logger util

Dependencies (#577, #581, #598)

• Update suomifi-icons to 6.1.0
• Update vulnerable dependencies
• Resolve babel-plugin-styled-components version to 2.0.7

7.0.0-beta.2

Release notes

Notification

• Fix button styling and clean up internal structure (#587)
• Add whiteBase as default background color (#595)

StaticChip

• Update props to extend span props (#589)

CheckboxGroup

• Add Checkboxgroup component. (#593)

Checkbox

• Update Checkbox label's font size to be smaller (#593)

Toast

• Add whiteBase as default background color (#595)

Textarea

• Add background color for the input element (#595)

Dependencies

• Resolve babel-plugin-styled-components version to 2.0.7 (#598)