defra_ruby_template 5.11.0 → 6.4.0

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/_mixin.scss

@@ -0,0 +1,140 @@
+////
+/// @group components/generic-header
+////
+
+@use "../../base";
+
+/// Width of transparent bottom border of header.
+/// Set to provide a visual border in forced colour modes
+///
+/// @type Number
+/// @access private
+$header-forced-colour-border-width: 1px;
+
+/// Shared block header styles, with automatic background setting
+///
+/// @param {String} $background-colour - background colour of the header
+/// @param {String} $text-colour - text colour of the header
+/// @access private
+@mixin block-styles($background-colour: base.govuk-colour("black"), $text-colour: base.govuk-colour("white")) {
+  @include base.govuk-font($size: 16, $line-height: 1);
+
+  // Add a transparent bottom border for forced-colour modes
+  border-bottom: $header-forced-colour-border-width solid transparent;
+
+  --govuk-text-colour: #{$text-colour};
+  color: base.govuk-functional-colour(text);
+  background: $background-colour;
+
+  @media print {
+    border-bottom-width: 0;
+
+    --govuk-text-colour: inherit;
+    background: transparent;
+  }
+}
+
+/// Shared header full width container styles
+///
+/// @access private
+@mixin full-width-container-styles() {
+  padding: 0 base.$govuk-gutter-half;
+}
+
+/// Shared header logo container element styles, with automating padding setting
+///
+/// @param {String} $padding-top - top padding of logo container
+/// @param {String} $padding-bottom - bottom padding of logo container
+/// @access private
+@mixin logo-styles(
+  $padding-top: (
+    base.govuk-spacing(3)
+  ),
+  $padding-bottom: (
+    base.govuk-spacing(3)
+  )
+) {
+  padding-top: $padding-top;
+  padding-bottom: $padding-bottom;
+}
+
+/// Shared header logo link element styles
+///
+/// @access private
+@mixin link-styles {
+  // Avoid using the `base.govuk-link-common` mixin because the links in the
+  // header get a special treatment, because:
+  //
+  // - underlines are only visible on hover
+  // - all links get a 3px underline regardless of text size, as there are
+  //   multiple grouped elements close to one another and having slightly
+  //   different underline widths looks unbalanced
+  //
+  // Font size needs to be set on the link so that the box sizing is correct
+  // in Firefox
+  display: inline;
+  margin-right: base.govuk-spacing(2);
+  font-size: 30px; // We don't have a mixin that produces 30px font size
+  text-decoration: none;
+
+  @include base.govuk-link-style-text;
+
+  &:link,
+  &:visited {
+    text-decoration: none;
+  }
+
+  &:hover,
+  &:active {
+    // Negate the added border
+    $link-underline-thickness: 3px;
+    margin-bottom: $link-underline-thickness * -1;
+    border-bottom: $link-underline-thickness solid;
+  }
+
+  &:focus {
+    // Remove any borders that show when focused and hovered.
+    margin-bottom: 0;
+    border-bottom: 0;
+
+    @include base.govuk-focused-text;
+  }
+
+  @media print {
+    &:link,
+    &:visited {
+      color: base.govuk-functional-colour(text);
+    }
+
+    // Do not append link href to GOV.UK link when printing (e.g. '(/)')
+    &::after {
+      content: "";
+    }
+  }
+}
+
+/// @access private
+@mixin styles {
+  .govuk-generic-header {
+    @include block-styles;
+  }
+
+  .govuk-generic-header__container--full-width {
+    @include full-width-container-styles;
+  }
+
+  .govuk-generic-header__logo {
+    @include logo-styles;
+  }
+
+  .govuk-generic-header__homepage-link {
+    @include link-styles;
+
+    // Automatically centre align direct child elements to help users with
+    // positioning their logo assets eg: as `svg`s or `img`s
+    > * {
+      vertical-align: top;
+    }
+  }
+}
+

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/fixtures.json

