Merge branch 'main' into dependencies/9/update-lighthouse

ONSdigital · Jul 27, 2023 · c3740d2 · c3740d2
2 parents 77030fd + d709c00
commit c3740d2
Show file tree

Hide file tree

Showing 36 changed files with 759 additions and 0 deletions.
diff --git a/...s_example-checkboxes-with-revealed-checkboxes-expanded_0_document_0_desktop.png b/...s_example-checkboxes-with-revealed-checkboxes-expanded_0_document_0_desktop.png
diff --git a/...es_example-checkboxes-with-revealed-checkboxes-expanded_0_document_1_tablet.png b/...es_example-checkboxes-with-revealed-checkboxes-expanded_0_document_1_tablet.png
diff --git a/...es_example-checkboxes-with-revealed-checkboxes-expanded_0_document_2_mobile.png b/...es_example-checkboxes-with-revealed-checkboxes-expanded_0_document_2_mobile.png
diff --git a/...boxes_example-checkboxes-with-revealed-radios-expanded_0_document_0_desktop.png b/...boxes_example-checkboxes-with-revealed-radios-expanded_0_document_0_desktop.png
diff --git a/...kboxes_example-checkboxes-with-revealed-radios-expanded_0_document_1_tablet.png b/...kboxes_example-checkboxes-with-revealed-radios-expanded_0_document_1_tablet.png
diff --git a/...kboxes_example-checkboxes-with-revealed-radios-expanded_0_document_2_mobile.png b/...kboxes_example-checkboxes-with-revealed-radios-expanded_0_document_2_mobile.png
diff --git a/...boxes_example-checkboxes-with-revealed-select-expanded_0_document_0_desktop.png b/...boxes_example-checkboxes-with-revealed-select-expanded_0_document_0_desktop.png
diff --git a/...kboxes_example-checkboxes-with-revealed-select-expanded_0_document_1_tablet.png b/...kboxes_example-checkboxes-with-revealed-select-expanded_0_document_1_tablet.png
diff --git a/...kboxes_example-checkboxes-with-revealed-select-expanded_0_document_2_mobile.png b/...kboxes_example-checkboxes-with-revealed-select-expanded_0_document_2_mobile.png
diff --git a/...s_example-checkboxes-with-revealed-text-input-expanded_0_document_0_desktop.png b/...s_example-checkboxes-with-revealed-text-input-expanded_0_document_0_desktop.png
diff --git a/...es_example-checkboxes-with-revealed-text-input-expanded_0_document_1_tablet.png b/...es_example-checkboxes-with-revealed-text-input-expanded_0_document_1_tablet.png
diff --git a/...es_example-checkboxes-with-revealed-text-input-expanded_0_document_2_mobile.png b/...es_example-checkboxes-with-revealed-text-input-expanded_0_document_2_mobile.png
diff --git a/...nents_radios_example-radios-with-clear-button-expanded_0_document_0_desktop.png b/...nents_radios_example-radios-with-clear-button-expanded_0_document_0_desktop.png
diff --git a/...onents_radios_example-radios-with-clear-button-expanded_0_document_1_tablet.png b/...onents_radios_example-radios-with-clear-button-expanded_0_document_1_tablet.png
diff --git a/...onents_radios_example-radios-with-clear-button-expanded_0_document_2_mobile.png b/...onents_radios_example-radios-with-clear-button-expanded_0_document_2_mobile.png
diff --git a/...adios_example-radios-with-revealed-checkboxes-expanded_0_document_0_desktop.png b/...adios_example-radios-with-revealed-checkboxes-expanded_0_document_0_desktop.png
diff --git a/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png b/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png
diff --git a/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png b/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png
diff --git a/...ts_radios_example-radios-with-revealed-radios-expanded_0_document_0_desktop.png b/...ts_radios_example-radios-with-revealed-radios-expanded_0_document_0_desktop.png
diff --git a/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png b/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png
diff --git a/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png b/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png
diff --git a/...ts_radios_example-radios-with-revealed-select-expanded_0_document_0_desktop.png b/...ts_radios_example-radios-with-revealed-select-expanded_0_document_0_desktop.png
diff --git a/...nts_radios_example-radios-with-revealed-select-expanded_0_document_1_tablet.png b/...nts_radios_example-radios-with-revealed-select-expanded_0_document_1_tablet.png
diff --git a/...nts_radios_example-radios-with-revealed-select-expanded_0_document_2_mobile.png b/...nts_radios_example-radios-with-revealed-select-expanded_0_document_2_mobile.png
diff --git a/...adios_example-radios-with-revealed-text-input-expanded_0_document_0_desktop.png b/...adios_example-radios-with-revealed-text-input-expanded_0_document_0_desktop.png
diff --git a/...radios_example-radios-with-revealed-text-input-expanded_0_document_1_tablet.png b/...radios_example-radios-with-revealed-text-input-expanded_0_document_1_tablet.png
diff --git a/...radios_example-radios-with-revealed-text-input-expanded_0_document_2_mobile.png b/...radios_example-radios-with-revealed-text-input-expanded_0_document_2_mobile.png
diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk
@@ -0,0 +1,88 @@
+{% from "components/checkboxes/_macro.njk" import onsCheckboxes %}
+
+    {{
+        onsCheckboxes({
+            "legend": "Content type",
+            "checkboxesLabel": "Show only:",
+            "borderless": true,
+            "name": "dietary",
+            "checkboxes": [
+                {
+                    "id": "data",
+                    "label": {
+                        "text": "Data (309)"
+                    },
+                    "value": "data",
+                    "checked": true,
+                    "other": {
+                        "otherType": "checkboxes",
+                        "selectAllChildren": true,
+                        "legend": "Data type",
+                        "legendClasses": "ons-u-vh",
+                        "name": "name",
+                        "checkboxes": [
+                            {
+                                "id": "datasets",
+                                "label": {
+                                    "text": "Datasets (100)"
+                                },
+                                "value": "datasets"
+                            },
+                            {
+                                "id": "timeseries",
+                                "label": {
+                                    "text": "Timeseries (20)"
+                                },
+                                "value": "timeseries"
+                            },
+                            {
+                                "id": "requested",
+                                "label": {
+                                    "text": "User requested data (17)"
+                                },
+                                "value": "requested"
+                            }
+                        ]
+                    }
+                },
+                {
+                    "id": "publications",
+                    "label": {
+                        "text": "Publications (137)"
+                    },
+                    "value": "publications",
+                    "checked": true,
+                    "other": {
+                        "otherType": "checkboxes",
+                        "selectAllChildren": true,
+                        "legend": "Publication type",
+                        "legendClasses": "ons-u-vh",
+                        "name": "name",
+                        "checkboxes": [
+                            {
+                                "id": "press-release",
+                                "label": {
+                                    "text": "Press release (100)"
+                                },
+                                "value": "pressrelease"
+                            },
+                            {
+                                "id": "bulletin",
+                                "label": {
+                                    "text": "Bulletin (20)"
+                                },
+                                "value": "bulletin"
+                            }
+                        ]
+                    }
+                },
+                {
+                    "id": "areas",
+                    "label": {
+                        "text": "Areas (0)"
+                    },
+                    "value": "areas"
+                }       
+            ]
+        })
+    }}
diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk
@@ -0,0 +1,70 @@
+{% from "components/checkboxes/_macro.njk" import onsCheckboxes %}
+
+{{
+    onsCheckboxes({
+        "checkboxesLabel": "Select all that apply",
+        "legend": "How would you like us to contact you?",
+        "name": "contact",
+        "borderless": true,
+        "checkboxes": [
+            {
+                "id": "post",
+                "label": {
+                    "text": "By post"
+                },
+                "value": "post"
+            },
+            {
+                "id": "email",
+                "label": {
+                    "text": "By email"
+                },
+                "value": "email"
+            },
+            {
+                "id": "phone",
+                "label": {
+                    "text": "By phone"
+                },
+                "value": "phone",
+                "checked": true,
+                "other": {
+                    "otherType": "radios",
+                    "id": "phone-time",
+                    "name": "phone-time",
+                    "legend": "Choose preferred time of day",
+                    "radios": [
+                        {
+                            "value": "anytime",
+                            "id": "anytime",
+                            "label": {
+                                "text": "Any time of day"
+                            }
+                        },
+                        {
+                            "value": "morning",
+                            "id": "morning",
+                            "label": {
+                                "text": "Morning"
+                            }
+                        },
+                        {
+                            "value": "afternoon",
+                            "id": "afternoon",
+                            "label": {
+                                "text": "Afternoon"
+                            }
+                        },
+                        {
+                            "value": "evening",
+                            "id": "evening",
+                            "label": {
+                                "text": "Evening"
+                            }
+                        }
+                    ]
+                }
+            }
+        ]
+    })
+}}
diff --git a/src/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk b/src/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk
@@ -0,0 +1,72 @@
+{% from "components/question/_macro.njk" import onsQuestion %}
+{% from "components/checkboxes/_macro.njk" import onsCheckboxes %}
+
+{% call onsQuestion({
+    "title": "How would you like us to contact you?",
+    "legendIsQuestionTitle": true,
+    "classes": "ons-u-mt-no"
+}) %}
+    {{
+        onsCheckboxes({
+            "checkboxesLabel": "Select all that apply",
+            "dontWrap": true,
+            "name": "contact",
+            "checkboxes": [
+                {
+                    "id": "post",
+                    "label": {
+                        "text": "By post"
+                    },
+                    "value": "post"
+                },
+                {
+                    "id": "email",
+                    "label": {
+                        "text": "By email"
+                    },
+                    "value": "email"
+                },
+                {
+                    "id": "phone",
+                    "label": {
+                        "text": "By phone"
+                    },
+                    "value": "phone",
+                    "checked": true,
+                    "other": {
+                        "otherType": "select",
+                        "id": "phone-time",
+                        "name": "phone-time",
+                        "label": {
+                            "text": "Choose preferred time of day"
+                        },
+                        "options": [
+                            {
+                                "value": "",
+                                "text": "Select an option",
+                                "disabled": true,
+                                "selected": true
+                            },
+                            {
+                                "value": "anytime",
+                                "text": "Anytime of day"
+                            },
+                            {
+                                "value": "morning",
+                                "text": "Morning"
+                            },
+                            {
+                                "value": "afternoon",
+                                "text": "Afternoon"
+                            },
+                            {
+                                "value": "evening",
+                                "text": "Evening"
+                            }
+                        ]
+                    }
+                }
+            ]
+        })
+    }}
+{% endcall %}