feat(components): new focus style (VIV-2350)

[rachelbt]

• waiting for design approval to generate new png's

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (d61b119) to head (7425ed8).
Report is 1379 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##              main     #2186      +/-   ##
============================================
  Coverage   100.00%   100.00%              
============================================
  Files          123       375     +252     
  Lines         1562     16770   +15208     
  Branches       108      2942    +2834     
============================================
+ Hits          1562     16770   +15208     

Flag	Coverage Δ
unittests	100.00% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

⚠️ The generated metadata has changed. I have updated the metadata file for you. Please review the changes:

View Diff

5756c5756,5765
< 				{ "name": "selectionStartChanged", "args": [], "returnType": "unknown" }
---
> 				{
> 					"name": "selectionStartChanged",
> 					"args": [],
> 					"returnType": "unknown"
> 				},
> 				{
> 					"name": "setTextSize",
> 					"args": [{ "name": "size", "type": "'title' | 'subtitle' | 'body'" }],
> 					"returnType": "unknown"
> 				}