govuk_publishing_components 39.2.5 → 40.0.0

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

@@ -1,421 +0,0 @@
-{
-    "component": "select",
-    "fixtures": [
-        {
-            "name": "default",
-            "options": {
-                "id": "select-1",
-                "name": "select-1",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2",
-                        "selected": true
-                    },
-                    {
-                        "value": 3,
-                        "text": "GOV.UK frontend option 3",
-                        "disabled": true
-                    }
-                ]
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with no items",
-            "options": {
-                "id": "select-1",
-                "name": "select-1",
-                "label": {
-                    "text": "Horse with no name"
-                },
-                "items": []
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Horse with no name\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n  </select>\n</div>"
-        },
-        {
-            "name": "with selected value",
-            "options": {
-                "id": "select-1",
-                "name": "select-1",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    },
-                    {
-                        "value": 3,
-                        "text": "GOV.UK frontend option 3",
-                        "disabled": true
-                    }
-                ],
-                "value": 2
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with hint text and error message",
-            "options": {
-                "id": "select-2",
-                "name": "select-2",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "hint": {
-                    "text": "Hint text goes here"
-                },
-                "errorMessage": {
-                    "text": "Error message goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    },
-                    {
-                        "value": 3,
-                        "text": "GOV.UK frontend option 3"
-                    }
-                ]
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <p id=\"select-2-error\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\">GOV.UK frontend option 2</option>\n      <option value=\"3\">GOV.UK frontend option 3</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with label as page heading",
-            "options": {
-                "id": "select-3",
-                "name": "select-3",
-                "label": {
-                    "text": "Label text goes here",
-                    "classes": "govuk-label--l",
-                    "isPageHeading": true
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2",
-                        "selected": true
-                    },
-                    {
-                        "value": 3,
-                        "text": "GOV.UK frontend option 3",
-                        "disabled": true
-                    }
-                ]
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\"><label class=\"govuk-label govuk-label--l\" for=\"select-3\">\n      Label text goes here\n    </label>\n    </h1>\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with full width override",
-            "options": {
-                "id": "select-1",
-                "name": "select-1",
-                "classes": "govuk-!-width-full",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2",
-                        "selected": true
-                    },
-                    {
-                        "value": 3,
-                        "text": "GOV.UK frontend option 3",
-                        "disabled": true
-                    }
-                ]
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with optional form-group classes",
-            "options": {
-                "id": "select-1",
-                "name": "select-1",
-                "classes": "govuk-!-width-full",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "formGroup": {
-                    "classes": "extra-class"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2",
-                        "selected": true
-                    },
-                    {
-                        "value": 3,
-                        "text": "GOV.UK frontend option 3",
-                        "disabled": true
-                    }
-                ]
-            },
-            "hidden": false,
-            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\" selected>GOV.UK frontend option 2</option>\n      <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with describedBy",
-            "options": {
-                "id": "with-describedby",
-                "name": "with-describedby",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    }
-                ],
-                "describedBy": "some-id"
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"some-id\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "attributes",
-            "options": {
-                "id": "with-attributes",
-                "name": "with-attributes",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    }
-                ],
-                "attributes": {
-                    "data-attribute": "my data value"
-                }
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "attributes on items",
-            "options": {
-                "id": "with-item-attributes",
-                "name": "with-item-attributes",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "value": 2,
-                "items": [
-                    {
-                        "text": "Option 1",
-                        "value": 1,
-                        "attributes": {
-                            "data-attribute": "ABC",
-                            "data-second-attribute": "DEF"
-                        }
-                    },
-                    {
-                        "text": "Option 2",
-                        "value": 2,
-                        "attributes": {
-                            "data-attribute": "GHI",
-                            "data-second-attribute": "JKL"
-                        }
-                    }
-                ]
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-item-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n      <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n      <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "with falsey values",
-            "options": {
-                "id": "with-falsey-values",
-                "name": "with-falsey-values",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "text": "Option 1",
-                        "value": 1
-                    },
-                    null,
-                    false,
-                    "",
-                    {
-                        "text": "Options 2",
-                        "value": 2
-                    }
-                ]
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-falsey-values\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-falsey-values\" name=\"with-falsey-values\">\n      <option value=\"1\">Option 1</option>\n      <option value=\"2\">Options 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "hint",
-            "options": {
-                "id": "select-with-hint",
-                "name": "select-with-hint",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "hint": {
-                    "text": "Hint text goes here"
-                }
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n  </select>\n</div>"
-        },
-        {
-            "name": "hint and describedBy",
-            "options": {
-                "id": "select-with-hint",
-                "name": "select-with-hint",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "describedBy": "some-id",
-                "hint": {
-                    "text": "Hint text goes here"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    }
-                ]
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"some-id select-with-hint-hint\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "error",
-            "options": {
-                "id": "select-with-error",
-                "name": "select-with-error",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "errorMessage": {
-                    "text": "Error message"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    }
-                ]
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "error and describedBy",
-            "options": {
-                "id": "select-with-error",
-                "name": "select-with-error",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "describedBy": "some-id",
-                "errorMessage": {
-                    "text": "Error message"
-                },
-                "items": [
-                    {
-                        "value": 1,
-                        "text": "GOV.UK frontend option 1"
-                    },
-                    {
-                        "value": 2,
-                        "text": "GOV.UK frontend option 2"
-                    }
-                ]
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"some-id select-with-error-error\">\n      <option value=\"1\">GOV.UK frontend option 1</option>\n      <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
-        },
-        {
-            "name": "item selected overrides value",
-            "options": {
-                "name": "colors",
-                "id": "colors",
-                "label": {
-                    "text": "Label text goes here"
-                },
-                "items": [
-                    {
-                        "value": "red",
-                        "text": "Red"
-                    },
-                    {
-                        "value": "green",
-                        "text": "Green",
-                        "selected": false
-                    },
-                    {
-                        "value": "blue",
-                        "text": "Blue"
-                    }
-                ],
-                "value": "green"
-            },
-            "hidden": true,
-            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n      <option value=\"red\">Red</option>\n      <option value=\"green\">Green</option>\n      <option value=\"blue\">Blue</option>\n  </select>\n</div>"
-        }
-    ]
-}

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

