Component Versions and Status

Development status

Fiori Fundamentals is in active development to match the Fiori 3 design system which continues to evolve. We strive to avoid markup changes and focus on styles but that is not alway possible. The status of each component is shown to help you feel confident in when using the library.

Status key

	Label	Description
💚	Stable	Safe to use, no major updates planned.
💚	New release	Newly updated styles, there may be room for improvement and some bugs
🧡	Experimental	WIP that may be used but be prepared for changes in the future
🧡	In Review	These are being actively reviewed to be refactored, safe to use but talk to us
💔	Deprecated	These should not be used and will be removed in the future

Library elements

Each component is labeled with a status and version number indicating the last time it was updated.

Foundation

	Status	Key	Introduced	Updated
Colors	💚	colors	1.0.0	1.3.0
Spacing	💚	spacing, spacing-common	1.0.0	1.3.0
Type	💚	type	1.0.0	1.3.0
Breakpoints	💚	breakpoints	1.0.0	1.4.0
Grid	🧡		1.0.0

Icons

	Status	Key	Introduced	Updated
Icons	💚	sap-icon	1.0.0

Floorplan Elements

	Status	Package	Introduced	Updated
Action Bar	🧡	action-bar	1.1.0
Shellbar	💛	shellbar	1.4.0
Product Menu	💛	product-menu	1.4.0
Product Switcher	💛	product-switcher	1.4.0
User Menu	💛	user-menu	1.4.0
Global Navigation	💔	global-nav	1.0.0
Mega Menu	💔	mega-menu	1.0.0
Sidenav	🧡	side-nav	1.0.0

Components

	Status	Package	Introduced	Updated
Badge	💚	badge	1.0.0
Label	💚	label	1.0.0
Counter	💚	counter	1.4.0
Status Label	💚	status-label	1.1.0
Alert	💚	alert	1.0.0	1.4.0
Identifier	💚	identifier	1.0.0	1.3.2
Image	🧡	image	1.0.0
Button	💚	button	1.0.0	1.3.0
Button Group	💚	button-group, segmented-button	1.0.0	1.3.0
Breadcrumb	🧡	breadcrumb	1.0.0
Calendar	💛	calendar	1.1.0
Contextual Menu	🧡	contextual-menu	1.0.0	1.4.1
Dropdown	💔	dropdown	1.0.0	1.2.0
Inline Help	💚	inline-help	1.0.0	1.3.0
List Group	🧡	list-group	1.0.0
Link	💚	link	1.0.0
Spinner	🧡	spinner	1.0.0
Menu	🧡	menu	1.1.0
Modal	🧡	modal	1.0.0
Nav	🧡	nav	1.0.0
Pagination	💚	pagination	1.0.0
Popover	🧡	popover	1.1.0	1.2.1
Table	🧡	table	1.0.0	1.2.0
Tabs	💚	tabs	1.0.0
Tile	🧡	tile	1.0.0
Product Tile	🧡	product-tile	1.0.0
Time	🧡	time	1.1.0
Tree	🧡	tree	1.0.0
Tag	💔	tag	1.0.0
Token	💚	token	1.3.0

Form Elements

	Status	Package	Introduced	Updated
Checkbox	💚	checkbox	1.0.0	1.3.2
Input	💚	input	1.0.0	1.3.0
Radio	💚	radio	1.0.0
Select	💚	select	1.0.0	1.3.0
Textarea	💚	textarea	1.0.0	1.4.1
Form Group	💚	form, form__group	1.0.0
Input Group	💚	input-group	1.0.0
Combobox Input	💛	combobox-input	1.2.0	1.2.1
Date Picker	💛	date-picker	1.1.0
Localization Editor	💛	localization-editor	1.2.0
Multi Input	💛	multi-input	1.2.0	1.2.1
Search Input	💛	search-input	1.2.0	1.4.0
Time Picker	💛	time-picker	1.1.0	1.3.0
Toggle	💚	toggle	1.0.0

Layout

	Status	Key	Introduced	Updated
Shell	💚	shell	1.4.0
UI	💔	ui	1.0.0
App	💚	app	1.0.0	1.4.0
Page	💚	page	1.0.0
Overlay	💚	overlay	1.0.0	1.1.0
Sections	💚	section	1.0.0
Container	🧡	container	1.0.0
Column	🧡	col	1.0.0
Panels	💚	panel	1.0.0	1.1.0
Panel Grid	💚	panel-grid	1.0.0
Tile Grid	💚	tile-grid	1.0.0

Helpers

	Status	Key	Introduced	Updated
Layout	💚	has-clearfix, has-float	1.0.0
Backgrounds	💚	has-background-*	1.0.0
Borders	💚	has-border-*	1.3.3
Box Shadow	💚	has-box-shadow	1.0.0
Colors	💚	has-color	1.0.0
Display	💛	has-display	1.0.0	1.3.0
Flex	💚	has-align-items	1.3.3
Grid	💚	has-grid	1.0.0
Spacing	💚	has-height, has-padding, has-margin	1.0.0	1.3.0
Table	💚	has-*-child	1.3.3
Typography	💚	has-type, has-text-*, has-font-*	1.0.0