@ministryofjustice/frontend 5.2.1 → 7.0.0

package/moj/objects/_scrollable-pane.scss

@@ -14,14 +14,14 @@
       to right,
       $scrollableBgColor,
       $scrollableBgColor,
-      $scrollableTransparentColor calc(var($scrollableShadowSize) * 2)
+      $scrollableTransparentColor calc($scrollableShadowSize * 2)
     ),
     radial-gradient(farthest-side at 0 50%, $scrollableShadowColor, $scrollableTransparentColor),
     linear-gradient(
       to left,
       $scrollableBgColor,
       $scrollableBgColor,
-      $scrollableTransparentColor calc(var($scrollableShadowSize) * 2)
+      $scrollableTransparentColor calc($scrollableShadowSize * 2)
     ),
     radial-gradient(farthest-side at 100% 50%, $scrollableShadowColor, $scrollableTransparentColor) 100%;
   background-color: $scrollableBgColor;

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(var($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(var($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;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"]}

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": "5.2.1",
+  "version": "7.0.0",
   "main": "moj/all.js",
   "module": "moj/all.mjs",
   "sass": "moj/all.scss",
@@ -41,7 +41,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "govuk-frontend": "^5.8.0",
+    "govuk-frontend": "^5.11.2",
     "moment": "2.30.1"
   }
 }