fix(nhsuk-frontend-react): replace Fieldset.Legend className with the…

… correct one
rowellx68 · Sep 5, 2024 · 3f113d4 · 3f113d4
1 parent de7bc57
commit 3f113d4
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 20 deletions.
diff --git a/...frontend-react/src/components/form-elements/checkbox/__snapshots__/Checkbox.spec.tsx.snap b/...frontend-react/src/components/form-elements/checkbox/__snapshots__/Checkbox.spec.tsx.snap
@@ -11,7 +11,7 @@ exports[`should render the Checkbox component 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="checkboxes_:r0:"
           id="checkboxes_:r0:--label"
         >
@@ -96,7 +96,7 @@ exports[`should render the Checkbox with conditional content 1`] = `
           class="nhsuk-fieldset"
         >
           <legend
-            class="nhsuk-legend nhsuk-fieldset__legend--l"
+            class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
             for="checkboxes_:rp:"
             id="checkboxes_:rp:--label"
           >
@@ -259,7 +259,7 @@ exports[`should render the Checkbox with error 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="checkboxes_:r2f:"
           id="checkboxes_:r2f:--label"
         >
@@ -352,7 +352,7 @@ exports[`should render the Checkbox with exclusive option 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="checkboxes_:rb:"
           id="checkboxes_:rb:--label"
         >
@@ -466,7 +466,7 @@ exports[`should render the Checkbox with hint 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="checkboxes_:r1p:"
           id="checkboxes_:r1p:--label"
         >
@@ -554,7 +554,7 @@ exports[`should render the Checkbox with item hint 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="checkboxes_:r24:"
           id="checkboxes_:r24:--label"
         >

diff --git a/...ntend-react/src/components/form-elements/date-input/__snapshots__/DateInput.spec.tsx.snap b/...ntend-react/src/components/form-elements/date-input/__snapshots__/DateInput.spec.tsx.snap
@@ -15,7 +15,7 @@ exports[`should render the date input component 1`] = `
         role="group"
       >
         <legend
-          class="nhsuk-legend"
+          class="nhsuk-fieldset__legend"
           for="dateinput_:r0:"
           id="dateinput_:r0:--label"
         >
@@ -131,7 +131,7 @@ exports[`should render the date input component with a label and hint 1`] = `
         role="group"
       >
         <legend
-          class="nhsuk-legend"
+          class="nhsuk-fieldset__legend"
           for="dateinput_:r1a:"
           id="dateinput_:r1a:--label"
         >
@@ -247,7 +247,7 @@ exports[`should render the date input component with an error message 1`] = `
         role="group"
       >
         <legend
-          class="nhsuk-legend"
+          class="nhsuk-fieldset__legend"
           for="dateinput_:r1o:"
           id="dateinput_:r1o:--label"
         >
@@ -374,7 +374,7 @@ exports[`should render the date input component with an error object 1`] = `
         role="group"
       >
         <legend
-          class="nhsuk-legend"
+          class="nhsuk-fieldset__legend"
           for="dateinput_:r26:"
           id="dateinput_:r26:--label"
         >
@@ -501,7 +501,7 @@ exports[`should render the date input component with disabled inputs 1`] = `
         role="group"
       >
         <legend
-          class="nhsuk-legend"
+          class="nhsuk-fieldset__legend"
           for="dateinput_:re:"
           id="dateinput_:re:--label"
         >

diff --git a/packages/nhsuk-frontend-react/src/components/form-elements/fieldset/Fieldset.tsx b/packages/nhsuk-frontend-react/src/components/form-elements/fieldset/Fieldset.tsx
@@ -119,7 +119,7 @@ const FieldsetLegend = ({
   return (
     <legend
       className={clsx(
-        'nhsuk-legend',
+        'nhsuk-fieldset__legend',
         {
           'nhsuk-fieldset__legend--xl': variant === 'page-heading' && !size,
           [`nhsuk-fieldset__legend--${size}`]: size,

diff --git a/...frontend-react/src/components/form-elements/fieldset/__snapshots__/Fieldset.spec.tsx.snap b/...frontend-react/src/components/form-elements/fieldset/__snapshots__/Fieldset.spec.tsx.snap
@@ -9,7 +9,7 @@ exports[`should render the fieldset component 1`] = `
       class="nhsuk-fieldset"
     >
       <legend
-        class="nhsuk-legend nhsuk-fieldset__legend--l"
+        class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
       >
         <h1
           class="nhsuk-fieldset__heading"

diff --git a/...nhsuk-frontend-react/src/components/form-elements/radio/__snapshots__/Radio.spec.tsx.snap b/...nhsuk-frontend-react/src/components/form-elements/radio/__snapshots__/Radio.spec.tsx.snap
@@ -11,7 +11,7 @@ exports[`should render the radio component 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="radios_:r0:"
           id="radios_:r0:--label"
         >
@@ -82,7 +82,7 @@ exports[`should render the radio component with conditional content 1`] = `
           class="nhsuk-fieldset"
         >
           <legend
-            class="nhsuk-legend nhsuk-fieldset__legend--l"
+            class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
             for="radios_:r1n:"
             id="radios_:r1n:--label"
           >
@@ -247,7 +247,7 @@ exports[`should render the radio component with divider 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="radios_:r1c:"
           id="radios_:r1c:--label"
         >
@@ -337,7 +337,7 @@ exports[`should render the radio component with error 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="radios_:rk:"
           id="radios_:rk:--label"
         >
@@ -422,7 +422,7 @@ exports[`should render the radio component with hint 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="radios_:r8:"
           id="radios_:r8:--label"
         >
@@ -518,7 +518,7 @@ exports[`should render the radio component with inline items 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="radios_:rs:"
           id="radios_:rs:--label"
         >
@@ -585,7 +585,7 @@ exports[`should render the radio component with item hints 1`] = `
         class="nhsuk-fieldset"
       >
         <legend
-          class="nhsuk-legend nhsuk-fieldset__legend--l"
+          class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l"
           for="radios_:r14:"
           id="radios_:r14:--label"
         >