RubyGems - govuk_publishing_components - Versions diffs - 17.21.0 → 18.0.0 - Mend

govuk_publishing_components 17.21.0 → 18.0.0

Files changed (476) hide show

data/app/assets/stylesheets/govuk_publishing_components/components/_input.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/input/input";
+@import "govuk/components/input/input";
 .gem-c-input--search-icon {
   background: govuk-colour("white") url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") no-repeat -5px -3px;

data/app/assets/stylesheets/govuk_publishing_components/components/_inset-text.scss CHANGED Viewed

	@@ -1 +1 @@
1	- @import "govuk~~-frontend~~/components/inset-text/inset-text";
1	+ @import "govuk/components/inset-text/inset-text";

data/app/assets/stylesheets/govuk_publishing_components/components/_label.scss CHANGED Viewed

	@@ -1 +1 @@
1	- @import "govuk~~-frontend~~/components/label/label";
1	+ @import "govuk/components/label/label";

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss CHANGED Viewed

	@@ -1 +1 @@
1	- @import "govuk~~-frontend~~/components/footer/footer";
1	+ @import "govuk/components/footer/footer";

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-for-admin.scss CHANGED Viewed

	@@ -1 +1 @@
1	- // uses govuk~~-frontend~~/all
1	+ // uses govuk/all

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss CHANGED Viewed

@@ -1,8 +1,8 @@
-@import "govuk-frontend/components/header/header";
-@import "govuk-frontend/components/tag/tag";
+@import "govuk/components/header/header";
+@import "govuk/components/tag/tag";
 .gem-c-layout-header--production .govuk-header__container {
-  border-bottom-color: govuk-colour("bright-red");
+  border-bottom-color: govuk-colour("red", $legacy: "bright-red");
 }
 .gem-c-layout-header--integration .govuk-header__container,
@@ -15,7 +15,7 @@
 }
 .gem-c-layout-header--development .govuk-header__container {
-  border-bottom-color: govuk-colour("grey-1");
+  border-bottom-color: govuk-colour("dark-grey", $legacy: "grey-1");
 }
 .govuk-header__logo {
@@ -38,7 +38,7 @@
 }
 .gem-c-environment-tag--production {
-  background-color: govuk-colour("bright-red");
+  background-color: govuk-colour("red", $legacy: "bright-red");
 }
 .gem-c-environment-tag--example {
@@ -46,7 +46,7 @@
 }
 .gem-c-environment-tag--development {
-  background-color: govuk-colour("grey-1");
+  background-color: govuk-colour("dark-grey", $legacy: "grey-1");
 }
 .gem-c-environment-tag--staging,

data/app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss CHANGED Viewed

@@ -31,9 +31,12 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
   overflow-y: auto;
   border: 0;
+  &:focus {
+    outline: $govuk-focus-width solid $govuk-focus-colour;
+  }
   @include govuk-font($size: 19);
   @include govuk-text-colour;
-  @include govuk-focusable;
   @include govuk-media-query($from: tablet) {
     position: relative;
     top: inherit;
@@ -94,7 +97,7 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
 }
 .gem-c-modal-dialogue__header {
-  padding: 8px govuk-spacing(3) 10px;
+  padding: 9px govuk-spacing(3) 10px;
   color: govuk-colour("white");
   background: govuk-colour("black");
 }
@@ -127,7 +130,6 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
   background: none;
   cursor: pointer;
