0.22.0 Breaking Changes - SAP/fundamental-ngx GitHub Wiki

• Replace the content projection of the Object Status with an input property called label.

Before:

<span fd-object-status status="negative" inverted="true">Negative</span>

After:

<span fd-object-status status="negative" inverted="true" label="Negative"></span>

• fd-action-bar-title directive is now a component.

Before:

<h3 fd-action-bar-title>Page Title</h3>

After:

<div fd-action-bar-title>Page Title</div>

• Replace the content projection of the Info Label with an input property called label.

Before:

<span fd-info-label>Text value</span>

After:

<fd-info-label label="Text value"></fd-info-label>

• Deprecate the File Input component, as we introduced new File uploader component.

• Markup now is simplified Old: ul fd-dnd-list > li fd-dnd-container > div cdkDrag new: ul fd-dnd-list > li fd-dnd-container

• Input properties has been changed

• @Input() listMode to gridMode

• removed select-native component

• removed Identifier (use Avatar instead)

• removed Image component (use Avatar instead)

• removed dropdown component

• The value for the text button is now passed as an input property, not as content projection.

Before:

<button fd-button>Text</button>

After:

<button fd-button [label]="'Text'"></button

• removed select-native component
• removed Identifier (use Avatar instead)
• removed Image component (use Avatar instead)
• removed dropdown component

• fd-menu-addon directive is changed to component and the way how it can be used:

Before:

<fd-icon fd-menu-addon position="before" [glyph]="'cart'"></fd-icon>

After:

<fd-menu-addon position="before" [glyph]="'cart'"></fd-menu-addon>

• NestedListExpandIconDirective is now a component NestedListExpandIconComponent

• The value for the text button is now passed as an input property, not as content projection.

Before:

<fdp-button>Text</fdp-button>

After:

<fdp-button label="Text"></fdp-button>

• Segmented button directive has been removed