@@ -0,0 +1,90 @@
+{
+    "component": "generic-header",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "logoText": "My cool service"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-generic-header\">\n  <div class=\"govuk-generic-header__container govuk-width-container\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"/\" class=\"govuk-generic-header__homepage-link\">\n        My cool service\n      </a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with image logo",
+            "options": {
+                "logoHtml": "<svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>HM Pizza Finder service</title>\n<circle cx=\"13.5549\" cy=\"4.21349\" r=\"4.21349\"/>\n<circle cx=\"13.5549\" cy=\"25.7865\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"9.6068\" r=\"4.21349\"/>\n<circle cx=\"4.2135\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"4.21351\" cy=\"9.60674\" r=\"4.21349\"/>\n</svg>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-generic-header\">\n  <div class=\"govuk-generic-header__container govuk-width-container\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"/\" class=\"govuk-generic-header__homepage-link\">\n        <svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>HM Pizza Finder service</title>\n<circle cx=\"13.5549\" cy=\"4.21349\" r=\"4.21349\"/>\n<circle cx=\"13.5549\" cy=\"25.7865\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"9.6068\" r=\"4.21349\"/>\n<circle cx=\"4.2135\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"4.21351\" cy=\"9.60674\" r=\"4.21349\"/>\n</svg>\n\n      </a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with text and image logo",
+            "options": {
+                "logoHtml": "<svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>HM Pizza Finder service</title>\n<circle cx=\"13.5549\" cy=\"4.21349\" r=\"4.21349\"/>\n<circle cx=\"13.5549\" cy=\"25.7865\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"9.6068\" r=\"4.21349\"/>\n<circle cx=\"4.2135\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"4.21351\" cy=\"9.60674\" r=\"4.21349\"/>\n</svg> | HM Pizza Finder service\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-generic-header\">\n  <div class=\"govuk-generic-header__container govuk-width-container\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"/\" class=\"govuk-generic-header__homepage-link\">\n        <svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>HM Pizza Finder service</title>\n<circle cx=\"13.5549\" cy=\"4.21349\" r=\"4.21349\"/>\n<circle cx=\"13.5549\" cy=\"25.7865\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"9.6068\" r=\"4.21349\"/>\n<circle cx=\"4.2135\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"4.21351\" cy=\"9.60674\" r=\"4.21349\"/>\n</svg> | HM Pizza Finder service\n\n      </a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "full width",
+            "options": {
+                "containerClasses": "govuk-generic-header__container--full-width",
+                "logoHtml": "<svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>HM Pizza Finder service</title>\n<circle cx=\"13.5549\" cy=\"4.21349\" r=\"4.21349\"/>\n<circle cx=\"13.5549\" cy=\"25.7865\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"9.6068\" r=\"4.21349\"/>\n<circle cx=\"4.2135\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"4.21351\" cy=\"9.60674\" r=\"4.21349\"/>\n</svg> | HM Pizza Finder service\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-generic-header\">\n  <div class=\"govuk-generic-header__container govuk-generic-header__container--full-width\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"/\" class=\"govuk-generic-header__homepage-link\">\n        <svg width=\"28\" height=\"30\" viewBox=\"0 0 28 30\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>HM Pizza Finder service</title>\n<circle cx=\"13.5549\" cy=\"4.21349\" r=\"4.21349\"/>\n<circle cx=\"13.5549\" cy=\"25.7865\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"9.6068\" r=\"4.21349\"/>\n<circle cx=\"4.2135\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"22.8963\" cy=\"20.3932\" r=\"4.21349\"/>\n<circle cx=\"4.21351\" cy=\"9.60674\" r=\"4.21349\"/>\n</svg> | HM Pizza Finder service\n\n      </a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "logoText": "Some logo text",
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-generic-header\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-generic-header__container govuk-width-container\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"/\" class=\"govuk-generic-header__homepage-link\">\n        Some logo text\n      </a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "logoText": "Some logo text",
+                "classes": "app-header--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-generic-header app-header--custom-modifier\">\n  <div class=\"govuk-generic-header__container govuk-width-container\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"/\" class=\"govuk-generic-header__homepage-link\">\n        Some logo text\n      </a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom url",
+            "options": {
+                "logoText": "Some logo text",
+                "url": "https://www.pizza.gov.uk"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-generic-header\">\n  <div class=\"govuk-generic-header__container govuk-width-container\">\n    <div class=\"govuk-generic-header__logo\">\n      <a href=\"https://www.pizza.gov.uk\" class=\"govuk-generic-header__homepage-link\">\n        Some logo text\n      </a>\n    </div>\n  </div>\n</div>"
+        }
+    ],
+    "previewLayout": "full-width"
+}

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/macro-options.json

@@ -0,0 +1,38 @@
+[
+    {
+        "name": "url",
+        "type": "string",
+        "required": false,
+        "description": "The URL of the logo link. Defaults to the root of the current web domain (\"/\")."
+    },
+    {
+        "name": "logoText",
+        "type": "string",
+        "required": true,
+        "description": "If `logoHtml` is set, this is not required. Text content for the logo section of the Generic header."
+    },
+    {
+        "name": "logoHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `logoText` is set, this is not required. HTML content for the logo section of the Generic header."
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the container. Useful if you want to make the Generic header fixed width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the Generic header container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example, data attributes) to add to the Generic header container."
+    }
+]

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/macro.njk

@@ -0,0 +1,3 @@
+{% macro govukGenericHeader(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/template-default.html

@@ -0,0 +1,11 @@
+
+
+<div class="govuk-generic-header">
+  <div class="govuk-generic-header__container govuk-width-container">
+    <div class="govuk-generic-header__logo">
+      <a href="/" class="govuk-generic-header__homepage-link">
+        My cool service
+      </a>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/template-full-width.html

@@ -0,0 +1,20 @@
+
+
+<div class="govuk-generic-header">
+  <div class="govuk-generic-header__container govuk-generic-header__container--full-width">
+    <div class="govuk-generic-header__logo">
+      <a href="/" class="govuk-generic-header__homepage-link">
+        <svg width="28" height="30" viewBox="0 0 28 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<title>HM Pizza Finder service</title>
+<circle cx="13.5549" cy="4.21349" r="4.21349"/>
+<circle cx="13.5549" cy="25.7865" r="4.21349"/>
+<circle cx="22.8963" cy="9.6068" r="4.21349"/>
+<circle cx="4.2135" cy="20.3932" r="4.21349"/>
+<circle cx="22.8963" cy="20.3932" r="4.21349"/>
+<circle cx="4.21351" cy="9.60674" r="4.21349"/>
+</svg> | HM Pizza Finder service
+
+      </a>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/template-with-image-logo.html

@@ -0,0 +1,20 @@
+
+
+<div class="govuk-generic-header">
+  <div class="govuk-generic-header__container govuk-width-container">
+    <div class="govuk-generic-header__logo">
+      <a href="/" class="govuk-generic-header__homepage-link">
+        <svg width="28" height="30" viewBox="0 0 28 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<title>HM Pizza Finder service</title>
+<circle cx="13.5549" cy="4.21349" r="4.21349"/>
+<circle cx="13.5549" cy="25.7865" r="4.21349"/>
+<circle cx="22.8963" cy="9.6068" r="4.21349"/>
+<circle cx="4.2135" cy="20.3932" r="4.21349"/>
+<circle cx="22.8963" cy="20.3932" r="4.21349"/>
+<circle cx="4.21351" cy="9.60674" r="4.21349"/>
+</svg>
+
+      </a>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/template-with-text-and-image-logo.html

@@ -0,0 +1,20 @@
+
+
+<div class="govuk-generic-header">
+  <div class="govuk-generic-header__container govuk-width-container">
+    <div class="govuk-generic-header__logo">
+      <a href="/" class="govuk-generic-header__homepage-link">
+        <svg width="28" height="30" viewBox="0 0 28 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<title>HM Pizza Finder service</title>
+<circle cx="13.5549" cy="4.21349" r="4.21349"/>
+<circle cx="13.5549" cy="25.7865" r="4.21349"/>
+<circle cx="22.8963" cy="9.6068" r="4.21349"/>
+<circle cx="4.2135" cy="20.3932" r="4.21349"/>
+<circle cx="22.8963" cy="20.3932" r="4.21349"/>
+<circle cx="4.21351" cy="9.60674" r="4.21349"/>
+</svg> | HM Pizza Finder service
+
+      </a>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/generic-header/template.njk

@@ -0,0 +1,14 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{# _namespace is a private macro option which allows the generic header macro
+to also be used by the 'main' header #}
+{% set namespace = params._namespace | default("govuk-generic") %}
+
+<div class="{{ namespace }}-header {%- if params.classes %} {{ params.classes }}{% endif %}" {{- govukAttributes(params.attributes) }}>
+  <div class="{{ namespace }}-header__container {{ params.containerClasses | default("govuk-width-container", true) }}">
+    <div class="{{ namespace }}-header__logo">
+      <a href="{{ params.url | default("/", true) }}" class="{{ namespace }}-header__homepage-link">
+        {{ params.logoHtml | safe if params.logoHtml else params.logoText }}
+      </a>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/header/README.md

@@ -1,4 +1,4 @@
-# Header
+# GOV.UK Header
 
 ## Installation
 

data/node_modules/govuk-frontend/dist/govuk/components/header/_header.import.scss

@@ -0,0 +1,6 @@
+@use "../../settings/warnings--internal";
+
+@include warnings--internal.component-scss-file-warning("header");
+
+@import "index";
+

data/node_modules/govuk-frontend/dist/govuk/components/header/_index.import.scss

@@ -0,0 +1,8 @@
+@use "mixin";
+
+@import "../../base";
+
+@include govuk-exports("govuk/component/header") {
+  @include mixin.styles;
+}
+