0.22.0 Breaking Changes

(Core) Object Status #3434

• 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>

(Core) Action Bar #3466

• 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>

(Core) Info Label #3399

• 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>

(Core) File Input

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

(Core) Drag And drop Module

• 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

(Core) Buttons #3400

• 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

(Core) fundamental-styles version 0.11.0 adoption #3073

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

(Core) Menu #3391

• 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>

(Core) Side Navigation #3510

• NestedListExpandIconDirective is now a component NestedListExpandIconComponent

(Platform) Button #3514

• 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>

(Core) Segmented Button #3209

• Segmented button directive has been removed