From 3436243f4134d0cc1465a3d2541827e2fb09ca39 Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Wed, 10 Jul 2024 14:22:19 +0100
Subject: [PATCH 1/6] update logic in related-content macro

---
 src/components/related-content/_macro-options.md | 1 +
 src/components/related-content/_macro.njk        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/related-content/_macro-options.md b/src/components/related-content/_macro-options.md
index 4e95507fee..d861e4c7bf 100644
--- a/src/components/related-content/_macro-options.md
+++ b/src/components/related-content/_macro-options.md
@@ -14,3 +14,4 @@
 | iconType     | string                                                      | false    | Adds an icon to all the list items when set to the name of one of the [available icons](/foundations/icons#a-to-z). Requires `iconPosition` to be set. |
 | iconPosition | string                                                      | false    | Sets the position of the icon to “before” or “after” each list item in the row                                                                         |
 | iconSize     | string                                                      | false    | Icon size can be set to match the size of the list item text as detailed in the [typography type scale](/foundations/typography/#type-scale).          |
+| variants     | array or string                                             | false    | An array of values or single value (string) to adjust the list items using available variants: “bare”, “dashed”, “inline”, “social”, and “languages”   |
diff --git a/src/components/related-content/_macro.njk b/src/components/related-content/_macro.njk
index c18509ab3e..323c78bc1b 100644
--- a/src/components/related-content/_macro.njk
+++ b/src/components/related-content/_macro.njk
@@ -16,7 +16,7 @@
                     <nav class="ons-related-content__navigation" aria-labelledby="{{ row.id }}">
                         {{
                             onsList({
-                                "variants": 'bare',
+                                "variants": row.variants if row.variants else 'bare',
                                 "iconType": row.iconType,
                                 "iconPosition": row.iconPosition,
                                 "iconSize": row.iconSize,

From b2f17d9505cca94b9fca7ac44676d49e3f576744 Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Wed, 10 Jul 2024 14:49:46 +0100
Subject: [PATCH 2/6] update visual tests

---
 ...mple-related-content-social-media_0_document_0_desktop.png | 4 ++--
 ...ample-related-content-social-media_0_document_1_tablet.png | 4 ++--
 ...ample-related-content-social-media_0_document_2_mobile.png | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_0_desktop.png
index 5ad07761b8..5d2b1a1418 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a05f09d4da195bc793373e107dbd44733a7109a773dc4f03311bf8ea79f46431
-size 22750
+oid sha256:d004030b4591bc09661a358ca79e0951ad0eb8e987fa2b004ee498b4a25c92ae
+size 22802
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_1_tablet.png
index 7376ee5762..702a3332da 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:94def9767de37a71aa945a22b41f3fb07e4ff0810cf722ab3b7f2fbe3ea34c5d
-size 17124
+oid sha256:2a4d0fa03bcc3d340f588722985ea14b36bacc60eeb004cd266d38edfa2ba6e9
+size 17174
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_2_mobile.png
index fa238aedbe..6d4d304099 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_related-content_example-related-content-social-media_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ab181e4eb68f2d597d196f68bd55ffdd68f1ee268a9a4fedd72f3ad2cf6ef3ed
-size 12739
+oid sha256:70140c70db33c6572701c3d930881e819c7ca5b512e2ef5956590af34b08f895
+size 12725

From 2b9442273c96f5d6d69b5edb9f7eb5a46263a3fc Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Thu, 11 Jul 2024 21:49:24 +0100
Subject: [PATCH 3/6] fix issue

---
 src/components/list/_list.scss | 6 ++++++
 src/components/list/_macro.njk | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/list/_list.scss b/src/components/list/_list.scss
index 6ac1472f75..1590174dc9 100644
--- a/src/components/list/_list.scss
+++ b/src/components/list/_list.scss
@@ -68,6 +68,12 @@
         }
     }
 
+    &--prefix,
+    &--suffix,
+    &--icons {
+        @extend .ons-list--bare;
+    }
+
     &--social & {
         &__item {
             align-items: center;
diff --git a/src/components/list/_macro.njk b/src/components/list/_macro.njk
index 27e89193f0..6f4f771255 100644
--- a/src/components/list/_macro.njk
+++ b/src/components/list/_macro.njk
@@ -3,11 +3,11 @@
     {% set listLength = params.itemsList | length %}
 
     {% if params.itemsList[0].prefix %}
-        {% set otherClasses = 'ons-list--bare ons-list--prefix' %}
+        {% set otherClasses = 'ons-list--prefix' %}
     {% elif params.itemsList[0].suffix %}
-        {% set otherClasses = 'ons-list--bare ons-list--suffix' %}
+        {% set otherClasses = 'ons-list--suffix' %}
     {% elif params.iconPosition %}
-        {% set otherClasses = 'ons-list--bare ons-list--icons' %}
+        {% set otherClasses = 'ons-list--icons' %}
         {% set iconType = params.iconType if params.iconType %}
     {% else %}
         {% set otherClasses = '' %}

From bfbb1783f70d6c6f46957bc8c34bf2aed861647d Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Fri, 12 Jul 2024 11:22:46 +0100
Subject: [PATCH 4/6] update test

---
 src/components/list/_macro.spec.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/list/_macro.spec.js b/src/components/list/_macro.spec.js
index 75775f4e85..09ca3c85f2 100644
--- a/src/components/list/_macro.spec.js
+++ b/src/components/list/_macro.spec.js
@@ -77,29 +77,27 @@ describe('macro: list', () => {
             expect($('.ons-list').hasClass('ons-list--inline')).toBe(true);
         });
 
-        it('assumes the "bare" variant with a prefix modifier class when the first list item has a prefix', () => {
+        it('assumes a prefix modifier class when the first list item has a prefix', () => {
             const $ = cheerio.load(
                 renderComponent('list', {
                     itemsList: [{ text: 'Item text', prefix: 'Abc' }],
                 }),
             );
 
-            expect($('.ons-list').hasClass('ons-list--bare')).toBe(true);
             expect($('.ons-list').hasClass('ons-list--prefix')).toBe(true);
         });
 
-        it('assumes the "bare" variant with a suffix modifier class when the first list item has a suffix', () => {
+        it('assumes a suffix modifier class when the first list item has a suffix', () => {
             const $ = cheerio.load(
                 renderComponent('list', {
                     itemsList: [{ text: 'Item text', suffix: 'Abc' }],
                 }),
             );
 
-            expect($('.ons-list').hasClass('ons-list--bare')).toBe(true);
             expect($('.ons-list').hasClass('ons-list--suffix')).toBe(true);
         });
 
-        it('assumes the "bare" variant with a icons modifier class when the first list item has an icon', () => {
+        it('assumes a icons modifier class when the first list item has an icon', () => {
             const $ = cheerio.load(
                 renderComponent('list', {
                     ...EXAMPLE_LIST_TEXT_ITEMS,
@@ -108,7 +106,6 @@ describe('macro: list', () => {
                 }),
             );
 
-            expect($('.ons-list').hasClass('ons-list--bare')).toBe(true);
             expect($('.ons-list').hasClass('ons-list--icons')).toBe(true);
         });
 

From 291261f0b6fba98910f3463b7e33bfc5db05f46b Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Thu, 18 Jul 2024 13:27:52 +0100
Subject: [PATCH 5/6] approve visual tests

---
 ...xample-share-page_0_document_0_desktop.png |  4 ++--
 ...example-share-page_0_document_1_tablet.png |  4 ++--
 ...example-share-page_0_document_2_mobile.png |  4 ++--
 ..._example-category_0_document_0_desktop.png |  4 ++--
 ...s_example-category_0_document_1_tablet.png |  4 ++--
 ...s_example-category_0_document_2_mobile.png |  4 ++--
 ...s_example-landing_0_document_0_desktop.png |  4 ++--
 ...ws_example-landing_0_document_1_tablet.png |  4 ++--
 ..._news_example-tag_0_document_0_desktop.png |  4 ++--
 ...s_news_example-tag_0_document_1_tablet.png |  4 ++--
 ...s_news_example-tag_0_document_2_mobile.png |  4 ++--
 src/components/list/_list.scss                | 23 ++++++++-----------
 src/components/list/_macro-options.md         | 22 +++++++++---------
 src/components/related-content/_macro.njk     |  2 +-
 .../example-related-content-social-media.njk  |  1 -
 ...le-inline-list-with-social-icon-prefix.njk |  2 +-
 16 files changed, 45 insertions(+), 49 deletions(-)

diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_0_desktop.png
index 8485bf02c5..22273547ee 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3ee394cccfe2027bd6ef0084837e0fe720cfb1daaf13b8590b7c650582cc48dd
-size 18054
+oid sha256:4f1ffeb59fa5a7514527294e21891ba77e739ab7a155d755a7808a10de722162
+size 17998
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_1_tablet.png
index ed023ca652..806d135cd7 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:24342316e0324b6a74c4a396e23fe8e11b86f2041decce09b5fe1d84bb5bf9bc
-size 12809
+oid sha256:e3240d6241d99e5d9cfe802f1627e459699992c981f7f85c2089546c9e16ba25
+size 12764
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_2_mobile.png
index c023d94b8e..17754384fa 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_share-page_example-share-page_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:dc1c2b885f68dfbf5450fe012414c29d7ce6c011f3d33aa8808c068007de35f7
-size 9218
+oid sha256:90f30981485912d2da589b2e66128b87f40c4d28a3c2d8f6e5402eed6b9b00d2
+size 9262
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_0_desktop.png
index 677f263890..62888db553 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0ca0925ef218819e0a463373773191d3b2dbb284c079f50bd675f2ab51710c30
-size 293891
+oid sha256:f89f0af13ff0268148c2508e1775d8d0075e2557e2d5ab70a125ed9efc811d22
+size 293797
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_1_tablet.png
index a3061564e1..03f35ea115 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9188c9bdd91f6b72be2f72139e392a11b49d6b18ee2c34ef08d84cfb62fe1ad3
-size 308666
+oid sha256:6bfbc1b39b03f2c0b50ac347c61cb8726cc3c1f07bcb1234ffc8dc72aeb030e3
+size 308691
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_2_mobile.png
index c9eeda8f25..03f0cd3af3 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-category_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2b0d6d1db4456951f0f17d26c91ae08ef9137d7b901039f3b1a939f25b32faec
-size 268099
+oid sha256:dd74e61d094bcea43e3d3518c5a10578af78ac4242bbf83903766ac1dec92261
+size 268088
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_0_desktop.png
index 9cee99b82c..705f55edf3 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3e1c5211e919716b91ee4136bf59bf690fff40fb6a515f4797c364f27457a26f
-size 497298
+oid sha256:9c7f8f94709f8bdafb0fc1cfe516f13c242a8b38e89262c628d940b49adf4c21
+size 497313
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_1_tablet.png
index 1cd68912c6..c44a9e2486 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:720b00261e3712d9cda54c70f613a0b57860032c4f632c3041617cbb9a1d29ef
-size 510550
+oid sha256:6e14f758bbd6b94d6dbfe6354fac53ada9f4ea6f3ddde2be6f8471958aea5b2a
+size 510533
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_0_desktop.png
index 8af6a83ed2..9a9b096067 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_0_desktop.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_0_desktop.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:414e86e469cc15712d88b1e14fbaa9484d0f2247066a0d3aefba9217db725e11
-size 181371
+oid sha256:46837196b92427707c348144abf1b7fb057ed74d6df6e59e25484b4185a97f9c
+size 181218
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_1_tablet.png
index a93fdb8bb7..e467c01267 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_1_tablet.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_1_tablet.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f10db83b226468e3f2f69bf837fbf5f2209a67666a373ea552b6baa8fa314f5b
-size 182332
+oid sha256:b9b2f86f277c240f6799fb5a7736aa4fcbebf2f9e162363f68ae6ec25595dab8
+size 182344
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_2_mobile.png
index 2fc309f041..571038787d 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-tag_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:787096f53ae03346197fdda4ad1f34e1e1f6e95421597691f66a2878541965e7
-size 162417
+oid sha256:e204a271d785c46945b0f0045a87a0d7cd0e5b96111d420299bc3df56bfbdaae
+size 162436
diff --git a/src/components/list/_list.scss b/src/components/list/_list.scss
index f5cb498627..aed32f6748 100644
--- a/src/components/list/_list.scss
+++ b/src/components/list/_list.scss
@@ -54,29 +54,26 @@
         margin-left: 0.5rem;
     }
 
-    &__prefix,
-    &__suffix {
-        font-family: $font-mono;
-    }
-
-    &--prefix &,
-    &--suffix &,
     &--icons & {
         &__item {
-            align-items: flex-start;
-            display: flex;
+            margin-top: 0;
         }
     }
 
+    &__prefix,
+    &__suffix {
+        font-family: $font-mono;
+    }
+
     &--prefix,
     &--suffix,
     &--icons {
+        margin-bottom: 0;
         @extend .ons-list--bare;
-    }
-
-    &--social & {
-        &__item {
+        .ons-list__item {
+            margin-bottom: 0.5rem;
             align-items: center;
+            display: flex;
         }
     }
 
diff --git a/src/components/list/_macro-options.md b/src/components/list/_macro-options.md
index d2cc6b21ee..685284e29d 100644
--- a/src/components/list/_macro-options.md
+++ b/src/components/list/_macro-options.md
@@ -1,14 +1,14 @@
-| Name         | Type              | Required | Description                                                                                                                                                    |
-| ------------ | ----------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| element      | string            | false    | The wrapping element for the list. If nothing is defined it will default to `<ul>`                                                                             |
-| id           | string            | false    | The HTML `id` for the wrapping element                                                                                                                         |
-| classes      | string            | false    | Classes to be added to the wrapping element                                                                                                                    |
-| itemsList    | `Array<ListItem>` | true     | Settings for each [list item](#listitem)                                                                                                                       |
-| variants     | array or string   | false    | An array of values or single value (string) to adjust the component using available variants: “bare”, “dashed”, “inline”, "summary", “social”, and “languages” |
-| iconPosition | string            | false    | Sets position of icon to “before” or “after” each list item                                                                                                    |
-| iconType     | string            | false    | Adds an icon to all the list items when set to the name of one of the [available icons](/foundations/icons#a-to-z). Requires `iconPosition` to be set.         |
-| iconSize     | string            | false    | Icon size can be set to match the size of the list item text as detailed in the [typography type scale](/foundations/typography/#type-scale).                  |
-| attributes   | object            | false    | HTML attributes (for example, data attributes) to add to wrapping element                                                                                      |
+| Name         | Type              | Required | Description                                                                                                                                            |
+| ------------ | ----------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| element      | string            | false    | The wrapping element for the list. If nothing is defined it will default to `<ul>`                                                                     |
+| id           | string            | false    | The HTML `id` for the wrapping element                                                                                                                 |
+| classes      | string            | false    | Classes to be added to the wrapping element                                                                                                            |
+| itemsList    | `Array<ListItem>` | true     | Settings for each [list item](#listitem)                                                                                                               |
+| variants     | array or string   | false    | An array of values or single value (string) to adjust the component using available variants: “bare”, “dashed”, “inline”, "summary", and “languages”   |
+| iconPosition | string            | false    | Sets position of icon to “before” or “after” each list item                                                                                            |
+| iconType     | string            | false    | Adds an icon to all the list items when set to the name of one of the [available icons](/foundations/icons#a-to-z). Requires `iconPosition` to be set. |
+| iconSize     | string            | false    | Icon size can be set to match the size of the list item text as detailed in the [typography type scale](/foundations/typography/#type-scale).          |
+| attributes   | object            | false    | HTML attributes (for example, data attributes) to add to wrapping element                                                                              |
 
 ## ListItem
 
diff --git a/src/components/related-content/_macro.njk b/src/components/related-content/_macro.njk
index 323c78bc1b..c18509ab3e 100644
--- a/src/components/related-content/_macro.njk
+++ b/src/components/related-content/_macro.njk
@@ -16,7 +16,7 @@
                     <nav class="ons-related-content__navigation" aria-labelledby="{{ row.id }}">
                         {{
                             onsList({
-                                "variants": row.variants if row.variants else 'bare',
+                                "variants": 'bare',
                                 "iconType": row.iconType,
                                 "iconPosition": row.iconPosition,
                                 "iconSize": row.iconSize,
diff --git a/src/components/related-content/example-related-content-social-media.njk b/src/components/related-content/example-related-content-social-media.njk
index 1bf223acad..3ae9613693 100644
--- a/src/components/related-content/example-related-content-social-media.njk
+++ b/src/components/related-content/example-related-content-social-media.njk
@@ -7,7 +7,6 @@
             {
                 "id": 'follow-us',
                 "title": 'Follow us',
-                "variants": 'social',
                 "iconPosition": 'before',
                 "iconSize": 'xxl',
                 "itemsList": [
diff --git a/src/foundations/lists/example-inline-list-with-social-icon-prefix.njk b/src/foundations/lists/example-inline-list-with-social-icon-prefix.njk
index 833da677cb..cc6b9ebcf1 100644
--- a/src/foundations/lists/example-inline-list-with-social-icon-prefix.njk
+++ b/src/foundations/lists/example-inline-list-with-social-icon-prefix.njk
@@ -1,7 +1,7 @@
 {% from "components/list/_macro.njk" import onsList %}
 {{
     onsList({
-        "variants": ['social', 'inline'],
+        "variants": 'inline',
         "iconPosition": 'before',
         "iconSize": 'xxl',
         "itemsList": [

From 7f0af5293a87d4b00aff84d70e8f61d5e6c4024e Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Fri, 19 Jul 2024 08:01:51 +0100
Subject: [PATCH 6/6] remove variant from doc

---
 src/components/related-content/_macro-options.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/related-content/_macro-options.md b/src/components/related-content/_macro-options.md
index d861e4c7bf..4e95507fee 100644
--- a/src/components/related-content/_macro-options.md
+++ b/src/components/related-content/_macro-options.md
@@ -14,4 +14,3 @@
 | iconType     | string                                                      | false    | Adds an icon to all the list items when set to the name of one of the [available icons](/foundations/icons#a-to-z). Requires `iconPosition` to be set. |
 | iconPosition | string                                                      | false    | Sets the position of the icon to “before” or “after” each list item in the row                                                                         |
 | iconSize     | string                                                      | false    | Icon size can be set to match the size of the list item text as detailed in the [typography type scale](/foundations/typography/#type-scale).          |
-| variants     | array or string                                             | false    | An array of values or single value (string) to adjust the list items using available variants: “bare”, “dashed”, “inline”, “social”, and “languages”   |