Project: Finish Input implementation

[ecraig12345]

Problem

Input (text input), Checkbox, Switch, and Slider have been written to varying degrees but are not yet included in the v9 beta.

Part of #18131

Appetite

November

Solution

• [x] Primary slot prop splitting helper
• [ ] Finish Input implementation
  • [x] update spec #20035
  • [x] update implementation so far based on spec #20036
  • [x] bookends deferred
  • [x] focus/hover styling #20648
  • [x] primary slot #20863
  • [ ] review with design
  • [x] general code/patterns review
  • [ ] docs

Other input components are tracked by separate issues:

• [x] #20589
• [x] #20590
• [x] #20562

Risks (Rabbit holes)

RangedSlider may require additional work (compared to the other listed components) to get ready for beta. It can probably be cut from the scope if needed unless there's immediate demand from a partner.

Other risks TBD

Out of scope (No-gos)

Aside from the specific Input features listed above, this project does NOT include implementing additional features in any of the components.

Related components/patterns that are in progress in November but NOT covered in this proposal and probably not expected to be ready for beta by end of month:

• Field
• Radio
• Dropdown

[ecraig12345]

End of October retrospective

What was achieved?

• The spec and related implementation changes for Input should be checked in by EOM (almost ready now)
• Decided to remove bookends from initial Input implementation
• (This really belongs in a separate project, but we figured out some key points of the Field spec that influence multiple input components.)

What did we miss?

Everything else. There were a lot of build fires this month, plus a good bit of time was spent on discussions and experiments related to the Field spec (and there was FHL).

What went well?

• Deciding to remove bookends from the core Input was a good idea
• With discussions throughout the month, we have more clarity about the direction of input components moving forward

What could have gone better?

• Make an explicit project for the Field work
• Figure out a process to reduce randomization from build issues ("build shield")

What changed from initial expectations?

see above

[behowell]

@ecraig12345 I've split this into separate issues for each component, and scoped this issue to track only the input work. This way each issue has a single owner and tracks a single component.

[ecraig12345]

What was achieved?

• Add interaction styling
• Change fieldSize prop name back to size (so we have the same prop name across components)
• Add screener tests
• PR for primary slot and onChange

What did we miss?

• Merging PR for primary slot and onChange
• Add stories

What went well?

• The styles are finally updated!
• We decided on a consistent name for "visual size" prop across components

What could have gone better?

• Didn't get as much done due to non-work obligations, getting sick, and build fires
• Some rabbit holes of making fixes to vr-tests infrastructure

What changed from initial expectations?

• Non-work obligations this month took longer than expected, taking away from this project