Aligning form input styles

Polaris
1

image
image1268×824 53 KB

Is there any intention on aligning the form input styles between the old React and the new web components?

I’m trying to adopt the new components where and when we can but because of the style differences, if we use an old React one we have to use them for everything because of the style differences.

For example, the differences in the above picture:

  1. Text field
    1. Label - Font size (13px vs 12px)
    2. Label - Line height (20px vs 16px)
    3. Help text - Font size (13px vs 12px)
    4. Help text - Line height (20px vs 16px)
    5. Help text - Colour (rgb(48, 48, 48) vs rgb(97, 97, 97))
  2. Checkbox
    1. Labels are the same between old and new
    2. Help text - Same differences as above

If these were aligned then even if we have to use an old component (like for the label action) it would mean we could still use the new one everywhere else