Merge pull request #1303 from nhsuk/inset-text-legacy-path

Fix legacy Sass import path for inset text component

Author: colinrotherham

CHANGELOG.md

@@ -1,5 +1,13 @@
 # NHS.UK frontend Changelog
 
+## 9.5.2 - 14 May 2025
+
+:wrench: **Fixes**
+
+We've made fixes to NHS.UK frontend in the following pull requests:
+
+- [#1301: Fix legacy Sass import path for inset text component](https://github.com/nhsuk/nhsuk-frontend/pull/1301)
+
 ## 9.5.1 - 14 May 2025
 
 :wrench: **Fixes**

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nhsuk-frontend",
-  "version": "9.5.1",
+  "version": "9.5.2",
   "description": "NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.",
   "engines": {
     "node": "^20.9.0 || ^22.11.0"

package.json

@@ -0,0 +1,68 @@
+import { compileStringAsync } from 'sass-embedded'
+
+describe('Components', () => {
+  describe('importing using index file', () => {
+    it('forwards all components', async () => {
+      const sass = `
+        @forward "components";
+      `
+
+      const results = compileStringAsync(sass, {
+        loadPaths: ['packages']
+      })
+
+      await expect(results).resolves.not.toThrow()
+    })
+  })
+
+  describe('importing using legacy paths', () => {
+    it('forwards all components', async () => {
+      const sass = `
+        @forward "components/action-link/action-link";
+        @forward "components/back-link/back-link";
+        @forward "components/breadcrumb/breadcrumb";
+        @forward "components/button/button";
+        @forward "components/card/card";
+        @forward "components/contents-list/contents-list";
+        @forward "components/date-input/date-input";
+        @forward "components/details/details";
+        @forward "components/do-dont-list/do-dont-list";
+        @forward "components/error-message/error-message";
+        @forward "components/error-summary/error-summary";
+        @forward "components/fieldset/fieldset";
+        @forward "components/footer/footer";
+        @forward "components/header/header";
+        @forward "components/header/header-organisation";
+        @forward "components/header/header-service";
+        @forward "components/header/header-transactional";
+        @forward "components/header/header-white";
+        @forward "components/hero/hero";
+        @forward "components/hint/hint";
+        @forward "components/images/images";
+        @forward "components/input/input";
+        @forward "components/inset-text/inset-text";
+        @forward "components/label/label";
+        @forward "components/pagination/pagination";
+        @forward "components/panel/panel";
+        @forward "components/checkboxes/checkboxes";
+        @forward "components/radios/radios";
+        @forward "components/select/select";
+        @forward "components/skip-link/skip-link";
+        @forward "components/summary-list/summary-list";
+        @forward "components/tables/tables";
+        @forward "components/tag/tag";
+        @forward "components/task-list/task-list";
+        @forward "components/textarea/textarea";
+        @forward "components/warning-callout/warning-callout";
+        @forward "components/character-count/character-count";
+        @forward "components/tabs/tabs";
+      `
+
+      const results = compileStringAsync(sass, {
+        loadPaths: ['packages']
+      })
+
+      await expect(results).resolves.not.toThrow()
+    })
+  })
+})