diff --git a/__snapshots__/layout/_template.spec.js.snap b/__snapshots__/layout/_template.spec.js.snap index 6e77ebf192..e7cbd1e4fe 100644 --- 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`] = ` - + @@ -1460,34 +1473,47 @@ exports[`base page template matches the full configuration snapshot 1`] = ` - + @@ -1507,11 +1533,14 @@ exports[`base page template matches the full configuration snapshot 1`] = ` - + @@ -1570,43 +1609,60 @@ exports[`base page template matches the full configuration snapshot 1`] = ` - + diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_0_desktop.png index 280b4a95cc..e284c65697 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:13703f405189f73c48948acfdf8e02b43d72cb1445025b2f8026e90b7bedab06 -size 20046 +oid sha256:e0285395708f21255bede3a7273f35515be630699f3d1461e58adb67b985646b +size 19334 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_1_tablet.png index 1a70dd7a8e..4a913fffe6 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b88c56d2c48df03a9349837eeddfdab350aa1320777a64921f115dbd290c8fed -size 14934 +oid sha256:dbe2c1eb5ed895b822304e05c92937f4b6afa252fc8d1f180e43849f56a5b516 +size 14230 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_2_mobile.png index 557be48a2f..a6d296d5d8 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_content-pagination_example-content-pagination_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4090b9c7b9611d92aedbb2bee76645b31cc14d8b7ae5e79ec500a5228df282ae -size 11286 +oid sha256:765360b4714389502665786bd512a0e2d866a3aa435ccaadc0c2173392f9b0c6 +size 10996 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_0_desktop.png index 926c999091..e24bb9c9ad 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:08bcec4f3a490ccffed327a0714f0f256b6ae770ef21480149898ba1a58a775b -size 48277 +oid sha256:e420f67a30341d04fa0b7df335ec6ba7cad42e3037130b4fd504925ea285b350 +size 48338 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_1_tablet.png index 6987c80339..a16848f933 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:3717a6f03456f1b5180f0ba4ad3962bbb4c22822f5d67df50ac73875b3c0fffa -size 47689 +oid sha256:53d4a1e01ee4405b9df6be6c72d3a7d6cd145f13cd4ece880291b40ae78566a4 +size 47732 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_2_mobile.png index ec34249ef8..46b31ef86f 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_footer_example-footer_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:08c8c4651e3cf282242326b0a8c41513f48ef827d1a7003eeccb235fe18ca633 -size 52292 +oid sha256:ed8badc725acfa8ffc3f6ad55568d0acabdb4648282877c021abba36f7106fe6 +size 52386 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_0_desktop.png index 6a8709bcea..416feef42e 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9dff69848cfc11a4b3640b2b548d470a38284901b2ce2e9b6f45d256bc800adb -size 13116 +oid sha256:69673ca3adaee96f964a5c6835c5bced3ef36019caa1142637134fbe1108825b +size 13511 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_1_tablet.png index 9419fb59cd..fcd74160f5 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:150f69ca7cb47690c0b90c21be8fc87b044935097e12fc71ebd9aaf55b85a67f -size 7912 +oid sha256:7dbbcf0cf4b491cd3376f03dfc30d22892ced29d3532e1dea03a1dd092e46d9e +size 8305 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_2_mobile.png index 801db20124..655d1946b9 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-first_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:09465de35c2f6fac5ae7afe35cc4916b55dea6fe76c807fd3e941b139131e524 -size 5575 +oid sha256:b596ba58e4040f632dabe890b7cf8dedbb7f774ecd4436c0bc1af84dab06e70c +size 5944 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_0_desktop.png index 2dddb4ef5b..00f8e92f12 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:dc5feb29b4844552e788d9b336d610bbac69de203893c8de647c02a58323e92a -size 13693 +oid sha256:f9523a1fe038bc027a570c67784460d708741fb295e5e554ae8bd2803d38dc7b +size 14227 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_1_tablet.png index a134dcab7f..3cbf4c26fc 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:a3c1dba889b7ad3a7c13ff336290b11634ec96beac1423f88eebacb05de2191c -size 8520 +oid sha256:1986b531f24995ae3926e6371efd6b151ce267390cef891008a169b57fbc2005 +size 9052 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_2_mobile.png index f843d7c5df..cbf55dfe77 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-last_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7b993882876c831d52a711c2686c2c985697de62e2f2ef6945ad0b3ab96187b9 -size 6148 +oid sha256:ae1ec6978c35bea3ee204be9cf5b7d5bcd0c883c845b70782cef6fb672c4fa2e +size 6596 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_0_desktop.png index 7425add284..7813851770 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0480479f230bfeddb064c430bf6e91aafe1e24391b3611ac3c265df72dcdd550 -size 14993 +oid sha256:221da12fb44e9e515ffba1a32c4a681293b2fee2311ec0843847a22dd8203a51 +size 15809 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_1_tablet.png index a11d35d2a4..159cc3c899 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e29e88a47ecc0da3d8c140f16336c859f635030fe32f921d2db5d2a8c23b90d7 -size 9820 +oid sha256:7421d780899125f570dc4852c75de60415a39f2d1d706286e1398d76d2f6b8c1 +size 10596 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_2_mobile.png index 0c212ede62..62013c1cf9 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination-with-no-range-indicator_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:058a981f202cfd9817bcbdd3c039fe074b2bf3086e32f0a644dd8f8089f379a3 -size 7408 +oid sha256:3139d9a764f897dc3290f6a286fccd1dc52c52ab97361b48275e3eded4568240 +size 8131 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_0_desktop.png index f3375d7b23..08f980ae93 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:8a510dbc121d656eea43583d8ed8c6fd7ca927e4bae27609a835bf25236bd664 -size 17513 +oid sha256:70e40f94628a69e3b8491e0b8b73c4b9c867e207726807d322d163d307fc80c7 +size 18337 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_1_tablet.png index d44c4daf82..72d0f93d39 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:187b7444b4e08f16c07d82f3e97c63a2156b712a7af6e84f570617dd95da54bc -size 12393 +oid sha256:2d94c51906acbaadd061167083b6c5c73c622fe89eebad14385957a021329bb9 +size 13156 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_2_mobile.png index 19e861de19..2739374300 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_pagination_example-pagination_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:5f37e09dc4351053b1e82ec04d201651432969fbb92fc48103f125239de330de -size 7347 +oid sha256:3bd3921686d2966a1399be57f90317c71442cc8384d114608162987ec6938bd0 +size 8071 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_0_desktop.png index 985fd6ebd8..0232264ac9 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:5ccc44e31ada1287afab45c6cb4b59da8cfb5ae0180aeae7762dc50d53fd0af3 +oid sha256:be19ea2e4390aee1986b9d0aba219381286c315b59b575172fff03b7eef1fa20 size 20893 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_1_tablet.png index d9b57c8d95..79b17ff4cf 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:13a207d090ced6a12c68dd10f56d4b0a2ef6c19892f0767fecd15afa774104e5 +oid sha256:2ae9e4bb250a1c1b877ff92be4ddfaa1b4f5d146205578a94b3471e797798bd2 size 15775 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_2_mobile.png index 3c8e38f909..129a6302b8 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_panel_example-panel-with-error-summary_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c4f50c7833ea742aac264e4addc8c500761a441bff1ccc0235b1d07d00aaf94b -size 14786 +oid sha256:6d1278f74f44351e6ec75ba3e94a9c15ace8d3d186868e3cb639b7a1d6f05ccf +size 14788 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_0_desktop.png index 7f2d684d28..5f76e15d75 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:8e602f1f9cbd4d3ddb246d9cda93c5a487dcc83c274523c15269f9438b163ffe +oid sha256:3d492b10f733cd5c0e3db57894e73e0d602e77aa70fe22fa8f7bbf1106609855 size 88525 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_1_tablet.png index 19d8b2698a..76c73859f3 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:208f4ac812eebb189ccc88610efb92325539f4d1ad7fe13ac3204774a6d371ea -size 83621 +oid sha256:c8bbe800185a80204717729fded31e8f3e9258f7c2c7a0582302fbf0437edfbf +size 83617 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_2_mobile.png index 93a539abf5..93536536ea 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_question_example-question-fieldset_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c75f869a09999c6df6599fa3697f38882b1655a0f4539f6f2c5cb96a3b1738fc +oid sha256:9720398fc31ef36bfa6a487d708110bf0ef79f36a0328924d43f6ae91b22fa2c size 85979 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 5a77728c6b..368dd0b418 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:fcef78a223754d63397a4bb19d0528c3b33ab78a0d6be75ad1a2d7d07f3b5f18 -size 17816 +oid sha256:5abb7f24e906b9a0d8edae746bf1f5929ff27d7980c9385d597148d0b781f5be +size 17917 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 29d5554203..aadf84620c 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:c1f65fd2efc2df6445b5ff1d8b3d93d2ae5cb0428caa63fefc524324bfdf8727 -size 12618 +oid sha256:3dbce5d639582b0e2af8f4e14e971caee06420288bd42c42dc7e10dfcba26304 +size 12706 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 d5e8dec959..abecf9f68c 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:092523111c4a02539859a7617fddfc8390f7124cc395d8292798f222fc4e9954 -size 9088 +oid sha256:8c379b39bfe5729f8f1cf57339bd732f11700260865c303eea90498f7fd20fb3 +size 9205 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_0_desktop.png index 7f20b39e92..6ff63d5d1d 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:67986068c453ec5534fd2138bd3974e43a6b837e2603416495be0e48679a66d6 -size 17441 +oid sha256:47df53d9a4630fa991d39f9420d0920c814cbf2b78891da45b678b1f45452b04 +size 17486 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png index 2695f0770a..f0f681a56c 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__components_timeout-panel_example-panel-with-timeout-warning_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ca21587d7e4bf313e46414c7c484509716ee93ad9d66e7b02efc844b2757bb25 -size 13752 +oid sha256:f67e4ca5163a3770c17f4768fd548fc4e4ac0099d5cef4330b6176ee7c5174f2 +size 13805 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_0_desktop.png new file mode 100644 index 0000000000..de3d6573e0 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0155e091bf747fec946c6095fbe3322431b1e8a09969119c4749937fa9e6f732 +size 16698 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_1_tablet.png new file mode 100644 index 0000000000..aad06c46a2 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0dbf2c30b49bf411bdf50640ec03cad7a4ce22caaa0b84aecae0fd398e157514 +size 11359 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_2_mobile.png new file mode 100644 index 0000000000..7b0c5f54f9 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_icons_example-icons-size_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c9630f3dc96ead02052d105bf0bee46d387481f04a00ed82e3543194d66f92a9 +size 7666 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_0_desktop.png index 2e6748c5a7..fd239c003b 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:fd83f04b3f875ffcbe838e8a39aa65a973cab9b3e17173d1dd48d94c181693db +oid sha256:af77c204047a9a651045ba8d42267fdba942dfde58a429f1501955723ad4c7c4 size 18217 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_1_tablet.png index c00c32f3e8..fd7667a2d3 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:8e7fbb09abdbcb21744ff83d6aab240e1d0349a24636cc6902c9678180582475 +oid sha256:690525bf7073b8e58ed0f1e210e6fd5bc4fc46525034dcd4d0d6809a6c20a979 size 13123 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_2_mobile.png index 2e214d9886..e4e365053a 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-bare-list_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:193f4f4a0dcbeb8de8b5cb1c48c44d9dbd38233099e27eaa31185a338a7ce3ab +oid sha256:28470ac58552a8d37c77aea63ada38c4062d7c1c067e37f60c94098486675ea4 size 9981 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_0_desktop.png index 5446e81770..b7985c01e3 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:97d53df16e8497aecb1629c1676ace52491c8f7a725ca2468d7d69839589d0fc +oid sha256:e1f5dbc998c334f144a2237bd3e0f629a2d8e0010d98c96b8101710722bf1cfd size 19895 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_1_tablet.png index 6c2e5bb048..4bbf0f7eca 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0418f24ee7d5238a948e0910f6fd2be1d7e5ee22db154f0f32f0865e96aa3fa1 +oid sha256:3437e0f30d499edf3c678aadaae51f3292539a9b1a15cfe444b49093a31c1b66 size 14760 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_2_mobile.png index 53247b8fc5..479e79ac82 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-dashed-list_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:731655ab815db737d5957f2adae23d5d7aa630f4cf7019834a6b54c32bd5487f +oid sha256:848de91c010a803c8cfee82fb6add168d938ec27cd352ddd94ce5e052c00433b size 12266 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_0_desktop.png index d97c383b8e..a827f5e164 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e8c8c2960b24db650a0584b476961ce0d556d2130b0d005be8ac46054e51ca22 -size 18244 +oid sha256:1609e6b91d29dd196d1694609a5aad6df2d134a93e16ed7d7b8a97a4fb2d4b84 +size 18803 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_1_tablet.png index 37f4228f73..bcf9ee8494 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ea2459b17fb3eb579590ad6803886f188c49260b7b91849718df522477bb0c14 -size 13054 +oid sha256:d25a1d8d08ccafc4795f6ad936add47833789971c5ac4a6859282639a8312fbc +size 13276 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_2_mobile.png index ef8237e41b..3e922dd727 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-inline-list-with-social-icon-prefix_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:071287e40fdeab7df3f0e3525a535382e2553b7972e2da62c14e6c7df96a42a6 -size 10527 +oid sha256:3fc2fa40fbb0ee843901400d8eb1845a55c3aad0d6f8d0ec9077ca888783c332 +size 10711 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_0_desktop.png index 9e1466fefc..f1f44f2da3 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c9ddcf434dbb9e435cc5d37c4067634c30db43e56821932a7d4b31d86adb223c +oid sha256:a72a186698a0d5d2af4f0b7026c1f3ed792618fb806cffa247fd5760468c97ed size 17050 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_1_tablet.png index fb00204c58..583eb342a9 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c8e1a8ede34db7cb1ad6ac2d742d779b25ca54e147d1782465268300dcafc6fd +oid sha256:bdb8e0178f39940532f6e37cb8bfe6e7254124fb1de0c9c4978aaca2a36d29de size 11956 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_2_mobile.png index 9b078c3c63..aca94959e5 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-prefix_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b1eced87f6af497ad911f61e38a28f4dadc03bed37c661107e3b70bb98e14638 +oid sha256:297a410fc217811a7d647b2876db9ec8d35a6c8c07c62a61f8aa2c8c53bdd5c7 size 8858 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_0_desktop.png index 29c4b6ec42..3c85ea75d5 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7cbcbfb963eb026c42566f7bd1fc757548cfa9f159b1b6ab83cd37fc9c624dbf +oid sha256:988977e7abc93c7ae599c756e8e9488c4fca8b5051f2287dd142875d4bf2d112 size 17037 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_1_tablet.png index d7d01ce7ab..be258c5ec8 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:62b506c25a0403d942567ea69db9e90f279c647a353a6236768c65b4ab4a78e3 +oid sha256:62a10e2aff1967bbfbec94d50950b0c68fa9c076ba74a316763f5e976bc2059c size 11919 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_2_mobile.png index 9f8a8d6007..1b6ff906b6 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-list-with-icon-suffix_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:865cfe47c350d296e70dbf09b7517805ddb294a66de3e9b3e7cdf4921ab6b1df +oid sha256:ae11cc323486ac8b19dd635bfa2a0b5811b0613387bbe4ac12673d0de12b9a0d size 8841 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_0_desktop.png new file mode 100644 index 0000000000..a759801695 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f155afd2dc6a14fabd6dc3820f6f306dedfd3d42ec0a4e553af3467bf66409d2 +size 25273 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_1_tablet.png new file mode 100644 index 0000000000..7b2ebb06d3 --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2cff0b7d0caf37e08cba1458ea010badab02fa05e783b48dfd35aac73d3a58ae +size 19102 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_2_mobile.png new file mode 100644 index 0000000000..869ce7af0f --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-nested-list_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5346a6484b160fc5e476b1838bd1aa8b5ecbb29000460dfe160bc602a2039db3 +size 16237 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_0_desktop.png index 50a39e34de..8bcf394980 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:39614f163165d2ce20f7e6231ba0638b9c997b40d33df0e6a0a367ac4f97369b +oid sha256:9391867a8babf66ca9e29115ed72271300ca5cd6b2ea42c1855f28576bd0769e size 16787 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_1_tablet.png index ab86c4f7ec..6c98a5a6a6 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:cac53a925b5d7c115f036fb98b9cfc3596394871b92e8fcb63ea8431a9840acb +oid sha256:ea1a12e171a466d0725c47e9beaaff4a7ae00896336319fb5d15ae81ccf7721a size 11681 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_2_mobile.png index db7218ae36..1899ff002e 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-numbered-list_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4c17025f2f600aadf38c0c9147ed467da81bcb47e4b89ebc05ebf1430e2dfb4a +oid sha256:1619c1cde3fa7e604eb46a573aa81fc28028a42cc4e980adab5e0e94bfc5bd02 size 8635 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_0_desktop.png index 7ae361e37e..f907497548 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:58b7c28c81e3e3fec98727b5a1c133b52210191d65fbf26992a397deeca813f5 +oid sha256:46147f597c48b8371fd405b875a537ef16f874790b07a91b7733c56d90ebc785 size 17600 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_1_tablet.png index cc06727a5c..59bc0df287 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:684a67325fa16a539099bdafafa69451de10a288ce9ecb8c33b60403641ff119 +oid sha256:63c7344a2544c6bad9ed7884823a926780ce887984783f7cb811bd57dd74c4dc size 12488 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_2_mobile.png index 8775fcbf91..d916ebcba4 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-prefixed-list_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9d8faa6cf449f142fb6665b83d57ddb8af98bc70ff3b7384079a543b63cfaf26 +oid sha256:608c685815b63f16e498d567d28f5b883d578b5600c5e06408177aa9eceff9c7 size 9429 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_0_desktop.png index 6d813d28e5..4e64304a1a 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:fbe2c05507c9c01248957a865746cb7b967fe4476a661bf8a77165b9b098c957 +oid sha256:73699938702d347ab8a20e46664e9bdc90872e27e2077375c85c862089a90a06 size 17440 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_1_tablet.png index 5560d90cf2..70fbcc2934 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c503864c5d77e85bd94edc9461822e6a9e44ff9c5e8ed96a6b4b46676a2d4c78 +oid sha256:359021079cd75afd53a62e64ba9401e1c26089d16b2cd934515f4eff46b629a2 size 12326 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_2_mobile.png index d454d1b0e1..a21055158a 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__foundations_lists_example-suffixed-list_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f6d6f69aa9720daac7150d8b3e11a908296c606eb634f82056636d4c8d4e3435 +oid sha256:e11d326fba34b58670eb9a3662aa3ffadec6a48fcd3adcebcff4cf14a8975e5f size 9241 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_0_desktop.png index 748508cd42..05af67501b 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ed22fa4e804abbd17e57394a3ccaca945ae6a1d73b2b3d58ca380df6bea04ebc -size 59650 +oid sha256:26dd96098f2d48c9b38d588c376988ec6a2ed92909112ce22091f3c5baf69532 +size 59857 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_1_tablet.png index 6e0239650d..6357856351 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0adad86d813e01c96353597bf015b8f329d95ea7b72b5453776f77389cd78e0c -size 52383 +oid sha256:9bdce639d61878e1c9c90b090836285cdbef93f342742d3dc7232f467117cdd4 +size 52533 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_2_mobile.png index 2f967ed4bb..65d72e7d14 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_addresses_example-address-input-manual-error_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:8a3a58bb5bdbc1ee9c255790650c3969000d70664c2c497530bc742f9a635e66 -size 50594 +oid sha256:6c3604bba3dc9e1b011b49e2a118fb0d6297d60f017af309d3966e5467ee8508 +size 50695 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_0_desktop.png new file mode 100644 index 0000000000..6f66882bcf --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_0_desktop.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:90b2289899ddd0f4f2bff27c884a99c566c05fd17bba8a5368401eb0178460cd +size 60444 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_1_tablet.png new file mode 100644 index 0000000000..d1ee6c1c5b --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_1_tablet.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:05499c0bc67ff6714d0bf9158f5889bfbf3234ca94481cdd447d667c77012702 +size 56214 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_2_mobile.png new file mode 100644 index 0000000000..cfc8d701be --- /dev/null +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_confirmation-page_example-confirmation-page_0_document_2_mobile.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:861c4c47b0e4048ca5510bccc548e722437ee8939e8eacbad11ae6297a373720 +size 56794 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_0_desktop.png index 759f8577ef..08086657f7 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:99bb506536a28b976b318e2599bf1e2e9c3459cad4b009ed5ecad6a57e6fe2b7 +oid sha256:3b57f260423819701e2a862e6d26ab1e3603b8cdbef502f45b482e161cbf342c size 22452 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_1_tablet.png index 465fcb78d0..e7172b7b94 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0cb296b6bfa67c8b714687bf4106ee8b131d5af4fb48fdfaf79bc4da2e66a29d +oid sha256:35ee44af707fc739363ec5b127a3c891eead441446c8ef2de8fd9293710b3295 size 17336 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_2_mobile.png index 2e7bbbf314..a1f64953a6 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-error-summary_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:600ba7b7587ef028b5a0c5a95c7ef498f0cd16744476c67752f8de8c934798b9 -size 17450 +oid sha256:428780823df5c4437da30541a392dc37ffe26ebbbce3f0cc71bb444e135ede91 +size 17451 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png index 541b6585de..7782b07000 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0e674643830e414ce05cf520c67f8f51bcaa20d1bde665594a2a8871cf8b8c3f -size 217670 +oid sha256:c97e788f4b6a70f26b84a43f844b95b6694dee9ff7441928a3d952d441a71281 +size 217913 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png index e9c3120263..8a58d22fbf 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:efcab40e2a12d0de88a0eb41933ae5a0c53907105d081f7145795ad052ea4e2a -size 193806 +oid sha256:4fd7d63fed3375ba35c024b3337a39de721a556e35e93f2b09f7e498531223c9 +size 193893 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_2_mobile.png index f93d69f133..ff8e135757 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_correct-errors_example-errors-proto-errors_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bca4b6777ea3034b2d7abbaa95945df54714a4d438140efe0fcfdc4b15f95f73 -size 206290 +oid sha256:755b39f35ed229a4d33e8d241105b48b144a57f7697579b71828238743f1a0d0 +size 206417 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_0_desktop.png index 0259b58f13..29d2a9942d 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:00f60c87a5b9469b0036816c9ecc8e42b2dd35f44470ea27527b3317d30dbf45 -size 45306 +oid sha256:a2a4c0a9cba404cf359212f2c5ea64e99bec53671f76a24248b527a18e156fac +size 45239 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_1_tablet.png index 74875c5a26..74fcdbc949 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:caa18a2c821826d460af53c10e261525e0d49aaf90c2621b56c56786908df094 +oid sha256:287d3937365ea75701f4a4623cce4585fee4f69c5f9bc2869ca912e031da6221 size 40009 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_2_mobile.png index cdd98d5aca..9bc5c05dd6 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error-not-signed-in_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ec5dbc9f8171d33646c5ca536e82dda1a343a7a8d856af01f6ada28cfd46ed32 -size 39937 +oid sha256:8fd11c121f27da59463c39b560abfa717276d28561dcad22981d7a7b6b8e9170 +size 39895 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_0_desktop.png index 55cced21d8..72298f9ac0 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f7379a77511661096261ecaa33dde039df95170ea229f7de0c5cd2ff88d1c4b5 +oid sha256:8eba190439d35f7eced960f6c9a99d7519f684946061bf7f5bcd7c0fd391ea08 size 50113 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_1_tablet.png index 6760d00e67..afe2fc8d3e 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2753ed8a1d59982dd6ec4aaf7387d49cecc40229a3ef60be31a974eed1ce91a7 -size 43985 +oid sha256:deba8df707a337b2bae1e01bef78f5152965b7c0db0e5b359ae70739e697d4f3 +size 43914 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_2_mobile.png index 92c346f07c..319a1d25de 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_error-status-pages_example-timed-out-error_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:3736e85e1480d1bfe7762c312c54f7a7246c6dee35f58834376f8464dac6047d -size 45705 +oid sha256:10a543bc4ceedf178500e6f8815074f53d74a05b84ae7908a62abefc4dd23cc2 +size 45646 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png index 4e52cd144f..d37f041bc4 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:a756373166bc0f1d93c01eba759448b357a4448ce8e47d0ee112a2139836bc79 -size 94115 +oid sha256:f3c9cab5be48976fd7e0ca388d071ce2438bc2176ca0ddc641699fa151c6568c +size 94405 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png index b9e867b6ef..0f521ffb8a 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ace7a608defe55226fc9e2978f0c454d55e39e33982d719e158a002d0e1de435 -size 83330 +oid sha256:cad7e0f40dda5f0dea0a11e07abbced5cc3c03afe816de75fdd8efb3f3ca2737 +size 83506 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png index 088541f391..1609724afe 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:76ce8e9bbdf64d881bdcbeca7529b14b5e97ecdc9d90d8164801d112da8a2c23 -size 84648 +oid sha256:13c6f9d9530c307893541d53d4538185da49723868a12da2baf5d62b4bf24daf +size 84757 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_0_desktop.png index a5bb91fcb2..9b105cc97f 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:107fbf38afd914ecd56a2b74da824942a9b9fc8821c1a72d1694f1d91a771c6d -size 178531 +oid sha256:6e5e1de56fd656efaec05bab3d04eaec12c611f4e559a41c3d4045fde33f2d6d +size 178262 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_1_tablet.png index 7adf2e01fd..76951f581c 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f10bcaa2839002f2b04e8127d2a0e12ed4ad40f92eb42a356b43c63bff99bf4f -size 174809 +oid sha256:a521dada2083b2ec91b1c015bcd71364fee57855b0970710ff6d249efa8fff34 +size 174531 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_2_mobile.png index 51068fa21d..363c086a2e 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-overview_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e97ed4c33afa27d880feb84d87cda033fdf05e070a4cc133f237648ed0750805 -size 205815 +oid sha256:947373dfd4bc91988ba71b7d928c9c16e22edd0fb2b0a28f86eb9a29addeb568 +size 205700 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_0_desktop.png index 105a57740f..161af6383c 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0d8363beabb05f67137d8b51efc2dd32690d2ccbbef6bda501a81222d0d5f1a6 -size 222694 +oid sha256:4d8c21fee58bbb24b849a12066c5e649b69cd7df41e37ec9dbe9d978d6bd4503 +size 222638 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_1_tablet.png index 7e6986e071..d42e8dc0ec 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4e35f10c91cc78d6e52939e202134b30be93fe66d6a37501825492713f1fc2c8 -size 209720 +oid sha256:7d02ddc58463f8200041ba2927255fd86bf0792a929511ec0d0aa258fc0a3955 +size 209526 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_2_mobile.png index d39baca9f2..377f92132a 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide-rtl_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:006700415fba2fc70c6d0fdcd3be0caa924ca06aa755f864e7731c064d62f867 -size 225222 +oid sha256:7ec8edde170a7774f41721ea6aa1b4b13ad0275d9d1bb5f7029e93caaab03e5b +size 225144 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_0_desktop.png index f6f73870a8..b59cb6c9bd 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:dd69e3a3d258b7c43b47243315022dd9c4ca5d2a8442a0b897cf3352e2366d59 -size 145208 +oid sha256:765e9461aceb4ad6153a4a9660b127392d4d58f90cdcb605f395bffee88494c1 +size 144519 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_1_tablet.png index 36f8027377..a8a16acc19 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2d4ce4a291c74865cd3e7fe2e30b1d136f2200016d683eea4017c5d4311d2dfe -size 140643 +oid sha256:551bb07e74b6e5d5b28dd9910a331941bdcad39da210b2a3b53955231bac5eea +size 139934 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_2_mobile.png index 30b5d810e4..72dfffe588 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_guide_example-guide_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:30390a5feb30a4d97799e378af4471e0cd8519a5d7961f03d4e98404851a639a -size 156046 +oid sha256:f9166f5aa8e2b532283e2031efefe27a3a06afed7ede99beaab81a52af918fac +size 155719 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_0_desktop.png index f2550e49f2..7ed65b970c 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:39f5da1d612a90847a07a06b62a2f27a47b5decd9bc2adbf220b038ab78675af -size 654715 +oid sha256:19c5fcde3126b95851dceca570a8d6fa69fd77248ac98eefc6f452f7e7c78e1b +size 654089 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_1_tablet.png index 27697bed54..6ab5d5810e 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:82a737a80ed2f2426afec3147747064e4941860ebc0e98c957686ad1a2a341e0 -size 506413 +oid sha256:60dfef285c196f2e7c7fd741ff16e7ba3a2b356ba8e8b1c31209a94b774b5386 +size 505747 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_2_mobile.png index e248e53a0a..1d8af95f7a 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-article_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:472d1f13ed79945b15e6462fd521373d614d0c580d8986013984de0842319fa3 -size 446913 +oid sha256:64d865321df0e510d5044d3c06b14fc79a07ea16b1bf2329be41eb22b01d2449 +size 446683 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 423cdf1614..e62240f8b4 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:9cd2f5d9c0b56c069fabc834f466a0af7a71359cde69a6849aa1486a39fbc3d5 -size 293227 +oid sha256:914540844c7ebf0f39dcbde5dc8c324b38b0f1cd8fd7ab82b52513509cd1a6e0 +size 293682 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 09dfd62a9e..4930c5fa23 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:f4df856155f7ecc50160fb35d2b11b50ca531ba2521e7d08c071b461e26a64c0 -size 308102 +oid sha256:e33e17953c6ac97ba088ccf683b897403ba9fc218b3b8f78d11cdb1a5177e9e7 +size 308531 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 ddcf83ac32..3ed4b70c60 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:b48f6decda7e1eb947b154bb43491d132672416d28a61a9274d0bb3dd8c60ffa -size 267621 +oid sha256:858955065fbda43688fcccc9f628256d12ea03472c7c2de46bc39768a4a87786 +size 268017 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 4cbd5d750f..3b4e4e41ea 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:320204e1766f966327058458a3fa829411ee7b1d9bfe40fa17c52d87ff65617e -size 496603 +oid sha256:3d6325031bc340c8a7394850a4157d5946cbe1b3ad84525cbfbaca1d8fd5b9fc +size 497091 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 5e142be694..aa2a29eb95 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:d5ad09efbddaa78ae4da563332559311e28150a53a49c81746adce49e0e028dc -size 509985 +oid sha256:3501e963525fa8b6ee208df7d0b91003c9fea2a603356159f3eb884e2efed081 +size 510442 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_2_mobile.png index 419de381d8..e2593d37a2 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_news_example-landing_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d1fd09d21bbbb8c6c79d5b90715d37eef1dc9e2c78adfa47c695215571728a07 -size 375120 +oid sha256:f423eb2658489e1bfd02e99c52a50e503d725112617fb4504b16dc80452c0204 +size 375416 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png index d5b8f5440b..73f2b5a8b3 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:a04ed86262ed39fdf8270c1dd0baffe4a3a1e2c990b1978a988c47e64c5e610c -size 127193 +oid sha256:a17bd534abb597ace6cf098d09b612075b7acf58b93b6f636ecf018759c373b4 +size 127396 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png index a480ab4a10..34ed0e13ae 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7abfed42f64d3d3269d98f90a813df9073d586a09ffd87e1c21d7304076e7a77 -size 113425 +oid sha256:5e7c95c11c8a13fffb97dcc9b3fc5cc4a79d70bbeaf7c5f96edbcb980f77dcd8 +size 113599 diff --git a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_2_mobile.png index ff5bc592dc..1f25b84618 100644 --- a/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_2_mobile.png +++ b/backstop_data/bitmaps_reference/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_2_mobile.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f276ff85b7c56535f017b92661774cbfb887a2f12eef5a6798a2508e155afeb4 -size 111561 +oid sha256:90a22bd4e2cce949823e209d35c15a864ee57cce34f8b4e87c426df81695cc1e +size 111665 diff --git a/package.json b/package.json index 39d35ebe9b..2636aa49e9 100644 --- a/package.json +++ b/package.json @@ -69,7 +69,7 @@ "@babel/register": "^7.14.5", "@babel/runtime": "^7.14.6", "abortcontroller-polyfill": "^1.2.3", - "autoprefixer": "^9.3.1", + "autoprefixer": "10.4.14", "babel-eslint": "^10.0.1", "babel-plugin-istanbul": "^6.0.0", "babelify": "^10.0.0", @@ -82,10 +82,10 @@ "core-js": "^3.21.1", "cors": "^2.8.5", "dialog-polyfill": "^0.5.6", - "eslint": "^5.9.0", + "eslint": "^8.45.0", "eslint-cli": "^1.1.1", - "eslint-config-prettier": "^3.3.0", - "eslint-plugin-prettier": "^3.0.0", + "eslint-config-prettier": "^8.8.0", + "eslint-plugin-prettier": "^5.0.0", "express": "^4.17.1", "front-matter": "^4.0.2", "fs-extra": "^10.0.0", @@ -115,17 +115,17 @@ "postcss": "^8.3.5", "postcss-url": "^8.0.0", "prepend-file": "^1.3.1", - "prettier": "^1.15.2", + "prettier": "^3.0.0", "puppeteer": "^13.5.1", - "remark-cli": "^9.0.0", - "remark-lint": "^8.0.0", - "remark-preset-lint-recommended": "^5.0.0", + "remark-cli": "^11.0.0", + "remark-lint": "^9.1.2", + "remark-preset-lint-recommended": "^6.1.3", "replace-in-file": "^6.1.0", - "stylelint": "^13.11.0", - "stylelint-config-recommended": "^3.0.0", - "stylelint-config-sass-guidelines": "^8.0.0", - "stylelint-config-standard": "^20.0.0", - "stylelint-scss": "^3.19.0", + "stylelint": "^15.10.1", + "stylelint-config-recommended": "^13.0.0", + "stylelint-config-sass-guidelines": "^10.0.0", + "stylelint-config-standard": "^34.0.0", + "stylelint-scss": "^5.0.1", "through2": "^4.0.2", "tick-manager": "^1.0.3", "url-search-params-polyfill": "^5.0.0", @@ -140,8 +140,7 @@ "access": "public" }, "resolutions": { - "minimist": "^1.2.5", - "**/@percy/agent": "^0.28.6" + "minimist": "^1.2.5" }, "dependencies": {} } diff --git a/src/components/address-input/autosuggest.address.error.js b/src/components/address-input/autosuggest.address.error.js index 96f2f3af33..469855b43c 100644 --- a/src/components/address-input/autosuggest.address.error.js +++ b/src/components/address-input/autosuggest.address.error.js @@ -2,7 +2,7 @@ import inPageLinks from '../../js/inpagelink'; const classAutosuggest = 'ons-js-address-autosuggest'; const classErrorPanel = 'ons-js-autosuggest-error-panel'; -const classInputContainer = 'ons-autosuggest-input'; +const classInputContainer = 'ons-autosuggest'; const classInput = 'ons-js-autosuggest-input'; const classSearch = 'ons-js-address-input__search'; diff --git a/src/components/address-input/autosuggest.address.js b/src/components/address-input/autosuggest.address.js index 6e3912c87a..c761b47628 100644 --- a/src/components/address-input/autosuggest.address.js +++ b/src/components/address-input/autosuggest.address.js @@ -4,7 +4,7 @@ import AutosuggestUI from '../autosuggest/autosuggest.ui'; import AddressError from './autosuggest.address.error'; import AddressSetter from './autosuggest.address.setter'; -export const classInputContainer = 'ons-autosuggest-input'; +export const classInputContainer = 'ons-autosuggest'; export const classNotEditable = 'ons-js-address-not-editable'; export const classMandatory = 'ons-js-address-mandatory'; export const classSearch = 'ons-js-address-input__search'; @@ -205,7 +205,7 @@ export default class AutosuggestAddress { (townName === postTown ? postTown : townName + ', ' + postTown) + ', ' + postcode + - ' (' + + ' (' + this.groupCount.replace(`{n}`, addressCount) + ')', postcode, diff --git a/src/components/address-input/autosuggest.address.spec.js b/src/components/address-input/autosuggest.address.spec.js index 30d44b5b4d..926695749f 100644 --- a/src/components/address-input/autosuggest.address.spec.js +++ b/src/components/address-input/autosuggest.address.spec.js @@ -241,7 +241,7 @@ describe('script: address-input', () => { await page.type('.ons-js-autosuggest-input', '2', { delay: 20 }); await page.keyboard.press('ArrowDown'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('196 College Road, Birmingham, B44 8HF'); }); @@ -267,7 +267,7 @@ describe('script: address-input', () => { }); it('has expected suggestion entries', async () => { - const suggestions = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.map(node => node.textContent.trim())); + const suggestions = await page.$$eval('.ons-autosuggest__option', nodes => nodes.map(node => node.textContent.trim())); expect(suggestions).toEqual(['196 College Road, Birmingham, B44 8HF', '196 College Road, Whitchurch, Cardiff, CF14 2NZ']); }); }); @@ -313,7 +313,7 @@ describe('script: address-input', () => { }); it('has expected suggestion entries', async () => { - const suggestions = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.map(node => node.textContent.trim())); + const suggestions = await page.$$eval('.ons-autosuggest__option', nodes => nodes.map(node => node.textContent.trim())); expect(suggestions).toEqual(['1 Penlline Road, Whitchurch, Cardiff, CF14 2NZ', '2 Penlline Road, Whitchurch, Cardiff, CF14 2NZ']); }); @@ -353,7 +353,7 @@ describe('script: address-input', () => { }); it('has expected suggestion entries', async () => { - const suggestions = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.map(node => node.textContent.trim())); + const suggestions = await page.$$eval('.ons-autosuggest__option', nodes => nodes.map(node => node.textContent.trim())); expect(suggestions).toEqual([ 'Penlline Road, Whitchurch, Cardiff, CF14 2AA (41 addresses)', '197 College Road, Whitchurch, Cardiff, CF14 2AB', @@ -376,7 +376,7 @@ describe('script: address-input', () => { }); it('has expected suggestion entries', async () => { - const suggestions = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.map(node => node.textContent.trim())); + const suggestions = await page.$$eval('.ons-autosuggest__option', nodes => nodes.map(node => node.textContent.trim())); expect(suggestions).toEqual(['197 College Road, Whitchurch, Cardiff, CF14 2AB']); }); diff --git a/src/components/autosuggest/_autosuggest.scss b/src/components/autosuggest/_autosuggest.scss index 74af9e43a2..fa5b4cf321 100644 --- a/src/components/autosuggest/_autosuggest.scss +++ b/src/components/autosuggest/_autosuggest.scss @@ -1,4 +1,4 @@ -.ons-autosuggest-input { +.ons-autosuggest { position: relative; &__combobox { @@ -57,8 +57,8 @@ border-color: var(--ons-color-text-link-hover); color: var(--ons-color-white); - .ons-autosuggest-input__group, - .ons-autosuggest-input__category { + .ons-autosuggest__group, + .ons-autosuggest__category { color: var(--ons-color-white); } } @@ -67,8 +67,8 @@ background: var(--ons-color-focus); color: var(--ons-color-text-link-focus); - .ons-autosuggest-input__group, - .ons-autosuggest-input__category { + .ons-autosuggest__group, + .ons-autosuggest__category { color: var(--ons-color-text-link-focus); } } @@ -91,6 +91,11 @@ } } + &__wrapper { + max-width: max-content; + width: 100%; + } + &__panel.ons-panel--warn { background: none; border: 0; @@ -126,7 +131,7 @@ } &--header { - .ons-autosuggest-input__results { + .ons-autosuggest__results { border: none; box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.6); left: 0; diff --git a/src/components/autosuggest/_macro.njk b/src/components/autosuggest/_macro.njk index 0e6c128701..42e8921c96 100644 --- a/src/components/autosuggest/_macro.njk +++ b/src/components/autosuggest/_macro.njk @@ -3,7 +3,7 @@ {% macro onsAutosuggest(params) %}
{% set autosuggestResults %} -
-
{{ params.resultsTitle }}
-
    +
    +
    {{ params.resultsTitle }}
    +
      -
      {{ params.instructions }}
      -
      +
      {{ params.instructions }}
      +
      {% endset %} +
      + {{ onsInput({ + "id": params.id, + "classes": "ons-js-autosuggest-input " + (params.classes if params.classes else ''), + "width": params.width, + "label": { + "text": params.label.text, + "description": params.label.description, + "id": params.label.id, + "classes": params.label.classes + }, + "autocomplete": params.autocomplete, + "legend": params.legend, + "legendClasses": params.legendClasses, + "value": params.value, + "attributes": params.attributes, + "error": params.error, + "mutuallyExclusive": params.mutuallyExclusive, + "accessiblePlaceholder": params.accessiblePlaceholder, + "name": params.name, + "autosuggestResults": autosuggestResults + }) }} - {{ onsInput({ - "id": params.id, - "classes": "ons-js-autosuggest-input " + (params.classes if params.classes else ''), - "width": params.width, - "label": { - "text": params.label.text, - "description": params.label.description, - "id": params.label.id, - "classes": params.label.classes - }, - "autocomplete": params.autocomplete, - "legend": params.legend, - "legendClasses": params.legendClasses, - "value": params.value, - "attributes": params.attributes, - "error": params.error, - "mutuallyExclusive": params.mutuallyExclusive, - "accessiblePlaceholder": params.accessiblePlaceholder, - "name": params.name, - "autosuggestResults": autosuggestResults - }) }} - - {% if not params.mutuallyExclusive %} - {{ autosuggestResults | safe }} - {% endif %} + {% if not params.mutuallyExclusive %} + {{ autosuggestResults | safe }} + {% endif %} +
      {% endmacro %} diff --git a/src/components/autosuggest/_macro.spec.js b/src/components/autosuggest/_macro.spec.js index 7c256595e2..f69601775c 100644 --- a/src/components/autosuggest/_macro.spec.js +++ b/src/components/autosuggest/_macro.spec.js @@ -41,13 +41,13 @@ describe('macro: autosuggest', () => { it('has expected id on container element', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input').attr('id')).toBe('country-of-birth-container'); + expect($('.ons-autosuggest').attr('id')).toBe('country-of-birth-container'); }); it('has the provided data attributes', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - const $element = $('.ons-autosuggest-input'); + const $element = $('.ons-autosuggest'); expect($element.attr('data-allow-multiple')).toBeUndefined(); expect($element.attr('data-min-chars')).toBe('2'); expect($element.attr('data-aria-limited-results')).toBe('Type more characters to improve your search'); @@ -71,13 +71,13 @@ describe('macro: autosuggest', () => { }), ); - expect($('.ons-autosuggest-input').attr('data-allow-multiple')).toBe('true'); + expect($('.ons-autosuggest').attr('data-allow-multiple')).toBe('true'); }); it('has a special class that indicates the component should initialise itself', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input').hasClass('ons-js-autosuggest')).toBe(true); + expect($('.ons-autosuggest').hasClass('ons-js-autosuggest')).toBe(true); }); it('does not have a special class when the component has an external initialiser', () => { @@ -88,7 +88,7 @@ describe('macro: autosuggest', () => { }), ); - expect($('.ons-autosuggest-input').hasClass('ons-js-autosuggest')).toBe(false); + expect($('.ons-autosuggest').hasClass('ons-js-autosuggest')).toBe(false); }); it('has special class to indicate that component is not editable', () => { @@ -99,7 +99,7 @@ describe('macro: autosuggest', () => { }), ); - expect($('.ons-autosuggest-input').hasClass('ons-js-address-not-editable')).toBe(true); + expect($('.ons-autosuggest').hasClass('ons-js-address-not-editable')).toBe(true); }); it('has special class to indicate that component input is mandatory', () => { @@ -110,7 +110,7 @@ describe('macro: autosuggest', () => { }), ); - expect($('.ons-autosuggest-input').hasClass('ons-js-address-mandatory')).toBe(true); + expect($('.ons-autosuggest').hasClass('ons-js-address-mandatory')).toBe(true); }); it('has additionally provided container style classes', () => { @@ -121,8 +121,8 @@ describe('macro: autosuggest', () => { }), ); - expect($('.ons-autosuggest-input').hasClass('extra-class')).toBe(true); - expect($('.ons-autosuggest-input').hasClass('another-extra-class')).toBe(true); + expect($('.ons-autosuggest').hasClass('extra-class')).toBe(true); + expect($('.ons-autosuggest').hasClass('another-extra-class')).toBe(true); }); describe('input', () => { @@ -168,7 +168,7 @@ describe('macro: autosuggest', () => { it('is rendered `mutallyExclusive` parameter is not defined', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input__results').length).toBe(1); + expect($('.ons-autosuggest__results').length).toBe(1); }); it('is not rendered when `mutallyExclusive` parameter is defined', () => { @@ -179,20 +179,20 @@ describe('macro: autosuggest', () => { }), ); - expect($('.ons-autosuggest-input__results').length).toBe(0); + expect($('.ons-autosuggest__results').length).toBe(0); }); it('renders div with the provided title identifier', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input__results-title').attr('id')).toBe('country-of-birth-suggestions'); + expect($('.ons-autosuggest__results-title').attr('id')).toBe('country-of-birth-suggestions'); }); it('renders div with the provided title text', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); expect( - $('.ons-autosuggest-input__results-title') + $('.ons-autosuggest__results-title') .text() .trim(), ).toBe('Suggestions'); @@ -201,32 +201,32 @@ describe('macro: autosuggest', () => { it('renders list with a generated identifier', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input__listbox').attr('id')).toBe('country-of-birth-listbox'); + expect($('.ons-autosuggest__listbox').attr('id')).toBe('country-of-birth-listbox'); }); it('renders an accessible list', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input__listbox').attr('title')).toBe('Suggestions'); + expect($('.ons-autosuggest__listbox').attr('title')).toBe('Suggestions'); }); it('renders instructions with a generated identifier', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input__instructions').attr('id')).toBe('country-of-birth-instructions'); + expect($('.ons-autosuggest__instructions').attr('id')).toBe('country-of-birth-instructions'); }); it('adds aria-atomic=true value to status container', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); - expect($('.ons-autosuggest-input__status').attr('aria-atomic')).toBe('true'); + expect($('.ons-autosuggest__status').attr('aria-atomic')).toBe('true'); }); it('renders instructions text', () => { const $ = cheerio.load(renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); expect( - $('.ons-autosuggest-input__instructions') + $('.ons-autosuggest__instructions') .text() .trim(), ).toBe('Use up and down keys to navigate.'); diff --git a/src/components/autosuggest/autosuggest.spec.js b/src/components/autosuggest/autosuggest.spec.js index 0c79dd39f3..ab4374cf26 100644 --- a/src/components/autosuggest/autosuggest.spec.js +++ b/src/components/autosuggest/autosuggest.spec.js @@ -88,7 +88,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'Unite', { delay: 20 }); await page.keyboard.press('ArrowDown'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('United States of America'); }); @@ -99,7 +99,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowDown'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('United States Virgin Islands'); }); @@ -110,10 +110,10 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowDown'); - const ariaSelectedValue = await page.$eval('.ons-autosuggest-input__option--focused', node => node.getAttribute('aria-selected')); + const ariaSelectedValue = await page.$eval('.ons-autosuggest__option--focused', node => node.getAttribute('aria-selected')); expect(ariaSelectedValue).toBe('true'); - const selectedOptionId = await page.$eval('.ons-autosuggest-input__option--focused', node => node.getAttribute('id')); + const selectedOptionId = await page.$eval('.ons-autosuggest__option--focused', node => node.getAttribute('id')); const ariaActiveDescendant = await page.$eval('.ons-js-autosuggest-input', node => node.getAttribute('aria-activedescendant')); expect(ariaActiveDescendant).toBe(selectedOptionId); }); @@ -135,7 +135,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowDown'); - const selectedSuggestionCount = await page.$$eval('.ons-autosuggest-input__option[aria-selected=true]', nodes => nodes.length); + const selectedSuggestionCount = await page.$$eval('.ons-autosuggest__option[aria-selected=true]', nodes => nodes.length); expect(selectedSuggestionCount).toBe(1); }); @@ -147,7 +147,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowDown'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('United States Virgin Islands'); }); @@ -174,7 +174,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'Unite', { delay: 20 }); await page.keyboard.press('ArrowUp'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('United States of America'); }); @@ -186,7 +186,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowUp'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('United States of America'); }); @@ -198,10 +198,10 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowUp'); - const ariaSelectedValue = await page.$eval('.ons-autosuggest-input__option--focused', node => node.getAttribute('aria-selected')); + const ariaSelectedValue = await page.$eval('.ons-autosuggest__option--focused', node => node.getAttribute('aria-selected')); expect(ariaSelectedValue).toBe('true'); - const selectedOptionId = await page.$eval('.ons-autosuggest-input__option--focused', node => node.getAttribute('id')); + const selectedOptionId = await page.$eval('.ons-autosuggest__option--focused', node => node.getAttribute('id')); const ariaActiveDescendant = await page.$eval('.ons-js-autosuggest-input', node => node.getAttribute('aria-activedescendant')); expect(ariaActiveDescendant).toBe(selectedOptionId); }); @@ -214,7 +214,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.keyboard.press('ArrowUp'); - const selectedSuggestionCount = await page.$$eval('.ons-autosuggest-input__option[aria-selected=true]', nodes => nodes.length); + const selectedSuggestionCount = await page.$$eval('.ons-autosuggest__option[aria-selected=true]', nodes => nodes.length); expect(selectedSuggestionCount).toBe(1); }); @@ -225,7 +225,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowUp'); await page.keyboard.press('ArrowUp'); - const selectedOption = await page.$eval('.ons-autosuggest-input__option--focused', node => node.textContent); + const selectedOption = await page.$eval('.ons-autosuggest__option--focused', node => node.textContent); expect(selectedOption.trim()).toBe('United States of America'); }); @@ -264,15 +264,15 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'Unite', { delay: 20 }); await page.keyboard.press('Tab'); - const suggestionCountSample1 = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const suggestionCountSample1 = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(suggestionCountSample1).toBe(2); await page.waitForTimeout(200); - const suggestionCountSample2 = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const suggestionCountSample2 = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(suggestionCountSample2).toBe(2); await page.waitForTimeout(320); - const suggestionCountSample3 = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const suggestionCountSample3 = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(suggestionCountSample3).toBe(0); }); @@ -294,7 +294,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('Tab'); await page.waitForTimeout(320); - const hasClass = await page.$eval('.ons-autosuggest-input', node => node.classList.contains('ons-autosuggest-input--has-results')); + const hasClass = await page.$eval('.ons-autosuggest', node => node.classList.contains('ons-autosuggest--has-results')); expect(hasClass).toBe(false); }); @@ -316,7 +316,7 @@ describe('script: autosuggest', () => { await setTestPage('/test', renderComponent('autosuggest', EXAMPLE_AUTOSUGGEST)); await page.type('.ons-js-autosuggest-input', 'Unite', { delay: 20 }); - await page.click('.ons-autosuggest-input__option:nth-child(2)'); + await page.click('.ons-autosuggest__option:nth-child(2)'); const inputValue = await page.$eval('.ons-js-autosuggest-input', node => node.value); expect(inputValue).toBe('United States Virgin Islands'); @@ -329,7 +329,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'En', { delay: 20 }); - const suggestionCount = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const suggestionCount = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(suggestionCount).toBe(0); }); @@ -338,7 +338,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'Eng', { delay: 20 }); - const suggestionCount = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const suggestionCount = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(suggestionCount).toBe(1); }); }); @@ -349,9 +349,9 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'state', { delay: 20 }); await page.keyboard.press('ArrowDown'); - await page.hover('.ons-autosuggest-input__option:nth-child(2)'); + await page.hover('.ons-autosuggest__option:nth-child(2)'); - const focusedClassCount = await page.$$eval('.ons-autosuggest-input__option--focused', nodes => nodes.length); + const focusedClassCount = await page.$$eval('.ons-autosuggest__option--focused', nodes => nodes.length); expect(focusedClassCount).toBe(0); }); }); @@ -368,10 +368,10 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'state', { delay: 20 }); await page.keyboard.press('ArrowDown'); - await page.hover('.ons-autosuggest-input__option:nth-child(2)'); + await page.hover('.ons-autosuggest__option:nth-child(2)'); await page.hover('#dummy'); - const focusedClassCount = await page.$$eval('.ons-autosuggest-input__option--focused', nodes => nodes.length); + const focusedClassCount = await page.$$eval('.ons-autosuggest__option--focused', nodes => nodes.length); expect(focusedClassCount).toBe(1); }); }); @@ -384,7 +384,7 @@ describe('script: autosuggest', () => { await page.keyboard.press('ArrowDown'); await page.type('.ons-js-autosuggest-input', 'd', { delay: 20 }); - const focusedNodeCount = await page.$$eval('.ons-autosuggest-input__option--focused', nodes => nodes.length); + const focusedNodeCount = await page.$$eval('.ons-autosuggest__option--focused', nodes => nodes.length); expect(focusedNodeCount).toBe(0); }); @@ -402,7 +402,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'Unite', { delay: 20 }); - const emboldened = await page.$$eval('.ons-autosuggest-input__option strong', nodes => nodes.map(node => node.textContent)); + const emboldened = await page.$$eval('.ons-autosuggest__option strong', nodes => nodes.map(node => node.textContent)); expect(emboldened).toEqual(['Unite', 'Unite']); }); @@ -411,9 +411,9 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'tland', { delay: 20 }); - const matchCount = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const matchCount = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(matchCount).toBe(2); - const emboldened = await page.$$eval('.ons-autosuggest-input__option strong', nodes => nodes.map(node => node.textContent)); + const emboldened = await page.$$eval('.ons-autosuggest__option strong', nodes => nodes.map(node => node.textContent)); expect(emboldened).toEqual(['tland']); }); @@ -452,7 +452,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'abc', { delay: 20 }); - const noResultsContent = await page.$eval('.ons-autosuggest-input__option--no-results', node => node.textContent); + const noResultsContent = await page.$eval('.ons-autosuggest__option--no-results', node => node.textContent); expect(noResultsContent).toBe('No suggestions found.'); }); @@ -496,7 +496,7 @@ describe('script: autosuggest', () => { await page.type('.ons-js-autosuggest-input', 'abc', { delay: 20 }); - const matchCount = await page.$$eval('.ons-autosuggest-input__option', nodes => nodes.length); + const matchCount = await page.$$eval('.ons-autosuggest__option', nodes => nodes.length); expect(matchCount).toBe(0); }); @@ -534,7 +534,7 @@ describe('script: autosuggest', () => { it('shows the type more message', async () => { const listItemCount = await page.$$eval('.ons-js-autosuggest-listbox > *', nodes => nodes.length); expect(listItemCount).toBe(1); - const noResultsText = await page.$eval('.ons-autosuggest-input__option--no-results', node => node.innerText); + const noResultsText = await page.$eval('.ons-autosuggest__option--no-results', node => node.innerText); expect(noResultsText.trim()).toBe('Continue entering to get suggestions'); }); }); @@ -565,7 +565,7 @@ describe('script: autosuggest', () => { it('shows the API error message', async () => { const listItemCount = await page.$$eval('.ons-js-autosuggest-listbox > *', nodes => nodes.length); expect(listItemCount).toBe(1); - const warningText = await page.$eval('.ons-autosuggest-input__warning', node => node.textContent); + const warningText = await page.$eval('.ons-autosuggest__warning', node => node.textContent); expect(warningText.trim()).toBe('!Sorry, there is a problem.'); }); diff --git a/src/components/autosuggest/autosuggest.ui.js b/src/components/autosuggest/autosuggest.ui.js index 2644f5bec9..1cd7f4bb6a 100644 --- a/src/components/autosuggest/autosuggest.ui.js +++ b/src/components/autosuggest/autosuggest.ui.js @@ -4,12 +4,12 @@ import runFuse from './fuse-config'; export const baseClass = 'ons-js-autosuggest'; -export const classAutosuggestOption = 'ons-autosuggest-input__option'; +export const classAutosuggestOption = 'ons-autosuggest__option'; export const classAutosuggestOptionFocused = `${classAutosuggestOption}--focused`; export const classAutosuggestOptionNoResults = `${classAutosuggestOption}--no-results`; export const classAutosuggestOptionMoreResults = `${classAutosuggestOption}--more-results ons-u-fs-s`; -export const classAutosuggestHasResults = 'ons-autosuggest-input--has-results'; -export const classAutosuggestResultsTitle = 'ons-autosuggest-input__results-title'; +export const classAutosuggestHasResults = 'ons-autosuggest--has-results'; +export const classAutosuggestResultsTitle = 'ons-autosuggest__results-title'; export default class AutosuggestUI { constructor({ @@ -117,7 +117,7 @@ export default class AutosuggestUI { this.input.setAttribute('autocomplete', this.input.getAttribute('autocomplete') || 'off'); this.input.setAttribute('role', 'combobox'); - this.context.classList.add('ons-autosuggest-input--initialised'); + this.context.classList.add('ons-autosuggest--initialised'); this.bindEventListeners(); } @@ -350,8 +350,7 @@ export default class AutosuggestUI { listElement.setAttribute('id', `${this.listboxId}__option--${index}`); listElement.setAttribute('role', 'option'); if (result.category) { - innerHTML = - innerHTML + `${result.category}`; + innerHTML = innerHTML + `${result.category}`; } listElement.innerHTML = innerHTML; listElement.addEventListener('click', () => { @@ -434,7 +433,7 @@ export default class AutosuggestUI { option.classList.add(classAutosuggestOptionFocused); option.setAttribute('aria-selected', true); this.input.setAttribute('aria-activedescendant', option.getAttribute('id')); - const groupedResult = option.querySelector('.ons-autosuggest-input__group'); + const groupedResult = option.querySelector('.ons-autosuggest__group'); const optionText = option.innerHTML.replace('', '').replace('', ''); if (groupedResult) { let groupedAriaMsg = this.ariaGroupedResults.replace('{n}', groupedResult.innerHTML); @@ -503,8 +502,8 @@ export default class AutosuggestUI { const warningBodyElement = document.createElement('div'); warningListElement.setAttribute('aria-hidden', 'true'); - warningListElement.className = 'ons-autosuggest-input__warning'; - warningElement.className = 'ons-panel ons-panel--warn ons-autosuggest-input__panel'; + warningListElement.className = 'ons-autosuggest__warning'; + warningElement.className = 'ons-panel ons-panel--warn ons-autosuggest__panel'; warningSpanElement.className = 'ons-panel__icon'; warningSpanElement.setAttribute('aria-hidden', 'true'); diff --git a/src/components/content-pagination/_content-pagination.scss b/src/components/content-pagination/_content-pagination.scss index 275f5738b0..7337b7b9b3 100644 --- a/src/components/content-pagination/_content-pagination.scss +++ b/src/components/content-pagination/_content-pagination.scss @@ -37,7 +37,7 @@ } &__link-text { - @extend .ons-u-fs-m; + @extend .ons-u-fs-r--b; margin: 0 0 0 0.5rem; vertical-align: middle; diff --git a/src/components/document-list/_macro-options.md b/src/components/document-list/_macro-options.md index 0aac72b7b6..b0201f65cc 100644 --- a/src/components/document-list/_macro-options.md +++ b/src/components/document-list/_macro-options.md @@ -8,18 +8,18 @@ ## Document -| Name | Type | Required | Description | -| ----------- | ------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------- | -| classes | string | false | Custom classes to add to each document list item | -| attributes | object | false | HTML attributes (for example, data attributes) to add to each document list item | -| title | string | true | The title for the document | -| url | string | true | The URL for the document link (either a file or web page) | -| description | string | false | A short HTML extract of text (for example, a short sentence to give some context of the document) | -| thumbnail | `Object` | false | An object containing path and filename attributes for the [thumbnail image](#thumbnail). Renders a placeholder instead if set to `true` | -| metadata | `Object` | false | An object for a [list of information about document](#metadata), for example, date, type and size | -| featured | boolean | false | Will render a featured variant of the document if set to `true` | -| fullWidth | boolean | false | If set to `true`, wraps the `featured` document in a `div` with class `ons-container` for a “full-bleed” layout | -| wide | boolean | false | Set to `true` to increase the maximum width of the layout container to 1280px. | +| Name | Type | Required | Description | +| ----------- | ------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| classes | string | false | Custom classes to add to each document list item | +| attributes | object | false | HTML attributes (for example, data attributes) to add to each document list item | +| title | string | true | The title for the document | +| url | string | true | The URL for the document link (either a file or web page) | +| description | string | false | A short HTML extract of text (for example, a short sentence to give some context of the document) | +| thumbnail | `Object` | false | An object containing path and filename attributes for the [thumbnail image](#thumbnail). Renders a placeholder instead if set to `true` | +| metadata | `Object` | false | An object for a [list of information about document](#metadata), for example, date, type and size | +| featured | boolean | false | Will render a featured variant of the document if set to `true` | +| fullWidth | boolean | false | If set to `true`, wraps the `featured` document in a `div` with class `ons-container` for a “full-bleed” layout. Can only be set when featured is set to true. | +| wide | boolean | false | Set to `true` to increase the maximum width of the layout container to 1280px. | ### Thumbnail diff --git a/src/components/document-list/_macro.njk b/src/components/document-list/_macro.njk index 6d4235abfa..7034521b0d 100644 --- a/src/components/document-list/_macro.njk +++ b/src/components/document-list/_macro.njk @@ -2,9 +2,9 @@ {% for document in params.documents %} -
    • +
    • - {% if document.fullWidth == true %} + {% if document.featured and document.fullWidth == true %}
      @@ -50,10 +50,8 @@ {%- if document.metadata.date %}
    • - {% if document.metadata.date -%} - {% set prefixClasses = "ons-u-fw-b" if document.metadata.date.showPrefix == true else "ons-u-vh" %} - {{ document.metadata.date.prefix | default("Published") }}: - {%- endif -%} + {% set prefixClasses = "ons-u-fw-b" if document.metadata.date.showPrefix == true else "ons-u-vh" %} + {{ document.metadata.date.prefix | default("Published") }}: {% if document.metadata.date.iso -%} {%- endif %} @@ -99,7 +97,7 @@
      • - {% if document.fullWidth == true %} + {% if document.featured and document.fullWidth == true %} diff --git a/src/components/document-list/_macro.spec.js b/src/components/document-list/_macro.spec.js index f0c69a3287..d0daf869bf 100644 --- a/src/components/document-list/_macro.spec.js +++ b/src/components/document-list/_macro.spec.js @@ -117,7 +117,7 @@ describe('macro: document list', () => { it('has the correct container if `fullWidth`', () => { const $ = cheerio.load( renderComponent('document-list', { - documents: [{ ...EXAMPLE_DOCUMENT_LIST_BASIC, fullWidth: true }], + documents: [{ ...EXAMPLE_DOCUMENT_LIST_BASIC, featured: true, fullWidth: true }], }), ); @@ -127,7 +127,7 @@ describe('macro: document list', () => { it('has the correct container class if `fullWidth` and `wide`', () => { const $ = cheerio.load( renderComponent('document-list', { - documents: [{ ...EXAMPLE_DOCUMENT_LIST_BASIC, fullWidth: true, wide: true }], + documents: [{ ...EXAMPLE_DOCUMENT_LIST_BASIC, featured: true, fullWidth: true, wide: true }], }), ); diff --git a/src/components/header/_macro-options.md b/src/components/header/_macro-options.md index 7b7475e40b..46ac8311e1 100644 --- a/src/components/header/_macro-options.md +++ b/src/components/header/_macro-options.md @@ -84,7 +84,7 @@ | --------- | ------ | -------- | --------------------------------------------------------------------- | | classes | string | false | Classes to add to the list item element | | url | string | true | The URL for the HTML `href` attribute for the path to the linked page | -| title | string | true | The text label for the link | +| text | string | true | The text label for the link | | id | string | false | The HTML `id` of the link | | ariaLabel | string | false | The `aria-label` for the item. | diff --git a/src/components/header/_macro.njk b/src/components/header/_macro.njk index 54aa1fc494..815a7091d1 100644 --- a/src/components/header/_macro.njk +++ b/src/components/header/_macro.njk @@ -102,9 +102,9 @@ href="{{ item.url }}" class="ons-header-service-nav__link" {% if item.id %} id="{{ item.id }}"{% endif %} - >{{ item.title }} + >{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %} {% else %} - {{ item.title }} + {% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %} {% endif %} {% endfor %} @@ -153,9 +153,9 @@ href="{{ item.url }}" class="ons-header-service-nav__link" {% if item.id %} id="{{ item.id }}"{% endif %} - >{{ item.title }} + >{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %} {% else %} - {{ item.title }} + {% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %} {% endif %} {% endfor %} diff --git a/src/components/header/example-header-external-with-navigation.njk b/src/components/header/example-header-external-with-navigation.njk index ea614421f8..ceaf9b0338 100644 --- a/src/components/header/example-header-external-with-navigation.njk +++ b/src/components/header/example-header-external-with-navigation.njk @@ -13,23 +13,23 @@ "currentPath": '#home', "itemsList": [ { - "title": 'Home', + "text": 'Home', "url": '#home' }, { - "title": 'Guidance', + "text": 'Guidance', "url": '#0' }, { - "title": 'Foundations', + "text": 'Foundations', "url": '#0' }, { - "title": 'Components', + "text": 'Components', "url": '#0' }, { - "title": 'Patterns', + "text": 'Patterns', "url": '#0' } ], diff --git a/src/components/header/example-header-external-with-service-links.njk b/src/components/header/example-header-external-with-service-links.njk index 9fc8a468ff..67a787be99 100644 --- a/src/components/header/example-header-external-with-service-links.njk +++ b/src/components/header/example-header-external-with-service-links.njk @@ -18,15 +18,15 @@ }, "itemsList": [ { - "title": "Help", + "text": "Help", "url": "#0" }, { - "title": "My Account", + "text": "My Account", "url": "#0" }, { - "title": "Sign out", + "text": "Sign out", "url": "#0" } ] diff --git a/src/components/header/example-header-external-with-sub-navigation.njk b/src/components/header/example-header-external-with-sub-navigation.njk index f5eed1b4f4..464ddaea50 100644 --- a/src/components/header/example-header-external-with-sub-navigation.njk +++ b/src/components/header/example-header-external-with-sub-navigation.njk @@ -15,23 +15,23 @@ "currentPageTitle": 'Design system', "itemsList": [ { - "title": 'Service standard', + "text": 'Service standard', "url": '#0' }, { - "title": 'Design system', + "text": 'Design system', "url": '#design-system' }, { - "title": 'Accessibility', + "text": 'Accessibility', "url": '#0' }, { - "title": 'Brand guidelines', + "text": 'Brand guidelines', "url": '#0' }, { - "title": 'Content style guide', + "text": 'Content style guide', "url": '#0' } ], @@ -46,19 +46,19 @@ "ariaLabel": 'Section menu', "itemsList": [ { - "title": 'Guidance', + "text": 'Guidance', "url": '#0' }, { - "title": 'Foundations', + "text": 'Foundations', "url": '#0' }, { - "title": 'Components', + "text": 'Components', "url": '#0' }, { - "title": 'Patterns', + "text": 'Patterns', "url": '#patterns', "sections": [ { diff --git a/src/components/header/example-header-internal.njk b/src/components/header/example-header-internal.njk index 0c6b0a6450..e3794dbffe 100644 --- a/src/components/header/example-header-internal.njk +++ b/src/components/header/example-header-internal.njk @@ -19,11 +19,11 @@ }, "itemsList": [ { - "title": "Jacky Turner", + "text": "Jacky Turner", "iconType": 'person' }, { - "title": "Sign out", + "text": "Sign out", "url": "#0" } ] diff --git a/src/components/header/example-header-neutral-for-multicoloured-logo.njk b/src/components/header/example-header-neutral-for-multicoloured-logo.njk index 9ea6216aa4..ea3d7b6bde 100644 --- a/src/components/header/example-header-neutral-for-multicoloured-logo.njk +++ b/src/components/header/example-header-neutral-for-multicoloured-logo.njk @@ -18,15 +18,15 @@ }, "itemsList": [ { - "title": "Help", + "text": "Help", "url": "#0" }, { - "title": "My Account", + "text": "My Account", "url": "#0" }, { - "title": "Sign out", + "text": "Sign out", "url": "#0" } ] @@ -38,15 +38,15 @@ "currentPageTitle": 'Design system', "itemsList": [ { - "title": 'Menu item 1', + "text": 'Menu item 1', "url": '#0' }, { - "title": 'Menu item 2', + "text": 'Menu item 2', "url": '#menu-item-2' }, { - "title": 'Menu item 3', + "text": 'Menu item 3', "url": '#0' } ], diff --git a/src/components/list/_list.scss b/src/components/list/_list.scss index 5399128970..4e10e8cf52 100644 --- a/src/components/list/_list.scss +++ b/src/components/list/_list.scss @@ -1,10 +1,13 @@ .ons-list { - margin: 0 0 1rem; + margin: 0; padding: 0 0 0 1.5rem; &__item { + &:first-child { + margin-top: 0.5rem; + } &:last-child { - margin-bottom: 0; + margin-bottom: -0.5; } } diff --git a/src/components/list/_macro-options.md b/src/components/list/_macro-options.md index 389c95b553..232b1dcb92 100644 --- a/src/components/list/_macro-options.md +++ b/src/components/list/_macro-options.md @@ -12,20 +12,20 @@ ## ListItem -| Name | Type | Required | Description | -| ------------------- | ------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------- | -| listClasses | string | false | Classes to be added to the list item | -| text | string | true | The text for the list item | -| title | string | false | The text for the list item - _used for Craft CMS_ | -| navigationTitle | string | false | The text for the list item - _used for Craft CMS_ | -| url | string | false | Wraps the list item text in a link with the set `href` | -| classes | string | false | Classes to be added to the list item link | -| variants | string | false | Use the value “inPageLink” for list items set with `url` when using the [error summary panel](/patterns/correct-errors/#error-summary) | -| target | string | false | Sets the HTML `target` attribute for the list item when `url` is set | -| screenreaderMessage | string | false | Sets a message to be read out by screen readers when `target` is set to “\_blank” to open a new tab. Defaults to “opens in a new tab”. | -| external | boolean | false | Sets the list item as an [external link](#external-links) | -| prefix | string | false | Will prefix the list item with the parameter’s value | -| suffix | string | false | Will suffix the list item with the parameter’s value | -| current | boolean | false | Set to “true” to indicate the current page in a list of content navigational links | -| iconType | string | false | Adds an icon to the individual list item when set to the name of one of the [available icons](/foundations/icons#a-to-z) | -| attributes | object | false | HTML attributes (for example, data attributes) to add to list item link | +| Name | Type | Required | Description | +| ------------------- | ----------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------- | +| listClasses | string | false | Classes to be added to the list item | +| text | string | true | The text for the list item | +| title | string | false | The text for the list item - _used for Craft CMS_ | +| navigationTitle | string | false | The text for the list item - _used for Craft CMS_ | +| url | string | false | Wraps the list item text in a link with the set `href` | +| classes | string | false | Classes to be added to the list item link | +| target | string | false | Sets the HTML `target` attribute for the list item when `url` is set | +| screenreaderMessage | string | false | Sets a message to be read out by screen readers when `target` is set to “\_blank” to open a new tab. Defaults to “opens in a new tab”. | +| external | boolean | false | Sets the list item as an [external link](#external-links) | +| prefix | string | false | Will prefix the list item with the parameter’s value | +| suffix | string | false | Will suffix the list item with the parameter’s value | +| current | boolean | false | Set to “true” to indicate the current page in a list of content navigational links | +| iconType | string | false | Adds an icon to the individual list item when set to the name of one of the [available icons](/foundations/icons#a-to-z) | +| attributes | object | false | HTML attributes (for example, data attributes) to add to list item link | +| itemsList | `Array` | false | Settings for each [list item](#listitem) | diff --git a/src/components/list/_macro.njk b/src/components/list/_macro.njk index cbb205b8de..2413d0f8f6 100644 --- a/src/components/list/_macro.njk +++ b/src/components/list/_macro.njk @@ -20,13 +20,20 @@ {% else %} {% set listEl = 'ul' %} {% endif %} - <{{listEl}} {% if params.id %}id="{{ params.id }}"{% endif %} class="ons-list{% if listEl == 'p' %} ons-list--p{% endif %}{% if params.classes %} {{ params.classes -}}{% endif %}{% if params.variants %}{% if params.variants is not string %}{% for variant in params.variants %} ons-list--{{ variant }}{% endfor %}{% else %} ons-list--{{ params.variants }}{% endif %}{% endif %}{% if otherClasses %} {{ otherClasses -}}{% endif %}"{% if params.attributes %}{% for attribute, value in (params.attributes.items() if params.attributes is mapping and params.attributes.items else params.attributes) %} {{ attribute }}{% if value %}="{{ value }}"{% endif %}{% endfor %}{% endif %}> - {%- for item in params.itemsList -%} - {% if listLength > 1 or listEl == 'ul' %} + <{{ listEl }} {% if params.id %}id="{{ params.id }}"{% endif %} class="ons-list{% if listEl == 'p' %} ons-list--p{% endif %}{% if params.classes %} {{ params.classes -}}{% endif %}{% if params.variants %}{% if params.variants is not string %}{% for variant in params.variants %} ons-list--{{ variant }}{% endfor %}{% else %} ons-list--{{ params.variants }}{% endif %}{% endif %}{% if otherClasses %} {{ otherClasses -}}{% endif %}"{% if params.attributes %}{% for attribute, value in (params.attributes.items() if params.attributes is mapping and params.attributes.items else params.attributes) %} {{ attribute }}{% if value %}="{{ value }}"{% endif %}{% endfor %}{% endif %}> + {%- for item in params.itemsList -%} + {% set sublistClasses = item.listClasses if item.listClasses else '' %} + {% set sublistParams = { + 'variants': variants, + 'itemsList': item.itemsList, + 'classes': sublistClasses + } %} + {% if listLength > 1 or listEl == 'ul' %}
    • - {% endif %} - {% set itemText = item.text %} - {% set itemIconType = item.iconType if item.iconType else iconType %} + {% endif %} + {% set itemText = item.text %} + {% if item.text %} + {% set itemIconType = item.iconType if item.iconType else iconType %} {% endif %} {# For Craft support we also support title and navigation title #} {% if item.navigationTitle %} @@ -84,9 +91,14 @@ }} {%- endif -%} {%- endif -%} - {% if listLength > 1 or listEl == 'ul' %} -
      • + {% if item.itemsList %} + {# Handle nested lists with recursive call for sub layer #} + {{ onsList(sublistParams) }} {% endif %} - {%- endfor -%} - + {% if listLength > 1 or listEl == 'ul' %} + + {% endif %} + {%- endfor -%} + + {% endmacro %} diff --git a/src/components/list/_macro.spec.js b/src/components/list/_macro.spec.js index 1d937d6f5f..fb83f94829 100644 --- a/src/components/list/_macro.spec.js +++ b/src/components/list/_macro.spec.js @@ -21,6 +21,13 @@ const EXAMPLE_ITEM_NAVIGATION_TITLE = { title: 'Long article title', navigationTitle: 'Nav friendly title', }; +const EXAMPLE_NESTED_LIST_TEXT_ITEMS = { + itemsList: [ + { text: 'First item' }, + { text: 'Second item' }, + { text: 'Third item', itemsList: [{ text: 'First item' }, { text: 'Second item' }] }, + ], +}; describe('macro: list', () => { describe('list element', () => { @@ -615,4 +622,39 @@ describe('macro: list', () => { expect($('#first + .ons-list__suffix').length).toBe(1); }); }); + + describe('nested list element', () => { + it('has provided variant style class when one variant is provided', () => { + const $ = cheerio.load( + renderComponent('list', { + ...EXAMPLE_NESTED_LIST_TEXT_ITEMS, + variants: 'dashed', + }), + ); + + expect($('.ons-list--dashed').length).toBe(2); + }); + + it('has provided variant style classes when multiple variants are provided', () => { + const $ = cheerio.load( + renderComponent('list', { + ...EXAMPLE_NESTED_LIST_TEXT_ITEMS, + variants: ['dashed', 'inline'], + }), + ); + + expect($('.ons-list').hasClass('ons-list--dashed')).toBe(true); + expect($('.ons-list').hasClass('ons-list--inline')).toBe(true); + }); + + it('has the expected quantity of
    • elements when a
        element is specified', () => { + const $ = cheerio.load( + renderComponent('list', { + ...EXAMPLE_NESTED_LIST_TEXT_ITEMS, + }), + ); + + expect($('.ons-list li').length).toBe(5); + }); + }); }); diff --git a/src/components/navigation/_macro.njk b/src/components/navigation/_macro.njk index a7178fb607..356d8d805e 100644 --- a/src/components/navigation/_macro.njk +++ b/src/components/navigation/_macro.njk @@ -14,7 +14,7 @@ {% endif %} {{ onsAutosuggest({ "id": "ons-site-search", - "containerClasses": "ons-autosuggest-input--header", + "containerClasses": "ons-autosuggest--header", "classes": autosuggestClasses, "label": { "text": params.siteSearchAutosuggest.label, @@ -42,7 +42,7 @@ @@ -55,7 +55,7 @@ @@ -81,14 +81,14 @@ {% for item in params.navigation.subNavigation.itemsList %}
      1. - {{ item.title }} + {% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %} {% if item.sections %} {% for section in item.sections %} {% if section.sectionTitle %}

        {{ section.sectionTitle }}

        {% endif %} diff --git a/src/components/navigation/_macro.spec.js b/src/components/navigation/_macro.spec.js index 9d5b9a2ab7..e9ba7688be 100644 --- a/src/components/navigation/_macro.spec.js +++ b/src/components/navigation/_macro.spec.js @@ -130,7 +130,7 @@ describe('macro: navigation', () => { accessiblePlaceholder: true, autocomplete: 'off', id: 'ons-site-search', - containerClasses: 'ons-autosuggest-input--header', + containerClasses: 'ons-autosuggest--header', classes: 'ons-input-search ons-input-search--icon', label: { text: 'Search the design system', diff --git a/src/components/pagination/_macro.njk b/src/components/pagination/_macro.njk index 6f7cb78eeb..6878e7986d 100644 --- a/src/components/pagination/_macro.njk +++ b/src/components/pagination/_macro.njk @@ -1,4 +1,5 @@ {% macro onsPagination(params) %} + {% from "components/icon/_macro.njk" import onsIcon %} {% set currentPageIndex = params.currentPageNumber|int %} {% set totalPages = params.pages | length|int %} {% set position = "Page " ~ currentPageIndex ~ " of " ~ totalPages %} @@ -13,7 +14,14 @@ {% if currentPageIndex != 1 %} {% set prevPageIndex = currentPageIndex - 2 %}
      2. - +
        3. {% endif %} {% if currentPageIndex > 2 %} @@ -60,7 +68,14 @@ {% endif %} {% if totalPages > 1 and totalPages != currentPageIndex %}
      3. - +
        4. {% endif %} diff --git a/src/components/pagination/_pagination.scss b/src/components/pagination/_pagination.scss index 41a9d1bf2e..6e40e3aaa2 100644 --- a/src/components/pagination/_pagination.scss +++ b/src/components/pagination/_pagination.scss @@ -39,12 +39,26 @@ $pagination-item-width: 2.5rem; min-width: $pagination-item-width; } + &__link--no-underline { + text-decoration: none; + &:hover { + text-decoration: none; + } + } + &__link { border-radius: 3px; box-shadow: none; display: block; padding: $pagination-item-padding; + &-text { + @extend .ons-u-fs-r--b; + + display: inline-block; + vertical-align: middle; + } + &:focus { border-radius: 0; } diff --git a/src/components/section-navigation/_macro-options.md b/src/components/section-navigation/_macro-options.md index c21a6b2015..28f3eed1d4 100644 --- a/src/components/section-navigation/_macro-options.md +++ b/src/components/section-navigation/_macro-options.md @@ -1,13 +1,14 @@ -| Name | Type | Required | Description | -| ----------- | ------------- | ------------------------------- | ------------------------------------------------------------------------------------------------------- | -| id | string | false | The HTML `id` of the `