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)