govuk_publishing_components 37.3.1 → 37.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (301) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/govuk_publishing_components/favicon-development.png +0 -0
  3. data/app/assets/images/govuk_publishing_components/favicon-example.png +0 -0
  4. data/app/assets/images/govuk_publishing_components/favicon-integration.png +0 -0
  5. data/app/assets/images/govuk_publishing_components/favicon-production.png +0 -0
  6. data/app/assets/images/govuk_publishing_components/favicon-staging.png +0 -0
  7. data/app/assets/images/govuk_publishing_components/govuk-logo.png +0 -0
  8. data/app/assets/images/govuk_publishing_components/govuk-schema-placeholder-16x9.png +0 -0
  9. data/app/assets/images/govuk_publishing_components/govuk-schema-placeholder-1x1.png +0 -0
  10. data/app/assets/images/govuk_publishing_components/govuk-schema-placeholder-4x3.png +0 -0
  11. data/app/assets/stylesheets/govuk_publishing_components/components/_cross-service-header.scss +8 -0
  12. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +15 -7
  13. data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +4 -4
  14. data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +5 -4
  15. data/app/views/govuk_publishing_components/components/cross_service_header/_one_login_header.html.erb +3 -2
  16. data/app/views/govuk_publishing_components/components/layout_header/_header_logo.html.erb +5 -3
  17. data/lib/govuk_publishing_components/version.rb +1 -1
  18. data/node_modules/govuk-frontend/govuk/_base.scss +2 -0
  19. data/node_modules/govuk-frontend/govuk/_base.scss.map +1 -0
  20. data/node_modules/govuk-frontend/govuk/all-ie8.scss +2 -0
  21. data/node_modules/govuk-frontend/govuk/all-ie8.scss.map +1 -0
  22. data/node_modules/govuk-frontend/govuk/all.js +1 -1
  23. data/node_modules/govuk-frontend/govuk/all.scss +2 -0
  24. data/node_modules/govuk-frontend/govuk/all.scss.map +1 -0
  25. data/node_modules/govuk-frontend/govuk/assets/images/favicon.ico +0 -0
  26. data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-152x152.png +0 -0
  27. data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-167x167.png +0 -0
  28. data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-180x180.png +0 -0
  29. data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon.png +0 -0
  30. data/node_modules/govuk-frontend/govuk/assets/images/govuk-logotype-tudor-crown.png +0 -0
  31. data/node_modules/govuk-frontend/govuk/assets/images/govuk-mask-icon.svg +1 -7
  32. data/node_modules/govuk-frontend/govuk/assets/images/govuk-opengraph-image.png +0 -0
  33. data/node_modules/govuk-frontend/govuk/common/govuk-frontend-version.js +1 -1
  34. data/node_modules/govuk-frontend/govuk/components/_all.scss +2 -0
  35. data/node_modules/govuk-frontend/govuk/components/_all.scss.map +1 -0
  36. data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss +2 -0
  37. data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss.map +1 -0
  38. data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +8 -10
  39. data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss.map +1 -0
  40. data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss +2 -0
  41. data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss.map +1 -0
  42. data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +4 -4
  43. data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss.map +1 -0
  44. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +2 -0
  45. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss.map +1 -0
  46. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss +4 -4
  47. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss.map +1 -0
  48. data/node_modules/govuk-frontend/govuk/components/button/_button.scss +2 -0
  49. data/node_modules/govuk-frontend/govuk/components/button/_button.scss.map +1 -0
  50. data/node_modules/govuk-frontend/govuk/components/button/_index.scss +2 -0
  51. data/node_modules/govuk-frontend/govuk/components/button/_index.scss.map +1 -0
  52. data/node_modules/govuk-frontend/govuk/components/character-count/_character-count.scss +2 -0
  53. data/node_modules/govuk-frontend/govuk/components/character-count/_character-count.scss.map +1 -0
  54. data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss +2 -0
  55. data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss.map +1 -0
  56. data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +8 -2
  57. data/node_modules/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +2 -0
  58. data/node_modules/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss.map +1 -0
  59. data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +4 -4
  60. data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss.map +1 -0
  61. data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +4 -3
  62. data/node_modules/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss +2 -0
  63. data/node_modules/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss.map +1 -0
  64. data/node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss +2 -0
  65. data/node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss.map +1 -0
  66. data/node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss +2 -0
  67. data/node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss.map +1 -0
  68. data/node_modules/govuk-frontend/govuk/components/date-input/_index.scss +2 -0
  69. data/node_modules/govuk-frontend/govuk/components/date-input/_index.scss.map +1 -0
  70. data/node_modules/govuk-frontend/govuk/components/details/_details.scss +2 -0
  71. data/node_modules/govuk-frontend/govuk/components/details/_details.scss.map +1 -0
  72. data/node_modules/govuk-frontend/govuk/components/details/_index.scss +2 -0
  73. data/node_modules/govuk-frontend/govuk/components/details/_index.scss.map +1 -0
  74. data/node_modules/govuk-frontend/govuk/components/error-message/_error-message.scss +2 -0
  75. data/node_modules/govuk-frontend/govuk/components/error-message/_error-message.scss.map +1 -0
  76. data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss +2 -0
  77. data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss.map +1 -0
  78. data/node_modules/govuk-frontend/govuk/components/error-summary/_error-summary.scss +2 -0
  79. data/node_modules/govuk-frontend/govuk/components/error-summary/_error-summary.scss.map +1 -0
  80. data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss +2 -0
  81. data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss.map +1 -0
  82. data/node_modules/govuk-frontend/govuk/components/exit-this-page/_exit-this-page.scss +2 -0
  83. data/node_modules/govuk-frontend/govuk/components/exit-this-page/_exit-this-page.scss.map +1 -0
  84. data/node_modules/govuk-frontend/govuk/components/exit-this-page/_index.scss +2 -0
  85. data/node_modules/govuk-frontend/govuk/components/exit-this-page/_index.scss.map +1 -0
  86. data/node_modules/govuk-frontend/govuk/components/fieldset/_fieldset.scss +2 -0
  87. data/node_modules/govuk-frontend/govuk/components/fieldset/_fieldset.scss.map +1 -0
  88. data/node_modules/govuk-frontend/govuk/components/fieldset/_index.scss +2 -0
  89. data/node_modules/govuk-frontend/govuk/components/fieldset/_index.scss.map +1 -0
  90. data/node_modules/govuk-frontend/govuk/components/file-upload/_file-upload.scss +2 -0
  91. data/node_modules/govuk-frontend/govuk/components/file-upload/_file-upload.scss.map +1 -0
  92. data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +2 -0
  93. data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss.map +1 -0
  94. data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss +2 -0
  95. data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss.map +1 -0
  96. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +2 -0
  97. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss.map +1 -0
  98. data/node_modules/govuk-frontend/govuk/components/header/_header.scss +2 -0
  99. data/node_modules/govuk-frontend/govuk/components/header/_header.scss.map +1 -0
  100. data/node_modules/govuk-frontend/govuk/components/header/_index.scss +18 -0
  101. data/node_modules/govuk-frontend/govuk/components/header/_index.scss.map +1 -0
  102. data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +29 -21
  103. data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +6 -0
  104. data/node_modules/govuk-frontend/govuk/components/header/template.njk +56 -31
  105. data/node_modules/govuk-frontend/govuk/components/hint/_hint.scss +2 -0
  106. data/node_modules/govuk-frontend/govuk/components/hint/_hint.scss.map +1 -0
  107. data/node_modules/govuk-frontend/govuk/components/hint/_index.scss +2 -0
  108. data/node_modules/govuk-frontend/govuk/components/hint/_index.scss.map +1 -0
  109. data/node_modules/govuk-frontend/govuk/components/input/_index.scss +2 -0
  110. data/node_modules/govuk-frontend/govuk/components/input/_index.scss.map +1 -0
  111. data/node_modules/govuk-frontend/govuk/components/input/_input.scss +2 -0
  112. data/node_modules/govuk-frontend/govuk/components/input/_input.scss.map +1 -0
  113. data/node_modules/govuk-frontend/govuk/components/inset-text/_index.scss +2 -0
  114. data/node_modules/govuk-frontend/govuk/components/inset-text/_index.scss.map +1 -0
  115. data/node_modules/govuk-frontend/govuk/components/inset-text/_inset-text.scss +2 -0
  116. data/node_modules/govuk-frontend/govuk/components/inset-text/_inset-text.scss.map +1 -0
  117. data/node_modules/govuk-frontend/govuk/components/label/_index.scss +2 -0
  118. data/node_modules/govuk-frontend/govuk/components/label/_index.scss.map +1 -0
  119. data/node_modules/govuk-frontend/govuk/components/label/_label.scss +2 -0
  120. data/node_modules/govuk-frontend/govuk/components/label/_label.scss.map +1 -0
  121. data/node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss +2 -0
  122. data/node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss.map +1 -0
  123. data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +2 -0
  124. data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss.map +1 -0
  125. data/node_modules/govuk-frontend/govuk/components/pagination/_index.scss +2 -0
  126. data/node_modules/govuk-frontend/govuk/components/pagination/_index.scss.map +1 -0
  127. data/node_modules/govuk-frontend/govuk/components/pagination/_pagination.scss +2 -0
  128. data/node_modules/govuk-frontend/govuk/components/pagination/_pagination.scss.map +1 -0
  129. data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +2 -0
  130. data/node_modules/govuk-frontend/govuk/components/panel/_index.scss.map +1 -0
  131. data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss +2 -0
  132. data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss.map +1 -0
  133. data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss +2 -0
  134. data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss.map +1 -0
  135. data/node_modules/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +2 -0
  136. data/node_modules/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss.map +1 -0
  137. data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +2 -0
  138. data/node_modules/govuk-frontend/govuk/components/radios/_index.scss.map +1 -0
  139. data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss +2 -0
  140. data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss.map +1 -0
  141. data/node_modules/govuk-frontend/govuk/components/select/_index.scss +2 -0
  142. data/node_modules/govuk-frontend/govuk/components/select/_index.scss.map +1 -0
  143. data/node_modules/govuk-frontend/govuk/components/select/_select.scss +2 -0
  144. data/node_modules/govuk-frontend/govuk/components/select/_select.scss.map +1 -0
  145. data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +36 -9
  146. data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +2 -0
  147. data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss.map +1 -0
  148. data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss +2 -0
  149. data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss.map +1 -0
  150. data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss +2 -0
  151. data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss.map +1 -0
  152. data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss +2 -0
  153. data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss.map +1 -0
  154. data/node_modules/govuk-frontend/govuk/components/table/_index.scss +2 -0
  155. data/node_modules/govuk-frontend/govuk/components/table/_index.scss.map +1 -0
  156. data/node_modules/govuk-frontend/govuk/components/table/_table.scss +2 -0
  157. data/node_modules/govuk-frontend/govuk/components/table/_table.scss.map +1 -0
  158. data/node_modules/govuk-frontend/govuk/components/table/fixtures.json +2 -1
  159. data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +2 -0
  160. data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss.map +1 -0
  161. data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss +2 -0
  162. data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss.map +1 -0
  163. data/node_modules/govuk-frontend/govuk/components/tag/_index.scss +2 -0
  164. data/node_modules/govuk-frontend/govuk/components/tag/_index.scss.map +1 -0
  165. data/node_modules/govuk-frontend/govuk/components/tag/_tag.scss +2 -0
  166. data/node_modules/govuk-frontend/govuk/components/tag/_tag.scss.map +1 -0
  167. data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss +2 -0
  168. data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss.map +1 -0
  169. data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss +2 -0
  170. data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss.map +1 -0
  171. data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss +2 -0
  172. data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss.map +1 -0
  173. data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss +2 -0
  174. data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss.map +1 -0
  175. data/node_modules/govuk-frontend/govuk/core/_all.scss +2 -0
  176. data/node_modules/govuk-frontend/govuk/core/_all.scss.map +1 -0
  177. data/node_modules/govuk-frontend/govuk/core/_global-styles.scss +2 -0
  178. data/node_modules/govuk-frontend/govuk/core/_global-styles.scss.map +1 -0
  179. data/node_modules/govuk-frontend/govuk/core/_govuk-frontend-version.scss +3 -1
  180. data/node_modules/govuk-frontend/govuk/core/_govuk-frontend-version.scss.map +1 -0
  181. data/node_modules/govuk-frontend/govuk/core/_links.scss +2 -0
  182. data/node_modules/govuk-frontend/govuk/core/_links.scss.map +1 -0
  183. data/node_modules/govuk-frontend/govuk/core/_lists.scss +2 -0
  184. data/node_modules/govuk-frontend/govuk/core/_lists.scss.map +1 -0
  185. data/node_modules/govuk-frontend/govuk/core/_section-break.scss +2 -0
  186. data/node_modules/govuk-frontend/govuk/core/_section-break.scss.map +1 -0
  187. data/node_modules/govuk-frontend/govuk/core/_typography.scss +2 -0
  188. data/node_modules/govuk-frontend/govuk/core/_typography.scss.map +1 -0
  189. data/node_modules/govuk-frontend/govuk/helpers/_all.scss +2 -0
  190. data/node_modules/govuk-frontend/govuk/helpers/_all.scss.map +1 -0
  191. data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss +2 -0
  192. data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss.map +1 -0
  193. data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +2 -0
  194. data/node_modules/govuk-frontend/govuk/helpers/_colour.scss.map +1 -0
  195. data/node_modules/govuk-frontend/govuk/helpers/_device-pixels.scss +2 -0
  196. data/node_modules/govuk-frontend/govuk/helpers/_device-pixels.scss.map +1 -0
  197. data/node_modules/govuk-frontend/govuk/helpers/_focused.scss +2 -0
  198. data/node_modules/govuk-frontend/govuk/helpers/_focused.scss.map +1 -0
  199. data/node_modules/govuk-frontend/govuk/helpers/_font-faces.scss +2 -0
  200. data/node_modules/govuk-frontend/govuk/helpers/_font-faces.scss.map +1 -0
  201. data/node_modules/govuk-frontend/govuk/helpers/_grid.scss +2 -0
  202. data/node_modules/govuk-frontend/govuk/helpers/_grid.scss.map +1 -0
  203. data/node_modules/govuk-frontend/govuk/helpers/_links.scss +2 -0
  204. data/node_modules/govuk-frontend/govuk/helpers/_links.scss.map +1 -0
  205. data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss +2 -0
  206. data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss.map +1 -0
  207. data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss +2 -0
  208. data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss.map +1 -0
  209. data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +2 -0
  210. data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss.map +1 -0
  211. data/node_modules/govuk-frontend/govuk/helpers/_typography.scss +2 -0
  212. data/node_modules/govuk-frontend/govuk/helpers/_typography.scss.map +1 -0
  213. data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss +2 -0
  214. data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss.map +1 -0
  215. data/node_modules/govuk-frontend/govuk/objects/_all.scss +2 -0
  216. data/node_modules/govuk-frontend/govuk/objects/_all.scss.map +1 -0
  217. data/node_modules/govuk-frontend/govuk/objects/_button-group.scss +2 -0
  218. data/node_modules/govuk-frontend/govuk/objects/_button-group.scss.map +1 -0
  219. data/node_modules/govuk-frontend/govuk/objects/_form-group.scss +2 -0
  220. data/node_modules/govuk-frontend/govuk/objects/_form-group.scss.map +1 -0
  221. data/node_modules/govuk-frontend/govuk/objects/_grid.scss +2 -0
  222. data/node_modules/govuk-frontend/govuk/objects/_grid.scss.map +1 -0
  223. data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss +2 -0
  224. data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss.map +1 -0
  225. data/node_modules/govuk-frontend/govuk/objects/_template.scss +2 -0
  226. data/node_modules/govuk-frontend/govuk/objects/_template.scss.map +1 -0
  227. data/node_modules/govuk-frontend/govuk/objects/_width-container.scss +2 -0
  228. data/node_modules/govuk-frontend/govuk/objects/_width-container.scss.map +1 -0
  229. data/node_modules/govuk-frontend/govuk/overrides/_all.scss +2 -0
  230. data/node_modules/govuk-frontend/govuk/overrides/_all.scss.map +1 -0
  231. data/node_modules/govuk-frontend/govuk/overrides/_display.scss +2 -0
  232. data/node_modules/govuk-frontend/govuk/overrides/_display.scss.map +1 -0
  233. data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss +2 -0
  234. data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss.map +1 -0
  235. data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss +2 -0
  236. data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss.map +1 -0
  237. data/node_modules/govuk-frontend/govuk/overrides/_typography.scss +2 -0
  238. data/node_modules/govuk-frontend/govuk/overrides/_typography.scss.map +1 -0
  239. data/node_modules/govuk-frontend/govuk/overrides/_width.scss +2 -0
  240. data/node_modules/govuk-frontend/govuk/overrides/_width.scss.map +1 -0
  241. data/node_modules/govuk-frontend/govuk/settings/_all.scss +2 -0
  242. data/node_modules/govuk-frontend/govuk/settings/_all.scss.map +1 -0
  243. data/node_modules/govuk-frontend/govuk/settings/_assets.scss +2 -0
  244. data/node_modules/govuk-frontend/govuk/settings/_assets.scss.map +1 -0
  245. data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss +2 -0
  246. data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss.map +1 -0
  247. data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss +2 -0
  248. data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss.map +1 -0
  249. data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss +2 -0
  250. data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss.map +1 -0
  251. data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss +2 -0
  252. data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss.map +1 -0
  253. data/node_modules/govuk-frontend/govuk/settings/_global-styles.scss +2 -0
  254. data/node_modules/govuk-frontend/govuk/settings/_global-styles.scss.map +1 -0
  255. data/node_modules/govuk-frontend/govuk/settings/_ie8.scss +2 -0
  256. data/node_modules/govuk-frontend/govuk/settings/_ie8.scss.map +1 -0
  257. data/node_modules/govuk-frontend/govuk/settings/_links.scss +2 -0
  258. data/node_modules/govuk-frontend/govuk/settings/_links.scss.map +1 -0
  259. data/node_modules/govuk-frontend/govuk/settings/_measurements.scss +2 -0
  260. data/node_modules/govuk-frontend/govuk/settings/_measurements.scss.map +1 -0
  261. data/node_modules/govuk-frontend/govuk/settings/_media-queries.scss +2 -0
  262. data/node_modules/govuk-frontend/govuk/settings/_media-queries.scss.map +1 -0
  263. data/node_modules/govuk-frontend/govuk/settings/_spacing.scss +2 -0
  264. data/node_modules/govuk-frontend/govuk/settings/_spacing.scss.map +1 -0
  265. data/node_modules/govuk-frontend/govuk/settings/_typography-font-families.scss +2 -0
  266. data/node_modules/govuk-frontend/govuk/settings/_typography-font-families.scss.map +1 -0
  267. data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss +2 -0
  268. data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss.map +1 -0
  269. data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss +2 -0
  270. data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss.map +1 -0
  271. data/node_modules/govuk-frontend/govuk/settings/_warnings.scss +2 -0
  272. data/node_modules/govuk-frontend/govuk/settings/_warnings.scss.map +1 -0
  273. data/node_modules/govuk-frontend/govuk/tools/_all.scss +2 -0
  274. data/node_modules/govuk-frontend/govuk/tools/_all.scss.map +1 -0
  275. data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss +2 -0
  276. data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss.map +1 -0
  277. data/node_modules/govuk-frontend/govuk/tools/_exports.scss +2 -0
  278. data/node_modules/govuk-frontend/govuk/tools/_exports.scss.map +1 -0
  279. data/node_modules/govuk-frontend/govuk/tools/_font-url.scss +2 -0
  280. data/node_modules/govuk-frontend/govuk/tools/_font-url.scss.map +1 -0
  281. data/node_modules/govuk-frontend/govuk/tools/_ie8.scss +2 -0
  282. data/node_modules/govuk-frontend/govuk/tools/_ie8.scss.map +1 -0
  283. data/node_modules/govuk-frontend/govuk/tools/_image-url.scss +2 -0
  284. data/node_modules/govuk-frontend/govuk/tools/_image-url.scss.map +1 -0
  285. data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss +2 -0
  286. data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss.map +1 -0
  287. data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss +2 -0
  288. data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss.map +1 -0
  289. data/node_modules/govuk-frontend/govuk/utilities/_all.scss +2 -0
  290. data/node_modules/govuk-frontend/govuk/utilities/_all.scss.map +1 -0
  291. data/node_modules/govuk-frontend/govuk/utilities/_clearfix.scss +2 -0
  292. data/node_modules/govuk-frontend/govuk/utilities/_clearfix.scss.map +1 -0
  293. data/node_modules/govuk-frontend/govuk/utilities/_visually-hidden.scss +2 -0
  294. data/node_modules/govuk-frontend/govuk/utilities/_visually-hidden.scss.map +1 -0
  295. data/node_modules/govuk-frontend/govuk/vendor/_sass-mq.scss +2 -0
  296. data/node_modules/govuk-frontend/govuk/vendor/_sass-mq.scss.map +1 -0
  297. data/node_modules/govuk-frontend/govuk-esm/common/govuk-frontend-version.mjs +1 -1
  298. data/node_modules/govuk-frontend/govuk-prototype-kit/init.scss +2 -0
  299. data/node_modules/govuk-frontend/govuk-prototype-kit/init.scss.map +1 -0
  300. data/node_modules/govuk-frontend/package.json +1 -1
  301. metadata +135 -2
