After the upgrade to standard-version@7 on 4/29/20, this page will no longer be maintained. Breaking changes will be marked appropriately in the CHANGELOG

• state prop updated to latest: [error, warning, success, information]

• removed children prop, use value instead

• removed addonBefore prop

• no longer takes a list prop, instead, it takes an options array of shape {key, text}

• no longer takes children, instead, it takes an options array of shape {key, text}

• labelClasses -> labelClassName

• remove validDateLookup module from distribution package

• Fonts are no longer included in each component, follow instruction in readme to include fonts in your own project.
• New peer dependency on @sap-theming/theming-base-content
• Counter
  • moved from Badge folder to Counter folder - import as import { Counter } from 'fundamental-react/Counter'
• Badge, Label
  • removed, use new InfoLabel component
• ActionBar
  • Removed ActionBar.Back, ActionBar.Header, ActionBar.Actions component, now built into ActionBar via props
• Button
  • option=‘light’ to option=‘transparent’

• Modal
  • renamed Dialog
  • removed closeProps
  • actions now required
• Button
  • underlying class name changes
• ButtonGroup
  • classname changed to fd-segmented-button
• Tab
  • remove disabled prop
  • change underlying html - added span around tab text
• Shellbar
  • logo <a> is now <span>
  • added <div> around Identifier component
• Alert
  • renamed MessageStrip
  • classname changes
  • removed Icon from underlying html
• Dropdown
  • renamed Select
  • remove standard prop
• ListGroup
  • renamed “List”
  • classname changes
  • so many changes! basically a new component!
• MultiInput
  • underlying html changes
  • Popover body now built with List component
  • lots of underlying html changes for validation states
  • state prop replaced with validationState - takes object
  • localizedText prop removed
• Combobox Input
  • underlying html changes
  • menu prop renamed list - now takes List component
  • state prop now validationState - takes an object
• FormMessage
  • now a <div> from <span>
• InputGroup
  • state prop now validationState - takes an object
  • underlying html changes to include FormMessage when passed validationState
• SearchInput
  • state prop now validationState - takes an object
  • underlying html changes to include FormMessage when passed validationStatehttps://github.com/SAP/fundamental-react/pull/885
• Toggle
  • renamed to “Switch”
  • removed size options, now use compact property
  • labelProps no longer needed, additional props will be spread to the <label> element
  • underlying html changes - no longer wrapped in FormItem

• Checkbox
  • new children prop
  • value prop changed
  • underlying html has changed significantly
• FormRadioItem
  • underlying html has changed significantly
• FormMessage
  • now an internal component
• FormInput
  • removed state property
  • new validationState property
• FormItem
  • remove isHorizontal prop
  • remove isInline prop (was internal only)
• FormRadioGroup
  • now outputs <div> instead of Fragment
• FormLabel
  • remove isCheckbox prop
  • remove isRadio prop
  • removed isToggle prop

• FormRadioGroup
  • div to Fragment to match html from Fundamental Styles
• FormItem
  • isInline becomes internal only prop as it is only meant for Checkboxes and Radios
• FormRadioItem
  • inline prop becomes internal use only - should only be applied to FormRadioGroup
• InputGroup
  • fixed compact prop so that appropriate fd-input-group__addon—compact class is added to InputGroup.Addon
• MultiInput
  • changed placeHolder prop to placeholder
• FormMessage
  • changed types options: help -> information
• Alert
  • div for text changed to p

• customStyles prop removed from all components
• withStyles wrapper removed from all components

• Modal
  • className prop now adds classes to fd-modal div, backdropClassName adds classes to fd-overlay div, before className added classes to fd-overlay div.

• SideNav
  • Now uses nested-list styles and structure
  • Added utility nav
• Button
  • medium button removed
• Calendar
  • Month and year selectors changed from ul to table
  • Adds role="button" to each selectable calendar item
  • Adds aria-selected attribute to the currently-selected calendar item.

1. Menu

• separator prop and <hr> removed from MenuItem
• separated prop added to MenuList
• addonBefore prop passed down into MenuItem in order to render addon span
• addon node changed to span and is now wrapped within the a

2. Shellbar

• ProductSwitcher renamed to ProductSwitch
• Import ProductSwitch css file
• Removed nav node from ProductSwitch
• Updated classnames in ProductSwitch
• Use glyph in ProductList instead of images