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,71 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ ////
5
+ /// Section break
6
+ ///
7
+ /// The % (silent class) allows code to be extended (@extend) to other elements
8
+ /// without bloating the code.
9
+ ///
10
+ /// 1. Extended the section-break--l code for usage of a semantic <hr> with
11
+ /// no class name.
12
+ ///
13
+ /// @group styles
14
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
15
+ ///
16
+ /// @example scss
17
+ /// .foo {
18
+ /// @extend %nhsuk-section-break--xl;
19
+ /// }
20
+ ////
21
+
22
+ %nhsuk-section-break {
23
+ border: 0;
24
+ margin: 0;
25
+ }
26
+
27
+ .nhsuk-section-break {
28
+ @extend %nhsuk-section-break;
29
+ }
30
+
31
+ %nhsuk-section-break--xl {
32
+ @include nhsuk-responsive-margin(8, "top");
33
+ @include nhsuk-responsive-margin(8, "bottom");
34
+ }
35
+
36
+ .nhsuk-section-break--xl {
37
+ @extend %nhsuk-section-break--xl;
38
+ }
39
+
40
+ %nhsuk-section-break--l {
41
+ @include nhsuk-responsive-margin(6, "top");
42
+ @include nhsuk-responsive-margin(6, "bottom");
43
+ }
44
+
45
+ .nhsuk-section-break--l {
46
+ @extend %nhsuk-section-break--l;
47
+ }
48
+
49
+ %nhsuk-section-break--m {
50
+ @include nhsuk-responsive-margin(4, "top");
51
+ @include nhsuk-responsive-margin(4, "bottom");
52
+ }
53
+
54
+ .nhsuk-section-break--m {
55
+ @extend %nhsuk-section-break--m;
56
+ }
57
+
58
+ %nhsuk-section-break--visible {
59
+ border-bottom: 1px solid $nhsuk-border-color;
60
+ }
61
+
62
+ .nhsuk-section-break--visible {
63
+ @extend %nhsuk-section-break--visible;
64
+ }
65
+
66
+ hr {
67
+ // [1]
68
+ @extend %nhsuk-section-break;
69
+ @extend %nhsuk-section-break--l;
70
+ @extend %nhsuk-section-break--visible;
71
+ }
@@ -0,0 +1,297 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ ////
5
+ /// Typography
6
+ ///
7
+ /// @group styles
8
+ ////
9
+
10
+ ///
11
+ /// Headings
12
+ ///
13
+ /// The % (silent class) allows code to be extended (@extend) to other elements
14
+ /// without bloating the code.
15
+ ///
16
+ /// @example scss
17
+ /// .foo {
18
+ /// @extend %nhsuk-heading-xl;
19
+ /// }
20
+ ////
21
+
22
+ %nhsuk-heading-xl {
23
+ display: block;
24
+ font-weight: $nhsuk-font-bold;
25
+ margin-top: 0;
26
+
27
+ @include nhsuk-font-size(48);
28
+ @include nhsuk-responsive-margin(7, "bottom");
29
+ }
30
+
31
+ h1,
32
+ .nhsuk-heading-xl {
33
+ @extend %nhsuk-heading-xl;
34
+ }
35
+
36
+ %nhsuk-heading-l {
37
+ display: block;
38
+ font-weight: $nhsuk-font-bold;
39
+ margin-top: 0;
40
+
41
+ @include nhsuk-font-size(36);
42
+ @include nhsuk-responsive-margin(4, "bottom");
43
+ }
44
+
45
+ h2,
46
+ .nhsuk-heading-l {
47
+ @extend %nhsuk-heading-l;
48
+ }
49
+
50
+ %nhsuk-heading-m {
51
+ display: block;
52
+ font-weight: $nhsuk-font-bold;
53
+ margin-top: 0;
54
+
55
+ @include nhsuk-font-size(26);
56
+ @include nhsuk-responsive-margin(4, "bottom");
57
+ }
58
+
59
+ h3,
60
+ .nhsuk-heading-m {
61
+ @extend %nhsuk-heading-m;
62
+ }
63
+
64
+ %nhsuk-heading-s {
65
+ display: block;
66
+ font-weight: $nhsuk-font-bold;
67
+ margin-top: 0;
68
+
69
+ @include nhsuk-font-size(22);
70
+ @include nhsuk-responsive-margin(4, "bottom");
71
+ }
72
+
73
+ h4,
74
+ .nhsuk-heading-s {
75
+ @extend %nhsuk-heading-s;
76
+ }
77
+
78
+ %nhsuk-heading-xs {
79
+ display: block;
80
+ font-weight: $nhsuk-font-bold;
81
+ margin-top: 0;
82
+
83
+ @include nhsuk-font-size(19);
84
+ @include nhsuk-responsive-margin(4, "bottom");
85
+ }
86
+
87
+ h5,
88
+ .nhsuk-heading-xs {
89
+ @extend %nhsuk-heading-xs;
90
+ }
91
+
92
+ %nhsuk-heading-xxs {
93
+ display: block;
94
+ font-weight: $nhsuk-font-bold;
95
+ margin-top: 0;
96
+
97
+ @include nhsuk-font-size(19);
98
+ @include nhsuk-responsive-margin(4, "bottom");
99
+ }
100
+
101
+ h6,
102
+ .nhsuk-heading-xxs {
103
+ @extend %nhsuk-heading-xxs;
104
+ }
105
+
106
+ /// Captions to be used inside headings
107
+
108
+ .nhsuk-caption-xl {
109
+ color: $nhsuk-secondary-text-color;
110
+ display: block;
111
+ margin-bottom: nhsuk-spacing(1);
112
+
113
+ @include nhsuk-font(26);
114
+ }
115
+
116
+ .nhsuk-caption-l {
117
+ color: $nhsuk-secondary-text-color;
118
+ display: block;
119
+ margin-bottom: nhsuk-spacing(1);
120
+
121
+ @include nhsuk-font(22);
122
+ }
123
+
124
+ .nhsuk-caption-m {
125
+ color: $nhsuk-secondary-text-color;
126
+ display: block;
127
+
128
+ @include nhsuk-font(19);
129
+ }
130
+
131
+ .nhsuk-caption--bottom {
132
+ margin-bottom: nhsuk-spacing(0);
133
+ margin-top: nhsuk-spacing(1);
134
+ }
135
+
136
+ /// Body (paragraphs)
137
+
138
+ %nhsuk-body-l {
139
+ display: block;
140
+ margin-top: 0;
141
+
142
+ @include nhsuk-font-size(26);
143
+ @include nhsuk-responsive-margin(5, "bottom");
144
+ }
145
+
146
+ .nhsuk-body-l {
147
+ @extend %nhsuk-body-l;
148
+ }
149
+
150
+ %nhsuk-body-m {
151
+ display: block;
152
+ margin-top: 0;
153
+
154
+ @include nhsuk-font-size(19);
155
+ @include nhsuk-responsive-margin(4, "bottom");
156
+ }
157
+
158
+ p,
159
+ .nhsuk-body-m {
160
+ @extend %nhsuk-body-m;
161
+ color: inherit;
162
+ }
163
+
164
+ %nhsuk-body-s {
165
+ display: block;
166
+ margin-top: 0;
167
+
168
+ @include nhsuk-font-size(16);
169
+ @include nhsuk-responsive-margin(4, "bottom");
170
+ }
171
+
172
+ .nhsuk-body-s {
173
+ @extend %nhsuk-body-s;
174
+ }
175
+
176
+ address {
177
+ @extend %nhsuk-body-m;
178
+
179
+ font-style: normal;
180
+ }
181
+
182
+ /// Lede text
183
+ ///
184
+ /// 1. Apply lede text styling to p and ul within the lede element
185
+ /// 2. Reduces the spacing between the page heading and the lede text
186
+
187
+ .nhsuk-lede-text {
188
+ @include nhsuk-font(26);
189
+ @include nhsuk-responsive-margin(7, "bottom");
190
+
191
+ // [1]
192
+ p,
193
+ ul {
194
+ @include nhsuk-font(26);
195
+ }
196
+ }
197
+
198
+ .nhsuk-lede-text--small {
199
+ @include nhsuk-font(19);
200
+ @include nhsuk-responsive-margin(5, "bottom");
201
+ }
202
+
203
+ // [2]
204
+ h1 + .nhsuk-lede-text,
205
+ h1 + .nhsuk-lede-text--small {
206
+ margin-top: -(nhsuk-spacing(2));
207
+ }
208
+
209
+ /// Contextual adjustments
210
+ ///
211
+ /// Add top padding to headings that appear directly after paragraphs.
212
+ ///
213
+ /// 1. Removes the padding-top because of the lede-text's increased margin-bottom
214
+ ///
215
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
216
+
217
+ %nhsuk-body-l + %nhsuk-heading-l {
218
+ padding-top: nhsuk-spacing(1);
219
+
220
+ @include nhsuk-media-query($from: tablet) {
221
+ padding-top: nhsuk-spacing(2);
222
+ }
223
+ }
224
+
225
+ %nhsuk-body-m + %nhsuk-heading-l,
226
+ %nhsuk-body-s + %nhsuk-heading-l {
227
+ @include nhsuk-responsive-padding(4, "top");
228
+ }
229
+
230
+ %nhsuk-body-m + %nhsuk-heading-m,
231
+ %nhsuk-body-s + %nhsuk-heading-m,
232
+ %nhsuk-body-m + %nhsuk-heading-s,
233
+ %nhsuk-body-s + %nhsuk-heading-s {
234
+ padding-top: nhsuk-spacing(1);
235
+
236
+ @include nhsuk-media-query($from: tablet) {
237
+ padding-top: nhsuk-spacing(2);
238
+ }
239
+ }
240
+
241
+ // [1]
242
+ .nhsuk-lede-text + %nhsuk-heading-l {
243
+ padding-top: 0;
244
+ }
245
+
246
+ /// Font weight for <strong> and <b>
247
+
248
+ strong,
249
+ b {
250
+ font-weight: $nhsuk-font-bold;
251
+ }
252
+
253
+ @include nhsuk-media-query($media-type: print) {
254
+ .nhsuk-main-wrapper {
255
+ padding-top: 1em;
256
+ padding-bottom: 1em;
257
+ }
258
+
259
+ h1,
260
+ .nhsuk-heading-xl,
261
+ h2,
262
+ .nhsuk-heading-l,
263
+ h3,
264
+ .nhsuk-heading-m,
265
+ h4,
266
+ .nhsuk-heading-s,
267
+ h5,
268
+ .nhsuk-heading-xs,
269
+ h6,
270
+ .nhsuk-heading-xxs,
271
+ .nhsuk-lede-text,
272
+ .nhsuk-body-l,
273
+ p,
274
+ .nhsuk-body-m,
275
+ .nhsuk-body-s,
276
+ address,
277
+ ol,
278
+ ul,
279
+ .nhsuk-list {
280
+ margin-bottom: 7.5pt;
281
+ }
282
+
283
+ h1 {
284
+ // stylelint-disable-next-line declaration-no-important
285
+ margin-bottom: 15pt !important;
286
+ }
287
+
288
+ %nhsuk-body-l + %nhsuk-heading-l,
289
+ %nhsuk-body-m + %nhsuk-heading-l,
290
+ %nhsuk-body-s + %nhsuk-heading-l,
291
+ %nhsuk-body-m + %nhsuk-heading-m,
292
+ %nhsuk-body-s + %nhsuk-heading-m,
293
+ %nhsuk-body-m + %nhsuk-heading-s,
294
+ %nhsuk-body-s + %nhsuk-heading-s {
295
+ padding-top: 0.45em;
296
+ }
297
+ }
@@ -0,0 +1,8 @@
1
+ @use "../settings/warnings" as *;
2
+ @forward ".";
3
+
4
+ @include nhsuk-warning(
5
+ "import-using-all",
6
+ "Importing using 'core/tools/all' is deprecated. Update your import statement to import 'core/tools'.",
7
+ $silence-further-warnings: false
8
+ );
@@ -0,0 +1,47 @@
1
+ ////
2
+ /// Exports
3
+ ///
4
+ /// @group tools
5
+ ////
6
+
7
+ @use "sass:list";
8
+
9
+ /// List of modules which have already been exported
10
+
11
+ $imported-modules: () !default;
12
+
13
+ /// Export module
14
+ ///
15
+ /// Ensure that the modules of CSS that we define throughout frontend are only
16
+ /// included in the generated CSS once, no matter how many times they are
17
+ /// imported across the individual components.
18
+ ///
19
+ /// @param {String} $name - Name of module - must be unique within the codebase
20
+ /// @content The passed content will only be outputted if a module of the same
21
+ /// $name has not already been outputted
22
+ ///
23
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
24
+
25
+ @mixin nhsuk-exports($name) {
26
+ // If the mixin is not in the list of modules already exported...
27
+ @if not list.index($imported-modules, $name) {
28
+ // ... then add it to the list
29
+ $imported-modules: list.append($imported-modules, $name) !global;
30
+ // ... and output the CSS for that module
31
+ @content;
32
+ }
33
+ // The next time exports is called for the module of the same name, it will be
34
+ // found in the list and so nothing will be outputted.
35
+ }
36
+
37
+ /// Export module (deprecated)
38
+ ///
39
+ /// @alias nhsuk-exports
40
+ /// @deprecated To be removed in v10.0, replaced by nhsuk-exports
41
+
42
+ @mixin govuk-exports($args...) {
43
+ @include nhsuk-warning("govuk-exports", "govuk-exports is deprecated. Use nhsuk-exports instead.");
44
+ @include nhsuk-exports($args...) {
45
+ @content;
46
+ }
47
+ }
@@ -0,0 +1,86 @@
1
+ @use "../settings" as *;
2
+
3
+ ////
4
+ /// Focused
5
+ ///
6
+ /// @group tools
7
+ ////
8
+
9
+ /// Focused text
10
+ ///
11
+ /// Provides an outline to clearly indicate when the target element is focused.
12
+ /// Used for interactive text-based elements.
13
+
14
+ @mixin nhsuk-focused-text {
15
+ background-color: $nhsuk-focus-color;
16
+ box-shadow:
17
+ 0 -2px $nhsuk-focus-color,
18
+ 0 $nhsuk-focus-width $nhsuk-focus-text-color;
19
+
20
+ // When colours are overridden, for example when users have a dark mode,
21
+ // backgrounds and box-shadows disappear, so we need to ensure there's a
22
+ // transparent outline which will be set to a visible colour.
23
+ outline: $nhsuk-focus-width solid transparent;
24
+
25
+ // When link is focussed, hide the default underline since the
26
+ // box shadow adds the "underline"
27
+ text-decoration: none;
28
+
29
+ &,
30
+ .nhsuk-icon {
31
+ color: $nhsuk-focus-text-color;
32
+ fill: $nhsuk-focus-text-color;
33
+ }
34
+ }
35
+
36
+ /// Focused input (form elements)
37
+ ///
38
+ /// Provides an additional outline and border to clearly indicate when
39
+ /// the target element has focus. Used for interactive input-based elements such
40
+ /// as text inputs.
41
+
42
+ @mixin nhsuk-focused-input {
43
+ border: 2px solid $nhsuk-focus-text-color;
44
+ box-shadow: inset 0 0 0 2px;
45
+ outline: $nhsuk-focus-width solid $nhsuk-focus-color; // [1]
46
+ outline-offset: 0;
47
+ }
48
+
49
+ /// Focused radio input (form element)
50
+ ///
51
+ /// Provides an additional outline and border to clearly indicate when
52
+ /// the target element has focus. Used by radios.
53
+
54
+ @mixin nhsuk-focused-radio {
55
+ border: $nhsuk-focus-width solid $nhsuk-focus-text-color;
56
+ box-shadow: 0 0 0 $nhsuk-focus-width $nhsuk-focus-color;
57
+ }
58
+
59
+ /// Focused checkbox input (form element)
60
+ ///
61
+ /// Provides an additional outline and border to clearly indicate when
62
+ /// the target element has focus. Used by checkbox.
63
+
64
+ @mixin nhsuk-focused-checkbox {
65
+ border: $nhsuk-focus-width solid $nhsuk-focus-text-color;
66
+ box-shadow: 0 0 0 $nhsuk-focus-width $nhsuk-focus-color;
67
+ }
68
+
69
+ /// Focused button
70
+ ///
71
+ /// Provides an additional outline and background to clearly indicate when
72
+ /// the target element has focus. Used for buttons.
73
+
74
+ @mixin nhsuk-focused-button {
75
+ background-color: $nhsuk-focus-color;
76
+ box-shadow: 0 $nhsuk-focus-width 0 0 $nhsuk-focus-text-color;
77
+ color: $nhsuk-focus-text-color;
78
+ outline: $nhsuk-focus-width solid transparent; // [1]
79
+ outline-offset: $nhsuk-focus-width;
80
+
81
+ &,
82
+ .nhsuk-icon {
83
+ color: $nhsuk-focus-text-color;
84
+ fill: $nhsuk-focus-text-color;
85
+ }
86
+ }
@@ -0,0 +1,45 @@
1
+ @use "sass:math";
2
+ @use "../settings" as *;
3
+
4
+ ////
5
+ /// Functions
6
+ ///
7
+ /// @group tools
8
+ ////
9
+
10
+ /// Convert pixels to em
11
+ ///
12
+ /// A quick way to convert px into em
13
+ ///
14
+ /// @example scss
15
+ /// nhsuk-em(20px, $nhsuk-base-font-size);
16
+ ///
17
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
18
+
19
+ @function nhsuk-em($value, $context-font-size) {
20
+ @if math.is-unitless($value) {
21
+ $value: $value * 1px;
22
+ }
23
+ @if math.is-unitless($context-font-size) {
24
+ $context-font-size: $context-font-size * 1px;
25
+ }
26
+ @return math.div($value, $context-font-size) * 1em;
27
+ }
28
+
29
+ /// Convert pixels to rem
30
+ ///
31
+ /// A quick way to convert px into rem
32
+ ///
33
+ /// @example scss
34
+ /// nhsuk-px-to-rem(20px);
35
+ ///
36
+ /// The $nhsuk-base-font-size (defined in settings/_globals.scss)
37
+ /// must be configured to match the font-size of your root (html) element
38
+
39
+ @function nhsuk-px-to-rem($value) {
40
+ @if math.is-unitless($value) {
41
+ $value: $value * 1px;
42
+ }
43
+
44
+ @return math.div($value, $nhsuk-base-font-size) * 1rem;
45
+ }
@@ -0,0 +1,138 @@
1
+ @use "sass:map";
2
+ @use "sass:math";
3
+ @use "../settings" as *;
4
+ @use "mixins" as *;
5
+ @use "sass-mq" as *;
6
+
7
+ ////
8
+ /// Grid
9
+ ///
10
+ /// @group tools
11
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
12
+ ////
13
+
14
+ /// Grid width percentage
15
+ ///
16
+ /// @param {String} $key - Name of grid width (e.g. two-thirds)
17
+ /// @return {Number} Percentage width
18
+ /// @throw if `$key` is not a valid grid width
19
+
20
+ @function nhsuk-grid-width($key) {
21
+ @if map.has-key($nhsuk-grid-widths, $key) {
22
+ @return map.get($nhsuk-grid-widths, $key);
23
+ }
24
+
25
+ @error "Unknown grid width `#{$key}`";
26
+ }
27
+
28
+ /// Grid width percentage (alias)
29
+ ///
30
+ /// @alias nhsuk-grid-width
31
+ /// @deprecated To be removed in v10.0, replaced by nhsuk-grid-width
32
+
33
+ @function grid-width($key) {
34
+ @warn "The `grid-width` function will be removed in a future release, use `nhsuk-grid-width` instead.";
35
+ @return nhsuk-grid-width($key);
36
+ }
37
+
38
+ /// Generate grid row styles
39
+ ///
40
+ /// Creates a grid row class with a standardised margin.
41
+ ///
42
+ /// @param {String} $class [nhsuk-grid-row] CSS class name
43
+ ///
44
+ /// @example scss - Default
45
+ /// @include govuk-grid-row;
46
+ ///
47
+ /// @example scss - Customising the class name
48
+ /// @include govuk-grid-row("app-grid");
49
+ ///
50
+ /// @deprecated To be removed in v10.0, replaced by the nhsuk-grid-row class
51
+
52
+ @mixin nhsuk-grid-row($class: "nhsuk-grid-row") {
53
+ @include nhsuk-warning("nhsuk-grid-row", "nhsuk-grid-row is deprecated. Use `.nhsuk-grid-row` class instead.");
54
+
55
+ .#{$class} {
56
+ @include nhsuk-clearfix;
57
+ margin-right: -($nhsuk-gutter-half);
58
+ margin-left: -($nhsuk-gutter-half);
59
+ }
60
+ }
61
+
62
+ /// Generate grid row styles (deprecated)
63
+ ///
64
+ /// @alias nhsuk-grid-row
65
+ /// @deprecated To be removed in v10.0
66
+
67
+ @mixin govuk-grid-row($args...) {
68
+ @include nhsuk-warning("govuk-grid-row", "govuk-grid-row is deprecated. Use `.nhsuk-grid-row` class instead.");
69
+ @include nhsuk-grid-row($args...);
70
+ }
71
+
72
+ /// Generate grid column styles
73
+ ///
74
+ /// Creates a grid column with standard gutter between the columns.
75
+ ///
76
+ /// If a `$class` is provided (which is the default, but deprecated behaviour),
77
+ /// the generated rules will be wrapped in a predefined selector in the format
78
+ /// `$class-$width` (e.g. `nhsuk-grid-column-full`). This behaviour is
79
+ /// deprecated and will be removed in v10.0
80
+ ///
81
+ /// Grid widths are defined in the `$nhsuk-grid-widths` map.
82
+ ///
83
+ /// By default the column width changes from 100% to specified width at the
84
+ /// 'desktop' breakpoint, but other breakpoints can be specified using the `$at`
85
+ /// parameter.
86
+ ///
87
+ /// @param {String} $width [full] name of a grid width from $nhsuk-grid-widths
88
+ /// @param {String} $float [left] left | right
89
+ /// @param {String} $at [desktop] - mobile | tablet | desktop | any custom breakpoint
90
+ /// @param {String} $class [nhsuk-grid-column] CSS class name (deprecated)
91
+ ///
92
+ /// @example scss - Default
93
+ /// .nhsuk-grid-column-two-thirds {
94
+ /// @include nhsuk-grid-column(two-thirds, $class: false)
95
+ /// }
96
+ ///
97
+ /// @example scss - Customising the breakpoint where width percentage is applied
98
+ /// .nhsuk-grid-column-one-half-at-tablet {
99
+ /// @include nhsuk-grid-column(one-half, $at: tablet);
100
+ /// }
101
+ ///
102
+ /// @example scss - Customising the float direction
103
+ /// .nhsuk-grid-column-one-half-right {
104
+ /// @include nhsuk-grid-column(two-thirds, $float: right, $class: false);
105
+ /// }
106
+ ///
107
+ /// @example scss - Customising the class name (deprecated)
108
+ /// @include nhsuk-grid-column(one-half, $class: "test-column");
109
+ ///
110
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
111
+
112
+ @mixin nhsuk-grid-column($width: full, $float: left, $at: desktop, $class: "nhsuk-grid-column") {
113
+ @if $class {
114
+ .#{$class}-#{$width} {
115
+ @include nhsuk-grid-column($width, $float, $at, $class: false);
116
+ }
117
+ } @else {
118
+ box-sizing: border-box;
119
+ @if $at != tablet {
120
+ width: 100%;
121
+ }
122
+ padding: 0 $nhsuk-gutter-half;
123
+ @include nhsuk-media-query($from: $at) {
124
+ width: nhsuk-grid-width($width);
125
+ float: $float;
126
+ }
127
+ }
128
+ }
129
+
130
+ /// Generate grid column styles (deprecated)
131
+ ///
132
+ /// @alias nhsuk-grid-column
133
+ /// @deprecated To be removed in v10.0, replaced by nhsuk-grid-column
134
+
135
+ @mixin govuk-grid-column($args...) {
136
+ @include nhsuk-warning("govuk-grid-column", "govuk-grid-column is deprecated. Use nhsuk-grid-column instead.");
137
+ @include nhsuk-grid-column($args...);
138
+ }