@@ -108,5 +108,11 @@
108
108
  "type": "object",
109
109
  "required": false,
110
110
  "description": "HTML attributes (for example data attributes) to add to the header container."
111
+ },
112
+ {
113
+ "name": "useTudorCrown",
114
+ "type": "boolean",
115
+ "required": false,
116
+ "description": "If `true`, the header uses the Tudor crown from King Charles III's royal cypher. This will become the default in a future version of GOV.UK Frontend."
111
117
  }
112
118
  ]
@@ -1,42 +1,67 @@
1
1
  {% set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' %}
2
2
 
3
+ {#- We use an inline SVG for the crown so that we can cascade the
4
+ currentColor into the crown whilst continuing to support older browsers
5
+ which do not support external SVGs without a Javascript polyfill. This
6
+ adds approximately 1kb to every page load.
7
+
8
+ We use currentColour so that we can easily invert it when printing and
9
+ when the focus state is applied. This also benefits users who override
10
+ colours in their browser as they will still see the crown.
11
+
12
+ The SVG needs `focusable="false"` so that Internet Explorer does not
13
+ treat it as an interactive element - without this it will be
14
+ 'focusable' when using the keyboard to navigate. #}
15
+
16
+ {% set _stEdwardsCrown %}
17
+ <!--[if gt IE 8]><!-->
18
+ <svg
19
+ aria-hidden="true"
20
+ focusable="false"
21
+ class="govuk-header__logotype-crown"
22
+ xmlns="http://www.w3.org/2000/svg"
23
+ viewBox="0 0 132 97"
24
+ height="30"
25
+ width="36"
26
+ >
27
+ <path
28
+ fill="currentColor" fill-rule="evenodd"
29
+ d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
30
+ </svg>
31
+ <!--<![endif]-->
32
+ <!--[if IE 8]>
33
+ <img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" alt="">
34
+ <![endif]-->
35
+ {% endset %}
36
+
37
+ {% set _tudorCrown %}
38
+ <!--[if gt IE 8]><!-->
39
+ <svg
40
+ aria-hidden="true"
41
+ focusable="false"
42
+ class="govuk-header__logotype-crown"
43
+ xmlns="http://www.w3.org/2000/svg"
44
+ viewBox="0 0 32 30"
45
+ height="30"
46
+ width="32"
47
+ >
48
+ <path
49
+ fill="currentColor" fill-rule="evenodd"
50
+ d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8"></path>
51
+ </svg>
52
+ <!--<![endif]-->
53
+ <!--[if IE 8]>
54
+ <img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-tudor-crown.png" class="govuk-header__logotype-crown-fallback-image" width="32" height="30" alt="">
55
+ <![endif]-->
56
+ {% endset %}
57
+
3
58
  <header class="govuk-header {{ params.classes if params.classes }}" role="banner" data-module="govuk-header"
4
59
  {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
5
60
  <div class="govuk-header__container {{ params.containerClasses | default('govuk-width-container') }}">
6
61
  <div class="govuk-header__logo">
7
62
  <a href="{{ params.homepageUrl | default('/') }}" class="govuk-header__link govuk-header__link--homepage">
8
63
  <span class="govuk-header__logotype">
9
- <!--[if gt IE 8]><!-->
10
- {#- We use an inline SVG for the crown so that we can cascade the
11
- currentColor into the crown whilst continuing to support older browsers
12
- which do not support external SVGs without a Javascript polyfill. This
13
- adds approximately 1kb to every page load.
14
-
15
- We use currentColour so that we can easily invert it when printing and
16
- when the focus state is applied. This also benefits users who override
17
- colours in their browser as they will still see the crown.
18
-
19
- The SVG needs `focusable="false"` so that Internet Explorer does not
20
- treat it as an interactive element - without this it will be
21
- 'focusable' when using the keyboard to navigate. #}
22
- <svg
23
- aria-hidden="true"
24
- focusable="false"
25
- class="govuk-header__logotype-crown"
26
- xmlns="http://www.w3.org/2000/svg"
27
- viewBox="0 0 132 97"
28
- height="30"
29
- width="36"
30
- >
31
- <path
32
- fill="currentColor" fill-rule="evenodd"
33
- d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
34
- ></path>
35
- </svg>
36
- <!--<![endif]-->
37
- <!--[if IE 8]>
38
- <img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" alt="">
39
- <![endif]-->
64
+ {{ (_tudorCrown if params.useTudorCrown else _stEdwardsCrown) | safe }}
40
65
  <span class="govuk-header__logotype-text">
41
66
  GOV.UK
42
67
  </span>
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_hint.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/hint/_hint.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_hint.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -40,3 +40,5 @@
40
40
  margin-top: govuk-spacing(-1);
41
41
  }
42
42
  }
43
+
44
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n .govuk-hint {\n @include govuk-font($size: 19);\n\n margin-bottom: govuk-spacing(3);\n\n color: $govuk-secondary-text-colour;\n }\n\n // Reduces margin-bottom of hint when used after the default label (no class)\n // or govuk-label--s for better vertical alignment.\n\n // This adjustment will not work when the label is inside the <h1>, however it\n // is unlikely that the default or govuk-label--s class would be used in this\n // case.\n\n // This adjustment will not work in browsers that do not support :not().\n // Users with these browsers will see the default size margin (5px larger).\n\n .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n margin-bottom: govuk-spacing(2);\n }\n\n // Reduces margin-bottom of hint when used after the default legend (no class)\n // or govuk-fieldset__legend--s for better vertical alignment.\n\n // This adjustment will not work when the legend is outside the <h1>, however\n // it is unlikely that the default or govuk-fieldset__legend--s class would be\n // used in this case.\n\n // This adjustment will not work in browsers that do not support :not().\n // Users with these browsers will see the default size margin (5px larger).\n\n .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n margin-bottom: govuk-spacing(2);\n }\n\n // Reduces visual spacing of legend when there is a hint\n .govuk-fieldset__legend + .govuk-hint {\n margin-top: govuk-spacing(-1);\n }\n}\n"]}
@@ -191,3 +191,5 @@
191
191
  }
192
192
  }
