nhsuk-frontend - npm Package Compare versions

Comparing version 8.1.1 to 8.2.0

package.json

 {
   "name": "nhsuk-frontend",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "description": "NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.",
@@ -39,4 +39,6 @@ "scripts": {
     "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-postcss": "^4.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
+    "follow-redirects": "^1.15.6",
     "gulp": "^4.0.2",
@@ -43,0 +45,0 @@ "gulp-clean": "^0.4.0",

packages/components/breadcrumb/README.md

@@ -39,3 +39,3 @@ # Breadcrumb
     {
-      href: "/level-one",
+      href: "#",
       text: "Level one",
@@ -45,7 +45,7 @@ attributes: {lang: "en"}
     {
-      href: "/level-one/level-two",
+      href: "#",
       text: "Level two"
     },
     {
-      href: "/level-one/level-two/level-three",
+      href: "#",
       text: "Level three"
@@ -52,0 +52,0 @@ }

packages/components/card/README.md

@@ -49,3 +49,3 @@ # Card
     <p class="nhsuk-card__description">A quick guide for people who have care and support needs and their carers</p>
-    <svg class="nhsuk-icon nhsuk-icon nhsuk-icon__chevron-right-circle" xmlns="http://www.w3.org/2000/svg" width="27" height="27" aria-hidden="true" focusable="false"><circle cx="13.333" cy="13.333" r="13.333" fill=""></circle><g data-name="Group 1" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.667"><path d="M15.438 13l-3.771 3.771"></path><path data-name="Path" d="M11.667 9.229L15.438 13"></path></g></svg>
+    <svg class="nhsuk-icon" xmlns="http://www.w3.org/2000/svg" width="27" height="27" aria-hidden="true" focusable="false"><circle cx="13.333" cy="13.333" r="13.333" fill=""></circle><g data-name="Group 1" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.667"><path d="M15.438 13l-3.771 3.771"></path><path data-name="Path" d="M11.667 9.229L15.438 13"></path></g></svg>
   </div>
@@ -52,0 +52,0 @@ </div>

packages/components/contents-list/README.md

@@ -44,3 +44,3 @@ # Contents list
     {
-      href: "https://www.nhs.uk/conditions/age-related-macular-degeneration-amd/",
+      href: "#",
       text: "What is AMD?",
@@ -50,7 +50,7 @@ current: "true"
     {
-      href: "https://www.nhs.uk/conditions/age-related-macular-degeneration-amd/symptoms/",
+      href: "#",
       text: "Symptoms"
     },
     {
-      href: "https://www.nhs.uk/conditions/age-related-macular-degeneration-amd/getting-diagnosed/",
+      href: "#",
       text: "Getting diagnosed"
@@ -60,3 +60,3 @@ }
     {
-      href: "https://www.nhs.uk/conditions/age-related-macular-degeneration-amd/treatment/",
+      href: "#",
       text: "Treatments"
@@ -66,3 +66,3 @@ }
     {
-      href: "https://www.nhs.uk/conditions/age-related-macular-degeneration-amd/living-with-amd/",
+      href: "#",
       text: "Living with AMD"
@@ -69,0 +69,0 @@ }

packages/components/inset-text/README.md

@@ -28,3 +28,3 @@ # Inset text
 {{ insetText({
-  "HTML": "<p>You can report any suspected side effect to the <a href=\"https://yellowcard.mhra.gov.uk/\" title=\"External website\">UK safety scheme</a>.</p>"
+  "html": "<p>You can report any suspected side effect to the <a href=\"https://yellowcard.mhra.gov.uk/\" title=\"External website\">UK safety scheme</a>.</p>"
 }) }}
@@ -39,3 +39,3 @@ ```
 | -------------- | ------ | -------- | ------------------------------------------------------------------------------------------------- |
-| **HTML**       | string | Yes      | HTML content to be used within the inset text component.                                          |
+| **html**       | string | Yes      | HTML content to be used within the inset text component.                                          |
 | **classes**    | string | No       | Optional additional classes to add to the inset text container. Separate each class with a space. |
@@ -42,0 +42,0 @@ | **attributes** | object | No       | Any extra HTML attributes (for example data attributes) to add to the inset text container.       |

packages/components/tables/README.md

@@ -202,9 +202,9 @@ # Table
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">Age </span>3 to 5 months (weighing more than 5kg)
+        <span class="nhsuk-table-responsive__heading aria-hidden="true"">Age </span>3 to 5 months (weighing more than 5kg)
       </td>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">How much? </span>2.5ml
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">How much? </span>2.5ml
       </td>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">How often? </span>Max 3 times in 24 hours
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">How often? </span>Max 3 times in 24 hours
       </td>
@@ -214,9 +214,9 @@ </tr>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">Age </span>6 to 11 months
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">Age </span>6 to 11 months
       </td>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">How much? </span>2.5l
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">How much? </span>2.5l
       </td>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">How often? </span>Max 3 to 4 times in 24 hours
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">How often? </span>Max 3 to 4 times in 24 hours
       </td>
@@ -226,9 +226,9 @@ </tr>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">Age </span>1 to 3 years
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">Age </span>1 to 3 years
       </td>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">How much? </span>5ml
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">How much? </span>5ml
       </td>
       <td role="cell" class="nhsuk-table__cell">
-        <span class="nhsuk-table-responsive__heading">How often? </span>Max 3 times in 24 hours
+        <span class="nhsuk-table-responsive__heading" aria-hidden="true">How often? </span>Max 3 times in 24 hours
       </td>
@@ -235,0 +235,0 @@ </tr>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

989386

decreased by-0.1%

Dev dependency count

38

increased by5.56%

Lines of code

8134

decreased by-0.38%

No dependency changes