This is a description of the minimum viable product (MVP) of the Inspire Design Kit.
The MVP will only exist in one theme (Astronaut).
The Tokyo at night theme will initially be used for marketing purposes only and will be implemented after completion of the Astronaut.
The MVP will be finalized by 31.12.2020.

The MVP should help us to better structure the work on the design kit.

Definition of MVP

How do we determine the minimum requirements for the Inspire Design Kit?

It must be possible to create applications with the Design Kit.
Special requirements for the Design System were deliberately omitted. They are not part of the MVP.
All UI elements must be extendible to implement these special requirements. How and when special requirements will be implemented is still to be decided.

UI-Elements

Templates ID's	Atoms, Molecules and Organisms	MVP Requirements	Documentation	ToDo	Comments
ID1 Colors			https://confluence.germanedge.com/x/XYC-AQ https://wasp2-dev.myapp.de:444/live-style-guide/theming	Documentation Final angular check
ID1 Typeface			https://confluence.germanedge.com/x/YoC-AQ	Documentation Final angular check
ID1 Icon			https://confluence.germanedge.com/x/_MYdAg https://wasp2-dev.myapp.de:444/live-style-guide/icons	Definition of Icon-Set for MVP Design of missing Icons Icon to Font Final angular check Documentation
ID2 Dashboard & basic components	Dashboard	Header Contentarea	https://confluence.germanedge.com/x/7KMdAg code is missing	Detailed Design Grid description Documentation Final angular check
	Header	Burger Date & Datepicker Product-Logo Tool/App/Module Naming Toolbar(Search-, Setting- & Notification Icon)	https://confluence.germanedge.com/x/JqQdAg	Detailed Design Grid description Documentation Final angular check	Wannes: still struggling with date&datepicker in the header, we can filter but filter result is not shown there and as a user you can't see a filter has been used here. (did the test in dSFM) → we need the documentation of this end user tests. And yes, the filter result should be shown. But I think it is already.
	Overlay	Content detailed Design Grid description	https://confluence.germanedge.com/x/76MdAg	Detailed Design Grid description Documentation Final angular check
	Floating Sidebar	Action Icon Title Link	https://confluence.germanedge.com/x/IKIdAg	Detailed Design Grid description Documentation Final angular check
	Panel	Contentswitch Content Toolbar	https://confluence.germanedge.com/x/LaQdAg	Detailed Design Grid description Documentation Final angular check	Wannes: Navigation is a must for Menu editor development, must be aligned towards that functional demand. But functional demands of Notifications are still too unclear to be handled, wouldn't be better to get this out of the MVP?
	Sandbox	Not MVP - must be discussed
	Toast Notification	Icon Title Subtext Link Toolbar Colorcode		Detailed Design Grid description Documentation Final angular check
	Inline Notification	Title Subject Link Toolbar Picture Colorcode		Detailed Design Grid description Documentation Final angular check	Wannes: Since notifications are still functional unclear, do we exclude from MVP?
ID3 Boardlets & content components	Default Boardlet	boardlet Content Bereich detailed Design Grid description Toolbar Icons Title Datepicker on demand tabs Toolbar bottom with control extension		Detailed Design Grid description Documentation Final angular check	Wannes: incorporate search and filter?
	Dialog	Dialog Form Title Content Bereich Top Toolbar( only without Sidebar) Bottom Toolbar( only without Sidebar) detailed Design Grid description Sidebar on demand Title Content Bereich detailed Design Grid description Top Toolbar Bottom Toolbar Info Field		Detailed Design Grid description Documentation Final angular check
	Cards	Content Card Title Subtitle Toolbar Drilldown Content Info Card* Title Subtitle Content		Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check	Wannes: we could first focus on menu and dashboard editor for now (content card)?
	Overflow Menu	Content Group Links Button Open Direction Animation* Parent ui-element/extension am button		Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
	Tooltip	Rookiemode Tooltip* Content Tooltip Content Whitelist/Blacklist		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check	Wannes: i think tooltip is MVP while rookiemode is not
	Tags	Icon Button Text Link Icon Colorcode		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check
	Modal	Title Subtitle Link Button		Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
ID4 Tables components	Table header Table content Pagination controlbar & controlelements	global search über alle spalten der Tabelle spalten basierte suche/filter Filterkriterien festlegen (gt, lt) Filterkriterium sichtbar und deaktivierbar Process bar Toolbar top Toolbar bottom Paginierung Buttons		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check	Wannes: is the treetable also part of this, or is this the tree further in the list?
ID5 Buttons & control components	Buttons	Text Icons Switch Text/Icon Text/Text Icon/Text/Icon Button Style Button Size Button Type		Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
ID6 Link components	Link	Icon Button Text Link Icon	ID6 Link	Detailed Design Grid description Documentation Final angular check
	Tree	Expand icon Sub- or Checkbox Icon Text Link More Icon Button		Detailed Design Grid description Documentation Final angular check
ID7 Input & Dropdown components	Default input Specal input Default dropdown Special dropdown Dropdown Links Datepicker/Timepicker			Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
	Radio	Icon Button Text Link		Detailed Design Grid description Documentation Final angular check
	Checkbox	Icon Button Text Link		Detailed Design Grid description Documentation Final angular check
	Input	Label field Input field Placeholder Info Container Icon Info Field Input Style Validation State Size		Detailed Design Grid description Documentation Final angular check
	Dropdown	Label field Input field Icon Button Content(Overflow Menu*) Group Button Input Style Validation State Size		Detailed Design Grid description Documentation Final angular check
	Multiselect	Label field Input field Icon Button Tag Content(Overflow Menu*) Group Button Input Style Validation State Size		Detailed Design Grid description Documentation Final angular check
	Datepicker	Input Field Icon Toolbar Bottom Contentswitch Content Title Form Sidebar Input Style Validation State (Dropdown/Link)		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check
Graphics	Karma	SVG Images bad neutral bad		Documentation Final angular check
Pictures	News	Not MVP - must be discussed
Charts	Gantt Chart	Not MVP - DevExtreme
	Pie Chart	Thomas King		Documentation Final angular check
	Bar Chart	Thomas King		Documentation Final angular check
	Doughnut Chart	Thomas King		Documentation Final angular check
	Line Chart	Thomas King		Documentation Final angular check

UX-Concepts

List here all ux-concepts which are urgently needed for the MVP

Action Placement
Navigation
Notification
Validation
tbc.