chore(textbox): add blue focus indicator

[ArtBlue]

Fixes #2089

• This PR contains CSS changes
• This PR does not contain CSS changes

Description

Added blue focus indicator to improve UX and a11y as well as focus consistency across controls.

Screenshots

Before:

After:

Checklist

• I verify the build is in a non-broken state
• I verify all changes are within scope of the linked issue

• I regenerated all CSS files under dist folder
• I tested the UI in all supported browsers
• I did a visual regression check of the components impacted by doing a Percy build and approved the build
• I tested the UI in dark mode and RTL mode
• I added/updated/removed Storybook coverage as appropriate

[LuLaValva]

Looks good, as long as this is what we want by design. Approved!

I don't see outlines on Figma, so if we're truly looking for consistency across form elements maybe we should add an outline-offest to stay consistent with the switch:

[ArtBlue]

Looks good, as long as this is what we want by design. Approved!

I don't see outlines on Figma, so if we're truly looking for consistency across form elements maybe we should add an outline-offest to stay consistent with the switch:

@LuLaValva , I agree with you in theory. I've brought that up in the past and recall being told that switch is an exception. I think since it is such a compact component and it already has such a heavy stroke, it needs to have a bit of an offset to make the focus state indicator super clear.

Since input is more like combobox and select, it makes sense that it be consistent with those components rather than switch.