v4.0.0-beta.8

Modal

• ModalContent: Add scroll-padding-bottom and -top default styles

• Fix Modal issue with Safari and VoiceOver when using components with popups.

• Change Modal max-width to be 100%.

Button

Remove tabIndex for disabled button

Dropdown

• Change default display css value to inline-block
• Fix Dropdown focus issue when focus escapes if tab is pressed while Dropdown is open. Now focus returns to Dropdown instead of browser default.

Expander

ExpanderTitle Change title content display css value to inline-block.

TextInput

Change input element display to inline-block and width to 100% by fixing internal class name issue

Chip

Soft disable support for Chip

MultiSelect (Combobox)

• Combobox is now renamed to be MultiSelect
• ariaSelectedAmountText prop for Combobox
• Focus handling logic added when removing selections with the chips
• Uses the chips now with soft disable to allow screenreaders users to see the disabled items

Update dependencies

• Patches to vulnerabilities in dev dependencies

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

Vulnerability patches

Updates some dev dependencies in order to patch vulnerabilities in transitive dependencies.

v4.0.0-beta.6

Heading (#454 )

Breaking changes

• Static variants removed. Use variant prop instead.
• 'asProp' prop removed. Use 'as' instead.

Other changes

• Fixed a bug where API descriptions were in wrong order

Expander (#452)

ExpanderGroup

• Performance improvements

Expander

• Breaking change, undocumented consumer prop removed from public API
• Style fixes for fonts

Text (#456)

• Fix broken color prop

Combobox

• ChipList no longer takes the space when no items is shown
• ChipList content classname changed from fi-chip-list_wrapper to fi-chip-list_content_wrapper

Documentation (#455)

README.md, DEVELOPMENT.md, CONTRIBUTING.md and FAQ.md were updated to better reflect current state.

v4.0.0-beta.5

Combobox

• Item colors changed according the new decisions of styling them
• Fix to controlled item logic when acquiring changed items

Modal and Combobox RFC + other fixes/improvements

General

• suomifi-design-tokens dependency updated to latest available
• uuid removed from dependencies

Button

• Button secondaryNoBorder variant hover styles changed
• Fix link button background gradient direction

Chip

• Breaking changes: as prop is now removed
• Remove icon is now properly aligned in Safari

Modal

• Remove non-working NVDA cursor escape fix and improve styles

TextInput & SearchInput

• Prevent debounce prop from passing onto the input element

Combobox

• Fix for controlled state
• controlledItems prop renamed to selectedItems
• "Remove all" button
  • hiding logic added
  • Uses the link Button as in the design
• Fix the icon from preventing the selection on first click

SSR id fix, Modal & Combobox RFC version

Bug Fixes

• Fix AutoId SSR issue and return children always, also on server but with empty string as id. #445

Modal, new component

• Add Modal dialog component with small screen and scrolling support. #444

Combobox

• Logic for controlled items
  • New props: controlledItems, onItemSelect and onRemoveAll
    (props names are subject to change)

Combobox RFC version

Combobox

• Improved the logic to detect changed items-prop
• New required field, uniqueItemId, added for ComboboxData
  • Previously labelText was used to identify unique items, but now this is the unique id that item should have. It should be always same and not changing every render, to be e.g id from database.

Combobox & ref RFC version

Release notes

• Update vulnerable transitive dependencies and remove redundant TSDX/Immer resolution
• Fix AutoId code style issue

Combobox

• Caret icon should no longer block the click to open it
• Scroll for itemlist
  • Known issue with the keyboard focus; visually not looking as wanted as it is left behind
• status & statusText props added
• onChange prop added
• debounce prop added
• aria changes to work better with screenreader

ref

Added ref prop for: Button, Checkbox, Chip, Dropdown, RadioButton, TextInput, Textarea and Toggle

Button

• Breaking change: static variants no longer available. Use variant prop instead.

Checkbox

• Breaking change: static variants no longer available. Use variant prop instead.

Chip

• Breaking change: component split into two different components, Chip and StaticChip. Old static variants are no longer in use.

Combobox RFC version

This beta release contains the first public draft of the Combobox component. The component still has some issues with NVDA, but most of the functionalities are in place.

Changes

Combobox

• Combobox RFC version added

Toggle

• Breaking Changes:
  • Changed:
    • ToggleButton onClick parameter type is now boolean instead of { toggleState: boolean }
  • Removed:
    • variant support. <Toggle.withInput> no longer work. Use ToggleButton and ToggleInput components instead.
    • toggleInputProps
    • toggleInputComponent
    • onClick from ToggleInput, use onChange instead
• Additional props are now passed for button and input elements.
• Added support for wrapperProps to support styling better.
• Added support for AutoId to support Server Side Rendering

Text Input

• Breaking changes
  • inputContainerProps renamed to wrapperProps
  • Error and success status border width now 2px

Icons

• Breaking changes:
  • StaticIcon and ComponentIcon class name changes
• New icons and colour fixes for Icon and StaticIcon. StaticIcon now supports highlight colour.
• Fixes for Toggle and RadioButton icons

Tokens

• Breaking Changes:
  • Tokens prop is now removed from all components