RubyGems - govuk_publishing_components - Versions diffs - 68.2.0 → 69.0.0 - Mend

govuk_publishing_components 68.2.0 → 69.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (357) hide show

data/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss CHANGED Viewed

@@ -1,3 +1,5 @@
+@import "../../base";
 @import "../error-message/index";
 @import "../fieldset/index";
 @import "../hint/index";
@@ -57,8 +59,8 @@
     content: "";
     box-sizing: border-box;
     position: absolute;
-    top: ($govuk-touch-target-gutter / 2);
-    left: ($govuk-touch-target-gutter / 2);
+    top: ($govuk-touch-target-gutter * 0.5);
+    left: ($govuk-touch-target-gutter * 0.5);
     width: $govuk-radios-size;
     height: $govuk-radios-size;
     border: $govuk-border-width-form-element solid currentcolor;
@@ -79,8 +81,8 @@
     // Positioned by getting half the touch target, so we have the centre of the
     // input, and then moving back by the button's border width, thus positioning
     // the centre of the button in the centre of the input.
-    top: (($govuk-touch-target-size / 2) - $radio-button-size);
-    left: (($govuk-touch-target-size / 2) - $radio-button-size);
+    top: (($govuk-touch-target-size * 0.5) - $radio-button-size);
+    left: (($govuk-touch-target-size * 0.5) - $radio-button-size);
     width: 0;
     height: 0;
     border: $radio-button-size solid currentcolor;
@@ -162,10 +164,12 @@
   .govuk-radios__divider {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
     $govuk-divider-size: $govuk-radios-size !default;
     width: $govuk-divider-size;
     margin-bottom: govuk-spacing(2);
+    color: govuk-functional-colour(text);
     text-align: center;
   }
@@ -178,7 +182,7 @@
   $conditional-border-width: $govuk-border-width-narrow;
   // Calculate the amount of padding needed to keep the border centered against
   // the radios.
-  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  $conditional-border-padding: ($govuk-touch-target-size * 0.5) - ($conditional-border-width * 0.5);
   // Move the border centered with the radios
   $conditional-margin-left: $conditional-border-padding;
   // Move the contents of the conditional inline with the label
@@ -205,7 +209,7 @@
   // =========================================================
   .govuk-radios--small {
-    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
+    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) * 0.5;
     .govuk-radios__item {
       margin-bottom: 0;
@@ -249,8 +253,8 @@
       $radio-button-size: govuk-spacing(1);
       // The same calculation as normal radio buttons but reduce the border width
-      top: (($govuk-touch-target-size / 2) - $radio-button-size);
-      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);
+      top: (($govuk-touch-target-size * 0.5) - $radio-button-size);
+      left: ((($govuk-touch-target-size * 0.5) - $radio-button-size) - $input-offset);
       border-width: $radio-button-size;
     }
@@ -268,7 +272,7 @@
     // Align conditional reveals with small radios
     .govuk-radios__conditional {
-      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
+      $margin-left: ($govuk-small-radios-size * 0.5) - ($conditional-border-width * 0.5);
       margin-left: $margin-left;
       padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
     }

