Skip to content

9.0.0
Compare
Choose a tag to compare
@riitasointi riitasointi released this 20 Sep 06:39
· 1340 commits to develop since this release
v9.0.0
2dea86f
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

Release notes

Tooltip & Label (#596)

  • Introduce Tooltip component
  • Label component
    • Add tooltipComponent, contentClassName, wrapperProps and contentStyle 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

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

Label (#629)

  • Breaking changes:
    • Rename main class .fi-label-text to .fi-label
    • Rename class .fi-label-text_optionalText to .fi-label_optional-text

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

MultiSelect (#649)

  • Add new props: ariaOptionsAvailableTextFunction , ariaOptionChipRemovedTextFunction and ariaSelectedAmountTextFunction

RouterLink (#634)

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

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

Icon (#642)

  • Add application-profile icon

Block (#650)

  • Add separate props for margin & padding to each side. The props accept suomifi-design-token spacing values.
    • mt (margin-top)
    • mr (margin-right)
    • mb (margin-bottom)
    • ml (margin-left)
    • mx (margin-left & margin-right)
    • my (margin-top & margin-bottom)
    • pt (padding-top)
    • pr (padding-right)
    • pb (padding-bottom)
    • pl (padding-left)
    • px (padding-left & padding-right)
    • py (padding-top & padding-bottom)

InlineAlert (#644)

  • Breaking change: InlineAlert now uses .fi-inline-alert instead of .fi-alert--inline
  • Fix InlineAlert styles bleeding out to children

Dropdown, CheckboxGroup, RadiobuttonGroup, FilterInput, SearchInput, MultiSelect, SingleSelect, TextInput, TextArea (#652)

  • Breaking change: Change label content type from string to ReactNode

Misc (#643), (#647), (#648)

  • Add the displayName property to all components
  • Update third party dependencies
  • Update suomifi-design-tokens version to 4.0.0
Assets 2
Loading