Skip to content

12.0.0-beta.0

Pre-release
Pre-release
Compare
Choose a tag to compare
@jenkrisu jenkrisu released this 04 Jul 13:02
· 722 commits to develop since this release
v12.0.0-beta.0
965b436
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

This major pre-release removes Reach UI dependency and makes the library compatible with React 18. LanguageMenu component is rewritten to remove the dependency.

General changes (#722, #743)

  • Breaking change: Library no longer exports main.css file. Import line for main.css should be removed. Main.css file contained styles for Reach UI dependency that is now removed.
  • Windows high contrast mode fixes
    • Add focus indicator and makes buttons and borders visible for Windows HCM. Minor internal CSS changes to:
      • Alert, Button, Chip, Dropdown, Expander, ExpanderGroup, Checkbox, CheckboxGroup, DateInput, RadioButton, SearchInput, MultiSelect, SingleSelect, TextInput, TextArea, Toggle, Link, SkipLink, RouterLink, Modal, ServiceNavigation, SideNavigation, WizardNavigation, Notification, Pagination, Tooltip

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

Button (#742)

  • Breaking change: Rename variant link to secondaryLight

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.

Link, ExternalLink (#710)

  • Add smallScreen prop to allow smaller font size (16px) where needed.
  • Add option for bulleted variant via variant prop

ActionMenu (#734)

  • Introduce new ActionMenu component

LinkList, LinkListItem (#710, #749)

  • Introduce new LinkList and LinkListItem components

Dependencies (#722)

  • Remove Reach UI dependency from the project

Full changelog

v11.0.0...v12.0.0-beta.0

Assets 2
Loading