ID1 Colors

https://confluence.germanedge.com/x/XYC-AQ
https://wasp2-dev.myapp.de:444/live-style-guide/theming

• Documentation
• Final angular check

• Documentation 
• Final angular check

• Documentation 
• Icon to Font
• Set for MVP
• Final angular check

Dashboard

Header

Overlay

Floating Sidebar

Panel

Infobar

Sandbox

Notification

Default Boardlet

• boardlet
  • Content Bereich
    • detailed Design Grid description
  • Toolbar
    • Icons
  • Title
  • Datepicker on demand
• tabs
  • Toolbar bottom with control extension

• Documentation plus Designgrid
• Final angular check

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

Cards

• Content Card
  • Title
  • Subtitle
  • Toolbar
  • Drilldown
  • Content
• Info Card*
  • Title
  • Subtitle
  • Content

Overflow Menu

• Content
  • Group
  • Links
  • Button
• Open Direction
• Animation*
• Parent ui-element/extension am button

Tooltip

• Rookiemode Tooltip*
  • Content
• Tooltip
  • Content
  • Whitelist/Blacklist

• Icon Button
• Text Link
• Icon
• Colorcode

1. Table header
2. Table content
3. Pagination
4. 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

1. Buttons

• Text
• Icons
• Switch

• Text/Icon
• Text/Text
• Icon/Text/Icon
• Button Style
• Button Size
• Button Type

Link

• Icon Button

• Text Link
• Icon

Tree

• Expand icon
• Sub- or Checkbox Icon
• Text Link
• More Icon Button

1. Default input
2. Specal input
3. Default dropdown
4. Specal dropdown
5. Dropdown Links
6. Datepicker/Timepicker

• Icon Button
• Text Link

• Icon Button
• Text Link

• Label field
• Input field
  • Placeholder 
• Info Container
  • Icon
  • Info Field
• Input Style
  • Validation
  • State
  • Size

• Label field
• Input field
• Icon Button
• Content(Overflow Menu*)
  • Group
  • Button
• Input Style
  • Validation
  • State
  • Size

• Label field
• Input field
• Icon Button
• Tag
• Content(Overflow Menu*)
  • Group
  • Button
• Input Style
  • Validation
  • State
  • Size

• Input Field
• Icon 
• Toolbar Bottom
• Contentswitch
• Content
  • Title
  • Form
  • Sidebar
• Input Style
  • Validation
  • State (Dropdown/Link)

Graphics

• SVG Images
  • bad
  • neutral
  • bad

• Documentation
• Final angular check

Graphics