Add max file size validation to va-file-input

[kylesoskin]

What

We are on the 526 team and want to update our components to V3 components, specifically the file input component to start.

Purpose

This component accepts files from the user.

Usage

The current forms library component being used supports a max_file_size validation, we would like the V3 one to too.

Behavior

It should behave exactly as it does now, but also support an error state for files exceeding an arbitrary file max size, as defined by the user.

Examples

Accessibility

Guidance

Collaboration Cycle Ticket

I am not aware what this is but will look into it and try to figure out what to do here and edit it in.

Your team

Disability Benefits Team (526ez, CARBS, Team 2)

Research (optional)

Code (optional)

Next steps

You may present your work to the Design System Council at an upcoming meeting. If you do not or cannot attend the Design Council Meeting, you can opt to get an asynchronous approval.

Submit requests to join an upcoming Design System Council meeting in #platform-design-system.

During the meeting, the Design System Council Working Group will evaluate the request and make a decision.

If your request is approved, you can add your component or pattern to the system. If you have any questions on how to add your component or pattern to the system, please reach out to the Design System Team at #platform-design-system.

[caw310]

@kylesoskin This seems more like an enhancement than an experimental design request.

[humancompanion-usds]

@caw310 - I chatted with Kyle. This is an enhancement. I'd like to get this prioritized as it is functionality I was not aware of which lived in the Forms Library. Thus we should be able to refer to that code and pull this into the component itself fairly easily (famous last words). Thanks!

[Andrew565]

I think adding a file.size check here might work for this? Note that file.size is an integer representation of the file size in 'bytes', just to keep that in mind when implementing the maxFileSize prop and guidance.