govuk_publishing_components 39.2.4 → 40.0.0

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss

@@ -0,0 +1,71 @@
+@include govuk-exports("govuk/component/fieldset") {
+  .govuk-fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    @include govuk-clearfix;
+  }
+
+  // Fix for Firefox < 53
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=504622
+  // stylelint-disable selector-type-no-unknown -- Ignore unknown 'x:-moz-any-link'
+  @supports not (caret-color: auto) {
+    .govuk-fieldset,
+    x:-moz-any-link {
+      display: table-cell;
+    }
+  }
+  // stylelint-enable selector-type-no-unknown
+
+  .govuk-fieldset__legend {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    // Fix legend text wrapping in Edge and IE
+    // 1. IE9-11 & Edge 12-13
+    // 2. IE8-11
+    box-sizing: border-box; // 1
+    display: table; // 2
+    max-width: 100%; // 1
+    margin-bottom: govuk-spacing(2);
+    padding: 0;
+
+    white-space: normal; // 1
+  }
+
+  // Modifiers that make legends look more like their equivalent headings
+  .govuk-fieldset__legend--xl,
+  .govuk-fieldset__legend--l,
+  .govuk-fieldset__legend--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-fieldset__legend--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-fieldset__legend--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-fieldset__legend--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-fieldset__legend--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the legend contains an H1, we want the H1 to inherit all styles from
+  // the legend. Effectively we want to be able to treat the heading as if it is
+  // not there.
+  .govuk-fieldset__heading {
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,YAAY;IACZ,SAAS;IACT,UAAU;IACV,SAAS;IACT,uBAAuB;EACzB;;EAEA,sBAAsB;EACtB,qDAAqD;EACrD,gFAAgF;EAChF;IACE;;MAEE,mBAAmB;IACrB;EACF;EACA,2CAA2C;;EAE3C;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,yCAAyC;IACzC,wBAAwB;IACxB,WAAW;IACX,sBAAsB,EAAE,GAAG;IAC3B,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,+BAA+B;IAC/B,UAAU;;IAEV,mBAAmB,EAAE,GAAG;EAC1B;;EAEA,sEAAsE;EACtE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,2EAA2E;EAC3E,6EAA6E;EAC7E,YAAY;EACZ;IACE,SAAS;IACT,kBAAkB;IAClB,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/fieldset\") {\n  .govuk-fieldset {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    @include govuk-clearfix;\n  }\n\n  // Fix for Firefox < 53\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=504622\n  // stylelint-disable selector-type-no-unknown -- Ignore unknown 'x:-moz-any-link'\n  @supports not (caret-color: auto) {\n    .govuk-fieldset,\n    x:-moz-any-link {\n      display: table-cell;\n    }\n  }\n  // stylelint-enable selector-type-no-unknown\n\n  .govuk-fieldset__legend {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    // Fix legend text wrapping in Edge and IE\n    // 1. IE9-11 & Edge 12-13\n    // 2. IE8-11\n    box-sizing: border-box; // 1\n    display: table; // 2\n    max-width: 100%; // 1\n    margin-bottom: govuk-spacing(2);\n    padding: 0;\n\n    white-space: normal; // 1\n  }\n\n  // Modifiers that make legends look more like their equivalent headings\n  .govuk-fieldset__legend--xl,\n  .govuk-fieldset__legend--l,\n  .govuk-fieldset__legend--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-fieldset__legend--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-fieldset__legend--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-fieldset__legend--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-fieldset__legend--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the legend contains an H1, we want the H1 to inherit all styles from\n  // the legend. Effectively we want to be able to treat the heading as if it is\n  // not there.\n  .govuk-fieldset__heading {\n    margin: 0;\n    font-size: inherit;\n    font-weight: inherit;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/fixtures.json

@@ -0,0 +1,242 @@
+{
+    "component": "fieldset",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html fieldset content",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                },
+                "html": "<div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n"
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n  <div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n\n</fieldset>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "legend": {
+                    "text": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is &lt;b&gt;your&lt;/b&gt; address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "legend": {
+                    "html": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is <b>your</b> address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "legend classes",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "my-custom-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend my-custom-class\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-fieldset--custom-modifier",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "role",
+            "options": {
+                "role": "group",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\" role=\"group\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "previewLayoutModifiers": [],
+            "html": "<fieldset class=\"govuk-fieldset\" data-attribute=\"value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        }
+    ]
+}

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

@@ -0,0 +1,70 @@
+[
+    {
+        "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": "legend",
+        "type": "object",
+        "required": false,
+        "description": "The legend for the fieldset component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the legend. 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 to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the legend."
+            },
+            {
+                "name": "isPageHeading",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the legend also acts as the heading for the page."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the fieldset container."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Optional ARIA role attribute."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the fieldset container."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use/render within the fieldset element."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire fieldset component in a `call` block."
+    }
+]

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-l.html

@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-m.html

@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-s.html

@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-without-class.html

@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-xl.html

@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>

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

@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your address?
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-large-text.html

@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    What is your address?
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-medium-text.html

@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    What is your address?
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-small-text.html

@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    What is your address?
+  </legend>
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-xl-text.html

@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    What is your address?
+  </legend>
+</fieldset>

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

@@ -0,0 +1,22 @@
+<fieldset class="govuk-fieldset
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.role %} role="{{ params.role }}"{% endif %}
+  {%- if params.describedBy %} aria-describedby="{{ params.describedBy }}"{% endif %}
+  {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+  {% if params.legend.html or params.legend.text %}
+  <legend class="govuk-fieldset__legend {%- if params.legend.classes %} {{ params.legend.classes }}{% endif %}">
+  {% if params.legend.isPageHeading %}
+    <h1 class="govuk-fieldset__heading">
+      {{ params.legend.html | safe | trim | indent(6) if params.legend.html else params.legend.text }}
+    </h1>
+  {% else %}
+    {{ params.legend.html | safe | trim | indent(4) if params.legend.html else params.legend.text }}
+  {% endif %}
+  </legend>
+  {% endif %}
+{% if caller %} {#- if statement allows usage of `call` to be optional -#}
+  {{ caller() }}
+{% elseif params.html %}
+  {{ params.html | safe }}
+{% endif %}
+</fieldset>

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss

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

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss.map

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

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss

@@ -0,0 +1,52 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/file-upload") {
+  $component-padding: govuk-spacing(1);
+
+  .govuk-file-upload {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    max-width: 100%;
+    margin-left: -$component-padding;
+    padding: $component-padding;
+
+    // The default file upload button in Safari does not
+    // support setting a custom font-size. Set `-webkit-appearance`
+    // to `button` to drop out of the native appearance so the
+    // font-size is set to 19px
+    // https://bugs.webkit.org/show_bug.cgi?id=224746
+    &::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      color: inherit;
+      font: inherit;
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Use `box-shadow` to add border instead of changing `border-width`
+      // (which changes element size) and since `outline` is already used for the
+      // yellow focus state.
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    // Set "focus-within" to fix https://bugzilla.mozilla.org/show_bug.cgi?id=1430196
+    // so that component receives focus in Firefox.
+    // This can't be set together with `:focus` as all versions of IE fail
+    // to recognise `focus-within` and don't set any styles from the block
+    // when it's a selector.
+    &:focus-within {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE,oCAAoC;;EAEpC;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,eAAe;IACf,gCAAgC;IAChC,2BAA2B;;IAE3B,mDAAmD;IACnD,8DAA8D;IAC9D,yDAAyD;IACzD,0BAA0B;IAC1B,gDAAgD;IAChD;MACE,0BAA0B;MAC1B,cAAc;MACd,aAAa;IACf;;IAEA;MACE,qDAAqD;MACrD,mEAAmE;MACnE,0EAA0E;MAC1E,qBAAqB;MACrB,sDAAsD;IACxD;;IAEA,gFAAgF;IAChF,8CAA8C;IAC9C,qEAAqE;IACrE,qEAAqE;IACrE,uBAAuB;IACvB;MACE,qDAAqD;;MAErD,sDAAsD;IACxD;;IAEA;MACE,YAAY;MACZ,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/file-upload\") {\n  $component-padding: govuk-spacing(1);\n\n  .govuk-file-upload {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    max-width: 100%;\n    margin-left: -$component-padding;\n    padding: $component-padding;\n\n    // The default file upload button in Safari does not\n    // support setting a custom font-size. Set `-webkit-appearance`\n    // to `button` to drop out of the native appearance so the\n    // font-size is set to 19px\n    // https://bugs.webkit.org/show_bug.cgi?id=224746\n    &::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      color: inherit;\n      font: inherit;\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Use `box-shadow` to add border instead of changing `border-width`\n      // (which changes element size) and since `outline` is already used for the\n      // yellow focus state.\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    // Set \"focus-within\" to fix https://bugzilla.mozilla.org/show_bug.cgi?id=1430196\n    // so that component receives focus in Firefox.\n    // This can't be set together with `:focus` as all versions of IE fail\n    // to recognise `focus-within` and don't set any styles from the block\n    // when it's a selector.\n    &:focus-within {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n}\n"]}