defra_ruby_template 3.15.1 → 5.4.0

data/node_modules/govuk-frontend/govuk/components/table/macro-options.json

@@ -1,132 +0,0 @@
-[
-    {
-        "name": "rows",
-        "type": "array",
-        "required": true,
-        "description": "Array of table rows and cells.",
-        "params": [
-            {
-                "name": "text",
-                "type": "string",
-                "required": true,
-                "description": "If `html` is set, this is not required. Text for cells in table rows. If `html` is provided, the `text` argument will be ignored."
-            },
-            {
-                "name": "html",
-                "type": "string",
-                "required": true,
-                "description": "If `text` is set, this is not required. HTML for cells in table rows. If `html` is provided, the `text` argument will be ignored."
-            },
-            {
-                "name": "format",
-                "type": "string",
-                "required": false,
-                "description": "Specify format of a cell. Currently we only use \"numeric\"."
-            },
-            {
-                "name": "classes",
-                "type": "string",
-                "required": false,
-                "description": "Classes to add to the table row cell."
-            },
-            {
-                "name": "colspan",
-                "type": "integer",
-                "required": false,
-                "description": "Specify how many columns a cell extends."
-            },
-            {
-                "name": "rowspan",
-                "type": "integer",
-                "required": false,
-                "description": "Specify how many rows a cell extends."
-            },
-            {
-                "name": "attributes",
-                "type": "object",
-                "required": false,
-                "description": "HTML attributes (for example data attributes) to add to the table cell."
-            }
-        ]
-    },
-    {
-        "name": "head",
-        "type": "array",
-        "required": false,
-        "description": "Array of table head cells.",
-        "params": [
-            {
-                "name": "text",
-                "type": "string",
-                "required": false,
-                "description": "If `html` is set, this is not required. Text for table head cells. If `html` is provided, the `text` argument will be ignored."
-            },
-            {
-                "name": "html",
-                "type": "string",
-                "required": false,
-                "description": "If `text` is set, this is not required. HTML for table head cells. If `html` is provided, the `text` argument will be ignored."
-            },
-            {
-                "name": "format",
-                "type": "string",
-                "required": false,
-                "description": "Specify format of a cell. Currently we only use \"numeric\"."
-            },
-            {
-                "name": "classes",
-                "type": "string",
-                "required": false,
-                "description": "Classes to add to the table head cell."
-            },
-            {
-                "name": "colspan",
-                "type": "integer",
-                "required": false,
-                "description": "Specify how many columns a cell extends."
-            },
-            {
-                "name": "rowspan",
-                "type": "integer",
-                "required": false,
-                "description": "Specify how many rows a cell extends."
-            },
-            {
-                "name": "attributes",
-                "type": "object",
-                "required": false,
-                "description": "HTML attributes (for example data attributes) to add to the table cell."
-            }
-        ]
-    },
-    {
-        "name": "caption",
-        "type": "string",
-        "required": false,
-        "description": "Caption text"
-    },
-    {
-        "name": "captionClasses",
-        "type": "string",
-        "required": false,
-        "description": "Classes for caption text size. Classes should correspond to the available typography heading classes."
-    },
-    {
-        "name": "firstCellIsHeader",
-        "type": "boolean",
-        "required": false,
-        "description": "If set to true, first cell in table row will be a TH instead of a TD."
-    },
-    {
-        "name": "classes",
-        "type": "string",
-        "required": false,
-        "description": "Classes to add to the table container."
-    },
-    {
-        "name": "attributes",
-        "type": "object",
-        "required": false,
-        "description": "HTML attributes (for example data attributes) to add to the table container."
-    }
-]

data/node_modules/govuk-frontend/govuk/components/table/template.njk