data/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n $govuk-touch-target-gutter: 4px;\n $govuk-radios-size: 40px;\n $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);\n $govuk-small-radios-size: 24px;\n $govuk-radios-label-padding-left-right: govuk-spacing(3);\n // When the default focus width is used on a curved edge it looks visually\n // smaller. So for the circular radios we bump the default to make it look\n // visually consistent.\n $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n .govuk-radios__item {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-radios__item:last-child,\n .govuk-radios__item:last-of-type {\n margin-bottom: 0;\n }\n\n .govuk-radios__input {\n // Allow the input to sit above the label, enabling its proper detection\n // when exploring by touch or using automation tools like Selenium\n z-index: 1;\n width: $govuk-touch-target-size;\n height: $govuk-touch-target-size;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n }\n\n .govuk-radios__label {\n align-self: center;\n\n // Ensure that the width of the label is never more than the width of the\n // container minus the input width minus the padding on either side of\n // the label. This prevents the label from going onto the next line due to\n // __item using flex-wrap because we want hints on a separate line\n max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});\n margin-bottom: 0;\n padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n cursor: pointer;\n // remove 300ms pause on mobile\n touch-action: manipulation;\n }\n\n // ( ) Radio ring\n .govuk-radios__label::before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n top: ($govuk-touch-target-gutter / 2);\n left: ($govuk-touch-target-gutter / 2);\n width: $govuk-radios-size;\n height: $govuk-radios-size;\n border: $govuk-border-width-form-element solid currentcolor;\n border-radius: 50%;\n background: transparent;\n }\n\n // • Radio button\n //\n // We create the 'button' entirely out of 'border' so that they remain\n // 'filled' even when colours are overridden in the browser.\n .govuk-radios__label::after {\n $radio-button-size: govuk-spacing(2);\n\n content: \"\";\n position: absolute;\n\n // Positioned by getting half the touch target, so we have the centre of the\n // input, and then moving back by the button's border width, thus positioning\n // the centre of the button in the centre of the input.\n top: (($govuk-touch-target-size / 2) - $radio-button-size);\n left: (($govuk-touch-target-size / 2) - $radio-button-size);\n width: 0;\n height: 0;\n border: $radio-button-size solid currentcolor;\n border-radius: 50%;\n opacity: 0;\n background: currentcolor;\n }\n\n .govuk-radios__hint {\n display: block;\n width: 100%;\n margin-top: govuk-spacing(-1);\n padding-right: $govuk-radios-label-padding-left-right;\n padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);\n }\n\n // This is to bypass govuk-hint's specificity on hints following labels having\n // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,\n // the margin doesn't collapse so we have to do this manually.\n .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n margin-bottom: 0;\n }\n\n // Focused state\n .govuk-radios__input:focus + .govuk-radios__label::before {\n border-width: 4px;\n\n // When colours are overridden, the yellow box-shadow becomes invisible\n // which means the focus state is less obvious. By adding a transparent\n // outline, which becomes solid (text-coloured) in that context, we ensure\n // the focus remains clearly visible.\n outline: $govuk-focus-width solid transparent;\n outline-offset: 1px;\n\n // When in an explicit forced-color mode, we can use the Highlight system\n // color for the outline to better match focus states of native controls\n @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n outline-color: Highlight;\n }\n\n box-shadow: 0 0 0 $govuk-radios-focus-width govuk-functional-colour(focus);\n }\n\n // Selected state\n .govuk-radios__input:checked + .govuk-radios__label::after {\n opacity: 1;\n }\n\n // Disabled state\n .govuk-radios__input:disabled,\n .govuk-radios__input:disabled + .govuk-radios__label {\n cursor: not-allowed;\n }\n\n .govuk-radios__input:disabled + .govuk-radios__label,\n .govuk-radios__input:disabled ~ .govuk-hint {\n opacity: 0.5;\n }\n\n // =========================================================\n // Inline radios\n // =========================================================\n\n .govuk-radios--inline {\n @media #{govuk-from-breakpoint(tablet)} {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n\n .govuk-radios__item {\n margin-right: govuk-spacing(4);\n }\n }\n }\n\n // =========================================================\n // Dividers ('or')\n // =========================================================\n\n .govuk-radios__divider {\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n $govuk-divider-size: $govuk-radios-size !default;\n width: $govuk-divider-size;\n margin-bottom: govuk-spacing(2);\n text-align: center;\n }\n\n // =========================================================\n // Conditional reveals\n // =========================================================\n\n // The narrow border is used in the conditional reveals because the border has\n // to be an even number in order to be centred under the 40px checkbox radio.\n $conditional-border-width: $govuk-border-width-narrow;\n // Calculate the amount of padding needed to keep the border centered against\n // the radios.\n $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n // Move the border centered with the radios\n $conditional-margin-left: $conditional-border-padding;\n // Move the contents of the conditional inline with the label\n $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n .govuk-radios__conditional {\n @include govuk-responsive-margin(4, \"bottom\");\n margin-left: $conditional-margin-left;\n padding-left: $conditional-padding-left;\n border-left: $conditional-border-width solid;\n border-left-color: govuk-functional-colour(border);\n\n .govuk-frontend-supported &--hidden {\n display: none;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n }\n\n // =========================================================\n // Small checkboxes\n // =========================================================\n\n .govuk-radios--small {\n $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n\n .govuk-radios__item {\n margin-bottom: 0;\n }\n\n // Shift the touch target into the left margin so that the visible edge of\n // the control is aligned\n //\n // ┆Which colour is your favourite?\n // ┌┆───┐\n // │┆() │ Purple\n // └┆▲──┘\n // ▲┆└─ Radio pseudo element, aligned with margin\n // └─── Touch target (invisible input), shifted into the margin\n .govuk-radios__input {\n margin-left: $input-offset * -1;\n }\n\n .govuk-radios__label {\n // Create a tiny space between the small radio hover state so that it\n // doesn't clash with the label\n padding-left: 1px;\n }\n\n // ( ) Radio ring\n //\n // Reduce the size of the control [1], vertically centering it within the\n // touch target [2]\n // Left here is 0 because we've shifted the input into the left margin\n .govuk-radios__label::before {\n top: $input-offset; // 2\n left: 0;\n width: $govuk-small-radios-size; // 1\n height: $govuk-small-radios-size; // 1\n }\n\n // • Radio button\n //\n // Reduce the size of the 'button' and center it within the ring\n .govuk-radios__label::after {\n $radio-button-size: govuk-spacing(1);\n\n // The same calculation as normal radio buttons but reduce the border width\n top: (($govuk-touch-target-size / 2) - $radio-button-size);\n left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);\n border-width: $radio-button-size;\n }\n\n // Fix position of hint with small radios\n //\n // Do not use hints with small radios – because they're within the input\n // wrapper they trigger the hover state, but clicking them doesn't actually\n // activate the control.\n //\n // (If you do use them, they won't look completely broken... but seriously,\n // don't use them)\n .govuk-radios__hint {\n padding-left: ($govuk-small-radios-size + $input-offset);\n }\n\n // Align conditional reveals with small radios\n .govuk-radios__conditional {\n $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n margin-left: $margin-left;\n padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n }\n\n .govuk-radios__divider {\n width: $govuk-small-radios-size;\n margin-bottom: govuk-spacing(1);\n }\n\n // Hover state for small radios.\n //\n // We use a hover state for small radios because the touch target size\n // is so much larger than their visible size, and so we need to provide\n // feedback to the user as to which radio they will select when their\n // cursor is outside of the visible area.\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n // Forced colours modes tend to ignore box-shadow.\n // Apply an outline for those modes to use instead.\n outline: $govuk-radios-focus-width dashed transparent;\n outline-offset: 1px;\n box-shadow: 0 0 0 $govuk-hover-width govuk-functional-colour(hover);\n }\n\n // Because we've overridden the border-shadow provided by the focus state,\n // we need to redefine that too.\n //\n // We use two box shadows, one that restores the original focus state [1]\n // and another that then applies the hover state [2].\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n // Set different HCM colour when we have both hover/focus applied at once\n @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n outline-color: Highlight;\n }\n // prettier-ignore\n box-shadow:\n 0 0 0 $govuk-radios-focus-width govuk-functional-colour(focus), // 1\n 0 0 0 $govuk-hover-width govuk-functional-colour(hover); // 2\n }\n\n // For devices that explicitly don't support hover, don't provide a hover\n // state (e.g. on touch devices like iOS).\n //\n // We can't use `@media (hover: hover)` because we wouldn't get the hover\n // state in browsers that don't support `@media (hover)` (like Internet\n // Explorer) – so we have to 'undo' the hover state instead.\n @media (hover: none), (pointer: coarse) {\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n box-shadow: initial;\n }\n\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n box-shadow: 0 0 0 $govuk-radios-focus-width govuk-functional-colour(focus);\n }\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n $govuk-touch-target-gutter: 4px;\n $govuk-radios-size: 40px;\n $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);\n $govuk-small-radios-size: 24px;\n $govuk-radios-label-padding-left-right: govuk-spacing(3);\n // When the default focus width is used on a curved edge it looks visually\n // smaller. So for the circular radios we bump the default to make it look\n // visually consistent.\n $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n .govuk-radios__item {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-radios__item:last-child,\n .govuk-radios__item:last-of-type {\n margin-bottom: 0;\n }\n\n .govuk-radios__input {\n // Allow the input to sit above the label, enabling its proper detection\n // when exploring by touch or using automation tools like Selenium\n z-index: 1;\n width: $govuk-touch-target-size;\n height: $govuk-touch-target-size;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n }\n\n .govuk-radios__label {\n align-self: center;\n\n // Ensure that the width of the label is never more than the width of the\n // container minus the input width minus the padding on either side of\n // the label. This prevents the label from going onto the next line due to\n // __item using flex-wrap because we want hints on a separate line\n max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});\n margin-bottom: 0;\n padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n cursor: pointer;\n // remove 300ms pause on mobile\n touch-action: manipulation;\n }\n\n // ( ) Radio ring\n .govuk-radios__label::before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n top: ($govuk-touch-target-gutter * 0.5);\n left: ($govuk-touch-target-gutter * 0.5);\n width: $govuk-radios-size;\n height: $govuk-radios-size;\n border: $govuk-border-width-form-element solid currentcolor;\n border-radius: 50%;\n background: transparent;\n }\n\n // • Radio button\n //\n // We create the 'button' entirely out of 'border' so that they remain\n // 'filled' even when colours are overridden in the browser.\n .govuk-radios__label::after {\n $radio-button-size: govuk-spacing(2);\n\n content: \"\";\n position: absolute;\n\n // Positioned by getting half the touch target, so we have the centre of the\n // input, and then moving back by the button's border width, thus positioning\n // the centre of the button in the centre of the input.\n top: (($govuk-touch-target-size * 0.5) - $radio-button-size);\n left: (($govuk-touch-target-size * 0.5) - $radio-button-size);\n width: 0;\n height: 0;\n border: $radio-button-size solid currentcolor;\n border-radius: 50%;\n opacity: 0;\n background: currentcolor;\n }\n\n .govuk-radios__hint {\n display: block;\n width: 100%;\n margin-top: govuk-spacing(-1);\n padding-right: $govuk-radios-label-padding-left-right;\n padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);\n }\n\n // This is to bypass govuk-hint's specificity on hints following labels having\n // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,\n // the margin doesn't collapse so we have to do this manually.\n .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n margin-bottom: 0;\n }\n\n // Focused state\n .govuk-radios__input:focus + .govuk-radios__label::before {\n border-width: 4px;\n\n // When colours are overridden, the yellow box-shadow becomes invisible\n // which means the focus state is less obvious. By adding a transparent\n // outline, which becomes solid (text-coloured) in that context, we ensure\n // the focus remains clearly visible.\n outline: $govuk-focus-width solid transparent;\n outline-offset: 1px;\n\n // When in an explicit forced-color mode, we can use the Highlight system\n // color for the outline to better match focus states of native controls\n @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n outline-color: Highlight;\n }\n\n box-shadow: 0 0 0 $govuk-radios-focus-width govuk-functional-colour(focus);\n }\n\n // Selected state\n .govuk-radios__input:checked + .govuk-radios__label::after {\n opacity: 1;\n }\n\n // Disabled state\n .govuk-radios__input:disabled,\n .govuk-radios__input:disabled + .govuk-radios__label {\n cursor: not-allowed;\n }\n\n .govuk-radios__input:disabled + .govuk-radios__label,\n .govuk-radios__input:disabled ~ .govuk-hint {\n opacity: 0.5;\n }\n\n // =========================================================\n // Inline radios\n // =========================================================\n\n .govuk-radios--inline {\n @media #{govuk-from-breakpoint(tablet)} {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n\n .govuk-radios__item {\n margin-right: govuk-spacing(4);\n }\n }\n }\n\n // =========================================================\n // Dividers ('or')\n // =========================================================\n\n .govuk-radios__divider {\n @include govuk-font($size: 19);\n\n $govuk-divider-size: $govuk-radios-size !default;\n width: $govuk-divider-size;\n\n margin-bottom: govuk-spacing(2);\n color: govuk-functional-colour(text);\n text-align: center;\n }\n\n // =========================================================\n // Conditional reveals\n // =========================================================\n\n // The narrow border is used in the conditional reveals because the border has\n // to be an even number in order to be centred under the 40px checkbox radio.\n $conditional-border-width: $govuk-border-width-narrow;\n // Calculate the amount of padding needed to keep the border centered against\n // the radios.\n $conditional-border-padding: ($govuk-touch-target-size * 0.5) - ($conditional-border-width * 0.5);\n // Move the border centered with the radios\n $conditional-margin-left: $conditional-border-padding;\n // Move the contents of the conditional inline with the label\n $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n .govuk-radios__conditional {\n @include govuk-responsive-margin(4, \"bottom\");\n margin-left: $conditional-margin-left;\n padding-left: $conditional-padding-left;\n border-left: $conditional-border-width solid;\n border-left-color: govuk-functional-colour(border);\n\n .govuk-frontend-supported &--hidden {\n display: none;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n }\n\n // =========================================================\n // Small checkboxes\n // =========================================================\n\n .govuk-radios--small {\n $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) * 0.5;\n\n .govuk-radios__item {\n margin-bottom: 0;\n }\n\n // Shift the touch target into the left margin so that the visible edge of\n // the control is aligned\n //\n // ┆Which colour is your favourite?\n // ┌┆───┐\n // │┆() │ Purple\n // └┆▲──┘\n // ▲┆└─ Radio pseudo element, aligned with margin\n // └─── Touch target (invisible input), shifted into the margin\n .govuk-radios__input {\n margin-left: $input-offset * -1;\n }\n\n .govuk-radios__label {\n // Create a tiny space between the small radio hover state so that it\n // doesn't clash with the label\n padding-left: 1px;\n }\n\n // ( ) Radio ring\n //\n // Reduce the size of the control [1], vertically centering it within the\n // touch target [2]\n // Left here is 0 because we've shifted the input into the left margin\n .govuk-radios__label::before {\n top: $input-offset; // 2\n left: 0;\n width: $govuk-small-radios-size; // 1\n height: $govuk-small-radios-size; // 1\n }\n\n // • Radio button\n //\n // Reduce the size of the 'button' and center it within the ring\n .govuk-radios__label::after {\n $radio-button-size: govuk-spacing(1);\n\n // The same calculation as normal radio buttons but reduce the border width\n top: (($govuk-touch-target-size * 0.5) - $radio-button-size);\n left: ((($govuk-touch-target-size * 0.5) - $radio-button-size) - $input-offset);\n border-width: $radio-button-size;\n }\n\n // Fix position of hint with small radios\n //\n // Do not use hints with small radios – because they're within the input\n // wrapper they trigger the hover state, but clicking them doesn't actually\n // activate the control.\n //\n // (If you do use them, they won't look completely broken... but seriously,\n // don't use them)\n .govuk-radios__hint {\n padding-left: ($govuk-small-radios-size + $input-offset);\n }\n\n // Align conditional reveals with small radios\n .govuk-radios__conditional {\n $margin-left: ($govuk-small-radios-size * 0.5) - ($conditional-border-width * 0.5);\n margin-left: $margin-left;\n padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n }\n\n .govuk-radios__divider {\n width: $govuk-small-radios-size;\n margin-bottom: govuk-spacing(1);\n }\n\n // Hover state for small radios.\n //\n // We use a hover state for small radios because the touch target size\n // is so much larger than their visible size, and so we need to provide\n // feedback to the user as to which radio they will select when their\n // cursor is outside of the visible area.\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n // Forced colours modes tend to ignore box-shadow.\n // Apply an outline for those modes to use instead.\n outline: $govuk-radios-focus-width dashed transparent;\n outline-offset: 1px;\n box-shadow: 0 0 0 $govuk-hover-width govuk-functional-colour(hover);\n }\n\n // Because we've overridden the border-shadow provided by the focus state,\n // we need to redefine that too.\n //\n // We use two box shadows, one that restores the original focus state [1]\n // and another that then applies the hover state [2].\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n // Set different HCM colour when we have both hover/focus applied at once\n @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n outline-color: Highlight;\n }\n // prettier-ignore\n box-shadow:\n 0 0 0 $govuk-radios-focus-width govuk-functional-colour(focus), // 1\n 0 0 0 $govuk-hover-width govuk-functional-colour(hover); // 2\n }\n\n // For devices that explicitly don't support hover, don't provide a hover\n // state (e.g. on touch devices like iOS).\n //\n // We can't use `@media (hover: hover)` because we wouldn't get the hover\n // state in browsers that don't support `@media (hover)` (like Internet\n // Explorer) – so we have to 'undo' the hover state instead.\n @media (hover: none), (pointer: coarse) {\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n box-shadow: initial;\n }\n\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n box-shadow: 0 0 0 $govuk-radios-focus-width govuk-functional-colour(focus);\n }\n }\n }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss.map CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;;IAEtB,oCAAoC;IACpC,0EAA0E;IAC1E,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,yBAAyB;IACzB,8CAA8C;IAC9C,mDAAmD;;IAEnD,+DAA+D;IAC/D,+BAA+B;IAC/B,oCAAoC;IACpC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,4CAA4C;;IAE5C;MACE,mDAAmD;IACrD;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/select\") {\n .govuk-select {\n @include govuk-font($size: 19, $line-height: 1.25);\n\n box-sizing: border-box;\n\n // This min-width was chosen because:\n // - it makes the Select wider than it is tall (which is what users expect)\n // - 11.5em matches the 'length-10' variant of the input component\n // - it fits comfortably on screens as narrow as 240px wide\n min-width: 11.5em;\n max-width: 100%;\n height: govuk-px-to-rem(40px);\n padding: govuk-spacing(1);\n border: $govuk-border-width-form-element solid;\n border-color: govuk-functional-colour(input-border);\n\n // Default user agent colours for selects can have low contrast,\n // and may look disabled (#2435)\n color: govuk-functional-colour(text);\n background-color: govuk-colour(\"white\");\n\n &:focus {\n @include govuk-focused-form-input;\n }\n\n &:disabled {\n opacity: 0.5;\n color: inherit;\n cursor: not-allowed;\n }\n }\n\n .govuk-select option:active,\n .govuk-select option:checked,\n .govuk-select:focus::-ms-value {\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"blue\");\n }\n\n .govuk-select--error {\n border-color: govuk-functional-colour(error);\n\n &:focus {\n border-color: govuk-functional-colour(input-border);\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;;IAEtB,oCAAoC;IACpC,0EAA0E;IAC1E,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,yBAAyB;IACzB,8CAA8C;IAC9C,mDAAmD;;IAEnD,+DAA+D;IAC/D,+BAA+B;IAC/B,oCAAoC;IACpC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,4CAA4C;;IAE5C;MACE,mDAAmD;IACrD;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n .govuk-select {\n @include govuk-font($size: 19, $line-height: 1.25);\n\n box-sizing: border-box;\n\n // This min-width was chosen because:\n // - it makes the Select wider than it is tall (which is what users expect)\n // - 11.5em matches the 'length-10' variant of the input component\n // - it fits comfortably on screens as narrow as 240px wide\n min-width: 11.5em;\n max-width: 100%;\n height: govuk-px-to-rem(40px);\n padding: govuk-spacing(1);\n border: $govuk-border-width-form-element solid;\n border-color: govuk-functional-colour(input-border);\n\n // Default user agent colours for selects can have low contrast,\n // and may look disabled (#2435)\n color: govuk-functional-colour(text);\n background-color: govuk-colour(\"white\");\n\n &:focus {\n @include govuk-focused-form-input;\n }\n\n &:disabled {\n opacity: 0.5;\n color: inherit;\n cursor: not-allowed;\n }\n }\n\n .govuk-select option:active,\n .govuk-select option:checked,\n .govuk-select:focus::-ms-value {\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"blue\");\n }\n\n .govuk-select--error {\n border-color: govuk-functional-colour(error);\n\n &:focus {\n border-color: govuk-functional-colour(input-border);\n }\n }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss.map CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss CHANGED Viewed

