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,43 @@
1
+ @use "../generic" as *;
2
+ @use "../settings" as *;
3
+ @use "../tools" as *;
4
+
5
+ ////
6
+ /// Page
7
+ ///
8
+ /// High-level, page-level styling.
9
+ ///
10
+ /// 1. The reason for this is to prevent "centering jumps" when navigating back
11
+ /// and forth between pages with enough content to have a vertical scroll bar
12
+ /// and pages that do not.
13
+ /// 2. Fonts on OSX will look more consistent with other systems that do not
14
+ /// render text using sub-pixel anti-aliasing.
15
+ /// 3. Override the user agent style margin of 8px.
16
+ /// 4. Ensure the page always fills at least the entire height of the viewport.
17
+ ///
18
+ /// @group elements
19
+ ////
20
+
21
+ html {
22
+ background-color: $color_nhsuk-grey-4;
23
+ overflow-y: scroll; // [1]
24
+
25
+ @if $nhsuk-include-font-face {
26
+ @include nhsuk-font-face-frutiger;
27
+
28
+ & {
29
+ font-family: $nhsuk-font, $nhsuk-font-fallback;
30
+ }
31
+ }
32
+ }
33
+
34
+ body {
35
+ background-color: $color_nhsuk-grey-5;
36
+ color: $nhsuk-text-color;
37
+ font-size: $nhsuk-base-font-size;
38
+ -moz-osx-font-smoothing: grayscale; // [2]
39
+ -webkit-font-smoothing: antialiased; // [2]
40
+ line-height: nhsuk-line-height($nhsuk-base-line-height, $nhsuk-base-font-size);
41
+ margin: 0; // [3]
42
+ min-height: 100%; // [4]
43
+ }
@@ -0,0 +1,62 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ ////
5
+ /// Tables
6
+ ///
7
+ /// 1. Force `<table>`s to be full-width by default.
8
+ /// 2. Allow word breaks anywhere to prevent table fit-to-content.
9
+ /// 3. Allow word breaks when necessary (deprecated but works, unlike overflow-wrap).
10
+ ///
11
+ /// @group elements
12
+ ////
13
+
14
+ table {
15
+ border-spacing: 0;
16
+ vertical-align: top;
17
+ width: 100%; // [1]
18
+
19
+ @include nhsuk-responsive-margin(7, "bottom");
20
+
21
+ .nhsuk-u-text-break-word {
22
+ word-break: break-all; // [2]
23
+ word-break: break-word; // [3]
24
+ }
25
+
26
+ @include nhsuk-media-query($media-type: print) {
27
+ page-break-inside: avoid;
28
+ }
29
+ }
30
+
31
+ thead {
32
+ th {
33
+ border-bottom: $nhsuk-border-table-header-width solid $nhsuk-border-color;
34
+ }
35
+ }
36
+
37
+ th,
38
+ td {
39
+ padding-left: 0;
40
+
41
+ border-bottom: $nhsuk-border-table-cell-width solid $nhsuk-border-color;
42
+ text-align: left;
43
+ vertical-align: top;
44
+
45
+ @include nhsuk-font-size(19);
46
+ @include nhsuk-responsive-padding(3, "bottom");
47
+ @include nhsuk-responsive-padding(4, "right");
48
+ @include nhsuk-responsive-padding(3, "top");
49
+
50
+ &:last-child {
51
+ padding-right: 0;
52
+ }
53
+ }
54
+
55
+ th {
56
+ font-weight: $nhsuk-font-bold;
57
+ }
58
+
59
+ caption {
60
+ text-align: left;
61
+ @include nhsuk-font($size: 22, $weight: bold);
62
+ }
@@ -0,0 +1,26 @@
1
+ ////
2
+ /// Box sizing
3
+ ///
4
+ /// Set the global `box-sizing` state to `border-box`.
5
+ ///
6
+ /// @link https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
7
+ /// @link http://paulirish.com/2012/box-sizing-border-box-ftw
8
+ ///
9
+ /// @group generic
10
+ ////
11
+
12
+ html {
13
+ -moz-box-sizing: border-box;
14
+ -webkit-box-sizing: border-box;
15
+ box-sizing: border-box;
16
+ }
17
+
18
+ * {
19
+ &,
20
+ &::before,
21
+ &::after {
22
+ -moz-box-sizing: inherit;
23
+ -webkit-box-sizing: inherit;
24
+ box-sizing: inherit;
25
+ }
26
+ }
@@ -0,0 +1,47 @@
1
+ @use "../settings" as *;
2
+
3
+ ////
4
+ /// Font face
5
+ ///
6
+ /// NHS uses the Frutiger font. To use the font you must have a licence.
7
+ /// NHS England has a licence for the Frutiger webfont which all NHS organisations in England can use.
8
+ /// NHS organisations can register here: https://service-manual.nhs.uk/design-system/styles/use-frutiger-font/
9
+ ///
10
+ /// @group settings
11
+ ////
12
+
13
+ @function nhsuk-font-url($filename) {
14
+ @return url($nhsuk-fonts-path + $filename);
15
+ }
16
+
17
+ @mixin nhsuk-font-face-frutiger {
18
+ @at-root {
19
+ @font-face {
20
+ font-display: swap;
21
+ font-family: "Frutiger W01";
22
+ font-style: normal;
23
+ font-weight: $nhsuk-font-normal;
24
+ src: nhsuk-font-url("FrutigerLTW01-55Roman.eot?#iefix");
25
+ src:
26
+ nhsuk-font-url("FrutigerLTW01-55Roman.eot?#iefix") format("eot"),
27
+ nhsuk-font-url("FrutigerLTW01-55Roman.woff2") format("woff2"),
28
+ nhsuk-font-url("FrutigerLTW01-55Roman.woff") format("woff"),
29
+ nhsuk-font-url("FrutigerLTW01-55Roman.ttf") format("truetype"),
30
+ nhsuk-font-url("FrutigerLTW01-55Roman.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
31
+ }
32
+
33
+ @font-face {
34
+ font-display: swap;
35
+ font-family: "Frutiger W01";
36
+ font-style: normal;
37
+ font-weight: $nhsuk-font-bold;
38
+ src: nhsuk-font-url("FrutigerLTW01-65Bold.eot?#iefix");
39
+ src:
40
+ nhsuk-font-url("FrutigerLTW01-65Bold.eot?#iefix") format("eot"),
41
+ nhsuk-font-url("FrutigerLTW01-65Bold.woff2") format("woff2"),
42
+ nhsuk-font-url("FrutigerLTW01-65Bold.woff") format("woff"),
43
+ nhsuk-font-url("FrutigerLTW01-65Bold.ttf") format("truetype"),
44
+ nhsuk-font-url("FrutigerLTW01-65Bold.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
45
+ }
46
+ }
47
+ }
@@ -0,0 +1,6 @@
1
+ ////
2
+ /// Generic
3
+ ////
4
+
5
+ @forward "box-sizing";
6
+ @forward "font-face";
@@ -0,0 +1,25 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ .nhsuk-form-group {
5
+ @include nhsuk-responsive-margin(4, "bottom");
6
+
7
+ .nhsuk-form-group:last-of-type {
8
+ margin-bottom: 0; // Remove margin from last item in nested groups
9
+ }
10
+ }
11
+
12
+ .nhsuk-form-group--wrapper {
13
+ @include nhsuk-responsive-margin(5, "bottom");
14
+ }
15
+
16
+ .nhsuk-form-group--error {
17
+ border-left: $nhsuk-border-width-form-group-error solid $nhsuk-error-color;
18
+ padding-left: nhsuk-spacing(3);
19
+
20
+ .nhsuk-form-group {
21
+ // Reset error styles in nested form groups that might have error class
22
+ border: 0;
23
+ padding: 0;
24
+ }
25
+ }
@@ -0,0 +1,23 @@
1
+ @use "sass:map";
2
+ @use "../settings" as *;
3
+ @use "../tools" as *;
4
+
5
+ ////
6
+ /// Grid
7
+ ///
8
+ /// @group objects
9
+ ////
10
+
11
+ @include nhsuk-exports("nhsuk/core/objects/grid") {
12
+ .nhsuk-grid-row {
13
+ @include nhsuk-clearfix;
14
+ margin-right: -($nhsuk-gutter-half);
15
+ margin-left: -($nhsuk-gutter-half);
16
+ }
17
+
18
+ @each $width in map.keys($nhsuk-grid-widths) {
19
+ .nhsuk-grid-column-#{$width} {
20
+ @include nhsuk-grid-column($width, $class: false);
21
+ }
22
+ }
23
+ }
@@ -0,0 +1,8 @@
1
+ ////
2
+ /// Objects
3
+ ////
4
+
5
+ @forward "form-group";
6
+ @forward "grid";
7
+ @forward "main-wrapper";
8
+ @forward "width-container";
@@ -0,0 +1,96 @@
1
+ @use "../tools" as *;
2
+
3
+ ////
4
+ /// Page wrapper for the grid system
5
+ ///
6
+ /// 1. In IE11 the `main` element can be used, but is not recognized –
7
+ /// meaning it's not defined in IE's default style sheet,
8
+ /// so it uses CSS initial value, which is inline
9
+ ///
10
+ /// @group objects
11
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
12
+ ///
13
+ /// @example html
14
+ /// <div class="nhsuk-width-container">
15
+ /// <div class="nhsuk-main-wrapper">
16
+ /// <!-- Wrapper for the main content of your page which applies padding
17
+ /// to the top / bottom -->
18
+ /// </div>
19
+ /// </div>
20
+ ////
21
+
22
+ @mixin _nhsuk-main-wrapper {
23
+ display: block; // [1]
24
+ padding-top: nhsuk-spacing(4);
25
+ padding-bottom: nhsuk-spacing(4);
26
+ @include nhsuk-top-and-bottom;
27
+
28
+ @include nhsuk-media-query($from: tablet) {
29
+ padding-top: nhsuk-spacing(7);
30
+ padding-bottom: nhsuk-spacing(7);
31
+ }
32
+ }
33
+
34
+ /// @deprecated To be removed in v10.0
35
+
36
+ @mixin govuk-main-wrapper {
37
+ @include nhsuk-warning(
38
+ "govuk-main-wrapper",
39
+ "govuk-main-wrapper is deprecated. Use `.nhsuk-main-wrapper` class instead."
40
+ );
41
+ @include _nhsuk-main-wrapper;
42
+ }
43
+
44
+ @mixin _nhsuk-main-wrapper--l {
45
+ padding-bottom: nhsuk-spacing(6);
46
+ padding-top: nhsuk-spacing(6);
47
+
48
+ @include nhsuk-media-query($from: tablet) {
49
+ padding-bottom: nhsuk-spacing(8);
50
+ padding-top: nhsuk-spacing(8);
51
+ }
52
+ }
53
+
54
+ /// @deprecated To be removed in v10.0
55
+
56
+ @mixin govuk-main-wrapper--l {
57
+ @include nhsuk-warning(
58
+ "govuk-main-wrapper--l",
59
+ "govuk-main-wrapper--l is deprecated. Use `.nhsuk-main-wrapper--l` class instead."
60
+ );
61
+ @include _nhsuk-main-wrapper--l;
62
+ }
63
+
64
+ @mixin _nhsuk-main-wrapper--s {
65
+ padding-top: nhsuk-spacing(3);
66
+ padding-bottom: nhsuk-spacing(3);
67
+
68
+ @include nhsuk-media-query($from: tablet) {
69
+ padding-top: nhsuk-spacing(4);
70
+ padding-bottom: nhsuk-spacing(4);
71
+ }
72
+ }
73
+
74
+ /// @deprecated To be removed in v10.0
75
+
76
+ @mixin govuk-main-wrapper--s {
77
+ @include nhsuk-warning(
78
+ "govuk-main-wrapper--s",
79
+ "govuk-main-wrapper--s is deprecated. Use `.nhsuk-main-wrapper--s` class instead."
80
+ );
81
+ @include _nhsuk-main-wrapper--s;
82
+ }
83
+
84
+ @include nhsuk-exports("nhsuk/core/objects/main-wrapper") {
85
+ .nhsuk-main-wrapper {
86
+ @include _nhsuk-main-wrapper;
87
+ }
88
+
89
+ .nhsuk-main-wrapper--l {
90
+ @include _nhsuk-main-wrapper--l;
91
+ }
92
+
93
+ .nhsuk-main-wrapper--s {
94
+ @include _nhsuk-main-wrapper--s;
95
+ }
96
+ }
@@ -0,0 +1,63 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ ////
5
+ /// Page width for the grid system
6
+ ///
7
+ /// 1. On mobile, add half width gutters
8
+ /// 2. Limit the width of the container to the page width
9
+ /// 3. From desktop, add full width gutters
10
+ /// 4. As soon as the viewport is greater than the width of the page plus the
11
+ /// gutters, just centre the content instead of adding gutters.
12
+ /// 5. Full width container, spanning the entire width of the viewport
13
+ ///
14
+ /// @group objects
15
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
16
+ ////
17
+
18
+ @mixin nhsuk-width-container {
19
+ margin: 0 $nhsuk-gutter-half; // [1]
20
+
21
+ max-width: $nhsuk-page-width; // [2]
22
+
23
+ @include nhsuk-media-query($from: desktop) {
24
+ margin: 0 $nhsuk-gutter; // [3]
25
+ }
26
+
27
+ // [4]
28
+ @include nhsuk-media-query($and: "(min-width: #{($nhsuk-page-width + $nhsuk-gutter * 2)})") {
29
+ margin: 0 auto;
30
+ }
31
+ }
32
+
33
+ /// Page width for the grid system (deprecated)
34
+ ///
35
+ /// @alias nhsuk-width-container
36
+ /// @deprecated To be removed in v11.0, replaced by nhsuk-width-container
37
+
38
+ @mixin govuk-width-container {
39
+ @include nhsuk-warning(
40
+ "govuk-width-container",
41
+ "govuk-width-container is deprecated. Use nhsuk-width-container instead."
42
+ );
43
+ @include nhsuk-width-container;
44
+ }
45
+
46
+ @mixin nhsuk-width-container-fluid {
47
+ margin: 0 $nhsuk-gutter-half;
48
+ max-width: 100%; // [5]
49
+
50
+ @include nhsuk-media-query($from: desktop) {
51
+ margin: 0 $nhsuk-gutter; // [3]
52
+ }
53
+ }
54
+
55
+ @include nhsuk-exports("nhsuk/core/objects/width-container") {
56
+ .nhsuk-width-container {
57
+ @include nhsuk-width-container;
58
+ }
59
+
60
+ .nhsuk-width-container-fluid {
61
+ @include nhsuk-width-container-fluid;
62
+ }
63
+ }
@@ -0,0 +1,8 @@
1
+ @use "warnings" as *;
2
+ @forward ".";
3
+
4
+ @include nhsuk-warning(
5
+ "import-using-all",
6
+ "Importing using 'core/settings/all' is deprecated. Update your import statement to import 'core/settings'.",
7
+ $silence-further-warnings: false
8
+ );
@@ -0,0 +1,18 @@
1
+ ////
2
+ /// Breakpoint definitions
3
+ ///
4
+ /// @group settings
5
+ ////
6
+
7
+ $nhsuk-breakpoints: (
8
+ mobile: 320px,
9
+ tablet: 641px,
10
+ desktop: 769px,
11
+ large-desktop: 990px
12
+ ) !default;
13
+
14
+ /// Show active breakpoint in top-right corner.
15
+ ///
16
+ /// Only use this during local development.
17
+
18
+ $nhsuk-show-breakpoints: false !default;
@@ -0,0 +1,188 @@
1
+ @use "sass:color";
2
+
3
+ ////
4
+ /// NHS colour palette
5
+ ///
6
+ /// Colours are prefixed with color_ to make them easier to
7
+ /// search for within the code base.
8
+ ///
9
+ /// We also prefix them with nhsuk- to prevent clashing with
10
+ /// other colours in existing code bases.
11
+ ///
12
+ /// We use the word color, not colour, for variables.
13
+ ///
14
+ /// @group settings
15
+ ////
16
+
17
+ // stylelint-disable color-no-hex
18
+
19
+ $color_nhsuk-blue: #005eb8;
20
+ $color_nhsuk-white: #ffffff;
21
+ $color_nhsuk-black: #212b32;
22
+ $color_nhsuk-green: #007f3b;
23
+ $color_nhsuk-purple: #330072;
24
+ $color_nhsuk-dark-pink: #7c2855;
25
+ $color_nhsuk-red: #d5281b;
26
+ $color_nhsuk-yellow: #ffeb3b;
27
+
28
+ /// Secondary colours
29
+
30
+ $color_nhsuk-pale-yellow: #fff9c4;
31
+ $color_nhsuk-warm-yellow: #ffb81c;
32
+ $color_nhsuk-orange: #ed8b00;
33
+ $color_nhsuk-aqua-green: #00a499;
34
+ $color_nhsuk-pink: #ae2573;
35
+
36
+ /// Greyscale
37
+
38
+ $color_nhsuk-grey-1: #4c6272;
39
+ $color_nhsuk-grey-2: #768692;
40
+ $color_nhsuk-grey-3: #aeb7bd;
41
+ $color_nhsuk-grey-4: #d8dde0;
42
+ $color_nhsuk-grey-5: #f0f4f5;
43
+
44
+ // stylelint-enable color-no-hex
45
+
46
+ /// RGB and alpha values
47
+ ///
48
+ /// Used to create drop/box shadows e.g. for search suggestions dropdown
49
+ ///
50
+
51
+ $color_nhsuk-grey-1-rgb: rgb(66, 84, 98);
52
+ $alpha-transparency-50: 0.5;
53
+
54
+ /// Tint function
55
+ ///
56
+ /// @example scss
57
+ /// nhsuk-tint(color, percentage);
58
+ /// nhsuk-tint($color_nhsuk-black, 10%);
59
+ ///
60
+
61
+ @function nhsuk-tint($color, $percentage) {
62
+ @return color.mix(white, $color, $percentage);
63
+ }
64
+
65
+ /// Tint function (deprecated)
66
+ ///
67
+ /// @alias nhsuk-tint
68
+ /// @deprecated To be removed in v10.0, replaced by nhsuk-tint
69
+
70
+ @function tint($color, $percentage) {
71
+ @warn "The `tint` function will be removed in a future release, use `nhsuk-tint` instead.";
72
+ @return nhsuk-tint($color, $percentage);
73
+ }
74
+
75
+ /// Shade function
76
+ ///
77
+ /// @example scss
78
+ /// nhsuk-shade(color, percentage);
79
+ /// nhsuk-shade($color_nhsuk-blue, 50%);
80
+ ///
81
+
82
+ @function nhsuk-shade($color, $percentage) {
83
+ @return color.mix(black, $color, $percentage);
84
+ }
85
+
86
+ /// Shade function (deprecated)
87
+ ///
88
+ /// @alias nhsuk-shade
89
+ /// @deprecated To be removed in v10.0, replaced by nhsuk-shade
90
+
91
+ @function shade($color, $percentage) {
92
+ @warn "The `shade` function will be removed in a future release, use `nhsuk-shade` instead.";
93
+ @return nhsuk-shade($color, $percentage);
94
+ }
95
+
96
+ /// Primary colour variations
97
+ ///
98
+ /// 1. used for link :active states
99
+ /// 2. used for .is-active state on main navigation
100
+ /// 3. used for :hover states on main navigation
101
+ /// 4. used for :active states on main navigation
102
+ /// 5. used for primary button and action link icon :hover states
103
+ /// 6. used for primary button and action link icon :active states
104
+
105
+ $color_tint_nhsuk-black-10: nhsuk-tint($color_nhsuk-black, 10%); // [1]
106
+
107
+ $color_shade_nhsuk-blue-20: nhsuk-shade($color_nhsuk-blue, 20%); // [2]
108
+ $color_shade_nhsuk-blue-35: nhsuk-shade($color_nhsuk-blue, 35%); // [3]
109
+ $color_shade_nhsuk-blue-50: nhsuk-shade($color_nhsuk-blue, 50%); // [4]
110
+
111
+ $color_shade_nhsuk-green-35: nhsuk-shade($color_nhsuk-green, 35%); // [5]
112
+ $color_shade_nhsuk-green-50: nhsuk-shade($color_nhsuk-green, 50%); // [6]
113
+
114
+ $color_transparent_nhsuk-white-20: rgba($color_nhsuk-white, 0.2);
115
+ $color_transparent_nhsuk-blue-50: rgba($color_shade_nhsuk-blue-50, 0.1);
116
+
117
+ /// Colour aliases
118
+
119
+ /// Text
120
+
121
+ $nhsuk-text-color: $color_nhsuk-black;
122
+ $nhsuk-reverse-text-color: $color_nhsuk-white;
123
+ $nhsuk-secondary-text-color: $color_nhsuk-grey-1;
124
+ $nhsuk-print-text-color: $color_nhsuk-black;
125
+ // stylelint-disable-next-line color-no-hex
126
+ $nhsuk-footer-link-text-color: #003087;
127
+ // stylelint-disable-next-line color-no-hex
128
+ $nhsuk-footer-copyright-text-color: #231f20;
129
+
130
+ /// Links
131
+
132
+ $nhsuk-link-color: $color_nhsuk-blue;
133
+ $nhsuk-link-hover-color: $color_nhsuk-dark-pink;
134
+ $nhsuk-link-active-color: nhsuk-shade($nhsuk-link-color, 50%);
135
+ $nhsuk-link-visited-color: $color_nhsuk-purple;
136
+
137
+ /// Focus
138
+
139
+ $nhsuk-focus-color: $color_nhsuk-yellow;
140
+ $nhsuk-focus-text-color: $color_nhsuk-black;
141
+
142
+ /// Border
143
+
144
+ $nhsuk-border-color: $color_nhsuk-grey-4;
145
+ $nhsuk-secondary-border-color: $color_transparent_nhsuk-white-20;
146
+
147
+ /// Box shadow
148
+
149
+ $nhsuk-box-shadow: rgba(33, 43, 50, 0.16);
150
+ $nhsuk-box-shadow-color: $color_nhsuk-grey-1-rgb;
151
+
152
+ /// Forms
153
+
154
+ $nhsuk-error-color: $color_nhsuk-red;
155
+ $nhsuk-form-border-color: $color_nhsuk-grey-1;
156
+ $nhsuk-form-element-background-color: $color_nhsuk-white;
157
+
158
+ /// Buttons
159
+
160
+ $nhsuk-button-color: $color_nhsuk-green;
161
+ $nhsuk-button-text-color: $color_nhsuk-white;
162
+ $nhsuk-button-hover-color: nhsuk-shade($nhsuk-button-color, 20%);
163
+ $nhsuk-button-active-color: nhsuk-shade($nhsuk-button-color, 50%);
164
+ $nhsuk-button-shadow-color: nhsuk-shade($nhsuk-button-color, 50%);
165
+
166
+ $nhsuk-secondary-button-color: transparent;
167
+ $nhsuk-secondary-button-solid-background-color: $color_nhsuk-white;
168
+ $nhsuk-secondary-button-border-color: $color_nhsuk-blue;
169
+ $nhsuk-secondary-button-text-color: $color_nhsuk-blue;
170
+ $nhsuk-secondary-button-hover-color: nhsuk-tint($nhsuk-secondary-button-border-color, 85%);
171
+ $nhsuk-secondary-button-active-color: nhsuk-tint($nhsuk-secondary-button-border-color, 78%);
172
+ $nhsuk-secondary-button-shadow-color: $nhsuk-secondary-button-border-color;
173
+
174
+ $nhsuk-reverse-button-color: $color_nhsuk-white;
175
+ $nhsuk-reverse-button-text-color: $color_nhsuk-black;
176
+ $nhsuk-reverse-button-hover-color: nhsuk-shade($nhsuk-reverse-button-color, 15%);
177
+ $nhsuk-reverse-button-active-color: nhsuk-shade($nhsuk-reverse-button-color, 30%);
178
+ $nhsuk-reverse-button-shadow-color: nhsuk-shade($nhsuk-reverse-button-color, 30%);
179
+
180
+ $nhsuk-warning-button-color: $color_nhsuk-red;
181
+ $nhsuk-warning-button-hover-color: nhsuk-shade($nhsuk-warning-button-color, 20%);
182
+ $nhsuk-warning-button-active-color: nhsuk-shade($nhsuk-warning-button-color, 50%);
183
+ $nhsuk-warning-button-shadow-color: nhsuk-shade($nhsuk-warning-button-color, 50%);
184
+
185
+ $nhsuk-login-button-color: $color_nhsuk-blue;
186
+ $nhsuk-login-button-hover-color: nhsuk-shade($nhsuk-login-button-color, 20%);
187
+ $nhsuk-login-button-active-color: nhsuk-shade($nhsuk-login-button-color, 50%);
188
+ $nhsuk-login-button-shadow-color: nhsuk-shade($nhsuk-login-button-color, 50%);