@@ -1,45 +0,0 @@
-<table class="govuk-table
-  {%- if params.classes %} {{ params.classes }}{% endif %}"{% for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-  {% if params.caption %}
-  <caption class="govuk-table__caption
-  {%- if params.captionClasses %} {{ params.captionClasses }}{% endif %}">{{ params.caption }}</caption>
-  {% endif %}
-  {% if params.head %}
-  <thead class="govuk-table__head">
-    <tr class="govuk-table__row">
-    {% for item in params.head %}
-      <th scope="col" class="govuk-table__header
-      {%- if item.format %} govuk-table__header--{{ item.format }}{% endif %}
-      {%- if item.classes %} {{ item.classes }}{% endif %}"
-      {%- if item.colspan %} colspan="{{ item.colspan }}"{% endif %}
-      {%- if item.rowspan %} rowspan="{{ item.rowspan }}"{% endif %}{% for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>{{ item.html |safe if item.html else item.text }}</th>
-    {% endfor %}
-    </tr>
-  </thead>
-  {% endif %}
-  <tbody class="govuk-table__body">
-    {% for row in params.rows %}
-      {% if row %}
-        <tr class="govuk-table__row">
-        {% for cell in row %}
-          {% set commonAttributes %}
-            {%- if cell.colspan %} colspan="{{ cell.colspan }}"{% endif %}
-            {%- if cell.rowspan %} rowspan="{{ cell.rowspan }}"{% endif %}{% for attribute, value in cell.attributes %} {{ attribute }}="{{ value }}"{% endfor %}
-          {% endset %}
-          {% if loop.first and params.firstCellIsHeader %}
-          <th scope="row" class="govuk-table__header{%- if cell.classes %} {{ cell.classes }}{% endif %}"
-            {{- commonAttributes | safe -}}
-          >{{ cell.html | safe if cell.html else cell.text }}</th>
-          {% else %}
-          <td class="govuk-table__cell
-            {%- if cell.format %} govuk-table__cell--{{ cell.format }}{% endif %}
-            {%- if cell.classes %} {{ cell.classes }}{% endif %}"
-            {{- commonAttributes | safe -}}
-          >{{ cell.html | safe if cell.html else cell.text }}</td>
-          {% endif %}
-        {% endfor %}
-        </tr>
-      {% endif %}
-    {% endfor %}
-  </tbody>
-</table>

data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss

@@ -1,130 +0,0 @@
-@include govuk-exports("govuk/component/tabs") {
-  .govuk-tabs {
-    @include govuk-responsive-margin(1, "top");
-    @include govuk-responsive-margin(6, "bottom");
-  }
-
-  .govuk-tabs__title {
-    @include govuk-font($size: 19);
-    @include govuk-text-colour;
-    margin-bottom: govuk-spacing(2);
-  }
-
-  .govuk-tabs__list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    @include govuk-responsive-margin(6, "bottom");
-  }
-
-  .govuk-tabs__list-item {
-    @include govuk-font($size: 19);
-    margin-left: govuk-spacing(5);
-
-    &:before {
-      @include govuk-text-colour;
-      content: "\2014 "; // "— "
-      margin-left: - govuk-spacing(5);
-      padding-right: govuk-spacing(1);
-    }
-  }
-
-  .govuk-tabs__tab {
-    @include govuk-link-common;
-    @include govuk-link-style-default;
-
-    display: inline-block;
-    margin-bottom: govuk-spacing(2);
-  }
-
-  .govuk-tabs__panel {
-    @include govuk-responsive-margin(8, "bottom");
-  }
-
-  // JavaScript enabled
-  .js-enabled {
-
-    @include govuk-media-query($from: tablet) {
-      .govuk-tabs__list {
-        @include govuk-clearfix;
-        margin-bottom: 0;
-        border-bottom: 1px solid $govuk-border-colour;
-      }
-
-      .govuk-tabs__title {
-        display: none;
-      }
-
-      .govuk-tabs__list-item {
-        position: relative;
-
-        margin-right: govuk-spacing(1);
-        margin-bottom: 0;
-        margin-left: 0;
-        padding: govuk-spacing(2) govuk-spacing(4);
-
-        float: left;
-        background-color: govuk-colour("light-grey", $legacy: "grey-4");
-        text-align: center;
-
-        &:before {
-          content: none;
-        }
-      }
-
-      .govuk-tabs__list-item--selected {
-        $border-width: 1px;
-
-        position: relative;
-
-        margin-top: - govuk-spacing(1);
-
-        // Compensation for border (otherwise we get a shift)
-        margin-bottom: -$border-width;
-        padding-top: govuk-spacing(3) - $border-width;
-        padding-right: govuk-spacing(4) - $border-width;
-        padding-bottom: govuk-spacing(3) + $border-width;
-        padding-left: govuk-spacing(4) - $border-width;
-
-        border: $border-width solid $govuk-border-colour;
-        border-bottom: 0;
-
-        background-color: $govuk-body-background-colour;
-
-        .govuk-tabs__tab {
-          text-decoration: none;
-        }
-      }
-
-      .govuk-tabs__tab {
-        @include govuk-link-style-text;
-
-        margin-bottom: 0;
-
-        &:after {
-          content: "";
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-        }
-      }
-
-      .govuk-tabs__panel {
-        @include govuk-responsive-margin(0, "bottom");
-        padding: govuk-spacing(6) govuk-spacing(4);
-        border: 1px solid $govuk-border-colour;
-        border-top: 0;
-
-        & > :last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      .govuk-tabs__panel--hidden {
-        display: none;
-      }
-    }
-  }
-}

data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss

@@ -1,2 +0,0 @@
-@import "../../base";
-@import "./index";

data/node_modules/govuk-frontend/govuk/components/tabs/fixtures.json

@@ -1,286 +0,0 @@
-{
-    "component": "tabs",
-    "fixtures": [
-        {
-            "name": "default",
-            "options": {
-                "items": [
-                    {
-                        "label": "Past day",
-                        "id": "past-day",
-                        "panel": {
-                            "html": "<h2 class=\"govuk-heading-l\">Past day</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">3</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">2</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n  </tbody>\n</table>\n"
-                        }
-                    },
-                    {
-                        "label": "Past week",
-                        "id": "past-week",
-                        "panel": {
-                            "html": "<h2 class=\"govuk-heading-l\">Past week</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">18</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">16</td>\n      <td class=\"govuk-table__cell\">20</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">27</td>\n    </tr>\n  </tbody>\n</table>\n"
-                        }
-                    },
-                    {
-                        "label": "Past month",
-                        "id": "past-month",
-                        "panel": {
-                            "html": "<h2 class=\"govuk-heading-l\">Past month</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">98</td>\n      <td class=\"govuk-table__cell\">95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">122</td>\n      <td class=\"govuk-table__cell\">131</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">126</td>\n      <td class=\"govuk-table__cell\">142</td>\n    </tr>\n  </tbody>\n</table>\n"
-                        }
-                    },
-                    {
-                        "label": "Past year",
-                        "id": "past-year",
-                        "panel": {
-                            "html": "<h2 class=\"govuk-heading-l\">Past year</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">1380</td>\n      <td class=\"govuk-table__cell\">1472</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1129</td>\n      <td class=\"govuk-table__cell\">1083</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">1539</td>\n      <td class=\"govuk-table__cell\">1265</td>\n    </tr>\n  </tbody>\n</table>\n"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#past-day\">\n            Past day\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#past-week\">\n            Past week\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#past-month\">\n            Past month\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#past-year\">\n            Past year\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"past-day\">\n        <h2 class=\"govuk-heading-l\">Past day</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">3</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">2</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n  </tbody>\n</table>\n\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-week\">\n        <h2 class=\"govuk-heading-l\">Past week</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">18</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">16</td>\n      <td class=\"govuk-table__cell\">20</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">27</td>\n    </tr>\n  </tbody>\n</table>\n\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-month\">\n        <h2 class=\"govuk-heading-l\">Past month</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">98</td>\n      <td class=\"govuk-table__cell\">95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">122</td>\n      <td class=\"govuk-table__cell\">131</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">126</td>\n      <td class=\"govuk-table__cell\">142</td>\n    </tr>\n  </tbody>\n</table>\n\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-year\">\n        <h2 class=\"govuk-heading-l\">Past year</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">1380</td>\n      <td class=\"govuk-table__cell\">1472</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1129</td>\n      <td class=\"govuk-table__cell\">1083</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">1539</td>\n      <td class=\"govuk-table__cell\">1265</td>\n    </tr>\n  </tbody>\n</table>\n\n      </div>\n    \n  \n</div>",
-            "hidden": false
-        },
-        {
-            "name": "tabs-with-anchor-in-panel",
-            "options": {
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "html": "<h2 class=\"govuk-heading-l\">Tab 1</h2>\n<p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n<p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n<p class=\"govuk-body\"><a id=\"anchor\" tabIndex=\"0\">Anchor Point</a></p>\n"
-                        }
-                    },
-                    {
-                        "label": "Tab 2",
-                        "id": "tab-2",
-                        "panel": {
-                            "html": "<h2 class=\"govuk-heading-l\">Tab 2</h2>\n"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n            Tab 2\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        <h2 class=\"govuk-heading-l\">Tab 1</h2>\n<p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n<p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n<p class=\"govuk-body\"><a id=\"anchor\" tabIndex=\"0\">Anchor Point</a></p>\n\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n        <h2 class=\"govuk-heading-l\">Tab 2</h2>\n\n      </div>\n    \n  \n</div>",
-            "hidden": false
-        },
-        {
-            "name": "classes",
-            "options": {
-                "classes": "app-tabs--custom-modifier",
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "text": "Information about tabs"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        Information about tabs\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "id",
-            "options": {
-                "id": "my-tabs",
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "text": "Information about tabs"
-                        }
-                    }
-                ]
-            },
-            "html": "<div id=\"my-tabs\" class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        Information about tabs\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "title",
-            "options": {
-                "title": "Custom title for Contents",
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "text": "Information about tabs"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Custom title for Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        Information about tabs\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "attributes",
-            "options": {
-                "attributes": {
-                    "data-attribute": "my data value"
-                },
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "text": "Information about tabs"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-attribute=\"my data value\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        Information about tabs\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "item with attributes",
-            "options": {
-                "items": [
-                    {
-                        "id": "tab-1",
-                        "label": "Tab 1",
-                        "panel": {
-                            "text": "Information about tabs"
-                        },
-                        "attributes": {
-                            "data-attribute": "my-attribute",
-                            "data-attribute-2": "my-attribute-2"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        Information about tabs\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "panel with attributes",
-            "options": {
-                "items": [
-                    {
-                        "id": "tab-1",
-                        "label": "Tab 1",
-                        "panel": {
-                            "text": "Panel text",
-                            "attributes": {
-                                "data-attribute": "my-attribute",
-                                "data-attribute-2": "my-attribute-2"
-                            }
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n        Panel text\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "no item list",
-            "options": {
-                "id": "my-tabs",
-                "classes": "app-tabs--custom-modifier"
-            },
-            "html": "<div id=\"my-tabs\" class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "empty item list",
-            "options": {
-                "items": []
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "with falsey values",
-            "options": {
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "text": "Panel 1 content"
-                        }
-                    },
-                    null,
-                    false,
-                    "",
-                    {
-                        "label": "Tab 2",
-                        "id": "tab-2",
-                        "panel": {
-                            "text": "Panel 2 content"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n      \n    \n      \n    \n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n            Tab 2\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        Panel 1 content\n      </div>\n    \n  \n    \n  \n    \n  \n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n        Panel 2 content\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "idPrefix",
-            "options": {
-                "idPrefix": "custom",
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "panel": {
-                            "text": "Panel 1 content"
-                        }
-                    },
-                    {
-                        "label": "Tab 2",
-                        "panel": {
-                            "text": "Panel 2 content"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#custom-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#custom-2\">\n            Tab 2\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"custom-1\">\n        Panel 1 content\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"custom-2\">\n        Panel 2 content\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "html as text",
-            "options": {
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "text": "<p>Panel 1 content</p>"
-                        }
-                    },
-                    {
-                        "label": "Tab 2",
-                        "id": "tab-2",
-                        "panel": {
-                            "text": "<p>Panel 2 content</p>"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n            Tab 2\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        &lt;p&gt;Panel 1 content&lt;/p&gt;\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n        &lt;p&gt;Panel 2 content&lt;/p&gt;\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        },
-        {
-            "name": "html",
-            "options": {
-                "items": [
-                    {
-                        "label": "Tab 1",
-                        "id": "tab-1",
-                        "panel": {
-                            "html": "<p>Panel 1 content</p>"
-                        }
-                    },
-                    {
-                        "label": "Tab 2",
-                        "id": "tab-2",
-                        "panel": {
-                            "html": "<p>Panel 2 content</p>"
-                        }
-                    }
-                ]
-            },
-            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  \n  <ul class=\"govuk-tabs__list\">\n    \n      \n        \n        <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n            Tab 1\n          </a>\n        </li>\n      \n    \n      \n        \n        <li class=\"govuk-tabs__list-item\">\n          <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n            Tab 2\n          </a>\n        </li>\n      \n    \n  </ul>\n  \n  \n    \n      \n      <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n        <p>Panel 1 content</p>\n      </div>\n    \n  \n    \n      \n      <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n        <p>Panel 2 content</p>\n      </div>\n    \n  \n</div>",
-            "hidden": true
-        }
-    ]
-}