Input Field

[rpominov]

Description

1. Added InputField aligned with Figma. Demo. Closes Update Input Field component #614
2. Added NestedSelectButton that should be used as InputField's suffix. Demo
3. Deprecated TextField
4. Used InputField instead of TextField in CssValueInput
5. Added support for <input> in ArrowFocus. Closes Arrow focus with modifier keys & :focus-visible #1364

Steps for reproduction

1. Open style panel
2. Test CssValueInput's

Code Review

• hi @kof, I need you to do
  • conceptual review (architecture, feature-correctness)
  • test it on preview

Before requesting a review

• made a self-review
• added inline comments where things may be not obvious (the "why", not "what")

Before merging

• tested locally and on preview environment (preview dev login: 5de6)
• updated test cases document
• added tests
• if any new env variables are added, added them to .env.example and the designer/env-check.js if mandatory

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
webstudio-builder	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 4, 2023 0:07am
webstudio-designer	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 4, 2023 0:07am

[kof]

looking great!