193
193
  }
194
+
195
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,YAAY;IACZ;MACE,6BAA6B;IAC/B;IACA,aAAa;;IAEb,yBAAyB;IACzB,+JAA+J;IAC/J,8FAA8F;IAC9F,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,6IAA6I;MAC7I,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;;MAExD;QACE,4DAA4D;QAC5D,iBAAiB;QACjB,kDAAkD;MACpD;IACF;;IAEA;MACE,WAAW;MACX,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,0CAA0C;IAC1C,qBAAqB;EACvB;;EAEA,6DAA6D;EAC7D,kFAAkF;;EAElF;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,oBAAa;IAAb,aAAa;;IAEb;MACE,kBAAc;UAAd,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;;IAE9B,sBAAsB;IACtB,qBAAqB;IACrB,eAAe;IACf;MACE,gCAAgC;IAClC;IACA,YAAY;IACZ;MACE,6BAA6B;IAC/B;;IAEA,yBAAyB;IACzB,yEAAyE;IACzE,+DAA+D;;IAE/D,kBAAkB;IAClB;MACE,gBAAgB;IAClB;IACA,mBAAmB;;IAEnB,wDAAwD;IACxD,eAAe;;IAEf,kBAAc;;QAAd,cAAc;;IAEd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE;QACE,eAAe;MACjB;IACF;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE;QACE,cAAc;MAChB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n .govuk-input {\n @include govuk-font($size: 19);\n\n box-sizing: border-box;\n width: 100%;\n height: 40px;\n @if $govuk-typography-use-rem {\n height: govuk-px-to-rem(40px);\n }\n margin-top: 0;\n\n padding: govuk-spacing(1);\n // setting any background-color makes text invisible when changing colours to dark backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)\n // as background-color and color need to always be set together, color should not be set either\n border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n border-radius: 0;\n\n // Disable inner shadow and remove rounded corners\n appearance: none;\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n // Ensure outline appears outside of the element\n outline-offset: 0;\n // Double the border by adding its width again. Use `box-shadow` for this // instead of changing `border-width` - this is for consistency with\n // components such as textarea where we avoid changing `border-width` as\n // it will change the element size. Also, `outline` cannot be utilised\n // here as it is already used for the yellow focus state.\n box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n @include _govuk-if-ie8 {\n // IE8 doesn't support `box-shadow` so double the border with\n // `border-width`.\n border-width: $govuk-border-width-form-element * 2;\n }\n }\n\n &:disabled {\n opacity: .5;\n color: inherit;\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n\n .govuk-input::-webkit-outer-spin-button,\n .govuk-input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n .govuk-input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n\n .govuk-input--error {\n border-color: $govuk-error-colour;\n\n &:focus {\n border-color: $govuk-input-border-colour;\n }\n }\n\n .govuk-input--extra-letter-spacing {\n @include govuk-font(false, $tabular: true);\n letter-spacing: .05em;\n }\n\n // em measurements are based on the point size of the typeface\n // Extra space is added on the right hand side to allow for the Safari prefill icon\n\n .govuk-input--width-30 {\n max-width: 29.5em;\n }\n\n .govuk-input--width-20 {\n max-width: 20.5em;\n }\n\n .govuk-input--width-10 {\n max-width: 11.5em;\n }\n\n .govuk-input--width-5 {\n max-width: 5.5em;\n }\n\n .govuk-input--width-4 {\n max-width: 4.5em;\n }\n\n .govuk-input--width-3 {\n max-width: 3.75em;\n }\n\n .govuk-input--width-2 {\n max-width: 2.75em;\n }\n\n .govuk-input__wrapper {\n display: flex;\n\n .govuk-input {\n flex: 0 1 auto;\n }\n\n .govuk-input:focus {\n // Hack to stop focus style being overlapped by the suffix\n z-index: 1;\n }\n\n // Split prefix/suffix onto separate lines on narrow screens\n @include govuk-media-query($until: mobile) {\n display: block;\n\n .govuk-input {\n // Set max-width to override potential width override class on the input\n max-width: 100%;\n }\n }\n }\n\n .govuk-input__prefix,\n .govuk-input__suffix {\n @include govuk-font($size: 19);\n\n box-sizing: border-box;\n display: inline-block;\n min-width: 40px;\n @if $govuk-typography-use-rem {\n min-width: govuk-px-to-rem(40px);\n }\n height: 40px;\n @if $govuk-typography-use-rem {\n height: govuk-px-to-rem(40px);\n }\n\n padding: govuk-spacing(1);\n border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n background-color: govuk-colour(\"light-grey\", $legacy: \"grey-3\");\n\n text-align: center;\n @include govuk-media-query($until: tablet) {\n line-height: 1.6;\n }\n white-space: nowrap;\n\n // Emphasise non-editable status of prefixes and suffixes\n cursor: default;\n\n flex: 0 0 auto;\n\n // Split prefix/suffix onto separate lines on narrow screens\n @include govuk-media-query($until: mobile) {\n display: block;\n height: 100%;\n white-space: normal;\n }\n }\n\n .govuk-input__prefix {\n @include govuk-media-query($until: mobile) {\n border-bottom: 0;\n }\n @include govuk-media-query($from: mobile) {\n @include _govuk-not-ie8 {\n border-right: 0;\n }\n }\n }\n\n // Split prefix/suffix onto separate lines on narrow screens\n .govuk-input__suffix {\n @include govuk-media-query($until: mobile) {\n border-top: 0;\n }\n @include govuk-media-query($from: mobile) {\n @include _govuk-not-ie8 {\n border-left: 0;\n }\n }\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_input.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/input/_input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -22,3 +22,5 @@
22
22
  }
