# August Ribbon Plan

Our goal is to get Button variants utilized in the Office ribbon to improve performance in rendering. This work is continued from the July efforts.

August is focusing on getting the bits checked into OOUI and getting the flight stood up.

Compose/variants improvements:

| Work item | Status |
| - | - |
| Compose replacement: implementation | Complete
| Compose replacement: PR merged | ~~In progress~~ Complete
| Compose typings fixed | Not complete
| Variants support: prototype | Complete
| Variants support: implementation | In progress Complete
| Variants support: PR merged | ~~Not complete~~ In progress

Button leverages improvements:

| Work item | Status |
| - | - |
| Button uses compose replacement: implementation | Complete
| Button uses compose replacement: PR reviewed/merged | ~~In progress~~ Complete
| Button uses variants: implementation | ~~In progress~~ Complete
| Button uses variants: PR merged | Not ~~complete~~ In progress

Additional work discovered:

| Work item | Status |
| - | - |

OOUI work:

| Work item | Status |
| - | - |
| Ribbon button branch updated to use latest bits | Complete
| All old props accounted for | Not complete
| Variants match old expectations | Not complete
| Validate hc support | Not complete
| Validate keytips still work | Not complete
| Button uses variants: implementation | In progress
| Button uses variants: PR merged | Not complete

Additional related work:

| Work item | Status |
| - | - |
| MenuButton implemented | Complete
| SplitButton implemented | Complete
| SplitButton needs API review | Needs discussion
| Button uses HC selectors | Needs discussion
| Button is compliant with v0 Button a11y behavior | Complete
| Button API differences reviewed | ~~Needs discussion~~ | Complete
| `styles` prop replacement guidance |
| Documentation for writing components | ~~In progress~~ Complete
| Added @fluentui/react-window-provider |
| Deprecated "selectors" wrappers from mergeStyles |

New:

| Work item | Status |
| - | - |
| makeStyles hook factory for v7 | Complete
| Experiment using makeStyles with v8 Button (solves child window/rtl/specificity; evaluate perf tradeoff) | In progress
| Fit and finish polish on styling |
| Ghost variant
| CompositeButton variant |
| Scaffolded theme package |

## Reference

### Compose replacement pending

See README in PR
https://github.com/microsoft/fluentui/pull/14268/files?short_path=a61ecc1#diff-a61ecc141219991eeacc7b2af69d57b3