-
Couldn't load subscription status.
- Fork 78
Breaking Changes
Jenna Badanowski edited this page May 4, 2020
·
3 revisions
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
Checkbox, FormRadioItem, FormSelect, FormTextArea #968
-
stateprop updated to latest:[error, warning, success, information]
TextArea #968
- removed
childrenprop, usevalueinstead
Menu #961
- removed
addonBeforeprop
ComboBox #958
- no longer takes a list prop, instead, it takes an options array of shape
{key, text}
Select #958
- no longer takes children, instead, it takes an options array of shape
{key, text}
Checkbox #954
-
labelClasses->labelClassName
DatePicker #934
- remove
validDateLookupmodule from distribution package
FormSet: removed #932
remove fonts from package, update ActionBar, Button and InfoLabel #908
- 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
Badgefolder toCounterfolder - import asimport { Counter } from 'fundamental-react/Counter'
- moved from
- 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’tooption=‘transparent’
-
- Modal
- renamed
Dialog - removed
closeProps -
actionsnow required
- renamed
- Button
- underlying class name changes
- ButtonGroup
- classname changed to
fd-segmented-button
- classname changed to
- Tab
- remove
disabledprop - change underlying html - added
spanaround tab text
- remove
- Shellbar
- logo
<a>is now<span> - added
<div>around Identifier component
- logo
- Alert
- renamed MessageStrip
- classname changes
- removed Icon from underlying html
- Dropdown
- renamed
Select - remove
standardprop
- renamed
- ListGroup
- renamed “List”
- classname changes
- so many changes! basically a new component!
- MultiInput
- underlying html changes
-
Popoverbody now built withListcomponent - lots of underlying html changes for validation states
-
stateprop replaced withvalidationState- takes object -
localizedTextprop removed
- Combobox Input
- underlying html changes
-
menuprop renamedlist- now takesListcomponent -
stateprop nowvalidationState- takes an object
- FormMessage
- now a
<div>from<span>
- now a
- InputGroup
-
stateprop nowvalidationState- takes an object - underlying html changes to include
FormMessagewhen passedvalidationState
-
- SearchInput
-
stateprop nowvalidationState- takes an object - underlying html changes to include
FormMessagewhen passedvalidationStatehttps://github.com/SAP/fundamental-react/pull/885
-
- Toggle
- renamed to “Switch”
- removed size options, now use
compactproperty -
labelPropsno longer needed, additional props will be spread to the<label>element - underlying html changes - no longer wrapped in
FormItem
- Checkbox
- new
childrenprop -
valueprop changed - underlying html has changed significantly
- new
- FormRadioItem
- underlying html has changed significantly
- FormMessage
- now an internal component
- FormInput
- removed
stateproperty - new
validationStateproperty
- removed
- FormItem
- remove
isHorizontalprop - remove
isInlineprop (was internal only)
- remove
- FormRadioGroup
- now outputs
<div>instead of Fragment
- now outputs
- FormLabel
- remove
isCheckboxprop - remove
isRadioprop
- removed
isToggleprop
- remove
- FormRadioGroup
-
divto Fragment to match html from Fundamental Styles
-
- FormItem
-
isInlinebecomes internal only prop as it is only meant for Checkboxes and Radios
-
- FormRadioItem
-
inlineprop becomes internal use only - should only be applied toFormRadioGroup
-
- InputGroup
- fixed
compactprop so that appropriatefd-input-group__addon—compactclass is added to InputGroup.Addon
- fixed
- MultiInput
- changed
placeHolderprop toplaceholder
- changed
- FormMessage
- changed types options: help -> information
- Alert
-
divfor text changed top
-
-
customStylesprop removed from all components -
withStyleswrapper removed from all components
- Modal
-
classNameprop now adds classes tofd-modaldiv,backdropClassNameadds classes tofd-overlaydiv, beforeclassNameadded classes tofd-overlaydiv.
-
- SideNav
- Now uses nested-list styles and structure
- Added utility nav
- Button
- medium button removed
- Calendar
- Month and year selectors changed from
ultotable - Adds
role="button"to each selectable calendar item - Adds
aria-selectedattribute to the currently-selected calendar item.
- Month and year selectors changed from
- Menu
-
separatorprop and<hr>removed fromMenuItem -
separatedprop added toMenuList -
addonBeforeprop passed down intoMenuItemin order to renderaddonspan -
addonnode changed tospanand is now wrapped within thea
- Shellbar
-
ProductSwitcherrenamed toProductSwitch - Import
ProductSwitchcss file - Removed
navnode fromProductSwitch - Updated classnames in
ProductSwitch - Use glyph in
ProductListinstead of images