design_system 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (411) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +91 -0
  4. data/Rakefile +47 -0
  5. data/app/assets/config/design_system_manifest.js +0 -0
  6. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/_base.scss +3 -0
  7. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/all.scss +7 -0
  8. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/_all.scss +8 -0
  9. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/_index.scss +38 -0
  10. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/accordion/_accordion.scss +2 -0
  11. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/accordion/_index.scss +368 -0
  12. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/back-link/_back-link.scss +2 -0
  13. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/back-link/_index.scss +81 -0
  14. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/breadcrumbs/_breadcrumbs.scss +2 -0
  15. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/breadcrumbs/_index.scss +132 -0
  16. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/button/_button.scss +2 -0
  17. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/button/_index.scss +260 -0
  18. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/character-count/_character-count.scss +2 -0
  19. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/character-count/_index.scss +42 -0
  20. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/checkboxes/_checkboxes.scss +2 -0
  21. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/checkboxes/_index.scss +309 -0
  22. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/cookie-banner/_cookie-banner.scss +2 -0
  23. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/cookie-banner/_index.scss +57 -0
  24. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/date-input/_date-input.scss +2 -0
  25. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/date-input/_index.scss +26 -0
  26. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/details/_details.scss +2 -0
  27. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/details/_index.scss +137 -0
  28. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-message/_error-message.scss +2 -0
  29. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-message/_index.scss +12 -0
  30. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-summary/_error-summary.scss +2 -0
  31. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-summary/_index.scss +54 -0
  32. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/exit-this-page/_exit-this-page.scss +2 -0
  33. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/exit-this-page/_index.scss +90 -0
  34. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/fieldset/_fieldset.scss +2 -0
  35. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/fieldset/_index.scss +67 -0
  36. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/file-upload/_file-upload.scss +2 -0
  37. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/file-upload/_index.scss +216 -0
  38. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/footer/_footer.scss +2 -0
  39. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/footer/_index.scss +192 -0
  40. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/header/_header.scss +2 -0
  41. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/header/_index.scss +546 -0
  42. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/hint/_hint.scss +2 -0
  43. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/hint/_index.scss +43 -0
  44. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/input/_index.scss +166 -0
  45. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/input/_input.scss +2 -0
  46. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/inset-text/_index.scss +24 -0
  47. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/inset-text/_inset-text.scss +2 -0
  48. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/label/_index.scss +44 -0
  49. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/label/_label.scss +2 -0
  50. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/notification-banner/_index.scss +91 -0
  51. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/notification-banner/_notification-banner.scss +2 -0
  52. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/pagination/_index.scss +226 -0
  53. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/pagination/_pagination.scss +2 -0
  54. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/panel/_index.scss +56 -0
  55. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/panel/_panel.scss +2 -0
  56. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/password-input/_index.scss +55 -0
  57. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/password-input/_password-input.scss +2 -0
  58. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/phase-banner/_index.scss +34 -0
  59. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/phase-banner/_phase-banner.scss +2 -0
  60. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/radios/_index.scss +326 -0
  61. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/radios/_radios.scss +2 -0
  62. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/select/_index.scss +57 -0
  63. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/select/_select.scss +2 -0
  64. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/service-navigation/_index.scss +252 -0
  65. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/service-navigation/_service-navigation.scss +2 -0
  66. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/skip-link/_index.scss +50 -0
  67. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/skip-link/_skip-link.scss +2 -0
  68. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/summary-list/_index.scss +267 -0
  69. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/summary-list/_summary-list.scss +2 -0
  70. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/table/_index.scss +73 -0
  71. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/table/_table.scss +2 -0
  72. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tabs/_index.scss +132 -0
  73. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tabs/_tabs.scss +2 -0
  74. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tag/_index.scss +95 -0
  75. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tag/_tag.scss +2 -0
  76. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/task-list/_index.scss +77 -0
  77. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/task-list/_task-list.scss +2 -0
  78. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/textarea/_index.scss +48 -0
  79. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/textarea/_textarea.scss +2 -0
  80. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/warning-text/_index.scss +64 -0
  81. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/warning-text/_warning-text.scss +2 -0
  82. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_all.scss +8 -0
  83. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_global-styles.scss +18 -0
  84. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_govuk-frontend-properties.scss +13 -0
  85. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_index.scss +6 -0
  86. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_links.scss +40 -0
  87. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_lists.scss +65 -0
  88. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_section-break.scss +49 -0
  89. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_typography.scss +187 -0
  90. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_all.scss +8 -0
  91. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_clearfix.scss +15 -0
  92. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_colour.scss +165 -0
  93. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_device-pixels.scss +36 -0
  94. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_focused.scss +57 -0
  95. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_font-faces.scss +39 -0
  96. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_grid.scss +61 -0
  97. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_index.scss +12 -0
  98. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_links.scss +389 -0
  99. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_media-queries.scss +80 -0
  100. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_shape-arrow.scss +80 -0
  101. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_spacing.scss +171 -0
  102. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_typography.scss +286 -0
  103. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_visually-hidden.scss +86 -0
  104. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/index.scss +9 -0
  105. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_all.scss +8 -0
  106. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_button-group.scss +78 -0
  107. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_form-group.scss +23 -0
  108. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_grid.scss +24 -0
  109. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_index.scss +6 -0
  110. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_main-wrapper.scss +53 -0
  111. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_template.scss +55 -0
  112. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_width-container.scss +75 -0
  113. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_all.scss +7 -0
  114. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_display.scss +24 -0
  115. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_index.scss +5 -0
  116. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_spacing.scss +84 -0
  117. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_text-align.scss +14 -0
  118. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_typography.scss +40 -0
  119. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_width.scss +46 -0
  120. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_all.scss +8 -0
  121. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_assets.scss +82 -0
  122. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_colours-applied.scss +193 -0
  123. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_colours-organisations.scss +380 -0
  124. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_colours-palette.scss +35 -0
  125. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_global-styles.scss +13 -0
  126. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_index.scss +34 -0
  127. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_links.scss +47 -0
  128. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_measurements.scss +105 -0
  129. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_media-queries.scss +23 -0
  130. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_spacing.scss +76 -0
  131. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_typography-font.scss +50 -0
  132. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_typography-responsive.scss +315 -0
  133. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_warnings.scss +76 -0
  134. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_all.scss +8 -0
  135. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_exports.scss +33 -0
  136. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_font-url.scss +26 -0
  137. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_image-url.scss +26 -0
  138. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_index.scss +6 -0
  139. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_px-to-em.scss +20 -0
  140. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_px-to-rem.scss +20 -0
  141. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_rebrand.scss +63 -0
  142. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_all.scss +8 -0
  143. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_clearfix.scss +5 -0
  144. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_index.scss +2 -0
  145. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_visually-hidden.scss +9 -0
  146. data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/vendor/_sass-mq.scss +347 -0
  147. data/app/assets/stylesheets/design_system/govuk.scss +7 -0
  148. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/_index.scss +38 -0
  149. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_action-link.scss +1 -0
  150. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_index.scss +73 -0
  151. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_back-link.scss +1 -0
  152. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_index.scss +66 -0
  153. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_breadcrumb.scss +1 -0
  154. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_index.scss +138 -0
  155. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_button.scss +1 -0
  156. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_index.scss +257 -0
  157. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_card.scss +1 -0
  158. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_index.scss +321 -0
  159. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_character-count.scss +1 -0
  160. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_index.scss +19 -0
  161. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_checkboxes.scss +1 -0
  162. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_index.scss +155 -0
  163. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_contents-list.scss +1 -0
  164. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_index.scss +40 -0
  165. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_date-input.scss +1 -0
  166. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_index.scss +29 -0
  167. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_details.scss +1 -0
  168. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_index.scss +211 -0
  169. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_do-dont-list.scss +1 -0
  170. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_index.scss +23 -0
  171. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_error-message.scss +1 -0
  172. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_index.scss +17 -0
  173. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_error-summary.scss +1 -0
  174. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_index.scss +72 -0
  175. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_fieldset.scss +1 -0
  176. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_index.scss +65 -0
  177. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_footer.scss +1 -0
  178. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_index.scss +87 -0
  179. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-base.scss +495 -0
  180. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-organisation.scss +126 -0
  181. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-service.scss +60 -0
  182. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-transactional.scss +61 -0
  183. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-white.scss +117 -0
  184. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header.scss +1 -0
  185. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_index.scss +5 -0
  186. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_hero.scss +1 -0
  187. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_index.scss +187 -0
  188. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_hint.scss +1 -0
  189. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_index.scss +51 -0
  190. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_images.scss +1 -0
  191. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_index.scss +48 -0
  192. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_index.scss +149 -0
  193. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_input.scss +1 -0
  194. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_index.scss +28 -0
  195. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_inset-text.scss +1 -0
  196. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_index.scss +53 -0
  197. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_label.scss +1 -0
  198. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_index.scss +95 -0
  199. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_pagination.scss +1 -0
  200. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_index.scss +57 -0
  201. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_panel.scss +1 -0
  202. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_index.scss +180 -0
  203. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_radios.scss +1 -0
  204. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_index.scss +44 -0
  205. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_select.scss +1 -0
  206. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_index.scss +34 -0
  207. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_skip-link.scss +1 -0
  208. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_index.scss +183 -0
  209. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_summary-list.scss +1 -0
  210. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_index.scss +181 -0
  211. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_tables.scss +1 -0
  212. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_index.scss +120 -0
  213. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_tabs.scss +1 -0
  214. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_index.scss +92 -0
  215. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_tag.scss +1 -0
  216. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_index.scss +101 -0
  217. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_task-list.scss +1 -0
  218. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_index.scss +30 -0
  219. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_textarea.scss +1 -0
  220. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_index.scss +19 -0
  221. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_warning-callout.scss +1 -0
  222. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/_index.scss +11 -0
  223. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/all.scss +8 -0
  224. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_forms.scss +16 -0
  225. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_index.scss +8 -0
  226. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_links.scss +42 -0
  227. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_page.scss +43 -0
  228. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_table.scss +62 -0
  229. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/generic/_box-sizing.scss +26 -0
  230. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/generic/_font-face.scss +47 -0
  231. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/generic/_index.scss +6 -0
  232. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_form-group.scss +25 -0
  233. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_grid.scss +23 -0
  234. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_index.scss +8 -0
  235. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_main-wrapper.scss +96 -0
  236. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_width-container.scss +63 -0
  237. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_all.scss +8 -0
  238. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_breakpoints.scss +18 -0
  239. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_colours.scss +188 -0
  240. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_globals.scss +82 -0
  241. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_index.scss +10 -0
  242. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_spacing.scss +79 -0
  243. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_typography.scss +176 -0
  244. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_warnings.scss +82 -0
  245. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_icons.scss +105 -0
  246. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_index.scss +4 -0
  247. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_lists.scss +115 -0
  248. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_section-break.scss +71 -0
  249. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_typography.scss +297 -0
  250. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_all.scss +8 -0
  251. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_exports.scss +47 -0
  252. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_focused.scss +86 -0
  253. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_functions.scss +45 -0
  254. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_grid.scss +138 -0
  255. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_ifff.scss +19 -0
  256. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_index.scss +15 -0
  257. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_links.scss +184 -0
  258. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_mixins.scss +520 -0
  259. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_sass-mq.scss +79 -0
  260. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_shape-arrow.scss +91 -0
  261. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_spacing.scss +192 -0
  262. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_typography.scss +259 -0
  263. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_clearfix.scss +15 -0
  264. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_display.scss +15 -0
  265. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_float.scss +15 -0
  266. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_grid-widths.scss +97 -0
  267. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_index.scss +16 -0
  268. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_link-nowrap.scss +19 -0
  269. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_list-border.scss +20 -0
  270. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_reading-width.scss +16 -0
  271. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_spacing.scss +88 -0
  272. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_text-align.scss +19 -0
  273. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_typography.scss +72 -0
  274. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_visually-hidden.scss +20 -0
  275. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_widths.scss +62 -0
  276. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/vendor/sass-mq.scss +316 -0
  277. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/nhsuk.scss +1 -0
  278. data/app/assets/stylesheets/design_system/nhsuk.scss +5 -0
  279. data/app/controllers/concerns/design_system/branded.rb +21 -0
  280. data/app/helpers/css_helper.rb +13 -0
  281. data/app/helpers/design_system_helper.rb +113 -0
  282. data/app/javascript/design_system/controllers/hello_world_controller.js +7 -0
  283. data/app/javascript/design_system/controllers/show_password_controller.js +40 -0
  284. data/app/javascript/design_system/index.js +11 -0
  285. data/app/views/govuk/_navigation.html.erb +14 -0
  286. data/app/views/layouts/_alert_and_notice.html.erb +7 -0
  287. data/app/views/layouts/govuk/application.html.erb +196 -0
  288. data/app/views/layouts/govuk/full_page.html.erb +2 -0
  289. data/app/views/layouts/govuk/left_panel.html.erb +2 -0
  290. data/app/views/layouts/nhsuk/application.html.erb +132 -0
  291. data/app/views/layouts/nhsuk/full_page.html.erb +2 -0
  292. data/app/views/layouts/nhsuk/left_panel.html.erb +2 -0
  293. data/app/views/nhsuk/_navigation.html.erb +25 -0
  294. data/config/importmap.rb +4 -0
  295. data/config/initializers/govuk_form_builder_overrides.rb +128 -0
  296. data/config/routes.rb +3 -0
  297. data/lib/design_system/all.rb +3 -0
  298. data/lib/design_system/components/summary_list.rb +53 -0
  299. data/lib/design_system/components/tab.rb +20 -0
  300. data/lib/design_system/components/table.rb +68 -0
  301. data/lib/design_system/engine.rb +30 -0
  302. data/lib/design_system/generic/builders/base.rb +18 -0
  303. data/lib/design_system/generic/builders/button.rb +35 -0
  304. data/lib/design_system/generic/builders/callout.rb +28 -0
  305. data/lib/design_system/generic/builders/concerns/brand_derivable.rb +14 -0
  306. data/lib/design_system/generic/builders/elements/breadcrumbs.rb +45 -0
  307. data/lib/design_system/generic/builders/elements/form.rb +23 -0
  308. data/lib/design_system/generic/builders/elements/headings.rb +31 -0
  309. data/lib/design_system/generic/builders/fixed_elements.rb +38 -0
  310. data/lib/design_system/generic/builders/heading.rb +38 -0
  311. data/lib/design_system/generic/builders/link.rb +37 -0
  312. data/lib/design_system/generic/builders/notification.rb +43 -0
  313. data/lib/design_system/generic/builders/pagination_renderer.rb +85 -0
  314. data/lib/design_system/generic/builders/panel.rb +18 -0
  315. data/lib/design_system/generic/builders/summary_list.rb +84 -0
  316. data/lib/design_system/generic/builders/tab.rb +17 -0
  317. data/lib/design_system/generic/builders/table.rb +76 -0
  318. data/lib/design_system/generic/form_builder.rb +54 -0
  319. data/lib/design_system/generic.rb +15 -0
  320. data/lib/design_system/govuk/builders/button.rb +57 -0
  321. data/lib/design_system/govuk/builders/callout.rb +26 -0
  322. data/lib/design_system/govuk/builders/elements/breadcrumbs.rb +33 -0
  323. data/lib/design_system/govuk/builders/elements/headings.rb +18 -0
  324. data/lib/design_system/govuk/builders/fixed_elements.rb +17 -0
  325. data/lib/design_system/govuk/builders/heading.rb +11 -0
  326. data/lib/design_system/govuk/builders/link.rb +23 -0
  327. data/lib/design_system/govuk/builders/notification.rb +11 -0
  328. data/lib/design_system/govuk/builders/pagination_renderer.rb +80 -0
  329. data/lib/design_system/govuk/builders/panel.rb +18 -0
  330. data/lib/design_system/govuk/builders/summary_list.rb +44 -0
  331. data/lib/design_system/govuk/builders/tab.rb +56 -0
  332. data/lib/design_system/govuk/builders/table.rb +79 -0
  333. data/lib/design_system/govuk/form_builder.rb +430 -0
  334. data/lib/design_system/govuk.rb +19 -0
  335. data/lib/design_system/nhsuk/builders/button.rb +11 -0
  336. data/lib/design_system/nhsuk/builders/callout.rb +11 -0
  337. data/lib/design_system/nhsuk/builders/elements/breadcrumbs.rb +47 -0
  338. data/lib/design_system/nhsuk/builders/fixed_elements.rb +15 -0
  339. data/lib/design_system/nhsuk/builders/heading.rb +11 -0
  340. data/lib/design_system/nhsuk/builders/link.rb +21 -0
  341. data/lib/design_system/nhsuk/builders/notification.rb +17 -0
  342. data/lib/design_system/nhsuk/builders/pagination_renderer.rb +16 -0
  343. data/lib/design_system/nhsuk/builders/panel.rb +11 -0
  344. data/lib/design_system/nhsuk/builders/summary_list.rb +34 -0
  345. data/lib/design_system/nhsuk/builders/tab.rb +11 -0
  346. data/lib/design_system/nhsuk/builders/table.rb +68 -0
  347. data/lib/design_system/nhsuk/form_builder.rb +83 -0
  348. data/lib/design_system/nhsuk.rb +18 -0
  349. data/lib/design_system/registry.rb +40 -0
  350. data/lib/design_system/version.rb +3 -0
  351. data/lib/design_system.rb +7 -0
  352. data/lib/tasks/design_system_tasks.rake +4 -0
  353. data/lib/tasks/govuk.rake +122 -0
  354. data/lib/tasks/nhsuk.rake +108 -0
  355. data/public/design_system/static/design_system-0.7.0/design_system.js +1309 -0
  356. data/public/design_system/static/govuk-frontend-5.11.1/fonts/bold-affa96571d-v2.woff +0 -0
  357. data/public/design_system/static/govuk-frontend-5.11.1/fonts/bold-b542beb274-v2.woff2 +0 -0
  358. data/public/design_system/static/govuk-frontend-5.11.1/fonts/light-94a07e06a1-v2.woff2 +0 -0
  359. data/public/design_system/static/govuk-frontend-5.11.1/fonts/light-f591b13f7d-v2.woff +0 -0
  360. data/public/design_system/static/govuk-frontend-5.11.1/govuk-frontend.min.js +1 -0
  361. data/public/design_system/static/govuk-frontend-5.11.1/govuk-frontend.min.js.map +1 -0
  362. data/public/design_system/static/govuk-frontend-5.11.1/images/favicon.ico +0 -0
  363. data/public/design_system/static/govuk-frontend-5.11.1/images/favicon.svg +1 -0
  364. data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-crest.svg +1 -0
  365. data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-180.png +0 -0
  366. data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-192.png +0 -0
  367. data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-512.png +0 -0
  368. data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-mask.svg +1 -0
  369. data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-opengraph-image.png +0 -0
  370. data/public/design_system/static/govuk-frontend-5.11.1/manifest.json +39 -0
  371. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/favicon.ico +0 -0
  372. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/favicon.svg +1 -0
  373. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-crest.svg +1 -0
  374. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-180.png +0 -0
  375. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-192.png +0 -0
  376. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-512.png +0 -0
  377. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-mask.svg +1 -0
  378. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-opengraph-image.png +0 -0
  379. data/public/design_system/static/govuk-frontend-5.11.1/rebrand/manifest.json +39 -0
  380. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/apple-touch-icon-180x180.png +0 -0
  381. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/apple-touch-icon.png +0 -0
  382. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon-192x192.png +0 -0
  383. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.ico +0 -0
  384. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.png +0 -0
  385. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.svg +3 -0
  386. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/largetile-310x310.png +0 -0
  387. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/mediumtile-144x144.png +0 -0
  388. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/mediumtile-150x150.png +0 -0
  389. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/smalltile-70x70.png +0 -0
  390. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/widetile-310x150.png +0 -0
  391. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-left.svg +3 -0
  392. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right-circle.svg +4 -0
  393. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right.svg +3 -0
  394. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-left.svg +3 -0
  395. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-right.svg +3 -0
  396. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-close.svg +3 -0
  397. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-cross.svg +4 -0
  398. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash-small.svg +3 -0
  399. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash.svg +3 -0
  400. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-minus.svg +4 -0
  401. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-plus.svg +4 -0
  402. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-search.svg +3 -0
  403. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-tick.svg +3 -0
  404. data/public/design_system/static/nhsuk-frontend-9.6.4/logos/logo-nhs.svg +5 -0
  405. data/public/design_system/static/nhsuk-frontend-9.6.4/logos/nhs-logo.png +0 -0
  406. data/public/design_system/static/nhsuk-frontend-9.6.4/logos/open-graph.png +0 -0
  407. data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.js +4 -0
  408. data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.min.js +1 -0
  409. data/public/design_system/static/stimulus-3.2.2/stimulus-loading.js +87 -0
  410. data/public/design_system/static/tailwind-4.1.6/index.js +8 -0
  411. metadata +517 -0