@@ -1,117 +0,0 @@
-[
-    {
-        "name": "id",
-        "type": "string",
-        "required": true,
-        "description": "ID for each select box."
-    },
-    {
-        "name": "name",
-        "type": "string",
-        "required": true,
-        "description": "Name property for the select."
-    },
-    {
-        "name": "items",
-        "type": "array",
-        "required": true,
-        "description": "Array of option items for the select.",
-        "params": [
-            {
-                "name": "value",
-                "type": "string",
-                "required": false,
-                "description": "Value for the option item. Defaults to an empty string."
-            },
-            {
-                "name": "text",
-                "type": "string",
-                "required": true,
-                "description": "Text for the option item."
-            },
-            {
-                "name": "selected",
-                "type": "boolean",
-                "required": false,
-                "description": "Whether the option should be selected when the page loads. Takes precedence over the top-level `value` option."
-            },
-            {
-                "name": "disabled",
-                "type": "boolean",
-                "required": false,
-                "description": "Sets the option item as disabled."
-            },
-            {
-                "name": "attributes",
-                "type": "object",
-                "required": false,
-                "description": "HTML attributes (for example data attributes) to add to the option."
-            }
-        ]
-    },
-    {
-        "name": "value",
-        "type": "string",
-        "required": false,
-        "description": "Value for the option which should be selected. Use this as an alternative to setting the `selected` option on each individual item."
-    },
-    {
-        "name": "disabled",
-        "type": "boolean",
-        "required": false,
-        "description": "If `true`, select box will be disabled. Use the `disabled` option on each individual item to only disable certain options."
-    },
-    {
-        "name": "describedBy",
-        "type": "string",
-        "required": false,
-        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
-    },
-    {
-        "name": "label",
-        "type": "object",
-        "required": false,
-        "description": "Label text or HTML by specifying value for either text or html keys.",
-        "isComponent": true
-    },
-    {
-        "name": "hint",
-        "type": "object",
-        "required": false,
-        "description": "Options for the hint component.",
-        "isComponent": true
-    },
-    {
-        "name": "errorMessage",
-        "type": "object",
-        "required": false,
-        "description": "Options for the error message component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
-        "isComponent": true
-    },
-    {
-        "name": "formGroup",
-        "type": "object",
-        "required": false,
-        "description": "Options for the form-group wrapper.",
-        "params": [
-            {
-                "name": "classes",
-                "type": "string",
-                "required": false,
-                "description": "Classes to add to the form group (for example to show error state for the whole group)."
-            }
-        ]
-    },
-    {
-        "name": "classes",
-        "type": "string",
-        "required": false,
-        "description": "Classes to add to the select."
-    },
-    {
-        "name": "attributes",
-        "type": "object",
-        "required": false,
-        "description": "HTML attributes (for example data attributes) to add to the select."
-    }
-]

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

