Field - Create

[AlexSkrypnyk]

See epic: https://github.com/civictheme/uikit/issues/121

Field is a molecule-level component used as a centralised way to create controls. The consumers should use this component when form controls are required.

SD

1. Refactor current Form element into Field component using this code for reference.
2. Update SCSS for all Form control atoms to use a set of ct-field-* variables instead of per-control variables: this will centralise how these look and feel is controlled from CSS. Use additional variables for specific controls if required. Use this code for reference (note that the variables there are name-spaced incorrectly).
3. Update component to correctly use all updated atom components + update storybook.
4. Update component to use new helpers instead of using its own and decommission existing helpers.

[AlexSkrypnyk]

This is now complete. Still need to update Fieldset and Field Group.

[sonamchaturvedi28]

Test Env: DEV Test Status: PASS Test Result:

• Verified Field component with form elements
• Verified various properties such as inline, orientation, required with form elements