23
23
  }
24
24
  }
25
+
26
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n .govuk-inset-text {\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n padding: govuk-spacing(3);\n // Margin top intended to collapse\n // This adds an additional 10px to the paragraph above\n @include govuk-responsive-margin(6, \"top\");\n @include govuk-responsive-margin(6, \"bottom\");\n\n clear: both;\n\n border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n > :first-child {\n margin-top: 0;\n }\n\n > :only-child,\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_inset-text.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/inset-text/_inset-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_inset-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -39,3 +39,5 @@
39
39
  margin: 0;
40
40
  }
41
41
  }
42
+
43
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/label/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;;IAEd,+BAA+B;EACjC;;EAEA,qEAAqE;;EAErE;IACE,6CAA6C;IAC7C,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;IAC7C,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;IAC7C,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,4EAA4E;EAC5E,6EAA6E;EAC7E,wBAAwB;EACxB,CAAC;EACD,2EAA2E;EAC3E,yCAAyC;EACzC;IACE,SAAS;EACX;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/label\") {\n .govuk-label {\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n\n display: block;\n\n margin-bottom: govuk-spacing(1);\n }\n\n // Modifiers that make labels look more like their equivalent headings\n\n .govuk-label--xl {\n @include govuk-font($size: 48, $weight: bold);\n margin-bottom: govuk-spacing(3);\n }\n\n .govuk-label--l {\n @include govuk-font($size: 36, $weight: bold);\n margin-bottom: govuk-spacing(3);\n }\n\n .govuk-label--m {\n @include govuk-font($size: 24, $weight: bold);\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-label--s {\n @include govuk-font($size: 19, $weight: bold);\n }\n\n // When the label is nested inside a heading, override the heading so that it\n // does not have a margin. Effectively we want to be able to treat the heading\n // as if it is not there.\n //\n // This breaks BEM conventions because it exists as a parent of the 'block',\n // so we can't really consider an element.\n .govuk-label-wrapper {\n margin: 0;\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_label.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/label/_label.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_label.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -87,3 +87,5 @@
87
87
  }
88
88
  }
89
89
  }
