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,88 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @use "../settings" as *;
4
+ @use "../tools" as *;
5
+ @use "sass:map";
6
+
7
+ ////
8
+ /// Spacing
9
+ ///
10
+ /// @group utilities
11
+ ////
12
+
13
+ /// Directions for spacing
14
+ ///
15
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
16
+
17
+ $_spacing-directions: ("top", "right", "bottom", "left") !default;
18
+
19
+ /// Generate responsive spacing override classes
20
+ ///
21
+ /// Generate spacing override classes for the given property (e.g. margin)
22
+ /// for each point in the responsive spacing scale.
23
+ ///
24
+ /// @param {String} $property - Property to add spacing to (e.g. 'margin')
25
+ ///
26
+ /// @example css
27
+ /// .nhsuk-u-margin-4 {
28
+ /// margin: 16px !important;
29
+ /// }
30
+ ///
31
+ /// @media (min-width: 40.0625em) {
32
+ /// .nhsuk-u-margin-4 {
33
+ /// margin: 24px !important;
34
+ /// }
35
+ /// }
36
+ ///
37
+
38
+ @mixin _nhsuk-generate-responsive-spacing-overrides($property) {
39
+ // For each point in the spacing scale (defined in settings), create an
40
+ // override that affects all directions...
41
+ @each $scale-point, $scale-map in $nhsuk-spacing-responsive-scale {
42
+ .nhsuk-u-#{$property}-#{$scale-point} {
43
+ @include nhsuk-responsive-spacing($scale-point, $property, "all", true);
44
+ }
45
+
46
+ // ... and then an override for each individual direction
47
+ @each $direction in $_spacing-directions {
48
+ .nhsuk-u-#{$property}-#{$direction}-#{$scale-point} {
49
+ @include nhsuk-responsive-spacing($scale-point, $property, $direction, true);
50
+ }
51
+ }
52
+ }
53
+ }
54
+
55
+ /// Generate static spacing override classes
56
+ ///
57
+ /// Generate spacing override classes for the given property (e.g. margin)
58
+ /// for each point in the non-responsive spacing scale.
59
+ ///
60
+ /// @param {String} $property - Property to add spacing to (e.g. 'margin')
61
+ ///
62
+ /// @example css
63
+ /// .nhsuk-u-static-margin-4 {
64
+ /// margin: 24px !important;
65
+ /// }
66
+ ///
67
+
68
+ @mixin _nhsuk-generate-static-spacing-overrides($property) {
69
+ @each $spacing-point in map.keys($nhsuk-spacing-points) {
70
+ .nhsuk-u-static-#{$property}-#{$spacing-point} {
71
+ #{$property}: nhsuk-spacing($spacing-point) !important;
72
+ }
73
+
74
+ @each $direction in $_spacing-directions {
75
+ .nhsuk-u-static-#{$property}-#{$direction}-#{$spacing-point} {
76
+ #{$property}-#{$direction}: nhsuk-spacing($spacing-point) !important;
77
+ }
78
+ }
79
+ }
80
+ }
81
+
82
+ @include nhsuk-exports("nhsuk/core/utilities/spacing") {
83
+ @include _nhsuk-generate-responsive-spacing-overrides("margin");
84
+ @include _nhsuk-generate-responsive-spacing-overrides("padding");
85
+
86
+ @include _nhsuk-generate-static-spacing-overrides("margin");
87
+ @include _nhsuk-generate-static-spacing-overrides("padding");
88
+ }
@@ -0,0 +1,19 @@
1
+ ////
2
+ /// Text align
3
+ ///
4
+ /// @group utilities
5
+ ////
6
+
7
+ // stylelint-disable declaration-no-important
8
+
9
+ .nhsuk-u-text-align-left {
10
+ text-align: left !important;
11
+ }
12
+
13
+ .nhsuk-u-text-align-centre {
14
+ text-align: center !important;
15
+ }
16
+
17
+ .nhsuk-u-text-align-right {
18
+ text-align: right !important;
19
+ }
@@ -0,0 +1,72 @@
1
+ @use "sass:map";
2
+ @use "../settings" as *;
3
+ @use "../tools" as *;
4
+
5
+ ////
6
+ /// Typography
7
+ ///
8
+ /// @group utilities
9
+ ////
10
+
11
+ // Utility classes are allowed to use !important;
12
+ // so we disable stylelint for that rule
13
+
14
+ /// Font size and line height
15
+ ///
16
+ /// Generate typography override classes for each responsive font map in the
17
+ /// typography scale eg .nhsuk-u-font-size-48
18
+ ///
19
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
20
+
21
+ // nhsuk-u-font-size-24 is deprecated
22
+ @each $size, $font-map in $nhsuk-typography-scale {
23
+ .nhsuk-u-font-size-#{$size} {
24
+ $font-map: map.get($nhsuk-typography-scale, $size);
25
+
26
+ // Add underscore to deprecated typography scale keys
27
+ @if map.has-key($font-map, "deprecation") {
28
+ $size: _#{$size};
29
+ }
30
+
31
+ @include nhsuk-font-size($size, $important: true);
32
+ }
33
+ }
34
+
35
+ /// Weights
36
+ ///
37
+ /// Generate font weight override classes for normal and bold
38
+ ///
39
+ /// @example html
40
+ /// <h3 class="nhsuk-heading-s nhsuk-u-font-weight-normal">Example</h3>
41
+ /// <p class="nhsuk-u-font-weight-bold">Example</p>
42
+
43
+ .nhsuk-u-font-weight-normal {
44
+ @include nhsuk-typography-weight-normal($important: true);
45
+ }
46
+
47
+ .nhsuk-u-font-weight-bold {
48
+ @include nhsuk-typography-weight-bold($important: true);
49
+ }
50
+
51
+ /// Typography helpers
52
+
53
+ /// Word break
54
+ ///
55
+ /// @example html
56
+ /// <p class="text-u-word-break-word"></p>
57
+
58
+ .nhsuk-u-text-break-word {
59
+ @include nhsuk-text-break-word($important: true);
60
+ }
61
+
62
+ /// Colours
63
+
64
+ /// Secondary text colour
65
+ ///
66
+ /// @example html
67
+ /// <p class="nhsuk-u-secondary-text-color">Published on: 15 March 2018</p>
68
+
69
+ .nhsuk-u-secondary-text-color {
70
+ // stylelint-disable-next-line declaration-no-important
71
+ color: $nhsuk-secondary-text-color !important;
72
+ }
@@ -0,0 +1,20 @@
1
+ @use "../tools" as *;
2
+
3
+ ////
4
+ /// Visually hidden
5
+ ///
6
+ /// Hide elements visually but keep it in the DOM
7
+ ///
8
+ /// @group utilities
9
+ ///
10
+ /// @example html
11
+ /// <span class="nhsuk-u-visually-hidden">Error:</span>
12
+ ////
13
+
14
+ .nhsuk-u-visually-hidden {
15
+ @include nhsuk-visually-hidden;
16
+ }
17
+
18
+ .nhsuk-u-visually-hidden-focusable {
19
+ @include nhsuk-visually-hidden-focusable;
20
+ }
@@ -0,0 +1,62 @@
1
+ @use "sass:math";
2
+ @use "../tools" as *;
3
+
4
+ ////
5
+ /// Widths
6
+ ///
7
+ /// Force element widths on all screen sizes
8
+ ///
9
+ /// @group utilities
10
+ /// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
11
+ ///
12
+ /// @example html
13
+ /// <input class="nhsuk-input nhsuk-u-width-full" id="example" name="example" type="text">
14
+ ////
15
+
16
+ // Utility classes are allowed to use !important;
17
+ // so we disable stylelint for that rule
18
+ // stylelint-disable declaration-no-important
19
+
20
+ .nhsuk-u-width-full {
21
+ width: 100% !important;
22
+ }
23
+
24
+ .nhsuk-u-width-three-quarters {
25
+ width: 100% !important;
26
+
27
+ @include nhsuk-media-query($from: tablet) {
28
+ width: math.percentage(math.div(3, 4)) !important;
29
+ }
30
+ }
31
+
32
+ .nhsuk-u-width-two-thirds {
33
+ width: 100% !important;
34
+
35
+ @include nhsuk-media-query($from: tablet) {
36
+ width: math.percentage(math.div(2, 3)) !important;
37
+ }
38
+ }
39
+
40
+ .nhsuk-u-width-one-half {
41
+ width: 100% !important;
42
+
43
+ @include nhsuk-media-query($from: tablet) {
44
+ width: math.percentage(math.div(1, 2)) !important;
45
+ }
46
+ }
47
+
48
+ .nhsuk-u-width-one-third {
49
+ width: 100% !important;
50
+
51
+ @include nhsuk-media-query($from: tablet) {
52
+ width: math.percentage(math.div(1, 3)) !important;
53
+ }
54
+ }
55
+
56
+ .nhsuk-u-width-one-quarter {
57
+ width: 100% !important;
58
+
59
+ @include nhsuk-media-query($from: tablet) {
60
+ width: math.percentage(math.div(1, 4)) !important;
61
+ }
62
+ }
@@ -0,0 +1,316 @@
1
+ @use "../settings/warnings" as *;
2
+
3
+ // mq() v6.0.0
4
+ // sass-mq/sass-mq
5
+
6
+ @use "sass:list";
7
+ @use "sass:math";
8
+ @use "sass:map";
9
+ @use "sass:meta";
10
+ @use "sass:string";
11
+
12
+ /// Breakpoint list
13
+ ///
14
+ /// Name your breakpoints in a way that creates a ubiquitous language
15
+ /// across team members. It will improve communication between
16
+ /// stakeholders, designers, developers, and testers.
17
+ ///
18
+ /// @type Map
19
+ /// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
20
+ $mq-breakpoints: (
21
+ mobile: 320px,
22
+ tablet: 740px,
23
+ desktop: 980px,
24
+ wide: 1300px
25
+ ) !default;
26
+
27
+ /// Show breakpoints in the top right corner
28
+ ///
29
+ /// If you want to display the currently active breakpoint in the top
30
+ /// right corner of your site during development, add the breakpoints
31
+ /// to this list, ordered by width. For example: (mobile, tablet, desktop).
32
+ ///
33
+ /// @example scss
34
+ /// @use 'path/to/mq' with ($mq-show-breakpoints: ('mobile', 'tablet', 'desktop'));
35
+ ///
36
+ ///
37
+ /// @type map
38
+ $mq-show-breakpoints: () !default;
39
+
40
+ /// Customize the media type (for example: `@media screen` or `@media print`)
41
+ /// By default sass-mq uses an "all" media type (`@media all and …`)
42
+ ///
43
+ /// If you want to overried the media type, you can use this option.
44
+ /// @example scss
45
+ /// @use 'path/to/mq' with ($media-type: 'screen');
46
+ ///
47
+ /// @type String
48
+ /// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and example
49
+ $mq-media-type: all !default;
50
+
51
+ /// Convert pixels to ems
52
+ ///
53
+ /// @param {Number} $px - value to convert
54
+ ///
55
+ /// @example scss
56
+ /// $font-size-in-ems: px2em(16px);
57
+ /// p { font-size: px2em(16px); }
58
+ ///
59
+ /// @returns {Number}
60
+
61
+ @function px2em($px) {
62
+ @if math.is-unitless($px) {
63
+ @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels.";
64
+ @return px2em($px * 1px);
65
+ }
66
+ // if $px is compatible with em units, then return value unchanged
67
+ @if math.compatible($px, 1em) {
68
+ @return $px;
69
+ }
70
+ @return math.div($px, 16px) * 1em;
71
+ }
72
+
73
+ /// Get a breakpoint's width
74
+ ///
75
+ /// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
76
+ ///
77
+ /// @example scss
78
+ /// $tablet-width: get-breakpoint-width(tablet);
79
+ /// @media (min-width: get-breakpoint-width(tablet)) {}
80
+ ///
81
+ /// @requires {Variable} $mq-breakpoints
82
+ ///
83
+ /// @returns {Number} Value in pixels
84
+ @function get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
85
+ @if map.has-key($breakpoints, $name) {
86
+ @return map.get($breakpoints, $name);
87
+ } @else {
88
+ @warn "Breakpoint #{$name} wasn't found in $breakpoints.";
89
+ @return null;
90
+ }
91
+ }
92
+
93
+ /// Media Query mixin
94
+ ///
95
+ /// @param {String | Boolean} $from [false] - One of $mq-breakpoints
96
+ /// @param {String | Boolean} $until [false] - One of $mq-breakpoints
97
+ /// @param {String | Boolean} $and [false] - Additional media query parameters
98
+ /// @param {String} $media-type [$mq-media-type] - Media type: screen, print…
99
+ ///
100
+ /// @ignore Undocumented API, for advanced use only:
101
+ /// @ignore @param {Map} $breakpoints [$mq-breakpoints]
102
+ ///
103
+ /// @param {Boolean} $silence-warning [false] - Whether to silence deprecation
104
+ /// warning to use nhsuk-media-query instead
105
+ ///
106
+ /// @content styling rules, wrapped into a @media query when $responsive is true
107
+ ///
108
+ /// @requires {Variable} $mq-media-type
109
+ /// @requires {Variable} $mq-breakpoints
110
+ /// @requires {function} px2em
111
+ /// @requires {function} get-breakpoint-width
112
+ ///
113
+ /// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
114
+ ///
115
+ /// @example scss
116
+ /// @use 'path/to/mq' as *;
117
+ /// .element {
118
+ /// @include mq($from: mobile) {
119
+ /// color: red;
120
+ /// }
121
+ /// @include mq($until: tablet) {
122
+ /// color: blue;
123
+ /// }
124
+ /// @include mq(mobile, tablet) {
125
+ /// color: green;
126
+ /// }
127
+ /// @include mq($from: tablet, $and: '(orientation: landscape)') {
128
+ /// color: teal;
129
+ /// }
130
+ /// @include mq(950px) {
131
+ /// color: hotpink;
132
+ /// }
133
+ /// @include mq(tablet, $media-type: screen) {
134
+ /// color: hotpink;
135
+ /// }
136
+ /// // Advanced use:
137
+ /// $my-breakpoints: (L: 900px, XL: 1200px);
138
+ /// @include mq(L, $breakpoints: $my-breakpoints) {
139
+ /// color: hotpink;
140
+ /// }
141
+ /// }
142
+ @mixin mq(
143
+ $from: false,
144
+ $until: false,
145
+ $and: false,
146
+ $media-type: $mq-media-type,
147
+ $breakpoints: $mq-breakpoints,
148
+ $silence-warning: false
149
+ ) {
150
+ $min-width: 0;
151
+ $max-width: 0;
152
+ $media-query: "";
153
+
154
+ @if not $silence-warning {
155
+ @include nhsuk-warning("mq", "mq is deprecated. Use nhsuk-media-query instead.");
156
+ }
157
+
158
+ // From: this breakpoint (inclusive)
159
+ @if $from {
160
+ @if meta.type-of($from) == number {
161
+ $min-width: px2em($from);
162
+ } @else {
163
+ $min-width: px2em(get-breakpoint-width($from, $breakpoints));
164
+ }
165
+ }
166
+
167
+ // Until: that breakpoint (exclusive)
168
+ @if $until {
169
+ @if meta.type-of($until) == number {
170
+ $max-width: px2em($until);
171
+ } @else {
172
+ $max-width: px2em(get-breakpoint-width($until, $breakpoints)) - 0.01em;
173
+ }
174
+ }
175
+
176
+ @if $min-width != 0 {
177
+ $media-query: "#{$media-query} and (min-width: #{$min-width})";
178
+ }
179
+ @if $max-width != 0 {
180
+ $media-query: "#{$media-query} and (max-width: #{$max-width})";
181
+ }
182
+ @if $and {
183
+ $media-query: "#{$media-query} and #{$and}";
184
+ }
185
+
186
+ // Remove unnecessary media query prefix 'all and '
187
+ @if ($media-type == "all" and $media-query != "") {
188
+ $media-type: "";
189
+ $media-query: string.slice(string.unquote($media-query), 6);
190
+ }
191
+
192
+ @media #{$media-type + $media-query} {
193
+ @content;
194
+ }
195
+ }
196
+
197
+ /// Quick sort
198
+ ///
199
+ /// @author Sam Richards
200
+ /// @access private
201
+ /// @param {List} $list - List to sort
202
+ /// @returns {List} Sorted List
203
+ @function _quick-sort($list) {
204
+ $less: ();
205
+ $equal: ();
206
+ $large: ();
207
+
208
+ @if length($list) > 1 {
209
+ $seed: list.nth($list, math.ceil(math.div(length($list), 2)));
210
+
211
+ @each $item in $list {
212
+ @if ($item == $seed) {
213
+ $equal: list.append($equal, $item);
214
+ } @else if ($item < $seed) {
215
+ $less: list.append($less, $item);
216
+ } @else if ($item > $seed) {
217
+ $large: list.append($large, $item);
218
+ }
219
+ }
220
+
221
+ @return join(join(_quick-sort($less), $equal), _quick-sort($large));
222
+ }
223
+
224
+ @return $list;
225
+ }
226
+
227
+ /// Sort a map by values (works with numbers only)
228
+ ///
229
+ /// @access private
230
+ /// @param {Map} $map - Map to sort
231
+ /// @returns {Map} Map sorted by value
232
+ @function _map-sort-by-value($map) {
233
+ $map-sorted: ();
234
+ $map-keys: map.keys($map);
235
+ $map-values: map.values($map);
236
+ $map-values-sorted: _quick-sort($map-values);
237
+
238
+ // Reorder key/value pairs based on key values
239
+ @each $value in $map-values-sorted {
240
+ $index: index($map-values, $value);
241
+ $key: list.nth($map-keys, $index);
242
+ $map-sorted: map.merge(
243
+ $map-sorted,
244
+ (
245
+ $key: $value
246
+ )
247
+ );
248
+
249
+ // Unset the value in $map-values to prevent the loop
250
+ // from finding the same index twice
251
+ $map-values: list.set-nth($map-values, $index, 0);
252
+ }
253
+
254
+ @return $map-sorted;
255
+ }
256
+
257
+ /// Add a breakpoint
258
+ ///
259
+ /// @param {String} $name - Name of the breakpoint
260
+ /// @param {Number} $width - Width of the breakpoint
261
+ ///
262
+ /// @requires {Variable} $mq-breakpoints
263
+ ///
264
+ /// @example scss
265
+ /// @include add-breakpoint(tvscreen, 1920px);
266
+ /// @include mq(tvscreen) {}
267
+ @mixin add-breakpoint($name, $width) {
268
+ $new-breakpoint: (
269
+ $name: $width
270
+ );
271
+ $mq-breakpoints: map.merge($mq-breakpoints, $new-breakpoint) !global;
272
+ $mq-breakpoints: _map-sort-by-value($mq-breakpoints) !global;
273
+ }
274
+
275
+ /// Show the active breakpoint in the top right corner of the viewport
276
+ /// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
277
+ ///
278
+ /// @param {List} $show-breakpoints [$mq-show-breakpoints] - List of breakpoints to show in the top right corner
279
+ /// @param {Map} $breakpoints [$mq-breakpoints] - Breakpoint names and sizes
280
+ ///
281
+ /// @requires {Variable} $mq-breakpoints
282
+ /// @requires {Variable} $mq-show-breakpoints
283
+ ///
284
+ /// @example scss
285
+ /// // Show breakpoints using global settings
286
+ /// @include show-breakpoints;
287
+ ///
288
+ /// // Show breakpoints using custom settings
289
+ /// @include show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
290
+ @mixin show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
291
+ body:before {
292
+ background-color: #fcf8e3;
293
+ border-bottom: 1px solid #fbeed5;
294
+ border-left: 1px solid #fbeed5;
295
+ color: #c09853;
296
+ font: small-caption;
297
+ padding: 3px 6px;
298
+ pointer-events: none;
299
+ position: fixed;
300
+ right: 0;
301
+ top: 0;
302
+ z-index: 100;
303
+
304
+ // Loop through the breakpoints that should be shown
305
+ @each $show-breakpoint in $show-breakpoints {
306
+ $width: get-breakpoint-width($show-breakpoint, $breakpoints);
307
+ @include mq($show-breakpoint, $breakpoints: $breakpoints) {
308
+ content: "#{$show-breakpoint} ≥ #{$width} (#{px2em($width)})";
309
+ }
310
+ }
311
+ }
312
+ }
313
+
314
+ @if list.length($mq-show-breakpoints) > 0 {
315
+ @include show-breakpoints;
316
+ }
@@ -0,0 +1,5 @@
1
+ // Using the NHSUK frontend.
2
+ @use 'nhsuk-frontend-9.6.4/core';
3
+ @use 'nhsuk-frontend-9.6.4/components';
4
+
5
+ // Use extreme caution when making any design system level style changes or additions here.
@@ -0,0 +1,21 @@
1
+ module DesignSystem
2
+ # This concern manages choosing the relevant layout for our given design system
3
+ module Branded
4
+ extend ActiveSupport::Concern
5
+
6
+ included do
7
+ attr_reader :navigation_items
8
+
9
+ helper DesignSystemHelper
10
+ end
11
+
12
+ def brand
13
+ raise NotImplementedError, 'You need to implement #brand in your ApplicationController'
14
+ end
15
+
16
+ def add_navigation_item(label, path, options = {})
17
+ @navigation_items ||= []
18
+ @navigation_items << { label:, path:, options: }
19
+ end
20
+ end
21
+ end
@@ -0,0 +1,13 @@
1
+ # Copied from NdrUi css_helper.rb
2
+ module CssHelper
3
+ # This method merges the specified css_classes into the options hash
4
+ def css_class_options_merge(options, css_classes = [], &)
5
+ options = options.symbolize_keys
6
+ css_classes += options[:class].split(' ') if options.include?(:class)
7
+ yield(css_classes) if block_given?
8
+ options[:class] = css_classes.join(' ') unless css_classes.empty?
9
+ raise "Multiple css class definitions: #{css_classes.inspect}" unless css_classes == css_classes.uniq
10
+
11
+ options
12
+ end
13
+ end