From f17f144af27493584f969252070959056e5171b8 Mon Sep 17 00:00:00 2001
From: Vanita Barrett <vanita.barrett@digital.cabinet-office.gov.uk>
Date: Wed, 22 Sep 2021 13:06:22 +0100
Subject: [PATCH] Remove accordion <sup> examples

These examples were added to test a different combination of HTML elements in the
accordion component. However, the <sup> element specifically pushes text in the
accordion out of line and therefore requires additional styling if it's going to be
used (vertical-align: top). We also don't think it's likely that a user would want
to use <sup> inside the summary line.

This commit removes the <sup> from the accordion examples. The existing examples still
test the accordion when passing in HTML content, so that is still covered.
---
 app/views/full-page-examples/campaign-page/index.njk | 4 ++--
 src/govuk/components/accordion/accordion.yaml        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/views/full-page-examples/campaign-page/index.njk b/app/views/full-page-examples/campaign-page/index.njk
index f987b41506..ee39ba21c8 100644
--- a/app/views/full-page-examples/campaign-page/index.njk
+++ b/app/views/full-page-examples/campaign-page/index.njk
@@ -109,7 +109,7 @@ notes: >-
               },
               expanded: true,
               content: {
-                html: "<p class='govuk-body'>This is the content for Staying for the<sup>1</sup> web.</p>"
+                html: "<p class='govuk-body'>This is the content for Staying for the web.</p>"
               }
             },
             {
@@ -165,7 +165,7 @@ notes: >-
                 text: "Providing assisted digital support"
               },
               summary: {
-                html: "<span class='govuk-!-font-weight-regular'>Helping people who don't have the skills or access to use a service.<sup>1</sup></span>"
+                html: "<span class='govuk-!-font-weight-regular'>Helping people who don't have the skills or access to use a service.</span>"
               },
               content: {
                 html: "<ul class='govuk-list'><li><a class='govuk-link' href='#'>Making your service accessible: an introduction</a></li><li><a class='govuk-link' href='#'>Understanding WCAG 2.1</a></li><li><a class='govuk-link' href='#'>Getting an accessibility audit</a></li><li><a class='govuk-link' href='#'>Testing for accessibility</a></li><li><a class='govuk-link' href='#'>Publishing information about your service's accessibility</a></li></ul>"
diff --git a/src/govuk/components/accordion/accordion.yaml b/src/govuk/components/accordion/accordion.yaml
index ea7c328fde..27befc912b 100644
--- a/src/govuk/components/accordion/accordion.yaml
+++ b/src/govuk/components/accordion/accordion.yaml
@@ -106,9 +106,9 @@ examples:
               <li>Example item 1</li>
             </ul>
       - heading:
-         text: Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum. 
+         text: Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.
         summary:
-          html: <span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien<sup>1</sup>. Etiam varius luctus mauris non porttitor. </span>
+          html: <span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>
         content:
           html: |
             <ul class="govuk-list govuk-list--bullet">