v4.0.0-beta.7

Modal

• Fixes for Modal Accessibility with mobile devices

• Breaking change: custom className is now passed onto outermost content container instead of component root

• Initial focus is now in title

• Refactor Modal to use react-modal under the hood

• Fix ModalTitle focus styles

• Breaking changes

  These changes can be considered breaking for beta releases

  • props no longer extend div props
  • usePortal prop is removed
  • style and appElementId props added

Expander

ExpanderGroup

• Breaking change: Rename props OpenAllText, AriaOpenAllText, CloseAllText, AriaCloseAllText => openAllText, ariaOpenAllText, closeAllText, ariaCloseAllText,
• Add aria-expanded attribute for Open/Close all button

ExpanderTitleButton

• Breaking change: remove ariaOpenText and ariaCloseText props

ExpanderTitle

• Breaking change: Add required toggleButtonAriaDescribedBy prop

ExpanderContent

• Fix expander content height and overflow styles

TextInput, TextArea, Checkbox, SearchInput

• Status text now has aria-live="assertive" by default. This can be changed via statusTextAriaLiveMode prop.
• Status texts now have aria-atomic set to true

Combobox

• Fix to selected items logic
• aria-multiselectable, aria-owns, aria-controls added
• Fix unwanted splitting of text in items
• Added className for styling the highlighting of filter query, instead of just using mark tag
• JSDoc improvements of the props
• Rename emptyItemsLabel prop to noItemsText
• Added controlled example in styleguidist
• Change typing of onChange prop
• Fix item structure to work better with mobile devices
• Change aria-selected to be always present for items
• Fix mouse click bug that prevented popover from closing
• chipActionLabel prop renamed to ariaChipActionLabel

Heading

• Add ref support

Dependencies

• Breaking changes: Reach-ui peer dependency versions upgraded.
• Suomifi-design-tokens updated to 3.1.1