@ministryofjustice/frontend 4.0.1 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (244) hide show
  1. package/govuk-prototype-kit.config.json +19 -4
  2. package/moj/_base.scss +2 -0
  3. package/moj/_base.scss.map +1 -0
  4. package/moj/all.bundle.js +2523 -0
  5. package/moj/all.bundle.js.map +1 -0
  6. package/moj/all.bundle.mjs +2502 -0
  7. package/moj/all.bundle.mjs.map +1 -0
  8. package/moj/all.mjs +59 -69
  9. package/moj/all.mjs.map +1 -1
  10. package/moj/all.scss +2 -0
  11. package/moj/all.scss.map +1 -0
  12. package/moj/components/_all.scss +2 -0
  13. package/moj/components/_all.scss.map +1 -0
  14. package/moj/components/action-bar/_action-bar.scss +2 -0
  15. package/moj/components/action-bar/_action-bar.scss.map +1 -0
  16. package/moj/components/add-another/_add-another.scss +2 -0
  17. package/moj/components/add-another/_add-another.scss.map +1 -0
  18. package/moj/components/add-another/add-another.bundle.js +128 -0
  19. package/moj/components/add-another/add-another.bundle.js.map +1 -0
  20. package/moj/components/add-another/add-another.bundle.mjs +120 -0
  21. package/moj/components/add-another/add-another.bundle.mjs.map +1 -0
  22. package/moj/components/add-another/add-another.mjs +112 -99
  23. package/moj/components/add-another/add-another.mjs.map +1 -1
  24. package/moj/components/alert/_alert.scss +4 -0
  25. package/moj/components/alert/_alert.scss.map +1 -0
  26. package/moj/components/alert/alert.bundle.js +330 -0
  27. package/moj/components/alert/alert.bundle.js.map +1 -0
  28. package/moj/components/alert/alert.bundle.mjs +322 -0
  29. package/moj/components/alert/alert.bundle.mjs.map +1 -0
  30. package/moj/components/alert/alert.mjs +181 -217
  31. package/moj/components/alert/alert.mjs.map +1 -1
  32. package/moj/components/alert/{alert.spec.helper.js → alert.spec.helper.bundle.js} +1 -1
  33. package/moj/components/alert/alert.spec.helper.bundle.js.map +1 -0
  34. package/moj/components/alert/alert.spec.helper.bundle.mjs +67 -0
  35. package/moj/components/alert/alert.spec.helper.bundle.mjs.map +1 -0
  36. package/moj/components/alert/alert.spec.helper.mjs.map +1 -1
  37. package/moj/components/badge/_badge.scss +2 -0
  38. package/moj/components/badge/_badge.scss.map +1 -0
  39. package/moj/components/banner/_banner.scss +2 -0
  40. package/moj/components/banner/_banner.scss.map +1 -0
  41. package/moj/components/button-menu/README.md +10 -6
  42. package/moj/components/button-menu/_button-menu.scss +4 -1
  43. package/moj/components/button-menu/_button-menu.scss.map +1 -0
  44. package/moj/components/button-menu/button-menu.bundle.js +299 -0
  45. package/moj/components/button-menu/button-menu.bundle.js.map +1 -0
  46. package/moj/components/button-menu/{button-menu.js → button-menu.bundle.mjs} +74 -121
  47. package/moj/components/button-menu/button-menu.bundle.mjs.map +1 -0
  48. package/moj/components/button-menu/button-menu.mjs +246 -285
  49. package/moj/components/button-menu/button-menu.mjs.map +1 -1
  50. package/moj/components/cookie-banner/_cookie-banner.scss +2 -0
  51. package/moj/components/cookie-banner/_cookie-banner.scss.map +1 -0
  52. package/moj/components/currency-input/_currency-input.scss +2 -0
  53. package/moj/components/currency-input/_currency-input.scss.map +1 -0
  54. package/moj/components/date-picker/_date-picker.scss +2 -0
  55. package/moj/components/date-picker/_date-picker.scss.map +1 -0
  56. package/moj/components/date-picker/date-picker.bundle.js +784 -0
  57. package/moj/components/date-picker/date-picker.bundle.js.map +1 -0
  58. package/moj/components/date-picker/{date-picker.js → date-picker.bundle.mjs} +245 -439
  59. package/moj/components/date-picker/date-picker.bundle.mjs.map +1 -0
  60. package/moj/components/date-picker/date-picker.mjs +654 -840
  61. package/moj/components/date-picker/date-picker.mjs.map +1 -1
  62. package/moj/components/filter/_filter.scss +2 -0
  63. package/moj/components/filter/_filter.scss.map +1 -0
  64. package/moj/components/filter-toggle-button/filter-toggle-button.bundle.js +96 -0
  65. package/moj/components/filter-toggle-button/filter-toggle-button.bundle.js.map +1 -0
  66. package/moj/components/filter-toggle-button/filter-toggle-button.bundle.mjs +88 -0
  67. package/moj/components/filter-toggle-button/filter-toggle-button.bundle.mjs.map +1 -0
  68. package/moj/components/filter-toggle-button/filter-toggle-button.mjs +78 -84
  69. package/moj/components/filter-toggle-button/filter-toggle-button.mjs.map +1 -1
  70. package/moj/components/form-validator/form-validator.bundle.js +198 -0
  71. package/moj/components/form-validator/form-validator.bundle.js.map +1 -0
  72. package/moj/components/form-validator/form-validator.bundle.mjs +190 -0
  73. package/moj/components/form-validator/form-validator.bundle.mjs.map +1 -0
  74. package/moj/components/form-validator/form-validator.mjs +149 -152
  75. package/moj/components/form-validator/form-validator.mjs.map +1 -1
  76. package/moj/components/header/_header.scss +2 -0
  77. package/moj/components/header/_header.scss.map +1 -0
  78. package/moj/components/identity-bar/_identity-bar.scss +2 -0
  79. package/moj/components/identity-bar/_identity-bar.scss.map +1 -0
  80. package/moj/components/interruption-card/_interruption-card.scss +2 -0
  81. package/moj/components/interruption-card/_interruption-card.scss.map +1 -0
  82. package/moj/components/messages/_messages.scss +2 -0
  83. package/moj/components/messages/_messages.scss.map +1 -0
  84. package/moj/components/multi-file-upload/_multi-file-upload.scss +2 -0
  85. package/moj/components/multi-file-upload/_multi-file-upload.scss.map +1 -0
  86. package/moj/components/multi-file-upload/multi-file-upload.bundle.js +223 -0
  87. package/moj/components/multi-file-upload/multi-file-upload.bundle.js.map +1 -0
  88. package/moj/components/multi-file-upload/multi-file-upload.bundle.mjs +215 -0
  89. package/moj/components/multi-file-upload/multi-file-upload.bundle.mjs.map +1 -0
  90. package/moj/components/multi-file-upload/multi-file-upload.mjs +193 -209
  91. package/moj/components/multi-file-upload/multi-file-upload.mjs.map +1 -1
  92. package/moj/components/multi-select/_multi-select.scss +2 -0
  93. package/moj/components/multi-select/_multi-select.scss.map +1 -0
  94. package/moj/components/multi-select/multi-select.bundle.js +78 -0
  95. package/moj/components/multi-select/multi-select.bundle.js.map +1 -0
  96. package/moj/components/multi-select/multi-select.bundle.mjs +70 -0
  97. package/moj/components/multi-select/multi-select.bundle.mjs.map +1 -0
  98. package/moj/components/multi-select/multi-select.mjs +59 -67
  99. package/moj/components/multi-select/multi-select.mjs.map +1 -1
  100. package/moj/components/notification-badge/_notification-badge.scss +2 -0
  101. package/moj/components/notification-badge/_notification-badge.scss.map +1 -0
  102. package/moj/components/organisation-switcher/_organisation-switcher.scss +2 -0
  103. package/moj/components/organisation-switcher/_organisation-switcher.scss.map +1 -0
  104. package/moj/components/page-header-actions/_page-header-actions.scss +2 -0
  105. package/moj/components/page-header-actions/_page-header-actions.scss.map +1 -0
  106. package/moj/components/pagination/_pagination.scss +2 -2
  107. package/moj/components/pagination/_pagination.scss.map +1 -0
  108. package/moj/components/password-reveal/_password-reveal.scss +2 -0
  109. package/moj/components/password-reveal/_password-reveal.scss.map +1 -0
  110. package/moj/components/password-reveal/password-reveal.bundle.js +49 -0
  111. package/moj/components/password-reveal/password-reveal.bundle.js.map +1 -0
  112. package/moj/components/password-reveal/password-reveal.bundle.mjs +41 -0
  113. package/moj/components/password-reveal/password-reveal.bundle.mjs.map +1 -0
  114. package/moj/components/password-reveal/password-reveal.mjs +36 -31
  115. package/moj/components/password-reveal/password-reveal.mjs.map +1 -1
  116. package/moj/components/primary-navigation/_primary-navigation.scss +2 -0
  117. package/moj/components/primary-navigation/_primary-navigation.scss.map +1 -0
  118. package/moj/components/progress-bar/_progress-bar.scss +2 -0
  119. package/moj/components/progress-bar/_progress-bar.scss.map +1 -0
  120. package/moj/components/rich-text-editor/README.md +15 -9
  121. package/moj/components/rich-text-editor/_rich-text-editor.scss +2 -0
  122. package/moj/components/rich-text-editor/_rich-text-editor.scss.map +1 -0
  123. package/moj/components/rich-text-editor/rich-text-editor.bundle.js +145 -0
  124. package/moj/components/rich-text-editor/rich-text-editor.bundle.js.map +1 -0
  125. package/moj/components/rich-text-editor/rich-text-editor.bundle.mjs +137 -0
  126. package/moj/components/rich-text-editor/rich-text-editor.bundle.mjs.map +1 -0
  127. package/moj/components/rich-text-editor/rich-text-editor.mjs +124 -145
  128. package/moj/components/rich-text-editor/rich-text-editor.mjs.map +1 -1
  129. package/moj/components/search/_search.scss +2 -0
  130. package/moj/components/search/_search.scss.map +1 -0
  131. package/moj/components/search-toggle/{search-toggle.scss → _search-toggle.scss} +2 -0
  132. package/moj/components/search-toggle/_search-toggle.scss.map +1 -0
  133. package/moj/components/search-toggle/search-toggle.bundle.js +54 -0
  134. package/moj/components/search-toggle/search-toggle.bundle.js.map +1 -0
  135. package/moj/components/search-toggle/search-toggle.bundle.mjs +46 -0
  136. package/moj/components/search-toggle/search-toggle.bundle.mjs.map +1 -0
  137. package/moj/components/search-toggle/search-toggle.mjs +40 -49
  138. package/moj/components/search-toggle/search-toggle.mjs.map +1 -1
  139. package/moj/components/side-navigation/_side-navigation.scss +2 -0
  140. package/moj/components/side-navigation/_side-navigation.scss.map +1 -0
  141. package/moj/components/sortable-table/_sortable-table.scss +2 -2
  142. package/moj/components/sortable-table/_sortable-table.scss.map +1 -0
  143. package/moj/components/sortable-table/sortable-table.bundle.js +134 -0
  144. package/moj/components/sortable-table/sortable-table.bundle.js.map +1 -0
  145. package/moj/components/sortable-table/sortable-table.bundle.mjs +126 -0
  146. package/moj/components/sortable-table/sortable-table.bundle.mjs.map +1 -0
  147. package/moj/components/sortable-table/sortable-table.mjs +117 -130
  148. package/moj/components/sortable-table/sortable-table.mjs.map +1 -1
  149. package/moj/components/sub-navigation/_sub-navigation.scss +2 -0
  150. package/moj/components/sub-navigation/_sub-navigation.scss.map +1 -0
  151. package/moj/components/tag/_tag.scss +2 -0
  152. package/moj/components/tag/_tag.scss.map +1 -0
  153. package/moj/components/task-list/_task-list.scss +2 -0
  154. package/moj/components/task-list/_task-list.scss.map +1 -0
  155. package/moj/components/ticket-panel/_ticket-panel.scss +2 -0
  156. package/moj/components/ticket-panel/_ticket-panel.scss.map +1 -0
  157. package/moj/components/timeline/_timeline.scss +2 -0
  158. package/moj/components/timeline/_timeline.scss.map +1 -0
  159. package/moj/filters/all.js +44 -22
  160. package/moj/helpers/_all.scss +2 -0
  161. package/moj/helpers/_all.scss.map +1 -0
  162. package/moj/helpers/_hidden.scss +2 -0
  163. package/moj/helpers/_hidden.scss.map +1 -0
  164. package/moj/helpers/_links.scss +2 -0
  165. package/moj/helpers/_links.scss.map +1 -0
  166. package/moj/{helpers.js → helpers.bundle.js} +37 -42
  167. package/moj/helpers.bundle.js.map +1 -0
  168. package/moj/helpers.bundle.mjs +179 -0
  169. package/moj/helpers.bundle.mjs.map +1 -0
  170. package/moj/helpers.mjs +52 -28
  171. package/moj/helpers.mjs.map +1 -1
  172. package/moj/init.js +11 -2
  173. package/moj/moj-frontend.min.css +1 -1
  174. package/moj/moj-frontend.min.css.map +1 -1
  175. package/moj/moj-frontend.min.js +1 -1
  176. package/moj/moj-frontend.min.js.map +1 -1
  177. package/moj/objects/_all.scss +2 -0
  178. package/moj/objects/_all.scss.map +1 -0
  179. package/moj/objects/_button-group.scss +2 -0
  180. package/moj/objects/_button-group.scss.map +1 -0
  181. package/moj/objects/_filter-layout.scss +2 -0
  182. package/moj/objects/_filter-layout.scss.map +1 -0
  183. package/moj/objects/_scrollable-pane.scss +2 -0
  184. package/moj/objects/_scrollable-pane.scss.map +1 -0
  185. package/moj/objects/_width-container.scss +2 -0
  186. package/moj/objects/_width-container.scss.map +1 -0
  187. package/moj/settings/_all.scss +2 -0
  188. package/moj/settings/_all.scss.map +1 -0
  189. package/moj/settings/_assets.scss +2 -0
  190. package/moj/settings/_assets.scss.map +1 -0
  191. package/moj/settings/_colours.scss +2 -0
  192. package/moj/settings/_colours.scss.map +1 -0
  193. package/moj/settings/_measurements.scss +2 -0
  194. package/moj/settings/_measurements.scss.map +1 -0
  195. package/moj/settings/_typography.scss +2 -0
  196. package/moj/settings/_typography.scss.map +1 -0
  197. package/moj/template.njk +13 -0
  198. package/moj/utilities/_all.scss +2 -0
  199. package/moj/utilities/_all.scss.map +1 -0
  200. package/moj/utilities/_hidden.scss +2 -0
  201. package/moj/utilities/_hidden.scss.map +1 -0
  202. package/moj/utilities/_width-container.scss +2 -0
  203. package/moj/utilities/_width-container.scss.map +1 -0
  204. package/moj/vendor/govuk-frontend/_base.scss +2 -0
  205. package/moj/vendor/govuk-frontend/_base.scss.map +1 -0
  206. package/moj/vendor/govuk-frontend/_index.scss +2 -0
  207. package/moj/vendor/govuk-frontend/_index.scss.map +1 -0
  208. package/moj/{version.js → version.bundle.js} +1 -1
  209. package/moj/version.bundle.js.map +1 -0
  210. package/moj/version.bundle.mjs +4 -0
  211. package/moj/version.bundle.mjs.map +1 -0
  212. package/moj/version.mjs.map +1 -1
  213. package/package.json +5 -6
  214. package/moj/all.jquery.min.js +0 -1
  215. package/moj/all.jquery.min.js.map +0 -1
  216. package/moj/all.js +0 -2662
  217. package/moj/all.js.map +0 -1
  218. package/moj/components/add-another/add-another.js +0 -115
  219. package/moj/components/add-another/add-another.js.map +0 -1
  220. package/moj/components/alert/alert.js +0 -356
  221. package/moj/components/alert/alert.js.map +0 -1
  222. package/moj/components/alert/alert.spec.helper.js.map +0 -1
  223. package/moj/components/button-menu/button-menu.js.map +0 -1
  224. package/moj/components/date-picker/date-picker.js.map +0 -1
  225. package/moj/components/filter-toggle-button/filter-toggle-button.js +0 -102
  226. package/moj/components/filter-toggle-button/filter-toggle-button.js.map +0 -1
  227. package/moj/components/form-validator/form-validator.js +0 -205
  228. package/moj/components/form-validator/form-validator.js.map +0 -1
  229. package/moj/components/multi-file-upload/multi-file-upload.js +0 -241
  230. package/moj/components/multi-file-upload/multi-file-upload.js.map +0 -1
  231. package/moj/components/multi-select/multi-select.js +0 -86
  232. package/moj/components/multi-select/multi-select.js.map +0 -1
  233. package/moj/components/password-reveal/password-reveal.js +0 -44
  234. package/moj/components/password-reveal/password-reveal.js.map +0 -1
  235. package/moj/components/rich-text-editor/rich-text-editor.js +0 -166
  236. package/moj/components/rich-text-editor/rich-text-editor.js.map +0 -1
  237. package/moj/components/search-toggle/search-toggle.js +0 -63
  238. package/moj/components/search-toggle/search-toggle.js.map +0 -1
  239. package/moj/components/sortable-table/sortable-table.js +0 -147
  240. package/moj/components/sortable-table/sortable-table.js.map +0 -1
  241. package/moj/helpers.js.map +0 -1
  242. package/moj/vendor/html5shiv.js +0 -326
  243. package/moj/vendor/jquery.js +0 -9300
  244. package/moj/version.js.map +0 -1
@@ -2,3 +2,5 @@
2
2
  @forward "filter-layout";
3
3
  @forward "scrollable-pane";
4
4
  @forward "button-group";
5
+
6
+ /*# sourceMappingURL=_all.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/objects/_all.scss"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,wBAAwB;AACxB,0BAA0B;AAC1B,uBAAuB","file":"_all.scss","sourcesContent":["@forward \"width-container\";\n@forward \"filter-layout\";\n@forward \"scrollable-pane\";\n@forward \"button-group\";\n"]}
@@ -110,3 +110,5 @@
110
110
  @include moj-button-group-inline;
111
111
  }
112
112
  }
113
+
114
+ /*# sourceMappingURL=_button-group.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/objects/_button-group.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC,2EAA2E;AAC3E,CAAC;AACD,wBAAwB;AACxB,CAAC;AACD,0EAA0E;AAC1E,4BAA4B;AAC5B,6EAA6E;AAC7E,wCAAwC;AACxC;EACE,iCAAiC;EACjC,+BAA+B;EAC/B,+BAA+B;;EAE/B,kEAAkE;EAClE,qDAAqD;;EAErD,yEAAyE;EACzE,wEAAwE;EACxE,uEAAuE;EACvE,CAAC;EACD,0EAA0E;EAC1E,wEAAwE;EACxE,6BAA6B;EAC7B,mDAAmD;EACnD,aAAa;EACb,sBAAsB;EACtB,mBAAmB;;EAEnB,8EAA8E;;EAE9E,uEAAuE;EACvE,aAAa;EACb,CAAC;EACD,0EAA0E;EAC1E,8CAA8C;EAC9C;IACE,qBAAqB;IACrB,qEAAqE;IACrE,0BAA0B;IAC1B,eAAe;IACf,yBAAyB;IACzB,4CAA4C;IAC5C,kBAAkB;IAClB,kDAAkD;EACpD;;EAEA,yEAAyE;EACzE,sEAAsE;EACtE;;;IAGE,kDAAkD;EACpD;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA,kEAAkE;EAClE;IACE;;;MAGE,WAAW;IACb;;IAEA;MACE,kBAAkB;IACpB;EACF;;EAEA,mEAAmE;EACnE,oDAAoD;EACpD;IACE,yDAAyD;IACzD,oCAAoC;;IAEpC,mBAAmB;IACnB,eAAe;IACf,qBAAqB;;IAErB;;;MAGE,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,eAAe;IACjB;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA,qCAAqC;EACrC;IACE;MACE,gCAAgC;IAClC;EACF;;EAEA,sCAAsC;EACtC;IACE,gCAAgC;EAClC;AACF","file":"_button-group.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n// Button groups can be used to group buttons and links together as a group.\n//\n// Within a button group:\n//\n// - links are styled to line up visually with the buttons, including being\n// centre-aligned on mobile\n// - spacing between the buttons and links is handled automatically, including\n// when they wrap across multiple lines\n.moj-button-group {\n $horizontal-gap: govuk-spacing(3);\n $vertical-gap: govuk-spacing(3);\n $link-spacing: govuk-spacing(1);\n\n // These need to be kept in sync with the button component's styles\n $button-shadow-size: $govuk-border-width-form-element;\n\n // Flexbox is used to center-align links on mobile, align everything along\n // the baseline on tablet and above, and to removes extra whitespace that\n // we'd get between the buttons and links because they're inline-blocks.\n //\n // Ideally we'd use `gap` with flexbox rather than having to do it all with\n // margins, but unfortunately the support isn't there (yet) and @supports\n // doesn't play nicely with it\n // (https://github.com/w3c/csswg-drafts/issues/3559)\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @include govuk-responsive-margin(6, \"bottom\", $adjustment: $vertical-gap * -1);\n\n // Give links within the button group the same font-size and line-height\n // as buttons.\n //\n // Because we want the focus state to be tight around the link text, we use\n // margins where the buttons would use padding.\n .govuk-link {\n display: inline-block;\n // Prevent links overflowing their container in IE10/11 because of bug\n // with align-items: center\n max-width: 100%;\n margin-top: $link-spacing;\n margin-bottom: $link-spacing + $vertical-gap;\n text-align: center;\n @include govuk-font($size: 19, $line-height: 19px);\n }\n\n // Reduce the bottom margin to the size of the vertical gap (accommodating\n // the button shadow) – the 'lost' margin is moved to the button-group.\n .govuk-button,\n .moj-button-menu__item,\n .js-enabled & .moj-button-menu {\n margin-bottom: $vertical-gap + $button-shadow-size;\n }\n\n .moj-button-menu__toggle-button,\n .js-enabled & .moj-button-menu__item {\n margin-bottom: 0;\n }\n\n // Set button menu to full width on mobile to match GOV.UK Frontend\n @include govuk-media-query($until: tablet) {\n .moj-button-menu,\n .moj-button-menu__wrapper,\n .moj-button-menu__item {\n width: 100%;\n }\n\n .moj-button-menu__wrapper {\n position: relative;\n }\n }\n\n // On tablet and above, we also introduce a 'column gap' between the\n // buttons and links in each row and left align links\n @mixin moj-button-group-inline() {\n // Cancel out the column gap for the last item in each row\n margin-right: ($horizontal-gap * -1);\n\n flex-direction: row;\n flex-wrap: wrap;\n align-items: baseline;\n\n .govuk-button,\n .govuk-link,\n .moj-button-menu {\n width: auto;\n margin-right: $horizontal-gap;\n }\n\n .moj-button-menu__toggle-button {\n margin-right: 0;\n }\n\n .govuk-link {\n text-align: left;\n }\n }\n\n // Inline buttons on mobile (optional)\n &--inline {\n @include govuk-media-query($until: tablet) {\n @include moj-button-group-inline;\n }\n }\n\n // Inline buttons on tablet and desktop\n @include govuk-media-query($from: tablet) {\n @include moj-button-group-inline;\n }\n}\n"]}
@@ -33,3 +33,5 @@
33
33
  overflow: hidden;
34
34
  overflow-x: auto;
35
35
  }
36
+
37
+ /*# sourceMappingURL=_filter-layout.scss.map */
@@ -0,0 +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"]}
@@ -40,3 +40,5 @@
40
40
  white-space: nowrap;
41
41
  }
42
42
  }
43
+
44
+ /*# sourceMappingURL=_scrollable-pane.scss.map */
@@ -0,0 +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"]}
@@ -19,3 +19,5 @@
19
19
  margin: 0 auto;
20
20
  }
21
21
  }
22
+
23
+ /*# sourceMappingURL=_width-container.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/objects/_width-container.scss"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,oCAAoC;;AAEpC;EACE,oDAAoD;EACpD,iBAAiB;;EAEjB,mCAAmC;EACnC,0BAA0B;;EAE1B,mCAAmC;EACnC;IACE,qBAAqB;EACvB;;EAEA,wEAAwE;EACxE,6DAA6D;EAC7D;IACE,cAAc;EAChB;AACF","file":"_width-container.scss","sourcesContent":["@use \"../settings/measurements\" as *;\n@use \"../vendor/govuk-frontend\" as *;\n\n@mixin moj-width-container($width: $moj-page-width) {\n // Limit the width of the container to the page width\n max-width: $width;\n\n // On mobile, add half width gutters\n margin: 0 $moj-gutter-half;\n\n // On tablet, add full width gutters\n @include govuk-media-query($from: tablet) {\n margin: 0 $moj-gutter;\n }\n\n // As soon as the viewport is greater than the width of the page plus the\n // gutters, just centre the content instead of adding gutters.\n @include govuk-media-query($and: \"(min-width: #{($width + $moj-gutter * 2)})\") {\n margin: 0 auto;\n }\n}\n"]}
@@ -2,3 +2,5 @@
2
2
  @forward "measurements";
3
3
  @forward "colours";
4
4
  @forward "typography";
5
+
6
+ /*# sourceMappingURL=_all.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/settings/_all.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,uBAAuB;AACvB,kBAAkB;AAClB,qBAAqB","file":"_all.scss","sourcesContent":["@forward \"assets\";\n@forward \"measurements\";\n@forward \"colours\";\n@forward \"typography\";\n"]}
@@ -10,3 +10,5 @@ $moj-images-path: "#{$moj-assets-path}images/" !default;
10
10
 
11
11
  // Path to the fonts folder, with trailing slash.
12
12
  $moj-fonts-path: "#{$moj-assets-path}fonts/" !default;
13
+
14
+ /*# sourceMappingURL=_assets.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/settings/_assets.scss"],"names":[],"mappings":"AAAA;;+EAE+E;;AAE/E,oDAAoD;AACpD,qCAAqC;;AAErC,iDAAiD;AACjD,uDAAuD;;AAEvD,gDAAgD;AAChD,qDAAqD","file":"_assets.scss","sourcesContent":["/* ==========================================================================\n #ASSETS\n ========================================================================== */\n\n// Path to the assets directory, with trailing slash.\n$moj-assets-path: \"/assets/\" !default;\n\n// Path to the images folder, with trailing slash.\n$moj-images-path: \"#{$moj-assets-path}images/\" !default;\n\n// Path to the fonts folder, with trailing slash.\n$moj-fonts-path: \"#{$moj-assets-path}fonts/\" !default;\n"]}
@@ -17,3 +17,5 @@ $moj-warning-link-colour: rgb(199, 82, 40);
17
17
  // background/surrounding
18
18
  $moj-button-menu-color: #949494;
19
19
  $moj-button-menu-hover-color: #767676;
20
+
21
+ /*# sourceMappingURL=_colours.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/settings/_colours.scss"],"names":[],"mappings":"AAAA;;+EAE+E;;AAE/E,qCAAqC;AACrC,0CAA0C;;AAE1C,0CAA0C;AAC1C,gDAAgD;;AAEhD,uDAAuD;AACvD,qCAAqC;AACrC,iEAAiE;AACjE,0CAA0C;;AAE1C,6EAA6E;AAC7E,wBAAwB;AACxB,+BAA+B;AAC/B,qCAAqC","file":"_colours.scss","sourcesContent":["/* ==========================================================================\n #COLOURS\n ========================================================================== */\n\n$moj-border-color: rgb(161, 172, 178);\n$moj-secondary-text-color: rgb(69, 74, 76);\n\n$moj-secondary-link-color: rgb(69, 74, 76);\n$moj-secondary-link-hover-color: rgb(23, 24, 25);\n\n// GOV.UK orange does not have accessible color contrast\n$moj-warning-colour: rgb(235, 97, 28);\n// Links need higher contrast still so a modified orange for links\n$moj-warning-link-colour: rgb(199, 82, 40);\n\n// Custom colour required for passing WCAG 2.2 AA contrast text/background and\n// background/surrounding\n$moj-button-menu-color: #949494;\n$moj-button-menu-hover-color: #767676;\n"]}
@@ -12,3 +12,5 @@ $moj-gutter: 30px !default;
12
12
 
13
13
  // Width of half the gutter between grid columns
14
14
  $moj-gutter-half: math.div($moj-gutter, 2);
15
+
16
+ /*# sourceMappingURL=_measurements.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/settings/_measurements.scss"],"names":[],"mappings":"AAAA,gBAAgB;;AAEhB;;+EAE+E;;AAE/E,yBAAyB;AACzB,+BAA+B;;AAE/B,sCAAsC;AACtC,0BAA0B;;AAE1B,+CAA+C;AAC/C,0CAA0C","file":"_measurements.scss","sourcesContent":["@use \"sass:math\";\n\n/* ==========================================================================\n #MEASUREMENTS\n ========================================================================== */\n\n// Width of main container\n$moj-page-width: 960px !default;\n\n// Width of gutter between grid columns\n$moj-gutter: 30px !default;\n\n// Width of half the gutter between grid columns\n$moj-gutter-half: math.div($moj-gutter, 2);\n"]}
@@ -11,3 +11,5 @@ $moj-font-family: "GDS Transport", arial, sans-serif !default;
11
11
  /// Exclude @font-face declarations already included in GOV.UK Frontend
12
12
 
13
13
  $moj-include-default-font-face: false;
14
+
15
+ /*# sourceMappingURL=_typography.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/settings/_typography.scss"],"names":[],"mappings":"AAAA,gBAAgB;;AAEhB;;+EAE+E;;AAE/E,0DAA0D;;AAE1D,6DAA6D;;AAE7D,sEAAsE;;AAEtE,qCAAqC","file":"_typography.scss","sourcesContent":["@use \"sass:list\";\n\n/* ==========================================================================\n #TYPOGRAPHY\n ========================================================================== */\n\n/// Font families to use for all typography on screen media\n\n$moj-font-family: \"GDS Transport\", arial, sans-serif !default;\n\n/// Exclude @font-face declarations already included in GOV.UK Frontend\n\n$moj-include-default-font-face: false;\n"]}
@@ -0,0 +1,13 @@
1
+ {% extends "govuk/template.njk" -%}
2
+
3
+ {% if opengraphImageUrl or assetUrl -%}
4
+ {% set opengraphImageUrl = opengraphImageUrl if opengraphImageUrl else assetUrl + "/images/moj-opengraph-image-2024.png" %}
5
+ {% endif -%}
6
+
7
+ {% block headIcons %}
8
+ <link rel="shortcut icon" href="{{ assetPath | default("/assets", true) }}/images/favicon.ico">
9
+ <link rel="apple-touch-icon" href="{{ assetPath | default("/assets", true) }}/images/moj-apple-touch-icon-180x180-2024.png" sizes="180x180">
10
+ <link rel="apple-touch-icon" href="{{ assetPath | default("/assets", true) }}/images/moj-apple-touch-icon-167x167-2024.png" sizes="167x167">
11
+ <link rel="apple-touch-icon" href="{{ assetPath | default("/assets", true) }}/images/moj-apple-touch-icon-152x152-2024.png" sizes="152x152">
12
+ <link rel="apple-touch-icon" href="{{ assetPath | default("/assets", true) }}/images/moj-apple-touch-icon-2024.png">
13
+ {% endblock %}
@@ -1,2 +1,4 @@
1
1
  @forward "hidden";
2
2
  @forward "width-container";
3
+
4
+ /*# sourceMappingURL=_all.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/utilities/_all.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,0BAA0B","file":"_all.scss","sourcesContent":["@forward \"hidden\";\n@forward \"width-container\";\n"]}
@@ -7,3 +7,5 @@
7
7
  .moj-hidden {
8
8
  @include moj-hidden;
9
9
  }
10
+
11
+ /*# sourceMappingURL=_hidden.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/utilities/_hidden.scss"],"names":[],"mappings":"AAAA,6BAA6B;;AAE7B;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB","file":"_hidden.scss","sourcesContent":["@use \"../helpers/hidden\" as *;\n\n.js-enabled .moj-js-hidden {\n @include moj-hidden;\n}\n\n.moj-hidden {\n @include moj-hidden;\n}\n"]}
@@ -3,3 +3,5 @@
3
3
  .moj-width-container {
4
4
  @include moj-width-container;
5
5
  }
6
+
7
+ /*# sourceMappingURL=_width-container.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/moj/utilities/_width-container.scss"],"names":[],"mappings":"AAAA,sCAAsC;;AAEtC;EACE,4BAA4B;AAC9B","file":"_width-container.scss","sourcesContent":["@use \"../objects/width-container\" as *;\n\n.moj-width-container {\n @include moj-width-container;\n}\n"]}
@@ -3,3 +3,5 @@
3
3
  "govuk-typography-scale-14"
4
4
  )
5
5
  );
6
+
7
+ /*# sourceMappingURL=_base.scss.map */
@@ -0,0 +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"]}
@@ -19,3 +19,5 @@
19
19
  $govuk-font-family: $moj-font-family,
20
20
  $govuk-include-default-font-face: $moj-include-default-font-face
21
21
  );
22
+
23
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/moj/vendor/govuk-frontend/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,6BAA6B;;AAE7B,4BAA4B;AAC5B,8BAA8B;;AAE9B,+BAA+B;AAC/B;;;;;;;;;;;;;CAaC","file":"_index.scss","sourcesContent":["// Declare all settings\n@forward \"../../settings/all\";\n\n// Use settings for overrides\n@use \"../../settings/all\" as *;\n\n// GOV.UK Frontend with settings\n@forward \"base\" with (\n // Assets override\n $govuk-assets-path: $moj-assets-path,\n $govuk-images-path: $moj-images-path,\n $govuk-fonts-path: $moj-fonts-path,\n\n // Measurements override\n $govuk-gutter: $moj-gutter,\n $govuk-page-width: $moj-page-width,\n\n // Typography override\n $govuk-font-family: $moj-font-family,\n $govuk-include-default-font-face: $moj-include-default-font-face\n);\n"]}
@@ -9,4 +9,4 @@
9
9
  exports.version = version;
10
10
 
11
11
  }));
12
- //# sourceMappingURL=version.js.map
12
+ //# sourceMappingURL=version.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"version.bundle.js","sources":["../../src/moj/version.mjs"],"sourcesContent":["export const version = '0.0.0-development'\n"],"names":["version"],"mappings":";;;;;;AAAO,OAAMA,OAAO,GAAG;;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ const version = '0.0.0-development';
2
+
3
+ export { version };
4
+ //# sourceMappingURL=version.bundle.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"version.bundle.mjs","sources":["../../src/moj/version.mjs"],"sourcesContent":["export const version = '0.0.0-development'\n"],"names":["version"],"mappings":"AAAO,MAAMA,OAAO,GAAG;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"version.mjs","sources":["../../src/moj/version.mjs"],"sourcesContent":["export const version = '0.0.0-development'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.mjs","sources":["../../src/moj/version.mjs"],"sourcesContent":["export const version = '0.0.0-development'\n"],"names":["version"],"mappings":"AAAO,MAAMA,OAAO,GAAG;;;;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ministryofjustice/frontend",
3
3
  "description": "The MOJ Frontend contains the code you need to start building user interfaces for UK Ministry of Justice government services.",
4
- "version": "4.0.1",
4
+ "version": "5.0.0",
5
5
  "main": "moj/all.js",
6
6
  "module": "moj/all.mjs",
7
7
  "sass": "moj/all.scss",
@@ -9,8 +9,8 @@
9
9
  ".": {
10
10
  "sass": "./moj/all.scss",
11
11
  "import": "./moj/all.mjs",
12
- "require": "./moj/all.js",
13
- "default": "./moj/all.js"
12
+ "require": "./moj/all.bundle.js",
13
+ "default": "./moj/all.bundle.js"
14
14
  },
15
15
  "./*": "./*",
16
16
  "./moj/filters/*": "./moj/filters/*.js",
@@ -41,8 +41,7 @@
41
41
  "access": "public"
42
42
  },
43
43
  "peerDependencies": {
44
- "govuk-frontend": "5.x",
45
- "jquery": "3.x",
46
- "moment": "2.x"
44
+ "govuk-frontend": "5.9.0",
45
+ "moment": "2.30.1"
47
46
  }
48
47
  }