@ukhomeoffice/cop-react-form-renderer 4.85.0 → 4.86.0

package/dist/components/CheckYourAnswers/CheckYourAnswers.js

@@ -143,15 +143,11 @@ var CheckYourAnswers = function CheckYourAnswers(_ref) {
       });
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: taskIndex
-      }, /*#__PURE__*/_react.default.createElement("h3", {
-        className: "govuk-heading-m govuk-!-margin-top-8 govuk-!-margin-bottom-0"
-      }, filterPages.length > 0 && task.name), filterPages.map(function (page, pageIndex) {
+      }, /*#__PURE__*/_react.default.createElement(_copReactComponents.MediumHeading, null, filterPages.length > 0 && task.name), filterPages.map(function (page, pageIndex) {
         var hideActionButtons = isGroup(page.id) || noChangeAction;
         return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
           key: pageIndex
-        }, !hide_page_titles && page.title && !isGroup(page.id) && /*#__PURE__*/_react.default.createElement("h4", {
-          className: "govuk-heading-m govuk-!-margin-top-6 govuk-!-margin-bottom-5"
-        }, _utils.default.interpolateString(page.title, page.formData)), /*#__PURE__*/_react.default.createElement(_SummaryList.default, {
+        }, !hide_page_titles && page.title && !isGroup(page.id) && /*#__PURE__*/_react.default.createElement(_copReactComponents.SmallHeading, null, _utils.default.interpolateString(page.title, page.formData)), /*#__PURE__*/_react.default.createElement(_SummaryList.default, {
           rows: page.rows,
           classModifiers: summaryListClassModifiers,
           noChangeAction: hideActionButtons,

package/dist/components/CheckYourAnswers/CheckYourAnswers.test.js

@@ -334,25 +334,22 @@ describe('components', function () {
             })));
           case 3:
             taskHeading1 = container.childNodes[0].childNodes[0];
-            expect(taskHeading1.tagName).toEqual('H3');
+            expect(taskHeading1.tagName).toEqual('H2');
             expect(taskHeading1.textContent).toEqual('Task 1');
-            expect(taskHeading1.classList).toContain("govuk-!-margin-top-8");
-            expect(taskHeading1.classList).toContain("govuk-!-margin-bottom-0");
+            expect(taskHeading1.classList).toContain("govuk-heading-m");
             namesPageHeading = container.childNodes[0].childNodes[1];
             expect(namesPageHeading.tagName).toEqual('DIV');
             expect(namesPageHeading.textContent).toContain('John');
             expect(namesPageHeading.classList).toContain("group-of-rows");
             taskHeading2 = container.childNodes[0].childNodes[2];
-            expect(taskHeading2.tagName).toEqual('H3');
+            expect(taskHeading2.tagName).toEqual('H2');
             expect(taskHeading2.textContent).toEqual('Task 2');
-            expect(taskHeading2.classList).toContain("govuk-!-margin-top-8");
-            expect(taskHeading2.classList).toContain("govuk-!-margin-bottom-0");
+            expect(taskHeading2.classList).toContain("govuk-heading-m");
             gradePageHeading = container.childNodes[0].childNodes[3];
-            expect(gradePageHeading.tagName).toEqual('H4');
+            expect(gradePageHeading.tagName).toEqual('H3');
             expect(gradePageHeading.textContent).toEqual("What's your grade?");
-            expect(gradePageHeading.classList).toContain("govuk-!-margin-top-6");
-            expect(gradePageHeading.classList).toContain("govuk-!-margin-bottom-5");
-          case 22:
+            expect(gradePageHeading.classList).toContain("govuk-heading-s");
+          case 19:
           case "end":
             return _context14.stop();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "4.85.0",
+  "version": "4.86.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",