@ministryofjustice/frontend 8.0.0 → 9.0.0-beta.2

package/moj/objects/_filter-layout.scss

@@ -5,7 +5,7 @@
 }
 
 .moj-filter-layout__filter {
-  box-shadow: inset 0 0 0 1px govuk-colour("light-grey"); // Extends the inset border left full height of the filters on mobile
+  box-shadow: inset 0 0 0 1px govuk-colour("black", $variant: "tint-95"); // Extends the inset border left full height of the filters on mobile
 
   @include govuk-media-query(desktop) {
     width: 100%;

package/moj/objects/_filter-layout.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/moj/objects/_filter-layout.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC;EACE,uBAAuB;AACzB;;AAEA;EACE,sDAAsD,EAAE,oEAAoE;;EAE5H;IACE,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,8BAA8B;IAC9B,WAAW;EACb;AACF;;AAEA,iCAAiC;AACjC;EACE;IACE,eAAe;IACf,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,SAAS;IACT,kBAAkB;IAClB,uCAAuC;EACzC;AACF;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB","file":"_filter-layout.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n.moj-filter-layout {\n  @include govuk-clearfix;\n}\n\n.moj-filter-layout__filter {\n  box-shadow: inset 0 0 0 1px govuk-colour(\"light-grey\"); // Extends the inset border left full height of the filters on mobile\n\n  @include govuk-media-query(desktop) {\n    width: 100%;\n    min-width: 260px;\n    max-width: 385px;\n    margin-right: govuk-spacing(7);\n    float: left;\n  }\n}\n\n// Filters with javascript enabled\n@include govuk-media-query($until: desktop) {\n  .js-enabled .moj-filter-layout__filter {\n    position: fixed;\n    z-index: 100;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow-y: scroll;\n    background-color: govuk-colour(\"white\");\n  }\n}\n\n.moj-filter-layout__content {\n  overflow: hidden;\n  overflow-x: auto;\n}\n"]}
+{"version":3,"sources":["../../../src/moj/objects/_filter-layout.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC;EACE,uBAAuB;AACzB;;AAEA;EACE,sEAAsE,EAAE,oEAAoE;;EAE5I;IACE,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,8BAA8B;IAC9B,WAAW;EACb;AACF;;AAEA,iCAAiC;AACjC;EACE;IACE,eAAe;IACf,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,SAAS;IACT,kBAAkB;IAClB,uCAAuC;EACzC;AACF;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB","file":"_filter-layout.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n.moj-filter-layout {\n  @include govuk-clearfix;\n}\n\n.moj-filter-layout__filter {\n  box-shadow: inset 0 0 0 1px govuk-colour(\"black\", $variant: \"tint-95\"); // Extends the inset border left full height of the filters on mobile\n\n  @include govuk-media-query(desktop) {\n    width: 100%;\n    min-width: 260px;\n    max-width: 385px;\n    margin-right: govuk-spacing(7);\n    float: left;\n  }\n}\n\n// Filters with javascript enabled\n@include govuk-media-query($until: desktop) {\n  .js-enabled .moj-filter-layout__filter {\n    position: fixed;\n    z-index: 100;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow-y: scroll;\n    background-color: govuk-colour(\"white\");\n  }\n}\n\n.moj-filter-layout__content {\n  overflow: hidden;\n  overflow-x: auto;\n}\n"]}

package/moj/objects/_scrollable-pane.scss

@@ -32,6 +32,10 @@
     $scrollableShadowSize 100%,
     100% 100%,
     $scrollableShadowSize 100%;
+
+  &:focus {
+    @include govuk-focused-box;
+  }
 }
 
 @include govuk-media-query($until: 1020px) {

package/moj/objects/_scrollable-pane.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/moj/objects/_scrollable-pane.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC;EACE,gDAAgD;EAChD,yCAAyC;EACzC,mDAAmD;EACnD,0CAA0C;EAC1C,6BAA6B;EAC7B,+CAA+C;;EAE/C,kBAAkB;EAClB;;;;;;;;;;;;;;wGAcsG;EACtG,oCAAoC;EACpC,4BAA4B;EAC5B,mDAAmD;EACnD;;;;8BAI4B;AAC9B;;AAEA;EACE;;IAEE,mBAAmB;EACrB;AACF","file":"_scrollable-pane.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n.moj-scrollable-pane {\n  // stylelint-disable scss/dollar-variable-pattern\n  $scrollableBgColor: govuk-colour(\"white\");\n  $scrollableTransparentColor: rgba(255, 255, 255, 0);\n  $scrollableShadowColor: rgba(0, 0, 0, 0.2);\n  $scrollableShadowSize: 0.75em;\n  // stylelint-enable scss/dollar-variable-pattern\n\n  overflow-x: scroll;\n  background:\n    linear-gradient(\n      to right,\n      $scrollableBgColor,\n      $scrollableBgColor,\n      $scrollableTransparentColor calc($scrollableShadowSize * 2)\n    ),\n    radial-gradient(farthest-side at 0 50%, $scrollableShadowColor, $scrollableTransparentColor),\n    linear-gradient(\n      to left,\n      $scrollableBgColor,\n      $scrollableBgColor,\n      $scrollableTransparentColor calc($scrollableShadowSize * 2)\n    ),\n    radial-gradient(farthest-side at 100% 50%, $scrollableShadowColor, $scrollableTransparentColor) 100%;\n  background-color: $scrollableBgColor;\n  background-repeat: no-repeat;\n  background-attachment: local, scroll, local, scroll;\n  background-size:\n    100% 100%,\n    $scrollableShadowSize 100%,\n    100% 100%,\n    $scrollableShadowSize 100%;\n}\n\n@include govuk-media-query($until: 1020px) {\n  .moj-scrollable-pane .govuk-table__header,\n  .moj-scrollable-pane .govuk-table__cell {\n    white-space: nowrap;\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/moj/objects/_scrollable-pane.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC;EACE,gDAAgD;EAChD,yCAAyC;EACzC,mDAAmD;EACnD,0CAA0C;EAC1C,6BAA6B;EAC7B,+CAA+C;;EAE/C,kBAAkB;EAClB;;;;;;;;;;;;;;wGAcsG;EACtG,oCAAoC;EACpC,4BAA4B;EAC5B,mDAAmD;EACnD;;;;8BAI4B;;EAE5B;IACE,0BAA0B;EAC5B;AACF;;AAEA;EACE;;IAEE,mBAAmB;EACrB;AACF","file":"_scrollable-pane.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n.moj-scrollable-pane {\n  // stylelint-disable scss/dollar-variable-pattern\n  $scrollableBgColor: govuk-colour(\"white\");\n  $scrollableTransparentColor: rgba(255, 255, 255, 0);\n  $scrollableShadowColor: rgba(0, 0, 0, 0.2);\n  $scrollableShadowSize: 0.75em;\n  // stylelint-enable scss/dollar-variable-pattern\n\n  overflow-x: scroll;\n  background:\n    linear-gradient(\n      to right,\n      $scrollableBgColor,\n      $scrollableBgColor,\n      $scrollableTransparentColor calc($scrollableShadowSize * 2)\n    ),\n    radial-gradient(farthest-side at 0 50%, $scrollableShadowColor, $scrollableTransparentColor),\n    linear-gradient(\n      to left,\n      $scrollableBgColor,\n      $scrollableBgColor,\n      $scrollableTransparentColor calc($scrollableShadowSize * 2)\n    ),\n    radial-gradient(farthest-side at 100% 50%, $scrollableShadowColor, $scrollableTransparentColor) 100%;\n  background-color: $scrollableBgColor;\n  background-repeat: no-repeat;\n  background-attachment: local, scroll, local, scroll;\n  background-size:\n    100% 100%,\n    $scrollableShadowSize 100%,\n    100% 100%,\n    $scrollableShadowSize 100%;\n\n  &:focus {\n    @include govuk-focused-box;\n  }\n}\n\n@include govuk-media-query($until: 1020px) {\n  .moj-scrollable-pane .govuk-table__header,\n  .moj-scrollable-pane .govuk-table__cell {\n    white-space: nowrap;\n  }\n}\n"]}

package/moj/vendor/govuk-frontend/_base.scss

@@ -1,7 +1,3 @@
-@forward "node_modules/govuk-frontend/dist/govuk/base" with (
-  $govuk-suppressed-warnings: (
-    "govuk-typography-scale-14"
-  )
-);
+@forward "node_modules/govuk-frontend/dist/govuk/base" with ($govuk-suppressed-warnings: ());
 
 /*# sourceMappingURL=_base.scss.map */

package/moj/vendor/govuk-frontend/_base.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/moj/vendor/govuk-frontend/_base.scss"],"names":[],"mappings":"AAAA;;;;CAIC","file":"_base.scss","sourcesContent":["@forward \"node_modules/govuk-frontend/dist/govuk/base\" with (\n  $govuk-suppressed-warnings: (\n    \"govuk-typography-scale-14\"\n  )\n);\n"]}
+{"version":3,"sources":["../../../../src/moj/vendor/govuk-frontend/_base.scss"],"names":[],"mappings":"AAAA,4FAA4F","file":"_base.scss","sourcesContent":["@forward \"node_modules/govuk-frontend/dist/govuk/base\" with ($govuk-suppressed-warnings: ());\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ministryofjustice/frontend",
   "description": "The MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.",
-  "version": "8.0.0",
+  "version": "9.0.0-beta.2",
   "main": "moj/all.js",
   "module": "moj/all.mjs",
   "sass": "moj/all.scss",
@@ -41,7 +41,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "govuk-frontend": "^5.11.2",
+    "govuk-frontend": "6.0.0-beta.0 || 6.0.0-beta.1 || 6.0.0-beta.2 || 6.0.0-rc.0",
     "moment": "2.30.1"
   }
 }