nhsuk-frontend 10.5.2 → 10.6.0

package/dist/nhsuk/assets/images/nhsuk-icon-arrow-up-down.svg

@@ -0,0 +1,5 @@
+<svg class="nhsuk-icon nhsuk-icon--arrow-up-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true" fill="#212b32">
+
+  <path d="M1.5 9.3l5-5c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l5 5a1 1 0 0 1-1.4 1.4l-3.3-3.3L8.2 19a1 1 0 0 1-2 0L6.2 7.4l-3.3 3.3a1 1 0 1 1-1.4-1.4Z"/>
+  <path d="M22.5 14.7l-5 5c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-5-5a1 1 0 0 1 1.4-1.4l3.3 3.3L15.8 5a1 1 0 0 1 2 0L17.8 16.6l3.3-3.3a1 1 0 1 1 1.4 1.4Z"/>
+</svg>

package/dist/nhsuk/common/nhsuk-frontend-version.js

@@ -10,7 +10,7 @@
  *
  * {@link https://github.com/nhsuk/nhsuk-frontend/releases}
  */
-const version = '10.5.2';
+const version = '10.6.0';
 
 exports.version = version;
 //# sourceMappingURL=nhsuk-frontend-version.js.map

package/dist/nhsuk/common/nhsuk-frontend-version.mjs

@@ -8,7 +8,7 @@
  *
  * {@link https://github.com/nhsuk/nhsuk-frontend/releases}
  */
-const version = '10.5.2';
+const version = '10.6.0';
 
 export { version };
 //# sourceMappingURL=nhsuk-frontend-version.mjs.map

package/dist/nhsuk/component.d.mts

@@ -4,19 +4,23 @@
  * Centralises the behaviours shared by our components
  *
  * @abstract
- * @template {Element} [RootElementType=HTMLElement]
+ * @template {HTMLElement} [RootElementType=HTMLElement]
  */
-export class Component<RootElementType extends Element = HTMLElement> {
+export class Component<RootElementType extends HTMLElement = HTMLElement> {
     /**
      * @type {typeof Element}
      */
     static elementType: typeof Element;
     /**
-     * Validates whether components are supported
+     * Validate whether component is supported
      *
-     * @throws {SupportError} when the components are not supported
+     * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+     * @template {HTMLElement} [RootElementType=HTMLElement]
+     * @param {RootElementType} [_$root] - HTML element to use for component
+     * @param {ConfigurationType} [_config] - Config specified by configurable components only
+     * @throws {SupportError} when component is not supported
      */
-    static checkSupport(): void;
+    static checkSupport<ConfigurationType extends Partial<Record<keyof ConfigurationType, unknown>> = ObjectNested, RootElementType_1 extends HTMLElement = HTMLElement>(_$root?: RootElementType_1, _config?: ConfigurationType): void;
     /**
      * Name for the component used when initialising using data-module attributes
      */
@@ -31,6 +35,10 @@ export class Component<RootElementType extends Element = HTMLElement> {
      * @type {RootElementType}
      */
     $root: RootElementType;
+    /**
+     * Set component as initialised
+     */
+    setInitialised(): void;
     /**
      * Validates whether component is already initialised
      *
@@ -60,7 +68,7 @@ export type InitOptions = {
      */
     scope?: Element | Document | null | undefined;
 };
-import type { ConfigurableComponent } from './configurable-component.mjs';
 import type { ObjectNested } from './common/configuration/index.mjs';
+import type { ConfigurableComponent } from './configurable-component.mjs';
 import type { Schema } from './common/configuration/index.mjs';
 //# sourceMappingURL=component.d.mts.map

package/dist/nhsuk/component.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.mts","sourceRoot":"","sources":["../../src/nhsuk/component.mjs"],"names":[],"mappings":"AASA;;;;;;;GAOG;AACH,uBAFwB,eAAe,SAAzB,OAAQ;IAGpB;;OAEG;IACH,oBAFU,OAAO,OAAO,CAEc;IAmDtC;;;;OAIG;IACH,4BAIC;IAED;;OAEG;IACH,0BAAqC;IA1DrC;;;;OAIG;IACH,mBAFW,OAAO,GAAG,IAAI,EAwBxB;IAhCD;;OAEG;IACH,OAFU,eAAe,CAEpB;IA+BL;;;;OAIG;IACH,yBAQC;CAiBF;;;;4BAK+D,aAAa,SAA/D,OAAO,SAAS,GAAG,4BAA6B,uBACjD;IACZ,KAAQ,GAAG,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,YAAY,CAAC,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB;;;;iCAM4D,aAAa,SAA/D,OAAO,SAAS,GAAG,4BAA6B,uBACjD,eAAe,GAAG,aAAa;;;;;;;;;;2CAYF,8BAA8B;kCAD/B,kCAAkC;4BAAlC,kCAAkC"}
+{"version":3,"file":"component.d.mts","sourceRoot":"","sources":["../../src/nhsuk/component.mjs"],"names":[],"mappings":"AASA;;;;;;;GAOG;AACH,uBAF4B,eAAe,SAA7B,WAAY;IAGxB;;OAEG;IACH,oBAFU,OAAO,OAAO,CAEc;IA+DtC;;;;;;;;OAQG;IACH,oBANkE,iBAAiB,SAArE,OAAO,CAAC,MAAM,CAAC,MAAM,iBAAiB,EAAE,OAAO,CAAC,CAAE,2CAClD,WAAY,yBACf,iBAAe,YACf,iBAAiB,QAO3B;IAED;;OAEG;IACH,0BAAqC;IA1ErC;;;;OAIG;IACH,mBAFW,OAAO,GAAG,IAAI,EAsBxB;IA9BD;;OAEG;IACH,OAFU,eAAe,CAEpB;IA6BL;;OAEG;IACH,uBASC;IAED;;;;OAIG;IACH,yBAQC;CAqBF;;;;4BAK+D,aAAa,SAA/D,OAAO,SAAS,GAAG,4BAA6B,uBACjD;IACZ,KAAQ,GAAG,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,YAAY,CAAC,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAA;CACnB;;;;iCAM4D,aAAa,SAA/D,OAAO,SAAS,GAAG,4BAA6B,uBACjD,eAAe,GAAG,aAAa;;;;;;;;;;kCAWH,kCAAkC;2CACjC,8BAA8B;4BAD/B,kCAAkC"}

package/dist/nhsuk/component.js

@@ -13,7 +13,7 @@ const _self = typeof globalThis !== 'undefined' ? globalThis // Modern browsers,
  * Centralises the behaviours shared by our components
  *
  * @abstract
- * @template {Element} [RootElementType=HTMLElement]
+ * @template {HTMLElement} [RootElementType=HTMLElement]
  */
 class Component {
   /**
@@ -37,7 +37,18 @@ class Component {
       });
     }
     this.$root = /** @type {RootElementType} */$root;
-    childConstructor.checkSupport();
+    if (!('defaults' in childConstructor)) {
+      childConstructor.checkSupport(this.$root);
+      this.setInitialised();
+    }
+  }
+
+  /**
+   * Set component as initialised
+   */
+  setInitialised() {
+    const childConstructor = /** @type {ComponentConstructor} */
+    this.constructor;
     this.checkInitialised();
     const {
       moduleName
@@ -59,11 +70,15 @@ class Component {
   }
 
   /**
-   * Validates whether components are supported
+   * Validate whether component is supported
    *
-   * @throws {SupportError} when the components are not supported
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @template {HTMLElement} [RootElementType=HTMLElement]
+   * @param {RootElementType} [_$root] - HTML element to use for component
+   * @param {ConfigurationType} [_config] - Config specified by configurable components only
+   * @throws {SupportError} when component is not supported
    */
-  static checkSupport() {
+  static checkSupport(_$root, _config) {
     if (!index$1.isSupported()) {
       throw new index.SupportError();
     }

package/dist/nhsuk/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/nhsuk/component.mjs"],"names":["_self","globalThis","self","Component","constructor","$root","childConstructor","elementType","ElementError","element","component","identifier","expectedType","name","checkSupport","checkInitialised","moduleName","setAttribute","isInitialised","InitError","isSupported","SupportError","HTMLElement"],"mappings":";;;;;AAAA;AAIA,MAAMA,KAAK,GACT,OAAOC,UAAU,KAAK,WAAW,GAC7BA,UAAU;AAAC,EACXC,IAAI,CAAA;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,CAAC;AAWrB;AACF;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAVnB;AACF;AACA;AAFE,IAAA,IAAA,CAGAA,KAAK,GAAA,KAAA,CAAA;AAQH,IAAA,MAAMC,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAI,CAACC,KAAK,IAAI,EAAEA,KAAK,YAAYC,gBAAgB,CAACC,WAAW,CAAC,EAAE;MAC9D,MAAM,IAAIC,kBAAY,CAAC;AACrBC,QAAAA,OAAO,EAAEJ,KAAK;AACdK,QAAAA,SAAS,EAAEJ,gBAAgB;AAC3BK,QAAAA,UAAU,EAAE,wBAAwB;AACpCC,QAAAA,YAAY,EAAEN,gBAAgB,CAACC,WAAW,CAACM;AAC7C,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI,CAACR,KAAK,iCAAmCA,KAAM;IAEnDC,gBAAgB,CAACQ,YAAY,EAAE;IAE/B,IAAI,CAACC,gBAAgB,EAAE;IAEvB,MAAM;AAAEC,MAAAA;AAAW,KAAC,GAAGV,gBAAgB;IACvC,IAAI,CAACD,KAAK,CAACY,YAAY,CAAC,QAAQD,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACED,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMT,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAIc,qBAAa,CAAC,IAAI,CAACb,KAAK,EAAEC,gBAAgB,CAACU,UAAU,CAAC,EAAE;AAC1D,MAAA,MAAM,IAAIG,eAAS,CAACb,gBAAgB,CAAC;AACvC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,OAAOQ,YAAYA,GAAG;AACpB,IAAA,IAAI,CAACM,mBAAW,EAAE,EAAE;MAClB,MAAM,IAAIC,kBAAY,EAAE;AAC1B,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AApGE;AACF;AACA;AAHalB,SAAS,CAIbI,WAAW,GAAGP,KAAK,CAACsB,WAAW;AAJ3BnB,SAAS,CAqEba,UAAU,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/nhsuk/component.mjs"],"names":["_self","globalThis","self","Component","constructor","$root","childConstructor","elementType","ElementError","element","component","identifier","expectedType","name","checkSupport","setInitialised","checkInitialised","moduleName","setAttribute","isInitialised","InitError","_$root","_config","isSupported","SupportError","HTMLElement"],"mappings":";;;;;AAAA;AAIA,MAAMA,KAAK,GACT,OAAOC,UAAU,KAAK,WAAW,GAC7BA,UAAU;AAAC,EACXC,IAAI,CAAA;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,CAAC;AAWrB;AACF;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAVnB;AACF;AACA;AAFE,IAAA,IAAA,CAGAA,KAAK,GAAA,KAAA,CAAA;AAQH,IAAA,MAAMC,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAI,CAACC,KAAK,IAAI,EAAEA,KAAK,YAAYC,gBAAgB,CAACC,WAAW,CAAC,EAAE;MAC9D,MAAM,IAAIC,kBAAY,CAAC;AACrBC,QAAAA,OAAO,EAAEJ,KAAK;AACdK,QAAAA,SAAS,EAAEJ,gBAAgB;AAC3BK,QAAAA,UAAU,EAAE,wBAAwB;AACpCC,QAAAA,YAAY,EAAEN,gBAAgB,CAACC,WAAW,CAACM;AAC7C,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI,CAACR,KAAK,iCAAmCA,KAAM;AAEnD,IAAA,IAAI,EAAE,UAAU,IAAIC,gBAAgB,CAAC,EAAE;AACrCA,MAAAA,gBAAgB,CAACQ,YAAY,CAAC,IAAI,CAACT,KAAK,CAAC;MACzC,IAAI,CAACU,cAAc,EAAE;AACvB,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACEA,EAAAA,cAAcA,GAAG;AACf,IAAA,MAAMT,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAI,CAACY,gBAAgB,EAAE;IAEvB,MAAM;AAAEC,MAAAA;AAAW,KAAC,GAAGX,gBAAgB;IACvC,IAAI,CAACD,KAAK,CAACa,YAAY,CAAC,QAAQD,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACED,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMV,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAIe,qBAAa,CAAC,IAAI,CAACd,KAAK,EAAEC,gBAAgB,CAACW,UAAU,CAAC,EAAE;AAC1D,MAAA,MAAM,IAAIG,eAAS,CAACd,gBAAgB,CAAC;AACvC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE,EAAA,OAAOQ,YAAYA,CAACO,MAAM,EAAEC,OAAO,EAAE;AACnC,IAAA,IAAI,CAACC,mBAAW,EAAE,EAAE;MAClB,MAAM,IAAIC,kBAAY,EAAE;AAC1B,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AApHE;AACF;AACA;AAHarB,SAAS,CAIbI,WAAW,GAAGP,KAAK,CAACyB,WAAW;AAJ3BtB,SAAS,CAqFbc,UAAU,GAAG,iBAAiB;;;;"}

package/dist/nhsuk/component.mjs

@@ -11,7 +11,7 @@ const _self = typeof globalThis !== 'undefined' ? globalThis // Modern browsers,
  * Centralises the behaviours shared by our components
  *
  * @abstract
- * @template {Element} [RootElementType=HTMLElement]
+ * @template {HTMLElement} [RootElementType=HTMLElement]
  */
 class Component {
   /**
@@ -35,7 +35,18 @@ class Component {
       });
     }
     this.$root = /** @type {RootElementType} */$root;
-    childConstructor.checkSupport();
+    if (!('defaults' in childConstructor)) {
+      childConstructor.checkSupport(this.$root);
+      this.setInitialised();
+    }
+  }
+
+  /**
+   * Set component as initialised
+   */
+  setInitialised() {
+    const childConstructor = /** @type {ComponentConstructor} */
+    this.constructor;
     this.checkInitialised();
     const {
       moduleName
@@ -57,11 +68,15 @@ class Component {
   }
 
   /**
-   * Validates whether components are supported
+   * Validate whether component is supported
    *
-   * @throws {SupportError} when the components are not supported
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @template {HTMLElement} [RootElementType=HTMLElement]
+   * @param {RootElementType} [_$root] - HTML element to use for component
+   * @param {ConfigurationType} [_config] - Config specified by configurable components only
+   * @throws {SupportError} when component is not supported
    */
-  static checkSupport() {
+  static checkSupport(_$root, _config) {
     if (!isSupported()) {
       throw new SupportError();
     }

package/dist/nhsuk/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../src/nhsuk/component.mjs"],"names":["_self","globalThis","self","Component","constructor","$root","childConstructor","elementType","ElementError","element","component","identifier","expectedType","name","checkSupport","checkInitialised","moduleName","setAttribute","isInitialised","InitError","isSupported","SupportError","HTMLElement"],"mappings":";;;AAAA;AAIA,MAAMA,KAAK,GACT,OAAOC,UAAU,KAAK,WAAW,GAC7BA,UAAU;AAAC,EACXC,IAAI,CAAA;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,CAAC;AAWrB;AACF;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAVnB;AACF;AACA;AAFE,IAAA,IAAA,CAGAA,KAAK,GAAA,KAAA,CAAA;AAQH,IAAA,MAAMC,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAI,CAACC,KAAK,IAAI,EAAEA,KAAK,YAAYC,gBAAgB,CAACC,WAAW,CAAC,EAAE;MAC9D,MAAM,IAAIC,YAAY,CAAC;AACrBC,QAAAA,OAAO,EAAEJ,KAAK;AACdK,QAAAA,SAAS,EAAEJ,gBAAgB;AAC3BK,QAAAA,UAAU,EAAE,wBAAwB;AACpCC,QAAAA,YAAY,EAAEN,gBAAgB,CAACC,WAAW,CAACM;AAC7C,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI,CAACR,KAAK,iCAAmCA,KAAM;IAEnDC,gBAAgB,CAACQ,YAAY,EAAE;IAE/B,IAAI,CAACC,gBAAgB,EAAE;IAEvB,MAAM;AAAEC,MAAAA;AAAW,KAAC,GAAGV,gBAAgB;IACvC,IAAI,CAACD,KAAK,CAACY,YAAY,CAAC,QAAQD,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACED,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMT,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAIc,aAAa,CAAC,IAAI,CAACb,KAAK,EAAEC,gBAAgB,CAACU,UAAU,CAAC,EAAE;AAC1D,MAAA,MAAM,IAAIG,SAAS,CAACb,gBAAgB,CAAC;AACvC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,OAAOQ,YAAYA,GAAG;AACpB,IAAA,IAAI,CAACM,WAAW,EAAE,EAAE;MAClB,MAAM,IAAIC,YAAY,EAAE;AAC1B,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AApGE;AACF;AACA;AAHalB,SAAS,CAIbI,WAAW,GAAGP,KAAK,CAACsB,WAAW;AAJ3BnB,SAAS,CAqEba,UAAU,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../src/nhsuk/component.mjs"],"names":["_self","globalThis","self","Component","constructor","$root","childConstructor","elementType","ElementError","element","component","identifier","expectedType","name","checkSupport","setInitialised","checkInitialised","moduleName","setAttribute","isInitialised","InitError","_$root","_config","isSupported","SupportError","HTMLElement"],"mappings":";;;AAAA;AAIA,MAAMA,KAAK,GACT,OAAOC,UAAU,KAAK,WAAW,GAC7BA,UAAU;AAAC,EACXC,IAAI,CAAA;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,CAAC;AAWrB;AACF;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAVnB;AACF;AACA;AAFE,IAAA,IAAA,CAGAA,KAAK,GAAA,KAAA,CAAA;AAQH,IAAA,MAAMC,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAI,CAACC,KAAK,IAAI,EAAEA,KAAK,YAAYC,gBAAgB,CAACC,WAAW,CAAC,EAAE;MAC9D,MAAM,IAAIC,YAAY,CAAC;AACrBC,QAAAA,OAAO,EAAEJ,KAAK;AACdK,QAAAA,SAAS,EAAEJ,gBAAgB;AAC3BK,QAAAA,UAAU,EAAE,wBAAwB;AACpCC,QAAAA,YAAY,EAAEN,gBAAgB,CAACC,WAAW,CAACM;AAC7C,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI,CAACR,KAAK,iCAAmCA,KAAM;AAEnD,IAAA,IAAI,EAAE,UAAU,IAAIC,gBAAgB,CAAC,EAAE;AACrCA,MAAAA,gBAAgB,CAACQ,YAAY,CAAC,IAAI,CAACT,KAAK,CAAC;MACzC,IAAI,CAACU,cAAc,EAAE;AACvB,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACEA,EAAAA,cAAcA,GAAG;AACf,IAAA,MAAMT,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAI,CAACY,gBAAgB,EAAE;IAEvB,MAAM;AAAEC,MAAAA;AAAW,KAAC,GAAGX,gBAAgB;IACvC,IAAI,CAACD,KAAK,CAACa,YAAY,CAAC,QAAQD,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACED,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMV,gBAAgB;AACpB,IAAA,IAAI,CAACF,WACN;IAED,IAAIe,aAAa,CAAC,IAAI,CAACd,KAAK,EAAEC,gBAAgB,CAACW,UAAU,CAAC,EAAE;AAC1D,MAAA,MAAM,IAAIG,SAAS,CAACd,gBAAgB,CAAC;AACvC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE,EAAA,OAAOQ,YAAYA,CAACO,MAAM,EAAEC,OAAO,EAAE;AACnC,IAAA,IAAI,CAACC,WAAW,EAAE,EAAE;MAClB,MAAM,IAAIC,YAAY,EAAE;AAC1B,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AApHE;AACF;AACA;AAHarB,SAAS,CAIbI,WAAW,GAAGP,KAAK,CAACyB,WAAW;AAJ3BtB,SAAS,CAqFbc,UAAU,GAAG,iBAAiB;;;;"}

package/dist/nhsuk/components/_index.scss

@@ -33,6 +33,7 @@
 @forward "inset-text";
 @forward "notification-banner";
 @forward "panel";
+@forward "scroll";
 @forward "summary-list";
 @forward "tables";
 @forward "tabs";

package/dist/nhsuk/components/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/nhsuk/components/_index.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,aAAa;AACb,GAAG;;AAEH,eAAe;AACf,iBAAiB;AACjB,wBAAwB;AACxB,wBAAwB;AACxB,mBAAmB;AACnB,eAAe;AACf,gBAAgB;;AAEhB,iBAAiB;AACjB,qBAAqB;AACrB,gBAAgB;AAChB,iBAAiB;AACjB,iBAAiB;AACjB,mBAAmB;;AAEnB,6BAA6B;AAC7B,0BAA0B;AAC1B,qBAAqB;AACrB,sBAAsB;AACtB,yBAAyB;AACzB,uBAAuB;;AAEvB,sBAAsB;AACtB,eAAe;AACf,kBAAkB;AAClB,uBAAuB;AACvB,eAAe;AACf,iBAAiB;AACjB,qBAAqB;AACrB,8BAA8B;AAC9B,gBAAgB;AAChB,uBAAuB;AACvB,iBAAiB;AACjB,eAAe;AACf,cAAc;AACd,oBAAoB;AACpB,0BAA0B;;AAE1B,YAAY;AACZ,sBAAsB;AACtB,oBAAoB;AACpB,wBAAwB;AACxB,iBAAiB;AACjB,qBAAqB;AACrB,oBAAoB;;AAEpB,wBAAwB;AACxB,qBAAqB;AACrB,eAAe;AACf,iBAAiB","file":"_index.scss","sourcesContent":["////\n/// Components\n////\n\n// Form elements\n@forward \"button\";\n@forward \"error-message\";\n@forward \"error-summary\";\n@forward \"fieldset\";\n@forward \"hint\";\n@forward \"label\";\n\n// Form components\n@forward \"checkboxes\";\n@forward \"input\";\n@forward \"radios\";\n@forward \"select\";\n@forward \"textarea\";\n\n// Form components (composite)\n@forward \"character-count\";\n@forward \"date-input\";\n@forward \"file-upload\";\n@forward \"password-input\";\n@forward \"search-input\";\n\n// Content presentation\n@forward \"code\";\n@forward \"details\";\n@forward \"do-dont-list\";\n@forward \"hero\";\n@forward \"images\";\n@forward \"inset-text\";\n@forward \"notification-banner\";\n@forward \"panel\";\n@forward \"summary-list\";\n@forward \"tables\";\n@forward \"tabs\";\n@forward \"tag\";\n@forward \"task-list\";\n@forward \"warning-callout\";\n\n// Navigation\n@forward \"action-link\";\n@forward \"back-link\";\n@forward \"contents-list\";\n@forward \"footer\";\n@forward \"pagination\";\n@forward \"skip-link\";\n\n// Navigation (composite)\n@forward \"breadcrumb\";\n@forward \"card\";\n@forward \"header\";\n"]}
+{"version":3,"sources":["../../../src/nhsuk/components/_index.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,aAAa;AACb,GAAG;;AAEH,eAAe;AACf,iBAAiB;AACjB,wBAAwB;AACxB,wBAAwB;AACxB,mBAAmB;AACnB,eAAe;AACf,gBAAgB;;AAEhB,iBAAiB;AACjB,qBAAqB;AACrB,gBAAgB;AAChB,iBAAiB;AACjB,iBAAiB;AACjB,mBAAmB;;AAEnB,6BAA6B;AAC7B,0BAA0B;AAC1B,qBAAqB;AACrB,sBAAsB;AACtB,yBAAyB;AACzB,uBAAuB;;AAEvB,sBAAsB;AACtB,eAAe;AACf,kBAAkB;AAClB,uBAAuB;AACvB,eAAe;AACf,iBAAiB;AACjB,qBAAqB;AACrB,8BAA8B;AAC9B,gBAAgB;AAChB,iBAAiB;AACjB,uBAAuB;AACvB,iBAAiB;AACjB,eAAe;AACf,cAAc;AACd,oBAAoB;AACpB,0BAA0B;;AAE1B,YAAY;AACZ,sBAAsB;AACtB,oBAAoB;AACpB,wBAAwB;AACxB,iBAAiB;AACjB,qBAAqB;AACrB,oBAAoB;;AAEpB,wBAAwB;AACxB,qBAAqB;AACrB,eAAe;AACf,iBAAiB","file":"_index.scss","sourcesContent":["////\n/// Components\n////\n\n// Form elements\n@forward \"button\";\n@forward \"error-message\";\n@forward \"error-summary\";\n@forward \"fieldset\";\n@forward \"hint\";\n@forward \"label\";\n\n// Form components\n@forward \"checkboxes\";\n@forward \"input\";\n@forward \"radios\";\n@forward \"select\";\n@forward \"textarea\";\n\n// Form components (composite)\n@forward \"character-count\";\n@forward \"date-input\";\n@forward \"file-upload\";\n@forward \"password-input\";\n@forward \"search-input\";\n\n// Content presentation\n@forward \"code\";\n@forward \"details\";\n@forward \"do-dont-list\";\n@forward \"hero\";\n@forward \"images\";\n@forward \"inset-text\";\n@forward \"notification-banner\";\n@forward \"panel\";\n@forward \"scroll\";\n@forward \"summary-list\";\n@forward \"tables\";\n@forward \"tabs\";\n@forward \"tag\";\n@forward \"task-list\";\n@forward \"warning-callout\";\n\n// Navigation\n@forward \"action-link\";\n@forward \"back-link\";\n@forward \"contents-list\";\n@forward \"footer\";\n@forward \"pagination\";\n@forward \"skip-link\";\n\n// Navigation (composite)\n@forward \"breadcrumb\";\n@forward \"card\";\n@forward \"header\";\n"]}

package/dist/nhsuk/components/action-link/_index.scss

@@ -48,22 +48,29 @@
     @include nhsuk-link-style-default;
     @include nhsuk-link-style-no-underline;
 
-    @include nhsuk-print-colour {
+    @include nhsuk-responsive-margin(6, "bottom");
+
+    @media print {
       @include nhsuk-link-style-text($nhsuk-print-text-colour);
     }
 
-    @include nhsuk-responsive-margin(6, "bottom");
-
-    @include nhsuk-media-query($from: tablet) {
+    @media #{nhsuk-from-breakpoint(tablet)} {
       padding-left: $_large-icon-size + $_large-icon-spacing; // [2]
       line-height: nhsuk-line-height($_large-icon-size, $font-size: 22px);
     }
 
+    &:focus .nhsuk-u-secondary-text-colour,
+    &:hover .nhsuk-u-secondary-text-colour,
+    &:active .nhsuk-u-secondary-text-colour {
+      // stylelint-disable-next-line declaration-no-important
+      color: currentcolor !important;
+    }
+
     .nhsuk-icon {
       position: absolute;
       left: -$_small-icon-spacing;
 
-      @include nhsuk-media-query($from: tablet) {
+      @media #{nhsuk-from-breakpoint(tablet)} {
         left: -$_large-icon-spacing;
         width: $_large-icon-size;
         height: $_large-icon-size;
@@ -84,6 +91,11 @@
   .nhsuk-action-link--reverse {
     @include nhsuk-link-style-reverse;
 
+    .nhsuk-u-secondary-text-colour {
+      // stylelint-disable-next-line declaration-no-important
+      color: $nhsuk-reverse-secondary-text-colour !important;
+    }
+
     &:not(:focus) .nhsuk-icon,
     &:not(:focus):hover .nhsuk-icon,
     &:not(:focus):active .nhsuk-icon {

package/dist/nhsuk/components/action-link/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/nhsuk/components/action-link/_index.scss"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;AAC9B,kCAAkC;;AAElC,GAAG;AACH,wBAAwB;AACxB,EAAE;AACF,mEAAmE;AACnE,iDAAiD;AACjD,kEAAkE;AAClE,gEAAgE;AAChE,EAAE;AACF,gCAAgC;AAChC,GAAG;;AAEH;EACE,oDAAoD;EACpD,qDAAqD;;EAErD,wCAAwC;EACxC,qDAAqD;;EAErD;IACE,sBAAsB;IACtB,qBAAqB,EAAE,KAAK;;IAE5B,kBAAkB,EAAE,KAAK;;IAEzB,sDAAsD,EAAE,KAAK;;IAE7D,SAAS;;IAET,gBAAgB;;IAEhB,gBAAgB;;IAEhB,eAAe;;IAEf;MACE;QACE,0BAA0B,EAAE,KAAK;MACnC;IACF;;IAEA,uEAAuE;IACvE,iCAAiC;IACjC,sCAAsC;;IAEtC;MACE,wDAAwD;IAC1D;;IAEA,6CAA6C;;IAE7C;MACE,sDAAsD,EAAE,KAAK;MAC7D,mEAAmE;IACrE;;IAEA;MACE,kBAAkB;MAClB,2BAA2B;;MAE3B;QACE,2BAA2B;QAC3B,wBAAwB;QACxB,yBAAyB;MAC3B;IACF;;IAEA;;;MAGE,2BAA2B;;MAE3B;QACE,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE,iCAAiC;;IAEjC;;;MAGE,gCAAgC;;MAEhC;QACE,gBAAgB;MAClB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:math\";\n@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@forward \"../../core/styles/icons\";\n\n////\n/// Action link component\n///\n/// 1. Display inline-block so top and bottom margins are respected.\n/// 2. Add sufficient space between icon and text.\n/// 3. Position is relative so the arrow icon can display absolute.\n/// 4. Text decoration none used to override default <a> styling.\n///\n/// @group components/action-link\n////\n\n@include nhsuk-exports(\"nhsuk/components/action-link\") {\n  $_small-icon-size: nhsuk-px-to-rem($nhsuk-icon-size);\n  $_small-icon-spacing: math.div($_small-icon-size, 10);\n\n  $_large-icon-size: nhsuk-px-to-rem(36px);\n  $_large-icon-spacing: math.div($_large-icon-size, 10);\n\n  .nhsuk-action-link {\n    box-sizing: border-box;\n    display: inline-block; // [1]\n\n    position: relative; // [3]\n\n    padding-left: $_small-icon-size + $_small-icon-spacing; // [2]\n\n    border: 0;\n\n    background: none;\n\n    text-align: left;\n\n    cursor: pointer;\n\n    &:not(:focus):hover {\n      .nhsuk-action-link__text {\n        text-decoration: underline; // [4]\n      }\n    }\n\n    @include nhsuk-font(22, $weight: bold, $line-height: $_small-icon-size);\n    @include nhsuk-link-style-default;\n    @include nhsuk-link-style-no-underline;\n\n    @include nhsuk-print-colour {\n      @include nhsuk-link-style-text($nhsuk-print-text-colour);\n    }\n\n    @include nhsuk-responsive-margin(6, \"bottom\");\n\n    @include nhsuk-media-query($from: tablet) {\n      padding-left: $_large-icon-size + $_large-icon-spacing; // [2]\n      line-height: nhsuk-line-height($_large-icon-size, $font-size: 22px);\n    }\n\n    .nhsuk-icon {\n      position: absolute;\n      left: -$_small-icon-spacing;\n\n      @include nhsuk-media-query($from: tablet) {\n        left: -$_large-icon-spacing;\n        width: $_large-icon-size;\n        height: $_large-icon-size;\n      }\n    }\n\n    &:not(:focus) .nhsuk-icon,\n    &:not(:focus):hover .nhsuk-icon,\n    &:not(:focus):active .nhsuk-icon {\n      fill: nhsuk-colour(\"green\");\n\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        fill: ButtonText;\n      }\n    }\n  }\n\n  .nhsuk-action-link--reverse {\n    @include nhsuk-link-style-reverse;\n\n    &:not(:focus) .nhsuk-icon,\n    &:not(:focus):hover .nhsuk-icon,\n    &:not(:focus):active .nhsuk-icon {\n      fill: $nhsuk-reverse-text-colour;\n\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        fill: ButtonText;\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/nhsuk/components/action-link/_index.scss"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;AAC9B,kCAAkC;;AAElC,GAAG;AACH,wBAAwB;AACxB,EAAE;AACF,mEAAmE;AACnE,iDAAiD;AACjD,kEAAkE;AAClE,gEAAgE;AAChE,EAAE;AACF,gCAAgC;AAChC,GAAG;;AAEH;EACE,oDAAoD;EACpD,qDAAqD;;EAErD,wCAAwC;EACxC,qDAAqD;;EAErD;IACE,sBAAsB;IACtB,qBAAqB,EAAE,KAAK;;IAE5B,kBAAkB,EAAE,KAAK;;IAEzB,sDAAsD,EAAE,KAAK;;IAE7D,SAAS;;IAET,gBAAgB;;IAEhB,gBAAgB;;IAEhB,eAAe;;IAEf;MACE;QACE,0BAA0B,EAAE,KAAK;MACnC;IACF;;IAEA,uEAAuE;IACvE,iCAAiC;IACjC,sCAAsC;;IAEtC,6CAA6C;;IAE7C;MACE,wDAAwD;IAC1D;;IAEA;MACE,sDAAsD,EAAE,KAAK;MAC7D,mEAAmE;IACrE;;IAEA;;;MAGE,sDAAsD;MACtD,8BAA8B;IAChC;;IAEA;MACE,kBAAkB;MAClB,2BAA2B;;MAE3B;QACE,2BAA2B;QAC3B,wBAAwB;QACxB,yBAAyB;MAC3B;IACF;;IAEA;;;MAGE,2BAA2B;;MAE3B;QACE,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,sDAAsD;MACtD,sDAAsD;IACxD;;IAEA;;;MAGE,gCAAgC;;MAEhC;QACE,gBAAgB;MAClB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:math\";\n@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@forward \"../../core/styles/icons\";\n\n////\n/// Action link component\n///\n/// 1. Display inline-block so top and bottom margins are respected.\n/// 2. Add sufficient space between icon and text.\n/// 3. Position is relative so the arrow icon can display absolute.\n/// 4. Text decoration none used to override default <a> styling.\n///\n/// @group components/action-link\n////\n\n@include nhsuk-exports(\"nhsuk/components/action-link\") {\n  $_small-icon-size: nhsuk-px-to-rem($nhsuk-icon-size);\n  $_small-icon-spacing: math.div($_small-icon-size, 10);\n\n  $_large-icon-size: nhsuk-px-to-rem(36px);\n  $_large-icon-spacing: math.div($_large-icon-size, 10);\n\n  .nhsuk-action-link {\n    box-sizing: border-box;\n    display: inline-block; // [1]\n\n    position: relative; // [3]\n\n    padding-left: $_small-icon-size + $_small-icon-spacing; // [2]\n\n    border: 0;\n\n    background: none;\n\n    text-align: left;\n\n    cursor: pointer;\n\n    &:not(:focus):hover {\n      .nhsuk-action-link__text {\n        text-decoration: underline; // [4]\n      }\n    }\n\n    @include nhsuk-font(22, $weight: bold, $line-height: $_small-icon-size);\n    @include nhsuk-link-style-default;\n    @include nhsuk-link-style-no-underline;\n\n    @include nhsuk-responsive-margin(6, \"bottom\");\n\n    @media print {\n      @include nhsuk-link-style-text($nhsuk-print-text-colour);\n    }\n\n    @media #{nhsuk-from-breakpoint(tablet)} {\n      padding-left: $_large-icon-size + $_large-icon-spacing; // [2]\n      line-height: nhsuk-line-height($_large-icon-size, $font-size: 22px);\n    }\n\n    &:focus .nhsuk-u-secondary-text-colour,\n    &:hover .nhsuk-u-secondary-text-colour,\n    &:active .nhsuk-u-secondary-text-colour {\n      // stylelint-disable-next-line declaration-no-important\n      color: currentcolor !important;\n    }\n\n    .nhsuk-icon {\n      position: absolute;\n      left: -$_small-icon-spacing;\n\n      @media #{nhsuk-from-breakpoint(tablet)} {\n        left: -$_large-icon-spacing;\n        width: $_large-icon-size;\n        height: $_large-icon-size;\n      }\n    }\n\n    &:not(:focus) .nhsuk-icon,\n    &:not(:focus):hover .nhsuk-icon,\n    &:not(:focus):active .nhsuk-icon {\n      fill: nhsuk-colour(\"green\");\n\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        fill: ButtonText;\n      }\n    }\n  }\n\n  .nhsuk-action-link--reverse {\n    @include nhsuk-link-style-reverse;\n\n    .nhsuk-u-secondary-text-colour {\n      // stylelint-disable-next-line declaration-no-important\n      color: $nhsuk-reverse-secondary-text-colour !important;\n    }\n\n    &:not(:focus) .nhsuk-icon,\n    &:not(:focus):hover .nhsuk-icon,\n    &:not(:focus):active .nhsuk-icon {\n      fill: $nhsuk-reverse-text-colour;\n\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        fill: ButtonText;\n      }\n    }\n  }\n}\n"]}

package/dist/nhsuk/components/action-link/fixtures.d.mts

@@ -52,10 +52,10 @@ declare const fixtures: {
             selector: string;
         };
     };
-    'as a button': {
+    "as a button": {
         context: {
             text: string;
-            element: string;
+            type: string;
         };
         variants: ({
             description?: undefined;
@@ -75,6 +75,31 @@ declare const fixtures: {
             selector: string;
         };
     };
+    "with HTML": {
+        context: {
+            html: string;
+            href: string;
+        };
+        variants: ({
+            description?: undefined;
+            context?: undefined;
+            options?: undefined;
+        } | {
+            description: string;
+            context: {
+                variant: string;
+            };
+            options: {
+                layout: string;
+            };
+        })[];
+    };
+    "with HTML via call block": {
+        context: {
+            href: string;
+        };
+        callBlock: string;
+    };
 };
 import type { MacroExample } from '#lib';
 export {};

package/dist/nhsuk/components/action-link/fixtures.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"fixtures.d.mts","sourceRoot":"","sources":["../../../../src/nhsuk/components/action-link/fixtures.mjs"],"names":[],"mappings":"AAAA;;;;GAIG;AACH;;;;;;;;;;;;KAaC;AAgCD;;;;;GAKG;AACH,uBAFU,MAAM,CAAC,MAAM,OAAO,QAAQ,EAAE,YAAY,CAAC,CAErB;AApChC;;;;GAIG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBC;kCAWgC,MAAM"}
+{"version":3,"file":"fixtures.d.mts","sourceRoot":"","sources":["../../../../src/nhsuk/components/action-link/fixtures.mjs"],"names":[],"mappings":"AAEA;;;;GAIG;AACH;;;;;;;;;;;;KAaC;AAmDD;;;;;GAKG;AACH,uBAFU,MAAM,CAAC,MAAM,OAAO,QAAQ,EAAE,YAAY,CAAC,CAErB;AAvDhC;;;;GAIG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CC;kCAWgC,MAAM"}

package/dist/nhsuk/components/action-link/fixtures.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var outdent = require('outdent');
+
 /**
  * Nunjucks macro option variants
  *
@@ -8,12 +10,12 @@
 const variants = [{
   // Regular variant
 }, {
-  description: 'reverse',
+  description: "reverse",
   context: {
-    variant: 'reverse'
+    variant: "reverse"
   },
   options: {
-    layout: 'background-blue'
+    layout: "background-blue"
   }
 }];
 
@@ -23,27 +25,46 @@ const variants = [{
  * @satisfies {{ [example: string]: MacroExample }}
  */
 const fixtures = {
-  'default': {
+  "default": {
     context: {
-      text: 'Find your nearest A&E',
-      href: '#'
+      text: "Find your nearest A&E",
+      href: "#/find"
     },
     variants,
     screenshot: {
-      states: ['focus', 'hover', 'active'],
-      selector: '.nhsuk-action-link'
+      states: ["focus", "hover", "active"],
+      selector: ".nhsuk-action-link"
     }
   },
-  'as a button': {
+  "as a button": {
     context: {
-      text: 'Find your nearest A&E',
-      element: 'button'
+      text: "Find your nearest A&E",
+      type: "submit"
     },
     variants,
     screenshot: {
-      states: ['focus', 'hover', 'active'],
-      selector: '.nhsuk-action-link'
+      states: ["focus", "hover", "active"],
+      selector: ".nhsuk-action-link"
     }
+  },
+  "with HTML": {
+    context: {
+      html: outdent.outdent`
+        Start session<br>
+        <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19">(11 cases)</span>
+      `,
+      href: "#/start"
+    },
+    variants
+  },
+  "with HTML via call block": {
+    context: {
+      href: "#/start"
+    },
+    callBlock: outdent.outdent`
+      Start session<br>
+      <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19">(11 cases)</span>
+    `
   }
 };
 

package/dist/nhsuk/components/action-link/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixtures.js","sources":["../../../../src/nhsuk/components/action-link/fixtures.mjs"],"names":["variants","description","context","variant","options","layout","fixtures","text","href","screenshot","states","selector","element","examples"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG,CACtB;AACE;AAAA,CACD,EACD;AACEC,EAAAA,WAAW,EAAE,SAAS;AACtBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE;GACV;AACDC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE;AACV;AACF,CAAC;;AAGH;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAG;AACf,EAAA,SAAS,EAAE;AACTJ,IAAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAE,uBAAuB;AAC7BC,MAAAA,IAAI,EAAE;KACP;IACDR,QAAQ;AACRS,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AACpCC,MAAAA,QAAQ,EAAE;AACZ;GACD;AACD,EAAA,aAAa,EAAE;AACbT,IAAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAE,uBAAuB;AAC7BK,MAAAA,OAAO,EAAE;KACV;IACDZ,QAAQ;AACRS,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AACpCC,MAAAA,QAAQ,EAAE;AACZ;AACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,QAAQ,GAAGP;;AAExB;AACA;AACA;;;;;"}
+{"version":3,"file":"fixtures.js","sources":["../../../../src/nhsuk/components/action-link/fixtures.mjs"],"names":["variants","description","context","variant","options","layout","fixtures","text","href","screenshot","states","selector","type","html","outdent","callBlock","examples"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG,CACtB;AACE;AAAA,CACD,EACD;AACEC,EAAAA,WAAW,EAAE,SAAS;AACtBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE;GACV;AACDC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE;AACV;AACF,CAAC;;AAGH;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAG;AACf,EAAA,SAAS,EAAE;AACTJ,IAAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAE,uBAAuB;AAC7BC,MAAAA,IAAI,EAAE;KACP;IACDR,QAAQ;AACRS,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AACpCC,MAAAA,QAAQ,EAAE;AACZ;GACD;AACD,EAAA,aAAa,EAAE;AACbT,IAAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAE,uBAAuB;AAC7BK,MAAAA,IAAI,EAAE;KACP;IACDZ,QAAQ;AACRS,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AACpCC,MAAAA,QAAQ,EAAE;AACZ;GACD;AACD,EAAA,WAAW,EAAE;AACXT,IAAAA,OAAO,EAAE;AACPW,MAAAA,IAAI,EAAEC,eAAO;AACnB;AACA;AACA,MAAA,CAAO;AACDN,MAAAA,IAAI,EAAE;KACP;AACDR,IAAAA;GACD;AACD,EAAA,0BAA0B,EAAE;AAC1BE,IAAAA,OAAO,EAAE;AACPM,MAAAA,IAAI,EAAE;KACP;AACDO,IAAAA,SAAS,EAAED,eAAO;AACtB;AACA;AACA,IAAA;AACE;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,QAAQ,GAAGV;;AAExB;AACA;AACA;;;;;"}

package/dist/nhsuk/components/action-link/fixtures.json

@@ -6,7 +6,7 @@
       "name": "default",
       "context": {
         "text": "Find your nearest A&E",
-        "href": "#"
+        "href": "#/find"
       },
       "screenshot": {
         "states": [
@@ -17,14 +17,14 @@
         "selector": ".nhsuk-action-link"
       },
       "options": {},
-      "html": "<a class=\"nhsuk-action-link\" href=\"#\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">Find your nearest A&amp;E</span>\n</a>"
+      "html": "<a class=\"nhsuk-action-link\" href=\"#/find\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\n    Find your nearest A&amp;E\n  </span>\n</a>"
     },
     {
       "name": "default",
       "description": "reverse",
       "context": {
         "text": "Find your nearest A&E",
-        "href": "#",
+        "href": "#/find",
         "variant": "reverse"
       },
       "screenshot": {
@@ -38,13 +38,47 @@
       "options": {
         "layout": "background-blue"
       },
-      "html": "<a class=\"nhsuk-action-link nhsuk-action-link--reverse\" href=\"#\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">Find your nearest A&amp;E</span>\n</a>"
+      "html": "<a class=\"nhsuk-action-link nhsuk-action-link--reverse\" href=\"#/find\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\n    Find your nearest A&amp;E\n  </span>\n</a>"
+    },
+    {
+      "name": "with HTML",
+      "context": {
+        "html": "Start session<br>\n<span class=\"nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19\">(11 cases)</span>",
+        "href": "#/start"
+      },
+      "screenshot": false,
+      "options": {},
+      "html": "<a class=\"nhsuk-action-link\" href=\"#/start\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\n    Start session<br>\n    <span class=\"nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19\">(11 cases)</span>\n  </span>\n</a>"
+    },
+    {
+      "name": "with HTML",
+      "description": "reverse",
+      "context": {
+        "html": "Start session<br>\n<span class=\"nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19\">(11 cases)</span>",
+        "href": "#/start",
+        "variant": "reverse"
+      },
+      "screenshot": false,
+      "options": {
+        "layout": "background-blue"
+      },
+      "html": "<a class=\"nhsuk-action-link nhsuk-action-link--reverse\" href=\"#/start\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\n    Start session<br>\n    <span class=\"nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19\">(11 cases)</span>\n  </span>\n</a>"
+    },
+    {
+      "name": "with HTML via call block",
+      "context": {
+        "href": "#/start"
+      },
+      "callBlock": "Start session<br>\n<span class=\"nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19\">(11 cases)</span>",
+      "screenshot": false,
+      "options": {},
+      "html": "<a class=\"nhsuk-action-link\" href=\"#/start\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\nStart session<br>\n<span class=\"nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19\">(11 cases)</span>\n  </span>\n</a>"
     },
     {
       "name": "as a button",
       "context": {
         "text": "Find your nearest A&E",
-        "element": "button"
+        "type": "submit"
       },
       "screenshot": {
         "states": [
@@ -55,14 +89,14 @@
         "selector": ".nhsuk-action-link"
       },
       "options": {},
-      "html": "<button class=\"nhsuk-action-link\" type=\"submit\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">Find your nearest A&amp;E</span>\n</button>"
+      "html": "<button class=\"nhsuk-action-link\" type=\"submit\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\n    Find your nearest A&amp;E\n  </span>\n</button>"
     },
     {
       "name": "as a button",
       "description": "reverse",
       "context": {
         "text": "Find your nearest A&E",
-        "element": "button",
+        "type": "submit",
         "variant": "reverse"
       },
       "screenshot": {
@@ -76,7 +110,7 @@
       "options": {
         "layout": "background-blue"
       },
-      "html": "<button class=\"nhsuk-action-link nhsuk-action-link--reverse\" type=\"submit\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">Find your nearest A&amp;E</span>\n</button>"
+      "html": "<button class=\"nhsuk-action-link nhsuk-action-link--reverse\" type=\"submit\">\n  <svg class=\"nhsuk-icon nhsuk-icon--arrow-right-circle\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\">\n    <path d=\"M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z\"/>\n  </svg>\n  <span class=\"nhsuk-action-link__text\">\n    Find your nearest A&amp;E\n  </span>\n</button>"
     }
   ]
 }

package/dist/nhsuk/components/action-link/fixtures.mjs

@@ -1,3 +1,5 @@
+import { outdent } from 'outdent';
+
 /**
  * Nunjucks macro option variants
  *
@@ -6,12 +8,12 @@
 const variants = [{
   // Regular variant
 }, {
-  description: 'reverse',
+  description: "reverse",
   context: {
-    variant: 'reverse'
+    variant: "reverse"
   },
   options: {
-    layout: 'background-blue'
+    layout: "background-blue"
   }
 }];
 
@@ -21,27 +23,46 @@ const variants = [{
  * @satisfies {{ [example: string]: MacroExample }}
  */
 const fixtures = {
-  'default': {
+  "default": {
     context: {
-      text: 'Find your nearest A&E',
-      href: '#'
+      text: "Find your nearest A&E",
+      href: "#/find"
     },
     variants,
     screenshot: {
-      states: ['focus', 'hover', 'active'],
-      selector: '.nhsuk-action-link'
+      states: ["focus", "hover", "active"],
+      selector: ".nhsuk-action-link"
     }
   },
-  'as a button': {
+  "as a button": {
     context: {
-      text: 'Find your nearest A&E',
-      element: 'button'
+      text: "Find your nearest A&E",
+      type: "submit"
     },
     variants,
     screenshot: {
-      states: ['focus', 'hover', 'active'],
-      selector: '.nhsuk-action-link'
+      states: ["focus", "hover", "active"],
+      selector: ".nhsuk-action-link"
     }
+  },
+  "with HTML": {
+    context: {
+      html: outdent`
+        Start session<br>
+        <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19">(11 cases)</span>
+      `,
+      href: "#/start"
+    },
+    variants
+  },
+  "with HTML via call block": {
+    context: {
+      href: "#/start"
+    },
+    callBlock: outdent`
+      Start session<br>
+      <span class="nhsuk-u-secondary-text-colour nhsuk-u-font-weight-normal nhsuk-u-font-size-19">(11 cases)</span>
+    `
   }
 };