<p class="header">2021</p>
<roadmap-event header="Q2" color="#001EFF">
  <roadmap-item header="EF version 5" status="Released">
    Release Element Framework version 5 on NPM public.
  </roadmap-item>
</roadmap-event>
<roadmap-event header="Q3" color="#001EFF">
  <roadmap-item header="Responsive Layout Pattern" status="Defining">
    Introducing a responsive grid layout system that comforms an official design system by UX team.
  </roadmap-item>
  <roadmap-item header="Hybrid Theme" status="Defining">
    New capability that allows developers to greater customize component&apos;s theme individually at application level. This will support external component to theme EF components (including Atlas components) to following their branding guideline.
  </roadmap-item>
  <roadmap-item header="Atlas Element Integration with Refinitiv SDK" status="Defining">
    Atlas Element can access data in Refinitiv Data Platform by using Refinitiv SDK so it can be used by external developer without dependency with Refinitiv Workspace&apos;s container.
  </roadmap-item>
  <roadmap-item header="Publish Atlas Elements to External Developers" status="Defining">
    Make Atlas Elements available to external developers.
  </roadmap-item>
</roadmap-event>
<roadmap-event header="Q4" color="#001EFF">
  <roadmap-item header="Open Source EF" status="Defining">
    Moves to public GitHub and open source EF.
  </roadmap-item>
  <roadmap-item header="Accessibility Improvements" status="Defining">
    Improvement accessibility in EF components.
  </roadmap-item>
</roadmap-event>

.header {
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: 3px;
  margin: 10px;
}