Add interruption panel - make sure Panel print styles apply to modifiers

[NickColley]

Note

A final review will be available once we get the contribution branch ready
I will manually merge this into #6636 once approved since we cant merge into a external repo via GitHub

Move to below the modifiers for Confirmation and Interruption so that the print styles have higher precedence.

Screenshot of Confirmation and Interruption Panel variants in print render mode

Note that there are issues with the button in print mode but this is unrelated to the Panel so should be considered separately.

[github-actions]

Stylesheets changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/govuk-frontend.min.css b/packages/govuk-frontend/dist/govuk/govuk-frontend.min.css
index 93d224815..9e949019e 100644
--- a/packages/govuk-frontend/dist/govuk/govuk-frontend.min.css
+++ b/packages/govuk-frontend/dist/govuk/govuk-frontend.min.css
@@ -4255,14 +4255,6 @@ screen and (forced-colors:active) {
     }
 }
 
-@media print {
-    .govuk-panel {
-        --govuk-text-colour: inherit;
-        border-color: currentcolor;
-        background: none
-    }
-}
-
 .govuk-panel__title {
     font-size: 2rem;
     line-height: 1.09375;
@@ -4303,6 +4295,14 @@ screen and (forced-colors:active) {
     text-align: left
 }
 
+@media print {
+    .govuk-panel {
+        --govuk-text-colour: inherit;
+        border-color: currentcolor;
+        background: none
+    }
+}
+
 @media (min-width:20em) {
     .govuk-password-input__wrapper {
         flex-direction: row;

---

Action run for 73ee614

[github-actions]

Other changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/components/panel/_mixin.scss b/packages/govuk-frontend/dist/govuk/components/panel/_mixin.scss
index a91cca73b..9b095e041 100644
--- a/packages/govuk-frontend/dist/govuk/components/panel/_mixin.scss
+++ b/packages/govuk-frontend/dist/govuk/components/panel/_mixin.scss
@@ -34,12 +34,6 @@
       // it but the the text remains legible.
       overflow-wrap: break-word;
     }
-
-    @media print {
-      --govuk-text-colour: inherit;
-      border-color: currentcolor;
-      background: none;
-    }
   }
 
   .govuk-panel__title {
@@ -63,5 +57,13 @@
     background: base.govuk-functional-colour(brand);
     text-align: left;
   }
+
+  @media print {
+    .govuk-panel {
+      --govuk-text-colour: inherit;
+      border-color: currentcolor;
+      background: none;
+    }
+  }
 }
 

---

Action run for 73ee614

[github-actions]

📋 Stats

No changes to any distributed file sizes!

---

Action run for 73ee614

[romaricpascal]

Does the job neatly 🥳