govuk_publishing_components 68.2.0 → 69.0.0

data/node_modules/choices.js/src/scripts/choices.ts

@@ -406,7 +406,7 @@ class Choices {
     return this;
   }
 
-  highlightItem(item: InputChoice, runEvent = true): this {
+  highlightItem(item: InputChoice | null, runEvent = true): this {
     if (!item || !item.id) {
       return this;
     }
@@ -424,7 +424,7 @@ class Choices {
     return this;
   }
 
-  unhighlightItem(item: InputChoice, runEvent = true): this {
+  unhighlightItem(item: InputChoice | null, runEvent = true): this {
     if (!item || !item.id) {
       return this;
     }
@@ -511,15 +511,16 @@ class Choices {
       preventInputFocus = !this._canSearch;
     }
 
-    requestAnimationFrame(() => {
-      this.dropdown.show();
-      const rect = this.dropdown.element.getBoundingClientRect();
-      this.containerOuter.open(rect.bottom, rect.height);
+    // to ensure a virtual keyboard trigger as expected, the focus/animation must be started from the input event and not an animation frame which
+    this.dropdown.show();
+    const rect = this.dropdown.element.getBoundingClientRect();
+    this.containerOuter.open(rect.bottom, rect.height);
 
-      if (!preventInputFocus) {
-        this.input.focus();
-      }
+    if (!preventInputFocus) {
+      this.input.focus();
+    }
 
+    requestAnimationFrame(() => {
       this.passedElement.triggerEvent(EventType.showDropdown);
 
       const activeElement = this.choiceList.element.querySelector<HTMLElement>(
@@ -673,20 +674,22 @@ class Choices {
    * }], 'value', 'label', false);
    * ```
    */
-  setChoices(
-    choicesArrayOrFetcher:
+  setChoices<
+    T extends
       | (InputChoice | InputGroup)[]
-      | ((instance: Choices) => (InputChoice | InputGroup)[] | Promise<(InputChoice | InputGroup)[]>) = [],
+      | ((instance: Choices) => (InputChoice | InputGroup)[] | Promise<(InputChoice | InputGroup)[]>),
+  >(
+    choicesArrayOrFetcher: T,
     value: string | null = 'value',
     label: string = 'label',
     replaceChoices: boolean = false,
     clearSearchFlag: boolean = true,
     replaceItems: boolean = false,
-  ): this | Promise<this> {
+  ): T extends (InputChoice | InputGroup)[] ? this : Promise<this> {
     if (!this.initialisedOK) {
       this._warnChoicesInitFailed('setChoices');
 
-      return this;
+      return this as unknown as never;
     }
     if (!this._isSelectElement) {
       throw new TypeError(`setChoices can't be used with INPUT based Choices`);
@@ -701,7 +704,7 @@ class Choices {
       const fetcher = choicesArrayOrFetcher(this);
 
       if (typeof Promise === 'function' && fetcher instanceof Promise) {
-        // that's a promise
+        // @ts-expect-error wonky typing
         // eslint-disable-next-line no-promise-executor-return
         return new Promise((resolve) => requestAnimationFrame(resolve))
           .then(() => this._handleLoadingState(true))
@@ -725,6 +728,7 @@ class Choices {
         );
       }
 
+      // @ts-expect-error wonky typing
       // eslint-disable-next-line no-param-reassign
       choicesArrayOrFetcher = fetcher;
     }
@@ -786,6 +790,7 @@ class Choices {
     // @todo integrate with Store
     this._searcher.reset();
 
+    // @ts-expect-error wonky typing
     return this;
   }
 
@@ -1438,11 +1443,6 @@ class Choices {
     let canAddItem = true;
     let notice = '';
 
-    if (canAddItem && typeof config.addItemFilter === 'function' && !config.addItemFilter(value)) {
-      canAddItem = false;
-      notice = resolveNoticeFunction(config.customAddItemText, value, undefined);
-    }
-
     if (canAddItem) {
       const foundChoice = this._store.choices.find((choice) => config.valueComparer(choice.value, value));
       if (foundChoice) {
@@ -1459,6 +1459,11 @@ class Choices {
       }
     }
 
+    if (canAddItem && typeof config.addItemFilter === 'function' && !config.addItemFilter(value)) {
+      canAddItem = false;
+      notice = resolveNoticeFunction(config.customAddItemText, value, undefined);
+    }
+
     if (canAddItem) {
       notice = resolveNoticeFunction(config.addItemText, value, undefined);
     }
@@ -1845,9 +1850,9 @@ class Choices {
           nextEl = this.dropdown.element.querySelector(selectableChoiceIdentifier);
         }
       } else {
-        const currentEl = this.dropdown.element.querySelector<HTMLElement>(
-          getClassNamesSelector(this.config.classNames.highlightedState),
-        );
+        const currentEl: HTMLElement | null =
+          this.dropdown.element.querySelector(getClassNamesSelector(this.config.classNames.highlightedState)) ||
+          this.dropdown.element.querySelector(getClassNamesSelector(this.config.classNames.selectedState));
         if (currentEl) {
           nextEl = getAdjacentEl(currentEl, selectableChoiceIdentifier, directionInt);
         } else {
@@ -1963,8 +1968,8 @@ class Choices {
             this.input.focus();
           }
         } else {
-          this.showDropdown();
           containerOuter.element.focus();
+          this.showDropdown();
         }
       } else if (
         this._isSelectOneElement &&
@@ -2276,7 +2281,7 @@ class Choices {
     });
 
     this.dropdown = new Dropdown({
-      element: templating.dropdown(config),
+      element: templating.dropdown(config, elementType),
       classNames,
       type: elementType,
     });

data/node_modules/choices.js/src/scripts/components/dropdown.ts

@@ -1,5 +1,5 @@
 import { ClassNames } from '../interfaces/class-names';
-import { PassedElementType } from '../interfaces/passed-element-type';
+import { PassedElementType, PassedElementTypes } from '../interfaces/passed-element-type';
 import { addClassesToElement, removeClassesFromElement } from '../lib/utils';
 
 export default class Dropdown {
@@ -31,7 +31,9 @@ export default class Dropdown {
    */
   show(): this {
     addClassesToElement(this.element, this.classNames.activeState);
-    this.element.setAttribute('aria-expanded', 'true');
+    if (this.type !== PassedElementTypes.Text) {
+      this.element.setAttribute('aria-expanded', 'true');
+    }
     this.isActive = true;
 
     return this;
@@ -42,7 +44,9 @@ export default class Dropdown {
    */
   hide(): this {
     removeClassesFromElement(this.element, this.classNames.activeState);
-    this.element.setAttribute('aria-expanded', 'false');
+    if (this.type !== PassedElementTypes.Text) {
+      this.element.setAttribute('aria-expanded', 'false');
+    }
     this.isActive = false;
 
     return this;

data/node_modules/choices.js/src/scripts/interfaces/templates.ts

@@ -58,7 +58,7 @@ export interface Templates {
 
   input(options: TemplateOptions, placeholderValue: string | null): HTMLInputElement;
 
-  dropdown(options: TemplateOptions): HTMLDivElement;
+  dropdown(options: TemplateOptions, passedElementType: PassedElementType): HTMLDivElement;
 
   notice(options: TemplateOptions, innerText: string, type: NoticeType): HTMLDivElement;
 

data/node_modules/choices.js/src/scripts/templates.ts

@@ -6,7 +6,7 @@
 
 import { ChoiceFull } from './interfaces/choice-full';
 import { GroupFull } from './interfaces/group-full';
-import { PassedElementType } from './interfaces/passed-element-type';
+import { PassedElementType, PassedElementTypes } from './interfaces/passed-element-type';
 import { StringPreEscaped } from './interfaces/string-pre-escaped';
 import {
   getClassNames,
@@ -350,12 +350,17 @@ const templates: TemplatesInterface = {
     return inp;
   },
 
-  dropdown({ classNames: { list, listDropdown } }: TemplateOptions): HTMLDivElement {
+  dropdown(
+    { classNames: { list, listDropdown } }: TemplateOptions,
+    passedElementType: PassedElementType,
+  ): HTMLDivElement {
     const div = document.createElement('div');
 
     addClassesToElement(div, list);
     addClassesToElement(div, listDropdown);
-    div.setAttribute('aria-expanded', 'false');
+    if (passedElementType !== PassedElementTypes.Text) {
+      div.setAttribute('aria-expanded', 'false');
+    }
 
     return div;
   },

data/node_modules/govuk-frontend/dist/govuk/all.bundle.js

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
 })(this, (function (exports) { 'use strict';
 
-  const version = '6.0.0';
+  const version = '6.1.0';
 
   function getBreakpoint(name) {
     const property = `--govuk-breakpoint-${name}`;

data/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs

@@ -1,4 +1,4 @@
-const version = '6.0.0';
+const version = '6.1.0';
 
 function getBreakpoint(name) {
   const property = `--govuk-breakpoint-${name}`;

data/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs

@@ -1,4 +1,4 @@
-const version = '6.0.0';
+const version = '6.1.0';
 
 export { version };
 //# sourceMappingURL=govuk-frontend-version.mjs.map

data/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("accordion");
+
 @import "./index";
 
 /*# sourceMappingURL=_accordion.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/accordion/_accordion.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_accordion.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_accordion.scss"],"names":[],"mappings":"AAAA,iCAAiC;;AAEjC,kDAAkD;;AAElD,iBAAiB","file":"_accordion.scss","sourcesContent":["@import \"../../settings/warnings\";\n\n@include _component-scss-file-warning(\"accordion\");\n\n@import \"./index\";\n"]}

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @include govuk-exports("govuk/component/accordion") {
   $govuk-accordion-base-colour: govuk-colour("black");
   $govuk-accordion-hover-colour: govuk-colour("black", $variant: "tint-95");
@@ -23,11 +25,11 @@
 
   .govuk-accordion__section-button {
     @include govuk-font($size: 24, $weight: bold);
-    @include govuk-text-colour;
 
     display: block;
     margin-bottom: 0;
     padding-top: govuk-spacing(3);
+    color: govuk-functional-colour(text);
   }
 
   // Remove the bottom margin from the last item inside the content

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"black\", $variant: \"tint-95\");\n  $govuk-accordion-icon-focus-colour: govuk-functional-colour(focus);\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid;\n      border-bottom-color: govuk-functional-colour(border);\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: govuk-functional-colour(link);\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @media #{govuk-from-breakpoint(tablet)} {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      border-top-color: govuk-functional-colour(border);\n\n      color: govuk-functional-colour(text);\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @media #{govuk-from-breakpoint(tablet)} {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: govuk-functional-colour(link-active);\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @media #{govuk-from-breakpoint(tablet)} {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @media #{govuk-from-breakpoint(desktop)} {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: govuk-functional-colour(link);\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: govuk-functional-colour(border);\n\n        box-shadow: inset 0 3px 0 0 govuk-functional-colour(link);\n\n        .govuk-accordion__section-button {\n          border-top-color: govuk-functional-colour(border);\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"black\", $variant: \"tint-95\");\n  $govuk-accordion-icon-focus-colour: govuk-functional-colour(focus);\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n    color: govuk-functional-colour(text);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid;\n      border-bottom-color: govuk-functional-colour(border);\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: govuk-functional-colour(link);\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @media #{govuk-from-breakpoint(tablet)} {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      border-top-color: govuk-functional-colour(border);\n\n      color: govuk-functional-colour(text);\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @media #{govuk-from-breakpoint(tablet)} {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: govuk-functional-colour(link-active);\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @media #{govuk-from-breakpoint(tablet)} {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @media #{govuk-from-breakpoint(desktop)} {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: govuk-functional-colour(link);\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: govuk-functional-colour(border);\n\n        box-shadow: inset 0 3px 0 0 govuk-functional-colour(link);\n\n        .govuk-accordion__section-button {\n          border-top-color: govuk-functional-colour(border);\n        }\n      }\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("back-link");
+
 @import "./index";
 
 /*# sourceMappingURL=_back-link.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/back-link/_back-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_back-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_back-link.scss"],"names":[],"mappings":"AAAA,iCAAiC;;AAEjC,kDAAkD;;AAElD,iBAAiB","file":"_back-link.scss","sourcesContent":["@import \"../../settings/warnings\";\n\n@include _component-scss-file-warning(\"back-link\");\n\n@import \"./index\";\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss

@@ -1,3 +1,7 @@
+@use "sass:string";
+
+@import "../../base";
+
 @include govuk-exports("govuk/component/back-link") {
   // Component font-size on the Frontend (used for calculations)
   $font-size: 16;
@@ -49,12 +53,12 @@
     border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
     border-color: $chevron-border-colour;
 
-    @supports (border-width: unquote("max(0px)")) {
+    @supports (border-width: string.unquote("max(0px)")) {
       $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
 
       // Ensure that the chevron never gets smaller than 16px
-      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
-      font-size: unquote("max(#{$font-size * 1px}, 1em)");
+      border-width: string.unquote($border-width-eval) string.unquote($border-width-eval) 0 0;
+      font-size: string.unquote("max(#{$font-size * 1px}, 1em)");
     }
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/back-link/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,+DAA+D;;EAE/D;IACE,2CAA2C;IAC3C,0BAA0B;IAC1B,8BAA8B;;IAE9B,qBAAqB;IACrB,kBAAkB;;IAElB,4BAA4B;IAC5B,+BAA+B;;IAE/B,2BAA2B;IAC3B,wCAAwC;EAC1C;;EAEA,+BAA+B;EAC/B;IACE,WAAW;IACX,cAAc;;IAEd,0CAA0C;IAC1C,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,+BAA+B;;IAE/B,oBAAoB;IACpB,qBAAqB;;IAErB,cAAc;;IAEd,yBAAyB;;IAEzB,aAAa;IACb,qEAAqE;IACrE,oCAAoC;;IAEpC;MACE,iFAAiF;;MAEjF,sDAAsD;MACtD,yEAAyE;MACzE,mDAAmD;IACrD;EACF;;EAEA;IACE,iDAAiD;EACnD;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,aAAa;IACb,OAAO;EACT;;EAEA;IACE,iCAAiC;;IAEjC;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: govuk-functional-colour(secondary-text);\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n      font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: govuk-functional-colour(focus-text);\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_index.scss"],"names":[],"mappings":"AAAA,kBAAkB;;AAElB,oBAAoB;;AAEpB;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,+DAA+D;;EAE/D;IACE,2CAA2C;IAC3C,0BAA0B;IAC1B,8BAA8B;;IAE9B,qBAAqB;IACrB,kBAAkB;;IAElB,4BAA4B;IAC5B,+BAA+B;;IAE/B,2BAA2B;IAC3B,wCAAwC;EAC1C;;EAEA,+BAA+B;EAC/B;IACE,WAAW;IACX,cAAc;;IAEd,0CAA0C;IAC1C,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,+BAA+B;;IAE/B,oBAAoB;IACpB,qBAAqB;;IAErB,cAAc;;IAEd,yBAAyB;;IAEzB,aAAa;IACb,qEAAqE;IACrE,oCAAoC;;IAEpC;MACE,iFAAiF;;MAEjF,sDAAsD;MACtD,uFAAuF;MACvF,0DAA0D;IAC5D;EACF;;EAEA;IACE,iDAAiD;EACnD;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,aAAa;IACb,OAAO;EACT;;EAEA;IACE,iCAAiC;;IAEjC;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:string\";\n\n@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: govuk-functional-colour(secondary-text);\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: string.unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: string.unquote($border-width-eval) string.unquote($border-width-eval) 0 0;\n      font-size: string.unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: govuk-functional-colour(focus-text);\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("breadcrumbs");
+
 @import "./index";
 
 /*# sourceMappingURL=_breadcrumbs.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_breadcrumbs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_breadcrumbs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_breadcrumbs.scss"],"names":[],"mappings":"AAAA,iCAAiC;;AAEjC,oDAAoD;;AAEpD,iBAAiB","file":"_breadcrumbs.scss","sourcesContent":["@import \"../../settings/warnings\";\n\n@include _component-scss-file-warning(\"breadcrumbs\");\n\n@import \"./index\";\n"]}

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

@@ -1,3 +1,7 @@
+@use "sass:string";
+
+@import "../../base";
+
 @include govuk-exports("govuk/component/breadcrumbs") {
   // Component font-size on the Frontend (used for calculations)
   $font-size: 16;
@@ -20,10 +24,10 @@
 
   .govuk-breadcrumbs {
     @include govuk-font($size: $font-size);
-    @include govuk-text-colour;
 
     margin-top: govuk-spacing(3);
     margin-bottom: govuk-spacing(2);
+    color: govuk-functional-colour(text);
   }
 
   .govuk-breadcrumbs__list {
@@ -71,12 +75,12 @@
       border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
       border-color: $chevron-border-colour;
 
-      @supports (border-width: unquote("max(0px)")) {
+      @supports (border-width: string.unquote("max(0px)")) {
         $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
 
         // Ensure that the chevron never gets smaller than 16px
-        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
-        font-size: unquote("max(#{$font-size * 1px}, 1em)");
+        border-width: string.unquote($border-width-eval) string.unquote($border-width-eval) 0 0;
+        font-size: string.unquote("max(#{$font-size * 1px}, 1em)");
       }
     }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,+DAA+D;;EAE/D,2EAA2E;EAC3E,iCAAiC;EACjC,CAAC;EACD,0BAA0B;EAC1B,2DAA2D;;EAE3D;IACE,sCAAsC;IACtC,0BAA0B;;IAE1B,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;IACE,uBAAuB;;IAEvB,SAAS;IACT,UAAU;IACV,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;;IAElB,+BAA+B;;IAE/B,qEAAqE;IACrE,8BAA8B;IAC9B,mDAAmD;IACnD,mFAAmF;;IAEnF,WAAW;;IAEX,wEAAwE;IACxE;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;MAClB,MAAM;MACN,SAAS;;MAET,sEAAsE;MACtE,4BAA4B;MAC5B,mFAAmF;;MAEnF,oBAAoB;MACpB,qBAAqB;;MAErB,cAAc;;MAEd,wBAAwB;;MAExB,aAAa;MACb,qEAAqE;MACrE,oCAAoC;;MAEpC;QACE,iFAAiF;;QAEjF,sDAAsD;QACtD,yEAAyE;QACzE,mDAAmD;MACrD;IACF;;IAEA;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;QACb,aAAa;MACf;IACF;EACF;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE;MACE;QACE,aAAa;;QAEb;;UAEE,qBAAqB;QACvB;;QAEA;UACE,8BAA8B;UAC9B,SAAS;QACX;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,4BAA4B;;IAE5B;MACE,iCAAiC;IACnC;;IAEA;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: govuk-functional-colour(secondary-text);\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n    @include govuk-text-colour;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n        font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @media #{govuk-until-breakpoint(tablet)} {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_index.scss"],"names":[],"mappings":"AAAA,kBAAkB;;AAElB,oBAAoB;;AAEpB;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,+DAA+D;;EAE/D,2EAA2E;EAC3E,iCAAiC;EACjC,CAAC;EACD,0BAA0B;EAC1B,2DAA2D;;EAE3D;IACE,sCAAsC;;IAEtC,4BAA4B;IAC5B,+BAA+B;IAC/B,oCAAoC;EACtC;;EAEA;IACE,uBAAuB;;IAEvB,SAAS;IACT,UAAU;IACV,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;;IAElB,+BAA+B;;IAE/B,qEAAqE;IACrE,8BAA8B;IAC9B,mDAAmD;IACnD,mFAAmF;;IAEnF,WAAW;;IAEX,wEAAwE;IACxE;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;MAClB,MAAM;MACN,SAAS;;MAET,sEAAsE;MACtE,4BAA4B;MAC5B,mFAAmF;;MAEnF,oBAAoB;MACpB,qBAAqB;;MAErB,cAAc;;MAEd,wBAAwB;;MAExB,aAAa;MACb,qEAAqE;MACrE,oCAAoC;;MAEpC;QACE,iFAAiF;;QAEjF,sDAAsD;QACtD,uFAAuF;QACvF,0DAA0D;MAC5D;IACF;;IAEA;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;QACb,aAAa;MACf;IACF;EACF;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE;MACE;QACE,aAAa;;QAEb;;UAEE,qBAAqB;QACvB;;QAEA;UACE,8BAA8B;UAC9B,SAAS;QACX;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,4BAA4B;;IAE5B;MACE,iCAAiC;IACnC;;IAEA;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:string\";\n\n@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: govuk-functional-colour(secondary-text);\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n    color: govuk-functional-colour(text);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: string.unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: string.unquote($border-width-eval) string.unquote($border-width-eval) 0 0;\n        font-size: string.unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @media #{govuk-until-breakpoint(tablet)} {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("button");
+
 @import "./index";
 
 /*# sourceMappingURL=_button.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/button/_button.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_button.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/button/_button.scss"],"names":[],"mappings":"AAAA,iCAAiC;;AAEjC,+CAA+C;;AAE/C,iBAAiB","file":"_button.scss","sourcesContent":["@import \"../../settings/warnings\";\n\n@include _component-scss-file-warning(\"button\");\n\n@import \"./index\";\n"]}

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

@@ -2,6 +2,8 @@
 /// @group components/button
 ////
 
+@import "../../base";
+
 /// Button component background colour
 ///
 /// @type Colour
@@ -71,7 +73,7 @@ $govuk-inverse-button-text-colour: govuk-functional-colour(brand) !default;
     margin-left: 0;
     @include govuk-responsive-margin(6, "bottom", $adjustment: $button-shadow-size); // s2
     padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)
-      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
+      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size * 0.5)); // s1
     border: $govuk-border-width-form-element solid transparent;
     border-radius: 0;
     color: $govuk-button-text-colour;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/button/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["////\n/// @group components/button\n////\n\n/// Button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-background-colour: govuk-colour(\"green\") !default;\n\n/// Button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-text-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-background-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-text-colour: govuk-functional-colour(brand) !default;\n\n@include govuk-exports(\"govuk/component/button\") {\n  $govuk-button-colour: $govuk-button-background-colour;\n  $govuk-button-text-colour: $govuk-button-text-colour;\n  $govuk-button-hover-colour: govuk-colour(\"green\", $variant: \"shade-25\");\n  $govuk-button-shadow-colour: govuk-colour(\"green\", $variant: \"shade-50\");\n\n  // Secondary button variables\n  $govuk-secondary-button-colour: govuk-colour(\"black\", $variant: \"tint-95\");\n  $govuk-secondary-button-text-colour: govuk-colour(\"black\");\n  $govuk-secondary-button-hover-colour: govuk-colour(\"black\", $variant: \"tint-80\");\n  $govuk-secondary-button-shadow-colour: govuk-colour(\"black\", $variant: \"tint-50\");\n\n  // Warning button variables\n  $govuk-warning-button-colour: govuk-colour(\"red\");\n  $govuk-warning-button-text-colour: govuk-colour(\"white\");\n  $govuk-warning-button-hover-colour: govuk-colour(\"red\", $variant: \"shade-25\");\n  $govuk-warning-button-shadow-colour: govuk-colour(\"red\", $variant: \"shade-50\");\n\n  // Inverse button variables\n  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;\n  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;\n  $govuk-inverse-button-hover-colour: govuk-colour(\"blue\", $variant: \"tint-95\");\n  $govuk-inverse-button-shadow-colour: govuk-colour(\"blue\", $variant: \"shade-50\");\n\n  // Because the shadow (s0) is visually 'part of' the button, we need to reduce\n  // the height of the button to compensate by adjusting its padding (s1) and\n  // increase the bottom margin to include it (s2).\n  $button-shadow-size: $govuk-border-width-form-element;\n\n  .govuk-button {\n    @include govuk-font($size: 19, $line-height: 19px);\n\n    box-sizing: border-box;\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    margin-top: 0;\n    margin-right: 0;\n    margin-left: 0;\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $button-shadow-size); // s2\n    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)\n      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1\n    border: $govuk-border-width-form-element solid transparent;\n    border-radius: 0;\n    color: $govuk-button-text-colour;\n    background-color: $govuk-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: auto;\n    }\n\n    // Ensure that any global link styles are overridden\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-button-text-colour;\n      text-decoration: none;\n    }\n\n    // Fix unwanted button padding in Firefox\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n\n    &:hover {\n      background-color: $govuk-button-hover-colour;\n    }\n\n    &:active {\n      // Bump the button down so it looks like its being pressed in\n      top: $button-shadow-size;\n    }\n\n    &:focus {\n      border-color: govuk-functional-colour(focus);\n      outline: $govuk-focus-width solid transparent;\n      box-shadow: inset 0 0 0 1px govuk-functional-colour(focus);\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: govuk-functional-colour(focus);\n      color: govuk-functional-colour(focus-text);\n      background-color: govuk-functional-colour(focus);\n      box-shadow: 0 2px 0 govuk-functional-colour(focus-text);\n    }\n\n    // Use a pseudo element to expand the click target area to include the\n    // button's shadow as well, in case users try to click it.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n\n      top: -$govuk-border-width-form-element;\n      right: -$govuk-border-width-form-element;\n      bottom: -($govuk-border-width-form-element + $button-shadow-size);\n      left: -$govuk-border-width-form-element;\n\n      background: transparent;\n    }\n\n    // When the button is active it is shifted down by $button-shadow-size to\n    // denote a 'pressed' state. If the user happened to click at the very top\n    // of the button, their mouse is no longer over the button (because it has\n    // 'moved beneath them') and so the click event is not fired.\n    //\n    // This corrects that by shifting the top of the pseudo element so that it\n    // continues to cover the area that the user originally clicked, which means\n    // the click event is still fired.\n    //\n    // 🎉\n    &:active::before {\n      top: -($govuk-border-width-form-element + $button-shadow-size);\n    }\n  }\n\n  .govuk-button[disabled] {\n    opacity: (0.5);\n\n    &:hover {\n      background-color: $govuk-button-colour;\n      cursor: not-allowed;\n    }\n\n    &:active {\n      top: 0;\n      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    }\n  }\n\n  .govuk-button--secondary {\n    background-color: $govuk-secondary-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-secondary-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-secondary-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-secondary-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--warning {\n    background-color: $govuk-warning-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-warning-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-warning-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-warning-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--inverse {\n    background-color: $govuk-inverse-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-inverse-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-inverse-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-inverse-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--start {\n    @include govuk-typography-weight-bold;\n    @include govuk-font-size($size: 24, $line-height: 1);\n\n    display: inline-flex;\n    min-height: auto;\n\n    justify-content: center;\n  }\n\n  .govuk-button__start-icon {\n    margin-left: govuk-spacing(1);\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      margin-left: govuk-spacing(2);\n    }\n    vertical-align: middle;\n    flex-shrink: 0;\n    align-self: center;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/button/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["////\n/// @group components/button\n////\n\n@import \"../../base\";\n\n/// Button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-background-colour: govuk-colour(\"green\") !default;\n\n/// Button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-text-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-background-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-text-colour: govuk-functional-colour(brand) !default;\n\n@include govuk-exports(\"govuk/component/button\") {\n  $govuk-button-colour: $govuk-button-background-colour;\n  $govuk-button-text-colour: $govuk-button-text-colour;\n  $govuk-button-hover-colour: govuk-colour(\"green\", $variant: \"shade-25\");\n  $govuk-button-shadow-colour: govuk-colour(\"green\", $variant: \"shade-50\");\n\n  // Secondary button variables\n  $govuk-secondary-button-colour: govuk-colour(\"black\", $variant: \"tint-95\");\n  $govuk-secondary-button-text-colour: govuk-colour(\"black\");\n  $govuk-secondary-button-hover-colour: govuk-colour(\"black\", $variant: \"tint-80\");\n  $govuk-secondary-button-shadow-colour: govuk-colour(\"black\", $variant: \"tint-50\");\n\n  // Warning button variables\n  $govuk-warning-button-colour: govuk-colour(\"red\");\n  $govuk-warning-button-text-colour: govuk-colour(\"white\");\n  $govuk-warning-button-hover-colour: govuk-colour(\"red\", $variant: \"shade-25\");\n  $govuk-warning-button-shadow-colour: govuk-colour(\"red\", $variant: \"shade-50\");\n\n  // Inverse button variables\n  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;\n  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;\n  $govuk-inverse-button-hover-colour: govuk-colour(\"blue\", $variant: \"tint-95\");\n  $govuk-inverse-button-shadow-colour: govuk-colour(\"blue\", $variant: \"shade-50\");\n\n  // Because the shadow (s0) is visually 'part of' the button, we need to reduce\n  // the height of the button to compensate by adjusting its padding (s1) and\n  // increase the bottom margin to include it (s2).\n  $button-shadow-size: $govuk-border-width-form-element;\n\n  .govuk-button {\n    @include govuk-font($size: 19, $line-height: 19px);\n\n    box-sizing: border-box;\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    margin-top: 0;\n    margin-right: 0;\n    margin-left: 0;\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $button-shadow-size); // s2\n    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)\n      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size * 0.5)); // s1\n    border: $govuk-border-width-form-element solid transparent;\n    border-radius: 0;\n    color: $govuk-button-text-colour;\n    background-color: $govuk-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      width: auto;\n    }\n\n    // Ensure that any global link styles are overridden\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-button-text-colour;\n      text-decoration: none;\n    }\n\n    // Fix unwanted button padding in Firefox\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n\n    &:hover {\n      background-color: $govuk-button-hover-colour;\n    }\n\n    &:active {\n      // Bump the button down so it looks like its being pressed in\n      top: $button-shadow-size;\n    }\n\n    &:focus {\n      border-color: govuk-functional-colour(focus);\n      outline: $govuk-focus-width solid transparent;\n      box-shadow: inset 0 0 0 1px govuk-functional-colour(focus);\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: govuk-functional-colour(focus);\n      color: govuk-functional-colour(focus-text);\n      background-color: govuk-functional-colour(focus);\n      box-shadow: 0 2px 0 govuk-functional-colour(focus-text);\n    }\n\n    // Use a pseudo element to expand the click target area to include the\n    // button's shadow as well, in case users try to click it.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n\n      top: -$govuk-border-width-form-element;\n      right: -$govuk-border-width-form-element;\n      bottom: -($govuk-border-width-form-element + $button-shadow-size);\n      left: -$govuk-border-width-form-element;\n\n      background: transparent;\n    }\n\n    // When the button is active it is shifted down by $button-shadow-size to\n    // denote a 'pressed' state. If the user happened to click at the very top\n    // of the button, their mouse is no longer over the button (because it has\n    // 'moved beneath them') and so the click event is not fired.\n    //\n    // This corrects that by shifting the top of the pseudo element so that it\n    // continues to cover the area that the user originally clicked, which means\n    // the click event is still fired.\n    //\n    // 🎉\n    &:active::before {\n      top: -($govuk-border-width-form-element + $button-shadow-size);\n    }\n  }\n\n  .govuk-button[disabled] {\n    opacity: (0.5);\n\n    &:hover {\n      background-color: $govuk-button-colour;\n      cursor: not-allowed;\n    }\n\n    &:active {\n      top: 0;\n      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    }\n  }\n\n  .govuk-button--secondary {\n    background-color: $govuk-secondary-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-secondary-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-secondary-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-secondary-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--warning {\n    background-color: $govuk-warning-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-warning-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-warning-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-warning-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--inverse {\n    background-color: $govuk-inverse-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-inverse-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-inverse-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-inverse-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--start {\n    @include govuk-typography-weight-bold;\n    @include govuk-font-size($size: 24, $line-height: 1);\n\n    display: inline-flex;\n    min-height: auto;\n\n    justify-content: center;\n  }\n\n  .govuk-button__start-icon {\n    margin-left: govuk-spacing(1);\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      margin-left: govuk-spacing(2);\n    }\n    vertical-align: middle;\n    flex-shrink: 0;\n    align-self: center;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n}\n"]}

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

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("character-count");
+
 @import "./index";
 
 /*# sourceMappingURL=_character-count.scss.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/character-count/_character-count.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_character-count.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_character-count.scss"],"names":[],"mappings":"AAAA,iCAAiC;;AAEjC,wDAAwD;;AAExD,iBAAiB","file":"_character-count.scss","sourcesContent":["@import \"../../settings/warnings\";\n\n@include _component-scss-file-warning(\"character-count\");\n\n@import \"./index\";\n"]}

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

@@ -1,3 +1,5 @@
+@import "../../base";
+
 @import "../error-message/index";
 @import "../hint/index";
 @import "../label/index";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/character-count/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,6CAA6C;;IAE7C;;MAEE,+BAA+B;IACjC;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,wDAAwD;IACxD;MACE,4CAA4C;MAC5C,uFAAuF;IACzF;EACF;;EAEA;IACE,mCAAmC;IACnC,aAAa;IACb,gBAAgB;;IAEhB;MACE,mEAAmE;MACnE,cAAc;MACd,uEAAuE;MACvE,yDAAyD;MACzD,wEAAwE;MACxE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../textarea/index\";\n\n@include govuk-exports(\"govuk/component/character-count\") {\n  .govuk-character-count {\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group,\n    .govuk-textarea {\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // If the textarea enters the error state whilst the user is focused on it,\n    // show the error state. This presents feedback to the user that the value\n    // has become invalid without needing to see the counter.\n    .govuk-textarea--error:focus {\n      border-color: govuk-functional-colour(error);\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element govuk-functional-colour(error);\n    }\n  }\n\n  .govuk-character-count__message {\n    @include govuk-font-tabular-numbers;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &::after {\n      // Zero-width space that will reserve vertical space when no hint is\n      // provided as:\n      // - setting a min-height is not possible without a magic number because\n      //   the line-height is set by the `govuk-font` call above\n      // - using `:empty` is not possible as the hint macro outputs line breaks\n      content: \"\\200B\";\n    }\n  }\n\n  .govuk-character-count__message--disabled {\n    visibility: hidden;\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,6CAA6C;;IAE7C;;MAEE,+BAA+B;IACjC;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,wDAAwD;IACxD;MACE,4CAA4C;MAC5C,uFAAuF;IACzF;EACF;;EAEA;IACE,mCAAmC;IACnC,aAAa;IACb,gBAAgB;;IAEhB;MACE,mEAAmE;MACnE,cAAc;MACd,uEAAuE;MACvE,yDAAyD;MACzD,wEAAwE;MACxE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../textarea/index\";\n\n@include govuk-exports(\"govuk/component/character-count\") {\n  .govuk-character-count {\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group,\n    .govuk-textarea {\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // If the textarea enters the error state whilst the user is focused on it,\n    // show the error state. This presents feedback to the user that the value\n    // has become invalid without needing to see the counter.\n    .govuk-textarea--error:focus {\n      border-color: govuk-functional-colour(error);\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element govuk-functional-colour(error);\n    }\n  }\n\n  .govuk-character-count__message {\n    @include govuk-font-tabular-numbers;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &::after {\n      // Zero-width space that will reserve vertical space when no hint is\n      // provided as:\n      // - setting a min-height is not possible without a magic number because\n      //   the line-height is set by the `govuk-font` call above\n      // - using `:empty` is not possible as the hint macro outputs line breaks\n      content: \"\\200B\";\n    }\n  }\n\n  .govuk-character-count__message--disabled {\n    visibility: hidden;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss

@@ -1,4 +1,7 @@
-@import "../../base";
+@import "../../settings/warnings";
+
+@include _component-scss-file-warning("checkboxes");
+
 @import "./index";
 
 /*# sourceMappingURL=_checkboxes.scss.map */