90
+
91
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,sGAAsG;IACtG,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,6CAA6C;;IAE7C,SAAS;;IAET,UAAU;;IAEV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,6CAA6C;;IAE7C,8BAA8B;;IAE9B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n .govuk-notification-banner {\n @include govuk-font($size: 19);\n @include govuk-responsive-margin(8, \"bottom\");\n\n border: $govuk-border-width solid $govuk-brand-colour;\n\n background-color: $govuk-brand-colour;\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n }\n }\n\n .govuk-notification-banner__header {\n padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n // Ensures the notification header appears separate to the notification body text in high contrast mode\n border-bottom: 1px solid transparent;\n\n @include govuk-media-query($from: tablet) {\n padding: 2px govuk-spacing(4) govuk-spacing(1);\n }\n }\n\n .govuk-notification-banner__title {\n @include govuk-font($size: 19, $weight: bold);\n\n margin: 0;\n\n padding: 0;\n\n color: govuk-colour(\"white\");\n }\n\n .govuk-notification-banner__content {\n $padding-tablet: govuk-spacing(4);\n @include govuk-text-colour;\n padding: govuk-spacing(3);\n\n background-color: $govuk-body-background-colour;\n\n @include govuk-media-query($from: tablet) {\n padding: $padding-tablet;\n }\n\n // Wrap content at the same place that a 2/3 grid column ends, to maintain\n // shorter line-lengths when the notification banner is full width\n > * {\n // When elements have their own padding (like lists), include the padding\n // in the max-width calculation\n box-sizing: border-box;\n\n // Calculate the internal width of a two-thirds column...\n $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n // ...and then factor in the left border and padding\n $banner-exterior: ($padding-tablet + $govuk-border-width);\n max-width: $two-col-width - $banner-exterior;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n .govuk-notification-banner__heading {\n @include govuk-font($size: 24, $weight: bold);\n\n margin: 0 0 govuk-spacing(3) 0;\n\n padding: 0;\n }\n\n .govuk-notification-banner__link {\n @include govuk-link-common;\n @include govuk-link-style-no-visited-state;\n }\n\n .govuk-notification-banner--success {\n border-color: $govuk-success-colour;\n\n background-color: $govuk-success-colour;\n\n .govuk-notification-banner__link {\n @include govuk-link-style-success;\n }\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_notification-banner.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/notification-banner/_notification-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_notification-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -245,3 +245,5 @@
245
245
  }
246
246
  }
247
247
  }
248
+
249
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,oBAAa;IAAb,aAAa;IACb,0BAAsB;QAAtB,sBAAsB;IACtB,sBAAmB;QAAnB,mBAAmB;IACnB,mBAAe;QAAf,eAAe;;IAEf;MACE,uBAAmB;UAAnB,mBAAmB;MACnB,qBAAuB;UAAvB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,+DAA+D;IACjE;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,mFAAmF;IACnF,mEAAmE;IACnE;MACE,oBAAa;MAAb,aAAa;MACb,sBAAmB;UAAnB,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,mCAAmC;;IAEnC,4EAA4E;IAC5E;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,wFAAwF;IACxF,oEAAoE;IACpE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kDAAkD;IAClD,8BAA8B;IAC9B,qBAAqB;IACrB,8BAA8B;EAChC;;EAEA;IACE,4FAA4F;IAC5F,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;MACE,yBAAyB;MACzB,WAAW;IACb;;IAEA;;MAEE,eAAe;MACf,WAAW;IACb;;IAEA;MACE,+BAA+B;;MAE/B;QACE,cAAc;MAChB;IACF;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wFAAwF;IACxF,gDAAgD;IAChD;;MAEE,eAAe;IACjB;;IAEA,gFAAgF;IAChF,qDAAqD;IACrD,mEAAmE;IACnE,yCAAyC;IACzC;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,gBAAgB;;MAEhB;QACE,8EAA8E;QAC9E,oFAAoF;QACpF,2CAA2C;QAC3C;UACE,2BAA2B;QAC7B;MACF;;MAEA;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,8BAA8B;IAChC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n // Flexbox enhancement for small screen visual design\n // Falls back to a float: left layout on non-flex browsers\n .govuk-pagination {\n @include govuk-responsive-margin(6, \"bottom\");\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-wrap: wrap;\n\n @include govuk-media-query($from: tablet) {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n .govuk-pagination__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .govuk-pagination__item,\n .govuk-pagination__next,\n .govuk-pagination__prev {\n @include govuk-font(19);\n box-sizing: border-box;\n position: relative;\n min-width: 45px;\n min-height: 45px;\n padding: govuk-spacing(2) govuk-spacing(3);\n float: left; // Float is ignored if flex is active for prev/next links\n\n &:hover {\n background-color: govuk-colour(\"light-grey\", $legacy: \"grey-4\");\n }\n }\n\n .govuk-pagination__item {\n // Hide items on small screens except the prev/next items,\n // non-link items and the first and last items\n display: none;\n\n // Center align pagination links in their parent list item so that they\n // visually sit in the middle of their touch area\n text-align: center;\n\n @include govuk-media-query($from: tablet) {\n display: block;\n }\n }\n\n .govuk-pagination__prev,\n .govuk-pagination__next {\n @include govuk-typography-weight-bold;\n\n // Use flex to get around a whitespace issue between the arrow svg and the link text\n // without having to rely on whitespace control from backend tooling\n .govuk-pagination__link {\n display: flex;\n align-items: center;\n }\n }\n\n .govuk-pagination__prev {\n padding-left: 0;\n }\n\n .govuk-pagination__next {\n padding-right: 0;\n }\n\n // Only show first, last and non-link items on mobile\n .govuk-pagination__item--current,\n .govuk-pagination__item--ellipses,\n .govuk-pagination__item:first-child,\n .govuk-pagination__item:last-child {\n display: block;\n }\n\n .govuk-pagination__item--current {\n @include govuk-typography-weight-bold;\n outline: 1px solid transparent;\n background-color: $govuk-link-colour;\n\n &:hover {\n background-color: $govuk-link-colour;\n }\n\n .govuk-pagination__link {\n @include govuk-link-style-inverse;\n }\n }\n\n .govuk-pagination__item--ellipses {\n @include govuk-typography-weight-bold;\n color: $govuk-secondary-text-colour;\n\n // Remove hover state for ellipsis items as they don't have links within them\n &:hover {\n background-color: transparent;\n }\n }\n\n .govuk-pagination__link {\n display: block;\n min-width: govuk-spacing(3);\n\n // Increase the touch area for the link to the parent element.\n @media screen {\n &:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n // Add link hover decoration to prev/next text if no label present on prev/next only mode\n // We do this so that we have a hover state in all possible instances\n &:hover,\n &:active {\n .govuk-pagination__link-title--decorated {\n @include govuk-link-decoration;\n }\n\n .govuk-pagination__link-label,\n .govuk-pagination__link-title--decorated {\n @include govuk-link-hover-decoration;\n }\n }\n\n &:focus {\n .govuk-pagination__icon {\n color: $govuk-focus-text-colour;\n }\n\n .govuk-pagination__link-label {\n text-decoration: none;\n }\n\n .govuk-pagination__link-title--decorated {\n text-decoration: none;\n }\n }\n }\n\n .govuk-pagination__link-label {\n @include govuk-font($size: 19, $weight: \"regular\");\n @include govuk-link-decoration;\n display: inline-block;\n padding-left: govuk-spacing(6);\n }\n\n .govuk-pagination__icon {\n // Set size using rems to make the icon scale with text if user resizes text in their browser\n width: govuk-px-to-rem(15px);\n height: govuk-px-to-rem(13px);\n color: $govuk-secondary-text-colour;\n fill: currentcolor;\n forced-color-adjust: auto;\n }\n\n .govuk-pagination__icon--prev {\n margin-right: govuk-spacing(3);\n }\n\n .govuk-pagination__icon--next {\n margin-left: govuk-spacing(3);\n }\n\n // Block mode - position previous and next links above and below numbers\n .govuk-pagination--block {\n display: block;\n\n .govuk-pagination__item {\n padding: govuk-spacing(3);\n float: none;\n }\n\n .govuk-pagination__next,\n .govuk-pagination__prev {\n padding-left: 0;\n float: none;\n }\n\n .govuk-pagination__next {\n padding-right: govuk-spacing(3);\n\n .govuk-pagination__icon {\n margin-left: 0;\n }\n }\n\n // Only apply a border between prev and next if both are present\n .govuk-pagination__prev + .govuk-pagination__next {\n border-top: 1px solid $govuk-border-colour;\n }\n\n // Reset both these elements to their inline default, both to ensure that the focus state\n // for block mode \"shrink wraps\" text as expected\n .govuk-pagination__link,\n .govuk-pagination__link-title {\n display: inline;\n }\n\n // Set the after pseudo element to a block which makes the title visually display\n // as block level whilst programmatically being inline\n // We do this to get around an NVDA quirk where adjacent block level\n // elements are always read out separately\n .govuk-pagination__link-title:after {\n content: \"\";\n display: block;\n }\n\n .govuk-pagination__link {\n text-align: left;\n\n &:focus {\n // apply focus styling to the label within the link as if it were being focused\n // to get around a display issue with a focusable inline element containing a mixture\n // of inline and inline-block level elements\n .govuk-pagination__link-label {\n @include govuk-focused-text;\n }\n }\n\n &:not(:focus) {\n text-decoration: none;\n }\n }\n\n .govuk-pagination__icon {\n margin-right: govuk-spacing(2);\n }\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_pagination.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_pagination.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -54,3 +54,5 @@
54
54
  @include govuk-font($size: 36);
