[Design Issue] Create a page in MMIS Figma file to show each validation component in the system

[beparticular]

Create a page in MMIS Figma file to show each validation component in the system

On this page we should document each type of input field in the eAPD system, and show an example of the validation pattern for that input field. We should generally have examples of all fields somewhere in the HITECH Figma file that can be copy/pasted into the MMIS file, and it will be useful to have a page in the MMIS file that documents these components in one place.

This task is done when…

• [x] Make a list of all input components
• [x] In Figma, show validation content and visual pattern for each input component
• [x] Note in the file what the page is for, and how we use the design system for these components (or how we deviate)
• [x] Note in the file which validations we do inline and which we do in the admin check.
• [ ] Include a link to the admin check pages in Mural? (Maybe)
• [ ] Add a link to the validation Mural in #2054 where the validation content and considerations are kept (this Mural is 90+% accurate still, but what is in each validation ticket and coded into the eAPD system should be considered the source of truth at this point)
• [ ] Add an "important design links" section somewhere in the wiki and link to this new page

[akuas]

https://www.figma.com/file/hJpKHKU6fz5J0Z7fisSwa2/eAPD-MMIS-2022?node-id=473%3A8498 Above is the validation library @beparticular Can you please review it? Also, @tbolt can you please take a look and see if Im missing anything or whether there is any additional info that may be helpful to devs? I especially wanted to make sure that the admin check and table validation was correct since they are in progress.

[akuas]

@jeromeleecms Can you please review the validation library?

[jeromeleecms]

@akuas Overall this looks good.

1. Similar to what we looked at with whole numbers, can we apply that to the $ field? "Provide a dollar value greater than zero. Any cents will be rounded to the nearest dollar."

[akuas]

@jeromeleecms I'm not too sure what you are asking here?

[jeromeleecms]

@akuas For this field (or any $ fields), add the language "Provide a dollar value greater than zero. Any cents will be rounded to the nearest dollar."

[akuas]

@jeromeleecms Thanks, I added your note on how we validate $ fields, so we should be good to go now.

[jeromeleecms]

This is done!