From 5e5cf7762a40bb3022bff93231b171481c34d74e Mon Sep 17 00:00:00 2001
From: Paul <pgflynn@gmail.com>
Date: Mon, 27 Feb 2023 11:57:03 +0000
Subject: [PATCH 1/5] Update breadcrumbs style

---
 packages/components/breadcrumb/README.md      |   2 +-
 .../components/breadcrumb/_breadcrumb.scss    |  11 +++++++----
 packages/components/breadcrumb/template.njk   |   2 +-
 ...nd_Breadcrumb_0_document_0_iPhone_5_SE.png | Bin 4157 -> 3119 bytes
 ...end_Breadcrumb_0_document_1_iPhone_6-8.png | Bin 4656 -> 3606 bytes
 ...-frontend_Breadcrumb_0_document_2_iPad.png | Bin 7764 -> 7812 bytes
 ...eadcrumb_0_document_3_Surface_iPad_Pro.png | Bin 8221 -> 8283 bytes
 7 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/components/breadcrumb/README.md b/packages/components/breadcrumb/README.md
index 813bb6e5c..87e4c939d 100644
--- a/packages/components/breadcrumb/README.md
+++ b/packages/components/breadcrumb/README.md
@@ -25,7 +25,7 @@ Find out more about the breadcrumb component and when to use it in the [NHS digi
       </li>
     </ol>
     <p class="nhsuk-breadcrumb__back">
-      <a class="nhsuk-breadcrumb__backlink" href="/level-one/level-two/level-three">Back to Level three</a>
+      <a class="nhsuk-breadcrumb__backlink" href="/level-one/level-two/level-three"><span class="nhsuk-u-visually-hidden">Back to </span>L Level three</a>
     </p>
   </div>
 </nav>
diff --git a/packages/components/breadcrumb/_breadcrumb.scss b/packages/components/breadcrumb/_breadcrumb.scss
index a66b69a7c..f9fbe754f 100644
--- a/packages/components/breadcrumb/_breadcrumb.scss
+++ b/packages/components/breadcrumb/_breadcrumb.scss
@@ -15,11 +15,10 @@
  */
 
 .nhsuk-breadcrumb {
-  @include print-hide();
+  @include print-hide(); /* [1] */
 
-  background-color: $color_nhsuk-white;
-  padding-bottom: 12px; /* [1] */
-  padding-top: 12px; /* [1] */
+  padding-bottom: nhsuk-spacing(3);
+  padding-top: 20px; /* [2] */
 
   .nhsuk-icon__chevron-right {
     fill: $color_nhsuk-grey-3;
@@ -40,6 +39,10 @@
     position: relative;
     width: 24px;
   }
+
+  + .nhsuk-width-container .nhsuk-main-wrapper {
+    padding-top: 0;
+  }
 }
 
 .nhsuk-breadcrumb__list {
diff --git a/packages/components/breadcrumb/template.njk b/packages/components/breadcrumb/template.njk
index 991f59d24..f90cb3b2c 100644
--- a/packages/components/breadcrumb/template.njk
+++ b/packages/components/breadcrumb/template.njk
@@ -9,6 +9,6 @@
   {% endfor %}
       <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{ params.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ params.text}}</a></li>
     </ol>
-    <p class="nhsuk-breadcrumb__back"><a class="nhsuk-breadcrumb__backlink" href="{{ params.href }}">Back to {{ params.text }}</a></p>
+    <p class="nhsuk-breadcrumb__back"><a class="nhsuk-breadcrumb__backlink" href="{{ params.href }}"><span class="nhsuk-u-visually-hidden">Back to </span>{{ params.text }}</a></p>
   </div>
 </nav>
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_0_iPhone_5_SE.png
index 4302c0ef094c0e9edd183e415678d6fc662ced2b..84a550f27ea936a9d0fc1f9fb853d819a564746f 100644
GIT binary patch
literal 3119
zcmeH~?N`zV6vt6(J{`4m<=Hap9Jkq-mX<9v6Dn=y@ubss)DqBgqD##OQbPoCuH(|F
ztEK`X)OMU_)9?Wk9Vi^loQXfGHGabsOb_4_qW<Jbkl*ZYs26+Tt9$N!abJAy_k8cY
zcfN{=baDFF34uVkM4gX_M<8rYBM`R14j*h)_BjSNZUq}ceB@aK2k@FlAe`r;BF=n$
zlc||ZX_M=)qSe^QvX^!_Zw}h|e;+vi)T{ZULp}>Vna3Q>8O&ANq3SByEC1wgM(^Do
zJ?oY4`82{~{mbe!clY7LbMBvw9_h(!yq$h1yWA<^7;hzV;$^%wykAsT7ZL+AIWl=W
zI8J0irxXf^2n>fR)CNmI!cs|rcEHA=WUA8}F`cyg^ucIEnZM1Bt{uDna(~z4<mWbm
z^f4dqbtqBgT#Tk1cNJ!%Rx%9Y3KU=SlQdhf+zP2vHh?&WgE8*19wF~i-j$U?56>wp
z(N><!LN_;%e)cJn@C-mYvNVT9wl=4QIpuxmpM?;jDM)Pp6?y-+`5|twkD&=G0XE&x
zUzlrj2Sst61%0mT3r1|AX|X}sOJWi8QC5Q+peaV9S`#?5l>W^8>lTrTu=dBSif5f^
z<f`eOYJDxH8#Xnfxj98>Xs}ezKnhh8&Dq9(rNkQ&C@6@as({mhV5L!}pXZH>#mg-z
zOoesKtg0b-vx7iZFerotL^wHCAuO6LOliuJ6ZMuM(7Q30Z1~-@;etjw`+6G~T(8kK
z(VI*4`=?)2D#T)~MMs9%wP8WUl=T@CUqKqnCg&M2ut^gX1hFo(Nb2p`w5eEOU{Fwi
zrm+u_H$igvHE}>X(LAXejaIj#jK9(8GJRyjIF>EA0jE(*)KrPYx;~h_`Q%e*v4M#a
znvn*H51$>Hx_Q7l8xD<mvQDO0=7tFi3w6;z!6#hX3iS_m#@qY@=xeK_>ANlJ8d8zC
zg$h|@d8!53O<<Iu*|VsYKB@)8;<|mYjdXednV=SnCm)jyOC=kozL~>S(H!hE#{C3f
z!K3Cil{6mJo?VY*aRWhIKEUMnUZcR31l4eZeq3lB@vv_bW^N8*3<D5;HpExLD?Vl3
z!ZQCBOHZvRa)>v;FUI5L`LiH(x)YW`lT6ApN2toPttmjxPorq=u^FMuvZJ|*jv^@s
z7m_kS1@C3KfdQC~B3Sc}uNSh)c?1@@u4r;G#m}{~sdC>AOHJ@Ct-L$<t!Pdt1UYa_
zUSCm}b1TkUE04vV$arLieOBaKxU1py=YsBBRSi{f6cj*9<v3FB-dL3Nmf5!rbJUE}
zT^OAi^rKER<3ku+Tl8cX(@wCk21+g@=F;f&ab#{|a?hzQuZkv@4AyZ!yo#-zS`BA!
zO|pucriBQvv9$o%P21!bfYLkwk0=ZMa8}bybcHo+rE-s-UV*z-ucYk>zA>iXZ6xsr
zhNc`*J!+F|P2{J3AwAs2be3GEDSFp`G?hzo*njU$0Fou4>C2S4QKIpVT2-zM&cfq?
zB*LJ@V#-o^@N(F^{wo@0r%Jj1)yBnGOo1jI2-7^F)B6e+e<hf9W~r((IH)-Tv{}zc
z55ezro$6xQl@{&*S>0<7+II?|eW7X~cWIIeCmz8ddE~iYO!r$Ucn)mQ_vxkfc=g2q
zabH!dDlL&k5=|I#E;DNtJ!F)HqqDbIQ>6p-$fo|l14MA6?~NX2cqDRYBy^$dOgs7U
z7QdI5%EEb9!TY3!&65f(b}z&O1*Q?})y!#MFwSxMVG_^eH?pRr`Y-)C-%z7-Sn-&r
z+3%W8TGe*kdS4dx&K|ej;5{sgZHU_t-^<0ZEu?KB{Xd1YNVTcbtzB6?kF#uj0Enn_
LF%g`zso(tv@SK|j

literal 4157
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

diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_1_iPhone_6-8.png
index 7d3978b719c27318afc0dc1aabe0403a4b027dce..d21272a159c882cf0b0a12afaa0ffa9edb1a5b13 100644
GIT binary patch
literal 3606
zcmeH~|5MU;9LF(hX3lx7D{j-YT|c<aveKC*DqB}auBENE%5RWbSdlU$L;<0)<yp&`
zH!+YeeYx^>CKRMd8m4BL^2IMFY9dq$pD73;3G($b_QU>z-R&2CdfvV6{l3@x9<SH?
z^}JWjkqkuWx-Zv3Adt}XgZqy{AOS=OWL4wZPkfQjcmqtI1mKS%_Ca`xh&kV(q4fRV
z{Z!6cP@^7emh)a(G7*mPz~c8?0$1<5bFr{?<kLUa6LP*`T=m2&$}hivec*@l^c{lJ
zZ+cFDRofm?ct4o*;Pvj{n)@Nouciw^8iKP<UK=Ss(*3=DllS1Z9XixG!y4W*c4;>0
zeDBn_L7$?m;F!%64&I`$JJ?$M@eAZKKohV<cUVe-K<M1|z|}RdZ*TvXGW27OtJt2B
zhDoFrODNzm#LVKLek<+cON#MEV;Dy6443StxyQ^=4{IQFsX*#!BS&&?iXxG__)ZUv
za}!m5R*cwN5JtfQxwz3ppf8VHyZkkz`b^f0gf@W{mrZxldOws#dO@{a^dc!N)uuM4
zs;VFnkLm{rcdL4-@_H<iK4U7+w^N+_C<e?-JD-s)E}&ZK`oxZ{P{p?B&52#MXf0#&
zP9p~f$GwpNSa*+p(%Um=?K5b+OiY8obj+^U04tNrWLZ(5lT|Tq5jw19CWEn{G;>hk
zXb`{);xL6OR#GB$<%(kwrkoI!c|x^!3>vb+El=dK%-(lmhw3mqAtXA|&J;$xc?=24
zp|f4X>s&G!*6paWVlySXh_s~<N3)hBRlE9aV#}c%G+G}RuDC;vtU$NH!6li@I0?hs
zA2k70pr`hIt14C}Q6kf5wqcR)ZF+4-fyrgmxguS?9bh4KNeb0#l(~DlD3f1U8)=rI
z6p80ypb9i;Q<LE|%Q<U(CNjCHC0jhZ9T6Avvb#3Pgpz=NKG<Zdj-pXbq*Dfp_ry*X
zp{Rwq46x(IQ3R8kYTghZk6(6<7NPac+6odHZJH8PwxxDqcqHkEIv*?NY`t*)>Wpm~
zS-I4VEmd(vyL>k_tgiAAx9w*@Zb~HsT<<a?P=zWr^{5x`g`hnZO)`6%WW~p2?jJ5~
zqj88{BJBwtjn?3;BI@i@P;D7u;pT&_LTC$vf8lL%*Tu<O^1QGMY$87=9&@~fMWdXZ
zs>7i8T=7}CWU4tMsbmwh7W|#<>d-#7-9}08b!J@Z#l6DOz-xVC-CKgtqLRDH76)6&
zsHC}i%brTp^}XZ;Frq!IB&o2(>p~PMHH;4L8AGmJga52z!O&VhU<p#g^L5uJ$wR0-
zC=}@#i%l3DW^G&n&t)mZD7>x_pku~;g?OElsPy%`B%+#4C}O9?p!HFEiajW<^>XM9
zApzitXC%@3ZfTiftbs%A$22TG+Q_F&zW^5b4OveM`Xp0_<bnv{DkF9>W6=GJ$V(zF
zW|}4v>?!W~3PWp14Ddk+)t`uk<Ea2vB%AXE*icro9qu%y*kp&S!**6`e0&ivEuZS_
z8M88AZL$uH0IkUN3@GgC(Tv>Eg`*0%=M{q?_GqH@12>K<bClVHetr?{-^5u;aa6=g
zLNq^R7Bg-3+D7qq5m!S5p|MC9kz%ZKRAHzECGHWr*lVi><^Uwe3e99@=2dzFFz{#j
zxU@<s-Lc|Qq`q@i3v8{O3#?xquUratqseXGi}NA;D30+#?WQwz2aDEBXs;J5O}RGZ
zU+%?`{;p2b0(K=VE}(P$=KA)i+Sc%{vh6f?cu!jn)pYU}q_aE1+8+4C?H)v3+JXyO
z`#I4segyt5@P7pVEbxy*za#kF@PBi|yWlD}-x>`z{TAk1^dRX6GWPTKox1Wj%hxCc

literal 4656
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
EFAVt?4gdfE

diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_2_iPad.png
index f4337125366efe625a3f0b9a087ba1c57b507f1d..307223df69da30e9f348ee0bea2cf9b0ceb1d85c 100644
GIT binary patch
literal 7812
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
YzDJc8Ez+yyP~HJy2T=#A_QhWP4{~scssI20

literal 7764
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

diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Breadcrumb_0_document_3_Surface_iPad_Pro.png
index 5139dad8e9aad9e36da157a1d8961cf63d909238..1de19e41e67258c6cc055192eff222d65d5074af 100644
GIT binary patch
delta 2610
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

delta 2556
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


From 47d12206788a0ad84d70dc666d97b25b8b8ed343 Mon Sep 17 00:00:00 2001
From: Paul <pgflynn@gmail.com>
Date: Thu, 2 Mar 2023 14:20:05 +0000
Subject: [PATCH 2/5] Linting fixes

---
 packages/components/breadcrumb/README.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/breadcrumb/README.md b/packages/components/breadcrumb/README.md
index 87e4c939d..0b0fc4c20 100644
--- a/packages/components/breadcrumb/README.md
+++ b/packages/components/breadcrumb/README.md
@@ -25,7 +25,10 @@ Find out more about the breadcrumb component and when to use it in the [NHS digi
       </li>
     </ol>
     <p class="nhsuk-breadcrumb__back">
-      <a class="nhsuk-breadcrumb__backlink" href="/level-one/level-two/level-three"><span class="nhsuk-u-visually-hidden">Back to </span>L Level three</a>
+      <a class="nhsuk-breadcrumb__backlink" href="/level-one/level-two/level-three">
+        <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
+        Level three
+      </a>
     </p>
   </div>
 </nav>

From d5310222d33df9a57165fc7efd7ade359c81e32f Mon Sep 17 00:00:00 2001
From: Paul <pgflynn@gmail.com>
Date: Mon, 6 Mar 2023 20:14:18 +0000
Subject: [PATCH 3/5] Update _breadcrumb.scss

Update the number references in the comments and remove unused comments.
---
 packages/components/breadcrumb/_breadcrumb.scss | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/components/breadcrumb/_breadcrumb.scss b/packages/components/breadcrumb/_breadcrumb.scss
index f9fbe754f..182e8a18f 100644
--- a/packages/components/breadcrumb/_breadcrumb.scss
+++ b/packages/components/breadcrumb/_breadcrumb.scss
@@ -3,15 +3,13 @@
    ========================================================================== */
 
 /**
- * 1. Bespoke spacing numbers used as there is no 12px
+ * 1. Hide the breadcrumb on print stylesheets.
+ * 2. Bespoke spacing numbers used as there is no 20px
  *    spacing mapped in settings/spacing.
- * 2. Hide the breadcrumb on print stylesheets.
  * 3. Don't show the full breadcrumb below tablet size.
  * 4. Typography sizing mixin, see core/tools/_typography
  * 5. and core/settings/_typography for size maps.
  * 5. .. but show a back to index page link.
- * 6. Remove spacing between back icon and label.
- * 7. Custom padding for the chevron separator icon.
  */
 
 .nhsuk-breadcrumb {

From feb413fbb68c0694e3a3f0f431a6e1c7a0fa861f Mon Sep 17 00:00:00 2001
From: Paul <pgflynn@gmail.com>
Date: Sun, 12 Mar 2023 18:40:10 +0000
Subject: [PATCH 4/5] update changelog

---
 CHANGELOG.md | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 72d75c0be..2d1676f79 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,31 @@
 - Added Character Count component, ported from govuk-frontend ([PR 811](https://github.com/nhsuk/nhsuk-frontend/pull/811))
 - Added Tabs component, ported from govuk-frontend ([PR 828](https://github.com/nhsuk/nhsuk-frontend/pull/828))
 
+:boom: **Breaking changes**
+
+- Breadcrumb update
+
+We iterated the breadcrumb, removing the white banner and bringing the breadcrumb link closer to the page heading, which it relates to, giving the heading context of where it sits within the site. Instead of having this:
+
+```
+  <p class="nhsuk-breadcrumb__back">
+    <a class="nhsuk-breadcrumb__backlink" href="/level-one/level-two/level-three">
+      Back to Level three
+    </a>
+  </p>
+```
+
+You will only now need this:
+
+```
+  <p class="nhsuk-breadcrumb__back">
+    <a class="nhsuk-breadcrumb__backlink" href="/level-one/level-two/level-three">
+      <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
+      Level three
+    </a>
+  </p>
+```
+
 :recycle: **Changes**
 
 - Rework clickable cards using CSS invisible overlay rather than JS event handler to avoid problems with using Ctrl-click, middle click, right click to open new tabs ([PR 762](https://github.com/nhsuk/nhsuk-frontend/pull/762)).  

From 798120eb4ded50c8157161cf3f514387a1596631 Mon Sep 17 00:00:00 2001
From: Paul <pgflynn@gmail.com>
Date: Thu, 16 Mar 2023 13:14:20 +0000
Subject: [PATCH 5/5] fixed formatting to maintaince consistency

---
 packages/components/breadcrumb/template.njk | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/components/breadcrumb/template.njk b/packages/components/breadcrumb/template.njk
index f90cb3b2c..f4cc3e064 100644
--- a/packages/components/breadcrumb/template.njk
+++ b/packages/components/breadcrumb/template.njk
@@ -9,6 +9,11 @@
   {% endfor %}
       <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{ params.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ params.text}}</a></li>
     </ol>
-    <p class="nhsuk-breadcrumb__back"><a class="nhsuk-breadcrumb__backlink" href="{{ params.href }}"><span class="nhsuk-u-visually-hidden">Back to </span>{{ params.text }}</a></p>
+    <p class="nhsuk-breadcrumb__back">
+      <a class="nhsuk-breadcrumb__backlink" href="{{ params.href }}">
+        <span class="nhsuk-u-visually-hidden">Back to &nbsp;</span>
+        {{ params.text }}
+      </a>
+    </p>
   </div>
 </nav>