-  @include govuk-focusable-fill;
   @include govuk-font($size: 36, $weight: bold, $line-height: 1.3);
   @include govuk-media-query($until: tablet) {
     font-size: 36px;
@@ -136,7 +138,10 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
   &:focus,
   &:hover {
+    @include govuk-focused-text;
     outline: none;
+    box-shadow: none;
     color: govuk-colour("black");
     background: $govuk-focus-colour;
   }

data/app/assets/stylesheets/govuk_publishing_components/components/_panel.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/panel/panel";
+@import "govuk/components/panel/panel";
 .gem-c-panel__prepend {
   @include govuk-font($size: 24, $weight: bold);

data/app/assets/stylesheets/govuk_publishing_components/components/_phase-banner.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/phase-banner/phase-banner";
+@import "govuk/components/phase-banner/phase-banner";
 .gem-c-phase-banner {
   .govuk-phase-banner__content__app-name {

data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss CHANGED Viewed

@@ -21,14 +21,17 @@
   &:hover,
   &:active,
-  &:visited,
-  &:focus {
+  &:visited {
     color: $govuk-link-colour;
   }
   &:hover,
   &:active {
-    background-color: govuk-colour("grey-4");
+    background-color: govuk-colour("light-grey", $legacy: "grey-4");
+  }
+  &:focus {
+    @include govuk-focused-text;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_radio.scss CHANGED Viewed

	@@ -1 +1 @@
1	- @import "govuk~~-frontend~~/components/radios/radios";
1	+ @import "govuk/components/radios/radios";

data/app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss CHANGED Viewed

@@ -11,7 +11,7 @@
 .gem-c-related-navigation__sub-heading {
   @include govuk-font(16);
-  border-top: 1px solid govuk-colour("grey-2");
+  border-top: 1px solid govuk-colour("mid-grey", $legacy: "grey-2");
   margin: 0;
   padding-top: govuk-spacing(3);
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_search.scss CHANGED Viewed

@@ -17,7 +17,6 @@ $large-input-size: 50px;
 .gem-c-search__input[type="search"] { // overly specific to prevent some overrides from outside
   @include govuk-font($size: 19, $line-height: (28 / 19));
-  @include govuk-focusable;
   padding: 6px;
   margin: .5em 0;
@@ -30,14 +29,22 @@ $large-input-size: 50px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  &:focus {
+    outline: $govuk-focus-width solid $govuk-focus-colour;
+    outline-offset: inherit;
+  }
 }
 .gem-c-search__submit {
-  @include govuk-focusable;
   padding: 6px;
   border: 0;
   cursor: pointer;
   border-radius: 0;
+  &:focus {
+    outline: $govuk-focus-width solid $govuk-focus-colour;
+  }
 }
 .js-enabled {
@@ -132,7 +139,7 @@ $large-input-size: 50px;
   }
   .gem-c-search__input[type="search"] {
-    border: solid 1px govuk-colour("grey-2");
+    border: solid 1px govuk-colour("mid-grey", $legacy: "grey-2");
   }
   .gem-c-search__submit {

data/app/assets/stylesheets/govuk_publishing_components/components/_select.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/select/select";
+@import "govuk/components/select/select";
 .gem-c-select__select--full-width {
   width: 100%;

data/app/assets/stylesheets/govuk_publishing_components/components/_skip-link.scss CHANGED Viewed

	@@ -1 +1 @@
1	- @import "govuk~~-frontend~~/components/skip-link/skip-link";
1	+ @import "govuk/components/skip-link/skip-link";

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss CHANGED Viewed

@@ -2,9 +2,9 @@
   @include govuk-text-colour;
   position: relative;
   padding: 10px;
-  background: govuk-colour("grey-4");
-  border-top: solid 1px govuk-colour("grey-2");
-  border-bottom: solid 1px govuk-colour("grey-2");
+  background: govuk-colour("light-grey", $legacy: "grey-4");
+  border-top: solid 1px govuk-colour("mid-grey", $legacy: "grey-2");
+  border-bottom: solid 1px govuk-colour("mid-grey", $legacy: "grey-2");
   @include govuk-media-query($from: tablet) {
     padding: govuk-spacing(3);

data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss CHANGED Viewed

@@ -50,6 +50,10 @@ $top-border: solid 2px $grey-3;
   background: none;
   border: 0;
   margin: 0;
+  &:focus {
+    @include govuk-focused-text;
+  }
 }
 // removes extra dotted outline from buttons in Firefox
@@ -237,7 +241,13 @@ $top-border: solid 2px $grey-3;
   }
   .gem-c-step-nav__button {
-    @include govuk-focusable;
+    &:focus {
+      @include govuk-focused-text;
+      .gem-c-step-nav__toggle-link {
+        @include govuk-focused-text;
+      }
+    }
   }
   &:hover {
@@ -251,6 +261,12 @@ $top-border: solid 2px $grey-3;
     }
   }
+  &:focus {
+    .gem-c-step-nav__button {
+      color: $govuk-focus-text-colour;
+    }
+  }
   .gem-c-step-nav--large & {
     @include media(tablet) {
       padding: $gutter 0;

data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss CHANGED Viewed

@@ -55,7 +55,7 @@
   .gem-c-subscription-links__feed-box {
     padding: govuk-spacing(3);
     margin-bottom: govuk-spacing(3);
-    background: govuk-colour("grey-3");
+    background: govuk-colour("light-grey", $legacy: "grey-3");
     .js-enabled &.js-hidden {
       display: none;

data/app/assets/stylesheets/govuk_publishing_components/components/_table.scss CHANGED Viewed

@@ -1,15 +1,15 @@
-@import "govuk-frontend/components/table/table";
+@import "govuk/components/table/table";
 $table-border-width: 1px;
-$table-border-colour: govuk-colour("grey-2");
+$table-border-colour: govuk-colour("mid-grey", $legacy: "grey-2");
 $table-header-border-width: 2px;
-$table-header-background-colour: govuk-colour("grey-3");
+$table-header-background-colour: govuk-colour("light-grey", $legacy: "grey-3");
 $sort-link-active-colour: govuk-colour("white");
 $sort-link-arrow-size: 14px;
 $sort-link-arrow-size-small: 8px;
 $sort-link-arrow-spacing: $sort-link-arrow-size / 2;
 $table-row-hover-background-colour: rgba(43, 140, 196, .2);
-$table-row-even-background-colour: govuk-colour("grey-4");
+$table-row-even-background-colour: govuk-colour("light-grey", $legacy: "grey-4");
 .govuk-table__cell:empty,
 .govuk-table__cell--empty {
@@ -33,12 +33,15 @@ $table-row-even-background-colour: govuk-colour("grey-4");
     .app-table__sort-link {
       @include govuk-link-style-no-visited-state;
-      @include govuk-focusable-fill;
       position: relative;
       padding-right: $sort-link-arrow-size;
       color: $govuk-link-colour;
       text-decoration: none;
+      &:focus {
+        @include govuk-focused-text;
+      }
       &::after {
         content: "";
         position: absolute;
@@ -124,4 +127,3 @@ $table-row-even-background-colour: govuk-colour("grey-4");
     border: 0;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_tabs.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/tabs/tabs";
+@import "govuk/components/tabs/tabs";
 .js-enabled {
   .gem-c-tabs__panel--no-border {

data/app/assets/stylesheets/govuk_publishing_components/components/_textarea.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/textarea/textarea";
+@import "govuk/components/textarea/textarea";
 .gem-c-textarea .govuk-textarea {
   margin-bottom: 0;

data/app/assets/stylesheets/govuk_publishing_components/components/_title.scss CHANGED Viewed

@@ -19,15 +19,15 @@
   &:link,
   &:visited {
     color: inherit;
+  }
-    &:focus {
-      color: $govuk-text-colour;
-    }
+  &:hover {
+    text-decoration: underline;
   }
-  &:hover,
   &:focus {
-    text-decoration: underline;
+    text-decoration: none;
+    color: $govuk-focus-text-colour;
   }
 }

data/app/assets/stylesheets/govuk_publishing_components/components/_warning-text.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/warning-text/warning-text";
+@import "govuk/components/warning-text/warning-text";
 .gem-c-warning-text__text--no-indent {
   padding-left: 0;

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_advisory.scss CHANGED Viewed

@@ -24,7 +24,7 @@ $high-alert-border: #cc0000;
   }
   &.high-alert {
-    background-color: govuk-colour("grey-3");
+    background-color: govuk-colour("light-grey", $legacy: "grey-3");
     border-color: $high-alert-border;
   }

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_attachment.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Govspeak attachment
-// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/block_attachments
+// https://components.publishing.service.gov.uk/component-guide/govspeak/block_attachments
 //
 // Support:
 // - alphagov/whitehall: ✔︎
@@ -49,7 +49,7 @@
           // width above.
           // http://www.456bereastreet.com/archive/201202/using_max-width_on_images_can_make_them_disappear_in_ie8/
           max-width: none;
-          border: $govuk-border-width solid govuk-colour("grey-3");
+          border: $govuk-border-width solid govuk-colour("mid-grey", $legacy: "grey-3");
         }
         box-shadow: 0 2px 2px rgba(govuk-colour("black"), .4);

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_button.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "govuk-frontend/components/button/button";
+@import "govuk/components/button/button";
 // scss-lint:disable PlaceholderInExtend
 // sass-lint:disable placeholder-in-extend

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_call-to-action.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Govspeak call to action
-// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/call_to_action
+// https://components.publishing.service.gov.uk/component-guide/govspeak/call_to_action
 //
 // Support:
 //
@@ -9,7 +9,7 @@
 .gem-c-govspeak {
   .call-to-action {
     margin: 2em 0;
-    background-color: govuk-colour("grey-3");
+    background-color: govuk-colour("light-grey", $legacy: "grey-3");
     padding: 2em;
     &:first-child {

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_charts.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Govspeak charts
-// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/charts
+// https://components.publishing.service.gov.uk/component-guide/govspeak/charts
 // Uses Magna Charta (https://github.com/alphagov/magna-charta)
 //
 // Support:
@@ -26,7 +26,7 @@
   $chart-border: govuk-colour("white"); // Chart border colour
   $key-border: govuk-colour("white"); // Key border colour
-  $bar-colours: govuk-colour("blue"), govuk-colour("turquoise"), govuk-colour("green"), govuk-colour("light-green"), govuk-colour("yellow"), govuk-colour("orange"), govuk-colour("red"), govuk-colour("bright-red");
+  $bar-colours: govuk-colour("blue"), govuk-colour("turquoise"), govuk-colour("green"), govuk-colour("light-green"), govuk-colour("yellow"), govuk-colour("orange"), govuk-colour("red"), govuk-colour("bright-purple", $legacy: "bright-red");
   $bar-cell-colour: #ebebeb;
   $bar-outdented-colour: #111111;

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_contact.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Govspeak contact
-// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/contact
+// https://components.publishing.service.gov.uk/component-guide/govspeak/contact
 //
 // Support:
 // - alphagov/whitehall: ✔︎
@@ -9,7 +9,7 @@
   // .address is used by the `$A` markdown pattern
   .address,
   .contact {
-    border-left: 1px solid govuk-colour("grey-2");
+    border-left: 1px solid govuk-colour("mid-grey", $legacy: "grey-2");
     padding-left: govuk-spacing(3);
     margin-bottom: govuk-spacing(6);
     margin-top: govuk-spacing(6);

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_example.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Govspeak example callout
-// https://govuk-publishing-components.herokuapp.com/component-guide/govspeak/example
+// https://components.publishing.service.gov.uk/component-guide/govspeak/example
 //
 // Support:
 // - alphagov/whitehall: ✔︎
@@ -7,7 +7,7 @@
 .gem-c-govspeak {
   .example {
-    border-left: 1em solid govuk-colour("grey-3");
+    border-left: 10px solid govuk-colour("mid-grey", $legacy: "grey-3");
     padding: 1em 0 1em 1em;
     margin: 2em 0;