55
55
  }
56
56
  }
57
+
58
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,+CAA+C;;MAE/C,wFAAwF;MACxF,0EAA0E;MAC1E,0FAA0F;MAC1F,kCAAkC;MAClC,CAAC;MACD,sFAAsF;MACtF,kFAAkF;MAClF,2FAA2F;MAC3F,2DAA2D;MAC3D,yBAAyB;MACzB,qBAAqB,EAAE,iEAAiE;IAC1F;EACF;;EAEA;IACE,4BAA4B;IAC5B,uDAAuD;;IAEvD;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;;IAE/B,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,8BAA8B;EAChC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n .govuk-panel {\n @include govuk-font($size: 19);\n\n box-sizing: border-box;\n\n margin-bottom: govuk-spacing(3);\n padding: govuk-spacing(7) - $govuk-border-width;\n\n border: $govuk-border-width solid transparent;\n\n text-align: center;\n\n @include govuk-media-query($until: tablet) {\n padding: govuk-spacing(3) - $govuk-border-width;\n\n // This is an if-all-else-fails attempt to stop long words from overflowing the container\n // on very narrow viewports by forcing them to break and wrap instead. This\n // overflowing is more likely to happen when user increases text size on a mobile eg. using\n // iOS Safari text resize controls.\n //\n // The overflowing is a particular problem with the panel component since it uses white\n // text: when the text overflows the container, it is invisible on the white (page)\n // background. When the text in our other components overflow, the user might have to scroll\n // horizontally to view it but the the text remains legible.\n overflow-wrap: break-word;\n word-wrap: break-word; // Support IE (autoprefixer doesn't add this as it's not a prefix)\n }\n }\n\n .govuk-panel--confirmation {\n color: govuk-colour(\"white\");\n background: govuk-colour(\"green\", $legacy: \"turquoise\");\n\n @include govuk-media-query($media-type: print) {\n border-color: currentcolor;\n color: $govuk-print-text-colour;\n background: none;\n }\n }\n\n .govuk-panel__title {\n margin-top: 0;\n margin-bottom: govuk-spacing(6);\n\n @include govuk-font($size: 48, $weight: bold);\n }\n\n .govuk-panel__title:last-child {\n margin-bottom: 0;\n }\n\n .govuk-panel__body {\n @include govuk-font($size: 36);\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_panel.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/panel/_panel.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_panel.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -25,3 +25,5 @@
25
25
  vertical-align: middle;
26
26
  }
27
27
  }
28
+
29
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/phase-banner/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC,6CAA6C;EAC/C;;EAEA;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;IACd,SAAS;EACX;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n .govuk-phase-banner {\n padding-top: govuk-spacing(2);\n padding-bottom: govuk-spacing(2);\n\n border-bottom: 1px solid $govuk-border-colour;\n }\n\n .govuk-phase-banner__content {\n @include govuk-font($size: 16);\n @include govuk-text-colour;\n\n display: table;\n margin: 0;\n }\n\n .govuk-phase-banner__content__tag {\n margin-right: govuk-spacing(2);\n }\n\n .govuk-phase-banner__text {\n display: table-cell;\n vertical-align: middle;\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_phase-banner.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/phase-banner/_phase-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_phase-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -347,3 +347,5 @@
347
347
  }
348
348
  }
349
349
  }