@@ -1,3 +1,7 @@
+@use "sass:math";
+@import "../../base";
 @include govuk-exports("govuk/component/service-navigation") {
   $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
   $govuk-service-navigation-text-colour: govuk-functional-colour(surface-text);
@@ -50,7 +54,7 @@
       // padding (2×15), minus bottom border (1); 19 is the font-size at this
       // point. This gives us the perfect fractional line height to make the
       // overall component 60px high
-      line-height: (29 / 19);
+      line-height: math.div(29, 19);
       &:not(:last-child) {
         @include govuk-responsive-margin(6, $direction: right);

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,4EAA4E;EAC5E,iFAAiF;EACjF,gFAAgF;;EAEhF;IACE,8BAA8B;IAC9B,wBAAwB;IACxB,0BAA0B;IAC1B,4DAA4D;IAC5D,4CAA4C;IAC5C,sDAAsD;EACxD;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;;IAE1B,wEAAwE;IACxE,wDAAwD;IACxD,eAAe;IACf,mBAAmB;IACnB,2CAA2C;;IAE3C;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B,0BAA0B;MAC1B,oEAAoE;MACpE,sEAAsE;MACtE,qEAAqE;MACrE,6BAA6B;MAC7B,sBAAsB;;MAEtB;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE,qFAAqF;MACrF,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;EAC5C;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,qCAAqC;EACvC;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,oCAAoC;IACpC,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE,kDAAkD;IAClD,mBAAmB;;IAEnB,mEAAmE;IACnE,aAAa;IACb,4BAA4B;;IAE5B,gDAAgD;;IAEhD;MACE,mBAAmB;MACnB,mBAAmB;MACnB,qDAAqD;IACvD;;IAEA,2DAA2D;IAC3D;MACE,gBAAgB;IAClB;;IAEA,qCAAqC;IACrC;;MAEE,mCAAmC;IACrC;;IAEA,sBAAsB;IACtB;MACE,iCAAiC;IACnC;;IAEA,qDAAqD;IACrD;MACE,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n $govuk-service-navigation-text-colour: govuk-functional-colour(surface-text);\n $govuk-service-navigation-background: govuk-functional-colour(surface-background);\n $govuk-service-navigation-border-colour: govuk-functional-colour(surface-border);\n\n .govuk-service-navigation {\n @include govuk-font($size: 19);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: $govuk-service-navigation-border-colour;\n color: $govuk-service-navigation-text-colour;\n background-color: $govuk-service-navigation-background;\n }\n\n .govuk-service-navigation__container {\n display: flex;\n flex-direction: column;\n align-items: start;\n\n @media #{govuk-from-breakpoint(tablet)} {\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n // These styles are shared between nav items and the service name, they\n // ensure that both of them remain vertically aligned with one another\n .govuk-service-navigation__item,\n .govuk-service-navigation__service-name {\n position: relative;\n margin: govuk-spacing(2) 0;\n\n // A border matching the link colour is used to mark the active section –\n // see the `govuk-service-navigation__item--active` class\n border-width: 0;\n border-style: solid;\n border-color: govuk-functional-colour(link);\n\n @media #{govuk-from-breakpoint(tablet)} {\n // inline-block is used as a fallback for browsers that don't support flexbox\n display: inline-block;\n\n margin-top: 0;\n margin-bottom: 0;\n padding: govuk-spacing(3) 0;\n\n // More magic numbers ahoy:\n // 29 is the desired height of the element (60), minus top and bottom\n // padding (2×15), minus bottom border (1); 19 is the font-size at this\n // point. This gives us the perfect fractional line height to make the\n // overall component 60px high\n line-height: (29 / 19);\n\n &:not(:last-child) {\n @include govuk-responsive-margin(6, $direction: right);\n }\n }\n }\n\n // Remove the top margin of the first nav item if there is a service name but\n // there's no menu button (either because it doesn't exist or it's hidden)\n .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n .govuk-service-navigation__list:first-child,\n .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n .govuk-service-navigation__item:first-child {\n margin-top: 0;\n }\n }\n }\n\n .govuk-service-navigation__item--active {\n @media #{govuk-until-breakpoint(tablet)} {\n // Negative offset the left margin so we can place a current page indicator\n // to the left without misaligning the list item text.\n margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n padding-left: govuk-spacing(2);\n border-left-width: $govuk-service-navigation-active-link-border-width;\n }\n\n @media #{govuk-from-breakpoint(tablet)} {\n padding-bottom: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width;\n border-bottom-width: $govuk-service-navigation-active-link-border-width;\n }\n }\n\n .govuk-service-navigation__link {\n @include govuk-link-common;\n @include govuk-link-style-no-underline;\n @include govuk-link-style-no-visited-state;\n }\n\n //\n // Service name specific code\n //\n\n .govuk-service-navigation__service-name {\n @include govuk-typography-weight-bold;\n }\n\n // Annoyingly this requires a compound selector in order to overcome the\n // specificity of the other link colour override we're doing\n .govuk-service-navigation__service-name .govuk-service-navigation__link {\n @include govuk-link-style-text;\n }\n\n // Allow navigation section to always take up maximum available space,\n // rather than sizing to fit the content. This makes it easier to right align\n // nav items and use slots.\n .govuk-service-navigation__wrapper {\n flex-grow: 1;\n }\n\n //\n // Navigation list specific code\n //\n\n .govuk-service-navigation__toggle {\n @include govuk-font($size: 19, $weight: bold);\n display: inline-flex;\n margin: govuk-spacing(2) 0;\n padding: 0;\n border: 0;\n color: govuk-functional-colour(link);\n background: none;\n word-break: break-all;\n cursor: pointer;\n align-items: center;\n\n &:focus {\n @include govuk-focused-text;\n }\n\n &::after {\n @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n content: \"\";\n margin-left: govuk-spacing(1);\n }\n\n &[aria-expanded=\"true\"]::after {\n @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n }\n\n // Ensure the button stays hidden if the hidden attribute is present\n &[hidden] {\n display: none;\n }\n\n // If we have both a service name and navigation toggle, remove the\n // margin-top so that there isn't a bunch of space between them\n .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n margin-top: 0;\n }\n }\n\n .govuk-service-navigation__list {\n margin: 0;\n margin-bottom: govuk-spacing(3);\n padding: 0;\n list-style: none;\n\n // Make the navigation list a flexbox. Doing so resolves a couple of\n // accessibility problems caused by the list items being inline-blocks:\n // - Removes the extra whitespace from between each list item that screen\n // readers would pointlessly announce.\n // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n // all of the links as a run-on sentence.\n @media #{govuk-from-breakpoint(tablet)} {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 0;\n\n // However... IE11 totally trips over flexbox and doesn't wrap anything,\n // making all of the items into a single, horizontally scrolling row,\n // which is no good. This CSS hack removes the flexbox definition for\n // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n //\n // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n @media screen and (min-width: 0\\0) {\n display: block;\n }\n }\n }\n\n // This is a <strong> element that is used as a fallback mechanism for\n // visually indicating the current page in scenarios where CSS isn't\n // available. We don't actually want it to be bold normally, so set it to\n // inherit the parent font-weight.\n .govuk-service-navigation__active-fallback {\n font-weight: inherit;\n }\n\n // Inverted colour scheme style intended for product pages\n .govuk-service-navigation--inverse {\n // Remove bottom border to add width-container ones\n border-bottom: none;\n\n // Set colour here so non-link text (service name, slot content) can\n // use it too.\n color: govuk-colour(\"white\");\n\n background-color: govuk-functional-colour(brand);\n\n .govuk-width-container {\n border-width: 1px 0;\n border-style: solid;\n border-color: $govuk-service-navigation-border-colour;\n }\n\n // Subtract 1px of space to account for the extra border-top\n .govuk-service-navigation__container {\n margin-top: -1px;\n }\n\n // Override the 'active' border colour\n .govuk-service-navigation__item,\n .govuk-service-navigation__service-name {\n border-color: govuk-colour(\"white\");\n }\n\n // Override link styles\n .govuk-service-navigation__link {\n @include govuk-link-style-inverse;\n }\n\n // Override mobile menu toggle colour when not focused\n .govuk-service-navigation__toggle:not(:focus) {\n color: currentcolor;\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA,gBAAgB;;AAEhB,oBAAoB;;AAEpB;EACE,oEAAoE;EACpE,4EAA4E;EAC5E,iFAAiF;EACjF,gFAAgF;;EAEhF;IACE,8BAA8B;IAC9B,wBAAwB;IACxB,0BAA0B;IAC1B,4DAA4D;IAC5D,4CAA4C;IAC5C,sDAAsD;EACxD;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;;IAE1B,wEAAwE;IACxE,wDAAwD;IACxD,eAAe;IACf,mBAAmB;IACnB,2CAA2C;;IAE3C;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B,0BAA0B;MAC1B,oEAAoE;MACpE,sEAAsE;MACtE,qEAAqE;MACrE,6BAA6B;MAC7B,6BAA6B;;MAE7B;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE,qFAAqF;MACrF,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;EAC5C;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,qCAAqC;EACvC;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,oCAAoC;IACpC,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE,kDAAkD;IAClD,mBAAmB;;IAEnB,mEAAmE;IACnE,aAAa;IACb,4BAA4B;;IAE5B,gDAAgD;;IAEhD;MACE,mBAAmB;MACnB,mBAAmB;MACnB,qDAAqD;IACvD;;IAEA,2DAA2D;IAC3D;MACE,gBAAgB;IAClB;;IAEA,qCAAqC;IACrC;;MAEE,mCAAmC;IACrC;;IAEA,sBAAsB;IACtB;MACE,iCAAiC;IACnC;;IAEA,qDAAqD;IACrD;MACE,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:math\";\n\n@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/service-navigation\") {\n $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n $govuk-service-navigation-text-colour: govuk-functional-colour(surface-text);\n $govuk-service-navigation-background: govuk-functional-colour(surface-background);\n $govuk-service-navigation-border-colour: govuk-functional-colour(surface-border);\n\n .govuk-service-navigation {\n @include govuk-font($size: 19);\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: $govuk-service-navigation-border-colour;\n color: $govuk-service-navigation-text-colour;\n background-color: $govuk-service-navigation-background;\n }\n\n .govuk-service-navigation__container {\n display: flex;\n flex-direction: column;\n align-items: start;\n\n @media #{govuk-from-breakpoint(tablet)} {\n flex-direction: row;\n flex-wrap: wrap;\n }\n }\n\n // These styles are shared between nav items and the service name, they\n // ensure that both of them remain vertically aligned with one another\n .govuk-service-navigation__item,\n .govuk-service-navigation__service-name {\n position: relative;\n margin: govuk-spacing(2) 0;\n\n // A border matching the link colour is used to mark the active section –\n // see the `govuk-service-navigation__item--active` class\n border-width: 0;\n border-style: solid;\n border-color: govuk-functional-colour(link);\n\n @media #{govuk-from-breakpoint(tablet)} {\n // inline-block is used as a fallback for browsers that don't support flexbox\n display: inline-block;\n\n margin-top: 0;\n margin-bottom: 0;\n padding: govuk-spacing(3) 0;\n\n // More magic numbers ahoy:\n // 29 is the desired height of the element (60), minus top and bottom\n // padding (2×15), minus bottom border (1); 19 is the font-size at this\n // point. This gives us the perfect fractional line height to make the\n // overall component 60px high\n line-height: math.div(29, 19);\n\n &:not(:last-child) {\n @include govuk-responsive-margin(6, $direction: right);\n }\n }\n }\n\n // Remove the top margin of the first nav item if there is a service name but\n // there's no menu button (either because it doesn't exist or it's hidden)\n .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n .govuk-service-navigation__list:first-child,\n .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n .govuk-service-navigation__item:first-child {\n margin-top: 0;\n }\n }\n }\n\n .govuk-service-navigation__item--active {\n @media #{govuk-until-breakpoint(tablet)} {\n // Negative offset the left margin so we can place a current page indicator\n // to the left without misaligning the list item text.\n margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n padding-left: govuk-spacing(2);\n border-left-width: $govuk-service-navigation-active-link-border-width;\n }\n\n @media #{govuk-from-breakpoint(tablet)} {\n padding-bottom: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width;\n border-bottom-width: $govuk-service-navigation-active-link-border-width;\n }\n }\n\n .govuk-service-navigation__link {\n @include govuk-link-common;\n @include govuk-link-style-no-underline;\n @include govuk-link-style-no-visited-state;\n }\n\n //\n // Service name specific code\n //\n\n .govuk-service-navigation__service-name {\n @include govuk-typography-weight-bold;\n }\n\n // Annoyingly this requires a compound selector in order to overcome the\n // specificity of the other link colour override we're doing\n .govuk-service-navigation__service-name .govuk-service-navigation__link {\n @include govuk-link-style-text;\n }\n\n // Allow navigation section to always take up maximum available space,\n // rather than sizing to fit the content. This makes it easier to right align\n // nav items and use slots.\n .govuk-service-navigation__wrapper {\n flex-grow: 1;\n }\n\n //\n // Navigation list specific code\n //\n\n .govuk-service-navigation__toggle {\n @include govuk-font($size: 19, $weight: bold);\n display: inline-flex;\n margin: govuk-spacing(2) 0;\n padding: 0;\n border: 0;\n color: govuk-functional-colour(link);\n background: none;\n word-break: break-all;\n cursor: pointer;\n align-items: center;\n\n &:focus {\n @include govuk-focused-text;\n }\n\n &::after {\n @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n content: \"\";\n margin-left: govuk-spacing(1);\n }\n\n &[aria-expanded=\"true\"]::after {\n @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n }\n\n // Ensure the button stays hidden if the hidden attribute is present\n &[hidden] {\n display: none;\n }\n\n // If we have both a service name and navigation toggle, remove the\n // margin-top so that there isn't a bunch of space between them\n .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n margin-top: 0;\n }\n }\n\n .govuk-service-navigation__list {\n margin: 0;\n margin-bottom: govuk-spacing(3);\n padding: 0;\n list-style: none;\n\n // Make the navigation list a flexbox. Doing so resolves a couple of\n // accessibility problems caused by the list items being inline-blocks:\n // - Removes the extra whitespace from between each list item that screen\n // readers would pointlessly announce.\n // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n // all of the links as a run-on sentence.\n @media #{govuk-from-breakpoint(tablet)} {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 0;\n\n // However... IE11 totally trips over flexbox and doesn't wrap anything,\n // making all of the items into a single, horizontally scrolling row,\n // which is no good. This CSS hack removes the flexbox definition for\n // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n //\n // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n @media screen and (min-width: 0\\0) {\n display: block;\n }\n }\n }\n\n // This is a <strong> element that is used as a fallback mechanism for\n // visually indicating the current page in scenarios where CSS isn't\n // available. We don't actually want it to be bold normally, so set it to\n // inherit the parent font-weight.\n .govuk-service-navigation__active-fallback {\n font-weight: inherit;\n }\n\n // Inverted colour scheme style intended for product pages\n .govuk-service-navigation--inverse {\n // Remove bottom border to add width-container ones\n border-bottom: none;\n\n // Set colour here so non-link text (service name, slot content) can\n // use it too.\n color: govuk-colour(\"white\");\n\n background-color: govuk-functional-colour(brand);\n\n .govuk-width-container {\n border-width: 1px 0;\n border-style: solid;\n border-color: $govuk-service-navigation-border-colour;\n }\n\n // Subtract 1px of space to account for the extra border-top\n .govuk-service-navigation__container {\n margin-top: -1px;\n }\n\n // Override the 'active' border colour\n .govuk-service-navigation__item,\n .govuk-service-navigation__service-name {\n border-color: govuk-colour(\"white\");\n }\n\n // Override link styles\n .govuk-service-navigation__link {\n @include govuk-link-style-inverse;\n }\n\n // Override mobile menu toggle colour when not focused\n .govuk-service-navigation__toggle:not(:focus) {\n color: currentcolor;\n }\n }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/service-navigation/_service-navigation.scss"],"names":[],"mappings":"AAAA,~~oBAAoB;AACpB~~,iBAAiB","file":"_service-navigation.scss","sourcesContent":["@import \"../../~~base~~\";\n@import \"./index\";\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/service-navigation/_service-navigation.scss"],"names":[],"mappings":"AAAA,iCAAiC;;AAEjC,2DAA2D;;AAE3D,iBAAiB","file":"_service-navigation.scss","sourcesContent":["@import \"../../settings/warnings\";\n\n@include _component-scss-file-warning(\"service-navigation\");\n\n@import \"./index\";\n"]}

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

@@ -1,3 +1,7 @@
+@use "sass:string";
+@import "../../base";
 @include govuk-exports("govuk/component/skip-link") {
   .govuk-skip-link {
     @include govuk-visually-hidden-focusable;
@@ -9,14 +13,14 @@
     padding: govuk-spacing(2) govuk-spacing(3);
     // Respect 'display cutout' safe area (avoids notches and rounded corners)
-    @supports (padding: unquote("max(calc(0px))")) {
+    @supports (padding: string.unquote("max(calc(0px))")) {
       $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
       $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
       // Use max() to pick largest padding, default or with safe area
       // Escaped due to Sass max() vs. CSS native max()
-      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
-      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+      padding-right: string.unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: string.unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
     }
     &:focus {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD~~,+EAA+E~~;~~MAC/E~~,~~6EAA6E~~;~~IAC/E~~;;IAEA;MACE,iCAAiC;MACjC,6CAA6C;MAC7C,iBAAiB;MACjB,gDAAgD;;MAEhD;QACE,wCAAwC;MAC1C;;MAEA,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n .govuk-skip-link {\n @include govuk-visually-hidden-focusable;\n @include govuk-link-decoration;\n @include govuk-link-style-text;\n @include govuk-font($size: 16);\n\n display: block;\n padding: govuk-spacing(2) govuk-spacing(3);\n\n // Respect 'display cutout' safe area (avoids notches and rounded corners)\n @supports (padding: unquote(\"max(calc(0px))\")) {\n $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n // Use max() to pick largest padding, default or with safe area\n // Escaped due to Sass max() vs. CSS native max()\n padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n }\n\n &:focus {\n outline: $govuk-focus-width solid;\n outline-color: govuk-functional-colour(focus);\n outline-offset: 0;\n background-color: govuk-functional-colour(focus);\n\n @media (forced-colors: active) {\n outline-offset: (0 - $govuk-focus-width);\n }\n\n // Undo unwanted changes when global styles are enabled\n @if $govuk-global-styles {\n @include govuk-link-decoration;\n box-shadow: none;\n }\n }\n }\n\n .govuk-skip-link-focused-element {\n &:focus {\n // Remove the native visible focus indicator when the element is\n // programmatically focused.\n //\n // We set the focus on the linked element (this is usually the <main>\n // element) when the skip link is activated to improve screen reader\n // announcements. However, we remove the visible focus indicator from the\n // linked element because the user cannot interact with it.\n //\n // A related discussion: https://github.com/w3c/wcag/issues/1001\n outline: none;\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA,kBAAkB;;AAElB,oBAAoB;;AAEpB;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,sFAAsF;MACtF,oFAAoF;IACtF;;IAEA;MACE,iCAAiC;MACjC,6CAA6C;MAC7C,iBAAiB;MACjB,gDAAgD;;MAEhD;QACE,wCAAwC;MAC1C;;MAEA,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:string\";\n\n@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/skip-link\") {\n .govuk-skip-link {\n @include govuk-visually-hidden-focusable;\n @include govuk-link-decoration;\n @include govuk-link-style-text;\n @include govuk-font($size: 16);\n\n display: block;\n padding: govuk-spacing(2) govuk-spacing(3);\n\n // Respect 'display cutout' safe area (avoids notches and rounded corners)\n @supports (padding: string.unquote(\"max(calc(0px))\")) {\n $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n // Use max() to pick largest padding, default or with safe area\n // Escaped due to Sass max() vs. CSS native max()\n padding-right: string.unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n padding-left: string.unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n }\n\n &:focus {\n outline: $govuk-focus-width solid;\n outline-color: govuk-functional-colour(focus);\n outline-offset: 0;\n background-color: govuk-functional-colour(focus);\n\n @media (forced-colors: active) {\n outline-offset: (0 - $govuk-focus-width);\n }\n\n // Undo unwanted changes when global styles are enabled\n @if $govuk-global-styles {\n @include govuk-link-decoration;\n box-shadow: none;\n }\n }\n }\n\n .govuk-skip-link-focused-element {\n &:focus {\n // Remove the native visible focus indicator when the element is\n // programmatically focused.\n //\n // We set the focus on the linked element (this is usually the <main>\n // element) when the skip link is activated to improve screen reader\n // announcements. However, we remove the visible focus indicator from the\n // linked element because the user cannot interact with it.\n //\n // A related discussion: https://github.com/w3c/wcag/issues/1001\n outline: none;\n }\n }\n}\n"]}

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

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

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

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

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss CHANGED Viewed

@@ -1,15 +1,23 @@
+@import "../../base";
 @include govuk-exports("govuk/component/summary-list") {
   .govuk-summary-list {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
+    color: govuk-functional-colour(text);
     @media #{govuk-from-breakpoint(tablet)} {
       display: table;
       width: 100%;
       table-layout: fixed; // Required to allow us to wrap words that overflow.
       border-collapse: collapse;
     }
+    // Keep margins together
+    // stylelint-disable order/properties-order
     margin: 0; // Reset default user agent styles
     @include govuk-responsive-margin(6, "bottom");
+    // stylelint-enable order/properties-order
   }
   .govuk-summary-list__row {
@@ -51,6 +59,11 @@
       padding-top: govuk-spacing(2);
       padding-right: govuk-spacing(4);
       padding-bottom: govuk-spacing(2);
+      // Make sure that any multi-line inline-blocks inside of the summary
+      // list (e.g. Tag components) don't cause the text baseline to shift,
+      // causing other cells in the row to be misaligned.
+      vertical-align: top;
     }
   }
@@ -204,8 +217,8 @@
   .govuk-summary-card__title {
     @include govuk-font($size: 19, $weight: bold);
-    @include govuk-text-colour;
     margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+    color: govuk-functional-colour(text);
     @media #{govuk-from-breakpoint(tablet)} {
       margin-bottom: govuk-spacing(1);

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n .govuk-summary-list {\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n @media #{govuk-from-breakpoint(tablet)} {\n display: table;\n width: 100%;\n table-layout: fixed; // Required to allow us to wrap words that overflow.\n border-collapse: collapse;\n }\n margin: 0; // Reset default user agent styles\n @include govuk-responsive-margin(6, \"bottom\");\n }\n\n .govuk-summary-list__row {\n border-bottom: 1px solid;\n border-bottom-color: govuk-functional-colour(border);\n\n @media #{govuk-until-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(3);\n }\n @media #{govuk-from-breakpoint(tablet)} {\n display: table-row;\n }\n }\n\n // Remove right padding from the last column in the row\n .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n padding-right: 0;\n }\n\n // Provide an empty 'cell' for rows that don't have actions – otherwise the\n // bottom border is not drawn for that part of the row in some browsers.\n .govuk-summary-list__row--no-actions {\n @media #{govuk-from-breakpoint(tablet)} {\n &::after {\n content: \"\";\n display: table-cell;\n width: 20%;\n }\n }\n }\n\n .govuk-summary-list__key,\n .govuk-summary-list__value,\n .govuk-summary-list__actions {\n margin: 0; // Reset default user agent styles\n\n @media #{govuk-from-breakpoint(tablet)} {\n display: table-cell;\n padding-top: govuk-spacing(2);\n padding-right: govuk-spacing(4);\n padding-bottom: govuk-spacing(2);\n }\n }\n\n .govuk-summary-list__actions {\n margin-bottom: govuk-spacing(3);\n @media #{govuk-from-breakpoint(tablet)} {\n width: 20%;\n text-align: right;\n }\n }\n\n .govuk-summary-list__key,\n .govuk-summary-list__value {\n // Automatic wrapping for unbreakable text (e.g. URLs)\n word-wrap: break-word; // Fallback for older browsers only\n overflow-wrap: break-word;\n }\n\n .govuk-summary-list__key {\n margin-bottom: govuk-spacing(1);\n @include govuk-typography-weight-bold;\n @media #{govuk-from-breakpoint(tablet)} {\n width: 30%;\n }\n }\n\n .govuk-summary-list__value {\n @media #{govuk-until-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(3);\n }\n }\n\n .govuk-summary-list__value > p {\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-summary-list__value > :last-child {\n margin-bottom: 0;\n }\n\n .govuk-summary-list__actions-list {\n width: 100%;\n margin: 0; // Reset default user agent styles\n padding: 0; // Reset default user agent styles\n }\n\n .govuk-summary-list__actions-list-item,\n .govuk-summary-card__action {\n display: inline-block;\n }\n\n @media #{govuk-until-breakpoint(tablet)} {\n .govuk-summary-list__actions-list-item,\n .govuk-summary-card__action {\n margin-right: govuk-spacing(2);\n padding-right: govuk-spacing(2);\n border-right: 1px solid;\n border-right-color: govuk-functional-colour(border);\n }\n\n .govuk-summary-list__actions-list-item:last-child,\n .govuk-summary-card__action:last-child {\n margin-right: 0;\n padding-right: 0;\n border: 0;\n }\n }\n\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-summary-list__actions-list-item,\n .govuk-summary-card__action {\n margin-left: govuk-spacing(2);\n padding-left: govuk-spacing(2);\n }\n\n .govuk-summary-list__actions-list-item:not(:first-child),\n .govuk-summary-card__action:not(:first-child) {\n border-left: 1px solid;\n border-left-color: govuk-functional-colour(border);\n }\n\n .govuk-summary-list__actions-list-item:first-child,\n .govuk-summary-card__action:first-child {\n margin-left: 0;\n padding-left: 0;\n border: 0;\n }\n }\n\n // Large groups of action links may wrap onto multiple lines. Because the link\n // focus styles are applied outside of the link's bounding box, there are\n // situations where the focus style on a link can be overlapped by subsequent\n // links. We don't want this, so let's create a new stacking context on focus\n // so the link always appears to be 'on top'.\n .govuk-summary-list__actions-list-item .govuk-link:focus {\n isolation: isolate;\n }\n\n // No border on entire summary list\n .govuk-summary-list--no-border {\n .govuk-summary-list__row {\n border: 0;\n }\n\n // Increase padding by 1px to compensate for 'missing' border\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-summary-list__key,\n .govuk-summary-list__value,\n .govuk-summary-list__actions {\n padding-bottom: govuk-spacing(2) + 1px;\n }\n }\n }\n\n // No border on specific rows\n .govuk-summary-list__row--no-border {\n border: 0;\n\n // Increase padding by 1px to compensate for 'missing' border\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-summary-list__key,\n .govuk-summary-list__value,\n .govuk-summary-list__actions {\n padding-bottom: govuk-spacing(2) + 1px;\n }\n }\n }\n\n // Additional block for the summary card\n .govuk-summary-card {\n @include govuk-responsive-margin(6, \"bottom\");\n border: 1px solid;\n border-color: govuk-functional-colour(border);\n }\n\n .govuk-summary-card__title-wrapper {\n padding: govuk-spacing(3);\n\n // Ensures the card header appears separate to the summary list in forced\n // colours mode\n border-bottom: 1px solid transparent;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n\n @media #{govuk-from-breakpoint(tablet)} {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n padding: govuk-spacing(3) govuk-spacing(4);\n }\n }\n\n .govuk-summary-card__title {\n @include govuk-font($size: 19, $weight: bold);\n @include govuk-text-colour;\n margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n @media #{govuk-from-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(1);\n }\n }\n\n .govuk-summary-card__actions {\n @include govuk-font-size($size: 19);\n @include govuk-typography-weight-bold;\n display: flex;\n flex-wrap: wrap;\n row-gap: 10px;\n margin: govuk-spacing(1) 0;\n padding: 0;\n list-style: none;\n\n @media #{govuk-from-breakpoint(tablet)} {\n justify-content: right;\n text-align: right;\n }\n }\n\n .govuk-summary-card__action {\n display: inline;\n\n // We use the following media query to target IE11 and 10 only to add margin\n // between actions.\n //\n // We do this because we're using row-gap to create space between actions on\n // more evergreen browsers which IE doesn't support. @supports currently isn't\n // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n //\n // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n // which also includes an explanation of why this works\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n margin-bottom: govuk-spacing(1);\n }\n }\n\n .govuk-summary-card__action:last-child {\n // See above comment for why this is here\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n margin-bottom: 0;\n }\n }\n\n .govuk-summary-card__content {\n padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n @media #{govuk-from-breakpoint(tablet)} {\n padding: govuk-spacing(3) govuk-spacing(4);\n }\n\n .govuk-summary-list {\n margin-bottom: 0;\n }\n\n .govuk-summary-list__row:last-of-type {\n margin-bottom: 0;\n border-bottom: none;\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/summary-list\") {\n .govuk-summary-list {\n @include govuk-font($size: 19);\n\n color: govuk-functional-colour(text);\n\n @media #{govuk-from-breakpoint(tablet)} {\n display: table;\n width: 100%;\n table-layout: fixed; // Required to allow us to wrap words that overflow.\n border-collapse: collapse;\n }\n\n // Keep margins together\n // stylelint-disable order/properties-order\n margin: 0; // Reset default user agent styles\n @include govuk-responsive-margin(6, \"bottom\");\n // stylelint-enable order/properties-order\n }\n\n .govuk-summary-list__row {\n border-bottom: 1px solid;\n border-bottom-color: govuk-functional-colour(border);\n\n @media #{govuk-until-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(3);\n }\n @media #{govuk-from-breakpoint(tablet)} {\n display: table-row;\n }\n }\n\n // Remove right padding from the last column in the row\n .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n padding-right: 0;\n }\n\n // Provide an empty 'cell' for rows that don't have actions – otherwise the\n // bottom border is not drawn for that part of the row in some browsers.\n .govuk-summary-list__row--no-actions {\n @media #{govuk-from-breakpoint(tablet)} {\n &::after {\n content: \"\";\n display: table-cell;\n width: 20%;\n }\n }\n }\n\n .govuk-summary-list__key,\n .govuk-summary-list__value,\n .govuk-summary-list__actions {\n margin: 0; // Reset default user agent styles\n\n @media #{govuk-from-breakpoint(tablet)} {\n display: table-cell;\n padding-top: govuk-spacing(2);\n padding-right: govuk-spacing(4);\n padding-bottom: govuk-spacing(2);\n\n // Make sure that any multi-line inline-blocks inside of the summary\n // list (e.g. Tag components) don't cause the text baseline to shift,\n // causing other cells in the row to be misaligned.\n vertical-align: top;\n }\n }\n\n .govuk-summary-list__actions {\n margin-bottom: govuk-spacing(3);\n @media #{govuk-from-breakpoint(tablet)} {\n width: 20%;\n text-align: right;\n }\n }\n\n .govuk-summary-list__key,\n .govuk-summary-list__value {\n // Automatic wrapping for unbreakable text (e.g. URLs)\n word-wrap: break-word; // Fallback for older browsers only\n overflow-wrap: break-word;\n }\n\n .govuk-summary-list__key {\n margin-bottom: govuk-spacing(1);\n @include govuk-typography-weight-bold;\n @media #{govuk-from-breakpoint(tablet)} {\n width: 30%;\n }\n }\n\n .govuk-summary-list__value {\n @media #{govuk-until-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(3);\n }\n }\n\n .govuk-summary-list__value > p {\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-summary-list__value > :last-child {\n margin-bottom: 0;\n }\n\n .govuk-summary-list__actions-list {\n width: 100%;\n margin: 0; // Reset default user agent styles\n padding: 0; // Reset default user agent styles\n }\n\n .govuk-summary-list__actions-list-item,\n .govuk-summary-card__action {\n display: inline-block;\n }\n\n @media #{govuk-until-breakpoint(tablet)} {\n .govuk-summary-list__actions-list-item,\n .govuk-summary-card__action {\n margin-right: govuk-spacing(2);\n padding-right: govuk-spacing(2);\n border-right: 1px solid;\n border-right-color: govuk-functional-colour(border);\n }\n\n .govuk-summary-list__actions-list-item:last-child,\n .govuk-summary-card__action:last-child {\n margin-right: 0;\n padding-right: 0;\n border: 0;\n }\n }\n\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-summary-list__actions-list-item,\n .govuk-summary-card__action {\n margin-left: govuk-spacing(2);\n padding-left: govuk-spacing(2);\n }\n\n .govuk-summary-list__actions-list-item:not(:first-child),\n .govuk-summary-card__action:not(:first-child) {\n border-left: 1px solid;\n border-left-color: govuk-functional-colour(border);\n }\n\n .govuk-summary-list__actions-list-item:first-child,\n .govuk-summary-card__action:first-child {\n margin-left: 0;\n padding-left: 0;\n border: 0;\n }\n }\n\n // Large groups of action links may wrap onto multiple lines. Because the link\n // focus styles are applied outside of the link's bounding box, there are\n // situations where the focus style on a link can be overlapped by subsequent\n // links. We don't want this, so let's create a new stacking context on focus\n // so the link always appears to be 'on top'.\n .govuk-summary-list__actions-list-item .govuk-link:focus {\n isolation: isolate;\n }\n\n // No border on entire summary list\n .govuk-summary-list--no-border {\n .govuk-summary-list__row {\n border: 0;\n }\n\n // Increase padding by 1px to compensate for 'missing' border\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-summary-list__key,\n .govuk-summary-list__value,\n .govuk-summary-list__actions {\n padding-bottom: govuk-spacing(2) + 1px;\n }\n }\n }\n\n // No border on specific rows\n .govuk-summary-list__row--no-border {\n border: 0;\n\n // Increase padding by 1px to compensate for 'missing' border\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-summary-list__key,\n .govuk-summary-list__value,\n .govuk-summary-list__actions {\n padding-bottom: govuk-spacing(2) + 1px;\n }\n }\n }\n\n // Additional block for the summary card\n .govuk-summary-card {\n @include govuk-responsive-margin(6, \"bottom\");\n border: 1px solid;\n border-color: govuk-functional-colour(border);\n }\n\n .govuk-summary-card__title-wrapper {\n padding: govuk-spacing(3);\n\n // Ensures the card header appears separate to the summary list in forced\n // colours mode\n border-bottom: 1px solid transparent;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n\n @media #{govuk-from-breakpoint(tablet)} {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n padding: govuk-spacing(3) govuk-spacing(4);\n }\n }\n\n .govuk-summary-card__title {\n @include govuk-font($size: 19, $weight: bold);\n margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n color: govuk-functional-colour(text);\n\n @media #{govuk-from-breakpoint(tablet)} {\n margin-bottom: govuk-spacing(1);\n }\n }\n\n .govuk-summary-card__actions {\n @include govuk-font-size($size: 19);\n @include govuk-typography-weight-bold;\n display: flex;\n flex-wrap: wrap;\n row-gap: 10px;\n margin: govuk-spacing(1) 0;\n padding: 0;\n list-style: none;\n\n @media #{govuk-from-breakpoint(tablet)} {\n justify-content: right;\n text-align: right;\n }\n }\n\n .govuk-summary-card__action {\n display: inline;\n\n // We use the following media query to target IE11 and 10 only to add margin\n // between actions.\n //\n // We do this because we're using row-gap to create space between actions on\n // more evergreen browsers which IE doesn't support. @supports currently isn't\n // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n //\n // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n // which also includes an explanation of why this works\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n margin-bottom: govuk-spacing(1);\n }\n }\n\n .govuk-summary-card__action:last-child {\n // See above comment for why this is here\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n margin-bottom: 0;\n }\n }\n\n .govuk-summary-card__content {\n padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n @media #{govuk-from-breakpoint(tablet)} {\n padding: govuk-spacing(3) govuk-spacing(4);\n }\n\n .govuk-summary-list {\n margin-bottom: 0;\n }\n\n .govuk-summary-list__row:last-of-type {\n margin-bottom: 0;\n border-bottom: none;\n }\n }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss.map CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss CHANGED Viewed

@@ -1,12 +1,15 @@
+@import "../../base";
 @include govuk-exports("govuk/component/table") {
   .govuk-table {
     @include govuk-font($size: 19);
-    @include govuk-text-colour;
     width: 100%;
     @include govuk-responsive-margin(6, "bottom");
     border-spacing: 0;
     border-collapse: collapse;
+    color: govuk-functional-colour(text);
   }
   // Modifier for tables with a lot of data. Tables with lots of data benefit

data/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B~~;IAC9B~~,~~0BAA0B;IAC1B,~~WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;~~EAC3B~~;;EAEA,0EAA0E;EAC1E,4CAA4C;EAC5C;IACE;MACE,mCAAmC;IACrC;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,wBAAwB;IACxB,oDAAoD;IACpD,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n .govuk-table {\n @include govuk-font($size: 19);\n ~~@include govuk-text-colour;\~~n width: 100%;\n @include govuk-responsive-margin(6, \"bottom\");\n\n border-spacing: 0;\n border-collapse: collapse;\n }\n\n // Modifier for tables with a lot of data. Tables with lots of data benefit\n // from a smaller font size on small screens.\n .govuk-table--small-text-until-tablet {\n @media #{govuk-until-breakpoint(tablet)} {\n @include govuk-font-size($size: 16);\n }\n }\n\n .govuk-table__header {\n @include govuk-typography-weight-bold;\n }\n\n .govuk-table__header,\n .govuk-table__cell {\n padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n border-bottom: 1px solid;\n border-bottom-color: govuk-functional-colour(border);\n text-align: left;\n vertical-align: top;\n }\n\n .govuk-table__cell--numeric {\n @include govuk-font-tabular-numbers;\n }\n\n .govuk-table__header--numeric,\n .govuk-table__cell--numeric {\n text-align: right;\n }\n\n .govuk-table__header:last-child,\n .govuk-table__cell:last-child {\n padding-right: 0;\n }\n\n .govuk-table__caption {\n @include govuk-typography-weight-bold;\n\n display: table-caption;\n text-align: left;\n }\n\n // Modifiers that make captions look more like their equivalent headings\n .govuk-table__caption--xl,\n .govuk-table__caption--l,\n .govuk-table__caption--m {\n margin-bottom: govuk-spacing(3);\n }\n\n .govuk-table__caption--xl {\n @include govuk-font-size($size: 48);\n }\n\n .govuk-table__caption--l {\n @include govuk-font-size($size: 36);\n }\n\n .govuk-table__caption--m {\n @include govuk-font-size($size: 24);\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB;EACE;IACE,8BAA8B;;IAE9B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;IACzB,oCAAoC;EACtC;;EAEA,0EAA0E;EAC1E,4CAA4C;EAC5C;IACE;MACE,mCAAmC;IACrC;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,wBAAwB;IACxB,oDAAoD;IACpD,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/table\") {\n .govuk-table {\n @include govuk-font($size: 19);\n\n width: 100%;\n @include govuk-responsive-margin(6, \"bottom\");\n\n border-spacing: 0;\n border-collapse: collapse;\n color: govuk-functional-colour(text);\n }\n\n // Modifier for tables with a lot of data. Tables with lots of data benefit\n // from a smaller font size on small screens.\n .govuk-table--small-text-until-tablet {\n @media #{govuk-until-breakpoint(tablet)} {\n @include govuk-font-size($size: 16);\n }\n }\n\n .govuk-table__header {\n @include govuk-typography-weight-bold;\n }\n\n .govuk-table__header,\n .govuk-table__cell {\n padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n border-bottom: 1px solid;\n border-bottom-color: govuk-functional-colour(border);\n text-align: left;\n vertical-align: top;\n }\n\n .govuk-table__cell--numeric {\n @include govuk-font-tabular-numbers;\n }\n\n .govuk-table__header--numeric,\n .govuk-table__cell--numeric {\n text-align: right;\n }\n\n .govuk-table__header:last-child,\n .govuk-table__cell:last-child {\n padding-right: 0;\n }\n\n .govuk-table__caption {\n @include govuk-typography-weight-bold;\n\n display: table-caption;\n text-align: left;\n }\n\n // Modifiers that make captions look more like their equivalent headings\n .govuk-table__caption--xl,\n .govuk-table__caption--l,\n .govuk-table__caption--m {\n margin-bottom: govuk-spacing(3);\n }\n\n .govuk-table__caption--xl {\n @include govuk-font-size($size: 48);\n }\n\n .govuk-table__caption--l {\n @include govuk-font-size($size: 36);\n }\n\n .govuk-table__caption--m {\n @include govuk-font-size($size: 24);\n }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss.map CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss CHANGED Viewed

@@ -1,3 +1,5 @@
+@import "../../base";
 @include govuk-exports("govuk/component/tabs") {
   .govuk-tabs {
     @include govuk-responsive-margin(1, "top");
@@ -10,8 +12,9 @@
     // user agent font size overrides the inherited font size
     @include govuk-font-size($size: 19);
     @include govuk-typography-weight-regular;
-    @include govuk-text-colour;
     margin-bottom: govuk-spacing(2);
+    color: govuk-functional-colour(text);
   }
   .govuk-tabs__list {
@@ -25,10 +28,10 @@
     margin-left: govuk-spacing(5);
     &::before {
-      @include govuk-text-colour;
       content: "\2014 "; // "— "
       margin-left: govuk-spacing(-5);
       padding-right: govuk-spacing(1);
+      color: govuk-functional-colour(text);
     }
   }

data/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC~~;IACxC,0BAA0B;IAC1B~~,+BAA+B;~~EACjC~~;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,~~0BAA0B;MAC1B,~~iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;~~IACjC~~;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,oDAAoD;MACtD;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4DAA4D;QAC5D,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,2BAA2B;QAC3B,gBAAgB;QAChB,6CAA6C;;QAE7C,0DAA0D;;QAE1D;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,iBAAiB;QACjB,aAAa;QACb,6CAA6C;;QAE7C;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n .govuk-tabs {\n @include govuk-responsive-margin(1, \"top\");\n @include govuk-responsive-margin(6, \"bottom\");\n @include govuk-font($size: 19);\n }\n\n .govuk-tabs__title {\n // Set the size and weight again because this element is a heading and the\n // user agent font size overrides the inherited font size\n @include govuk-font-size($size: 19);\n @include govuk-typography-weight-regular;\n ~~@include govuk-text-colour;\~~n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-tabs__list {\n margin: 0;\n padding: 0;\n list-style: none;\n @include govuk-responsive-margin(6, \"bottom\");\n }\n\n .govuk-tabs__list-item {\n margin-left: govuk-spacing(5);\n\n &::before {\n ~~@include govuk-text-colour;\n~~ content: \"\\2014 \"; // \"— \"\n margin-left: govuk-spacing(-5);\n padding-right: govuk-spacing(1);\n }\n }\n\n .govuk-tabs__tab {\n @include govuk-link-common;\n @include govuk-link-style-default;\n\n display: inline-block;\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-tabs__panel {\n @include govuk-responsive-margin(8, \"bottom\");\n }\n\n // GOV.UK Frontend JavaScript enabled\n .govuk-frontend-supported {\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-tabs__list {\n @include govuk-clearfix;\n margin-bottom: 0;\n border-bottom: 1px solid;\n border-bottom-color: govuk-functional-colour(border);\n }\n\n .govuk-tabs__title {\n display: none;\n }\n\n .govuk-tabs__list-item {\n position: relative;\n\n margin-right: govuk-spacing(1);\n margin-bottom: 0;\n margin-left: 0;\n padding: govuk-spacing(2) govuk-spacing(4);\n\n float: left;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n text-align: center;\n\n &::before {\n content: none;\n }\n }\n\n .govuk-tabs__list-item--selected {\n $border-width: 1px;\n\n position: relative;\n\n margin-top: govuk-spacing(-1);\n\n // Compensation for border (otherwise we get a shift)\n margin-bottom: -$border-width;\n padding-top: govuk-spacing(3) - $border-width;\n padding-right: govuk-spacing(4) - $border-width;\n padding-bottom: govuk-spacing(3) + $border-width;\n padding-left: govuk-spacing(4) - $border-width;\n\n border: $border-width solid;\n border-bottom: 0;\n border-color: govuk-functional-colour(border);\n\n background-color: govuk-functional-colour(body-background);\n\n .govuk-tabs__tab {\n text-decoration: none;\n }\n }\n\n .govuk-tabs__tab {\n @include govuk-link-style-text;\n\n margin-bottom: 0;\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n .govuk-tabs__panel {\n @include govuk-responsive-margin(0, \"bottom\");\n padding: govuk-spacing(6) govuk-spacing(4);\n border: 1px solid;\n border-top: 0;\n border-color: govuk-functional-colour(border);\n\n & > :last-child {\n margin-bottom: 0;\n }\n }\n\n .govuk-tabs__panel--hidden {\n display: none;\n }\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;;IAExC,+BAA+B;IAC/B,oCAAoC;EACtC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;MAC/B,oCAAoC;IACtC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,oDAAoD;MACtD;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4DAA4D;QAC5D,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,2BAA2B;QAC3B,gBAAgB;QAChB,6CAA6C;;QAE7C,0DAA0D;;QAE1D;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,iBAAiB;QACjB,aAAa;QACb,6CAA6C;;QAE7C;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/tabs\") {\n .govuk-tabs {\n @include govuk-responsive-margin(1, \"top\");\n @include govuk-responsive-margin(6, \"bottom\");\n @include govuk-font($size: 19);\n }\n\n .govuk-tabs__title {\n // Set the size and weight again because this element is a heading and the\n // user agent font size overrides the inherited font size\n @include govuk-font-size($size: 19);\n @include govuk-typography-weight-regular;\n\n margin-bottom: govuk-spacing(2);\n color: govuk-functional-colour(text);\n }\n\n .govuk-tabs__list {\n margin: 0;\n padding: 0;\n list-style: none;\n @include govuk-responsive-margin(6, \"bottom\");\n }\n\n .govuk-tabs__list-item {\n margin-left: govuk-spacing(5);\n\n &::before {\n content: \"\\2014 \"; // \"— \"\n margin-left: govuk-spacing(-5);\n padding-right: govuk-spacing(1);\n color: govuk-functional-colour(text);\n }\n }\n\n .govuk-tabs__tab {\n @include govuk-link-common;\n @include govuk-link-style-default;\n\n display: inline-block;\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-tabs__panel {\n @include govuk-responsive-margin(8, \"bottom\");\n }\n\n // GOV.UK Frontend JavaScript enabled\n .govuk-frontend-supported {\n @media #{govuk-from-breakpoint(tablet)} {\n .govuk-tabs__list {\n @include govuk-clearfix;\n margin-bottom: 0;\n border-bottom: 1px solid;\n border-bottom-color: govuk-functional-colour(border);\n }\n\n .govuk-tabs__title {\n display: none;\n }\n\n .govuk-tabs__list-item {\n position: relative;\n\n margin-right: govuk-spacing(1);\n margin-bottom: 0;\n margin-left: 0;\n padding: govuk-spacing(2) govuk-spacing(4);\n\n float: left;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n text-align: center;\n\n &::before {\n content: none;\n }\n }\n\n .govuk-tabs__list-item--selected {\n $border-width: 1px;\n\n position: relative;\n\n margin-top: govuk-spacing(-1);\n\n // Compensation for border (otherwise we get a shift)\n margin-bottom: -$border-width;\n padding-top: govuk-spacing(3) - $border-width;\n padding-right: govuk-spacing(4) - $border-width;\n padding-bottom: govuk-spacing(3) + $border-width;\n padding-left: govuk-spacing(4) - $border-width;\n\n border: $border-width solid;\n border-bottom: 0;\n border-color: govuk-functional-colour(border);\n\n background-color: govuk-functional-colour(body-background);\n\n .govuk-tabs__tab {\n text-decoration: none;\n }\n }\n\n .govuk-tabs__tab {\n @include govuk-link-style-text;\n\n margin-bottom: 0;\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n .govuk-tabs__panel {\n @include govuk-responsive-margin(0, \"bottom\");\n padding: govuk-spacing(6) govuk-spacing(4);\n border: 1px solid;\n border-top: 0;\n border-color: govuk-functional-colour(border);\n\n & > :last-child {\n margin-bottom: 0;\n }\n }\n\n .govuk-tabs__panel--hidden {\n display: none;\n }\n }\n }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss.map CHANGED Viewed

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

data/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss CHANGED Viewed

@@ -1,6 +1,9 @@
 ////
 /// @group components/tag
 ////
+@use "sass:map";
+@import "../../base";
 /// Get tag text colour
 /// Almost all tags should use the 50% shade of their colour for their text
@@ -33,7 +36,7 @@
 }
 @include govuk-exports("govuk/component/tag") {
-  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, "mobile"), map-get($govuk-breakpoints, "mobile") / 2, 160px);
+  $govuk-tag-max-width: 0.5 * (map.get($govuk-breakpoints, "mobile") or 320px);
   .govuk-tag {
     @include govuk-font($size: 19);