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,82 @@
1
+ @use "sass:math";
2
+
3
+ ////
4
+ /// Globals
5
+ ///
6
+ /// @group settings
7
+ ////
8
+
9
+ /// Fonts
10
+ ///
11
+ /// 1. Fallback fonts if Frutiger fails to load
12
+
13
+ $nhsuk-font: "Frutiger W01" !default;
14
+ $nhsuk-font-fallback: arial, sans-serif !default; // [1]
15
+ $nhsuk-font-family-print: sans-serif !default;
16
+ $nhsuk-font-bold: 600 !default;
17
+ $nhsuk-font-normal: 400 !default;
18
+ $nhsuk-font-light: $nhsuk-font-normal !default;
19
+ $nhsuk-fonts-path: "https://assets.nhs.uk/fonts/" !default;
20
+ $nhsuk-include-font-face: true !default;
21
+
22
+ /// Font sizing and spacing
23
+
24
+ $nhsuk-base-font-size: 16px !default;
25
+ $nhsuk-base-line-height: 24px !default;
26
+
27
+ /// Icon default sizing
28
+
29
+ $nhsuk-icon-size: 34px !default;
30
+
31
+ /// Grid spacing
32
+
33
+ $nhsuk-page-width: 960px !default;
34
+ $nhsuk-gutter: 32px;
35
+ $nhsuk-gutter-half: math.div($nhsuk-gutter, 2);
36
+
37
+ /// Map of grid column widths
38
+
39
+ $nhsuk-grid-widths: (
40
+ one-quarter: math.percentage(math.div(1, 4)),
41
+ one-third: math.percentage(math.div(1, 3)),
42
+ one-half: math.percentage(math.div(1, 2)),
43
+ two-thirds: math.percentage(math.div(2, 3)),
44
+ three-quarters: math.percentage(math.div(3, 4)),
45
+ full: 100%
46
+ ) !default;
47
+
48
+ /// Border sizes
49
+
50
+ $nhsuk-border-width-inset-text: 8px !default;
51
+ $nhsuk-care-card-triangle-border: 16px !default;
52
+ $nhsuk-hero-content-triangle-border: 16px !default;
53
+ $nhsuk-hero-border: 1px !default;
54
+ $nhsuk-border-table-header-width: 2px !default;
55
+ $nhsuk-border-table-cell-width: 1px !default;
56
+
57
+ /// Border radius
58
+
59
+ $nhsuk-border-radius: 4px !default;
60
+
61
+ /// Box shadow
62
+
63
+ $nhsuk-box-shadow-spread: 4px !default;
64
+ $nhsuk-box-shadow-blur: 4px !default;
65
+ $nhsuk-box-shadow-link: 4px !default;
66
+ $nhsuk-box-details: 8px !default;
67
+ $nhsuk-box-expander: 4px !default;
68
+ $nhsuk-box-shadow-pagination: 16px !default;
69
+ $nhsuk-box-shadow-link: 4px !default;
70
+
71
+ /// Header spacing
72
+
73
+ $nhsuk-header-spacing: 20px;
74
+
75
+ /// Form elements
76
+
77
+ $nhsuk-border-width-form-element: 2px !default;
78
+ $nhsuk-border-width-form-element-error: 2px !default;
79
+ $nhsuk-focus-width: 4px !default;
80
+ $nhsuk-border-width: 4px !default;
81
+ $nhsuk-border-width-mobile: 4px !default;
82
+ $nhsuk-border-width-form-group-error: $nhsuk-border-width !default;
@@ -0,0 +1,10 @@
1
+ ////
2
+ /// Settings
3
+ ////
4
+
5
+ @forward "breakpoints";
6
+ @forward "colours";
7
+ @forward "globals";
8
+ @forward "spacing";
9
+ @forward "typography";
10
+ @forward "warnings";
@@ -0,0 +1,79 @@
1
+ ////
2
+ /// Spacing
3
+ ///
4
+ /// @group settings
5
+ ////
6
+
7
+ /// Single point spacing variables
8
+ ///
9
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
10
+
11
+ $nhsuk-spacing-points: (
12
+ 0: 0,
13
+ 1: 4px,
14
+ 2: 8px,
15
+ 3: 16px,
16
+ 4: 24px,
17
+ 5: 32px,
18
+ 6: 40px,
19
+ 7: 48px,
20
+ 8: 56px,
21
+ 9: 64px
22
+ ) !default;
23
+
24
+ /// Responsive spacing map
25
+ ///
26
+ /// These definitions are used to generate responsive spacing that adapts
27
+ /// according to the breakpoints (see 'tools/spacing'). These maps should be
28
+ /// used wherever possible to standardise responsive spacing.
29
+ ///
30
+ /// You can define different behaviour on tablet and desktop. The 'null'
31
+ /// breakpoint is for mobile.
32
+ ///
33
+ /// Access responsive spacing with `nhsuk-responsive-margin` or
34
+ /// `nhsuk-responsive-padding` mixins.
35
+ ///
36
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
37
+
38
+ $nhsuk-spacing-responsive-scale: (
39
+ 0: (
40
+ null: 0,
41
+ tablet: 0
42
+ ),
43
+ 1: (
44
+ null: 4px,
45
+ tablet: 4px
46
+ ),
47
+ 2: (
48
+ null: 8px,
49
+ tablet: 8px
50
+ ),
51
+ 3: (
52
+ null: 8px,
53
+ tablet: 16px
54
+ ),
55
+ 4: (
56
+ null: 16px,
57
+ tablet: 24px
58
+ ),
59
+ 5: (
60
+ null: 24px,
61
+ tablet: 32px
62
+ ),
63
+ 6: (
64
+ null: 32px,
65
+ tablet: 40px
66
+ ),
67
+ 7: (
68
+ null: 40px,
69
+ tablet: 48px
70
+ ),
71
+ 8: (
72
+ null: 48px,
73
+ tablet: 56px
74
+ ),
75
+ 9: (
76
+ null: 56px,
77
+ tablet: 64px
78
+ )
79
+ ) !default;
@@ -0,0 +1,176 @@
1
+ @forward "globals" show $nhsuk-font-normal, $nhsuk-font-bold;
2
+
3
+ ////
4
+ /// Typography
5
+ ///
6
+ /// @group settings
7
+ ////
8
+
9
+ /// Responsive typography font map
10
+ ///
11
+ /// This is used to generate responsive typography that adapts according to the
12
+ /// breakpoints.
13
+ ///
14
+ /// Font size and font weight can be defined for each breakpoint. You can define
15
+ /// different behaviour on tablet and desktop. The 'null' breakpoint is for
16
+ /// mobile.
17
+ ///
18
+ /// Line-heights will automatically be converted from pixel measurements into
19
+ /// relative values. For example, with a font-size of 16px and a line-height of
20
+ /// 24px, the line-height will be converted to 1.5 before output.
21
+ ///
22
+ /// You can also specify a separate font size and line height for print media.
23
+ ///
24
+ /// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`
25
+ /// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`
26
+ /// @prop {Number} $point.print.font-size - Font size for `$point` when printing
27
+ /// @prop {Number} $point.print.line-height - Line height for `$point` when printing
28
+ ///
29
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
30
+
31
+ $nhsuk-typography-scale: (
32
+ 64: (
33
+ null: (
34
+ font-size: 48px,
35
+ line-height: 54px
36
+ ),
37
+ tablet: (
38
+ font-size: 64px,
39
+ line-height: 70px
40
+ ),
41
+ print: (
42
+ font-size: 34pt,
43
+ line-height: 1.1
44
+ )
45
+ ),
46
+ 48: (
47
+ null: (
48
+ font-size: 32px,
49
+ line-height: 38px
50
+ ),
51
+ tablet: (
52
+ font-size: 48px,
53
+ line-height: 54px
54
+ ),
55
+ print: (
56
+ font-size: 26pt,
57
+ line-height: 1.15
58
+ )
59
+ ),
60
+ 36: (
61
+ null: (
62
+ font-size: 27px,
63
+ line-height: 33px
64
+ ),
65
+ tablet: (
66
+ font-size: 36px,
67
+ line-height: 42px
68
+ ),
69
+ print: (
70
+ font-size: 20pt,
71
+ line-height: 1.2
72
+ )
73
+ ),
74
+ 26: (
75
+ null: (
76
+ font-size: 22px,
77
+ line-height: 29px
78
+ ),
79
+ tablet: (
80
+ font-size: 26px,
81
+ line-height: 32px
82
+ ),
83
+ print: (
84
+ font-size: 17pt,
85
+ line-height: 1.25
86
+ )
87
+ ),
88
+ 24: (
89
+ null: (
90
+ font-size: 20px,
91
+ line-height: 28px
92
+ ),
93
+ tablet: (
94
+ font-size: 24px,
95
+ line-height: 31px
96
+ ),
97
+ print: (
98
+ font-size: 16pt,
99
+ line-height: 1.25
100
+ ),
101
+ deprecation: (
102
+ key: "nhsuk-typography-scale-24",
103
+ message: "24 on the typography scale is deprecated and will be removed in the next major version."
104
+ )
105
+ ),
106
+ _24: (
107
+ null: (
108
+ font-size: 20px,
109
+ line-height: 28px
110
+ ),
111
+ tablet: (
112
+ font-size: 24px,
113
+ line-height: 31px
114
+ ),
115
+ print: (
116
+ font-size: 16pt,
117
+ line-height: 1.25
118
+ )
119
+ ),
120
+ 22: (
121
+ null: (
122
+ font-size: 19px,
123
+ line-height: 27px
124
+ ),
125
+ tablet: (
126
+ font-size: 22px,
127
+ line-height: 30px
128
+ ),
129
+ print: (
130
+ font-size: 15pt,
131
+ line-height: 1.25
132
+ )
133
+ ),
134
+ 19: (
135
+ null: (
136
+ font-size: 16px,
137
+ line-height: 24px
138
+ ),
139
+ tablet: (
140
+ font-size: 19px,
141
+ line-height: 28px
142
+ ),
143
+ print: (
144
+ font-size: 13pt,
145
+ line-height: 1.25
146
+ )
147
+ ),
148
+ 16: (
149
+ null: (
150
+ font-size: 14px,
151
+ line-height: 24px
152
+ ),
153
+ tablet: (
154
+ font-size: 16px,
155
+ line-height: 24px
156
+ ),
157
+ print: (
158
+ font-size: 12pt,
159
+ line-height: 1.3
160
+ )
161
+ ),
162
+ 14: (
163
+ null: (
164
+ font-size: 12px,
165
+ line-height: 20px
166
+ ),
167
+ tablet: (
168
+ font-size: 14px,
169
+ line-height: 24px
170
+ ),
171
+ print: (
172
+ font-size: 12pt,
173
+ line-height: 1.3
174
+ )
175
+ )
176
+ ) !default;
@@ -0,0 +1,82 @@
1
+ @use "sass:list";
2
+
3
+ ////
4
+ /// Warnings
5
+ ///
6
+ /// @group settings
7
+ ////
8
+
9
+ /// Suppressed warnings map
10
+ ///
11
+ /// This map is used to determine which deprecation warnings to **not** show
12
+ /// to users when compiling sass. This is in place for codebases that do not
13
+ /// have the necessary capacity to upgrade and remove the deprecation,
14
+ /// particularly if the deprecation is significant. For example, the removal of
15
+ /// mixins and functions that were previously available to users of frontend.
16
+ ///
17
+ /// You can add to this map and define which warnings to suppress by appending to
18
+ /// it using the warning key, found in the warning message. For example:
19
+ ///
20
+ /// @example scss:
21
+ /// // warning message:
22
+ /// // $foobar is no longer supported. To silence this warning, update
23
+ /// // $govuk-suppressed-warnings with key: "foobar"
24
+ /// $govuk-suppressed-warnings: (
25
+ /// foobar
26
+ /// );
27
+ ///
28
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
29
+
30
+ $nhsuk-suppressed-warnings: () !default;
31
+
32
+ /// Warnings
33
+ ///
34
+ /// Acts as a wrapper for the built in `@warn` sass function
35
+ ///
36
+ /// We use this instead of using `@warn` for 3 reasons:
37
+ ///
38
+ /// - To check if a warning is being suppressed through `$nhsuk-suppressed-warnings`,
39
+ /// in which case we don't call `@warn` and printing the warning to the user
40
+ /// - To format the passed warning `$message` with the warning key at the end
41
+ /// - To prevent duplicate warnings by adding the passed `$key` to
42
+ /// `$nhsuk-suppressed-warnings` after `@warn` is called to ensure it only runs
43
+ /// once per sass compilation
44
+ ///
45
+ /// @param {String} $key - The key to be checked against `$govuk-suppressed-warnings`
46
+ /// and then passed to it to prevent multiple of the same warning.
47
+ /// @param {String} $message - The message to use when calling `@warn`
48
+ /// @param {Boolean} $silence-further-warnings - Whether to silence future
49
+ /// warnings that use the same $key
50
+ ///
51
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
52
+
53
+ @mixin nhsuk-warning($key, $message, $silence-further-warnings: true) {
54
+ @if _should-warn($key) {
55
+ @warn _warning-text($key, $message);
56
+
57
+ @if $silence-further-warnings {
58
+ $nhsuk-suppressed-warnings: list.append($nhsuk-suppressed-warnings, $key) !global;
59
+ }
60
+ }
61
+ }
62
+
63
+ /// Check whether a key is present in the suppressed warnings list.
64
+ ///
65
+ /// @param {String} $key - The key to be checked against `$nhsuk-suppressed-warnings`.
66
+ ///
67
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
68
+
69
+ @function _should-warn($key) {
70
+ @return list.index($nhsuk-suppressed-warnings, $key) == null;
71
+ }
72
+
73
+ /// Format a warning by appending information on how to suppress it.
74
+ ///
75
+ /// @param {String} $key - The key needed to suppress the warning.
76
+ /// @param {String} $message - The warning text.
77
+ ///
78
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
79
+
80
+ @function _warning-text($key, $message) {
81
+ @return $message + " To silence this warning, update $nhsuk-suppressed-warnings " + 'with key: "#{$key}"';
82
+ }
@@ -0,0 +1,105 @@
1
+ @use "../settings" as *;
2
+
3
+ ////
4
+ /// Icons
5
+ ///
6
+ /// @group styles
7
+ ////
8
+
9
+ /// Default icon size
10
+
11
+ .nhsuk-icon {
12
+ height: $nhsuk-icon-size;
13
+ width: $nhsuk-icon-size;
14
+ }
15
+
16
+ /// Default icon colours
17
+
18
+ .nhsuk-icon__search {
19
+ fill: $color_nhsuk-blue;
20
+ }
21
+
22
+ .nhsuk-icon__chevron-left {
23
+ fill: $color_nhsuk-blue;
24
+ }
25
+
26
+ .nhsuk-icon__chevron-right {
27
+ fill: $color_nhsuk-blue;
28
+ }
29
+
30
+ .nhsuk-icon__close {
31
+ fill: $color_nhsuk-blue;
32
+ }
33
+
34
+ .nhsuk-icon__cross {
35
+ fill: $color_nhsuk-red;
36
+ }
37
+
38
+ .nhsuk-icon__tick {
39
+ stroke: $color_nhsuk-green;
40
+ }
41
+
42
+ .nhsuk-icon__arrow-right {
43
+ fill: $color_nhsuk-blue;
44
+ }
45
+
46
+ .nhsuk-icon__arrow-left {
47
+ fill: $color_nhsuk-blue;
48
+ }
49
+
50
+ .nhsuk-icon__arrow-right-circle {
51
+ fill: $color_nhsuk-green;
52
+ }
53
+
54
+ .nhsuk-icon__chevron-down {
55
+ fill: currentcolor;
56
+ height: 24px;
57
+ position: absolute;
58
+ right: 4px;
59
+ transform: rotate(90deg);
60
+ width: 24px;
61
+ }
62
+
63
+ .nhsuk-icon__chevron-up {
64
+ fill: $color_nhsuk-blue;
65
+
66
+ path {
67
+ fill: $color_nhsuk-white;
68
+ }
69
+ }
70
+
71
+ .nhsuk-icon__emdash {
72
+ path {
73
+ fill: $color_nhsuk-grey-3;
74
+ }
75
+ }
76
+
77
+ .nhsuk-icon__plus {
78
+ fill: $color_nhsuk-blue;
79
+ }
80
+
81
+ .nhsuk-icon__minus {
82
+ fill: $color_nhsuk-blue;
83
+ }
84
+
85
+ /// Icon size adjustments
86
+
87
+ .nhsuk-icon--size-25 {
88
+ height: $nhsuk-icon-size * 1.25;
89
+ width: $nhsuk-icon-size * 1.25;
90
+ }
91
+
92
+ .nhsuk-icon--size-50 {
93
+ height: $nhsuk-icon-size * 1.5;
94
+ width: $nhsuk-icon-size * 1.5;
95
+ }
96
+
97
+ .nhsuk-icon--size-75 {
98
+ height: $nhsuk-icon-size * 1.75;
99
+ width: $nhsuk-icon-size * 1.75;
100
+ }
101
+
102
+ .nhsuk-icon--size-100 {
103
+ height: $nhsuk-icon-size * 2;
104
+ width: $nhsuk-icon-size * 2;
105
+ }
@@ -0,0 +1,4 @@
1
+ @forward "icons";
2
+ @forward "lists";
3
+ @forward "section-break";
4
+ @forward "typography";
@@ -0,0 +1,115 @@
1
+ @use "../tools" as *;
2
+
3
+ ////
4
+ /// Lists
5
+ ///
6
+ /// The % (silent class) allows code to be extended (@extend) to other elements
7
+ /// without bloating the code.
8
+ ///
9
+ /// 1. 'Random number' used to align ul and ol left with content.
10
+ /// 2. 'Random number' used to give sufficient spacing between text and icon.
11
+ /// 3. 'Random number' used to align icon and text.
12
+ ///
13
+ /// @group styles
14
+ ///
15
+ /// @example scss
16
+ /// .foo {
17
+ /// @extend %nhsuk-list--bullet;
18
+ /// }
19
+ ////
20
+
21
+ %nhsuk-list {
22
+ list-style-type: none;
23
+ margin-top: 0;
24
+ padding-left: 0;
25
+
26
+ @include nhsuk-font-size(19);
27
+ @include nhsuk-responsive-margin(4, "bottom");
28
+
29
+ // Add a top margin and remove bottom margin for nested lists
30
+ %nhsuk-list {
31
+ margin-bottom: 0;
32
+ @include nhsuk-responsive-margin(2, "top");
33
+ }
34
+ }
35
+
36
+ %nhsuk-list > li {
37
+ @include nhsuk-responsive-margin(2, "bottom");
38
+
39
+ &:last-child {
40
+ margin-bottom: 0;
41
+ }
42
+ }
43
+
44
+ %nhsuk-list--bullet {
45
+ list-style-type: disc;
46
+ padding-left: 20px; // [1]
47
+ }
48
+
49
+ .nhsuk-list--bullet {
50
+ @extend %nhsuk-list--bullet;
51
+ }
52
+
53
+ %nhsuk-list--number {
54
+ list-style-type: decimal;
55
+ padding-left: 20px; // [1]
56
+ }
57
+
58
+ %nhsuk-list + h2,
59
+ %nhsuk-list + .nhsuk-heading-l {
60
+ @include nhsuk-responsive-padding(4, "top");
61
+ }
62
+
63
+ %nhsuk-list + h3,
64
+ %nhsuk-list + h4,
65
+ %nhsuk-list + .nhsuk-heading-m,
66
+ %nhsuk-list + .nhsuk-heading-s {
67
+ padding-top: nhsuk-spacing(1);
68
+
69
+ @include nhsuk-media-query($from: tablet) {
70
+ padding-top: nhsuk-spacing(2);
71
+ }
72
+ }
73
+
74
+ @include nhsuk-media-query($media-type: print) {
75
+ %nhsuk-list + h2,
76
+ %nhsuk-list + h3,
77
+ %nhsuk-list + h4,
78
+ %nhsuk-list + .nhsuk-heading-l,
79
+ %nhsuk-list + .nhsuk-heading-m,
80
+ %nhsuk-list + .nhsuk-heading-s {
81
+ padding-top: 0.45em;
82
+ }
83
+ }
84
+
85
+ .nhsuk-list--number {
86
+ @extend %nhsuk-list--number;
87
+ }
88
+
89
+ .nhsuk-list {
90
+ @extend %nhsuk-list;
91
+ }
92
+
93
+ ul {
94
+ @extend %nhsuk-list;
95
+ @extend %nhsuk-list--bullet;
96
+ }
97
+
98
+ ol {
99
+ @extend %nhsuk-list;
100
+ @extend %nhsuk-list--number;
101
+ }
102
+
103
+ .nhsuk-list--tick,
104
+ .nhsuk-list--cross {
105
+ list-style: none;
106
+ margin-top: 0;
107
+ padding-left: 40px; // [2]
108
+ position: relative;
109
+
110
+ svg {
111
+ left: -4px; // [3]
112
+ margin-top: -5px; // [3]
113
+ position: absolute;
114
+ }
115
+ }