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,47 @@
1
+ module DesignSystem
2
+ module Nhsuk
3
+ module Builders
4
+ module Elements
5
+ # This mixin module is used to provide NHS breadcrumbs.
6
+ module Breadcrumbs
7
+ private
8
+
9
+ def content_for_breadcrumbs
10
+ content_for(:breadcrumbs) do
11
+ content_tag(:nav, 'aria-label': 'Breadcrumb', class: "#{brand}-breadcrumb") do
12
+ content_tag(:div, class: "#{brand}-width-container") do
13
+ content_tag(:ol, class: "#{brand}-breadcrumb__list") do
14
+ @breadcrumbs.each_with_object(ActiveSupport::SafeBuffer.new) do |breadcrumb, safe_buffer|
15
+ safe_buffer.concat(render_breadcrumb(breadcrumb))
16
+ end
17
+ end +
18
+ content_for_back_link
19
+ end
20
+ end
21
+ end
22
+ end
23
+
24
+ def content_for_back_link
25
+ content_tag(:p, class: "#{brand}-breadcrumb__back") do
26
+ link_to(@breadcrumbs.last[:path],
27
+ class: "#{brand}-breadcrumb__backlink",
28
+ 'aria-current': @context.current_page?(@breadcrumbs.last[:path]) ? 'page' : nil) do
29
+ content_tag(:span, 'Back to  '.html_safe, class: "#{brand}-u-visually-hidden") +
30
+ @breadcrumbs.last[:label]
31
+ end
32
+ end
33
+ end
34
+
35
+ def render_breadcrumb(breadcrumb)
36
+ content_tag(:li, class: "#{brand}-breadcrumb__item") do
37
+ link_to(breadcrumb[:label],
38
+ breadcrumb[:path],
39
+ class: "#{brand}-breadcrumb__link",
40
+ 'aria-current': @context.current_page?(breadcrumb[:path]) ? 'page' : nil)
41
+ end
42
+ end
43
+ end
44
+ end
45
+ end
46
+ end
47
+ end
@@ -0,0 +1,15 @@
1
+ # frozen_string_literal: true
2
+
3
+ require 'design_system/govuk/builders/fixed_elements'
4
+ require_relative 'elements/breadcrumbs'
5
+
6
+ module DesignSystem
7
+ module Nhsuk
8
+ module Builders
9
+ # This class is used to provide the NHSUK fixed elements builder.
10
+ class FixedElements < ::DesignSystem::Govuk::Builders::FixedElements
11
+ include Elements::Breadcrumbs
12
+ end
13
+ end
14
+ end
15
+ end
@@ -0,0 +1,11 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This class provides Nhsuk methods to display headings in page content.
7
+ class Heading < ::DesignSystem::Generic::Builders::Heading
8
+ end
9
+ end
10
+ end
11
+ end
@@ -0,0 +1,21 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This class provides NHSUK Link.
7
+ class Link < ::DesignSystem::Generic::Builders::Link
8
+ private
9
+
10
+ def button_type_class_hash
11
+ {
12
+ button: "#{brand}-button",
13
+ secondary_button: "#{brand}-button #{brand}-button--secondary",
14
+ warning_button: "#{brand}-button #{brand}-button--warning",
15
+ reverse_button: "#{brand}-button #{brand}-button--reverse"
16
+ }
17
+ end
18
+ end
19
+ end
20
+ end
21
+ end
@@ -0,0 +1,17 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This class provides Nhsuk notifications html.
7
+ class Notification < ::DesignSystem::Govuk::Builders::Notification
8
+ def render_notice(msg)
9
+ content = content_tag(:p, sanitize(msg, tags: %w[b p br a], attributes: %w[href target]))
10
+ content_tag(:div, class: "#{brand}-inset-text") do
11
+ content_tag(:span, 'Information:', class: "#{brand}-u-visually-hidden") + content
12
+ end
13
+ end
14
+ end
15
+ end
16
+ end
17
+ end
@@ -0,0 +1,16 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This class is used to provide will_paginate renderer for NHS UK.
7
+ class PaginationRenderer < ::DesignSystem::Generic::Builders::PaginationRenderer
8
+ # NHSUK doesn't show page number links so overriding it here
9
+ def prepare(collection, options, template)
10
+ options.merge!({ page_links: false })
11
+ super
12
+ end
13
+ end
14
+ end
15
+ end
16
+ end
@@ -0,0 +1,11 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This generates html for rendering panel for Nhsuk
7
+ class Panel < ::DesignSystem::Generic::Builders::Panel
8
+ end
9
+ end
10
+ end
11
+ end
@@ -0,0 +1,34 @@
1
+ # frozen_string_literal: true
2
+
3
+ require 'design_system/generic/builders/summary_list'
4
+
5
+ module DesignSystem
6
+ module Nhsuk
7
+ module Builders
8
+ class SummaryList < ::DesignSystem::Generic::Builders::SummaryList
9
+ private
10
+
11
+ def validate_mix_actions
12
+ if @summary_list.rows.any? { |row| row[:actions].empty? } &&
13
+ @summary_list.rows.any? { |row| row[:actions].any? }
14
+ raise ArgumentError, "A mix of rows with and without actions is not supported for #{brand} style."
15
+ end
16
+ end
17
+
18
+ def render_rows
19
+ validate_mix_actions
20
+
21
+ content_tag(:dl, class: "#{brand}-summary-list") do
22
+ @summary_list.rows.map { |row| render_row(row) }.join.html_safe
23
+ end
24
+ end
25
+
26
+ def render_hidden_text(hidden_text)
27
+ return '' if hidden_text.blank?
28
+
29
+ content_tag(:span, hidden_text, class: "#{brand}-u-visually-hidden")
30
+ end
31
+ end
32
+ end
33
+ end
34
+ end
@@ -0,0 +1,11 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This class provides Nhsuk Tab.
7
+ class Tab < ::DesignSystem::Govuk::Builders::Tab
8
+ end
9
+ end
10
+ end
11
+ end
@@ -0,0 +1,68 @@
1
+ # frozen_string_literal: true
2
+
3
+ module DesignSystem
4
+ module Nhsuk
5
+ module Builders
6
+ # This class is used to provide Nhsuk Table.
7
+ class Table < ::DesignSystem::Govuk::Builders::Table
8
+ private
9
+
10
+ def table_content
11
+ content_tag(:table, nil, class: "#{brand}-table-responsive") do
12
+ safe_buffer = ActiveSupport::SafeBuffer.new
13
+
14
+ if @table.caption
15
+ safe_buffer.concat(content_tag(:caption, @table.caption,
16
+ class: "#{brand}-table__caption"))
17
+ end
18
+ safe_buffer.concat(render_headers)
19
+ safe_buffer.concat(render_rows)
20
+
21
+ safe_buffer
22
+ end
23
+ end
24
+
25
+ def render_headers
26
+ content_tag(:thead, role: 'rowgroup', class: "#{brand}-table__head") do
27
+ content_tag(:tr, role: 'row') do
28
+ @table.columns.each_with_object(ActiveSupport::SafeBuffer.new) do |column, header_buffer|
29
+ header_buffer.concat(render_headers_cell(column))
30
+ end
31
+ end
32
+ end
33
+ end
34
+
35
+ def render_headers_cell(cell)
36
+ classes = "#{brand}-table__header"
37
+ classes += " #{brand}-table__header--numeric" if cell_numeric?(cell)
38
+
39
+ content_tag(:th, cell_content(cell), cell[:options].merge(scope: 'col', class: classes, role: 'columnheader'))
40
+ end
41
+
42
+ def render_row(row)
43
+ content_tag(:tr, role: 'row', class: "#{brand}-table__row") do
44
+ row.each_with_object(ActiveSupport::SafeBuffer.new).with_index do |(cell, cell_buffer), index|
45
+ cell_buffer.concat(render_data_cell(cell, index))
46
+ end
47
+ end
48
+ end
49
+
50
+ def render_data_cell(cell, index)
51
+ classes = "#{brand}-table__cell"
52
+ classes += " #{brand}-table__cell--numeric" if cell_numeric?(cell)
53
+
54
+ content_tag(:td, cell[:options].merge(class: classes), role: 'cell') do
55
+ safe_buffer = ActiveSupport::SafeBuffer.new
56
+ safe_buffer.concat(content_tag(:span,
57
+ @table.columns[index][:content],
58
+ class: "#{brand}-table-responsive__heading",
59
+ aria: { hidden: true }))
60
+ safe_buffer.concat(cell_content(cell))
61
+
62
+ safe_buffer
63
+ end
64
+ end
65
+ end
66
+ end
67
+ end
68
+ end
@@ -0,0 +1,83 @@
1
+ require 'design_system/govuk/form_builder'
2
+
3
+ module DesignSystem
4
+ # Module namespace containing all the form builders
5
+ module Nhsuk
6
+ # The NHS version of the form builder
7
+ class FormBuilder < DesignSystem::Govuk::FormBuilder
8
+ # Same interface as ActionView::Helpers::FormHelper.hidden_field, but with label automatically added and takes a show_text option
9
+ def ds_hidden_field(method, options = {})
10
+ @brand = config.brand
11
+
12
+ options[:class] = Array(options[:class])
13
+ options[:class] << "#{@brand}-u-visually-hidden"
14
+
15
+ label_hash = options.delete(:label) || {}
16
+ label = ds_label(method, label_hash)
17
+ show_text = options.delete(:show_text)
18
+
19
+ content_tag(:div, class: "#{@brand}-form-group") do
20
+ components = []
21
+ components << label if label
22
+ components << hidden_field(method, **options)
23
+ components << content_tag(:span, show_text, class: "#{@brand}-body-m") if show_text
24
+
25
+ safe_join(components)
26
+ end
27
+ end
28
+
29
+ def ds_password_field(method, options = {})
30
+ @brand = config.brand
31
+ options[:id] = govuk_field_id(method, link_errors: true)
32
+ password_field_options = css_class_options_merge(options,
33
+ ["#{@brand}-input",
34
+ has_errors?(method) ? "#{@brand}-input--error" : nil].compact)
35
+
36
+ hint = options.delete(:hint)
37
+ password_field_options[:'aria-describedby'] = field_id("#{method}-hint") if hint
38
+ password_field_options[:autocomplete] = 'current-password'
39
+ password_field_options['data-ds--show-password-target'] = 'password'
40
+ password_field_options.delete('text')
41
+
42
+ form_group_classes = ["#{@brand}-form-group"]
43
+ form_group_classes << "#{@brand}-form-group--error" if has_errors?(method)
44
+
45
+ content_tag(:div,
46
+ class: form_group_classes.join(' '),
47
+ data: {
48
+ controller: 'ds--show-password',
49
+ 'ds--show-password-show-text-value': 'Show password',
50
+ 'ds--show-password-hide-text-value': 'Hide password'
51
+ }) do
52
+ ds_label(method, {}) +
53
+ optional_hint(method, hint) +
54
+ password_field(method, password_field_options) + '&nbsp;'.html_safe +
55
+ show_password_button
56
+ end
57
+ end
58
+
59
+ def show_password_button
60
+ button_options = {
61
+ type: 'button',
62
+ class: "#{@brand}-button #{@brand}-button--secondary",
63
+ style: 'padding: 8px 10px 7px; margin-bottom: 0px !important',
64
+ aria: { label: 'Show password' },
65
+ data: {
66
+ 'module' => "#{@brand}-button",
67
+ 'action' => 'click->ds--show-password#toggle',
68
+ 'ds--show-password-target' => 'button'
69
+ }
70
+ }
71
+ content_tag(:button, 'Show password', button_options)
72
+ end
73
+
74
+ private
75
+
76
+ def optional_hint(method, hint)
77
+ return nil if hint.nil?
78
+
79
+ content_tag(:div, hint, id: field_id("#{method}-hint"), class: "#{@brand}-hint")
80
+ end
81
+ end
82
+ end
83
+ end
@@ -0,0 +1,18 @@
1
+ # frozen_string_literal: true
2
+
3
+ require_relative 'nhsuk/builders/button'
4
+ require_relative 'nhsuk/builders/callout'
5
+ require_relative 'nhsuk/builders/fixed_elements'
6
+ require_relative 'nhsuk/builders/heading'
7
+ require_relative 'nhsuk/builders/link'
8
+ require_relative 'nhsuk/builders/notification'
9
+ require_relative 'nhsuk/builders/pagination_renderer'
10
+ require_relative 'nhsuk/builders/panel'
11
+ require_relative 'nhsuk/builders/summary_list'
12
+ require_relative 'nhsuk/builders/tab'
13
+ require_relative 'nhsuk/builders/table'
14
+
15
+ require_relative 'nhsuk/form_builder'
16
+
17
+ # This is the NHSUK adapter for the design system
18
+ DesignSystem::Registry.register('nhsuk')
@@ -0,0 +1,40 @@
1
+ module DesignSystem
2
+ # This provides a design system factory
3
+ module Registry
4
+ class << self
5
+ attr_accessor :design_systems
6
+
7
+ def register(brand)
8
+ @design_systems ||= []
9
+
10
+ @design_systems << brand
11
+ end
12
+
13
+ def unregister(*brands)
14
+ brands.each do |brand|
15
+ @design_systems.delete(brand)
16
+ end
17
+ end
18
+
19
+ def builder(brand, klass_name, context)
20
+ klass = namespaced_builder_klass(brand, klass_name)
21
+
22
+ klass.new(context)
23
+ end
24
+
25
+ def form_builder(brand)
26
+ "DesignSystem::#{brand.camelcase}::FormBuilder".constantize
27
+ end
28
+
29
+ private
30
+
31
+ def namespaced_builder_klass(brand, klass_name)
32
+ raise ArgumentError, "Unknown brand: #{brand}" unless design_systems.include?(brand)
33
+
34
+ "DesignSystem::#{brand.camelize}::Builders::#{klass_name.camelize}".constantize
35
+ end
36
+ end
37
+ end
38
+ end
39
+
40
+ require_relative 'all'
@@ -0,0 +1,3 @@
1
+ module DesignSystem
2
+ VERSION = '0.7.0'.freeze
3
+ end
@@ -0,0 +1,7 @@
1
+ require 'design_system/version'
2
+ require 'design_system/engine'
3
+
4
+ # This is the main module for the Design System gem
5
+ module DesignSystem
6
+ # Your code goes here...
7
+ end
@@ -0,0 +1,4 @@
1
+ # desc "Explaining what the task does"
2
+ # task :design_system do
3
+ # # Task goes here
4
+ # end
@@ -0,0 +1,122 @@
1
+ require 'fileutils'
2
+ require 'pathname'
3
+
4
+ module GovukHelpers
5
+ ASSETS_PATH = 'public/design_system/static'.freeze
6
+ STYLESHEET_PATH = 'app/assets/stylesheets/design_system'.freeze
7
+ ENGINE_PATH = 'lib/design_system/engine.rb'.freeze
8
+ APPLICATION_LAYOUT_PATH = 'app/views/layouts/govuk/application.html.erb'.freeze
9
+
10
+ def self.versioned_dir(version, brand)
11
+ "#{brand}-frontend-#{version}"
12
+ end
13
+
14
+ def self.semantic_version(version)
15
+ "v#{version}"
16
+ end
17
+
18
+ def self.remove_existing_versions(brand)
19
+ [ASSETS_PATH, STYLESHEET_PATH].each do |base_path|
20
+ FileUtils.rm_rf(Dir.glob("#{base_path}/#{brand}-frontend-*"))
21
+ end
22
+ end
23
+
24
+ def self.update_version_in_file(file_path, version, brand)
25
+ content = File.read(file_path)
26
+ content.gsub!(/#{brand}-frontend-\d+\.\d+\.\d+/, versioned_dir(version, brand))
27
+ File.write(file_path, content)
28
+ end
29
+
30
+ def self.validate_version(version, brand)
31
+ return if version&.match?(/^\d+\.\d+\.\d+$/)
32
+
33
+ raise "Please provide a version number in the format x.x.x (e.g., rake app:make_#{brand}\\[5.9.0\\])"
34
+ end
35
+
36
+ def self.setup_directories(version, brand)
37
+ [ASSETS_PATH, STYLESHEET_PATH].each do |path|
38
+ FileUtils.mkdir_p("#{path}/#{versioned_dir(version, brand)}")
39
+ end
40
+ end
41
+
42
+ def self.copy_scss_files(temp_dir, version, brand)
43
+ base_path = "#{temp_dir}/node_modules/#{brand}-frontend/dist/#{brand}"
44
+ target_base = "#{STYLESHEET_PATH}/#{versioned_dir(version, brand)}"
45
+
46
+ # Copy SCSS files from directories
47
+ %w[components core helpers objects overrides settings tools utilities vendor].each do |dir|
48
+ Dir.glob("#{base_path}/#{dir}/**/*.scss").each do |file|
49
+ relative_path = file.gsub("#{base_path}/", '')
50
+ target_path = "#{target_base}/#{relative_path}"
51
+ FileUtils.mkdir_p(File.dirname(target_path))
52
+ FileUtils.cp(file, target_path)
53
+ end
54
+ end
55
+
56
+ # Copy root SCSS files
57
+ %w[_base.scss all.scss index.scss].each do |file|
58
+ FileUtils.cp("#{base_path}/#{file}", "#{target_base}/#{file}")
59
+ end
60
+ end
61
+
62
+ def self.copy_assets_files(temp_dir, version, brand)
63
+ FileUtils.cp_r(
64
+ "#{temp_dir}/node_modules/#{brand}-frontend/dist/#{brand}/assets/.",
65
+ "#{ASSETS_PATH}/#{versioned_dir(version, brand)}/"
66
+ )
67
+ end
68
+
69
+ def self.copy_js_files(temp_dir, version, brand)
70
+ base_path = "#{temp_dir}/node_modules/#{brand}-frontend/dist/#{brand}"
71
+ target_base = "#{ASSETS_PATH}/#{versioned_dir(version, brand)}"
72
+
73
+ %w[.min.js .min.js.map].each do |ext|
74
+ FileUtils.cp(
75
+ "#{base_path}/#{brand}-frontend#{ext}",
76
+ "#{target_base}/#{brand}-frontend#{ext}"
77
+ )
78
+ end
79
+ end
80
+
81
+ def self.remove_source_maps(version, brand)
82
+ Dir.glob("#{STYLESHEET_PATH}/#{versioned_dir(version, brand)}/**/**/*.scss").each do |file|
83
+ content = File.read(file)
84
+ content.gsub!(%r{/\*# sourceMappingURL=.*\.scss\.map \*/\n?}, '')
85
+ content = "#{content.rstrip}\n"
86
+ File.write(file, content)
87
+ end
88
+ end
89
+ end
90
+
91
+ desc 'Update the GOVUK frontend to a specific version'
92
+ task :make_govuk, [:version] do |_t, args|
93
+ brand = 'govuk'
94
+
95
+ version = args[:version] || `npm view #{brand}-frontend version`.strip
96
+ GovukHelpers.validate_version(version, brand)
97
+ GovukHelpers.remove_existing_versions(brand)
98
+
99
+ temp_dir = Dir.mktmpdir("#{brand}-frontend")
100
+ begin
101
+ Dir.chdir(temp_dir) do
102
+ system("npm install #{brand}-frontend#{version ? "@#{version}" : ''}")
103
+ end
104
+
105
+ GovukHelpers.setup_directories(version, brand)
106
+ GovukHelpers.copy_scss_files(temp_dir, version, brand)
107
+ GovukHelpers.copy_assets_files(temp_dir, version, brand)
108
+ GovukHelpers.copy_js_files(temp_dir, version, brand)
109
+
110
+ GovukHelpers.update_version_in_file(GovukHelpers::APPLICATION_LAYOUT_PATH, version, brand)
111
+ GovukHelpers.update_version_in_file(GovukHelpers::ENGINE_PATH, version, brand)
112
+ GovukHelpers.update_version_in_file("#{GovukHelpers::STYLESHEET_PATH}/#{brand}.scss", version, brand)
113
+ GovukHelpers.remove_source_maps(version, brand)
114
+
115
+ puts "Bumped #{brand.upcase} frontend to #{GovukHelpers.semantic_version(version)}"
116
+ ensure
117
+ Dir.chdir(Dir.pwd) do
118
+ system("npm uninstall #{brand}-frontend")
119
+ end
120
+ FileUtils.remove_entry_secure(temp_dir)
121
+ end
122
+ end
@@ -0,0 +1,108 @@
1
+ require 'fileutils'
2
+ require 'pathname'
3
+
4
+ module NhsukHelpers
5
+ ASSETS_PATH = 'public/design_system/static'.freeze
6
+ STYLESHEET_PATH = 'app/assets/stylesheets/design_system'.freeze
7
+ ENGINE_PATH = 'lib/design_system/engine.rb'.freeze
8
+ APPLICATION_LAYOUT_PATH = 'app/views/layouts/nhsuk/application.html.erb'.freeze
9
+
10
+ def self.versioned_dir(version, brand)
11
+ "#{brand}-frontend-#{version}"
12
+ end
13
+
14
+ def self.semantic_version(version)
15
+ "v#{version}"
16
+ end
17
+
18
+ def self.remove_existing_versions(brand)
19
+ [ASSETS_PATH, STYLESHEET_PATH].each do |base_path|
20
+ FileUtils.rm_rf(Dir.glob("#{base_path}/#{brand}-frontend-*"))
21
+ end
22
+ end
23
+
24
+ def self.update_version_in_file(file_path, version, brand)
25
+ content = File.read(file_path)
26
+ content.gsub!(/#{brand}-frontend-\d+\.\d+\.\d+/, versioned_dir(version, brand))
27
+ File.write(file_path, content)
28
+ end
29
+
30
+ def self.validate_version(version, brand)
31
+ return if version&.match(/^\d+\.\d+\.\d+$/)
32
+
33
+ raise "Please provide a version number in the format x.x.x (e.g., rake app:make_#{brand}\\[9.3.0\\])"
34
+ end
35
+
36
+ def self.setup_directories(version, brand)
37
+ FileUtils.mkdir_p("#{ASSETS_PATH}/#{versioned_dir(version, brand)}")
38
+ FileUtils.mkdir_p("#{STYLESHEET_PATH}/#{versioned_dir(version, brand)}")
39
+ end
40
+
41
+ def self.copy_scss_files(temp_dir, version, brand)
42
+ base_path = "#{temp_dir}/node_modules/#{brand}-frontend/packages"
43
+ target_base = "#{STYLESHEET_PATH}/#{versioned_dir(version, brand)}"
44
+
45
+ # Copy SCSS files from directories
46
+ %w[components core].each do |dir|
47
+ Dir.glob("#{base_path}/#{dir}/**/*.scss").each do |file|
48
+ relative_path = file.gsub("#{base_path}/", '')
49
+ target_path = "#{target_base}/#{relative_path}"
50
+ FileUtils.mkdir_p(File.dirname(target_path))
51
+ FileUtils.cp(file, target_path)
52
+ end
53
+ end
54
+
55
+ # Copy root SCSS files
56
+ FileUtils.cp("#{base_path}/#{brand}.scss", "#{target_base}/#{brand}.scss")
57
+ end
58
+
59
+ def self.copy_assets_files(temp_dir, version, brand)
60
+ FileUtils.cp_r(
61
+ "#{temp_dir}/node_modules/#{brand}-frontend/packages/assets/.",
62
+ "#{ASSETS_PATH}/#{versioned_dir(version, brand)}/"
63
+ )
64
+ end
65
+
66
+ def self.copy_js_files(temp_dir, version, brand)
67
+ FileUtils.cp(
68
+ "#{temp_dir}/node_modules/#{brand}-frontend/packages/#{brand}.js",
69
+ "#{ASSETS_PATH}/#{versioned_dir(version, brand)}/#{brand}.js"
70
+ )
71
+ FileUtils.cp(
72
+ "#{temp_dir}/node_modules/#{brand}-frontend/dist/#{brand}.min.js",
73
+ "#{ASSETS_PATH}/#{versioned_dir(version, brand)}/#{brand}.min.js"
74
+ )
75
+ end
76
+ end
77
+
78
+ desc 'Update the NHSUK frontend to a specific version'
79
+ task :make_nhsuk, [:version] do |_t, args|
80
+ brand = 'nhsuk'
81
+
82
+ version = args[:version] || `npm view #{brand}-frontend version`.strip
83
+ NhsukHelpers.validate_version(version, brand)
84
+ NhsukHelpers.remove_existing_versions(brand)
85
+
86
+ temp_dir = Dir.mktmpdir("#{brand}-frontend")
87
+ begin
88
+ Dir.chdir(temp_dir) do
89
+ system("npm install #{brand}-frontend@#{version}")
90
+ end
91
+
92
+ NhsukHelpers.setup_directories(version, brand)
93
+ NhsukHelpers.copy_scss_files(temp_dir, version, brand)
94
+ NhsukHelpers.copy_assets_files(temp_dir, version, brand)
95
+ NhsukHelpers.copy_js_files(temp_dir, version, brand)
96
+
97
+ NhsukHelpers.update_version_in_file(NhsukHelpers::APPLICATION_LAYOUT_PATH, version, brand)
98
+ NhsukHelpers.update_version_in_file(NhsukHelpers::ENGINE_PATH, version, brand)
99
+ NhsukHelpers.update_version_in_file("#{NhsukHelpers::STYLESHEET_PATH}/#{brand}.scss", version, brand)
100
+
101
+ puts "Bumped #{brand.upcase} frontend to #{NhsukHelpers.semantic_version(version)}"
102
+ ensure
103
+ Dir.chdir(Dir.pwd) do
104
+ system("npm uninstall #{brand}-frontend")
105
+ end
106
+ FileUtils.remove_entry_secure(temp_dir)
107
+ end
108
+ end