defra_ruby_template 6.4.0 → 6.6.0

data/vendor/assets/stylesheets/components/feedback/_feedback.import.scss

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

data/vendor/assets/stylesheets/components/feedback/_index.import.scss

@@ -0,0 +1,8 @@
+@use "mixin";
+
+@import "../../base";
+
+@include govuk-exports("govuk/component/feedback") {
+  @include mixin.styles;
+}
+

data/vendor/assets/stylesheets/components/feedback/_index.scss

@@ -0,0 +1,5 @@
+@use "../../custom-properties";
+@use "mixin";
+
+@include mixin.styles;
+

data/vendor/assets/stylesheets/components/feedback/_mixin.scss

@@ -0,0 +1,48 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-feedback {
+    box-sizing: border-box;
+    // Tie left/right padding to page gutter as it stretches across the whole
+    // screen on smaller screens
+    padding: base.govuk-spacing(4) base.$govuk-gutter-half base.govuk-spacing(5);
+    border-top: 1px solid;
+    border-color: base.govuk-functional-colour("brand");
+    background-color: base.govuk-functional-colour("surface-background");
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      padding-right: base.govuk-spacing(4);
+      padding-left: base.govuk-spacing(4);
+    }
+
+    // Override $govuk-width-container's left and right margin as we want Feedback
+    // to go across the whole screen on smaller screens
+    @media #{base.govuk-until-breakpoint(tablet)} {
+      margin-right: 0;
+      margin-left: 0;
+    }
+
+    @media print {
+      border-color: currentcolor;
+      background-color: transparent;
+    }
+  }
+
+  .govuk-feedback__title {
+    @include base.govuk-font($size: 24, $weight: bold);
+    margin-top: 0;
+    color: base.govuk-functional-colour(text);
+    @include base.govuk-responsive-margin(1, "bottom");
+  }
+
+  // Removes the bottom margin from the final child element eg: a paragraph
+  //
+  // Feedback body doesn't have any opinions about typography. Instead we defer
+  // to users to use typography classes in their input, or apply a `govuk-body`
+  // paragraph for if users pass `text`.
+  .govuk-feedback__body > :last-child {
+    margin-bottom: 0;
+  }
+}
+

data/vendor/assets/stylesheets/components/footer/_mixin.scss

@@ -19,6 +19,12 @@
     border-top-color: base.govuk-functional-colour(brand);
     color: $govuk-footer-text;
     background: base.govuk-functional-colour(template-background);
+
+    @media print {
+      border-top-color: currentcolor;
+      color: base.govuk-functional-colour(text);
+      background-color: transparent;
+    }
   }
 
   .govuk-footer__crown {

data/vendor/assets/stylesheets/components/language-navigation/_index.import.scss

@@ -0,0 +1,8 @@
+@use "mixin";
+
+@import "../../base";
+
+@include govuk-exports("govuk/component/language-navigation") {
+  @include mixin.styles;
+}
+

data/vendor/assets/stylesheets/components/language-navigation/_index.scss

@@ -0,0 +1,6 @@
+@use "../../custom-properties";
+
+@use "mixin";
+
+@include mixin.styles;
+

data/vendor/assets/stylesheets/components/language-navigation/_language-navigation.import.scss

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

data/vendor/assets/stylesheets/components/language-navigation/_mixin.scss

@@ -0,0 +1,68 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-language-navigation {
+    @include base.govuk-font($size: 19);
+
+    @include base.govuk-responsive-margin(6, "bottom");
+    color: base.govuk-functional-colour(text);
+  }
+
+  .govuk-language-navigation__list {
+    display: inline-flex;
+    flex-wrap: wrap;
+    row-gap: base.govuk-spacing(2);
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-language-navigation__list-item {
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) {
+      &::after {
+        content: "";
+        display: block;
+        height: 1em;
+        margin-right: base.govuk-spacing(2);
+        margin-left: base.govuk-spacing(2);
+        border-right: 1px solid;
+        border-right-color: base.govuk-functional-colour(border);
+      }
+    }
+  }
+
+  .govuk-language-navigation__link {
+    @include base.govuk-link-common;
+    @include base.govuk-link-style-default;
+  }
+
+  .govuk-language-navigation--inverse {
+    color: base.govuk-functional-colour(inverse-text);
+
+    .govuk-language-navigation__link {
+      @include base.govuk-link-style-inverse;
+    }
+
+    .govuk-language-navigation__list-item::after {
+      border-right-color: currentcolor;
+    }
+  }
+
+  // Ensure the Language navigation has enough
+  // spacing with the rest of the Service Navigation
+  .govuk-service-navigation .govuk-language-navigation {
+    // Slightly smaller margin because the Service Navigation's menu toggle
+    // has a little margin underneath it already.
+    margin-top: base.govuk-spacing(1);
+    margin-bottom: base.govuk-spacing(3);
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      margin-top: base.govuk-spacing(3);
+    }
+  }
+}
+

data/vendor/assets/stylesheets/components/service-navigation/_mixin.scss

@@ -20,6 +20,28 @@
     --govuk-text-colour: #{$govuk-service-navigation-text-colour};
     color: base.govuk-functional-colour(text);
     background-color: $govuk-service-navigation-background;
