Prefer .nhsuk-frontend-supported to .js-enabled

We must avoid adding styles for Internet Explorer 11 (and other older browsers) where support for `<script type="module">` is not available

Author: colinrotherham

backstop.config.js

@@ -80,7 +80,7 @@ module.exports = {
     engine_scripts: 'tests/backstop/engine_scripts',
     html_report: 'tests/backstop/html_report'
   },
-  readySelector: 'body.js-enabled',
+  readySelector: 'body.nhsuk-frontend-supported',
   report: ['browser'],
   scenarios: [
     {

docs/contributing/coding-standards.md

@@ -145,7 +145,7 @@ Bad:
 ```scss
 .nhsuk-checkboxes__conditional {
   // ...
-  .js-enabled &--hidden {
+  .nhsuk-frontend-supported &--hidden {
     // ...
   }
  // ...
@@ -159,7 +159,7 @@ Good:
   // ...
 }
 
-.js-enabled .nhsuk-checkboxes__conditional--hidden {
+.nhsuk-frontend-supported .nhsuk-checkboxes__conditional--hidden {
   // ...
 }
 ```

packages/components/checkboxes/_checkboxes.scss

@@ -146,6 +146,6 @@ $conditional-padding-left: $conditional-border-padding + $nhsuk-checkboxes-label
   }
 }
 
-.js-enabled .nhsuk-checkboxes__conditional--hidden {
+.nhsuk-frontend-supported .nhsuk-checkboxes__conditional--hidden {
   display: none;
 }

packages/components/header/_header.scss

@@ -481,7 +481,7 @@
     justify-content: space-between;
   }
 
-  .js-enabled & {
+  .nhsuk-frontend-supported & {
     flex-wrap: nowrap;
     overflow: hidden;
   }

packages/components/radios/_radios.scss

@@ -169,6 +169,6 @@ $conditional-padding-left: $conditional-border-padding + $nhsuk-radios-label-pad
   }
 }
 
-.js-enabled .nhsuk-radios__conditional--hidden {
+.nhsuk-frontend-supported .nhsuk-radios__conditional--hidden {
   display: none;
 }

packages/components/tabs/_tabs.scss

@@ -38,8 +38,8 @@
   @include nhsuk-responsive-margin(8, "bottom");
 }
 
-// JavaScript enabled
-.js-enabled {
+// ES module JavaScript supported
+.nhsuk-frontend-supported {
   @include govuk-media-query($from: tablet) {
     .nhsuk-tabs__list {
       border-bottom: 1px solid $nhsuk-border-color;