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

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

14.0.0-beta.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

Button (#807)

• Breaking change: Adjusted paddings to accommodate use with only icon and no content
• Breaking change: ButtonProps now require either children or aria-label

ActionMenu (#807)

• Breaking change: Remove redundant custom styling via "icon only" class

Button, Actionmenu (#817)

• 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 (#809)

• Breaking change: Change styling of the checked state and focus indicator

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.

SingleSelect (#824)

• Fix filter input value parsing when items or selectedItem prop changes
• Add onChangeWithoutDebounce() prop. Inteded to be used to set the loadingprop

MultiSelect (#824)

• Add onChangeWithoutDebounce() prop. Inteded to be used to set the loadingprop

Notification (#814)

• Make close button optional via showCloseButton prop

Dropdown (#802)

• Add generics support for Dropdown and DropdownItem

v13.0.1

Release notes

• Fixed unintended changes to callback function typings in several components (#828)

13.0.0

Release notes

TimeInput (#782)

• Introduce the TimeInput component

Block (#755)

• Breaking change: changed implementation of margins and spacing from CSS-based styles to style-attribute

Paragraph (#755)

• Breaking change: changed implementation of margin from CSS-based styles to style-attribute
• Breaking change: marginBottomSpacing prop is replaced by mb
• New props margin, mx, my, mt, mr, mb, ml

ExpanderTitle (#776)

• Breaking change: Combine ariaOpenText and ariaCloseText props to toggleButtonAriaLabel

ExpanderGroup (#777)

• Breaking change: openAllText and closeAllText are optional when showToggleAllButton is set to false

LanguageMenu (#783)

• Breaking change:: Change the popover width to match the width of the widest element in the list

Modal (#793)

• Breaking change: Decrease padding of smallScreen variant

LanguageMenu (#795)

• Breaking change: Change buttonText prop type from string to ReactNode
• Breaking change: Remove** wrapperProps and forward style prop to the outer wrapper
• Props now extend ButtonProps

Alert, InlineAlert (#796, #797)

• Breaking change: update styles to match new designs

Notification (#796)

• Breaking change: update styles to match new designs
• Breaking change: closeButtonProps are now of type ButtonProps

Dropdown, ActionMenu (#788)

• Breaking change: Remove** wrapperProps and forward style prop to the outer wrapper
• Props now extend ButtonProps

DateInput, Label, SearchInput, TextInput (#788)

• Breaking change: Remove** wrapperProps and forward style prop to the outer wrapper

ToggleButton, ToggleInput (#788)

• Breaking change: Remove toggleWrapperProps property and forward style prop to the outer wrapper

Textarea (#788)

• Breaking change: Remove containerProps property and forward style prop to the outer wrapper

DateInput (#782)

• Add onDatePickerButtonBlur() prop

SingleSelect (#773)

• Fix input to show updated value when item array is changed externally

ActionMenuDivider (#779)

• Improve HTML structure

DropdownItem (#788)

• Props now extend HTML li element props

Expander, ExpanderGroup, ExpanderTitleButton, MultiSelect, , SingleSelect, LoadingSpinner, ServiceNavigation, SideNavigation, WizarNavigation, Toast (#788)

• Props now extend HTML div element props

Checkbox, RadioButton (#788)

• Props now extend HTML input element props

Pagination (#788)

• Props now extend general HTML element props

Tooltip (#788)

• Props now extend HTML button element props

General

• New props margin, mx, my, mt, mr, mb, ml to following components (#755)
  • ActionMenu
  • Alert
  • BreadCrumb
  • Button
  • Checkbox
  • CheckboxGroup
  • Chip
  • DateInput
  • Dropdown
  • Expander
  • ExpanderGroup
  • ExternalLink
  • Heading
  • HintText
  • InlineAlert
  • Label
  • LanguageMenu
  • Link
  • LinkList
  • LoadingSpinner
  • MultiSelect
  • Notification
  • Pagination
  • RadioButton
  • RadioButtonGroup
  • RouterLink
  • SearchInput
  • ServiceNavigation
  • SideNavigation
  • SingleSelect
  • StaticChip
  • StatusText
  • Text
  • Textarea
  • TextInput
  • Toast
  • ToggleButton
  • ToggleInput
  • Tooltip
  • WizardNavigation
• Breaking change: Update suomifi-design-tokens to 6.0.0 (#796)
  • Contains some color changes
• Breaking change: style prop is now forwarded to the outermost wrapper in all components (#788)
• Update suomifi-icons to 7.2.0 (#808)
• Update @babel/runtime to 7.23.5 (#808)
• Update various devDependencies (#808)
• Add export for characterCounterProps (#803)
• Documentation on accessibility support, and how the accessibility of components was tested (#781)
• Various documentation improvements
• Internal tools: switch from Yarn to NPM (#767)

12.0.3

Release notes

LoadingSpinner (#805)

• Fix ref/forwardedRef functionality

v13.0.0-beta.1

Release notes

General (#796, #788)

• Breaking change: Update suomifi-design-tokens to 6.0.0
  • Contains some color changes
• Style prop is forwarded to the outermost wrapper in all components
• Documentation improvements

Modal (#793)

• Breaking change: Decrease padding of smallScreen variant

LanguageMenu (#795)

• Breaking change: Change buttonText prop type from string to ReactNode
• Breaking change: Remove** wrapperProps and forward style prop to the outer wrapper
• Props now extend ButtonProps

Alert, InlineAlert (#796, #797)

• Breaking change: update styles to match new designs

Notification (#796)

• Breaking change: update styles to match new designs
• Breaking change: closeButtonProps are now of type ButtonProps

Dropdown, ActionMenu (#788)

• Breaking change: Remove** wrapperProps and forward style prop to the outer wrapper
• Props now extend ButtonProps

DateInput, Label, SearchInput, TextInput (#788)

• Breaking change: Remove** wrapperProps and forward style prop to the outer wrapper

ToggleButton, ToggleInput (#788)

• Breaking change: Remove toggleWrapperProps property and forward style prop to the outer wrapper

Textarea (#788)

• Breaking change: Remove containerProps property and forward style prop to the outer wrapper

DropdownItem (#788)

• Props now extend HTML li element props

Expander, ExpanderGroup, ExpanderTitleButton, MultiSelect, , SingleSelect, LoadingSpinner, ServiceNavigation, SideNavigation, WizarNavigation, Toast (#788)

• Props now extend HTML div element props

Checkbox, RadioButton (#788)

• Props now extend HTML input element props

Pagination (#788)

• Props now extend general HTML element props

Tooltip (#788)

• Props now extend HTML button element props

TimeInput (#794, #798)

• Remove wrapperProps and place the generic style attribute to the outermost div element of the component
• Change width: 290px to max-width: 290px

12.0.2

Release notes

Alert, InlineAlert

• Fix ref/forwardedRef functionality

13.0.0-beta.0

Release notes

TimeInput (#782)

• Introduce the TimeInput component

DateInput (#782)

• Add onDatePickerButtonBlur() prop

SingleSelect (#773)

• Fix input to show updated value when item array is changed externally

Block (#755)

• Breaking change: changed implementation of margins and spacing from CSS-based styles to style-attribute

Paragraph (#755)

• Breaking change: changed implementation of margin from CSS-based styles to style-attribute
• Breaking change: marginBottomSpacing prop is replaced by mb
• New props margin, mx, my, mt, mr, mb, ml

ExpanderTitle (#776)

• Breaking change: Combine ariaOpenText and ariaCloseText props to toggleButtonAriaLabel

ExpanderGroup (#777)

• openAllText and closeAllText are optional when showToggleAllButton is set to false

ActionMenuDivider (#779)

• Improve HTML structure

LanguageMenu (#783)

• Breaking change:: Change the popover width to match the width of the widest element in the list

General

• New props margin, mx, my, mt, mr, mb, ml to following components (#755)
  • ActionMenu
  • Alert
  • BreadCrumb
  • Button
  • Checkbox
  • CheckboxGroup
  • Chip
  • DateInput
  • Dropdown
  • Expander
  • ExpanderGroup
  • ExternalLink
  • Heading
  • HintText
  • InlineAlert
  • Label
  • LanguageMenu
  • Link
  • LinkList
  • LoadingSpinner
  • MultiSelect
  • Notification
  • Pagination
  • RadioButton
  • RadioButtonGroup
  • RouterLink
  • SearchInput
  • ServiceNavigation
  • SideNavigation
  • SingleSelect
  • StaticChip
  • StatusText
  • Text
  • Textarea
  • TextInput
  • Toast
  • ToggleButton
  • ToggleInput
  • Tooltip
  • WizardNavigation
• Internal tools: switch from Yarn to NPM (#767)
• Documentation on accessibility support, and how the accessibility of components was tested (#781)

12.0.1

Release notes

LinkListItem (#784)

• Fix icon prop rendering