+
+    @media print {
+      border-bottom-color: currentcolor;
+      background-color: transparent;
+    }
+  }
+
+  .govuk-service-navigation__inlining-container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+
+    .govuk-service-navigation__container {
+      // Expand the container to shift the `end` slot to the right
+      flex-grow: 1;
+
+      // Ensure some space between the `end` slot and the container
+      // when displayed inline
+      &:not(:last-child) {
+        margin-right: base.govuk-spacing(6);
+      }
+    }
   }
 
   .govuk-service-navigation__container {
@@ -27,9 +49,16 @@
     flex-direction: column;
     align-items: start;
 
+    // Avoid the end slot rendering on the right of the container
+    // in small viewports by ensuring the container is full width
+    @media #{base.govuk-until-breakpoint(tablet)} {
+      width: 100%;
+    }
+
     @media #{base.govuk-from-breakpoint(tablet)} {
       flex-direction: row;
       flex-wrap: wrap;
+      align-items: center;
     }
   }
 
@@ -65,6 +94,10 @@
         @include base.govuk-responsive-margin(6, $direction: right);
       }
     }
+
+    @media print {
+      border-color: currentcolor;
+    }
   }
 
   // Remove the top margin of the first nav item if there is a service name but
@@ -207,10 +240,19 @@
     --govuk-text-colour: #{base.govuk-functional-colour(inverse-text)};
     background-color: base.govuk-functional-colour(brand);
 
+    @media print {
+      --govuk-text-colour: #{base.govuk-functional-colour(print-text)};
+      background-color: transparent;
+    }
+
     .govuk-width-container {
       border-width: 1px 0;
       border-style: solid;
       border-color: $govuk-service-navigation-border-colour;
+
+      @media print {
+        border-color: currentcolor;
+      }
     }
 
     // Subtract 1px of space to account for the extra border-top
@@ -224,9 +266,12 @@
       border-color: currentcolor;
     }
 
-    // Override link styles
-    .govuk-service-navigation__link {
-      @include base.govuk-link-style-text;
+    // Override link styles if on screens
+    // In print, we want the normal link styles to still apply
+    @media not print {
+      .govuk-service-navigation__link {
+        @include base.govuk-link-style-text;
+      }
     }
 
     // Override mobile menu toggle colour when not focused

data/vendor/assets/stylesheets/custom-properties/_frontend-version.mixin.scss

@@ -7,7 +7,7 @@
   // `$govuk-output-custom-properties` is true or not to help with checking if
   // multiple stylesheets are outputting the same version
   :root {
-    --govuk-frontend-version: "6.4.0";
+    --govuk-frontend-version: "6.6.0";
   }
 }
 

data/vendor/assets/stylesheets/custom-properties/_functional-colours.mixin.scss

@@ -14,6 +14,7 @@
       @media print {
         // Use 'true black' to avoid printers using colour ink to print body text
         --govuk-text-colour: #{govuk-functional-colour("print-text")};
+        --govuk-input-border-colour: #{govuk-functional-colour("print-text")};
       }
     }
   }

data/vendor/assets/stylesheets/defra_ruby_template.scss

@@ -1,32 +1,10 @@
-// Compiled through Sprockets (sassc-rails, dartsass-sprockets) the Rails
-// asset helpers are registered as Sass functions, so hand govuk-frontend
-// their names and asset URLs resolve to digest paths. Compiled standalone
-// (dartsass-rails, a plain `sass` run) they do not exist, and govuk-frontend
-// falls back to $govuk-images-path / $govuk-fonts-path.
-//
-// The variables are declared before the @if so that the assignment inside it
-// updates the global rather than creating one scoped to the @if.
+// The gem is compiled through Sprockets (dartsass-sprockets), which registers
+// the Rails asset helpers as Sass functions. Handing govuk-frontend references
+// to them is what makes asset URLs come out as digest paths. Compiling this
+// file outside Sprockets is not supported - meta.get-function raises there.
 @use "sass:meta";
 
-$govuk-image-url-function: null;
-$govuk-font-url-function: null;
-
-@if meta.function-exists("image-url") {
-  $govuk-image-url-function: "image-url";
-}
-
-@if meta.function-exists("font-url") {
-  $govuk-font-url-function: "font-url";
-}
-
-// Passing the helpers by name is the only form available to @import users,
-// and govuk-frontend deprecates it in favour of meta.get-function, which
-// needs @use. Silence the warning until this file can be migrated.
-$govuk-suppressed-warnings: ("image-url-string", "font-url-string");
-
-// index.import rather than index: Dart Sass maps `@import "index"` onto
-// index.import.scss itself, but Sprockets-based pipelines supply their own
-// importer and resolve `index` to index.scss - the module entry point, which
-// silently ignores the settings above and emits undigested asset URLs.
-// Naming the shim explicitly makes both routes behave the same.
-@import "index.import";
+@forward "index" with (
+  $govuk-image-url-function: meta.get-function("image-url"),
+  $govuk-font-url-function: meta.get-function("font-url")
+);