dxw_govuk_frontend_rails 3.3.1 → 3.8.0

data/vendor/assets/stylesheets/objects/_form-group.scss

@@ -1,6 +1,4 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
 @include govuk-exports("govuk/objects/form-group") {
 

data/vendor/assets/stylesheets/objects/_grid.scss

@@ -1,6 +1,4 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
 @include govuk-exports("govuk/objects/grid") {
 

data/vendor/assets/stylesheets/objects/_main-wrapper.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
+
+////
+/// @group objects/layout
+////
 
 // Example usage with Breadcrumbs, phase banners, back links:
 // <div class="govuk-width-container">

data/vendor/assets/stylesheets/objects/_width-container.scss

@@ -1,13 +1,30 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@import "../base";
 
-@mixin govuk-width-container {
-  // Limit the width of the container to the page width
-  max-width: $govuk-page-width;
+////
+/// @group objects/layout
+////
+
+/// Width container mixin
+///
+/// Used to create page width and custom width container classes.
+///
+/// @param {String} $width [$govuk-page-width] - Width in pixels
+///
+/// @example scss - Creating a 1200px wide container class
+///  .app-width-container--wide {
+///    @include govuk-width-container(1200px);
+///  }
+///
+/// @access public
+
+@mixin govuk-width-container($width: $govuk-page-width) {
+
+  // By default, limit the width of the container to the page width
+  max-width: $width;
 
   // On mobile, add half width gutters
-  margin: 0 $govuk-gutter-half;
+  margin-right: $govuk-gutter-half;
+  margin-left: $govuk-gutter-half;
 
   // Respect 'display cutout' safe area (avoids notches and rounded corners)
   @supports (margin: unquote("max(calc(0px))")) {
@@ -22,7 +39,8 @@
 
   // On tablet, add full width gutters
   @include govuk-media-query($from: tablet) {
-    margin: 0 $govuk-gutter;
+    margin-right: $govuk-gutter;
+    margin-left: $govuk-gutter;
 
     // Respect 'display cutout' safe area (avoids notches and rounded corners)
     @supports (margin: unquote("max(calc(0px))")) {
@@ -38,21 +56,24 @@
 
   // As soon as the viewport is greater than the width of the page plus the
   // gutters, just centre the content instead of adding gutters.
-  @include govuk-media-query($and: "(min-width: #{($govuk-page-width + $govuk-gutter * 2)})") {
-    margin: 0 auto;
+  @include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
+    margin-right: auto;
+    margin-left: auto;
 
     // Since a safe area may have previously been set above,
     // we need to duplicate this margin that centers the page.
     @supports (margin: unquote("max(calc(0px))")) {
-      margin: 0 auto;
+      margin-right: auto;
+      margin-left: auto;
     }
   }
 
   @include govuk-if-ie8 {
-    width: $govuk-page-width;
+    width: $width;
     // Since media queries are not supported in IE8,
     // we need to duplicate this margin that centers the page.
-    margin: 0 auto;
+    margin-right: auto;
+    margin-left: auto;
   }
 }
 

data/vendor/assets/stylesheets/overrides/_display.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/overrides/display") {
 
@@ -19,4 +21,10 @@
   .govuk-\!-display-none {
     display: none !important;
   }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-\!-display-none-print {
+      display: none !important;
+    }
+  }
 }

data/vendor/assets/stylesheets/overrides/_spacing.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 ////
 /// @group overrides

data/vendor/assets/stylesheets/overrides/_typography.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/overrides/typography") {
   // Font size and line height

data/vendor/assets/stylesheets/overrides/_width.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/overrides/width") {
   .govuk-\!-width-full {

data/vendor/assets/stylesheets/settings/_colours-applied.scss

@@ -52,7 +52,7 @@ $govuk-print-text-colour: #000000 !default;
 
 /// Secondary text colour
 ///
-/// Used for 'muted' text, help text, etc.
+/// Used in for example 'muted' text and help text.
 ///
 /// @type Colour
 /// @access public
@@ -90,7 +90,7 @@ $govuk-error-colour: govuk-colour("red") !default;
 
 /// Border colour
 ///
-/// Used for borders, separators, rules, keylines etc.
+/// Used in for example borders, separators, rules and keylines.
 ///
 /// @type Colour
 /// @access public

data/vendor/assets/stylesheets/settings/_colours-palette.scss

@@ -70,7 +70,7 @@ $_govuk-colour-palette-modern: (
   "purple": #4c2c92,
 
   "black": #0b0c0c,
-  "dark-grey": #6f777b,
+  "dark-grey": #505a5f,
   "mid-grey": #b1b4b6,
   "light-grey": #f3f2f1,
   "white": #ffffff,

data/vendor/assets/stylesheets/settings/_ie8.scss

@@ -1,5 +1,5 @@
 ////
-/// @group settings/ie8
+/// @group settings/internet-explorer-8
 ////
 
 /// Whether the stylesheet being built is targeting Internet Explorer 8.

data/vendor/assets/stylesheets/settings/_measurements.scss

@@ -81,8 +81,11 @@ $govuk-border-width-form-element: 2px !default;
 ///
 /// @type Number
 /// @access public
+/// @deprecated Use $govuk-border-width-form-element instead. There should be no
+///   difference in thickness for inputs in the error state, in order to
+///   maintain a distinct focus state.
 
-$govuk-border-width-form-element-error: 4px !default;
+$govuk-border-width-form-element-error: 2px !default;
 
 /// Form group border width when in error state
 ///

data/vendor/assets/stylesheets/tools/_compatibility.scss

@@ -1,5 +1,5 @@
 ////
-/// @group tools
+/// @group tools/compatibility-mode
 ////
 
 /// Conditional Compatibility Mixin

data/vendor/assets/stylesheets/tools/_font-url.scss

@@ -1,5 +1,5 @@
 ////
-/// @group tools
+/// @group tools/assets
 ////
 
 // Disable indentation linting in this file only

data/vendor/assets/stylesheets/tools/_ie8.scss

@@ -1,5 +1,5 @@
 ////
-/// @group tools
+/// @group tools/internet-explorer-8
 ////
 
 /// Conditionally include rules only for IE8

data/vendor/assets/stylesheets/tools/_iff.scss

@@ -8,8 +8,10 @@
 /// @param {Boolean} $condition - Whether to return the value of `$if-true`
 /// @param {Mixed} $if-true - Value to return if `$condition` is truthy
 /// @return {Mixed} Value of `$if-true` if `$condition` is truthy, else null
-/// @access public
+/// @access private
+/// @deprecated We will be removing this function in a future release, use `if($condition, $if-true, null);` instead.
 
 @function iff($condition, $if-true) {
+  @warn "The `iff` function will be removed in a future release, use `if($condition, $if-true, null);` instead.";
   @return if($condition, $if-true, null);
 }

data/vendor/assets/stylesheets/tools/_image-url.scss

@@ -1,5 +1,5 @@
 ////
-/// @group tools
+/// @group tools/assets
 ////
 
 // Disable indentation linting in this file only

data/vendor/assets/stylesheets/tools/_px-to-em.scss

@@ -1,5 +1,5 @@
 ////
-/// @group tools
+/// @group tools/unit-conversion
 ////
 
 /// Convert pixels to em

data/vendor/assets/stylesheets/tools/_px-to-rem.scss

@@ -1,5 +1,5 @@
 ////
-/// @group tools
+/// @group tools/unit-conversion
 ////
 
 /// Convert pixels to rem

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dxw_govuk_frontend_rails
 version: !ruby/object:Gem::Version
-  version: 3.3.1
+  version: 3.8.0
 platform: ruby
 authors:
 - mec
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-10-25 00:00:00.000000000 Z
+date: 2020-12-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -31,14 +31,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '13.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '13.0'
 description: Adds the GOVUK frontend to a Rails application that uses the Asset Pipeline.
 email: 
 executables: []
@@ -49,6 +49,7 @@ files:
 - ".github/workflows/test.yml"
 - ".gitignore"
 - CODE_OF_CONDUCT.md
+- CONTRIBUTING.md
 - Gemfile
 - Gemfile.lock
 - LICENSE.txt
@@ -76,37 +77,67 @@ files:
 - vendor/assets/images/govuk-mask-icon.svg
 - vendor/assets/images/govuk-opengraph-image.png
 - vendor/assets/javascripts/govuk_frontend_rails.js
+- vendor/assets/stylesheets/_base.scss
 - vendor/assets/stylesheets/all-ie8.scss
 - vendor/assets/stylesheets/all.scss
 - vendor/assets/stylesheets/components/_all.scss
 - vendor/assets/stylesheets/components/accordion/_accordion.scss
+- vendor/assets/stylesheets/components/accordion/_index.scss
 - vendor/assets/stylesheets/components/back-link/_back-link.scss
+- vendor/assets/stylesheets/components/back-link/_index.scss
 - vendor/assets/stylesheets/components/breadcrumbs/_breadcrumbs.scss
+- vendor/assets/stylesheets/components/breadcrumbs/_index.scss
 - vendor/assets/stylesheets/components/button/_button.scss
+- vendor/assets/stylesheets/components/button/_index.scss
 - vendor/assets/stylesheets/components/character-count/_character-count.scss
+- vendor/assets/stylesheets/components/character-count/_index.scss
 - vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss
+- vendor/assets/stylesheets/components/checkboxes/_index.scss
 - vendor/assets/stylesheets/components/date-input/_date-input.scss
+- vendor/assets/stylesheets/components/date-input/_index.scss
 - vendor/assets/stylesheets/components/details/_details.scss
+- vendor/assets/stylesheets/components/details/_index.scss
 - vendor/assets/stylesheets/components/error-message/_error-message.scss
+- vendor/assets/stylesheets/components/error-message/_index.scss
 - vendor/assets/stylesheets/components/error-summary/_error-summary.scss
+- vendor/assets/stylesheets/components/error-summary/_index.scss
 - vendor/assets/stylesheets/components/fieldset/_fieldset.scss
+- vendor/assets/stylesheets/components/fieldset/_index.scss
 - vendor/assets/stylesheets/components/file-upload/_file-upload.scss
+- vendor/assets/stylesheets/components/file-upload/_index.scss
 - vendor/assets/stylesheets/components/footer/_footer.scss
+- vendor/assets/stylesheets/components/footer/_index.scss
 - vendor/assets/stylesheets/components/header/_header.scss
+- vendor/assets/stylesheets/components/header/_index.scss
 - vendor/assets/stylesheets/components/hint/_hint.scss
+- vendor/assets/stylesheets/components/hint/_index.scss
+- vendor/assets/stylesheets/components/input/_index.scss
 - vendor/assets/stylesheets/components/input/_input.scss
+- vendor/assets/stylesheets/components/inset-text/_index.scss
 - vendor/assets/stylesheets/components/inset-text/_inset-text.scss
+- vendor/assets/stylesheets/components/label/_index.scss
 - vendor/assets/stylesheets/components/label/_label.scss
+- vendor/assets/stylesheets/components/panel/_index.scss
 - vendor/assets/stylesheets/components/panel/_panel.scss
+- vendor/assets/stylesheets/components/phase-banner/_index.scss
 - vendor/assets/stylesheets/components/phase-banner/_phase-banner.scss
+- vendor/assets/stylesheets/components/radios/_index.scss
 - vendor/assets/stylesheets/components/radios/_radios.scss
+- vendor/assets/stylesheets/components/select/_index.scss
 - vendor/assets/stylesheets/components/select/_select.scss
+- vendor/assets/stylesheets/components/skip-link/_index.scss
 - vendor/assets/stylesheets/components/skip-link/_skip-link.scss
+- vendor/assets/stylesheets/components/summary-list/_index.scss
 - vendor/assets/stylesheets/components/summary-list/_summary-list.scss
+- vendor/assets/stylesheets/components/table/_index.scss
 - vendor/assets/stylesheets/components/table/_table.scss
+- vendor/assets/stylesheets/components/tabs/_index.scss
 - vendor/assets/stylesheets/components/tabs/_tabs.scss
+- vendor/assets/stylesheets/components/tag/_index.scss
 - vendor/assets/stylesheets/components/tag/_tag.scss
+- vendor/assets/stylesheets/components/textarea/_index.scss
 - vendor/assets/stylesheets/components/textarea/_textarea.scss
+- vendor/assets/stylesheets/components/warning-text/_index.scss
 - vendor/assets/stylesheets/components/warning-text/_warning-text.scss
 - vendor/assets/stylesheets/core/_all.scss
 - vendor/assets/stylesheets/core/_global-styles.scss
@@ -185,7 +216,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: Adds the GOVUK frontend to a Rails application that uses the Asset Pipeline.