@@ -0,0 +1,193 @@
1
+ ////
2
+ /// @group settings/colours
3
+ ////
4
+
5
+ @import "../helpers/colour";
6
+
7
+ // =========================================================
8
+ // Generic
9
+ // =========================================================
10
+
11
+ /// Brand colour
12
+ ///
13
+ /// @type Colour
14
+ /// @access public
15
+
16
+ $govuk-brand-colour: govuk-colour("blue") !default;
17
+
18
+ /// Text colour
19
+ ///
20
+ /// @type Colour
21
+ /// @access public
22
+
23
+ $govuk-text-colour: govuk-colour("black") !default;
24
+
25
+ /// Canvas background colour
26
+ ///
27
+ /// Used by the footer component and template to give the illusion of a long
28
+ /// footer.
29
+ ///
30
+ /// @type Colour
31
+ /// @access public
32
+ /// @deprecated "$govuk-canvas-background-colour has been deprecated and will be removed in the next major
33
+ /// version. Use `$govuk-template-background-colour` if you want to change the background of
34
+ /// the `<html>` element and background colour of elements that need to match for visual
35
+ /// continuity.
36
+ $govuk-canvas-background-colour: govuk-colour("light-grey") !default;
37
+
38
+ // Output a deprecation warning if $govuk-canvas-background-colour is being overridden
39
+ // Remove in next major version.
40
+ @if $govuk-canvas-background-colour != govuk-colour("light-grey") {
41
+ @include _warning(
42
+ "$govuk-canvas-background-colour",
43
+ "$govuk-canvas-background-colour has been deprecated and will be removed in the next major version."
44
+ );
45
+ }
46
+
47
+ /// Template background colour
48
+ ///
49
+ /// Used by components that want to give the illusion of extending
50
+ /// the template background (such as the footer and cookie banner).
51
+ ///
52
+ /// @type Colour
53
+ /// @access public
54
+
55
+ $govuk-template-background-colour: govuk-colour("light-grey") !default;
56
+
57
+ /// Body background colour
58
+ ///
59
+ /// @type Colour
60
+ /// @access public
61
+
62
+ $govuk-body-background-colour: govuk-colour("white") !default;
63
+
64
+ /// Text colour for print media
65
+ ///
66
+ /// Use 'true black' to avoid printers using colour ink to print body text
67
+ ///
68
+ /// @type Colour
69
+ /// @access public
70
+
71
+ $govuk-print-text-colour: #000000 !default;
72
+
73
+ /// Secondary text colour
74
+ ///
75
+ /// Used in for example 'muted' text and help text.
76
+ ///
77
+ /// @type Colour
78
+ /// @access public
79
+
80
+ $govuk-secondary-text-colour: govuk-colour("dark-grey") !default;
81
+
82
+ /// Focus colour
83
+ ///
84
+ /// Used for outline (and background, where appropriate) when interactive
85
+ /// elements (links, form controls) have keyboard focus.
86
+ ///
87
+ /// @type Colour
88
+ /// @access public
89
+
90
+ $govuk-focus-colour: govuk-colour("yellow") !default;
91
+
92
+ /// Focused text colour
93
+ ///
94
+ /// Ensure that the contrast between the text and background colour passes
95
+ /// WCAG Level AA contrast requirements.
96
+ ///
97
+ /// @type Colour
98
+ /// @access public
99
+
100
+ $govuk-focus-text-colour: govuk-colour("black") !default;
101
+
102
+ /// Error colour
103
+ ///
104
+ /// Used to highlight error messages and form controls in an error state
105
+ ///
106
+ /// @type Colour
107
+ /// @access public
108
+
109
+ $govuk-error-colour: govuk-colour("red") !default;
110
+
111
+ /// Success colour
112
+ ///
113
+ /// Used to highlight success messages and banners
114
+ ///
115
+ /// @type Colour
116
+ /// @access public
117
+
118
+ $govuk-success-colour: govuk-colour("green") !default;
119
+
120
+ /// Border colour
121
+ ///
122
+ /// Used in for example borders, separators, rules and keylines.
123
+ ///
124
+ /// @type Colour
125
+ /// @access public
126
+
127
+ $govuk-border-colour: govuk-colour("mid-grey") !default;
128
+
129
+ /// Input border colour
130
+ ///
131
+ /// Used for form inputs and controls
132
+ ///
133
+ /// @type Colour
134
+ /// @access public
135
+
136
+ $govuk-input-border-colour: govuk-colour("black") !default;
137
+
138
+ /// Input hover colour
139
+ ///
140
+ /// Used for hover states on form controls
141
+ ///
142
+ /// @type Colour
143
+ /// @access public
144
+
145
+ $govuk-hover-colour: govuk-colour("mid-grey") !default;
146
+
147
+ // =============================================================================
148
+ // Links
149
+ // =============================================================================
150
+
151
+ /// Link colour
152
+ ///
153
+ /// @type Colour
154
+ /// @access public
155
+
156
+ $govuk-link-colour: govuk-colour("blue") !default;
157
+
158
+ /// Visited link colour
159
+ ///
160
+ /// @type Colour
161
+ /// @access public
162
+
163
+ $govuk-link-visited-colour: govuk-colour("purple") !default;
164
+
165
+ /// Link hover colour
166
+ ///
167
+ /// @type Colour
168
+ /// @access public
169
+
170
+ $govuk-link-hover-colour: govuk-colour("dark-blue") !default;
171
+
172
+ /// Active link colour
173
+ ///
174
+ /// @type Colour
175
+ /// @access public
176
+
177
+ $govuk-link-active-colour: govuk-colour("black") !default;
178
+
179
+ // =============================================================================
180
+ // Brand refresh
181
+ // =============================================================================
182
+
183
+ /// Updated template background colour
184
+ ///
185
+ /// @type Colour
186
+ /// @access private
187
+ $_govuk-rebrand-template-background-colour: govuk-tint($govuk-brand-colour, 95%);
188
+
189
+ /// Border colour for areas on a light-blue background
190
+ ///
191
+ /// @type Colour
192
+ /// @access private
193
+ $_govuk-rebrand-border-colour-on-blue-tint-95: govuk-tint($govuk-brand-colour, 50%);
@@ -0,0 +1,380 @@
1
+ @import "../settings/warnings";
2
+
3
+ ////
4
+ /// @group settings/colours
5
+ ////
6
+
7
+ /// Feature flag for updated organisation list and colours
8
+ ///
9
+ /// When set to true, $govuk-colours-organisations will use the new
10
+ /// organisation list and colour selection.
11
+ ///
12
+ /// Should be removed in 6.0.
13
+ ///
14
+ /// @type Boolean
15
+ /// @access public
16
+ /// @deprecated Using new organisation colours will become the default in Frontend v6.0.
17
+
18
+ $govuk-new-organisation-colours: false !default;
19
+
20
+ /// Current organisation colours
21
+ ///
22
+ /// @type Map
23
+ ///
24
+ /// @prop $organisation.colour - Colour for the given `$organisation`
25
+ /// @prop $organisation.contrast-safe - 'Contrast safe' colour for the given
26
+ /// `$organisation`. This colour has at least a 4.5:1 contrast against
27
+ /// white, to be used for copy and meet the AAA (large text) and AA (smaller
28
+ /// copy) WCAG guidelines.
29
+ /// @prop $organisation.deprecation-message - Marks this organisation as
30
+ /// deprecated (usually because it has ceased to exist). Value is the
31
+ /// deprecation message output to the terminal when compiling.
32
+ ///
33
+ /// @access private
34
+
35
+ $_govuk-organisation-colours: (
36
+ "attorney-generals-office": (
37
+ colour: #a91c8e
38
+ ),
39
+ "cabinet-office": (
40
+ colour: #0056b8
41
+ ),
42
+ "civil-service": (
43
+ colour: #b2292e
44
+ ),
45
+ "department-for-business-trade": (
46
+ colour: #e52d13,
47
+ contrast-safe: #e02c13
48
+ ),
49
+ "department-for-business-energy-industrial-strategy": (
50
+ colour: #003479,
51
+ deprecation-message:
52
+ "`department-for-business-energy-industrial-strategy` was dissolved in 2023. It was replaced by `department-for-business-trade`, `department-for-energy-security-net-zero` and `department-science-innovation-technology`."
53
+ ),
54
+ "department-for-business-innovation-skills": (
55
+ colour: #003479,
56
+ deprecation-message:
57
+ "`department-for-business-innovation-skills` became `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-business-trade` or `department-science-innovation-technology`."
58
+ ),
59
+ "department-for-communities-local-government": (
60
+ colour: #009999,
61
+ contrast-safe: #008080,
62
+ deprecation-message:
63
+ "`department-for-communities-local-government` became `ministry-of-housing-communities-local-government` in 2018."
64
+ ),
65
+ "department-for-culture-media-sport": (
66
+ colour: #ed1588,
67
+ contrast-safe: #d6177a
68
+ ),
69
+ "department-for-digital-culture-media-sport": (
70
+ colour: #d40072,
71
+ deprecation-message:
72
+ "`department-for-digital-culture-media-sport` became `department-for-culture-media-sport` in 2023."
73
+ ),
74
+ "department-for-education": (
75
+ colour: #003764
76
+ ),
77
+ "department-for-energy-security-net-zero": (
78
+ colour: #00a33b,
79
+ contrast-safe: #00852f
80
+ ),
81
+ "department-for-environment-food-rural-affairs": (
82
+ colour: #00a33b,
83
+ contrast-safe: #008531
84
+ ),
85
+ "department-for-exiting-the-european-union": (
86
+ colour: #009fe3,
87
+ contrast-safe: #007db6,
88
+ deprecation-message: "`department-for-exiting-the-european-union` was dissolved in 2020."
89
+ ),
90
+ "department-for-international-development": (
91
+ colour: #002878,
92
+ deprecation-message:
93
+ "`department-for-international-development` was merged into `foreign-commonwealth-development-office` in 2020."
94
+ ),
95
+ "department-for-international-trade": (
96
+ colour: #cf102d,
97
+ deprecation-message: "`department-for-international-trade` was merged into `department-for-business-trade` in 2023."
98
+ ),
99
+ "department-for-levelling-up-housing-communities": (
100
+ colour: #012169,
101
+ deprecation-message:
102
+ "`department-for-levelling-up-housing-communities` was renamed to `ministry-of-housing-communities-local-government` in 2024."
103
+ ),
104
+ "department-for-science-innovation-technology": (
105
+ colour: #00f8f8,
106
+ contrast-safe: #008180
107
+ ),
108
+ "department-for-transport": (
109
+ colour: #006853
110
+ ),
111
+ "department-for-work-pensions": (
112
+ colour: #00bcb5,
113
+ contrast-safe: #00857e
114
+ ),
115
+ "department-of-energy-climate-change": (
116
+ colour: #009ddb,
117
+ contrast-safe: #007db3,
118
+ deprecation-message:
119
+ "`department-of-energy-climate-change` was merged into `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-energy-security-net-zero`."
120
+ ),
121
+ "department-of-health": (
122
+ colour: #00ad93,
123
+ contrast-safe: #008573,
124
+ deprecation-message: "`department-of-health` became `department-of-health-social-care` in 2018."
125
+ ),
126
+ "department-of-health-social-care": (
127
+ colour: #00a990,
128
+ contrast-safe: #008674
129
+ ),
130
+ "foreign-commonwealth-office": (
131
+ colour: #003e74,
132
+ deprecation-message: "`foreign-commonwealth-office` became `foreign-commonwealth-development-office` in 2018."
133
+ ),
134
+ "foreign-commonwealth-development-office": (
135
+ colour: #012069
136
+ ),
137
+ "government-equalities-office": (
138
+ colour: #0056b8,
139
+ deprecation-message: "`government-equalities-office` is deprecated. Use `cabinet-office` instead."
140
+ ),
141
+ "hm-government": (
142
+ colour: #266ebc
143
+ ),
144
+ "hm-revenue-customs": (
145
+ colour: #008476
146
+ ),
147
+ "hm-treasury": (
148
+ colour: #b2292e
149
+ ),
150
+ "home-office": (
151
+ colour: #732282
152
+ ),
153
+ "ministry-of-defence": (
154
+ colour: #532a45
155
+ ),
156
+ "ministry-of-housing-communities-local-government": (
157
+ colour: #00625e
158
+ ),
159
+ "ministry-of-justice": (
160
+ colour: #000000
161
+ ),
162
+ "northern-ireland-office": (
163
+ colour: #00205c
164
+ ),
165
+ "office-of-the-advocate-general-for-scotland": (
166
+ colour: #00205c
167
+ ),
168
+ "office-of-the-leader-of-the-house-of-commons": (
169
+ colour: #497629
170
+ ),
171
+ "office-of-the-leader-of-the-house-of-lords": (
172
+ colour: #9c182f
173
+ ),
174
+ "office-of-the-secretary-of-state-for-scotland": (
175
+ colour: #00205c,
176
+ deprecation-message: "`office-of-the-secretary-of-state-for-scotland` was renamed to `scotland-office` in 2024."
177
+ ),
178
+ "office-of-the-secretary-of-state-for-wales": (
179
+ colour: #a8353a,
180
+ deprecation-message: "`office-of-the-secretary-of-state-for-wales` was renamed to `wales-office` in 2024."
181
+ ),
182
+ "prime-ministers-office-10-downing-street": (
183
+ colour: #0b0c0c
184
+ ),
185
+ "scotland-office": (
186
+ colour: #00205c
187
+ ),
188
+ "serious-fraud-office": (
189
+ colour: #82368c
190
+ ),
191
+ "uk-export-finance": (
192
+ colour: #cf102d
193
+ ),
194
+ "uk-trade-investment": (
195
+ colour: #c80651,
196
+ deprecation-message:
197
+ "`uk-trade-investment` became `department-for-international-trade` in 2016. As of 2023, it is equivalent to `department-for-business-trade`."
198
+ ),
199
+ "wales-office": (
200
+ colour: #a33038
201
+ )
202
+ );
203
+
204
+ /// Legacy organisation colours
205
+ ///
206
+ /// These are the colours included with Frontend prior to 5.3.0. They will be
207
+ /// removed in a future major version of Frontend.
208
+ ///
209
+ /// @type Map
210
+ ///
211
+ /// @prop $organisation.colour - Colour for the given `$organisation`
212
+ /// @prop $organisation.colour-websafe - Optional alternative shade of the
213
+ /// organisation colour. Despite the name, is not guaranteed to be websafe
214
+ /// nor provide better contrast than the base colour.
215
+ ///
216
+ /// @access private
217
+ /// @deprecated Migrate to using the new organisation colour palette instead.
218
+
219
+ $_govuk-legacy-organisation-colours: (
220
+ "attorney-generals-office": (
221
+ colour: #9f1888,
222
+ colour-websafe: #a03a88
223
+ ),
224
+ "cabinet-office": (
225
+ colour: #005abb,
226
+ colour-websafe: #347da4
227
+ ),
228
+ "civil-service": (
229
+ colour: #af292e
230
+ ),
231
+ "department-for-business-innovation-skills": (
232
+ colour: #003479,
233
+ colour-websafe: #347da4
234
+ ),
235
+ "department-for-communities-local-government": (
236
+ colour: #009999,
237
+ colour-websafe: #37836e
238
+ ),
239
+ "department-for-culture-media-sport": (
240
+ colour: #d40072,
241
+ colour-websafe: #a03155
242
+ ),
243
+ "department-for-education": (
244
+ colour: #003a69,
245
+ colour-websafe: #347ca9
246
+ ),
247
+ "department-for-environment-food-rural-affairs": (
248
+ colour: #00a33b,
249
+ colour-websafe: #008938
250
+ ),
251
+ "department-for-international-development": (
252
+ colour: #002878,
253
+ colour-websafe: #405e9a
254
+ ),
255
+ "department-for-international-trade": (
256
+ colour: #cf102d,
257
+ colour-websafe: #005ea5
258
+ ),
259
+ "department-for-business-trade": (
260
+ colour: #cf102d,
261
+ colour-websafe: #005ea5
262
+ ),
263
+ "department-for-levelling-up-housing-communities": (
264
+ colour: #012169
265
+ ),
266
+ "department-for-transport": (
267
+ colour: #006c56,
268
+ colour-websafe: #398373
269
+ ),
270
+ "department-for-work-pensions": (
271
+ colour: #00beb7,
272
+ colour-websafe: #37807b
273
+ ),
274
+ "department-of-energy-climate-change": (
275
+ colour: #009ddb,
276
+ colour-websafe: #2b7cac
277
+ ),
278
+ "department-of-health": (
279
+ colour: #00ad93,
280
+ colour-websafe: #39836e
281
+ ),
282
+ "foreign-commonwealth-development-office": (
283
+ colour: #012169
284
+ ),
285
+ "foreign-commonwealth-office": (
286
+ colour: #003e74,
287
+ colour-websafe: #406e97
288
+ ),
289
+ "government-equalities-office": (
290
+ colour: #9325b2
291
+ ),
292
+ "hm-government": (
293
+ colour: #0076c0,
294
+ colour-websafe: #347da4
295
+ ),
296
+ "hm-revenue-customs": (
297
+ colour: #009390,
298
+ colour-websafe: #008670
299
+ ),
300
+ "hm-treasury": (
301
+ colour: #af292e,
302
+ colour-websafe: #832322
303
+ ),
304
+ "home-office": (
305
+ colour: #9325b2,
306
+ colour-websafe: #9440b2
307
+ ),
308
+ "ministry-of-defence": (
309
+ colour: #4d2942,
310
+ colour-websafe: #5a5c92
311
+ ),
312
+ "ministry-of-justice": (
313
+ colour: #231f20,
314
+ colour-websafe: #5a5c92
315
+ ),
316
+ "northern-ireland-office": (
317
+ colour: #002663,
318
+ colour-websafe: #3e598c
319
+ ),
320
+ "office-of-the-advocate-general-for-scotland": (
321
+ colour: #002663,
322
+ colour-websafe: #005ea5
323
+ ),
324
+ "office-of-the-leader-of-the-house-of-commons": (
325
+ colour: #317023,
326
+ colour-websafe: #005f8f
327
+ ),
328
+ "office-of-the-leader-of-the-house-of-lords": (
329
+ colour: #9c132e,
330
+ colour-websafe: #c2395d
331
+ ),
332
+ "scotland-office": (
333
+ colour: #002663,
334
+ colour-websafe: #405c8a
335
+ ),
336
+ "uk-export-finance": (
337
+ colour: #005747,
338
+ colour-websafe: #005ea5
339
+ ),
340
+ "uk-trade-investment": (
341
+ colour: #c80651,
342
+ colour-websafe: #005ea5
343
+ ),
344
+ "wales-office": (
345
+ colour: #a33038,
346
+ colour-websafe: #7a242a
347
+ )
348
+ );
349
+
350
+ /// Set public organisation colours variable to one of the two maps.
351
+ /// Users can also pass their own map to this to override it entirely.
352
+ ///
353
+ /// @type Map
354
+ /// @access public
355
+
356
+ $govuk-colours-organisations: $_govuk-legacy-organisation-colours !default;
357
+
358
+ @if $govuk-new-organisation-colours and $govuk-colours-organisations == $_govuk-legacy-organisation-colours {
359
+ $govuk-colours-organisations: $_govuk-organisation-colours;
360
+ }
361
+
362
+ /// Organisation colour aliases
363
+ ///
364
+ /// Some organisations have been renamed within our code over time. Here we
365
+ /// map the prior key to the new equivalent key.
366
+ ///
367
+ /// Note: This is for internal renames only. If a department has changed name
368
+ /// or brand colour in a machinery of government change, it should be added to
369
+ /// $govuk-colours-organisations as a new entry with any superseded
370
+ /// organisations marked deprecated.
371
+ ///
372
+ /// @type Map
373
+ ///
374
+ /// @access private
375
+
376
+ $_govuk-colours-organisations-aliases: (
377
+ "department-for-business-and-trade": "department-for-business-trade",
378
+ "department-for-communities-and-local-government": "department-for-communities-local-government",
379
+ "department-for-levelling-up-housing-and-communities": "department-for-levelling-up-housing-communities"
380
+ );
@@ -0,0 +1,35 @@
1
+ ////
2
+ /// @group settings/colours
3
+ ////
4
+
5
+ /// Colour palette
6
+ ///
7
+ /// @type Map
8
+ ///
9
+ /// @prop $colour - Representation for the given $colour, where $colour is the
10
+ /// friendly name for the colour (e.g. "red": #ff0000);
11
+ ///
12
+ /// @access public
13
+
14
+ $govuk-colours: (
15
+ "red": #d4351c,
16
+ "yellow": #ffdd00,
17
+ "green": #00703c,
18
+ "blue": #1d70b8,
19
+ "dark-blue": #003078,
20
+ "light-blue": #5694ca,
21
+ "purple": #4c2c92,
22
+ "black": #0b0c0c,
23
+ "dark-grey": #505a5f,
24
+ "mid-grey": #b1b4b6,
25
+ "light-grey": #f3f2f1,
26
+ "white": #ffffff,
27
+ "light-purple": #6f72af,
28
+ "bright-purple": #912b88,
29
+ "pink": #d53880,
30
+ "light-pink": #f499be,
31
+ "orange": #f47738,
32
+ "brown": #b58840,
33
+ "light-green": #85994b,
34
+ "turquoise": #28a197
35
+ ) !default;
@@ -0,0 +1,13 @@
1
+ ////
2
+ /// @group settings/global-styles
3
+ ////
4
+
5
+ /// Include 'global' styles
6
+ ///
7
+ /// Whether to style paragraphs (`<p>`) and links (`<a>`) without explicitly
8
+ /// having to apply the `govuk-body` and `govuk-link` classes.
9
+ ///
10
+ /// @type Boolean
11
+ /// @access public
12
+
13
+ $govuk-global-styles: false !default;
@@ -0,0 +1,34 @@
1
+ // The order we import settings in is important, as some settings files rely on
2
+ // others
3
+
4
+ @import "assets";
5
+
6
+ @import "warnings";
7
+ @import "global-styles";
8
+
9
+ @import "media-queries";
10
+
11
+ @import "colours-palette";
12
+ @import "colours-organisations";
13
+ @import "colours-applied";
14
+
15
+ @import "spacing";
16
+ @import "measurements";
17
+
18
+ @import "typography-font";
19
+ @import "typography-responsive";
20
+
21
+ @import "links";
22
+
23
+ // LibSass evaluates this as a single unquoted string, equivalent to
24
+ // "true == false", whereas Dart Sass evaluates it as "true" == "false".
25
+ // Because a string in Sass is truthy, LibSass will output the warning; Dart
26
+ // Sass will not.
27
+ @if #{true} == #{false} {
28
+ @include _warning(
29
+ "libsass",
30
+ "It looks like you may be using LibSass to compile your Sass. LibSass is " +
31
+ "deprecated and will not be supported by the next major version of " +
32
+ "GOV.UK Frontend. See https://sass-lang.com/libsass/ for more information."
33
+ );
34
+ }
@@ -0,0 +1,47 @@
1
+ ////
2
+ /// @group settings/links
3
+ ////
4
+
5
+ /// Thickness of link underlines
6
+ ///
7
+ /// The default will be either:
8
+ ///
9
+ /// - 1px
10
+ /// - 0.0625rem, if it's thicker than 1px because the user has changed the text
11
+ /// size in their browser
12
+ ///
13
+ /// Set this variable to `false` to avoid setting a thickness.
14
+ ///
15
+ /// @type Number
16
+ /// @access public
17
+
18
+ $govuk-link-underline-thickness: unquote("max(1px, .0625rem)") !default;
19
+
20
+ /// Offset of link underlines from text baseline
21
+ ///
22
+ /// The default is 3px expressed as ems, as calculated against the default body
23
+ /// font size (on desktop) of 19px.
24
+ /// 3 ÷ 19 = 0.1578
25
+ ///
26
+ /// Set this variable to `false` to avoid setting an offset.
27
+ ///
28
+ /// @type Number
29
+ /// @access public
30
+
31
+ $govuk-link-underline-offset: 0.1578em !default;
32
+
33
+ /// Thickness of link underlines in hover state
34
+ ///
35
+ /// The default for each link will be the thickest of the following:
36
+ ///
37
+ /// - 3px
38
+ /// - 0.1875rem, if it's thicker than 3px because the user has changed the text
39
+ /// size in their browser
40
+ /// - 0.12em (relative to the link's text size)
41
+ ///
42
+ /// Set this variable to `false` to avoid setting a thickness.
43
+ ///
44
+ /// @type Number
45
+ /// @access public
46
+
47
+ $govuk-link-hover-underline-thickness: unquote("max(3px, .1875rem, .12em)") !default;