feat(form-field): rendering, styling, testing and documenting

[Leotheluck]

Component: OsdsFormField

A Form Field component is used to wrap several form components with logic, visual hints and additional styling.

Attributes:

// if set, update helper slot with the error message and apply error style
error?: string
flex?: boolean

Usages:

// Default
<osds-form-field>
  <osds-text slot="label">
    Description
  </osds-text>

  <osds-text slot="visual-hint">
    150/200
  </osds-text>

  <osds-textarea>
  </osds-textarea>

  <osds-text slot="helper">
    Write a few sentences about you
  </osds-text>
</osds-form-field>

// Field Error
<osds-form-field error="This field is required">
  <osds-text slot="label">
    Description
  </osds-text>

  <osds-text slot="visual-hint">
    0/200
  </osds-text>

  <osds-textarea> </osds-textarea>

  <osds-text slot="helper">
    Write a few sentences about you
  </osds-text>
</osds-form-field>

[ovh-cds]

CDS Report build#889.0 ✘
*

• build ✘

[dpellier]

You need to rebase properly on master, as you embed doc changes which were merged already