Add Mark One Props Interface

[natalynyu]

This interface was added as a result of feedback from the course planner absence modal PR . In that ticket, I was using document.getElementById to get a reference to button elements to focus them. Jonathan Seitz recommended that we should be using ref instead. We had a discussion on this and concluded that since the properties ref and aria-label will eventually be used across many different mark one components, it would make sense to make an interface for these components at the top level of mark one so that component props could extend the interface to include these common props. We decided it made sense to only implement the interface for the components needed in the absence modal for now, which would be the button components.

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [X] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• [x] I have run eslint on the code
• [x] I have added JSDoc for all of my code (where applicable)
• [x] I have added tests to cover my changes.

Priority:

• [x] Normal
• [ ] High

Related Issues:

Addresses #252

[codecov[bot]]

Codecov Report

Merging #80 (644e818) into develop (4fd23e8) will not change coverage. The diff coverage is n/a.

@@           Coverage Diff            @@
##           develop      #80   +/-   ##
========================================
  Coverage    98.24%   98.24%           
========================================
  Files           42       42           
  Lines          513      513           
  Branches        96       96           
========================================
  Hits           504      504           
  Misses           5        5           
  Partials         4        4           

Impacted Files	Coverage Δ
src/Buttons/BorderlessButton.tsx	100.00% <ø> (ø)
src/Buttons/Button.tsx	100.00% <ø> (ø)
src/Theme/MarkOneWrapper.tsx	100.00% <ø> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update 71423d4...644e818. Read the comment docs.

[farassadek]

Based on React docs (https://reactjs.org/docs/forwarding-refs.html) the on the Note for component library maintainers section When you start using forwardRef in a component library, you should treat it as a breaking change and release a new major version of your library. Therefore I think should be a braking change.