Add StudioTextarea and StudioTextfield components

[TomasEng]

Description

Added a textarea component to the component library. The component adds the possibility to provide an error mssage that will not be visible until the user blurs the field. It will then remain visible until the user empties the field. The implementation of the validation that makes the error message occur must be done independent from this.

Update: Added StudioTextfield (moved the code from AltinnTextField) and created a shared hook for the two components.

Related Issue(s)

• Re-factor expressions editor to be more generic and re-usable #12183

Verification

• Your code builds clean without any errors or warnings
• Manual testing done (required)
• Relevant automated test added (if you find this hard, leave it and we'll help out)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (45977c3) 86.70% compared to head (78779b2) 86.73%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12323      +/-   ##
==========================================
+ Coverage   86.70%   86.73%   +0.03%     
==========================================
  Files        1200     1205       +5     
  Lines       18070    18109      +39     
  Branches     2290     2292       +2     
==========================================
+ Hits        15667    15707      +40     
+ Misses       2122     2121       -1     
  Partials      281      281              

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

[standeren]

Looks very good! Nice tests 💯

However, I believe that both textfield and textarea should be replaced by textField and textArea all places 😬

[TomasEng]

Thank you for your review, @standeren. I appreciate your feedback.

However, I believe that both textfield and textarea should be replaced by textField and textArea all places

When it comes to casing, my opinion is that we should follow the casing used in the design system to keep consistency. The design system components are again referring to primitive HTML components, which are case insensitive, but generally referred by lowercase letters only. (Also, I'm not a fan of exaggerated camel/pascal-casing.)

[standeren]

Nice 🌟