Updates to Form

# Figma document

- [Form components](https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-6159&mode=design&t=Rt717hTo133p4Mnv-4)

# Storybook pages

- [Action](https://compound-web.pages.dev/?path=/docs/form-controls-action--docs)
- [MFA](https://compound-web.pages.dev/?path=/docs/form-controls-mfa--docs)
- [Password](https://compound-web.pages.dev/?path=/docs/form-controls-password--docs)
- [Text](https://compound-web.pages.dev/?path=/docs/form-controls-text--docs)

# Platform

- Web

# Updates requested

There are a few tweaks to existing components and new additions...

**Tweaks:**

- **Password:** The size of the icon in the Visibility button looks too big. Please change size to 20px (refer to [Visibility button in Figma file](https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-7376&mode=design&t=Rt717hTo133p4Mnv-4))
- **MFA:** Typing behavior is still a bit buggy
- After typing last number, the user should not be able to type any more (currently you still see the cursor outside the boxes after typing the last number)
- When deleting, only the active box should have a blue focus ring, not all of them

**New additions:**

- [Long text](https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-3545&mode=design&t=Rt717hTo133p4Mnv-4)
- [Phone](https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=793-5676&mode=design&t=Rt717hTo133p4Mnv-4) (phone number)
- [Address](https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=803-5830&mode=design&t=Rt717hTo133p4Mnv-4)