@@ -1,54 +0,0 @@
-{% from "../error-message/macro.njk" import govukErrorMessage -%}
-{% from "../hint/macro.njk" import govukHint %}
-{% from "../label/macro.njk" import govukLabel %}
-
-{#- a record of other elements that we need to associate with the input using
-  aria-describedby – for example hints or error messages -#}
-{% set describedBy = params.describedBy if params.describedBy else "" %}
-<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}">
-  {{ govukLabel({
-    html: params.label.html,
-    text: params.label.text,
-    classes: params.label.classes,
-    isPageHeading: params.label.isPageHeading,
-    attributes: params.label.attributes,
-    for: params.id
-  }) | indent(2) | trim }}
-{% if params.hint %}
-  {% set hintId = params.id + '-hint' %}
-  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
-  {{ govukHint({
-    id: hintId,
-    classes: params.hint.classes,
-    attributes: params.hint.attributes,
-    html: params.hint.html,
-    text: params.hint.text
-  }) | indent(2) | trim }}
-{% endif %}
-{% if params.errorMessage %}
-  {% set errorId = params.id + '-error' %}
-  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
-  {{ govukErrorMessage({
-    id: errorId,
-    classes: params.errorMessage.classes,
-    attributes: params.errorMessage.attributes,
-    html: params.errorMessage.html,
-    text: params.errorMessage.text,
-    visuallyHiddenText: params.errorMessage.visuallyHiddenText
-  }) | indent(2) | trim }}
-{% endif %}
-  <select class="govuk-select
-    {%- if params.classes %} {{ params.classes }}{% endif %}{%- if params.errorMessage %} govuk-select--error{% endif %}" id="{{ params.id }}" name="{{ params.name }}"
-    {%- if params.disabled %} disabled{% endif %}
-    {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
-    {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-  {% for item in params.items %}
-    {% if item %}
-      <option value="{{ item.value }}"
-        {{-" selected" if item.selected | default(params.value and item.value == params.value) }}
-        {{-" disabled" if item.disabled }}
-        {%- for attribute, value in item.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>{{ item.text }}</option>
-    {% endif %}
-  {% endfor %}
-  </select>
-</div>

data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss

@@ -1,49 +0,0 @@
-@include govuk-exports("govuk/component/skip-link") {
-  .govuk-skip-link {
-    @include govuk-visually-hidden-focusable;
-    @include govuk-typography-common;
-    @include govuk-link-decoration;
-    @include govuk-link-style-text;
-    @include govuk-typography-responsive($size: 16);
-
-    display: block;
-    padding: govuk-spacing(2) govuk-spacing(3);
-
-    // Respect 'display cutout' safe area (avoids notches and rounded corners)
-    @supports (padding: unquote("max(calc(0px))")) {
-      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
-      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
-
-      // Use max() to pick largest padding, default or with safe area
-      // Escaped due to Sass max() vs. CSS native max()
-      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
-      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
-    }
-
-    &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
-      outline-offset: 0;
-      background-color: $govuk-focus-colour;
-
-      // Undo unwanted changes when global styles are enabled
-      @if $govuk-global-styles {
-        box-shadow: none;
-      }
-    }
-  }
-
-  .govuk-skip-link-focused-element {
-    &:focus {
-      // Remove the native visible focus indicator when the element is programmatically focused.
-      //
-      // We set the focus on the linked element (this is usually the <main> element) when the skip
-      // link is activated to improve screen reader announcements. However, we remove the visible
-      // focus indicator from the linked element because the user cannot interact with it.
-      //
-      // A related discussion: https://github.com/w3c/wcag/issues/1001
-      outline: none;
-    }
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,gCAAgC;IAChC,8BAA8B;IAC9B,8BAA8B;IAC9B,+CAA+C;;IAE/C,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC,sDAAsD;MACtD;QACE,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,yFAAyF;MACzF,CAAC;MACD,2FAA2F;MAC3F,0FAA0F;MAC1F,mFAAmF;MACnF,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-typography-common;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-typography-responsive($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main> element) when the skip\n      // link is activated to improve screen reader announcements. However, we remove the visible\n      // focus indicator from the linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss

@@ -1,4 +0,0 @@
-@import "../../base";
-@import "./index";
-
-/*# sourceMappingURL=_skip-link.scss.map */

data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/govuk/components/skip-link/_skip-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_skip-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}