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

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