---
# System prepended metadata

title: Card/Me Control scenario/component list
tags: [convergence]

---

---
robots: nofollow, noindex
tags: convergence
---
# Card/Me Control scenario/component list


**Initial Draft**

## Primitives - Card
|Primitives|Card|Me Ctrl|Status|
|---|---|---|---|
|David/Mak
|Button|:heavy_check_mark:|:heavy_check_mark:|Finishing up|
|MenuButton|:heavy_check_mark:|:x:|Mak/David - Finishing up. Need update based on Menu|
| Shift
|Text|:heavy_check_mark:|:heavy_check_mark:|Shift - Needs Spec|
|Image|:heavy_check_mark:|:heavy_check_mark:|Shift - Finishing  up|
|Mak / Josche
|Card|:heavy_check_mark:|:question:|Mak - 70%|
|FocusTrapZone|:x:|:heavy_check_mark:|Mak/Tomi - Not started|
|Tooltip|:heavy_check_mark:|:heavy_check_mark:|??? - Not started|
|Callout|:question:|:heavy_check_mark:|??? - Not started|
|Link|:heavy_check_mark:|:heavy_check_mark:|Mak - Not started|
| Ben / Tomi
|Icon|:heavy_check_mark:|:heavy_check_mark:|Needs decision|
|Menu|:question:|:heavy_check_mark:|??? - Not started|
|Separator|:x:|:heavy_check_mark:|??? - Not started|
|Avatar|:heavy_check_mark:|:heavy_check_mark:|Ben - Finishing up|
|Badge/Status|:heavy_check_mark:|:heavy_check_mark:|Ben - Part of Avatar|

> UNKNOWNS: ScrollView, View/Touchable

Xu/+others
- Consultant - Shift
- Themeprovider
- Upgrade story (including northstar)
- Components?

Crews:
- Ben/Tomi
- Mak/Josche
- Xu/Jon/Elizabeth
- Shift/Miro/New Hire (Oct 1)


## Important resources

- [Me Ctrl Figma](https://www.figma.com/file/gs6yoF5flpPHCUPz9FhhUTlZ/Me-Control---Archive?node-id=0%3A1)
- [React Native Me Ctrl](https://spsprodwus22.vssps.visualstudio.com/_signin?realm=office.visualstudio.com&reply_to=https%3A%2F%2Foffice.visualstudio.com%2FISS%2F_git%2Ffabric-internal%3Fpath%3D%252Fpackages%252Fmecontrol%252Fsrc%252Fcomponents%252FMeControl.win32.tsx&redirect=1&hid=a2fba5bb-e91f-4218-8d9f-3ba6468216b4&context=eyJodCI6MiwiaGlkIjoiMDllMDkxNzctMzIwMS00N2M0LWEzZTEtMzMxMDEwOWJiODAyIiwicXMiOnt9LCJyciI6IiIsInZoIjoiIiwiY3YiOiIiLCJjcyI6IiJ90#ctx=eyJTaWduSW5Db29raWVEb21haW5zIjpbImh0dHBzOi8vbG9naW4ubWljcm9zb2Z0b25saW5lLmNvbSIsImh0dHBzOi8vbG9naW4ubWljcm9zb2Z0b25saW5lLmNvbSJdfQ2)
- [Fluent Figma Design Specs](https://www.figma.com/files/588096576863690753/project/13298242/Fluent-Design-Specs)
    - [Card Figma Design Spec](https://www.figma.com/file/berhUBA6mJV9sCPpjgfKRj/Card)
    - [Card Templates](https://www.figma.com/file/berhUBA6mJV9sCPpjgfKRj/Card)


# More planning stuff
## Q2FY21/Q4CY21 OKRs
From: [Q2FY21 October-December OKRS](https://microsoft.sharepoint.com/:p:/t/Office_CXE/PM/EW75dMylUrZNkhSGc31M9cEBty_wBt2Qcs-T_RtYDkPw8g?e=tBwSyP&nav=eyJzSWQiOjIwNzYxMzcxNDgsImNJZCI6Mzk5MTMzNzE2OH0)

- **Reflect Fluent UI in Product**
    - Ship hooks model and design tokens in Ribbon (dogfood) - David
    - Ship Open source MDL2 icons - Tomi
- **Prove out our new styling and component model**
    - Deliver Theme provider to consume the same converged primitives in both Office and Teams - Xu
    - Deliver primitives for Card Scenario to Office.com and Teams – Mak
    - Deliver primitives and update existing Me control for Teams – Mak
    - Release a guide covering how to build converged components – David
    - Identify next set of converged primitives and roll out plan
- **Make upgrades to @fluentui/react-northstar and @fluentui/react@8 easier and less time consuming**
    - Reduce the time it takes Teams to consume an update of @fluentui/react-northstar from 1 month to X - Jon
        - Roll out northstar version with break?
        - Codemods for northstar?
    - Move Tier 1 partners on to @fluentui/react@8 by end of the quarter
- **Audit/improve external channels (Teams channels, GitHub, Discord/GitHub Discussions?, etc.)**
    - Responses on React Teams channel increase by 50%
    - Increase Github Issues that are either fixed or closed by 35%


## Q1 OKRs 
- Prove out our new styling and component model (inc adoption of @fluentui/react-next @fluentui/react-button)
    - Ship Button into Teams (prod) and the Ribbon (dogfood) - David
    - Deliver primitives for Card Scenario to Office.com and Teams – Mak
    - Deliver Design tokens matching the primitives - Mak
    - Release a guide covering how to build converged components – David
- Define our release process and ship v8 (inc adoption in @fluentui/react)
    - Author and announce our release process
    - Create the checklist of steps needed to complete to ship v8
    - Define our package naming support and structure
    - Release a beta
    - Release v8
- Reestablish our 1st party relationships with Teams, SharePoint, Office.com, WAC, Azure, Outlook (CSAT with survey)
    - Collect top 5 issues for each 5 partner teams (Teams, SharePoint, Office.com, WAC, Azure) address at least one issue
        - Teams – Levi (TBD)
        - Office.com – Mak
        - Outlook – Xu
        - Azure – David
        - SharePoint – Jon
        - WAC – David

Q2 Deliverables
- Fluent UI Upgrades (especially in teams)
- Using converged components in Apps built on v7 and v0
- Cards and Me Control
- GitHub Issues and feedback

