fix: updates checkbox/radio to show conditional with nojs

[alexwbbr]

Updates the common checkbox and radio component to show the conditional when JS is off
#309

[codecov-commenter]

Codecov Report

Merging #325 (8f57a32) into release/0.5 (292fd65) will not change coverage.
The diff coverage is 100.00%.

❗ Current head 8f57a32 differs from pull request most recent head 7c871f2. Consider uploading reports for the commit 7c871f2 to get more accurate results

@@              Coverage Diff              @@
##           release/0.5      #325   +/-   ##
=============================================
  Coverage       100.00%   100.00%           
=============================================
  Files               43        43           
  Lines              955       961    +6     
  Branches           361       361           
=============================================
+ Hits               955       961    +6     

Impacted Files	Coverage Δ
src/common/components/CheckboxRadioBase.tsx	100.00% <100.00%> (ø)
src/common/components/Conditional.tsx	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

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

[brightpixels]

@alexwbbr I gave this a test run and I noted 2 issues:

• With JS disabled, the conditional is displayed, however, with JS enabled, the conditional is missing and toggling the checkbox has no effect.
• In our use case, we would like the conditional to be a sibiling of the checkbox item and not as a child/nested within the div of the checkbox item. If this will break other use cases, can you give us an option to pass in so we can have the html structure match our requirement, see here: https://design-system.service.gov.uk/components/checkboxes/conditional-reveal/index.html

[alexwbbr]

@brightpixels I have changed the rendering of the conditional which should have fixed the issue where it was no longer being displayed with JS enabled. As for the styling currently there are already lots of classNames you can pass down to the conditional to style it anyway you want which can be defined in the conditional properties section.

[daniele-zurico]

can you please change to beta-5 and update the documentation?