defra_ruby_template 5.11.1 → 6.6.0

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

@@ -1,70 +1,63 @@
 [
-    {
-        "name": "element",
-        "type": "string",
-        "required": false,
-        "description": "HTML element for the button component – `input`, `button` or `a`. In most cases you will not need to set this as it will be configured automatically if `href` is provided.",
-        "deprecated": "5.1.0"
-    },
     {
         "name": "text",
         "type": "string",
         "required": true,
-        "description": "If `html` is set, this is not required. Text for the `input`, `button` or `a` element. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined."
+        "description": "If `html` is set, this is not required. Text for the button. If `html` is provided, the `text` option will be ignored."
     },
     {
         "name": "html",
         "type": "string",
         "required": true,
-        "description": "If `text` is set, this is not required. HTML for the `button` or `a` element only. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined. This option has no effect if `element` is set to `\"input\"`."
+        "description": "If `text` is set, this is not required. HTML for the button. If `html` is provided, the `text` option will be ignored."
     },
     {
-        "name": "name",
+        "name": "type",
         "type": "string",
         "required": false,
-        "description": "Name for the `input` or `button`. This has no effect on `a` elements."
+        "description": "Type of the button, determining its behaviour in forms – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect if `href` is set."
     },
     {
-        "name": "type",
+        "name": "name",
         "type": "string",
         "required": false,
-        "description": "Type for the `input` or `button` element – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect on `a` elements."
+        "description": "Name of the button, sent when a form is submitted. This has no effect if `href` is set."
     },
     {
         "name": "value",
         "type": "string",
         "required": false,
-        "description": "Value for the `button` element only. This has no effect on `a` or `input` elements."
+        "description": "Value of the button, sent when a form is submitted. This has no effect if `href` is set."
     },
     {
         "name": "disabled",
         "type": "boolean",
         "required": false,
-        "description": "Whether the button component should be disabled. For `input` and `button` elements, `disabled` and `aria-disabled` attributes will be set automatically. This has no effect on `a` elements."
+        "description": "Whether the button should be disabled. `disabled` and `aria-disabled` attributes will be set automatically. This has no effect if `href` is set."
     },
     {
         "name": "href",
         "type": "string",
         "required": false,
-        "description": "The URL that the button component should link to. If this is set, `element` will be automatically set to `\"a\"` if it has not already been defined."
+        "description": "The URL that the button should link to."
     },
     {
         "name": "classes",
         "type": "string",
         "required": false,
-        "description": "Classes to add to the button component."
+        "description": "Classes to add to the button."
     },
     {
         "name": "attributes",
         "type": "object",
         "required": false,
-        "description": "HTML attributes (for example data attributes) to add to the button component."
+        "description": "HTML attributes (for example data attributes) to add to the button."
     },
     {
         "name": "preventDoubleClick",
         "type": "boolean",
         "required": false,
-        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times."
+        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times. This has no effect if `href` is set."
     },
     {
         "name": "isStartButton",

data/node_modules/govuk-frontend/dist/govuk/components/button/template-default-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button :active" data-module="govuk-button">
+  Save and continue
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-default-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button :focus" data-module="govuk-button">
+  Save and continue
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-default-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button :hover" data-module="govuk-button">
+  Save and continue
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse :active" data-module="govuk-button">
+  Inverse button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-disabled.html

@@ -1,3 +1,3 @@
 <button type="submit" name="Inverse" disabled aria-disabled="true" class="govuk-button govuk-button--inverse" data-module="govuk-button">
-  Inverse button disabled
+  Inverse button
 </button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse :focus" data-module="govuk-button">
+  Inverse button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse :hover" data-module="govuk-button">
+  Inverse button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary :active" data-module="govuk-button">
+  Secondary button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary :focus" data-module="govuk-button">
+  Secondary button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary :hover" data-module="govuk-button">
+  Secondary button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-warning-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning :active" data-module="govuk-button">
+  Warning button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-warning-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning :focus" data-module="govuk-button">
+  Warning button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-warning-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning :hover" data-module="govuk-button">
+  Warning button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template.njk

@@ -11,17 +11,6 @@
   {% set classNames = classNames + " govuk-button--start" %}
 {% endif %}
 
-{#- Determine type of element to use, if not explicitly set #}
-{%- if params.element %}
-  {% set element = params.element | lower %}
-{% else %}
-  {% if params.href %}
-    {% set element = 'a' %}
-  {% else %}
-    {% set element = 'button' %}
-  {% endif %}
-{% endif -%}
-
 {%- macro _startIcon() %}
   {#- The SVG needs `focusable="false"` so that Internet Explorer does not
   treat it as an interactive element - without this it will be
@@ -35,24 +24,35 @@
 
 {%- set commonAttributes %} class="{{ classNames }}" data-module="govuk-button" {{- govukAttributes(params.attributes) -}} {% if params.id %} id="{{ params.id }}"{% endif %}{% endset %}
 
-{#- Define common attributes we can use for both button and input types #}
+{#- Wrap content of the button in a <span> if it's a start button with HTML.
+Start buttons use flexbox, which removes whitespace from between HTML elements
+inside of them. -#}
 
-{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %}{% if params.disabled %} disabled aria-disabled="true"{% endif %}{% if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}{% endset %}
+{%- set buttonText %}
+  {%- if params.html and params.isStartButton -%}
+    <span>{{ params.html | safe | trim }}</span>
+  {%- else -%}
+    {{- (params.html | safe | trim) if params.html else params.text -}}
+  {%- endif %}
+{%- endset %}
 
 {#- Actually create a button... or a link! #}
 
-{%- if element == 'a' %}
+{%- if params.href %}
 <a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
-  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{ buttonText | safe | indent(2) }}
   {{- _startIcon() | safe if params.isStartButton }}
 </a>
 
-{%- elseif element == 'button' %}
-<button {%- if params.value %} value="{{ params.value }}"{% endif %} type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
-  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+{%- else %}
+<button type="{{ params.type if params.type else 'submit' }}"
+  {%- if params.value %} value="{{ params.value }}"{% endif %}
+  {%- if params.name %} name="{{ params.name }}"{% endif %}
+  {%- if params.disabled %} disabled aria-disabled="true"{% endif %}
+  {%- if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}
+  {{- commonAttributes | safe }}>
+  {{ buttonText | safe | indent(2) }}
   {{- _startIcon() | safe if params.isStartButton }}
 </button>
 
-{%- elseif element == 'input' %}
-<input value="{{ params.text }}" type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
 {%- endif %}

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.import.scss

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

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

@@ -0,0 +1,12 @@
+@use "mixin";
+
+@import "../../base";
+@import "../error-message";
+@import "../hint";
+@import "../label";
+@import "../textarea";
+
+@include govuk-exports("govuk/component/character-count") {
+  @include mixin.styles;
+}
+

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss

@@ -1,44 +1,9 @@
-@import "../error-message/index";
-@import "../hint/index";
-@import "../label/index";
-@import "../textarea/index";
+@use "../../custom-properties";
+@use "mixin";
+@use "../error-message";
+@use "../hint";
+@use "../label";
+@use "../textarea";
 
-@include govuk-exports("govuk/component/character-count") {
-  .govuk-character-count {
-    @include govuk-responsive-margin(6, "bottom");
+@include mixin.styles;
 
-    .govuk-form-group,
-    .govuk-textarea {
-      margin-bottom: govuk-spacing(1);
-    }
-
-    // If the textarea enters the error state whilst the user is focused on it,
-    // show the error state. This presents feedback to the user that the value
-    // has become invalid without needing to see the counter.
-    .govuk-textarea--error:focus {
-      border-color: $govuk-error-colour;
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;
-    }
-  }
-
-  .govuk-character-count__message {
-    @include govuk-font-tabular-numbers;
-    margin-top: 0;
-    margin-bottom: 0;
-
-    &::after {
-      // Zero-width space that will reserve vertical space when no hint is
-      // provided as:
-      // - setting a min-height is not possible without a magic number because
-      //   the line-height is set by the `govuk-font` call above
-      // - using `:empty` is not possible as the hint macro outputs line breaks
-      content: "\200B";
-    }
-  }
-
-  .govuk-character-count__message--disabled {
-    visibility: hidden;
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_mixin.scss

@@ -0,0 +1,41 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-character-count {
+    @include base.govuk-responsive-margin(6, "bottom");
+
+    .govuk-form-group,
+    .govuk-textarea {
+      margin-bottom: base.govuk-spacing(1);
+    }
+
+    // If the textarea enters the error state whilst the user is focused on it,
+    // show the error state. This presents feedback to the user that the value
+    // has become invalid without needing to see the counter.
+    .govuk-textarea--error:focus {
+      border-color: base.govuk-functional-colour(error);
+      box-shadow: inset 0 0 0 base.$govuk-border-width-form-element base.govuk-functional-colour(error);
+    }
+  }
+
+  .govuk-character-count__message {
+    @include base.govuk-font-tabular-numbers;
+    margin-top: 0;
+    margin-bottom: 0;
+
+    &::after {
+      // Zero-width space that will reserve vertical space when no hint is
+      // provided as:
+      // - setting a min-height is not possible without a magic number because
+      //   the line-height is set by the `govuk-font` call above
+      // - using `:empty` is not possible as the hint macro outputs line breaks
+      content: "\200B";
+    }
+  }
+
+  .govuk-character-count__message--disabled {
+    visibility: hidden;
+  }
+}
+