HELLO - Is it me you're looking for?

[jodiedoubleday]

What does this PR do? (please provide any background)

• Removes a random hardcoded HELLO
• Removes the duplication of a label element. By removing the one from <input> and surrounding and putting it before the stepper itself. This is better for usability purposes and styling.
• This does introduce a very strange A11Y warning

  What tests does this PR have?

Checks a label is present when and ID is passed through

How can this be tested?

run npm run docs click view the stepper component and click on the label (now number of passengers rather than HELLO) it should enter the input element (which is now NOT read-only by default)

Screenshots / Screencast

What gif best describes how you feel about this work?

---

• [x] I have checked the contributing document and I'm happy for this to be reviewed.

  Reviewers

Review 1

• [x] :+1:

Review 2 *

• [x] :+1:

Review 3 (optional)

• [ ] :+1:

By adding a +1 you are confirming you have...

• Witnessed the work behaving as expected (this could be on the author's machine or screencast).
• Checked for coding anti-patterns.
• Checked for appropriate test coverage.
• Checked all the tests are passing.

* for HX this review must be completed by an SE, SA or Project Guru

[richardstevens]

Tested this locally and worked as expected, nice touch making the readOnly a prop rather than hardcoded. :+1:

[hxpaul]

Taking review :two:

[jodiedoubleday]

Comments addressed. The react a11y warnings are okay, i think these are solved by fixing the code editor on docs (generally thats not very accessible by nature) we may want to remove this functionality or make it better in the future.

[hxpaul]

ok with me now :+1: