@x-govuk/nhsuk-eleventy-plugin 1.2.1 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-govuk/nhsuk-eleventy-plugin",
-  "version": "1.2.1",
+  "version": "1.4.0",
   "description": "Write documentation using Markdown and publish it using NHS.UK styles",
   "keywords": [
     "nhsuk",
@@ -52,45 +52,45 @@
     "access": "public"
   },
   "dependencies": {
-    "@11ty/eleventy": "^3.0.0",
-    "@11ty/eleventy-navigation": "^1.0.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@11ty/eleventy": "^3.1.6",
+    "@11ty/eleventy-navigation": "^1.0.5",
+    "@rollup/plugin-commonjs": "^29.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
-    "@x-govuk/govuk-eleventy-plugin": "^9.0.1",
+    "@x-govuk/govuk-eleventy-plugin": "^9.0.2",
     "accessible-autocomplete": "^3.0.1",
-    "deepmerge": "^4.2.2",
-    "highlight.js": "^11.5.0",
+    "deepmerge": "^4.3.1",
+    "highlight.js": "^11.11.1",
     "markdown-it-abbr": "^2.0.0",
-    "markdown-it-anchor": "^9.0.0",
+    "markdown-it-anchor": "^9.2.1",
     "markdown-it-attribution": "^0.1.4",
-    "markdown-it-attrs": "^4.3.1",
-    "markdown-it-deflist": "^3.0.0",
+    "markdown-it-attrs": "^5.0.0",
+    "markdown-it-deflist": "^3.0.1",
     "markdown-it-footnote": "^4.0.0",
-    "markdown-it-github-alerts": "^1.0.0",
+    "markdown-it-github-alerts": "^1.0.1",
     "markdown-it-govuk": "^0.9.0",
-    "markdown-it-image-figures": "^2.0.0",
+    "markdown-it-image-figures": "^2.1.1",
     "markdown-it-ins": "^4.0.0",
     "markdown-it-mark": "^4.0.0",
     "markdown-it-sub": "^2.0.0",
     "markdown-it-sup": "^2.0.0",
-    "markdown-it-table-of-contents": "^1.0.0",
-    "nhsuk-frontend": "^10.4.2",
-    "rollup": "^4.1.0",
-    "sass": "^1.45.1"
+    "markdown-it-table-of-contents": "^1.2.0",
+    "nhsuk-frontend": "^10.5.2",
+    "rollup": "^4.62.2",
+    "sass": "^1.101.0"
   },
   "devDependencies": {
     "@x-govuk/eslint-config": "^0.0.2",
     "@x-govuk/nhsuk-eleventy-plugin": "file:./",
-    "np": "^11.0.0",
-    "prettier": "^3.1.0",
-    "stylelint": "^16.0.0",
-    "stylelint-config-gds": "^2.0.0",
-    "stylelint-order": "^7.0.0"
+    "np": "^12.0.0",
+    "prettier": "^3.9.5",
+    "stylelint": "^17.14.0",
+    "stylelint-config-gds": "^3.0.0",
+    "stylelint-order": "^8.1.1"
   },
   "peerDependencies": {
     "@sindresorhus/slugify": "^3.0.0",
-    "markdown-it": "^14.1.1",
+    "markdown-it": "^14.2.0",
     "nunjucks": "^3.2.4"
   },
   "engines": {

package/src/components/hero/template.njk

@@ -1,4 +1,26 @@
 {% from "nhsuk/components/button/macro.njk" import button as nhsukButton %}
+
+{%- set classNamesHeading = "nhsuk-hero__heading" -%}
+
+{%- if params.headingSize and
+  params.headingSize in ["xxs", "xs", "s", "m", "l", "xl"] and (
+    not params.headingClasses or (
+      not "nhsuk-heading-xxs" in params.headingClasses and
+      not "nhsuk-heading-xs" in params.headingClasses and
+      not "nhsuk-heading-s" in params.headingClasses and
+      not "nhsuk-heading-m" in params.headingClasses and
+      not "nhsuk-heading-l" in params.headingClasses and
+      not "nhsuk-heading-xl" in params.headingClasses
+    )
+  )
+%}
+  {% set classNamesHeading = classNamesHeading ~ " nhsuk-heading-" ~ params.headingSize %}
+{% endif %}
+
+{%- if params.headingClasses %}
+  {% set classNamesHeading = classNamesHeading ~ " " ~ params.headingClasses %}
+{% endif %}
+
 <div class="nhsuk-hero">
   <div class="nhsuk-width-container nhsuk-hero--border">
     <div class="nhsuk-grid-row">
@@ -10,7 +32,7 @@
           </span>
           {% endif %}
           {% if params.title %}
-          <h1 class="nhsuk-hero__heading{%- if params.headingClasses %} {{ params.headingClasses }}{% endif %}">
+          <h1 class="{{ classNamesHeading }}">
             {{- params.title | smart -}}
           </h1>
           {% endif %}

package/src/components/prose-scope/_index.scss

@@ -35,7 +35,7 @@
     [class^="nhsuk-heading"][tabindex] .nhsuk-link {
       @include nhsuk-link-style-text;
 
-      // stylelint-disable no-duplicate-selectors
+      // stylelint-disable block-no-redundant-nested-style-rules
       & {
         text-decoration: none;
       }

package/src/components/search/_index.scss

@@ -60,7 +60,7 @@ $_input-padding-right: nhsuk-px-to-rem(12px + $_icon-size);
   }
 
   .app-search__menu--overlay {
-    box-shadow: 0 0 3px 0 rgba(nhsuk-colour("grey-1"), 0.5);
+    box-shadow: 0 0 3px 0 rgb(nhsuk-colour("grey-1"), 0.5);
     left: 0;
     position: absolute;
     top: 100%;

package/src/layouts/base.njk

@@ -1,4 +1,4 @@
-{% extends "nhsuk/template.njk" %}
+{% extends "nhsuk/template-with-imports.njk" %}
 
 {% set themeColor = options.themeColor | default("#005eb8", true) -%}
 
@@ -15,12 +15,6 @@
 {% set breadcrumbItems = collections.all | eleventyNavigationBreadcrumb(eleventyNavigation.key, { includeSelf: includeInBreadcrumbs, allowMissing: true }) | itemsFromNavigation(page.url) if eleventyNavigation.key %}
 {% set showBreadcrumbs = options.showBreadcrumbs != false and breadcrumbItems | length > 0 %}
 
-{% from "nhsuk/components/breadcrumb/macro.njk" import breadcrumb as nhsukBreadcrumb %}
-{% from "nhsuk/components/footer/macro.njk" import footer as nhsukFooter %}
-{% from "nhsuk/components/header/macro.njk" import header as nhsukHeader %}
-{% from "nhsuk/components/images/macro.njk" import image as nhsukImage %}
-{% from "nhsuk/components/pagination/macro.njk" import pagination as nhsukPagination %}
-
 {% from "components/card-group/macro.njk" import appCardGroup with context %}
 {% from "components/document-header/macro.njk" import appDocumentHeader %}
 {% from "components/document-list/macro.njk" import appDocumentList %}
@@ -65,15 +59,15 @@
 {% block header %}
 {% if options._searchIndexPath %}
 <app-search index="{{ options._searchIndexPath | htmlBaseUrl }}">
-  {{ nhsukHeader(options.header | currentPage(page.url)) }}
+  {{ header(options.header | currentPage(page.url)) }}
 </app-search>
 {% else %}
-  {{ nhsukHeader(options.header | currentPage(page.url)) }}
+  {{ header(options.header | currentPage(page.url)) }}
 {% endif %}
 {% endblock %}
 
 {% block footer %}
-  {{ nhsukFooter(options.footer) }}
+  {{ footer(options.footer) }}
 {% endblock %}
 
 {% block bodyEnd %}

package/src/layouts/collection.njk

@@ -1,7 +1,7 @@
 {% extends "layouts/base.njk" %}
 
 {% block beforeContent %}
-  {{ nhsukBreadcrumb({
+  {{ breadcrumb({
     items: breadcrumbItems
   }) if showBreadcrumbs }}
 {% endblock %}
@@ -26,7 +26,7 @@
     items: pagination.items
   }) }}
 
-  {{ nhsukPagination({
+  {{ pagination({
     previous: {
       href: pagination.href.previous
     },

package/src/layouts/hub.njk

@@ -1,7 +1,7 @@
 {% extends "layouts/base.njk" %}
 
 {% block beforeContent %}
-  {{ nhsukBreadcrumb({
+  {{ breadcrumb({
     items: breadcrumbItems
   }) if showBreadcrumbs }}
 {% endblock %}

package/src/layouts/page.njk

@@ -1,7 +1,7 @@
 {% extends "layouts/base.njk" %}
 
 {% block beforeContent %}
-  {{ nhsukBreadcrumb({
+  {{ breadcrumb({
     items: breadcrumbItems
   }) if showBreadcrumbs }}
 {% endblock %}
@@ -18,7 +18,7 @@
   {% if showPagination %}
     {% set previous = collections.navigation | eleventyNavigation(sectionKey or options.homeKey) | getPreviousNavigationItem(page.url) %}
     {% set next = collections.navigation | eleventyNavigation(sectionKey or options.homeKey) | getNextNavigationItem(page.url) %}
-    {{ nhsukPagination({
+    {{ pagination({
       classes: "nhsuk-u-reading-width",
       previousUrl: previous.url if previous,
       previousPage: previous.title if previous,

package/src/layouts/post.njk

@@ -1,7 +1,7 @@
 {% extends "layouts/base.njk" %}
 
 {% block beforeContent %}
-  {{ nhsukBreadcrumb({
+  {{ breadcrumb({
     items: breadcrumbItems
   }) if showBreadcrumbs }}
 {% endblock %}
@@ -21,7 +21,7 @@
   }) }}
 
   {% call appProseScope() %}
-    {{ nhsukImage({
+    {{ image({
       classes: "app-image--full",
       src: image.src,
       alt: image.alt,
@@ -34,7 +34,7 @@
   {% if showPagination %}
     {% set previous = collections.navigation | eleventyNavigation(sectionKey or options.homeKey) | getPreviousNavigationItem(page.url) %}
     {% set next = collections.navigation | eleventyNavigation(sectionKey or options.homeKey) | getNextNavigationItem(page.url) %}
-    {{ nhsukPagination({
+    {{ pagination({
       classes: "nhsuk-u-reading-width",
       previousUrl: previous.url if previous,
       previousPage: previous.title if previous,

package/src/layouts/product.njk

@@ -4,6 +4,7 @@
   {{ appHero({
     caption: caption,
     title: title,
+    headingSize: headingSize,
     headingClasses: headingClasses,
     description: description,
     image: image,

package/src/layouts/sub-navigation.njk

@@ -1,7 +1,7 @@
 {% extends "layouts/base.njk" %}
 
 {% block beforeContent %}
-  {{ nhsukBreadcrumb({
+  {{ breadcrumb({
     items: breadcrumbItems
   }) if showBreadcrumbs }}
 {% endblock %}
@@ -25,7 +25,7 @@
       {% if showPagination %}
         {% set previous = collections.navigation | eleventyNavigation(sectionKey or options.homeKey) | getPreviousNavigationItem(page.url) %}
         {% set next = collections.navigation | eleventyNavigation(sectionKey or options.homeKey) | getNextNavigationItem(page.url) %}
-        {{ nhsukPagination({
+        {{ pagination({
           classes: "nhsuk-u-reading-width",
           previousUrl: previous.url if previous,
           previousPage: previous.title if previous,

package/src/markdown-it/highlight.js

@@ -1,5 +1,13 @@
+import hljs from 'highlight.js'
 import { highlighter } from 'nhsuk-frontend/lib/highlighter/index.mjs'
 
+// Register all highlight.js languages
+for (const name of hljs.listLanguages()) {
+  if (!highlighter.getLanguage(name)) {
+    highlighter.registerLanguage(name, hljs.getLanguage(name).rawDefinition)
+  }
+}
+
 /**
  * Highlight code using highlight.js
  *

package/src/nunjucks.js

@@ -35,8 +35,11 @@ export function nunjucksConfig(eleventyConfig) {
     ...(includes ? [path.join(input, includes)] : []),
     ...(layouts ? [path.join(input, layouts)] : []),
     input,
-    './node_modules/@x-govuk/nhsuk-eleventy-plugin/src',
-    './node_modules/nhsuk-frontend/dist'
+    'node_modules/@x-govuk/nhsuk-eleventy-plugin/src',
+    'node_modules/nhsuk-frontend/dist/nhsuk/components',
+    'node_modules/nhsuk-frontend/dist/nhsuk/macros',
+    'node_modules/nhsuk-frontend/dist/nhsuk',
+    'node_modules/nhsuk-frontend/dist'
   ]
 
   /**