feat(KeyValueInput): new component

[lisalupi]

Summary

Type

• Feature
• Enhancement

Summarize concisely:

The following changes were made:

1. New component KeyValueInput, inspired by KeyValueField
2. Use KeyValueInput to define KeyValueField (like other form components) instead of having a custom stand-alone component
3. Improvements: prop size supported, can have a select variant (instead of always being text)

[changeset-bot]

🦋 Changeset detected

Latest commit: 50bbae7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@ultraviolet/form	Patch
@ultraviolet/ui	Patch
@ultraviolet/nextjs	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

❌ Patch coverage is 96.00000% with 4 lines in your changes missing coverage. Please review.
✅ Project coverage is 91.07%. Comparing base (7a4e1a4) to head (50bbae7).
⚠️ Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
packages/ui/src/components/KeyValueInput/index.tsx	94.23%	3 Missing ⚠️
packages/form/src/utils/validateRegex.ts	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6639      +/-   ##
==========================================
+ Coverage   91.06%   91.07%   +0.01%     
==========================================
  Files         560      563       +3     
  Lines       10253    10336      +83     
  Branches     3692     3762      +70     
==========================================
+ Hits         9337     9414      +77     
- Misses        916      922       +6     

Files with missing lines	Coverage Δ
...ckages/form/src/components/KeyValueField/index.tsx	100.00% <100.00%> (ø)
...ages/ui/src/components/KeyValueInput/styles.css.ts	100.00% <100.00%> (ø)
packages/form/src/utils/validateRegex.ts	83.33% <50.00%> (-16.67%)	⬇️
packages/ui/src/components/KeyValueInput/index.tsx	94.23% <94.23%> (ø)

... and 2 files with indirect coverage changes

---

Continue to review full report in Codecov by Harness.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0a49bf6...50bbae7. Read the comment docs.

🚀 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.

[philibea]

Should we have a KeyValueInputField also ?

[lisalupi]

We already have KeyValueField and I updated it in this PR to use KeyValueInput

[jsulpis]

almost there 💪

[jsulpis]

well done 👏 👏