350
+
351
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,2BAA2B;AAC3B,uBAAuB;AACvB,wBAAwB;;AAExB;;EAEE,8BAA8B;EAC9B,wBAAwB;EACxB,8BAA8B;EAC9B,wDAAwD;EACxD,kFAAkF;EAClF,qFAAqF;EACrF,mDAAmD;;EAEnD;IACE,8BAA8B;;IAE9B,cAAc;IACd,kBAAkB;;IAElB,8BAA8B;;IAE9B,+BAA+B;IAC/B,gCAAgC;;IAEhC,WAAW;EACb;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,kEAAkE;;IAElE,eAAe;;IAEf,sEAAsE;IACtE,iBAAiB;IACjB;MACE,kBAAkB;;MAElB,UAAU;MACV,uBAAuB;MACvB,wBAAwB;;MAExB,+BAA+B;MAC/B,gCAAgC;MAChC,SAAS;;MAET,UAAU;IACZ;;IAEA;MACE,gBAAgB;MAChB,qCAAqC;MACrC,oCAAoC;MACpC,WAAW;;MAEX,4BAA4B;MAC5B;QACE,qDAAqD;MACvD;IACF;EACF;;EAEA;IACE,qBAAqB;IACrB,gBAAgB;IAChB,oEAAoE;IACpE,eAAe;IACf,8BAA8B;IAC9B,8BAA0B;QAA1B,0BAA0B;EAC5B;;EAEA,gBAAgB;EAChB;IACE,WAAW;IACX,sBAAsB;IACtB,kBAAkB;IAClB,MAAM;IACN,OAAO;;IAEP,yBAAyB;IACzB,0BAA0B;;IAE1B,2DAA2D;IAC3D,kBAAkB;IAClB,uBAAuB;EACzB;;EAEA,kBAAkB;EAClB,CAAC;EACD,qEAAqE;EACrE,2DAA2D;EAC3D;IACE,WAAW;;IAEX,kBAAkB;IAClB,qBAAqB;IACrB,sBAAsB;;IAEtB,QAAQ;IACR,SAAS;;IAET,2CAA2C;IAC3C,kBAAkB;IAClB,UAAU;IACV,wBAAwB;EAC1B;;EAEA;IACE,cAAc;IACd,qDAAqD;IACrD,oDAAoD;EACtD;;EAEA,eAAe;EACf;IACE,iBAAiB;;IAEjB,sEAAsE;IACtE,sEAAsE;IACtE,yEAAyE;IACzE,oCAAoC;IACpC,6CAA6C;IAC7C,mBAAmB;;IAEnB,wEAAwE;IACxE,uEAAuE;IACvE;MACE,wBAAwB;IAC1B;;IAEA,+DAA+D;EACjE;;EAEA,gBAAgB;EAChB;IACE,UAAU;EACZ;;EAEA,gBAAgB;EAChB;;IAEE,mBAAmB;EACrB;;EAEA;;IAEE,WAAW;EACb;;EAEA,2DAA2D;EAC3D,eAAe;EACf,2DAA2D;;EAE3D;IACE;MACE,uBAAuB;;MAEvB;QACE,8BAA8B;QAC9B,WAAW;QACX,WAAW;MACb;IACF;EACF;;EAEA,2DAA2D;EAC3D,iBAAiB;EACjB,2DAA2D;;EAE3D;IACE,gDAAgD;IAChD,8BAA8B;IAC9B,0BAA0B;IAC1B,0BAA0B;IAC1B,+BAA+B;IAC/B,kBAAkB;EACpB;;EAEA,2DAA2D;EAC3D,qBAAqB;EACrB,2DAA2D;;EAE3D,6EAA6E;EAC7E,+EAA+E;EAC/E,qDAAqD;EACrD,wFAAwF;EACxF,uFAAuF;EACvF,0CAA0C;EAC1C,qDAAqD;EACrD,4DAA4D;EAC5D,+FAA+F;;EAE/F;IACE,6CAA6C;IAC7C,qCAAqC;IACrC,uCAAuC;IACvC,iEAAiE;;IAEjE;MACE,aAAa;IACf;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA,2DAA2D;EAC3D,kBAAkB;EAClB,2DAA2D;;EAE3D;;IAEE,wEAAwE;IACxE,uDAAuD;;IAEvD;MACE,uBAAuB;MACvB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;MAC3B,WAAW;IACb;;IAEA,yEAAyE;IACzE,wBAAwB;IACxB,CAAC;IACD,oCAAoC;IACpC,SAAS;IACT,gBAAgB;IAChB,SAAS;IACT,iDAAiD;IACjD,+DAA+D;IAC/D;MACE;QACE,wBAAwB;MAC1B;;MAEA;QACE,0CAA0C;MAC5C;IACF;;IAEA,4CAA4C;IAC5C,CAAC;IACD,mEAAmE;IACnE,yEAAyE;IACzE,8BAA8B;IAC9B;MACE,gBAAgB;MAChB,uCAAuC;MACvC,WAAW;;MAEX;QACE,uCAAuC;MACzC;IACF;;IAEA,gBAAgB;IAChB,CAAC;IACD,wEAAwE;IACxE,kBAAkB;IAClB;MACE,qDAAqD,EAAE,GAAG;MAC1D,+BAA+B,EAAE,GAAG;MACpC,gCAAgC,EAAE,GAAG;IACvC;;IAEA,kBAAkB;IAClB,CAAC;IACD,+DAA+D;IAC/D;MACE,SAAS;MACT,SAAS;MACT,iBAAiB;IACnB;;IAEA,wCAAwC;IACxC,CAAC;IACD,uEAAuE;IACvE,0EAA0E;IAC1E,uBAAuB;IACvB,CAAC;IACD,0EAA0E;IAC1E,iBAAiB;IACjB;MACE,UAAU;MACV,WAAW;MACX,oBAAoB;IACtB;;IAEA,6CAA6C;IAC7C;MACE,8EAA8E;MAC9E,yBAAyB;MACzB,wEAAwE;MACxE,WAAW;IACb;;IAEA;MACE,+BAA+B;MAC/B,+BAA+B;IACjC;;IAEA,+BAA+B;IAC/B,CAAC;IACD,qEAAqE;IACrE,sEAAsE;IACtE,oEAAoE;IACpE,wCAAwC;IACxC;MACE,wDAAwD;IAC1D;;IAEA,yEAAyE;IACzE,+BAA+B;IAC/B,CAAC;IACD,wEAAwE;IACxE,oDAAoD;IACpD;MACE;;2DAEqD,EAAE,GAAG;IAC5D;;IAEA,wEAAwE;IACxE,yCAAyC;IACzC,CAAC;IACD,wEAAwE;IACxE,sEAAsE;IACtE,2DAA2D;IAC3D;MACE;QACE,mBAAmB;MACrB;;MAEA;QACE,+DAA+D;MACjE;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n\n $govuk-touch-target-size: 44px;\n $govuk-radios-size: 40px;\n $govuk-small-radios-size: 24px;\n $govuk-radios-label-padding-left-right: govuk-spacing(3);\n // When the default focus width is used on a curved edge it looks visually smaller.\n // So for the circular radios we bump the default to make it look visually consistent.\n $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n .govuk-radios__item {\n @include govuk-font($size: 19);\n\n display: block;\n position: relative;\n\n min-height: $govuk-radios-size;\n\n margin-bottom: govuk-spacing(2);\n padding-left: $govuk-radios-size;\n\n clear: left;\n }\n\n .govuk-radios__item:last-child,\n .govuk-radios__item:last-of-type {\n margin-bottom: 0;\n }\n\n .govuk-radios__input {\n $input-offset: ($govuk-touch-target-size - $govuk-radios-size) / 2;\n\n cursor: pointer;\n\n // IE8 doesn’t support pseudo-elements, so we don’t want to hide native\n // elements there.\n @include _govuk-not-ie8 {\n position: absolute;\n\n z-index: 1;\n top: $input-offset * -1;\n left: $input-offset * -1;\n\n width: $govuk-touch-target-size;\n height: $govuk-touch-target-size;\n margin: 0;\n\n opacity: 0;\n }\n\n @include _govuk-if-ie8 {\n margin-top: 10px;\n margin-right: $govuk-radios-size / -2;\n margin-left: $govuk-radios-size / -2;\n float: left;\n\n // add focus outline to input\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n }\n }\n }\n\n .govuk-radios__label {\n display: inline-block;\n margin-bottom: 0;\n padding: 8px $govuk-radios-label-padding-left-right govuk-spacing(1);\n cursor: pointer;\n // remove 300ms pause on mobile\n touch-action: manipulation;\n }\n\n // ( ) Radio ring\n .govuk-radios__label:before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n\n width: $govuk-radios-size;\n height: $govuk-radios-size;\n\n border: $govuk-border-width-form-element solid currentcolor;\n border-radius: 50%;\n background: transparent;\n }\n\n // • Radio button\n //\n // We create the 'button' entirely out of 'border' so that they remain\n // 'filled' even when colours are overridden in the browser.\n .govuk-radios__label:after {\n content: \"\";\n\n position: absolute;\n top: govuk-spacing(2);\n left: govuk-spacing(2);\n\n width: 0;\n height: 0;\n\n border: govuk-spacing(2) solid currentcolor;\n border-radius: 50%;\n opacity: 0;\n background: currentcolor;\n }\n\n .govuk-radios__hint {\n display: block;\n padding-right: $govuk-radios-label-padding-left-right;\n padding-left: $govuk-radios-label-padding-left-right;\n }\n\n // Focused state\n .govuk-radios__input:focus + .govuk-radios__label:before {\n border-width: 4px;\n\n // When colours are overridden, the yellow box-shadow becomes invisible\n // which means the focus state is less obvious. By adding a transparent\n // outline, which becomes solid (text-coloured) in that context, we ensure\n // the focus remains clearly visible.\n outline: $govuk-focus-width solid transparent;\n outline-offset: 1px;\n\n // When in an explicit forced-color mode, we can use the Highlight system\n // color for the outline to better match focus states of native controls\n @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n outline-color: Highlight;\n }\n\n box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n }\n\n // Selected state\n .govuk-radios__input:checked + .govuk-radios__label:after {\n opacity: 1;\n }\n\n // Disabled state\n .govuk-radios__input:disabled,\n .govuk-radios__input:disabled + .govuk-radios__label {\n cursor: not-allowed;\n }\n\n .govuk-radios__input:disabled + .govuk-radios__label,\n .govuk-radios__input:disabled ~ .govuk-hint {\n opacity: .5;\n }\n\n // =========================================================\n // Inline radios\n // =========================================================\n\n .govuk-radios--inline {\n @include govuk-media-query ($from: tablet) {\n @include govuk-clearfix;\n\n .govuk-radios__item {\n margin-right: govuk-spacing(4);\n float: left;\n clear: none;\n }\n }\n }\n\n // =========================================================\n // Dividers ('or')\n // =========================================================\n\n .govuk-radios__divider {\n $govuk-divider-size: $govuk-radios-size !default;\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n width: $govuk-divider-size;\n margin-bottom: govuk-spacing(2);\n text-align: center;\n }\n\n // =========================================================\n // Conditional reveals\n // =========================================================\n\n // The narrow border is used in the conditional reveals because the border has\n // to be an even number in order to be centred under the 40px checkbox or radio.\n $conditional-border-width: $govuk-border-width-narrow;\n // Calculate the amount of padding needed to keep the border centered against the radios.\n $conditional-border-padding: ($govuk-radios-size / 2) - ($conditional-border-width / 2);\n // Move the border centered with the radios\n $conditional-margin-left: $conditional-border-padding;\n // Move the contents of the conditional inline with the label\n $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n .govuk-radios__conditional {\n @include govuk-responsive-margin(4, \"bottom\");\n margin-left: $conditional-margin-left;\n padding-left: $conditional-padding-left;\n border-left: $conditional-border-width solid $govuk-border-colour;\n\n .js-enabled &--hidden {\n display: none;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n }\n\n // =========================================================\n // Small checkboxes\n // =========================================================\n\n .govuk-radios--small {\n\n $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n $label-offset: $govuk-touch-target-size - $input-offset;\n\n .govuk-radios__item {\n @include govuk-clearfix;\n min-height: 0;\n margin-bottom: 0;\n padding-left: $label-offset;\n float: left;\n }\n\n // Shift the touch target into the left margin so that the visible edge of\n // the control is aligned\n //\n // ┆Which colour is your favourite?\n // ┌┆───┐\n // │┆() │ Purple\n // └┆▲──┘\n // ▲┆└─ Radio pseudo element, aligned with margin\n // └─── Touch target (invisible input), shifted into the margin\n .govuk-radios__input {\n @include _govuk-not-ie8 {\n left: $input-offset * -1;\n }\n\n @include _govuk-if-ie8 {\n margin-left: $govuk-small-radios-size * -1;\n }\n }\n\n // Adjust the size and position of the label.\n //\n // Unlike larger radios, we also have to float the label in order to\n // 'shrink' it, preventing the hover state from kicking in across the full\n // width of the parent element.\n .govuk-radios__label {\n margin-top: -2px;\n padding: 13px govuk-spacing(3) 13px 1px;\n float: left;\n\n @include govuk-media-query($from: tablet) {\n padding: 11px govuk-spacing(3) 10px 1px;\n }\n }\n\n // ( ) Radio ring\n //\n // Reduce the size of the control [1], vertically centering it within the\n // touch target [2]\n .govuk-radios__label:before {\n top: $input-offset - $govuk-border-width-form-element; // 2\n width: $govuk-small-radios-size; // 1\n height: $govuk-small-radios-size; // 1\n }\n\n // • Radio button\n //\n // Reduce the size of the 'button' and center it within the ring\n .govuk-radios__label:after {\n top: 15px;\n left: 7px;\n border-width: 5px;\n }\n\n // Fix position of hint with small radios\n //\n // Do not use hints with small radios – because they're within the input\n // wrapper they trigger the hover state, but clicking them doesn't actually\n // activate the control.\n //\n // (If you do use them, they won't look completely broken... but seriously,\n // don't use them)\n .govuk-radios__hint {\n padding: 0;\n clear: both;\n pointer-events: none;\n }\n\n // Align conditional reveals with small radios\n .govuk-radios__conditional {\n $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n margin-left: $margin-left;\n padding-left: $label-offset - ($margin-left + $conditional-border-width);\n clear: both;\n }\n\n .govuk-radios__divider {\n width: $govuk-small-radios-size;\n margin-bottom: govuk-spacing(1);\n }\n\n // Hover state for small radios.\n //\n // We use a hover state for small radios because the touch target size\n // is so much larger than their visible size, and so we need to provide\n // feedback to the user as to which radio they will select when their\n // cursor is outside of the visible area.\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {\n box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n }\n\n // Because we've overridden the border-shadow provided by the focus state,\n // we need to redefine that too.\n //\n // We use two box shadows, one that restores the original focus state [1]\n // and another that then applies the hover state [2].\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {\n box-shadow:\n 0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1\n 0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n }\n\n // For devices that explicitly don't support hover, don't provide a hover\n // state (e.g. on touch devices like iOS).\n //\n // We can't use `@media (hover: hover)` because we wouldn't get the hover\n // state in browsers that don't support `@media (hover)` (like Internet\n // Explorer) – so we have to 'undo' the hover state instead.\n @media (hover: none), (pointer: coarse) {\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {\n box-shadow: initial;\n }\n\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {\n box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n }\n }\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_radios.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/radios/_radios.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_radios.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -64,3 +64,5 @@
64
64
  }
