Add missing summary list row noBorder prop

Author: colinrotherham

src/components/content-presentation/summary-list/__tests__/SummaryList.test.tsx

@@ -10,6 +10,12 @@ describe('SummaryList', () => {
     expect(container).toMatchSnapshot('SummaryList');
   });
 
+  it('matches snapshot without border', () => {
+    const { container } = render(<SummaryList noBorder />);
+
+    expect(container).toMatchSnapshot();
+  });
+
   it('forwards refs', () => {
     const ref = createRef<HTMLDListElement>();
 
@@ -34,6 +40,13 @@ describe('SummaryList', () => {
       expect(container.textContent).toBe('Row');
       expect(container).toMatchSnapshot();
     });
+
+    it('matches snapshot without border', () => {
+      const { container } = render(<SummaryList.Row noBorder>Row</SummaryList.Row>);
+
+      expect(container).toHaveTextContent('Row');
+      expect(container).toMatchSnapshot();
+    });
   });
 
   describe('SummaryList.Key', () => {

src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap

@@ -30,6 +30,16 @@ exports[`SummaryList SummaryList.Row matches snapshot 1`] = `
 </div>
 `;
 
+exports[`SummaryList SummaryList.Row matches snapshot without border 1`] = `
+<div>
+  <div
+    class="nhsuk-summary-list__row nhsuk-summary-list__row--no-border"
+  >
+    Row
+  </div>
+</div>
+`;
+
 exports[`SummaryList SummaryList.Value matches snapshot 1`] = `
 <div>
   <dd
@@ -40,6 +50,14 @@ exports[`SummaryList SummaryList.Value matches snapshot 1`] = `
 </div>
 `;
 
+exports[`SummaryList matches snapshot without border 1`] = `
+<div>
+  <dl
+    class="nhsuk-summary-list nhsuk-summary-list--no-border"
+  />
+</div>
+`;
+
 exports[`SummaryList matches snapshot: SummaryList 1`] = `
 <div>
   <dl

src/components/content-presentation/summary-list/components/SummaryListRow.tsx

@@ -1,8 +1,19 @@
 import classNames from 'classnames';
 import { type ComponentPropsWithoutRef, type FC } from 'react';
 
-export const SummaryListRow: FC<ComponentPropsWithoutRef<'div'>> = ({ className, ...rest }) => (
-  <div className={classNames('nhsuk-summary-list__row', className)} {...rest} />
+export interface SummaryListRowProps extends ComponentPropsWithoutRef<'div'> {
+  noBorder?: boolean;
+}
+
+export const SummaryListRow: FC<SummaryListRowProps> = ({ className, noBorder, ...rest }) => (
+  <div
+    className={classNames(
+      'nhsuk-summary-list__row',
+      { 'nhsuk-summary-list__row--no-border': noBorder },
+      className,
+    )}
+    {...rest}
+  />
 );
 
 SummaryListRow.displayName = 'SummaryList.Row';