v3 - custom string input with character count

[mathiazom]

Further explanation is found here: #527

Composes the default string input rendering with a simple character count, with required max count. Added to most of the fields with type: "string", but can also be expanded to other fields later.

Also renamed all instances of the validation function argument Rule to rule (since this is a variable and not a type or class)

Visual Overview (Image/Video)

---

Checklist

Please ensure that you’ve completed the following checkpoints before submitting your pull request:

• Documentation: Relevant documentation has been added or updated (if applicable).
• Testing: Have you tested your changes thoroughly?
  • Please list the types of tests you've run (unit, integration, manual, etc.):

---

Additional Notes

Other comments relevant to this pull request.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
variant-no	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 13, 2024 7:01am
variant-se-2	✅ Ready (Inspect)	Visit Preview		Sep 13, 2024 7:01am

[christinaroise]

I know this didn't take too long, but it'd be nice if we followed Monday Comittments more strictly in terms of not picking tasks outside of our goals.

I also believe there are several other places in the repository with character limit in need of the count.

[mathiazom]

I know this didn't take too long, but it'd be nice if we followed Monday Comittments more strictly in terms of not picking tasks outside of our goals.

I agree, but my other tasks were blocked and this was almost finished from last week.

[mathiazom]

I also believe there are several other places in the repository with character limit in need of the count.

Should these be added in this PR or left for later?

[christinaroise]

I agree, but my other tasks were blocked and this was almost finished from last week.

I noticed after some digging on slack! We need a better system in terms of alerting others when we're blocked. Especially when we're working on tasks towards out goal for the week.

[christinaroise]

Should these be added in this PR or left for later?

I'd do them all in the same PR 👍

[christinaroise]

@mathiazom maybe convert to draft until you have the time to add char.limit to the remaining places?

[christinaroise]

before we merge can you make sure it passes wcag 2.1? (plenty of studio is just bleh, but we can give it a try since it's a custom component
https://designsystem.digital.gov/components/character-count/accessibility-tests/

[mathiazom]

Updated now to show the remaining characters, with a red text when over limit. Also added aria-describedby to announce allowed number of characters. aria-live has been set on the counter, but I have struggled to get the screen reader to announce it reliably. Seems to be intercepted by text field description, which might be Sanity's fault. Default text input is slightly more reliable based on quick testing.

[christinaroise]

Yeah, I believe this is on Sanity. Great job though!