65
65
  }
66
66
  }
67
+
68
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB,EAAE,wBAAwB;;IAEhD,oCAAoC;IACpC,uFAAuF;IACvF,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,YAAY;IACZ;MACE,6BAA6B;IAC/B;IACA,yBAAyB,EAAE,8EAA8E;IACzG,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,qEAAqE;MACrE,0EAA0E;MAC1E,6DAA6D;MAC7D,wDAAwD;;MAExD;QACE,4DAA4D;QAC5D,iBAAiB;QACjB,kDAAkD;MACpD;IACF;;IAEA;MACE,WAAW;MACX,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n .govuk-select {\n @include govuk-font($size: 19, $line-height: 1.25);\n\n box-sizing: border-box; // should this be global?\n\n // This min-width was chosen because:\n // - it makes the Select noticeably wider than it is taller (which is what users expect)\n // - 11.5em matches the 'length-10' variant of the input component\n // - it fits comfortably on screens as narrow as 240px wide\n min-width: 11.5em;\n max-width: 100%;\n height: 40px;\n @if $govuk-typography-use-rem {\n height: govuk-px-to-rem(40px);\n }\n padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements\n border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n // Default user agent colours for selects can have low contrast,\n // and may look disabled (#2435)\n color: $govuk-text-colour;\n background-color: govuk-colour(\"white\");\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n // Ensure outline appears outside of the element\n outline-offset: 0;\n // Double the border by adding its width again. Use `box-shadow` to do\n // this instead of changing `border-width` (which changes element size) and\n // since `outline` is already used for the yellow focus state.\n box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n @include _govuk-if-ie8 {\n // IE8 doesn't support `box-shadow` so double the border with\n // `border-width`.\n border-width: $govuk-border-width-form-element * 2;\n }\n }\n\n &:disabled {\n opacity: .5;\n color: inherit;\n cursor: not-allowed;\n }\n }\n\n .govuk-select option:active,\n .govuk-select option:checked,\n .govuk-select:focus::-ms-value {\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"blue\");\n }\n\n .govuk-select--error {\n border-color: $govuk-error-colour;\n\n &:focus {\n border-color: $govuk-input-border-colour;\n }\n }\n}\n"]}
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_select.scss.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/govuk/components/select/_select.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_select.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
@@ -198,6 +198,9 @@
198
198
  "options": {
199
199
  "id": "with-describedby",
200
200
  "name": "with-describedby",
201
+ "label": {
202
+ "text": "Label text goes here"
203
+ },
201
204
  "items": [
202
205
  {
203
206
  "value": 1,
@@ -211,13 +214,16 @@
211
214
  "describedBy": "some-id"
212
215
  },
213
216
  "hidden": true,
214
- "html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"some-id\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
217
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-describedby\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"some-id\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
215
218
  },
216
219
  {
217
220
  "name": "attributes",
218
221
  "options": {
219
222
  "id": "with-attributes",
220
223
  "name": "with-attributes",
224
+ "label": {
225
+ "text": "Label text goes here"
226
+ },
221
227
  "items": [
222
228
  {
223
229
  "value": 1,
@@ -233,13 +239,16 @@
233
239
  }
234
240
  },
235
241
  "hidden": true,
236
- "html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
242
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-attributes\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
237
243
  },
238
244
  {
239
245
  "name": "attributes on items",
240
246
  "options": {
241
247
  "id": "with-item-attributes",
242
248
  "name": "with-item-attributes",
249
+ "label": {
250
+ "text": "Label text goes here"
251
+ },
243
252
  "value": 2,
244
253
  "items": [
245
254
  {
@@ -261,13 +270,16 @@
261
270
  ]
262
271
  },
263
272
  "hidden": true,
264
- "html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n </select>\n</div>"
273
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-item-attributes\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n </select>\n</div>"
265
274
  },
266
275
  {
267
276
  "name": "with falsey values",
268
277
  "options": {
269
278
  "id": "with-falsey-values",
270
279
  "name": "with-falsey-values",
280
+ "label": {
281
+ "text": "Label text goes here"
282
+ },
271
283
  "items": [
272
284
  {
273
285
  "text": "Option 1",
@@ -283,25 +295,31 @@
283
295
  ]
284
296
  },
285
297
  "hidden": true,
286
- "html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-falsey-values\" name=\"with-falsey-values\">\n <option value=\"1\">Option 1</option>\n <option value=\"2\">Options 2</option>\n </select>\n</div>"
298
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-falsey-values\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-falsey-values\" name=\"with-falsey-values\">\n <option value=\"1\">Option 1</option>\n <option value=\"2\">Options 2</option>\n </select>\n</div>"
287
299
  },
288
300
  {
289
301
  "name": "hint",
290
302
  "options": {
291
303
  "id": "select-with-hint",
292
304
  "name": "select-with-hint",
305
+ "label": {
306
+ "text": "Label text goes here"
307
+ },
293
308
  "hint": {
294
309
  "text": "Hint text goes here"
295
310
  }
296
311
  },
297
312
  "hidden": true,
298
- "html": "<div class=\"govuk-form-group\">\n \n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n </select>\n</div>"
313
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"select-with-hint\">\n Label text goes here\n </label>\n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n </select>\n</div>"
299
314
  },
300
315
  {
301
316
  "name": "hint and describedBy",
302
317
  "options": {
303
318
  "id": "select-with-hint",
304
319
  "name": "select-with-hint",
320
+ "label": {
321
+ "text": "Label text goes here"
322
+ },
305
323
  "describedBy": "some-id",
306
324
  "hint": {
307
325
  "text": "Hint text goes here"
@@ -318,13 +336,16 @@
318
336
  ]
319
337
  },
320
338
  "hidden": true,
321
- "html": "<div class=\"govuk-form-group\">\n \n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"some-id select-with-hint-hint\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
339
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"select-with-hint\">\n Label text goes here\n </label>\n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"some-id select-with-hint-hint\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
322
340
  },
323
341
  {
324
342
  "name": "error",
325
343
  "options": {
326
344
  "id": "select-with-error",
327
345
  "name": "select-with-error",
346
+ "label": {
347
+ "text": "Label text goes here"
348
+ },
328
349
  "errorMessage": {
329
350
  "text": "Error message"
330
351
  },
@@ -340,13 +361,16 @@
340
361
  ]
341
362
  },
342
363
  "hidden": true,
343
- "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n \n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
364
+ "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"select-with-error\">\n Label text goes here\n </label>\n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
344
365
  },
345
366
  {
346
367
  "name": "error and describedBy",
347
368
  "options": {
348
369
  "id": "select-with-error",
349
370
  "name": "select-with-error",
371
+ "label": {
372
+ "text": "Label text goes here"
373
+ },
350
374
  "describedBy": "some-id",
351
375
  "errorMessage": {
352
376
  "text": "Error message"
@@ -363,13 +387,16 @@
363
387
  ]
364
388
  },
365
389
  "hidden": true,
366
- "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n \n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"some-id select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
390
+ "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"select-with-error\">\n Label text goes here\n </label>\n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"some-id select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
367
391
  },
368
392
  {
369
393
  "name": "item selected overrides value",
370
394
  "options": {
371
395
  "name": "colors",
372
396
  "id": "colors",
397
+ "label": {
398
+ "text": "Label text goes here"
399
+ },
373
400
  "items": [
374
401
  {
375
402
  "value": "red",
@@ -388,7 +415,7 @@
388
415
  "value": "green"
389
416
  },
390
417
  "hidden": true,
391
- "html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n <option value=\"red\">Red</option>\n <option value=\"green\">Green</option>\n <option value=\"blue\">Blue</option>\n </select>\n</div>"
418
+ "html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"colors\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n <option value=\"red\">Red</option>\n <option value=\"green\">Green</option>\n <option value=\"blue\">Blue</option>\n </select>\n</div>"
392
419
  }
393
420
  ]
394
421
  }
@@ -45,3 +45,5 @@
45
45
  }
46
46
  }
47
47
  }
48
+
49
+ /*# sourceMappingURL=_index.scss.map */