Feature/enable nested list (#2749)

* allow nested list * remane to itemslist * update example class * update example * added tests and updated documentation * update failing tests * update vr test * update macro to fix test
ONSdigital · Jul 25, 2023 · 8c6e406 · 8c6e406
1 parent 82175d6
commit 8c6e406
Show file tree

Hide file tree

Showing 72 changed files with 316 additions and 155 deletions.
diff --git a/__snapshots__/layout/_template.spec.js.snap b/__snapshots__/layout/_template.spec.js.snap
@@ -1413,34 +1413,47 @@ exports[`base page template matches the full configuration snapshot 1`] = `
     
         
     
-        <ul class=\\"ons-list ons-u-mb-no ons-list--bare\\">
+    <ul class=\\"ons-list ons-u-mb-no ons-list--bare\\">
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">About our surveys</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Lists of all surveys</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Respondent Charter</a>
+            
                 </li>
-                </ul>
+            </ul>
+
 
                             </div>
                         
@@ -1460,34 +1473,47 @@ exports[`base page template matches the full configuration snapshot 1`] = `
     
         
     
-        <ul class=\\"ons-list ons-u-mb-no ons-list--bare\\">
+    <ul class=\\"ons-list ons-u-mb-no ons-list--bare\\">
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">What we do</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Transparency and governance</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Contact us</a>
+            
                 </li>
-                </ul>
+            </ul>
+
 
                             </div>
                         
@@ -1507,11 +1533,14 @@ exports[`base page template matches the full configuration snapshot 1`] = `
     
         
     
-        <ul class=\\"ons-list ons-u-mb-no ons-list--bare\\">
+    <ul class=\\"ons-list ons-u-mb-no ons-list--bare\\">
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     
@@ -1522,26 +1551,36 @@ exports[`base page template matches the full configuration snapshot 1`] = `
         <path d=\\"M8.83,7.88a.51.51,0,0,0,.71,0l2.31-2.32,1.28,1.28A.51.51,0,0,0,14,6.49v-4a.52.52,0,0,0-.5-.5h-4A.51.51,0,0,0,9,2.52a.58.58,0,0,0,.14.33l1.28,1.28L8.12,6.46a.51.51,0,0,0,0,.71Z\\" transform=\\"translate(-2 -1.99)\\"></path>
     </svg></span><span class=\\"ons-external-link__new-window-description ons-u-vh\\"> (opens in a new tab)</span></a>
 
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Release calendar</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">News</a>
+            
                 </li>
-                </ul>
+            </ul>
+
 
                             </div>
                         
@@ -1570,43 +1609,60 @@ exports[`base page template matches the full configuration snapshot 1`] = `
     
         
     
-        <ul class=\\"ons-list ons-u-mb-s ons-footer--rows ons-list--bare ons-list--inline\\">
+    <ul class=\\"ons-list ons-u-mb-s ons-footer--rows ons-list--bare ons-list--inline\\">
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Cookies</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Accessibility statement</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Privacy and data protection</a>
+            
                 </li>
-                
+            
+            
+            
                 <li class=\\"ons-list__item\\">
+            
                 
                     
-                    
+                     
 
                     
                     <a href=\\"#0\\" class=\\"ons-list__link\\">Terms and conditions</a>
+            
                 </li>
-                </ul>
+            </ul>
+
 
                             
                         

diff --git a/...reference/ds-vr-test__components_footer_example-footer_0_document_0_desktop.png b/...reference/ds-vr-test__components_footer_example-footer_0_document_0_desktop.png
diff --git a/..._reference/ds-vr-test__components_footer_example-footer_0_document_1_tablet.png b/..._reference/ds-vr-test__components_footer_example-footer_0_document_1_tablet.png
diff --git a/..._reference/ds-vr-test__components_footer_example-footer_0_document_2_mobile.png b/..._reference/ds-vr-test__components_footer_example-footer_0_document_2_mobile.png
diff --git a/...est__components_panel_example-panel-with-error-summary_0_document_0_desktop.png b/...est__components_panel_example-panel-with-error-summary_0_document_0_desktop.png
diff --git a/...test__components_panel_example-panel-with-error-summary_0_document_1_tablet.png b/...test__components_panel_example-panel-with-error-summary_0_document_1_tablet.png
diff --git a/...test__components_panel_example-panel-with-error-summary_0_document_2_mobile.png b/...test__components_panel_example-panel-with-error-summary_0_document_2_mobile.png
diff --git a/...vr-test__components_question_example-question-fieldset_0_document_0_desktop.png b/...vr-test__components_question_example-question-fieldset_0_document_0_desktop.png
diff --git a/...-vr-test__components_question_example-question-fieldset_0_document_1_tablet.png b/...-vr-test__components_question_example-question-fieldset_0_document_1_tablet.png
diff --git a/...-vr-test__components_question_example-question-fieldset_0_document_2_mobile.png b/...-vr-test__components_question_example-question-fieldset_0_document_2_mobile.png
diff --git a/...e/ds-vr-test__components_share-page_example-share-page_0_document_0_desktop.png b/...e/ds-vr-test__components_share-page_example-share-page_0_document_0_desktop.png
diff --git a/...ce/ds-vr-test__components_share-page_example-share-page_0_document_1_tablet.png b/...ce/ds-vr-test__components_share-page_example-share-page_0_document_1_tablet.png
diff --git a/...ce/ds-vr-test__components_share-page_example-share-page_0_document_2_mobile.png b/...ce/ds-vr-test__components_share-page_example-share-page_0_document_2_mobile.png
diff --git a/...onents_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png b/...onents_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png
diff --git a/...onents_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png b/...onents_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png
diff --git a/...erence/ds-vr-test__foundations_lists_example-bare-list_0_document_0_desktop.png b/...erence/ds-vr-test__foundations_lists_example-bare-list_0_document_0_desktop.png
diff --git a/...ference/ds-vr-test__foundations_lists_example-bare-list_0_document_1_tablet.png b/...ference/ds-vr-test__foundations_lists_example-bare-list_0_document_1_tablet.png
diff --git a/...ference/ds-vr-test__foundations_lists_example-bare-list_0_document_2_mobile.png b/...ference/ds-vr-test__foundations_lists_example-bare-list_0_document_2_mobile.png
diff --git a/...ence/ds-vr-test__foundations_lists_example-dashed-list_0_document_0_desktop.png b/...ence/ds-vr-test__foundations_lists_example-dashed-list_0_document_0_desktop.png
diff --git a/...rence/ds-vr-test__foundations_lists_example-dashed-list_0_document_1_tablet.png b/...rence/ds-vr-test__foundations_lists_example-dashed-list_0_document_1_tablet.png
diff --git a/...rence/ds-vr-test__foundations_lists_example-dashed-list_0_document_2_mobile.png b/...rence/ds-vr-test__foundations_lists_example-dashed-list_0_document_2_mobile.png
diff --git a/...ions_lists_example-inline-list-with-social-icon-prefix_0_document_0_desktop.png b/...ions_lists_example-inline-list-with-social-icon-prefix_0_document_0_desktop.png
diff --git a/...tions_lists_example-inline-list-with-social-icon-prefix_0_document_1_tablet.png b/...tions_lists_example-inline-list-with-social-icon-prefix_0_document_1_tablet.png
diff --git a/...tions_lists_example-inline-list-with-social-icon-prefix_0_document_2_mobile.png b/...tions_lists_example-inline-list-with-social-icon-prefix_0_document_2_mobile.png
diff --git a/...-test__foundations_lists_example-list-with-icon-prefix_0_document_0_desktop.png b/...-test__foundations_lists_example-list-with-icon-prefix_0_document_0_desktop.png
diff --git a/...r-test__foundations_lists_example-list-with-icon-prefix_0_document_1_tablet.png b/...r-test__foundations_lists_example-list-with-icon-prefix_0_document_1_tablet.png
diff --git a/...r-test__foundations_lists_example-list-with-icon-prefix_0_document_2_mobile.png b/...r-test__foundations_lists_example-list-with-icon-prefix_0_document_2_mobile.png
diff --git a/...-test__foundations_lists_example-list-with-icon-suffix_0_document_0_desktop.png b/...-test__foundations_lists_example-list-with-icon-suffix_0_document_0_desktop.png
diff --git a/...r-test__foundations_lists_example-list-with-icon-suffix_0_document_1_tablet.png b/...r-test__foundations_lists_example-list-with-icon-suffix_0_document_1_tablet.png
diff --git a/...r-test__foundations_lists_example-list-with-icon-suffix_0_document_2_mobile.png b/...r-test__foundations_lists_example-list-with-icon-suffix_0_document_2_mobile.png